@db-ux/wc-core-components 2.1.2 → 2.2.0

package/dist/db-ux/p-5bbfcf9a.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i}from"./p-Ctmm4hMW.js";import{d as s,u as e,g as a,c as o}from"./p-BgQRUWMZ.js";import{D as h}from"./p-DC9V_oNU.js";import{b as d}from"./p-DYeQU2bY.js";import{D as l}from"./p-Dgkqk5fN.js";const r=class{constructor(i){t(this,i);this._id=h;this.initialized=false;this._documentScrollListenerCallbackId=undefined;this._observer=undefined}handleClick(t){t.stopPropagation()}handleEscape(t){if((!t||t.key==="Escape")&&this._ref&&getComputedStyle(this._ref).visibility==="visible"){this.getParent().blur()}}getParent(){let t=this._ref.parentElement;if(t&&t.localName.includes("tooltip")){t=t.parentElement}return t}handleAutoPlacement(t){if(!t)return;if(this._ref){s((()=>{var i;d(this._ref,t,(i=this.placement)!==null&&i!==void 0?i:"bottom")}),1)}}handleDocumentScroll(t,i){var s,e;if(((s=t===null||t===void 0?void 0:t.target)===null||s===void 0?void 0:s.contains)&&((e=t===null||t===void 0?void 0:t.target)===null||e===void 0?void 0:e.contains(this._ref))){this.handleAutoPlacement(i)}}handleLeave(){var t;if(this._documentScrollListenerCallbackId){(new l).removeCallback(this._documentScrollListenerCallbackId)}(t=this._observer)===null||t===void 0?void 0:t.unobserve(this.getParent())}handleEnter(t){var i;this._documentScrollListenerCallbackId=(new l).addCallback((i=>this.handleDocumentScroll(i,t)));this.handleAutoPlacement(t);(i=this._observer)===null||i===void 0?void 0:i.observe(this.getParent())}enableAttributePassing(t,i){const s=t===null||t===void 0?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const a=i.item(e);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){t.setAttribute(a.name,a.value);s.removeAttribute(a.name)}if(a&&a.name==="class"){const i=a.value.includes("hydrated");const e=a.value.replace("hydrated","").trim();const o=t.getAttribute("class");t.setAttribute(a.name,`${o?`${o} `:""}${e}`);if(i){s.setAttribute("class","hydrated")}else{s.removeAttribute(a.name)}}}}}watch0Fn(){if(this._ref&&this.initialized&&this._id){const t=this.getParent();if(t){["mouseenter","focusin"].forEach((i=>{t.addEventListener(i,(()=>this.handleEnter(t)))}));t.addEventListener("keydown",(t=>this.handleEscape(t)));["mouseleave","focusout"].forEach((i=>{t.addEventListener(i,(()=>this.handleLeave()))}));t.setAttribute("data-has-tooltip","true");if(this.variant==="label"){t.setAttribute("aria-labelledby",this._id)}else{t.setAttribute("aria-describedby",this._id)}}this._observer=new IntersectionObserver((t=>{const i=t.find((({target:t})=>t===this.getParent()));if(i&&!i.isIntersecting){this.handleEscape(false)}}));this.initialized=false}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tooltip");this._id=this.id||"tooltip-"+e();this.initialized=true;this.watch0Fn()}render(){var t,s;return i("i",{key:"d0b8d6741fd0163b8dbf4f77481b2f36df8c14f2",class:o("db-tooltip",this.className),role:"tooltip","aria-hidden":"true","data-gap":"true",ref:t=>{this._ref=t},id:this._id,"data-emphasis":this.emphasis,"data-animation":a((t=this.animation)!==null&&t!==void 0?t:true),"data-delay":this.delay,"data-width":this.width,"data-show-arrow":a((s=this.showArrow)!==null&&s!==void 0?s:true),"data-placement":this.placement,onClick:t=>this.handleClick(t)},i("slot",{key:"2185eb340b49e216c273615df2da2756d65e75b9"}))}static get watchers(){return{_ref:["watch0"],initialized:["watch0"]}}};export{r as db_tooltip};
+//# sourceMappingURL=p-5bbfcf9a.entry.js.map

package/dist/db-ux/p-5bbfcf9a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DBTooltip","constructor","hostRef","this","_id","DEFAULT_ID","initialized","_documentScrollListenerCallbackId","undefined","_observer","handleClick","event","stopPropagation","handleEscape","key","_ref","getComputedStyle","visibility","getParent","blur","parent","parentElement","localName","includes","handleAutoPlacement","utilsDelay","handleFixedPopover","_a","placement","handleDocumentScroll","target","contains","_b","handleLeave","DocumentScrollListener","removeCallback","unobserve","handleEnter","addCallback","observe","enableAttributePassing","element","customElementSelector","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","replace","trim","currentClass","getAttribute","watch0Fn","forEach","addEventListener","variant","IntersectionObserver","payload","entry","find","isIntersecting","watch0","componentDidLoad","id","uuid","render","h","class","cls","className","role","ref","el","emphasis","getBooleanAsString","animation","delay","width","showArrow","onClick"],"sources":["src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { DBTooltipProps, DBTooltipState } from \"./model\";\nimport {\n  cls,\n  delay as utilsDelay,\n  getBooleanAsString,\n  uuid,\n} from \"../../utils\";\nimport { ClickEvent } from \"../../shared/model\";\nimport { DEFAULT_ID } from \"../../shared/constants\";\nimport { handleFixedPopover } from \"../../utils/floating-components\";\nimport { DocumentScrollListener } from \"../../utils/document-scroll-listener\";\n\nimport { Component, h, Fragment, Watch, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-tooltip\",\n})\nexport class DBTooltip {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBTooltipProps[\"id\"];\n  @Prop() variant: DBTooltipProps[\"variant\"];\n  @Prop() placement: DBTooltipProps[\"placement\"];\n  @Prop({attribute: \"classname\"}) className: DBTooltipProps[\"className\"];\n  @Prop() emphasis: DBTooltipProps[\"emphasis\"];\n  @Prop() animation: DBTooltipProps[\"animation\"];\n  @Prop() delay: DBTooltipProps[\"delay\"];\n  @Prop() width: DBTooltipProps[\"width\"];\n  @Prop() showArrow: DBTooltipProps[\"showArrow\"];\n  @State() _id = DEFAULT_ID;\n  @State() initialized = false;\n  @State() _documentScrollListenerCallbackId = undefined;\n  @State() _observer = undefined;\n\n  handleClick(event: ClickEvent<HTMLElement>) {\n    event.stopPropagation();\n  }\n  handleEscape(event: any) {\n    if (\n      (!event || event.key === \"Escape\") &&\n      this._ref &&\n      getComputedStyle(this._ref).visibility === \"visible\"\n    ) {\n      this.getParent().blur();\n    }\n  }\n  getParent() {\n    let parent = this._ref.parentElement;\n    if (parent && parent.localName.includes(\"tooltip\")) {\n      // Angular workaround\n      parent = parent.parentElement;\n    }\n    return parent;\n  }\n  handleAutoPlacement(parent?: HTMLElement) {\n    if (!parent) return;\n    if (this._ref) {\n      // This is a workaround for angular\n      utilsDelay(() => {\n        handleFixedPopover(\n          this._ref,\n          parent,\n          (this.placement as unknown as string) ?? \"bottom\"\n        );\n      }, 1);\n    }\n  }\n  handleDocumentScroll(event: any, parent?: HTMLElement) {\n    if (event?.target?.contains && event?.target?.contains(this._ref)) {\n      this.handleAutoPlacement(parent);\n    }\n  }\n  handleLeave() {\n    if (this._documentScrollListenerCallbackId) {\n      new DocumentScrollListener().removeCallback(\n        this._documentScrollListenerCallbackId!\n      );\n    }\n    this._observer?.unobserve(this.getParent());\n  }\n  handleEnter(parent?: HTMLElement) {\n    this._documentScrollListenerCallbackId =\n      new DocumentScrollListener().addCallback((event) =>\n        this.handleDocumentScroll(event, parent)\n      );\n    this.handleAutoPlacement(parent);\n    this._observer?.observe(this.getParent());\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._ref && this.initialized && this._id) {\n      const parent = this.getParent();\n      if (parent) {\n        [\"mouseenter\", \"focusin\"].forEach((event) => {\n          parent.addEventListener(event, () => this.handleEnter(parent));\n        });\n        parent.addEventListener(\"keydown\", (event) => this.handleEscape(event));\n        [\"mouseleave\", \"focusout\"].forEach((event) => {\n          parent.addEventListener(event, () => this.handleLeave());\n        });\n        parent.setAttribute(\"data-has-tooltip\", \"true\");\n        if (this.variant === \"label\") {\n          parent.setAttribute(\"aria-labelledby\", this._id);\n        } else {\n          parent.setAttribute(\"aria-describedby\", this._id);\n        }\n      }\n      this._observer = new IntersectionObserver((payload) => {\n        const entry = payload.find(({ target }) => target === this.getParent());\n        if (entry && !entry.isIntersecting) {\n          this.handleEscape(false);\n        }\n      });\n      this.initialized = false;\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-tooltip\");\n    this._id = this.id || \"tooltip-\" + uuid();\n    this.initialized = true;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <i\n        class={cls(\"db-tooltip\", this.className)}\n        role=\"tooltip\"\n        aria-hidden=\"true\"\n        data-gap=\"true\"\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-emphasis={this.emphasis}\n        data-animation={getBooleanAsString(this.animation ?? true)}\n        data-delay={this.delay}\n        data-width={this.width}\n        data-show-arrow={getBooleanAsString(this.showArrow ?? true)}\n        data-placement={this.placement}\n        onClick={(event) => this.handleClick(event)}\n      >\n        <slot></slot>\n      </i>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/{p-f83357e2.entry.js → p-5c63036a.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i}from"./p-bH2PZLSq.js";import{c as a}from"./p-pglUTSkG.js";const e=class{constructor(i){t(this,i);this.click=s(this,"click")}handleClick(t){if(this.click){this.click.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 c=t.getAttribute("class");t.setAttribute(e.name,`${c?`${c} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-card")}render(){return i("div",{key:"dfc5004a3cc98b94ccd3ff6c930f231ef39c918e",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:"6c73a087dab46b17c01e48eec340788f3a10bf63"}))}};export{e as db_card};
-//# sourceMappingURL=p-f83357e2.entry.js.map
+import{r as t,c as s,h as i}from"./p-Ctmm4hMW.js";import{c as a}from"./p-BgQRUWMZ.js";const e=class{constructor(i){t(this,i);this.click=s(this,"click")}handleClick(t){if(this.click){this.click.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 c=t.getAttribute("class");t.setAttribute(e.name,`${c?`${c} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-card")}render(){return i("div",{key:"dfc5004a3cc98b94ccd3ff6c930f231ef39c918e",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:"6c73a087dab46b17c01e48eec340788f3a10bf63"}))}};export{e as db_card};
+//# sourceMappingURL=p-5c63036a.entry.js.map

package/dist/db-ux/p-695bf91e.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as a,h as d}from"./p-Ctmm4hMW.js";import{a as c,u as t,b as i,c as s}from"./p-BgQRUWMZ.js";import{D as n,p as r}from"./p-DC9V_oNU.js";import{i as o}from"./p-BDA9dlfd.js";import"./p-DYeQU2bY.js";const b=class{constructor(d){e(this,d);this.toggle=a(this,"toggle");this._id=n;this.initialized=false;this.forcedToMobile=false}handleToggle(e){if(e&&e.stopPropagation){e.stopPropagation()}const a=!i(this.drawerOpen,"drawerOpen");if(this.toggle){this.toggle.emit(a)}}handleNavigationItemClick(e){if(o(e)){this.handleToggle()}}enableAttributePassing(e,a){const d=e===null||e===void 0?void 0:e.closest(a);if(e&&d){const a=d.attributes;for(let c=0;c<a.length;c++){const t=a.item(c);if(t&&(t.name.startsWith("data-")||t.name.startsWith("aria-"))){e.setAttribute(t.name,t.value);d.removeAttribute(t.name)}if(t&&t.name==="class"){const a=t.value.includes("hydrated");const c=t.value.replace("hydrated","").trim();const i=e.getAttribute("class");e.setAttribute(t.name,`${i?`${i} `:""}${c}`);if(a){d.setAttribute("class","hydrated")}else{d.removeAttribute(t.name)}}}}}watch0Fn(){var e;if(this.initialized&&document&&this._id&&this.forceMobile){const a=document.getElementById((e=this._id)!==null&&e!==void 0?e:"");if(a){c(a,{key:"data-force-mobile",value:"true"})}this.forcedToMobile=true}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-header");this.initialized=true;this._id=this.id||"header-"+t();this.watch0Fn()}render(){var e;return d("header",{key:"e3c481e7cc59c48f98050d9b014e8912fdcace6d",class:s("db-header",this.className),ref:e=>{this._ref=e},id:this._id,"data-width":this.width,"data-on-forcing-mobile":this.forceMobile&&!this.forcedToMobile},d("db-drawer",{key:"851d96ddee466b650fac5e2aa8619004f3792d6d",class:"db-header-drawer",spacing:"small",rounded:true,open:i(this.drawerOpen),onClose:()=>this.handleToggle()},d("div",{key:"4a63f5d6b730ad4b7c5b5469aead1c791901e08d",class:"db-header-drawer-navigation"},d("div",{key:"f3a375f07fcc688fe01e751d14965479d8b0fd67",class:"db-header-navigation",onClick:e=>this.handleNavigationItemClick(e)},d("slot",{key:"8c0cc3b4f76622ec4bb3263417a5710044ff54c1"})),d("div",{key:"538eeec5b946d3b5de1cfc3c5dcf0aac0f1cae3f",class:"db-header-meta-navigation"},d("slot",{key:"fe5b29b17211c6f3458905dab5e0ac6c308ea1c8",name:"metaNavigation"}))),d("div",{key:"9d76492f991335066736205049078e137f683c25",class:"db-header-secondary-action"},d("slot",{key:"ae9e157bd16957d985f217d697d46473b94aacc3",name:"secondaryAction"}))),d("div",{key:"685e4f7dfedbeb5663e7932a75328897120f23d1",class:"db-header-meta-navigation"},d("slot",{key:"19ddfa552eed45eda8eb54b6197a17170f8fbe96",name:"metaNavigation"})),d("div",{key:"6f2d87a054372575d5a35d9975d276b09c910b6e",class:"db-header-navigation-bar"},d("div",{key:"1a95b153905575dd73b46408dfc6fe09a3fef480",class:"db-header-brand-container"},d("slot",{key:"eb589d84bda0b1a6e857cb01df058339e98a916a",name:"brand"})),d("div",{key:"195c03a6ae54881ec6e0065cc605bd89d6200846",class:"db-header-navigation-container"},d("div",{key:"b9e2ec192cdc908b77dc036addf85d81146ae89e",class:"db-header-navigation"},d("slot",{key:"921233eebceac68fcda24a70f4a218c9d588daac"})),d("div",{key:"6cb58fe0e628b7549f0d70858bc7a382cd3a087d",class:"db-header-primary-action"},d("slot",{key:"700428f9997edd91647b91e28174f2a7516ab7dc",name:"primaryAction"}))),d("div",{key:"3ca4479d6c5142418ec1878e9d0b5f01d5e4303a",class:"db-header-action-container"},d("div",{key:"19c73cd038ed9be869ecfc80bb9c6f7a66e9b9b0",class:"db-header-burger-menu-container"},d("db-button",{key:"53cb57495f1e215630a5529040492dfff7709a62",icon:"menu",variant:"ghost",id:this._id+"-burger-menu",noText:true,onClick:()=>this.handleToggle()},(e=this.burgerMenuLabel)!==null&&e!==void 0?e:r)),d("div",{key:"76a7166387cdfdb4fb962339af640896fc26e6ae",class:"db-header-secondary-action"},d("slot",{key:"77c898741eccdd11f5c5783537f5b5316e18f163",name:"secondaryAction"})))))}static get watchers(){return{initialized:["watch0"]}}};export{b as db_header};
+//# sourceMappingURL=p-695bf91e.entry.js.map

package/dist/db-ux/{p-8ad4f80a.entry.js.map → p-695bf91e.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DBHeader","constructor","hostRef","this","_id","DEFAULT_ID","initialized","forcedToMobile","handleToggle","event","stopPropagation","open","getBoolean","drawerOpen","toggle","emit","handleNavigationItemClick","isEventTargetNavigationItem","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","document","forceMobile","headerElement","getElementById","_a","addAttributeToChildren","key","watch0","componentDidLoad","_ref","id","uuid","render","h","class","cls","className","ref","el","width","spacing","rounded","onClose","onClick","icon","variant","noText","burgerMenuLabel","DEFAULT_BURGER_MENU"],"sources":["src/components/header/header.tsx"],"sourcesContent":["import { DBHeaderProps, DBHeaderState } from \"./model\";\nimport { addAttributeToChildren, cls, getBoolean, uuid } from \"../../utils\";\nimport { DBButton } from \"../button/button\";\nimport { DBDrawer } from \"../drawer/drawer\";\nimport { DEFAULT_BURGER_MENU, DEFAULT_ID } from \"../../shared/constants\";\nimport { isEventTargetNavigationItem } from \"../../utils/navigation\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot metaNavigation - TODO: Add description for slotMetaNavigation\n * @slot secondaryAction - TODO: Add description for slotSecondaryAction\n * @slot brand - TODO: Add description for slotBrand\n * @slot primaryAction - TODO: Add description for slotPrimaryAction\n */\n @Component({\n  tag: \"db-header\",\n})\nexport class DBHeader {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBHeaderProps[\"id\"];\n  @Prop() forceMobile: DBHeaderProps[\"forceMobile\"];\n  @Prop() drawerOpen: DBHeaderProps[\"drawerOpen\"];\n  @Event() toggle: EventEmitter<\n    Parameters<Required<DBHeaderProps>[\"onToggle\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBHeaderProps[\"className\"];\n  @Prop() width: DBHeaderProps[\"width\"];\n  @Prop() burgerMenuLabel: DBHeaderProps[\"burgerMenuLabel\"];\n  @State() _id = DEFAULT_ID;\n  @State() initialized = false;\n  @State() forcedToMobile = false;\n\n  handleToggle(event?: any) {\n    if (event && event.stopPropagation) {\n      event.stopPropagation();\n    }\n    const open = !getBoolean(this.drawerOpen, \"drawerOpen\");\n    if (this.toggle) {\n      this.toggle.emit(open);\n    }\n  }\n  handleNavigationItemClick(event: unknown) {\n    if (isEventTargetNavigationItem(event)) {\n      this.handleToggle();\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.initialized && document && this._id && this.forceMobile) {\n      const headerElement = document.getElementById(\n        this._id ?? \"\"\n      ) as HTMLElement;\n      if (headerElement) {\n        // Adds this attribute to the header to enable all styling which would have\n        // @media screen and (min-width: $db-screens-m) to show mobile navigation on a desktop device\n        addAttributeToChildren(headerElement, {\n          key: \"data-force-mobile\",\n          value: \"true\",\n        });\n      }\n      this.forcedToMobile = true;\n    }\n  }\n\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-header\");\n    this.initialized = true;\n    this._id = this.id || \"header-\" + uuid();\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <header\n        class={cls(\"db-header\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-width={this.width}\n        data-on-forcing-mobile={this.forceMobile && !this.forcedToMobile}\n      >\n        <db-drawer\n          class=\"db-header-drawer\"\n          spacing=\"small\"\n          rounded={true}\n          open={getBoolean(this.drawerOpen)}\n          onClose={() => this.handleToggle()}\n        >\n          <div class=\"db-header-drawer-navigation\">\n            <div\n              class=\"db-header-navigation\"\n              onClick={(event) => this.handleNavigationItemClick(event)}\n            >\n              <slot></slot>\n            </div>\n            <div class=\"db-header-meta-navigation\">\n              <slot name=\"metaNavigation\"></slot>\n            </div>\n          </div>\n          <div class=\"db-header-secondary-action\">\n            <slot name=\"secondaryAction\"></slot>\n          </div>\n        </db-drawer>\n        <div class=\"db-header-meta-navigation\">\n          <slot name=\"metaNavigation\"></slot>\n        </div>\n        <div class=\"db-header-navigation-bar\">\n          <div class=\"db-header-brand-container\">\n            <slot name=\"brand\"></slot>\n          </div>\n          <div class=\"db-header-navigation-container\">\n            <div class=\"db-header-navigation\">\n              <slot></slot>\n            </div>\n            <div class=\"db-header-primary-action\">\n              <slot name=\"primaryAction\"></slot>\n            </div>\n          </div>\n          <div class=\"db-header-action-container\">\n            <div class=\"db-header-burger-menu-container\">\n              <db-button\n                icon=\"menu\"\n                variant=\"ghost\"\n                id={this._id + \"-burger-menu\"}\n                noText={true}\n                onClick={() => this.handleToggle()}\n              >\n                {this.burgerMenuLabel ?? DEFAULT_BURGER_MENU}\n              </db-button>\n            </div>\n            <div class=\"db-header-secondary-action\">\n              <slot name=\"secondaryAction\"></slot>\n            </div>\n          </div>\n        </div>\n      </header>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["DBHeader","constructor","hostRef","this","_id","DEFAULT_ID","initialized","forcedToMobile","handleToggle","event","stopPropagation","open","getBoolean","drawerOpen","toggle","emit","handleNavigationItemClick","isEventTargetNavigationItem","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","document","forceMobile","headerElement","getElementById","_a","addAttributeToChildren","key","watch0","componentDidLoad","_ref","id","uuid","render","h","class","cls","className","ref","el","width","spacing","rounded","onClose","onClick","icon","variant","noText","burgerMenuLabel","DEFAULT_BURGER_MENU"],"sources":["src/components/header/header.tsx"],"sourcesContent":["import { DBHeaderProps, DBHeaderState } from \"./model\";\nimport { addAttributeToChildren, cls, getBoolean, uuid } from \"../../utils\";\nimport { DBButton } from \"../button/button\";\nimport { DBDrawer } from \"../drawer/drawer\";\nimport { DEFAULT_BURGER_MENU, DEFAULT_ID } from \"../../shared/constants\";\nimport { isEventTargetNavigationItem } from \"../../utils/navigation\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot metaNavigation - TODO: Add description for slotMetaNavigation\n * @slot secondaryAction - TODO: Add description for slotSecondaryAction\n * @slot brand - TODO: Add description for slotBrand\n * @slot primaryAction - TODO: Add description for slotPrimaryAction\n */\n @Component({\n  tag: \"db-header\",\n})\nexport class DBHeader {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBHeaderProps[\"id\"];\n  @Prop() forceMobile: DBHeaderProps[\"forceMobile\"];\n  @Prop() drawerOpen: DBHeaderProps[\"drawerOpen\"];\n  @Event() toggle: EventEmitter<\n    Parameters<Required<DBHeaderProps>[\"onToggle\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBHeaderProps[\"className\"];\n  @Prop() width: DBHeaderProps[\"width\"];\n  @Prop() burgerMenuLabel: DBHeaderProps[\"burgerMenuLabel\"];\n  @State() _id = DEFAULT_ID;\n  @State() initialized = false;\n  @State() forcedToMobile = false;\n\n  handleToggle(event?: any) {\n    if (event && event.stopPropagation) {\n      event.stopPropagation();\n    }\n    const open = !getBoolean(this.drawerOpen, \"drawerOpen\");\n    if (this.toggle) {\n      this.toggle.emit(open);\n    }\n  }\n  handleNavigationItemClick(event: unknown) {\n    if (isEventTargetNavigationItem(event)) {\n      this.handleToggle();\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.initialized && document && this._id && this.forceMobile) {\n      const headerElement = document.getElementById(\n        this._id ?? \"\"\n      ) as HTMLElement;\n      if (headerElement) {\n        // Adds this attribute to the header to enable all styling which would have\n        // @media screen and (min-width: $db-screens-m) to show mobile navigation on a desktop device\n        addAttributeToChildren(headerElement, {\n          key: \"data-force-mobile\",\n          value: \"true\",\n        });\n      }\n      this.forcedToMobile = true;\n    }\n  }\n\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-header\");\n    this.initialized = true;\n    this._id = this.id || \"header-\" + uuid();\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <header\n        class={cls(\"db-header\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-width={this.width}\n        data-on-forcing-mobile={this.forceMobile && !this.forcedToMobile}\n      >\n        <db-drawer\n          class=\"db-header-drawer\"\n          spacing=\"small\"\n          rounded={true}\n          open={getBoolean(this.drawerOpen)}\n          onClose={() => this.handleToggle()}\n        >\n          <div class=\"db-header-drawer-navigation\">\n            <div\n              class=\"db-header-navigation\"\n              onClick={(event) => this.handleNavigationItemClick(event)}\n            >\n              <slot></slot>\n            </div>\n            <div class=\"db-header-meta-navigation\">\n              <slot name=\"metaNavigation\"></slot>\n            </div>\n          </div>\n          <div class=\"db-header-secondary-action\">\n            <slot name=\"secondaryAction\"></slot>\n          </div>\n        </db-drawer>\n        <div class=\"db-header-meta-navigation\">\n          <slot name=\"metaNavigation\"></slot>\n        </div>\n        <div class=\"db-header-navigation-bar\">\n          <div class=\"db-header-brand-container\">\n            <slot name=\"brand\"></slot>\n          </div>\n          <div class=\"db-header-navigation-container\">\n            <div class=\"db-header-navigation\">\n              <slot></slot>\n            </div>\n            <div class=\"db-header-primary-action\">\n              <slot name=\"primaryAction\"></slot>\n            </div>\n          </div>\n          <div class=\"db-header-action-container\">\n            <div class=\"db-header-burger-menu-container\">\n              <db-button\n                icon=\"menu\"\n                variant=\"ghost\"\n                id={this._id + \"-burger-menu\"}\n                noText={true}\n                onClick={() => this.handleToggle()}\n              >\n                {this.burgerMenuLabel ?? DEFAULT_BURGER_MENU}\n              </db-button>\n            </div>\n            <div class=\"db-header-secondary-action\">\n              <slot name=\"secondaryAction\"></slot>\n            </div>\n          </div>\n        </div>\n      </header>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/p-698c2d19.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as s,F as h}from"./p-Ctmm4hMW.js";import{h as e,d as l,s as a,k as n,u as d,g as o,b as c,j as u,c as r}from"./p-BgQRUWMZ.js";import{l as v,a as f,m as w,d as b,e as m,g as p,h as y,i as g,o as k,f as A,k as F,c as D,s as x}from"./p-DC9V_oNU.js";import{D as C}from"./p-BbHrTk7a.js";import{D as S}from"./p-Dgkqk5fN.js";import{h as R}from"./p-DYeQU2bY.js";const T=class{constructor(s){i(this,s);this.amountChange=t(this,"amountChange");this.dropdownToggle=t(this,"dropdownToggle");this.optionSelected=t(this,"optionSelected");this.search=t(this,"search");this.showClearSelection=true;this.clearSelectionText="Clear selection";this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._invalidMessage=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._documentClickListenerCallbackId=undefined;this._internalChangeTimestamp=0;this._documentScrollListenerCallbackId=undefined;this._observer=undefined;this._searchValue=undefined;this.selectAllChecked=false;this.selectAllIndeterminate=false;this.satisfyReact=function i(t){t.stopPropagation()}}handleDocumentScroll(i){var t,s;if(((t=i===null||i===void 0?void 0:i.target)===null||t===void 0?void 0:t.contains)&&((s=i===null||i===void 0?void 0:i.target)===null||s===void 0?void 0:s.contains(this.detailsRef))){this.handleAutoPlacement()}}hasValidState(){var i;return!!((i=this.validMessage)!==null&&i!==void 0?i:this.validation==="valid")}handleValidation(){var i,t,s,h,n,d,o,c;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._descByIds=this._invalidMessageId;this._invalidMessage=this.invalidMessage||((t=this.selectRef)===null||t===void 0?void 0:t.validationMessage)||v;if(e()){this._voiceOverFallback=this._invalidMessage;l((()=>this._voiceOverFallback=""),1e3)}this._validity=(s=this.validation)!==null&&s!==void 0?s:"invalid"}else if(this.hasValidState()&&((h=this.selectRef)===null||h===void 0?void 0:h.validity.valid)&&this.required){this._descByIds=this._validMessageId;if(e()){this._voiceOverFallback=(n=this.validMessage)!==null&&n!==void 0?n:F;l((()=>this._voiceOverFallback=""),1e3)}this._validity=(d=this.validation)!==null&&d!==void 0?d:"valid"}else if(a(this.message,this.showMessage)){this._descByIds=this._messageId;this._validity=(o=this.validation)!==null&&o!==void 0?o:"no-validation"}else{this._descByIds=this._placeholderId;this._validity=(c=this.validation)!==null&&c!==void 0?c:"no-validation"}}handleDropdownToggle(i){var t,s;if(this.dropdownToggle){i.stopPropagation();this.dropdownToggle.emit(i)}if(i.target.open){this._documentClickListenerCallbackId=(new C).addCallback((i=>this.handleDocumentClose(i)));this._documentScrollListenerCallbackId=(new S).addCallback((i=>this.handleDocumentScroll(i)));this.handleAutoPlacement();(t=this._observer)===null||t===void 0?void 0:t.observe(this.detailsRef);if(!i.target.dataset.test){this.handleOpenByKeyboardFocus()}}else{if(this._documentClickListenerCallbackId){(new C).removeCallback(this._documentClickListenerCallbackId)}if(this._documentScrollListenerCallbackId){(new S).removeCallback(this._documentScrollListenerCallbackId)}(s=this._observer)===null||s===void 0?void 0:s.unobserve(this.detailsRef)}}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;return(i=this.selectAllLabel)!==null&&i!==void 0?i:f}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,s;if(i&&((t=this._values)===null||t===void 0?void 0:t.includes)){return(s=this._values)===null||s===void 0?void 0:s.includes(i)}return false}getTagRemoveLabel(i){if(this.removeTagsTexts&&this.removeTagsTexts.length>i){return this.removeTagsTexts.at(i)}else{return`${w} ${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((()=>{var t;R(i,this.detailsRef,(t=this.placement)!==null&&t!==void 0?t:"bottom")}),1)}}}handleArrowDownUp(i){var t,s,h,e,a,d,o;if((t=this.detailsRef)===null||t===void 0?void 0:t.open){if(self.document){const t=self.document.activeElement;if(t){const c=t.getAttribute("type")==="checkbox"||t.getAttribute("type")==="radio";if(c){const c=t===null||t===void 0?void 0:t.closest("li");if(i.key==="ArrowDown"||i.key==="ArrowRight"){if(c===null||c===void 0?void 0:c.nextElementSibling){(h=(s=c===null||c===void 0?void 0:c.nextElementSibling)===null||s===void 0?void 0:s.querySelector("input"))===null||h===void 0?void 0:h.focus()}else{this.handleFocusFirstDropdownCheckbox(t)}}else{if(c===null||c===void 0?void 0:c.previousElementSibling){(a=(e=c===null||c===void 0?void 0:c.previousElementSibling)===null||e===void 0?void 0:e.querySelector("input"))===null||a===void 0?void 0:a.focus()}else if(this.detailsRef.querySelector(`input[type="checkbox"]`)!==t){this.handleFocusFirstDropdownCheckbox(t)}else{const i=n(this.detailsRef);if(i){l((()=>{i.focus()}),100)}else{const i=Array.from((d=this.detailsRef)===null||d===void 0?void 0:d.querySelectorAll(`input[type="checkbox"],input[type="radio"]`));if(i.length){(o=i.at(-1))===null||o===void 0?void 0:o.focus()}}}}}else{if(t.getAttribute("type")==="search"&&(i.key==="ArrowUp"||i.key==="ArrowLeft")){this.handleClose("close");this.handleSummaryFocus()}else{this.handleFocusFirstDropdownCheckbox(t)}}}}}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;i.stopPropagation();if(i.key==="Escape"&&((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)){l((()=>this.detailsRef.open=false),1)}}}}handleDocumentClose(i){var t,s;if(i){const h=typeof i.detail==="number"?i.target:(t=i.detail)===null||t===void 0?void 0:t.target;if(((s=this.detailsRef)===null||s===void 0?void 0:s.open)&&!this.detailsRef.contains(h)){this.detailsRef.open=false}}}handleOptionSelected(i){const t=(new Date).getTime()-this._internalChangeTimestamp<200;if(t)return;this._values=i;if(this.optionSelected){this.optionSelected.emit(i!==null&&i!==void 0?i:[])}this._internalChangeTimestamp=(new Date).getTime()}handleSelect(i){var t;if(i){if(this.multiple){if((t=this._values)===null||t===void 0?void 0:t.includes(i)){this.handleOptionSelected(this._values.filter((t=>t!==i)))}else{this.handleOptionSelected([...this._values||[],i])}}else{this.handleOptionSelected([i]);this.handleClose("close")}}}handleSelectAll(i){var t;i.stopPropagation();if(((t=this._values)===null||t===void 0?void 0:t.length)===this.amountOptions){this.handleOptionSelected([])}else{const i=this.searchEnabled&&this.searchInputRef?this.searchInputRef.value:undefined;this.handleOptionSelected(this.options?this.options.filter((t=>{var s;return!t.isGroupTitle&&(!i||((s=t.value)===null||s===void 0?void 0:s.toLowerCase().includes(i.toLowerCase())))})).map((i=>{var t;return(t=i.value)!==null&&t!==void 0?t:""})):[])}}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()}),1)}}}}handleOpenByKeyboardFocus(){if(this.detailsRef){const i=n(this.detailsRef);if(i){l((()=>{i.focus()}),1)}else{this.handleFocusFirstDropdownCheckbox()}}}handleSearch(i){let t;if(typeof i==="string"){t=i}else{i.stopPropagation();if(this.search){this.search.emit(i)}t=i.target.value;this._searchValue=t}if(!this.options||!t||t.length===0){this._options=this.options}else if(this.searchFilter){this._options=this.options.filter((i=>this.searchFilter(i,t)))}else{this._options=this.options.filter((i=>!i.isGroupTitle&&this.getOptionLabel(i).toLowerCase().includes(t.toLowerCase())))}}handleClearAll(i){i.stopPropagation();this.handleOptionSelected([]);this.handleSummaryFocus()}handleSummaryFocus(){var i;if(this.detailsRef){(i=this.detailsRef.querySelector("summary"))===null||i===void 0?void 0:i.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(){if(this.detailsRef){this.detailsRef.addEventListener("focusout",(i=>this.handleClose(i)))}}watch0(){this.watch0Fn()}watch1Fn(){if(this._id){const i=this._id+A;this._labelId=this._id+b;this._selectId=this._id+m;this._validMessageId=this._id+p;this._invalidMessageId=this._id+y;this._placeholderId=this._id+g;if(a(this.message,this.showMessage)){this.setDescById(i)}else{this.setDescById()}}}watch1(){this.watch1Fn()}watch2Fn(){var i;if(this.detailsRef){const t=this.detailsRef.querySelector("summary");if(t){t.setAttribute("aria-describedby",(i=this.ariaDescribedBy)!==null&&i!==void 0?i:this._descByIds||"")}}}watch2(){this.watch2Fn()}watch3Fn(){if(this.showNoResults!==undefined){this._hasNoOptions=this.showNoResults}else if(this._options){this._hasNoOptions=this._options.length===0}}watch3(){this.watch3Fn()}watch4Fn(){var i;this.selectAllEnabled=Boolean(this.multiple&&((i=this.showSelectAll)!==null&&i!==void 0?i:this.amountOptions>5))}watch4(){this.watch4Fn()}watch5Fn(){var i;this.searchEnabled=(i=this.showSearch)!==null&&i!==void 0?i:this.amountOptions>9}watch5(){this.watch5Fn()}watch6Fn(){var i;if(this.values&&Array.isArray(this.values)&&this.values!==this._values){this._values=(i=this.values)!==null&&i!==void 0?i:[]}}watch6(){this.watch6Fn()}watch7Fn(){this.handleValidation()}watch7(){this.watch7Fn()}watch8Fn(){this._validity=this.validation}watch8(){this.watch8Fn()}watch9Fn(){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}}watch9(){this.watch9Fn()}watch10Fn(){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}watch10(){this.watch10Fn()}watch11Fn(){this._searchValue=this.searchValue;if(this.searchValue){const i=this.searchValue;this.handleSearch(i)}}watch11(){this.watch11Fn()}watch12Fn(){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))}))}}watch12(){this.watch12Fn()}watch13Fn(){var i,t,s;if(this.selectedLabels){this._selectedLabels=this.selectedLabels;return}if((i=this._selectedOptions)===null||i===void 0?void 0:i.length){if(this.transformSelectedLabels){const i=this._selectedOptions;const t=this.transformSelectedLabels;this._selectedLabels=t(i);return}if(this.selectedType==="amount"){this._selectedLabels=this.amountText?this.amountText:`${(t=this._selectedOptions)===null||t===void 0?void 0:t.length} ${k}`}else{this._selectedLabels=(s=this._selectedOptions)===null||s===void 0?void 0:s.map((i=>this.getOptionLabel(i))).join(", ")}}else{this._selectedLabels=""}}watch13(){this.watch13Fn()}watch14Fn(){var i,t;if(this.amountChange){this.amountChange.emit((t=(i=this._selectedOptions)===null||i===void 0?void 0:i.length)!==null&&t!==void 0?t:0)}}watch14(){this.watch14Fn()}watch15Fn(){if(this.selectAllRef){this.selectAllRef.indeterminate=Boolean(this.selectAllIndeterminate)}}watch15(){this.watch15Fn()}watch16Fn(){var i;this._invalidMessage=this.invalidMessage||((i=this.selectRef)===null||i===void 0?void 0:i.validationMessage)||v}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-${d()}`;this._id=t;this._messageId=t+A;this._validMessageId=t+p;this._invalidMessageId=t+y;this._selectId=t+m;this._labelId=t+b;this._summaryId=t+"-summary";this._placeholderId=t+g;this._selectedLabelsId=t+"-selected-labels";this._infoTextId=t+"-info";this._invalidMessage=this.invalidMessage||v;this._observer=new IntersectionObserver((i=>{if(this.detailsRef){const t=i.find((({target:i})=>i===this.detailsRef));if(t&&!t.isIntersecting&&this.detailsRef.open){this.detailsRef.open=false}}}));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()}render(){var i,t,e,l,n,d,v,w,b,m,p,y,g,k,A;return s("div",{key:"e5615e2c862d163edaab1cadd62623b2bc0fa20e",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.formFieldWidth,"data-variant":this.variant==="floating"&&this.selectedType==="tag"&&this.multiple?"above":this.variant,"data-required":o(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:"4610775f6caeaa4953ee3a5237b07ff09c115b37",id:this._labelId},(i=this.label)!==null&&i!==void 0?i:f,s("select",{key:"6d3bedc9709abf78d681cdd31befb88c503f60f5",role:"none",hidden:true,id:this._selectId,tabIndex:-1,ref:i=>{this.selectRef=i},form:this.form,name:this.name,multiple:c(this.multiple,"multiple"),disabled:c(this.disabled,"disabled"),required:c(this.required,"required"),onChange:i=>this.satisfyReact(i)},((t=this.options)===null||t===void 0?void 0:t.length)?(e=this.options)===null||e===void 0?void 0:e.map((i=>s("option",{disabled:i.disabled,value:i.value,key:undefined},this.getOptionLabel(i)))):null)),s("details",{key:"eda98f88d3979668e4a802d66674258e0840fbb1",ref:i=>{this.detailsRef=i},open:this.open,onToggle:i=>this.handleDropdownToggle(i),onKeyDown:i=>this.handleKeyboardPress(i)},s("slot",{key:"acae08a857466c9b77dbd0bd0d73b9ac0e16283a"}),this.options?s(h,null,s("summary",{class:"db-custom-select-form-field",id:this._summaryId,"aria-disabled":o(this.disabled),"aria-labelledby":this._labelId},((l=this._selectedLabels)===null||l===void 0?void 0:l.length)?s("span",{"data-visually-hidden":o(this.selectedType==="tag"),id:this._selectedLabelsId},this._selectedLabels):null,this.selectedType==="tag"?s("div",null,(n=this._selectedOptions)===null||n===void 0?void 0:n.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",ref:i=>{this.searchInputRef=i},name:this._id,form:this._id,showLabel:false,value:this._searchValue,label:(d=this.searchLabel)!==null&&d!==void 0?d:f,placeholder:(v=this.searchPlaceholder)!==null&&v!==void 0?v: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"},(w=this._hasNoOptions?this.noResultsText:this.loadingText)!==null&&w!==void 0?w: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:i=>this.handleSelectAll(i)}),this.getSelectAllLabel()))):null,s("db-custom-select-list",{multiple:c(this.multiple,"multiple"),label:(m=(b=this.ariaListLabel)!==null&&b!==void 0?b:this.label)!==null&&m!==void 0?m:f},(p=this._options)===null||p===void 0?void 0:p.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._id,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",name:this._id,form:this._id,onClick:()=>this.handleClose("close")},(y=this.mobileCloseButtonText)!==null&&y!==void 0?y:x)))):null),((g=this.showClearSelection)!==null&&g!==void 0?g:true)&&((k=this._values)===null||k===void 0?void 0:k.length)?s("db-button",{icon:"cross",variant:"ghost",size:"small",noText:true,name:this._id,form:this._id,onClick:i=>this.handleClearAll(i)},this.clearSelectionText,s("db-tooltip",{placement:"top"},this.clearSelectionText)):null,s("span",{key:"769ccefccd2f668507bc26b8323c42ed49f26e46","aria-hidden":o(true),id:this._placeholderId},(A=this.placeholder)!==null&&A!==void 0?A:this.label),a(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||F):null,s("db-infotext",{key:"7936aac4cc8805c84d262f3fe9082bccebbd2fa9",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"57d5b61105ad1e7f53acb5754890c1c7c18c6dc8","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{detailsRef:["watch0","watch2"],_id:["watch1"],_descByIds:["watch2"],showNoResults:["watch3"],_options:["watch3"],showSelectAll:["watch4"],amountOptions:["watch4","watch5","watch9"],multiple:["watch4"],showSearch:["watch5"],values:["watch6"],_values:["watch7","watch9","watch12"],validation:["watch8"],options:["watch10","watch12"],searchValue:["watch11"],_selectedOptions:["watch13","watch14"],selectedType:["watch13"],amountText:["watch13"],selectedLabels:["watch13"],transformSelectedLabels:["watch13"],selectAllIndeterminate:["watch15"],selectAllRef:["watch15"],selectRef:["watch16"],invalidMessage:["watch16"]}}};export{T as db_custom_select};
+//# sourceMappingURL=p-698c2d19.entry.js.map

package/dist/db-ux/p-698c2d19.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DBCustomSelect","constructor","hostRef","this","showClearSelection","clearSelectionText","_id","undefined","_messageId","_validMessageId","_invalidMessageId","_invalidMessage","_selectId","_labelId","_summaryId","_placeholderId","_infoTextId","_validity","_descByIds","_selectedLabels","_selectedLabelsId","_voiceOverFallback","_selectedOptions","selectAllEnabled","searchEnabled","amountOptions","_values","_options","_hasNoOptions","_documentClickListenerCallbackId","_internalChangeTimestamp","_documentScrollListenerCallbackId","_observer","_searchValue","selectAllChecked","selectAllIndeterminate","satisfyReact","event","stopPropagation","handleDocumentScroll","_a","target","contains","_b","detailsRef","handleAutoPlacement","hasValidState","validMessage","validation","handleValidation","selectRef","value","getNativeSelectValue","validity","valid","invalidMessage","validationMessage","DEFAULT_INVALID_MESSAGE","hasVoiceOver","delay","_c","_d","required","_e","DEFAULT_VALID_MESSAGE","_f","stringPropVisible","message","showMessage","_g","_h","handleDropdownToggle","dropdownToggle","emit","open","DocumentClickListener","addCallback","handleDocumentClose","DocumentScrollListener","observe","dataset","test","handleOpenByKeyboardFocus","removeCallback","unobserve","length","at","setDescById","descId","descByIds","push","join","getSelectAllLabel","selectAllLabel","DEFAULT_LABEL","getOptionLabel","option","label","toString","getOptionChecked","includes","getTagRemoveLabel","index","removeTagsTexts","DEFAULT_REMOVE","handleTagRemove","handleSelect","handleSummaryFocus","dropdown","querySelector","handleFixedDropdown","placement","handleArrowDownUp","self","document","activeElement","isCheckbox","getAttribute","listElement","closest","key","nextElementSibling","focus","handleFocusFirstDropdownCheckbox","previousElementSibling","search","getSearchInput","checkboxList","Array","from","querySelectorAll","handleClose","preventDefault","handleKeyboardPress","relatedTarget","detail","handleOptionSelected","values","skip","Date","getTime","optionSelected","multiple","filter","v","handleSelectAll","searchValue","searchInputRef","options","isGroupTitle","toLowerCase","map","checkboxes","first","checkbox","handleSearch","filterText","searchFilter","handleClearAll","enableAttributePassing","element","customElementSelector","parent","attributes","i","attr","item","name","startsWith","setAttribute","removeAttribute","isWebComponent","replace","trim","currentClass","watch0Fn","addEventListener","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","watch1","watch2Fn","summary","ariaDescribedBy","watch2","watch3Fn","showNoResults","watch3","watch4Fn","Boolean","showSelectAll","watch4","watch5Fn","showSearch","watch5","watch6Fn","isArray","watch6","watch7Fn","watch7","watch8Fn","watch8","watch9Fn","watch9","watch10Fn","watch10","watch11Fn","sValue","watch11","watch12Fn","watch12","watch13Fn","selectedLabels","transformSelectedLabels","selectedOptions","transformFn","selectedType","amountText","DEFAULT_SELECTED","watch13","watch14Fn","amountChange","watch14","watch15Fn","selectAllRef","indeterminate","watch15","watch16Fn","watch16","componentDidLoad","_ref","mId","id","uuid","IntersectionObserver","payload","entry","find","isIntersecting","render","h","class","cls","className","ref","el","formFieldWidth","variant","getBooleanAsString","getHideProp","showLabel","icon","showIcon","role","hidden","tabIndex","form","getBoolean","disabled","onChange","onToggle","onKeyDown","Fragment","emphasis","behavior","removeButton","onRemove","width","dropdownWidth","type","searchLabel","placeholder","searchPlaceholder","showLoading","onInput","semantic","noResultsText","loadingText","DEFAULT_MESSAGE","checked","_k","_j","ariaListLabel","_l","showDivider","groupTitle","size","onClick","_m","mobileCloseButtonText","DEFAULT_CLOSE_BUTTON","_o","_p","noText","_q","messageIcon"],"sources":["src/components/custom-select/custom-select.tsx"],"sourcesContent":["import {\n  CustomSelectOptionType,\n  DBCustomSelectProps,\n  DBCustomSelectState,\n} from \"./model\";\nimport {\n  cls,\n  delay,\n  getBoolean,\n  getBooleanAsString,\n  getHideProp,\n  getOptionKey,\n  getSearchInput,\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\";\nimport { DocumentClickListener } from \"../../utils/document-click-listener\";\nimport { DocumentScrollListener } from \"../../utils/document-scroll-listener\";\nimport { handleFixedDropdown } from \"../../utils/floating-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\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 | any;\n  private detailsRef!: HTMLDetailsElement | any;\n  private selectRef!: HTMLSelectElement | any;\n  private selectAllRef!: HTMLInputElement | any;\n  private searchInputRef!: HTMLInputElement | any;\n  @Prop() id: DBCustomSelectProps[\"id\"];\n  @Prop() invalidMessage: DBCustomSelectProps[\"invalidMessage\"];\n  @Prop() message: DBCustomSelectProps[\"message\"];\n  @Prop() showMessage: DBCustomSelectProps[\"showMessage\"];\n  @Prop() ariaDescribedBy: DBCustomSelectProps[\"ariaDescribedBy\"];\n  @Prop() showNoResults: DBCustomSelectProps[\"showNoResults\"];\n  @Prop() multiple: DBCustomSelectProps[\"multiple\"];\n  @Prop() showSelectAll: DBCustomSelectProps[\"showSelectAll\"];\n  @Prop() showSearch: DBCustomSelectProps[\"showSearch\"];\n  @Prop() values: DBCustomSelectProps[\"values\"];\n  @Prop() validation: DBCustomSelectProps[\"validation\"];\n  @Prop() options: DBCustomSelectProps[\"options\"];\n  @Prop() searchValue: DBCustomSelectProps[\"searchValue\"];\n  @Prop() selectedLabels: DBCustomSelectProps[\"selectedLabels\"];\n  @Prop()\n  transformSelectedLabels: DBCustomSelectProps[\"transformSelectedLabels\"];\n  @Prop() selectedType: DBCustomSelectProps[\"selectedType\"];\n  @Prop() amountText: DBCustomSelectProps[\"amountText\"];\n  @Event() amountChange: EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onAmountChange\"]>[number]\n  > | void;\n  @Prop() validMessage: DBCustomSelectProps[\"validMessage\"];\n  @Prop() required: DBCustomSelectProps[\"required\"];\n  @Event() dropdownToggle: EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onDropdownToggle\"]>[number]\n  > | void;\n  @Prop() selectAllLabel: DBCustomSelectProps[\"selectAllLabel\"];\n  @Prop() removeTagsTexts: DBCustomSelectProps[\"removeTagsTexts\"];\n  @Prop() placement: DBCustomSelectProps[\"placement\"];\n  @Event() optionSelected: EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onOptionSelected\"]>[number]\n  > | void;\n  @Event() search: EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onSearch\"]>[number]\n  > | void;\n  @Prop() searchFilter: DBCustomSelectProps[\"searchFilter\"];\n  @Prop({attribute: \"classname\"}) className: DBCustomSelectProps[\"className\"];\n  @Prop() formFieldWidth: DBCustomSelectProps[\"formFieldWidth\"];\n  @Prop() variant: DBCustomSelectProps[\"variant\"];\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() name: DBCustomSelectProps[\"name\"];\n  @Prop() disabled: DBCustomSelectProps[\"disabled\"];\n  @Prop() open: DBCustomSelectProps[\"open\"];\n  @Prop() dropdownWidth: DBCustomSelectProps[\"dropdownWidth\"];\n  @Prop() searchLabel: DBCustomSelectProps[\"searchLabel\"];\n  @Prop() searchPlaceholder: DBCustomSelectProps[\"searchPlaceholder\"];\n  @Prop() showLoading: DBCustomSelectProps[\"showLoading\"];\n  @Prop() ariaListLabel: DBCustomSelectProps[\"ariaListLabel\"];\n  @Prop() noResultsText: DBCustomSelectProps[\"noResultsText\"];\n  @Prop() loadingText: DBCustomSelectProps[\"loadingText\"];\n  @Prop() mobileCloseButtonText: DBCustomSelectProps[\"mobileCloseButtonText\"];\n  @Prop() showClearSelection: DBCustomSelectProps[\"showClearSelection\"] = true;\n  @Prop() clearSelectionText: DBCustomSelectProps[\"clearSelectionText\"] =\n    \"Clear selection\";\n  @Prop() placeholder: DBCustomSelectProps[\"placeholder\"];\n  @Prop() messageIcon: DBCustomSelectProps[\"messageIcon\"];\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _invalidMessage = 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() _documentClickListenerCallbackId = undefined;\n  @State() _internalChangeTimestamp = 0;\n  @State() _documentScrollListenerCallbackId = undefined;\n  @State() _observer = undefined;\n  @State() _searchValue = undefined;\n  @State() selectAllChecked = false;\n  @State() selectAllIndeterminate = false;\n\n  handleDocumentScroll(event: any) {\n    if (event?.target?.contains && event?.target?.contains(this.detailsRef)) {\n      this.handleAutoPlacement();\n    }\n  }\n  hasValidState() {\n    return !!(this.validMessage ?? this.validation === \"valid\");\n  }\n  handleValidation() {\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._descByIds = this._invalidMessageId;\n      this._invalidMessage =\n        this.invalidMessage ||\n        this.selectRef?.validationMessage ||\n        DEFAULT_INVALID_MESSAGE;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this._invalidMessage;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n      this._validity = this.validation ?? \"invalid\";\n    } else if (\n      this.hasValidState() &&\n      this.selectRef?.validity.valid &&\n      this.required\n    ) {\n      this._descByIds = this._validMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n      this._validity = this.validation ?? \"valid\";\n    } else if (stringPropVisible(this.message, this.showMessage)) {\n      this._descByIds = this._messageId;\n      this._validity = this.validation ?? \"no-validation\";\n    } else {\n      this._descByIds = this._placeholderId;\n      this._validity = this.validation ?? \"no-validation\";\n    }\n  }\n  handleDropdownToggle(event: any) {\n    if (this.dropdownToggle) {\n      event.stopPropagation();\n      this.dropdownToggle.emit(event);\n    }\n    if (event.target.open) {\n      this._documentClickListenerCallbackId =\n        new DocumentClickListener().addCallback((event) =>\n          this.handleDocumentClose(event)\n        );\n      this._documentScrollListenerCallbackId =\n        new DocumentScrollListener().addCallback((event) =>\n          this.handleDocumentScroll(event)\n        );\n      this.handleAutoPlacement();\n      this._observer?.observe(this.detailsRef);\n      if (!event.target.dataset.test) {\n        // We need this workaround for snapshot testing\n        this.handleOpenByKeyboardFocus();\n      }\n    } else {\n      if (this._documentClickListenerCallbackId) {\n        new DocumentClickListener().removeCallback(\n          this._documentClickListenerCallbackId!\n        );\n      }\n      if (this._documentScrollListenerCallbackId) {\n        new DocumentScrollListener().removeCallback(\n          this._documentScrollListenerCallbackId!\n        );\n      }\n      this._observer?.unobserve(this.detailsRef);\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    return this.selectAllLabel ?? DEFAULT_LABEL;\n  }\n  getOptionLabel(option: CustomSelectOptionType) {\n    return option.label ?? option.value?.toString() ?? \"\";\n  }\n  getOptionChecked(value?: string) {\n    if (value && this._values?.includes) {\n      return this._values?.includes(value!);\n    }\n    return false;\n  }\n  getTagRemoveLabel(index: number) {\n    if (this.removeTagsTexts && this.removeTagsTexts!.length > index) {\n      return this.removeTagsTexts!.at(index)!;\n    } else {\n      return `${DEFAULT_REMOVE} ${\n        this._selectedOptions\n          ? this.getOptionLabel(this._selectedOptions![index])\n          : \"\"\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        // This is a workaround for Angular\n        delay(() => {\n          handleFixedDropdown(\n            dropdown,\n            this.detailsRef,\n            (this.placement as unknown as string) ?? \"bottom\"\n          );\n        }, 1);\n      }\n    }\n  }\n  handleArrowDownUp(event: any) {\n    if (this.detailsRef?.open) {\n      if (self.document) {\n        const activeElement = self.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\n                  ?.querySelector(\"input\")\n                  ?.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    } 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    }\n    event.stopPropagation();\n    event.preventDefault();\n  }\n  handleKeyboardPress(event: any) {\n    event.stopPropagation();\n    if (event.key === \"Escape\" && 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          // We need to use delay here because the combination of `contains`\n          // and changing the DOM element causes a race condition inside browser\n          delay(() => (this.detailsRef.open = false), 1);\n        }\n      }\n    }\n  }\n  handleDocumentClose(event: any) {\n    if (event) {\n      // stencil is sending a custom event which wraps the pointer event into details\n      const target =\n        typeof event.detail === \"number\" ? event.target : event.detail?.target;\n      if (this.detailsRef?.open && !this.detailsRef.contains(target)) {\n        this.detailsRef.open = false;\n      }\n    }\n  }\n  handleOptionSelected(values: string[]) {\n    const skip = new Date().getTime() - this._internalChangeTimestamp < 200;\n    if (skip) return;\n    this._values = values;\n    if (this.optionSelected) {\n      this.optionSelected.emit(values ?? []);\n    }\n    this._internalChangeTimestamp = new Date().getTime();\n  }\n  handleSelect(value?: string) {\n    if (value) {\n      if (this.multiple) {\n        if (this._values?.includes(value)) {\n          this.handleOptionSelected(\n            this._values!.filter((v: string) => v !== value)\n          );\n        } else {\n          this.handleOptionSelected([...(this._values || []), value]);\n        }\n      } else {\n        this.handleOptionSelected([value]);\n        this.handleClose(\"close\");\n      }\n    }\n  }\n  handleSelectAll(event: any) {\n    event.stopPropagation();\n    if (this._values?.length === this.amountOptions) {\n      this.handleOptionSelected([]);\n    } else {\n      const searchValue: string | undefined =\n        this.searchEnabled && this.searchInputRef\n          ? this.searchInputRef.value\n          : undefined;\n      this.handleOptionSelected(\n        this.options\n          ? this.options!.filter(\n              (option) =>\n                !option.isGroupTitle &&\n                (!searchValue ||\n                  option.value\n                    ?.toLowerCase()\n                    .includes(searchValue.toLowerCase()))\n            ).map((option) => option.value ?? \"\")\n          : []\n      );\n    }\n  }\n  handleFocusFirstDropdownCheckbox(activeElement?: Element) {\n    if (this.detailsRef) {\n      const checkboxes: HTMLInputElement[] = 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          }, 1);\n        }\n      }\n    }\n  }\n  handleOpenByKeyboardFocus() {\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        }, 1);\n      } else {\n        // Focus first checkbox otherwise\n        this.handleFocusFirstDropdownCheckbox();\n      }\n    }\n  }\n  handleSearch(event: any) {\n    let filterText;\n    if (typeof event === \"string\") {\n      filterText = event;\n    } else {\n      event.stopPropagation();\n      if (this.search) {\n        this.search.emit(event);\n      }\n      filterText = (event.target as HTMLInputElement).value;\n      this._searchValue = filterText;\n    }\n    if (!this.options || !filterText || filterText.length === 0) {\n      this._options = this.options;\n    } else if (this.searchFilter) {\n      this._options = this.options!.filter((option) =>\n        this.searchFilter!(option, filterText)\n      );\n    } else {\n      this._options = this.options!.filter(\n        (option) =>\n          !option.isGroupTitle &&\n          this.getOptionLabel(option)\n            .toLowerCase()\n            .includes(filterText.toLowerCase())\n      );\n    }\n  }\n  handleClearAll(event: any) {\n    event.stopPropagation();\n    this.handleOptionSelected([]);\n    this.handleSummaryFocus();\n  }\n  handleSummaryFocus() {\n    if (this.detailsRef) {\n      (this.detailsRef as HTMLDetailsElement).querySelector(\"summary\")?.focus();\n    }\n  }\n  satisfyReact = function satisfyReact(event: any) {\n    // This is a function to satisfy React\n    event.stopPropagation();\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.detailsRef) {\n      this.detailsRef.addEventListener(\"focusout\", (event: any) =>\n        this.handleClose(event)\n      );\n    }\n  }\n\n  @Watch(\"detailsRef\")\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(\n          \"aria-describedby\",\n          this.ariaDescribedBy ?? (this._descByIds || \"\")\n        );\n      }\n    }\n  }\n\n  @Watch(\"detailsRef\")\n  @Watch(\"_descByIds\")\n  watch2() {\n    this.watch2Fn();\n  }\n\n  watch3Fn() {\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  watch3() {\n    this.watch3Fn();\n  }\n\n  watch4Fn() {\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  watch4() {\n    this.watch4Fn();\n  }\n\n  watch5Fn() {\n    this.searchEnabled = this.showSearch ?? this.amountOptions > 9;\n  }\n\n  @Watch(\"showSearch\")\n  @Watch(\"amountOptions\")\n  watch5() {\n    this.watch5Fn();\n  }\n\n  watch6Fn() {\n    if (\n      this.values &&\n      Array.isArray(this.values) &&\n      this.values !== this._values\n    ) {\n      this._values = this.values ?? [];\n    }\n  }\n\n  @Watch(\"values\")\n  watch6() {\n    this.watch6Fn();\n  }\n\n  watch7Fn() {\n    this.handleValidation();\n  }\n\n  @Watch(\"_values\")\n  watch7() {\n    this.watch7Fn();\n  }\n\n  watch8Fn() {\n    this._validity = this.validation;\n  }\n\n  @Watch(\"validation\")\n  watch8() {\n    this.watch8Fn();\n  }\n\n  watch9Fn() {\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  watch9() {\n    this.watch9Fn();\n  }\n\n  watch10Fn() {\n    this._options = this.options;\n    this.amountOptions =\n      this.options?.filter((option) => !option.isGroupTitle).length ?? 0;\n  }\n\n  @Watch(\"options\")\n  watch10() {\n    this.watch10Fn();\n  }\n\n  watch11Fn() {\n    this._searchValue = this.searchValue;\n    if (this.searchValue) {\n      const sValue = this.searchValue!; // <- workaround for Angular\n      this.handleSearch(sValue);\n    }\n  }\n\n  @Watch(\"searchValue\")\n  watch11() {\n    this.watch11Fn();\n  }\n\n  watch12Fn() {\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  watch12() {\n    this.watch12Fn();\n  }\n\n  watch13Fn() {\n    if (this.selectedLabels) {\n      this._selectedLabels = this.selectedLabels;\n      return;\n    }\n    if (this._selectedOptions?.length) {\n      if (this.transformSelectedLabels) {\n        // We need to add this to another ``const`` for Angular generated output to work\n        const selectedOptions = this._selectedOptions;\n        const transformFn = this.transformSelectedLabels!;\n        this._selectedLabels = transformFn!(selectedOptions);\n        return;\n      }\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  @Watch(\"selectedLabels\")\n  @Watch(\"transformSelectedLabels\")\n  watch13() {\n    this.watch13Fn();\n  }\n\n  watch14Fn() {\n    if (this.amountChange) {\n      this.amountChange.emit(this._selectedOptions?.length ?? 0);\n    }\n  }\n\n  @Watch(\"_selectedOptions\")\n  watch14() {\n    this.watch14Fn();\n  }\n\n  watch15Fn() {\n    if (this.selectAllRef) {\n      this.selectAllRef.indeterminate = Boolean(this.selectAllIndeterminate);\n    }\n  }\n\n  @Watch(\"selectAllIndeterminate\")\n  @Watch(\"selectAllRef\")\n  watch15() {\n    this.watch15Fn();\n  }\n\n  watch16Fn() {\n    this._invalidMessage =\n      this.invalidMessage ||\n      this.selectRef?.validationMessage ||\n      DEFAULT_INVALID_MESSAGE;\n  }\n\n  @Watch(\"selectRef\")\n  @Watch(\"invalidMessage\")\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    this._invalidMessage = this.invalidMessage || DEFAULT_INVALID_MESSAGE;\n    this._observer = new IntersectionObserver((payload) => {\n      if (this.detailsRef) {\n        const entry = payload.find(({ target }) => target === this.detailsRef);\n        if (entry && !entry.isIntersecting && this.detailsRef.open) {\n          this.detailsRef.open = false;\n        }\n      }\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\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.formFieldWidth}\n        data-variant={\n          this.variant === \"floating\" &&\n          this.selectedType === \"tag\" &&\n          this.multiple\n            ? \"above\"\n            : this.variant\n        }\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            name={this.name}\n            multiple={getBoolean(this.multiple, \"multiple\")}\n            disabled={getBoolean(this.disabled, \"disabled\")}\n            required={getBoolean(this.required, \"required\")}\n            onChange={(event) => this.satisfyReact(event)}\n          >\n            {this.options?.length\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              : null}\n          </select>\n        </label>\n        <details\n          ref={(el: any) => {\n            this.detailsRef = el;\n          }}\n          open={this.open}\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-disabled={getBooleanAsString(this.disabled)}\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                      ref={(el: any) => {\n                        this.searchInputRef = el;\n                      }}\n                      name={this._id}\n                      form={this._id}\n                      showLabel={false}\n                      value={this._searchValue}\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={(event) => this.handleSelectAll(event)}\n                            />\n                            {this.getSelectAllLabel()}\n                          </label>\n                        </div>\n                      </div>\n                    ) : null}\n                    <db-custom-select-list\n                      multiple={getBoolean(this.multiple, \"multiple\")}\n                      label={this.ariaListLabel ?? 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._id}\n                          checked={this.getOptionChecked(option.value)}\n                          disabled={option.disabled}\n                          value={option.value}\n                          onChange={() => this.handleSelect(option.value)}\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                    name={this._id}\n                    form={this._id}\n                    onClick={() => this.handleClose(\"close\")}\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            name={this._id}\n            form={this._id}\n            onClick={(event) => this.handleClearAll(event)}\n          >\n            {this.clearSelectionText}\n            <db-tooltip placement=\"top\">{this.clearSelectionText}</db-tooltip>\n          </db-button>\n        ) : null}\n        <span aria-hidden={getBooleanAsString(true)} id={this._placeholderId}>\n          {this.placeholder ?? this.label}\n        </span>\n        {stringPropVisible(this.message, this.showMessage) ? (\n          <db-infotext\n            size=\"small\"\n            icon={this.messageIcon}\n            id={this._messageId}\n          >\n            {this.message}\n          </db-infotext>\n        ) : null}\n        {this.hasValidState() ? (\n          <db-infotext\n            size=\"small\"\n            semantic=\"successful\"\n            id={this._validMessageId}\n          >\n            {this.validMessage || DEFAULT_VALID_MESSAGE}\n          </db-infotext>\n        ) : null}\n        <db-infotext\n          size=\"small\"\n          semantic=\"critical\"\n          id={this._invalidMessageId}\n        >\n          {this._invalidMessage}\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-6f1226da.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s}from"./p-Ctmm4hMW.js";import{c as i}from"./p-BgQRUWMZ.js";const a=class{constructor(s){t(this,s)}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 d=s.item(a);if(d&&(d.name.startsWith("data-")||d.name.startsWith("aria-"))){t.setAttribute(d.name,d.value);i.removeAttribute(d.name)}if(d&&d.name==="class"){const s=d.value.includes("hydrated");const a=d.value.replace("hydrated","").trim();const r=t.getAttribute("class");t.setAttribute(d.name,`${r?`${r} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(d.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-divider")}render(){return s("div",{key:"e3355b0ae601f71157a429a346fef6df9438231c",class:i("db-divider",this.className),ref:t=>{this._ref=t},id:this.id,"data-margin":this.margin,"data-variant":this.variant,"data-emphasis":this.emphasis,"data-width":this.width})}};export{a as db_divider};
+//# sourceMappingURL=p-6f1226da.entry.js.map

