@db-ux/wc-core-components 2.0.0-0-custom-select-16b8cce → 2.0.0

package/dist/collection/components/accordion-item/accordion-item.js

@@ -1,6 +1,6 @@
 import { cls, getBooleanAsString, uuid } from "../../utils";
 import { DEFAULT_ID } from "../../shared/constants";
-import { h } from "@stencil/core";
+import { h, } from "@stencil/core";
 /**
  * @slot children - This is a default/unnamed slot
  * @slot headline - TODO: Add description for slotHeadline
@@ -9,13 +9,26 @@ export class DBAccordionItem {
     constructor() {
         this._id = DEFAULT_ID;
         this._open = false;
+        this._name = undefined;
+        this.initialized = false;
     }
-    toggle(event) {
+    handleNameAttribute() {
+        if (this._ref) {
+            const setAttribute = this._ref.setAttribute;
+            this._ref.setAttribute = (attribute, value) => {
+                setAttribute.call(this._ref, attribute, value);
+                if (attribute === "name") {
+                    this._name = value;
+                }
+            };
+        }
+    }
+    handleToggle(event) {
         // We need this for react https://github.com/facebook/react/issues/15486#issuecomment-488028431
         event === null || event === void 0 ? void 0 : event.preventDefault();
         const newStateOpen = !this._open;
-        if (this.onToggle) {
-            this.onToggle.emit(newStateOpen);
+        if (this.toggle) {
+            this.toggle.emit(newStateOpen);
         }
         this._open = newStateOpen;
     }
@@ -51,23 +64,42 @@ export class DBAccordionItem {
             }
         }
     }
+    watch0Fn() {
+        if (this._ref && this.initialized) {
+        }
+    }
+    watch0() {
+        this.watch0Fn();
+    }
+    watch1Fn() {
+        if (this.name) {
+            this._name = this.name;
+        }
+    }
+    watch1() {
+        this.watch1Fn();
+    }
     componentDidLoad() {
         this.enableAttributePassing(this._ref, "db-accordion-item");
         this._id = this.id || "accordion-item-" + uuid();
         if (this.defaultOpen) {
             this._open = this.defaultOpen;
         }
+        this.initialized = true;
+        this.watch0Fn();
+        this.watch1Fn();
     }
     render() {
-        return (h("li", { key: '7094e608b01a216da13c416ba6d6f845bc3554df', class: cls("db-accordion-item", this.className), id: this._id }, h("details", { key: '8eb8bc7f0741d7e03a79923407709d7451a1c423', "aria-disabled": getBooleanAsString(this.disabled), ref: (el) => {
+        return (h("li", { key: 'af18ff80c53fe2a0265f689394139c58ab45fc8d', class: cls("db-accordion-item", this.className), id: this._id }, h("details", { key: 'c2864f09fddc5b639ff1ac40e3f4b779662c71a9', "aria-disabled": getBooleanAsString(this.disabled), ref: (el) => {
                 this._ref = el;
-            }, open: this._open }, h("summary", { key: '7f531a785588b63c302c637416552171e88b310a', onClick: (event) => this.toggle(event) }, this.headlinePlain ? this.headlinePlain : null, !this.headlinePlain ? h("slot", { name: "headline" }) : null), h("div", { key: '9a53a8b06d591360965973288075ab2b06968ac4' }, this.text ? this.text : h("slot", null)))));
+            }, name: this._name, open: this._open }, h("summary", { key: 'febbc787e1ad24bed42dc88f50a6bbd0240f3d22', onClick: (event) => this.handleToggle(event) }, this.headlinePlain ? this.headlinePlain : null, !this.headlinePlain ? h("slot", { name: "headline" }) : null), h("div", { key: '10e79dfb78583c8e09721955559a50de2ebce566' }, this.text ? this.text : h("slot", null)))));
     }
     static get is() { return "db-accordion-item"; }
     static get properties() {
         return {
             "id": {
                 "type": "string",
+                "attribute": "id",
                 "mutable": false,
                 "complexType": {
                     "original": "DBAccordionItemProps[\"id\"]",
@@ -88,11 +120,11 @@ export class DBAccordionItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "id",
                 "reflect": false
             },
             "defaultOpen": {
                 "type": "boolean",
+                "attribute": "default-open",
                 "mutable": false,
                 "complexType": {
                     "original": "DBAccordionItemProps[\"defaultOpen\"]",
@@ -113,11 +145,36 @@ export class DBAccordionItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "default-open",
+                "reflect": false
+            },
+            "name": {
+                "type": "string",
+                "attribute": "name",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBAccordionItemProps[\"name\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBAccordionItemProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/accordion-item/model.ts::DBAccordionItemProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "className": {
                 "type": "string",
+                "attribute": "classname",
                 "mutable": false,
                 "complexType": {
                     "original": "DBAccordionItemProps[\"className\"]",
@@ -138,15 +195,15 @@ export class DBAccordionItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "classname",
                 "reflect": false
             },
             "disabled": {
-                "type": "boolean",
+                "type": "any",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "DBAccordionItemProps[\"disabled\"]",
-                    "resolved": "boolean",
+                    "resolved": "boolean | string",
                     "references": {
                         "DBAccordionItemProps": {
                             "location": "import",
@@ -163,11 +220,11 @@ export class DBAccordionItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false
             },
             "headlinePlain": {
                 "type": "string",
+                "attribute": "headline-plain",
                 "mutable": false,
                 "complexType": {
                     "original": "DBAccordionItemProps[\"headlinePlain\"]",
@@ -188,11 +245,11 @@ export class DBAccordionItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "headline-plain",
                 "reflect": false
             },
             "text": {
                 "type": "string",
+                "attribute": "text",
                 "mutable": false,
                 "complexType": {
                     "original": "DBAccordionItemProps[\"text\"]",
@@ -213,7 +270,6 @@ export class DBAccordionItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "text",
                 "reflect": false
             }
         };
@@ -221,13 +277,15 @@ export class DBAccordionItem {
     static get states() {
         return {
             "_id": {},
-            "_open": {}
+            "_open": {},
+            "_name": {},
+            "initialized": {}
         };
     }
     static get events() {
         return [{
-                "method": "onToggle",
-                "name": "onToggle",
+                "method": "toggle",
+                "name": "toggle",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -242,5 +300,17 @@ export class DBAccordionItem {
                 }
             }];
     }
+    static get watchers() {
+        return [{
+                "propName": "_ref",
+                "methodName": "watch0"
+            }, {
+                "propName": "initialized",
+                "methodName": "watch0"
+            }, {
+                "propName": "name",
+                "methodName": "watch1"
+            }];
+    }
 }
 //# sourceMappingURL=accordion-item.js.map

package/dist/collection/components/accordion-item/accordion-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../src/components/accordion-item/accordion-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { DBAccordionItemProps, DBAccordionItemState } from \"./model\";\nimport { cls, getBooleanAsString, uuid } from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\nimport { DEFAULT_ID } from \"../../shared/constants\";\n\nimport { Component, h, Fragment, Event, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot headline - TODO: Add description for slotHeadline\n */\n @Component({\n  tag: \"db-accordion-item\",\n})\nexport class DBAccordionItem {\n  private _ref!: HTMLDetailsElement | null;\n  @Prop() id: DBAccordionItemProps[\"id\"];\n  @Prop() defaultOpen: DBAccordionItemProps[\"defaultOpen\"];\n  @Event() onToggle: any;\n  @Prop({attribute: \"classname\"}) className: DBAccordionItemProps[\"className\"];\n  @Prop() disabled: DBAccordionItemProps[\"disabled\"];\n  @Prop() headlinePlain: DBAccordionItemProps[\"headlinePlain\"];\n  @Prop() text: DBAccordionItemProps[\"text\"];\n\n  @State() _id = DEFAULT_ID;\n  @State() _open = false;\n\n  toggle(event: ClickEvent<HTMLElement>) {\n    // We need this for react https://github.com/facebook/react/issues/15486#issuecomment-488028431\n    event?.preventDefault();\n    const newStateOpen = !this._open;\n    if (this.onToggle) {\n      this.onToggle.emit(newStateOpen);\n    }\n    this._open = newStateOpen;\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-accordion-item\");\n    this._id = this.id || \"accordion-item-\" + uuid();\n    if (this.defaultOpen) {\n      this._open = this.defaultOpen;\n    }\n  }\n\n  render() {\n    return (\n      <li class={cls(\"db-accordion-item\", this.className)} id={this._id}>\n        <details\n          aria-disabled={getBooleanAsString(this.disabled)}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          open={this._open}\n        >\n          <summary onClick={(event) => this.toggle(event)}>\n            {this.headlinePlain ? this.headlinePlain : null}\n            {!this.headlinePlain ? <slot name=\"headline\"></slot> : null}\n          </summary>\n          <div>{this.text ? this.text : <slot></slot>}</div>\n        </details>\n      </li>\n    );\n  }\n}\n"]}
+{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../src/components/accordion-item/accordion-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { DBAccordionItemProps, DBAccordionItemState } from \"./model\";\nimport { cls, getBooleanAsString, uuid } from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\nimport { DEFAULT_ID } from \"../../shared/constants\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot headline - TODO: Add description for slotHeadline\n */\n @Component({\n  tag: \"db-accordion-item\",\n})\nexport class DBAccordionItem {\n  private _ref!: HTMLDetailsElement | any;\n  @Prop() id: DBAccordionItemProps[\"id\"];\n  @Prop() defaultOpen: DBAccordionItemProps[\"defaultOpen\"];\n  @Prop() name: DBAccordionItemProps[\"name\"];\n  @Event() toggle: EventEmitter<\n    Parameters<Required<DBAccordionItemProps>[\"onToggle\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBAccordionItemProps[\"className\"];\n  @Prop() disabled: DBAccordionItemProps[\"disabled\"];\n  @Prop() headlinePlain: DBAccordionItemProps[\"headlinePlain\"];\n  @Prop() text: DBAccordionItemProps[\"text\"];\n  @State() _id = DEFAULT_ID;\n  @State() _open = false;\n  @State() _name = undefined;\n  @State() initialized = false;\n\n  handleNameAttribute() {\n    if (this._ref) {\n      const setAttribute = this._ref.setAttribute;\n      this._ref.setAttribute = (attribute: string, value: string) => {\n        setAttribute.call(this._ref, attribute, value);\n        if (attribute === \"name\") {\n          this._name = value;\n        }\n      };\n    }\n  }\n  handleToggle(event: ClickEvent<HTMLElement> | any) {\n    // We need this for react https://github.com/facebook/react/issues/15486#issuecomment-488028431\n    event?.preventDefault();\n    const newStateOpen = !this._open;\n    if (this.toggle) {\n      this.toggle.emit(newStateOpen);\n    }\n    this._open = newStateOpen;\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this._ref && this.initialized) {\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this.name) {\n      this._name = this.name;\n    }\n  }\n\n  @Watch(\"name\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-accordion-item\");\n    this._id = this.id || \"accordion-item-\" + uuid();\n    if (this.defaultOpen) {\n      this._open = this.defaultOpen;\n    }\n    this.initialized = true;\n    this.watch0Fn();\n    this.watch1Fn();\n  }\n\n  render() {\n    return (\n      <li class={cls(\"db-accordion-item\", this.className)} id={this._id}>\n        <details\n          aria-disabled={getBooleanAsString(this.disabled)}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          name={this._name}\n          open={this._open}\n        >\n          <summary onClick={(event) => this.handleToggle(event)}>\n            {this.headlinePlain ? this.headlinePlain : null}\n            {!this.headlinePlain ? <slot name=\"headline\"></slot> : null}\n          </summary>\n          <div>{this.text ? this.text : <slot></slot>}</div>\n        </details>\n      </li>\n    );\n  }\n}\n"]}

