@db-ux/wc-core-components 1.0.0-test-13b991d

package/README.md

@@ -0,0 +1,92 @@
+# @db-ux/wc-core-components
+
+![Apache 2.0 license badge](https://img.shields.io/badge/License-Apache_2.0-blue.svg)
+[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
+[![Conventional Commits](https://img.shields.io/badge/Conventional%20Commits-1.0.0-yellow.svg)](https://conventionalcommits.org)
+[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://makeapullrequest.com)
+
+A web-component library containing all components of [DB UX Design System (technical components)](https://github.com/db-ux-design-system/core-web).
+
+## Install
+
+```shell
+npm i @db-ux/wc-core-components
+```
+
+> **Note:** This will install [`@db-ux/core-foundations`](https://www.npmjs.com/package/@db-ux/core-foundations) and [`@db-ux/core-components`](https://www.npmjs.com/package/@db-ux/core-components) as well which contains the `css`/`scss` files
+
+## Styling Dependencies
+
+Import the styles in scss or css. Based on your technology the file names could be different.
+
+-   Default (relative): points to `../assets`
+-   Rollup (rollup): points to `@db-ux/core-foundations/assets`
+-   Webpack (webpack): points to `~@db-ux/core-foundations/assets`
+
+<details>
+  <summary><strong>SCSS</strong></summary>
+
+```scss
+// index.scss
+@forward "@db-ux/core-components/build/styles/rollup";
+```
+
+</details>
+<details>
+  <summary><strong>CSS</strong></summary>
+
+```js
+// main.js
+import "@db-ux/core-components/build/styles/rollup.css";
+```
+
+</details>
+
+> **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.
+
+## Usage
+
+```js
+// main.js
+import { defineCustomElements } from "@db-ux/wc-core-components";
+defineCustomElements();
+```
+
+```html
+...
+<db-button icon="x_placeholder">Test</db-button>
+...
+```
+
+## VSCode autocomplete
+
+If you don't have it already, add a VS Code settings folder and file at the root of your project - `.vscode/settings.json`. Then add or append the following code:
+
+```json
+{
+	"html.customData": [
+		"./node_modules/@db-ux/wc-core-components/dist/vscode.html-custom-data.json"
+	]
+}
+```
+
+
+## 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.
+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.
+
+## Contributions
+
+Contributions are very welcome, please refer to the [contribution guide](https://github.com/db-ux-design-system/core-web/blob/main/CONTRIBUTING.md).
+
+## Code of conduct
+
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone – have a look at our [Contributor Covenant Code of Conduct](https://github.com/db-ux-design-system/core-web/blob/main/CODE-OF-CONDUCT.md).
+
+## License
+
+This project is licensed under [Apache-2.0](LICENSE).

package/dist/cjs/app-globals-3a1e7e63.js

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

package/dist/cjs/app-globals-3a1e7e63.js.map

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

package/dist/cjs/constants-89822e5f.js

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

package/dist/cjs/constants-89822e5f.js.map

@@ -0,0 +1 @@
+{"file":"constants-89822e5f.js","mappings":"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","names":["DENSITY","COLOR_SIMPLE","COLOR","SEMANTIC"],"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}]"],"version":3}

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

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3d093f06.js');
+const index$1 = require('./index-c0df827d.js');
+const constants = require('./constants-89822e5f.js');
+
+const DBAccordionItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.onToggle = index.createEvent(this, "onToggle", 7);
+        this._id = constants.DEFAULT_ID;
+        this._open = false;
+    }
+    toggle(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);
+        }
+        this._open = newStateOpen;
+    }
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    enableAttributePassing(element, customElementSelector) {
+        const parent = element === null || element === void 0 ? void 0 : element.closest(customElementSelector);
+        if (element && parent) {
+            const attributes = parent.attributes;
+            for (let i = 0; i < attributes.length; i++) {
+                const attr = attributes.item(i);
+                if (attr &&
+                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
+                    element.setAttribute(attr.name, attr.value);
+                    parent.removeAttribute(attr.name);
+                }
+                if (attr && attr.name === "class") {
+                    const isWebComponent = attr.value.includes("hydrated");
+                    const value = attr.value.replace("hydrated", "").trim();
+                    const currentClass = element.getAttribute("class");
+                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
+                    if (isWebComponent) {
+                        // Stencil is using this class for lazy loading component
+                        parent.setAttribute("class", "hydrated");
+                    }
+                    else {
+                        parent.removeAttribute(attr.name);
+                    }
+                }
+            }
+        }
+    }
+    componentDidLoad() {
+        this.enableAttributePassing(this._ref, "db-accordion-item");
+        this._id = this.id || "accordion-item-" + index$1.uuid();
+        if (this.defaultOpen) {
+            this._open = this.defaultOpen;
+        }
+    }
+    render() {
+        return (index.h("li", { key: '7094e608b01a216da13c416ba6d6f845bc3554df', class: index$1.cls("db-accordion-item", this.className), id: this._id }, index.h("details", { key: '8eb8bc7f0741d7e03a79923407709d7451a1c423', "aria-disabled": index$1.getBooleanAsString(this.disabled), ref: (el) => {
+                this._ref = el;
+            }, open: this._open }, index.h("summary", { key: '7f531a785588b63c302c637416552171e88b310a', onClick: (event) => this.toggle(event) }, this.headlinePlain ? this.headlinePlain : null, !this.headlinePlain ? index.h("slot", { name: "headline" }) : null), index.h("div", { key: '9a53a8b06d591360965973288075ab2b06968ac4' }, this.text ? this.text : index.h("slot", null)))));
+    }
+};
+
+exports.db_accordion_item = DBAccordionItem;
+
+//# sourceMappingURL=db-accordion-item.cjs.entry.js.map

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

@@ -0,0 +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}

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

@@ -0,0 +1,130 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3d093f06.js');
+const index$1 = require('./index-c0df827d.js');
+const constants = require('./constants-89822e5f.js');
+
+const DBAccordion = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this._id = constants.DEFAULT_ID;
+        this._name = "";
+        this.initialized = false;
+        this._initOpenIndexDone = false;
+    }
+    convertItems(items) {
+        try {
+            if (typeof items === "string") {
+                return JSON.parse(items);
+            }
+            return items;
+        }
+        catch (error) {
+            console.error(error);
+        }
+        return [];
+    }
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    enableAttributePassing(element, customElementSelector) {
+        const parent = element === null || element === void 0 ? void 0 : element.closest(customElementSelector);
+        if (element && parent) {
+            const attributes = parent.attributes;
+            for (let i = 0; i < attributes.length; i++) {
+                const attr = attributes.item(i);
+                if (attr &&
+                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
+                    element.setAttribute(attr.name, attr.value);
+                    parent.removeAttribute(attr.name);
+                }
+                if (attr && attr.name === "class") {
+                    const isWebComponent = attr.value.includes("hydrated");
+                    const value = attr.value.replace("hydrated", "").trim();
+                    const currentClass = element.getAttribute("class");
+                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
+                    if (isWebComponent) {
+                        // Stencil is using this class for lazy loading component
+                        parent.setAttribute("class", "hydrated");
+                    }
+                    else {
+                        parent.removeAttribute(attr.name);
+                    }
+                }
+            }
+        }
+    }
+    componentDidLoad() {
+        this.enableAttributePassing(this._ref, "db-accordion");
+        this._id = this.id || "accordion-" + index$1.uuid();
+        this.initialized = true;
+        this._initOpenIndexDone = true;
+    }
+    componentDidUpdate() {
+        var _a;
+        // If we have a single behavior we first check for
+        // props.name otherwise for state_id
+        if (this.initialized) {
+            if (this.behavior === "single") {
+                if (this.name) {
+                    if (this._name !== this.name) {
+                        this._name = this.name;
+                    }
+                }
+                else {
+                    if (this._name !== this._id && this._id) {
+                        this._name = this._id;
+                    }
+                }
+            }
+            else {
+                this._name = "";
+            }
+        }
+        if (this._ref) {
+            const childDetails = this._ref.getElementsByTagName("details");
+            if (childDetails) {
+                for (const details of Array.from(childDetails)) {
+                    if (this._name === "") {
+                        details.removeAttribute("name");
+                    }
+                    else {
+                        details.name = this._name;
+                    }
+                }
+            }
+        }
+        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");
+                if (childDetails) {
+                    const initOpenIndex = this.behavior === "single" && this.initOpenIndex.length > 1
+                        ? [this.initOpenIndex[0]] // use only one index for behavior=single
+                        : this.initOpenIndex;
+                    Array.from(childDetails).forEach((details, index) => {
+                        if (initOpenIndex.includes(index)) {
+                            details.open = true;
+                        }
+                    });
+                }
+            }
+            this._initOpenIndexDone = false;
+        }
+    }
+    render() {
+        var _a;
+        return (index.h("ul", { key: '6a2d7280077c11e5660b5638d2d10b4dce057be5', 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));
+    }
+};
+
+exports.db_accordion = DBAccordion;
+
+//# sourceMappingURL=db-accordion.cjs.entry.js.map

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