package/dist/db-ux/{p-139f5623.entry.js → p-77ce5cb6.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,F as a}from"./p-bH2PZLSq.js";import{u as o,c as n}from"./p-pglUTSkG.js";const l=class{constructor(s){t(this,s);this.indexChange=i(this,"indexChange");this.tabSelect=i(this,"tabSelect");this._id="tabs-"+o();this._name="";this.initialized=false;this.showScrollLeft=false;this.showScrollRight=false;this.scrollContainer=null}convertTabs(){try{if(typeof this.tabs==="string"){return JSON.parse(this.tabs)}return this.tabs}catch(t){console.error(t)}return[]}evaluateScrollButtons(t){const i=t.scrollWidth>t.clientWidth;this.showScrollLeft=i&&t.scrollLeft>1;this.showScrollRight=i&&t.scrollLeft<t.scrollWidth-t.clientWidth}scroll(t){var i;let s=Number(this.arrowScrollDistance)||100;if(t){s*=-1}(i=this.scrollContainer)===null||i===void 0?void 0:i.scrollBy({top:0,left:s,behavior:"smooth"})}initTabList(){if(this._ref){const t=this._ref.querySelector(".db-tab-list");if(t){const i=t.querySelector('[role="tablist"]');if(i){i.setAttribute("aria-orientation",this.orientation||"horizontal");if(this.behavior==="arrows"){this.scrollContainer=i;this.evaluateScrollButtons(i);i.addEventListener("scroll",(()=>{this.evaluateScrollButtons(i)}))}}}}}initTabs(t){if(this._ref){const i=Array.from(this._ref.getElementsByClassName("db-tab-item"));const s=Array.from(this._ref.querySelectorAll(":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"));for(const a of i){const o=i.indexOf(a);const n=a.querySelector("label");const l=a.querySelector("input");if(l&&n){if(!l.id){const t=`${this._name}-tab-${o}`;n.setAttribute("for",t);l.id=t;l.setAttribute("name",this._name);if(s.length>o){l.setAttribute("aria-controls",`${this._name}-tab-panel-${o}`)}}if(t){const t=!this.initialSelectedMode||this.initialSelectedMode==="auto";const i=this.initialSelectedIndex==null&&o===0||Number(this.initialSelectedIndex)===o;if(t&&i){l.click()}}}}for(const t of s){if(t.id)continue;const i=s.indexOf(t);t.id=`${this._name}-tab-panel-${i}`;t.setAttribute("aria-labelledby",`${this._name}-tab-${i}`)}}}handleChange(t){var i,s;t.stopPropagation();const a=(i=t.target)===null||i===void 0?void 0:i.closest("ul");const o=(s=t.target.closest("db-tab-item"))!==null&&s!==void 0?s:t.target.closest("li");if(a!==null&&o!==null){const t=Array.from(a.childNodes).indexOf(o);if(this.indexChange){this.indexChange.emit(t)}}if(this.tabSelect){this.tabSelect.emit(t)}}enableAttributePassing(t,i){const s=t===null||t===void 0?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let a=0;a<i.length;a++){const o=i.item(a);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))){t.setAttribute(o.name,o.value);s.removeAttribute(o.name)}if(o&&o.name==="class"){const i=o.value.includes("hydrated");const a=o.value.replace("hydrated","").trim();const n=t.getAttribute("class");t.setAttribute(o.name,`${n?`${n} `:""}${a}`);if(i){s.setAttribute("class","hydrated")}else{s.removeAttribute(o.name)}}}}}watch0Fn(){if(this._ref&&this.initialized){this.initTabList();this.initTabs(true);const t=this._ref.querySelector(".db-tab-list");if(t){const i=new MutationObserver((t=>{t.forEach((t=>{if(t.removedNodes.length||t.addedNodes.length){this.initTabList();this.initTabs()}}))}));i.observe(t,{childList:true,subtree:true})}this.initialized=false}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tabs");this._id=this.id||this._id;this._name=`tabs-${this.name||o()}`;this.initialized=true;this.watch0Fn()}render(){var t,i,o,l;return s("div",{key:"efdab501a5c293282a7de44b6a8d16a8a8cf4960",class:n("db-tabs",this.className),ref:t=>{this._ref=t},id:this._id,"data-orientation":this.orientation,"data-scroll-behavior":this.behavior,"data-alignment":(t=this.alignment)!==null&&t!==void 0?t:"start","data-width":(i=this.width)!==null&&i!==void 0?i:"auto",onInput:t=>this.handleChange(t)},this.showScrollLeft?s("db-button",{class:"tabs-scroll-left",variant:"ghost",icon:"chevron_left",type:"button",noText:true,onClick:()=>this.scroll(true)},"Scroll left"):null,this.tabs?s(a,null,s("db-tab-list",null,(o=this.convertTabs())===null||o===void 0?void 0:o.map(((t,i)=>s("db-tab-item",{key:this.name+"tab-item"+i,active:t.active,label:t.label,iconAfter:t.iconAfter,icon:t.icon,noText:t.noText})))),(l=this.convertTabs())===null||l===void 0?void 0:l.map(((t,i)=>s("db-tab-panel",{key:this.name+"tab-panel"+i,content:t.content},t.children)))):null,this.showScrollRight?s("db-button",{class:"tabs-scroll-right",variant:"ghost",icon:"chevron_right",type:"button",noText:true,onClick:()=>this.scroll()},"Scroll right"):null,s("slot",{key:"b8e93e34b3ac44cdf845fb1c75da72cd980f54f0"}))}static get watchers(){return{_ref:["watch0"],initialized:["watch0"]}}};export{l as db_tabs};
-//# sourceMappingURL=p-139f5623.entry.js.map
+import{r as t,c as i,h as s,F as a}from"./p-Ctmm4hMW.js";import{u as o,c as n}from"./p-BgQRUWMZ.js";const h=class{constructor(s){t(this,s);this.indexChange=i(this,"indexChange");this.tabSelect=i(this,"tabSelect");this._id="tabs-"+o();this._name="";this.initialized=false;this.showScrollLeft=false;this.showScrollRight=false;this.scrollContainer=null}convertTabs(){try{if(typeof this.tabs==="string"){return JSON.parse(this.tabs)}return this.tabs}catch(t){console.error(t)}return[]}evaluateScrollButtons(t){const i=t.scrollWidth>t.clientWidth;this.showScrollLeft=i&&t.scrollLeft>1;this.showScrollRight=i&&t.scrollLeft<t.scrollWidth-t.clientWidth}scroll(t){var i;let s=Number(this.arrowScrollDistance)||100;if(t){s*=-1}(i=this.scrollContainer)===null||i===void 0?void 0:i.scrollBy({top:0,left:s,behavior:"smooth"})}initTabList(){if(this._ref){const t=this._ref.querySelector(".db-tab-list");if(t){const i=t.querySelector('[role="tablist"]');if(i){i.setAttribute("aria-orientation",this.orientation||"horizontal");if(this.behavior==="arrows"){this.scrollContainer=i;this.evaluateScrollButtons(i);i.addEventListener("scroll",(()=>{this.evaluateScrollButtons(i)}))}}}}}initTabs(t){if(this._ref){const i=Array.from(this._ref.getElementsByClassName("db-tab-item"));const s=Array.from(this._ref.querySelectorAll(":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"));for(const a of i){const o=i.indexOf(a);const n=a.querySelector("label");const h=a.querySelector("input");if(h&&n){if(!h.id){const t=`${this._name}-tab-${o}`;n.setAttribute("for",t);h.id=t;h.setAttribute("name",this._name);if(s.length>o){h.setAttribute("aria-controls",`${this._name}-tab-panel-${o}`)}}if(t){const t=!this.initialSelectedMode||this.initialSelectedMode==="auto";const i=this.initialSelectedIndex==null&&o===0||Number(this.initialSelectedIndex)===o;if(t&&i){h.click()}}}}for(const t of s){if(t.id)continue;const i=s.indexOf(t);t.id=`${this._name}-tab-panel-${i}`;t.setAttribute("aria-labelledby",`${this._name}-tab-${i}`)}}}handleChange(t){var i,s;t.stopPropagation();const a=(i=t.target)===null||i===void 0?void 0:i.closest("ul");const o=(s=t.target.closest("db-tab-item"))!==null&&s!==void 0?s:t.target.closest("li");if(a!==null&&o!==null){const t=Array.from(a.childNodes).indexOf(o);if(this.indexChange){this.indexChange.emit(t)}}if(this.tabSelect){this.tabSelect.emit(t)}}enableAttributePassing(t,i){const s=t===null||t===void 0?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let a=0;a<i.length;a++){const o=i.item(a);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))){t.setAttribute(o.name,o.value);s.removeAttribute(o.name)}if(o&&o.name==="class"){const i=o.value.includes("hydrated");const a=o.value.replace("hydrated","").trim();const n=t.getAttribute("class");t.setAttribute(o.name,`${n?`${n} `:""}${a}`);if(i){s.setAttribute("class","hydrated")}else{s.removeAttribute(o.name)}}}}}watch0Fn(){if(this._ref&&this.initialized){this.initTabList();this.initTabs(true);const t=this._ref.querySelector(".db-tab-list");if(t){const i=new MutationObserver((t=>{t.forEach((t=>{if(t.removedNodes.length||t.addedNodes.length){this.initTabList();this.initTabs()}}))}));i.observe(t,{childList:true,subtree:true})}this.initialized=false}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tabs");this._id=this.id||this._id;this._name=`tabs-${this.name||o()}`;this.initialized=true;this.watch0Fn()}render(){var t,i,o,h;return s("div",{key:"efdab501a5c293282a7de44b6a8d16a8a8cf4960",class:n("db-tabs",this.className),ref:t=>{this._ref=t},id:this._id,"data-orientation":this.orientation,"data-scroll-behavior":this.behavior,"data-alignment":(t=this.alignment)!==null&&t!==void 0?t:"start","data-width":(i=this.width)!==null&&i!==void 0?i:"auto",onInput:t=>this.handleChange(t)},this.showScrollLeft?s("db-button",{class:"tabs-scroll-left",variant:"ghost",icon:"chevron_left",type:"button",noText:true,onClick:()=>this.scroll(true)},"Scroll left"):null,this.tabs?s(a,null,s("db-tab-list",null,(o=this.convertTabs())===null||o===void 0?void 0:o.map(((t,i)=>s("db-tab-item",{key:this.name+"tab-item"+i,active:t.active,label:t.label,iconAfter:t.iconAfter,icon:t.icon,noText:t.noText})))),(h=this.convertTabs())===null||h===void 0?void 0:h.map(((t,i)=>s("db-tab-panel",{key:this.name+"tab-panel"+i,content:t.content},t.children)))):null,this.showScrollRight?s("db-button",{class:"tabs-scroll-right",variant:"ghost",icon:"chevron_right",type:"button",noText:true,onClick:()=>this.scroll()},"Scroll right"):null,s("slot",{key:"b8e93e34b3ac44cdf845fb1c75da72cd980f54f0"}))}static get watchers(){return{_ref:["watch0"],initialized:["watch0"]}}};export{h as db_tabs};
+//# sourceMappingURL=p-77ce5cb6.entry.js.map

package/dist/db-ux/{p-c088c8c8.entry.js → p-833f8694.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as s}from"./p-bH2PZLSq.js";import{u as a,j as h,m as e,c as d}from"./p-pglUTSkG.js";const r=class{constructor(s){i(this,s);this.change=t(this,"change");this.blur=t(this,"blur");this.focus=t(this,"focus");this.initialized=false;this._id=undefined}handleChange(i){if(this.change){this.change.emit(i)}}handleBlur(i){if(this.blur){this.blur.emit(i)}}handleFocus(i){if(this.focus){this.focus.emit(i)}}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 h=t.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))){i.setAttribute(h.name,h.value);s.removeAttribute(h.name)}if(h&&h.name==="class"){const t=h.value.includes("hydrated");const a=h.value.replace("hydrated","").trim();const e=i.getAttribute("class");i.setAttribute(h.name,`${e?`${e} `:""}${a}`);if(t){s.setAttribute("class","hydrated")}else{s.removeAttribute(h.name)}}}}}watch0Fn(){if(this.checked&&this.initialized&&this._ref){this._ref.checked=true}}watch0(){this.watch0Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-radio");this.initialized=true;this._id=(i=this.id)!==null&&i!==void 0?i:`radio-${a()}`;this.watch0Fn()}render(){var i;return s("label",{key:"ff454f03c6dfddfcb63e4c0e68896641742cecfb",class:d("db-radio",this.className),"data-size":this.size,"data-hide-label":e(this.showLabel),htmlFor:this._id},s("input",{key:"a09e362e2da8ee88e6ab21231b4e1161a6535e00",type:"radio","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},id:this._id,name:this.name,checked:h(this.checked,"checked"),disabled:h(this.disabled,"disabled"),"aria-describedby":(i=this.describedbyid)!==null&&i!==void 0?i:this.ariaDescribedBy,value:this.value,required:h(this.required,"required"),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i)}),this.label?this.label:s("slot",null))}static get watchers(){return{initialized:["watch0"],_ref:["watch0"],checked:["watch0"]}}};export{r as db_radio};
-//# sourceMappingURL=p-c088c8c8.entry.js.map
+import{r as i,c as t,h as s}from"./p-Ctmm4hMW.js";import{u as a,b as h,j as e,c as d}from"./p-BgQRUWMZ.js";const r=class{constructor(s){i(this,s);this.change=t(this,"change");this.blur=t(this,"blur");this.focus=t(this,"focus");this.initialized=false;this._id=undefined}handleChange(i){if(this.change){this.change.emit(i)}}handleBlur(i){if(this.blur){this.blur.emit(i)}}handleFocus(i){if(this.focus){this.focus.emit(i)}}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 h=t.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))){i.setAttribute(h.name,h.value);s.removeAttribute(h.name)}if(h&&h.name==="class"){const t=h.value.includes("hydrated");const a=h.value.replace("hydrated","").trim();const e=i.getAttribute("class");i.setAttribute(h.name,`${e?`${e} `:""}${a}`);if(t){s.setAttribute("class","hydrated")}else{s.removeAttribute(h.name)}}}}}watch0Fn(){if(this.checked&&this.initialized&&this._ref){this._ref.checked=true}}watch0(){this.watch0Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-radio");this.initialized=true;this._id=(i=this.id)!==null&&i!==void 0?i:`radio-${a()}`;this.watch0Fn()}render(){var i;return s("label",{key:"ff454f03c6dfddfcb63e4c0e68896641742cecfb",class:d("db-radio",this.className),"data-size":this.size,"data-hide-label":e(this.showLabel),htmlFor:this._id},s("input",{key:"a09e362e2da8ee88e6ab21231b4e1161a6535e00",type:"radio","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},id:this._id,name:this.name,checked:h(this.checked,"checked"),disabled:h(this.disabled,"disabled"),"aria-describedby":(i=this.describedbyid)!==null&&i!==void 0?i:this.ariaDescribedBy,value:this.value,required:h(this.required,"required"),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i)}),this.label?this.label:s("slot",null))}static get watchers(){return{initialized:["watch0"],_ref:["watch0"],checked:["watch0"]}}};export{r as db_radio};
+//# sourceMappingURL=p-833f8694.entry.js.map