package/dist/collection/components/accordion-item/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/accordion-item/model.ts"],"names":[],"mappings":"","sourcesContent":["import { GlobalProps, GlobalState, TextProps, ToggleEventProps, ToggleEventState } from '../../shared/model';\nexport type DBAccordionItemDefaultProps = {\n  /**\n   * Initial state for the accordion item\n   */\n  defaultOpen?: boolean;\n  /**\n   * The disabled attribute can be set to keep a user from clicking on the element.\n   */\n  disabled?: boolean;\n  /**\n   * Title of the accordion-item as slot\n   */\n  headline?: any;\n  /**\n   * Title of the accordion-item as plain text\n   */\n  headlinePlain?: string;\n} & TextProps;\nexport type DBAccordionItemProps = DBAccordionItemDefaultProps & GlobalProps & ToggleEventProps;\nexport type DBAccordionItemDefaultState = {\n  _open: boolean;\n};\nexport type DBAccordionItemState = DBAccordionItemDefaultState & GlobalState & ToggleEventState<HTMLElement>"]}
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/accordion-item/model.ts"],"names":[],"mappings":"","sourcesContent":["import { GlobalProps, GlobalState, InitializedState, NameProps, NameState, TextProps, ToggleEventProps, ToggleEventState } from '../../shared/model';\nexport type DBAccordionItemDefaultProps = {\n  /**\n   * Initial state for the accordion item\n   */\n  defaultOpen?: boolean;\n  /**\n   * The disabled attribute can be set to keep a user from clicking on the element.\n   */\n  disabled?: boolean | string;\n  /**\n   * Title of the accordion-item as slot\n   */\n  headline?: any;\n  /**\n   * Title of the accordion-item as plain text\n   */\n  headlinePlain?: string;\n} & TextProps;\nexport type DBAccordionItemProps = DBAccordionItemDefaultProps & GlobalProps & ToggleEventProps & NameProps;\nexport type DBAccordionItemDefaultState = {\n  _open?: boolean;\n};\nexport type DBAccordionItemState = DBAccordionItemDefaultState & GlobalState & ToggleEventState<HTMLElement> & InitializedState & NameState"]}

