@db-ux/wc-core-components 1.1.0 → 1.2.0

package/README.md

@@ -44,6 +44,10 @@ import "@db-ux/core-components/build/styles/rollup.css";
 
 > **Note:** The `@db-ux/core-components/build/styles/relative` file contains optional and all components styles. If you consider performance issues see [@db-ux/core-components](https://www.npmjs.com/package/@db-ux/core-components) for more information.
 
+### DB Theme
+
+In case that you're building a website or application for Deutsche Bahn, you'll additionally have to install the DB Theme via the [`@db-ux/db-theme`](https://www.npmjs.com/package/@db-ux/db-theme) node package (even also available as an inner source node package, as described within that packages README).
+
 ## Usage
 
 ```js
@@ -73,10 +77,11 @@ If you don't have it already, add a VS Code settings folder and file at the root
 
 ## Deutsche Bahn brand
 
-As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and trademarks are bound of clear guidelines and restrictions even when being used with the code that we're provide with this product; Deutsche Bahn fully reserves all rights regarding the Deutsche Bahn brand, even though that we're providing the code of DB UX Design System products free to use and release it under the Apache 2.0 license.
+As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and trademarks are bound of clear guidelines and restrictions even if being used with the code that we're providing with this product; Deutsche Bahn fully reserves all rights regarding the Deutsche Bahn brand, even though that we're providing the code of DB UX Design System products free to use and release it under the Apache 2.0 license.
 Please have a look at our brand portal at <https://marketingportal.extranet.deutschebahn.com/> for any further questions and whom to contact on any brand issues.
 
-You must remove or replace any Deutsche Bahn brand and design assets as well as protected characteristics and trademarks. We're even also planning to provide a neutral theme that would make it much easier for you to use our product without the trademarks by Deutsche Bahn.
+For any usage outside of Deutsche Bahn websites and applications you aren't allowed to use any Deutsche Bahn brand and
+design assets as well as protected characteristics and trademarks, that for not including the DB Theme.
 
 ## Contributions
 

package/dist/cjs/app-globals-V2Kpy_OQ.js

@@ -0,0 +1,8 @@
+'use strict';
+
+const globalScripts = () => {};
+
+exports.globalScripts = globalScripts;
+//# sourceMappingURL=app-globals-V2Kpy_OQ.js.map
+
+//# sourceMappingURL=app-globals-V2Kpy_OQ.js.map

package/dist/cjs/app-globals-V2Kpy_OQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-globals-V2Kpy_OQ.js","sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"names":[],"mappings":";;AAAY,MAAC,aAAa,GAAG,MAAM;;;;"}

package/dist/cjs/{constants-89822e5f.js → constants-C75d4JiJ.js}

@@ -112,5 +112,6 @@ exports.DENSITY_CONST = DENSITY_CONST;
 exports.DESKTOP_VIEWPORT = DESKTOP_VIEWPORT;
 exports.SEMANTICS = SEMANTICS;
 exports.TESTING_VIEWPORTS = TESTING_VIEWPORTS;
+//# sourceMappingURL=constants-C75d4JiJ.js.map
 
-//# sourceMappingURL=constants-89822e5f.js.map
+//# sourceMappingURL=constants-C75d4JiJ.js.map

package/dist/cjs/constants-C75d4JiJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants-C75d4JiJ.js","sources":["src/shared/constants.ts"],"sourcesContent":["export const DEFAULT_ID: string = 'OVERWRITE_DEFAULT_ID';\nexport const DEFAULT_LABEL: string = 'LABEL SHOULD BE SET';\nexport const DEFAULT_PLACEHOLDER: string = ' ';\nexport const DEFAULT_MESSAGE_ID_SUFFIX: string = '-message';\nexport const DEFAULT_VALID_MESSAGE_ID_SUFFIX: string = '-valid-message';\nexport const DEFAULT_INVALID_MESSAGE_ID_SUFFIX: string = '-invalid-message';\nexport const DEFAULT_PLACEHOLDER_ID_SUFFIX: string = '-placeholder';\nexport const DEFAULT_DATALIST_ID_SUFFIX: string = '-datalist';\nexport const DEFAULT_VALID_MESSAGE: string = 'TODO: Add a validMessage';\nexport const DEFAULT_INVALID_MESSAGE: string = 'TODO: Add an invalidMessage';\nexport const DEFAULT_BACK: string = 'Back';\nexport const DEFAULT_BURGER_MENU: string = 'BurgerMenu';\nexport const DEFAULT_ICON: string = 'brand';\nexport const DEFAULT_ROWS: number = 4;\nexport const DEFAULT_CLOSE_BUTTON: string = 'Close Button';\nexport const DENSITY_CONST: string = 'density';\nexport const COLOR_CONST: string = 'color';\nexport enum DENSITY {\n  'FUNCTIONAL' = 'functional',\n  'REGULAR' = 'regular',\n  'EXPRESSIVE' = 'expressive',\n}\nexport const DENSITIES: DENSITY[] = Object.entries(DENSITY).map(([, value]) => value);\nexport enum COLOR_SIMPLE {\n  'PRIMARY' = 'primary',\n}\nexport enum COLOR {\n  'NEUTRAL_BG_LEVEL_1' = 'neutral-bg-basic-level-1',\n  'NEUTRAL_BG_LEVEL_2' = 'neutral-bg-basic-level-2',\n  'NEUTRAL_BG_LEVEL_3' = 'neutral-bg-basic-level-3',\n  'NEUTRAL_BG_TRANSPARENT_SEMI' = 'neutral-bg-basic-transparent-semi',\n  'NEUTRAL_BG_TRANSPARENT_FULL' = 'neutral-bg-basic-transparent-full',\n  'BRAND_BG_LEVEL_1' = 'brand-bg-basic-level-1',\n  'BRAND_BG_LEVEL_2' = 'brand-bg-basic-level-2',\n  'BRAND_BG_LEVEL_3' = 'brand-bg-basic-level-3',\n  'BRAND_BG_TRANSPARENT_SEMI' = 'brand-bg-basic-transparent-semi',\n  'BRAND_BG_TRANSPARENT_FULL' = 'brand-bg-basic-transparent-full',\n  'SUCCESSFUL_BG_LEVEL_1' = 'successful-bg-basic-level-1',\n  'SUCCESSFUL_BG_LEVEL_2' = 'successful-bg-basic-level-2',\n  'SUCCESSFUL_BG_LEVEL_3' = 'successful-bg-basic-level-3',\n  'SUCCESSFUL_BG_TRANSPARENT_SEMI' = 'successful-bg-basic-transparent-semi',\n  'SUCCESSFUL_BG_TRANSPARENT_FULL' = 'successful-bg-basic-transparent-full',\n  'CRITICAL_BG_LEVEL_1' = 'critical-bg-basic-level-1',\n  'CRITICAL_BG_LEVEL_2' = 'critical-bg-basic-level-2',\n  'CRITICAL_BG_LEVEL_3' = 'critical-bg-basic-level-3',\n  'CRITICAL_BG_TRANSPARENT_SEMI' = 'critical-bg-basic-transparent-semi',\n  'CRITICAL_BG_TRANSPARENT_Full' = 'critical-bg-basic-transparent-full',\n  'WARNING_BG_LEVEL_1' = 'warning-bg-basic-level-1',\n  'WARNING_BG_LEVEL_2' = 'warning-bg-basic-level-2',\n  'WARNING_BG_LEVEL_3' = 'warning-bg-basic-level-3',\n  'WARNING_BG_TRANSPARENT_SEMI' = 'warning-bg-basic-transparent-semi',\n  'WARNING_BG_TRANSPARENT_FULL' = 'warning-bg-basic-transparent-full',\n  'INFORMATIONAL_BG_LEVEL_1' = 'informational-bg-basic-level-1',\n  'INFORMATIONAL_BG_LEVEL_2' = 'informational-bg-basic-level-2',\n  'INFORMATIONAL_BG_LEVEL_3' = 'informational-bg-basic-level-3',\n  'INFORMATIONAL_BG_TRANSPARENT_SEMI' = 'informational-bg-basic-transparent-semi',\n  'INFORMATIONAL_BG_TRANSPARENT_FULL' = 'informational-bg-basic-transparent-full',\n}\nexport const COLORS: COLOR[] = Object.entries(COLOR).map(([, value]) => value);\nexport const COLORS_SIMPLE: COLOR_SIMPLE[] = Object.entries(COLOR_SIMPLE).map(([, value]) => value);\nexport enum SEMANTIC {\n  'CRITICAL' = 'critical',\n  'INFORMATIONAL' = 'informational',\n  'WARNING' = 'warning',\n  'SUCCESSFUL' = 'successful',\n}\nexport const SEMANTICS: SEMANTIC[] = Object.entries(SEMANTIC).map(([, value]) => value);\nexport const DEFAULT_VIEWPORT = {\n  width: 390,\n  height: 884\n};\nexport const DESKTOP_VIEWPORT = {\n  width: 1920,\n  height: 1280\n};\n\n/**\n * Use those viewports if your component has a css media-query otherwise use the DEFAULT_VIEWPORT\n */\nexport const TESTING_VIEWPORTS = [{\n  name: 'desktop',\n  ...DESKTOP_VIEWPORT\n}, {\n  name: 'tablet',\n  width: 768,\n  height: 1024\n}, {\n  name: 'mobile',\n  ...DEFAULT_VIEWPORT\n}]"],"names":["DENSITY","COLOR_SIMPLE","COLOR","SEMANTIC"],"mappings":"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"}

package/dist/cjs/db-accordion-item.cjs.entry.js

@@ -1,15 +1,13 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-3d093f06.js');
-const index$1 = require('./index-403366c7.js');
-const constants = require('./constants-89822e5f.js');
+var index = require('./index-DBEtsnky.js');
+var index$1 = require('./index-sPDBdc1s.js');
+var constants = require('./constants-C75d4JiJ.js');
 
 const DBAccordionItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.onToggle = index.createEvent(this, "onToggle", 7);
+        this.onToggle = index.createEvent(this, "onToggle");
         this._id = constants.DEFAULT_ID;
         this._open = false;
     }
@@ -69,5 +67,6 @@ const DBAccordionItem = class {
 };
 
 exports.db_accordion_item = DBAccordionItem;
+//# sourceMappingURL=db-accordion-item.entry.cjs.js.map
 
 //# sourceMappingURL=db-accordion-item.cjs.entry.js.map

package/dist/cjs/db-accordion-item.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"db-accordion-item.entry.cjs.js","mappings":"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","names":["DEFAULT_ID","uuid","h","cls","getBooleanAsString"],"sources":["src/components/accordion-item/accordion-item.tsx"],"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":"db-accordion-item.entry.cjs.js","mappings":"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","names":["DEFAULT_ID","uuid","h","cls","getBooleanAsString"],"sources":["src/components/accordion-item/accordion-item.tsx"],"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}

package/dist/cjs/db-accordion-item.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"db-accordion-item.entry.cjs.js","sources":["src/components/accordion-item/accordion-item.tsx"],"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"],"names":["DEFAULT_ID","uuid","h","cls","getBooleanAsString"],"mappings":"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"}

package/dist/cjs/db-accordion.cjs.entry.js

@@ -1,10 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-3d093f06.js');
-const index$1 = require('./index-403366c7.js');
-const constants = require('./constants-89822e5f.js');
+var index = require('./index-DBEtsnky.js');
+var index$1 = require('./index-sPDBdc1s.js');
+var constants = require('./constants-C75d4JiJ.js');
 
 const DBAccordion = class {
     constructor(hostRef) {
@@ -58,14 +56,7 @@ const DBAccordion = class {
             }
         }
     }
-    componentDidLoad() {
-        this.enableAttributePassing(this._ref, "db-accordion");
-        this._id = this.id || "accordion-" + index$1.uuid();
-        this.initialized = true;
-        this._initOpenIndexDone = true;
-    }
-    componentDidUpdate() {
-        var _a;
+    watch0Fn() {
         // If we have a single behavior we first check for
         // props.name otherwise for state_id
         if (this.initialized) {
@@ -85,6 +76,11 @@ const DBAccordion = class {
                 this._name = "";
             }
         }
+    }
+    watch0() {
+        this.watch0Fn();
+    }
+    watch1Fn() {
         if (this._ref) {
             const childDetails = this._ref.getElementsByTagName("details");
             if (childDetails) {
@@ -98,6 +94,12 @@ const DBAccordion = class {
                 }
             }
         }
+    }
+    watch1() {
+        this.watch1Fn();
+    }
+    watch2Fn() {
+        var _a;
         if (this._ref && this._initOpenIndexDone) {
             if (this.initOpenIndex && ((_a = this.initOpenIndex) === null || _a === void 0 ? void 0 : _a.length) > 0) {
                 const childDetails = this._ref.getElementsByTagName("details");
@@ -115,16 +117,39 @@ const DBAccordion = class {
             this._initOpenIndexDone = false;
         }
     }
+    watch2() {
+        this.watch2Fn();
+    }
+    componentDidLoad() {
+        this.enableAttributePassing(this._ref, "db-accordion");
+        this._id = this.id || "accordion-" + index$1.uuid();
+        this.initialized = true;
+        this._initOpenIndexDone = true;
+        this.watch0Fn();
+        this.watch1Fn();
+        this.watch2Fn();
+    }
     render() {
         var _a;
-        return (index.h("ul", { key: '6a2d7280077c11e5660b5638d2d10b4dce057be5', class: index$1.cls("db-accordion", this.className), ref: (el) => {
+        return (index.h("ul", { key: 'cbb0e2f58e5b0506125bc6c38830b5ce73f762ca', class: index$1.cls("db-accordion", this.className), ref: (el) => {
                 this._ref = el;
             }, id: this._id, "data-variant": this.variant }, !this.items ? index.h("slot", null) : null, this.items
             ? (_a = this.convertItems(this.items)) === null || _a === void 0 ? void 0 : _a.map((item, index$1) => (index.h("db-accordion-item", { key: `accordion-item-${index$1}`, headlinePlain: item.headlinePlain, disabled: item.disabled, text: item.text })))
             : null));
     }
+    static get watchers() { return {
+        "initialized": ["watch0"],
+        "name": ["watch0"],
+        "behavior": ["watch0"],
+        "_id": ["watch0"],
+        "_ref": ["watch1", "watch2"],
+        "_name": ["watch1"],
+        "_initOpenIndexDone": ["watch2"],
+        "initOpenIndex": ["watch2"]
+    }; }
 };
 
 exports.db_accordion = DBAccordion;
+//# sourceMappingURL=db-accordion.entry.cjs.js.map
 
 //# sourceMappingURL=db-accordion.cjs.entry.js.map

package/dist/cjs/db-accordion.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"db-accordion.entry.cjs.js","mappings":"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","names":["DEFAULT_ID","uuid","h","cls","index"],"sources":["src/components/accordion/accordion.tsx"],"sourcesContent":["import { DBAccordionItemDefaultProps } from \"../accordion-item/model\";\nimport { DBAccordionProps, DBAccordionState } from \"./model\";\nimport { cls, uuid } from \"../../utils\";\nimport { DBAccordionItem } from \"../accordion-item/accordion-item\";\nimport { DEFAULT_ID } from \"../../shared/constants\";\n\nimport { Component, h, Fragment, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-accordion\",\n})\nexport class DBAccordion {\n  private _ref!: HTMLUListElement | null;\n  @Prop() id: DBAccordionProps[\"id\"];\n  @Prop() name: DBAccordionProps[\"name\"];\n  @Prop() behavior: DBAccordionProps[\"behavior\"];\n  @Prop() initOpenIndex: DBAccordionProps[\"initOpenIndex\"];\n  @Prop({attribute: \"classname\"}) className: DBAccordionProps[\"className\"];\n  @Prop() variant: DBAccordionProps[\"variant\"];\n  @Prop() items: DBAccordionProps[\"items\"];\n\n  @State() _id = DEFAULT_ID;\n  @State() _name = \"\";\n  @State() initialized = false;\n  @State() _initOpenIndexDone = false;\n\n  convertItems(items: unknown[] | string | undefined) {\n    try {\n      if (typeof items === \"string\") {\n        return JSON.parse(items);\n      }\n      return items as DBAccordionItemDefaultProps[];\n    } catch (error) {\n      console.error(error);\n    }\n    return [];\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\");\n    this._id = this.id || \"accordion-\" + uuid();\n    this.initialized = true;\n    this._initOpenIndexDone = true;\n  }\n\n  componentDidUpdate() {\n    // If we have a single behavior we first check for\n    // props.name otherwise for state_id\n    if (this.initialized) {\n      if (this.behavior === \"single\") {\n        if (this.name) {\n          if (this._name !== this.name) {\n            this._name = this.name;\n          }\n        } else {\n          if (this._name !== this._id && this._id) {\n            this._name = this._id;\n          }\n        }\n      } else {\n        this._name = \"\";\n      }\n    }\n    if (this._ref) {\n      const childDetails = this._ref.getElementsByTagName(\"details\");\n      if (childDetails) {\n        for (const details of Array.from<HTMLDetailsElement>(childDetails)) {\n          if (this._name === \"\") {\n            details.removeAttribute(\"name\");\n          } else {\n            details.name = this._name;\n          }\n        }\n      }\n    }\n    if (this._ref && this._initOpenIndexDone) {\n      if (this.initOpenIndex && this.initOpenIndex?.length > 0) {\n        const childDetails = this._ref.getElementsByTagName(\"details\");\n        if (childDetails) {\n          const initOpenIndex =\n            this.behavior === \"single\" && this.initOpenIndex.length > 1\n              ? [this.initOpenIndex[0]] // use only one index for behavior=single\n              : this.initOpenIndex;\n          Array.from<HTMLDetailsElement>(childDetails).forEach(\n            (details: HTMLDetailsElement, index: number) => {\n              if (initOpenIndex.includes(index)) {\n                details.open = true;\n              }\n            }\n          );\n        }\n      }\n      this._initOpenIndexDone = false;\n    }\n  }\n\n  render() {\n    return (\n      <ul\n        class={cls(\"db-accordion\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-variant={this.variant}\n      >\n        {!this.items ? <slot></slot> : null}\n        {this.items\n          ? this.convertItems(this.items)?.map((item, index) => (\n              <db-accordion-item\n                key={`accordion-item-${index}`}\n                headlinePlain={item.headlinePlain}\n                disabled={item.disabled}\n                text={item.text}\n              ></db-accordion-item>\n            ))\n          : null}\n      </ul>\n    );\n  }\n}\n"],"version":3}
+{"file":"db-accordion.entry.cjs.js","mappings":"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","names":["DEFAULT_ID","uuid","h","cls","index"],"sources":["src/components/accordion/accordion.tsx"],"sourcesContent":["import { DBAccordionItemDefaultProps } from \"../accordion-item/model\";\nimport { DBAccordionProps, DBAccordionState } from \"./model\";\nimport { cls, uuid } from \"../../utils\";\nimport { DBAccordionItem } from \"../accordion-item/accordion-item\";\nimport { DEFAULT_ID } 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-accordion\",\n})\nexport class DBAccordion {\n  private _ref!: HTMLUListElement | null;\n  @Prop() id: DBAccordionProps[\"id\"];\n  @Prop() name: DBAccordionProps[\"name\"];\n  @Prop() behavior: DBAccordionProps[\"behavior\"];\n  @Prop() initOpenIndex: DBAccordionProps[\"initOpenIndex\"];\n  @Prop({attribute: \"classname\"}) className: DBAccordionProps[\"className\"];\n  @Prop() variant: DBAccordionProps[\"variant\"];\n  @Prop() items: DBAccordionProps[\"items\"];\n\n  @State() _id = DEFAULT_ID;\n  @State() _name = \"\";\n  @State() initialized = false;\n  @State() _initOpenIndexDone = false;\n\n  convertItems(items: unknown[] | string | undefined) {\n    try {\n      if (typeof items === \"string\") {\n        return JSON.parse(items);\n      }\n      return items as DBAccordionItemDefaultProps[];\n    } catch (error) {\n      console.error(error);\n    }\n    return [];\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 we have a single behavior we first check for\n    // props.name otherwise for state_id\n    if (this.initialized) {\n      if (this.behavior === \"single\") {\n        if (this.name) {\n          if (this._name !== this.name) {\n            this._name = this.name;\n          }\n        } else {\n          if (this._name !== this._id && this._id) {\n            this._name = this._id;\n          }\n        }\n      } else {\n        this._name = \"\";\n      }\n    }\n  }\n\n  @Watch(\"initialized\")\n  @Watch(\"name\")\n  @Watch(\"behavior\")\n  @Watch(\"_id\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._ref) {\n      const childDetails = this._ref.getElementsByTagName(\"details\");\n      if (childDetails) {\n        for (const details of Array.from<HTMLDetailsElement>(childDetails)) {\n          if (this._name === \"\") {\n            details.removeAttribute(\"name\");\n          } else {\n            details.name = this._name;\n          }\n        }\n      }\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"_name\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  watch2Fn() {\n    if (this._ref && this._initOpenIndexDone) {\n      if (this.initOpenIndex && this.initOpenIndex?.length > 0) {\n        const childDetails = this._ref.getElementsByTagName(\"details\");\n        if (childDetails) {\n          const initOpenIndex =\n            this.behavior === \"single\" && this.initOpenIndex.length > 1\n              ? [this.initOpenIndex[0]] // use only one index for behavior=single\n              : this.initOpenIndex;\n          Array.from<HTMLDetailsElement>(childDetails).forEach(\n            (details: HTMLDetailsElement, index: number) => {\n              if (initOpenIndex.includes(index)) {\n                details.open = true;\n              }\n            }\n          );\n        }\n      }\n      this._initOpenIndexDone = false;\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"_initOpenIndexDone\")\n  @Watch(\"initOpenIndex\")\n  watch2() {\n    this.watch2Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-accordion\");\n    this._id = this.id || \"accordion-\" + uuid();\n    this.initialized = true;\n    this._initOpenIndexDone = true;\n    this.watch0Fn();\n    this.watch1Fn();\n    this.watch2Fn();\n  }\n\n  render() {\n    return (\n      <ul\n        class={cls(\"db-accordion\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-variant={this.variant}\n      >\n        {!this.items ? <slot></slot> : null}\n        {this.items\n          ? this.convertItems(this.items)?.map((item, index) => (\n              <db-accordion-item\n                key={`accordion-item-${index}`}\n                headlinePlain={item.headlinePlain}\n                disabled={item.disabled}\n                text={item.text}\n              ></db-accordion-item>\n            ))\n          : null}\n      </ul>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/db-accordion.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"db-accordion.entry.cjs.js","sources":["src/components/accordion/accordion.tsx"],"sourcesContent":["import { DBAccordionItemDefaultProps } from \"../accordion-item/model\";\nimport { DBAccordionProps, DBAccordionState } from \"./model\";\nimport { cls, uuid } from \"../../utils\";\nimport { DBAccordionItem } from \"../accordion-item/accordion-item\";\nimport { DEFAULT_ID } 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-accordion\",\n})\nexport class DBAccordion {\n  private _ref!: HTMLUListElement | null;\n  @Prop() id: DBAccordionProps[\"id\"];\n  @Prop() name: DBAccordionProps[\"name\"];\n  @Prop() behavior: DBAccordionProps[\"behavior\"];\n  @Prop() initOpenIndex: DBAccordionProps[\"initOpenIndex\"];\n  @Prop({attribute: \"classname\"}) className: DBAccordionProps[\"className\"];\n  @Prop() variant: DBAccordionProps[\"variant\"];\n  @Prop() items: DBAccordionProps[\"items\"];\n\n  @State() _id = DEFAULT_ID;\n  @State() _name = \"\";\n  @State() initialized = false;\n  @State() _initOpenIndexDone = false;\n\n  convertItems(items: unknown[] | string | undefined) {\n    try {\n      if (typeof items === \"string\") {\n        return JSON.parse(items);\n      }\n      return items as DBAccordionItemDefaultProps[];\n    } catch (error) {\n      console.error(error);\n    }\n    return [];\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 we have a single behavior we first check for\n    // props.name otherwise for state_id\n    if (this.initialized) {\n      if (this.behavior === \"single\") {\n        if (this.name) {\n          if (this._name !== this.name) {\n            this._name = this.name;\n          }\n        } else {\n          if (this._name !== this._id && this._id) {\n            this._name = this._id;\n          }\n        }\n      } else {\n        this._name = \"\";\n      }\n    }\n  }\n\n  @Watch(\"initialized\")\n  @Watch(\"name\")\n  @Watch(\"behavior\")\n  @Watch(\"_id\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._ref) {\n      const childDetails = this._ref.getElementsByTagName(\"details\");\n      if (childDetails) {\n        for (const details of Array.from<HTMLDetailsElement>(childDetails)) {\n          if (this._name === \"\") {\n            details.removeAttribute(\"name\");\n          } else {\n            details.name = this._name;\n          }\n        }\n      }\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"_name\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  watch2Fn() {\n    if (this._ref && this._initOpenIndexDone) {\n      if (this.initOpenIndex && this.initOpenIndex?.length > 0) {\n        const childDetails = this._ref.getElementsByTagName(\"details\");\n        if (childDetails) {\n          const initOpenIndex =\n            this.behavior === \"single\" && this.initOpenIndex.length > 1\n              ? [this.initOpenIndex[0]] // use only one index for behavior=single\n              : this.initOpenIndex;\n          Array.from<HTMLDetailsElement>(childDetails).forEach(\n            (details: HTMLDetailsElement, index: number) => {\n              if (initOpenIndex.includes(index)) {\n                details.open = true;\n              }\n            }\n          );\n        }\n      }\n      this._initOpenIndexDone = false;\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"_initOpenIndexDone\")\n  @Watch(\"initOpenIndex\")\n  watch2() {\n    this.watch2Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-accordion\");\n    this._id = this.id || \"accordion-\" + uuid();\n    this.initialized = true;\n    this._initOpenIndexDone = true;\n    this.watch0Fn();\n    this.watch1Fn();\n    this.watch2Fn();\n  }\n\n  render() {\n    return (\n      <ul\n        class={cls(\"db-accordion\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-variant={this.variant}\n      >\n        {!this.items ? <slot></slot> : null}\n        {this.items\n          ? this.convertItems(this.items)?.map((item, index) => (\n              <db-accordion-item\n                key={`accordion-item-${index}`}\n                headlinePlain={item.headlinePlain}\n                disabled={item.disabled}\n                text={item.text}\n              ></db-accordion-item>\n            ))\n          : null}\n      </ul>\n    );\n  }\n}\n"],"names":["DEFAULT_ID","uuid","h","cls","index"],"mappings":"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"}

package/dist/cjs/db-badge.cjs.entry.js

@@ -1,10 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-3d093f06.js');
-const index$1 = require('./index-403366c7.js');
-const constants = require('./constants-89822e5f.js');
+var index = require('./index-DBEtsnky.js');
+var index$1 = require('./index-sPDBdc1s.js');
+var constants = require('./constants-C75d4JiJ.js');
 
 const DBBadge = class {
     constructor(hostRef) {
@@ -43,11 +41,7 @@ const DBBadge = class {
             }
         }
     }
-    componentDidLoad() {
-        this.enableAttributePassing(this._ref, "db-badge");
-        this.initialized = true;
-    }
-    componentDidUpdate() {
+    watch0Fn() {
         var _a;
         if (this._ref && this.initialized) {
             if ((_a = this.placement) === null || _a === void 0 ? void 0 : _a.startsWith("corner")) {
@@ -62,14 +56,27 @@ const DBBadge = class {
             }
         }
     }
+    watch0() {
+        this.watch0Fn();
+    }
+    componentDidLoad() {
+        this.enableAttributePassing(this._ref, "db-badge");
+        this.initialized = true;
+        this.watch0Fn();
+    }
     render() {
         var _a, _b;
-        return (index.h("span", { key: '7f6ba75819424fcc333e56aebd40e23fe2b77a25', class: index$1.cls("db-badge", this.className), ref: (el) => {
+        return (index.h("span", { key: '575b6dcb7b8d8599ce601a22c7ec30f2c6c31f41', class: index$1.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 : constants.DEFAULT_LABEL) }, this.text ? this.text : index.h("slot", null)));
     }
+    static get watchers() { return {
+        "_ref": ["watch0"],
+        "initialized": ["watch0"]
+    }; }
 };
 
 exports.db_badge = DBBadge;
+//# sourceMappingURL=db-badge.entry.cjs.js.map
 
 //# sourceMappingURL=db-badge.cjs.entry.js.map

package/dist/cjs/db-badge.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"db-badge.entry.cjs.js","mappings":"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","names":["h","cls","DEFAULT_LABEL"],"sources":["src/components/badge/badge.tsx"],"sourcesContent":["import { DBBadgeProps, DBBadgeState } from \"./model\";\nimport { cls } from \"../../utils\";\nimport { DEFAULT_LABEL } from \"../../shared/constants\";\n\nimport { Component, h, Fragment, 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  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-badge\");\n    this.initialized = true;\n  }\n\n  componentDidUpdate() {\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  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":"db-badge.entry.cjs.js","mappings":"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","names":["h","cls","DEFAULT_LABEL"],"sources":["src/components/badge/badge.tsx"],"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}

package/dist/cjs/db-badge.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"db-badge.entry.cjs.js","sources":["src/components/badge/badge.tsx"],"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"],"names":["h","cls","DEFAULT_LABEL"],"mappings":";;;;;;MAca,OAAO,GAAA,MAAA;AAHnB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAcU,QAAA,IAAW,CAAA,WAAA,GAAG,KAAK;AAyF7B;AAvFC;;;;AAIG;IACK,sBAAsB,CAC5B,OAA2B,EAC3B,qBAA6B,EAAA;QAE7B,MAAM,MAAM,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,OAAO,CAAC,qBAAqB,CAAC;AACtD,QAAA,IAAI,OAAO,IAAI,MAAM,EAAE;AACrB,YAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU;AACpC,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC1C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/B,gBAAA,IACE,IAAI;AACJ,qBAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAChE;oBACA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC;AAC3C,oBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;gBAEnC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;oBACjC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC;AACtD,oBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE;oBACvD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;oBAClD,OAAO,CAAC,YAAY,CAClB,IAAI,CAAC,IAAI,EACT,CAAG,EAAA,YAAY,GAAG,CAAG,EAAA,YAAY,CAAG,CAAA,CAAA,GAAG,EAAE,CAAG,EAAA,KAAK,CAAE,CAAA,CACpD;oBACD,IAAI,cAAc,EAAE;;AAElB,wBAAA,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC;;yBACnC;AACL,wBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;IAO3C,QAAQ,GAAA;;QACN,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,EAAE;AACjC,YAAA,IAAI,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,CAAC,QAAQ,CAAC,EAAE;AACxC,gBAAA,IAAI,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa;gBACpC,IAAI,MAAM,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;;AAEhD,oBAAA,MAAM,GAAG,MAAM,CAAC,aAAa;;gBAE/B,IAAI,MAAM,EAAE;AACV,oBAAA,MAAM,CAAC,YAAY,CAAC,gBAAgB,EAAE,MAAM,CAAC;;;;;IAQrD,MAAM,GAAA;QACJ,IAAI,CAAC,QAAQ,EAAE;;IAGjB,gBAAgB,GAAA;QACd,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC;AAClD,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;QACvB,IAAI,CAAC,QAAQ,EAAE;;IAGjB,MAAM,GAAA;;QACJ,QACEA,OACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEC,WAAG,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,EACtC,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;aACf,EACD,EAAE,EAAE,IAAI,CAAC,EAAE,EAAA,eAAA,EACI,IAAI,CAAC,QAAQ,EAAA,WAAA,EACjB,IAAI,CAAC,IAAI,EAAA,eAAA,EACL,IAAI,CAAC,QAAQ,EAAA,gBAAA,EACZ,IAAI,CAAC,SAAS,EAAA,YAAA,EAE5B,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,CAAC,QAAQ,CAAC,MAAK,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAIC,uBAAa,CAAC,EAGtE,EAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGF,OAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACjC;;;;;;;;;;"}

package/dist/cjs/db-brand.cjs.entry.js

@@ -1,10 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-3d093f06.js');
-const index$1 = require('./index-403366c7.js');
-const constants = require('./constants-89822e5f.js');
+var index = require('./index-DBEtsnky.js');
+var index$1 = require('./index-sPDBdc1s.js');
+var constants = require('./constants-C75d4JiJ.js');
 
 const DBBrand = class {
     constructor(hostRef) {
@@ -54,5 +52,6 @@ const DBBrand = class {
 };
 
 exports.db_brand = DBBrand;
+//# sourceMappingURL=db-brand.entry.cjs.js.map
 
 //# sourceMappingURL=db-brand.cjs.entry.js.map

package/dist/cjs/db-brand.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"db-brand.entry.cjs.js","mappings":";;;;;;;;MAca,OAAO;;;;;;;;;IAeV,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;YACrB,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;YACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC1C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBAChC,IACE,IAAI;qBACH,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAChE;oBACA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;oBAC5C,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBACnC;gBACD,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;oBACjC,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,GAAG,GAAG,YAAY,GAAG,GAAG,EAAE,GAAG,KAAK,EAAE,CACpD,CAAC;oBACF,IAAI,cAAc,EAAE;;wBAElB,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;qBAC1C;yBAAM;wBACL,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;qBACnC;iBACF;aACF;SACF;KACF;IAED,gBAAgB;QACd,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;KACpD;IAED,MAAM;;QACJ,QACEA,kEACE,KAAK,EAAEC,WAAG,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,EACtC,GAAG,EAAE,CAAC,EAAO;gBACX,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;aAChB,eACU,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,MAAA,IAAI,CAAC,IAAI,mCAAIC,sBAAY,oBAC7CC,mBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,EAC1C,EAAE,EAAE,IAAI,CAAC,EAAE,IAEV,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGH,qBAAa,CAClC,EACN;KACH;;;;;","names":["h","cls","DEFAULT_ICON","getHideProp"],"sources":["src/components/brand/brand.tsx"],"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":"db-brand.entry.cjs.js","mappings":";;;;;;MAca,OAAO,GAAA,MAAA;;;;AAUlB;;;;AAIG;IACK,sBAAsB,CAC5B,OAA2B,EAC3B,qBAA6B,EAAA;QAE7B,MAAM,MAAM,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,OAAO,CAAC,qBAAqB,CAAC;AACtD,QAAA,IAAI,OAAO,IAAI,MAAM,EAAE;AACrB,YAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU;AACpC,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC1C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/B,gBAAA,IACE,IAAI;AACJ,qBAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAChE;oBACA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC;AAC3C,oBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;gBAEnC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;oBACjC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC;AACtD,oBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE;oBACvD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;oBAClD,OAAO,CAAC,YAAY,CAClB,IAAI,CAAC,IAAI,EACT,CAAG,EAAA,YAAY,GAAG,CAAG,EAAA,YAAY,CAAG,CAAA,CAAA,GAAG,EAAE,CAAG,EAAA,KAAK,CAAE,CAAA,CACpD;oBACD,IAAI,cAAc,EAAE;;AAElB,wBAAA,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC;;yBACnC;AACL,wBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;IAO3C,gBAAgB,GAAA;QACd,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC;;IAGpD,MAAM,GAAA;;QACJ,QACEA,OACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEC,WAAG,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,EACtC,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;AAChB,aAAC,EAAA,WAAA,EACU,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAIC,sBAAY,EAC7C,gBAAA,EAAAC,mBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,EAC1C,EAAE,EAAE,IAAI,CAAC,EAAE,EAEV,EAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGH,OAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CAClC;;;;;;","names":["h","cls","DEFAULT_ICON","getHideProp"],"sources":["src/components/brand/brand.tsx"],"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}

package/dist/cjs/db-brand.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"db-brand.entry.cjs.js","sources":["src/components/brand/brand.tsx"],"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"],"names":["h","cls","DEFAULT_ICON","getHideProp"],"mappings":";;;;;;MAca,OAAO,GAAA,MAAA;;;;AAUlB;;;;AAIG;IACK,sBAAsB,CAC5B,OAA2B,EAC3B,qBAA6B,EAAA;QAE7B,MAAM,MAAM,GAAG,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,OAAO,CAAC,qBAAqB,CAAC;AACtD,QAAA,IAAI,OAAO,IAAI,MAAM,EAAE;AACrB,YAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU;AACpC,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC1C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/B,gBAAA,IACE,IAAI;AACJ,qBAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,EAChE;oBACA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC;AAC3C,oBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;gBAEnC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;oBACjC,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC;AACtD,oBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE;oBACvD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;oBAClD,OAAO,CAAC,YAAY,CAClB,IAAI,CAAC,IAAI,EACT,CAAG,EAAA,YAAY,GAAG,CAAG,EAAA,YAAY,CAAG,CAAA,CAAA,GAAG,EAAE,CAAG,EAAA,KAAK,CAAE,CAAA,CACpD;oBACD,IAAI,cAAc,EAAE;;AAElB,wBAAA,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC;;yBACnC;AACL,wBAAA,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;IAO3C,gBAAgB,GAAA;QACd,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC;;IAGpD,MAAM,GAAA;;QACJ,QACEA,OACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEC,WAAG,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,EACtC,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;AAChB,aAAC,EAAA,WAAA,EACU,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAIC,sBAAY,EAC7C,gBAAA,EAAAC,mBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,EAC1C,EAAE,EAAE,IAAI,CAAC,EAAE,EAEV,EAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGH,OAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CAClC;;;;;;"}

package/dist/cjs/db-button.cjs.entry.js

@@ -1,14 +1,12 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-3d093f06.js');
-const index$1 = require('./index-403366c7.js');
+var index = require('./index-DBEtsnky.js');
+var index$1 = require('./index-sPDBdc1s.js');
 
 const DBButton = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.onClick = index.createEvent(this, "onClick", 7);
+        this.onClick = index.createEvent(this, "onClick");
     }
     handleClick(event) {
         if (this.onClick) {
@@ -58,5 +56,6 @@ const DBButton = class {
 };
 
 exports.db_button = DBButton;
+//# sourceMappingURL=db-button.entry.cjs.js.map
 
 //# sourceMappingURL=db-button.cjs.entry.js.map

package/dist/cjs/db-button.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"db-button.entry.cjs.js","mappings":"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","names":["h","cls","getHideProp","getBooleanAsString"],"sources":["src/components/button/button.tsx"],"sourcesContent":["import type { DBButtonProps, DBButtonState } from \"./model\";\nimport { cls, getBooleanAsString, getHideProp } from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\n\nimport { Component, h, Fragment, Event, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-button\",\n})\nexport class DBButton {\n  private _ref!: HTMLButtonElement | null;\n  @Event() onClick: any;\n  @Prop() id: DBButtonProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBButtonProps[\"className\"];\n  @Prop() type: DBButtonProps[\"type\"];\n  @Prop() disabled: DBButtonProps[\"disabled\"];\n  @Prop() label: DBButtonProps[\"label\"];\n  @Prop() icon: DBButtonProps[\"icon\"];\n  @Prop() showIcon: DBButtonProps[\"showIcon\"];\n  @Prop() size: DBButtonProps[\"size\"];\n  @Prop() state: DBButtonProps[\"state\"];\n  @Prop() width: DBButtonProps[\"width\"];\n  @Prop() variant: DBButtonProps[\"variant\"];\n  @Prop() noText: DBButtonProps[\"noText\"];\n  @Prop() name: DBButtonProps[\"name\"];\n  @Prop() value: DBButtonProps[\"value\"];\n  @Prop() describedbyid: DBButtonProps[\"describedbyid\"];\n  @Prop() ariaexpanded: DBButtonProps[\"ariaexpanded\"];\n  @Prop() ariapressed: DBButtonProps[\"ariapressed\"];\n  @Prop() text: DBButtonProps[\"text\"];\n\n\n  handleClick(event: ClickEvent<HTMLButtonElement>) {\n    if (this.onClick) {\n      this.onClick.emit(event);\n    }\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-button\");\n  }\n\n  render() {\n    return (\n      <button\n        class={cls(\"db-button\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        type={this.type || \"button\"}\n        disabled={this.disabled}\n        aria-label={this.label}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-size={this.size}\n        data-state={this.state}\n        data-width={this.width}\n        data-variant={this.variant}\n        data-no-text={getBooleanAsString(this.noText)}\n        name={this.name}\n        value={this.value}\n        aria-describedby={this.describedbyid}\n        aria-expanded={this.ariaexpanded}\n        aria-pressed={this.ariapressed}\n        onClick={(event) => this.handleClick(event)}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </button>\n    );\n  }\n}\n"],"version":3}
+{"file":"db-button.entry.cjs.js","mappings":"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","names":["h","cls","getHideProp","getBooleanAsString"],"sources":["src/components/button/button.tsx"],"sourcesContent":["import type { DBButtonProps, DBButtonState } from \"./model\";\nimport { cls, getBooleanAsString, getHideProp } from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\n\nimport { Component, h, Fragment, Event, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-button\",\n})\nexport class DBButton {\n  private _ref!: HTMLButtonElement | null;\n  @Event() onClick: any;\n  @Prop() id: DBButtonProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBButtonProps[\"className\"];\n  @Prop() type: DBButtonProps[\"type\"];\n  @Prop() disabled: DBButtonProps[\"disabled\"];\n  @Prop() label: DBButtonProps[\"label\"];\n  @Prop() icon: DBButtonProps[\"icon\"];\n  @Prop() showIcon: DBButtonProps[\"showIcon\"];\n  @Prop() size: DBButtonProps[\"size\"];\n  @Prop() state: DBButtonProps[\"state\"];\n  @Prop() width: DBButtonProps[\"width\"];\n  @Prop() variant: DBButtonProps[\"variant\"];\n  @Prop() noText: DBButtonProps[\"noText\"];\n  @Prop() name: DBButtonProps[\"name\"];\n  @Prop() value: DBButtonProps[\"value\"];\n  @Prop() describedbyid: DBButtonProps[\"describedbyid\"];\n  @Prop() ariaexpanded: DBButtonProps[\"ariaexpanded\"];\n  @Prop() ariapressed: DBButtonProps[\"ariapressed\"];\n  @Prop() text: DBButtonProps[\"text\"];\n\n\n  handleClick(event: ClickEvent<HTMLButtonElement>) {\n    if (this.onClick) {\n      this.onClick.emit(event);\n    }\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-button\");\n  }\n\n  render() {\n    return (\n      <button\n        class={cls(\"db-button\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        type={this.type || \"button\"}\n        disabled={this.disabled}\n        aria-label={this.label}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-size={this.size}\n        data-state={this.state}\n        data-width={this.width}\n        data-variant={this.variant}\n        data-no-text={getBooleanAsString(this.noText)}\n        name={this.name}\n        value={this.value}\n        aria-describedby={this.describedbyid}\n        aria-expanded={this.ariaexpanded}\n        aria-pressed={this.ariapressed}\n        onClick={(event) => this.handleClick(event)}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </button>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/db-button.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"db-button.entry.cjs.js","sources":["src/components/button/button.tsx"],"sourcesContent":["import type { DBButtonProps, DBButtonState } from \"./model\";\nimport { cls, getBooleanAsString, getHideProp } from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\n\nimport { Component, h, Fragment, Event, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-button\",\n})\nexport class DBButton {\n  private _ref!: HTMLButtonElement | null;\n  @Event() onClick: any;\n  @Prop() id: DBButtonProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBButtonProps[\"className\"];\n  @Prop() type: DBButtonProps[\"type\"];\n  @Prop() disabled: DBButtonProps[\"disabled\"];\n  @Prop() label: DBButtonProps[\"label\"];\n  @Prop() icon: DBButtonProps[\"icon\"];\n  @Prop() showIcon: DBButtonProps[\"showIcon\"];\n  @Prop() size: DBButtonProps[\"size\"];\n  @Prop() state: DBButtonProps[\"state\"];\n  @Prop() width: DBButtonProps[\"width\"];\n  @Prop() variant: DBButtonProps[\"variant\"];\n  @Prop() noText: DBButtonProps[\"noText\"];\n  @Prop() name: DBButtonProps[\"name\"];\n  @Prop() value: DBButtonProps[\"value\"];\n  @Prop() describedbyid: DBButtonProps[\"describedbyid\"];\n  @Prop() ariaexpanded: DBButtonProps[\"ariaexpanded\"];\n  @Prop() ariapressed: DBButtonProps[\"ariapressed\"];\n  @Prop() text: DBButtonProps[\"text\"];\n\n\n  handleClick(event: ClickEvent<HTMLButtonElement>) {\n    if (this.onClick) {\n      this.onClick.emit(event);\n    }\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-button\");\n  }\n\n  render() {\n    return (\n      <button\n        class={cls(\"db-button\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        type={this.type || \"button\"}\n        disabled={this.disabled}\n        aria-label={this.label}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-size={this.size}\n        data-state={this.state}\n        data-width={this.width}\n        data-variant={this.variant}\n        data-no-text={getBooleanAsString(this.noText)}\n        name={this.name}\n        value={this.value}\n        aria-describedby={this.describedbyid}\n        aria-expanded={this.ariaexpanded}\n        aria-pressed={this.ariapressed}\n        onClick={(event) => this.handleClick(event)}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </button>\n    );\n  }\n}\n"],"names":["h","cls","getHideProp","getBooleanAsString"],"mappings":"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"}