@db-ux/wc-core-components 4.5.0 → 4.5.1

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@db-ux/wc-core-components",
-  "version": "4.5.0",
+  "version": "4.5.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -5723,6 +5723,30 @@
             ]
           }
         },
+        {
+          "name": "accordion-behavior",
+          "description": "\n---\n",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/accordion-behavior/properties",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "accordion-density",
+          "description": "\n---\n",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/accordion-density/properties",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "accordion-variant",
+          "description": "\n---\n",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/accordion-variant/properties",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
         {
           "name": "card-wrapper-showcase",
           "description": "\n---\n",
@@ -5782,30 +5806,6 @@
             "events": []
           }
         },
-        {
-          "name": "accordion-behavior",
-          "description": "\n---\n",
-          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/accordion-behavior/properties",
-          "attributes": [],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
-        {
-          "name": "accordion-density",
-          "description": "\n---\n",
-          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/accordion-density/properties",
-          "attributes": [],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
-        {
-          "name": "accordion-variant",
-          "description": "\n---\n",
-          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/accordion-variant/properties",
-          "attributes": [],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
         {
           "name": "accordion-showcase",
           "description": "\n---\n",
@@ -7095,35 +7095,6 @@
             "events": []
           }
         },
-        {
-          "name": "navigation-density",
-          "description": "\n---\n",
-          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation-density/properties",
-          "attributes": [],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
-        {
-          "name": "navigation-showcase",
-          "description": "\n---\n",
-          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation-showcase/properties",
-          "attributes": [
-            {
-              "name": "is-patternhub",
-              "value": { "type": "PatternhubProps[\"isPatternhub\"]" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "isPatternhub",
-                "type": "PatternhubProps[\"isPatternhub\"]"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "navigation-item-active",
           "description": "\n---\n",
@@ -7201,6 +7172,35 @@
             "events": []
           }
         },
+        {
+          "name": "navigation-density",
+          "description": "\n---\n",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation-density/properties",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "navigation-showcase",
+          "description": "\n---\n",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation-showcase/properties",
+          "attributes": [
+            {
+              "name": "is-patternhub",
+              "value": { "type": "PatternhubProps[\"isPatternhub\"]" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "isPatternhub",
+                "type": "PatternhubProps[\"isPatternhub\"]"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "notification-closeable",
           "description": "\n---\n",
@@ -7840,27 +7840,6 @@
             "events": []
           }
         },
-        {
-          "name": "switch-showcase",
-          "description": "\n---\n",
-          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/switch-showcase/properties",
-          "attributes": [
-            {
-              "name": "is-patternhub",
-              "value": { "type": "PatternhubProps[\"isPatternhub\"]" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "isPatternhub",
-                "type": "PatternhubProps[\"isPatternhub\"]"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "tab-item-behavior",
           "description": "\n---\n",
@@ -7909,6 +7888,27 @@
           "events": [],
           "js": { "properties": [], "events": [] }
         },
+        {
+          "name": "switch-showcase",
+          "description": "\n---\n",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/switch-showcase/properties",
+          "attributes": [
+            {
+              "name": "is-patternhub",
+              "value": { "type": "PatternhubProps[\"isPatternhub\"]" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "isPatternhub",
+                "type": "PatternhubProps[\"isPatternhub\"]"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "tab-item-showcase",
           "description": "\n---\n",
@@ -8108,6 +8108,62 @@
             "events": []
           }
         },
+        {
+          "name": "tooltip-animation",
+          "description": "\n---\n",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip-animation/properties",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "tooltip-delay",
+          "description": "\n---\n",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip-delay/properties",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "tooltip-density",
+          "description": "\n---\n",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip-density/properties",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "tooltip-emphasis",
+          "description": "\n---\n",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip-emphasis/properties",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "tooltip-placement",
+          "description": "\n---\n",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip-placement/properties",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "tooltip-show-arrow",
+          "description": "\n---\n",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip-show-arrow/properties",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "tooltip-width",
+          "description": "\n---\n",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip-width/properties",
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
         {
           "name": "textarea-density",
           "description": "\n---\n",
@@ -8241,62 +8297,6 @@
             "events": []
           }
         },
-        {
-          "name": "tooltip-animation",
-          "description": "\n---\n",
-          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip-animation/properties",
-          "attributes": [],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
-        {
-          "name": "tooltip-delay",
-          "description": "\n---\n",
-          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip-delay/properties",
-          "attributes": [],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
-        {
-          "name": "tooltip-density",
-          "description": "\n---\n",
-          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip-density/properties",
-          "attributes": [],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
-        {
-          "name": "tooltip-emphasis",
-          "description": "\n---\n",
-          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip-emphasis/properties",
-          "attributes": [],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
-        {
-          "name": "tooltip-placement",
-          "description": "\n---\n",
-          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip-placement/properties",
-          "attributes": [],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
-        {
-          "name": "tooltip-show-arrow",
-          "description": "\n---\n",
-          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip-show-arrow/properties",
-          "attributes": [],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
-        {
-          "name": "tooltip-width",
-          "description": "\n---\n",
-          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip-width/properties",
-          "attributes": [],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
         {
           "name": "tooltip-showcase",
           "description": "\n---\n",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/wc-core-components",
-  "version": "4.5.0",
+  "version": "4.5.1",
   "description": "Stencil components for @db-ux/core-components",
   "repository": {
     "type": "git",
@@ -35,7 +35,7 @@
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.11.0",
-    "@stencil/core": "4.43.1",
+    "@stencil/core": "4.43.2",
     "cem-plugin-expanded-types": "1.4.0",
     "custom-element-jet-brains-integration": "1.7.0",
     "custom-element-vs-code-integration": "1.5.0",
@@ -48,7 +48,7 @@
   "web-types": "./dist/web-types.json",
   "customElements": "dist/custom-elements.json",
   "dependencies": {
-    "@db-ux/core-components": "4.5.0",
-    "@db-ux/core-foundations": "4.5.0"
+    "@db-ux/core-components": "4.5.1",
+    "@db-ux/core-foundations": "4.5.1"
   }
 }

package/agent/Accordion.md

@@ -1,23 +0,0 @@
-
-
-# Accordion Examples (stencil)
-
-```html
-<h1>DBAccordion Documentation Examples</h1>
-        <h2>1. Default Accordion</h2>
-        <db-accordion>Default Accordion</db-accordion>
-        <h2>2. Behavior Variants</h2>
-        <db-accordion behavior="multiple">Multiple Behavior</db-accordion>
-        <db-accordion behavior="single">Single Behavior</db-accordion>
-        <h2>3. Initial Open Index</h2>
-        <db-accordion initOpenIndex={[0, 1]}>Initial Open Index</db-accordion>
-        <h2>4. Items</h2>
-        <db-accordion items={this.getItems()}>
-          Accordion with Items
-        </db-accordion>
-        <h2>5. Name Attribute</h2>
-        <db-accordion name="accordion-name">With Name</db-accordion>
-        <h2>6. Variant Types</h2>
-        <db-accordion variant="divider">Divider Variant</db-accordion>
-        <db-accordion variant="card">Card Variant</db-accordion>
-```

package/agent/AccordionItem.md

@@ -1,29 +0,0 @@
-
-
-# AccordionItem Examples (stencil)
-
-```html
-<h1>DBAccordionItem Documentation Examples</h1>
-        <h2>1. Default Accordion Item</h2>
-        <db-accordion-item>Default Accordion Item</db-accordion-item>
-        <h2>2. Initial State</h2>
-        <db-accordion-item defaultOpen={true}>Initially Open</db-accordion-item>
-        <db-accordion-item defaultOpen={false}>
-          Initially Closed
-        </db-accordion-item>
-        <h2>3. Disabled State</h2>
-        <db-accordion-item disabled={true}>
-          Disabled Accordion Item
-        </db-accordion-item>
-        <h2>4. Headline Variants</h2>
-        <db-accordion-item headline={<strong>Custom Headline</strong>}>
-          With Custom Headline
-        </db-accordion-item>
-        <db-accordion-item headlinePlain="Plain Headline">
-          With Plain Headline
-        </db-accordion-item>
-        <h2>5. Toggle Event</h2>
-        <db-accordion-item onToggle={(open) => console.log("Toggled:", open)}>
-          With Toggle Event
-        </db-accordion-item>
-```

package/agent/Badge.md

@@ -1,32 +0,0 @@
-
-
-# Badge Examples (stencil)
-
-```html
-<h1>DBBadge Documentation Examples</h1>
-        <h2>1. Default Badge</h2>
-        <db-badge>Default Badge</db-badge>
-        <h2>2. Semantic Variants</h2>
-        <db-badge semantic="adaptive">Adaptive</db-badge>
-        <db-badge semantic="neutral">Neutral</db-badge>
-        <db-badge semantic="critical">Critical</db-badge>
-        <db-badge semantic="informational">Informational</db-badge>
-        <db-badge semantic="warning">Warning</db-badge>
-        <db-badge semantic="successful">Successful</db-badge>
-        <h2>3. Sizes</h2>
-        <db-badge size="small">Small</db-badge>
-        <db-badge size="medium">Medium</db-badge>
-        <h2>4. Emphasis Variants</h2>
-        <db-badge emphasis="weak">Weak Emphasis</db-badge>
-        <db-badge emphasis="strong">Strong Emphasis</db-badge>
-        <h2>5. Placement Variants</h2>
-        <db-badge placement="inline">Inline</db-badge>
-        <db-badge placement="corner-top-left">Corner Top Left</db-badge>
-        <db-badge placement="corner-top-right">Corner Top Right</db-badge>
-        <db-badge placement="corner-center-left">Corner Center Left</db-badge>
-        <db-badge placement="corner-center-right">Corner Center Right</db-badge>
-        <db-badge placement="corner-bottom-left">Corner Bottom Left</db-badge>
-        <db-badge placement="corner-bottom-right">Corner Bottom Right</db-badge>
-        <h2>6. Custom Label</h2>
-        <db-badge label="Custom Label">With Custom Label</db-badge>
-```

package/agent/Brand.md

@@ -1,13 +0,0 @@
-
-
-# Brand Examples (stencil)
-
-```html
-<h1>DBBrand Documentation Examples</h1>
-        <h2>1. Default Brand</h2>
-        <db-brand>Default Brand</db-brand>
-        <h2>2. Icon Visibility</h2>
-        <db-brand showIcon={false}>Icon Hidden</db-brand>
-        <h2>3. Custom Text</h2>
-        <db-brand text="Custom Brand Text">With Custom Text</db-brand>
-```

package/agent/Button.md

@@ -1,47 +0,0 @@
-
-
-# Button Examples (stencil)
-
-```html
-<h1>DBButton Documentation Examples</h1>
-        <h2>1. Default Button</h2>
-        <db-button>Button</db-button>
-        <h2>2. Variants</h2>
-        <db-button variant="filled">Filled</db-button>
-        <db-button variant="outlined">Outlined</db-button>
-        <db-button variant="ghost">Ghost</db-button>
-        <db-button variant="brand">Brand</db-button>
-        <h2>3. Sizes</h2>
-        <db-button size="small">Small</db-button>
-        <db-button size="medium">Medium</db-button>
-        <h2>4. Icon Only</h2>
-        <db-button icon="check" noText={true}></db-button>
-        <h2>5. Disabled</h2>
-        <db-button disabled={true}>Disabled</db-button>
-        <h2>6. Button Types</h2>
-        <db-button type="button">Type=button</db-button>
-        <db-button type="submit">Type=submit</db-button>
-        <db-button type="reset">Type=reset</db-button>
-        <h2>7. Form Association</h2>
-        <form id="example-form">
-          <input name="exampleInput" placeholder="Example input" />
-        </form>
-        <db-button form="example-form" type="submit">
-          Submit Form
-        </db-button>
-        <h2>8. Name &amp; Value</h2>
-        <db-button name="testName" value="testValue">
-          Name/Value
-        </db-button>
-        <h2>9. Width</h2>
-        <db-button width="full">Full width</db-button>
-        <db-button width="auto">Auto width</db-button>
-        <h2>10. Icon Visibility</h2>
-        <db-button icon="check" showIcon={false}>
-          Icon Hidden
-        </db-button>
-        <h2>11. Custom Class</h2>
-        <db-button class="my-custom-class">Custom Class</db-button>
-        <h2>12. Click Event</h2>
-        <db-button onClick={() => alert("Button clicked!")}>Click Me</db-button>
-```

package/agent/Card.md

@@ -1,23 +0,0 @@
-
-
-# Card Examples (stencil)
-
-```html
-<h1>DBCard Documentation Examples</h1>
-        <h2>1. Default Card</h2>
-        <db-card>Default Card</db-card>
-        <h2>2. Behaviors</h2>
-        <db-card behavior="static">Static</db-card>
-        <db-card behavior="interactive">Interactive</db-card>
-        <h2>3. Elevation Levels</h2>
-        <db-card elevationLevel="1">Elevation Level 1</db-card>
-        <db-card elevationLevel="2">Elevation Level 2</db-card>
-        <db-card elevationLevel="3">Elevation Level 3</db-card>
-        <h2>4. Custom Class</h2>
-        <db-card class="my-custom-class">Custom Class</db-card>
-        <h2>5. Spacing</h2>
-        <db-card spacing="medium">Medium Spacing</db-card>
-        <db-card spacing="small">Small Spacing</db-card>
-        <db-card spacing="large">Large Spacing</db-card>
-        <db-card spacing="none">No Spacing</db-card>
-```

package/agent/Checkbox.md

@@ -1,41 +0,0 @@
-
-
-# Checkbox Examples (stencil)
-
-```html
-<h1>DBCheckbox Documentation Examples</h1>
-        <h2>1. Default Checkbox</h2>
-        <db-checkbox label="Default Checkbox"></db-checkbox>
-        <h2>2. Indeterminate State</h2>
-        <db-checkbox
-          label="Indeterminate Checkbox"
-          indeterminate={true}
-        ></db-checkbox>
-        <h2>3. Sizes</h2>
-        <db-checkbox size="small" label="Small Checkbox"></db-checkbox>
-        <db-checkbox size="medium" label="Medium Checkbox"></db-checkbox>
-        <h2>4. Validation States</h2>
-        <db-checkbox validation="valid" label="Valid Checkbox"></db-checkbox>
-        <db-checkbox
-          validation="invalid"
-          label="Invalid Checkbox"
-        ></db-checkbox>
-        <db-checkbox
-          validation="no-validation"
-          label="No Validation Checkbox"
-        ></db-checkbox>
-        <h2>5. Disabled State</h2>
-        <db-checkbox label="Disabled Checkbox" disabled={true}></db-checkbox>
-        <h2>6. Message Property Example</h2>
-        <db-checkbox
-          label="Checkbox with Message"
-          message="This is a helper message."
-        ></db-checkbox>
-        <h2>7. Change Event Example</h2>
-        <db-checkbox
-          label="Change Event"
-          onChange={(event) =>
-            console.log("Change event:", event.target.checked)
-          }
-        ></db-checkbox>
-```

package/agent/CustomSelect.md

@@ -1,54 +0,0 @@
-
-
-# CustomSelect Examples (stencil)
-
-```html
-<h1>DBCustomSelect Documentation Examples</h1>
-        <h2>1. Default Custom Select</h2>
-        <db-custom-select
-          label="Default Custom Select"
-          options={this.getOptions()}
-        ></db-custom-select>
-        <h2>3. Multiple Select</h2>
-        <db-custom-select
-          label="Multiple Custom Select"
-          multiple={true}
-          options={this.getOptions()}
-        ></db-custom-select>
-        <h2>4. Disabled State</h2>
-        <db-custom-select
-          label="Disabled Custom Select"
-          disabled={true}
-          options={this.getOptions()}
-        ></db-custom-select>
-        <h2>5. Validation States</h2>
-        <db-custom-select
-          validMessage="This is a valid selection"
-          validation="valid"
-          label="Valid Custom Select"
-          options={this.getOptions()}
-        ></db-custom-select>
-        <db-custom-select
-          invalidMessage="This is an invalid selection"
-          validation="invalid"
-          label="Invalid Custom Select"
-          options={this.getOptions()}
-        ></db-custom-select>
-        <db-custom-select
-          validation="no-validation"
-          label="No Validation Custom Select"
-          options={this.getOptions()}
-        ></db-custom-select>
-        <h2>6. Change Event Example</h2>
-        <db-custom-select
-          label="Change Event"
-          onChange={(event) => console.log("Change event:", event.target.value)}
-          options={this.getOptions()}
-        ></db-custom-select>
-        <h2>7. Placeholder Example</h2>
-        <db-custom-select
-          label="Custom Select with Placeholder"
-          placeholder="Select an option"
-          options={this.getOptions()}
-        ></db-custom-select>
-```

package/agent/Divider.md

@@ -1,21 +0,0 @@
-
-
-# Divider Examples (stencil)
-
-```html
-<h1>DBDivider Documentation Examples</h1>
-        <h2>1. Default Divider</h2>
-        <db-divider></db-divider>
-        <h2>2. Margin Variants</h2>
-        <db-divider margin="none"></db-divider>
-        <db-divider margin="_"></db-divider>
-        <h2>3. Orientation Variants</h2>
-        <db-divider variant="horizontal"></db-divider>
-        <db-divider variant="vertical"></db-divider>
-        <h2>4. Emphasis Variants</h2>
-        <db-divider emphasis="weak"></db-divider>
-        <db-divider emphasis="strong"></db-divider>
-        <h2>5. Width Variants</h2>
-        <db-divider width="full"></db-divider>
-        <db-divider width="auto"></db-divider>
-```