Angular 15 Upgrade using MDC Components (#131)

* Angular 15 Upgrade using "ng update" only (uses legacy material components)

* Angular 15 Upgrade

* Show tooltips in toolbar burger menu (fix)

* Added rotobo font and material icons

* Angular 15

* Material 15: Fix readonly form field

* Material 15: Fix readonly form field

* Material 15: Fix readonly form field

* Material 15: Fix navigation (part 1)

* Material 15: Fix navigation (part 2)

* Material 15: Fix navigation (part 2)

* remove mad-card css

* fix styling issues

* restore read-only, fix error message overlapping other field, fix mat-card elevation

* Fix styling for mat-card

* Update dependencies.
Fix layout issue for editable-cards with optional icon.
Update package-lock.json version

* Update readme

* Update readme

* Update readme

* Update nodejs to 18

* Fix github build pipelines

* Replace angular FlexLayout

* Remove stylesheets for mat chip

* Fix chips

* Error color in POA theme

---------

Co-authored-by: ext.isakovic <[email protected]>
Co-authored-by: Daniel Wagner <[email protected]>

.github/workflows/release.yml

@@ -11,16 +11,18 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
-      - name: Use Node.js 14
+      - name: Use Node.js 18
         uses: actions/setup-node@v2
         with:
-          node-version: '14'
+          node-version: '18'
           registry-url: https://registry.npmjs.org/
       - run: npm install
       - run: npm run publish:mat-add
         env:
           NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
       - run: npm run build:mat-add
+      - run: npm install --no-optional
+      - run: npm install
       - run: npm run publish:demo-ci
         env:
           GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}

.github/workflows/verify.yml

@@ -13,11 +13,12 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
-      - name: Use Node.js 14
+      - name: Use Node.js 18
         uses: actions/setup-node@v2
         with:
-          node-version: '14'
+          node-version: '18'
       - run: npm install
       - run: npm run build:mat-add
       - run: npm install --no-optional
+      - run: npm install
       - run: npm run build:demo

README.md

@@ -18,12 +18,15 @@ found in the [src directory](https://github.com/porscheinformatik/material-addon
 _Hint: Changes marked as **visible change** directly affect your application during version upgrade. **Breaking**
 requires your attention during upgrade._
 
+- **v15.0.0**: **MAJOR ANGULAR 15 RELEASE**
+  - **breaking changes** - [#131 Upgrade to Angular 15 with MDC Components](https://github.com/porscheinformatik/material-addons/pull/131) 
+    - This version requires your application to use Angular 15
+    - The framework is now based on Angular Material components using MDC (Material Design Components)
+
+<details><summary>View older changelogs</summary>
 - **v14.1.6**: Show tooltips in toolbar action burger menu
 - **v14.1.4**: data-table fixes: action button became too small for tables with a lot of colums
 - **v14.1.x**: Fix Button Styling for Stepper and Quicklist: change "add" button in Quicklist to "Outline" Styling and "next" and "done" button in MatStepper to "Primary" Styling
-
-<details><summary>View older changelogs</summary>
-
 - **v14.1.2**: minor fixes in datatable
 - **v14.1.1**: minor fixes: datatable paging bug and action column maxwidth
 - **v14.1.0**: **BREAKING** - Upgraded library to Angular 14, enabled Ivy builds, updated lib to esm2020

angular.json

@@ -29,6 +29,8 @@
               "src/app/example-components"
             ],
             "styles": [
+              "node_modules/roboto-fontface/css/roboto/roboto-fontface.css",
+              "node_modules/material-icons/iconfont/filled.css",
               "src/styles.scss"
             ],
             "stylePreprocessorOptions": {