From 292c155f1bf39a4f6ac3f5218cbe562484e8dc34 Mon Sep 17 00:00:00 2001
From: Maximilian Franzke <Maximilian.Franzke@deutschebahn.com>
Date: Thu, 17 Nov 2022 17:51:00 +0100
Subject: [PATCH] fix: adapting Nicos solution regarding Angular consumption

---
 .../__tests__/db-breadcrumb.spec.tsx          |  4 +-
 .../db-breadcrumb/db-breadcrumb.tsx           |  4 +-
 .../src/components/db-breadcrumb/readme.md    |  8 +--
 showcase/angular-showcase/package-lock.json   | 69 ++++++++++---------
 4 files changed, 45 insertions(+), 40 deletions(-)

diff --git a/packages/db-ui-elements-stencil/src/components/db-breadcrumb/__tests__/db-breadcrumb.spec.tsx b/packages/db-ui-elements-stencil/src/components/db-breadcrumb/__tests__/db-breadcrumb.spec.tsx
index eb00e7e76c..07428233ca 100644
--- a/packages/db-ui-elements-stencil/src/components/db-breadcrumb/__tests__/db-breadcrumb.spec.tsx
+++ b/packages/db-ui-elements-stencil/src/components/db-breadcrumb/__tests__/db-breadcrumb.spec.tsx
@@ -21,7 +21,7 @@ describe('db-breadcrumb', () => {
     const page = await newSpecPage({
       components: [DbBreadcrumb],
       html: `
-        <db-breadcrumb aria-label='Aria-Breadcrumb'>
+        <db-breadcrumb arialabel='Aria-Breadcrumb'>
           <db-link href='http://db.test/link1'>Link 1</db-link>
           <db-link href='//db.test/link2'>Link 2</db-link>
           <db-link href='#link3' aria-current='location'>Link 3</db-link>
@@ -29,7 +29,7 @@ describe('db-breadcrumb', () => {
       `
     });
     expect(page.root).toEqualHtml(`
-      <db-breadcrumb aria-label='Aria-Breadcrumb' >
+      <db-breadcrumb arialabel='Aria-Breadcrumb' >
           <nav class='cmp-breadcrumb' aria-label='Aria-Breadcrumb'>
             <ol>
               <li><db-link href='http://db.test/link1'>Link 1</db-link></li>
diff --git a/packages/db-ui-elements-stencil/src/components/db-breadcrumb/db-breadcrumb.tsx b/packages/db-ui-elements-stencil/src/components/db-breadcrumb/db-breadcrumb.tsx
index 378a875752..6c401ca617 100644
--- a/packages/db-ui-elements-stencil/src/components/db-breadcrumb/db-breadcrumb.tsx
+++ b/packages/db-ui-elements-stencil/src/components/db-breadcrumb/db-breadcrumb.tsx
@@ -24,7 +24,7 @@ export class DbBreadcrumb {
   /**
    * an optional [`aria-label`-attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
    */
-  @Prop({ reflect: true, attribute: 'aria-label' }) ariaLabel: string;
+  @Prop({ reflect: true }) arialabel: string;
   private compData: DbLinkType[];
 
   private hasItemsWrapper: boolean;
@@ -55,7 +55,7 @@ export class DbBreadcrumb {
 
   render() {
     return (
-      <nav class="cmp-breadcrumb" aria-label={this.ariaLabel}>
+      <nav class="cmp-breadcrumb" aria-label={this.arialabel}>
         {this.compData && <ol innerHTML={getCompDataHtml(this.compData)} />}
         {!this.compData && (
           <ol>
diff --git a/packages/db-ui-elements-stencil/src/components/db-breadcrumb/readme.md b/packages/db-ui-elements-stencil/src/components/db-breadcrumb/readme.md
index b30eb1c5e1..2a869eea00 100644
--- a/packages/db-ui-elements-stencil/src/components/db-breadcrumb/readme.md
+++ b/packages/db-ui-elements-stencil/src/components/db-breadcrumb/readme.md
@@ -7,10 +7,10 @@
 
 ## Properties
 
-| Property    | Attribute    | Description                                                                                                                 | Type     | Default     |
-| ----------- | ------------ | --------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- |
-| `ariaLabel` | `aria-label` | an optional [`aria-label`-attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) | `string` | `undefined` |
-| `data`      | `data`       | The data attribute can be used to generate breadcrumb by data.                                                              | `string` | `undefined` |
+| Property    | Attribute   | Description                                                                                                                 | Type     | Default     |
+| ----------- | ----------- | --------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- |
+| `arialabel` | `arialabel` | an optional [`aria-label`-attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) | `string` | `undefined` |
+| `data`      | `data`      | The data attribute can be used to generate breadcrumb by data.                                                              | `string` | `undefined` |
 
 
 ----------------------------------------------
diff --git a/showcase/angular-showcase/package-lock.json b/showcase/angular-showcase/package-lock.json
index 105be8f55b..56648f9100 100644
--- a/showcase/angular-showcase/package-lock.json
+++ b/showcase/angular-showcase/package-lock.json
@@ -38,48 +38,52 @@
       }
     },
     "../../node_modules/@db-ui/core": {
-      "version": "0.0.1",
+      "version": "2.3.0",
+      "license": "Apache-2.0",
       "dependencies": {
-        "@babel/cli": "^7.19.3",
-        "@babel/preset-env": "^7.19.3",
-        "@commitlint/cli": "^17.1.2",
-        "@commitlint/config-conventional": "^17.1.0",
         "@csstools/normalize.css": "^12.0.0",
-        "@db-ui/base": "^0.17.0",
+        "@db-ui/base": "^0.19.1"
+      },
+      "devDependencies": {
+        "@babel/cli": "^7.19.3",
+        "@babel/preset-env": "^7.20.2",
+        "@commitlint/cli": "^17.2.0",
+        "@commitlint/config-conventional": "^17.2.0",
         "@mfranzke/plugin-node-uiextension": "^1.0.0",
         "@pattern-lab/cli": "^5.17.0",
         "@pattern-lab/core": "^5.17.0",
         "@pattern-lab/engine-handlebars": "^5.16.4",
         "@pattern-lab/starterkit-handlebars-demo": "^5.16.4",
         "@pattern-lab/uikit-workshop": "^5.17.0",
-        "@wemake-services/stylelint-config-scss": "^1.0.0",
-        "autoprefixer": "^10.4.12",
-        "backstopjs": "^6.1.3",
+        "autoprefixer": "^10.4.13",
+        "backstopjs": "^6.1.4",
         "cpr": "^3.0.1",
         "details-element-polyfill": "^2.4.0",
         "dialog-polyfill": "^0.5.6",
         "dotenv": "^16.0.3",
         "find-versions-cli": "^4.0.0",
-        "html-validate": "^7.5.0",
+        "html-validate": "^7.9.0",
         "html5-boilerplate": "^8.0.0",
-        "husky": "^8.0.1",
+        "husky": "^8.0.2",
         "iframe-resizer": "^4.3.2",
+        "markdownlint-cli": "^0.32.2",
         "nodemon": "^2.0.20",
         "npm-run-all": "^4.1.5",
         "pa11y-ci": "^3.0.1",
-        "postcss": "^8.4.17",
+        "postcss": "^8.4.19",
         "postcss-cli": "^10.0.0",
         "postcss-focus": "^5.0.1",
         "postcss-list-style-safari-fix": "^1.0.0",
         "prettier": "^2.5.1",
         "pretty-quick": "^3.1.3",
         "rimraf": "^3.0.2",
-        "sass": "^1.55.0",
-        "stylelint": "^14.13.0",
-        "stylelint-config-prettier": "^9.0.3",
+        "sass": "^1.56.1",
+        "start-server-and-test": "^1.14.0",
+        "stylelint": "^14.15.0",
+        "stylelint-config-prettier": "^9.0.4",
         "stylelint-config-sass-guidelines": "^9.0.1",
-        "stylelint-config-standard-scss": "^3.0.0",
-        "xo": "^0.52.4"
+        "validate-branch-name": "^1.3.0",
+        "xo": "^0.53.0"
       }
     },
     "../../packages/db-ui-elements-angular": {
@@ -22577,45 +22581,46 @@
       "version": "file:../../node_modules/@db-ui/core",
       "requires": {
         "@babel/cli": "^7.19.3",
-        "@babel/preset-env": "^7.19.3",
-        "@commitlint/cli": "^17.1.2",
-        "@commitlint/config-conventional": "^17.1.0",
+        "@babel/preset-env": "^7.20.2",
+        "@commitlint/cli": "^17.2.0",
+        "@commitlint/config-conventional": "^17.2.0",
         "@csstools/normalize.css": "^12.0.0",
-        "@db-ui/base": "^0.17.0",
+        "@db-ui/base": "^0.19.1",
         "@mfranzke/plugin-node-uiextension": "^1.0.0",
         "@pattern-lab/cli": "^5.17.0",
         "@pattern-lab/core": "^5.17.0",
         "@pattern-lab/engine-handlebars": "^5.16.4",
         "@pattern-lab/starterkit-handlebars-demo": "^5.16.4",
         "@pattern-lab/uikit-workshop": "^5.17.0",
-        "@wemake-services/stylelint-config-scss": "^1.0.0",
-        "autoprefixer": "^10.4.12",
-        "backstopjs": "^6.1.3",
+        "autoprefixer": "^10.4.13",
+        "backstopjs": "^6.1.4",
         "cpr": "^3.0.1",
         "details-element-polyfill": "^2.4.0",
         "dialog-polyfill": "^0.5.6",
         "dotenv": "^16.0.3",
         "find-versions-cli": "^4.0.0",
-        "html-validate": "^7.5.0",
+        "html-validate": "^7.9.0",
         "html5-boilerplate": "^8.0.0",
-        "husky": "^8.0.1",
+        "husky": "^8.0.2",
         "iframe-resizer": "^4.3.2",
+        "markdownlint-cli": "^0.32.2",
         "nodemon": "^2.0.20",
         "npm-run-all": "^4.1.5",
         "pa11y-ci": "^3.0.1",
-        "postcss": "^8.4.17",
+        "postcss": "^8.4.19",
         "postcss-cli": "^10.0.0",
         "postcss-focus": "^5.0.1",
         "postcss-list-style-safari-fix": "^1.0.0",
         "prettier": "^2.5.1",
         "pretty-quick": "^3.1.3",
         "rimraf": "^3.0.2",
-        "sass": "^1.55.0",
-        "stylelint": "^14.13.0",
-        "stylelint-config-prettier": "^9.0.3",
+        "sass": "^1.56.1",
+        "start-server-and-test": "^1.14.0",
+        "stylelint": "^14.15.0",
+        "stylelint-config-prettier": "^9.0.4",
         "stylelint-config-sass-guidelines": "^9.0.1",
-        "stylelint-config-standard-scss": "^3.0.0",
-        "xo": "^0.52.4"
+        "validate-branch-name": "^1.3.0",
+        "xo": "^0.53.0"
       }
     },
     "@db-ui/ngx-elements-enterprise": {