package/dist/db-ux/{p-7de004e3.entry.js → p-87a03fc0.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as a}from"./p-bH2PZLSq.js";import{u as t,c as i}from"./p-pglUTSkG.js";import{D as o}from"./p-DC9V_oNU.js";const e=class{constructor(a){s(this,a);this._id=o}enableAttributePassing(s,a){const t=s===null||s===void 0?void 0:s.closest(a);if(s&&t){const a=t.attributes;for(let i=0;i<a.length;i++){const o=a.item(i);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))){s.setAttribute(o.name,o.value);t.removeAttribute(o.name)}if(o&&o.name==="class"){const a=o.value.includes("hydrated");const i=o.value.replace("hydrated","").trim();const e=s.getAttribute("class");s.setAttribute(o.name,`${e?`${e} `:""}${i}`);if(a){t.setAttribute("class","hydrated")}else{t.removeAttribute(o.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-navigation");this._id=this.id||"navigation-"+t()}render(){return a("nav",{key:"9c3b64aeff7c2ef8a0b16de03f3245fbcff95f3a",class:i("db-navigation",this.className),ref:s=>{this._ref=s},id:this._id,"aria-labelledby":this.labelledBy},a("menu",{key:"75da575c3fb7596a117f4f3b445d05f34896301d"},a("slot",{key:"795b1138e4455666ef145f5a5a8723b876b5084f"})))}};export{e as db_navigation};
-//# sourceMappingURL=p-7de004e3.entry.js.map
+import{r as s,h as a}from"./p-Ctmm4hMW.js";import{u as t,c as i}from"./p-BgQRUWMZ.js";import{D as o}from"./p-DC9V_oNU.js";const e=class{constructor(a){s(this,a);this._id=o}enableAttributePassing(s,a){const t=s===null||s===void 0?void 0:s.closest(a);if(s&&t){const a=t.attributes;for(let i=0;i<a.length;i++){const o=a.item(i);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))){s.setAttribute(o.name,o.value);t.removeAttribute(o.name)}if(o&&o.name==="class"){const a=o.value.includes("hydrated");const i=o.value.replace("hydrated","").trim();const e=s.getAttribute("class");s.setAttribute(o.name,`${e?`${e} `:""}${i}`);if(a){t.setAttribute("class","hydrated")}else{t.removeAttribute(o.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-navigation");this._id=this.id||"navigation-"+t()}render(){return a("nav",{key:"9c3b64aeff7c2ef8a0b16de03f3245fbcff95f3a",class:i("db-navigation",this.className),ref:s=>{this._ref=s},id:this._id,"aria-labelledby":this.labelledBy},a("menu",{key:"75da575c3fb7596a117f4f3b445d05f34896301d"},a("slot",{key:"795b1138e4455666ef145f5a5a8723b876b5084f"})))}};export{e as db_navigation};
+//# sourceMappingURL=p-87a03fc0.entry.js.map

package/dist/db-ux/{p-6wgV8aKO.js → p-BDA9dlfd.js}

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

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

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

package/dist/db-ux/p-BbHrTk7a.js

@@ -0,0 +1,2 @@
+import{u as t}from"./p-BgQRUWMZ.js";class c{static runCallbacks(t){for(const l of Object.values(c.callbacks)){if(typeof l==="function"){l(t)}}}constructor(){if(c._instance){return c._instance}c._instance=this;if(self.document){self.document.addEventListener("click",(t=>c.runCallbacks(t)))}}addCallback(l){const s=t();c.callbacks[s]=l;return s}removeCallback(t){delete c.callbacks[t]}}c.callbacks={};c._instance=null;export{c as D};
+//# sourceMappingURL=p-BbHrTk7a.js.map

package/dist/db-ux/{p-YMQoOWgh.js.map → p-BbHrTk7a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-YMQoOWgh.js","sources":["src/utils/document-click-listener.ts"],"sourcesContent":["import { uuid } from './index';\nexport class DocumentClickListener {\n  private static callbacks: Record<string, (event: any) => void> = {};\n  private static _instance: DocumentClickListener | null = null;\n  private static runCallbacks(event: any) {\n    for (const callback of Object.values(DocumentClickListener.callbacks)) {\n      if (typeof callback === 'function') {\n        callback(event);\n      }\n    }\n  }\n  constructor() {\n    if (DocumentClickListener._instance) {\n      return DocumentClickListener._instance;\n    }\n    DocumentClickListener._instance = this;\n    if (self.document) {\n      self.document.addEventListener('click', event => DocumentClickListener.runCallbacks(event));\n    }\n  }\n  public addCallback(callback: (event: any) => void) {\n    const callbackID = uuid();\n    DocumentClickListener.callbacks[callbackID] = callback;\n    return callbackID;\n  }\n  public removeCallback(id: string) {\n    delete DocumentClickListener.callbacks[id];\n  }\n}"],"names":[],"mappings":";;MACa,qBAAqB,CAAA;IAGxB,OAAO,YAAY,CAAC,KAAU,EAAA;AACpC,QAAA,KAAK,MAAM,QAAQ,IAAI,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE;AACrE,YAAA,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;gBAClC,QAAQ,CAAC,KAAK,CAAC;;;;AAIrB,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,qBAAqB,CAAC,SAAS,EAAE;YACnC,OAAO,qBAAqB,CAAC,SAAS;;AAExC,QAAA,qBAAqB,CAAC,SAAS,GAAG,IAAI;AACtC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,IAAI,qBAAqB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;;;AAGxF,IAAA,WAAW,CAAC,QAA8B,EAAA;AAC/C,QAAA,MAAM,UAAU,GAAG,IAAI,EAAE;AACzB,QAAA,qBAAqB,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,QAAQ;AACtD,QAAA,OAAO,UAAU;;AAEZ,IAAA,cAAc,CAAC,EAAU,EAAA;AAC9B,QAAA,OAAO,qBAAqB,CAAC,SAAS,CAAC,EAAE,CAAC;;;AAxB7B,qBAAS,CAAA,SAAA,GAAyC,EAAE;AACpD,qBAAS,CAAA,SAAA,GAAiC,IAAI;;;;"}
+{"version":3,"file":"p-BbHrTk7a.js","sources":["src/utils/document-click-listener.ts"],"sourcesContent":["import { uuid } from './index';\nexport class DocumentClickListener {\n  private static callbacks: Record<string, (event: any) => void> = {};\n  private static _instance: DocumentClickListener | null = null;\n  private static runCallbacks(event: any) {\n    for (const callback of Object.values(DocumentClickListener.callbacks)) {\n      if (typeof callback === 'function') {\n        callback(event);\n      }\n    }\n  }\n  constructor() {\n    if (DocumentClickListener._instance) {\n      return DocumentClickListener._instance;\n    }\n    DocumentClickListener._instance = this;\n    if (self.document) {\n      self.document.addEventListener('click', event => DocumentClickListener.runCallbacks(event));\n    }\n  }\n  public addCallback(callback: (event: any) => void) {\n    const callbackID = uuid();\n    DocumentClickListener.callbacks[callbackID] = callback;\n    return callbackID;\n  }\n  public removeCallback(id: string) {\n    delete DocumentClickListener.callbacks[id];\n  }\n}"],"names":[],"mappings":";;MACa,qBAAqB,CAAA;IAGxB,OAAO,YAAY,CAAC,KAAU,EAAA;AACpC,QAAA,KAAK,MAAM,QAAQ,IAAI,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE;AACrE,YAAA,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;gBAClC,QAAQ,CAAC,KAAK,CAAC;;;;AAIrB,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,qBAAqB,CAAC,SAAS,EAAE;YACnC,OAAO,qBAAqB,CAAC,SAAS;;AAExC,QAAA,qBAAqB,CAAC,SAAS,GAAG,IAAI;AACtC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,IAAI,qBAAqB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;;;AAGxF,IAAA,WAAW,CAAC,QAA8B,EAAA;AAC/C,QAAA,MAAM,UAAU,GAAG,IAAI,EAAE;AACzB,QAAA,qBAAqB,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,QAAQ;AACtD,QAAA,OAAO,UAAU;;AAEZ,IAAA,cAAc,CAAC,EAAU,EAAA;AAC9B,QAAA,OAAO,qBAAqB,CAAC,SAAS,CAAC,EAAE,CAAC;;;AAxB7B,qBAAS,CAAA,SAAA,GAAyC,EAAE;AACpD,qBAAS,CAAA,SAAA,GAAiC,IAAI;;;;"}

package/dist/db-ux/p-BgQRUWMZ.js

@@ -0,0 +1,2 @@
+const n=()=>{var n,e;if(typeof window!=="undefined"){if((n=window.crypto)===null||n===void 0?void 0:n.randomUUID){return window.crypto.randomUUID()}else if((e=window.crypto)===null||e===void 0?void 0:e.getRandomValues){return window.crypto.getRandomValues(new Uint32Array(3)).join("-")}}return Math.random().toString().substring(2)};const e=(n,o)=>{const t=n.children;Object.values(t).forEach((n=>{n.setAttribute(o.key,o.value);if(n.children.length>0){e(n,o)}}))};const o=(...n)=>{let e="";for(const o of n){if(o){if(typeof o==="string"){e+=`${o} `}else{for(const n in o){if(o[n]){e+=`${n} `}}}}}return e.trim()};const t=n=>Array.isArray(n)&&n.every((n=>typeof n==="string"));const r=["Mac","iPhone","iPad","iPod"];const i=()=>typeof window!=="undefined"&&r.some((n=>window.navigator.userAgent.includes(n)));const s=(n,e)=>new Promise((()=>setTimeout(n,e)));const u=n=>{if(n===undefined||n===null)return;if(typeof n==="string"){return String(Boolean(n))}return String(n)};const d=(n,e)=>{if(n===undefined||n===null)return;if(typeof n==="string"&&e){return Boolean(e===n||n)}return Boolean(n)};const f=(n,e)=>{if((n===undefined||n===null)&&(e===undefined||e===null)){return}return Number(n!==null&&n!==void 0?n:e)};const l=(n,e)=>e&&["number","range"].includes(e)?f(n):n;const a=n=>{if(n===undefined||n===null){return undefined}return u(!Boolean(n))};const c=(n,e)=>{if(e===undefined){return!!n}else{return Boolean(e)&&Boolean(n)}};const w=n=>n.querySelector(`input[type="search"]`);const p=(e,o)=>{var t,r;const i=(r=(t=e.id)!==null&&t!==void 0?t:e.value)!==null&&r!==void 0?r:n();return`${o}${i}`};export{e as a,d as b,o as c,s as d,f as e,l as f,u as g,i as h,t as i,a as j,w as k,p as l,c as s,n as u};
+//# sourceMappingURL=p-BgQRUWMZ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"p-BgQRUWMZ.js","sources":["src/utils/index.ts"],"sourcesContent":["export const uuid = () => {\n  if (typeof window !== 'undefined') {\n    if (window.crypto?.randomUUID) {\n      return window.crypto.randomUUID();\n    } else if (window.crypto?.getRandomValues) {\n      return window.crypto.getRandomValues(new Uint32Array(3)).join('-');\n    }\n  }\n  return Math.random().toString().substring(2);\n};\nexport const addAttributeToChildren = (element: Element, attribute: {\n  key: string;\n  value: string;\n}) => {\n  const children = element.children;\n  Object.values(children).forEach((child: Element) => {\n    child.setAttribute(attribute.key, attribute.value);\n    if (child.children.length > 0) {\n      addAttributeToChildren(child, attribute);\n    }\n  });\n};\nexport type ClassNameArg = string | {\n  [key: string]: boolean | undefined;\n} | undefined;\nexport const cls = (...args: ClassNameArg[]) => {\n  let result = '';\n  for (const arg of args) {\n    if (arg) {\n      if (typeof arg === 'string') {\n        result += `${arg} `;\n      } else {\n        for (const key in arg) {\n          if (arg[key]) {\n            result += `${key} `;\n          }\n        }\n      }\n    }\n  }\n  return result.trim();\n};\nexport const isArrayOfStrings = (value: unknown): value is string[] => Array.isArray(value) && value.every(item => typeof item === 'string');\nconst appleOs = ['Mac', 'iPhone', 'iPad', 'iPod'];\nexport const hasVoiceOver = (): boolean => typeof window !== 'undefined' && appleOs.some(os => window.navigator.userAgent.includes(os));\nexport const delay = (fn: () => void, ms: number) => new Promise(() => setTimeout(fn, ms));\n\n/**\n * Some frameworks like stencil would not add \"true\" as value for a prop\n * if it is used in a framework like angular e.g.: [disabled]=\"myDisabledProp\"\n * @param originBool Some boolean to convert to string\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const getBooleanAsString = (originBool?: boolean | string): any => {\n  if (originBool === undefined || originBool === null) return;\n  if (typeof originBool === 'string') {\n    return String(Boolean(originBool));\n  }\n  return String(originBool);\n};\nexport const getBoolean = (originBool?: boolean | string, propertyName?: string): boolean | undefined => {\n  if (originBool === undefined || originBool === null) return;\n  if (typeof originBool === 'string' && propertyName) {\n    return Boolean(propertyName === originBool || originBool);\n  }\n  return Boolean(originBool);\n};\nexport const getNumber = (originNumber?: number | string, alternativeNumber?: number | string): number | undefined => {\n  if ((originNumber === undefined || originNumber === null) && (alternativeNumber === undefined || alternativeNumber === null)) {\n    return;\n  }\n  return Number(originNumber ?? alternativeNumber);\n};\n\n/**\n * Retrieves the input value based on the provided value and input type.\n *\n * If the input type is \"number\" or \"range\", the value is processed as a number.\n * Otherwise, the value is returned as-is.\n *\n * @param value - The input value, which can be a number, string, or undefined.\n * @param inputType - The type of the input, such as \"number\", \"range\", or other string types.\n * @returns The processed input value as a string, number, or undefined.\n */\nexport const getInputValue = (value?: number | string, inputType?: string): string | number | undefined => {\n  return inputType && ['number', 'range'].includes(inputType) ? getNumber(value) : value;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const getHideProp = (show?: boolean | string): any => {\n  if (show === undefined || show === null) {\n    return undefined;\n  }\n  return getBooleanAsString(!Boolean(show));\n};\nexport const stringPropVisible = (givenString?: string, showString?: boolean | string) => {\n  if (showString === undefined) {\n    return !!givenString;\n  } else {\n    return Boolean(showString) && Boolean(givenString);\n  }\n};\nexport const getSearchInput = (element: HTMLElement): HTMLInputElement | null => element.querySelector<HTMLInputElement>(`input[type=\"search\"]`);\nexport const getOptionKey = (option: {\n  id?: string;\n  value?: string | number | string[] | undefined;\n}, prefix: string) => {\n  const key = option.id ?? option.value ?? uuid();\n  return `${prefix}${key}`;\n}"],"names":[],"mappings":"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"}

package/dist/db-ux/{p-bH2PZLSq.js → p-Ctmm4hMW.js}

@@ -1,3 +1,3 @@
 const e="db-ux";const t={hydratedSelectorName:"hydrated",lazyLoad:true,shadowDom:false,slotRelocation:true,updatable:true};var n=Object.defineProperty;var r=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var o=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var i=(e,t)=>{e.__stencil__getHostRef=()=>t;t.t=e};var l=(e,t)=>{const n={o:0,$hostElement$:e,i: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 o=e.p;if(!o){return void 0}const i=a.get(o);if(i){return i[r]}
 /*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${o}.entry.js${""}`).then((e=>{{a.set(o,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={o: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.o&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 N=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");var R={};r(R,{err:()=>C,map:()=>M,ok:()=>x,unwrap:()=>T,unwrapErr:()=>F});var x=e=>({isOk:true,isErr:false,value:e});var C=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=>x(e)))}else{return x(n)}}if(e.isErr){const t=e.value;return C(t)}throw"should never get here"}var T=e=>{if(e.isOk){return e.value}else{throw e.value}};var F=e=>{if(e.isErr){return e.value}else{throw e.value}};var L=e=>{const t=z(e,"childNodes");if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){U(t,e.tagName).forEach((e=>{if(e.nodeType===1&&e.tagName==="SLOT-FB"){if(D(e,A(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&&z(e,"childNodes").length){L(e)}}};var P=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 U(e,t,n){let r=0;let o=[];let i;for(;r<e.length;r++){i=e[r];if(i["s-sr"]&&(!t||i["s-hn"]===t)&&n===void 0){o.push(i)}o=[...o,...U(i.childNodes,t,n)]}return o}var D=(e,t,n=true)=>{const r=[];if(n&&e["s-sr"]||!e["s-sr"])r.push(e);let o=e;while(o=o.nextSibling){if(A(o)===t&&(n||!o["s-sr"]))r.push(o)}return r};var W=(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 A=e=>typeof e["s-sn"]==="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function _(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 o=this["s-cr"].parentElement;const i=o.__childNodes?o.childNodes:P(o.childNodes);i.forEach((e=>{if(r===A(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 z(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 B=(e,t="")=>{{return()=>{}}};var I=(e,t)=>{{return()=>{}}};var H=(e,t,...n)=>{let r=null;let o=null;let i=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?V(null,r):r)}s=l}}};a(n);if(t){if(t.key){o=t.key}if(t.name){i=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,G)}const c=V(e,null);c.j=t;if(f.length>0){c.k=f}{c.O=o}{c.S=i}return c};var V=(e,t)=>{const n={o:0,N:e,$:t,R:null,k:null};{n.j=null}{n.O=null}{n.S=null}return n};var Y={};var q=e=>e&&e.N===Y;var G={forEach:(e,t)=>e.map(J).forEach(t),map:(e,t)=>e.map(J).map(t).map(K)};var J=e=>({vattrs:e.j,vchildren:e.k,vkey:e.O,vname:e.S,vtag:e.N,vtext:e.$});var K=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 H(e.vtag,t,...e.vchildren||[])}const t=V(e.vtag,e.vtext);t.j=e.vattrs;t.k=e.vchildren;t.O=e.vkey;t.S=e.vname;return t};var Q=e=>{const t=N(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};Q("::slotted");Q(":host");Q(":host-context");var X=(e,t)=>{if(e!=null&&!S(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return typeof e==="string"?parseFloat(e):typeof e==="number"?e:NaN}if(t&1){return String(e)}return e}return e};var Z=e=>o(e).$hostElement$;var ee=(e,t,n)=>{const r=Z(e);return{emit:e=>te(r,t,{bubbles:true,composed:true,cancelable:true,detail:e})}};var te=(e,t,n)=>{const r=h.ce(t,n);e.dispatchEvent(r);return r};var ne=new WeakMap;var re=(e,t,n,r,o,i,l)=>{if(n===r){return}let f=s(e,t);let a=t.toLowerCase();if(t==="class"){const t=e.classList;const o=ie(n);let i=ie(r);{t.remove(...o.filter((e=>e&&!i.includes(e))));t.add(...i.filter((e=>e&&!o.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 o=t.endsWith(le);t=t.replace(se,"");if(n){h.rel(e,t,n,o)}if(r){h.ael(e,t,r,o)}}}else{const l=S(r);if((f||l&&r!==null)&&true){try{if(!e.tagName.includes("-")){const o=r==null?"":r;if(t==="list"){f=false}else if(n==null||e[t]!=o){if(typeof e.__lookupSetter__(t)==="function"){e[t]=o}else{e.setAttribute(t,o)}}}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||i&4||o)&&!l&&e.nodeType===1){r=r===true?"":r;{e.setAttribute(t,r)}}}};var oe=/\s/;var ie=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(oe)};var le="Capture";var se=new RegExp(le+"$");var fe=(e,t,n,r)=>{const o=t.R.nodeType===11&&t.R.host?t.R.host:t.R;const i=e&&e.j||{};const l=t.j||{};{for(const e of ae(Object.keys(i))){if(!(e in l)){re(o,e,i[e],void 0,n,t.o)}}}for(const e of ae(Object.keys(l))){re(o,e,i[e],l[e],n,t.o)}};function ae(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ce;var ue;var ve=false;var de=false;var he=false;var pe=false;var me=(e,n,r)=>{var o;const i=n.k[r];let l=0;let s;let f;let a;if(!ve){he=true;if(i.N==="slot"){i.o|=i.k?2:1}}if(i.$!==null){s=i.R=d.document.createTextNode(i.$)}else if(i.o&1){s=i.R=d.document.createTextNode("");{fe(null,i,pe)}}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=i.R=d.document.createElement(!ve&&t.slotRelocation&&i.o&2?"slot-fb":i.N);{fe(null,i,pe)}if(i.k){for(l=0;l<i.k.length;++l){f=me(e,i,l);if(f){s.appendChild(f)}}}}s["s-hn"]=ue;{if(i.o&(2|1)){s["s-sr"]=true;s["s-cr"]=ce;s["s-sn"]=i.S||"";s["s-rf"]=(o=i.j)==null?void 0:o.ref;_(s);a=e&&e.k&&e.k[r];if(a&&a.N===i.N&&e.R){{be(e.R,false)}}}}return s};var be=(e,t)=>{h.o|=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"]!==ue&&r["s-ol"]){Ne(je(r).parentNode,r,je(r));r["s-ol"].remove();r["s-ol"]=void 0;r["s-sh"]=void 0;he=true}if(t){be(r,t)}}h.o&=-2};var ye=(e,t,n,r,o,i)=>{let l=e["s-cr"]&&e["s-cr"].parentNode||e;let s;for(;o<=i;++o){if(r[o]){s=me(null,n,o);if(s){r[o].R=s;Ne(l,s,je(t))}}}};var we=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.R;Ee(t);if(e){{de=true;if(e["s-ol"]){e["s-ol"].remove()}else{be(e,true)}}e.remove()}}}};var $e=(e,t,n,r,o=false)=>{let i=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(i<=a&&l<=v){if(c==null){c=t[++i]}else if(u==null){u=t[--a]}else if(d==null){d=r[++l]}else if(h==null){h=r[--v]}else if(ge(c,d,o)){ke(c,d,o);c=t[++i];d=r[++l]}else if(ge(u,h,o)){ke(u,h,o);u=t[--a];h=r[--v]}else if(ge(c,h,o)){if(c.N==="slot"||h.N==="slot"){be(c.R.parentNode,false)}ke(c,h,o);Ne(e,c.R,u.R.nextSibling);c=t[++i];h=r[--v]}else if(ge(u,d,o)){if(c.N==="slot"||h.N==="slot"){be(u.R.parentNode,false)}ke(u,d,o);Ne(e,u.R,c.R);u=t[--a];d=r[++l]}else{s=-1;{for(f=i;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.N!==d.N){p=me(t&&t[l],n,s)}else{ke(m,d,o);t[s]=void 0;p=m.R}d=r[++l]}else{p=me(t&&t[l],n,l);d=r[++l]}if(p){{Ne(je(c.R).parentNode,p,je(c.R))}}}}if(i>a){ye(e,r[v+1]==null?null:r[v+1].R,n,r,l,v)}else if(l>v){we(t,i,a)}};var ge=(e,t,n=false)=>{if(e.N===t.N){if(e.N==="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 je=e=>e&&e["s-ol"]||e;var ke=(e,n,r=false)=>{const o=n.R=e.R;const i=e.k;const l=n.k;const s=n.$;let f;if(s===null){{fe(e,n,pe)}if(i!==null&&l!==null){$e(o,i,n,l,r)}else if(l!==null){if(e.$!==null){o.textContent=""}ye(o,null,n,l,0,l.length-1)}else if(!r&&t.updatable&&i!==null){we(i,0,i.length-1)}}else if(f=o["s-cr"]){f.parentNode.textContent=s}else if(e.$!==s){o.data=s}};var Oe=[];var Se=e=>{let t;let n;let r;const o=e.__childNodes||e.childNodes;for(const e of o){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const o=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(W(t,o)){let n=Oe.find((e=>e.C===t));de=true;t["s-sn"]=t["s-sn"]||o;if(n){n.C["s-sh"]=e["s-hn"];n.M=e}else{t["s-sh"]=e["s-hn"];Oe.push({M:e,C:t})}if(t["s-sr"]){Oe.map((e=>{if(W(e.C,t["s-sn"])){n=Oe.find((e=>e.C===t));if(n&&!e.M){e.M=n.M}}}))}}else if(!Oe.some((e=>e.C===t))){Oe.push({C:t})}}}}if(e.nodeType===1){Se(e)}}};var Ee=e=>{{e.j&&e.j.ref&&e.j.ref(null);e.k&&e.k.map(Ee)}};var Ne=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var Re=(e,t,n=false)=>{var r,o,i,l;const s=e.$hostElement$;const f=e.T||V(null,null);const a=q(t);const c=a?t:H(null,null,t);ue=s.tagName;if(n&&c.j){for(const e of Object.keys(c.j)){if(s.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.j[e]=s[e]}}}c.N=null;c.o|=4;e.T=c;c.R=f.R=s;ve=p;{ce=s["s-cr"];de=false}ke(f,c,n);{h.o|=1;if(he){Se(c.R);for(const e of Oe){const t=e.C;if(!t["s-ol"]&&d.document){const e=d.document.createTextNode("");e["s-nr"]=t;Ne(t.parentNode,t["s-ol"]=e,t)}}for(const e of Oe){const t=e.C;const s=e.M;if(s){const e=s.parentNode;let n=s.nextSibling;{let i=(r=t["s-ol"])==null?void 0:r.previousSibling;while(i){let r=(o=i["s-nr"])!=null?o: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}}i=i.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}Ne(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(i=t["s-ih"])!=null?i: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(de){L(c.R)}h.o&=-2;Oe.length=0}ce=void 0};var xe=(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 Ce=(e,t)=>{{e.o|=16}if(e.o&4){e.o|=512;return}xe(e,e.L);const n=()=>Me(e,t);return O(n)};var Me=(e,t)=>{const n=e.$hostElement$;const r=B("scheduleUpdate",e.i.h);const o=e.t;if(!o){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 i;if(t){i=We(o,"componentWillLoad",void 0,n)}else{i=We(o,"componentWillUpdate",void 0,n)}i=Te(i,(()=>We(o,"componentWillRender",void 0,n)));r();return Te(i,(()=>Le(e,o,t)))};var Te=(e,t)=>Fe(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Fe=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Le=async(e,t,n)=>{var r;const o=e.$hostElement$;const i=B("update",e.i.h);const l=o["s-rc"];const s=B("render",e.i.h);{Pe(e,t,o,n)}if(l){l.map((e=>e()));o["s-rc"]=void 0}s();i();{const t=(r=o["s-p"])!=null?r:[];const n=()=>Ue(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.o|=4;t.length=0}}};var Pe=(e,t,n,r)=>{try{t=t.render();{e.o&=-17}{e.o|=2}{{{Re(e,t,r)}}}}catch(t){f(t,e.$hostElement$)}return null};var Ue=e=>{const t=e.i.h;const n=e.$hostElement$;const r=B("postUpdate",t);const o=e.t;const i=e.L;We(o,"componentDidRender",void 0,n);if(!(e.o&64)){e.o|=64;{Ae(n)}We(o,"componentDidLoad",void 0,n);r();{e.v(n);if(!i){De()}}}else{We(o,"componentDidUpdate",void 0,n);r()}{if(e.F){e.F();e.F=void 0}if(e.o&512){k((()=>Ce(e,false)))}e.o&=-517}};var De=t=>{k((()=>te(d,"appload",{detail:{namespace:e}})))};var We=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){f(e,r)}}return void 0};var Ae=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var _e=(e,t)=>o(e).l.get(t);var ze=(e,t,n,r)=>{const i=o(e);if(!i){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=i.$hostElement$;const s=i.l.get(t);const a=i.o;const c=i.t;n=X(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){i.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}}Ce(i,false)}}}};var Be=(e,n,r)=>{var i,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((i=n.P)!=null?i:{});f.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:i,set:l}=Object.getOwnPropertyDescriptor(s,e)||{};if(i)n.P[e][0]|=2048;if(l)n.P[e][0]|=4096;if(r&1||!i){Object.defineProperty(s,e,{get(){{if((n.P[e][0]&2048)===0){return _e(this,e)}const t=o(this);const r=t?t.t:s;if(!r)return;return r[e]}},configurable:true,enumerable:true})}Object.defineProperty(s,e,{set(i){const s=o(this);if(l){const r=t&32?this[e]:s.$hostElement$[e];if(typeof r==="undefined"&&s.l.get(e)){i=s.l.get(e)}else if(!s.l.get(e)&&r){s.l.set(e,r)}l.apply(this,[X(i,t)]);i=t&32?this[e]:s.$hostElement$[e];ze(this,e,i,n);return}{if((r&1)===0||(n.P[e][0]&4096)===0){ze(this,e,i,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]=i}}))}return}const o=()=>{const r=s.t[e];if(!s.l.get(e)&&r){s.l.set(e,r)}s.t[e]=X(i,t);ze(this,e,s.t[e],n)};if(s.t){o()}else{s.u.then((()=>o()))}}}})}}));if(r&1){const r=new Map;s.attributeChangedCallback=function(e,i,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=o(this);const r=t==null?void 0:t.o;if(r&&!(r&8)&&r&128&&l!==i){const r=t.t;const o=(f=n.U)==null?void 0:f[e];o==null?void 0:o.forEach((t=>{if(r[t]!=null){r[t].call(r,l,i,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 Ie=async(e,t,n,r)=>{let o;if((t.o&32)===0){t.o|=32;const r=n.p;if(r){const r=c(n,t);if(r&&"then"in r){const e=I();o=await r;e()}else{o=r}if(!o){throw new Error(`Constructor for "${n.h}#${t.D}" was not found`)}if(!o.isProxied){{n.U=o.watchers}Be(o,n,2);o.isProxied=true}const i=B("createInstance",n.h);{t.o|=8}try{new o(t)}catch(t){f(t,e)}{t.o&=-9}{t.o|=128}i();He(t.t,e)}else{o=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.o|=128))}}const i=t.L;const l=()=>Ce(t,true);if(i&&i["s-rc"]){i["s-rc"].push(l)}else{l()}};var He=(e,t)=>{{We(e,"connectedCallback",void 0,t)}};var Ve=e=>{if((h.o&1)===0){const t=o(e);const n=t.i;const r=B("connectedCallback",n.h);if(!(t.o&1)){t.o|=1;{if(n.o&(4|8)){Ye(e)}}{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){xe(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}}))}{Ie(e,t,n)}}else{if(t==null?void 0:t.t){He(t.t,e)}else if(t==null?void 0:t.u){t.u.then((()=>He(t.t,e)))}}r()}};var Ye=e=>{if(!d.document){return}const t=e["s-cr"]=d.document.createComment("");t["s-cn"]=true;Ne(e,t,e.firstChild)};var qe=(e,t)=>{{We(e,"disconnectedCallback",void 0,t||e)}};var Ge=async e=>{if((h.o&1)===0){const t=o(e);if(t==null?void 0:t.t){qe(t.t,e)}else if(t==null?void 0:t.u){t.u.then((()=>qe(t.t,e)))}}if(ne.has(e)){ne.delete(e)}if(e.shadowRoot&&ne.has(e.shadowRoot)){ne.delete(e.shadowRoot)}};var Je=(e,t={})=>{var n;if(!d.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=B();const i=[];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={o:t[0],h:t[1],P:t[2],W:t[3]};if(r.o&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(){o(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(b){clearTimeout(b);b=null}if(y){m.push(this)}else{h.jmp((()=>Ve(this)))}}disconnectedCallback(){h.jmp((()=>Ge(this)));h.raf((()=>{var e;const t=o(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.R)instanceof Node&&!t.T.R.isConnected){delete t.T.R}}))}componentOnReady(){return o(this).u}};r.p=e[0];if(!s.includes(a)&&!f.get(a)){i.push(a);f.define(a,Be(c,r,1))}}))}));if(i.length>0){if(w){p.textContent+=v}{p.textContent+=i.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(De,30)))}}r()};var Ke=(e,t)=>t;var Qe=e=>h.A=e;export{Ke as F,Je as b,ee as c,H as h,m as p,i as r,Qe as s};
-//# sourceMappingURL=p-bH2PZLSq.js.map
+//# sourceMappingURL=p-Ctmm4hMW.js.map