refactor: update angular 12 to 14

.github/dependabot.yml

@@ -49,7 +49,7 @@ updates:
     # https://github.com/dependabot/dependabot-core/issues/5226#issuecomment-1179434437
     versioning-strategy: increase
   - package-ecosystem: 'npm'
-    directory: '/showcase/angular-showcase'
+    directory: '/showcase/angular-lts-minus-1-showcase'
     open-pull-requests-limit: 10
     schedule:
       interval: 'daily'

.github/labeler.yml

@@ -24,9 +24,9 @@ react:
 vue:
   - packages/db-ui-elements-vue/**
 
-# Add 'angular-showcase' label to any file changes for angular-showcase
-angular-showcase:
-  - showcase/angular-showcase/**
+# Add 'angular-lts-minus-1-showcase' label to any file changes for angular-lts-minus-1-showcase
+angular-lts-minus-1-showcase:
+  - showcase/angular-lts-minus-1-showcase/**
 
 # Add 'playground-showcase' label to any file changes for playground-showcase
 playground-showcase:

.github/workflows/01-build-all.yml

@@ -17,7 +17,7 @@ jobs:
 
       - name: 👩‍🍳 Bake everything (StoryBook, Playground & Showcases)
         run: |
-          node scripts/build angular,react,vue,playground,reactwind withShowcase
+          node scripts/build angular-lts-minus-1,react,vue,playground,reactwind withShowcase
           npm run build:storybook
 
       - name: ⬆ Upload build

.github/workflows/01-build-showcases.yml

@@ -11,7 +11,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        showcases: [angular, playground, react, reactwind, vue]
+        showcases: [angular-lts-minus-1, playground, react, reactwind, vue]
     steps:
       - name: ⬇ Checkout repo
         uses: actions/checkout@v3
@@ -21,7 +21,7 @@ jobs:
 
       - name: ↔ Get download params for showcase
         run: |
-          if echo ${{ matrix.showcases }} | grep -c "angular"
+          if echo ${{ matrix.showcases }} | grep -c "angular-lts-minus-1"
           then
             echo "framework=angular" >> $GITHUB_OUTPUT
           elif echo ${{ matrix.showcases }} | grep -c "playground"

.github/workflows/01-build-storybook.yml

@@ -27,11 +27,11 @@ jobs:
           name: stencil-default-angular
           path: packages/db-ui-elements-stencil
 
-      - name: ⬇ Download Showcase angular dist folder
+      - name: ⬇ Download Showcase Angular LTS v.14 dist folder
         uses: ./.github/actions/download-tar-artifact
         with:
-          name: showcase-angular
-          path: showcase/angular-showcase/dist
+          name: showcase-angular-lts-minus-1
+          path: showcase/angular-lts-minus-1-showcase/dist
 
       - name: ⬇ Download Showcase playground dist folder
         uses: ./.github/actions/download-tar-artifact
@@ -61,7 +61,7 @@ jobs:
         env:
           VERSION: ${{ inputs.tag }}
         run: |
-          mv showcase/angular-showcase/dist/angular-showcase packages/db-ui-elements-stencil/www/angular-showcase
+          mv showcase/angular-lts-minus-1-showcase/dist/angular-lts-minus-1-showcase packages/db-ui-elements-stencil/www/angular-lts-minus-1-showcase
           mv showcase/playground-showcase/dist/playground-showcase packages/db-ui-elements-stencil/www/playground-showcase
           mv showcase/react-showcase/dist/react-showcase packages/db-ui-elements-stencil/www/react-showcase
           mv showcase/reactwind-showcase/dist/reactwind-showcase packages/db-ui-elements-stencil/www/reactwind-showcase

README.md

@@ -58,7 +58,7 @@ If you miss a component than [contribute](CONTRIBUTING.md), please.
 ## Framework showcases
 
 * [DB UI Elements with React (CRA)](showcase/react-showcase/README.md)
-* [DB UI Elements with Angular](showcase/angular-showcase/README.md)
+* [DB UI Elements with Angular 14](showcase/angular-lts-minus-1-showcase/README.md)
 * [DB UI Elements with Vue](showcase/vue-showcase/README.md)
 
 ## Deutsche Bahn brand

doc/howto-angular.md

@@ -127,6 +127,6 @@ There are 3 ways to use Events in Angular:
 
 ### Example
 
-[Angular Showcase GitHub](https://github.com/db-ui/elements/tree/main/showcase/angular-showcase)
+[Angular Showcase GitHub](https://github.com/db-ui/elements/tree/main/showcase/angular-lts-minus-1-showcase)
 
-[Angular Showcase App](https://db-ui.github.io/elements/angular-showcase/)
+[Angular Showcase App](https://db-ui.github.io/elements/angular-lts-minus-1-showcase/)

e2e/cypress/e2e/99-1-showcases/showcases-tables.cy.js

@@ -2,7 +2,7 @@ context('showcase', () => {
   const showcases = require('../../fixtures/showcases.json');
 
   //showcases.forEach((showcase) => {
-  const showcase = 'angular';
+  const showcase = 'angular-lts-minus-1';
   it(`${showcase}: Test Tables`, () => {
     cy.showcaseGoto(showcase, 'Tables');
 

e2e/cypress/fixtures/showcases.json

@@ -1 +1 @@
-["angular", "react", "vue"]
+["angular-lts-minus-1", "react", "vue"]