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

package/dist/db-ux/{p-7962a728.entry.js.map → p-8e074bd8.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DBAccordionItem","constructor","hostRef","this","_id","DEFAULT_ID","_open","toggle","event","preventDefault","newStateOpen","onToggle","emit","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","_ref","id","uuid","defaultOpen","render","h","key","class","cls","className","getBooleanAsString","disabled","ref","el","open","onClick","headlinePlain","text"],"sources":["src/components/accordion-item/accordion-item.tsx"],"sourcesContent":["import { DBAccordionItemProps, DBAccordionItemState } from \"./model\";\nimport { cls, getBooleanAsString, uuid } from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\nimport { DEFAULT_ID } from \"../../shared/constants\";\n\nimport { Component, h, Fragment, Event, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot headline - TODO: Add description for slotHeadline\n */\n @Component({\n  tag: \"db-accordion-item\",\n})\nexport class DBAccordionItem {\n  private _ref!: HTMLDetailsElement | null;\n  @Prop() id: DBAccordionItemProps[\"id\"];\n  @Prop() defaultOpen: DBAccordionItemProps[\"defaultOpen\"];\n  @Event() onToggle: any;\n  @Prop({attribute: \"classname\"}) className: DBAccordionItemProps[\"className\"];\n  @Prop() disabled: DBAccordionItemProps[\"disabled\"];\n  @Prop() headlinePlain: DBAccordionItemProps[\"headlinePlain\"];\n  @Prop() text: DBAccordionItemProps[\"text\"];\n\n  @State() _id = DEFAULT_ID;\n  @State() _open = false;\n\n  toggle(event: ClickEvent<HTMLElement>) {\n    // We need this for react https://github.com/facebook/react/issues/15486#issuecomment-488028431\n    event?.preventDefault();\n    const newStateOpen = !this._open;\n    if (this.onToggle) {\n      this.onToggle.emit(newStateOpen);\n    }\n    this._open = newStateOpen;\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-accordion-item\");\n    this._id = this.id || \"accordion-item-\" + uuid();\n    if (this.defaultOpen) {\n      this._open = this.defaultOpen;\n    }\n  }\n\n  render() {\n    return (\n      <li class={cls(\"db-accordion-item\", this.className)} id={this._id}>\n        <details\n          aria-disabled={getBooleanAsString(this.disabled)}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          open={this._open}\n        >\n          <summary onClick={(event) => this.toggle(event)}>\n            {this.headlinePlain ? this.headlinePlain : null}\n            {!this.headlinePlain ? <slot name=\"headline\"></slot> : null}\n          </summary>\n          <div>{this.text ? this.text : <slot></slot>}</div>\n        </details>\n      </li>\n    );\n  }\n}\n"],"mappings":"8IAeaA,EAAe,MAH3B,WAAAC,CAAAC,G,6CAaUC,KAAAC,IAAMC,EACNF,KAAAG,MAAQ,K,CAEjB,MAAAC,CAAOC,GAELA,IAAK,MAALA,SAAK,SAALA,EAAOC,iBACP,MAAMC,GAAgBP,KAAKG,MAC3B,GAAIH,KAAKQ,SAAU,CACjBR,KAAKQ,SAASC,KAAKF,E,CAErBP,KAAKG,MAAQI,C,CAQP,sBAAAG,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACE/B,KAAKU,uBAAuBV,KAAKgC,KAAM,qBACvChC,KAAKC,IAAMD,KAAKiC,IAAM,kBAAoBC,IAC1C,GAAIlC,KAAKmC,YAAa,CACpBnC,KAAKG,MAAQH,KAAKmC,W,EAItB,MAAAC,GACE,OACEC,EAAA,MAAAC,IAAA,2CAAIC,MAAOC,EAAI,oBAAqBxC,KAAKyC,WAAYR,GAAIjC,KAAKC,KAC5DoC,EAAA,WAAAC,IAAA,2DACiBI,EAAmB1C,KAAK2C,UACvCC,IAAMC,IACJ7C,KAAKgC,KAAOa,CAAE,EAEhBC,KAAM9C,KAAKG,OAEXkC,EAAA,WAAAC,IAAA,2CAASS,QAAU1C,GAAUL,KAAKI,OAAOC,IACtCL,KAAKgD,cAAgBhD,KAAKgD,cAAgB,MACzChD,KAAKgD,cAAgBX,EAAA,QAAMjB,KAAK,aAAqB,MAEzDiB,EAAA,OAAAC,IAAA,4CAAMtC,KAAKiD,KAAOjD,KAAKiD,KAAOZ,EAAA,e","ignoreList":[]}
+{"version":3,"names":["DBAccordionItem","constructor","hostRef","this","_id","DEFAULT_ID","_open","toggle","event","preventDefault","newStateOpen","onToggle","emit","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","_ref","id","uuid","defaultOpen","render","h","key","class","cls","className","getBooleanAsString","disabled","ref","el","open","onClick","headlinePlain","text"],"sources":["src/components/accordion-item/accordion-item.tsx"],"sourcesContent":["import { DBAccordionItemProps, DBAccordionItemState } from \"./model\";\nimport { cls, getBooleanAsString, uuid } from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\nimport { DEFAULT_ID } from \"../../shared/constants\";\n\nimport { Component, h, Fragment, Event, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot headline - TODO: Add description for slotHeadline\n */\n @Component({\n  tag: \"db-accordion-item\",\n})\nexport class DBAccordionItem {\n  private _ref!: HTMLDetailsElement | null;\n  @Prop() id: DBAccordionItemProps[\"id\"];\n  @Prop() defaultOpen: DBAccordionItemProps[\"defaultOpen\"];\n  @Event() onToggle: any;\n  @Prop({attribute: \"classname\"}) className: DBAccordionItemProps[\"className\"];\n  @Prop() disabled: DBAccordionItemProps[\"disabled\"];\n  @Prop() headlinePlain: DBAccordionItemProps[\"headlinePlain\"];\n  @Prop() text: DBAccordionItemProps[\"text\"];\n\n  @State() _id = DEFAULT_ID;\n  @State() _open = false;\n\n  toggle(event: ClickEvent<HTMLElement>) {\n    // We need this for react https://github.com/facebook/react/issues/15486#issuecomment-488028431\n    event?.preventDefault();\n    const newStateOpen = !this._open;\n    if (this.onToggle) {\n      this.onToggle.emit(newStateOpen);\n    }\n    this._open = newStateOpen;\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-accordion-item\");\n    this._id = this.id || \"accordion-item-\" + uuid();\n    if (this.defaultOpen) {\n      this._open = this.defaultOpen;\n    }\n  }\n\n  render() {\n    return (\n      <li class={cls(\"db-accordion-item\", this.className)} id={this._id}>\n        <details\n          aria-disabled={getBooleanAsString(this.disabled)}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          open={this._open}\n        >\n          <summary onClick={(event) => this.toggle(event)}>\n            {this.headlinePlain ? this.headlinePlain : null}\n            {!this.headlinePlain ? <slot name=\"headline\"></slot> : null}\n          </summary>\n          <div>{this.text ? this.text : <slot></slot>}</div>\n        </details>\n      </li>\n    );\n  }\n}\n"],"mappings":"8IAeaA,EAAe,MAH3B,WAAAC,CAAAC,G,2CAaUC,KAAGC,IAAGC,EACNF,KAAKG,MAAG,KA+ElB,CA7EC,MAAAC,CAAOC,GAELA,IAAK,MAALA,SAAK,SAALA,EAAOC,iBACP,MAAMC,GAAgBP,KAAKG,MAC3B,GAAIH,KAAKQ,SAAU,CACjBR,KAAKQ,SAASC,KAAKF,E,CAErBP,KAAKG,MAAQI,C,CAQP,sBAAAG,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACE/B,KAAKU,uBAAuBV,KAAKgC,KAAM,qBACvChC,KAAKC,IAAMD,KAAKiC,IAAM,kBAAoBC,IAC1C,GAAIlC,KAAKmC,YAAa,CACpBnC,KAAKG,MAAQH,KAAKmC,W,EAItB,MAAAC,GACE,OACEC,EAAI,MAAAC,IAAA,2CAAAC,MAAOC,EAAI,oBAAqBxC,KAAKyC,WAAYR,GAAIjC,KAAKC,KAC5DoC,EAAA,WAAAC,IAAA,2DACiBI,EAAmB1C,KAAK2C,UACvCC,IAAMC,IACJ7C,KAAKgC,KAAOa,CAAE,EAEhBC,KAAM9C,KAAKG,OAEXkC,EAAA,WAAAC,IAAA,2CAASS,QAAU1C,GAAUL,KAAKI,OAAOC,IACtCL,KAAKgD,cAAgBhD,KAAKgD,cAAgB,MACzChD,KAAKgD,cAAgBX,EAAA,QAAMjB,KAAK,aAAqB,MAEzDiB,EAAA,OAAAC,IAAA,4CAAMtC,KAAKiD,KAAOjD,KAAKiD,KAAOZ,EAAA,e","ignoreList":[]}