@@ -0,0 +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}

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

@@ -0,0 +1,75 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3d093f06.js');
+const index$1 = require('./index-c0df827d.js');
+const constants = require('./constants-89822e5f.js');
+
+const DBBadge = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.initialized = false;
+    }
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    enableAttributePassing(element, customElementSelector) {
+        const parent = element === null || element === void 0 ? void 0 : element.closest(customElementSelector);
+        if (element && parent) {
+            const attributes = parent.attributes;
+            for (let i = 0; i < attributes.length; i++) {
+                const attr = attributes.item(i);
+                if (attr &&
+                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
+                    element.setAttribute(attr.name, attr.value);
+                    parent.removeAttribute(attr.name);
+                }
+                if (attr && attr.name === "class") {
+                    const isWebComponent = attr.value.includes("hydrated");
+                    const value = attr.value.replace("hydrated", "").trim();
+                    const currentClass = element.getAttribute("class");
+                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
+                    if (isWebComponent) {
+                        // Stencil is using this class for lazy loading component
+                        parent.setAttribute("class", "hydrated");
+                    }
+                    else {
+                        parent.removeAttribute(attr.name);
+                    }
+                }
+            }
+        }
+    }
+    componentDidLoad() {
+        this.enableAttributePassing(this._ref, "db-badge");
+        this.initialized = true;
+    }
+    componentDidUpdate() {
+        var _a;
+        if (this._ref && this.initialized) {
+            if ((_a = this.placement) === null || _a === void 0 ? void 0 : _a.startsWith("corner")) {
+                let parent = this._ref.parentElement;
+                if (parent && parent.localName.includes("badge")) {
+                    // Angular workaround
+                    parent = parent.parentElement;
+                }
+                if (parent) {
+                    parent.setAttribute("data-has-badge", "true");
+                }
+            }
+        }
+    }
+    render() {
+        var _a, _b;
+        return (index.h("span", { key: '7f6ba75819424fcc333e56aebd40e23fe2b77a25', 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)));
+    }
+};
+
+exports.db_badge = DBBadge;
+
+//# sourceMappingURL=db-badge.cjs.entry.js.map

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

