\n )\n }\n}\n"],"mappings":"+EAAA,MAAMA,EAAa,u9B,MCaNC,EAAO,M,oEAOlB,MAAAC,GACE,OACEC,EAAA,MAAIC,MAAM,YACRD,EAAA,WACEE,KAAMC,KAAKD,KACXD,MAAOG,EAAc,CACnB,iBACAD,KAAKE,SAAW,4BAElBC,KAAK,OAAM,eACGH,KAAKE,QAAU,OAASE,UACtCC,QAASL,KAAKE,QAAUE,UAAY,OAEpCP,EAAA,c"}
\ No newline at end of file
diff --git a/1704966176737/dist/build/p-112455b1.js b/1704966176737/dist/build/p-112455b1.js
deleted file mode 100644
index a14eabd080..0000000000
--- a/1704966176737/dist/build/p-112455b1.js
+++ /dev/null
@@ -1,2 +0,0 @@
-var e=typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{};function n(e,n,r){return r={path:n,exports:{},require:function(e,n){return o()}},e(r,r.exports),r.exports}function o(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}export{e as a,n as c};
-//# sourceMappingURL=p-112455b1.js.map
\ No newline at end of file
diff --git a/1704966176737/dist/build/p-18028a34.entry.js.map b/1704966176737/dist/build/p-18028a34.entry.js.map
deleted file mode 100644
index 0974a3f557..0000000000
--- a/1704966176737/dist/build/p-18028a34.entry.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"names":["ldNoticeCss","LdNotice","render","h","Host","class","this","mode","name","part","size","headline","variant","tag"],"sources":["../src/liquid/components/ld-notice/ld-notice.css?tag=ld-notice&encapsulation=shadow","../src/liquid/components/ld-notice/ld-notice.tsx"],"sourcesContent":[":host,\n.ld-notice {\n --ld-notice-error-icon-col: var(--ld-thm-error);\n --ld-notice-info-icon-col: var(--ld-thm-primary);\n --ld-notice-warning-icon-col: var(--ld-thm-warning);\n --ld-notice-success-icon-col: var(--ld-thm-success);\n\n background: var(--ld-col-wht);\n border-radius: var(--ld-br-l);\n box-shadow: var(--ld-shadow-stacked);\n color: var(--ld-col-neutral-800);\n display: block;\n font: var(--ld-typo-body-m);\n padding: var(--ld-sp-24);\n padding-left: calc(var(--ld-sp-24) + var(--ld-sp-40));\n position: relative;\n\n ::slotted(a),\n a {\n color: var(--ld-thm-primary);\n text-decoration: underline;\n }\n\n ::slotted(code),\n code {\n background-color: var(--ld-col-neutral-010);\n border-radius: var(--ld-br-s);\n box-shadow: inset 0 0 0 var(--ld-sp-1) var(--ld-col-neutral-100);\n padding: 0 var(--ld-sp-4);\n }\n}\n\n:host(.ld-notice--error),\n.ld-notice--error {\n ::slotted(ld-icon),\n ::slotted(.ld-icon),\n .ld-notice__icon,\n .ld-notice__headline {\n color: var(--ld-notice-error-icon-col);\n }\n\n .ld-notice__icon {\n transform: rotate(180deg);\n }\n}\n\n:host(.ld-notice--info),\n.ld-notice--info {\n ::slotted(ld-icon),\n ::slotted(.ld-icon),\n .ld-notice__icon,\n .ld-notice__headline {\n color: var(--ld-notice-info-icon-col);\n }\n}\n\n:host(.ld-notice--warning),\n.ld-notice--warning {\n background: var(--ld-thm-warning-highlight);\n\n ::slotted(ld-icon),\n ::slotted(.ld-icon),\n .ld-notice__icon {\n --ld-icon-secondary-col: var(--ld-col-neutral-900);\n color: var(--ld-notice-warning-icon-col);\n }\n\n .ld-notice__headline {\n color: var(--ld-col-neutral-900);\n }\n}\n\n:host(.ld-notice--success),\n.ld-notice--success {\n ::slotted(ld-icon),\n ::slotted(.ld-icon),\n .ld-notice__icon {\n color: var(--ld-notice-success-icon-col);\n }\n\n .ld-notice__headline {\n color: var(--ld-notice-success-icon-col);\n }\n}\n\n.ld-notice__headline {\n margin: 0 0 var(--ld-sp-12);\n}\n\n::slotted(ld-icon),\n::slotted(.ld-icon),\n.ld-notice__icon {\n left: var(--ld-sp-24);\n position: absolute;\n top: var(--ld-sp-24);\n}\n","import { Component, h, Prop, Host, Element } from '@stencil/core'\nimport { HTMLStencilElement } from '@stencil/core/internal'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part headline - `ld-typo` element used for the headline\n * @part icon - Image tag used for the icon\n */\n@Component({\n assetsDirs: ['assets'],\n tag: 'ld-notice',\n styleUrl: 'ld-notice.css',\n shadow: true,\n})\nexport class LdNotice {\n @Element() hostElement: HTMLStencilElement\n\n /** Headline of the notice. */\n @Prop() headline?: string\n\n /** Mode of the notice. */\n @Prop() mode?: 'error' | 'info' | 'warning' | 'success' = 'info'\n\n render() {\n return (\n \n \n \n \n {this.headline && (\n \n {this.headline}\n \n )}\n \n \n )\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAc,4wF,MCePC,EAAQ,M,2DAOuC,M,CAE1D,MAAAC,GACE,OACEC,EAACC,EAAI,CAACC,MAAO,wBAAwBC,KAAKC,QACxCJ,EAAA,QAAMK,KAAK,eACTL,EAAA,WACEE,MAAM,kBACNG,KACEF,KAAKC,OAAS,UACV,2BACA,wBAENE,KAAK,OACLC,KAAK,QAGRJ,KAAKK,UACJR,EAAA,WACEE,MAAM,sBACNO,QAAQ,KACRC,IAAI,IACJJ,KAAK,YAEJH,KAAKK,UAGVR,EAAA,a"}
\ No newline at end of file
diff --git a/1704966176737/dist/build/p-1813e3df.entry.js b/1704966176737/dist/build/p-1813e3df.entry.js
deleted file mode 100644
index c77d574a4e..0000000000
--- a/1704966176737/dist/build/p-1813e3df.entry.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{r as t,h as i}from"./p-21a69c18.js";const s=":host{display:contents}";const a=class{constructor(i){t(this,i);this.info=undefined;this.alert=undefined}handleInfo(t){this.infoSuffix=this.infoSuffix?"":"";this.info=t.detail+this.infoSuffix}handleAlert(t){this.alertSuffix=this.alertSuffix?"":"";this.alert=t.detail+this.alertSuffix}render(){return i("ld-sr-only",null,i("span",{role:"status","aria-live":"polite","aria-relevant":"all","aria-atomic":"true"},this.info),i("span",{role:"alert","aria-live":"polite","aria-relevant":"all","aria-atomic":"true"},this.alert))}};a.style=s;export{a as ld_sr_live};
-//# sourceMappingURL=p-1813e3df.entry.js.map
\ No newline at end of file
diff --git a/1704966176737/dist/build/p-1813e3df.entry.js.map b/1704966176737/dist/build/p-1813e3df.entry.js.map
deleted file mode 100644
index d31e7cb530..0000000000
--- a/1704966176737/dist/build/p-1813e3df.entry.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"names":["ldSrLiveShadowCss","LdSrLive","handleInfo","event","this","infoSuffix","info","detail","handleAlert","alertSuffix","alert","render","h","role"],"sources":["../src/liquid/components/ld-sr-live/ld-sr-live.shadow.css?tag=ld-sr-live&encapsulation=shadow","../src/liquid/components/ld-sr-live/ld-sr-live.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n","import { Component, h, Listen, State } from '@stencil/core'\n\n/**\n * @virtualProp ref - reference to component\n */\n@Component({\n tag: 'ld-sr-live',\n styleUrl: 'ld-sr-live.shadow.css',\n shadow: true,\n})\nexport class LdSrLive {\n private infoSuffix: string\n private alertSuffix: string\n\n @State() info: string\n @State() alert: string\n\n @Listen('ldSrLiveInfo', {\n target: 'window',\n passive: true,\n })\n handleInfo(event: CustomEvent) {\n // MAGIC: the second “pseudo-empty” string contains a zero width space, which is required\n // in order to repeat an alert message, without altering the printed message displayed on the screen.\n this.infoSuffix = this.infoSuffix ? '' : ''\n this.info = event.detail + this.infoSuffix\n }\n\n @Listen('ldSrLiveAlert', {\n target: 'window',\n passive: true,\n })\n handleAlert(event: CustomEvent) {\n // MAGIC: the second “pseudo-empty” string contains a zero width space, which is required\n // in order to repeat an alert message, without altering the printed message displayed on the screen.\n this.alertSuffix = this.alertSuffix ? '' : ''\n this.alert = event.detail + this.alertSuffix\n }\n\n render() {\n return (\n \n \n {this.info}\n \n \n {this.alert}\n \n \n )\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAoB,0B,MCUbC,EAAQ,M,kEAWnB,UAAAC,CAAWC,GAGTC,KAAKC,WAAaD,KAAKC,WAAa,GAAK,IACzCD,KAAKE,KAAOH,EAAMI,OAASH,KAAKC,U,CAOlC,WAAAG,CAAYL,GAGVC,KAAKK,YAAcL,KAAKK,YAAc,GAAK,IAC3CL,KAAKM,MAAQP,EAAMI,OAASH,KAAKK,W,CAGnC,MAAAE,GACE,OACEC,EAAA,kBACEA,EAAA,QACEC,KAAK,SAAQ,YACH,SAAQ,gBACJ,MAAK,cACP,QAEXT,KAAKE,MAERM,EAAA,QACEC,KAAK,QAAO,YACF,SAAQ,gBACJ,MAAK,cACP,QAEXT,KAAKM,O"}
\ No newline at end of file
diff --git a/1704966176737/dist/build/p-1c01ac4e.entry.js.map b/1704966176737/dist/build/p-1c01ac4e.entry.js.map
deleted file mode 100644
index 51078aea2d..0000000000
--- a/1704966176737/dist/build/p-1c01ac4e.entry.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"names":["ldIconCss","LdIcon","loadIconPathData","this","name","div","document","createElement","iconString","fetchIcon","innerHTML","replace","Array","from","el","shadowRoot","children","forEach","child","tagName","removeChild","appendChild","firstChild","componentWillLoad","render","h","Host","class","getClassNames","size","role"],"sources":["../src/liquid/components/ld-icon/ld-icon.css?tag=ld-icon&encapsulation=shadow","../src/liquid/components/ld-icon/ld-icon.tsx"],"sourcesContent":[":host,\n:where(.ld-icon) {\n --ld-icon-secondary-col: var(--ld-col-wht);\n --ld-icon-size-sm: 1rem;\n --ld-icon-size-md: 1.25rem;\n --ld-icon-size-lg: 1.5rem;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: var(--ld-icon-size-md);\n height: var(--ld-icon-size-md);\n\n ::slotted(svg),\n :where(svg) {\n width: var(--ld-icon-size-md);\n height: var(--ld-icon-size-md);\n flex-shrink: 0;\n }\n}\n\n:host(.ld-icon--sm),\n:where(.ld-icon--sm) {\n &,\n ::slotted(svg),\n :where(svg) {\n width: var(--ld-icon-size-sm);\n height: var(--ld-icon-size-sm);\n }\n}\n:host(.ld-icon--lg),\n:where(.ld-icon--lg) {\n &,\n ::slotted(svg),\n :where(svg) {\n width: var(--ld-icon-size-lg);\n height: var(--ld-icon-size-lg);\n }\n}\n","import { Build, Component, Host, h, Prop, Watch, Element } from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { fetchIcon } from '../../utils/fetchAsset'\n\n/**\n * @slot - (optional) Custom SVG icon (only valid without name prop).\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part icon - Actual SVG element\n */\n@Component({\n assetsDirs: ['assets'],\n tag: 'ld-icon',\n styleUrl: 'ld-icon.css',\n shadow: true,\n})\nexport class LdIcon {\n @Element() el: HTMLElement\n\n /** The icon name. */\n @Prop({ reflect: true }) name?: string = null\n\n /** Size of the icon. */\n @Prop() size?: 'sm' | 'lg'\n\n @Watch('name')\n private async loadIconPathData(): Promise {\n if ((!Build.isBrowser && !Build.isTesting) || !this.name) {\n return\n }\n\n const div = document.createElement('div')\n const iconString = await fetchIcon(this.name)\n\n if (!iconString) return\n\n div.innerHTML = iconString.replace(\n ' {\n /* istanbul ignore next */\n if (child.tagName !== 'STYLE') {\n this.el.shadowRoot.removeChild(child)\n }\n })\n this.el.shadowRoot.appendChild(div.firstChild)\n }\n\n componentWillLoad() {\n this.loadIconPathData()\n }\n\n render() {\n return (\n \n {!this.name && }\n \n )\n }\n}\n"],"mappings":"iIAAA,MAAMA,EAAY,44B,MCgBLC,EAAM,M,mCAIwB,K,oBAMjC,sBAAMC,GACZ,IAA+CC,KAAKC,KAAM,CACxD,M,CAGF,MAAMC,EAAMC,SAASC,cAAc,OACnC,MAAMC,QAAmBC,EAAUN,KAAKC,MAExC,IAAKI,EAAY,OAEjBH,EAAIK,UAAYF,EAAWG,QACzB,OACA,yCAEFC,MAAMC,KAAKV,KAAKW,GAAGC,WAAWC,UAAUC,SAASC,IAE/C,GAAIA,EAAMC,UAAY,QAAS,CAC7BhB,KAAKW,GAAGC,WAAWK,YAAYF,E,KAGnCf,KAAKW,GAAGC,WAAWM,YAAYhB,EAAIiB,W,CAGrC,iBAAAC,GACEpB,KAAKD,kB,CAGP,MAAAsB,GACE,OACEC,EAACC,EAAI,CACHC,MAAOC,EAAc,CAAC,UAAWzB,KAAK0B,MAAQ,YAAY1B,KAAK0B,SAC/DC,KAAK,iBAEH3B,KAAKC,MAAQqB,EAAA,a"}
\ No newline at end of file
diff --git a/1704966176737/dist/build/p-1ff9802e.entry.js b/1704966176737/dist/build/p-1ff9802e.entry.js
deleted file mode 100644
index b68350e5ac..0000000000
--- a/1704966176737/dist/build/p-1ff9802e.entry.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{r as i,c as t,h as s,H as a,g as e}from"./p-21a69c18.js";import{g as n}from"./p-1133c92e.js";import{g as d}from"./p-8dc70a87.js";import{c as l}from"./p-6e5841ef.js";const o=':host{--ld-sidenav-line-height:1.15;--ld-sidenav-padding-x:1rem;--ld-sidenav-padding-y:1rem;--ld-sidenav-padding:var(--ld-sidenav-padding-y) var(--ld-sidenav-padding-x);--ld-sidenav-toggle-size:var(--ld-sp-24);--ld-sidenav-toggle-top:calc(2 * var(--ld-sidenav-padding-y) + var(--ld-sidenav-navitem-icon-size) - 0.5 * var(--ld-sidenav-toggle-size));--ld-sidenav-translate-x-delta:calc(var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed));--ld-sidenav-width:15.625rem;--ld-sidenav-width-collapsed:calc(2 * var(--ld-sidenav-padding-x) + var(--ld-sidenav-navitem-icon-size));--ld-sidenav-width-fully-collapsed:calc(-1 * var(--ld-sp-1));--ld-sidenav-navitem-active-indicator-border-width:0.1875rem;--ld-sidenav-navitem-icon-size:var(--ld-sp-32);--ld-sidenav-navitem-bg-inset:var(--ld-sp-6);--ld-sidenav-navitem-border-radius:var(--ld-br-l);--ld-sidenav-navitem-tertiary-indent:calc(3 * var(--ld-sidenav-padding-x) + 0.3125rem);--ld-sidenav-navitem-tertiary-width:calc(100% - (4 * var(--ld-sidenav-padding-x)) - 0.3125rem);--ld-sidenav-collapse-content-transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;--ld-sidenav-transition-delay:0s;--ld-sidenav-transition-delay-collapse-expand:0s;--ld-sidenav-transition-duration:var(--ld-transition-duration-instant);--ld-sidenav-transition-duration-collapse-expand:var(\n --ld-transition-duration-instant\n );--ld-sidenav-translate-x-direction:1;--ld-sidenav-stack-to-top-transition:transform var(--ld-sidenav-transition-duration-collapse-expand) var(--ld-sidenav-transition-delay-collapse-expand) ease;--ld-sidenav-bg-color:var(--ld-col-wht);--ld-sidenav-separator-line-bg-col:var(--ld-col-neutral-100);--ld-sidenav-subnav-bg-color:var(--ld-col-wht)}@media (prefers-reduced-motion:no-preference){:host(.ld-sidenav--transitions){--ld-sidenav-transition-duration:var(--ld-transition-duration-normal);--ld-sidenav-transition-duration-collapse-expand:var(\n --ld-transition-duration-normal\n );--ld-sidenav-transition-delay:var(--ld-transition-duration-quick);--ld-sidenav-transition-delay-collapse-expand:var(\n --ld-transition-duration-quick\n )}}@media (prefers-reduced-motion:no-preference){:host(.ld-sidenav--toggle-transition-disabled){--ld-sidenav-transition-duration-collapse-expand:var(\n --ld-transition-duration-instant\n );--ld-sidenav-transition-delay-collapse-expand:0s}}:host{background-color:var(--ld-sidenav-bg-color);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;font:var(--ld-typo-body-m);left:0;overflow:hidden;position:var(--ld-sidenav-position,fixed);text-align:left;top:0;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease;width:var(--ld-sidenav-width);z-index:var(--ld-sidenav-z-index,1)}:host:before{background-color:var(--ld-sidenav-separator-line-bg-col);bottom:0;content:"";position:absolute;right:0;top:0;width:var(--ld-sp-2);z-index:2}:host .ld-sidenav__content{transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear}:host(.ld-sidenav--closable:not(.ld-sidenav--open)) .ld-sidenav__content{transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,visibility 0s var(--ld-sidenav-transition-duration-collapse-expand) linear;visibility:hidden}:host(.ld-sidenav--collapsed:not(.ld-sidenav--closable)){transform:translateX(calc(var(--ld-sidenav-translate-x-direction) * (-100% + var(--ld-sidenav-width-collapsed))))}:host(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(.ld-sidenav--closable)){transform:translateX(calc(var(--ld-sidenav-translate-x-direction) * (-100% + var(--ld-sidenav-width-fully-collapsed))))}:host(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(.ld-sidenav--closable)) .ld-sidenav__content{opacity:0;visibility:hidden}:host(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible.ld-sidenav--transitions:not(.ld-sidenav--closable)) .ld-sidenav__content{transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,visibility 0s var(--ld-sidenav-transition-duration-collapse-expand) linear}:host(.ld-sidenav--right){--ld-sidenav-translate-x-direction:-1;--ld-sidenav-translate-x-delta:0;left:unset;right:0}:host(.ld-sidenav--right):before{left:0;right:unset;transform:translateX(-50%) scaleX(1.5)}:host(.ld-sidenav--closable){--ld-sidenav-collapse-content-transition:none;--ld-sidenav-stack-to-top-transition:none;--ld-sidenav-navitem-move-up-closable:0;--ld-sidenav-translate-x-delta:0;transform:translateX(calc(var(--ld-sidenav-translate-x-direction) * -100%));width:100%}:host(.ld-sidenav--closable.ld-sidenav--open){transform:translateX(0)}:host ::slotted(ld-sidenav-navitem){margin-bottom:var(--ld-sidenav-padding-y)}:host ::slotted(ld-sidenav-navitem[slot=bottom]),:host ::slotted(ld-sidenav-navitem[slot=top]){margin-top:var(--ld-sidenav-padding-y)}:host ::slotted(ld-sidenav-heading){margin:var(--ld-sidenav-padding-y) 0}.ld-sidenav__toggle{aspect-ratio:1;background-color:var(--ld-col-wht);border:0;border-radius:var(--ld-br-full);box-shadow:var(--ld-shadow-stacked);color:var(--ld-thm-primary);cursor:pointer;display:grid;outline-offset:var(--ld-sp-4);place-content:center;position:absolute;right:0;top:var(--ld-sidenav-toggle-top);touch-action:manipulation;transform:translateX(50%);width:var(--ld-sidenav-toggle-size);will-change:transform;z-index:1;-webkit-touch-callout:none}.ld-sidenav__toggle:before{inset:0}.ld-sidenav__toggle:after,.ld-sidenav__toggle:before{border-radius:inherit;content:"";display:block;position:absolute}.ld-sidenav__toggle:after{inset:calc(-1 * var(--ld-sp-6))}.ld-sidenav__toggle:focus:focus-visible:not(:active),.ld-sidenav__toggle:hover:not(:active){box-shadow:var(--ld-shadow-sticky)}.ld-sidenav__toggle:where(:focus:focus-visible){color:var(--ld-thm-primary-hover)}.ld-sidenav__toggle:where(:focus:focus-visible):before{background-color:var(--ld-thm-primary-alpha-low)}@media (hover:hover){.ld-sidenav__toggle:where(:hover){color:var(--ld-thm-primary-hover)}}.ld-sidenav__toggle:where(:active),.ld-sidenav__toggle:where(:active:focus-visible){color:var(--ld-thm-primary-active)}:host(.ld-sidenav--right) .ld-sidenav__toggle{left:0;right:unset;transform:translateX(-50%)}.ld-sidenav__toggle-icon{position:relative;transform-origin:center}:host(.ld-sidenav--collapsed) .ld-sidenav__toggle-icon{transform:rotate(180deg)}:host(.ld-sidenav--right) .ld-sidenav__toggle-icon{transform:rotate(180deg)}:host(.ld-sidenav--right.ld-sidenav--collapsed) .ld-sidenav__toggle-icon{transform:none}.ld-sidenav__content{display:flex;flex-direction:column;height:100%;overflow:hidden;will-change:transform}.ld-sidenav__slot-container-default{height:100%;position:relative}.ld-sidenav__slot-container-bottom,.ld-sidenav__slot-container-top{background-color:var(--ld-sidenav-bg-color);position:relative;z-index:1}.ld-sidenav__slot-container-bottom:before,.ld-sidenav__slot-container-default:before,.ld-sidenav__slot-container-top:before{background-color:var(--ld-sidenav-subnav-bg-color);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear;visibility:visible;z-index:0}:host(.ld-sidenav--has-active-subnav) .ld-sidenav__slot-container-bottom:before,:host(.ld-sidenav--has-active-subnav) .ld-sidenav__slot-container-default:before,:host(.ld-sidenav--has-active-subnav) .ld-sidenav__slot-container-top:before{opacity:1}.ld-sidenav__fully-collapsed-click-area{display:none;inset:0;position:absolute;z-index:1}:host(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(.ld-sidenav--closable)) .ld-sidenav__fully-collapsed-click-area{display:block}';const r=class{constructor(s){i(this,s);this.ldSidenavCollapsedChange=t(this,"ldSidenavCollapsedChange",7);this.ldSidenavOpenChange=t(this,"ldSidenavOpenChange",7);this.ldSidenavBreakpointChange=t(this,"ldSidenavBreakpointChange",7);this.ldSidenavBack=t(this,"ldSidenavBack",7);this.ldSidenavNavitemTo=t(this,"ldSidenavNavitemTo",7);this.ldSidenavNavitemClick=t(this,"ldSidenavNavitemClick",7);this.ldSidenavSliderChange=t(this,"ldSidenavSliderChange",7);this.toFocus=undefined;this.focusTimeout=undefined;this.updateFocus=()=>{clearTimeout(this.focusTimeout);if(this.toFocus){if(this.toFocus.tabIndex===-1||window.getComputedStyle(this.toFocus).visibility==="hidden"){this.focusTimeout=setTimeout(this.updateFocus,10);return}this.toFocus.focus();this.toFocus=undefined}};this.toggleCollapsedState=()=>{this.collapsed=!this.collapsed};this.activeSubnavContainsIconsOrHasBack=()=>{const i=Array.from(this.el.children);const t=i.some((i=>i.tagName==="LD-SIDENAV-BACK"));const s=i.some((i=>i.tagName==="LD-SIDENAV-NAVITEM"&&!["secondary","tertiary"].includes(i.mode)));if(t||s){return true}const a=this.el.querySelector("ld-sidenav-slider");const e=a.currentSubnav?this.el.querySelector(`#${a.currentSubnav}`):a;const n=Array.from(e.children).filter((i=>i.tagName==="LD-SIDENAV-NAVITEM"&&i.mode==="primary"));const d=Array.from(e.querySelectorAll('ld-sidenav-accordion > ld-sidenav-navitem[slot="toggle"]')).filter((i=>i.mode==="primary"));const l=n.length+d.length;return!!l};this.isToggleOutside=i=>(i===null||i===void 0?void 0:i.tagName)==="LD-SIDENAV-TOGGLE-OUTSIDE";this.onTransitionEnd=i=>{if(i.target===this.el){this.transitions=true;if(this.fullyCollapsible){if(!this.collapsed){const i=d(this.el);i.focus()}else if(document.activeElement.closest("ld-sidenav")===this.el){const i=this.el.previousElementSibling;if(this.isToggleOutside(i)){i.focusInner()}}}}};this.onMatchMediaChange=i=>{this.closable=i.matches;this.transitions=false;if(this.closable&&this.collapsible)this.collapsed=true;this.ldSidenavBreakpointChange.emit(this.closable)};this.align="left";this.breakpoint="23.4375rem";this.collapsed=false;this.collapseTrigger="toggle";this.collapsible=false;this.expandTrigger="toggle";this.label="Side navigation";this.narrow=false;this.open=false;this.toggleTransitionDisabled=false;this.trapFocus=undefined;this.closable=undefined;this.fullyCollapsible=false;this.hasActiveSubnav=false;this.hasShadowBottom=false;this.hasShadowTop=false;this.transitions=false}async toggle(){if(this.closable){this.open=!this.open}else{this.toggleCollapsedState()}}onCollapsedChange(i){this.ldSidenavCollapsedChange.emit({collapsed:i,fully:this.fullyCollapsible});if(i){this.open=false}}onOpenChange(i){this.ldSidenavOpenChange.emit(i);if(!i&&this.collapsible){this.collapsed=true}}updateFullyCollapsible(){var i;this.fullyCollapsible=this.collapsible&&(!this.narrow||!this.activeSubnavContainsIconsOrHasBack());if(!this.collapsible)this.collapsed=false;(i=this.el.querySelector("ld-sidenav-header"))===null||i===void 0?void 0:i.updateCollapsible()}handleClickOutside(i){if(i.isTrusted&&["clickoutside","mouseout"].includes(this.collapseTrigger)&&l("ld-sidenav",i.target)!==this.el){this.collapsed=this.collapsible}}handleMouseOut(i){if(this.collapseTrigger==="mouseout"&&i.relatedTarget&&i.relatedTarget.closest("ld-sidenav")!==this.el){this.collapsed=this.collapsible}}handleMouseIn(){if(this.fullyCollapsible||this.expandTrigger==="mouseenter"){this.collapsed=false}}handleOpen(){this.open=true}handleClose(){clearTimeout(this.focusTimeout);this.open=false}handleSlideBack(){var i;clearTimeout(this.focusTimeout);const t=Array.from(this.el.querySelectorAll(".ld-sidenav-subnav--active")).pop();const s=t===null||t===void 0?void 0:t.id;const a=t===null||t===void 0?void 0:t.parentElement;this.el.querySelector("ld-sidenav-slider").navigateBack();this.toFocus=(i=a===null||a===void 0?void 0:a.querySelector(`[to='${s}']`))===null||i===void 0?void 0:i.shadowRoot.querySelector('[part*="focusable"]');this.collapsed=false}slideToHandler(){var i;clearTimeout(this.focusTimeout);const t=(i=this.el.querySelector("ld-sidenav-back"))===null||i===void 0?void 0:i.shadowRoot.querySelector(".ld-sidenav-back");this.toFocus=t;this.updateFocus()}slideChangeHandler(i){var t,s;clearTimeout(this.focusTimeout);(t=this.el.querySelector("ld-sidenav-back"))===null||t===void 0?void 0:t.updateLabel((s=i.detail)===null||s===void 0?void 0:s.label);this.hasActiveSubnav=!!i.detail;this.updateFullyCollapsible();this.updateFocus()}handleKeyDown(i){const t=document.activeElement.closest("ld-sidenav")===this.el;if(t&&i.key==="Tab"&&!i.shiftKey&&document.activeElement===this.el.querySelector("ld-sidenav-back")){const{currentSubnav:i}=this.el.querySelector("ld-sidenav-slider");if(i){const t=d(this.el.querySelector(`#${i}`));setTimeout((async()=>{if("focusInner"in t){await t.focusInner()}else{t.focus()}}))}}if(!t&&!this.closable){return}const s=this.el.querySelector("ld-sidenav-slider");if(i.key==="Escape"){if(!s&&this.closable){this.open=false;return}if(this.hasActiveSubnav){this.handleSlideBack()}else if(this.closable){this.open=false}}}async handleFocusout(i){const t=i.relatedTarget;const s=l("ld-sidenav",t)===this.el;if(!s&&t!==null){if(this.collapseTrigger==="mouseout"){this.collapsed=this.collapsible}}if(this.expandTrigger==="mouseenter"&&s){this.collapsed=false}if(!this.closable||!this.open)return;if(this.trapFocus===undefined)return;if(s)return;const a=this.trapFocus!==""&&(!t||(t===null||t===void 0?void 0:t.matches(this.trapFocus)));if(a)return;const e=i.target;const n=e.closest("ld-sidenav")===this.el;const o=this.trapFocus!==""&&!!e.closest(this.trapFocus);if(!n&&!o)return;const r=d(this.el);const v=this.trapFocus===""?[r]:Array.from(document.querySelectorAll(this.trapFocus));const h=v.find(d);const c=r===e;const p=h===e;const u=Array.from(this.el.querySelectorAll("*")).reverse().find(d);const f=v.reverse().find(d);const g=n?c?f:h:p?u:r;if(!g)return;if("focusInner"in g){await g.focusInner()}else{g===null||g===void 0?void 0:g.focus()}}handleHeaderToggleClick(){this.toggle()}componentWillLoad(){this.mediaQuery=window.matchMedia(`(max-width: ${this.breakpoint})`);this.mediaQuery.addEventListener("change",this.onMatchMediaChange);this.closable=this.mediaQuery.matches;this.updateFullyCollapsible()}componentDidLoad(){this.ldSidenavCollapsedChange.emit({collapsed:this.collapsible&&this.collapsed,fully:this.fullyCollapsible});this.ldSidenavOpenChange.emit(this.open);this.ldSidenavBreakpointChange.emit(this.closable);setTimeout((()=>{this.transitions=true}))}disconnectedCallback(){var i;(i=this.mediaQuery)===null||i===void 0?void 0:i.removeEventListener("change",this.onMatchMediaChange)}render(){const i=["ld-sidenav",this.align==="right"&&"ld-sidenav--right",this.transitions&&"ld-sidenav--transitions",this.closable&&"ld-sidenav--closable",this.collapsible&&this.collapsed&&"ld-sidenav--collapsed",this.collapsible&&"ld-sidenav--collapsible",this.fullyCollapsible&&"ld-sidenav--fully-collapsible",this.hasActiveSubnav&&"ld-sidenav--has-active-subnav",this.hasShadowTop&&"ld-sidenav--has-shadow-top",this.hasShadowBottom&&"ld-sidenav--has-shadow-bottom",this.open&&"ld-sidenav--open",this.toggleTransitionDisabled&&"ld-sidenav--toggle-transition-disabled"];return s(a,{onTransitionEnd:this.onTransitionEnd,class:n(i),role:"navigation","aria-label":this.label},s("slot",{name:"header"}),s("div",{class:"ld-sidenav__content"},s("div",{class:"ld-sidenav__slot-container-top",part:"slot-container-top"},s("slot",{name:"top"})),s("ld-sidenav-scroller-internal",{class:"ld-sidenav__scroller",part:"scroll-container"},s("div",{class:"ld-sidenav__slot-container-default",part:"slot-container"},s("slot",null))),s("div",{class:"ld-sidenav__slot-container-bottom",part:"slot-container-bottom"},s("slot",{name:"bottom"}))),s("div",{onClick:this.toggle.bind(this),class:"ld-sidenav__fully-collapsed-click-area"}))}get el(){return e(this)}static get watchers(){return{collapsed:["onCollapsedChange"],open:["onOpenChange"],collapsible:["updateFullyCollapsible"],narrow:["updateFullyCollapsible"]}}};r.style=o;export{r as ld_sidenav};
-//# sourceMappingURL=p-1ff9802e.entry.js.map
\ No newline at end of file
diff --git a/1704966176737/dist/build/p-1ff9802e.entry.js.map b/1704966176737/dist/build/p-1ff9802e.entry.js.map
deleted file mode 100644
index 570e6581c2..0000000000
--- a/1704966176737/dist/build/p-1ff9802e.entry.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"names":["ldSidenavShadowCss","LdSidenav","this","toFocus","undefined","focusTimeout","updateFocus","clearTimeout","tabIndex","window","getComputedStyle","visibility","setTimeout","focus","toggleCollapsedState","collapsed","activeSubnavContainsIconsOrHasBack","children","Array","from","el","hasBack","some","child","tagName","hasPrimaryChild","includes","mode","slider","querySelector","activeSubnav","currentSubnav","navitemsModePrimaryChildren","filter","navitemsModePrimaryInAccordion","querySelectorAll","totalNavitemsModePrimary","length","isToggleOutside","element","onTransitionEnd","ev","target","transitions","fullyCollapsible","firstFocusableInSidenav","getFirstFocusable","document","activeElement","closest","previousElementSibling","focusInner","onMatchMediaChange","closable","matches","collapsible","ldSidenavBreakpointChange","emit","toggle","open","onCollapsedChange","ldSidenavCollapsedChange","fully","onOpenChange","ldSidenavOpenChange","updateFullyCollapsible","narrow","_a","updateCollapsible","handleClickOutside","isTrusted","collapseTrigger","handleMouseOut","relatedTarget","handleMouseIn","expandTrigger","handleOpen","handleClose","handleSlideBack","pop","currentSubnavId","id","parentSubnav","parentElement","navigateBack","shadowRoot","slideToHandler","ldSidenavBack","slideChangeHandler","updateLabel","_b","detail","label","hasActiveSubnav","handleKeyDown","hasSidenavFocus","key","shiftKey","firstItemOfCurrentSubnav","async","handleFocusout","isFocusInSidenav","trapFocus","isFocusInKeepFocusable","isLeavingSidenav","isLeavingFocusSelectorElement","trapFocusSelectorElements","firstFocusableFromSelectorElements","find","isLeavingFirstFocusableInSidenav","isLeavingFirstFocusableFromSelectorElements","lastFocusableInSidenav","reverse","lastFocusableFromSelectorElements","nextFocused","handleHeaderToggleClick","componentWillLoad","mediaQuery","matchMedia","breakpoint","addEventListener","componentDidLoad","disconnectedCallback","removeEventListener","render","cl","align","hasShadowTop","hasShadowBottom","toggleTransitionDisabled","h","Host","class","getClassNames","role","name","part","onClick","bind"],"sources":["../src/liquid/components/ld-sidenav/ld-sidenav.shadow.css?tag=ld-sidenav&encapsulation=shadow","../src/liquid/components/ld-sidenav/ld-sidenav.tsx"],"sourcesContent":[":host {\n /* layout */\n --ld-sidenav-line-height: 1.15;\n --ld-sidenav-padding-x: 1rem;\n --ld-sidenav-padding-y: 1rem;\n --ld-sidenav-padding: var(--ld-sidenav-padding-y) var(--ld-sidenav-padding-x);\n --ld-sidenav-toggle-size: var(--ld-sp-24);\n --ld-sidenav-toggle-top: calc(\n 2 * var(--ld-sidenav-padding-y) + var(--ld-sidenav-navitem-icon-size) - 0.5 *\n var(--ld-sidenav-toggle-size)\n );\n --ld-sidenav-translate-x-delta: calc(\n var(--ld-sidenav-width) - var(--ld-sidenav-width-collapsed)\n );\n --ld-sidenav-width: 15.625rem;\n --ld-sidenav-width-collapsed: calc(\n 2 * var(--ld-sidenav-padding-x) + var(--ld-sidenav-navitem-icon-size)\n );\n --ld-sidenav-width-fully-collapsed: calc(-1 * var(--ld-sp-1));\n\n /* layout ld-navitem */\n --ld-sidenav-navitem-active-indicator-border-width: 0.1875rem;\n --ld-sidenav-navitem-icon-size: var(--ld-sp-32);\n --ld-sidenav-navitem-bg-inset: var(--ld-sp-6);\n --ld-sidenav-navitem-border-radius: var(--ld-br-l);\n --ld-sidenav-navitem-tertiary-indent: calc(\n 3 * var(--ld-sidenav-padding-x) + 0.3125rem\n );\n --ld-sidenav-navitem-tertiary-width: calc(\n 100% - (4 * var(--ld-sidenav-padding-x)) - 0.3125rem\n );\n\n /* transitions */\n --ld-sidenav-collapse-content-transition: opacity\n var(--ld-sidenav-transition-duration-collapse-expand)\n var(--ld-sidenav-transition-delay-collapse-expand) linear,\n transform var(--ld-sidenav-transition-duration-collapse-expand) ease;\n --ld-sidenav-transition-delay: 0s;\n --ld-sidenav-transition-delay-collapse-expand: 0s;\n /* Not using 0s here because we rely on the transition end event. */\n --ld-sidenav-transition-duration: var(--ld-transition-duration-instant);\n --ld-sidenav-transition-duration-collapse-expand: var(\n --ld-transition-duration-instant\n );\n --ld-sidenav-translate-x-direction: 1;\n --ld-sidenav-stack-to-top-transition: transform\n var(--ld-sidenav-transition-duration-collapse-expand)\n var(--ld-sidenav-transition-delay-collapse-expand) ease;\n\n /* colors */\n --ld-sidenav-bg-color: var(--ld-col-wht);\n --ld-sidenav-separator-line-bg-col: var(--ld-col-neutral-100);\n --ld-sidenav-subnav-bg-color: var(--ld-col-wht);\n\n &(.ld-sidenav--transitions) {\n @media (prefers-reduced-motion: no-preference) {\n --ld-sidenav-transition-duration: var(--ld-transition-duration-normal);\n --ld-sidenav-transition-duration-collapse-expand: var(\n --ld-transition-duration-normal\n );\n --ld-sidenav-transition-delay: var(--ld-transition-duration-quick);\n --ld-sidenav-transition-delay-collapse-expand: var(\n --ld-transition-duration-quick\n );\n }\n }\n\n &(.ld-sidenav--toggle-transition-disabled) {\n @media (prefers-reduced-motion: no-preference) {\n --ld-sidenav-transition-duration-collapse-expand: var(\n --ld-transition-duration-instant\n );\n --ld-sidenav-transition-delay-collapse-expand: 0s;\n }\n }\n\n background-color: var(--ld-sidenav-bg-color);\n bottom: 0;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n font: var(--ld-typo-body-m);\n left: 0;\n overflow: hidden;\n position: var(--ld-sidenav-position, fixed);\n text-align: left;\n transition: transform var(--ld-sidenav-transition-duration-collapse-expand)\n ease;\n top: 0;\n width: var(--ld-sidenav-width);\n\n /* Create a stacking context with a default z-index greater zero,\n so that elements with a stacking context of their own don't overlap. */\n z-index: var(--ld-sidenav-z-index, 1);\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: var(--ld-sp-2);\n background-color: var(--ld-sidenav-separator-line-bg-col);\n z-index: 2;\n }\n\n .ld-sidenav__content {\n transition: opacity var(--ld-sidenav-transition-duration-collapse-expand)\n linear;\n }\n\n &(.ld-sidenav--closable:not(.ld-sidenav--open)) {\n .ld-sidenav__content {\n transition: opacity var(--ld-sidenav-transition-duration-collapse-expand)\n linear,\n visibility 0s var(--ld-sidenav-transition-duration-collapse-expand)\n linear;\n visibility: hidden;\n }\n }\n\n &(.ld-sidenav--collapsed:not(.ld-sidenav--closable)) {\n transform: translateX(\n calc(\n var(--ld-sidenav-translate-x-direction) *\n (-100% + var(--ld-sidenav-width-collapsed))\n )\n );\n }\n\n &(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(.ld-sidenav--closable)) {\n transform: translateX(\n calc(\n var(--ld-sidenav-translate-x-direction) *\n (-100% + var(--ld-sidenav-width-fully-collapsed))\n )\n );\n\n .ld-sidenav__content {\n opacity: 0;\n visibility: hidden;\n }\n }\n\n &(.ld-sidenav--collapsed.ld-sidenav--fully-collapsible.ld-sidenav--transitions:not(.ld-sidenav--closable)) {\n .ld-sidenav__content {\n transition: opacity var(--ld-sidenav-transition-duration-collapse-expand)\n linear,\n visibility 0s var(--ld-sidenav-transition-duration-collapse-expand)\n linear;\n }\n }\n\n &(.ld-sidenav--right) {\n --ld-sidenav-translate-x-direction: -1;\n --ld-sidenav-translate-x-delta: 0;\n left: unset;\n right: 0;\n\n &::before {\n right: unset;\n left: 0;\n transform: translateX(-50%) scaleX(1.5);\n }\n }\n\n &(.ld-sidenav--closable) {\n --ld-sidenav-collapse-content-transition: none;\n --ld-sidenav-stack-to-top-transition: none;\n --ld-sidenav-navitem-move-up-closable: 0;\n --ld-sidenav-translate-x-delta: 0;\n width: 100%;\n transform: translateX(\n calc(var(--ld-sidenav-translate-x-direction) * -100%)\n );\n }\n\n &(.ld-sidenav--closable.ld-sidenav--open) {\n transform: translateX(0);\n }\n\n ::slotted(ld-sidenav-navitem) {\n margin-bottom: var(--ld-sidenav-padding-y);\n }\n\n ::slotted(ld-sidenav-navitem[slot='top']),\n ::slotted(ld-sidenav-navitem[slot='bottom']) {\n margin-top: var(--ld-sidenav-padding-y);\n }\n\n ::slotted(ld-sidenav-heading) {\n margin: var(--ld-sidenav-padding-y) 0;\n }\n}\n\n.ld-sidenav__toggle {\n aspect-ratio: 1;\n background-color: var(--ld-col-wht);\n border: 0;\n border-radius: var(--ld-br-full);\n box-shadow: var(--ld-shadow-stacked);\n color: var(--ld-thm-primary);\n cursor: pointer;\n display: grid;\n outline-offset: var(--ld-sp-4);\n place-content: center;\n position: absolute;\n right: 0;\n top: var(--ld-sidenav-toggle-top);\n touch-action: manipulation;\n transform: translateX(50%);\n width: var(--ld-sidenav-toggle-size);\n will-change: transform; /* fixes rendering issue */\n z-index: 1;\n -webkit-touch-callout: none;\n\n /* background color */\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n display: block;\n border-radius: inherit;\n }\n\n /* increase click area */\n &::after {\n content: '';\n position: absolute;\n inset: calc(-1 * var(--ld-sp-6));\n display: block;\n border-radius: inherit;\n }\n\n &:hover,\n &:focus:focus-visible {\n &:not(:active) {\n box-shadow: var(--ld-shadow-sticky);\n }\n }\n\n &:where(:focus:focus-visible) {\n color: var(--ld-thm-primary-hover);\n\n &::before {\n background-color: var(--ld-thm-primary-alpha-low);\n }\n }\n @media (hover: hover) {\n &:where(:hover) {\n color: var(--ld-thm-primary-hover);\n }\n }\n &:where(:active),\n &:where(:active:focus-visible) {\n color: var(--ld-thm-primary-active);\n }\n\n :host(.ld-sidenav--right) & {\n transform: translateX(-50%);\n right: unset;\n left: 0;\n }\n}\n\n.ld-sidenav__toggle-icon {\n transform-origin: center;\n position: relative;\n\n :host(.ld-sidenav--collapsed) & {\n transform: rotate(180deg);\n }\n\n :host(.ld-sidenav--right) & {\n transform: rotate(180deg);\n }\n :host(.ld-sidenav--right.ld-sidenav--collapsed) & {\n transform: none;\n }\n}\n\n.ld-sidenav__content {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden;\n will-change: transform; /* fixes overflow not working on slide transition */\n}\n\n.ld-sidenav__slot-container-default {\n height: 100%;\n position: relative;\n}\n\n.ld-sidenav__slot-container-top,\n.ld-sidenav__slot-container-bottom {\n background-color: var(--ld-sidenav-bg-color);\n z-index: 1;\n position: relative;\n}\n\n.ld-sidenav__slot-container-top,\n.ld-sidenav__slot-container-default,\n.ld-sidenav__slot-container-bottom {\n &::before {\n visibility: visible;\n z-index: 0;\n opacity: 0;\n content: '';\n position: absolute;\n inset: 0;\n background-color: var(--ld-sidenav-subnav-bg-color);\n transition: opacity var(--ld-sidenav-transition-duration-collapse-expand)\n linear;\n }\n\n :host(.ld-sidenav--has-active-subnav) & {\n &::before {\n opacity: 1;\n }\n }\n}\n\n.ld-sidenav__fully-collapsed-click-area {\n display: none;\n inset: 0;\n position: absolute;\n z-index: 1;\n\n :host(\n .ld-sidenav--collapsed.ld-sidenav--fully-collapsible:not(\n .ld-sidenav--closable\n )\n )\n & {\n display: block;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { getFirstFocusable } from '../../utils/focus'\nimport { closest } from '../../utils/closest'\n\n/**\n * @slot - default slot, vertically scrollable.\n * @slot top - slot fixed at the top, above scrollable default slot.\n * @slot bottom - slot fixed at the bottom, below scrollable default slot.\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n */\n@Component({\n tag: 'ld-sidenav',\n styleUrl: 'ld-sidenav.shadow.css',\n shadow: true,\n})\nexport class LdSidenav {\n @Element() el: HTMLLdSidenavElement\n private mediaQuery: MediaQueryList\n\n /** Whether the nav should be aligned to the left or the right side of its container. */\n @Prop() align?: 'left' | 'right' = 'left'\n\n /**\n * The breakpoint at which the sidenav takes full width and can be\n * opened and closed as opposed to being expanded and collapsed.\n * The prop value is used in a max-width media query.\n */\n @Prop() breakpoint? = '23.4375rem'\n\n /** Indicates that the navigation is collapsed to the side of its container. */\n @Prop({ mutable: true }) collapsed? = false\n\n /**\n * Makes the navigation collapse either on\n * - explicit toggle button click,\n * - when the user clicks somewhere outside the element or\n * - when the user moves the cursor / focus outside the element.\n * The modes are inclusive from right to left:\n * - clickoutside applies if the collapse trigger is set to mouseout\n * - toggle applies if the collapse trigger is set to clickoutside\n */\n @Prop() collapseTrigger?: 'toggle' | 'clickoutside' | 'mouseout' = 'toggle'\n\n /**\n * Allows the side navigation to be collapsed to the side of its container.\n */\n @Prop() collapsible? = false\n\n /**\n * Makes the navigation expand either on\n * - explicit toggle button click,\n * - when the user moves the cursor over the element.\n * The modes are inclusive from right to left:\n * - toggle applies if the expand trigger is set to mouseenter\n */\n @Prop() expandTrigger?: 'toggle' | 'mouseenter' = 'toggle'\n\n /** Label to be used for the landmark element (the sidenav itself). */\n @Prop() label? = 'Side navigation'\n\n /**\n * Set to true if you'd like to have a sidenav which partially\n * collapses in way, that slotted ld-navitem components are displayed\n * as icon buttons.\n */\n @Prop() narrow? = false\n\n /**\n * Indicates that the navigation is visible in a viewport\n * which is smaller than the value of the `breakpoint` prop.\n */\n @Prop({ mutable: true }) open? = false\n\n /**\n * Disables transitions on collapsing and expansion of the sidenav.\n * This is especially usefull when the page content gets pushed to\n * the side on sidenav expansion, and you want to prevent too many\n * layout shifts during the transition.\n */\n @Prop() toggleTransitionDisabled? = false\n\n /**\n * Enables focus trapping. Accespts a CSS selector which indicates\n * what is still focusable outside the sidenav, when the sidenav is\n * closable and open (i.e. \"ld-header *\"). Use an empty string to\n * enable focus trapping without specifying focusable elements\n * outside the sidenav component.\n */\n @Prop() trapFocus?: string // The focus trap feature is\n // disabled by default in order to not violate WCAG 2.1.2 (see\n // https://www.w3.org/WAI/WCAG21/Understanding/no-keyboard-trap.html).\n // It needs to be enabled explicitly, making sure that all visible\n // UI elements are still focusable when the sidenav is opened.\n\n @State() closable\n @State() fullyCollapsible = false\n @State() hasActiveSubnav = false\n @State() hasShadowBottom = false\n @State() hasShadowTop = false\n @State() transitions = false\n\n /**\n * Toggles sidenav.\n */\n @Method()\n async toggle() {\n if (this.closable) {\n this.open = !this.open\n } else {\n this.toggleCollapsedState()\n }\n }\n\n /** Emitted when the sidenav collapses or expands. */\n @Event() ldSidenavCollapsedChange: EventEmitter<{\n collapsed: boolean\n fully: boolean\n }>\n\n /** Emitted when the sidenav opens or closes. */\n @Event() ldSidenavOpenChange: EventEmitter\n\n /** Emitted when the sidenav registers a match media change event. */\n @Event() ldSidenavBreakpointChange: EventEmitter\n\n // The following event is not used within the ld-sidenav component itself.\n // Its only purpose is to create a type definition on the ld-sidenav component,\n // in order to be able to add an inline listener in TSX, for listening\n // on the event bubling up from ld-sidenav-back components.\n /** Emitted on click of the ld-sidenav-back component. */\n @Event() ldSidenavBack: EventEmitter\n\n // The following event is not used within the ld-sidenav component itself.\n // Its only purpose is to create a type definition on the ld-sidenav component,\n // in order to be able to add an inline listener in TSX, for listening\n // on the event bubling up from ld-sidenav-navitem components.\n /** Emitted on click of the ld-sidenav-navitem component if prop to is set. */\n @Event() ldSidenavNavitemTo: EventEmitter<{ id: string; label: string }>\n\n // The following event is not used within the ld-sidenav component itself.\n // Its only purpose is to create a type definition on the ld-sidenav component,\n // in order to be able to add an inline listener in TSX, for listening\n // on the event bubling up from ld-sidenav-navitem components.\n /** Emitted on click of the ld-sidenav-navitem component. */\n @Event() ldSidenavNavitemClick: EventEmitter\n\n // The following event is not used within the ld-sidenav component itself.\n // Its only purpose is to create a type definition on the ld-sidenav component,\n // in order to be able to add an inline listener in TSX, for listening\n // on the event bubling up from ld-sidenav-slider components.\n /** Emitted on navigation (before transition ends) of the ld-sidenav-slider component. */\n @Event() ldSidenavSliderChange: EventEmitter<\n { id: string; label: string } | undefined\n >\n\n @Watch('collapsed')\n onCollapsedChange(collapsed) {\n // The ldSidenavCollapsedChange event needs to be emitted even if the\n // sidenav is currently not collapsible (when it is closable), because\n // on breakpoint change its subcomponents need to be rendered according\n // to the new state and thus need to update their state using the event.\n this.ldSidenavCollapsedChange.emit({\n collapsed,\n fully: this.fullyCollapsible,\n })\n\n if (collapsed) {\n this.open = false\n }\n }\n\n @Watch('open')\n onOpenChange(open) {\n this.ldSidenavOpenChange.emit(open)\n\n if (!open && this.collapsible) {\n this.collapsed = true\n }\n }\n\n @Watch('collapsible')\n @Watch('narrow')\n updateFullyCollapsible() {\n this.fullyCollapsible =\n this.collapsible &&\n (!this.narrow || !this.activeSubnavContainsIconsOrHasBack())\n if (!this.collapsible) this.collapsed = false\n this.el.querySelector('ld-sidenav-header')?.updateCollapsible()\n }\n\n @Listen('click', {\n target: 'window',\n })\n handleClickOutside(ev: MouseEvent) {\n if (\n ev.isTrusted &&\n ['clickoutside', 'mouseout'].includes(this.collapseTrigger) &&\n closest('ld-sidenav', ev.target as HTMLElement) !== this.el\n ) {\n this.collapsed = this.collapsible\n }\n }\n\n @Listen('mouseout')\n handleMouseOut(ev: MouseEvent) {\n if (\n this.collapseTrigger === 'mouseout' &&\n ev.relatedTarget &&\n (ev.relatedTarget as HTMLElement).closest('ld-sidenav') !== this.el\n ) {\n this.collapsed = this.collapsible\n }\n }\n\n @Listen('mouseenter')\n handleMouseIn() {\n if (this.fullyCollapsible || this.expandTrigger === 'mouseenter') {\n this.collapsed = false\n }\n }\n\n @Listen('ldSidenavOpen')\n handleOpen() {\n this.open = true\n }\n\n @Listen('ldSidenavClose')\n handleClose() {\n clearTimeout(this.focusTimeout)\n this.open = false\n }\n\n @Listen('ldSidenavBack')\n handleSlideBack() {\n clearTimeout(this.focusTimeout)\n const currentSubnav = Array.from(\n this.el.querySelectorAll('.ld-sidenav-subnav--active')\n ).pop()\n const currentSubnavId = currentSubnav?.id\n const parentSubnav = currentSubnav?.parentElement\n this.el.querySelector('ld-sidenav-slider').navigateBack()\n\n // Set focus on parent nav-item element as soon as back button looses focus.\n this.toFocus = parentSubnav\n ?.querySelector(`[to='${currentSubnavId}']`)\n ?.shadowRoot.querySelector(\n '[part*=\"focusable\"]'\n )\n\n // Always expand side navigation on back button click.\n this.collapsed = false\n }\n\n @Listen('ldSidenavNavitemTo')\n slideToHandler() {\n clearTimeout(this.focusTimeout)\n // set focus on back button\n const ldSidenavBack = this.el\n .querySelector('ld-sidenav-back')\n ?.shadowRoot.querySelector('.ld-sidenav-back')\n this.toFocus = ldSidenavBack\n this.updateFocus()\n }\n\n @Listen('ldSidenavSliderChange')\n slideChangeHandler(\n ev: CustomEvent<{ id: string; label: string } | undefined>\n ) {\n clearTimeout(this.focusTimeout)\n this.el.querySelector('ld-sidenav-back')?.updateLabel(ev.detail?.label)\n\n this.hasActiveSubnav = !!ev.detail\n\n this.updateFullyCollapsible()\n this.updateFocus()\n }\n\n @Listen('keydown', { passive: true, target: 'window' })\n handleKeyDown(ev: KeyboardEvent) {\n // Ignore events if sidenav has no focus and is not closable.\n const hasSidenavFocus =\n document.activeElement.closest('ld-sidenav') === this.el\n\n if (\n hasSidenavFocus &&\n ev.key === 'Tab' &&\n !ev.shiftKey &&\n document.activeElement === this.el.querySelector('ld-sidenav-back')\n ) {\n // This block prevents the focus from being set to the wrong element,\n // when a user quickly hits the [Tab] key after triggering the\n // transition to a subnav.\n const { currentSubnav } = this.el.querySelector('ld-sidenav-slider')\n\n if (currentSubnav) {\n const firstItemOfCurrentSubnav = getFirstFocusable(\n this.el.querySelector(`#${currentSubnav}`)\n )\n\n setTimeout(async () => {\n if ('focusInner' in firstItemOfCurrentSubnav) {\n await (\n firstItemOfCurrentSubnav as unknown as InnerFocusable\n ).focusInner()\n } else {\n firstItemOfCurrentSubnav.focus()\n }\n })\n }\n }\n\n if (!hasSidenavFocus && !this.closable) {\n return\n }\n\n const slider = this.el.querySelector('ld-sidenav-slider')\n\n if (ev.key === 'Escape') {\n if (!slider && this.closable) {\n this.open = false\n return\n }\n\n if (this.hasActiveSubnav) {\n this.handleSlideBack()\n } else if (this.closable) {\n this.open = false\n }\n }\n }\n\n @Listen('focusout', { passive: true, target: 'window' })\n async handleFocusout(ev: FocusEvent) {\n const relatedTarget = ev.relatedTarget as HTMLElement | undefined\n const isFocusInSidenav = closest('ld-sidenav', relatedTarget) === this.el\n\n // If focus is outside the sidenav and the collapse trigger is set\n // to 'mouseout', collapse the sidenav.\n if (!isFocusInSidenav && relatedTarget !== null) {\n if (this.collapseTrigger === 'mouseout') {\n this.collapsed = this.collapsible\n }\n }\n\n // If focus is inside the sidenav expand the sidenav.\n if (this.expandTrigger === 'mouseenter' && isFocusInSidenav) {\n this.collapsed = false\n }\n\n // If the sidenav is closable, trap the focus.\n // Do not trap the focus as long as the sidenav is not closable or not open.\n if (!this.closable || !this.open) return\n\n // Do not trap the focus if the trap focus prop is not set.\n if (this.trapFocus === undefined) return\n\n // Do not trap the focus as long as the focus remains within the sidenav.\n if (isFocusInSidenav) return\n\n // Do not trap the focus when it moves to an element which matches\n // the trap focus selector or no element will be focused.\n const isFocusInKeepFocusable =\n this.trapFocus !== '' &&\n (!relatedTarget || relatedTarget?.matches(this.trapFocus))\n if (isFocusInKeepFocusable) return\n\n // Loop the focus between the ld-sidenav and the elements matching\n // the trap focus selector.\n const target = ev.target as HTMLElement\n const isLeavingSidenav = target.closest('ld-sidenav') === this.el\n const isLeavingFocusSelectorElement =\n this.trapFocus !== '' && !!target.closest(this.trapFocus)\n\n if (!isLeavingSidenav && !isLeavingFocusSelectorElement) return\n\n const firstFocusableInSidenav = getFirstFocusable(this.el)\n const trapFocusSelectorElements =\n this.trapFocus === ''\n ? [firstFocusableInSidenav]\n : Array.from(document.querySelectorAll(this.trapFocus))\n const firstFocusableFromSelectorElements =\n trapFocusSelectorElements.find(getFirstFocusable)\n const isLeavingFirstFocusableInSidenav = firstFocusableInSidenav === target\n const isLeavingFirstFocusableFromSelectorElements =\n firstFocusableFromSelectorElements === target\n const lastFocusableInSidenav = Array.from(\n this.el.querySelectorAll('*')\n )\n .reverse()\n .find(getFirstFocusable)\n const lastFocusableFromSelectorElements = trapFocusSelectorElements\n .reverse()\n .find(getFirstFocusable)\n const nextFocused = isLeavingSidenav\n ? isLeavingFirstFocusableInSidenav\n ? lastFocusableFromSelectorElements\n : firstFocusableFromSelectorElements\n : isLeavingFirstFocusableFromSelectorElements\n ? lastFocusableInSidenav\n : firstFocusableInSidenav\n\n if (!nextFocused) return\n\n if ('focusInner' in nextFocused) {\n await (nextFocused as unknown as InnerFocusable).focusInner()\n } else {\n nextFocused?.focus()\n }\n }\n\n @Listen('ldSidenavHeaderToggleClick')\n handleHeaderToggleClick() {\n this.toggle()\n }\n\n private toFocus: HTMLElement = undefined\n private focusTimeout = undefined\n private updateFocus = () => {\n // HACK: Using recursive call with timeout to account for fast user interactions during transitions.\n clearTimeout(this.focusTimeout)\n if (this.toFocus) {\n if (\n this.toFocus.tabIndex === -1 ||\n window.getComputedStyle(this.toFocus).visibility === 'hidden'\n ) {\n this.focusTimeout = setTimeout(this.updateFocus, 10)\n return\n }\n this.toFocus.focus()\n this.toFocus = undefined\n }\n }\n\n private toggleCollapsedState = () => {\n this.collapsed = !this.collapsed\n }\n\n private activeSubnavContainsIconsOrHasBack = () => {\n // Return true if we have a back button or a nav items as a direct child.\n const children = Array.from(this.el.children)\n const hasBack = children.some(\n (child) => child.tagName === 'LD-SIDENAV-BACK'\n )\n const hasPrimaryChild = children.some(\n (child) =>\n child.tagName === 'LD-SIDENAV-NAVITEM' &&\n !['secondary', 'tertiary'].includes(\n (child as HTMLLdSidenavNavitemElement).mode\n )\n )\n if (hasBack || hasPrimaryChild) {\n return true\n }\n\n // Otherwise, check if the current subnav contains a nav item.\n const slider = this.el.querySelector('ld-sidenav-slider')\n const activeSubnav = slider.currentSubnav\n ? this.el.querySelector(`#${slider.currentSubnav}`)\n : slider\n const navitemsModePrimaryChildren = Array.from(\n activeSubnav.children\n ).filter(\n (child) =>\n child.tagName === 'LD-SIDENAV-NAVITEM' &&\n (child as HTMLLdSidenavNavitemElement).mode === 'primary'\n )\n const navitemsModePrimaryInAccordion = Array.from(\n activeSubnav.querySelectorAll(\n 'ld-sidenav-accordion > ld-sidenav-navitem[slot=\"toggle\"]'\n )\n ).filter(\n (child: HTMLLdSidenavNavitemElement) =>\n (child as HTMLLdSidenavNavitemElement).mode === 'primary'\n )\n const totalNavitemsModePrimary =\n navitemsModePrimaryChildren.length + navitemsModePrimaryInAccordion.length\n return !!totalNavitemsModePrimary\n }\n\n private isToggleOutside = (\n element?: Element\n ): element is HTMLLdSidenavToggleOutsideElement =>\n element?.tagName === 'LD-SIDENAV-TOGGLE-OUTSIDE'\n\n private onTransitionEnd = (ev: TransitionEvent) => {\n if (ev.target === this.el) {\n this.transitions = true\n\n // If the sidenav was fully collapsed and is being expanded, set the focus\n // on the first focusable element. If it is being collapsed and has focus inside,\n // set the focus on the toggle outside if it is there.\n if (this.fullyCollapsible) {\n if (!this.collapsed) {\n const firstFocusableInSidenav = getFirstFocusable(this.el)\n firstFocusableInSidenav.focus()\n } else if (document.activeElement.closest('ld-sidenav') === this.el) {\n const previousElementSibling = this.el.previousElementSibling\n if (this.isToggleOutside(previousElementSibling)) {\n previousElementSibling.focusInner()\n }\n }\n }\n }\n }\n\n private onMatchMediaChange = (ev: MediaQueryListEvent) => {\n this.closable = ev.matches\n\n // Remove transitions class on breakpoint change in order to prevent\n // weird looking transitions on screen resize or orientation change events.\n // Add it back on transition end / after style changes have been applied.\n this.transitions = false\n\n // When there is less space available than before the breakpoint change,\n // collapse the side nav if it is collapsible.\n if (this.closable && this.collapsible) this.collapsed = true\n\n this.ldSidenavBreakpointChange.emit(this.closable)\n }\n\n componentWillLoad() {\n this.mediaQuery = window.matchMedia(`(max-width: ${this.breakpoint})`)\n this.mediaQuery.addEventListener('change', this.onMatchMediaChange)\n this.closable = this.mediaQuery.matches\n this.updateFullyCollapsible()\n }\n\n componentDidLoad() {\n this.ldSidenavCollapsedChange.emit({\n collapsed: this.collapsible && this.collapsed,\n fully: this.fullyCollapsible,\n })\n this.ldSidenavOpenChange.emit(this.open)\n this.ldSidenavBreakpointChange.emit(this.closable)\n\n setTimeout(() => {\n this.transitions = true\n })\n }\n\n disconnectedCallback() {\n this.mediaQuery?.removeEventListener('change', this.onMatchMediaChange)\n }\n\n render() {\n const cl = [\n 'ld-sidenav',\n this.align === 'right' && 'ld-sidenav--right',\n this.transitions && 'ld-sidenav--transitions',\n this.closable && 'ld-sidenav--closable',\n this.collapsible && this.collapsed && 'ld-sidenav--collapsed',\n this.collapsible && 'ld-sidenav--collapsible',\n this.fullyCollapsible && 'ld-sidenav--fully-collapsible',\n this.hasActiveSubnav && 'ld-sidenav--has-active-subnav',\n this.hasShadowTop && 'ld-sidenav--has-shadow-top',\n this.hasShadowBottom && 'ld-sidenav--has-shadow-bottom',\n this.open && 'ld-sidenav--open',\n this.toggleTransitionDisabled && 'ld-sidenav--toggle-transition-disabled',\n ]\n\n return (\n \n \n
\n
\n \n
\n \n \n \n
\n \n \n \n \n \n \n \n )\n }\n}\n"],"mappings":"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"}
\ No newline at end of file
diff --git a/1704966176737/dist/build/p-21a69c18.js b/1704966176737/dist/build/p-21a69c18.js
deleted file mode 100644
index a9f9a0c81b..0000000000
--- a/1704966176737/dist/build/p-21a69c18.js
+++ /dev/null
@@ -1,3 +0,0 @@
-const e="liquid";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};let n;let s;let l;let o=false;let i=false;let c=false;let f=false;let r=false;const u=e=>{const t=new URL(e,He.t);return t.origin!==ze.location.origin?t.href:t.pathname};const a=(e,t="")=>{{return()=>{}}};const d=(e,t)=>{{return()=>{}}};const v="{visibility:hidden}.hydrated{visibility:inherit}";const p="slot-fb{display:contents}slot-fb[hidden]{display:none}";const m="http://www.w3.org/1999/xlink";const h={};const y="http://www.w3.org/2000/svg";const b="http://www.w3.org/1999/xhtml";const w=e=>e!=null;const g=e=>{e=typeof e;return e==="object"||e==="function"};function $(e){var t,n,s;return(s=(n=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const S=(e,t,...n)=>{let s=null;let l=null;let o=null;let i=false;let c=false;const f=[];const r=t=>{for(let n=0;ne[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,j)}const u=k(e,null);u.o=t;if(f.length>0){u.i=f}{u.u=l}{u.v=o}return u};const k=(e,t)=>{const n={p:0,m:e,l:t,h:null,i:null};{n.o=null}{n.u=null}{n.v=null}return n};const C={};const x=e=>e&&e.m===C;const j={forEach:(e,t)=>e.map(L).forEach(t),map:(e,t)=>e.map(L).map(t).map(O)};const L=e=>({vattrs:e.o,vchildren:e.i,vkey:e.u,vname:e.v,vtag:e.m,vtext:e.l});const O=e=>{if(typeof e.vtag==="function"){const t=Object.assign({},e.vattrs);if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return S(e.vtag,t,...e.vchildren||[])}const t=k(e.vtag,e.vtext);t.o=e.vattrs;t.i=e.vchildren;t.u=e.vkey;t.v=e.vname;return t};const R=(e,t)=>{if(e!=null&&!g(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};const T=e=>Me(e).$hostElement$;const D=(e,t,n)=>{const s=T(e);return{emit:e=>F(s,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};const F=(e,t,n)=>{const s=He.ce(t,n);e.dispatchEvent(s);return s};const M=new WeakMap;const U=(e,t,n)=>{let s=qe.get(e);if(Ie&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=t}else{s.replaceSync(t)}}else{s=t}qe.set(e,s)};const A=(e,t,n)=>{var s;const l=P(t);const o=qe.get(l);e=e.nodeType===11?e:Be;if(o){if(typeof o==="string"){e=e.head||e;let n=M.get(e);let i;if(!n){M.set(e,n=new Set)}if(!n.has(l)){{i=Be.createElement("style");i.innerHTML=o;const t=(s=He.$)!==null&&s!==void 0?s:$(Be);if(t!=null){i.setAttribute("nonce",t)}e.insertBefore(i,e.querySelector("link"))}if(t.p&4){i.innerHTML+=p}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(o)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]}}return l};const N=e=>{const t=e.S;const n=e.$hostElement$;const s=t.p;const l=a("attachStyles",t.k);const o=A(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h")}l()};const P=(e,t)=>"sc-"+e.k;const W=(e,t,n,s,l,o)=>{if(n!==s){let i=Ne(e,t);let c=t.toLowerCase();if(t==="class"){const t=e.classList;const l=q(n);const o=q(s);t.remove(...l.filter((e=>e&&!o.includes(e))));t.add(...o.filter((e=>e&&!l.includes(e))))}else if(t==="style"){{for(const t in n){if(!s||s[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in s){if(!n||s[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,s[t])}else{e.style[t]=s[t]}}}}else if(t==="key");else if(t==="ref"){if(s){s(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(Ne(ze,c)){t=c.slice(2)}else{t=c[2]+t.slice(3)}if(n||s){const l=t.endsWith(z);t=t.replace(B,"");if(n){He.rel(e,t,n,l)}if(s){He.ael(e,t,s,l)}}}else{const f=g(s);if((i||f&&s!==null)&&!l){try{if(!e.tagName.includes("-")){const l=s==null?"":s;if(t==="list"){i=false}else if(n==null||e[t]!=l){e[t]=l}}else{e[t]=s}}catch(e){}}let r=false;{if(c!==(c=c.replace(/^xlink\:?/,""))){t=c;r=true}}if(s==null||s===false){if(s!==false||e.getAttribute(t)===""){if(r){e.removeAttributeNS(m,t)}else{e.removeAttribute(t)}}}else if((!i||o&4||l)&&!f){s=s===true?"":s;if(r){e.setAttributeNS(m,t,s)}else{e.setAttribute(t,s)}}}}};const E=/\s/;const q=e=>!e?[]:e.split(E);const z="Capture";const B=new RegExp(z+"$");const H=(e,t,n,s)=>{const l=t.h.nodeType===11&&t.h.host?t.h.host:t.h;const o=e&&e.o||h;const i=t.o||h;{for(s in o){if(!(s in i)){W(l,s,o[s],undefined,n,t.p)}}}for(s in i){W(l,s,o[s],i[s],n,t.p)}};const Q=(e,t,i,r)=>{var u;const a=t.i[i];let d=0;let v;let p;let m;if(!o){c=true;if(a.m==="slot"){if(n){r.classList.add(n+"-s")}a.p|=a.i?2:1}}if(a.l!==null){v=a.h=Be.createTextNode(a.l)}else if(a.p&1){v=a.h=Be.createTextNode("")}else{if(!f){f=a.m==="svg"}v=a.h=Be.createElementNS(f?y:b,a.p&2?"slot-fb":a.m);if(f&&a.m==="foreignObject"){f=false}{H(null,a,f)}if(w(n)&&v["s-si"]!==n){v.classList.add(v["s-si"]=n)}if(a.i){for(d=0;d{var n;He.p|=1;const s=e.childNodes;for(let e=s.length-1;e>=0;e--){const o=s[e];if(o["s-hn"]!==l&&o["s-ol"]){J(o).insertBefore(o,G(o));o["s-ol"].remove();o["s-ol"]=undefined;o["s-sh"]=undefined;if(o.nodeType===1){o.setAttribute("slot",(n=o["s-sn"])!==null&&n!==void 0?n:"")}c=true}if(t){I(o,t)}}He.p&=~1};const K=(e,t,n,s,o,i)=>{let c=e["s-cr"]&&e["s-cr"].parentNode||e;let f;if(c.shadowRoot&&c.tagName===l){c=c.shadowRoot}for(;o<=i;++o){if(s[o]){f=Q(null,n,o,e);if(f){s[o].h=f;c.insertBefore(f,G(t))}}}};const V=(e,t,n)=>{for(let s=t;s<=n;++s){const t=e[s];if(t){const e=t.h;se(t);if(e){{i=true;if(e["s-ol"]){e["s-ol"].remove()}else{I(e,true)}}e.remove()}}}};const X=(e,t,n,s,l=false)=>{let o=0;let i=0;let c=0;let f=0;let r=t.length-1;let u=t[0];let a=t[r];let d=s.length-1;let v=s[0];let p=s[d];let m;let h;while(o<=r&&i<=d){if(u==null){u=t[++o]}else if(a==null){a=t[--r]}else if(v==null){v=s[++i]}else if(p==null){p=s[--d]}else if(_(u,v,l)){Y(u,v,l);u=t[++o];v=s[++i]}else if(_(a,p,l)){Y(a,p,l);a=t[--r];p=s[--d]}else if(_(u,p,l)){if(u.m==="slot"||p.m==="slot"){I(u.h.parentNode,false)}Y(u,p,l);e.insertBefore(u.h,a.h.nextSibling);u=t[++o];p=s[--d]}else if(_(a,v,l)){if(u.m==="slot"||p.m==="slot"){I(a.h.parentNode,false)}Y(a,v,l);e.insertBefore(a.h,u.h);a=t[--r];v=s[++i]}else{c=-1;{for(f=o;f<=r;++f){if(t[f]&&t[f].u!==null&&t[f].u===v.u){c=f;break}}}if(c>=0){h=t[c];if(h.m!==v.m){m=Q(t&&t[i],n,c,e)}else{Y(h,v,l);t[c]=undefined;m=h.h}v=s[++i]}else{m=Q(t&&t[i],n,i,e);v=s[++i]}if(m){{J(u.h).insertBefore(m,G(u.h))}}}}if(o>r){K(e,s[d+1]==null?null:s[d+1].h,n,s,i,d)}else if(i>d){V(t,o,r)}};const _=(e,t,n=false)=>{if(e.m===t.m){if(e.m==="slot"){return e.v===t.v}if(!n){return e.u===t.u}return true}return false};const G=e=>e&&e["s-ol"]||e;const J=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;const Y=(e,t,n=false)=>{const s=t.h=e.h;const l=e.i;const o=t.i;const i=t.m;const c=t.l;let r;if(c===null){{f=i==="svg"?true:i==="foreignObject"?false:f}{if(i==="slot");else{H(e,t,f)}}if(l!==null&&o!==null){X(s,l,t,o,n)}else if(o!==null){if(e.l!==null){s.textContent=""}K(s,null,t,o,0,o.length-1)}else if(l!==null){V(l,0,l.length-1)}if(f&&i==="svg"){f=false}}else if(r=s["s-cr"]){r.parentNode.textContent=c}else if(e.l!==c){s.data=c}};const Z=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const n=e["s-sn"];e.hidden=false;for(const s of t){if(s!==e){if(s["s-hn"]!==e["s-hn"]||n!==""){if(s.nodeType===1&&(n===s.getAttribute("slot")||n===s["s-sn"])){e.hidden=true;break}}else{if(s.nodeType===1||s.nodeType===3&&s.textContent.trim()!==""){e.hidden=true;break}}}}}Z(e)}}};const ee=[];const te=e=>{let n;let s;let l;for(const o of e.childNodes){if(o["s-sr"]&&(n=o["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;const e=o["s-sn"];for(l=s.length-1;l>=0;l--){n=s[l];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==o["s-hn"]&&!t.experimentalSlotFixes){if(ne(n,e)){let t=ee.find((e=>e.C===n));i=true;n["s-sn"]=n["s-sn"]||e;if(t){t.C["s-sh"]=o["s-hn"];t.j=o}else{n["s-sh"]=o["s-hn"];ee.push({j:o,C:n})}if(n["s-sr"]){ee.map((e=>{if(ne(e.C,n["s-sn"])){t=ee.find((e=>e.C===n));if(t&&!e.j){e.j=t.j}}}))}}else if(!ee.some((e=>e.C===n))){ee.push({C:n})}}}}if(o.nodeType===1){te(o)}}};const ne=(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===""};const se=e=>{{e.o&&e.o.ref&&e.o.ref(null);e.i&&e.i.map(se)}};const le=(e,t,f=false)=>{var r,u,a,d;const v=e.$hostElement$;const p=e.S;const m=e.L||k(null,null);const h=x(t)?t:S(null,null,t);l=v.tagName;if(p.O){h.o=h.o||{};p.O.map((([e,t])=>h.o[t]=v[e]))}if(f&&h.o){for(const e of Object.keys(h.o)){if(v.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){h.o[e]=v[e]}}}h.m=null;h.p|=4;e.L=h;h.h=m.h=v.shadowRoot||v;{n=v["s-sc"]}{s=v["s-cr"];o=(p.p&1)!==0;i=false}Y(m,h,f);{He.p|=1;if(c){te(h.h);for(const e of ee){const t=e.C;if(!t["s-ol"]){const e=Be.createTextNode("");e["s-nr"]=t;t.parentNode.insertBefore(t["s-ol"]=e,t)}}for(const e of ee){const t=e.C;const n=e.j;if(n){const e=n.parentNode;let s=n.nextSibling;{let n=(r=t["s-ol"])===null||r===void 0?void 0:r.previousSibling;while(n){let l=(u=n["s-nr"])!==null&&u!==void 0?u:null;if(l&&l["s-sn"]===t["s-sn"]&&e===l.parentNode){l=l.nextSibling;if(!l||!l["s-nr"]){s=l;break}}n=n.previousSibling}}if(!s&&e!==t.parentNode||t.nextSibling!==s){if(t!==s){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}e.insertBefore(t,s);if(t.nodeType===1){t.hidden=(a=t["s-ih"])!==null&&a!==void 0?a:false}}}}else{if(t.nodeType===1){if(f){t["s-ih"]=(d=t.hidden)!==null&&d!==void 0?d:false}t.hidden=true}}}}if(i){Z(h.h)}He.p&=~1;ee.length=0}};const oe=(e,t)=>{if(t&&!e.R&&t["s-p"]){t["s-p"].push(new Promise((t=>e.R=t)))}};const ie=(e,t)=>{{e.p|=16}if(e.p&4){e.p|=512;return}oe(e,e.T);const n=()=>ce(e,t);return Ye(n)};const ce=(e,t)=>{const n=a("scheduleUpdate",e.S.k);const s=e.D;let l;if(t){{e.p|=256;if(e.F){e.F.map((([e,t])=>pe(s,e,t)));e.F=undefined}}{l=pe(s,"componentWillLoad")}}n();return fe(l,(()=>ue(e,s,t)))};const fe=(e,t)=>re(e)?e.then(t):t();const re=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";const ue=async(e,t,n)=>{var s;const l=e.$hostElement$;const o=a("update",e.S.k);const i=l["s-rc"];if(n){N(e)}const c=a("render",e.S.k);{ae(e,t,l,n)}if(i){i.map((e=>e()));l["s-rc"]=undefined}c();o();{const t=(s=l["s-p"])!==null&&s!==void 0?s:[];const n=()=>de(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.p|=4;t.length=0}}};const ae=(e,t,n,s)=>{try{t=t.render();{e.p&=~16}{e.p|=2}{{{le(e,t,s)}}}}catch(t){Pe(t,e.$hostElement$)}return null};const de=e=>{const t=e.S.k;const n=e.$hostElement$;const s=a("postUpdate",t);const l=e.D;const o=e.T;{pe(l,"componentDidRender")}if(!(e.p&64)){e.p|=64;{me(n)}{pe(l,"componentDidLoad")}s();{e.M(n);if(!o){ve()}}}else{{pe(l,"componentDidUpdate")}s()}{e.U(n)}{if(e.R){e.R();e.R=undefined}if(e.p&512){Je((()=>ie(e,false)))}e.p&=~(4|512)}};const ve=t=>{{me(Be.documentElement)}Je((()=>F(ze,"appload",{detail:{namespace:e}})))};const pe=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){Pe(e)}}return undefined};const me=e=>e.classList.add("hydrated");const he=(e,t)=>Me(e).A.get(t);const ye=(e,t,n,s)=>{const l=Me(e);const o=l.$hostElement$;const i=l.A.get(t);const c=l.p;const f=l.D;n=R(n,s.N[t][0]);const r=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!r;if((!(c&8)||i===undefined)&&u){l.A.set(t,n);if(f){if(s.P&&c&128){const e=s.P[t];if(e){e.map((e=>{try{f[e](n,i,t)}catch(e){Pe(e,o)}}))}}if((c&(2|16))===2){ie(l,false)}}}};const be=(e,t,n)=>{var s;const l=e.prototype;if(t.N){if(e.watchers){t.P=e.watchers}const o=Object.entries(t.N);o.map((([e,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,e,{get(){return he(this,e)},set(n){ye(this,e,n,t)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(l,e,{value(...t){var n;const s=Me(this);return(n=s===null||s===void 0?void 0:s.W)===null||n===void 0?void 0:n.then((()=>{var n;return(n=s.D)===null||n===void 0?void 0:n[e](...t)}))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(e,s,o){He.jmp((()=>{var i;const c=n.get(e);if(this.hasOwnProperty(c)){o=this[c];delete this[c]}else if(l.hasOwnProperty(c)&&typeof this[c]==="number"&&this[c]==o){return}else if(c==null){const n=Me(this);const l=n===null||n===void 0?void 0:n.p;if(l&&!(l&8)&&l&128&&o!==s){const l=n.D;const c=(i=t.P)===null||i===void 0?void 0:i[e];c===null||c===void 0?void 0:c.forEach((t=>{if(l[t]!=null){l[t].call(l,o,s,e)}}))}return}this[c]=o===null&&typeof this[c]==="boolean"?false:o}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=t.P)!==null&&s!==void 0?s:{}),...o.filter((([e,t])=>t[0]&15)).map((([e,s])=>{var l;const o=s[1]||e;n.set(o,e);if(s[0]&512){(l=t.O)===null||l===void 0?void 0:l.push([e,o])}return o}))]))}}return e};const we=async(e,t,n,s)=>{let l;if((t.p&32)===0){t.p|=32;{l=Ee(n);if(l.then){const e=d();l=await l;e()}if(!l.isProxied){{n.P=l.watchers}be(l,n,2);l.isProxied=true}const e=a("createInstance",n.k);{t.p|=8}try{new l(t)}catch(e){Pe(e)}{t.p&=~8}{t.p|=128}e();ge(t.D)}if(l.style){let e=l.style;const t=P(n);if(!qe.has(t)){const s=a("registerStyles",n.k);U(t,e,!!(n.p&1));s()}}}const o=t.T;const i=()=>ie(t,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};const ge=e=>{{pe(e,"connectedCallback")}};const $e=e=>{if((He.p&1)===0){const t=Me(e);const n=t.S;const s=a("connectedCallback",n.k);if(!(t.p&1)){t.p|=1;{if(n.p&(4|8)){Se(e)}}{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){oe(t,t.T=n);break}}}if(n.N){Object.entries(n.N).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{we(e,t,n)}}else{Le(e,t,n.q);if(t===null||t===void 0?void 0:t.D){ge(t.D)}else if(t===null||t===void 0?void 0:t.B){t.B.then((()=>ge(t.D)))}}s()}};const Se=e=>{const t=e["s-cr"]=Be.createComment("");t["s-cn"]=true;e.insertBefore(t,e.firstChild)};const ke=e=>{{pe(e,"disconnectedCallback")}};const Ce=async e=>{if((He.p&1)===0){const t=Me(e);{if(t.H){t.H.map((e=>e()));t.H=undefined}}if(t===null||t===void 0?void 0:t.D){ke(t.D)}else if(t===null||t===void 0?void 0:t.B){t.B.then((()=>ke(t.D)))}}};const xe=(e,t={})=>{var n;const s=a();const l=[];const o=t.exclude||[];const i=ze.customElements;const c=Be.head;const f=c.querySelector("meta[charset]");const r=Be.createElement("style");const u=[];let d;let m=true;Object.assign(He,t);He.t=new URL(t.resourcesUrl||"./",Be.baseURI).href;let h=false;e.map((e=>{e[1].map((t=>{var n;const s={p:t[0],k:t[1],N:t[2],q:t[3]};if(s.p&4){h=true}{s.N=t[2]}{s.q=t[3]}{s.O=[]}{s.P=(n=t[4])!==null&&n!==void 0?n:{}}const c=s.k;const f=class extends HTMLElement{constructor(e){super(e);e=this;Ae(e,s);if(s.p&1){{{e.attachShadow({mode:"open"})}}}}connectedCallback(){if(d){clearTimeout(d);d=null}if(m){u.push(this)}else{He.jmp((()=>$e(this)))}}disconnectedCallback(){He.jmp((()=>Ce(this)))}componentOnReady(){return Me(this).B}};s.I=e[0];if(!o.includes(c)&&!i.get(c)){l.push(c);i.define(c,be(f,s,1))}}))}));if(h){r.innerHTML+=p}{r.innerHTML+=l+v}if(r.innerHTML.length){r.setAttribute("data-styles","");const e=(n=He.$)!==null&&n!==void 0?n:$(Be);if(e!=null){r.setAttribute("nonce",e)}c.insertBefore(r,f?f.nextSibling:c.firstChild)}m=false;if(u.length){u.map((e=>e.connectedCallback()))}else{{He.jmp((()=>d=setTimeout(ve,30)))}}s()};const je=(e,t)=>t;const Le=(e,t,n,s)=>{if(n){n.map((([n,s,l])=>{const o=Re(e,n);const i=Oe(t,l);const c=Te(n);He.ael(o,s,i,c);(t.H=t.H||[]).push((()=>He.rel(o,s,i,c)))}))}};const Oe=(e,t)=>n=>{try{{if(e.p&256){e.D[t](n)}else{(e.F=e.F||[]).push([t,n])}}}catch(e){Pe(e)}};const Re=(e,t)=>{if(t&4)return Be;if(t&8)return ze;return e};const Te=e=>(e&2)!==0;const De=e=>He.$=e;const Fe=new WeakMap;const Me=e=>Fe.get(e);const Ue=(e,t)=>Fe.set(t.D=e,t);const Ae=(e,t)=>{const n={p:0,$hostElement$:e,S:t,A:new Map};{n.W=new Promise((e=>n.U=e))}{n.B=new Promise((e=>n.M=e));e["s-p"]=[];e["s-rc"]=[]}Le(e,n,t.q);return Fe.set(e,n)};const Ne=(e,t)=>t in e;const Pe=(e,t)=>(0,console.error)(e,t);const We=new Map;const Ee=(e,t,n)=>{const s=e.k.replace(/-/g,"_");const l=e.I;const o=We.get(l);if(o){return o[s]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{We.set(l,e)}return e[s]}),Pe)};const qe=new Map;const ze=typeof window!=="undefined"?window:{};const Be=ze.document||{head:{}};const He={p:0,t:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,s)=>e.addEventListener(t,n,s),rel:(e,t,n,s)=>e.removeEventListener(t,n,s),ce:(e,t)=>new CustomEvent(e,t)};const Qe=e=>Promise.resolve(e);const Ie=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();const Ke=[];const Ve=[];const Xe=(e,t)=>n=>{e.push(n);if(!r){r=true;if(t&&He.p&4){Je(Ge)}else{He.raf(Ge)}}};const _e=e=>{for(let t=0;t{_e(Ke);{_e(Ve);if(r=Ke.length>0){He.raf(Ge)}}};const Je=e=>Qe().then(e);const Ye=Xe(Ve,true);export{je as F,C as H,u as a,xe as b,D as c,T as g,S as h,Qe as p,Ue as r,De as s};
-//# sourceMappingURL=p-21a69c18.js.map
\ No newline at end of file
diff --git a/1704966176737/dist/build/p-21a69c18.js.map b/1704966176737/dist/build/p-21a69c18.js.map
deleted file mode 100644
index 5f6c20da3f..0000000000
--- a/1704966176737/dist/build/p-21a69c18.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"names":["NAMESPACE","BUILD","allRenderFn","appendChildSlotFix","asyncLoading","asyncQueue","attachStyles","cloneNodeFix","cmpDidLoad","cmpDidRender","cmpDidUnload","cmpDidUpdate","cmpShouldUpdate","cmpWillLoad","cmpWillRender","cmpWillUpdate","connectedCallback","constructableCSS","cssAnnotations","devTools","disconnectedCallback","element","event","experimentalSlotFixes","formAssociated","hasRenderFn","hostListener","hostListenerTarget","hostListenerTargetBody","hostListenerTargetDocument","hostListenerTargetParent","hostListenerTargetWindow","hotModuleReplacement","hydrateClientSide","hydrateServerSide","hydratedAttribute","hydratedClass","initializeNextTick","invisiblePrehydration","isDebug","isDev","isTesting","lazyLoad","lifecycle","lifecycleDOMEvents","member","method","mode","observeAttribute","profile","prop","propBoolean","propMutable","propNumber","propString","reflect","scoped","scopedSlotTextContentFix","scriptDataOpts","shadowDelegatesFocus","shadowDom","slot","slotChildNodesFix","slotRelocation","state","style","svg","taskQueue","transformTagName","updatable","vdomAttribute","vdomClass","vdomFunctional","vdomKey","vdomListener","vdomPropOrAttr","vdomRef","vdomRender","vdomStyle","vdomText","vdomXlink","watchCallback","scopeId","contentRef","hostTagName","useNativeShadowDom","checkSlotFallbackVisibility","checkSlotRelocate","isSvgMode","queuePending","getAssetPath","path","assetUrl","URL","plt","$resourcesUrl$","origin","win","location","href","pathname","createTime","fnName","tagName","uniqueTime","key","measureText","HYDRATED_CSS","SLOT_FB_CSS","XLINK_NS","EMPTY_OBJ","SVG_NS","HTML_NS","isDef","v","isComplexType","o","queryNonceMetaTagContent","doc","_a","_b","_c","head","querySelector","getAttribute","undefined","h","nodeName","vnodeData","children","child","slotName","simple","lastSimple","vNodeChildren","walk","c","i","length","Array","isArray","String","$text$","push","newVNode","name","classData","className","class","Object","keys","filter","k","join","vdomFnUtils","vnode","$attrs$","$children$","$key$","$name$","tag","text","$flags$","$tag$","$elm$","Host","isHost","node","forEach","cb","map","convertToPublic","convertToPrivate","vattrs","vchildren","vkey","vname","vtag","vtext","assign","parsePropertyValue","propValue","propType","parseFloat","getElement","ref","getHostRef","createEvent","flags","elm","emit","detail","emitEvent","bubbles","composed","cancelable","opts","ev","ce","dispatchEvent","rootAppliedStyles","WeakMap","registerStyle","cssText","allowCS","styles","get","supportsConstructableStylesheets","CSSStyleSheet","replaceSync","set","addStyle","styleContainerNode","cmpMeta","getScopeId","nodeType","appliedStyles","styleElm","Set","has","createElement","innerHTML","nonce","$nonce$","setAttribute","insertBefore","add","adoptedStyleSheets","includes","hostRef","$cmpMeta$","$hostElement$","endAttachStyles","$tagName$","shadowRoot","getRootNode","classList","cmp","setAccessor","memberName","oldValue","newValue","isSvg","isProp","isMemberInElement","ln","toLowerCase","oldClasses","parseClassList","newClasses","remove","removeProperty","setProperty","slice","capture","endsWith","CAPTURE_EVENT_SUFFIX","replace","CAPTURE_EVENT_REGEX","rel","ael","isComplex","n","e","xlink","removeAttributeNS","removeAttribute","setAttributeNS","parseClassListRegex","value","split","RegExp","updateElement","oldVnode","newVnode","host","oldVnodeAttrs","newVnodeAttrs","createElm","oldParentVNode","newParentVNode","childIndex","parentElm","childNode","oldVNode","createTextNode","createElementNS","appendChild","putBackInOriginalLocation","recursive","oldSlotChildNodes","childNodes","parentReferenceNode","referenceNode","addVnodes","before","parentVNode","vnodes","startIdx","endIdx","containerElm","parentNode","removeVnodes","index","nullifyVNodeRefs","updateChildren","oldCh","newCh","isInitialRender","oldStartIdx","newStartIdx","idxInOld","oldEndIdx","oldStartVnode","oldEndVnode","newEndIdx","newStartVnode","newEndVnode","elmToMove","isSameVnode","patch","nextSibling","leftVNode","rightVNode","oldChildren","newChildren","defaultHolder","textContent","data","updateFallbackSlotVisibility","hidden","siblingNode","trim","relocateNodes","markSlotContentForRelocation","hostContentNodes","j","isNodeLocatedInSlot","relocateNodeData","find","r","$nodeToRelocate$","$slotRefNode$","relocateNode","some","nodeToRelocate","vNode","renderVdom","renderFnResults","isInitialLoad","_d","hostElm","$vnode$","rootVnode","$attrsToReflect$","propName","attribute","hasAttribute","relocateData","orgLocationNode","slotRefNode","parentNodeRef","insertBeforeNode","previousSibling","refNode","attachToAncestor","ancestorComponent","$onRenderResolve$","Promise","scheduleUpdate","$ancestorComponent$","dispatch","dispatchHooks","writeTask","endSchedule","instance","$lazyInstance$","maybePromise","$queuedListeners$","methodName","safeCall","enqueue","updateComponent","fn","isPromisey","then","async","endUpdate","rc","endRender","callRender","childrenPromises","postUpdate","postUpdateComponent","all","render","consoleError","endPostUpdate","addHydratedFlag","$onReadyResolve$","appDidLoad","$onInstanceResolve$","nextTick","who","documentElement","namespace","arg","getValue","$instanceValues$","setValue","newVal","oldVal","$members$","areBothNaN","Number","isNaN","didValueChange","$watchers$","watchMethods","watchMethodName","proxyComponent","Cstr","prototype","watchers","members","entries","memberFlags","defineProperty","this","configurable","enumerable","args","$onInstancePromise$","attrNameToPropName","Map","attributeChangedCallback","attrName","jmp","hasOwnProperty","entry","callbackName","call","observedAttributes","from","_","m","initializeComponent","hmrVersionId","loadModule","endLoad","isProxied","endNewInstance","fireConnectedCallback","endRegisterStyles","schedule","endConnected","setContentReference","addHostEventListeners","$listeners$","$onReadyPromise$","contentRefElm","createComment","firstChild","disconnectInstance","$rmListeners$","rmListener","bootstrapLazy","lazyBundles","options","endBootstrap","cmpTags","exclude","customElements","metaCharset","dataStyles","deferredConnectedCallbacks","appLoadFallback","isBootstrapping","resourcesUrl","baseURI","hasSlotRelocation","lazyBundle","compactMeta","HostElement","HTMLElement","constructor","self","super","registerHost","attachShadow","clearTimeout","componentOnReady","$lazyBundleId$","define","setTimeout","Fragment","listeners","attachParentListeners","target","getHostListenerTarget","handler","hostListenerProxy","hostListenerOpts","setNonce","hostRefs","registerInstance","lazyInstance","hostElement","el","console","error","cmpModules","exportName","bundleId","module","import","importedModule","window","document","raf","requestAnimationFrame","eventName","listener","addEventListener","removeEventListener","CustomEvent","promiseResolve","resolve","queueDomReads","queueDomWrites","queueTask","queue","write","flush","consume","performance","now"],"sources":["@stencil/core/internal/app-data","../node_modules/.pnpm/@stencil+core@4.9.0/node_modules/@stencil/core/internal/client/index.js?app-data=conditional"],"sourcesContent":["export const NAMESPACE = 'liquid';\nexport const BUILD = /* liquid */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };\nexport const Env = /* liquid */ {};\n","/**\n * Virtual DOM patching algorithm based on Snabbdom by\n * Simon Friis Vindum (@paldepind)\n * Licensed under the MIT License\n * https://github.com/snabbdom/snabbdom/blob/master/LICENSE\n *\n * Modified for Stencil's renderer and slot projection\n */\nlet scopeId;\nlet contentRef;\nlet hostTagName;\nlet customError;\nlet i = 0;\nlet useNativeShadowDom = false;\nlet checkSlotFallbackVisibility = false;\nlet checkSlotRelocate = false;\nlet isSvgMode = false;\nlet renderingRef = null;\nlet queueCongestion = 0;\nlet queuePending = false;\n/*\n Stencil Client Platform v4.9.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nconst Build = {\n isDev: BUILD.isDev ? true : false,\n isBrowser: true,\n isServer: false,\n isTesting: BUILD.isTesting ? true : false,\n};\nconst getAssetPath = (path) => {\n const assetUrl = new URL(path, plt.$resourcesUrl$);\n return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;\n};\nconst setAssetPath = (path) => (plt.$resourcesUrl$ = path);\nconst createTime = (fnName, tagName = '') => {\n if (BUILD.profile && performance.mark) {\n const key = `st:${fnName}:${tagName}:${i++}`;\n // Start\n performance.mark(key);\n // End\n return () => performance.measure(`[Stencil] ${fnName}() <${tagName}>`, key);\n }\n else {\n return () => {\n return;\n };\n }\n};\nconst uniqueTime = (key, measureText) => {\n if (BUILD.profile && performance.mark) {\n if (performance.getEntriesByName(key, 'mark').length === 0) {\n performance.mark(key);\n }\n return () => {\n if (performance.getEntriesByName(measureText, 'measure').length === 0) {\n performance.measure(measureText, key);\n }\n };\n }\n else {\n return () => {\n return;\n };\n }\n};\nconst inspect = (ref) => {\n const hostRef = getHostRef(ref);\n if (!hostRef) {\n return undefined;\n }\n const flags = hostRef.$flags$;\n const hostElement = hostRef.$hostElement$;\n return {\n renderCount: hostRef.$renderCount$,\n flags: {\n hasRendered: !!(flags & 2 /* HOST_FLAGS.hasRendered */),\n hasConnected: !!(flags & 1 /* HOST_FLAGS.hasConnected */),\n isWaitingForChildren: !!(flags & 4 /* HOST_FLAGS.isWaitingForChildren */),\n isConstructingInstance: !!(flags & 8 /* HOST_FLAGS.isConstructingInstance */),\n isQueuedForUpdate: !!(flags & 16 /* HOST_FLAGS.isQueuedForUpdate */),\n hasInitializedComponent: !!(flags & 32 /* HOST_FLAGS.hasInitializedComponent */),\n hasLoadedComponent: !!(flags & 64 /* HOST_FLAGS.hasLoadedComponent */),\n isWatchReady: !!(flags & 128 /* HOST_FLAGS.isWatchReady */),\n isListenReady: !!(flags & 256 /* HOST_FLAGS.isListenReady */),\n needsRerender: !!(flags & 512 /* HOST_FLAGS.needsRerender */),\n },\n instanceValues: hostRef.$instanceValues$,\n ancestorComponent: hostRef.$ancestorComponent$,\n hostElement,\n lazyInstance: hostRef.$lazyInstance$,\n vnode: hostRef.$vnode$,\n modeName: hostRef.$modeName$,\n onReadyPromise: hostRef.$onReadyPromise$,\n onReadyResolve: hostRef.$onReadyResolve$,\n onInstancePromise: hostRef.$onInstancePromise$,\n onInstanceResolve: hostRef.$onInstanceResolve$,\n onRenderResolve: hostRef.$onRenderResolve$,\n queuedListeners: hostRef.$queuedListeners$,\n rmListeners: hostRef.$rmListeners$,\n ['s-id']: hostElement['s-id'],\n ['s-cr']: hostElement['s-cr'],\n ['s-lr']: hostElement['s-lr'],\n ['s-p']: hostElement['s-p'],\n ['s-rc']: hostElement['s-rc'],\n ['s-sc']: hostElement['s-sc'],\n };\n};\nconst installDevTools = () => {\n if (BUILD.devTools) {\n const stencil = (win.stencil = win.stencil || {});\n const originalInspect = stencil.inspect;\n stencil.inspect = (ref) => {\n let result = inspect(ref);\n if (!result && typeof originalInspect === 'function') {\n result = originalInspect(ref);\n }\n return result;\n };\n }\n};\nconst CONTENT_REF_ID = 'r';\nconst ORG_LOCATION_ID = 'o';\nconst SLOT_NODE_ID = 's';\nconst TEXT_NODE_ID = 't';\nconst HYDRATE_ID = 's-id';\nconst HYDRATED_STYLE_ID = 'sty-id';\nconst HYDRATE_CHILD_ID = 'c-id';\nconst HYDRATED_CSS = '{visibility:hidden}.hydrated{visibility:inherit}';\n/**\n * Constant for styles to be globally applied to `slot-fb` elements for pseudo-slot behavior.\n *\n * Two cascading rules must be used instead of a `:not()` selector due to Stencil browser\n * support as of Stencil v4.\n */\nconst SLOT_FB_CSS = 'slot-fb{display:contents}slot-fb[hidden]{display:none}';\nconst XLINK_NS = 'http://www.w3.org/1999/xlink';\nconst FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [\n 'formAssociatedCallback',\n 'formResetCallback',\n 'formDisabledCallback',\n 'formStateRestoreCallback',\n];\n/**\n * Default style mode id\n */\n/**\n * Reusable empty obj/array\n * Don't add values to these!!\n */\nconst EMPTY_OBJ = {};\n/**\n * Namespaces\n */\nconst SVG_NS = 'http://www.w3.org/2000/svg';\nconst HTML_NS = 'http://www.w3.org/1999/xhtml';\nconst isDef = (v) => v != null;\n/**\n * Check whether a value is a 'complex type', defined here as an object or a\n * function.\n *\n * @param o the value to check\n * @returns whether it's a complex type or not\n */\nconst isComplexType = (o) => {\n // https://jsperf.com/typeof-fn-object/5\n o = typeof o;\n return o === 'object' || o === 'function';\n};\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n var _a, _b, _c;\n return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n/**\n * Production h() function based on Preact by\n * Jason Miller (@developit)\n * Licensed under the MIT License\n * https://github.com/developit/preact/blob/master/LICENSE\n *\n * Modified for Stencil's compiler and vdom\n */\n// export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, child?: d.ChildType): d.VNode;\n// export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;\nconst h = (nodeName, vnodeData, ...children) => {\n let child = null;\n let key = null;\n let slotName = null;\n let simple = false;\n let lastSimple = false;\n const vNodeChildren = [];\n const walk = (c) => {\n for (let i = 0; i < c.length; i++) {\n child = c[i];\n if (Array.isArray(child)) {\n walk(child);\n }\n else if (child != null && typeof child !== 'boolean') {\n if ((simple = typeof nodeName !== 'function' && !isComplexType(child))) {\n child = String(child);\n }\n else if (BUILD.isDev && typeof nodeName !== 'function' && child.$flags$ === undefined) {\n consoleDevError(`vNode passed as children has unexpected type.\nMake sure it's using the correct h() function.\nEmpty objects can also be the cause, look for JSX comments that became objects.`);\n }\n if (simple && lastSimple) {\n // If the previous child was simple (string), we merge both\n vNodeChildren[vNodeChildren.length - 1].$text$ += child;\n }\n else {\n // Append a new vNode, if it's text, we create a text vNode\n vNodeChildren.push(simple ? newVNode(null, child) : child);\n }\n lastSimple = simple;\n }\n }\n };\n walk(children);\n if (vnodeData) {\n if (BUILD.isDev && nodeName === 'input') {\n validateInputProperties(vnodeData);\n }\n if (BUILD.vdomKey && vnodeData.key) {\n key = vnodeData.key;\n }\n if (BUILD.slotRelocation && vnodeData.name) {\n slotName = vnodeData.name;\n }\n // normalize class / className attributes\n if (BUILD.vdomClass) {\n const classData = vnodeData.className || vnodeData.class;\n if (classData) {\n vnodeData.class =\n typeof classData !== 'object'\n ? classData\n : Object.keys(classData)\n .filter((k) => classData[k])\n .join(' ');\n }\n }\n }\n if (BUILD.isDev && vNodeChildren.some(isHost)) {\n consoleDevError(`The must be the single root component. Make sure:\n- You are NOT using hostData() and in the same component.\n- is used once, and it's the single root component of the render() function.`);\n }\n if (BUILD.vdomFunctional && typeof nodeName === 'function') {\n // nodeName is a functional component\n return nodeName(vnodeData === null ? {} : vnodeData, vNodeChildren, vdomFnUtils);\n }\n const vnode = newVNode(nodeName, null);\n vnode.$attrs$ = vnodeData;\n if (vNodeChildren.length > 0) {\n vnode.$children$ = vNodeChildren;\n }\n if (BUILD.vdomKey) {\n vnode.$key$ = key;\n }\n if (BUILD.slotRelocation) {\n vnode.$name$ = slotName;\n }\n return vnode;\n};\n/**\n * A utility function for creating a virtual DOM node from a tag and some\n * possible text content.\n *\n * @param tag the tag for this element\n * @param text possible text content for the node\n * @returns a newly-minted virtual DOM node\n */\nconst newVNode = (tag, text) => {\n const vnode = {\n $flags$: 0,\n $tag$: tag,\n $text$: text,\n $elm$: null,\n $children$: null,\n };\n if (BUILD.vdomAttribute) {\n vnode.$attrs$ = null;\n }\n if (BUILD.vdomKey) {\n vnode.$key$ = null;\n }\n if (BUILD.slotRelocation) {\n vnode.$name$ = null;\n }\n return vnode;\n};\nconst Host = {};\n/**\n * Check whether a given node is a Host node or not\n *\n * @param node the virtual DOM node to check\n * @returns whether it's a Host node or not\n */\nconst isHost = (node) => node && node.$tag$ === Host;\n/**\n * Implementation of {@link d.FunctionalUtilities} for Stencil's VDom.\n *\n * Note that these functions convert from {@link d.VNode} to\n * {@link d.ChildNode} to give functional component developers a friendly\n * interface.\n */\nconst vdomFnUtils = {\n forEach: (children, cb) => children.map(convertToPublic).forEach(cb),\n map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate),\n};\n/**\n * Convert a {@link d.VNode} to a {@link d.ChildNode} in order to present a\n * friendlier public interface (hence, 'convertToPublic').\n *\n * @param node the virtual DOM node to convert\n * @returns a converted child node\n */\nconst convertToPublic = (node) => ({\n vattrs: node.$attrs$,\n vchildren: node.$children$,\n vkey: node.$key$,\n vname: node.$name$,\n vtag: node.$tag$,\n vtext: node.$text$,\n});\n/**\n * Convert a {@link d.ChildNode} back to an equivalent {@link d.VNode} in\n * order to use the resulting object in the virtual DOM. The initial object was\n * likely created as part of presenting a public API, so converting it back\n * involved making it 'private' again (hence, `convertToPrivate`).\n *\n * @param node the child node to convert\n * @returns a converted virtual DOM node\n */\nconst convertToPrivate = (node) => {\n if (typeof node.vtag === 'function') {\n const vnodeData = Object.assign({}, node.vattrs);\n if (node.vkey) {\n vnodeData.key = node.vkey;\n }\n if (node.vname) {\n vnodeData.name = node.vname;\n }\n return h(node.vtag, vnodeData, ...(node.vchildren || []));\n }\n const vnode = newVNode(node.vtag, node.vtext);\n vnode.$attrs$ = node.vattrs;\n vnode.$children$ = node.vchildren;\n vnode.$key$ = node.vkey;\n vnode.$name$ = node.vname;\n return vnode;\n};\n/**\n * Validates the ordering of attributes on an input element\n *\n * @param inputElm the element to validate\n */\nconst validateInputProperties = (inputElm) => {\n const props = Object.keys(inputElm);\n const value = props.indexOf('value');\n if (value === -1) {\n return;\n }\n const typeIndex = props.indexOf('type');\n const minIndex = props.indexOf('min');\n const maxIndex = props.indexOf('max');\n const stepIndex = props.indexOf('step');\n if (value < typeIndex || value < minIndex || value < maxIndex || value < stepIndex) {\n consoleDevWarn(`The \"value\" prop of should be set after \"min\", \"max\", \"type\" and \"step\"`);\n }\n};\n/**\n * Entrypoint of the client-side hydration process. Facilitates calls to hydrate the\n * document and all its nodes.\n *\n * This process will also reconstruct the shadow root and slot DOM nodes for components using shadow DOM.\n *\n * @param hostElm The element to hydrate.\n * @param tagName The element's tag name.\n * @param hostId The host ID assigned to the element by the server.\n * @param hostRef The host reference for the element.\n */\nconst initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {\n const endHydrate = createTime('hydrateClient', tagName);\n const shadowRoot = hostElm.shadowRoot;\n const childRenderNodes = [];\n const slotNodes = [];\n const shadowRootNodes = BUILD.shadowDom && shadowRoot ? [] : null;\n const vnode = (hostRef.$vnode$ = newVNode(tagName, null));\n if (!plt.$orgLocNodes$) {\n initializeDocumentHydrate(doc.body, (plt.$orgLocNodes$ = new Map()));\n }\n hostElm[HYDRATE_ID] = hostId;\n hostElm.removeAttribute(HYDRATE_ID);\n clientHydrate(vnode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, hostElm, hostId);\n childRenderNodes.map((c) => {\n const orgLocationId = c.$hostId$ + '.' + c.$nodeId$;\n const orgLocationNode = plt.$orgLocNodes$.get(orgLocationId);\n const node = c.$elm$;\n // Put the node back in its original location since the native Shadow DOM\n // can handle rendering it its correct location now\n if (orgLocationNode && supportsShadow && orgLocationNode['s-en'] === '') {\n orgLocationNode.parentNode.insertBefore(node, orgLocationNode.nextSibling);\n }\n if (!shadowRoot) {\n node['s-hn'] = tagName;\n if (orgLocationNode) {\n node['s-ol'] = orgLocationNode;\n node['s-ol']['s-nr'] = node;\n }\n }\n plt.$orgLocNodes$.delete(orgLocationId);\n });\n if (BUILD.shadowDom && shadowRoot) {\n shadowRootNodes.map((shadowRootNode) => {\n if (shadowRootNode) {\n shadowRoot.appendChild(shadowRootNode);\n }\n });\n }\n endHydrate();\n};\n/**\n * Recursively constructs the virtual node tree for a host element and its children.\n * The tree is constructed by parsing the annotations set on the nodes by the server.\n *\n * In addition to constructing the vNode tree, we also track information about the node's\n * descendants like which are slots, which should exist in the shadow root, and which\n * are nodes that should be rendered as children of the parent node.\n *\n * @param parentVNode The vNode representing the parent node.\n * @param childRenderNodes An array of all child nodes in the parent's node tree.\n * @param slotNodes An array of all slot nodes in the parent's node tree.\n * @param shadowRootNodes An array all nodes that should be rendered in the shadow root in the parent's node tree.\n * @param hostElm The parent element.\n * @param node The node to construct the vNode tree for.\n * @param hostId The host ID assigned to the element by the server.\n */\nconst clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node, hostId) => {\n let childNodeType;\n let childIdSplt;\n let childVNode;\n let i;\n if (node.nodeType === 1 /* NODE_TYPE.ElementNode */) {\n childNodeType = node.getAttribute(HYDRATE_CHILD_ID);\n if (childNodeType) {\n // got the node data from the element's attribute\n // `${hostId}.${nodeId}.${depth}.${index}`\n childIdSplt = childNodeType.split('.');\n if (childIdSplt[0] === hostId || childIdSplt[0] === '0') {\n childVNode = {\n $flags$: 0,\n $hostId$: childIdSplt[0],\n $nodeId$: childIdSplt[1],\n $depth$: childIdSplt[2],\n $index$: childIdSplt[3],\n $tag$: node.tagName.toLowerCase(),\n $elm$: node,\n $attrs$: null,\n $children$: null,\n $key$: null,\n $name$: null,\n $text$: null,\n };\n childRenderNodes.push(childVNode);\n node.removeAttribute(HYDRATE_CHILD_ID);\n // this is a new child vnode\n // so ensure its parent vnode has the vchildren array\n if (!parentVNode.$children$) {\n parentVNode.$children$ = [];\n }\n // add our child vnode to a specific index of the vnode's children\n parentVNode.$children$[childVNode.$index$] = childVNode;\n // this is now the new parent vnode for all the next child checks\n parentVNode = childVNode;\n if (shadowRootNodes && childVNode.$depth$ === '0') {\n shadowRootNodes[childVNode.$index$] = childVNode.$elm$;\n }\n }\n }\n // recursively drill down, end to start so we can remove nodes\n for (i = node.childNodes.length - 1; i >= 0; i--) {\n clientHydrate(parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node.childNodes[i], hostId);\n }\n if (node.shadowRoot) {\n // keep drilling down through the shadow root nodes\n for (i = node.shadowRoot.childNodes.length - 1; i >= 0; i--) {\n clientHydrate(parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node.shadowRoot.childNodes[i], hostId);\n }\n }\n }\n else if (node.nodeType === 8 /* NODE_TYPE.CommentNode */) {\n // `${COMMENT_TYPE}.${hostId}.${nodeId}.${depth}.${index}`\n childIdSplt = node.nodeValue.split('.');\n if (childIdSplt[1] === hostId || childIdSplt[1] === '0') {\n // comment node for either the host id or a 0 host id\n childNodeType = childIdSplt[0];\n childVNode = {\n $flags$: 0,\n $hostId$: childIdSplt[1],\n $nodeId$: childIdSplt[2],\n $depth$: childIdSplt[3],\n $index$: childIdSplt[4],\n $elm$: node,\n $attrs$: null,\n $children$: null,\n $key$: null,\n $name$: null,\n $tag$: null,\n $text$: null,\n };\n if (childNodeType === TEXT_NODE_ID) {\n childVNode.$elm$ = node.nextSibling;\n if (childVNode.$elm$ && childVNode.$elm$.nodeType === 3 /* NODE_TYPE.TextNode */) {\n childVNode.$text$ = childVNode.$elm$.textContent;\n childRenderNodes.push(childVNode);\n // remove the text comment since it's no longer needed\n node.remove();\n if (!parentVNode.$children$) {\n parentVNode.$children$ = [];\n }\n parentVNode.$children$[childVNode.$index$] = childVNode;\n if (shadowRootNodes && childVNode.$depth$ === '0') {\n shadowRootNodes[childVNode.$index$] = childVNode.$elm$;\n }\n }\n }\n else if (childVNode.$hostId$ === hostId) {\n // this comment node is specifically for this host id\n if (childNodeType === SLOT_NODE_ID) {\n // `${SLOT_NODE_ID}.${hostId}.${nodeId}.${depth}.${index}.${slotName}`;\n childVNode.$tag$ = 'slot';\n if (childIdSplt[5]) {\n node['s-sn'] = childVNode.$name$ = childIdSplt[5];\n }\n else {\n node['s-sn'] = '';\n }\n node['s-sr'] = true;\n if (BUILD.shadowDom && shadowRootNodes) {\n // browser support shadowRoot and this is a shadow dom component\n // create an actual slot element\n childVNode.$elm$ = doc.createElement(childVNode.$tag$);\n if (childVNode.$name$) {\n // add the slot name attribute\n childVNode.$elm$.setAttribute('name', childVNode.$name$);\n }\n // insert the new slot element before the slot comment\n node.parentNode.insertBefore(childVNode.$elm$, node);\n // remove the slot comment since it's not needed for shadow\n node.remove();\n if (childVNode.$depth$ === '0') {\n shadowRootNodes[childVNode.$index$] = childVNode.$elm$;\n }\n }\n slotNodes.push(childVNode);\n if (!parentVNode.$children$) {\n parentVNode.$children$ = [];\n }\n parentVNode.$children$[childVNode.$index$] = childVNode;\n }\n else if (childNodeType === CONTENT_REF_ID) {\n // `${CONTENT_REF_ID}.${hostId}`;\n if (BUILD.shadowDom && shadowRootNodes) {\n // remove the content ref comment since it's not needed for shadow\n node.remove();\n }\n else if (BUILD.slotRelocation) {\n hostElm['s-cr'] = node;\n node['s-cn'] = true;\n }\n }\n }\n }\n }\n else if (parentVNode && parentVNode.$tag$ === 'style') {\n const vnode = newVNode(null, node.textContent);\n vnode.$elm$ = node;\n vnode.$index$ = '0';\n parentVNode.$children$ = [vnode];\n }\n};\n/**\n * Recursively locate any comments representing an original location for a node in a node's\n * children or shadowRoot children.\n *\n * @param node The node to search.\n * @param orgLocNodes A map of the original location annotation and the current node being searched.\n */\nconst initializeDocumentHydrate = (node, orgLocNodes) => {\n if (node.nodeType === 1 /* NODE_TYPE.ElementNode */) {\n let i = 0;\n for (; i < node.childNodes.length; i++) {\n initializeDocumentHydrate(node.childNodes[i], orgLocNodes);\n }\n if (node.shadowRoot) {\n for (i = 0; i < node.shadowRoot.childNodes.length; i++) {\n initializeDocumentHydrate(node.shadowRoot.childNodes[i], orgLocNodes);\n }\n }\n }\n else if (node.nodeType === 8 /* NODE_TYPE.CommentNode */) {\n const childIdSplt = node.nodeValue.split('.');\n if (childIdSplt[0] === ORG_LOCATION_ID) {\n orgLocNodes.set(childIdSplt[1] + '.' + childIdSplt[2], node);\n node.nodeValue = '';\n // useful to know if the original location is\n // the root light-dom of a shadow dom component\n node['s-en'] = childIdSplt[3];\n }\n }\n};\n// Private\nconst computeMode = (elm) => modeResolutionChain.map((h) => h(elm)).find((m) => !!m);\n// Public\nconst setMode = (handler) => modeResolutionChain.push(handler);\nconst getMode = (ref) => getHostRef(ref).$modeName$;\n/**\n * Parse a new property value for a given property type.\n *\n * While the prop value can reasonably be expected to be of `any` type as far as TypeScript's type checker is concerned,\n * it is not safe to assume that the string returned by evaluating `typeof propValue` matches:\n * 1. `any`, the type given to `propValue` in the function signature\n * 2. the type stored from `propType`.\n *\n * This function provides the capability to parse/coerce a property's value to potentially any other JavaScript type.\n *\n * Property values represented in TSX preserve their type information. In the example below, the number 0 is passed to\n * a component. This `propValue` will preserve its type information (`typeof propValue === 'number'`). Note that is\n * based on the type of the value being passed in, not the type declared of the class member decorated with `@Prop`.\n * ```tsx\n * \n * ```\n *\n * HTML prop values on the other hand, will always a string\n *\n * @param propValue the new value to coerce to some type\n * @param propType the type of the prop, expressed as a binary number\n * @returns the parsed/coerced value\n */\nconst parsePropertyValue = (propValue, propType) => {\n // ensure this value is of the correct prop type\n if (propValue != null && !isComplexType(propValue)) {\n if (BUILD.propBoolean && propType & 4 /* MEMBER_FLAGS.Boolean */) {\n // per the HTML spec, any string value means it is a boolean true value\n // but we'll cheat here and say that the string \"false\" is the boolean false\n return propValue === 'false' ? false : propValue === '' || !!propValue;\n }\n if (BUILD.propNumber && propType & 2 /* MEMBER_FLAGS.Number */) {\n // force it to be a number\n return parseFloat(propValue);\n }\n if (BUILD.propString && propType & 1 /* MEMBER_FLAGS.String */) {\n // could have been passed as a number or boolean\n // but we still want it as a string\n return String(propValue);\n }\n // redundant return here for better minification\n return propValue;\n }\n // not sure exactly what type we want\n // so no need to change to a different type\n return propValue;\n};\nconst getElement = (ref) => (BUILD.lazyLoad ? getHostRef(ref).$hostElement$ : ref);\nconst createEvent = (ref, name, flags) => {\n const elm = getElement(ref);\n return {\n emit: (detail) => {\n if (BUILD.isDev && !elm.isConnected) {\n consoleDevWarn(`The \"${name}\" event was emitted, but the dispatcher node is no longer connected to the dom.`);\n }\n return emitEvent(elm, name, {\n bubbles: !!(flags & 4 /* EVENT_FLAGS.Bubbles */),\n composed: !!(flags & 2 /* EVENT_FLAGS.Composed */),\n cancelable: !!(flags & 1 /* EVENT_FLAGS.Cancellable */),\n detail,\n });\n },\n };\n};\n/**\n * Helper function to create & dispatch a custom Event on a provided target\n * @param elm the target of the Event\n * @param name the name to give the custom Event\n * @param opts options for configuring a custom Event\n * @returns the custom Event\n */\nconst emitEvent = (elm, name, opts) => {\n const ev = plt.ce(name, opts);\n elm.dispatchEvent(ev);\n return ev;\n};\nconst rootAppliedStyles = /*@__PURE__*/ new WeakMap();\nconst registerStyle = (scopeId, cssText, allowCS) => {\n let style = styles.get(scopeId);\n if (supportsConstructableStylesheets && allowCS) {\n style = (style || new CSSStyleSheet());\n if (typeof style === 'string') {\n style = cssText;\n }\n else {\n style.replaceSync(cssText);\n }\n }\n else {\n style = cssText;\n }\n styles.set(scopeId, style);\n};\nconst addStyle = (styleContainerNode, cmpMeta, mode) => {\n var _a;\n const scopeId = getScopeId(cmpMeta, mode);\n const style = styles.get(scopeId);\n if (!BUILD.attachStyles) {\n return scopeId;\n }\n // if an element is NOT connected then getRootNode() will return the wrong root node\n // so the fallback is to always use the document for the root node in those cases\n styleContainerNode = styleContainerNode.nodeType === 11 /* NODE_TYPE.DocumentFragment */ ? styleContainerNode : doc;\n if (style) {\n if (typeof style === 'string') {\n styleContainerNode = styleContainerNode.head || styleContainerNode;\n let appliedStyles = rootAppliedStyles.get(styleContainerNode);\n let styleElm;\n if (!appliedStyles) {\n rootAppliedStyles.set(styleContainerNode, (appliedStyles = new Set()));\n }\n if (!appliedStyles.has(scopeId)) {\n if (BUILD.hydrateClientSide &&\n styleContainerNode.host &&\n (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}=\"${scopeId}\"]`))) {\n // This is only happening on native shadow-dom, do not needs CSS var shim\n styleElm.innerHTML = style;\n }\n else {\n styleElm = doc.createElement('style');\n styleElm.innerHTML = style;\n // Apply CSP nonce to the style tag if it exists\n const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n if (nonce != null) {\n styleElm.setAttribute('nonce', nonce);\n }\n if (BUILD.hydrateServerSide || BUILD.hotModuleReplacement) {\n styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId);\n }\n styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));\n }\n // Add styles for `slot-fb` elements if we're using slots outside the Shadow DOM\n if (cmpMeta.$flags$ & 4 /* CMP_FLAGS.hasSlotRelocation */) {\n styleElm.innerHTML += SLOT_FB_CSS;\n }\n if (appliedStyles) {\n appliedStyles.add(scopeId);\n }\n }\n }\n else if (BUILD.constructableCSS && !styleContainerNode.adoptedStyleSheets.includes(style)) {\n styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];\n }\n }\n return scopeId;\n};\nconst attachStyles = (hostRef) => {\n const cmpMeta = hostRef.$cmpMeta$;\n const elm = hostRef.$hostElement$;\n const flags = cmpMeta.$flags$;\n const endAttachStyles = createTime('attachStyles', cmpMeta.$tagName$);\n const scopeId = addStyle(BUILD.shadowDom && supportsShadow && elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(), cmpMeta, hostRef.$modeName$);\n if ((BUILD.shadowDom || BUILD.scoped) && BUILD.cssAnnotations && flags & 10 /* CMP_FLAGS.needsScopedEncapsulation */) {\n // only required when we're NOT using native shadow dom (slot)\n // or this browser doesn't support native shadow dom\n // and this host element was NOT created with SSR\n // let's pick out the inner content for slot projection\n // create a node to represent where the original\n // content was first placed, which is useful later on\n // DOM WRITE!!\n elm['s-sc'] = scopeId;\n elm.classList.add(scopeId + '-h');\n if (BUILD.scoped && flags & 2 /* CMP_FLAGS.scopedCssEncapsulation */) {\n elm.classList.add(scopeId + '-s');\n }\n }\n endAttachStyles();\n};\nconst getScopeId = (cmp, mode) => 'sc-' + (BUILD.mode && mode && cmp.$flags$ & 32 /* CMP_FLAGS.hasMode */ ? cmp.$tagName$ + '-' + mode : cmp.$tagName$);\nconst convertScopedToShadow = (css) => css.replace(/\\/\\*!@([^\\/]+)\\*\\/[^\\{]+\\{/g, '$1{');\n/**\n * Production setAccessor() function based on Preact by\n * Jason Miller (@developit)\n * Licensed under the MIT License\n * https://github.com/developit/preact/blob/master/LICENSE\n *\n * Modified for Stencil's compiler and vdom\n */\n/**\n * When running a VDom render set properties present on a VDom node onto the\n * corresponding HTML element.\n *\n * Note that this function has special functionality for the `class`,\n * `style`, `key`, and `ref` attributes, as well as event handlers (like\n * `onClick`, etc). All others are just passed through as-is.\n *\n * @param elm the HTMLElement onto which attributes should be set\n * @param memberName the name of the attribute to set\n * @param oldValue the old value for the attribute\n * @param newValue the new value for the attribute\n * @param isSvg whether we're in an svg context or not\n * @param flags bitflags for Vdom variables\n */\nconst setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {\n if (oldValue !== newValue) {\n let isProp = isMemberInElement(elm, memberName);\n let ln = memberName.toLowerCase();\n if (BUILD.vdomClass && memberName === 'class') {\n const classList = elm.classList;\n const oldClasses = parseClassList(oldValue);\n const newClasses = parseClassList(newValue);\n classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));\n classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));\n }\n else if (BUILD.vdomStyle && memberName === 'style') {\n // update style attribute, css properties and values\n if (BUILD.updatable) {\n for (const prop in oldValue) {\n if (!newValue || newValue[prop] == null) {\n if (!BUILD.hydrateServerSide && prop.includes('-')) {\n elm.style.removeProperty(prop);\n }\n else {\n elm.style[prop] = '';\n }\n }\n }\n }\n for (const prop in newValue) {\n if (!oldValue || newValue[prop] !== oldValue[prop]) {\n if (!BUILD.hydrateServerSide && prop.includes('-')) {\n elm.style.setProperty(prop, newValue[prop]);\n }\n else {\n elm.style[prop] = newValue[prop];\n }\n }\n }\n }\n else if (BUILD.vdomKey && memberName === 'key')\n ;\n else if (BUILD.vdomRef && memberName === 'ref') {\n // minifier will clean this up\n if (newValue) {\n newValue(elm);\n }\n }\n else if (BUILD.vdomListener &&\n (BUILD.lazyLoad ? !isProp : !elm.__lookupSetter__(memberName)) &&\n memberName[0] === 'o' &&\n memberName[1] === 'n') {\n // Event Handlers\n // so if the member name starts with \"on\" and the 3rd characters is\n // a capital letter, and it's not already a member on the element,\n // then we're assuming it's an event listener\n if (memberName[2] === '-') {\n // on- prefixed events\n // allows to be explicit about the dom event to listen without any magic\n // under the hood:\n // // listens for \"click\"\n // // listens for \"Click\"\n // // listens for \"ionChange\"\n // // listens for \"EVENTS\"\n memberName = memberName.slice(3);\n }\n else if (isMemberInElement(win, ln)) {\n // standard event\n // the JSX attribute could have been \"onMouseOver\" and the\n // member name \"onmouseover\" is on the window's prototype\n // so let's add the listener \"mouseover\", which is all lowercased\n memberName = ln.slice(2);\n }\n else {\n // custom event\n // the JSX attribute could have been \"onMyCustomEvent\"\n // so let's trim off the \"on\" prefix and lowercase the first character\n // and add the listener \"myCustomEvent\"\n // except for the first character, we keep the event name case\n memberName = ln[2] + memberName.slice(3);\n }\n if (oldValue || newValue) {\n // Need to account for \"capture\" events.\n // If the event name ends with \"Capture\", we'll update the name to remove\n // the \"Capture\" suffix and make sure the event listener is setup to handle the capture event.\n const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);\n // Make sure we only replace the last instance of \"Capture\"\n memberName = memberName.replace(CAPTURE_EVENT_REGEX, '');\n if (oldValue) {\n plt.rel(elm, memberName, oldValue, capture);\n }\n if (newValue) {\n plt.ael(elm, memberName, newValue, capture);\n }\n }\n }\n else if (BUILD.vdomPropOrAttr) {\n // Set property if it exists and it's not a SVG\n const isComplex = isComplexType(newValue);\n if ((isProp || (isComplex && newValue !== null)) && !isSvg) {\n try {\n if (!elm.tagName.includes('-')) {\n const n = newValue == null ? '' : newValue;\n // Workaround for Safari, moving the caret when re-assigning the same valued\n if (memberName === 'list') {\n isProp = false;\n }\n else if (oldValue == null || elm[memberName] != n) {\n elm[memberName] = n;\n }\n }\n else {\n elm[memberName] = newValue;\n }\n }\n catch (e) {\n /**\n * in case someone tries to set a read-only property, e.g. \"namespaceURI\", we just ignore it\n */\n }\n }\n /**\n * Need to manually update attribute if:\n * - memberName is not an attribute\n * - if we are rendering the host element in order to reflect attribute\n * - if it's a SVG, since properties might not work in \n )}\n \n \n (this.listboxRef = el)}\n role=\"listbox\"\n size={this.size}\n theme={this.theme}\n >\n (this.internalOptionsContainerRef = el)}\n innerHTML={sanitize(this.internalOptionsHTML, {\n ...(typeof this.sanitizeConfig === 'string'\n ? JSON.parse(this.sanitizeConfig)\n : this.sanitizeConfig),\n ADD_ATTR: ['prevent-deselection'],\n })}\n part=\"options-container\"\n >\n \n \n \n )\n }\n}\n",":host {\n /* layout */\n --ld-select-popper-min-width: 12.8125rem;\n --ld-select-popper-max-height: min(23.75rem, 75vh - 1.25rem);\n\n /* colors */\n --ld-select-popper-border-col: var(--ld-col-neutral-100);\n min-width: var(--ld-select-popper-min-width);\n}\n\n.ld-select-popper {\n min-width: 100%;\n\n &:not(.ld-select-popper--expanded) {\n display: none;\n }\n\n ::slotted(.ld-select__shadow) {\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n box-shadow: var(--ld-shadow-sticky);\n border-radius: var(--ld-br-m);\n pointer-events: none;\n z-index: -1;\n }\n}\n\n.ld-select-popper__scroll-container {\n max-height: var(--ld-select-popper-max-height);\n overflow-y: auto;\n border-bottom-left-radius: var(--ld-br-m);\n border-bottom-right-radius: var(--ld-br-m);\n border-top: solid var(--ld-select-popper-border-col) var(--ld-sp-1);\n overscroll-behavior: contain;\n\n .ld-select-popper--detached:not(.ld-select-popper--filter) &,\n .ld-select-popper--pinned:not(.ld-select-popper--filter) & {\n border-top: 0;\n border-radius: var(--ld-br-m);\n }\n\n .ld-select-popper--all-filtered & {\n border-top: 0;\n }\n}\n\n.ld-select-popper__shadow {\n position: absolute;\n width: 100%;\n height: calc(100% + var(--ld-select-min-height-md));\n box-shadow: var(--ld-shadow-sticky);\n border-radius: var(--ld-br-m);\n pointer-events: none;\n z-index: -1;\n bottom: 0;\n\n .ld-select-popper--detached & {\n height: 100% !important;\n }\n}\n\n.ld-select-popper__filter-container {\n align-items: center;\n background-color: var(--ld-col-wht);\n border-top: solid var(--ld-col-neutral-100) var(--ld-sp-1);\n color: var(--ld-col-neutral-900);\n display: grid;\n font: var(--ld-typo-label-m);\n grid-template-columns: 1fr auto;\n\n .ld-select-popper--detached &,\n .ld-select-popper--pinned & {\n border-top: 0;\n border-top-left-radius: var(--ld-br-m);\n border-top-right-radius: var(--ld-br-m);\n }\n\n .ld-select-popper--all-filtered & {\n border-bottom-left-radius: var(--ld-br-m);\n border-bottom-right-radius: var(--ld-br-m);\n }\n}\n\n.ld-select-popper__create-button {\n font: var(--ld-typo-label-s);\n line-height: var(--ld-select-trigger-line-height);\n margin-right: var(--ld-sp-8);\n\n &::part(button) {\n --ld-button-padding-x-sm: var(--ld-sp-6);\n --ld-button-padding-y-sm: var(--ld-sp-4);\n min-height: 0;\n min-width: 0;\n }\n}\n\n.ld-select-popper__filter-input {\n appearance: none;\n background-color: transparent;\n border: 0;\n box-sizing: border-box;\n color: inherit;\n font: inherit;\n height: 2.5rem;\n line-height: var(--ld-select-trigger-line-height);\n outline: none;\n padding: var(--ld-sp-8) var(--ld-sp-12);\n width: 100%;\n\n &::placeholder {\n color: var(--ld-col-neutral-600);\n }\n\n .ld-select-popper--detached &,\n .ld-select-popper--pinned & {\n border-top: 0;\n border-top-left-radius: var(--ld-br-m);\n border-top-right-radius: var(--ld-br-m);\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\n\n/** @internal **/\n@Component({\n tag: 'ld-select-popper',\n styleUrl: 'ld-select-popper.shadow.css',\n shadow: true,\n})\nexport class LdSelectPopper {\n @Element() el: HTMLElement\n\n /** Indicates that all options are filtered (used in creatable mode) */\n @Prop() allOptionsFiltered?: boolean\n\n /** A watcher is applied to the CSS class in order to be able to react to tether changes. */\n @Prop({ reflect: true }) class?: string\n\n /**\n * Creatable mode can be enabled when the filter prop is set to true.\n * This mode allows the user to create new options using the filter input field.\n */\n @Prop() creatable?: boolean\n\n /** The \"create\" input label (creatable mode). */\n @Prop() createInputLabel!: string\n\n /** The \"create\" button label (creatable mode). */\n @Prop() createButtonLabel!: string\n\n /** Popper is visually detached from the select trigger element (there's a gap between the two). */\n @Prop() detached?: boolean\n\n /** Indicates if select element is expanded. */\n @Prop() expanded? = false\n\n /** Set this property to `true` in order to enable an input field for filtering options. */\n @Prop() filter?: boolean\n\n /** The filter input value matches an option (do not allow to create the option). */\n @Prop() filterMatchesOption?: boolean\n\n /** The filter input placeholder. */\n @Prop() filterPlaceholder!: string\n\n /** Attaches CSS class to the select popper element. */\n @Prop() popperClass?: string\n\n /** Size of the select trigger button (required for applying the correct shadow height). */\n @Prop() size?: 'sm' | 'lg'\n\n /** Since the select popper is located outside the select element, the theme needs to be applied as a prop. */\n @Prop() theme?: string\n\n @State() isPinned = false\n @State() shadowHeight = '100%'\n @State() filterInputValue = ''\n @State() canCreate = false\n\n /**\n * @internal\n * Emitted on filter change with the filter input value.\n */\n @Event() ldselectfilterchange: EventEmitter\n\n /**\n * @internal\n * Emitted on create button click in filter input field.\n */\n @Event() ldselectfiltercreate: EventEmitter\n\n private handleFilterInput = (ev) => {\n this.filterInputValue = ev.target.value\n this.ldselectfilterchange.emit(ev.target.value)\n }\n\n private handleCreate = (ev) => {\n ev.preventDefault()\n const value = this.filterInputValue\n this.filterInputValue = ''\n this.ldselectfiltercreate.emit(value)\n }\n\n @Watch('creatable')\n @Watch('filterMatchesOption')\n @Watch('filterInputValue')\n updateCanCreate() {\n this.canCreate = Boolean(\n this.creatable && !this.filterMatchesOption && this.filterInputValue\n )\n }\n\n @Watch('class')\n updatePinnedState() {\n this.isPinned = this.el.classList.contains('ld-tether-pinned')\n }\n\n @Watch('theme')\n updatePopperTheme(newValue: string, oldValue: string) {\n this.el.classList.remove(`ld-theme-${oldValue}`)\n if (newValue) this.el.classList.add(`ld-theme-${newValue}`)\n }\n\n @Watch('expanded')\n updateFilter(newExpanded: boolean) {\n if (!newExpanded) {\n this.resetFilter()\n }\n }\n\n /** Updates shadow height */\n @Method()\n async updateShadowHeight(height: string) {\n this.shadowHeight = height\n }\n\n /** Focuses the tab */\n @Method()\n async resetFilter() {\n this.filterInputValue = ''\n }\n\n componentWillLoad() {\n this.popperClass && this.el.classList.add(this.popperClass)\n }\n\n render() {\n return (\n \n \n {this.filter && (\n
\n \n {this.canCreate && (\n \n \n \n \n \n )}\n
\n )}\n \n \n \n \n \n \n )\n }\n}\n"],"mappings":"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"}
\ No newline at end of file
diff --git a/1704966176737/dist/build/p-24dedd5e.entry.js b/1704966176737/dist/build/p-24dedd5e.entry.js
deleted file mode 100644
index 7bdbe0d841..0000000000
--- a/1704966176737/dist/build/p-24dedd5e.entry.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{r as l,c as t,h as o,H as i,g as e}from"./p-21a69c18.js";import{g as d}from"./p-1133c92e.js";import{c as a}from"./p-71026bf3.js";import{r as n}from"./p-8dc70a87.js";import{i as s}from"./p-b05f0e4e.js";const r=':host{display:contents}@keyframes ld-modal-in{0%{transform:translateY(2rem)}to{transform:translateY(0)}}@keyframes ld-modal-out{0%{transform:scale(1)}to{transform:scale(.9)}}@keyframes ld-modal-out-mobile{0%{transform:translateY(0)}to{transform:translateY(2rem)}}:host,dialog.ld-modal{--ld-modal-bg-col:var(--ld-col-wht);--ld-modal-fixed-padding-x:var(--ld-sp-16);--ld-modal-fixed-padding-y:var(--ld-sp-16);--ld-modal-padding-x:var(--ld-sp-16);--ld-modal-padding-y:var(--ld-sp-24);--ld-modal-fixed-bg-col:var(--ld-col-neutral-010);--ld-modal-transition-duration:var(--ld-transition-duration-instant);--ld-modal-max-inline-size:30rem;--ld-modal-max-block-size:70rem;--ld-modal-min-inline-size:18rem}@media (prefers-reduced-motion:no-preference){:host,dialog.ld-modal{--ld-modal-transition-duration:var(--ld-transition-duration-normal)}}:host dialog,dialog.ld-modal{animation:ld-modal-in var(--ld-modal-transition-duration) ease-out forwards;border:0;border-radius:var(--ld-br-l);box-shadow:var(--ld-shadow-active);color:var(--ld-col-neutral-900);color-scheme:var(--ld-modal-color-scheme,none);display:flex;flex-direction:column;inset:0;margin:auto;max-block-size:min(calc(100% - var(--ld-sp-24) - var(--ld-sp-40)),var(--ld-modal-max-block-size));max-inline-size:min(calc(100% - var(--ld-sp-32)),var(--ld-modal-max-inline-size));min-inline-size:var(--ld-modal-min-inline-size);overflow:visible;padding:0;position:fixed;transition:opacity var(--ld-modal-transition-duration) linear,transform var(--ld-modal-transition-duration) ease;z-index:2147483647}@media (width <= 32rem){:host dialog,dialog.ld-modal{margin-bottom:var(--ld-sp-40)}}:host dialog:not([open]),dialog.ld-modal:not([open]){animation:ld-modal-out var(--ld-modal-transition-duration) ease-in forwards;opacity:0;pointer-events:none;transition:opacity var(--ld-modal-transition-duration) linear,visibility 0s var(--ld-modal-transition-duration) linear,transform var(--ld-modal-transition-duration) ease;visibility:hidden}@media (width <= 32rem){:host dialog:not([open]),dialog.ld-modal:not([open]){animation-name:ld-modal-out-mobile}}:host dialog:after,dialog.ld-modal:after{background-color:var(--ld-modal-bg-col);border-radius:inherit;content:"";inset:0;position:absolute;z-index:-1}:host dialog:before,dialog.ld-modal:before{background-color:var(--ld-thm-primary-active);content:"";inset:0;opacity:.3;position:fixed;transform:scale(99);z-index:-2}:host(.ld-modal--blurry-backdrop) dialog::backdrop,dialog.ld-modal--blurry-backdrop::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ld-modal__x{-webkit-appearance:none;appearance:none;background-color:initial;border:var(--ld-sp-8) solid #0000;box-sizing:border-box;cursor:pointer;display:inline-flex;height:3rem;margin:auto calc(var(--ld-sp-16) * -1) auto auto;overflow:hidden;place-self:flex-start flex-end;position:relative;width:3rem}.ld-modal__x:after,.ld-modal__x:before{background-color:var(--ld-col-neutral-900);border-radius:1rem;content:"";display:block;height:1.25rem;left:50%;position:absolute;top:50%;width:.15rem}.ld-modal__x:before{transform:translateX(-50%) translateY(-50%) rotate(45deg)}.ld-modal__x:after{transform:translateX(-50%) translateY(-50%) rotate(-45deg)}.ld-modal__content{flex-grow:1;overflow:hidden auto;overscroll-behavior:none;padding:var(--ld-modal-padding-y) var(--ld-modal-padding-x)}.ld-modal__footer,.ld-modal__header{align-items:center;background-color:var(--ld-modal-fixed-bg-col);display:grid;gap:var(--ld-modal-fixed-padding-x);grid-auto-flow:column;padding:0 var(--ld-modal-fixed-padding-x)}.ld-modal__header{border-radius:var(--ld-br-l) var(--ld-br-l) 0 0}.ld-modal__header>::slotted(:not(.ld-modal__x)),.ld-modal__header>:not(.ld-modal__x){padding:var(--ld-sp-12) 0}.ld-modal__footer{border-radius:0 0 var(--ld-br-l) var(--ld-br-l);justify-content:flex-end}.ld-modal__footer>*,.ld-modal__footer>::slotted(*){margin:var(--ld-modal-fixed-padding-y) 0}';const g=class{constructor(o){l(this,o);this.ldmodalopening=t(this,"ldmodalopening",7);this.ldmodalopened=t(this,"ldmodalopened",7);this.ldmodalclosing=t(this,"ldmodalclosing",7);this.ldmodalclosed=t(this,"ldmodalclosed",7);this.handleClose=()=>{this.open=false};this.handleCancel=l=>{if(!this.cancelable){l.preventDefault()}};this.handleClick=l=>{if(this.cancelable&&l.target.tagName==="DIALOG"){this.close()}};this.handleTransitionEnd=()=>{if(this.open){this.ldmodalopened.emit()}else{this.ldmodalclosed.emit()}};this.cancelable=true;this.open=undefined;this.blurryBackdrop=false}async showModal(){this.open=true}async close(){this.open=false}handleKeyDown(l){if(l.key==="Escape"&&this.cancelable){this.open=false}}onOpenChange(l){if(l){this.dialogRef.showModal();this.ldmodalopening.emit()}else{this.dialogRef.close();this.ldmodalclosing.emit()}}componentDidLoad(){this.dialogRef.addEventListener("cancel",this.handleCancel)}disconnectedCallback(){if(this.dialogRef){this.dialogRef.removeEventListener("cancel",this.handleCancel)}}render(){const l=d(["ld-modal",this.blurryBackdrop&&"ld-modal--blurry-backdrop"]);return o(i,{class:l},o("dialog",{onClick:this.handleClick,onClose:this.handleClose,onTransitionEnd:this.handleTransitionEnd,open:this.open,part:"dialog",ref:l=>this.dialogRef=l},o("header",{class:"ld-modal__header",part:"header"},o("slot",{name:"header"}),this.cancelable&&o("button",{class:"ld-modal__x","aria-label":"Dismiss",onClick:this.close.bind(this)})),o("div",{class:"ld-modal__content",part:"content"},o("slot",null)),o("footer",{class:"ld-modal__footer",part:"footer"},o("slot",{name:"footer"}))))}get el(){return e(this)}static get watchers(){return{open:["onOpenChange"]}}};g.style=r;const c='.ld-toggle,:host{--ld-toggle-height:2rem;--ld-toggle-width:3.375rem;--ld-toggle-inner-space:0.125rem;--ld-toggle-with-icons-width:4.5rem;--ld-toggle-lg-height:2.5rem;--ld-toggle-lg-width:4.1875rem;--ld-toggle-lg-inner-space:0.1875rem;--ld-toggle-lg-with-icons-width:6rem;--ld-toggle-border-radius:var(--ld-br-full);--ld-toggle-knob-border-radius:var(--ld-br-full);--ld-toggle-input-bg-col:var(--ld-col-neutral-600);--ld-toggle-icon-start-col:var(--ld-col-wht);--ld-toggle-icon-end-col:var(--ld-col-neutral-900);--ld-toggle-knob-bg-col:var(--ld-col-wht);--ld-toggle-checked-icon-start-col:var(--ld-col-neutral-900);--ld-toggle-checked-icon-end-col:var(--ld-col-wht);--ld-toggle-disabled-input-bg-col:var(--ld-col-neutral-050);--ld-toggle-disabled-icon-col:var(--ld-col-neutral-200);--ld-toggle-disabled-knob-bg-col:var(--ld-col-wht);--ld-toggle-with-icons-input-bg-col:var(--ld-col-neutral-100);--ld-toggle-with-icons-disabled-input-bg-col:var(--ld-col-neutral-050);--ld-toggle-checked-bg-col:var(--ld-thm-primary);--ld-toggle-invalid-input-bg-col:var(--ld-thm-error);--ld-toggle-invalid-knob-bg-col:var(--ld-thm-error);--ld-toggle-with-icons-knob-col:var(--ld-thm-primary);align-items:center;display:flex;height:var(--ld-toggle-height);min-width:auto!important;position:relative;width:var(--ld-toggle-width)}.ld-toggle input,:host input{-webkit-appearance:none;appearance:none;background-color:var(--ld-toggle-input-bg-col);border-radius:var(--ld-toggle-border-radius);height:100%;margin:0;position:absolute;transition:background-color var(--ld-transition-duration-normal) ease-in-out;width:100%;z-index:0}.ld-toggle input:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))),:host input:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){cursor:pointer}.ld-toggle input:checked,:host input:checked{background-color:var(--ld-toggle-checked-bg-col)}.ld-toggle input:checked:disabled,.ld-toggle input:checked[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])),:host input:checked:disabled,:host input:checked[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){background-color:var(--ld-toggle-disabled-input-bg-col)}.ld-toggle input:checked~.ld-toggle__knob,:host input:checked~.ld-toggle__knob{transform:translateX(calc(var(--ld-toggle-width) - var(--ld-toggle-height)))}.ld-toggle input:checked~.ld-toggle__icon-start,:host input:checked~.ld-toggle__icon-start{color:var(--ld-toggle-checked-icon-start-col)}.ld-toggle input:checked~.ld-toggle__icon-end,:host input:checked~.ld-toggle__icon-end{color:var(--ld-toggle-checked-icon-end-col)}.ld-toggle input:disabled,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])),:host input:disabled,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){background-color:var(--ld-toggle-disabled-input-bg-col)}.ld-toggle input:disabled:checked~.ld-toggle__icon-end,.ld-toggle input:disabled:checked~.ld-toggle__icon-start,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):checked~.ld-toggle__icon-end,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):checked~.ld-toggle__icon-start,:host input:disabled:checked~.ld-toggle__icon-end,:host input:disabled:checked~.ld-toggle__icon-start,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):checked~.ld-toggle__icon-end,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):checked~.ld-toggle__icon-start{color:var(--ld-toggle-disabled-icon-col)}.ld-toggle input:disabled:not(:checked)~.ld-toggle__icon-end,.ld-toggle input:disabled:not(:checked)~.ld-toggle__icon-start,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):not(:checked)~.ld-toggle__icon-end,.ld-toggle input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):not(:checked)~.ld-toggle__icon-start,:host input:disabled:not(:checked)~.ld-toggle__icon-end,:host input:disabled:not(:checked)~.ld-toggle__icon-start,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):not(:checked)~.ld-toggle__icon-end,:host input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])):not(:checked)~.ld-toggle__icon-start{color:var(--ld-toggle-disabled-icon-col)}.ld-toggle .ld-toggle__knob,:host .ld-toggle__knob{background-color:var(--ld-toggle-knob-bg-col);border-radius:var(--ld-toggle-knob-border-radius);display:block;height:calc(var(--ld-toggle-height) - var(--ld-toggle-inner-space) * 2);margin:var(--ld-toggle-inner-space);pointer-events:none;transition:transform var(--ld-transition-duration-normal) ease-in-out;width:calc(var(--ld-toggle-height) - var(--ld-toggle-inner-space) * 2);z-index:1}.ld-toggle input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):invalid,:host input:where(:not(:disabled):not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])))):invalid{background-color:var(--ld-toggle-invalid-input-bg-col)}.ld-toggle--lg,:host(.ld-toggle--lg){--ld-toggle-height:var(--ld-toggle-lg-height);--ld-toggle-width:var(--ld-toggle-lg-width);--ld-toggle-inner-space:var(--ld-toggle-lg-inner-space)}.ld-toggle--lg.ld-toggle--with-icons,:host(.ld-toggle--lg.ld-toggle--with-icons){--ld-toggle-width:var(--ld-toggle-lg-with-icons-width)}.ld-toggle--lg.ld-toggle--with-icons .ld-toggle__icon-end,.ld-toggle--lg.ld-toggle--with-icons .ld-toggle__icon-start,:host(.ld-toggle--lg.ld-toggle--with-icons) .ld-toggle__icon-end,:host(.ld-toggle--lg.ld-toggle--with-icons) .ld-toggle__icon-start{margin:auto .75rem}.ld-toggle--with-icons,:host(.ld-toggle--with-icons){--ld-toggle-width:var(--ld-toggle-with-icons-width)}.ld-toggle--with-icons input:not(:disabled),:host(.ld-toggle--with-icons) input:not(:disabled){background-color:var(--ld-toggle-with-icons-input-bg-col)}.ld-toggle--with-icons input:invalid~.ld-toggle__knob,:host(.ld-toggle--with-icons) input:invalid~.ld-toggle__knob{background-color:var(--ld-toggle-invalid-knob-bg-col)}.ld-toggle--with-icons input:disabled,.ld-toggle--with-icons input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])),:host(.ld-toggle--with-icons) input:disabled,:host(.ld-toggle--with-icons) input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false])){background-color:var(--ld-toggle-with-icons-disabled-input-bg-col)}.ld-toggle--with-icons input:disabled~.ld-toggle__knob,.ld-toggle--with-icons input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))~.ld-toggle__knob,:host(.ld-toggle--with-icons) input:disabled~.ld-toggle__knob,:host(.ld-toggle--with-icons) input[aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))~.ld-toggle__knob{background-color:var(--ld-toggle-disabled-knob-bg-col)}.ld-toggle--with-icons .ld-toggle__knob,:host(.ld-toggle--with-icons) .ld-toggle__knob{background-color:var(--ld-toggle-with-icons-knob-col)}.ld-toggle--with-icons .ld-toggle__icon-end,.ld-toggle--with-icons .ld-toggle__icon-start,:host(.ld-toggle--with-icons) .ld-toggle__icon-end,:host(.ld-toggle--with-icons) .ld-toggle__icon-start{margin:auto .5rem}.ld-toggle__icon-end,.ld-toggle__icon-start{align-items:center;display:flex;pointer-events:none;position:absolute;transition:color var(--ld-transition-duration-normal) ease-in-out;z-index:1}.ld-toggle__icon-end:empty,.ld-toggle__icon-start:empty{display:none}.ld-toggle__icon-start{color:var(--ld-toggle-icon-start-col);left:0}.ld-toggle__icon-end{color:var(--ld-toggle-icon-end-col);right:0}';const h=class{constructor(o){l(this,o);this.ldchange=t(this,"ldchange",7);this.ldinput=t(this,"ldinput",7);this.handleChange=l=>{this.el.dispatchEvent(new InputEvent("change",l));this.ldchange.emit(this.checked)};this.handleClick=l=>{if(s(this.ariaDisabled)){l.preventDefault();return}this.checked=!this.checked;if(!l.isTrusted){this.el.dispatchEvent(new InputEvent("input",{bubbles:true,composed:true}));this.handleInput();this.el.dispatchEvent(new InputEvent("change",{bubbles:true}));this.ldchange.emit(this.checked)}};this.handleInput=()=>{this.ldinput.emit(this.checked)};this.ariaDisabled=undefined;this.autofocus=undefined;this.checked=false;this.disabled=undefined;this.form=undefined;this.invalid=undefined;this.ldTabindex=undefined;this.name=undefined;this.readonly=undefined;this.required=undefined;this.size=undefined;this.value=undefined;this.clonedAttributes=undefined}async focusInner(){if(this.input!==undefined){this.input.focus()}}updateHiddenInput(){const l=this.el.closest("form");if(!this.hiddenInput&&this.name&&(l||this.form)){this.createHiddenInput()}if(this.hiddenInput){if(!this.name){this.hiddenInput.remove();this.hiddenInput=undefined;return}this.hiddenInput.name=this.name;this.hiddenInput.checked=this.checked;if(this.value){this.hiddenInput.value=this.value}else{this.hiddenInput.removeAttribute("value")}if(this.form){this.hiddenInput.setAttribute("form",this.form)}else if(this.hiddenInput.getAttribute("form")){if(l){this.hiddenInput.removeAttribute("form")}else{this.hiddenInput.remove();this.hiddenInput=undefined}}}}createHiddenInput(){this.hiddenInput=document.createElement("input");this.hiddenInput.type="checkbox";this.hiddenInput.style.visibility="hidden";this.hiddenInput.style.position="absolute";this.hiddenInput.style.pointerEvents="none";this.el.appendChild(this.hiddenInput)}componentWillLoad(){this.attributesObserver=a.call(this,["size"]);this.hasIcons=!!this.el.querySelector('[slot="icon-start"]')||!!this.el.querySelector('[slot="icon-end"]');const l=this.el.closest("form");if(this.name&&(l||this.form)){this.createHiddenInput();this.hiddenInput.checked=this.checked;this.hiddenInput.name=this.name;if(this.form){this.hiddenInput.setAttribute("form",this.form)}if(this.value){this.hiddenInput.value=this.value}}n(this.autofocus)}disconnectedCallback(){if(this.attributesObserver)this.attributesObserver.disconnect()}render(){return o(i,{class:d(["ld-toggle",this.size==="lg"&&"ld-toggle--lg",this.hasIcons&&"ld-toggle--with-icons"]),onClick:this.handleClick},o("input",Object.assign({},this.clonedAttributes,{"aria-disabled":this.ariaDisabled,checked:this.checked,disabled:this.disabled,onChange:this.handleChange,onInput:this.handleInput,part:"input focusable",ref:l=>this.input=l,required:this.required,tabIndex:this.ldTabindex,type:"checkbox",value:this.value})),o("span",{class:"ld-toggle__knob",part:"knob"}),this.hasIcons&&o("div",{class:"ld-toggle__icon-start",part:"icon-wrapper icon-wrapper-start"},o("slot",{name:"icon-start"})),this.hasIcons&&o("div",{class:"ld-toggle__icon-end",part:"icon-wrapper icon-wrapper-end"},o("slot",{name:"icon-end"})))}get el(){return e(this)}static get watchers(){return{checked:["updateHiddenInput"],name:["updateHiddenInput"],value:["updateHiddenInput"]}}};h.style=c;export{g as ld_modal,h as ld_toggle};
-//# sourceMappingURL=p-24dedd5e.entry.js.map
\ No newline at end of file
diff --git a/1704966176737/dist/build/p-24dedd5e.entry.js.map b/1704966176737/dist/build/p-24dedd5e.entry.js.map
deleted file mode 100644
index fb45328ca9..0000000000
--- a/1704966176737/dist/build/p-24dedd5e.entry.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"names":["ldModalCss","LdModal","this","handleClose","open","handleCancel","ev","cancelable","preventDefault","handleClick","target","tagName","close","handleTransitionEnd","ldmodalopened","emit","ldmodalclosed","showModal","handleKeyDown","key","onOpenChange","dialogRef","ldmodalopening","ldmodalclosing","componentDidLoad","addEventListener","disconnectedCallback","removeEventListener","render","cl","getClassNames","blurryBackdrop","h","Host","class","onClick","onClose","onTransitionEnd","part","ref","el","name","bind","ldToggleCss","LdToggle","handleChange","event","dispatchEvent","InputEvent","ldchange","checked","isAriaDisabled","ariaDisabled","isTrusted","bubbles","composed","handleInput","ldinput","focusInner","input","undefined","focus","updateHiddenInput","outerForm","closest","hiddenInput","form","createHiddenInput","remove","value","removeAttribute","setAttribute","getAttribute","document","createElement","type","style","visibility","position","pointerEvents","appendChild","componentWillLoad","attributesObserver","cloneAttributes","call","hasIcons","querySelector","registerAutofocus","autofocus","disconnect","size","Object","assign","clonedAttributes","disabled","onChange","onInput","required","tabIndex","ldTabindex"],"sources":["../src/liquid/components/ld-modal/ld-modal.css?tag=ld-modal&encapsulation=shadow","../src/liquid/components/ld-modal/ld-modal.tsx","../src/liquid/components/ld-toggle/ld-toggle.css?tag=ld-toggle&encapsulation=shadow","../src/liquid/components/ld-toggle/ld-toggle.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n@keyframes ld-modal-in {\n from {\n transform: translateY(2rem);\n }\n\n to {\n transform: translateY(0);\n }\n}\n\n@keyframes ld-modal-out {\n from {\n transform: scale(1);\n }\n\n to {\n transform: scale(0.9);\n }\n}\n\n@keyframes ld-modal-out-mobile {\n from {\n transform: translateY(0);\n }\n\n to {\n transform: translateY(2rem);\n }\n}\n\ndialog.ld-modal,\n:host {\n --ld-modal-bg-col: var(--ld-col-wht);\n --ld-modal-fixed-padding-x: var(--ld-sp-16);\n --ld-modal-fixed-padding-y: var(--ld-sp-16);\n --ld-modal-padding-x: var(--ld-sp-16);\n --ld-modal-padding-y: var(--ld-sp-24);\n --ld-modal-fixed-bg-col: var(--ld-col-neutral-010);\n --ld-modal-transition-duration: var(--ld-transition-duration-instant);\n --ld-modal-max-inline-size: 30rem;\n --ld-modal-max-block-size: 70rem;\n --ld-modal-min-inline-size: 18rem;\n\n @media (prefers-reduced-motion: no-preference) {\n --ld-modal-transition-duration: var(--ld-transition-duration-normal);\n }\n}\n\ndialog.ld-modal,\n:host dialog {\n /* overwrites */\n border: 0;\n color: var(--ld-col-neutral-900);\n color-scheme: var(--ld-modal-color-scheme, none);\n display: flex; /* allows for transitions */\n flex-direction: column;\n inset: 0; /* keeps the dialog positioned correctly during closing transition */\n margin: auto;\n overflow: visible; /* required due to scalehack */\n padding: 0;\n position: fixed; /* makes sure it stays fixed during closing transition */\n z-index: 2147483647; /* makes sure it is not overlapped during closing transition */\n\n animation: ld-modal-in var(--ld-modal-transition-duration) ease-out forwards;\n border-radius: var(--ld-br-l);\n box-shadow: var(--ld-shadow-active);\n\n /* dimensions */\n max-block-size: min(\n /* account for additional margin bottom on mobile */\n calc(100% - var(--ld-sp-24) - var(--ld-sp-40)),\n var(--ld-modal-max-block-size)\n );\n max-inline-size: min(\n calc(100% - var(--ld-sp-32)),\n var(--ld-modal-max-inline-size)\n );\n min-inline-size: var(--ld-modal-min-inline-size);\n\n transition: opacity var(--ld-modal-transition-duration) linear,\n transform var(--ld-modal-transition-duration) ease;\n\n @media (width <= 32rem) {\n /*\n On mobile we place the dialog at the bottom of the screen\n so that it is easier for the user to interact with it. */\n margin-bottom: var(--ld-sp-40);\n }\n\n &:not([open]) {\n animation: ld-modal-out var(--ld-modal-transition-duration) ease-in forwards;\n opacity: 0;\n pointer-events: none;\n transition: opacity var(--ld-modal-transition-duration) linear,\n visibility 0s var(--ld-modal-transition-duration) linear,\n transform var(--ld-modal-transition-duration) ease;\n visibility: hidden;\n\n @media (width <= 32rem) {\n /*\n On mobile, since the dialog is placed at the bottom of the screen,\n we transition it out slightly differently than on wide view ports. */\n animation-name: ld-modal-out-mobile;\n }\n }\n\n &::after {\n background-color: var(--ld-modal-bg-col);\n border-radius: inherit;\n content: '';\n inset: 0;\n position: absolute;\n z-index: -1;\n }\n\n &::before {\n background-color: var(--ld-thm-primary-active);\n content: '';\n inset: 0;\n opacity: 0.3;\n position: fixed;\n transform: scale(99); /* scalehack required due to animation */\n z-index: -2;\n }\n}\n\ndialog.ld-modal--blurry-backdrop,\n:host(.ld-modal--blurry-backdrop) dialog {\n &::backdrop {\n backdrop-filter: blur(5px);\n }\n}\n\n/* custom icon cross */\n.ld-modal__x {\n place-self: flex-start flex-end;\n appearance: none;\n background-color: transparent;\n border: solid transparent var(--ld-sp-8);\n box-sizing: border-box;\n cursor: pointer;\n display: inline-flex;\n height: 3rem;\n margin: auto calc(var(--ld-sp-16) * -1) auto auto;\n overflow: hidden;\n position: relative;\n width: 3rem;\n\n &::before,\n &::after {\n border-radius: 1rem;\n background-color: var(--ld-col-neutral-900);\n content: '';\n display: block;\n height: 1.25rem;\n left: 50%;\n position: absolute;\n top: 50%;\n width: 0.15rem;\n }\n\n &::before {\n transform: translateX(-50%) translateY(-50%) rotate(45deg);\n }\n\n &::after {\n transform: translateX(-50%) translateY(-50%) rotate(-45deg);\n }\n}\n\n.ld-modal__content {\n flex-grow: 1;\n overflow: hidden auto;\n overscroll-behavior: none;\n padding: var(--ld-modal-padding-y) var(--ld-modal-padding-x);\n}\n\n.ld-modal__header,\n.ld-modal__footer {\n align-items: center;\n background-color: var(--ld-modal-fixed-bg-col);\n display: grid;\n grid-auto-flow: column;\n gap: var(--ld-modal-fixed-padding-x);\n padding: 0 var(--ld-modal-fixed-padding-x);\n}\n\n.ld-modal__header {\n border-radius: var(--ld-br-l) var(--ld-br-l) 0 0;\n\n > *:not(.ld-modal__x),\n > ::slotted(*:not(.ld-modal__x)) {\n padding: var(--ld-sp-12) 0;\n }\n}\n\n.ld-modal__footer {\n border-radius: 0 0 var(--ld-br-l) var(--ld-br-l);\n justify-content: flex-end;\n\n > *,\n > ::slotted(*) {\n margin: var(--ld-modal-fixed-padding-y) 0;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part dialog - Actual `dialog` element\n * @part content - `div` element wrapping the default slot\n * @part footer - `footer` element\n * @part header - `header` element\n */\n@Component({\n tag: 'ld-modal',\n styleUrl: 'ld-modal.css',\n shadow: true,\n})\nexport class LdModal {\n @Element() el: HTMLElement\n private dialogRef: HTMLDialogElement\n\n /** The modal is cancelable by default. However, you can change this using this prop. */\n @Prop() cancelable? = true\n\n /** Indicates that the modal dialog is active and can be interacted with. */\n @Prop({ mutable: true, reflect: true }) open?: boolean\n\n /** Use a blurry backdrop. */\n @Prop() blurryBackdrop? = false\n\n /** Emitted when modal is opening (before transition). */\n @Event() ldmodalopening: EventEmitter\n\n /** Emitted when modal has opened (after transition). */\n @Event() ldmodalopened: EventEmitter\n\n /** Emitted when modal is closing (before transition). */\n @Event() ldmodalclosing: EventEmitter\n\n /** Emitted when modal has closed (after transition). */\n @Event() ldmodalclosed: EventEmitter\n\n /** Opens the modal dialog. */\n @Method()\n async showModal() {\n this.open = true\n }\n\n /** Closes the modal dialog. */\n @Method()\n async close() {\n this.open = false\n }\n\n @Listen('keydown', { passive: true, target: 'window' })\n handleKeyDown(ev: KeyboardEvent) {\n if (ev.key === 'Escape' && this.cancelable) {\n this.open = false\n }\n }\n\n @Watch('open')\n onOpenChange(open: boolean) {\n // Calling the showModal and close methods on the dialog element here\n // is super important, because these make the native focus trap and\n // the backdrop feature work.\n // TODO: Remove @ts-ignore comments as soon as TS types get updated.\n if (open) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n this.dialogRef.showModal()\n this.ldmodalopening.emit()\n } else {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n this.dialogRef.close()\n this.ldmodalclosing.emit()\n }\n }\n\n private handleClose = () => {\n // When the dialog is closed with the Esc key we need to\n // update the open prop explicitly.\n this.open = false\n }\n\n private handleCancel = (ev: Event) => {\n if (!this.cancelable) {\n ev.preventDefault()\n }\n }\n\n private handleClick = (ev: MouseEvent) => {\n if (this.cancelable && (ev.target as HTMLElement).tagName === 'DIALOG') {\n this.close()\n }\n }\n\n private handleTransitionEnd = () => {\n if (this.open) {\n this.ldmodalopened.emit()\n } else {\n this.ldmodalclosed.emit()\n }\n }\n\n componentDidLoad() {\n this.dialogRef.addEventListener('cancel', this.handleCancel)\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.dialogRef) {\n this.dialogRef.removeEventListener('cancel', this.handleCancel)\n }\n }\n\n render() {\n const cl = getClassNames([\n 'ld-modal',\n this.blurryBackdrop && 'ld-modal--blurry-backdrop',\n ])\n\n return (\n \n (this.dialogRef = el as HTMLDialogElement)}\n >\n \n \n {this.cancelable && (\n \n )}\n \n
\n \n
\n \n \n \n )\n }\n}\n",":host,\n.ld-toggle {\n /* layout */\n --ld-toggle-height: 2rem;\n --ld-toggle-width: 3.375rem;\n --ld-toggle-inner-space: 0.125rem;\n --ld-toggle-with-icons-width: 4.5rem;\n --ld-toggle-lg-height: 2.5rem;\n --ld-toggle-lg-width: 4.1875rem;\n --ld-toggle-lg-inner-space: 0.1875rem;\n --ld-toggle-lg-with-icons-width: 6rem;\n --ld-toggle-border-radius: var(--ld-br-full);\n --ld-toggle-knob-border-radius: var(--ld-br-full);\n\n /* colors */\n --ld-toggle-input-bg-col: var(--ld-col-neutral-600);\n --ld-toggle-icon-start-col: var(--ld-col-wht);\n --ld-toggle-icon-end-col: var(--ld-col-neutral-900);\n --ld-toggle-knob-bg-col: var(--ld-col-wht);\n --ld-toggle-checked-icon-start-col: var(--ld-col-neutral-900);\n --ld-toggle-checked-icon-end-col: var(--ld-col-wht);\n --ld-toggle-disabled-input-bg-col: var(--ld-col-neutral-050);\n --ld-toggle-disabled-icon-col: var(--ld-col-neutral-200);\n --ld-toggle-disabled-knob-bg-col: var(--ld-col-wht);\n --ld-toggle-with-icons-input-bg-col: var(--ld-col-neutral-100);\n --ld-toggle-with-icons-disabled-input-bg-col: var(--ld-col-neutral-050);\n\n /* themable colors */\n --ld-toggle-checked-bg-col: var(--ld-thm-primary);\n --ld-toggle-invalid-input-bg-col: var(--ld-thm-error);\n --ld-toggle-invalid-knob-bg-col: var(--ld-thm-error);\n --ld-toggle-with-icons-knob-col: var(--ld-thm-primary);\n\n align-items: center;\n display: flex;\n height: var(--ld-toggle-height);\n min-width: auto !important;\n position: relative;\n width: var(--ld-toggle-width);\n\n input {\n appearance: none;\n background-color: var(--ld-toggle-input-bg-col);\n border-radius: var(--ld-toggle-border-radius);\n height: 100%;\n margin: 0;\n position: absolute;\n /* animations triggered by user interactions on single component instances are probably not a performance issue */\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n transition: background-color var(--ld-transition-duration-normal)\n ease-in-out;\n width: 100%;\n z-index: 0;\n\n &:not(\n :disabled,\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ) {\n cursor: pointer;\n }\n\n &:checked {\n background-color: var(--ld-toggle-checked-bg-col);\n\n &:disabled,\n &[aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n ) {\n background-color: var(--ld-toggle-disabled-input-bg-col);\n }\n\n ~ .ld-toggle__knob {\n transform: translateX(\n calc(var(--ld-toggle-width) - var(--ld-toggle-height))\n );\n }\n\n ~ .ld-toggle__icon-start {\n color: var(--ld-toggle-checked-icon-start-col);\n }\n\n ~ .ld-toggle__icon-end {\n color: var(--ld-toggle-checked-icon-end-col);\n }\n }\n\n &:disabled,\n &[aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false'])) {\n background-color: var(--ld-toggle-disabled-input-bg-col);\n\n &:checked ~ .ld-toggle__icon-start,\n &:checked ~ .ld-toggle__icon-end {\n color: var(--ld-toggle-disabled-icon-col);\n }\n\n &:not(:checked) ~ .ld-toggle__icon-start,\n &:not(:checked) ~ .ld-toggle__icon-end {\n color: var(--ld-toggle-disabled-icon-col);\n }\n }\n }\n\n .ld-toggle__knob {\n background-color: var(--ld-toggle-knob-bg-col);\n border-radius: var(--ld-toggle-knob-border-radius);\n display: block;\n height: calc(var(--ld-toggle-height) - var(--ld-toggle-inner-space) * 2);\n margin: var(--ld-toggle-inner-space);\n pointer-events: none;\n transition: transform var(--ld-transition-duration-normal) ease-in-out;\n width: calc(var(--ld-toggle-height) - var(--ld-toggle-inner-space) * 2);\n z-index: 1;\n }\n\n input:where(\n :not(\n :disabled,\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ):invalid {\n background-color: var(--ld-toggle-invalid-input-bg-col);\n }\n}\n\n.ld-toggle--lg {\n &,\n :host(&) {\n --ld-toggle-height: var(--ld-toggle-lg-height);\n --ld-toggle-width: var(--ld-toggle-lg-width);\n --ld-toggle-inner-space: var(--ld-toggle-lg-inner-space);\n }\n\n &.ld-toggle--with-icons {\n &,\n :host(&) {\n --ld-toggle-width: var(--ld-toggle-lg-with-icons-width);\n\n .ld-toggle__icon-start,\n .ld-toggle__icon-end {\n margin: auto 0.75rem;\n }\n }\n }\n}\n\n:host(.ld-toggle--with-icons),\n.ld-toggle--with-icons {\n --ld-toggle-width: var(--ld-toggle-with-icons-width);\n\n input {\n &:not(:disabled) {\n background-color: var(--ld-toggle-with-icons-input-bg-col);\n }\n\n &:invalid ~ .ld-toggle__knob {\n background-color: var(--ld-toggle-invalid-knob-bg-col);\n }\n\n &:disabled,\n &[aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false'])) {\n background-color: var(--ld-toggle-with-icons-disabled-input-bg-col);\n\n ~ .ld-toggle__knob {\n background-color: var(--ld-toggle-disabled-knob-bg-col);\n }\n }\n }\n\n .ld-toggle__knob {\n background-color: var(--ld-toggle-with-icons-knob-col);\n }\n\n .ld-toggle__icon-start,\n .ld-toggle__icon-end {\n margin: auto 0.5rem;\n }\n}\n\n.ld-toggle__icon-start,\n.ld-toggle__icon-end {\n display: flex;\n align-items: center;\n pointer-events: none;\n position: absolute;\n /* animations triggered by user interactions on single component instances are probably not a performance issue */\n /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */\n transition: color var(--ld-transition-duration-normal) ease-in-out;\n z-index: 1;\n\n &:empty {\n display: none;\n }\n}\n\n.ld-toggle__icon-start {\n color: var(--ld-toggle-icon-start-col);\n left: 0;\n}\n\n.ld-toggle__icon-end {\n color: var(--ld-toggle-icon-end-col);\n right: 0;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { cloneAttributes } from '../../utils/cloneAttributes'\nimport { registerAutofocus } from '../../utils/focus'\nimport { isAriaDisabled } from '../../utils/ariaDisabled'\n\n/**\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part input - Actual input element\n * @part knob - Toggle knob\n * @part icon-wrapper - Both wrappers of icons\n * @part icon-wrapper-start - Wrapper of the start icon\n * @part icon-wrapper-end - Wrapper of the end icon\n */\n@Component({\n tag: 'ld-toggle',\n styleUrl: 'ld-toggle.css',\n shadow: true,\n})\nexport class LdToggle implements InnerFocusable, ClonesAttributes {\n @Element() el: HTMLElement\n\n private attributesObserver: MutationObserver\n\n private input: HTMLInputElement\n private hiddenInput: HTMLInputElement\n private hasIcons: boolean\n\n /** Alternative disabled state that keeps element focusable */\n @Prop() ariaDisabled: string\n\n /** Automatically focus the form control when the page is loaded. */\n @Prop({ reflect: true }) autofocus: boolean\n\n /** Indicates whether the toggle is \"on\". */\n @Prop({ mutable: true }) checked? = false\n\n /** Disabled state of the checkbox. */\n @Prop() disabled?: boolean\n\n /** Associates the control with a form element. */\n @Prop() form?: string\n\n /** Set this property to `true` in order to mark the checkbox visually as invalid. */\n @Prop() invalid?: boolean\n\n /** Tab index of the input. */\n @Prop() ldTabindex?: number\n\n /** Used to specify the name of the control. */\n @Prop() name?: string\n\n /** The value is not editable. */\n @Prop() readonly?: boolean\n\n /** Set this property to `true` in order to mark the checkbox as required. */\n @Prop() required?: boolean\n\n /** Size of the toggle. */\n @Prop() size?: 'sm' | 'lg'\n\n /** The input value. */\n @Prop() value?: string\n\n @State() clonedAttributes\n\n /** Emitted when the input value changed and the element loses focus. */\n @Event() ldchange: EventEmitter\n\n /** Emitted when the input value changed. */\n @Event() ldinput: EventEmitter\n\n /** Sets focus on the toggle. */\n @Method()\n async focusInner() {\n if (this.input !== undefined) {\n this.input.focus()\n }\n }\n\n @Watch('checked')\n @Watch('name')\n @Watch('value')\n updateHiddenInput() {\n const outerForm = this.el.closest('form')\n if (!this.hiddenInput && this.name && (outerForm || this.form)) {\n this.createHiddenInput()\n }\n\n if (this.hiddenInput) {\n if (!this.name) {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n return\n }\n\n this.hiddenInput.name = this.name\n this.hiddenInput.checked = this.checked\n\n if (this.value) {\n this.hiddenInput.value = this.value\n } else {\n this.hiddenInput.removeAttribute('value')\n }\n\n if (this.form) {\n this.hiddenInput.setAttribute('form', this.form)\n } else if (this.hiddenInput.getAttribute('form')) {\n if (outerForm) {\n this.hiddenInput.removeAttribute('form')\n } else {\n this.hiddenInput.remove()\n this.hiddenInput = undefined\n }\n }\n }\n }\n\n private createHiddenInput() {\n this.hiddenInput = document.createElement('input')\n this.hiddenInput.type = 'checkbox'\n this.hiddenInput.style.visibility = 'hidden'\n this.hiddenInput.style.position = 'absolute'\n this.hiddenInput.style.pointerEvents = 'none'\n this.el.appendChild(this.hiddenInput)\n }\n\n private handleChange = (event: InputEvent) => {\n this.el.dispatchEvent(new InputEvent('change', event))\n this.ldchange.emit(this.checked)\n }\n\n private handleClick = (event: MouseEvent) => {\n if (isAriaDisabled(this.ariaDisabled)) {\n event.preventDefault()\n return\n }\n\n this.checked = !this.checked\n\n if (!event.isTrusted) {\n // This happens, when a click event is dispatched on the host element\n // from the outside i.e. on click on a parent ld-label element.\n this.el.dispatchEvent(\n new InputEvent('input', { bubbles: true, composed: true })\n )\n this.handleInput()\n this.el.dispatchEvent(new InputEvent('change', { bubbles: true }))\n this.ldchange.emit(this.checked)\n }\n }\n\n private handleInput = () => {\n this.ldinput.emit(this.checked)\n }\n\n componentWillLoad() {\n this.attributesObserver = cloneAttributes.call(this, ['size'])\n\n this.hasIcons =\n !!this.el.querySelector('[slot=\"icon-start\"]') ||\n !!this.el.querySelector('[slot=\"icon-end\"]')\n\n const outerForm = this.el.closest('form')\n\n if (this.name && (outerForm || this.form)) {\n this.createHiddenInput()\n this.hiddenInput.checked = this.checked\n this.hiddenInput.name = this.name\n\n if (this.form) {\n this.hiddenInput.setAttribute('form', this.form)\n }\n\n if (this.value) {\n this.hiddenInput.value = this.value\n }\n }\n\n registerAutofocus(this.autofocus)\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.attributesObserver) this.attributesObserver.disconnect()\n }\n\n render() {\n return (\n \n (this.input = ref)}\n required={this.required}\n tabIndex={this.ldTabindex}\n type=\"checkbox\"\n value={this.value}\n />\n \n {this.hasIcons && (\n \n \n \n )}\n {this.hasIcons && (\n