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

package/dist/db-ux/p-7b3689ea.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as i}from"./p-D-D8lQAG.js";import{c as a}from"./p-fw8E73KY.js";const e=class{constructor(i){t(this,i);this.onClick=s(this,"onClick")}handleClick(t){if(this.onClick){this.onClick.emit(t)}}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-card")}render(){return i("div",{key:"ccbc53820799b727bdf095528da4bf4c7fdf1129",class:a("db-card",this.className),ref:t=>{this._ref=t},id:this.id,"data-behavior":this.behavior,"data-elevation-level":this.elevationLevel,"data-spacing":this.spacing,role:this.behavior==="interactive"?"button":undefined,tabIndex:this.behavior==="interactive"?0:undefined,onClick:t=>this.handleClick(t)},i("slot",{key:"8afa05261ef6931eceecfd55694c8dc06d78f7a3"}))}};export{e as db_card};
-//# sourceMappingURL=p-7b3689ea.entry.js.map

package/dist/db-ux/p-7b3689ea.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBCard","handleClick","event","this","onClick","emit","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","componentDidLoad","_ref","render","h","key","class","cls","className","ref","el","id","behavior","elevationLevel","spacing","role","undefined","tabIndex"],"sources":["src/components/card/card.tsx"],"sourcesContent":["import type { DBCardProps, DBCardState } from \"./model\";\nimport { cls } from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\n\nimport { Component, h, Fragment, Event, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-card\",\n})\nexport class DBCard {\n  private _ref!: HTMLDivElement | null;\n  @Event() onClick: any;\n  @Prop() id: DBCardProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBCardProps[\"className\"];\n  @Prop() behavior: DBCardProps[\"behavior\"];\n  @Prop() elevationLevel: DBCardProps[\"elevationLevel\"];\n  @Prop() spacing: DBCardProps[\"spacing\"];\n\n\n  handleClick(event: ClickEvent<HTMLElement>) {\n    if (this.onClick) {\n      this.onClick.emit(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-card\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-card\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-behavior={this.behavior}\n        data-elevation-level={this.elevationLevel}\n        data-spacing={this.spacing}\n        role={this.behavior === \"interactive\" ? \"button\" : undefined}\n        tabIndex={this.behavior === \"interactive\" ? 0 : undefined}\n        onClick={(event) => this.handleClick(event)}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"4FAcaA,EAAM,M,wDAUjB,WAAAC,CAAYC,GACV,GAAIC,KAAKC,QAAS,CAChBD,KAAKC,QAAQC,KAAKH,E,EASd,sBAAAI,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,GACExB,KAAKG,uBAAuBH,KAAKyB,KAAM,U,CAGzC,MAAAC,GACE,OACEC,EACE,OAAAC,IAAA,2CAAAC,MAAOC,EAAI,UAAW9B,KAAK+B,WAC3BC,IAAMC,IACJjC,KAAKyB,KAAOQ,CAAE,EAEhBC,GAAIlC,KAAKkC,GACM,gBAAAlC,KAAKmC,SACE,uBAAAnC,KAAKoC,eACb,eAAApC,KAAKqC,QACnBC,KAAMtC,KAAKmC,WAAa,cAAgB,SAAWI,UACnDC,SAAUxC,KAAKmC,WAAa,cAAgB,EAAII,UAChDtC,QAAUF,GAAUC,KAAKF,YAAYC,IAErC4B,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/db-ux/p-93ee59f3.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as s}from"./p-D-D8lQAG.js";import{u as t,c as i}from"./p-fw8E73KY.js";import{D as e}from"./p-DC9V_oNU.js";const o=class{constructor(s){a(this,s);this._id=e}enableAttributePassing(a,s){const t=a===null||a===void 0?void 0:a.closest(s);if(a&&t){const s=t.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){a.setAttribute(e.name,e.value);t.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const o=a.getAttribute("class");a.setAttribute(e.name,`${o?`${o} `:""}${i}`);if(s){t.setAttribute("class","hydrated")}else{t.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-navigation");this._id=this.id||"navigation-"+t()}render(){return s("nav",{key:"4591f1348a2d7fceafc4ad0fbd6ebc768b819af1",class:i("db-navigation",this.className),ref:a=>{this._ref=a},id:this._id,"aria-labelledby":this.labelledBy},s("menu",{key:"ade607816e1b561f5c74eb18ea7dbbef7d8e0d93"},s("slot",{key:"02578f17abb1eb0513aa2663b5617427eaa291c5"})))}};export{o as db_navigation};
-//# sourceMappingURL=p-93ee59f3.entry.js.map

package/dist/db-ux/p-93ee59f3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBNavigation","constructor","hostRef","this","_id","DEFAULT_ID","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","render","h","key","class","cls","className","ref","el","labelledBy"],"sources":["src/components/navigation/navigation.tsx"],"sourcesContent":["import { DBNavigationProps, DBNavigationState } from \"./model\";\nimport { cls, uuid } from \"../../utils\";\nimport { DEFAULT_ID } from \"../../shared/constants\";\n\nimport { Component, h, Fragment, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-navigation\",\n})\nexport class DBNavigation {\n  private _ref!: HTMLDivElement | null;\n  @Prop() id: DBNavigationProps[\"id\"];\n  @Prop() labelledBy: DBNavigationProps[\"labelledBy\"];\n  @Prop({attribute: \"classname\"}) className: DBNavigationProps[\"className\"];\n\n  @State() _id = DEFAULT_ID;\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-navigation\");\n    this._id = this.id || \"navigation-\" + uuid();\n  }\n\n  render() {\n    return (\n      <nav\n        class={cls(\"db-navigation\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        aria-labelledby={this.labelledBy}\n      >\n        <menu>\n          <slot></slot>\n        </menu>\n      </nav>\n    );\n  }\n}\n"],"mappings":"gIAcaA,EAAY,MAHxB,WAAAC,CAAAC,G,UASUC,KAAGC,IAAGC,CA+DhB,CAxDS,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,GACExB,KAAKG,uBAAuBH,KAAKyB,KAAM,iBACvCzB,KAAKC,IAAMD,KAAK0B,IAAM,cAAgBC,G,CAGxC,MAAAC,GACE,OACEC,EACE,OAAAC,IAAA,2CAAAC,MAAOC,EAAI,gBAAiBhC,KAAKiC,WACjCC,IAAMC,IACJnC,KAAKyB,KAAOU,CAAE,EAEhBT,GAAI1B,KAAKC,IAAG,kBACKD,KAAKoC,YAEtBP,EAAA,QAAAC,IAAA,4CACED,EAAa,QAAAC,IAAA,8C","ignoreList":[]}

package/dist/db-ux/p-969ce4ec.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as s,F as a}from"./p-D-D8lQAG.js";import{u as n,f as h,g as o,j as e,c as d}from"./p-fw8E73KY.js";import{i as l,N as r}from"./p-VkX3SW7K.js";import{n as c}from"./p-DC9V_oNU.js";const u=class{constructor(s){i(this,s);this.onClick=t(this,"onClick");this.initialized=false;this.hasAreaPopup=false;this.hasSubNavigation=true;this.isSubNavigationExpanded=false;this.autoClose=false;this.subNavigationId="sub-navigation-"+n();this.navigationItemSafeTriangle=undefined}handleNavigationItemClick(i){if(l(i)){this.autoClose=true;h((()=>{this.autoClose=false}),300)}}handleClick(i){if(this.onClick){this.onClick.emit(i)}if(this.hasAreaPopup){this.isSubNavigationExpanded=true}}handleBackClick(i){i.stopPropagation();this.isSubNavigationExpanded=false}updateSubNavigationState(){var i;if(this.initialized&&document&&this.subNavigationId){const t=document===null||document===void 0?void 0:document.getElementById(this.subNavigationId);if(t){if(((i=t.children)===null||i===void 0?void 0:i.length)>0){this.hasAreaPopup=true;if(!this.navigationItemSafeTriangle){this.navigationItemSafeTriangle=new r(this._ref,t)}}else{this.hasSubNavigation=false}}}}enableAttributePassing(i,t){const s=i===null||i===void 0?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let a=0;a<t.length;a++){const n=t.item(a);if(n&&(n.name.startsWith("data-")||n.name.startsWith("aria-"))){i.setAttribute(n.name,n.value);s.removeAttribute(n.name)}if(n&&n.name==="class"){const t=n.value.includes("hydrated");const a=n.value.replace("hydrated","").trim();const h=i.getAttribute("class");i.setAttribute(n.name,`${h?`${h} `:""}${a}`);if(t){s.setAttribute("class","hydrated")}else{s.removeAttribute(n.name)}}}}}watch0Fn(){if(this.subNavigationExpanded!==undefined){this.isSubNavigationExpanded=!!this.subNavigationExpanded}}watch0(){this.watch0Fn()}watch1Fn(){this.updateSubNavigationState()}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-navigation-item");this.initialized=true;this.watch0Fn();this.watch1Fn()}render(){var i;return s("li",{key:"d62510082a330cd2bb32308e2996aa51549a549d",class:d("db-navigation-item",this.className),ref:i=>{this._ref=i},id:this.id,onMouseOver:()=>{var i;return(i=this.navigationItemSafeTriangle)===null||i===void 0?void 0:i.enableFollow()},onMouseLeave:()=>{var i;return(i=this.navigationItemSafeTriangle)===null||i===void 0?void 0:i.disableFollow()},onMouseMove:i=>{var t;return(t=this.navigationItemSafeTriangle)===null||t===void 0?void 0:t.followByMouseEvent(i)},"data-width":this.width,"data-icon":this.icon,"data-hide-icon":e(this.showIcon),"data-active":this.active,"aria-disabled":o(this.disabled)},!this.hasSubNavigation?this.text?this.text:s("slot",null):null,this.hasSubNavigation?s(a,null,s("button",{class:"db-navigation-item-expand-button","aria-haspopup":this.hasAreaPopup,"aria-expanded":this.isSubNavigationExpanded,disabled:this.disabled,onClick:i=>this.handleClick(i)},this.text?this.text:s("slot",null)),s("menu",{class:"db-sub-navigation","data-auto-close":this.autoClose,id:this.subNavigationId,onClick:i=>this.handleNavigationItemClick(i)},this.hasAreaPopup?s("div",{class:"db-mobile-navigation-back"},s("db-button",{icon:"arrow_left",variant:"ghost",id:this.backButtonId,onClick:i=>this.handleBackClick(i)},(i=this.backButtonText)!==null&&i!==void 0?i:c)):null,s("slot",{name:"subNavigation"}))):null)}static get watchers(){return{subNavigationExpanded:["watch0"],initialized:["watch1"]}}};export{u as db_navigation_item};
-//# sourceMappingURL=p-969ce4ec.entry.js.map