package/dist/collection/components/badge/badge.js

@@ -66,7 +66,7 @@ export class DBBadge {
     }
     render() {
         var _a, _b;
-        return (h("span", { key: '575b6dcb7b8d8599ce601a22c7ec30f2c6c31f41', class: cls("db-badge", this.className), ref: (el) => {
+        return (h("span", { key: '69bee07a5f6cb747975ce13034848442431f2ef5', class: cls("db-badge", this.className), ref: (el) => {
                 this._ref = el;
             }, id: this.id, "data-semantic": this.semantic, "data-size": this.size, "data-emphasis": this.emphasis, "data-placement": this.placement, "data-label": ((_a = this.placement) === null || _a === void 0 ? void 0 : _a.startsWith("corner")) && ((_b = this.label) !== null && _b !== void 0 ? _b : DEFAULT_LABEL) }, this.text ? this.text : h("slot", null)));
     }
@@ -75,6 +75,7 @@ export class DBBadge {
         return {
             "placement": {
                 "type": "string",
+                "attribute": "placement",
                 "mutable": false,
                 "complexType": {
                     "original": "DBBadgeProps[\"placement\"]",
@@ -95,11 +96,11 @@ export class DBBadge {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "placement",
                 "reflect": false
             },
             "id": {
                 "type": "string",
+                "attribute": "id",
                 "mutable": false,
                 "complexType": {
                     "original": "DBBadgeProps[\"id\"]",
@@ -120,11 +121,11 @@ export class DBBadge {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "id",
                 "reflect": false
             },
             "className": {
                 "type": "string",
+                "attribute": "classname",
                 "mutable": false,
                 "complexType": {
                     "original": "DBBadgeProps[\"className\"]",
@@ -145,11 +146,11 @@ export class DBBadge {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "classname",
                 "reflect": false
             },
             "semantic": {
                 "type": "string",
+                "attribute": "semantic",
                 "mutable": false,
                 "complexType": {
                     "original": "DBBadgeProps[\"semantic\"]",
@@ -170,11 +171,11 @@ export class DBBadge {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "semantic",
                 "reflect": false
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "DBBadgeProps[\"size\"]",
@@ -195,15 +196,15 @@ export class DBBadge {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": false
             },
             "emphasis": {
                 "type": "string",
+                "attribute": "emphasis",
                 "mutable": false,
                 "complexType": {
                     "original": "DBBadgeProps[\"emphasis\"]",
-                    "resolved": "\"origin\" | \"strong\" | \"weak\"",
+                    "resolved": "\"strong\" | \"weak\"",
                     "references": {
                         "DBBadgeProps": {
                             "location": "import",
@@ -220,11 +221,11 @@ export class DBBadge {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "emphasis",
                 "reflect": false
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "DBBadgeProps[\"label\"]",
@@ -245,11 +246,11 @@ export class DBBadge {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false
             },
             "text": {
                 "type": "string",
+                "attribute": "text",
                 "mutable": false,
                 "complexType": {
                     "original": "DBBadgeProps[\"text\"]",
@@ -270,7 +271,6 @@ export class DBBadge {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "text",
                 "reflect": false
             }
         };

package/dist/collection/components/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"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","sourcesContent":["import { DBBadgeProps, DBBadgeState } from \"./model\";\nimport { cls } from \"../../utils\";\nimport { DEFAULT_LABEL } from \"../../shared/constants\";\n\nimport { Component, h, Fragment, Watch, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-badge\",\n})\nexport class DBBadge {\n  private _ref!: HTMLSpanElement | null;\n  @Prop() placement: DBBadgeProps[\"placement\"];\n  @Prop() id: DBBadgeProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBBadgeProps[\"className\"];\n  @Prop() semantic: DBBadgeProps[\"semantic\"];\n  @Prop() size: DBBadgeProps[\"size\"];\n  @Prop() emphasis: DBBadgeProps[\"emphasis\"];\n  @Prop() label: DBBadgeProps[\"label\"];\n  @Prop() text: DBBadgeProps[\"text\"];\n\n  @State() initialized = false;\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this._ref && this.initialized) {\n      if (this.placement?.startsWith(\"corner\")) {\n        let parent = this._ref.parentElement;\n        if (parent && parent.localName.includes(\"badge\")) {\n          // Angular workaround\n          parent = parent.parentElement;\n        }\n        if (parent) {\n          parent.setAttribute(\"data-has-badge\", \"true\");\n        }\n      }\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-badge\");\n    this.initialized = true;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <span\n        class={cls(\"db-badge\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-semantic={this.semantic}\n        data-size={this.size}\n        data-emphasis={this.emphasis}\n        data-placement={this.placement}\n        data-label={\n          this.placement?.startsWith(\"corner\") && (this.label ?? DEFAULT_LABEL)\n        }\n      >\n        {this.text ? this.text : <slot></slot>}\n      </span>\n    );\n  }\n}\n"]}
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"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","sourcesContent":["import { DBBadgeProps, DBBadgeState } from \"./model\";\nimport { cls } from \"../../utils\";\nimport { DEFAULT_LABEL } from \"../../shared/constants\";\n\nimport { Component, h, Fragment, Watch, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-badge\",\n})\nexport class DBBadge {\n  private _ref!: HTMLSpanElement | any;\n  @Prop() placement: DBBadgeProps[\"placement\"];\n  @Prop() id: DBBadgeProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBBadgeProps[\"className\"];\n  @Prop() semantic: DBBadgeProps[\"semantic\"];\n  @Prop() size: DBBadgeProps[\"size\"];\n  @Prop() emphasis: DBBadgeProps[\"emphasis\"];\n  @Prop() label: DBBadgeProps[\"label\"];\n  @Prop() text: DBBadgeProps[\"text\"];\n  @State() initialized = false;\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this._ref && this.initialized) {\n      if (this.placement?.startsWith(\"corner\")) {\n        let parent = this._ref.parentElement;\n        if (parent && parent.localName.includes(\"badge\")) {\n          // Angular workaround\n          parent = parent.parentElement;\n        }\n        if (parent) {\n          parent.setAttribute(\"data-has-badge\", \"true\");\n        }\n      }\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-badge\");\n    this.initialized = true;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <span\n        class={cls(\"db-badge\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-semantic={this.semantic}\n        data-size={this.size}\n        data-emphasis={this.emphasis}\n        data-placement={this.placement}\n        data-label={\n          this.placement?.startsWith(\"corner\") && (this.label ?? DEFAULT_LABEL)\n        }\n      >\n        {this.text ? this.text : <slot></slot>}\n      </span>\n    );\n  }\n}\n"]}

package/dist/collection/components/badge/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/badge/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAQ,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,qBAAqB,CAAU,CAAC","sourcesContent":["import { GlobalProps, GlobalState, InitializedState, SemanticProps, SizeProps, TagEmphasisProps, TextProps } from '../../shared/model';\nexport const BadgePlacementList = ['inline', 'corner-top-left', 'corner-top-right', 'corner-center-left', 'corner-center-right', 'corner-bottom-left', 'corner-bottom-right'] as const;\nexport type BadgePlacementType = (typeof BadgePlacementList)[number];\nexport type DBBadgeDefaultProps = {\n  /**\n   * The `placement` attributes `corner-*` values change the position to absolute and adds a transform based on the placement.\n   */\n  placement?: BadgePlacementType;\n\n  /**\n   * Describes the badge for a11y if you use placement attribute with `corner-*`\n   */\n  label?: string;\n};\nexport type DBBadgeProps = DBBadgeDefaultProps & GlobalProps & SemanticProps & SizeProps & TagEmphasisProps & TextProps;\nexport type DBBadgeDefaultState = {};\nexport type DBBadgeState = DBBadgeDefaultState & GlobalState & InitializedState"]}
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/badge/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAQ,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,qBAAqB,CAAU,CAAC","sourcesContent":["import { GlobalProps, GlobalState, InitializedState, SemanticProps, SizeProps, EmphasisProps, TextProps } from '../../shared/model';\nexport const BadgePlacementList = ['inline', 'corner-top-left', 'corner-top-right', 'corner-center-left', 'corner-center-right', 'corner-bottom-left', 'corner-bottom-right'] as const;\nexport type BadgePlacementType = (typeof BadgePlacementList)[number];\nexport type DBBadgeDefaultProps = {\n  /**\n   * The `placement` attributes `corner-*` values change the position to absolute and adds a transform based on the placement.\n   */\n  placement?: BadgePlacementType;\n\n  /**\n   * Describes the badge for a11y if you use placement attribute with `corner-*`\n   */\n  label?: string;\n};\nexport type DBBadgeProps = DBBadgeDefaultProps & GlobalProps & SemanticProps & SizeProps & EmphasisProps & TextProps;\nexport type DBBadgeDefaultState = {};\nexport type DBBadgeState = DBBadgeDefaultState & GlobalState & InitializedState"]}

package/dist/collection/components/brand/brand.js

@@ -43,7 +43,7 @@ export class DBBrand {
     }
     render() {
         var _a;
-        return (h("div", { key: '1db730e221409228d980d48bd673bdc2e75aefc8', class: cls("db-brand", this.className), ref: (el) => {
+        return (h("div", { key: 'fce3522d92cfce50d3a45e8240fa8fa5b9d71ec2', class: cls("db-brand", this.className), ref: (el) => {
                 this._ref = el;
             }, "data-icon": this.hideLogo ? "none" : (_a = this.icon) !== null && _a !== void 0 ? _a : DEFAULT_ICON, "data-hide-icon": getHideProp(this.showIcon), id: this.id }, this.text ? this.text : h("slot", null)));
     }
@@ -52,6 +52,7 @@ export class DBBrand {
         return {
             "hideLogo": {
                 "type": "boolean",
+                "attribute": "hide-logo",
                 "mutable": false,
                 "complexType": {
                     "original": "DBBrandProps[\"hideLogo\"]",
@@ -72,11 +73,11 @@ export class DBBrand {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "hide-logo",
                 "reflect": false
             },
             "icon": {
                 "type": "string",
+                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "DBBrandProps[\"icon\"]",
@@ -97,15 +98,15 @@ export class DBBrand {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "icon",
                 "reflect": false
             },
             "showIcon": {
-                "type": "boolean",
+                "type": "any",
+                "attribute": "show-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "DBBrandProps[\"showIcon\"]",
-                    "resolved": "boolean",
+                    "resolved": "boolean | string",
                     "references": {
                         "DBBrandProps": {
                             "location": "import",
@@ -122,11 +123,11 @@ export class DBBrand {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "show-icon",
                 "reflect": false
             },
             "id": {
                 "type": "string",
+                "attribute": "id",
                 "mutable": false,
                 "complexType": {
                     "original": "DBBrandProps[\"id\"]",
@@ -147,11 +148,11 @@ export class DBBrand {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "id",
                 "reflect": false
             },
             "className": {
                 "type": "string",
+                "attribute": "classname",
                 "mutable": false,
                 "complexType": {
                     "original": "DBBrandProps[\"className\"]",
@@ -172,11 +173,11 @@ export class DBBrand {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "classname",
                 "reflect": false
             },
             "text": {
                 "type": "string",
+                "attribute": "text",
                 "mutable": false,
                 "complexType": {
                     "original": "DBBrandProps[\"text\"]",
@@ -197,7 +198,6 @@ export class DBBrand {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "text",
                 "reflect": false
             }
         };

package/dist/collection/components/brand/brand.js.map

@@ -1 +1 @@
-{"version":3,"file":"brand.js","sourceRoot":"","sources":["../../../src/components/brand/brand.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,CAAC,EAAY,IAAI,EAAE,MAAM,eAAe,CAAC;AAG7D;;;GAGG;AAIH,MAAM,OAAO,OAAO;IAUlB;;;;OAIG;IACK,sBAAsB,CAC5B,OAA2B,EAC3B,qBAA6B;QAE7B,MAAM,MAAM,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;QACvD,IAAI,OAAO,IAAI,MAAM,EAAE,CAAC;YACtB,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;YACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC3C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBAChC,IACE,IAAI;oBACJ,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAChE,CAAC;oBACD,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;oBAC5C,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACpC,CAAC;gBACD,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;oBAClC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;oBACvD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;oBACxD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;oBACnD,OAAO,CAAC,YAAY,CAClB,IAAI,CAAC,IAAI,EACT,GAAG,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,CACpD,CAAC;oBACF,IAAI,cAAc,EAAE,CAAC;wBACnB,yDAAyD;wBACzD,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;oBAC3C,CAAC;yBAAM,CAAC;wBACN,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBACpC,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACrD,CAAC;IAED,MAAM;;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,EACtC,GAAG,EAAE,CAAC,EAAO,EAAE,EAAE;gBACf,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;YACjB,CAAC,eACU,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,IAAI,mCAAI,YAAY,oBAC7C,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,EAC1C,EAAE,EAAE,IAAI,CAAC,EAAE,IAEV,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,eAAa,CAClC,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { cls, getHideProp } from \"../../utils\";\nimport { DBBrandProps, DBBrandState } from \"./model\";\nimport { DEFAULT_ICON } from \"../../shared/constants\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-brand\",\n})\nexport class DBBrand {\n  private _ref!: HTMLDivElement | null;\n  @Prop() hideLogo: DBBrandProps[\"hideLogo\"];\n  @Prop() icon: DBBrandProps[\"icon\"];\n  @Prop() showIcon: DBBrandProps[\"showIcon\"];\n  @Prop() id: DBBrandProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBBrandProps[\"className\"];\n  @Prop() text: DBBrandProps[\"text\"];\n\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-brand\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-brand\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        data-icon={this.hideLogo ? \"none\" : this.icon ?? DEFAULT_ICON}\n        data-hide-icon={getHideProp(this.showIcon)}\n        id={this.id}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"brand.js","sourceRoot":"","sources":["../../../src/components/brand/brand.tsx"],"names":[],"mappings":"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","sourcesContent":["import { cls, getHideProp } from \"../../utils\";\nimport { DBBrandProps, DBBrandState } from \"./model\";\nimport { DEFAULT_ICON } from \"../../shared/constants\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-brand\",\n})\nexport class DBBrand {\n  private _ref!: HTMLDivElement | any;\n  @Prop() hideLogo: DBBrandProps[\"hideLogo\"];\n  @Prop() icon: DBBrandProps[\"icon\"];\n  @Prop() showIcon: DBBrandProps[\"showIcon\"];\n  @Prop() id: DBBrandProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBBrandProps[\"className\"];\n  @Prop() text: DBBrandProps[\"text\"];\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-brand\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-brand\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        data-icon={this.hideLogo ? \"none\" : this.icon ?? DEFAULT_ICON}\n        data-hide-icon={getHideProp(this.showIcon)}\n        id={this.id}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </div>\n    );\n  }\n}\n"]}