@@ -0,0 +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}

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

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3d093f06.js');
+const index$1 = require('./index-c0df827d.js');
+const constants = require('./constants-89822e5f.js');
+
+const DBBrand = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    enableAttributePassing(element, customElementSelector) {
+        const parent = element === null || element === void 0 ? void 0 : element.closest(customElementSelector);
+        if (element && parent) {
+            const attributes = parent.attributes;
+            for (let i = 0; i < attributes.length; i++) {
+                const attr = attributes.item(i);
+                if (attr &&
+                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
+                    element.setAttribute(attr.name, attr.value);
+                    parent.removeAttribute(attr.name);
+                }
+                if (attr && attr.name === "class") {
+                    const isWebComponent = attr.value.includes("hydrated");
+                    const value = attr.value.replace("hydrated", "").trim();
+                    const currentClass = element.getAttribute("class");
+                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
+                    if (isWebComponent) {
+                        // Stencil is using this class for lazy loading component
+                        parent.setAttribute("class", "hydrated");
+                    }
+                    else {
+                        parent.removeAttribute(attr.name);
+                    }
+                }
+            }
+        }
+    }
+    componentDidLoad() {
+        this.enableAttributePassing(this._ref, "db-brand");
+    }
+    render() {
+        var _a;
+        return (index.h("div", { key: '1db730e221409228d980d48bd673bdc2e75aefc8', class: index$1.cls("db-brand", this.className), ref: (el) => {
+                this._ref = el;
+            }, "data-icon": this.hideLogo ? "none" : (_a = this.icon) !== null && _a !== void 0 ? _a : constants.DEFAULT_ICON, "data-hide-icon": index$1.getHideProp(this.showIcon), id: this.id }, this.text ? this.text : index.h("slot", null)));
+    }
+};
+
+exports.db_brand = DBBrand;
+
+//# sourceMappingURL=db-brand.cjs.entry.js.map

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

@@ -0,0 +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}