From 1a082d35e75fc7e1b7366e494e6ccd5f82b69055 Mon Sep 17 00:00:00 2001
From: Maximilian Franzke <Maximilian.Franzke@deutschebahn.com>
Date: Mon, 27 Nov 2023 01:55:40 +0100
Subject: [PATCH 1/2] refactor: changed this attribute

---
 .../src/components/db-chip/db-chip.tsx        |  9 +++++----
 .../src/components/db-chip/readme.md          | 20 +++++++++----------
 .../src/components/db-toggle/readme.md        | 11 +++++-----
 3 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/packages/db-ui-elements-stencil/src/components/db-chip/db-chip.tsx b/packages/db-ui-elements-stencil/src/components/db-chip/db-chip.tsx
index 2cea59f30..5b2984149 100644
--- a/packages/db-ui-elements-stencil/src/components/db-chip/db-chip.tsx
+++ b/packages/db-ui-elements-stencil/src/components/db-chip/db-chip.tsx
@@ -7,9 +7,10 @@ import { uuid } from '../../utils/utils';
 })
 export class DbChip {
   /**
-   *  Decides which datatype you want to use: filter (1-n); selection (1);
+   *  Decides which interactiontype you want to use: filter (1-n); selection (1);
    */
-  @Prop({ reflect: true }) datatype: 'filter' | 'selection' = 'selection';
+  @Prop({ reflect: true }) interactiontype: 'filter' | 'selection' =
+    'selection';
 
   /**
    * The disabled attribute can be set to keep a user from clicking on the chip.
@@ -66,9 +67,9 @@ export class DbChip {
       <Host>
         <input
           class="elm-chip"
-          type={this.datatype === 'filter' ? 'checkbox' : 'radio'}
+          type={this.interactiontype === 'filter' ? 'checkbox' : 'radio'}
           id={this.input_id}
-          data-type={this.datatype}
+          data-type={this.interactiontype}
           disabled={this.disabled}
           name={this.name}
           checked={this.selected}
diff --git a/packages/db-ui-elements-stencil/src/components/db-chip/readme.md b/packages/db-ui-elements-stencil/src/components/db-chip/readme.md
index d0e736e27..13d98d74f 100644
--- a/packages/db-ui-elements-stencil/src/components/db-chip/readme.md
+++ b/packages/db-ui-elements-stencil/src/components/db-chip/readme.md
@@ -7,16 +7,16 @@
 
 ## Properties
 
-| Property    | Attribute   | Description                                                                                                                                                                                                                                           | Type                                                                                                                                                                                                                                                                                                           | Default            |
-| ----------- | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
-| `datatype`  | `datatype`  | Decides which datatype you want to use: filter (1-n); selection (1);                                                                                                                                                                                  | `"filter" \| "selection"`                                                                                                                                                                                                                                                                                      | `'selection'`      |
-| `disabled`  | `disabled`  | The disabled attribute can be set to keep a user from clicking on the chip.                                                                                                                                                                           | `boolean`                                                                                                                                                                                                                                                                                                      | `false`            |
-| `icon`      | `icon`      | Attribute to add icon before chip.                                                                                                                                                                                                                    | `string`                                                                                                                                                                                                                                                                                                       | `undefined`        |
-| `iconafter` | `iconafter` | Attribute to add icon after chip.                                                                                                                                                                                                                     | `string`                                                                                                                                                                                                                                                                                                       | `undefined`        |
-| `input_id`  | `input_id`  | The input_id of a label form-related element in the same document as the label element. The first element in the document with an id matching the value of the for attribute is the labeled control for this label element, if it is a label element. | `string`                                                                                                                                                                                                                                                                                                       | `'chip-' + uuid()` |
-| `name`      | `name`      | Name to group multiple chips.                                                                                                                                                                                                                         | `string`                                                                                                                                                                                                                                                                                                       | `'chips'`          |
-| `selected`  | `selected`  | Selected state                                                                                                                                                                                                                                        | `boolean`                                                                                                                                                                                                                                                                                                      | `false`            |
-| `variant`   | `variant`   | Predefined variants to change background color and font color.                                                                                                                                                                                        | `"error" \| "informative" \| "poi-db-services-einrichtung" \| "poi-dienstleistungen" \| "poi-einkaufen" \| "poi-essen-trinken" \| "poi-freizeit" \| "poi-gesundheit" \| "poi-kunst-kultur" \| "poi-wegeleitung" \| "poi-wissenswertes" \| "poi-zivile-rel-einrichtungen" \| "success" \| "track" \| "warning"` | `undefined`        |
+| Property          | Attribute         | Description                                                                                                                                                                                                                                           | Type                                                                                                                                                                                                                                                                                                           | Default            |
+| ----------------- | ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
+| `disabled`        | `disabled`        | The disabled attribute can be set to keep a user from clicking on the chip.                                                                                                                                                                           | `boolean`                                                                                                                                                                                                                                                                                                      | `false`            |
+| `icon`            | `icon`            | Attribute to add icon before chip.                                                                                                                                                                                                                    | `string`                                                                                                                                                                                                                                                                                                       | `undefined`        |
+| `iconafter`       | `iconafter`       | Attribute to add icon after chip.                                                                                                                                                                                                                     | `string`                                                                                                                                                                                                                                                                                                       | `undefined`        |
+| `input_id`        | `input_id`        | The input_id of a label form-related element in the same document as the label element. The first element in the document with an id matching the value of the for attribute is the labeled control for this label element, if it is a label element. | `string`                                                                                                                                                                                                                                                                                                       | `'chip-' + uuid()` |
+| `interactiontype` | `interactiontype` | Decides which interactiontype you want to use: filter (1-n); selection (1);                                                                                                                                                                           | `"filter" \| "selection"`                                                                                                                                                                                                                                                                                      | `'selection'`      |
+| `name`            | `name`            | Name to group multiple chips.                                                                                                                                                                                                                         | `string`                                                                                                                                                                                                                                                                                                       | `'chips'`          |
+| `selected`        | `selected`        | Selected state                                                                                                                                                                                                                                        | `boolean`                                                                                                                                                                                                                                                                                                      | `false`            |
+| `variant`         | `variant`         | Predefined variants to change background color and font color.                                                                                                                                                                                        | `"error" \| "informative" \| "poi-db-services-einrichtung" \| "poi-dienstleistungen" \| "poi-einkaufen" \| "poi-essen-trinken" \| "poi-freizeit" \| "poi-gesundheit" \| "poi-kunst-kultur" \| "poi-wegeleitung" \| "poi-wissenswertes" \| "poi-zivile-rel-einrichtungen" \| "success" \| "track" \| "warning"` | `undefined`        |
 
 
 ## Dependencies
diff --git a/packages/db-ui-elements-stencil/src/components/db-toggle/readme.md b/packages/db-ui-elements-stencil/src/components/db-toggle/readme.md
index 3bbe4f56e..ea969f49e 100644
--- a/packages/db-ui-elements-stencil/src/components/db-toggle/readme.md
+++ b/packages/db-ui-elements-stencil/src/components/db-toggle/readme.md
@@ -7,11 +7,12 @@
 
 ## Properties
 
-| Property   | Attribute  | Description                                                 | Type      | Default              |
-| ---------- | ---------- | ----------------------------------------------------------- | --------- | -------------------- |
-| `checked`  | `checked`  | Checked property                                            | `boolean` | `undefined`          |
-| `disabled` | `disabled` | Disabled property                                           | `boolean` | `undefined`          |
-| `htmlid`   | `htmlid`   | Optional id for the label - otherwise random id will be set | `string`  | `'toggle-' + uuid()` |
+| Property   | Attribute  | Description                                                         | Type      | Default              |
+| ---------- | ---------- | ------------------------------------------------------------------- | --------- | -------------------- |
+| `checked`  | `checked`  | Checked property                                                    | `boolean` | `undefined`          |
+| `disabled` | `disabled` | Disabled property                                                   | `boolean` | `undefined`          |
+| `htmlid`   | `htmlid`   | Optional id for the label - otherwise random id will be set         | `string`  | `'toggle-' + uuid()` |
+| `name`     | `name`     | The name attribute specifies a name for the included input element. | `string`  | `undefined`          |
 
 
 ## Events

From c536224a158b1d2b1df36c5855b5ced276d84a7d Mon Sep 17 00:00:00 2001
From: Maximilian Franzke <Maximilian.Franzke@deutschebahn.com>
Date: Mon, 27 Nov 2023 02:33:02 +0100
Subject: [PATCH 2/2] refactor: adapted this attribute renaming

---
 .../db-chip/stories/db-chip.intro.stories.mdx | 24 +++++++++----------
 .../other-elements.component.html             | 10 +++++---
 .../other-elements.component.html             | 10 +++++---
 .../src/components/other-elements/index.js    |  6 ++---
 .../other-elements/OtherElements.vue          |  6 ++---
 5 files changed, 32 insertions(+), 24 deletions(-)

diff --git a/packages/db-ui-elements-stencil/src/components/db-chip/stories/db-chip.intro.stories.mdx b/packages/db-ui-elements-stencil/src/components/db-chip/stories/db-chip.intro.stories.mdx
index 31a95c5bc..bc6c9bbe0 100644
--- a/packages/db-ui-elements-stencil/src/components/db-chip/stories/db-chip.intro.stories.mdx
+++ b/packages/db-ui-elements-stencil/src/components/db-chip/stories/db-chip.intro.stories.mdx
@@ -8,20 +8,20 @@ import Readme from './../readme.md';
 <db-headline>Filter Chips</db-headline>
 
 <Canvas>
-  <db-chip datatype="filter">default</db-chip>
-  <db-chip datatype="filter" variant="informative">
+  <db-chip interactiontype="filter">default</db-chip>
+  <db-chip interactiontype="filter" variant="informative">
     informative
   </db-chip>
-  <db-chip datatype="filter" variant="success">
+  <db-chip interactiontype="filter" variant="success">
     success
   </db-chip>
-  <db-chip datatype="filter" variant="poi-essen-trinken">
+  <db-chip interactiontype="filter" variant="poi-essen-trinken">
     poi-essen-trinken
   </db-chip>
-  <db-chip datatype="filter" variant="poi-einkaufen" selected>
+  <db-chip interactiontype="filter" variant="poi-einkaufen" selected>
     poi-einkaufen
   </db-chip>
-  <db-chip datatype="filter" variant="track">
+  <db-chip interactiontype="filter" variant="track">
     track
   </db-chip>
 </Canvas>
@@ -40,9 +40,9 @@ import Readme from './../readme.md';
 <db-headline>Chips with icons</db-headline>
 
 <Canvas>
-  <db-chip datatype="filter" icon="account">icon</db-chip>
-  <db-chip datatype="filter" iconafter="account">iconafter</db-chip>
-  <db-chip datatype="filter" icon="account" iconafter="account">
+  <db-chip interactiontype="filter" icon="account">icon</db-chip>
+  <db-chip interactiontype="filter" iconafter="account">iconafter</db-chip>
+  <db-chip interactiontype="filter" icon="account" iconafter="account">
     icon + iconafter
   </db-chip>
 </Canvas>
@@ -50,11 +50,11 @@ import Readme from './../readme.md';
 <db-headline>Chips disabled</db-headline>
 
 <Canvas>
-  <db-chip datatype="filter">default</db-chip>
-  <db-chip datatype="filter" variant="informative" disabled>
+  <db-chip interactiontype="filter">default</db-chip>
+  <db-chip interactiontype="filter" variant="informative" disabled>
     informative
   </db-chip>
-  <db-chip datatype="filter" variant="success">
+  <db-chip interactiontype="filter" variant="success">
     success
   </db-chip>
 </Canvas>
diff --git a/showcase/angular-lts-minus-1-showcase/src/app/components/other-elements/other-elements.component.html b/showcase/angular-lts-minus-1-showcase/src/app/components/other-elements/other-elements.component.html
index 3523e5e4a..e90d0b631 100644
--- a/showcase/angular-lts-minus-1-showcase/src/app/components/other-elements/other-elements.component.html
+++ b/showcase/angular-lts-minus-1-showcase/src/app/components/other-elements/other-elements.component.html
@@ -8,12 +8,16 @@
   <db-tag variant="informative">informative</db-tag>
   <db-tag variant="success">success</db-tag>
   <p>DbChip:</p>
-  <db-chip datatype="filter" icon="account">default</db-chip>
-  <db-chip datatype="filter" iconafter="account" variant="informative" disabled
+  <db-chip interactiontype="filter" icon="account">default</db-chip>
+  <db-chip
+    interactiontype="filter"
+    iconafter="account"
+    variant="informative"
+    disabled
     >informative</db-chip
   >
   <db-chip
-    datatype="filter"
+    interactiontype="filter"
     icon="account"
     iconafter="account"
     variant="success"
diff --git a/showcase/angular-lts-showcase/src/app/components/other-elements/other-elements.component.html b/showcase/angular-lts-showcase/src/app/components/other-elements/other-elements.component.html
index 3523e5e4a..e90d0b631 100644
--- a/showcase/angular-lts-showcase/src/app/components/other-elements/other-elements.component.html
+++ b/showcase/angular-lts-showcase/src/app/components/other-elements/other-elements.component.html
@@ -8,12 +8,16 @@
   <db-tag variant="informative">informative</db-tag>
   <db-tag variant="success">success</db-tag>
   <p>DbChip:</p>
-  <db-chip datatype="filter" icon="account">default</db-chip>
-  <db-chip datatype="filter" iconafter="account" variant="informative" disabled
+  <db-chip interactiontype="filter" icon="account">default</db-chip>
+  <db-chip
+    interactiontype="filter"
+    iconafter="account"
+    variant="informative"
+    disabled
     >informative</db-chip
   >
   <db-chip
-    datatype="filter"
+    interactiontype="filter"
     icon="account"
     iconafter="account"
     variant="success"
diff --git a/showcase/react-showcase/src/components/other-elements/index.js b/showcase/react-showcase/src/components/other-elements/index.js
index 8eb03b43c..a770c2a48 100644
--- a/showcase/react-showcase/src/components/other-elements/index.js
+++ b/showcase/react-showcase/src/components/other-elements/index.js
@@ -21,11 +21,11 @@ function OtherElements() {
       <p>DbLogo:</p>
       <DbLogo></DbLogo>
       <p>DbChip:</p>
-      <DbChip datatype="filter" icon="account">
+      <DbChip interactiontype="filter" icon="account">
         default
       </DbChip>
       <DbChip
-        datatype="filter"
+        interactiontype="filter"
         iconafter="account"
         variant="informative"
         disabled
@@ -33,7 +33,7 @@ function OtherElements() {
         informative
       </DbChip>
       <DbChip
-        datatype="filter"
+        interactiontype="filter"
         icon="account"
         iconafter="account"
         variant="success"
diff --git a/showcase/vue-showcase/src/components/other-elements/OtherElements.vue b/showcase/vue-showcase/src/components/other-elements/OtherElements.vue
index 2c41708de..cd2b4d1a0 100644
--- a/showcase/vue-showcase/src/components/other-elements/OtherElements.vue
+++ b/showcase/vue-showcase/src/components/other-elements/OtherElements.vue
@@ -23,9 +23,9 @@ import {
     <DbTag variant="informative">informative</DbTag>
     <DbTag variant="success">success</DbTag>
     <p>DbChip:</p>
-    <DbChip datatype="filter" icon="account"> default </DbChip>
+    <DbChip interactiontype="filter" icon="account"> default </DbChip>
     <DbChip
-      datatype="filter"
+      interactiontype="filter"
       iconafter="account"
       variant="informative"
       disabled
@@ -33,7 +33,7 @@ import {
       informative
     </DbChip>
     <DbChip
-      datatype="filter"
+      interactiontype="filter"
       icon="account"
       iconafter="account"
       variant="success"