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

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

@@ -1,9 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-6e2cf235.js');
-const index$1 = require('./index-403366c7.js');
+var index = require('./index-DBEtsnky.js');
+var index$1 = require('./index-DeqKGVDx.js');
 
 const DBIcon = class {
     constructor(hostRef) {
@@ -52,5 +50,6 @@ const DBIcon = class {
 };
 
 exports.db_icon = DBIcon;
+//# sourceMappingURL=db-icon.entry.cjs.js.map
 
 //# sourceMappingURL=db-icon.cjs.entry.js.map

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

@@ -1 +1 @@
-{"file":"db-icon.entry.cjs.js","mappings":";;;;;;;MAaa,MAAM;;;;;;;;;IAeT,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,SAAS,CAAC,CAAC;KACnD;IAED,MAAM;QACJ,QACEA,mEACE,KAAK,EAAEC,WAAG,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,iBACzB,MAAM,EAClB,GAAG,EAAE,CAAC,EAAO;gBACX,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;aAChB,EACD,EAAE,EAAE,IAAI,CAAC,EAAE,eACA,IAAI,CAAC,IAAI,sBACF,IAAI,CAAC,MAAM,uBACV,IAAI,CAAC,OAAO,IAE9B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGD,qBAAa,CACjC,EACP;KACH;;;;;","names":["h","cls"],"sources":["src/components/icon/icon.tsx"],"sourcesContent":["import type { DBIconProps, DBIconState } from \"./model\";\nimport { cls } from \"../../utils\";\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-icon\",\n})\nexport class DBIcon {\n  private _ref!: HTMLSpanElement | null;\n  @Prop() id: DBIconProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBIconProps[\"className\"];\n  @Prop() icon: DBIconProps[\"icon\"];\n  @Prop() weight: DBIconProps[\"weight\"];\n  @Prop() variant: DBIconProps[\"variant\"];\n  @Prop() text: DBIconProps[\"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-icon\");\n  }\n\n  render() {\n    return (\n      <span\n        class={cls(\"db-icon\", this.className)}\n        aria-hidden=\"true\"\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-icon={this.icon}\n        data-icon-weight={this.weight}\n        data-icon-variant={this.variant}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </span>\n    );\n  }\n}\n"],"version":3}
+{"file":"db-icon.entry.cjs.js","mappings":";;;;;MAaa,MAAM,GAAA,MAAA;;;;AAUjB;;;;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,SAAS,CAAC;;IAGnD,MAAM,GAAA;AACJ,QAAA,QACEA,mEACE,KAAK,EAAEC,WAAG,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,EAAA,aAAA,EACzB,MAAM,EAClB,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;aACf,EACD,EAAE,EAAE,IAAI,CAAC,EAAE,EAAA,WAAA,EACA,IAAI,CAAC,IAAI,EACF,kBAAA,EAAA,IAAI,CAAC,MAAM,uBACV,IAAI,CAAC,OAAO,EAAA,EAE9B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGD,OAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACjC;;;;;;","names":["h","cls"],"sources":["src/components/icon/icon.tsx"],"sourcesContent":["import type { DBIconProps, DBIconState } from \"./model\";\nimport { cls } from \"../../utils\";\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-icon\",\n})\nexport class DBIcon {\n  private _ref!: HTMLSpanElement | null;\n  @Prop() id: DBIconProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBIconProps[\"className\"];\n  @Prop() icon: DBIconProps[\"icon\"];\n  @Prop() weight: DBIconProps[\"weight\"];\n  @Prop() variant: DBIconProps[\"variant\"];\n  @Prop() text: DBIconProps[\"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-icon\");\n  }\n\n  render() {\n    return (\n      <span\n        class={cls(\"db-icon\", this.className)}\n        aria-hidden=\"true\"\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-icon={this.icon}\n        data-icon-weight={this.weight}\n        data-icon-variant={this.variant}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </span>\n    );\n  }\n}\n"],"version":3}

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

@@ -0,0 +1 @@
+{"version":3,"file":"db-icon.entry.cjs.js","sources":["src/components/icon/icon.tsx"],"sourcesContent":["import type { DBIconProps, DBIconState } from \"./model\";\nimport { cls } from \"../../utils\";\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-icon\",\n})\nexport class DBIcon {\n  private _ref!: HTMLSpanElement | null;\n  @Prop() id: DBIconProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBIconProps[\"className\"];\n  @Prop() icon: DBIconProps[\"icon\"];\n  @Prop() weight: DBIconProps[\"weight\"];\n  @Prop() variant: DBIconProps[\"variant\"];\n  @Prop() text: DBIconProps[\"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-icon\");\n  }\n\n  render() {\n    return (\n      <span\n        class={cls(\"db-icon\", this.className)}\n        aria-hidden=\"true\"\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-icon={this.icon}\n        data-icon-weight={this.weight}\n        data-icon-variant={this.variant}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </span>\n    );\n  }\n}\n"],"names":["h","cls"],"mappings":";;;;;MAaa,MAAM,GAAA,MAAA;;;;AAUjB;;;;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,SAAS,CAAC;;IAGnD,MAAM,GAAA;AACJ,QAAA,QACEA,mEACE,KAAK,EAAEC,WAAG,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,EAAA,aAAA,EACzB,MAAM,EAClB,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;aACf,EACD,EAAE,EAAE,IAAI,CAAC,EAAE,EAAA,WAAA,EACA,IAAI,CAAC,IAAI,EACF,kBAAA,EAAA,IAAI,CAAC,MAAM,uBACV,IAAI,CAAC,OAAO,EAAA,EAE9B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGD,OAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACjC;;;;;;"}

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

@@ -1,9 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-6e2cf235.js');
-const index$1 = require('./index-403366c7.js');
+var index = require('./index-DBEtsnky.js');
+var index$1 = require('./index-DeqKGVDx.js');
 
 const DBInfotext = class {
     constructor(hostRef) {
@@ -53,5 +51,6 @@ const DBInfotext = class {
 };
 
 exports.db_infotext = DBInfotext;
+//# sourceMappingURL=db-infotext.entry.cjs.js.map
 
 //# sourceMappingURL=db-infotext.cjs.entry.js.map

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

@@ -1 +1 @@
-{"file":"db-infotext.entry.cjs.js","mappings":";;;;;;;MAaa,UAAU;;;;;;;;;IAgBb,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,aAAa,CAAC,CAAC;KACvD;IAED,MAAM;;QACJ,QACEA,mEACE,KAAK,EAAEC,WAAG,CAAC,aAAa,EAAE,IAAI,CAAC,SAAS,CAAC,EACzC,GAAG,EAAE,CAAC,EAAO;gBACX,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;aAChB,EACD,EAAE,EAAE,IAAI,CAAC,EAAE,eACA,IAAI,CAAC,IAAI,mBACL,IAAI,CAAC,QAAQ,eACjB,IAAI,CAAC,IAAI,2BACGC,mBAAW,CAAC,MAAA,IAAI,CAAC,QAAQ,mCAAI,IAAI,CAAC,IAExD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGF,qBAAa,CACjC,EACP;KACH;;;;;","names":["h","cls","getHideProp"],"sources":["src/components/infotext/infotext.tsx"],"sourcesContent":["import { DBInfotextProps, DBInfotextState } from \"./model\";\nimport { cls, getHideProp } from \"../../utils\";\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-infotext\",\n})\nexport class DBInfotext {\n  private _ref!: HTMLSpanElement | null;\n  @Prop() id: DBInfotextProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBInfotextProps[\"className\"];\n  @Prop() icon: DBInfotextProps[\"icon\"];\n  @Prop() semantic: DBInfotextProps[\"semantic\"];\n  @Prop() size: DBInfotextProps[\"size\"];\n  @Prop() showIcon: DBInfotextProps[\"showIcon\"];\n  @Prop() text: DBInfotextProps[\"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-infotext\");\n  }\n\n  render() {\n    return (\n      <span\n        class={cls(\"db-infotext\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-icon={this.icon}\n        data-semantic={this.semantic}\n        data-size={this.size}\n        data-hide-icon-before={getHideProp(this.showIcon ?? true)}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </span>\n    );\n  }\n}\n"],"version":3}
+{"file":"db-infotext.entry.cjs.js","mappings":";;;;;MAaa,UAAU,GAAA,MAAA;;;;AAWrB;;;;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,aAAa,CAAC;;IAGvD,MAAM,GAAA;;QACJ,QACEA,OACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEC,WAAG,CAAC,aAAa,EAAE,IAAI,CAAC,SAAS,CAAC,EACzC,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;AAChB,aAAC,EACD,EAAE,EAAE,IAAI,CAAC,EAAE,EAAA,WAAA,EACA,IAAI,CAAC,IAAI,mBACL,IAAI,CAAC,QAAQ,EACjB,WAAA,EAAA,IAAI,CAAC,IAAI,EAAA,uBAAA,EACGC,mBAAW,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,mCAAI,IAAI,CAAC,IAExD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGF,OAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACjC;;;;;;","names":["h","cls","getHideProp"],"sources":["src/components/infotext/infotext.tsx"],"sourcesContent":["import { DBInfotextProps, DBInfotextState } from \"./model\";\nimport { cls, getHideProp } from \"../../utils\";\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-infotext\",\n})\nexport class DBInfotext {\n  private _ref!: HTMLSpanElement | null;\n  @Prop() id: DBInfotextProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBInfotextProps[\"className\"];\n  @Prop() icon: DBInfotextProps[\"icon\"];\n  @Prop() semantic: DBInfotextProps[\"semantic\"];\n  @Prop() size: DBInfotextProps[\"size\"];\n  @Prop() showIcon: DBInfotextProps[\"showIcon\"];\n  @Prop() text: DBInfotextProps[\"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-infotext\");\n  }\n\n  render() {\n    return (\n      <span\n        class={cls(\"db-infotext\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-icon={this.icon}\n        data-semantic={this.semantic}\n        data-size={this.size}\n        data-hide-icon-before={getHideProp(this.showIcon ?? true)}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </span>\n    );\n  }\n}\n"],"version":3}

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

@@ -0,0 +1 @@
+{"version":3,"file":"db-infotext.entry.cjs.js","sources":["src/components/infotext/infotext.tsx"],"sourcesContent":["import { DBInfotextProps, DBInfotextState } from \"./model\";\nimport { cls, getHideProp } from \"../../utils\";\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-infotext\",\n})\nexport class DBInfotext {\n  private _ref!: HTMLSpanElement | null;\n  @Prop() id: DBInfotextProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBInfotextProps[\"className\"];\n  @Prop() icon: DBInfotextProps[\"icon\"];\n  @Prop() semantic: DBInfotextProps[\"semantic\"];\n  @Prop() size: DBInfotextProps[\"size\"];\n  @Prop() showIcon: DBInfotextProps[\"showIcon\"];\n  @Prop() text: DBInfotextProps[\"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-infotext\");\n  }\n\n  render() {\n    return (\n      <span\n        class={cls(\"db-infotext\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-icon={this.icon}\n        data-semantic={this.semantic}\n        data-size={this.size}\n        data-hide-icon-before={getHideProp(this.showIcon ?? true)}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </span>\n    );\n  }\n}\n"],"names":["h","cls","getHideProp"],"mappings":";;;;;MAaa,UAAU,GAAA,MAAA;;;;AAWrB;;;;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,aAAa,CAAC;;IAGvD,MAAM,GAAA;;QACJ,QACEA,OACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEC,WAAG,CAAC,aAAa,EAAE,IAAI,CAAC,SAAS,CAAC,EACzC,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;AAChB,aAAC,EACD,EAAE,EAAE,IAAI,CAAC,EAAE,EAAA,WAAA,EACA,IAAI,CAAC,IAAI,mBACL,IAAI,CAAC,QAAQ,EACjB,WAAA,EAAA,IAAI,CAAC,IAAI,EAAA,uBAAA,EACGC,mBAAW,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,mCAAI,IAAI,CAAC,IAExD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGF,OAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACjC;;;;;;"}

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

@@ -1,14 +1,12 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-6e2cf235.js');
-const index$1 = require('./index-403366c7.js');
+var index = require('./index-DBEtsnky.js');
+var index$1 = require('./index-DeqKGVDx.js');
 
 const DBLink = 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) {
@@ -59,5 +57,6 @@ const DBLink = class {
 };
 
 exports.db_link = DBLink;
+//# sourceMappingURL=db-link.entry.cjs.js.map
 
 //# sourceMappingURL=db-link.cjs.entry.js.map

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

@@ -1 +1 @@
-{"file":"db-link.entry.cjs.js","mappings":"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","names":["h","cls","getBooleanAsString","getHideProp"],"sources":["src/components/link/link.tsx"],"sourcesContent":["import { DBLinkProps, DBLinkState } 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-link\",\n})\nexport class DBLink {\n  private _ref!: HTMLAnchorElement | null;\n  @Event() onClick: any;\n  @Prop() id: DBLinkProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBLinkProps[\"className\"];\n  @Prop() href: DBLinkProps[\"href\"];\n  @Prop() target: DBLinkProps[\"target\"];\n  @Prop() rel: DBLinkProps[\"rel\"];\n  @Prop() role: DBLinkProps[\"role\"];\n  @Prop() hreflang: DBLinkProps[\"hreflang\"];\n  @Prop() disabled: DBLinkProps[\"disabled\"];\n  @Prop() selected: DBLinkProps[\"selected\"];\n  @Prop() label: DBLinkProps[\"label\"];\n  @Prop() current: DBLinkProps[\"current\"];\n  @Prop() size: DBLinkProps[\"size\"];\n  @Prop() showIcon: DBLinkProps[\"showIcon\"];\n  @Prop() variant: DBLinkProps[\"variant\"];\n  @Prop() content: DBLinkProps[\"content\"];\n  @Prop() text: DBLinkProps[\"text\"];\n\n\n  handleClick(event: ClickEvent<HTMLAnchorElement>) {\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-link\");\n  }\n\n  render() {\n    return (\n      <a\n        class={cls(\"db-link\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        href={this.href}\n        target={this.target}\n        rel={this.rel}\n        role={this.role}\n        hrefLang={this.hreflang}\n        aria-disabled={getBooleanAsString(this.disabled)}\n        tabIndex={this.disabled ? -1 : 0}\n        aria-selected={this.selected}\n        aria-label={this.label}\n        aria-current={this.current}\n        data-size={this.size}\n        data-hide-icon-after={getHideProp(this.showIcon ?? true)}\n        data-variant={this.variant}\n        data-content={this.content || \"internal\"}\n        onClick={(event) => this.handleClick(event)}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </a>\n    );\n  }\n}\n"],"version":3}
+{"file":"db-link.entry.cjs.js","mappings":"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","names":["h","cls","getBooleanAsString","getHideProp"],"sources":["src/components/link/link.tsx"],"sourcesContent":["import { DBLinkProps, DBLinkState } 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-link\",\n})\nexport class DBLink {\n  private _ref!: HTMLAnchorElement | null;\n  @Event() onClick: any;\n  @Prop() id: DBLinkProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBLinkProps[\"className\"];\n  @Prop() href: DBLinkProps[\"href\"];\n  @Prop() target: DBLinkProps[\"target\"];\n  @Prop() rel: DBLinkProps[\"rel\"];\n  @Prop() role: DBLinkProps[\"role\"];\n  @Prop() hreflang: DBLinkProps[\"hreflang\"];\n  @Prop() disabled: DBLinkProps[\"disabled\"];\n  @Prop() selected: DBLinkProps[\"selected\"];\n  @Prop() label: DBLinkProps[\"label\"];\n  @Prop() current: DBLinkProps[\"current\"];\n  @Prop() size: DBLinkProps[\"size\"];\n  @Prop() showIcon: DBLinkProps[\"showIcon\"];\n  @Prop() variant: DBLinkProps[\"variant\"];\n  @Prop() content: DBLinkProps[\"content\"];\n  @Prop() text: DBLinkProps[\"text\"];\n\n\n  handleClick(event: ClickEvent<HTMLAnchorElement>) {\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-link\");\n  }\n\n  render() {\n    return (\n      <a\n        class={cls(\"db-link\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        href={this.href}\n        target={this.target}\n        rel={this.rel}\n        role={this.role}\n        hrefLang={this.hreflang}\n        aria-disabled={getBooleanAsString(this.disabled)}\n        tabIndex={this.disabled ? -1 : 0}\n        aria-selected={this.selected}\n        aria-label={this.label}\n        aria-current={this.current}\n        data-size={this.size}\n        data-hide-icon-after={getHideProp(this.showIcon ?? true)}\n        data-variant={this.variant}\n        data-content={this.content || \"internal\"}\n        onClick={(event) => this.handleClick(event)}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </a>\n    );\n  }\n}\n"],"version":3}

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

@@ -0,0 +1 @@
+{"version":3,"file":"db-link.entry.cjs.js","sources":["src/components/link/link.tsx"],"sourcesContent":["import { DBLinkProps, DBLinkState } 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-link\",\n})\nexport class DBLink {\n  private _ref!: HTMLAnchorElement | null;\n  @Event() onClick: any;\n  @Prop() id: DBLinkProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBLinkProps[\"className\"];\n  @Prop() href: DBLinkProps[\"href\"];\n  @Prop() target: DBLinkProps[\"target\"];\n  @Prop() rel: DBLinkProps[\"rel\"];\n  @Prop() role: DBLinkProps[\"role\"];\n  @Prop() hreflang: DBLinkProps[\"hreflang\"];\n  @Prop() disabled: DBLinkProps[\"disabled\"];\n  @Prop() selected: DBLinkProps[\"selected\"];\n  @Prop() label: DBLinkProps[\"label\"];\n  @Prop() current: DBLinkProps[\"current\"];\n  @Prop() size: DBLinkProps[\"size\"];\n  @Prop() showIcon: DBLinkProps[\"showIcon\"];\n  @Prop() variant: DBLinkProps[\"variant\"];\n  @Prop() content: DBLinkProps[\"content\"];\n  @Prop() text: DBLinkProps[\"text\"];\n\n\n  handleClick(event: ClickEvent<HTMLAnchorElement>) {\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-link\");\n  }\n\n  render() {\n    return (\n      <a\n        class={cls(\"db-link\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        href={this.href}\n        target={this.target}\n        rel={this.rel}\n        role={this.role}\n        hrefLang={this.hreflang}\n        aria-disabled={getBooleanAsString(this.disabled)}\n        tabIndex={this.disabled ? -1 : 0}\n        aria-selected={this.selected}\n        aria-label={this.label}\n        aria-current={this.current}\n        data-size={this.size}\n        data-hide-icon-after={getHideProp(this.showIcon ?? true)}\n        data-variant={this.variant}\n        data-content={this.content || \"internal\"}\n        onClick={(event) => this.handleClick(event)}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </a>\n    );\n  }\n}\n"],"names":["h","cls","getBooleanAsString","getHideProp"],"mappings":"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"}

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

@@ -1,16 +1,14 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-6e2cf235.js');
-const index$1 = require('./index-403366c7.js');
-const navigation = require('./navigation-5586b826.js');
-const constants = require('./constants-89822e5f.js');
+var index = require('./index-DBEtsnky.js');
+var index$1 = require('./index-DeqKGVDx.js');
+var navigation = require('./navigation-Cfm1OFWB.js');
+var constants = require('./constants-CTtyzyuo.js');
 
 const DBNavigationItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.onClick = index.createEvent(this, "onClick", 7);
+        this.onClick = index.createEvent(this, "onClick");
         this.initialized = false;
         this.hasAreaPopup = false;
         this.hasSubNavigation = true;
@@ -121,5 +119,6 @@ const DBNavigationItem = class {
 };
 
 exports.db_navigation_item = DBNavigationItem;
+//# sourceMappingURL=db-navigation-item.entry.cjs.js.map
 
 //# sourceMappingURL=db-navigation-item.cjs.entry.js.map

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

@@ -1 +1 @@
-{"file":"db-navigation-item.entry.cjs.js","mappings":"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","names":["uuid","isEventTargetNavigationItem","delay","NavigationItemSafeTriangle","h","cls","getHideProp","getBooleanAsString","Fragment","DEFAULT_BACK"],"sources":["src/components/navigation-item/navigation-item.tsx"],"sourcesContent":["import { DBNavigationItemProps, DBNavigationItemState } from \"./model\";\nimport { DBButton } from \"../button/button\";\nimport { cls, delay, getBooleanAsString, getHideProp, uuid } from \"../../utils\";\nimport {\n  isEventTargetNavigationItem,\n  NavigationItemSafeTriangle,\n} from \"../../utils/navigation\";\nimport { DEFAULT_BACK } from \"../../shared/constants\";\nimport { ClickEvent } from \"../../shared/model\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot subNavigation - TODO: Add description for slotSubNavigation\n */\n @Component({\n  tag: \"db-navigation-item\",\n})\nexport class DBNavigationItem {\n  private _ref!: HTMLLIElement | null;\n  @Prop() subNavigationExpanded: DBNavigationItemProps[\"subNavigationExpanded\"];\n  @Event() onClick: any;\n  @Prop() id: DBNavigationItemProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBNavigationItemProps[\"className\"];\n  @Prop() width: DBNavigationItemProps[\"width\"];\n  @Prop() icon: DBNavigationItemProps[\"icon\"];\n  @Prop() showIcon: DBNavigationItemProps[\"showIcon\"];\n  @Prop() active: DBNavigationItemProps[\"active\"];\n  @Prop() disabled: DBNavigationItemProps[\"disabled\"];\n  @Prop() text: DBNavigationItemProps[\"text\"];\n\n  @Prop() backButtonId: DBNavigationItemProps[\"backButtonId\"];\n  @Prop() backButtonText: DBNavigationItemProps[\"backButtonText\"];\n  @State() initialized = false;\n  @State() hasAreaPopup = false;\n  @State() hasSubNavigation = true;\n  @State() isSubNavigationExpanded = false;\n  @State() autoClose = false;\n  @State() subNavigationId = \"sub-navigation-\" + uuid();\n  @State() navigationItemSafeTriangle = undefined;\n\n  handleNavigationItemClick(event: unknown) {\n    if (isEventTargetNavigationItem(event)) {\n      this.autoClose = true;\n      delay(() => {\n        this.autoClose = false;\n      }, 300);\n    }\n  }\n  handleClick(event: ClickEvent<HTMLButtonElement>) {\n    if (this.onClick) {\n      this.onClick.emit(event);\n    }\n    if (this.hasAreaPopup) {\n      this.isSubNavigationExpanded = true;\n    }\n  }\n  handleBackClick(event: ClickEvent<HTMLButtonElement>) {\n    event.stopPropagation();\n    this.isSubNavigationExpanded = false;\n  }\n  updateSubNavigationState() {\n    if (this.initialized && document && this.subNavigationId) {\n      const subNavigationSlot = document?.getElementById(\n        this.subNavigationId\n      ) as HTMLMenuElement;\n      if (subNavigationSlot) {\n        if (subNavigationSlot.children?.length > 0) {\n          this.hasAreaPopup = true;\n          if (!this.navigationItemSafeTriangle) {\n            this.navigationItemSafeTriangle = new NavigationItemSafeTriangle(\n              this._ref,\n              subNavigationSlot\n            );\n          }\n        } else {\n          this.hasSubNavigation = false;\n        }\n      }\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  watch0Fn() {\n    if (this.subNavigationExpanded !== undefined) {\n      this.isSubNavigationExpanded = !!this.subNavigationExpanded;\n    }\n  }\n\n  @Watch(\"subNavigationExpanded\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    this.updateSubNavigationState();\n  }\n\n  @Watch(\"initialized\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-navigation-item\");\n    this.initialized = true;\n    this.watch0Fn();\n    this.watch1Fn();\n  }\n\n  render() {\n    return (\n      <li\n        class={cls(\"db-navigation-item\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        onMouseOver={() => this.navigationItemSafeTriangle?.enableFollow()}\n        onMouseLeave={() => this.navigationItemSafeTriangle?.disableFollow()}\n        onMouseMove={(event) =>\n          this.navigationItemSafeTriangle?.followByMouseEvent(event)\n        }\n        data-width={this.width}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-active={this.active}\n        aria-disabled={getBooleanAsString(this.disabled)}\n      >\n        {!this.hasSubNavigation ? this.text ? this.text : <slot></slot> : null}\n        {this.hasSubNavigation ? (\n          <Fragment>\n            <button\n              class=\"db-navigation-item-expand-button\"\n              aria-haspopup={this.hasAreaPopup}\n              aria-expanded={this.isSubNavigationExpanded}\n              disabled={this.disabled}\n              onClick={(event) => this.handleClick(event)}\n            >\n              {this.text ? this.text : <slot></slot>}\n            </button>\n            <menu\n              class=\"db-sub-navigation\"\n              data-auto-close={this.autoClose}\n              id={this.subNavigationId}\n              onClick={(event) => this.handleNavigationItemClick(event)}\n            >\n              {this.hasAreaPopup ? (\n                <div class=\"db-mobile-navigation-back\">\n                  <db-button\n                    icon=\"arrow_left\"\n                    variant=\"ghost\"\n                    id={this.backButtonId}\n                    onClick={(event) => this.handleBackClick(event)}\n                  >\n                    {this.backButtonText ?? DEFAULT_BACK}\n                  </db-button>\n                </div>\n              ) : null}\n              <slot name=\"subNavigation\"></slot>\n            </menu>\n          </Fragment>\n        ) : null}\n      </li>\n    );\n  }\n}\n"],"version":3}
+{"file":"db-navigation-item.entry.cjs.js","mappings":"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","names":["uuid","isEventTargetNavigationItem","delay","NavigationItemSafeTriangle","h","cls","getHideProp","getBooleanAsString","Fragment","DEFAULT_BACK"],"sources":["src/components/navigation-item/navigation-item.tsx"],"sourcesContent":["import { DBNavigationItemProps, DBNavigationItemState } from \"./model\";\nimport { DBButton } from \"../button/button\";\nimport { cls, delay, getBooleanAsString, getHideProp, uuid } from \"../../utils\";\nimport {\n  isEventTargetNavigationItem,\n  NavigationItemSafeTriangle,\n} from \"../../utils/navigation\";\nimport { DEFAULT_BACK } from \"../../shared/constants\";\nimport { ClickEvent } from \"../../shared/model\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot subNavigation - TODO: Add description for slotSubNavigation\n */\n @Component({\n  tag: \"db-navigation-item\",\n})\nexport class DBNavigationItem {\n  private _ref!: HTMLLIElement | null;\n  @Prop() subNavigationExpanded: DBNavigationItemProps[\"subNavigationExpanded\"];\n  @Event() onClick: any;\n  @Prop() id: DBNavigationItemProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBNavigationItemProps[\"className\"];\n  @Prop() width: DBNavigationItemProps[\"width\"];\n  @Prop() icon: DBNavigationItemProps[\"icon\"];\n  @Prop() showIcon: DBNavigationItemProps[\"showIcon\"];\n  @Prop() active: DBNavigationItemProps[\"active\"];\n  @Prop() disabled: DBNavigationItemProps[\"disabled\"];\n  @Prop() text: DBNavigationItemProps[\"text\"];\n\n  @Prop() backButtonId: DBNavigationItemProps[\"backButtonId\"];\n  @Prop() backButtonText: DBNavigationItemProps[\"backButtonText\"];\n  @State() initialized = false;\n  @State() hasAreaPopup = false;\n  @State() hasSubNavigation = true;\n  @State() isSubNavigationExpanded = false;\n  @State() autoClose = false;\n  @State() subNavigationId = \"sub-navigation-\" + uuid();\n  @State() navigationItemSafeTriangle = undefined;\n\n  handleNavigationItemClick(event: unknown) {\n    if (isEventTargetNavigationItem(event)) {\n      this.autoClose = true;\n      delay(() => {\n        this.autoClose = false;\n      }, 300);\n    }\n  }\n  handleClick(event: ClickEvent<HTMLButtonElement>) {\n    if (this.onClick) {\n      this.onClick.emit(event);\n    }\n    if (this.hasAreaPopup) {\n      this.isSubNavigationExpanded = true;\n    }\n  }\n  handleBackClick(event: ClickEvent<HTMLButtonElement>) {\n    event.stopPropagation();\n    this.isSubNavigationExpanded = false;\n  }\n  updateSubNavigationState() {\n    if (this.initialized && document && this.subNavigationId) {\n      const subNavigationSlot = document?.getElementById(\n        this.subNavigationId\n      ) as HTMLMenuElement;\n      if (subNavigationSlot) {\n        if (subNavigationSlot.children?.length > 0) {\n          this.hasAreaPopup = true;\n          if (!this.navigationItemSafeTriangle) {\n            this.navigationItemSafeTriangle = new NavigationItemSafeTriangle(\n              this._ref,\n              subNavigationSlot\n            );\n          }\n        } else {\n          this.hasSubNavigation = false;\n        }\n      }\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  watch0Fn() {\n    if (this.subNavigationExpanded !== undefined) {\n      this.isSubNavigationExpanded = !!this.subNavigationExpanded;\n    }\n  }\n\n  @Watch(\"subNavigationExpanded\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    this.updateSubNavigationState();\n  }\n\n  @Watch(\"initialized\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-navigation-item\");\n    this.initialized = true;\n    this.watch0Fn();\n    this.watch1Fn();\n  }\n\n  render() {\n    return (\n      <li\n        class={cls(\"db-navigation-item\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        onMouseOver={() => this.navigationItemSafeTriangle?.enableFollow()}\n        onMouseLeave={() => this.navigationItemSafeTriangle?.disableFollow()}\n        onMouseMove={(event) =>\n          this.navigationItemSafeTriangle?.followByMouseEvent(event)\n        }\n        data-width={this.width}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-active={this.active}\n        aria-disabled={getBooleanAsString(this.disabled)}\n      >\n        {!this.hasSubNavigation ? this.text ? this.text : <slot></slot> : null}\n        {this.hasSubNavigation ? (\n          <Fragment>\n            <button\n              class=\"db-navigation-item-expand-button\"\n              aria-haspopup={this.hasAreaPopup}\n              aria-expanded={this.isSubNavigationExpanded}\n              disabled={this.disabled}\n              onClick={(event) => this.handleClick(event)}\n            >\n              {this.text ? this.text : <slot></slot>}\n            </button>\n            <menu\n              class=\"db-sub-navigation\"\n              data-auto-close={this.autoClose}\n              id={this.subNavigationId}\n              onClick={(event) => this.handleNavigationItemClick(event)}\n            >\n              {this.hasAreaPopup ? (\n                <div class=\"db-mobile-navigation-back\">\n                  <db-button\n                    icon=\"arrow_left\"\n                    variant=\"ghost\"\n                    id={this.backButtonId}\n                    onClick={(event) => this.handleBackClick(event)}\n                  >\n                    {this.backButtonText ?? DEFAULT_BACK}\n                  </db-button>\n                </div>\n              ) : null}\n              <slot name=\"subNavigation\"></slot>\n            </menu>\n          </Fragment>\n        ) : null}\n      </li>\n    );\n  }\n}\n"],"version":3}

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

@@ -0,0 +1 @@
+{"version":3,"file":"db-navigation-item.entry.cjs.js","sources":["src/components/navigation-item/navigation-item.tsx"],"sourcesContent":["import { DBNavigationItemProps, DBNavigationItemState } from \"./model\";\nimport { DBButton } from \"../button/button\";\nimport { cls, delay, getBooleanAsString, getHideProp, uuid } from \"../../utils\";\nimport {\n  isEventTargetNavigationItem,\n  NavigationItemSafeTriangle,\n} from \"../../utils/navigation\";\nimport { DEFAULT_BACK } from \"../../shared/constants\";\nimport { ClickEvent } from \"../../shared/model\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot subNavigation - TODO: Add description for slotSubNavigation\n */\n @Component({\n  tag: \"db-navigation-item\",\n})\nexport class DBNavigationItem {\n  private _ref!: HTMLLIElement | null;\n  @Prop() subNavigationExpanded: DBNavigationItemProps[\"subNavigationExpanded\"];\n  @Event() onClick: any;\n  @Prop() id: DBNavigationItemProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBNavigationItemProps[\"className\"];\n  @Prop() width: DBNavigationItemProps[\"width\"];\n  @Prop() icon: DBNavigationItemProps[\"icon\"];\n  @Prop() showIcon: DBNavigationItemProps[\"showIcon\"];\n  @Prop() active: DBNavigationItemProps[\"active\"];\n  @Prop() disabled: DBNavigationItemProps[\"disabled\"];\n  @Prop() text: DBNavigationItemProps[\"text\"];\n\n  @Prop() backButtonId: DBNavigationItemProps[\"backButtonId\"];\n  @Prop() backButtonText: DBNavigationItemProps[\"backButtonText\"];\n  @State() initialized = false;\n  @State() hasAreaPopup = false;\n  @State() hasSubNavigation = true;\n  @State() isSubNavigationExpanded = false;\n  @State() autoClose = false;\n  @State() subNavigationId = \"sub-navigation-\" + uuid();\n  @State() navigationItemSafeTriangle = undefined;\n\n  handleNavigationItemClick(event: unknown) {\n    if (isEventTargetNavigationItem(event)) {\n      this.autoClose = true;\n      delay(() => {\n        this.autoClose = false;\n      }, 300);\n    }\n  }\n  handleClick(event: ClickEvent<HTMLButtonElement>) {\n    if (this.onClick) {\n      this.onClick.emit(event);\n    }\n    if (this.hasAreaPopup) {\n      this.isSubNavigationExpanded = true;\n    }\n  }\n  handleBackClick(event: ClickEvent<HTMLButtonElement>) {\n    event.stopPropagation();\n    this.isSubNavigationExpanded = false;\n  }\n  updateSubNavigationState() {\n    if (this.initialized && document && this.subNavigationId) {\n      const subNavigationSlot = document?.getElementById(\n        this.subNavigationId\n      ) as HTMLMenuElement;\n      if (subNavigationSlot) {\n        if (subNavigationSlot.children?.length > 0) {\n          this.hasAreaPopup = true;\n          if (!this.navigationItemSafeTriangle) {\n            this.navigationItemSafeTriangle = new NavigationItemSafeTriangle(\n              this._ref,\n              subNavigationSlot\n            );\n          }\n        } else {\n          this.hasSubNavigation = false;\n        }\n      }\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  watch0Fn() {\n    if (this.subNavigationExpanded !== undefined) {\n      this.isSubNavigationExpanded = !!this.subNavigationExpanded;\n    }\n  }\n\n  @Watch(\"subNavigationExpanded\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    this.updateSubNavigationState();\n  }\n\n  @Watch(\"initialized\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-navigation-item\");\n    this.initialized = true;\n    this.watch0Fn();\n    this.watch1Fn();\n  }\n\n  render() {\n    return (\n      <li\n        class={cls(\"db-navigation-item\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        onMouseOver={() => this.navigationItemSafeTriangle?.enableFollow()}\n        onMouseLeave={() => this.navigationItemSafeTriangle?.disableFollow()}\n        onMouseMove={(event) =>\n          this.navigationItemSafeTriangle?.followByMouseEvent(event)\n        }\n        data-width={this.width}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-active={this.active}\n        aria-disabled={getBooleanAsString(this.disabled)}\n      >\n        {!this.hasSubNavigation ? this.text ? this.text : <slot></slot> : null}\n        {this.hasSubNavigation ? (\n          <Fragment>\n            <button\n              class=\"db-navigation-item-expand-button\"\n              aria-haspopup={this.hasAreaPopup}\n              aria-expanded={this.isSubNavigationExpanded}\n              disabled={this.disabled}\n              onClick={(event) => this.handleClick(event)}\n            >\n              {this.text ? this.text : <slot></slot>}\n            </button>\n            <menu\n              class=\"db-sub-navigation\"\n              data-auto-close={this.autoClose}\n              id={this.subNavigationId}\n              onClick={(event) => this.handleNavigationItemClick(event)}\n            >\n              {this.hasAreaPopup ? (\n                <div class=\"db-mobile-navigation-back\">\n                  <db-button\n                    icon=\"arrow_left\"\n                    variant=\"ghost\"\n                    id={this.backButtonId}\n                    onClick={(event) => this.handleBackClick(event)}\n                  >\n                    {this.backButtonText ?? DEFAULT_BACK}\n                  </db-button>\n                </div>\n              ) : null}\n              <slot name=\"subNavigation\"></slot>\n            </menu>\n          </Fragment>\n        ) : null}\n      </li>\n    );\n  }\n}\n"],"names":["uuid","isEventTargetNavigationItem","delay","NavigationItemSafeTriangle","h","cls","getHideProp","getBooleanAsString","Fragment","DEFAULT_BACK"],"mappings":";;;;;;;MA4Ba,gBAAgB,GAAA,MAAA;AAH5B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAkBU,QAAA,IAAW,CAAA,WAAA,GAAG,KAAK;AACnB,QAAA,IAAY,CAAA,YAAA,GAAG,KAAK;AACpB,QAAA,IAAgB,CAAA,gBAAA,GAAG,IAAI;AACvB,QAAA,IAAuB,CAAA,uBAAA,GAAG,KAAK;AAC/B,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK;AACjB,QAAA,IAAA,CAAA,eAAe,GAAG,iBAAiB,GAAGA,YAAI,EAAE;AAC5C,QAAA,IAA0B,CAAA,0BAAA,GAAG,SAAS;AAsKhD;AApKC,IAAA,yBAAyB,CAAC,KAAc,EAAA;AACtC,QAAA,IAAIC,sCAA2B,CAAC,KAAK,CAAC,EAAE;AACtC,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI;YACrBC,aAAK,CAAC,MAAK;AACT,gBAAA,IAAI,CAAC,SAAS,GAAG,KAAK;aACvB,EAAE,GAAG,CAAC;;;AAGX,IAAA,WAAW,CAAC,KAAoC,EAAA;AAC9C,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;;AAE1B,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,IAAI,CAAC,uBAAuB,GAAG,IAAI;;;AAGvC,IAAA,eAAe,CAAC,KAAoC,EAAA;QAClD,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,IAAI,CAAC,uBAAuB,GAAG,KAAK;;IAEtC,wBAAwB,GAAA;;QACtB,IAAI,IAAI,CAAC,WAAW,IAAI,QAAQ,IAAI,IAAI,CAAC,eAAe,EAAE;YACxD,MAAM,iBAAiB,GAAG,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAR,MAAA,GAAA,MAAA,GAAA,QAAQ,CAAE,cAAc,CAChD,IAAI,CAAC,eAAe,CACF;YACpB,IAAI,iBAAiB,EAAE;AACrB,gBAAA,IAAI,CAAA,CAAA,EAAA,GAAA,iBAAiB,CAAC,QAAQ,0CAAE,MAAM,IAAG,CAAC,EAAE;AAC1C,oBAAA,IAAI,CAAC,YAAY,GAAG,IAAI;AACxB,oBAAA,IAAI,CAAC,IAAI,CAAC,0BAA0B,EAAE;AACpC,wBAAA,IAAI,CAAC,0BAA0B,GAAG,IAAIC,qCAA0B,CAC9D,IAAI,CAAC,IAAI,EACT,iBAAiB,CAClB;;;qBAEE;AACL,oBAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK;;;;;AAMrC;;;;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;AACN,QAAA,IAAI,IAAI,CAAC,qBAAqB,KAAK,SAAS,EAAE;YAC5C,IAAI,CAAC,uBAAuB,GAAG,CAAC,CAAC,IAAI,CAAC,qBAAqB;;;IAK/D,MAAM,GAAA;QACJ,IAAI,CAAC,QAAQ,EAAE;;IAGjB,QAAQ,GAAA;QACN,IAAI,CAAC,wBAAwB,EAAE;;IAIjC,MAAM,GAAA;QACJ,IAAI,CAAC,QAAQ,EAAE;;IAGjB,gBAAgB,GAAA;QACd,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE,oBAAoB,CAAC;AAC5D,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;QACvB,IAAI,CAAC,QAAQ,EAAE;QACf,IAAI,CAAC,QAAQ,EAAE;;IAGjB,MAAM,GAAA;;QACJ,QACEC,OACE,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEC,WAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,SAAS,CAAC,EAChD,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;aACf,EACD,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,WAAW,EAAE,MAAM,EAAA,IAAA,EAAA,CAAA,CAAA,OAAA,MAAA,IAAI,CAAC,0BAA0B,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,EAAE,CAAA,EAAA,EAClE,YAAY,EAAE,MAAK,UAAC,OAAA,CAAA,EAAA,GAAA,IAAI,CAAC,0BAA0B,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,EAAE,CAAA,EAAA,EACpE,WAAW,EAAE,CAAC,KAAK,KAAI,EAAA,IAAA,EAAA,CAAA,CACrB,OAAA,CAAA,EAAA,GAAA,IAAI,CAAC,0BAA0B,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,kBAAkB,CAAC,KAAK,CAAC,CAAA,EAAA,EAEhD,YAAA,EAAA,IAAI,CAAC,KAAK,EAAA,WAAA,EACX,IAAI,CAAC,IAAI,EACJ,gBAAA,EAAAC,mBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAA,aAAA,EAC7B,IAAI,CAAC,MAAM,EACT,eAAA,EAAAC,0BAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAA,EAE/C,CAAC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGH,OAAa,CAAA,MAAA,EAAA,IAAA,CAAA,GAAG,IAAI,EACrE,IAAI,CAAC,gBAAgB,IACpBA,QAACI,cAAQ,EAAA,IAAA,EACPJ,OACE,CAAA,QAAA,EAAA,EAAA,KAAK,EAAC,kCAAkC,EAAA,eAAA,EACzB,IAAI,CAAC,YAAY,mBACjB,IAAI,CAAC,uBAAuB,EAC3C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAE1C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGA,OAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CAC/B,EACTA,OACE,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,mBAAmB,EACR,iBAAA,EAAA,IAAI,CAAC,SAAS,EAC/B,EAAE,EAAE,IAAI,CAAC,eAAe,EACxB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,yBAAyB,CAAC,KAAK,CAAC,EAAA,EAExD,IAAI,CAAC,YAAY,IAChBA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,2BAA2B,EAAA,EACpCA,OAAA,CAAA,WAAA,EAAA,EACE,IAAI,EAAC,YAAY,EACjB,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,IAAI,CAAC,YAAY,EACrB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAA,EAE9C,MAAA,IAAI,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAIK,sBAAY,CAC1B,CACR,IACJ,IAAI,EACRL,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,eAAe,EAAA,CAAQ,CAC7B,CACE,IACT,IAAI,CACL;;;;;;;;;;"}

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

@@ -1,10 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-6e2cf235.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-DeqKGVDx.js');
+var constants = require('./constants-CTtyzyuo.js');
 
 const DBNavigation = class {
     constructor(hostRef) {
@@ -55,5 +53,6 @@ const DBNavigation = class {
 };
 
 exports.db_navigation = DBNavigation;
+//# sourceMappingURL=db-navigation.entry.cjs.js.map
 
 //# sourceMappingURL=db-navigation.cjs.entry.js.map

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

@@ -1 +1 @@
-{"file":"db-navigation.entry.cjs.js","mappings":";;;;;;;;MAca,YAAY;IAHxB;;QASU,QAAG,GAAGA,oBAAU,CAAC;KA+D3B;;;;;;IAxDS,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,eAAe,CAAC,CAAC;QACxD,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,IAAI,aAAa,GAAGC,YAAI,EAAE,CAAC;KAC9C;IAED,MAAM;QACJ,QACEC,kEACE,KAAK,EAAEC,WAAG,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,EAC3C,GAAG,EAAE,CAAC,EAAO;gBACX,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;aAChB,EACD,EAAE,EAAE,IAAI,CAAC,GAAG,qBACK,IAAI,CAAC,UAAU,IAEhCD,qEACEA,oEAAa,CACR,CACH,EACN;KACH;;;;;","names":["DEFAULT_ID","uuid","h","cls"],"sources":["src/components/navigation/navigation.tsx"],"sourcesContent":["import { DBNavigationProps, DBNavigationState } from \"./model\";\nimport { cls, uuid } from \"../../utils\";\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-navigation\",\n})\nexport class DBNavigation {\n  private _ref!: HTMLDivElement | null;\n  @Prop() id: DBNavigationProps[\"id\"];\n  @Prop() labelledBy: DBNavigationProps[\"labelledBy\"];\n  @Prop({attribute: \"classname\"}) className: DBNavigationProps[\"className\"];\n\n  @State() _id = DEFAULT_ID;\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-navigation\");\n    this._id = this.id || \"navigation-\" + uuid();\n  }\n\n  render() {\n    return (\n      <nav\n        class={cls(\"db-navigation\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        aria-labelledby={this.labelledBy}\n      >\n        <menu>\n          <slot></slot>\n        </menu>\n      </nav>\n    );\n  }\n}\n"],"version":3}
+{"file":"db-navigation.entry.cjs.js","mappings":";;;;;;MAca,YAAY,GAAA,MAAA;AAHxB,IAAA,WAAA,CAAA,OAAA,EAAA;;AASU,QAAA,IAAG,CAAA,GAAA,GAAGA,oBAAU;AA+D1B;AA7DC;;;;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,eAAe,CAAC;QACvD,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,IAAI,aAAa,GAAGC,YAAI,EAAE;;IAG9C,MAAM,GAAA;QACJ,QACEC,OACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEC,WAAG,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,EAC3C,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;AAChB,aAAC,EACD,EAAE,EAAE,IAAI,CAAC,GAAG,EAAA,iBAAA,EACK,IAAI,CAAC,UAAU,EAAA,EAEhCD,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR,CACH;;;;;;","names":["DEFAULT_ID","uuid","h","cls"],"sources":["src/components/navigation/navigation.tsx"],"sourcesContent":["import { DBNavigationProps, DBNavigationState } from \"./model\";\nimport { cls, uuid } from \"../../utils\";\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-navigation\",\n})\nexport class DBNavigation {\n  private _ref!: HTMLDivElement | null;\n  @Prop() id: DBNavigationProps[\"id\"];\n  @Prop() labelledBy: DBNavigationProps[\"labelledBy\"];\n  @Prop({attribute: \"classname\"}) className: DBNavigationProps[\"className\"];\n\n  @State() _id = DEFAULT_ID;\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-navigation\");\n    this._id = this.id || \"navigation-\" + uuid();\n  }\n\n  render() {\n    return (\n      <nav\n        class={cls(\"db-navigation\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        aria-labelledby={this.labelledBy}\n      >\n        <menu>\n          <slot></slot>\n        </menu>\n      </nav>\n    );\n  }\n}\n"],"version":3}

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

@@ -0,0 +1 @@
+{"version":3,"file":"db-navigation.entry.cjs.js","sources":["src/components/navigation/navigation.tsx"],"sourcesContent":["import { DBNavigationProps, DBNavigationState } from \"./model\";\nimport { cls, uuid } from \"../../utils\";\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-navigation\",\n})\nexport class DBNavigation {\n  private _ref!: HTMLDivElement | null;\n  @Prop() id: DBNavigationProps[\"id\"];\n  @Prop() labelledBy: DBNavigationProps[\"labelledBy\"];\n  @Prop({attribute: \"classname\"}) className: DBNavigationProps[\"className\"];\n\n  @State() _id = DEFAULT_ID;\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-navigation\");\n    this._id = this.id || \"navigation-\" + uuid();\n  }\n\n  render() {\n    return (\n      <nav\n        class={cls(\"db-navigation\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        aria-labelledby={this.labelledBy}\n      >\n        <menu>\n          <slot></slot>\n        </menu>\n      </nav>\n    );\n  }\n}\n"],"names":["DEFAULT_ID","uuid","h","cls"],"mappings":";;;;;;MAca,YAAY,GAAA,MAAA;AAHxB,IAAA,WAAA,CAAA,OAAA,EAAA;;AASU,QAAA,IAAG,CAAA,GAAA,GAAGA,oBAAU;AA+D1B;AA7DC;;;;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,eAAe,CAAC;QACvD,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,IAAI,aAAa,GAAGC,YAAI,EAAE;;IAG9C,MAAM,GAAA;QACJ,QACEC,OACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEC,WAAG,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,EAC3C,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;AAChB,aAAC,EACD,EAAE,EAAE,IAAI,CAAC,GAAG,EAAA,iBAAA,EACK,IAAI,CAAC,UAAU,EAAA,EAEhCD,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR,CACH;;;;;;"}

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

@@ -1,15 +1,13 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-6e2cf235.js');
-const constants = require('./constants-89822e5f.js');
-const index$1 = require('./index-403366c7.js');
+var index = require('./index-DBEtsnky.js');
+var constants = require('./constants-CTtyzyuo.js');
+var index$1 = require('./index-DeqKGVDx.js');
 
 const DBNotification = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.onClose = index.createEvent(this, "onClose", 7);
+        this.onClose = index.createEvent(this, "onClose");
     }
     handleClose(event) {
         if (this.onClose) {
@@ -60,5 +58,6 @@ const DBNotification = class {
 };
 
 exports.db_notification = DBNotification;
+//# sourceMappingURL=db-notification.entry.cjs.js.map
 
 //# sourceMappingURL=db-notification.cjs.entry.js.map

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

@@ -1 +1 @@
-{"file":"db-notification.entry.cjs.js","mappings":"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","names":["h","cls","getHideProp","stringPropVisible","DEFAULT_CLOSE_BUTTON"],"sources":["src/components/notification/notification.tsx"],"sourcesContent":["import { DBNotificationProps, DBNotificationState } from \"./model\";\nimport { DBButton } from \"../button/button\";\nimport { DEFAULT_CLOSE_BUTTON } from \"../../shared/constants\";\nimport { cls, getHideProp, stringPropVisible } 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 * @slot image - TODO: Add description for slotImage\n * @slot link - TODO: Add description for slotLink\n */\n @Component({\n  tag: \"db-notification\",\n})\nexport class DBNotification {\n  private _ref!: HTMLDivElement | null;\n  @Event() onClose: any;\n  @Prop() id: DBNotificationProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBNotificationProps[\"className\"];\n  @Prop() ariaLive: DBNotificationProps[\"ariaLive\"];\n  @Prop() semantic: DBNotificationProps[\"semantic\"];\n  @Prop() variant: DBNotificationProps[\"variant\"];\n  @Prop() icon: DBNotificationProps[\"icon\"];\n  @Prop() showIcon: DBNotificationProps[\"showIcon\"];\n  @Prop() linkVariant: DBNotificationProps[\"linkVariant\"];\n  @Prop() headline: DBNotificationProps[\"headline\"];\n  @Prop() showHeadline: DBNotificationProps[\"showHeadline\"];\n  @Prop() text: DBNotificationProps[\"text\"];\n\n  @Prop() timestamp: DBNotificationProps[\"timestamp\"];\n  @Prop() showTimestamp: DBNotificationProps[\"showTimestamp\"];\n  @Prop() closeable: DBNotificationProps[\"closeable\"];\n  @Prop() closeButtonId: DBNotificationProps[\"closeButtonId\"];\n  @Prop() closeButtonText: DBNotificationProps[\"closeButtonText\"];\n\n  handleClose(event: ClickEvent<HTMLButtonElement>) {\n    if (this.onClose) {\n      this.onClose.emit();\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-notification\");\n  }\n\n  render() {\n    return (\n      <article\n        class={cls(\"db-notification\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        aria-live={this.ariaLive}\n        data-semantic={this.semantic}\n        data-variant={this.variant}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-link-variant={this.linkVariant}\n      >\n        <slot name=\"image\"></slot>\n        {stringPropVisible(this.headline, this.showHeadline) ? (\n          <header>{this.headline}</header>\n        ) : null}\n        <p>{this.text ? this.text : <slot></slot>}</p>\n        {stringPropVisible(this.timestamp, this.showTimestamp) ? (\n          <span>{this.timestamp}</span>\n        ) : null}\n        <slot name=\"link\"></slot>\n        {this.closeable ? (\n          <db-button\n            icon=\"cross\"\n            variant=\"ghost\"\n            size=\"small\"\n            id={this.closeButtonId}\n            noText={true}\n            onClick={(event) => this.handleClose(event)}\n          >\n            {this.closeButtonText ?? DEFAULT_CLOSE_BUTTON}\n          </db-button>\n        ) : null}\n      </article>\n    );\n  }\n}\n"],"version":3}
+{"file":"db-notification.entry.cjs.js","mappings":"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","names":["h","cls","getHideProp","stringPropVisible","DEFAULT_CLOSE_BUTTON"],"sources":["src/components/notification/notification.tsx"],"sourcesContent":["import { DBNotificationProps, DBNotificationState } from \"./model\";\nimport { DBButton } from \"../button/button\";\nimport { DEFAULT_CLOSE_BUTTON } from \"../../shared/constants\";\nimport { cls, getHideProp, stringPropVisible } 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 * @slot image - TODO: Add description for slotImage\n * @slot link - TODO: Add description for slotLink\n */\n @Component({\n  tag: \"db-notification\",\n})\nexport class DBNotification {\n  private _ref!: HTMLDivElement | null;\n  @Event() onClose: any;\n  @Prop() id: DBNotificationProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBNotificationProps[\"className\"];\n  @Prop() ariaLive: DBNotificationProps[\"ariaLive\"];\n  @Prop() semantic: DBNotificationProps[\"semantic\"];\n  @Prop() variant: DBNotificationProps[\"variant\"];\n  @Prop() icon: DBNotificationProps[\"icon\"];\n  @Prop() showIcon: DBNotificationProps[\"showIcon\"];\n  @Prop() linkVariant: DBNotificationProps[\"linkVariant\"];\n  @Prop() headline: DBNotificationProps[\"headline\"];\n  @Prop() showHeadline: DBNotificationProps[\"showHeadline\"];\n  @Prop() text: DBNotificationProps[\"text\"];\n\n  @Prop() timestamp: DBNotificationProps[\"timestamp\"];\n  @Prop() showTimestamp: DBNotificationProps[\"showTimestamp\"];\n  @Prop() closeable: DBNotificationProps[\"closeable\"];\n  @Prop() closeButtonId: DBNotificationProps[\"closeButtonId\"];\n  @Prop() closeButtonText: DBNotificationProps[\"closeButtonText\"];\n\n  handleClose(event: ClickEvent<HTMLButtonElement>) {\n    if (this.onClose) {\n      this.onClose.emit();\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-notification\");\n  }\n\n  render() {\n    return (\n      <article\n        class={cls(\"db-notification\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        aria-live={this.ariaLive}\n        data-semantic={this.semantic}\n        data-variant={this.variant}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-link-variant={this.linkVariant}\n      >\n        <slot name=\"image\"></slot>\n        {stringPropVisible(this.headline, this.showHeadline) ? (\n          <header>{this.headline}</header>\n        ) : null}\n        <p>{this.text ? this.text : <slot></slot>}</p>\n        {stringPropVisible(this.timestamp, this.showTimestamp) ? (\n          <span>{this.timestamp}</span>\n        ) : null}\n        <slot name=\"link\"></slot>\n        {this.closeable ? (\n          <db-button\n            icon=\"cross\"\n            variant=\"ghost\"\n            size=\"small\"\n            id={this.closeButtonId}\n            noText={true}\n            onClick={(event) => this.handleClose(event)}\n          >\n            {this.closeButtonText ?? DEFAULT_CLOSE_BUTTON}\n          </db-button>\n        ) : null}\n      </article>\n    );\n  }\n}\n"],"version":3}

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

@@ -0,0 +1 @@
+{"version":3,"file":"db-notification.entry.cjs.js","sources":["src/components/notification/notification.tsx"],"sourcesContent":["import { DBNotificationProps, DBNotificationState } from \"./model\";\nimport { DBButton } from \"../button/button\";\nimport { DEFAULT_CLOSE_BUTTON } from \"../../shared/constants\";\nimport { cls, getHideProp, stringPropVisible } 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 * @slot image - TODO: Add description for slotImage\n * @slot link - TODO: Add description for slotLink\n */\n @Component({\n  tag: \"db-notification\",\n})\nexport class DBNotification {\n  private _ref!: HTMLDivElement | null;\n  @Event() onClose: any;\n  @Prop() id: DBNotificationProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBNotificationProps[\"className\"];\n  @Prop() ariaLive: DBNotificationProps[\"ariaLive\"];\n  @Prop() semantic: DBNotificationProps[\"semantic\"];\n  @Prop() variant: DBNotificationProps[\"variant\"];\n  @Prop() icon: DBNotificationProps[\"icon\"];\n  @Prop() showIcon: DBNotificationProps[\"showIcon\"];\n  @Prop() linkVariant: DBNotificationProps[\"linkVariant\"];\n  @Prop() headline: DBNotificationProps[\"headline\"];\n  @Prop() showHeadline: DBNotificationProps[\"showHeadline\"];\n  @Prop() text: DBNotificationProps[\"text\"];\n\n  @Prop() timestamp: DBNotificationProps[\"timestamp\"];\n  @Prop() showTimestamp: DBNotificationProps[\"showTimestamp\"];\n  @Prop() closeable: DBNotificationProps[\"closeable\"];\n  @Prop() closeButtonId: DBNotificationProps[\"closeButtonId\"];\n  @Prop() closeButtonText: DBNotificationProps[\"closeButtonText\"];\n\n  handleClose(event: ClickEvent<HTMLButtonElement>) {\n    if (this.onClose) {\n      this.onClose.emit();\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-notification\");\n  }\n\n  render() {\n    return (\n      <article\n        class={cls(\"db-notification\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        aria-live={this.ariaLive}\n        data-semantic={this.semantic}\n        data-variant={this.variant}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-link-variant={this.linkVariant}\n      >\n        <slot name=\"image\"></slot>\n        {stringPropVisible(this.headline, this.showHeadline) ? (\n          <header>{this.headline}</header>\n        ) : null}\n        <p>{this.text ? this.text : <slot></slot>}</p>\n        {stringPropVisible(this.timestamp, this.showTimestamp) ? (\n          <span>{this.timestamp}</span>\n        ) : null}\n        <slot name=\"link\"></slot>\n        {this.closeable ? (\n          <db-button\n            icon=\"cross\"\n            variant=\"ghost\"\n            size=\"small\"\n            id={this.closeButtonId}\n            noText={true}\n            onClick={(event) => this.handleClose(event)}\n          >\n            {this.closeButtonText ?? DEFAULT_CLOSE_BUTTON}\n          </db-button>\n        ) : null}\n      </article>\n    );\n  }\n}\n"],"names":["h","cls","getHideProp","stringPropVisible","DEFAULT_CLOSE_BUTTON"],"mappings":";;;;;;MAiBa,cAAc,GAAA,MAAA;;;;;AAqBzB,IAAA,WAAW,CAAC,KAAoC,EAAA;AAC9C,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;;;AAIvB;;;;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,iBAAiB,CAAC;;IAG3D,MAAM,GAAA;;QACJ,QACEA,OACE,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEC,WAAG,CAAC,iBAAiB,EAAE,IAAI,CAAC,SAAS,CAAC,EAC7C,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;aACf,EACD,EAAE,EAAE,IAAI,CAAC,EAAE,EAAA,WAAA,EACA,IAAI,CAAC,QAAQ,EAAA,eAAA,EACT,IAAI,CAAC,QAAQ,EACd,cAAA,EAAA,IAAI,CAAC,OAAO,EACf,WAAA,EAAA,IAAI,CAAC,IAAI,oBACJC,mBAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,EACvB,mBAAA,EAAA,IAAI,CAAC,WAAW,EAAA,EAEnCF,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAQ,CAAA,EACzBG,yBAAiB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,IAClDH,OAAA,CAAA,QAAA,EAAA,IAAA,EAAS,IAAI,CAAC,QAAQ,CAAU,IAC9B,IAAI,EACRA,OAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGA,qBAAa,CAAK,EAC7CG,yBAAiB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,IACpDH,OAAA,CAAA,MAAA,EAAA,IAAA,EAAO,IAAI,CAAC,SAAS,CAAQ,IAC3B,IAAI,EACRA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACxB,IAAI,CAAC,SAAS,IACbA,OAAA,CAAA,WAAA,EAAA,EACE,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,IAAI,CAAC,aAAa,EACtB,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAA,EAE1C,CAAA,EAAA,GAAA,IAAI,CAAC,eAAe,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAAI,8BAAoB,CACnC,IACV,IAAI,CACA;;;;;;"}

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

@@ -1,9 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-6e2cf235.js');
-const index$1 = require('./index-403366c7.js');
+var index = require('./index-DBEtsnky.js');
+var index$1 = require('./index-DeqKGVDx.js');
 
 const DBPage = class {
     constructor(hostRef) {
@@ -62,12 +60,13 @@ const DBPage = class {
         }
     }
     render() {
-        return (index.h("div", { key: '1813172b90b8bdae5e14024bdb764211a9516af7', class: index$1.cls("db-page", this.className), ref: (el) => {
+        return (index.h("div", { key: 'e84efdbed5836db872f261cc1ac3c2606153e6d6', class: index$1.cls("db-page", this.className), ref: (el) => {
                 this._ref = el;
-            }, id: this.id, "data-variant": this.variant, "data-fade-in": this.fadeIn, "data-fonts-loaded": index$1.getBooleanAsString(this.fontsLoaded) }, index.h("slot", { key: '7b3cb18c6f48fa169c68b528f500a856fdb829a4', name: "header" }), index.h("main", { key: '17468d52548cee8710499a796bc5a8454744508a', class: "db-main" }, index.h("slot", { key: '23f7b20371a3e8cb6d0dc7388a4217d2361eef5e' })), index.h("slot", { key: 'b9143dcf291836be5bf133934c546e5168c7676f', name: "footer" })));
+            }, id: this.id, "data-variant": this.variant, "data-fade-in": this.fadeIn, "data-fonts-loaded": index$1.getBooleanAsString(this.fontsLoaded) }, index.h("slot", { key: 'fff9d9902cc83f706932d233195d30c9096f8c14', name: "header" }), index.h("main", { key: '1c78d658ffe24c528e5cd431c9156fb19d10ce0d', class: index$1.cls("db-main", this.mainClass) }, index.h("slot", { key: 'd7124b497f131fac36e66da44add93a0504eed0c' })), index.h("slot", { key: '765db6c7b9981063e05c97b983558f357081c6be', name: "footer" })));
     }
 };
 
 exports.db_page = DBPage;
+//# sourceMappingURL=db-page.entry.cjs.js.map
 
 //# sourceMappingURL=db-page.cjs.entry.js.map

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

@@ -1 +1 @@
-{"file":"db-page.entry.cjs.js","mappings":"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","names":["h","cls","getBooleanAsString"],"sources":["src/components/page/page.tsx"],"sourcesContent":["import { DBPageProps, DBPageState } from \"./model\";\nimport { cls, getBooleanAsString } from \"../../utils\";\n\nimport { Component, h, Fragment, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot header - TODO: Add description for slotHeader\n * @slot footer - TODO: Add description for slotFooter\n */\n @Component({\n  tag: \"db-page\",\n})\nexport class DBPage {\n  private _ref!: HTMLDivElement | null;\n  @Prop() fadeIn: DBPageProps[\"fadeIn\"];\n  @Prop() documentOverflow: DBPageProps[\"documentOverflow\"];\n  @Prop() variant: DBPageProps[\"variant\"];\n  @Prop() id: DBPageProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBPageProps[\"className\"];\n\n  @State() fontsLoaded = 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-page\");\n    this.fontsLoaded = !this.fadeIn;\n    if (document && this.fadeIn) {\n      document.fonts.ready.then(() => {\n        this.fontsLoaded = true;\n      });\n    } else {\n      this.fontsLoaded = true;\n    }\n  }\n  disconnectedCallback() {\n    if (\n      typeof window !== \"undefined\" &&\n      document.documentElement.classList.contains(\"db-page-document\")\n    ) {\n      // remove document styles set by this\n      document.documentElement.classList.remove(\"db-page-document\");\n    }\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-page\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-variant={this.variant}\n        data-fade-in={this.fadeIn}\n        data-fonts-loaded={getBooleanAsString(this.fontsLoaded)}\n      >\n        <slot name=\"header\"></slot>\n        <main class=\"db-main\">\n          <slot></slot>\n        </main>\n        <slot name=\"footer\"></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"db-page.entry.cjs.js","mappings":";;;;;MAca,MAAM,GAAA,MAAA;AAHlB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAYU,QAAA,IAAW,CAAA,WAAA,GAAG,KAAK;AAmF7B;AAjFC;;;;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,SAAS,CAAC;AACjD,QAAA,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,MAAM;AAC/B,QAAA,IAAI,QAAQ,IAAI,IAAI,CAAC,MAAM,EAAE;YAC3B,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAK;AAC7B,gBAAA,IAAI,CAAC,WAAW,GAAG,IAAI;AACzB,aAAC,CAAC;;aACG;AACL,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI;;;IAG3B,oBAAoB,GAAA;QAClB,IACE,OAAO,MAAM,KAAK,WAAW;YAC7B,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC,EAC/D;;YAEA,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC;;;IAIjE,MAAM,GAAA;QACJ,QACEA,OACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEC,WAAG,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,EACrC,GAAG,EAAE,CAAC,EAAO,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;aACf,EACD,EAAE,EAAE,IAAI,CAAC,EAAE,EAAA,cAAA,EACG,IAAI,CAAC,OAAO,kBACZ,IAAI,CAAC,MAAM,EACN,mBAAA,EAAAC,0BAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,EAAA,EAEvDF,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAQ,CAAA,EAC3BA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEC,WAAG,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,EAAA,EACzCD,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,EACPA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAQ,CAAA,CACvB;;;;;;","names":["h","cls","getBooleanAsString"],"sources":["src/components/page/page.tsx"],"sourcesContent":["import { DBPageProps, DBPageState } from \"./model\";\nimport { cls, getBooleanAsString } from \"../../utils\";\n\nimport { Component, h, Fragment, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot header - TODO: Add description for slotHeader\n * @slot footer - TODO: Add description for slotFooter\n */\n @Component({\n  tag: \"db-page\",\n})\nexport class DBPage {\n  private _ref!: HTMLDivElement | null;\n  @Prop() fadeIn: DBPageProps[\"fadeIn\"];\n  @Prop() documentOverflow: DBPageProps[\"documentOverflow\"];\n  @Prop() variant: DBPageProps[\"variant\"];\n  @Prop() id: DBPageProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBPageProps[\"className\"];\n  @Prop() mainClass: DBPageProps[\"mainClass\"];\n\n  @State() fontsLoaded = 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-page\");\n    this.fontsLoaded = !this.fadeIn;\n    if (document && this.fadeIn) {\n      document.fonts.ready.then(() => {\n        this.fontsLoaded = true;\n      });\n    } else {\n      this.fontsLoaded = true;\n    }\n  }\n  disconnectedCallback() {\n    if (\n      typeof window !== \"undefined\" &&\n      document.documentElement.classList.contains(\"db-page-document\")\n    ) {\n      // remove document styles set by this\n      document.documentElement.classList.remove(\"db-page-document\");\n    }\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-page\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-variant={this.variant}\n        data-fade-in={this.fadeIn}\n        data-fonts-loaded={getBooleanAsString(this.fontsLoaded)}\n      >\n        <slot name=\"header\"></slot>\n        <main class={cls(\"db-main\", this.mainClass)}>\n          <slot></slot>\n        </main>\n        <slot name=\"footer\"></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

@@ -0,0 +1 @@
+{"version":3,"file":"db-page.entry.cjs.js","sources":["src/components/page/page.tsx"],"sourcesContent":["import { DBPageProps, DBPageState } from \"./model\";\nimport { cls, getBooleanAsString } from \"../../utils\";\n\nimport { Component, h, Fragment, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot header - TODO: Add description for slotHeader\n * @slot footer - TODO: Add description for slotFooter\n */\n @Component({\n  tag: \"db-page\",\n})\nexport class DBPage {\n  private _ref!: HTMLDivElement | null;\n  @Prop() fadeIn: DBPageProps[\"fadeIn\"];\n  @Prop() documentOverflow: DBPageProps[\"documentOverflow\"];\n  @Prop() variant: DBPageProps[\"variant\"];\n  @Prop() id: DBPageProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBPageProps[\"className\"];\n  @Prop() mainClass: DBPageProps[\"mainClass\"];\n\n  @State() fontsLoaded = 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-page\");\n    this.fontsLoaded = !this.fadeIn;\n    if (document && this.fadeIn) {\n      document.fonts.ready.then(() => {\n        this.fontsLoaded = true;\n      });\n    } else {\n      this.fontsLoaded = true;\n    }\n  }\n  disconnectedCallback() {\n    if (\n      typeof window !== \"undefined\" &&\n      document.documentElement.classList.contains(\"db-page-document\")\n    ) {\n      // remove document styles set by this\n      document.documentElement.classList.remove(\"db-page-document\");\n    }\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-page\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-variant={this.variant}\n        data-fade-in={this.fadeIn}\n        data-fonts-loaded={getBooleanAsString(this.fontsLoaded)}\n      >\n        <slot name=\"header\"></slot>\n        <main class={cls(\"db-main\", this.mainClass)}>\n          <slot></slot>\n        </main>\n        <slot name=\"footer\"></slot>\n      </div>\n    );\n  }\n}\n"],"names":["h","cls","getBooleanAsString"],"mappings":"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"}

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

@@ -1,9 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-6e2cf235.js');
-const index$1 = require('./index-403366c7.js');
+var index = require('./index-DBEtsnky.js');
+var index$1 = require('./index-DeqKGVDx.js');
 
 const DBPopover = class {
     constructor(hostRef) {
@@ -124,5 +122,6 @@ const DBPopover = class {
 };
 
 exports.db_popover = DBPopover;
+//# sourceMappingURL=db-popover.entry.cjs.js.map
 
 //# sourceMappingURL=db-popover.cjs.entry.js.map