@db-ux/wc-core-components 3.0.2-copilot-66b0168 → 3.0.2-shell-ed0ed7c

package/dist/db-ux/p-e39aeff2.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i}from"./p-uOzX56mL.js";import{d as o,g as s,c as e}from"./p-YECpAE3G.js";import{h as n}from"./p-CZxi1Pek.js";import"./p-D3kmGlOI.js";const l=class{constructor(i){t(this,i);this.showScrollLeft=false;this.showScrollRight=false;this._shellDesktopPosition=undefined;this._subNavigationDesktopPosition=undefined;this._variant=undefined;this.initialized=false;this._isSubNavigation=false}evaluateScrollButtons(t){const i=t.scrollWidth>t.clientWidth;const o=Math.ceil(t.scrollLeft);this.showScrollLeft=i&&o>1;this.showScrollRight=i&&o<t.scrollWidth-t.clientWidth}scroll(t){var i;let o=Number(this.arrowScrollDistance)||100;if(t){o*=-1}(i=this.menuRef)===null||i===void 0?void 0:i.scrollBy({top:0,left:o,behavior:"smooth"})}onScroll(){this.evaluateScrollButtons(this.menuRef);this._handleSubNavigation()}_handleSubNavigation(){n(this.menuRef,this._shellDesktopPosition==="left"||this._shellDesktopPosition==="top"&&this._subNavigationDesktopPosition==="left"&&this._isSubNavigation?1:0)}enableAttributePassing(t,i){const o=t===null||t===void 0?void 0:t.closest(i);if(t&&o){const i=o.attributes;for(let s=0;s<i.length;s++){const e=i.item(s);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);o.removeAttribute(e.name)}if(e&&e.name==="class"){const i=e.value.includes("hydrated");const s=e.value.replace("hydrated","").trim();const n=t.getAttribute("class");t.setAttribute(e.name,`${n?`${n} `:""}${s}`);if(i){o.setAttribute("class","hydrated")}else{o.removeAttribute(e.name)}}}}}watch0Fn(){if(this._ref&&this.initialized){void o((()=>{var t,i,o,s,e;const n=this._ref;if(!n)return;let l=(t=this.variant)!==null&&t!==void 0?t:"popover";const a=((i=n.parentElement)===null||i===void 0?void 0:i.nodeName.startsWith("DB"))?(s=(o=n.parentElement)===null||o===void 0?void 0:o.parentElement)===null||s===void 0?void 0:s.classList:(e=n.parentElement)===null||e===void 0?void 0:e.classList;const h=n.closest(".db-shell");const r=h===null||h===void 0?void 0:h.getAttribute("data-control-panel-desktop-position");const d=h===null||h===void 0?void 0:h.getAttribute("data-sub-navigation-desktop-position");this._shellDesktopPosition=r;this._subNavigationDesktopPosition=d;const c=a===null||a===void 0?void 0:a.contains("db-shell-sub-navigation");this._isSubNavigation=c;const v=r==="top"&&(a===null||a===void 0?void 0:a.contains("db-control-panel-desktop-scroll-container"))||(d==="top"||r==="left")&&c;if(v){l="popover"}this._variant=l}),1)}}watch0(){this.watch0Fn()}watch1Fn(){var t;if(this.menuRef&&this._variant){if(!this._variant||this._variant==="popover"){this._handleSubNavigation()}else if(this._variant==="tree"){for(const t of Array.from(this.menuRef.querySelectorAll(".db-navigation-item-group-menu"))){t.style.position=""}for(const i of Array.from(this.menuRef.querySelectorAll(".db-navigation-item, .db-navigation-item-group"))){i.setAttribute("role","none");(t=i.querySelector("a, button"))===null||t===void 0?void 0:t.setAttribute("role","treeitem")}}this.evaluateScrollButtons(this.menuRef)}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-navigation");this.initialized=true;this.watch0Fn();this.watch1Fn()}render(){var t;return i("nav",{key:"3107723e96a604419f96e712778e5924fd3336cf",class:e("db-navigation",this.className),ref:t=>{this._ref=t},id:this.id,"data-variant":this._variant,"data-show-tree-line":s((t=this.showTreeLine)!==null&&t!==void 0?t:"true"),onScroll:()=>this.onScroll()},this.showScrollLeft?i("db-button",{class:"overflow-scroll-left-button",variant:"filled",icon:"chevron_left",type:"button",noText:true,onClick:()=>this.scroll(true)},"Scroll left"):null,i("menu",{key:"fe0b919e9981a4fbdb5a5cdc86caf5d6ab754e77",role:this._variant==="tree"?"tree":undefined,ref:t=>{this.menuRef=t},onScroll:()=>this.onScroll()},i("slot",{key:"2a4141b4b2d5f7845590fb00fda5f10c80ad1e3e"})),this.showScrollRight?i("db-button",{class:"overflow-scroll-right-button",variant:"filled",icon:"chevron_right",type:"button",noText:true,onClick:()=>this.scroll()},"Scroll right"):null)}static get watchers(){return{_ref:["watch0"],variant:["watch0"],initialized:["watch0"],menuRef:["watch1"],_variant:["watch1"],_shellDesktopPosition:["watch1"]}}};export{l as db_navigation};
+//# sourceMappingURL=p-e39aeff2.entry.js.map

package/dist/db-ux/p-e39aeff2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DBNavigation","constructor","hostRef","this","showScrollLeft","showScrollRight","_shellDesktopPosition","undefined","_subNavigationDesktopPosition","_variant","initialized","_isSubNavigation","evaluateScrollButtons","tList","needsScroll","scrollWidth","clientWidth","scrollLeft","Math","ceil","scroll","left","step","Number","arrowScrollDistance","_a","menuRef","scrollBy","top","behavior","onScroll","_handleSubNavigation","handleSubNavigationPosition","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","_ref","delay","endVariant","variant","parentClassList","_b","parentElement","nodeName","_d","_c","classList","_e","shell","shellDesktopPosition","shellSubNaviDesktopPosition","isSubNavigation","contains","requiresPopover","watch0","watch1Fn","menu","Array","from","querySelectorAll","style","position","navItem","querySelector","watch1","componentDidLoad","render","h","key","class","cls","className","ref","el","id","getBooleanAsString","showTreeLine","icon","type","noText","onClick","role"],"sources":["src/components/navigation/navigation.tsx"],"sourcesContent":["import { cls, delay, getBooleanAsString } from \"../../utils\";\nimport { handleSubNavigationPosition } from \"../../utils/navigation\";\nimport { DBButton } from \"../button/button\";\nimport { DBNavigationProps, DBNavigationState } from \"./model\";\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-navigation\",\n})\nexport class DBNavigation {\n  private _ref!: HTMLDivElement | any;\n  private menuRef!: HTMLMenuElement | any;\n  @Prop() variant: DBNavigationProps[\"variant\"];\n  @Prop() arrowScrollDistance: DBNavigationProps[\"arrowScrollDistance\"];\n  @Prop() id: DBNavigationProps[\"id\"];\n  @Prop() showTreeLine: DBNavigationProps[\"showTreeLine\"];\n  @Prop({attribute: \"classname\"}) className: DBNavigationProps[\"className\"];\n  @State() showScrollLeft = false;\n  @State() showScrollRight = false;\n  @State() _shellDesktopPosition = undefined;\n  @State() _subNavigationDesktopPosition = undefined;\n  @State() _variant = undefined;\n  @State() initialized = false;\n  @State() _isSubNavigation = false;\n\n  evaluateScrollButtons(tList: Element) {\n    const needsScroll = tList.scrollWidth > tList.clientWidth;\n    const scrollLeft = Math.ceil(tList.scrollLeft);\n    this.showScrollLeft = needsScroll && scrollLeft > 1;\n    this.showScrollRight =\n      needsScroll && scrollLeft < tList.scrollWidth - tList.clientWidth;\n  }\n  scroll(left?: boolean) {\n    let step = Number(this.arrowScrollDistance) || 100;\n    if (left) {\n      step *= -1;\n    }\n    this.menuRef?.scrollBy({\n      top: 0,\n      left: step,\n      behavior: \"smooth\",\n    });\n  }\n  onScroll() {\n    this.evaluateScrollButtons(this.menuRef);\n    this._handleSubNavigation();\n  }\n  _handleSubNavigation() {\n    handleSubNavigationPosition(\n      this.menuRef,\n      this._shellDesktopPosition === \"left\" ||\n        (this._shellDesktopPosition === \"top\" &&\n          this._subNavigationDesktopPosition === \"left\" &&\n          this._isSubNavigation)\n        ? 1\n        : 0\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._ref && this.initialized) {\n      void delay(() => {\n        const element = this._ref as HTMLElement;\n        if (!element) return;\n        let endVariant = this.variant ?? \"popover\";\n        const parentClassList = element.parentElement?.nodeName.startsWith(\"DB\")\n          ? element.parentElement?.parentElement?.classList\n          : element.parentElement?.classList;\n        const shell = element.closest(\".db-shell\");\n        const shellDesktopPosition = shell?.getAttribute(\n          \"data-control-panel-desktop-position\"\n        );\n        const shellSubNaviDesktopPosition = shell?.getAttribute(\n          \"data-sub-navigation-desktop-position\"\n        );\n        this._shellDesktopPosition = shellDesktopPosition;\n        this._subNavigationDesktopPosition = shellSubNaviDesktopPosition;\n        const isSubNavigation = parentClassList?.contains(\n          \"db-shell-sub-navigation\"\n        );\n        this._isSubNavigation = isSubNavigation;\n        const requiresPopover =\n          (shellDesktopPosition === \"top\" &&\n            parentClassList?.contains(\n              \"db-control-panel-desktop-scroll-container\"\n            )) ||\n          ((shellSubNaviDesktopPosition === \"top\" ||\n            shellDesktopPosition === \"left\") &&\n            isSubNavigation);\n        if (requiresPopover) {\n          endVariant = \"popover\";\n        }\n        this._variant = endVariant;\n      }, 1);\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"variant\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this.menuRef && this._variant) {\n      if (!this._variant || this._variant === \"popover\") {\n        this._handleSubNavigation();\n      } else if (this._variant === \"tree\") {\n        for (const menu of Array.from(\n          (this.menuRef as HTMLElement).querySelectorAll(\n            \".db-navigation-item-group-menu\"\n          )\n        )) {\n          (menu as HTMLElement).style.position = \"\";\n        }\n        for (const navItem of Array.from(\n          (this.menuRef as HTMLElement).querySelectorAll(\n            \".db-navigation-item, .db-navigation-item-group\"\n          )\n        )) {\n          // TODO: Add keyboard navigation support\n          navItem.setAttribute(\"role\", \"none\");\n          navItem.querySelector(\"a, button\")?.setAttribute(\"role\", \"treeitem\");\n        }\n      }\n      this.evaluateScrollButtons(this.menuRef);\n    }\n  }\n\n  @Watch(\"menuRef\")\n  @Watch(\"_variant\")\n  @Watch(\"_shellDesktopPosition\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-navigation\");\n    this.initialized = true;\n    this.watch0Fn();\n    this.watch1Fn();\n  }\n\n  render() {\n    return (\n      <nav\n        class={cls(\"db-navigation\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-variant={this._variant}\n        data-show-tree-line={getBooleanAsString(this.showTreeLine ?? \"true\")}\n        onScroll={() => this.onScroll()}\n      >\n        {this.showScrollLeft ? (\n          <db-button\n            class=\"overflow-scroll-left-button\"\n            variant=\"filled\"\n            icon=\"chevron_left\"\n            type=\"button\"\n            noText={true}\n            onClick={() => this.scroll(true)}\n          >\n            Scroll left\n          </db-button>\n        ) : null}\n        <menu\n          role={this._variant === \"tree\" ? \"tree\" : undefined}\n          ref={(el: any) => {\n            this.menuRef = el;\n          }}\n          onScroll={() => this.onScroll()}\n        >\n          <slot></slot>\n        </menu>\n        {this.showScrollRight ? (\n          <db-button\n            class=\"overflow-scroll-right-button\"\n            variant=\"filled\"\n            icon=\"chevron_right\"\n            type=\"button\"\n            noText={true}\n            onClick={() => this.scroll()}\n          >\n            Scroll right\n          </db-button>\n        ) : null}\n      </nav>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/p-e418dace.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i}from"./p-uOzX56mL.js";import{d as s,g as e,c as a}from"./p-YECpAE3G.js";import{D as o}from"./p-BwSmFFdU.js";import{b as n}from"./p-D3kmGlOI.js";const h=class{constructor(i){t(this,i);this.initialized=false;this.isExpanded=false;this._documentScrollListenerCallbackId=undefined;this._observer=undefined}handleEscape(t){if(!t||t.key==="Escape"){for(const t of Array.from(this._ref.children)){t.blur()}}}handleAutoPlacement(){if(!this._ref)return;const t=this._ref.querySelector("article");if(t){s((()=>{n(t,this._ref)}),1)}}handleDocumentScroll(t){var i,s;if(((i=t===null||t===void 0?void 0:t.target)===null||i===void 0?void 0:i.contains)&&((s=t===null||t===void 0?void 0:t.target)===null||s===void 0?void 0:s.contains(this._ref))){this.handleAutoPlacement()}}handleEnter(){var t;this.isExpanded=true;this._documentScrollListenerCallbackId=(new o).addCallback((t=>this.handleDocumentScroll(t)));this.handleAutoPlacement();const i=this.getTrigger();if(i){(t=this._observer)===null||t===void 0?void 0:t.observe(i)}}handleLeave(t){var i;const s=t===null||t===void 0?void 0:t.target;const e=s===null||s===void 0?void 0:s.parentNode;if(!e||s.parentNode.querySelector(":focus")!==s&&s.parentNode.querySelector(":focus-within")!==s&&s.parentNode.querySelector(":hover")!==s){this.isExpanded=false;if(this._documentScrollListenerCallbackId){(new o).removeCallback(this._documentScrollListenerCallbackId)}const t=this.getTrigger();if(t){(i=this._observer)===null||i===void 0?void 0:i.unobserve(t)}}}getTrigger(){var t;if(this._ref){const i=Array.from(this._ref.children);if(i.length>=2){const s=i[0];if(s.tagName.includes("-")){return((t=s.children)===null||t===void 0?void 0:t.length)>0?s.children[0]:null}else{return s}}}return null}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.initialized=false;const t=this.getTrigger();if(t){t.ariaHasPopup="true"}this.handleAutoPlacement();this._ref.addEventListener("keydown",(t=>this.handleEscape(t)));["mouseenter","focusin"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleEnter()))}));["mouseleave","focusout"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleLeave()))}));if(typeof window!=="undefined"&&"IntersectionObserver"in window){this._observer=new IntersectionObserver((t=>{const i=t.find((({target:t})=>t===this.getTrigger()));if(i&&!i.isIntersecting){this.handleEscape(false)}}))}}}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref){const t=this.getTrigger();if(t){t.ariaExpanded=Boolean(this.isExpanded).toString()}}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-popover");this.initialized=true;this.watch0Fn();this.watch1Fn()}render(){var t;return i("div",{key:"d257fcc711d6b7e42f388a1e83e79e0f2b5ca907",class:a("db-popover",this.className),ref:t=>{this._ref=t},id:this.id},i("slot",{key:"3703b88b293e6f6e8b59fd64c21a67cae94e799d",name:"trigger"}),i("article",{key:"2337d6715bf1d96ea1f268a993f54bdcd9f8ff11",class:"db-popover-content","data-spacing":this.spacing,"data-gap":e(this.gap),"data-animation":e((t=this.animation)!==null&&t!==void 0?t:true),"data-open":e(this.open),"data-delay":this.delay,"data-width":this.width,"data-placement":this.placement},i("slot",{key:"6752ce6d69fbe88182e7927ba66ae45bf6ec6ba5"})))}static get watchers(){return{_ref:["watch0","watch1"],initialized:["watch0"],isExpanded:["watch1"]}}};export{h as db_popover};
+//# sourceMappingURL=p-e418dace.entry.js.map