package/dist/db-ux/{p-dc43adca.entry.js → p-948a6441.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as a}from"./p-6e619ac9.js";import{c as s,g as i}from"./p-45bb9feb.js";const d=class{constructor(a){t(this,a)}enableAttributePassing(t,a){const s=t===null||t===void 0?void 0:t.closest(a);if(t&&s){const a=s.attributes;for(let i=0;i<a.length;i++){const d=a.item(i);if(d&&(d.name.startsWith("data-")||d.name.startsWith("aria-"))){t.setAttribute(d.name,d.value);s.removeAttribute(d.name)}if(d&&d.name==="class"){const a=d.value.includes("hydrated");const i=d.value.replace("hydrated","").trim();const e=t.getAttribute("class");t.setAttribute(d.name,`${e?`${e} `:""}${i}`);if(a){s.setAttribute("class","hydrated")}else{s.removeAttribute(d.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-stack")}render(){return a("div",{key:"9deede5569467891fc0a46db81b485a7f0107f91",class:s("db-stack",this.className),ref:t=>{this._ref=t},id:this.id,"data-gap":this.gap,"data-variant":this.variant,"data-direction":this.direction,"data-alignment":this.alignment,"data-justify-content":this.justifyContent,"data-wrap":i(this.wrap)},a("slot",{key:"81ee546528b5cd1a117791ad1f98b4f9af199806"}))}};export{d as db_stack};
-//# sourceMappingURL=p-dc43adca.entry.js.map
+import{r as t,h as a}from"./p-D-D8lQAG.js";import{g as s,c as i}from"./p-BJJmGwiD.js";const d=class{constructor(a){t(this,a)}enableAttributePassing(t,a){const s=t===null||t===void 0?void 0:t.closest(a);if(t&&s){const a=s.attributes;for(let i=0;i<a.length;i++){const d=a.item(i);if(d&&(d.name.startsWith("data-")||d.name.startsWith("aria-"))){t.setAttribute(d.name,d.value);s.removeAttribute(d.name)}if(d&&d.name==="class"){const a=d.value.includes("hydrated");const i=d.value.replace("hydrated","").trim();const e=t.getAttribute("class");t.setAttribute(d.name,`${e?`${e} `:""}${i}`);if(a){s.setAttribute("class","hydrated")}else{s.removeAttribute(d.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-stack")}render(){return a("div",{key:"9deede5569467891fc0a46db81b485a7f0107f91",class:i("db-stack",this.className),ref:t=>{this._ref=t},id:this.id,"data-gap":this.gap,"data-variant":this.variant,"data-direction":this.direction,"data-alignment":this.alignment,"data-justify-content":this.justifyContent,"data-wrap":s(this.wrap)},a("slot",{key:"81ee546528b5cd1a117791ad1f98b4f9af199806"}))}};export{d as db_stack};
+//# sourceMappingURL=p-948a6441.entry.js.map

package/dist/db-ux/{p-dc43adca.entry.js.map → p-948a6441.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DBStack","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","id","gap","variant","direction","alignment","justifyContent","getBooleanAsString","wrap"],"sources":["src/components/stack/stack.tsx"],"sourcesContent":["import { DBStackProps, DBStackState } from \"./model\";\nimport { cls, getBooleanAsString } 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-stack\",\n})\nexport class DBStack {\n  private _ref!: HTMLDivElement | null;\n  @Prop() id: DBStackProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBStackProps[\"className\"];\n  @Prop() gap: DBStackProps[\"gap\"];\n  @Prop() variant: DBStackProps[\"variant\"];\n  @Prop() direction: DBStackProps[\"direction\"];\n  @Prop() alignment: DBStackProps[\"alignment\"];\n  @Prop() justifyContent: DBStackProps[\"justifyContent\"];\n  @Prop() wrap: DBStackProps[\"wrap\"];\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-stack\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-stack\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-gap={this.gap}\n        data-variant={this.variant}\n        data-direction={this.direction}\n        data-alignment={this.alignment}\n        data-justify-content={this.justifyContent}\n        data-wrap={getBooleanAsString(this.wrap)}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"4FAaaA,EAAO,M,yBAiBV,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEC,KAAKtB,uBAAuBsB,KAAKC,KAAM,W,CAGzC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAOC,EAAI,WAAYN,KAAKO,WAC5BC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EAEhBC,GAAIV,KAAKU,GAAE,WACDV,KAAKW,IAAG,eACJX,KAAKY,QAAO,iBACVZ,KAAKa,UAAS,iBACdb,KAAKc,UAAS,uBACRd,KAAKe,eAAc,YAC9BC,EAAmBhB,KAAKiB,OAEnCd,EAAA,QAAAC,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["DBStack","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","this","_ref","render","h","key","class","cls","className","ref","el","id","gap","variant","direction","alignment","justifyContent","getBooleanAsString","wrap"],"sources":["src/components/stack/stack.tsx"],"sourcesContent":["import { DBStackProps, DBStackState } from \"./model\";\nimport { cls, getBooleanAsString } 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-stack\",\n})\nexport class DBStack {\n  private _ref!: HTMLDivElement | null;\n  @Prop() id: DBStackProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBStackProps[\"className\"];\n  @Prop() gap: DBStackProps[\"gap\"];\n  @Prop() variant: DBStackProps[\"variant\"];\n  @Prop() direction: DBStackProps[\"direction\"];\n  @Prop() alignment: DBStackProps[\"alignment\"];\n  @Prop() justifyContent: DBStackProps[\"justifyContent\"];\n  @Prop() wrap: DBStackProps[\"wrap\"];\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-stack\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-stack\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-gap={this.gap}\n        data-variant={this.variant}\n        data-direction={this.direction}\n        data-alignment={this.alignment}\n        data-justify-content={this.justifyContent}\n        data-wrap={getBooleanAsString(this.wrap)}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"4FAaaA,EAAO,M,yBAiBV,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKK,OACrCV,EAAOW,gBAAgBN,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMK,EAAiBP,EAAKK,MAAMG,SAAS,YAC3C,MAAMH,EAAQL,EAAKK,MAAMI,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAelB,EAAQmB,aAAa,SAC1CnB,EAAQW,aACNJ,EAAKE,KACL,GAAGS,EAAe,GAAGA,KAAkB,KAAKN,KAE9C,GAAIE,EAAgB,CAElBZ,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOW,gBAAgBN,EAAKE,K,KAOtC,gBAAAW,GACEC,KAAKtB,uBAAuBsB,KAAKC,KAAM,W,CAGzC,MAAAC,GACE,OACEC,EACE,OAAAC,IAAA,2CAAAC,MAAOC,EAAI,WAAYN,KAAKO,WAC5BC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EAEhBC,GAAIV,KAAKU,GAAE,WACDV,KAAKW,IAAG,eACJX,KAAKY,QACH,iBAAAZ,KAAKa,UACL,iBAAAb,KAAKc,UAAS,uBACRd,KAAKe,eAAc,YAC9BC,EAAmBhB,KAAKiB,OAEnCd,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/db-ux/p-9638c44e.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as s,h as t,F as h}from"./p-D-D8lQAG.js";import{e,f as a,s as d,u as l,j as n,c}from"./p-BJJmGwiD.js";import{i as o,h as f,d as u,e as r,c as v,f as b,a as p}from"./p-CNj9Jn9q.js";const m=class{constructor(t){i(this,t);this.onClick=s(this,"onClick");this.onInput=s(this,"onInput");this.onChange=s(this,"onChange");this.onBlur=s(this,"onBlur");this.onFocus=s(this,"onFocus");this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._placeholderId="";this._descByIds="";this._value="";this.initialized=false;this._voiceOverFallback=""}handleClick(i){if(this.onClick){this.onClick.emit(i)}}handleInput(i){if(this.onInput){this.onInput.emit(i)}if(this.input){this.input(i)}}handleChange(i){var s,t,h,l,n,c;if(this.onChange){this.onChange.emit(i)}if(this.change){this.change(i)}if(!((s=this._ref)===null||s===void 0?void 0:s.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;if(e()){this._voiceOverFallback=(l=(t=this.invalidMessage)!==null&&t!==void 0?t:(h=this._ref)===null||h===void 0?void 0:h.validationMessage)!==null&&l!==void 0?l:o;a((()=>this._voiceOverFallback=""),1e3)}}else if(this.validation==="valid"||((n=this._ref)===null||n===void 0?void 0:n.validity.valid)&&this.required){this._descByIds=this._validMessageId;if(e()){this._voiceOverFallback=(c=this.validMessage)!==null&&c!==void 0?c:f;a((()=>this._voiceOverFallback=""),1e3)}}else if(d(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=this._placeholderId}}handleBlur(i){if(this.onBlur){this.onBlur.emit(i)}if(this.blur){this.blur(i)}}handleFocus(i){if(this.onFocus){this.onFocus.emit(i)}if(this.focus){this.focus(i)}}getOptionLabel(i){var s;return(s=i.label)!==null&&s!==void 0?s:i.value.toString()}enableAttributePassing(i,s){const t=i===null||i===void 0?void 0:i.closest(s);if(i&&t){const s=t.attributes;for(let h=0;h<s.length;h++){const e=s.item(h);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){i.setAttribute(e.name,e.value);t.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const h=e.value.replace("hydrated","").trim();const a=i.getAttribute("class");i.setAttribute(e.name,`${a?`${a} `:""}${h}`);if(s){t.setAttribute("class","hydrated")}else{t.removeAttribute(e.name)}}}}}watch0Fn(){if(this._id&&this.initialized){const i=this._id+v;const s=this._id+b;this._messageId=i;this._validMessageId=this._id+u;this._invalidMessageId=this._id+r;this._placeholderId=s;if(d(this.message,this.showMessage)){this._descByIds=i}else{this._descByIds=s}this.initialized=false}}watch0(){this.watch0Fn()}watch1Fn(){this._value=this.value}watch1(){this.watch1Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-select");this.initialized=true;const s=(i=this.id)!==null&&i!==void 0?i:`select-${l()}`;this._id=s;this._messageId=s+v;this._validMessageId=s+u;this._invalidMessageId=s+r;this._placeholderId=s+b;this.watch0Fn();this.watch1Fn()}render(){var i,s,e,a,l,u,r,v;return t("div",{key:"3e2f8100054cfc22a0e1d682d460ea3f9cf81443",class:c("db-select",this.className),"data-variant":this.variant,"data-hide-label":n(this.showLabel),"data-icon":this.icon,"data-hide-icon":n(this.showIcon)},t("label",{key:"0d897551a95f80ecfbd5be6236a41ca10dfdb619",htmlFor:this._id},(i=this.label)!==null&&i!==void 0?i:p),t("select",{key:"fee1db015bc2b03511c94bbc987e397ed328aab5","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},required:this.required,disabled:this.disabled,id:this._id,name:this.name,size:this.size,value:(s=this.value)!==null&&s!==void 0?s:this._value,autocomplete:this.autocomplete,onInput:i=>this.handleInput(i),onClick:i=>this.handleClick(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":this._descByIds},t("option",{key:"2e7cfe544df6850ca4ca6c95c51d7050f726a4f0",hidden:true}),this.options?(e=this.options)===null||e===void 0?void 0:e.map((i=>{var s;return t(h,null,i.options?t("optgroup",{label:this.getOptionLabel(i)},(s=i.options)===null||s===void 0?void 0:s.map((i=>t("option",{key:i.value.toString(),value:i.value,selected:i.selected,disabled:i.disabled},this.getOptionLabel(i))))):null,!i.options?t("option",{value:i.value,disabled:i.disabled,selected:i.selected},this.getOptionLabel(i)):null)})):null,t("slot",{key:"c814b0354472e8462a14776d167f22bcd9cce13f"})),t("span",{key:"4f9a5cfad912fa3cf98566d3a3fc0ebf904ba7eb",id:this._placeholderId},(a=this.placeholder)!==null&&a!==void 0?a:this.label),d(this.message,this.showMessage)?t("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,t("db-infotext",{key:"c0ddd46e0d1c568bed1ff4e626d4ef5875922642",size:"small",semantic:"successful",id:this._validMessageId},(l=this.validMessage)!==null&&l!==void 0?l:f),t("db-infotext",{key:"ac550d2b60a7c65e2d4c8661aa8f8acacfcd29e1",size:"small",semantic:"critical",id:this._invalidMessageId},(v=(u=this.invalidMessage)!==null&&u!==void 0?u:(r=this._ref)===null||r===void 0?void 0:r.validationMessage)!==null&&v!==void 0?v:o),t("span",{key:"f6c75ffdf9d062273054a8733621c403aa24591c","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_id:["watch0"],initialized:["watch0"],value:["watch1"]}}};export{m as db_select};
+//# sourceMappingURL=p-9638c44e.entry.js.map

package/dist/db-ux/{p-1fc85f53.entry.js.map → p-9638c44e.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DBSelect","constructor","hostRef","this","_id","undefined","_messageId","_validMessageId","_invalidMessageId","_placeholderId","_descByIds","_value","initialized","_voiceOverFallback","handleClick","event","onClick","emit","handleInput","onInput","input","handleChange","onChange","change","_a","_ref","validity","valid","validation","hasVoiceOver","_d","_b","invalidMessage","_c","validationMessage","DEFAULT_INVALID_MESSAGE","delay","_e","required","_f","validMessage","DEFAULT_VALID_MESSAGE","stringPropVisible","message","showMessage","handleBlur","onBlur","blur","handleFocus","onFocus","focus","getOptionLabel","option","label","value","toString","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","messageId","DEFAULT_MESSAGE_ID_SUFFIX","placeholderId","DEFAULT_PLACEHOLDER_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","watch0","watch1Fn","watch1","componentDidLoad","mId","id","uuid","render","h","key","class","cls","className","variant","getHideProp","showLabel","icon","showIcon","htmlFor","DEFAULT_LABEL","ref","el","disabled","size","autocomplete","hidden","options","map","Fragment","optgroupOption","selected","placeholder","messageIcon","semantic","_h","_g","role"],"sources":["src/components/select/select.tsx"],"sourcesContent":["import { DBSelectOptionType, DBSelectProps, DBSelectState } from \"./model\";\nimport {\n  cls,\n  delay,\n  getHideProp,\n  hasVoiceOver,\n  stringPropVisible,\n  uuid,\n} from \"../../utils\";\nimport {\n  DEFAULT_INVALID_MESSAGE,\n  DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n  DEFAULT_LABEL,\n  DEFAULT_MESSAGE_ID_SUFFIX,\n  DEFAULT_PLACEHOLDER_ID_SUFFIX,\n  DEFAULT_VALID_MESSAGE,\n  DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport {\n  ChangeEvent,\n  ClickEvent,\n  InputEvent,\n  InteractionEvent,\n} from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\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\n */\n @Component({\n  tag: \"db-select\",\n})\nexport class DBSelect {\n  private _ref!: HTMLSelectElement | null;\n  @Prop() id: DBSelectProps[\"id\"];\n  @Prop() message: DBSelectProps[\"message\"];\n  @Prop() showMessage: DBSelectProps[\"showMessage\"];\n  @Prop() value: DBSelectProps[\"value\"];\n  @Event() onClick: any;\n  @Event() onInput: any;\n  @Prop() input: DBSelectProps[\"input\"];\n  @Event() onChange: any;\n  @Prop() change: DBSelectProps[\"change\"];\n  @Prop() validation: DBSelectProps[\"validation\"];\n  @Prop() invalidMessage: DBSelectProps[\"invalidMessage\"];\n  @Prop() required: DBSelectProps[\"required\"];\n  @Prop() validMessage: DBSelectProps[\"validMessage\"];\n  @Event() onBlur: any;\n  @Prop() blur: DBSelectProps[\"blur\"];\n  @Event() onFocus: any;\n  @Prop() focus: DBSelectProps[\"focus\"];\n  @Prop({attribute: \"classname\"}) className: DBSelectProps[\"className\"];\n  @Prop() variant: DBSelectProps[\"variant\"];\n  @Prop() showLabel: DBSelectProps[\"showLabel\"];\n  @Prop() icon: DBSelectProps[\"icon\"];\n  @Prop() showIcon: DBSelectProps[\"showIcon\"];\n  @Prop() label: DBSelectProps[\"label\"];\n  @Prop() disabled: DBSelectProps[\"disabled\"];\n  @Prop() name: DBSelectProps[\"name\"];\n  @Prop() size: DBSelectProps[\"size\"];\n  @Prop() autocomplete: DBSelectProps[\"autocomplete\"];\n  @Prop() options: DBSelectProps[\"options\"];\n\n  @Prop() placeholder: DBSelectProps[\"placeholder\"];\n  @Prop() messageIcon: DBSelectProps[\"messageIcon\"];\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _placeholderId = \"\";\n  @State() _descByIds = \"\";\n  @State() _value = \"\";\n  @State() initialized = false;\n  @State() _voiceOverFallback = \"\";\n\n  handleClick(event: ClickEvent<HTMLSelectElement>) {\n    if (this.onClick) {\n      this.onClick.emit(event);\n    }\n  }\n  handleInput(event: InputEvent<HTMLSelectElement>) {\n    if (this.onInput) {\n      this.onInput.emit(event);\n    }\n    if (this.input) {\n      this.input(event);\n    }\n  }\n  handleChange(event: ChangeEvent<HTMLSelectElement>) {\n    if (this.onChange) {\n      this.onChange.emit(event);\n    }\n    if (this.change) {\n      this.change(event);\n    }\n    /* For a11y reasons we need to map the correct message with the select */\n    if (!this._ref?.validity.valid || this.validation === \"invalid\") {\n      this._descByIds = this._invalidMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback =\n          this.invalidMessage ??\n          this._ref?.validationMessage ??\n          DEFAULT_INVALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (\n      this.validation === \"valid\" ||\n      (this._ref?.validity.valid && this.required)\n    ) {\n      this._descByIds = this._validMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (stringPropVisible(this.message, this.showMessage)) {\n      this._descByIds = this._messageId;\n    } else {\n      this._descByIds = this._placeholderId;\n    }\n  }\n  handleBlur(event: InteractionEvent<HTMLSelectElement>) {\n    if (this.onBlur) {\n      this.onBlur.emit(event);\n    }\n    if (this.blur) {\n      this.blur(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLSelectElement>) {\n    if (this.onFocus) {\n      this.onFocus.emit(event);\n    }\n    if (this.focus) {\n      this.focus(event);\n    }\n  }\n  getOptionLabel(option: DBSelectOptionType) {\n    return option.label ?? option.value.toString();\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: HTMLSelectElement | 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._id && this.initialized) {\n      const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n      const placeholderId = this._id + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n      this._messageId = messageId;\n      this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n      this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n      this._placeholderId = placeholderId;\n      if (stringPropVisible(this.message, this.showMessage)) {\n        this._descByIds = messageId;\n      } else {\n        this._descByIds = placeholderId;\n      }\n      this.initialized = false;\n    }\n  }\n\n  @Watch(\"_id\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    this._value = this.value;\n  }\n\n  @Watch(\"value\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-select\");\n    this.initialized = true;\n    const mId = this.id ?? `select-${uuid()}`;\n    this._id = mId;\n    this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;\n    this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n    this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n    this._placeholderId = mId + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n    this.watch0Fn();\n    this.watch1Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-select\", this.className)}\n        data-variant={this.variant}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n      >\n        <label htmlFor={this._id}>{this.label ?? DEFAULT_LABEL}</label>\n        <select\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          required={this.required}\n          disabled={this.disabled}\n          id={this._id}\n          name={this.name}\n          size={this.size}\n          /* @ts-ignore */\nvalue={this.value ?? this._value}\n          autocomplete={this.autocomplete}\n          onInput={(event) => this.handleInput(event)}\n          onClick={(event) => this.handleClick(event)}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n          aria-describedby={this._descByIds}\n        >\n          <option hidden={true}></option>\n          {this.options\n            ? this.options?.map((option) => (\n                <Fragment>\n                  {option.options ? (\n                    <optgroup label={this.getOptionLabel(option)}>\n                      {option.options?.map((optgroupOption) => (\n                        <option\n                          key={optgroupOption.value.toString()}\n                          value={optgroupOption.value}\n                          selected={optgroupOption.selected}\n                          disabled={optgroupOption.disabled}\n                        >\n                          {this.getOptionLabel(optgroupOption)}\n                        </option>\n                      ))}\n                    </optgroup>\n                  ) : null}\n                  {!option.options ? (\n                    <option\n                      value={option.value}\n                      disabled={option.disabled}\n                      selected={option.selected}\n                    >\n                      {this.getOptionLabel(option)}\n                    </option>\n                  ) : null}\n                </Fragment>\n              ))\n            : null}\n          <slot></slot>\n        </select>\n        <span id={this._placeholderId}>{this.placeholder ?? this.label}</span>\n        {stringPropVisible(this.message, this.showMessage) ? (\n          <db-infotext\n            size=\"small\"\n            icon={this.messageIcon}\n            id={this._messageId}\n          >\n            {this.message}\n          </db-infotext>\n        ) : null}\n        <db-infotext\n          size=\"small\"\n          semantic=\"successful\"\n          id={this._validMessageId}\n        >\n          {this.validMessage ?? DEFAULT_VALID_MESSAGE}\n        </db-infotext>\n        <db-infotext\n          size=\"small\"\n          semantic=\"critical\"\n          id={this._invalidMessageId}\n        >\n          {this.invalidMessage ??\n            this._ref?.validationMessage ??\n            DEFAULT_INVALID_MESSAGE}\n        </db-infotext>\n        <span data-visually-hidden=\"true\" role=\"status\">\n          {this._voiceOverFallback}\n        </span>\n      </div>\n    );\n  }\n}\n"],"mappings":"+MAgDaA,EAAQ,MAHpB,WAAAC,CAAAC,G,+KAoCUC,KAAAC,IAAMC,UACNF,KAAAG,WAAaD,UACbF,KAAAI,gBAAkBF,UAClBF,KAAAK,kBAAoBH,UACpBF,KAAAM,eAAiB,GACjBN,KAAAO,WAAa,GACbP,KAAAQ,OAAS,GACTR,KAAAS,YAAc,MACdT,KAAAU,mBAAqB,E,CAE9B,WAAAC,CAAYC,GACV,GAAIZ,KAAKa,QAAS,CAChBb,KAAKa,QAAQC,KAAKF,E,EAGtB,WAAAG,CAAYH,GACV,GAAIZ,KAAKgB,QAAS,CAChBhB,KAAKgB,QAAQF,KAAKF,E,CAEpB,GAAIZ,KAAKiB,MAAO,CACdjB,KAAKiB,MAAML,E,EAGf,YAAAM,CAAaN,G,gBACX,GAAIZ,KAAKmB,SAAU,CACjBnB,KAAKmB,SAASL,KAAKF,E,CAErB,GAAIZ,KAAKoB,OAAQ,CACfpB,KAAKoB,OAAOR,E,CAGd,MAAKS,EAAArB,KAAKsB,QAAI,MAAAD,SAAA,SAAAA,EAAEE,SAASC,QAASxB,KAAKyB,aAAe,UAAW,CAC/DzB,KAAKO,WAAaP,KAAKK,kBACvB,GAAIqB,IAAgB,CAClB1B,KAAKU,oBACHiB,GAAAC,EAAA5B,KAAK6B,kBAAc,MAAAD,SAAA,EAAAA,GACnBE,EAAA9B,KAAKsB,QAAI,MAAAQ,SAAA,SAAAA,EAAEC,qBAAiB,MAAAJ,SAAA,EAAAA,EAC5BK,EACFC,GAAM,IAAOjC,KAAKU,mBAAqB,IAAK,I,OAEzC,GACLV,KAAKyB,aAAe,WACnBS,EAAAlC,KAAKsB,QAAI,MAAAY,SAAA,SAAAA,EAAEX,SAASC,QAASxB,KAAKmC,SACnC,CACAnC,KAAKO,WAAaP,KAAKI,gBACvB,GAAIsB,IAAgB,CAClB1B,KAAKU,oBAAqB0B,EAAApC,KAAKqC,gBAAY,MAAAD,SAAA,EAAAA,EAAIE,EAC/CL,GAAM,IAAOjC,KAAKU,mBAAqB,IAAK,I,OAEzC,GAAI6B,EAAkBvC,KAAKwC,QAASxC,KAAKyC,aAAc,CAC5DzC,KAAKO,WAAaP,KAAKG,U,KAClB,CACLH,KAAKO,WAAaP,KAAKM,c,EAG3B,UAAAoC,CAAW9B,GACT,GAAIZ,KAAK2C,OAAQ,CACf3C,KAAK2C,OAAO7B,KAAKF,E,CAEnB,GAAIZ,KAAK4C,KAAM,CACb5C,KAAK4C,KAAKhC,E,EAGd,WAAAiC,CAAYjC,GACV,GAAIZ,KAAK8C,QAAS,CAChB9C,KAAK8C,QAAQhC,KAAKF,E,CAEpB,GAAIZ,KAAK+C,MAAO,CACd/C,KAAK+C,MAAMnC,E,EAGf,cAAAoC,CAAeC,G,MACb,OAAO5B,EAAA4B,EAAOC,SAAK,MAAA7B,SAAA,EAAAA,EAAI4B,EAAOE,MAAMC,U,CAQ9B,sBAAAC,CACNC,EACAC,GAEA,MAAMC,EAASF,IAAO,MAAPA,SAAO,SAAPA,EAASG,QAAQF,GAChC,GAAID,GAAWE,EAAQ,CACrB,MAAME,EAAaF,EAAOE,WAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAWE,OAAQD,IAAK,CAC1C,MAAME,EAAOH,EAAWI,KAAKH,GAC7B,GACEE,IACCA,EAAKE,KAAKC,WAAW,UAAYH,EAAKE,KAAKC,WAAW,UACvD,CACAV,EAAQW,aAAaJ,EAAKE,KAAMF,EAAKV,OACrCK,EAAOU,gBAAgBL,EAAKE,K,CAE9B,GAAIF,GAAQA,EAAKE,OAAS,QAAS,CACjC,MAAMI,EAAiBN,EAAKV,MAAMiB,SAAS,YAC3C,MAAMjB,EAAQU,EAAKV,MAAMkB,QAAQ,WAAY,IAAIC,OACjD,MAAMC,EAAejB,EAAQkB,aAAa,SAC1ClB,EAAQW,aACNJ,EAAKE,KACL,GAAGQ,EAAe,GAAGA,KAAkB,KAAKpB,KAE9C,GAAIgB,EAAgB,CAElBX,EAAOS,aAAa,QAAS,W,KACxB,CACLT,EAAOU,gBAAgBL,EAAKE,K,KAOtC,QAAAU,GACE,GAAIzE,KAAKC,KAAOD,KAAKS,YAAa,CAChC,MAAMiE,EAAY1E,KAAKC,IAAM0E,EAC7B,MAAMC,EAAgB5E,KAAKC,IAAM4E,EACjC7E,KAAKG,WAAauE,EAClB1E,KAAKI,gBAAkBJ,KAAKC,IAAM6E,EAClC9E,KAAKK,kBAAoBL,KAAKC,IAAM8E,EACpC/E,KAAKM,eAAiBsE,EACtB,GAAIrC,EAAkBvC,KAAKwC,QAASxC,KAAKyC,aAAc,CACrDzC,KAAKO,WAAamE,C,KACb,CACL1E,KAAKO,WAAaqE,C,CAEpB5E,KAAKS,YAAc,K,EAMvB,MAAAuE,GACEhF,KAAKyE,U,CAGP,QAAAQ,GACEjF,KAAKQ,OAASR,KAAKmD,K,CAIrB,MAAA+B,GACElF,KAAKiF,U,CAGP,gBAAAE,G,MACEnF,KAAKqD,uBAAuBrD,KAAKsB,KAAM,aACvCtB,KAAKS,YAAc,KACnB,MAAM2E,GAAM/D,EAAArB,KAAKqF,MAAE,MAAAhE,SAAA,EAAAA,EAAI,UAAUiE,MACjCtF,KAAKC,IAAMmF,EACXpF,KAAKG,WAAaiF,EAAMT,EACxB3E,KAAKI,gBAAkBgF,EAAMN,EAC7B9E,KAAKK,kBAAoB+E,EAAML,EAC/B/E,KAAKM,eAAiB8E,EAAMP,EAC5B7E,KAAKyE,WACLzE,KAAKiF,U,CAGP,MAAAM,G,oBACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAOC,EAAI,YAAa3F,KAAK4F,WAAU,eACzB5F,KAAK6F,QAAO,kBACTC,EAAY9F,KAAK+F,WAAU,YACjC/F,KAAKgG,KAAI,iBACJF,EAAY9F,KAAKiG,WAEjCT,EAAA,SAAAC,IAAA,2CAAOS,QAASlG,KAAKC,MAAMoB,EAAArB,KAAKkD,SAAK,MAAA7B,SAAA,EAAAA,EAAI8E,GACzCX,EAAA,UAAAC,IAAA,0DACgBzF,KAAKyB,aAAe,UAAS,uBACrBzB,KAAKyB,WAC3B2E,IAAMC,IACJrG,KAAKsB,KAAO+E,CAAE,EAEhBlE,SAAUnC,KAAKmC,SACfmE,SAAUtG,KAAKsG,SACfjB,GAAIrF,KAAKC,IACT8D,KAAM/D,KAAK+D,KACXwC,KAAMvG,KAAKuG,KAErBpD,OAAOvB,EAAA5B,KAAKmD,SAAK,MAAAvB,SAAA,EAAAA,EAAI5B,KAAKQ,OAChBgG,aAAcxG,KAAKwG,aACnBxF,QAAUJ,GAAUZ,KAAKe,YAAYH,GACrCC,QAAUD,GAAUZ,KAAKW,YAAYC,GACrCO,SAAWP,GAAUZ,KAAKkB,aAAaN,GACvC+B,OAAS/B,GAAUZ,KAAK0C,WAAW9B,GACnCkC,QAAUlC,GAAUZ,KAAK6C,YAAYjC,GAAM,mBACzBZ,KAAKO,YAEvBiF,EAAA,UAAAC,IAAA,2CAAQgB,OAAQ,OACfzG,KAAK0G,SACF5E,EAAA9B,KAAK0G,WAAO,MAAA5E,SAAA,SAAAA,EAAE6E,KAAK1D,I,MAAW,OAC5BuC,EAACoB,EAAQ,KACN3D,EAAOyD,QACNlB,EAAA,YAAUtC,MAAOlD,KAAKgD,eAAeC,KAClC5B,EAAA4B,EAAOyD,WAAO,MAAArF,SAAA,SAAAA,EAAEsF,KAAKE,GACpBrB,EAAA,UACEC,IAAKoB,EAAe1D,MAAMC,WAC1BD,MAAO0D,EAAe1D,MACtB2D,SAAUD,EAAeC,SACzBR,SAAUO,EAAeP,UAExBtG,KAAKgD,eAAe6D,OAIzB,MACF5D,EAAOyD,QACPlB,EAAA,UACErC,MAAOF,EAAOE,MACdmD,SAAUrD,EAAOqD,SACjBQ,SAAU7D,EAAO6D,UAEhB9G,KAAKgD,eAAeC,IAErB,KACK,IAEb,KACJuC,EAAA,QAAAC,IAAA,8CAEFD,EAAA,QAAAC,IAAA,2CAAMJ,GAAIrF,KAAKM,iBAAiBqB,EAAA3B,KAAK+G,eAAW,MAAApF,SAAA,EAAAA,EAAI3B,KAAKkD,OACxDX,EAAkBvC,KAAKwC,QAASxC,KAAKyC,aACpC+C,EAAA,eACEe,KAAK,QACLP,KAAMhG,KAAKgH,YACX3B,GAAIrF,KAAKG,YAERH,KAAKwC,SAEN,KACJgD,EAAA,eAAAC,IAAA,2CACEc,KAAK,QACLU,SAAS,aACT5B,GAAIrF,KAAKI,kBAER8B,EAAAlC,KAAKqC,gBAAY,MAAAH,SAAA,EAAAA,EAAII,GAExBkD,EAAA,eAAAC,IAAA,2CACEc,KAAK,QACLU,SAAS,WACT5B,GAAIrF,KAAKK,oBAER6G,GAAA9E,EAAApC,KAAK6B,kBAAc,MAAAO,SAAA,EAAAA,GAClB+E,EAAAnH,KAAKsB,QAAI,MAAA6F,SAAA,SAAAA,EAAEpF,qBAAiB,MAAAmF,SAAA,EAAAA,EAC5BlF,GAEJwD,EAAA,QAAAC,IAAA,kEAA2B,OAAO2B,KAAK,UACpCpH,KAAKU,oB","ignoreList":[]}
+{"version":3,"names":["DBSelect","constructor","hostRef","this","_id","undefined","_messageId","_validMessageId","_invalidMessageId","_placeholderId","_descByIds","_value","initialized","_voiceOverFallback","handleClick","event","onClick","emit","handleInput","onInput","input","handleChange","onChange","change","_a","_ref","validity","valid","validation","hasVoiceOver","_d","_b","invalidMessage","_c","validationMessage","DEFAULT_INVALID_MESSAGE","delay","_e","required","_f","validMessage","DEFAULT_VALID_MESSAGE","stringPropVisible","message","showMessage","handleBlur","onBlur","blur","handleFocus","onFocus","focus","getOptionLabel","option","label","value","toString","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","messageId","DEFAULT_MESSAGE_ID_SUFFIX","placeholderId","DEFAULT_PLACEHOLDER_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","watch0","watch1Fn","watch1","componentDidLoad","mId","id","uuid","render","h","key","class","cls","className","variant","getHideProp","showLabel","icon","showIcon","htmlFor","DEFAULT_LABEL","ref","el","disabled","size","autocomplete","hidden","options","map","Fragment","optgroupOption","selected","placeholder","messageIcon","semantic","_h","_g","role"],"sources":["src/components/select/select.tsx"],"sourcesContent":["import { DBSelectOptionType, DBSelectProps, DBSelectState } from \"./model\";\nimport {\n  cls,\n  delay,\n  getHideProp,\n  hasVoiceOver,\n  stringPropVisible,\n  uuid,\n} from \"../../utils\";\nimport {\n  DEFAULT_INVALID_MESSAGE,\n  DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n  DEFAULT_LABEL,\n  DEFAULT_MESSAGE_ID_SUFFIX,\n  DEFAULT_PLACEHOLDER_ID_SUFFIX,\n  DEFAULT_VALID_MESSAGE,\n  DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport {\n  ChangeEvent,\n  ClickEvent,\n  InputEvent,\n  InteractionEvent,\n} from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\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\n */\n @Component({\n  tag: \"db-select\",\n})\nexport class DBSelect {\n  private _ref!: HTMLSelectElement | null;\n  @Prop() id: DBSelectProps[\"id\"];\n  @Prop() message: DBSelectProps[\"message\"];\n  @Prop() showMessage: DBSelectProps[\"showMessage\"];\n  @Prop() value: DBSelectProps[\"value\"];\n  @Event() onClick: any;\n  @Event() onInput: any;\n  @Prop() input: DBSelectProps[\"input\"];\n  @Event() onChange: any;\n  @Prop() change: DBSelectProps[\"change\"];\n  @Prop() validation: DBSelectProps[\"validation\"];\n  @Prop() invalidMessage: DBSelectProps[\"invalidMessage\"];\n  @Prop() required: DBSelectProps[\"required\"];\n  @Prop() validMessage: DBSelectProps[\"validMessage\"];\n  @Event() onBlur: any;\n  @Prop() blur: DBSelectProps[\"blur\"];\n  @Event() onFocus: any;\n  @Prop() focus: DBSelectProps[\"focus\"];\n  @Prop({attribute: \"classname\"}) className: DBSelectProps[\"className\"];\n  @Prop() variant: DBSelectProps[\"variant\"];\n  @Prop() showLabel: DBSelectProps[\"showLabel\"];\n  @Prop() icon: DBSelectProps[\"icon\"];\n  @Prop() showIcon: DBSelectProps[\"showIcon\"];\n  @Prop() label: DBSelectProps[\"label\"];\n  @Prop() disabled: DBSelectProps[\"disabled\"];\n  @Prop() name: DBSelectProps[\"name\"];\n  @Prop() size: DBSelectProps[\"size\"];\n  @Prop() autocomplete: DBSelectProps[\"autocomplete\"];\n  @Prop() options: DBSelectProps[\"options\"];\n\n  @Prop() placeholder: DBSelectProps[\"placeholder\"];\n  @Prop() messageIcon: DBSelectProps[\"messageIcon\"];\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _placeholderId = \"\";\n  @State() _descByIds = \"\";\n  @State() _value = \"\";\n  @State() initialized = false;\n  @State() _voiceOverFallback = \"\";\n\n  handleClick(event: ClickEvent<HTMLSelectElement>) {\n    if (this.onClick) {\n      this.onClick.emit(event);\n    }\n  }\n  handleInput(event: InputEvent<HTMLSelectElement>) {\n    if (this.onInput) {\n      this.onInput.emit(event);\n    }\n    if (this.input) {\n      this.input(event);\n    }\n  }\n  handleChange(event: ChangeEvent<HTMLSelectElement>) {\n    if (this.onChange) {\n      this.onChange.emit(event);\n    }\n    if (this.change) {\n      this.change(event);\n    }\n    /* For a11y reasons we need to map the correct message with the select */\n    if (!this._ref?.validity.valid || this.validation === \"invalid\") {\n      this._descByIds = this._invalidMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback =\n          this.invalidMessage ??\n          this._ref?.validationMessage ??\n          DEFAULT_INVALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (\n      this.validation === \"valid\" ||\n      (this._ref?.validity.valid && this.required)\n    ) {\n      this._descByIds = this._validMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (stringPropVisible(this.message, this.showMessage)) {\n      this._descByIds = this._messageId;\n    } else {\n      this._descByIds = this._placeholderId;\n    }\n  }\n  handleBlur(event: InteractionEvent<HTMLSelectElement>) {\n    if (this.onBlur) {\n      this.onBlur.emit(event);\n    }\n    if (this.blur) {\n      this.blur(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLSelectElement>) {\n    if (this.onFocus) {\n      this.onFocus.emit(event);\n    }\n    if (this.focus) {\n      this.focus(event);\n    }\n  }\n  getOptionLabel(option: DBSelectOptionType) {\n    return option.label ?? option.value.toString();\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: HTMLSelectElement | 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._id && this.initialized) {\n      const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n      const placeholderId = this._id + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n      this._messageId = messageId;\n      this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n      this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n      this._placeholderId = placeholderId;\n      if (stringPropVisible(this.message, this.showMessage)) {\n        this._descByIds = messageId;\n      } else {\n        this._descByIds = placeholderId;\n      }\n      this.initialized = false;\n    }\n  }\n\n  @Watch(\"_id\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    this._value = this.value;\n  }\n\n  @Watch(\"value\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-select\");\n    this.initialized = true;\n    const mId = this.id ?? `select-${uuid()}`;\n    this._id = mId;\n    this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;\n    this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n    this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n    this._placeholderId = mId + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n    this.watch0Fn();\n    this.watch1Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-select\", this.className)}\n        data-variant={this.variant}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n      >\n        <label htmlFor={this._id}>{this.label ?? DEFAULT_LABEL}</label>\n        <select\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          required={this.required}\n          disabled={this.disabled}\n          id={this._id}\n          name={this.name}\n          size={this.size}\n          /* @ts-ignore */\nvalue={this.value ?? this._value}\n          autocomplete={this.autocomplete}\n          onInput={(event) => this.handleInput(event)}\n          onClick={(event) => this.handleClick(event)}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n          aria-describedby={this._descByIds}\n        >\n          <option hidden={true}></option>\n          {this.options\n            ? this.options?.map((option) => (\n                <Fragment>\n                  {option.options ? (\n                    <optgroup label={this.getOptionLabel(option)}>\n                      {option.options?.map((optgroupOption) => (\n                        <option\n                          key={optgroupOption.value.toString()}\n                          value={optgroupOption.value}\n                          selected={optgroupOption.selected}\n                          disabled={optgroupOption.disabled}\n                        >\n                          {this.getOptionLabel(optgroupOption)}\n                        </option>\n                      ))}\n                    </optgroup>\n                  ) : null}\n                  {!option.options ? (\n                    <option\n                      value={option.value}\n                      disabled={option.disabled}\n                      selected={option.selected}\n                    >\n                      {this.getOptionLabel(option)}\n                    </option>\n                  ) : null}\n                </Fragment>\n              ))\n            : null}\n          <slot></slot>\n        </select>\n        <span id={this._placeholderId}>{this.placeholder ?? this.label}</span>\n        {stringPropVisible(this.message, this.showMessage) ? (\n          <db-infotext\n            size=\"small\"\n            icon={this.messageIcon}\n            id={this._messageId}\n          >\n            {this.message}\n          </db-infotext>\n        ) : null}\n        <db-infotext\n          size=\"small\"\n          semantic=\"successful\"\n          id={this._validMessageId}\n        >\n          {this.validMessage ?? DEFAULT_VALID_MESSAGE}\n        </db-infotext>\n        <db-infotext\n          size=\"small\"\n          semantic=\"critical\"\n          id={this._invalidMessageId}\n        >\n          {this.invalidMessage ??\n            this._ref?.validationMessage ??\n            DEFAULT_INVALID_MESSAGE}\n        </db-infotext>\n        <span data-visually-hidden=\"true\" role=\"status\">\n          {this._voiceOverFallback}\n        </span>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/{p-45bb9feb.js → p-BJJmGwiD.js}

@@ -1,2 +1,2 @@
 const t=()=>{var t,o;if(typeof window!=="undefined"){if((t=window.crypto)===null||t===void 0?void 0:t.randomUUID){return window.crypto.randomUUID()}else if((o=window.crypto)===null||o===void 0?void 0:o.getRandomValues){return window.crypto.getRandomValues(new Uint32Array(3)).join("-")}}return Math.random().toString().substring(2)};const o=(t,n)=>{const e=t.children;Object.values(e).forEach((t=>{t.setAttribute(n.key,n.value);if(t.children.length>0){o(t,n)}}))};const n=(...t)=>{let o="";for(const n of t){if(n){if(typeof n==="string"){o+=`${n} `}else{for(const t in n){if(n[t]){o+=`${t} `}}}}}return o.trim()};const e=t=>{const{left:o,right:n}=t.getBoundingClientRect();const{innerWidth:e}=window;return o>=0&&n<=e};const i=t=>{const{top:o,bottom:n}=t.getBoundingClientRect();const{innerHeight:e}=window;return o>=0&&n<=e};const s=t=>{var o;const{top:n,bottom:e,left:i,right:s}=t.getBoundingClientRect();const{innerHeight:d,innerWidth:r}=window;let u=n<0;let a=e>d;let f=i<0;let c=s>r;const l=t.hasAttribute("data-outside-vy");const w=t.hasAttribute("data-outside-vx");const v=(o=t===null||t===void 0?void 0:t.parentElement)===null||o===void 0?void 0:o.getBoundingClientRect();if(v){if(l){const o=t.getAttribute("data-outside-vy");if(o==="top"){u=v.top-(e-v.bottom)<0}else{a=v.bottom+(v.top-n)>d}}if(w){const o=t.getAttribute("data-outside-vx");if(o==="left"){f=v.left-(s-v.right)<0}else{c=v.right+(v.left-i)>r}}}return{outTop:u,outBottom:a,outLeft:f,outRight:c}};const d=t=>{const{outTop:o,outBottom:n,outLeft:e,outRight:i}=s(t);let d={};if(o||n){d={vy:o?"top":"bottom"};t.setAttribute("data-outside-vy",d.vy)}else{t.removeAttribute("data-outside-vy")}if(e||i){d=Object.assign(Object.assign({},d),{vx:i?"right":"left"});t.setAttribute("data-outside-vx",d.vx)}else{t.removeAttribute("data-outside-vx")}return d};const r=t=>Array.isArray(t)&&t.every((t=>typeof t==="string"));const u=["Mac","iPhone","iPad","iPod"];const a=()=>typeof window!=="undefined"&&u.some((t=>window.navigator.userAgent.includes(t)));const f=(t,o)=>new Promise((()=>setTimeout(t,o)));const c=t=>{if(t){return String(t)}return t};const l=t=>{if(t===undefined||t===null){return undefined}return c(!t)};const w=(t,o)=>{if(o===undefined){return!!t}else{return o&&t}};export{o as a,i as b,n as c,r as d,a as e,f,c as g,d as h,s as i,l as j,w as s,t as u,e as v};
-//# sourceMappingURL=p-45bb9feb.js.map
+//# sourceMappingURL=p-BJJmGwiD.js.map

package/dist/db-ux/p-BJJmGwiD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-BJJmGwiD.js","sources":["src/utils/index.ts"],"sourcesContent":["export const uuid = () => {\n  if (typeof window !== 'undefined') {\n    if (window.crypto?.randomUUID) {\n      return window.crypto.randomUUID();\n    } else if (window.crypto?.getRandomValues) {\n      return window.crypto.getRandomValues(new Uint32Array(3)).join('-');\n    }\n  }\n  return Math.random().toString().substring(2);\n};\nexport const addAttributeToChildren = (element: Element, attribute: {\n  key: string;\n  value: string;\n}) => {\n  const children = element.children;\n  Object.values(children).forEach((child: Element) => {\n    child.setAttribute(attribute.key, attribute.value);\n    if (child.children.length > 0) {\n      addAttributeToChildren(child, attribute);\n    }\n  });\n};\nexport type ClassNameArg = string | {\n  [key: string]: boolean | undefined;\n} | undefined;\nexport const cls = (...args: ClassNameArg[]) => {\n  let result = '';\n  for (const arg of args) {\n    if (arg) {\n      if (typeof arg === 'string') {\n        result += `${arg} `;\n      } else {\n        for (const key in arg) {\n          if (arg[key]) {\n            result += `${key} `;\n          }\n        }\n      }\n    }\n  }\n  return result.trim();\n};\nexport const visibleInVX = (el: Element) => {\n  const {\n    left,\n    right\n  } = el.getBoundingClientRect();\n  const {\n    innerWidth\n  } = window;\n  return left >= 0 && right <= innerWidth;\n};\nexport const visibleInVY = (el: Element) => {\n  const {\n    top,\n    bottom\n  } = el.getBoundingClientRect();\n  const {\n    innerHeight\n  } = window;\n  return top >= 0 && bottom <= innerHeight;\n};\nexport const isInView = (el: Element) => {\n  const {\n    top,\n    bottom,\n    left,\n    right\n  } = el.getBoundingClientRect();\n  const {\n    innerHeight,\n    innerWidth\n  } = window;\n  let outTop = top < 0;\n  let outBottom = bottom > innerHeight;\n  let outLeft = left < 0;\n  let outRight = right > innerWidth;\n\n  // We need to check if it was already outside\n  const outsideY = el.hasAttribute('data-outside-vy');\n  const outsideX = el.hasAttribute('data-outside-vx');\n  const parentRect = el?.parentElement?.getBoundingClientRect();\n  if (parentRect) {\n    if (outsideY) {\n      const position = el.getAttribute('data-outside-vy');\n      if (position === 'top') {\n        outTop = parentRect.top - (bottom - parentRect.bottom) < 0;\n      } else {\n        outBottom = parentRect.bottom + (parentRect.top - top) > innerHeight;\n      }\n    }\n    if (outsideX) {\n      const position = el.getAttribute('data-outside-vx');\n      if (position === 'left') {\n        outLeft = parentRect.left - (right - parentRect.right) < 0;\n      } else {\n        outRight = parentRect.right + (parentRect.left - left) > innerWidth;\n      }\n    }\n  }\n  return {\n    outTop,\n    outBottom,\n    outLeft,\n    outRight\n  };\n};\nexport interface DBDataOutsidePair {\n  vx?: 'left' | 'right';\n  vy?: 'top' | 'bottom';\n}\nexport const handleDataOutside = (el: Element): DBDataOutsidePair => {\n  const {\n    outTop,\n    outBottom,\n    outLeft,\n    outRight\n  } = isInView(el);\n  let dataOutsidePair: DBDataOutsidePair = {};\n  if (outTop || outBottom) {\n    dataOutsidePair = {\n      vy: outTop ? 'top' : 'bottom'\n    };\n    el.setAttribute('data-outside-vy', dataOutsidePair.vy!);\n  } else {\n    el.removeAttribute('data-outside-vy');\n  }\n  if (outLeft || outRight) {\n    dataOutsidePair = {\n      ...dataOutsidePair,\n      vx: outRight ? 'right' : 'left'\n    };\n    el.setAttribute('data-outside-vx', dataOutsidePair.vx!);\n  } else {\n    el.removeAttribute('data-outside-vx');\n  }\n  return dataOutsidePair;\n};\nexport const isArrayOfStrings = (value: unknown): value is string[] => Array.isArray(value) && value.every(item => typeof item === 'string');\nconst appleOs = ['Mac', 'iPhone', 'iPad', 'iPod'];\nexport const hasVoiceOver = (): boolean => typeof window !== 'undefined' && appleOs.some(os => window.navigator.userAgent.includes(os));\nexport const delay = (fn: () => void, ms: number) => new Promise(() => setTimeout(fn, ms));\n\n/**\n * Some frameworks like stencil would not add \"true\" as value for a prop\n * if it is used in a framework like angular e.g.: [disabled]=\"myDisabledProp\"\n * @param originBool Some boolean to convert to string\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const getBooleanAsString = (originBool?: boolean): any => {\n  if (originBool) {\n    return String(originBool);\n  }\n  return originBool;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const getHideProp = (show?: boolean): any => {\n  if (show === undefined || show === null) {\n    return undefined;\n  }\n  return getBooleanAsString(!show);\n};\nexport const stringPropVisible = (givenString?: string, showString?: boolean) => {\n  if (showString === undefined) {\n    return !!givenString;\n  } else {\n    return showString && givenString;\n  }\n};\nexport default {\n  cls,\n  addAttributeToChildren,\n  uuid,\n  visibleInVX,\n  visibleInVY,\n  isInView,\n  handleDataOutside,\n  isArrayOfStrings,\n  hasVoiceOver,\n  delay,\n  getBooleanAsString,\n  getHideProp,\n  stringPropVisible\n}"],"names":[],"mappings":"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"}

package/dist/db-ux/{p-0cdf053e.js → p-CNYyu0D-.js}

@@ -1,2 +1,2 @@
-import{h as t}from"./p-45bb9feb.js";const i=t=>{var i,s;const{target:n}=t;return Boolean(!((i=n===null||n===void 0?void 0:n.classList)===null||i===void 0?void 0:i.contains("db-navigation-item-expand-button"))&&((s=n===null||n===void 0?void 0:n.parentElement)===null||s===void 0?void 0:s.classList.contains("db-navigation-item")))};class s{constructor(t,i){var s;this.parentSubNavigation=null;this.initialized=false;this.mouseX=0;this.mouseY=0;this.element=t;this.subNavigation=i;if(!this.element||!this.subNavigation){return}this.parentSubNavigation=(s=this.element)===null||s===void 0?void 0:s.closest(".db-sub-navigation");if(this.parentSubNavigation&&!this.element.closest(".db-drawer")){this.init()}}init(){var t,i,s;const n=(i=(t=this.parentSubNavigation)===null||t===void 0?void 0:t.getBoundingClientRect().width)!==null&&i!==void 0?i:0;(s=this.element)===null||s===void 0?void 0:s.style.setProperty("--db-navigation-item-inline-size",`${n}px`);this.initialized=true}enableFollow(){var i,s;if(!this.initialized||this.triangleData||!this.element||!this.subNavigation){return}const n=t(this.subNavigation);const h=this.element.getBoundingClientRect();const e=(s=(i=this.parentSubNavigation)===null||i===void 0?void 0:i.getBoundingClientRect().width)!==null&&s!==void 0?s:0;this.triangleData={itemRect:h,parentElementWidth:e,subNavigationHeight:this.subNavigation.getBoundingClientRect().height,padding:(e-h.width)/2,outsideVX:n.vx,outsideVY:n.vy}}disableFollow(){this.triangleData=undefined}getTriangleTipX(){if(!this.triangleData)return 0;if(this.triangleData.outsideVX==="right"){return this.triangleData.itemRect.width-this.mouseX}return Math.min(this.mouseX,this.triangleData.itemRect.width*.75)}getTriangleTipY(){if(!this.triangleData)return 0;const t=Math.max(Math.min(this.mouseY,this.triangleData.itemRect.height),0)+this.triangleData.padding;if(this.triangleData.outsideVY==="bottom"){return t+(this.triangleData.subNavigationHeight-this.triangleData.padding*2-this.triangleData.itemRect.height)}return t}hasMouseEnteredSubNavigation(){if(!this.triangleData){return false}const t=this.triangleData.outsideVX==="right";if(t&&this.mouseX<-1*this.triangleData.padding){return true}if(!t&&this.mouseX>this.triangleData.parentElementWidth-this.triangleData.padding){return true}return false}getTriangleCoordinates(t){if(!this.triangleData){return}if(t==="fill-gap"){const t=`${this.triangleData.itemRect.height+2*this.triangleData.padding}px`;const i=`${this.triangleData.parentElementWidth-this.triangleData.padding}px`;return{lb:`${i} ${t}`,lt:`${i} 0`,rt:"100% 0",rb:`100% ${t}`}}const i=this.getTriangleTipX();const s=this.getTriangleTipY();const n=`${i}px ${s}px`;const h=`${i}px ${s}px`;return{lb:n,lt:h,rt:"100% 0",rb:"100% 100%"}}followByMouseEvent(t){if(!this.initialized||!this.triangleData||!this.element||!this.subNavigation){return}this.mouseX=t.clientX-this.triangleData.itemRect.left;this.mouseY=t.clientY-this.triangleData.itemRect.top;const i=this.hasMouseEnteredSubNavigation();const s=this.getTriangleCoordinates(i?"fill-gap":"safe-triangle");if(!s){return}this.element.style.setProperty("--db-navigation-item-clip-path",`polygon(${s.lb}, ${s.lt}, ${s.rt}, ${s.rb})`);if(i){this.triangleData=undefined}}}export{s as N,i};
-//# sourceMappingURL=p-0cdf053e.js.map
+import{h as t}from"./p-BJJmGwiD.js";const i=t=>{var i,s;const{target:n}=t;return Boolean(!((i=n===null||n===void 0?void 0:n.classList)===null||i===void 0?void 0:i.contains("db-navigation-item-expand-button"))&&((s=n===null||n===void 0?void 0:n.parentElement)===null||s===void 0?void 0:s.classList.contains("db-navigation-item")))};class s{constructor(t,i){var s;this.parentSubNavigation=null;this.initialized=false;this.mouseX=0;this.mouseY=0;this.element=t;this.subNavigation=i;if(!this.element||!this.subNavigation){return}this.parentSubNavigation=(s=this.element)===null||s===void 0?void 0:s.closest(".db-sub-navigation");if(this.parentSubNavigation&&!this.element.closest(".db-drawer")){this.init()}}init(){var t,i,s;const n=(i=(t=this.parentSubNavigation)===null||t===void 0?void 0:t.getBoundingClientRect().width)!==null&&i!==void 0?i:0;(s=this.element)===null||s===void 0?void 0:s.style.setProperty("--db-navigation-item-inline-size",`${n}px`);this.initialized=true}enableFollow(){var i,s;if(!this.initialized||this.triangleData||!this.element||!this.subNavigation){return}const n=t(this.subNavigation);const h=this.element.getBoundingClientRect();const o=(s=(i=this.parentSubNavigation)===null||i===void 0?void 0:i.getBoundingClientRect().width)!==null&&s!==void 0?s:0;this.triangleData={itemRect:h,parentElementWidth:o,subNavigationHeight:this.subNavigation.getBoundingClientRect().height,padding:(o-h.width)/2,outsideVX:n.vx,outsideVY:n.vy}}disableFollow(){this.triangleData=undefined}getTriangleTipX(){if(!this.triangleData)return 0;if(this.triangleData.outsideVX==="right"){return this.triangleData.itemRect.width-this.mouseX}return Math.min(this.mouseX,this.triangleData.itemRect.width*.75)}getTriangleTipY(){if(!this.triangleData)return 0;const t=Math.max(Math.min(this.mouseY,this.triangleData.itemRect.height),0)+this.triangleData.padding;if(this.triangleData.outsideVY==="bottom"){return t+(this.triangleData.subNavigationHeight-this.triangleData.padding*2-this.triangleData.itemRect.height)}return t}hasMouseEnteredSubNavigation(){if(!this.triangleData){return false}const t=this.triangleData.outsideVX==="right";if(t&&this.mouseX<-1*this.triangleData.padding){return true}if(!t&&this.mouseX>this.triangleData.parentElementWidth-this.triangleData.padding){return true}return false}getTriangleCoordinates(t){if(!this.triangleData){return}if(t==="fill-gap"){const t=`${this.triangleData.itemRect.height+2*this.triangleData.padding}px`;const i=`${this.triangleData.parentElementWidth-this.triangleData.padding}px`;return{lb:`${i} ${t}`,lt:`${i} 0`,rt:"100% 0",rb:`100% ${t}`}}const i=this.getTriangleTipX();const s=this.getTriangleTipY();const n=`${i}px ${s}px`;const h=`${i}px ${s}px`;return{lb:n,lt:h,rt:"100% 0",rb:"100% 100%"}}followByMouseEvent(t){if(!this.initialized||!this.triangleData||!this.element||!this.subNavigation){return}this.mouseX=t.clientX-this.triangleData.itemRect.left;this.mouseY=t.clientY-this.triangleData.itemRect.top;const i=this.hasMouseEnteredSubNavigation();const s=this.getTriangleCoordinates(i?"fill-gap":"safe-triangle");if(!s){return}this.element.style.setProperty("--db-navigation-item-clip-path",`polygon(${s.lb}, ${s.lt}, ${s.rt}, ${s.rb})`);if(i){this.triangleData=undefined}}}export{s as N,i};
+//# sourceMappingURL=p-CNYyu0D-.js.map

package/dist/db-ux/p-CNYyu0D-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-CNYyu0D-.js","sources":["src/utils/navigation.ts"],"sourcesContent":["import { handleDataOutside } from './index';\nexport type TriangleData = {\n  itemRect: DOMRect;\n  parentElementWidth: number;\n  subNavigationHeight: number;\n  padding: number;\n  outsideVX: 'left' | 'right' | undefined;\n  outsideVY: 'top' | 'bottom' | undefined;\n};\nexport const isEventTargetNavigationItem = (event: unknown): boolean => {\n  const {\n    target\n  } = event as {\n    target: HTMLElement;\n  };\n  return Boolean(!target?.classList?.contains('db-navigation-item-expand-button') && target?.parentElement?.classList.contains('db-navigation-item'));\n};\nexport class NavigationItemSafeTriangle {\n  private readonly element: HTMLElement | null;\n  private readonly subNavigation: Element | null;\n  private readonly parentSubNavigation: Element | null = null;\n  private triangleData?: TriangleData;\n  private initialized: boolean = false;\n  private mouseX: number = 0;\n  private mouseY: number = 0;\n  constructor(element: HTMLElement | null, subNavigation: Element | null) {\n    this.element = element;\n    this.subNavigation = subNavigation;\n    if (!this.element || !this.subNavigation) {\n      return;\n    }\n    this.parentSubNavigation = this.element?.closest('.db-sub-navigation');\n\n    /*\n     * only initiate if:\n     * 1. item is not at root navigation level\n     * 2. item is not in the mobile navigation / within db-drawer\n     */\n    if (this.parentSubNavigation && !this.element.closest('.db-drawer')) {\n      this.init();\n    }\n  }\n  private init() {\n    const parentElementWidth = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;\n\n    // the triangle has the width of the sub-navigation, current nav-item can be wider.\n    // so the width of the triangle must be adapted to a possibly wider nav-item.\n    this.element?.style.setProperty('--db-navigation-item-inline-size', `${parentElementWidth}px`);\n    this.initialized = true;\n  }\n  public enableFollow() {\n    if (!this.initialized || this.triangleData || !this.element || !this.subNavigation) {\n      return;\n    }\n    const dataOutsidePair = handleDataOutside(this.subNavigation);\n    const itemRect = this.element.getBoundingClientRect();\n    const parentElementWidth = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;\n    this.triangleData = {\n      itemRect,\n      parentElementWidth,\n      subNavigationHeight: this.subNavigation.getBoundingClientRect().height,\n      padding: (parentElementWidth - itemRect.width) / 2,\n      outsideVX: dataOutsidePair.vx,\n      outsideVY: dataOutsidePair.vy\n    };\n  }\n  public disableFollow() {\n    this.triangleData = undefined;\n  }\n  private getTriangleTipX(): number {\n    if (!this.triangleData) return 0;\n    if (this.triangleData.outsideVX === 'right') {\n      // vertical flipped triangle needs an inverted x pos\n      return this.triangleData.itemRect.width - this.mouseX;\n    }\n\n    // triangle stops shrinking from 75% x pos\n    return Math.min(this.mouseX, this.triangleData.itemRect.width * 0.75);\n  }\n  private getTriangleTipY(): number {\n    if (!this.triangleData) return 0;\n\n    // padding must be added to the y pos of the tip so that the y pos matches the cursor\n    const mouseYLimited = Math.max(Math.min(this.mouseY, this.triangleData.itemRect.height), 0) + this.triangleData.padding;\n    if (this.triangleData.outsideVY === 'bottom') {\n      // add offset to tip y pos to match corrected sub-navigation y pos\n      return mouseYLimited + (this.triangleData.subNavigationHeight - this.triangleData.padding * 2 - this.triangleData.itemRect.height);\n    }\n    return mouseYLimited;\n  }\n  private hasMouseEnteredSubNavigation(): boolean {\n    if (!this.triangleData) {\n      return false;\n    }\n    const isSubNavigationOnLeftSide = this.triangleData.outsideVX === 'right';\n    if (isSubNavigationOnLeftSide && this.mouseX < -1 * this.triangleData.padding) {\n      return true;\n    }\n    if (!isSubNavigationOnLeftSide && this.mouseX > this.triangleData.parentElementWidth - this.triangleData.padding) {\n      return true;\n    }\n    return false;\n  }\n  private getTriangleCoordinates(variant: 'safe-triangle' | 'fill-gap'): undefined | {\n    lb: string;\n    lt: string;\n    rt: string;\n    rb: string;\n  } {\n    if (!this.triangleData) {\n      return;\n    }\n    if (variant === 'fill-gap') {\n      const itemHeight = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`;\n      const xStart = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;\n      return {\n        lb: `${xStart} ${itemHeight}`,\n        lt: `${xStart} 0`,\n        rt: '100% 0',\n        rb: `100% ${itemHeight}`\n      };\n    }\n    const tipX = this.getTriangleTipX();\n    const tipY = this.getTriangleTipY();\n    const lb = `${tipX}px ${tipY}px`;\n    const lt = `${tipX}px ${tipY}px`;\n    return {\n      lb,\n      lt,\n      rt: '100% 0',\n      rb: '100% 100%'\n    };\n  }\n  public followByMouseEvent(event: MouseEvent) {\n    if (!this.initialized || !this.triangleData || !this.element || !this.subNavigation) {\n      return;\n    }\n    this.mouseX = event.clientX - this.triangleData.itemRect.left;\n    this.mouseY = event.clientY - this.triangleData.itemRect.top;\n    const isOverSubNavigation = this.hasMouseEnteredSubNavigation();\n    const coordinates = this.getTriangleCoordinates(isOverSubNavigation ? 'fill-gap' : 'safe-triangle');\n    if (!coordinates) {\n      return;\n    }\n    this.element.style.setProperty('--db-navigation-item-clip-path', `polygon(${coordinates.lb}, ${coordinates.lt}, ${coordinates.rt}, ${coordinates.rb})`);\n    if (isOverSubNavigation) {\n      this.triangleData = undefined;\n    }\n  }\n}\nexport default {\n  isEventTargetNavigationItem,\n  NavigationItemSafeTriangle\n}"],"names":[],"mappings":"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"}

package/dist/db-ux/{p-af3834b6.js → p-CNj9Jn9q.js}

@@ -1,2 +1,2 @@
 const a="OVERWRITE_DEFAULT_ID";const s="LABEL SHOULD BE SET";const n=" ";const e="-message";const c="-valid-message";const t="-invalid-message";const i="-placeholder";const l="-datalist";const b="TODO: Add a validMessage";const r="TODO: Add an invalidMessage";const o="Back";const g="BurgerMenu";const u="brand";const v=4;const f="Close Button";const d="density";const m="color";var p;(function(a){a["FUNCTIONAL"]="functional";a["REGULAR"]="regular";a["EXPRESSIVE"]="expressive"})(p||(p={}));const O=Object.entries(p).map((([,a])=>a));var h;(function(a){a["PRIMARY"]="primary"})(h||(h={}));var w;(function(a){a["NEUTRAL_BG_LEVEL_1"]="neutral-bg-basic-level-1";a["NEUTRAL_BG_LEVEL_2"]="neutral-bg-basic-level-2";a["NEUTRAL_BG_LEVEL_3"]="neutral-bg-basic-level-3";a["NEUTRAL_BG_TRANSPARENT_SEMI"]="neutral-bg-basic-transparent-semi";a["NEUTRAL_BG_TRANSPARENT_FULL"]="neutral-bg-basic-transparent-full";a["BRAND_BG_LEVEL_1"]="brand-bg-basic-level-1";a["BRAND_BG_LEVEL_2"]="brand-bg-basic-level-2";a["BRAND_BG_LEVEL_3"]="brand-bg-basic-level-3";a["BRAND_BG_TRANSPARENT_SEMI"]="brand-bg-basic-transparent-semi";a["BRAND_BG_TRANSPARENT_FULL"]="brand-bg-basic-transparent-full";a["SUCCESSFUL_BG_LEVEL_1"]="successful-bg-basic-level-1";a["SUCCESSFUL_BG_LEVEL_2"]="successful-bg-basic-level-2";a["SUCCESSFUL_BG_LEVEL_3"]="successful-bg-basic-level-3";a["SUCCESSFUL_BG_TRANSPARENT_SEMI"]="successful-bg-basic-transparent-semi";a["SUCCESSFUL_BG_TRANSPARENT_FULL"]="successful-bg-basic-transparent-full";a["CRITICAL_BG_LEVEL_1"]="critical-bg-basic-level-1";a["CRITICAL_BG_LEVEL_2"]="critical-bg-basic-level-2";a["CRITICAL_BG_LEVEL_3"]="critical-bg-basic-level-3";a["CRITICAL_BG_TRANSPARENT_SEMI"]="critical-bg-basic-transparent-semi";a["CRITICAL_BG_TRANSPARENT_Full"]="critical-bg-basic-transparent-full";a["WARNING_BG_LEVEL_1"]="warning-bg-basic-level-1";a["WARNING_BG_LEVEL_2"]="warning-bg-basic-level-2";a["WARNING_BG_LEVEL_3"]="warning-bg-basic-level-3";a["WARNING_BG_TRANSPARENT_SEMI"]="warning-bg-basic-transparent-semi";a["WARNING_BG_TRANSPARENT_FULL"]="warning-bg-basic-transparent-full";a["INFORMATIONAL_BG_LEVEL_1"]="informational-bg-basic-level-1";a["INFORMATIONAL_BG_LEVEL_2"]="informational-bg-basic-level-2";a["INFORMATIONAL_BG_LEVEL_3"]="informational-bg-basic-level-3";a["INFORMATIONAL_BG_TRANSPARENT_SEMI"]="informational-bg-basic-transparent-semi";a["INFORMATIONAL_BG_TRANSPARENT_FULL"]="informational-bg-basic-transparent-full"})(w||(w={}));const j=Object.entries(w).map((([,a])=>a));const D=Object.entries(h).map((([,a])=>a));var E;(function(a){a["CRITICAL"]="critical";a["INFORMATIONAL"]="informational";a["WARNING"]="warning";a["SUCCESSFUL"]="successful"})(E||(E={}));const T=Object.entries(E).map((([,a])=>a));const B={width:390,height:884};const A={width:1920,height:1280};const L=[Object.assign({name:"desktop"},A),{name:"tablet",width:768,height:1024},Object.assign({name:"mobile"},B)];export{m as C,a as D,E as S,L as T,s as a,n as b,e as c,c as d,t as e,i as f,l as g,b as h,r as i,o as j,g as k,u as l,v as m,f as n,d as o,p,O as q,h as r,w as s,j as t,D as u,T as v,B as w,A as x};
-//# sourceMappingURL=p-af3834b6.js.map
+//# sourceMappingURL=p-CNj9Jn9q.js.map

package/dist/db-ux/p-CNj9Jn9q.js.map

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

package/dist/db-ux/p-D-D8lQAG.js

@@ -0,0 +1,3 @@
+const e="db-ux";const t={hydratedSelectorName:"hydrated",lazyLoad:true,shadowDom:false,slotRelocation:true,updatable:true};var n=Object.defineProperty;var r=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var i=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var o=(e,t)=>{e.__stencil__getHostRef=()=>t;t.t=e};var l=(e,t)=>{const n={i:0,$hostElement$:e,o:t,l:new Map};{n.u=new Promise((e=>n.v=e));e["s-p"]=[];e["s-rc"]=[]}const r=n;e.__stencil__getHostRef=()=>r;return r};var s=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var a=new Map;var c=(e,t,n)=>{const r=e.h.replace(/-/g,"_");const i=e.p;if(!i){return void 0}const o=a.get(i);if(o){return o[r]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${i}.entry.js${""}`).then((e=>{{a.set(i,e)}return e[r]}),(e=>{f(e,t.$hostElement$)}))};var u="{visibility:hidden}.hydrated{visibility:inherit}";var v="slot-fb{display:contents}slot-fb[hidden]{display:none}";var d=typeof window!=="undefined"?window:{};var h={i:0,m:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var p=t.shadowDom;var m=e=>Promise.resolve(e);var b=false;var y=[];var w=[];var $=(e,t)=>n=>{e.push(n);if(!b){b=true;if(t&&h.i&4){k(j)}else{h.raf(j)}}};var g=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var j=()=>{g(y);{g(w);if(b=y.length>0){h.raf(j)}}};var k=e=>m().then(e);var O=$(w,true);var S=e=>{e=typeof e;return e==="object"||e==="function"};function E(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var C={};r(C,{err:()=>R,map:()=>M,ok:()=>N,unwrap:()=>T,unwrapErr:()=>x});var N=e=>({isOk:true,isErr:false,value:e});var R=e=>({isOk:false,isErr:true,value:e});function M(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>N(e)))}else{return N(n)}}if(e.isErr){const t=e.value;return R(t)}throw"should never get here"}var T=e=>{if(e.isOk){return e.value}else{throw e.value}};var x=e=>{if(e.isErr){return e.value}else{throw e.value}};var F=e=>{const t=_(e,"childNodes");if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){P(t,e.tagName).forEach((e=>{if(e.nodeType===1&&e.tagName==="SLOT-FB"){if(U(e,W(e),false).length){e.hidden=true}else{e.hidden=false}}}))}let n=0;for(n=0;n<t.length;n++){const e=t[n];if(e.nodeType===1&&_(e,"childNodes").length){F(e)}}};var L=e=>{const t=[];for(let n=0;n<e.length;n++){const r=e[n]["s-nr"]||void 0;if(r&&r.isConnected){t.push(r)}}return t};function P(e,t,n){let r=0;let i=[];let o;for(;r<e.length;r++){o=e[r];if(o["s-sr"]&&(!t||o["s-hn"]===t)&&n===void 0){i.push(o)}i=[...i,...P(o.childNodes,t,n)]}return i}var U=(e,t,n=true)=>{const r=[];if(n&&e["s-sr"]||!e["s-sr"])r.push(e);let i=e;while(i=i.nextSibling){if(W(i)===t&&(n||!i["s-sr"]))r.push(i)}return r};var D=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var W=e=>typeof e["s-sn"]==="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function A(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const n=[];const r=this["s-sn"];if(e==null?void 0:e.flatten){console.error(`\n          Flattening is not supported for Stencil non-shadow slots. \n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `)}const i=this["s-cr"].parentElement;const o=i.__childNodes?i.childNodes:L(i.childNodes);o.forEach((e=>{if(r===W(e)){n.push(e)}}));if(t){return n.filter((e=>e.nodeType===1))}return n}.bind(e);e.assignedElements=t(true);e.assignedNodes=t(false)}function _(e,t){if("__"+t in e){const n=e["__"+t];if(typeof n!=="function")return n;return n.bind(e)}else{if(typeof e[t]!=="function")return e[t];return e[t].bind(e)}}var z=(e,t="")=>{{return()=>{}}};var B=(e,t)=>{{return()=>{}}};var I=(e,t,...n)=>{let r=null;let i=null;let o=null;let l=false;let s=false;const f=[];const a=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){a(r)}else if(r!=null&&typeof r!=="boolean"){if(l=typeof e!=="function"&&!S(r)){r=String(r)}if(l&&s){f[f.length-1].$+=r}else{f.push(l?H(null,r):r)}s=l}}};a(n);if(t){if(t.key){i=t.key}if(t.name){o=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,q)}const c=H(e,null);c.j=t;if(f.length>0){c.k=f}{c.O=i}{c.S=o}return c};var H=(e,t)=>{const n={i:0,C:e,$:t,N:null,k:null};{n.j=null}{n.O=null}{n.S=null}return n};var V={};var Y=e=>e&&e.C===V;var q={forEach:(e,t)=>e.map(G).forEach(t),map:(e,t)=>e.map(G).map(t).map(J)};var G=e=>({vattrs:e.j,vchildren:e.k,vkey:e.O,vname:e.S,vtag:e.C,vtext:e.$});var J=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return I(e.vtag,t,...e.vchildren||[])}const t=H(e.vtag,e.vtext);t.j=e.vattrs;t.k=e.vchildren;t.O=e.vkey;t.S=e.vname;return t};var K=(e,t)=>{if(e!=null&&!S(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var Q=e=>i(e).$hostElement$;var X=(e,t,n)=>{const r=Q(e);return{emit:e=>Z(r,t,{bubbles:true,composed:true,cancelable:true,detail:e})}};var Z=(e,t,n)=>{const r=h.ce(t,n);e.dispatchEvent(r);return r};var ee=new WeakMap;var te=(e,t,n,r,i,o,l)=>{if(n===r){return}let f=s(e,t);let a=t.toLowerCase();if(t==="class"){const t=e.classList;const i=re(n);let o=re(r);{t.remove(...i.filter((e=>e&&!o.includes(e))));t.add(...o.filter((e=>e&&!i.includes(e))))}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!f&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(s(d,a)){t=a.slice(2)}else{t=a[2]+t.slice(3)}if(n||r){const i=t.endsWith(ie);t=t.replace(oe,"");if(n){h.rel(e,t,n,i)}if(r){h.ael(e,t,r,i)}}}else{const l=S(r);if((f||l&&r!==null)&&true){try{if(!e.tagName.includes("-")){const i=r==null?"":r;if(t==="list"){f=false}else if(n==null||e[t]!=i){if(typeof e.__lookupSetter__(t)==="function"){e[t]=i}else{e.setAttribute(t,i)}}}else if(e[t]!==r){e[t]=r}}catch(e){}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!f||o&4||i)&&!l&&e.nodeType===1){r=r===true?"":r;{e.setAttribute(t,r)}}}};var ne=/\s/;var re=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(ne)};var ie="Capture";var oe=new RegExp(ie+"$");var le=(e,t,n,r)=>{const i=t.N.nodeType===11&&t.N.host?t.N.host:t.N;const o=e&&e.j||{};const l=t.j||{};{for(const e of se(Object.keys(o))){if(!(e in l)){te(i,e,o[e],void 0,n,t.i)}}}for(const e of se(Object.keys(l))){te(i,e,o[e],l[e],n,t.i)}};function se(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var fe;var ae;var ce=false;var ue=false;var ve=false;var de=false;var he=(e,n,r)=>{var i;const o=n.k[r];let l=0;let s;let f;let a;if(!ce){ve=true;if(o.C==="slot"){o.i|=o.k?2:1}}if(o.$!==null){s=o.N=d.document.createTextNode(o.$)}else if(o.i&1){s=o.N=d.document.createTextNode("");{le(null,o,de)}}else{if(!d.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}s=o.N=d.document.createElement(!ce&&t.slotRelocation&&o.i&2?"slot-fb":o.C);{le(null,o,de)}if(o.k){for(l=0;l<o.k.length;++l){f=he(e,o,l);if(f){s.appendChild(f)}}}}s["s-hn"]=ae;{if(o.i&(2|1)){s["s-sr"]=true;s["s-cr"]=fe;s["s-sn"]=o.S||"";s["s-rf"]=(i=o.j)==null?void 0:i.ref;A(s);a=e&&e.k&&e.k[r];if(a&&a.C===o.C&&e.N){{pe(e.N,false)}}}}return s};var pe=(e,t)=>{h.i|=1;const n=Array.from(e.__childNodes||e.childNodes);for(let e=n.length-1;e>=0;e--){const r=n[e];if(r["s-hn"]!==ae&&r["s-ol"]){Se($e(r).parentNode,r,$e(r));r["s-ol"].remove();r["s-ol"]=void 0;r["s-sh"]=void 0;ve=true}if(t){pe(r,t)}}h.i&=-2};var me=(e,t,n,r,i,o)=>{let l=e["s-cr"]&&e["s-cr"].parentNode||e;let s;for(;i<=o;++i){if(r[i]){s=he(null,n,i);if(s){r[i].N=s;Se(l,s,$e(t))}}}};var be=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.N;Oe(t);if(e){{ue=true;if(e["s-ol"]){e["s-ol"].remove()}else{pe(e,true)}}e.remove()}}}};var ye=(e,t,n,r,i=false)=>{let o=0;let l=0;let s=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=r.length-1;let d=r[0];let h=r[v];let p;let m;while(o<=a&&l<=v){if(c==null){c=t[++o]}else if(u==null){u=t[--a]}else if(d==null){d=r[++l]}else if(h==null){h=r[--v]}else if(we(c,d,i)){ge(c,d,i);c=t[++o];d=r[++l]}else if(we(u,h,i)){ge(u,h,i);u=t[--a];h=r[--v]}else if(we(c,h,i)){if(c.C==="slot"||h.C==="slot"){pe(c.N.parentNode,false)}ge(c,h,i);Se(e,c.N,u.N.nextSibling);c=t[++o];h=r[--v]}else if(we(u,d,i)){if(c.C==="slot"||h.C==="slot"){pe(u.N.parentNode,false)}ge(u,d,i);Se(e,u.N,c.N);u=t[--a];d=r[++l]}else{s=-1;{for(f=o;f<=a;++f){if(t[f]&&t[f].O!==null&&t[f].O===d.O){s=f;break}}}if(s>=0){m=t[s];if(m.C!==d.C){p=he(t&&t[l],n,s)}else{ge(m,d,i);t[s]=void 0;p=m.N}d=r[++l]}else{p=he(t&&t[l],n,l);d=r[++l]}if(p){{Se($e(c.N).parentNode,p,$e(c.N))}}}}if(o>a){me(e,r[v+1]==null?null:r[v+1].N,n,r,l,v)}else if(l>v){be(t,o,a)}};var we=(e,t,n=false)=>{if(e.C===t.C){if(e.C==="slot"){return e.S===t.S}if(!n){return e.O===t.O}if(n&&!e.O&&t.O){e.O=t.O}return true}return false};var $e=e=>e&&e["s-ol"]||e;var ge=(e,n,r=false)=>{const i=n.N=e.N;const o=e.k;const l=n.k;const s=n.$;let f;if(s===null){{le(e,n,de)}if(o!==null&&l!==null){ye(i,o,n,l,r)}else if(l!==null){if(e.$!==null){i.textContent=""}me(i,null,n,l,0,l.length-1)}else if(!r&&t.updatable&&o!==null){be(o,0,o.length-1)}}else if(f=i["s-cr"]){f.parentNode.textContent=s}else if(e.$!==s){i.data=s}};var je=[];var ke=e=>{let t;let n;let r;const i=e.__childNodes||e.childNodes;for(const e of i){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const i=e["s-sn"];for(r=n.length-1;r>=0;r--){t=n[r];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==e["s-hn"]&&true){if(D(t,i)){let n=je.find((e=>e.R===t));ue=true;t["s-sn"]=t["s-sn"]||i;if(n){n.R["s-sh"]=e["s-hn"];n.M=e}else{t["s-sh"]=e["s-hn"];je.push({M:e,R:t})}if(t["s-sr"]){je.map((e=>{if(D(e.R,t["s-sn"])){n=je.find((e=>e.R===t));if(n&&!e.M){e.M=n.M}}}))}}else if(!je.some((e=>e.R===t))){je.push({R:t})}}}}if(e.nodeType===1){ke(e)}}};var Oe=e=>{{e.j&&e.j.ref&&e.j.ref(null);e.k&&e.k.map(Oe)}};var Se=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var Ee=(e,t,n=false)=>{var r,i,o,l;const s=e.$hostElement$;const f=e.T||H(null,null);const a=Y(t)?t:I(null,null,t);ae=s.tagName;if(n&&a.j){for(const e of Object.keys(a.j)){if(s.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){a.j[e]=s[e]}}}a.C=null;a.i|=4;e.T=a;a.N=f.N=s;ce=p;{fe=s["s-cr"];ue=false}ge(f,a,n);{h.i|=1;if(ve){ke(a.N);for(const e of je){const t=e.R;if(!t["s-ol"]&&d.document){const e=d.document.createTextNode("");e["s-nr"]=t;Se(t.parentNode,t["s-ol"]=e,t)}}for(const e of je){const t=e.R;const s=e.M;if(s){const e=s.parentNode;let n=s.nextSibling;{let o=(r=t["s-ol"])==null?void 0:r.previousSibling;while(o){let r=(i=o["s-nr"])!=null?i:null;if(r&&r["s-sn"]===t["s-sn"]&&e===(r.__parentNode||r.parentNode)){r=r.nextSibling;while(r===t||(r==null?void 0:r["s-sr"])){r=r==null?void 0:r.nextSibling}if(!r||!r["s-nr"]){n=r;break}}o=o.previousSibling}}const l=t.__parentNode||t.parentNode;const f=t.__nextSibling||t.nextSibling;if(!n&&e!==l||f!==n){if(t!==n){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Se(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(o=t["s-ih"])!=null?o:false}}}t&&typeof s["s-rf"]==="function"&&s["s-rf"](s)}else{if(t.nodeType===1){if(n){t["s-ih"]=(l=t.hidden)!=null?l:false}t.hidden=true}}}}if(ue){F(a.N)}h.i&=-2;je.length=0}fe=void 0};var Ce=(e,t)=>{if(t&&!e.F&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.F=()=>{t["s-p"].splice(n-1,1);r()})))}};var Ne=(e,t)=>{{e.i|=16}if(e.i&4){e.i|=512;return}Ce(e,e.L);const n=()=>Re(e,t);return O(n)};var Re=(e,t)=>{const n=e.$hostElement$;const r=z("scheduleUpdate",e.o.h);const i=e.t;if(!i){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let o;if(t){o=Ue(i,"componentWillLoad",void 0,n)}else{o=Ue(i,"componentWillUpdate",void 0,n)}o=Me(o,(()=>Ue(i,"componentWillRender",void 0,n)));r();return Me(o,(()=>xe(e,i,t)))};var Me=(e,t)=>Te(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Te=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var xe=async(e,t,n)=>{var r;const i=e.$hostElement$;const o=z("update",e.o.h);const l=i["s-rc"];const s=z("render",e.o.h);{Fe(e,t,i,n)}if(l){l.map((e=>e()));i["s-rc"]=void 0}s();o();{const t=(r=i["s-p"])!=null?r:[];const n=()=>Le(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.i|=4;t.length=0}}};var Fe=(e,t,n,r)=>{try{t=t.render();{e.i&=-17}{e.i|=2}{{{Ee(e,t,r)}}}}catch(t){f(t,e.$hostElement$)}return null};var Le=e=>{const t=e.o.h;const n=e.$hostElement$;const r=z("postUpdate",t);const i=e.t;const o=e.L;Ue(i,"componentDidRender",void 0,n);if(!(e.i&64)){e.i|=64;{De(n)}Ue(i,"componentDidLoad",void 0,n);r();{e.v(n);if(!o){Pe()}}}else{Ue(i,"componentDidUpdate",void 0,n);r()}{if(e.F){e.F();e.F=void 0}if(e.i&512){k((()=>Ne(e,false)))}e.i&=-517}};var Pe=t=>{k((()=>Z(d,"appload",{detail:{namespace:e}})))};var Ue=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){f(e,r)}}return void 0};var De=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var We=(e,t)=>i(e).l.get(t);var Ae=(e,t,n,r)=>{const o=i(e);if(!o){throw new Error(`Couldn't find host element for "${r.h}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const l=o.$hostElement$;const s=o.l.get(t);const a=o.i;const c=o.t;n=K(n,r.P[t][0]);const u=Number.isNaN(s)&&Number.isNaN(n);const v=n!==s&&!u;if((!(a&8)||s===void 0)&&v){o.l.set(t,n);if(c){if(r.U&&a&128){const e=r.U[t];if(e){e.map((e=>{try{c[e](n,s,t)}catch(e){f(e,l)}}))}}if((a&(2|16))===2){if(c.componentShouldUpdate){if(c.componentShouldUpdate(n,s,t)===false){return}}Ne(o,false)}}}};var _e=(e,n,r)=>{var o,l;const s=e.prototype;if(n.P||(n.U||e.watchers)){if(e.watchers&&!n.U){n.U=e.watchers}const f=Object.entries((o=n.P)!=null?o:{});f.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:o,set:l}=Object.getOwnPropertyDescriptor(s,e)||{};if(o)n.P[e][0]|=2048;if(l)n.P[e][0]|=4096;if(r&1||!o){Object.defineProperty(s,e,{get(){{if((n.P[e][0]&2048)===0){return We(this,e)}const t=i(this);const r=t?t.t:s;if(!r)return;return r[e]}},configurable:true,enumerable:true})}Object.defineProperty(s,e,{set(o){const s=i(this);if(l){const r=t&32?this[e]:s.$hostElement$[e];if(typeof r==="undefined"&&s.l.get(e)){o=s.l.get(e)}else if(!s.l.get(e)&&r){s.l.set(e,r)}l.apply(this,[K(o,t)]);o=t&32?this[e]:s.$hostElement$[e];Ae(this,e,o,n);return}{if((r&1)===0||(n.P[e][0]&4096)===0){Ae(this,e,o,n);if(r&1&&!s.t){s.u.then((()=>{if(n.P[e][0]&4096&&s.t[e]!==s.l.get(e)){s.t[e]=o}}))}return}const i=()=>{const r=s.t[e];if(!s.l.get(e)&&r){s.l.set(e,r)}s.t[e]=K(o,t);Ae(this,e,s.t[e],n)};if(s.t){i()}else{s.u.then((()=>i()))}}}})}}));if(r&1){const r=new Map;s.attributeChangedCallback=function(e,o,l){h.jmp((()=>{var f;const a=r.get(e);if(this.hasOwnProperty(a)&&t.lazyLoad){l=this[a];delete this[a]}else if(s.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==l){return}else if(a==null){const t=i(this);const r=t==null?void 0:t.i;if(r&&!(r&8)&&r&128&&l!==o){const r=t.t;const i=(f=n.U)==null?void 0:f[e];i==null?void 0:i.forEach((t=>{if(r[t]!=null){r[t].call(r,l,o,e)}}))}return}const c=Object.getOwnPropertyDescriptor(s,a);l=l===null&&typeof this[a]==="boolean"?false:l;if(l!==this[a]&&(!c.get||!!c.set)){this[a]=l}}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=n.U)!=null?l:{}),...f.filter((([e,t])=>t[0]&15)).map((([e,t])=>{const n=t[1]||e;r.set(n,e);return n}))]))}}return e};var ze=async(e,t,n,r)=>{let i;if((t.i&32)===0){t.i|=32;const r=n.p;if(r){const r=c(n,t);if(r&&"then"in r){const e=B();i=await r;e()}else{i=r}if(!i){throw new Error(`Constructor for "${n.h}#${t.D}" was not found`)}if(!i.isProxied){{n.U=i.watchers}_e(i,n,2);i.isProxied=true}const o=z("createInstance",n.h);{t.i|=8}try{new i(t)}catch(t){f(t,e)}{t.i&=-9}{t.i|=128}o();Be(t.t,e)}else{i=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.i|=128))}}const o=t.L;const l=()=>Ne(t,true);if(o&&o["s-rc"]){o["s-rc"].push(l)}else{l()}};var Be=(e,t)=>{{Ue(e,"connectedCallback",void 0,t)}};var Ie=e=>{if((h.i&1)===0){const t=i(e);const n=t.o;const r=z("connectedCallback",n.h);if(!(t.i&1)){t.i|=1;{if(n.i&(4|8)){He(e)}}{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){Ce(t,t.L=n);break}}}if(n.P){Object.entries(n.P).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{ze(e,t,n)}}else{if(t==null?void 0:t.t){Be(t.t,e)}else if(t==null?void 0:t.u){t.u.then((()=>Be(t.t,e)))}}r()}};var He=e=>{if(!d.document){return}const t=e["s-cr"]=d.document.createComment("");t["s-cn"]=true;Se(e,t,e.firstChild)};var Ve=(e,t)=>{{Ue(e,"disconnectedCallback",void 0,t||e)}};var Ye=async e=>{if((h.i&1)===0){const t=i(e);if(t==null?void 0:t.t){Ve(t.t,e)}else if(t==null?void 0:t.u){t.u.then((()=>Ve(t.t,e)))}}if(ee.has(e)){ee.delete(e)}if(e.shadowRoot&&ee.has(e.shadowRoot)){ee.delete(e.shadowRoot)}};var qe=(e,t={})=>{var n;if(!d.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=z();const o=[];const s=t.exclude||[];const f=d.customElements;const a=d.document.head;const c=a.querySelector("meta[charset]");const p=d.document.createElement("style");const m=[];let b;let y=true;Object.assign(h,t);h.m=new URL(t.resourcesUrl||"./",d.document.baseURI).href;let w=false;e.map((e=>{e[1].map((t=>{var n;const r={i:t[0],h:t[1],P:t[2],W:t[3]};if(r.i&4){w=true}{r.P=t[2]}{r.U=(n=t[4])!=null?n:{}}const a=r.h;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;l(e,r)}connectedCallback(){i(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(b){clearTimeout(b);b=null}if(y){m.push(this)}else{h.jmp((()=>Ie(this)))}}disconnectedCallback(){h.jmp((()=>Ye(this)));h.raf((()=>{var e;const t=i(this);const n=m.findIndex((e=>e===this));if(n>-1){m.splice(n,1)}if(((e=t==null?void 0:t.T)==null?void 0:e.N)instanceof Node&&!t.T.N.isConnected){delete t.T.N}}))}componentOnReady(){return i(this).u}};r.p=e[0];if(!s.includes(a)&&!f.get(a)){o.push(a);f.define(a,_e(c,r,1))}}))}));if(o.length>0){if(w){p.textContent+=v}{p.textContent+=o.sort()+u}if(p.innerHTML.length){p.setAttribute("data-styles","");const e=(n=h.A)!=null?n:E(d.document);if(e!=null){p.setAttribute("nonce",e)}a.insertBefore(p,c?c.nextSibling:a.firstChild)}}y=false;if(m.length){m.map((e=>e.connectedCallback()))}else{{h.jmp((()=>b=setTimeout(Pe,30)))}}r()};var Ge=(e,t)=>t;var Je=e=>h.A=e;export{Ge as F,qe as b,X as c,I as h,m as p,o as r,Je as s};
+//# sourceMappingURL=p-D-D8lQAG.js.map