package/dist/db-ux/p-969ce4ec.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBNavigationItem","constructor","hostRef","this","initialized","hasAreaPopup","hasSubNavigation","isSubNavigationExpanded","autoClose","subNavigationId","uuid","navigationItemSafeTriangle","undefined","handleNavigationItemClick","event","isEventTargetNavigationItem","delay","handleClick","onClick","emit","handleBackClick","stopPropagation","updateSubNavigationState","document","subNavigationSlot","getElementById","_a","children","length","NavigationItemSafeTriangle","_ref","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","subNavigationExpanded","watch0","watch1Fn","watch1","componentDidLoad","render","h","key","class","cls","className","ref","el","id","onMouseOver","enableFollow","onMouseLeave","disableFollow","onMouseMove","followByMouseEvent","width","icon","getHideProp","showIcon","active","getBooleanAsString","disabled","text","Fragment","variant","backButtonId","backButtonText","DEFAULT_BACK"],"sources":["src/components/navigation-item/navigation-item.tsx"],"sourcesContent":["import { DBNavigationItemProps, DBNavigationItemState } from \"./model\";\nimport { DBButton } from \"../button/button\";\nimport { cls, delay, getBooleanAsString, getHideProp, uuid } from \"../../utils\";\nimport {\n  isEventTargetNavigationItem,\n  NavigationItemSafeTriangle,\n} from \"../../utils/navigation\";\nimport { DEFAULT_BACK } from \"../../shared/constants\";\nimport { ClickEvent } from \"../../shared/model\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot subNavigation - TODO: Add description for slotSubNavigation\n */\n @Component({\n  tag: \"db-navigation-item\",\n})\nexport class DBNavigationItem {\n  private _ref!: HTMLLIElement | null;\n  @Prop() subNavigationExpanded: DBNavigationItemProps[\"subNavigationExpanded\"];\n  @Event() onClick: any;\n  @Prop() id: DBNavigationItemProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBNavigationItemProps[\"className\"];\n  @Prop() width: DBNavigationItemProps[\"width\"];\n  @Prop() icon: DBNavigationItemProps[\"icon\"];\n  @Prop() showIcon: DBNavigationItemProps[\"showIcon\"];\n  @Prop() active: DBNavigationItemProps[\"active\"];\n  @Prop() disabled: DBNavigationItemProps[\"disabled\"];\n  @Prop() text: DBNavigationItemProps[\"text\"];\n\n  @Prop() backButtonId: DBNavigationItemProps[\"backButtonId\"];\n  @Prop() backButtonText: DBNavigationItemProps[\"backButtonText\"];\n  @State() initialized = false;\n  @State() hasAreaPopup = false;\n  @State() hasSubNavigation = true;\n  @State() isSubNavigationExpanded = false;\n  @State() autoClose = false;\n  @State() subNavigationId = \"sub-navigation-\" + uuid();\n  @State() navigationItemSafeTriangle = undefined;\n\n  handleNavigationItemClick(event: unknown) {\n    if (isEventTargetNavigationItem(event)) {\n      this.autoClose = true;\n      delay(() => {\n        this.autoClose = false;\n      }, 300);\n    }\n  }\n  handleClick(event: ClickEvent<HTMLButtonElement>) {\n    if (this.onClick) {\n      this.onClick.emit(event);\n    }\n    if (this.hasAreaPopup) {\n      this.isSubNavigationExpanded = true;\n    }\n  }\n  handleBackClick(event: ClickEvent<HTMLButtonElement>) {\n    event.stopPropagation();\n    this.isSubNavigationExpanded = false;\n  }\n  updateSubNavigationState() {\n    if (this.initialized && document && this.subNavigationId) {\n      const subNavigationSlot = document?.getElementById(\n        this.subNavigationId\n      ) as HTMLMenuElement;\n      if (subNavigationSlot) {\n        if (subNavigationSlot.children?.length > 0) {\n          this.hasAreaPopup = true;\n          if (!this.navigationItemSafeTriangle) {\n            this.navigationItemSafeTriangle = new NavigationItemSafeTriangle(\n              this._ref,\n              subNavigationSlot\n            );\n          }\n        } else {\n          this.hasSubNavigation = false;\n        }\n      }\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this.subNavigationExpanded !== undefined) {\n      this.isSubNavigationExpanded = !!this.subNavigationExpanded;\n    }\n  }\n\n  @Watch(\"subNavigationExpanded\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    this.updateSubNavigationState();\n  }\n\n  @Watch(\"initialized\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-navigation-item\");\n    this.initialized = true;\n    this.watch0Fn();\n    this.watch1Fn();\n  }\n\n  render() {\n    return (\n      <li\n        class={cls(\"db-navigation-item\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        onMouseOver={() => this.navigationItemSafeTriangle?.enableFollow()}\n        onMouseLeave={() => this.navigationItemSafeTriangle?.disableFollow()}\n        onMouseMove={(event) =>\n          this.navigationItemSafeTriangle?.followByMouseEvent(event)\n        }\n        data-width={this.width}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-active={this.active}\n        aria-disabled={getBooleanAsString(this.disabled)}\n      >\n        {!this.hasSubNavigation ? this.text ? this.text : <slot></slot> : null}\n        {this.hasSubNavigation ? (\n          <Fragment>\n            <button\n              class=\"db-navigation-item-expand-button\"\n              aria-haspopup={this.hasAreaPopup}\n              aria-expanded={this.isSubNavigationExpanded}\n              disabled={this.disabled}\n              onClick={(event) => this.handleClick(event)}\n            >\n              {this.text ? this.text : <slot></slot>}\n            </button>\n            <menu\n              class=\"db-sub-navigation\"\n              data-auto-close={this.autoClose}\n              id={this.subNavigationId}\n              onClick={(event) => this.handleNavigationItemClick(event)}\n            >\n              {this.hasAreaPopup ? (\n                <div class=\"db-mobile-navigation-back\">\n                  <db-button\n                    icon=\"arrow_left\"\n                    variant=\"ghost\"\n                    id={this.backButtonId}\n                    onClick={(event) => this.handleBackClick(event)}\n                  >\n                    {this.backButtonText ?? DEFAULT_BACK}\n                  </db-button>\n                </div>\n              ) : null}\n              <slot name=\"subNavigation\"></slot>\n            </menu>\n          </Fragment>\n        ) : null}\n      </li>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/p-97cfc836.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as s,F as h}from"./p-D-D8lQAG.js";import{u as e,f as l,h as a,k as d,s as n,e as o,g as c,j as u,c as r}from"./p-fw8E73KY.js";import{a as v,m as f,d as w,e as b,g as m,h as p,i as y,l as g,k,o as A,f as F,c as D,s as x}from"./p-DC9V_oNU.js";const C=class{constructor(s){i(this,s);this.onSelect=t(this,"onSelect");this.onAmountChange=t(this,"onAmountChange");this.onDropdownToggle=t(this,"onDropdownToggle");this.showClearSelection=true;this.clearSelectionLabel="Clear selection";this._name=undefined;this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._selectId=undefined;this._labelId=undefined;this._summaryId=undefined;this._placeholderId=undefined;this._infoTextId=undefined;this._validity="no-validation";this._descByIds="";this._selectedLabels="";this._selectedLabelsId=undefined;this._voiceOverFallback="";this._selectedOptions=[];this.selectAllEnabled=false;this.searchEnabled=false;this.amountOptions=0;this._values=[];this._options=[];this._hasNoOptions=false;this._internalChangeTimestamp=-1;this._externalChangeTimestamp=-1;this.selectAllChecked=false;this.selectAllIndeterminate=false}handleDropdownToggle(i){if(this.onDropdownToggle){this.onDropdownToggle.emit(i)}}getNativeSelectValue(){var i,t;if((i=this._values)===null||i===void 0?void 0:i.length){return(t=this._values.at(0))!==null&&t!==void 0?t:""}return""}setDescById(i){var t;const s=[];if(i){s.push(i)}if(this._selectedLabelsId&&((t=this._selectedLabels)===null||t===void 0?void 0:t.length)){s.push(this._selectedLabelsId)}this._descByIds=s.join(" ")}getSelectAllLabel(){var i,t,s;if(!this.selectAllRef)return(i=this.selectAllLabel)!==null&&i!==void 0?i:v;if(this.selectAllRef.indeterminate||!this.selectAllChecked){return(t=this.selectAllLabel)!==null&&t!==void 0?t:v}else{return(s=this.deSelectAllLabel)!==null&&s!==void 0?s:v}}getOptionLabel(i){var t,s,h;return(h=(t=i.label)!==null&&t!==void 0?t:(s=i.value)===null||s===void 0?void 0:s.toString())!==null&&h!==void 0?h:""}getOptionChecked(i){var t;if(i&&this._values&&this._values.includes){return(t=this._values)===null||t===void 0?void 0:t.includes(i)}return false}getOptionKey(i){var t,s;return((s=(t=i.id)!==null&&t!==void 0?t:i.value)!==null&&s!==void 0?s:e()).toString()}getTagRemoveLabel(i){return this.removeTagsTexts&&this.removeTagsTexts.length>i?this.removeTagsTexts.at(i):`${f} ${this._selectedOptions?this.getOptionLabel(this._selectedOptions[i]):""}`}handleTagRemove(i,t){t.stopPropagation();this.handleSelect(i.value);this.handleSummaryFocus()}handleAutoPlacement(){if(this.detailsRef){const i=this.detailsRef.querySelector("article");if(i){l((()=>{a(i)}),100)}}}handleArrowDownUp(i){var t,s,h,e,a;if((t=this.detailsRef)===null||t===void 0?void 0:t.open){if(document){const t=document.activeElement;if(t){const n=t.getAttribute("type")==="checkbox"||t.getAttribute("type")==="radio";if(n){const n=t===null||t===void 0?void 0:t.closest("li");if(i.key==="ArrowDown"||i.key==="ArrowRight"){if(n===null||n===void 0?void 0:n.nextElementSibling){(s=n===null||n===void 0?void 0:n.nextElementSibling.querySelector("input"))===null||s===void 0?void 0:s.focus()}else{this.handleFocusFirstDropdownCheckbox(t)}}else{if(n===null||n===void 0?void 0:n.previousElementSibling){(h=n===null||n===void 0?void 0:n.previousElementSibling.querySelector("input"))===null||h===void 0?void 0:h.focus()}else if(this.detailsRef.querySelector(`input[type="checkbox"]`)!==t){this.handleFocusFirstDropdownCheckbox(t)}else{const i=d(this.detailsRef);if(i){l((()=>{i.focus()}),100)}else{const i=Array.from((e=this.detailsRef)===null||e===void 0?void 0:e.querySelectorAll(`input[type="checkbox"],input[type="radio"]`));if(i.length){(a=i.at(-1))===null||a===void 0?void 0:a.focus()}}}}}else{if(t.getAttribute("type")==="search"&&(i.key==="ArrowUp"||i.key==="ArrowLeft")){this.handleClose("close");this.handleSummaryFocus()}else{this.handleFocusFirstDropdownCheckbox(t)}}}}i.stopPropagation();i.preventDefault()}else if(i.key==="ArrowDown"||i.key==="ArrowRight"){this.handleAutoPlacement();if(this.detailsRef){this.detailsRef.open=true}this.handleOpenByKeyboardFocus();i.stopPropagation();i.preventDefault()}}handleKeyboardPress(i){var t;if(i.key==="Escape"&&this.detailsRef&&((t=this.detailsRef)===null||t===void 0?void 0:t.open)){this.handleClose("close");this.handleSummaryFocus()}else if(i.key==="ArrowDown"||i.key==="ArrowUp"||i.key==="ArrowLeft"||i.key==="ArrowRight"){this.handleArrowDownUp(i)}}handleClose(i){if(this.detailsRef){if(i==="close"){this.detailsRef.open=false;this.handleSummaryFocus()}else if(this.detailsRef.open&&(i===null||i===void 0?void 0:i.relatedTarget)){const t=i.relatedTarget;if(!this.detailsRef.contains(t)){this.detailsRef.open=false}}}}handleDocumentClose(i){var t;if(((t=this.detailsRef)===null||t===void 0?void 0:t.open)&&!this.detailsRef.contains(i.target)){this.detailsRef.open=false}}handleSelect(i){var t,s;if(i){if(this.multiple){if((t=this._values)===null||t===void 0?void 0:t.includes(i)){this._values=(s=this._values)===null||s===void 0?void 0:s.filter((t=>t!==i))}else{this._values=[...this._values||[],i]}}else{this._values=[i];this.handleClose("close")}this._internalChangeTimestamp=(new Date).getTime()}}handleSelectAll(){var i;if(((i=this._values)===null||i===void 0?void 0:i.length)===this.amountOptions){this._values=[]}else{this._values=this.options?this.options.filter((i=>!i.isGroupTitle)).map((i=>{var t;return(t=i.value)!==null&&t!==void 0?t:""})):[]}this._internalChangeTimestamp=(new Date).getTime()}handleFocusFirstDropdownCheckbox(i){if(this.detailsRef){const t=Array.from(this.detailsRef.querySelectorAll(`input[type="checkbox"],input[type="radio"]`));if(t.length){const s=t.at(0);const h=s===i&&t.length>1?t.at(1):s;if(h){l((()=>{h.focus()}),100)}}}}handleOpenByKeyboardFocus(i){if(this.detailsRef){const t=d(this.detailsRef);if(t){l((()=>{t.focus()}),100)}else if(!i){this.handleFocusFirstDropdownCheckbox()}}}handleSearch(i){const t=i.target.value;this._options=!this.options||!t||t.length===0?this.options:this.options.filter((i=>!i.isGroupTitle&&this.getOptionLabel(i).toLowerCase().includes(t.toLowerCase())))}handleClearAll(){this._values=[];this.handleSummaryFocus()}handleSummaryFocus(){var i,t;(t=(i=this.detailsRef)===null||i===void 0?void 0:i.querySelector("summary"))===null||t===void 0?void 0:t.focus()}enableAttributePassing(i,t){const s=i===null||i===void 0?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let h=0;h<t.length;h++){const e=t.item(h);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){i.setAttribute(e.name,e.value);s.removeAttribute(e.name)}if(e&&e.name==="class"){const t=e.value.includes("hydrated");const h=e.value.replace("hydrated","").trim();const l=i.getAttribute("class");i.setAttribute(e.name,`${l?`${l} `:""}${h}`);if(t){s.setAttribute("class","hydrated")}else{s.removeAttribute(e.name)}}}}}watch0Fn(){var i;this._name=(i=this.name)!==null&&i!==void 0?i:this._id}watch0(){this.watch0Fn()}watch1Fn(){if(this._id){const i=this._id+F;this._labelId=this._id+w;this._selectId=this._id+b;this._validMessageId=this._id+m;this._invalidMessageId=this._id+p;this._placeholderId=this._id+y;if(n(this.message,this.showMessage)){this.setDescById(i)}else{this.setDescById()}}}watch1(){this.watch1Fn()}watch2Fn(){if(this.detailsRef){const i=this.detailsRef.querySelector("summary");if(i){i.setAttribute("aria-describedby",this._descByIds||"")}}}watch2(){this.watch2Fn()}watch3Fn(){if(this.detailsRef){const i=this.detailsRef.querySelector("summary");if(i){i.addEventListener("click",(()=>{this.handleAutoPlacement();this.handleOpenByKeyboardFocus(true)}));i.addEventListener("keydown",(i=>{var t;if(i.code==="Space"&&!((t=this.detailsRef)===null||t===void 0?void 0:t.open)){this.handleOpenByKeyboardFocus()}}))}this.detailsRef.addEventListener("focusout",(i=>this.handleClose(i)))}}watch3(){this.watch3Fn()}watch4Fn(){if(this.showNoResults!==undefined){this._hasNoOptions=this.showNoResults}else if(this._options){this._hasNoOptions=this._options.length===0}}watch4(){this.watch4Fn()}watch5Fn(){this.selectAllEnabled=Boolean(this.multiple&&(this.showSelectAll||this.amountOptions>5))}watch5(){this.watch5Fn()}watch6Fn(){this.searchEnabled=this.showSearch||this.amountOptions>9}watch6(){this.watch6Fn()}watch7Fn(){var i;if(this.onSelect&&(this._externalChangeTimestamp||this._internalChangeTimestamp)){const t=this._internalChangeTimestamp&&!this._externalChangeTimestamp;const s=this._internalChangeTimestamp&&this._externalChangeTimestamp&&this._internalChangeTimestamp>this._externalChangeTimestamp;if(t||s){this.onSelect.emit((i=this._values)!==null&&i!==void 0?i:[])}}}watch7(){this.watch7Fn()}watch8Fn(){var i;if(this.values&&Array.isArray(this.values)){this._values=(i=this.values)!==null&&i!==void 0?i:[];this._externalChangeTimestamp=(new Date).getTime()}}watch8(){this.watch8Fn()}watch9Fn(){var i,t,s,h,e,a;if(this.selectRef){this.selectRef.value=this.getNativeSelectValue()}if(!((i=this.selectRef)===null||i===void 0?void 0:i.validity.valid)||this.validation==="invalid"){this._validity="invalid";this.setDescById(this._invalidMessageId);if(o()){this._voiceOverFallback=(h=(t=this.invalidMessage)!==null&&t!==void 0?t:(s=this.selectRef)===null||s===void 0?void 0:s.validationMessage)!==null&&h!==void 0?h:g;l((()=>this._voiceOverFallback=""),1e3)}}else if(this.validation==="valid"||((e=this.selectRef)===null||e===void 0?void 0:e.validity.valid)&&this.required){this._validity="valid";this.setDescById(this._validMessageId);if(o()){this._voiceOverFallback=(a=this.validMessage)!==null&&a!==void 0?a:k;l((()=>this._voiceOverFallback=""),1e3)}}else if(this.message){this._validity="no-validation";this.setDescById(this._messageId)}else{this._validity="no-validation";this.setDescById(this._placeholderId)}}watch9(){this.watch9Fn()}watch10Fn(){this._validity=this.validation}watch10(){this.watch10Fn()}watch11Fn(){var i,t;if(((i=this._values)===null||i===void 0?void 0:i.length)===0){this.selectAllChecked=false;this.selectAllIndeterminate=false}else if(((t=this._values)===null||t===void 0?void 0:t.length)===this.amountOptions){this.selectAllIndeterminate=false;this.selectAllChecked=true}else if(this._values){this.selectAllIndeterminate=true}}watch11(){this.watch11Fn()}watch12Fn(){var i,t;this._options=this.options;this.amountOptions=(t=(i=this.options)===null||i===void 0?void 0:i.filter((i=>!i.isGroupTitle)).length)!==null&&t!==void 0?t:0}watch12(){this.watch12Fn()}watch13Fn(){var i,t;if((i=this._options)===null||i===void 0?void 0:i.length){this._selectedOptions=(t=this._options)===null||t===void 0?void 0:t.filter((i=>{var t,s;if(!i.value||!((t=this._values)===null||t===void 0?void 0:t["includes"])){return false}return!i.isGroupTitle&&((s=this._values)===null||s===void 0?void 0:s.includes(i.value))}))}}watch13(){this.watch13Fn()}watch14Fn(){var i,t,s;if((i=this._selectedOptions)===null||i===void 0?void 0:i.length){if(this.selectedType==="amount"){this._selectedLabels=this.amountText?this.amountText:`${(t=this._selectedOptions)===null||t===void 0?void 0:t.length} ${A}`}else{this._selectedLabels=(s=this._selectedOptions)===null||s===void 0?void 0:s.map((i=>this.getOptionLabel(i))).join(", ")}}else{this._selectedLabels=""}}watch14(){this.watch14Fn()}watch15Fn(){var i,t;if(this.onAmountChange){this.onAmountChange.emit((t=(i=this._selectedOptions)===null||i===void 0?void 0:i.length)!==null&&t!==void 0?t:0)}}watch15(){this.watch15Fn()}watch16Fn(){if(this.selectAllRef){this.selectAllRef.indeterminate=Boolean(this.selectAllIndeterminate)}}watch16(){this.watch16Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-custom-select");const t=(i=this.id)!==null&&i!==void 0?i:`custom-select-${e()}`;this._id=t;this._messageId=t+F;this._validMessageId=t+m;this._invalidMessageId=t+p;this._selectId=t+b;this._labelId=t+w;this._summaryId=t+"-summary";this._placeholderId=t+y;this._selectedLabelsId=t+"-selected-labels";this._infoTextId=t+"-info";if(document){document.addEventListener("click",this.handleDocumentClose)}this.watch0Fn();this.watch1Fn();this.watch2Fn();this.watch3Fn();this.watch4Fn();this.watch5Fn();this.watch6Fn();this.watch7Fn();this.watch8Fn();this.watch9Fn();this.watch10Fn();this.watch11Fn();this.watch12Fn();this.watch13Fn();this.watch14Fn();this.watch15Fn();this.watch16Fn()}disconnectedCallback(){if(document){document.removeEventListener("click",this.handleDocumentClose)}}render(){var i,t,e,l,a,d,n,o,f,w,b,m,p,y,A,F;return s("div",{key:"7bcd0b065dd492b5e1e00c4b22948143d947552a",class:r("db-custom-select",this.className),id:this._id,ref:i=>{this._ref=i},"aria-invalid":this._validity==="invalid","data-custom-validity":this._validity,"data-width":this.width,"data-variant":this.variant,"data-required":c(this.required),"data-placement":this.placement,"data-selected-type":this.multiple?this.selectedType:"text","data-hide-label":u(this.showLabel),"data-icon":this.icon,"data-hide-icon":u(this.showIcon)},s("label",{key:"1ddb2c43327a9f046728c57d3da93ef4872f9e3c",id:this._labelId},(i=this.label)!==null&&i!==void 0?i:v,s("select",{key:"c69f10fe071860ff5478aedc614565a6387d5d13",role:"none",hidden:true,id:this._selectId,tabIndex:-1,ref:i=>{this.selectRef=i},form:this.form,disabled:this.disabled,multiple:this.multiple,required:this.required,onChange:()=>{}},(t=this._options)===null||t===void 0?void 0:t.map((i=>s("option",{disabled:i.disabled,value:i.value,key:undefined},this.getOptionLabel(i)))))),s("details",{key:"d3229a4f6bda6ba5f1c64d3e60c48fd35aec95f5",ref:i=>{this.detailsRef=i},open:this.open,"aria-disabled":this.disabled,onToggle:i=>this.handleDropdownToggle(i),onKeyDown:i=>this.handleKeyboardPress(i)},s("slot",{key:"d6c5cfde8195408d10dd586242d27e676be3f9ab"}),this.options?s(h,null,s("summary",{class:"db-custom-select-form-field",id:this._summaryId,"aria-labelledby":this._labelId},((e=this._selectedLabels)===null||e===void 0?void 0:e.length)?s("span",{"data-visually-hidden":c(this.selectedType==="tag"),id:this._selectedLabelsId},this._selectedLabels):null,this.selectedType==="tag"?s("div",null,(l=this._selectedOptions)===null||l===void 0?void 0:l.map(((i,t)=>s("db-tag",{emphasis:"strong",behavior:"removable",removeButton:this.getTagRemoveLabel(t),onRemove:t=>{this.handleTagRemove(i,t)},key:undefined},this.getOptionLabel(i))))):null),s("db-custom-select-dropdown",{width:this.dropdownWidth},this.searchEnabled?s("div",null,s("db-input",{type:"search",showLabel:false,label:(a=this.searchLabel)!==null&&a!==void 0?a:v,placeholder:(d=this.searchPlaceholder)!==null&&d!==void 0?d:this.searchLabel,ariaDescribedBy:this._hasNoOptions||this.showLoading?this._infoTextId:undefined,onInput:i=>this.handleSearch(i)})):null,this._hasNoOptions||this.showLoading?s("db-infotext",{id:this._infoTextId,icon:this._hasNoOptions?undefined:"circular_arrows",semantic:this._hasNoOptions?"warning":"informational"},(n=this._hasNoOptions?this.noResultsText:this.loadingText)!==null&&n!==void 0?n:D):s(h,null,this.selectAllEnabled?s("div",null,s("div",{class:"db-checkbox db-custom-select-list-item"},s("label",null,s("input",{type:"checkbox",value:"select-all",ref:i=>{this.selectAllRef=i},form:this._id,checked:this.selectAllChecked,onChange:()=>this.handleSelectAll()}),this.getSelectAllLabel()))):null,s("db-custom-select-list",{multiple:this.multiple,label:(o=this.label)!==null&&o!==void 0?o:v},(f=this._options)===null||f===void 0?void 0:f.map((i=>s("db-custom-select-list-item",{type:this.multiple?"checkbox":"radio",showDivider:i.showDivider,icon:i.icon,isGroupTitle:i.isGroupTitle,groupTitle:this.getOptionLabel(i),name:this._name,checked:this.getOptionChecked(i.value),disabled:i.disabled,value:i.value,onChange:()=>{this.handleSelect(i.value)},key:undefined},!i.isGroupTitle?this.getOptionLabel(i):null))))),s("div",null,s("db-button",{variant:"ghost",width:"full",icon:"cross",size:"small",onClick:()=>{this.handleClose("close")}},(w=this.mobileCloseButtonText)!==null&&w!==void 0?w:x)))):null),((b=this.showClearSelection)!==null&&b!==void 0?b:true)&&((m=this._values)===null||m===void 0?void 0:m.length)?s("db-button",{icon:"cross",variant:"ghost",size:"small",noText:true,onClick:()=>this.handleClearAll()},this.clearSelectionLabel,s("db-tooltip",{placement:"top"},this.clearSelectionLabel)):null,s("span",{key:"4d15f0a5d709cb329a3c18b907b5e9cf952a6252","aria-hidden":c(true),id:this._placeholderId},(p=this.placeholder)!==null&&p!==void 0?p:this.label),this.message?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,s("db-infotext",{key:"8e63397ef220c396c55d7d228fbc7e0ee7664688",size:"small",semantic:"successful",id:this._validMessageId},(y=this.validMessage)!==null&&y!==void 0?y:k),s("db-infotext",{key:"a8bc6cbd7a61e70f9956b1c47b175fd4b5d25004",size:"small",semantic:"critical",id:this._invalidMessageId},(A=this.invalidMessage)!==null&&A!==void 0?A:((F=this.selectRef)===null||F===void 0?void 0:F.validationMessage)||g),s("span",{key:"28db5cbc1feca0e5738148bb87e0df78d596e975","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{name:["watch0"],_id:["watch0","watch1"],detailsRef:["watch2","watch3"],_descByIds:["watch2"],showNoResults:["watch4"],_options:["watch4","watch13"],showSelectAll:["watch5"],amountOptions:["watch5","watch6","watch11"],multiple:["watch5"],showSearch:["watch6"],_externalChangeTimestamp:["watch7"],_internalChangeTimestamp:["watch7"],onSelect:["watch7"],values:["watch8"],_values:["watch9","watch11","watch13"],validation:["watch10"],options:["watch12"],_selectedOptions:["watch14","watch15"],selectedType:["watch14"],amountText:["watch14"],selectAllIndeterminate:["watch16"],selectAllRef:["watch16"]}}};export{C as db_custom_select};
-//# sourceMappingURL=p-97cfc836.entry.js.map

package/dist/db-ux/p-97cfc836.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBCustomSelect","constructor","hostRef","this","showClearSelection","clearSelectionLabel","_name","undefined","_id","_messageId","_validMessageId","_invalidMessageId","_selectId","_labelId","_summaryId","_placeholderId","_infoTextId","_validity","_descByIds","_selectedLabels","_selectedLabelsId","_voiceOverFallback","_selectedOptions","selectAllEnabled","searchEnabled","amountOptions","_values","_options","_hasNoOptions","_internalChangeTimestamp","_externalChangeTimestamp","selectAllChecked","selectAllIndeterminate","handleDropdownToggle","event","onDropdownToggle","emit","getNativeSelectValue","_a","length","_b","at","setDescById","descId","descByIds","push","join","getSelectAllLabel","selectAllRef","selectAllLabel","DEFAULT_LABEL","indeterminate","_c","deSelectAllLabel","getOptionLabel","option","label","value","toString","getOptionChecked","includes","getOptionKey","id","uuid","getTagRemoveLabel","index","removeTagsTexts","DEFAULT_REMOVE","handleTagRemove","stopPropagation","handleSelect","handleSummaryFocus","handleAutoPlacement","detailsRef","dropdown","querySelector","delay","handleDataOutside","handleArrowDownUp","open","document","activeElement","isCheckbox","getAttribute","listElement","closest","key","nextElementSibling","focus","handleFocusFirstDropdownCheckbox","previousElementSibling","search","getSearchInput","checkboxList","Array","from","_d","querySelectorAll","_e","handleClose","preventDefault","handleOpenByKeyboardFocus","handleKeyboardPress","relatedTarget","contains","handleDocumentClose","target","multiple","filter","v","Date","getTime","handleSelectAll","options","isGroupTitle","map","checkboxes","first","checkbox","onlySearch","handleSearch","filterText","toLowerCase","handleClearAll","enableAttributePassing","element","customElementSelector","parent","attributes","i","attr","item","name","startsWith","setAttribute","removeAttribute","isWebComponent","replace","trim","currentClass","watch0Fn","watch0","watch1Fn","messageId","DEFAULT_MESSAGE_ID_SUFFIX","DEFAULT_LABEL_ID_SUFFIX","DEFAULT_SELECT_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","DEFAULT_PLACEHOLDER_ID_SUFFIX","stringPropVisible","message","showMessage","watch1","watch2Fn","summary","watch2","watch3Fn","addEventListener","code","watch3","watch4Fn","showNoResults","watch4","watch5Fn","Boolean","showSelectAll","watch5","watch6Fn","showSearch","watch6","watch7Fn","onSelect","onlyInternalChange","bothChangeButInternalNew","watch7","watch8Fn","values","isArray","watch8","watch9Fn","selectRef","validity","valid","validation","hasVoiceOver","invalidMessage","validationMessage","DEFAULT_INVALID_MESSAGE","required","_f","validMessage","DEFAULT_VALID_MESSAGE","watch9","watch10Fn","watch10","watch11Fn","watch11","watch12Fn","watch12","watch13Fn","watch13","watch14Fn","selectedType","amountText","DEFAULT_SELECTED","watch14","watch15Fn","onAmountChange","watch15","watch16Fn","watch16","componentDidLoad","_ref","mId","disconnectedCallback","removeEventListener","render","h","class","cls","className","ref","el","width","variant","getBooleanAsString","placement","getHideProp","showLabel","icon","showIcon","role","hidden","tabIndex","form","disabled","onChange","onToggle","onKeyDown","Fragment","emphasis","behavior","removeButton","onRemove","dropdownWidth","type","searchLabel","placeholder","searchPlaceholder","ariaDescribedBy","showLoading","onInput","semantic","_g","noResultsText","loadingText","DEFAULT_MESSAGE","checked","_h","_j","showDivider","groupTitle","size","onClick","_k","mobileCloseButtonText","DEFAULT_CLOSE_BUTTON","_l","_m","noText","_o","messageIcon","_p","_q","_r"],"sources":["src/components/custom-select/custom-select.tsx"],"sourcesContent":["import {\n  DBCustomSelectProps,\n  DBCustomSelectState,\n  CustomSelectOptionType,\n} from \"./model\";\nimport {\n  cls,\n  delay,\n  getBooleanAsString,\n  getHideProp,\n  getSearchInput,\n  handleDataOutside,\n  hasVoiceOver,\n  stringPropVisible,\n  uuid,\n} from \"../../utils\";\nimport {\n  DEFAULT_CLOSE_BUTTON,\n  DEFAULT_INVALID_MESSAGE,\n  DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n  DEFAULT_LABEL,\n  DEFAULT_LABEL_ID_SUFFIX,\n  DEFAULT_MESSAGE,\n  DEFAULT_MESSAGE_ID_SUFFIX,\n  DEFAULT_PLACEHOLDER_ID_SUFFIX,\n  DEFAULT_REMOVE,\n  DEFAULT_SELECT_ID_SUFFIX,\n  DEFAULT_SELECTED,\n  DEFAULT_VALID_MESSAGE,\n  DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport { ChangeEvent, ClickEvent } from \"../../shared/model\";\nimport { DBCustomSelectList } from \"../custom-select-list/custom-select-list\";\nimport { DBCustomSelectListItem } from \"../custom-select-list-item/custom-select-list-item\";\nimport { DBCustomSelectDropdown } from \"../custom-select-dropdown/custom-select-dropdown\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport { DBTag } from \"../tag/tag\";\nimport { DBButton } from \"../button/button\";\nimport { DBTooltip } from \"../tooltip/tooltip\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\nimport { DBInput } from \"../input/input\";\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-custom-select\",\n})\nexport class DBCustomSelect {\n  private _ref!: HTMLDivElement | null;\n  private detailsRef!: HTMLDetailsElement | null;\n  private selectRef!: HTMLSelectElement | null;\n  private selectAllRef!: HTMLInputElement | null;\n  @Prop() id: DBCustomSelectProps[\"id\"];\n  @Prop() name: DBCustomSelectProps[\"name\"];\n  @Prop() message: DBCustomSelectProps[\"message\"];\n  @Prop() showMessage: DBCustomSelectProps[\"showMessage\"];\n  @Prop() showNoResults: DBCustomSelectProps[\"showNoResults\"];\n  @Prop() multiple: DBCustomSelectProps[\"multiple\"];\n  @Prop() showSelectAll: DBCustomSelectProps[\"showSelectAll\"];\n  @Prop() showSearch: DBCustomSelectProps[\"showSearch\"];\n  @Event() onSelect: any;\n  @Prop() values: DBCustomSelectProps[\"values\"];\n  @Prop() validation: DBCustomSelectProps[\"validation\"];\n  @Prop() invalidMessage: DBCustomSelectProps[\"invalidMessage\"];\n  @Prop() required: DBCustomSelectProps[\"required\"];\n  @Prop() validMessage: DBCustomSelectProps[\"validMessage\"];\n  @Prop() options: DBCustomSelectProps[\"options\"];\n  @Prop() selectedType: DBCustomSelectProps[\"selectedType\"];\n  @Prop() amountText: DBCustomSelectProps[\"amountText\"];\n  @Event() onAmountChange: any;\n  @Event() onDropdownToggle: any;\n  @Prop() selectAllLabel: DBCustomSelectProps[\"selectAllLabel\"];\n  @Prop() deSelectAllLabel: DBCustomSelectProps[\"deSelectAllLabel\"];\n  @Prop() removeTagsTexts: DBCustomSelectProps[\"removeTagsTexts\"];\n  @Prop({attribute: \"classname\"}) className: DBCustomSelectProps[\"className\"];\n  @Prop() width: DBCustomSelectProps[\"width\"];\n  @Prop() variant: DBCustomSelectProps[\"variant\"];\n  @Prop() placement: DBCustomSelectProps[\"placement\"];\n  @Prop() showLabel: DBCustomSelectProps[\"showLabel\"];\n  @Prop() icon: DBCustomSelectProps[\"icon\"];\n  @Prop() showIcon: DBCustomSelectProps[\"showIcon\"];\n  @Prop() label: DBCustomSelectProps[\"label\"];\n  @Prop() form: DBCustomSelectProps[\"form\"];\n  @Prop() disabled: DBCustomSelectProps[\"disabled\"];\n  @Prop() open: DBCustomSelectProps[\"open\"];\n\n  @Prop() dropdownWidth: DBCustomSelectProps[\"dropdownWidth\"];\n  @Prop() searchLabel: DBCustomSelectProps[\"searchLabel\"];\n  @Prop() searchPlaceholder: DBCustomSelectProps[\"searchPlaceholder\"];\n  @Prop() showLoading: DBCustomSelectProps[\"showLoading\"];\n  @Prop() noResultsText: DBCustomSelectProps[\"noResultsText\"];\n  @Prop() loadingText: DBCustomSelectProps[\"loadingText\"];\n  @Prop() mobileCloseButtonText: DBCustomSelectProps[\"mobileCloseButtonText\"];\n  @Prop() showClearSelection: DBCustomSelectProps[\"showClearSelection\"] = true;\n  @Prop() clearSelectionLabel: DBCustomSelectProps[\"clearSelectionLabel\"] =\n    \"Clear selection\";\n  @Prop() placeholder: DBCustomSelectProps[\"placeholder\"];\n  @Prop() messageIcon: DBCustomSelectProps[\"messageIcon\"];\n  @State() _name = undefined;\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _selectId = undefined;\n  @State() _labelId = undefined;\n  @State() _summaryId = undefined;\n  @State() _placeholderId = undefined;\n  @State() _infoTextId = undefined;\n  @State() _validity = \"no-validation\";\n  @State() _descByIds = \"\";\n  @State() _selectedLabels = \"\";\n  @State() _selectedLabelsId = undefined;\n  @State() _voiceOverFallback = \"\";\n  @State() _selectedOptions = [];\n  @State() selectAllEnabled = false;\n  @State() searchEnabled = false;\n  @State() amountOptions = 0;\n  @State() _values = [];\n  @State() _options = [];\n  @State() _hasNoOptions = false;\n  @State() _internalChangeTimestamp = -1;\n  @State() _externalChangeTimestamp = -1;\n  @State() selectAllChecked = false;\n  @State() selectAllIndeterminate = false;\n\n  handleDropdownToggle(event: any) {\n    if (this.onDropdownToggle) {\n      this.onDropdownToggle.emit(event);\n    }\n  }\n  getNativeSelectValue() {\n    if (this._values?.length) {\n      return this._values.at(0) ?? \"\";\n    }\n    return \"\";\n  }\n  setDescById(descId?: string) {\n    const descByIds: string[] = [];\n    if (descId) {\n      descByIds.push(descId);\n    }\n    if (this._selectedLabelsId && this._selectedLabels?.length) {\n      descByIds.push(this._selectedLabelsId);\n    }\n    this._descByIds = descByIds.join(\" \");\n  }\n  getSelectAllLabel() {\n    if (!this.selectAllRef) return this.selectAllLabel ?? DEFAULT_LABEL;\n    if (this.selectAllRef.indeterminate || !this.selectAllChecked) {\n      return this.selectAllLabel ?? DEFAULT_LABEL;\n    } else {\n      return this.deSelectAllLabel ?? DEFAULT_LABEL;\n    }\n  }\n  getOptionLabel(option: CustomSelectOptionType) {\n    return option.label ?? option.value?.toString() ?? \"\";\n  }\n  getOptionChecked(value?: string) {\n    if (value && this._values && this._values.includes) {\n      return this._values?.includes(value);\n    }\n    return false;\n  }\n  getOptionKey(option: CustomSelectOptionType) {\n    return (option.id ?? option.value ?? uuid()).toString();\n  }\n  getTagRemoveLabel(index: number) {\n    return this.removeTagsTexts && this.removeTagsTexts.length > index\n      ? this.removeTagsTexts.at(index)!\n      : `${DEFAULT_REMOVE} ${\n          this._selectedOptions\n            ? this.getOptionLabel(this._selectedOptions[index])\n            : \"\"\n        }`;\n  }\n  handleTagRemove(option: CustomSelectOptionType, event: any) {\n    event.stopPropagation();\n    this.handleSelect(option.value);\n    this.handleSummaryFocus();\n  }\n  handleAutoPlacement() {\n    if (this.detailsRef) {\n      const dropdown = this.detailsRef.querySelector(\"article\");\n      if (dropdown) {\n        delay(() => {\n          handleDataOutside(dropdown);\n        }, 100);\n      }\n    }\n  }\n  handleArrowDownUp(event: any) {\n    if (this.detailsRef?.open) {\n      if (document) {\n        const activeElement = document.activeElement;\n        if (activeElement) {\n          // 1. we check if we are currently focusing a checkbox in the dropdown\n          const isCheckbox =\n            activeElement.getAttribute(\"type\") === \"checkbox\" ||\n            activeElement.getAttribute(\"type\") === \"radio\";\n          if (isCheckbox) {\n            const listElement = activeElement?.closest(\"li\");\n            if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") {\n              if (listElement?.nextElementSibling) {\n                listElement?.nextElementSibling.querySelector(\"input\")?.focus();\n              } else {\n                // We are on the last checkbox we move to the top checkbox\n                this.handleFocusFirstDropdownCheckbox(activeElement);\n              }\n            } else {\n              if (listElement?.previousElementSibling) {\n                listElement?.previousElementSibling\n                  .querySelector(\"input\")\n                  ?.focus();\n              } else if (\n                this.detailsRef.querySelector(`input[type=\"checkbox\"]`) !==\n                activeElement\n              ) {\n                // We are on the top list checkbox but there is a select all checkbox as well\n                this.handleFocusFirstDropdownCheckbox(activeElement);\n              } else {\n                // We are on the top checkbox, we need to move to the search\n                // or to the last checkbox\n                const search = getSearchInput(this.detailsRef);\n                if (search) {\n                  delay(() => {\n                    search.focus();\n                  }, 100);\n                } else {\n                  const checkboxList: HTMLInputElement[] = Array.from(\n                    this.detailsRef?.querySelectorAll(\n                      `input[type=\"checkbox\"],input[type=\"radio\"]`\n                    )\n                  );\n                  if (checkboxList.length) {\n                    checkboxList.at(-1)?.focus();\n                  }\n                }\n              }\n            }\n          } else {\n            // 2. If we are on the search, and press up we go back to summary and close\n            if (\n              activeElement.getAttribute(\"type\") === \"search\" &&\n              (event.key === \"ArrowUp\" || event.key === \"ArrowLeft\")\n            ) {\n              this.handleClose(\"close\");\n              this.handleSummaryFocus();\n            } else {\n              // 3. Otherwise, we need to move to the first checkbox\n              this.handleFocusFirstDropdownCheckbox(activeElement);\n            }\n          }\n        }\n      }\n      event.stopPropagation();\n      event.preventDefault();\n    } else if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") {\n      // Open dropdown with arrows see https://www.w3.org/WAI/ARIA/apg/patterns/combobox/#keyboardinteraction\n      this.handleAutoPlacement();\n      if (this.detailsRef) {\n        this.detailsRef.open = true;\n      }\n      this.handleOpenByKeyboardFocus();\n      event.stopPropagation();\n      event.preventDefault();\n    }\n  }\n  handleKeyboardPress(event: any) {\n    if (event.key === \"Escape\" && this.detailsRef && this.detailsRef?.open) {\n      this.handleClose(\"close\");\n      this.handleSummaryFocus();\n    } else if (\n      event.key === \"ArrowDown\" ||\n      event.key === \"ArrowUp\" ||\n      event.key === \"ArrowLeft\" ||\n      event.key === \"ArrowRight\"\n    ) {\n      this.handleArrowDownUp(event);\n    }\n  }\n  handleClose(event: any) {\n    if (this.detailsRef) {\n      if (event === \"close\") {\n        this.detailsRef.open = false;\n        this.handleSummaryFocus();\n      } else if (this.detailsRef.open && event?.relatedTarget) {\n        const relatedTarget = event.relatedTarget as HTMLElement;\n        if (!this.detailsRef.contains(relatedTarget)) {\n          this.detailsRef.open = false;\n        }\n      }\n    }\n  }\n  handleDocumentClose(event: any) {\n    if (this.detailsRef?.open && !this.detailsRef.contains(event.target)) {\n      this.detailsRef.open = false;\n    }\n  }\n  handleSelect(value?: string) {\n    if (value) {\n      if (this.multiple) {\n        if (this._values?.includes(value)) {\n          this._values = this._values?.filter((v: string) => v !== value);\n        } else {\n          this._values = [...(this._values || []), value];\n        }\n      } else {\n        this._values = [value];\n        this.handleClose(\"close\");\n      }\n      this._internalChangeTimestamp = new Date().getTime();\n    }\n  }\n  handleSelectAll() {\n    if (this._values?.length === this.amountOptions) {\n      this._values = [];\n    } else {\n      this._values = this.options\n        ? this.options\n            .filter((option) => !option.isGroupTitle)\n            .map((option) => option.value ?? \"\")\n        : [];\n    }\n    this._internalChangeTimestamp = new Date().getTime();\n  }\n  handleFocusFirstDropdownCheckbox(activeElement?: Element) {\n    if (this.detailsRef) {\n      const checkboxes = Array.from(\n        this.detailsRef.querySelectorAll(\n          `input[type=\"checkbox\"],input[type=\"radio\"]`\n        )\n      );\n      if (checkboxes.length) {\n        const first = checkboxes.at(0);\n        const checkbox =\n          first === activeElement && checkboxes.length > 1\n            ? checkboxes.at(1)\n            : first;\n        if (checkbox) {\n          delay(() => {\n            // Takes some time until element can be focused\n            (checkbox as HTMLInputElement).focus();\n          }, 100);\n        }\n      }\n    }\n  }\n  handleOpenByKeyboardFocus(onlySearch?: boolean) {\n    if (this.detailsRef) {\n      // Focus search if possible\n      const search = getSearchInput(this.detailsRef);\n      if (search) {\n        delay(() => {\n          // Takes some time until element can be focused\n          search.focus();\n        }, 100);\n      } else if (!onlySearch) {\n        // Focus first checkbox otherwise\n        this.handleFocusFirstDropdownCheckbox();\n      }\n    }\n  }\n  handleSearch(event: any) {\n    const filterText = (event.target as HTMLInputElement).value;\n    this._options =\n      !this.options || !filterText || filterText.length === 0\n        ? this.options\n        : this.options.filter(\n            (option) =>\n              !option.isGroupTitle &&\n              this.getOptionLabel(option)\n                .toLowerCase()\n                .includes(filterText.toLowerCase())\n          );\n  }\n  handleClearAll() {\n    this._values = [];\n    this.handleSummaryFocus();\n  }\n  handleSummaryFocus() {\n    this.detailsRef?.querySelector(\"summary\")?.focus();\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    this._name = this.name ?? this._id;\n  }\n\n  @Watch(\"name\")\n  @Watch(\"_id\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._id) {\n      const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n      this._labelId = this._id + DEFAULT_LABEL_ID_SUFFIX;\n      this._selectId = this._id + DEFAULT_SELECT_ID_SUFFIX;\n      this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n      this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n      this._placeholderId = this._id + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n      if (stringPropVisible(this.message, this.showMessage)) {\n        this.setDescById(messageId);\n      } else {\n        this.setDescById();\n      }\n    }\n  }\n\n  @Watch(\"_id\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  watch2Fn() {\n    if (this.detailsRef) {\n      const summary = this.detailsRef.querySelector(\"summary\");\n      if (summary) {\n        summary.setAttribute(\"aria-describedby\", this._descByIds || \"\");\n      }\n    }\n  }\n\n  @Watch(\"detailsRef\")\n  @Watch(\"_descByIds\")\n  watch2() {\n    this.watch2Fn();\n  }\n\n  watch3Fn() {\n    if (this.detailsRef) {\n      const summary = this.detailsRef.querySelector(\"summary\");\n      if (summary) {\n        summary.addEventListener(\"click\", () => {\n          this.handleAutoPlacement();\n          this.handleOpenByKeyboardFocus(true);\n        });\n        summary.addEventListener(\"keydown\", (event: KeyboardEvent) => {\n          if (event.code === \"Space\" && !this.detailsRef?.open) {\n            this.handleOpenByKeyboardFocus();\n          }\n        });\n      }\n      this.detailsRef.addEventListener(\"focusout\", (event) =>\n        this.handleClose(event)\n      );\n    }\n  }\n\n  @Watch(\"detailsRef\")\n  watch3() {\n    this.watch3Fn();\n  }\n\n  watch4Fn() {\n    if (this.showNoResults !== undefined) {\n      this._hasNoOptions = this.showNoResults;\n    } else if (this._options) {\n      this._hasNoOptions = this._options.length === 0;\n    }\n  }\n\n  @Watch(\"showNoResults\")\n  @Watch(\"_options\")\n  watch4() {\n    this.watch4Fn();\n  }\n\n  watch5Fn() {\n    this.selectAllEnabled = Boolean(\n      this.multiple && (this.showSelectAll || this.amountOptions > 5)\n    );\n  }\n\n  @Watch(\"showSelectAll\")\n  @Watch(\"amountOptions\")\n  @Watch(\"multiple\")\n  watch5() {\n    this.watch5Fn();\n  }\n\n  watch6Fn() {\n    this.searchEnabled = this.showSearch || this.amountOptions > 9;\n  }\n\n  @Watch(\"showSearch\")\n  @Watch(\"amountOptions\")\n  watch6() {\n    this.watch6Fn();\n  }\n\n  watch7Fn() {\n    if (\n      this.onSelect &&\n      (this._externalChangeTimestamp || this._internalChangeTimestamp)\n    ) {\n      const onlyInternalChange =\n        this._internalChangeTimestamp && !this._externalChangeTimestamp;\n      const bothChangeButInternalNew =\n        this._internalChangeTimestamp &&\n        this._externalChangeTimestamp &&\n        this._internalChangeTimestamp > this._externalChangeTimestamp;\n      if (onlyInternalChange || bothChangeButInternalNew) {\n        this.onSelect.emit(this._values ?? []);\n        const fakeEvent = {\n          target: {\n            values: this._values,\n          },\n        };\n      }\n    }\n  }\n\n  @Watch(\"_externalChangeTimestamp\")\n  @Watch(\"_internalChangeTimestamp\")\n  @Watch(\"onSelect\")\n  watch7() {\n    this.watch7Fn();\n  }\n\n  watch8Fn() {\n    if (this.values && Array.isArray(this.values)) {\n      this._values = this.values ?? [];\n      this._externalChangeTimestamp = new Date().getTime();\n    }\n  }\n\n  @Watch(\"values\")\n  watch8() {\n    this.watch8Fn();\n  }\n\n  watch9Fn() {\n    if (this.selectRef) {\n      this.selectRef.value = this.getNativeSelectValue();\n    }\n    /* For a11y reasons we need to map the correct message with the select */\n    if (!this.selectRef?.validity.valid || this.validation === \"invalid\") {\n      this._validity = \"invalid\";\n      this.setDescById(this._invalidMessageId);\n      if (hasVoiceOver()) {\n        this._voiceOverFallback =\n          this.invalidMessage ??\n          this.selectRef?.validationMessage ??\n          DEFAULT_INVALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (\n      this.validation === \"valid\" ||\n      (this.selectRef?.validity.valid && this.required)\n    ) {\n      this._validity = \"valid\";\n      this.setDescById(this._validMessageId);\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (this.message) {\n      this._validity = \"no-validation\";\n      this.setDescById(this._messageId);\n    } else {\n      this._validity = \"no-validation\";\n      this.setDescById(this._placeholderId);\n    }\n  }\n\n  @Watch(\"_values\")\n  watch9() {\n    this.watch9Fn();\n  }\n\n  watch10Fn() {\n    this._validity = this.validation;\n  }\n\n  @Watch(\"validation\")\n  watch10() {\n    this.watch10Fn();\n  }\n\n  watch11Fn() {\n    if (this._values?.length === 0) {\n      this.selectAllChecked = false;\n      this.selectAllIndeterminate = false;\n    } else if (this._values?.length === this.amountOptions) {\n      this.selectAllIndeterminate = false;\n      this.selectAllChecked = true;\n    } else if (this._values) {\n      this.selectAllIndeterminate = true;\n    }\n  }\n\n  @Watch(\"_values\")\n  @Watch(\"amountOptions\")\n  watch11() {\n    this.watch11Fn();\n  }\n\n  watch12Fn() {\n    this._options = this.options;\n    this.amountOptions =\n      this.options?.filter((option) => !option.isGroupTitle).length ?? 0;\n  }\n\n  @Watch(\"options\")\n  watch12() {\n    this.watch12Fn();\n  }\n\n  watch13Fn() {\n    if (this._options?.length) {\n      this._selectedOptions = this._options?.filter(\n        (option: CustomSelectOptionType) => {\n          if (!option.value || !this._values?.[\"includes\"]) {\n            return false;\n          }\n          return !option.isGroupTitle && this._values?.includes(option.value);\n        }\n      );\n    }\n  }\n\n  @Watch(\"_options\")\n  @Watch(\"_values\")\n  watch13() {\n    this.watch13Fn();\n  }\n\n  watch14Fn() {\n    if (this._selectedOptions?.length) {\n      if (this.selectedType === \"amount\") {\n        this._selectedLabels = this.amountText\n          ? this.amountText\n          : `${this._selectedOptions?.length} ${DEFAULT_SELECTED}`;\n      } else {\n        this._selectedLabels = this._selectedOptions\n          ?.map((option: CustomSelectOptionType) => this.getOptionLabel(option))\n          .join(\", \");\n      }\n    } else {\n      this._selectedLabels = \"\";\n    }\n  }\n\n  @Watch(\"_selectedOptions\")\n  @Watch(\"selectedType\")\n  @Watch(\"amountText\")\n  watch14() {\n    this.watch14Fn();\n  }\n\n  watch15Fn() {\n    if (this.onAmountChange) {\n      this.onAmountChange.emit(this._selectedOptions?.length ?? 0);\n    }\n  }\n\n  @Watch(\"_selectedOptions\")\n  watch15() {\n    this.watch15Fn();\n  }\n\n  watch16Fn() {\n    if (this.selectAllRef) {\n      this.selectAllRef.indeterminate = Boolean(this.selectAllIndeterminate);\n    }\n  }\n\n  @Watch(\"selectAllIndeterminate\")\n  @Watch(\"selectAllRef\")\n  watch16() {\n    this.watch16Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-custom-select\");\n    const mId = this.id ?? `custom-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._selectId = mId + DEFAULT_SELECT_ID_SUFFIX;\n    this._labelId = mId + DEFAULT_LABEL_ID_SUFFIX;\n    this._summaryId = mId + \"-summary\";\n    this._placeholderId = mId + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n    this._selectedLabelsId = mId + \"-selected-labels\";\n    this._infoTextId = mId + \"-info\";\n    if (document) {\n      document.addEventListener(\"click\", this.handleDocumentClose);\n    }\n    this.watch0Fn();\n    this.watch1Fn();\n    this.watch2Fn();\n    this.watch3Fn();\n    this.watch4Fn();\n    this.watch5Fn();\n    this.watch6Fn();\n    this.watch7Fn();\n    this.watch8Fn();\n    this.watch9Fn();\n    this.watch10Fn();\n    this.watch11Fn();\n    this.watch12Fn();\n    this.watch13Fn();\n    this.watch14Fn();\n    this.watch15Fn();\n    this.watch16Fn();\n  }\n  disconnectedCallback() {\n    if (document) {\n      document.removeEventListener(\"click\", this.handleDocumentClose);\n    }\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-custom-select\", this.className)}\n        id={this._id}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        aria-invalid={this._validity === \"invalid\"}\n        data-custom-validity={this._validity}\n        data-width={this.width}\n        data-variant={this.variant}\n        data-required={getBooleanAsString(this.required)}\n        data-placement={this.placement}\n        data-selected-type={this.multiple ? this.selectedType : \"text\"}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n      >\n        <label id={this._labelId}>\n          {this.label ?? DEFAULT_LABEL}\n          <select\n            role=\"none\"\n            hidden={true}\n            id={this._selectId}\n            tabIndex={-1}\n            ref={(el: any) => {\n              this.selectRef = el;\n            }}\n            form={this.form}\n            disabled={this.disabled}\n            multiple={this.multiple}\n            required={this.required}\n            onChange={() => {}}\n          >\n            {this._options?.map((option) => (\n              <option\n                disabled={option.disabled}\n                value={option.value}\n                key={undefined}\n              >\n                {this.getOptionLabel(option)}\n              </option>\n            ))}\n          </select>\n        </label>\n        <details\n          ref={(el: any) => {\n            this.detailsRef = el;\n          }}\n          open={this.open}\n          aria-disabled={this.disabled}\n          onToggle={(event) => this.handleDropdownToggle(event)}\n          onKeyDown={(event) => this.handleKeyboardPress(event)}\n        >\n          <slot></slot>\n          {this.options ? (\n            <Fragment>\n              <summary\n                class=\"db-custom-select-form-field\"\n                id={this._summaryId}\n                aria-labelledby={this._labelId}\n              >\n                {this._selectedLabels?.length ? (\n                  <span\n                    data-visually-hidden={getBooleanAsString(\n                      this.selectedType === \"tag\"\n                    )}\n                    id={this._selectedLabelsId}\n                  >\n                    {this._selectedLabels}\n                  </span>\n                ) : null}\n                {this.selectedType === \"tag\" ? (\n                  <div>\n                    {this._selectedOptions?.map((option, index) => (\n                      <db-tag\n                        emphasis=\"strong\"\n                        behavior=\"removable\"\n                        removeButton={this.getTagRemoveLabel(index)}\n                        onRemove={(event) => {\n                          this.handleTagRemove(option, event);\n                        }}\n                        key={undefined}\n                      >\n                        {this.getOptionLabel(option)}\n                      </db-tag>\n                    ))}\n                  </div>\n                ) : null}\n              </summary>\n              <db-custom-select-dropdown width={this.dropdownWidth}>\n                {this.searchEnabled ? (\n                  <div>\n                    <db-input\n                      type=\"search\"\n                      showLabel={false}\n                      label={this.searchLabel ?? DEFAULT_LABEL}\n                      placeholder={this.searchPlaceholder ?? this.searchLabel}\n                      ariaDescribedBy={\n                        this._hasNoOptions || this.showLoading\n                          ? this._infoTextId\n                          : undefined\n                      }\n                      onInput={(event) => this.handleSearch(event)}\n                    ></db-input>\n                  </div>\n                ) : null}\n                {this._hasNoOptions || this.showLoading ? (\n                  <db-infotext\n                    id={this._infoTextId}\n                    icon={this._hasNoOptions ? undefined : \"circular_arrows\"}\n                    semantic={this._hasNoOptions ? \"warning\" : \"informational\"}\n                  >\n                    {(this._hasNoOptions\n                      ? this.noResultsText\n                      : this.loadingText) ?? DEFAULT_MESSAGE}\n                  </db-infotext>\n                ) : (\n                  <Fragment>\n                    {this.selectAllEnabled ? (\n                      <div>\n                        <div class=\"db-checkbox db-custom-select-list-item\">\n                          <label>\n                            <input\n                              type=\"checkbox\"\n                              value=\"select-all\"\n                              ref={(el: any) => {\n                                this.selectAllRef = el;\n                              }}\n                              form={this._id}\n                              checked={this.selectAllChecked}\n                              onChange={() => this.handleSelectAll()}\n                            />\n                            {this.getSelectAllLabel()}\n                          </label>\n                        </div>\n                      </div>\n                    ) : null}\n                    <db-custom-select-list\n                      multiple={this.multiple}\n                      label={this.label ?? DEFAULT_LABEL}\n                    >\n                      {this._options?.map((option) => (\n                        <db-custom-select-list-item\n                          type={this.multiple ? \"checkbox\" : \"radio\"}\n                          showDivider={option.showDivider}\n                          icon={option.icon}\n                          isGroupTitle={option.isGroupTitle}\n                          groupTitle={this.getOptionLabel(option)}\n                          name={this._name}\n                          checked={this.getOptionChecked(option.value)}\n                          disabled={option.disabled}\n                          value={option.value}\n                          onChange={() => {\n                            this.handleSelect(option.value);\n                          }}\n                          key={undefined}\n                        >\n                          {!option.isGroupTitle\n                            ? this.getOptionLabel(option)\n                            : null}\n                        </db-custom-select-list-item>\n                      ))}\n                    </db-custom-select-list>\n                  </Fragment>\n                )}\n                <div>\n                  <db-button\n                    variant=\"ghost\"\n                    width=\"full\"\n                    icon=\"cross\"\n                    size=\"small\"\n                    onClick={() => {\n                      this.handleClose(\"close\");\n                    }}\n                  >\n                    {this.mobileCloseButtonText ?? DEFAULT_CLOSE_BUTTON}\n                  </db-button>\n                </div>\n              </db-custom-select-dropdown>\n            </Fragment>\n          ) : null}\n        </details>\n        {(this.showClearSelection ?? true) && this._values?.length ? (\n          <db-button\n            icon=\"cross\"\n            variant=\"ghost\"\n            size=\"small\"\n            noText={true}\n            onClick={() => this.handleClearAll()}\n          >\n            {this.clearSelectionLabel}\n            <db-tooltip placement=\"top\">{this.clearSelectionLabel}</db-tooltip>\n          </db-button>\n        ) : null}\n        <span aria-hidden={getBooleanAsString(true)} id={this._placeholderId}>\n          {this.placeholder ?? this.label}\n        </span>\n        {this.message ? (\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.selectRef?.validationMessage || 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-9a3c9ffe.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DBIcon","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","icon","weight","variant","text"],"sources":["src/components/icon/icon.tsx"],"sourcesContent":["import type { DBIconProps, DBIconState } from \"./model\";\nimport { cls } from \"../../utils\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-icon\",\n})\nexport class DBIcon {\n  private _ref!: HTMLSpanElement | null;\n  @Prop() id: DBIconProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBIconProps[\"className\"];\n  @Prop() icon: DBIconProps[\"icon\"];\n  @Prop() weight: DBIconProps[\"weight\"];\n  @Prop() variant: DBIconProps[\"variant\"];\n  @Prop() text: DBIconProps[\"text\"];\n\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-icon\");\n  }\n\n  render() {\n    return (\n      <span\n        class={cls(\"db-icon\", this.className)}\n        aria-hidden=\"true\"\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-icon={this.icon}\n        data-icon-weight={this.weight}\n        data-icon-variant={this.variant}\n      >\n        {this.text ? this.text : <slot></slot>}\n      </span>\n    );\n  }\n}\n"],"mappings":"qFAaaA,EAAM,M,yBAeT,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,U,CAGzC,MAAAC,GACE,OACEC,EAAA,QAAAC,IAAA,2CACEC,MAAOC,EAAI,UAAWN,KAAKO,WAAU,cACzB,OACZC,IAAMC,IACJT,KAAKC,KAAOQ,CAAE,EAEhBC,GAAIV,KAAKU,GAAE,YACAV,KAAKW,KACE,mBAAAX,KAAKY,OAAM,oBACVZ,KAAKa,SAEvBb,KAAKc,KAAOd,KAAKc,KAAOX,EAAa,a","ignoreList":[]}

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

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