package/dist/db-ux/p-e418dace.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DBPopover","constructor","hostRef","this","initialized","isExpanded","_documentScrollListenerCallbackId","undefined","_observer","handleEscape","event","key","child","Array","from","_ref","children","blur","handleAutoPlacement","article","querySelector","utilsDelay","handleFixedPopover","handleDocumentScroll","_a","target","contains","_b","handleEnter","DocumentScrollListener","addCallback","getTrigger","observe","handleLeave","element","parent","parentNode","removeCallback","unobserve","length","firstChild","tagName","includes","enableAttributePassing","customElementSelector","closest","attributes","i","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","replace","trim","currentClass","getAttribute","watch0Fn","ariaHasPopup","addEventListener","forEach","window","IntersectionObserver","payload","entry","find","isIntersecting","watch0","watch1Fn","ariaExpanded","Boolean","toString","watch1","componentDidLoad","render","h","class","cls","className","ref","el","id","spacing","getBooleanAsString","gap","animation","open","delay","width","placement"],"sources":["src/components/popover/popover.tsx"],"sourcesContent":["import { cls, getBooleanAsString, delay as utilsDelay } from \"../../utils\";\nimport { DocumentScrollListener } from \"../../utils/document-scroll-listener\";\nimport { handleFixedPopover } from \"../../utils/floating-components\";\nimport { DBPopoverProps, DBPopoverState } from \"./model\";\n\nimport { Component, h, Fragment, Watch, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot trigger - TODO: Add description for slotTrigger\n */\n @Component({\n  tag: \"db-popover\",\n})\nexport class DBPopover {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBPopoverProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBPopoverProps[\"className\"];\n  @Prop() spacing: DBPopoverProps[\"spacing\"];\n  @Prop() gap: DBPopoverProps[\"gap\"];\n  @Prop() animation: DBPopoverProps[\"animation\"];\n  @Prop() open: DBPopoverProps[\"open\"];\n  @Prop() delay: DBPopoverProps[\"delay\"];\n  @Prop() width: DBPopoverProps[\"width\"];\n  @Prop() placement: DBPopoverProps[\"placement\"];\n  @State() initialized = false;\n  @State() isExpanded = false;\n  @State() _documentScrollListenerCallbackId = undefined;\n  @State() _observer = undefined;\n\n  handleEscape(event: any) {\n    if (!event || event.key === \"Escape\") {\n      // TODO: Recursive for any child\n      for (const child of Array.from(this._ref.children)) {\n        (child as HTMLElement).blur();\n      }\n    }\n  }\n  handleAutoPlacement() {\n    if (!this._ref) return;\n    const article = this._ref.querySelector(\"article\");\n    if (article) {\n      // This is a workaround for angular\n      utilsDelay(() => {\n        handleFixedPopover(article, this._ref);\n      }, 1);\n    }\n  }\n  handleDocumentScroll(event: any) {\n    if (event?.target?.contains && event?.target?.contains(this._ref)) {\n      this.handleAutoPlacement();\n    }\n  }\n  handleEnter() {\n    this.isExpanded = true;\n    this._documentScrollListenerCallbackId =\n      new DocumentScrollListener().addCallback((event) =>\n        this.handleDocumentScroll(event)\n      );\n    this.handleAutoPlacement();\n    const child = this.getTrigger();\n    if (child) {\n      this._observer?.observe(child);\n    }\n  }\n  handleLeave(event?: any) {\n    const element = event?.target as HTMLElement;\n    const parent = element?.parentNode;\n    if (\n      !parent ||\n      (element.parentNode.querySelector(\":focus\") !== element &&\n        element.parentNode.querySelector(\":focus-within\") !== element &&\n        element.parentNode.querySelector(\":hover\") !== element)\n    ) {\n      this.isExpanded = false;\n      if (this._documentScrollListenerCallbackId) {\n        new DocumentScrollListener().removeCallback(\n          this._documentScrollListenerCallbackId!\n        );\n      }\n      const child = this.getTrigger();\n      if (child) {\n        this._observer?.unobserve(child);\n      }\n    }\n  }\n  getTrigger() {\n    if (this._ref) {\n      const children: Element[] = Array.from(this._ref.children);\n      if (children.length >= 2) {\n        const firstChild = children[0];\n        if (firstChild.tagName.includes(\"-\")) {\n          // this is a workaround for custom angular components\n          return firstChild.children?.length > 0\n            ? firstChild.children[0]\n            : null;\n        } else {\n          return firstChild;\n        }\n      }\n    }\n    return null;\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) {\n      this.initialized = false;\n      const child = this.getTrigger();\n      if (child) {\n        child.ariaHasPopup = \"true\";\n      }\n      this.handleAutoPlacement();\n      this._ref.addEventListener(\"keydown\", (event: any) =>\n        this.handleEscape(event)\n      );\n      [\"mouseenter\", \"focusin\"].forEach((event) => {\n        this._ref.addEventListener(event, () => this.handleEnter());\n      });\n      [\"mouseleave\", \"focusout\"].forEach((event) => {\n        this._ref.addEventListener(event, () => this.handleLeave());\n      });\n      if (typeof window !== \"undefined\" && \"IntersectionObserver\" in window) {\n        this._observer = new IntersectionObserver((payload) => {\n          const entry = payload.find(\n            ({ target }) => target === this.getTrigger()\n          );\n          if (entry && !entry.isIntersecting) {\n            this.handleEscape(false);\n          }\n        });\n      }\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._ref) {\n      const child = this.getTrigger();\n      if (child) {\n        child.ariaExpanded = Boolean(this.isExpanded).toString();\n      }\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"isExpanded\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-popover\");\n    this.initialized = true;\n    this.watch0Fn();\n    this.watch1Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-popover\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n      >\n        <slot name=\"trigger\"></slot>\n        <article\n          class=\"db-popover-content\"\n          data-spacing={this.spacing}\n          data-gap={getBooleanAsString(this.gap)}\n          data-animation={getBooleanAsString(this.animation ?? true)}\n          data-open={getBooleanAsString(this.open)}\n          data-delay={this.delay}\n          data-width={this.width}\n          data-placement={this.placement}\n        >\n          <slot></slot>\n        </article>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/p-eaa14b89.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as s}from"./p-uOzX56mL.js";import{l as h,g as a,h as e,f as d,k as l,b as n,t as c,a as o}from"./p-Dst8dqRS.js";import{h as r,d as u,s as f,u as v,e as b,b as m,j as p,c as y}from"./p-YECpAE3G.js";const w=class{constructor(s){i(this,s);this.input=t(this,"input");this.change=t(this,"change");this.blur=t(this,"blur");this.focus=t(this,"focus");this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._invalidMessage=undefined;this._descByIds=undefined;this._value="";this._voiceOverFallback=""}hasValidState(){var i;return!!((i=this.validMessage)!==null&&i!==void 0?i:this.validation==="valid")}handleValidation(){var i,t,s,a;if(!((i=this._ref)===null||i===void 0?void 0:i.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;this._invalidMessage=this.invalidMessage||((t=this._ref)===null||t===void 0?void 0:t.validationMessage)||h;if(r()){this._voiceOverFallback=this._invalidMessage;void u((()=>this._voiceOverFallback=""),1e3)}}else if(this.hasValidState()&&((s=this._ref)===null||s===void 0?void 0:s.validity.valid)&&(this.required||this.minLength||this.maxLength)){this._descByIds=this._validMessageId;if(r()){this._voiceOverFallback=(a=this.validMessage)!==null&&a!==void 0?a:l;void u((()=>this._voiceOverFallback=""),1e3)}}else if(f(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=undefined}}handleInput(i){if(this.input){this.input.emit(i)}this.handleValidation()}handleChange(i){if(this.change){this.change.emit(i)}this.handleValidation()}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 h=0;h<t.length;h++){const a=t.item(h);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){i.setAttribute(a.name,a.value);s.removeAttribute(a.name)}if(a&&a.name==="class"){const t=a.value.includes("hydrated");const h=a.value.replace("hydrated","").trim();const e=i.getAttribute("class");i.setAttribute(a.name,`${e?`${e} `:""}${h}`);if(t){s.setAttribute("class","hydrated")}else{s.removeAttribute(a.name)}}}}}watch0Fn(){var i;this._invalidMessage=this.invalidMessage||((i=this._ref)===null||i===void 0?void 0:i.validationMessage)||h}watch0(){this.watch0Fn()}watch1Fn(){if(this._id){const i=this._id+d;this._messageId=i;this._validMessageId=this._id+a;this._invalidMessageId=this._id+e;if(f(this.message,this.showMessage)){this._descByIds=i}this.handleValidation()}}watch1(){this.watch1Fn()}watch2Fn(){this._value=this.value}watch2(){this.watch2Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-textarea");const t=(i=this.id)!==null&&i!==void 0?i:`textarea-${v()}`;this._id=t;this._messageId=t+d;this._validMessageId=t+a;this._invalidMessageId=t+e;this._invalidMessage=this.invalidMessage||h;this.watch0Fn();this.watch1Fn();this.watch2Fn()}render(){var i,t,h,a,e;return s("div",{key:"aa5bd58258d8b5f0156303615865b49fe8dd18e7",class:y("db-textarea",this.className),"data-variant":this.variant,"data-hide-asterisk":p(this.showRequiredAsterisk),"data-hide-label":p(this.showLabel)},s("label",{key:"4c26e0c612dcb8846ba5704fe6f464219639d1e0",htmlFor:this._id},(i=this.label)!==null&&i!==void 0?i:o),s("textarea",{key:"531517b8ec2f1c5f3383367009cb07d8396014fe","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,"data-field-sizing":this.fieldSizing,ref:i=>{this._ref=i},id:this._id,"data-resize":this.resize,"data-hide-resizer":p((t=this.showResizer)!==null&&t!==void 0?t:true),disabled:m(this.disabled,"disabled"),required:m(this.required,"required"),readOnly:m(this.readOnly,"readOnly")||m(this.readonly,"readonly"),form:this.form,maxLength:b(this.maxLength,this.maxlength),minLength:b(this.minLength,this.minlength),name:this.name,wrap:this.wrap,spellcheck:this.spellCheck,autocomplete:this.autocomplete,onInput:i=>this.handleInput(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),value:(h=this.value)!==null&&h!==void 0?h:this._value,"aria-describedby":(a=this.ariaDescribedBy)!==null&&a!==void 0?a:this._descByIds,placeholder:(e=this.placeholder)!==null&&e!==void 0?e:n,rows:b(this.rows,c),cols:b(this.cols)}),f(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||l):null,s("db-infotext",{key:"968b24ce95596a8c280c379b01337c2fce9dfcae",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"e952c1a870d448b052e22bb799c1d1774a1c3686","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:["watch0"],invalidMessage:["watch0"],_id:["watch1"],value:["watch2"]}}};export{w as db_textarea};
+//# sourceMappingURL=p-eaa14b89.entry.js.map

package/dist/db-ux/p-eaa14b89.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DBTextarea","constructor","hostRef","this","_id","undefined","_messageId","_validMessageId","_invalidMessageId","_invalidMessage","_descByIds","_value","_voiceOverFallback","hasValidState","_a","validMessage","validation","handleValidation","_ref","validity","valid","invalidMessage","_b","validationMessage","DEFAULT_INVALID_MESSAGE","hasVoiceOver","delay","_c","required","minLength","maxLength","_d","DEFAULT_VALID_MESSAGE","stringPropVisible","message","showMessage","handleInput","event","input","emit","handleChange","change","handleBlur","blur","handleFocus","focus","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","watch0","watch1Fn","messageId","DEFAULT_MESSAGE_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","watch1","watch2Fn","watch2","componentDidLoad","mId","id","uuid","render","h","key","class","cls","className","variant","getHideProp","showRequiredAsterisk","showLabel","htmlFor","label","DEFAULT_LABEL","fieldSizing","ref","el","resize","showResizer","disabled","getBoolean","readOnly","readonly","form","getNumber","maxlength","minlength","wrap","spellcheck","spellCheck","autocomplete","onInput","onChange","onBlur","onFocus","ariaDescribedBy","placeholder","_e","DEFAULT_PLACEHOLDER","rows","DEFAULT_ROWS","cols","size","icon","messageIcon","semantic","role"],"sources":["src/components/textarea/textarea.tsx"],"sourcesContent":["import {\n  DEFAULT_INVALID_MESSAGE,\n  DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n  DEFAULT_LABEL,\n  DEFAULT_MESSAGE_ID_SUFFIX,\n  DEFAULT_PLACEHOLDER,\n  DEFAULT_ROWS,\n  DEFAULT_VALID_MESSAGE,\n  DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport { ChangeEvent, InputEvent, InteractionEvent } from \"../../shared/model\";\nimport {\n  cls,\n  delay,\n  getBoolean,\n  getHideProp,\n  getNumber,\n  hasVoiceOver,\n  stringPropVisible,\n  uuid,\n} from \"../../utils\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport { DBTextareaProps, DBTextareaState } from \"./model\";\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-textarea\",\n})\nexport class DBTextarea {\n  private _ref!: HTMLTextAreaElement | any;\n  @Prop() id: DBTextareaProps[\"id\"];\n  @Prop() invalidMessage: DBTextareaProps[\"invalidMessage\"];\n  @Prop() message: DBTextareaProps[\"message\"];\n  @Prop() showMessage: DBTextareaProps[\"showMessage\"];\n  @Prop() value: DBTextareaProps[\"value\"];\n  @Prop() validMessage: DBTextareaProps[\"validMessage\"];\n  @Prop() validation: DBTextareaProps[\"validation\"];\n  @Prop() required: DBTextareaProps[\"required\"];\n  @Prop() minLength: DBTextareaProps[\"minLength\"];\n  @Prop() maxLength: DBTextareaProps[\"maxLength\"];\n  @Event() input: EventEmitter<\n    Parameters<Required<DBTextareaProps>[\"onInput\"]>[number]\n  > | void;\n  @Event() change: EventEmitter<\n    Parameters<Required<DBTextareaProps>[\"onChange\"]>[number]\n  > | void;\n  @Event() blur: EventEmitter<\n    Parameters<Required<DBTextareaProps>[\"onBlur\"]>[number]\n  > | void;\n  @Event() focus: EventEmitter<\n    Parameters<Required<DBTextareaProps>[\"onFocus\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBTextareaProps[\"className\"];\n  @Prop() variant: DBTextareaProps[\"variant\"];\n  @Prop() showRequiredAsterisk: DBTextareaProps[\"showRequiredAsterisk\"];\n  @Prop() showLabel: DBTextareaProps[\"showLabel\"];\n  @Prop() label: DBTextareaProps[\"label\"];\n  @Prop() fieldSizing: DBTextareaProps[\"fieldSizing\"];\n  @Prop() resize: DBTextareaProps[\"resize\"];\n  @Prop() showResizer: DBTextareaProps[\"showResizer\"];\n  @Prop() disabled: DBTextareaProps[\"disabled\"];\n  @Prop() readOnly: DBTextareaProps[\"readOnly\"];\n  @Prop() readonly: DBTextareaProps[\"readonly\"];\n  @Prop() form: DBTextareaProps[\"form\"];\n  @Prop() maxlength: DBTextareaProps[\"maxlength\"];\n  @Prop() minlength: DBTextareaProps[\"minlength\"];\n  @Prop() name: DBTextareaProps[\"name\"];\n  @Prop() wrap: DBTextareaProps[\"wrap\"];\n  @Prop() spellCheck: DBTextareaProps[\"spellCheck\"];\n  @Prop() autocomplete: DBTextareaProps[\"autocomplete\"];\n  @Prop() ariaDescribedBy: DBTextareaProps[\"ariaDescribedBy\"];\n  @Prop() placeholder: DBTextareaProps[\"placeholder\"];\n  @Prop() rows: DBTextareaProps[\"rows\"];\n  @Prop() cols: DBTextareaProps[\"cols\"];\n  @Prop() messageIcon: DBTextareaProps[\"messageIcon\"];\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _invalidMessage = undefined;\n  @State() _descByIds = undefined;\n  @State() _value = \"\";\n  @State() _voiceOverFallback = \"\";\n\n  hasValidState() {\n    return !!(this.validMessage ?? this.validation === \"valid\");\n  }\n  handleValidation() {\n    /* For a11y reasons we need to map the correct message with the textarea */\n    if (!this._ref?.validity.valid || this.validation === \"invalid\") {\n      this._descByIds = this._invalidMessageId;\n      this._invalidMessage =\n        this.invalidMessage ||\n        this._ref?.validationMessage ||\n        DEFAULT_INVALID_MESSAGE;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this._invalidMessage;\n        void delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (\n      this.hasValidState() &&\n      this._ref?.validity.valid &&\n      (this.required || this.minLength || this.maxLength)\n    ) {\n      this._descByIds = this._validMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n        void delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (stringPropVisible(this.message, this.showMessage)) {\n      this._descByIds = this._messageId;\n    } else {\n      this._descByIds = undefined;\n    }\n  }\n  handleInput(event: InputEvent<HTMLTextAreaElement>) {\n    if (this.input) {\n      this.input.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleChange(event: ChangeEvent<HTMLTextAreaElement>) {\n    if (this.change) {\n      this.change.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleBlur(event: InteractionEvent<HTMLTextAreaElement> | any) {\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLTextAreaElement> | any) {\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLTextAreaElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    this._invalidMessage =\n      this.invalidMessage ||\n      this._ref?.validationMessage ||\n      DEFAULT_INVALID_MESSAGE;\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"invalidMessage\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._id) {\n      const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n      this._messageId = messageId;\n      this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n      this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n      if (stringPropVisible(this.message, this.showMessage)) {\n        this._descByIds = messageId;\n      }\n      this.handleValidation();\n    }\n  }\n\n  @Watch(\"_id\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  watch2Fn() {\n    this._value = this.value;\n  }\n\n  @Watch(\"value\")\n  watch2() {\n    this.watch2Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-textarea\");\n    const mId = this.id ?? `textarea-${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._invalidMessage = this.invalidMessage || DEFAULT_INVALID_MESSAGE;\n    this.watch0Fn();\n    this.watch1Fn();\n    this.watch2Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-textarea\", this.className)}\n        data-variant={this.variant}\n        data-hide-asterisk={getHideProp(this.showRequiredAsterisk)}\n        data-hide-label={getHideProp(this.showLabel)}\n      >\n        <label htmlFor={this._id}>{this.label ?? DEFAULT_LABEL}</label>\n        <textarea\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          data-field-sizing={this.fieldSizing}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          id={this._id}\n          data-resize={this.resize}\n          data-hide-resizer={getHideProp(this.showResizer ?? true)}\n          disabled={getBoolean(this.disabled, \"disabled\")}\n          required={getBoolean(this.required, \"required\")}\n          readOnly={\n            getBoolean(this.readOnly, \"readOnly\") ||\n            getBoolean(this.readonly, \"readonly\")\n          }\n          form={this.form}\n          maxLength={getNumber(this.maxLength, this.maxlength)}\n          minLength={getNumber(this.minLength, this.minlength)}\n          name={this.name}\n          wrap={this.wrap}\n          spellcheck={this.spellCheck}\n          autocomplete={this.autocomplete}\n          onInput={(event) => this.handleInput(event)}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n          value={this.value ?? this._value}\n          aria-describedby={this.ariaDescribedBy ?? this._descByIds}\n          placeholder={this.placeholder ?? DEFAULT_PLACEHOLDER}\n          rows={getNumber(this.rows, DEFAULT_ROWS)}\n          cols={getNumber(this.cols)}\n        ></textarea>\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-uOzX56mL.js

@@ -0,0 +1,3 @@
+const e="db-ux";const t={hydratedSelectorName:"hydrated",lazyLoad:true,shadowDom:false,slotRelocation:true,updatable:true};var n=Object.defineProperty;var r=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var 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 y=false;var b=[];var w=[];var $=(e,t)=>n=>{e.push(n);if(!y){y=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(b);{g(w);if(y=b.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 q=new WeakMap;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,J)}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 G=e=>e&&e.N===Y;var J={forEach:(e,t)=>e.map(K).forEach(t),map:(e,t)=>e.map(K).map(t).map(Q)};var K=e=>({vattrs:e.j,vchildren:e.k,vkey:e.O,vname:e.S,vtag:e.N,vtext:e.$});var Q=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 X=e=>{const t=N(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};X("::slotted");X(":host");X(":host-context");var Z=(e,t,n)=>{if(typeof e==="string"&&(t&16||t&8)&&(e.startsWith("{")&&e.endsWith("}")||e.startsWith("[")&&e.endsWith("]"))){try{return JSON.parse(e)}catch(e){}}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 ee=e=>{var t;return(t=o(e))==null?void 0:t.$hostElement$};var te=(e,t,n)=>{const r=ee(e);return{emit:e=>ne(r,t,{bubbles:true,composed:true,cancelable:true,detail:e})}};var ne=(e,t,n)=>{const r=h.ce(t,n);e.dispatchEvent(r);return r};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){{ye(e.R,false)}}}}return s};var ye=(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){ye(r,t)}}h.o&=-2};var be=(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{ye(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"){ye(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"){ye(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){be(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=""}be(o,null,n,l,0,l.length-1)}else if(!r&&t.updatable&&i!==null){we(i,0,i.length-1)}else;}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=G(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);if(t){queueMicrotask((()=>{n()}));return}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((()=>ne(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){return}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=Z(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(!s){return}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,[Z(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]=Z(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(t&&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();qe(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 qe=(e,t)=>{{We(e,"connectedCallback",void 0,t)}};var He=e=>{if((h.o&1)===0){const t=o(e);if(!t){return}const n=t.i;const r=B("connectedCallback",n.h);if(!(t.o&1)){t.o|=1;{if(n.o&(4|8)){Ve(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){qe(t.t,e)}else if(t==null?void 0:t.u){t.u.then((()=>qe(t.t,e)))}}r()}};var Ve=e=>{if(!d.document){return}const t=e["s-cr"]=d.document.createComment("");t["s-cn"]=true;Ne(e,t,e.firstChild)};var Ye=(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){Ye(t.t,e)}else if(t==null?void 0:t.u){t.u.then((()=>Ye(t.t,e)))}}if(q.has(e)){q.delete(e)}if(e.shadowRoot&&q.has(e.shadowRoot)){q.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 y;let b=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(){const e=o(this);if(!e){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(y){clearTimeout(y);y=null}if(b){m.push(this)}else{h.jmp((()=>He(this)))}}disconnectedCallback(){h.jmp((()=>Ge(this)));h.raf((()=>{var e;const t=o(this);if(!t){return}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(){var e;return(e=o(this))==null?void 0:e.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)}}b=false;if(m.length){m.map((e=>e.connectedCallback()))}else{{h.jmp((()=>y=setTimeout(De,30)))}}r()};var Ke=(e,t)=>t;var Qe=e=>h.A=e;export{Ke as F,Je as b,te as c,H as h,m as p,i as r,Qe as s};
+//# sourceMappingURL=p-uOzX56mL.js.map