\n {!this.isFloating() && (\n
\n )}\n
\n \n )\n }\n}\n"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"names":["ldTablistShadowCss","LdTablist","this","isFloating","includes","mode","onClick","ev","pointerType","focusVisible","onFocusout","relatedTarget","closest","el","selectedIsFocused","onKeydown","key","preventDefault","focusTab","target","setFocusOnSelectedTabpanel","handleResize","updateSelectedTabIndicator","updateScrollable","updateScrollButtons","updateSelectedTab","selectedTab","Array","from","querySelectorAll","find","tab","selected","scrollButtonsWidth","scrollable","Math","round","btnScrollLeftRef","getBoundingClientRect","width","scrollContainerWidth","slotContainerRef","contentWidth","children","map","child","reduce","a","b","scrollLeftEnabled","scrollLeft","scrollRightEnabled","scrollWidth","scroll","dir","scrollTo","left","behavior","prevLdTab","currentTab","previousElementSibling","nextElementSibling","isInnerFocusable","focusInner","scrollTabIntoView","_a","tabpanel","hasAttribute","focus","scrollButtonWidth","offsetLeft","handleTabSelect","selectedTabIndicatorRef","indicatorStyle","style","opacity","selectedTabBcr","scrollContainerBcr","scrollContainerScrollLeft","transform","updateIconSize","forEach","icon","size","undefined","classList","remove","add","emitScrollable","ldTablistScrollable","emit","componentWillLoad","mutationObserver","MutationObserver","observe","subtree","childList","attributes","componentDidLoad","setTimeout","initialized","resizeObserver","ResizeObserver","disconnectedCallback","unobserve","disconnect","render","h","Host","role","class","getClassNames","rounded","part","hidden","bind","ref","tabindex","fill","height","viewBox","d","stroke","onScroll"],"sources":["../src/liquid/components/ld-tabs/ld-tablist/ld-tablist.shadow.css?tag=ld-tablist&encapsulation=shadow","../src/liquid/components/ld-tabs/ld-tablist/ld-tablist.tsx"],"sourcesContent":[":host {\n /* layout */\n --ld-tablist-max-height: 2.5rem;\n --ld-tablist-padding: 0px;\n\n /* colors */\n --ld-tablist-border-col: var(--ld-col-neutral-100);\n --ld-tablist-border-height: 0.1875rem;\n --ld-tablist-btn-scroll-col: var(--ld-col-neutral-900);\n --ld-tablist-btn-scroll-col-active: var(--ld-col-neutral-900);\n --ld-tablist-btn-scroll-bg-col: var(--ld-col-neutral-010);\n --ld-tablist-btn-scroll-bg-col-hover: var(--ld-col-neutral-100);\n --ld-tablist-btn-scroll-bg-col-active: var(--ld-col-neutral-300);\n\n /* theme colors */\n --ld-tablist-border-brand-col: var(--ld-thm-primary-hover);\n --ld-tablist-btn-scroll-bg-brand-col-active: var(--ld-thm-primary-active);\n --ld-tablist-btn-scroll-bg-brand-col-hover: var(--ld-thm-primary-hover);\n --ld-tablist-btn-scroll-bg-brand-col: var(--ld-thm-primary);\n\n /* theme colors (ld-tab) */\n --ld-tab-bg-brand-col-active: var(--ld-thm-primary-active);\n --ld-tab-bg-brand-col-focus: var(--ld-thm-primary-focus);\n --ld-tab-bg-brand-col-hover: var(--ld-thm-primary-hover);\n --ld-tab-bg-brand-col: var(--ld-thm-primary);\n --ld-tab-text-brand-col-focus: var(--ld-thm-primary-active);\n --ld-tab-disabled-bg-brand-col-focus: var(--ld-thm-primary-active);\n --ld-tab-disabled-text-brand-col-focus: var(--ld-thm-primary-focus);\n --ld-tab-disabled-text-brand-col: var(--ld-thm-primary-focus);\n --ld-tab-selected-border-brand-col: var(--ld-thm-secondary);\n\n /* transitions */\n --ld-tablist-transition-duration: 0s;\n @media (prefers-reduced-motion: no-preference) {\n --ld-tablist-transition-duration: var(--ld-transition-duration-normal);\n }\n\n position: relative; /* Host element needs to be offset parent. */\n}\n\n.ld-tablist {\n padding: var(--ld-tablist-padding);\n position: relative;\n display: flex;\n overflow: hidden;\n z-index: 0;\n background-color: var(--ld-tablist-btn-scroll-bg-col);\n max-height: var(\n --ld-tablist-max-height\n ); /* required to fix scrollbar issue on windows */\n\n &::after {\n content: '';\n position: absolute;\n inset: auto 0 0;\n height: var(--ld-tablist-border-height);\n background-color: var(--ld-tablist-border-col);\n z-index: 2;\n }\n\n &--rounded-all {\n border-radius: var(--ld-br-m);\n }\n\n &--rounded-all-lg {\n border-radius: var(--ld-br-l);\n }\n\n &--rounded-top {\n border-radius: var(--ld-br-m) var(--ld-br-m) 0 0;\n }\n\n &--rounded-top-lg {\n border-radius: var(--ld-br-l) var(--ld-br-l) 0 0;\n }\n\n & ::slotted(ld-tab) {\n --ld-tab-indicator-height: var(--ld-tablist-border-height);\n }\n\n &--sm {\n --ld-tablist-max-height: 2rem;\n\n ::slotted(ld-tab) {\n --ld-tab-font: var(--ld-typo-body-s);\n --ld-tab-gap: 0.375rem;\n --ld-tab-min-height: 2rem;\n --ld-tab-padding-x: 0.625rem;\n --ld-tab-padding-y: 0.5rem;\n }\n }\n\n &--lg {\n --ld-tablist-max-height: 3.125rem;\n\n ::slotted(ld-tab) {\n --ld-tab-font: var(--ld-typo-body-l);\n --ld-tab-gap: 0.875rem;\n --ld-tab-min-height: 3.125rem;\n --ld-tab-padding-x: 1.3125rem;\n --ld-tab-padding-y: 0.75rem;\n }\n }\n\n &--ghost {\n --ld-tablist-btn-scroll-bg-col: transparent;\n ::slotted(ld-tab) {\n --ld-tab-bg-col: transparent;\n }\n }\n\n &--brand-color {\n /* ld-tablist internal vars */\n --ld-tablist-btn-scroll-col-active: var(--ld-col-wht);\n --ld-tablist-btn-scroll-col: var(--ld-col-wht);\n --ld-tablist-btn-scroll-bg-col: var(--ld-tablist-btn-scroll-bg-brand-col);\n --ld-tablist-btn-scroll-bg-col-hover: var(\n --ld-tablist-btn-scroll-bg-brand-col-hover\n );\n --ld-tablist-btn-scroll-bg-col-active: var(\n --ld-tablist-btn-scroll-bg-brand-col-active\n );\n --ld-tablist-border-col: var(--ld-tablist-border-brand-col);\n\n ::slotted(ld-tab) {\n --ld-tab-disabled-opacity: 0.5;\n --ld-tab-disabled-content-opacity: 1;\n\n /* colors */\n --ld-tab-selected-text-col-focus: var(--ld-col-wht);\n --ld-tab-selected-text-col: var(--ld-col-wht);\n --ld-tab-text-col: var(--ld-col-wht);\n --ld-tab-text-col-hover: var(--ld-col-wht);\n\n /* theme colors */\n --ld-tab-bg-col: var(--ld-tab-bg-brand-col);\n --ld-tab-bg-col-focus: var(--ld-tab-bg-brand-col-focus);\n --ld-tab-bg-col-hover: var(--ld-tab-bg-brand-col-hover);\n --ld-tab-bg-col-active: var(--ld-tab-bg-brand-col-active);\n --ld-tab-disabled-bg-col-focus: var(--ld-tab-disabled-bg-brand-col-focus);\n --ld-tab-disabled-text-col-focus: var(\n --ld-tab-disabled-text-brand-col-focus\n );\n --ld-tab-disabled-text-col: var(--ld-tab-disabled-text-brand-col);\n --ld-tab-selected-border-col-focus: var(--ld-tab-selected-border-col);\n --ld-tab-selected-border-col: var(--ld-tab-selected-border-brand-col);\n --ld-tab-text-col-focus: var(--ld-tab-text-brand-col-focus);\n }\n }\n\n &--floating,\n &--floating-on-brand-color {\n --ld-tablist-padding: var(--ld-sp-8) 0;\n --ld-tab-border-radius: var(--ld-br-m);\n --ld-tab-selected-border-display: none;\n --ld-tab-text-col-focus: var(--ld-tab-text-brand-col-focus);\n border-radius: var(--ld-br-l);\n\n &::after {\n content: none;\n }\n\n .ld-tablist__scroll-container {\n gap: var(--ld-sp-8);\n padding-left: var(--ld-sp-8);\n padding-right: var(--ld-sp-8);\n position: relative;\n scroll-snap-type: none;\n }\n\n ::slotted(ld-tab) {\n /* colors */\n --ld-tab-selected-text-col-focus: var(--ld-col-wht);\n --ld-tab-selected-text-col: var(--ld-col-wht);\n --ld-tab-bg-col: transparent;\n --ld-tab-bg-col-active: transparent;\n --ld-tab-bg-col-hover: transparent;\n --ld-tab-bg-col-focus: transparent;\n --ld-tab-disabled-bg-col-focus: transparent;\n --ld-tab-disabled-text-col-focus: var(--ld-col-neutral-700);\n --ld-tab-selected-bg-col-hover: transparent;\n --ld-tab-selected-bg-col-active: transparent;\n --ld-tab-text-col-hover: var(--ld-thm-primary-hover);\n --ld-tab-text-col-focus: var(--ld-thm-primary-focus);\n }\n }\n\n &--floating-on-brand-color {\n --ld-tablist-btn-scroll-bg-col: var(--ld-col-wht);\n }\n}\n\n.ld-tablist__scroll-container {\n display: flex;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n padding-bottom: 4rem;\n margin-bottom: -4rem;\n}\n\n.ld-tablist__btn-scroll {\n position: relative;\n border: 0;\n text-decoration: none;\n user-select: none;\n touch-action: manipulation;\n justify-content: center;\n align-items: center;\n -webkit-touch-callout: none;\n color: var(--ld-tablist-btn-scroll-col);\n background-color: var(--ld-tablist-btn-scroll-bg-col);\n box-shadow: var(--ld-shadow-active);\n width: var(--ld-sp-32);\n z-index: 2;\n\n &:focus:focus-visible {\n outline: none;\n }\n\n &[aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false'])) {\n svg {\n opacity: 0.25;\n }\n }\n\n &:where(\n :not(\n [aria-disabled]:where(\n :not([aria-disabled=''], [aria-disabled='false'])\n )\n )\n ) {\n cursor: pointer;\n\n @media (hover: hover) {\n &:hover {\n background-color: var(--ld-tablist-btn-scroll-bg-col-hover);\n }\n }\n &:active:focus,\n &:active:focus:focus-visible {\n color: var(--ld-tablist-btn-scroll-col-active);\n background-color: var(--ld-tablist-btn-scroll-bg-col-active);\n }\n }\n\n &--left {\n left: 0;\n }\n &--right {\n right: 0;\n }\n}\n\n.ld-tablist__active-tab-indicator {\n background-color: var(--ld-thm-primary);\n border: solid $colorSynBrightBlue 2px;\n border-radius: var(--ld-br-m);\n height: var(--ld-tablist-max-height);\n opacity: 0;\n position: absolute;\n width: 0;\n will-change: transform, width;\n z-index: -1;\n\n /* stylelint-disable plugin/no-low-performance-animation-properties */\n .ld-tablist--initialized & {\n transition:\n width var(--ld-tablist-transition-duration) ease,\n transform var(--ld-tablist-transition-duration) ease,\n opacity var(--ld-tablist-transition-duration)\n var(--ld-tablist-transition-duration) linear;\n }\n /* stylelint-enable plugin/no-low-performance-animation-properties */\n\n .ld-tablist--focus-visible.ld-tablist--selected-focused:focus-within & {\n background-color: var(--ld-thm-primary-focus);\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../../utils/getClassNames'\nimport { isInnerFocusable } from '../../../utils/focus'\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 active-tab-indicator - Active tab indicator in floating mode\n * @part arrow - Both arrow button elements\n * @part arrow-icon - Both arrow icon SVGs\n * @part arrow-icon-left - Left arrow icon SVG\n * @part arrow-icon-right - Right arrow icon SVG\n * @part arrow-left - Left arrow button element\n * @part arrow-right - Right arrow button element\n * @part scroll-container - Container wrapping the slot\n * @part wrapper - Container wrapping the arrows and the scroll-container\n */\n@Component({\n tag: 'ld-tablist',\n styleUrl: 'ld-tablist.shadow.css',\n shadow: true,\n})\nexport class LdTablist {\n @Element() el: HTMLElement\n\n /** Size of the tabs. */\n @Prop() size?: 'sm' | 'lg'\n\n /** Display mode. */\n @Prop() mode?:\n | 'ghost'\n | 'brand-color'\n | 'floating'\n | 'floating-on-brand-color'\n\n /** Sets border radii. */\n @Prop() rounded?: 'all' | 'all-lg' | 'top' | 'top-lg'\n\n private slotContainerRef!: HTMLElement\n private selectedTabIndicatorRef: HTMLElement\n private btnScrollLeftRef!: HTMLButtonElement\n private resizeObserver: ResizeObserver\n private mutationObserver: MutationObserver\n\n @State() initialized = false\n @State() selectedTab?: HTMLLdTabElement\n @State() scrollable: boolean\n @State() scrollLeftEnabled: boolean\n @State() scrollRightEnabled: boolean\n @State() focusVisible = true\n @State() selectedIsFocused = true\n\n private isFloating = () =>\n ['floating', 'floating-on-brand-color'].includes(this.mode)\n\n private updateScrollable() {\n if (this.isFloating()) return\n\n // We must round all width values to prevent circular painting!\n const scrollButtonsWidth = this.scrollable\n ? Math.round(2 * this.btnScrollLeftRef.getBoundingClientRect().width)\n : 0\n const scrollContainerWidth = Math.round(\n this.slotContainerRef.getBoundingClientRect().width\n )\n const contentWidth = Math.round(\n Array.from(this.el.children)\n .map((child) => child.getBoundingClientRect().width)\n .reduce((a, b) => a + b)\n )\n this.scrollable = scrollContainerWidth + scrollButtonsWidth < contentWidth\n }\n\n private updateScrollButtons() {\n if (this.isFloating()) return\n if (!this.scrollable) return\n this.scrollLeftEnabled = this.slotContainerRef.scrollLeft > 0\n this.scrollRightEnabled =\n this.slotContainerRef.scrollLeft +\n this.slotContainerRef.getBoundingClientRect().width -\n this.slotContainerRef.scrollWidth <\n 0\n }\n\n private scroll(dir: 'left' | 'right') {\n this.slotContainerRef.scrollTo({\n left:\n this.slotContainerRef.scrollLeft +\n ((dir === 'left' ? -1 : 1) *\n this.slotContainerRef.getBoundingClientRect().width) /\n 2,\n behavior: 'smooth',\n })\n }\n\n private focusTab(prevLdTab: HTMLLdTabElement, dir: 'left' | 'right') {\n const currentTab =\n dir === 'left'\n ? prevLdTab.previousElementSibling\n : prevLdTab.nextElementSibling\n if (isInnerFocusable(currentTab)) {\n currentTab.focusInner()\n this.scrollTabIntoView(currentTab as HTMLLdTabElement)\n this.selectedIsFocused = currentTab === this.selectedTab\n }\n }\n\n private setFocusOnSelectedTabpanel() {\n // TODO: fix Stencils DOM implementation for unit testing and replace\n // ;(this.el\n // .closest('ld-tabs')\n // .querySelector('ld-tabpanel:not([hidden])') as HTMLElement)?.focus()\n Array.from(this.el.closest('ld-tabs').querySelectorAll('ld-tabpanel'))\n .find((tabpanel) => !tabpanel.hasAttribute('hidden'))\n ?.focus()\n }\n\n private onClick = (ev) => {\n if (ev.pointerType === 'mouse') {\n this.focusVisible = false\n }\n }\n\n private onFocusout = (ev) => {\n if (\n !ev.relatedTarget ||\n ev.relatedTarget.closest('ld-tablist') !== this.el\n ) {\n this.focusVisible = true\n this.selectedIsFocused = true\n }\n }\n\n private onKeydown = (ev) => {\n switch (ev.key) {\n case 'ArrowLeft':\n ev.preventDefault()\n this.focusVisible = true\n this.focusTab(ev.target, 'left')\n return\n case 'ArrowRight': {\n ev.preventDefault()\n this.focusVisible = true\n this.focusTab(ev.target, 'right')\n return\n }\n case 'ArrowDown': {\n ev.preventDefault()\n this.focusVisible = true\n this.setFocusOnSelectedTabpanel()\n return\n }\n }\n }\n\n private handleResize = () => {\n if (this.isFloating()) {\n this.updateSelectedTabIndicator()\n } else {\n this.updateScrollable()\n this.updateScrollButtons()\n }\n }\n\n private updateSelectedTab = () => {\n this.selectedTab = Array.from(this.el.querySelectorAll('ld-tab')).find(\n (tab) => tab.selected\n )\n }\n\n private scrollTabIntoView(tab: HTMLLdTabElement) {\n if (!tab || !this.slotContainerRef) {\n return\n }\n const scrollContainerWidth =\n this.slotContainerRef.getBoundingClientRect().width\n const scrollButtonWidth = this.scrollable\n ? this.btnScrollLeftRef.getBoundingClientRect().width\n : 0\n this.slotContainerRef.scrollTo({\n left:\n tab.offsetLeft +\n tab.getBoundingClientRect().width / 2 -\n scrollContainerWidth / 2 -\n scrollButtonWidth,\n behavior: 'smooth',\n })\n }\n\n /** Emitted on scrollable change. */\n @Event() ldTablistScrollable: EventEmitter
\n\n @Listen('ldtabselect')\n handleTabSelect(ev) {\n this.selectedIsFocused = true\n this.selectedTab = ev.target\n }\n\n @Watch('selectedTab')\n private updateSelectedTabIndicator() {\n // Scroll tab into view.\n this.scrollTabIntoView(this.selectedTab)\n\n if (!this.selectedTabIndicatorRef) return\n\n const indicatorStyle = this.selectedTabIndicatorRef.style\n if (!this.selectedTab) {\n // hide indicator\n indicatorStyle.opacity = '0'\n return\n }\n\n const selectedTabBcr = this.selectedTab.getBoundingClientRect()\n const scrollContainerBcr = this.slotContainerRef.getBoundingClientRect()\n const scrollContainerScrollLeft = this.slotContainerRef.scrollLeft\n const offsetLeft =\n selectedTabBcr.left - scrollContainerBcr.left + scrollContainerScrollLeft\n indicatorStyle.transform = `translateX(${offsetLeft - 8}px)`\n indicatorStyle.width = `${selectedTabBcr.width}px`\n indicatorStyle.opacity = '1'\n }\n\n @Watch('size')\n updateIconSize() {\n this.el.querySelectorAll('ld-icon').forEach((icon) => {\n if (this.size !== undefined) {\n icon.size = this.size\n } else {\n icon.size = undefined\n }\n })\n this.el.querySelectorAll('.ld-icon').forEach((icon) => {\n if (this.size === 'sm') {\n icon.classList.remove('ld-icon--lg')\n icon.classList.add('ld-icon--sm')\n } else if (this.size === 'lg') {\n icon.classList.remove('ld-icon--sm')\n icon.classList.add('ld-icon--lg')\n } else {\n icon.classList.remove('ld-icon--sm', 'ld-icon--lg')\n }\n })\n }\n\n @Watch('scrollable')\n emitScrollable() {\n this.ldTablistScrollable.emit(this.scrollable)\n }\n\n componentWillLoad() {\n // Attribute selector fails in test env, hance filtering with js below.\n this.selectedTab = Array.from(this.el.querySelectorAll('ld-tab')).find(\n (tab) => tab.selected\n )\n this.updateIconSize()\n\n this.mutationObserver = new MutationObserver(this.updateSelectedTab)\n this.mutationObserver.observe(this.el, {\n subtree: true,\n childList: true,\n attributes: false,\n })\n }\n\n componentDidLoad() {\n setTimeout(() => {\n this.updateScrollable()\n this.updateScrollButtons()\n this.initialized = true\n })\n this.resizeObserver = new ResizeObserver(this.handleResize)\n this.resizeObserver.observe(this.slotContainerRef)\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.resizeObserver) {\n this.resizeObserver.unobserve(this.slotContainerRef)\n }\n /* istanbul ignore if */\n if (this.mutationObserver) this.mutationObserver.disconnect()\n }\n\n render() {\n return (\n \n \n {!this.isFloating() && (\n
\n )}\n
\n \n )\n }\n}\n"],"mappings":"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"}
\ No newline at end of file
diff --git a/1704894792450/dist/build/p-bb2b75da.entry.js b/1704966176737/dist/build/p-bb2b75da.entry.js
similarity index 100%
rename from 1704894792450/dist/build/p-bb2b75da.entry.js
rename to 1704966176737/dist/build/p-bb2b75da.entry.js
diff --git a/1704894792450/dist/build/p-bb2b75da.entry.js.map b/1704966176737/dist/build/p-bb2b75da.entry.js.map
similarity index 100%
rename from 1704894792450/dist/build/p-bb2b75da.entry.js.map
rename to 1704966176737/dist/build/p-bb2b75da.entry.js.map
diff --git a/1704966176737/dist/build/p-bc9ce66e.entry.js b/1704966176737/dist/build/p-bc9ce66e.entry.js
new file mode 100644
index 0000000000..e07002ea0d
--- /dev/null
+++ b/1704966176737/dist/build/p-bc9ce66e.entry.js
@@ -0,0 +1,2 @@
+import{r as e,c as o,h as t,H as n,g as i}from"./p-21a69c18.js";import{c as r,a as c}from"./p-112455b1.js";import{g as s}from"./p-1133c92e.js";var a=r((function(e,o){(function(o,t){e.exports=t()})(c,(function(){function e(e){for(var o=1;o
!e.has(o))));return{acceptedCategories:e,rejectedCategories:o}}async isCategoryAccepted(e){return(await this.getAcceptedAndRejectedCategories()).acceptedCategories.has(e)}async showDisclaimer(e){const o=()=>{var e;this.isDisclaimerVisible=true;(e=this.disclaimerRef)===null||e===void 0?void 0:e.focus();this.ldCookieConsentDisclaimerShow.emit()};if(e){setTimeout(o,e)}else{o()}}async hideDisclaimerAndPreferences(){var e;this.isDisclaimerVisible=false;(e=this.modalRef)===null||e===void 0?void 0:e.close()}showPreferences(){this.modalRef.showModal();this.ldCookieConsentPreferencesShow.emit()}autoclearCookies(e){var o;const t=Object.keys(a.get());(o=this.config.categories)===null||o===void 0?void 0:o.filter((o=>o.autoclear&&e.has(o.toggle.value))).flatMap((e=>e.autoclear)).forEach((({domain:e,name:o,path:n})=>{if(t.includes(o)){a.remove(o,{path:n,domain:e})}}));this.ldCookieConsentAutoclearCookies.emit()}saveConsent(e){var o,t;let n;switch(e){case"all":n=new Set((o=this.config.categories)===null||o===void 0?void 0:o.map((e=>e.toggle.value)));break;case"none":n=new Set((t=this.config.categories)===null||t===void 0?void 0:t.filter((({toggle:e})=>e.disabled&&e.checked)).map((({toggle:e})=>e.value)));break;case"selected":n=this.selectedCategories;break}this.selectedCategories=new Set([...n]);const i=new Set([...this.allCategories].filter((e=>!n.has(e))));this.savedConsent={acceptedCategories:n,consentDate:new Date,rejectedCategories:i,revision:this.config.revision};localStorage.setItem(this.config.localStorageKey,JSON.stringify({acceptedCategories:[...this.savedConsent.acceptedCategories],consentDate:this.savedConsent.consentDate.toISOString(),rejectedCategories:[...this.savedConsent.rejectedCategories],revision:this.savedConsent.revision}));this.ldCookieConsentSave.emit(this.savedConsent);this.autoclearCookies(i);this.loadScripts()}async loadScripts(){const{rejectedCategories:e}=await this.getAcceptedAndRejectedCategories();const o=Array.from(document.querySelectorAll(`script[${this.config.scriptSelector}]`)).filter((o=>this.config.mode==="notice-only"||!e.has(o.getAttribute(this.config.scriptSelector))));if(!o.length)return;const t=e=>{e.removeAttribute(this.config.scriptSelector);e.removeAttribute("type");const n=document.createElement("script");n.textContent=e.innerHTML;Array.from(e.attributes).forEach((o=>{const t=o.nodeName;n.setAttribute(t,e[t]||e.getAttribute(t))}));const i=()=>{const e=o.shift();if(e){t(e)}else{this.ldCookieConsentActivateScripts.emit()}};e.parentNode.replaceChild(n,e);if(e.hasAttribute("async")){i()}else{n.onload=i}};t(o.shift())}isConsentGivenForCurrentRevision(){if(!this.savedConsent)return false;if(!this.config.revision)return true;if(this.savedConsent.revision===this.config.revision)return true;return false}getInitialM(){return t("ld-icon",{class:"ld-cookie-consent__initial-m",name:"initial-m"})}renderDisclaimer(){const{config:e}=this;return t("div",{"aria-labelledby":"ld-cookie-consent-disclaimer-header",class:s(["ld-cookie-consent__disclaimer",`ld-cookie-consent__disclaimer--${e.disclaimerAlignement}`,e.rejectable&&"ld-cookie-consent__disclaimer--rejectable",this.isDisclaimerVisible&&"ld-cookie-consent__disclaimer--visible"]),onTransitionEnd:function(){this.focus()},part:"disclaimer",ref:e=>this.disclaimerRef=e,role:"dialog",tabIndex:this.isDisclaimerVisible?-1:undefined},t("div",{class:"ld-cookie-consent__disclaimer-header",part:"disclaimer-header"},t("div",{class:"ld-cookie-consent__disclaimer-logo-container",part:"disclaimer-logo-container"},t("slot",{name:"disclaimer-logo"},this.getInitialM())),t("slot",{name:"disclaimer-title"},t("ld-typo",{class:"ld-cookie-consent__disclaimer-title",part:"disclaimer-title",tag:"p",variant:"h5"},"Cookie Disclaimer")),e.dismissable&&t("button",{"aria-label":this.config.buttonDismiss,class:"ld-cookie-consent__disclaimer-x",onClick:()=>{this.hideDisclaimerAndPreferences();this.ldCookieConsentDismiss.emit()},part:"disclaimer-button-dismiss"})),t("div",{class:"ld-cookie-consent__disclaimer-scroll-container",id:"ld-cookie-consent-disclaimer-header",part:"disclaimer-scroll-container"},t("div",{class:"ld-cookie-consent__disclaimer-description-container",part:"disclaimer-description-container"},t("slot",{name:"disclaimer-description"},e.mode==="notice-only"&&t("ld-typo",{class:"ld-cookie-consent__disclaimer-description",part:"disclaimer-description"},"This website uses cookies so that you have the best user experience. By continuing your browsing on this website, you accept the conditions described in our"," ",t("ld-link",{href:e.privacyStatementURL,target:"_blank"},"Cookie Policy / Privacy Statement"),". Cookies can be managed using your browser preferences."),e.mode==="opt-in"&&t("ld-typo",{part:"disclaimer-description"},"We use cookies so that we can offer you the best possible website experience. This includes cookies which are necessary for the operation of the app and the website, as well as other cookies which are used solely for anonymous statistical purposes, for more comfortable website settings, or for the display of personalized content. You are free to decide in the Cookie Settings which categories you would like to permit, except for the necessary cookies. Please note that depending on what you select, the full functionality of the website may no longer be available. You may review and change your choices at any time. Further information can be found in our"," ",t("ld-link",{href:e.privacyStatementURL,target:"_blank"},"Privacy Statement"),"."),e.mode==="opt-out"&&t("ld-typo",{part:"disclaimer-description"},"We use cookies in our website to give you the most relevant experience. By clicking or navigating the site, you are accepting the use of all our cookies according to our Cookie Policy / Privacy Statement. You are free to decide in the Cookie Settings which categories you would like to permit. Please note that depending on what you select, the full functionality of the website may no longer be available. You may review and change your choices at any time. Further information can be found in our"," ",t("ld-link",{href:e.privacyStatementURL,target:"_blank"},"Privacy Statement"),".")))),t("div",{class:"ld-cookie-consent__disclaimer-buttons",part:"disclaimer-buttons"},e.mode!=="notice-only"&&t("ld-button",{class:"ld-cookie-consent__btn ld-cookie-consent__btn--preferences",mode:"secondary",onClick:()=>{this.showPreferences()},part:"disclaimer-button-preferences",size:"sm"},e.buttonPreferences),e.mode!=="notice-only"&&e.rejectable&&t("ld-button",{class:"ld-cookie-consent__btn",mode:"secondary",onClick:()=>{this.hideDisclaimerAndPreferences();this.saveConsent("none")},part:"disclaimer-button-accept-none",size:"sm"},e.buttonAcceptNone),t("ld-button",{class:s(["ld-cookie-consent__btn",e.mode==="notice-only"&&"ld-cookie-consent__btn--acknowledge",e.mode!=="notice-only"&&e.rejectable&&"ld-cookie-consent__btn--grow"]),onClick:()=>{this.hideDisclaimerAndPreferences();this.saveConsent("all")},part:"disclaimer-button-accept-all",size:"sm"},e.mode==="notice-only"?e.buttonAcknowledge:e.buttonAcceptCookies)))}renderPreferences(){const{config:e}=this;return t("ld-modal",{"blurry-backdrop":e.backdropBlur,class:"ld-cookie-consent__preferences",part:"preferences",ref:e=>this.modalRef=e},t("div",{slot:"header",class:"ld-cookie-consent__preferences-header",part:"preferences-header"},t("div",{class:"ld-cookie-consent__preferences-logo-container",part:"preferences-logo-container"},t("slot",{name:"preferences-logo"},this.getInitialM())),t("slot",{name:"preferences-title"},t("ld-typo",{class:"ld-cookie-consent__preferences-title",part:"preferences-title",tag:"p",variant:"h5"},"Cookie Settings"))),t("div",{class:"ld-cookie-consent__preferences-description",part:"preferences-description"},t("slot",{name:"preferences-description"})),t("ld-accordion",{"brand-color":true,class:"ld-cookie-consent__preferences-accordion",detached:true,part:"preferences-accordion",rounded:true,single:true},e.categories.map(this.renderCategory.bind(this))),t("div",{class:"ld-cookie-consent__preferences-buttons",part:"preferences-buttons",slot:"footer"},e.buttonAcceptNone&&t("ld-button",{class:"ld-cookie-consent__btn",mode:"secondary",onClick:()=>{this.hideDisclaimerAndPreferences();this.saveConsent("none")},part:"preferences-button-accept-none",size:"sm"},e.buttonAcceptNone),e.buttonAcceptSelected&&t("ld-button",{class:"ld-cookie-consent__btn",mode:"secondary",onClick:()=>{this.hideDisclaimerAndPreferences();this.saveConsent("selected")},part:"preferences-button-accept-selected",size:"sm"},e.buttonAcceptSelected),e.buttonAcceptAll&&t("ld-button",{class:"ld-cookie-consent__btn ld-cookie-consent__btn--grow",onClick:()=>{this.hideDisclaimerAndPreferences();this.saveConsent("all")},part:"preferences-button-accept-all",size:"sm"},e.buttonAcceptAll)),t("div",{class:"ld-cookie-consent__preferences-privacy-policy-notice-container",part:"preferences-privacy-policy-notice-container",slot:"footer"},t("slot",{name:"preferences-privacy-policy-notice"},t("ld-typo",{class:"ld-cookie-consent__preferences-privacy-policy-notice",part:"preferences-privacy-policy-notice",variant:"body-s"},"Further information can be found in our"," ",t("ld-link",{href:e.privacyStatementURL,target:"_blank"},"Privacy Statement"),"."))))}renderCategory(e){return t("ld-accordion-section",{class:"ld-cookie-consent__preferences-accordion-section",part:"preferences-accordion-section"},t("ld-accordion-toggle",{class:"ld-cookie-consent__preferences-accordion-toggle",part:"preferences-accordion-toggle"},t("span",{class:"ld-cookie-consent__preferences-category-title",part:"preferences-category-title"},e.title)),t("ld-accordion-panel",{class:"ld-cookie-consent__preferences-accordion-panel",part:"preferences-accordion-panel"},t("ld-typo",{class:"ld-cookie-consent__preferences-category-description",part:"preferences-category-description",variant:"body-s"},e.details.description),e.details.cookieTable&&t("div",{class:"ld-cookie-consent__preferences-category-table-container",part:"preferences-category-table-container"},t("table",{class:"ld-cookie-consent__preferences-category-table",part:"preferences-category-table"},e.details.cookieTable.headers&&t("tr",{class:"ld-cookie-consent__preferences-category-table-tr",part:"preferences-category-table-tr"},e.details.cookieTable.headers.map((e=>t("th",{class:"ld-cookie-consent__preferences-category-table-th",part:"preferences-category-table-th"},e)))),e.details.cookieTable.rows.map((e=>t("tr",{class:"ld-cookie-consent__preferences-category-table-tr",part:"preferences-category-table-tr"},e.map((e=>t("td",{class:"ld-cookie-consent__preferences-category-table-td",part:"preferences-category-table-td"},e))))))))),t("ld-toggle",{"aria-disabled":e.toggle.disabled?"true":undefined,class:"ld-cookie-consent__preferences-category-toggle",checked:this.selectedCategories.has(e.toggle.value),onClick:e=>{e.stopImmediatePropagation()},onLdchange:()=>{this.selectedCategories.has(e.toggle.value)?this.selectedCategories.delete(e.toggle.value):this.selectedCategories.add(e.toggle.value);this.selectedCategories=new Set(this.selectedCategories)},part:"preferences-category-toggle",value:e.toggle.value}))}componentWillLoad(){var e,o,t;const n=typeof this.settings==="string"?JSON.parse(this.settings):this.settings;this.config=Object.assign(this.config,n);const i=JSON.parse(localStorage.getItem(this.config.localStorageKey));this.savedConsent=i&&{acceptedCategories:new Set(i.acceptedCategories),consentDate:new Date(i.consentDate),rejectedCategories:new Set(i.rejectedCategories),revision:i.revision};this.allCategories=new Set((e=this.config.categories)===null||e===void 0?void 0:e.map((e=>e.toggle.value)));this.preselectedCategories=new Set((o=this.config.categories)===null||o===void 0?void 0:o.filter((e=>e.toggle.checked)).map((e=>e.toggle.value)));this.selectedCategories=new Set(...[((t=this.savedConsent)===null||t===void 0?void 0:t.acceptedCategories)||this.preselectedCategories]);if(this.savedConsent)this.ldCookieSavedConsentLoad.emit(this.savedConsent);this.loadScripts();if(this.config.showOnLoad&&!this.isConsentGivenForCurrentRevision()){this.showDisclaimer(this.config.showOnLoadDelay)}}render(){return t(n,{class:"ld-cookie-consent"},this.renderDisclaimer(),this.config.mode!=="notice-only"&&this.renderPreferences())}get el(){return i(this)}};d.style=l;export{d as ld_cookie_consent};
+//# sourceMappingURL=p-bc9ce66e.entry.js.map
\ No newline at end of file
diff --git a/dist/build/p-6e08f789.entry.js.map b/1704966176737/dist/build/p-bc9ce66e.entry.js.map
similarity index 99%
rename from dist/build/p-6e08f789.entry.js.map
rename to 1704966176737/dist/build/p-bc9ce66e.entry.js.map
index 73d8ef3965..38262d5d34 100644
--- a/dist/build/p-6e08f789.entry.js.map
+++ b/1704966176737/dist/build/p-bc9ce66e.entry.js.map
@@ -1 +1 @@
-{"version":3,"names":["global","factory","module","exports","this","assign","target","i","arguments","length","source","key","defaultConverter","read","value","slice","replace","decodeURIComponent","write","encodeURIComponent","init","converter","defaultAttributes","set","name","attributes","document","expires","Date","now","toUTCString","escape","stringifiedAttributes","attributeName","split","cookie","get","cookies","jar","parts","join","found","e","Object","create","remove","withAttributes","withConverter","freeze","api","path","ldCookieConsentShadowCss","LdCookieConsent","config","backdropBlur","buttonAcceptAll","buttonAcceptCookies","buttonAcceptNone","buttonAcceptSelected","buttonAcknowledge","buttonDismiss","buttonPreferences","disclaimerAlignement","dismissable","localStorageKey","mode","privacyStatementURL","undefined","rejectable","revision","scriptSelector","showOnLoad","showOnLoadDelay","Set","getAcceptedAndRejectedCategories","acceptedCategories","preselectedCategories","isConsentGivenForCurrentRevision","savedConsent","rejectedCategories","allCategories","filter","category","has","isCategoryAccepted","cookieCategory","showDisclaimer","delay","cb","isDisclaimerVisible","_a","disclaimerRef","focus","ldCookieConsentDisclaimerShow","emit","setTimeout","hideDisclaimerAndPreferences","modalRef","close","showPreferences","showModal","ldCookieConsentPreferencesShow","autoclearCookies","allCookieNames","keys","Cookies","categories","autoclear","toggle","flatMap","forEach","domain","includes","ldCookieConsentAutoclearCookies","saveConsent","acceptType","map","_b","disabled","checked","selectedCategories","consentDate","localStorage","setItem","JSON","stringify","toISOString","ldCookieConsentSave","loadScripts","scripts","Array","from","querySelectorAll","script","getAttribute","loadScript","removeAttribute","freshScript","createElement","textContent","innerHTML","attr","attrNodeName","nodeName","setAttribute","onDone","nextScript","shift","ldCookieConsentActivateScripts","parentNode","replaceChild","hasAttribute","onload","getInitialM","h","class","renderDisclaimer","getClassNames","onTransitionEnd","part","ref","role","tabIndex","tag","variant","onClick","ldCookieConsentDismiss","id","href","size","renderPreferences","slot","detached","rounded","single","renderCategory","bind","title","details","description","cookieTable","headers","th","rows","tr","td","ev","stopImmediatePropagation","onLdchange","delete","add","componentWillLoad","parsedSettings","settings","parse","savedParsedConsent","getItem","_c","ldCookieSavedConsentLoad","render","Host"],"sources":["../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js","../src/liquid/components/ld-cookie-consent/ld-cookie-consent.shadow.css?tag=ld-cookie-consent&encapsulation=shadow","../src/liquid/components/ld-cookie-consent/ld-cookie-consent.tsx"],"sourcesContent":["/*! js-cookie v3.0.5 | MIT */\n;\n(function (global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n typeof define === 'function' && define.amd ? define(factory) :\n (global = typeof globalThis !== 'undefined' ? globalThis : global || self, (function () {\n var current = global.Cookies;\n var exports = global.Cookies = factory();\n exports.noConflict = function () { global.Cookies = current; return exports; };\n })());\n})(this, (function () { 'use strict';\n\n /* eslint-disable no-var */\n function assign (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n target[key] = source[key];\n }\n }\n return target\n }\n /* eslint-enable no-var */\n\n /* eslint-disable no-var */\n var defaultConverter = {\n read: function (value) {\n if (value[0] === '\"') {\n value = value.slice(1, -1);\n }\n return value.replace(/(%[\\dA-F]{2})+/gi, decodeURIComponent)\n },\n write: function (value) {\n return encodeURIComponent(value).replace(\n /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,\n decodeURIComponent\n )\n }\n };\n /* eslint-enable no-var */\n\n /* eslint-disable no-var */\n\n function init (converter, defaultAttributes) {\n function set (name, value, attributes) {\n if (typeof document === 'undefined') {\n return\n }\n\n attributes = assign({}, defaultAttributes, attributes);\n\n if (typeof attributes.expires === 'number') {\n attributes.expires = new Date(Date.now() + attributes.expires * 864e5);\n }\n if (attributes.expires) {\n attributes.expires = attributes.expires.toUTCString();\n }\n\n name = encodeURIComponent(name)\n .replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent)\n .replace(/[()]/g, escape);\n\n var stringifiedAttributes = '';\n for (var attributeName in attributes) {\n if (!attributes[attributeName]) {\n continue\n }\n\n stringifiedAttributes += '; ' + attributeName;\n\n if (attributes[attributeName] === true) {\n continue\n }\n\n // Considers RFC 6265 section 5.2:\n // ...\n // 3. If the remaining unparsed-attributes contains a %x3B (\";\")\n // character:\n // Consume the characters of the unparsed-attributes up to,\n // not including, the first %x3B (\";\") character.\n // ...\n stringifiedAttributes += '=' + attributes[attributeName].split(';')[0];\n }\n\n return (document.cookie =\n name + '=' + converter.write(value, name) + stringifiedAttributes)\n }\n\n function get (name) {\n if (typeof document === 'undefined' || (arguments.length && !name)) {\n return\n }\n\n // To prevent the for loop in the first place assign an empty array\n // in case there are no cookies at all.\n var cookies = document.cookie ? document.cookie.split('; ') : [];\n var jar = {};\n for (var i = 0; i < cookies.length; i++) {\n var parts = cookies[i].split('=');\n var value = parts.slice(1).join('=');\n\n try {\n var found = decodeURIComponent(parts[0]);\n jar[found] = converter.read(value, found);\n\n if (name === found) {\n break\n }\n } catch (e) {}\n }\n\n return name ? jar[name] : jar\n }\n\n return Object.create(\n {\n set,\n get,\n remove: function (name, attributes) {\n set(\n name,\n '',\n assign({}, attributes, {\n expires: -1\n })\n );\n },\n withAttributes: function (attributes) {\n return init(this.converter, assign({}, this.attributes, attributes))\n },\n withConverter: function (converter) {\n return init(assign({}, this.converter, converter), this.attributes)\n }\n },\n {\n attributes: { value: Object.freeze(defaultAttributes) },\n converter: { value: Object.freeze(converter) }\n }\n )\n }\n\n var api = init(defaultConverter, { path: '/' });\n /* eslint-enable no-var */\n\n return api;\n\n}));\n",":host {\n /* Assign liquid global props to component props. */\n --ld-cookie-consent-br-s: var(--ld-br-s);\n --ld-cookie-consent-br-m: var(--ld-br-m);\n --ld-cookie-consent-br-l: var(--ld-br-l);\n --ld-cookie-consent-col-neutral-010: var(--ld-col-neutral-010);\n --ld-cookie-consent-col-neutral-050: var(--ld-col-neutral-050);\n --ld-cookie-consent-col-neutral-100: var(--ld-col-neutral-100);\n --ld-cookie-consent-col-neutral-600: var(--ld-col-neutral-600);\n --ld-cookie-consent-col-neutral-900: var(--ld-col-neutral-900);\n --ld-cookie-consent-col-wht: var(--ld-col-wht);\n --ld-cookie-consent-font-body: var(--ld-font-body);\n --ld-cookie-consent-thm-primary: var(--ld-thm-primary);\n --ld-cookie-consent-thm-primary-active: var(--ld-thm-primary-active);\n --ld-cookie-consent-thm-primary-alpha-low: var(--ld-thm-primary-alpha-low);\n --ld-cookie-consent-thm-primary-alpha-lowest: var(\n --ld-thm-primary-alpha-lowest\n );\n --ld-cookie-consent-thm-primary-focus: var(--ld-thm-primary-focus);\n --ld-cookie-consent-thm-primary-highlight: var(--ld-thm-primary-highlight);\n --ld-cookie-consent-thm-primary-hover: var(--ld-thm-primary-hover);\n --ld-cookie-consent-thm-secondary: var(--ld-thm-secondary);\n --ld-cookie-consent-thm-secondary-active: var(--ld-thm-secondary-active);\n --ld-cookie-consent-thm-secondary-focus: var(--ld-thm-secondary-focus);\n --ld-cookie-consent-thm-secondary-highlight: var(\n --ld-thm-secondary-highlight\n );\n --ld-cookie-consent-thm-secondary-hover: var(--ld-thm-secondary-hover);\n\n /* Component specific props. */\n --ld-cookie-consent-logo-size: var(--ld-sp-32);\n --ld-cookie-consent-initial-m-size: 2.5rem;\n --ld-cookie-consent-max-inline-size: 38rem;\n --ld-cookie-consent-max-block-size: clamp(20rem, 50vh, 70rem);\n --ld-cookie-consent-min-inline-size: 18rem;\n\n /* Custom props below aren't meant for customization. */\n\n /* Not using 0s here because we rely on the transition end event. */\n --ld-cookie-consent-transition-duration: var(\n --ld-transition-duration-instant\n );\n --ld-cookie-consent-disclaimer-transition-delay: 0s;\n\n @media (prefers-reduced-motion: no-preference) {\n --ld-cookie-consent-transition-duration: var(\n --ld-transition-duration-normal\n );\n --ld-cookie-consent-disclaimer-transition-delay: var(\n --ld-transition-duration-quick\n );\n }\n\n position: var(--ld-cookie-consent-position, fixed);\n z-index: var(--ld-cookie-consent-z-index, 2147483647 /* Highest possible */);\n}\n\n.ld-cookie-consent__disclaimer,\n.ld-cookie-consent__preferences {\n /*\n Re-assign component props to liquid globals so that\n they take effect within nested components as well. */\n --ld-br-s: var(--ld-cookie-consent-br-s);\n --ld-br-m: var(--ld-cookie-consent-br-m);\n --ld-br-l: var(--ld-cookie-consent-br-l);\n --ld-col-neutral-010: var(--ld-cookie-consent-col-neutral-010);\n --ld-col-neutral-050: var(--ld-cookie-consent-col-neutral-050);\n --ld-col-neutral-100: var(--ld-cookie-consent-col-neutral-100);\n --ld-col-neutral-600: var(--ld-cookie-consent-col-neutral-600);\n --ld-col-neutral-900: var(--ld-cookie-consent-col-neutral-900);\n --ld-col-wht: var(--ld-cookie-consent-col-wht);\n --ld-font-body: var(--ld-cookie-consent-font-body);\n --ld-thm-primary-active: var(--ld-cookie-consent-thm-primary-active);\n --ld-thm-primary-alpha-low: var(--ld-cookie-consent-thm-primary-alpha-low);\n --ld-thm-primary-alpha-lowest: var(\n --ld-cookie-consent-thm-primary-alpha-lowest\n );\n --ld-thm-primary-focus: var(--ld-cookie-consent-thm-primary-focus);\n --ld-thm-primary-highlight: var(--ld-cookie-consent-thm-primary-highlight);\n --ld-thm-primary-hover: var(--ld-cookie-consent-thm-primary-hover);\n --ld-thm-primary: var(--ld-cookie-consent-thm-primary);\n --ld-thm-secondary-active: var(--ld-cookie-consent-thm-secondary-active);\n --ld-thm-secondary-focus: var(--ld-cookie-consent-thm-secondary-focus);\n --ld-thm-secondary-highlight: var(\n --ld-cookie-consent-thm-secondary-highlight\n );\n --ld-thm-secondary-hover: var(--ld-cookie-consent-thm-secondary-hover);\n --ld-thm-secondary: var(--ld-cookie-consent-thm-secondary);\n\n font-family: var(--ld-font-body);\n\n ld-accordion-toggle::part(toggle),\n ld-button::part(button),\n ld-typo::part(tag) {\n font-family: inherit;\n }\n}\n\n@keyframes ld-cookie-consent-in {\n from {\n transform: translateY(calc(-100% - var(--ld-sp-24)));\n }\n\n to {\n transform: translateY(calc(-100% - var(--ld-sp-40)));\n }\n}\n\n@keyframes ld-cookie-consent-out {\n from {\n transform: translateY(calc(-100% - var(--ld-sp-40))) scale(1);\n }\n\n to {\n transform: translateY(calc(-100% - var(--ld-sp-40))) scale(0.9);\n }\n}\n\n@keyframes ld-cookie-consent-out-mobile {\n from {\n transform: translateY(calc(-100% - var(--ld-sp-40)));\n }\n\n to {\n transform: translateY(calc(-100% - var(--ld-sp-24)));\n }\n}\n\n.ld-cookie-consent__disclaimer {\n animation: ld-cookie-consent-in var(--ld-cookie-consent-transition-duration)\n ease-out forwards;\n background-color: var(--ld-col-wht);\n border-radius: var(--ld-br-l);\n box-shadow: var(--ld-shadow-active);\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n height: fit-content;\n left: 0;\n margin: auto;\n max-block-size: min(\n calc(100% - var(--ld-sp-24) - var(--ld-sp-40)),\n var(--ld-cookie-consent-max-block-size)\n );\n max-inline-size: min(\n calc(100% - var(--ld-sp-32)),\n var(--ld-cookie-consent-max-inline-size)\n );\n min-inline-size: var(--ld-cookie-consent-min-inline-size);\n outline: none;\n position: fixed;\n right: 0;\n top: 100%;\n transition: transform var(--ld-cookie-consent-transition-duration) ease-out,\n opacity var(--ld-cookie-consent-transition-duration) ease-out;\n width: 100%;\n\n &:not(.ld-cookie-consent__disclaimer--visible) {\n animation: ld-cookie-consent-out\n var(--ld-cookie-consent-transition-duration) ease-in forwards;\n animation-delay: var(--ld-cookie-consent-disclaimer-transition-delay);\n opacity: 0;\n pointer-events: none;\n transform: translateY(calc(-100% - var(--ld-sp-40)));\n transition: transform var(--ld-cookie-consent-transition-duration)\n var(--ld-cookie-consent-disclaimer-transition-delay) ease-in,\n opacity var(--ld-cookie-consent-transition-duration)\n var(--ld-cookie-consent-disclaimer-transition-delay) ease-in,\n visibility 0s\n calc(\n var(--ld-cookie-consent-transition-duration) +\n var(--ld-cookie-consent-disclaimer-transition-delay)\n )\n linear;\n visibility: hidden;\n\n @media (width <= 32rem) {\n /*\n The disclaimer mimics the animation behavior of the ld-modal component. */\n animation-name: ld-cookie-consent-out-mobile;\n }\n }\n\n &--left {\n margin-left: var(--ld-sp-16);\n }\n\n &--right {\n margin-right: var(--ld-sp-16);\n }\n}\n\n.ld-cookie-consent__btn {\n flex-grow: 1;\n\n &::part(button) {\n white-space: nowrap;\n }\n\n &--grow {\n flex-grow: 100;\n }\n\n &--acknowledge {\n flex-grow: 0;\n min-width: min(10rem, 50%);\n }\n}\n\n.ld-cookie-consent__disclaimer-buttons {\n background-color: var(--ld-col-neutral-010);\n border-bottom-left-radius: var(--ld-br-l);\n border-bottom-right-radius: var(--ld-br-l);\n display: flex;\n flex-wrap: wrap;\n gap: var(--ld-sp-12);\n justify-content: flex-end;\n padding: var(--ld-sp-16);\n}\n\n.ld-cookie-consent__disclaimer-description-container {\n padding: var(--ld-sp-8) var(--ld-sp-12);\n}\n\n.ld-cookie-consent__disclaimer-header {\n background-color: var(--ld-col-neutral-010);\n border-radius: var(--ld-br-l) var(--ld-br-l) 0 0;\n min-height: 3rem;\n padding: var(--ld-sp-4) var(--ld-sp-16);\n}\n\n.ld-cookie-consent__disclaimer-scroll-container {\n overflow: auto;\n overscroll-behavior: contain;\n padding: var(--ld-sp-16);\n}\n\n/* custom icon cross */\n.ld-cookie-consent__disclaimer-x {\n appearance: none;\n background-color: transparent;\n border: solid transparent var(--ld-sp-8);\n cursor: pointer;\n display: inline-flex;\n height: 3rem;\n margin: auto calc(var(--ld-sp-16) * -1) auto auto;\n overflow: hidden; /* hides focus outlines of pseudo elements */\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-cookie-consent__initial-m {\n color: var(--ld-col-vy);\n width: var(--ld-cookie-consent-initial-m-size);\n margin: auto -0.1875rem;\n\n &::part(icon) {\n height: auto;\n width: inherit;\n }\n}\n\n.ld-cookie-consent__preferences {\n --ld-modal-max-inline-size: var(--ld-cookie-consent-max-inline-size);\n\n &::part(footer) {\n display: block;\n }\n}\n\n.ld-cookie-consent__preferences-accordion-section {\n --ld-accordion-padding-x: var(--ld-sp-12);\n position: relative;\n}\n\n.ld-cookie-consent__preferences-accordion-toggle {\n &::part(toggle) {\n display: flex;\n }\n}\n\n.ld-cookie-consent__preferences-category-description {\n padding: var(--ld-sp-12) var(--ld-accordion-padding-x);\n}\n\n.ld-cookie-consent__preferences-category-table {\n border-collapse: collapse;\n font: var(--ld-typo-body-s);\n font-family: inherit;\n margin-bottom: var(--ld-sp-12);\n min-width: 100%;\n}\n\n.ld-cookie-consent__preferences-category-table-container {\n margin: 0 var(--ld-accordion-padding-x);\n max-width: 100%;\n overflow-x: scroll;\n}\n\n.ld-cookie-consent__preferences-category-table-th,\n.ld-cookie-consent__preferences-category-table-td {\n padding: var(--ld-sp-12) var(--ld-sp-12);\n text-align: left;\n vertical-align: top;\n}\n\n.ld-cookie-consent__preferences-category-table-tr {\n border-bottom: solid var(--ld-col-neutral-100) var(--ld-sp-1);\n\n &:nth-child(2n) {\n background-color: var(--ld-thm-primary-alpha-lowest);\n }\n}\n\n.ld-cookie-consent__preferences-category-title {\n font: var(--ld-typo-h5);\n font-family: inherit;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: calc(100% - 3rem);\n}\n\n.ld-cookie-consent__preferences-category-toggle {\n position: absolute;\n right: var(--ld-sp-32);\n top: var(--ld-sp-4);\n transform: scale(0.75);\n z-index: 1;\n}\n\n.ld-cookie-consent__preferences-buttons {\n display: flex;\n flex-wrap: wrap;\n justify-content: stretch;\n gap: var(--ld-sp-12);\n}\n\n.ld-cookie-consent__disclaimer-logo-container,\n.ld-cookie-consent__preferences-logo-container {\n height: var(--ld-cookie-consent-logo-size);\n display: flex;\n align-items: center;\n\n & > ::slotted(*) {\n height: 100%;\n width: auto;\n }\n}\n\n.ld-cookie-consent__disclaimer-header,\n.ld-cookie-consent__preferences-header {\n display: grid;\n grid-template-columns: auto 1fr minmax(min-content, max-content);\n gap: var(--ld-sp-12);\n align-items: center;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n} from '@stencil/core'\nimport Cookies from 'js-cookie'\nimport { LdCookieConsentConfig } from './ld-cookie-consent.types'\nimport { getClassNames } from '../../utils/getClassNames'\n\n/**\n * @slot disclaimer-description - Slot for description in cookie consent disclaimer.\n * @slot disclaimer-logo - Slot for logo in cookie consent disclaimer.\n * @slot disclaimer-title - Slot for title in cookie consent disclaimer.\n * @slot preferences-description - Slot for description in preferences modal layer.\n * @slot preferences-logo - Slot for logo in preferences modal layer.\n * @slot preferences-privacy-policy-notice - Slot for privacy policy notice in preferences modal layer.\n * @slot preferences-title - Slot for title in preferences modal layer.\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part disclaimer - consent disclaimer container\n * @part disclaimer-buttons - consent disclaimer buttons container\n * @part disclaimer-button-accept-all - accept all cookies button in consent disclaimer\n * @part disclaimer-button-accept-none - reject all cookies button in consent disclaimer\n * @part disclaimer-button-dismiss - x button to hide the disclaimer until next page load\n * @part disclaimer-button-preferences - show cookie consent preferences button\n * @part disclaimer-description - consent disclaimer description typography element\n * @part disclaimer-description-container - consent disclaimer description container\n * @part disclaimer-header - disclaimer header containing logo and title\n * @part disclaimer-logo-container - logo container in the disclaimer header\n * @part disclaimer-scroll-container - scrollable container in consent disclaimer\n * @part disclaimer-title - consent disclaimer title typography element\n * @part preferences - the preferences modal layer\n * @part preferences-accordion - cookie category specific accordion\n * @part preferences-accordion-panel - cookie category specific accordion panel\n * @part preferences-accordion-section - cookie category specific accordion section\n * @part preferences-accordion-toggle - cookie category specific accordion toggle\n * @part preferences-button-accept-all - accept all button in preferences\n * @part preferences-button-accept-none - accept none button in preferences\n * @part preferences-button-accept-selected - accept selected button in preferences\n * @part preferences-buttons - preferences buttons container\n * @part preferences-category-description - description of category specific category\n * @part preferences-category-table - cookie table\n * @part preferences-category-table-container - cookie table container\n * @part preferences-category-table-td - cookie table data cell\n * @part preferences-category-table-th - cookie table header cell\n * @part preferences-category-table-tr - cookie table row\n * @part preferences-category-title - title of category specific category\n * @part preferences-category-toggle - toggle of category specific category\n * @part preferences-description - preferences description container\n * @part preferences-header - preferences header containing logo and title\n * @part preferences-logo-container - logo container in the preferences header\n * @part preferences-privacy-policy-notice - privacy notice in modal layer footer\n * @part preferences-privacy-policy-notice-container - container for privacy notice slot\n * @part preferences-title - the preferences title displayed in the modal layer header\n */\n@Component({\n tag: 'ld-cookie-consent',\n styleUrl: 'ld-cookie-consent.shadow.css',\n shadow: true,\n})\nexport class LdCookieConsent {\n @Element() el: HTMLElement\n\n /** Component settings object to be merged with the default options (optionally stringified). */\n @Prop() settings!: Partial | string\n\n /** Emitted when the cookie consent disclaimer is shown. */\n @Event() ldCookieConsentDisclaimerShow: EventEmitter\n\n /** Emitted after loading saved consent from local storage. */\n @Event() ldCookieSavedConsentLoad: EventEmitter<{\n acceptedCategories: Set\n consentDate: Date\n rejectedCategories: Set\n revision: number\n }>\n\n /** Emitted when the cookie consent preferences modal layer is shown. */\n @Event() ldCookieConsentPreferencesShow: EventEmitter\n\n /** Emitted after clearing cookies which happens after saving setting. */\n @Event() ldCookieConsentAutoclearCookies: EventEmitter\n\n /** Emitted after saving cookies preferences to local storage with accepted categories. */\n @Event() ldCookieConsentSave: EventEmitter<{\n acceptedCategories: Set\n consentDate: Date\n rejectedCategories: Set\n revision: number\n }>\n\n /** Emitted after the cookie consent disclaimer has been dismissed (no consent has been saved in this case). */\n @Event() ldCookieConsentDismiss: EventEmitter\n\n /** Emitted after activating scripts (only emitted if at least one script has been activated). */\n @Event() ldCookieConsentActivateScripts: EventEmitter\n\n @State() private isDisclaimerVisible = false\n @State() private allCategories: Set = new Set()\n @State() private preselectedCategories: Set = new Set()\n @State() private savedConsent: {\n acceptedCategories: Set\n consentDate: Date\n rejectedCategories: Set\n revision: number\n } | null\n @State() private selectedCategories: Set = new Set()\n\n private disclaimerRef: HTMLDivElement\n private modalRef: HTMLLdModalElement\n private config: LdCookieConsentConfig = {\n backdropBlur: true,\n buttonAcceptAll: 'Accept all',\n buttonAcceptCookies: 'Accept cookies',\n buttonAcceptNone: 'Accept only necessary',\n buttonAcceptSelected: 'Accept selected',\n buttonAcknowledge: 'Acknowledge',\n buttonDismiss: 'Dismiss',\n buttonPreferences: 'Cookie settings',\n disclaimerAlignement: 'center',\n dismissable: false,\n localStorageKey: 'ld-cookie-consent',\n mode: 'opt-in',\n privacyStatementURL: undefined,\n rejectable: false,\n revision: 0,\n scriptSelector: 'data-ld-cookie-category',\n showOnLoad: true,\n showOnLoadDelay: 1000,\n }\n\n /** Returns accepted categories. */\n @Method()\n async getAcceptedAndRejectedCategories(): Promise<{\n acceptedCategories: Set\n rejectedCategories: Set\n }> {\n let acceptedCategories\n switch (this.config.mode) {\n case 'notice-only':\n acceptedCategories = this.preselectedCategories\n break\n case 'opt-in':\n if (this.isConsentGivenForCurrentRevision()) {\n acceptedCategories = this.savedConsent.acceptedCategories\n } else {\n acceptedCategories = new Set()\n }\n break\n case 'opt-out':\n if (this.isConsentGivenForCurrentRevision()) {\n acceptedCategories = this.savedConsent.acceptedCategories\n } else {\n acceptedCategories = this.preselectedCategories\n }\n break\n }\n const rejectedCategories = new Set(\n [...this.allCategories].filter(\n (category) => !acceptedCategories.has(category)\n )\n )\n return {\n acceptedCategories,\n rejectedCategories,\n }\n }\n\n /** Returns true if cookie category has been accepted. */\n @Method()\n async isCategoryAccepted(cookieCategory: string): Promise {\n return (\n await this.getAcceptedAndRejectedCategories()\n ).acceptedCategories.has(cookieCategory)\n }\n\n /** Shows cookie consent disclaimer. */\n @Method()\n async showDisclaimer(delay?: number) {\n const cb = () => {\n this.isDisclaimerVisible = true\n this.disclaimerRef?.focus()\n this.ldCookieConsentDisclaimerShow.emit()\n }\n if (delay) {\n setTimeout(cb, delay)\n } else {\n cb()\n }\n }\n\n /** Hides cookie consent disclaimer and preferences. */\n @Method()\n async hideDisclaimerAndPreferences() {\n this.isDisclaimerVisible = false\n this.modalRef?.close()\n }\n\n private showPreferences() {\n this.modalRef.showModal()\n this.ldCookieConsentPreferencesShow.emit()\n }\n\n /** Tries to delete cookies as per configuration if consent is not yet expressed. */\n private autoclearCookies(rejectedCategories: Set) {\n const allCookieNames = Object.keys(Cookies.get())\n this.config.categories\n ?.filter(\n (category) =>\n category.autoclear && rejectedCategories.has(category.toggle.value)\n )\n .flatMap((category) => category.autoclear)\n .forEach(({ domain, name, path }) => {\n if (allCookieNames.includes(name)) {\n Cookies.remove(name, {\n path,\n domain,\n })\n }\n })\n this.ldCookieConsentAutoclearCookies.emit()\n }\n\n private saveConsent(acceptType: 'all' | 'none' | 'selected') {\n let acceptedCategories: Set\n switch (acceptType) {\n case 'all':\n acceptedCategories = new Set(\n this.config.categories?.map((category) => category.toggle.value)\n )\n break\n case 'none':\n acceptedCategories = new Set(\n this.config.categories\n ?.filter(({ toggle }) => toggle.disabled && toggle.checked)\n .map(({ toggle }) => toggle.value)\n )\n break\n case 'selected':\n acceptedCategories = this.selectedCategories\n break\n }\n\n this.selectedCategories = new Set([...acceptedCategories])\n\n const rejectedCategories = new Set(\n [...this.allCategories].filter(\n (category) => !acceptedCategories.has(category)\n )\n )\n\n this.savedConsent = {\n acceptedCategories,\n consentDate: new Date(),\n rejectedCategories,\n revision: this.config.revision,\n }\n\n localStorage.setItem(\n this.config.localStorageKey,\n JSON.stringify({\n acceptedCategories: [...this.savedConsent.acceptedCategories],\n consentDate: this.savedConsent.consentDate.toISOString(),\n rejectedCategories: [...this.savedConsent.rejectedCategories],\n revision: this.savedConsent.revision,\n })\n )\n\n this.ldCookieConsentSave.emit(this.savedConsent)\n\n this.autoclearCookies(rejectedCategories)\n\n this.loadScripts()\n }\n\n /** Loads scripts based on expressed consent. */\n private async loadScripts() {\n const { rejectedCategories } = await this.getAcceptedAndRejectedCategories()\n const scripts = Array.from(\n document.querySelectorAll(\n `script[${this.config.scriptSelector}]`\n )\n ).filter(\n (script) =>\n this.config.mode === 'notice-only' ||\n !rejectedCategories.has(script.getAttribute(this.config.scriptSelector))\n )\n if (!scripts.length) return\n\n const loadScript = (script: HTMLScriptElement) => {\n // Reactivate by replacing \"dormant\" script with copied version of itself,\n // with the correct type and the data script selector attribute removed.\n script.removeAttribute(this.config.scriptSelector)\n script.removeAttribute('type')\n const freshScript = document.createElement('script')\n freshScript.textContent = script.innerHTML\n Array.from(script.attributes).forEach((attr) => {\n const attrNodeName = attr.nodeName\n freshScript.setAttribute(\n attrNodeName,\n script[attrNodeName] || script.getAttribute(attrNodeName)\n )\n })\n\n const onDone = () => {\n const nextScript = scripts.shift()\n if (nextScript) {\n loadScript(nextScript)\n } else {\n this.ldCookieConsentActivateScripts.emit()\n }\n }\n\n script.parentNode.replaceChild(freshScript, script)\n if (script.hasAttribute('async')) {\n onDone()\n } else {\n freshScript.onload = onDone\n }\n }\n loadScript(scripts.shift())\n }\n\n private isConsentGivenForCurrentRevision() {\n // if no consent is given\n if (!this.savedConsent) return false\n\n // if revision handling is not enabled in settings\n if (!this.config.revision) return true\n\n // if saved consent has the same revision as the one in the settings\n if (this.savedConsent.revision === this.config.revision) return true\n\n return false\n }\n\n private getInitialM() {\n return \n }\n\n private renderDisclaimer() {\n const { config } = this\n return (\n (this.disclaimerRef = ref)}\n role=\"dialog\"\n tabIndex={this.isDisclaimerVisible ? -1 : undefined}\n >\n \n\n \n\n
\n {config.mode !== 'notice-only' && (\n {\n this.showPreferences()\n }}\n part=\"disclaimer-button-preferences\"\n size=\"sm\"\n >\n {config.buttonPreferences}\n \n )}\n {config.mode !== 'notice-only' && config.rejectable && (\n {\n this.hideDisclaimerAndPreferences()\n this.saveConsent('none')\n }}\n part=\"disclaimer-button-accept-none\"\n size=\"sm\"\n >\n {config.buttonAcceptNone}\n \n )}\n {\n this.hideDisclaimerAndPreferences()\n this.saveConsent('all')\n }}\n part=\"disclaimer-button-accept-all\"\n size=\"sm\"\n >\n {config.mode === 'notice-only'\n ? config.buttonAcknowledge\n : config.buttonAcceptCookies}\n \n
\n
\n )\n }\n\n private renderPreferences() {\n const { config } = this\n return (\n (this.modalRef = ref)}\n >\n \n\n \n \n
\n\n \n {config.categories.map(this.renderCategory.bind(this))}\n \n \n {config.buttonAcceptNone && (\n {\n this.hideDisclaimerAndPreferences()\n this.saveConsent('none')\n }}\n part=\"preferences-button-accept-none\"\n size=\"sm\"\n >\n {config.buttonAcceptNone}\n \n )}\n {config.buttonAcceptSelected && (\n {\n this.hideDisclaimerAndPreferences()\n this.saveConsent('selected')\n }}\n part=\"preferences-button-accept-selected\"\n size=\"sm\"\n >\n {config.buttonAcceptSelected}\n \n )}\n {config.buttonAcceptAll && (\n {\n this.hideDisclaimerAndPreferences()\n this.saveConsent('all')\n }}\n part=\"preferences-button-accept-all\"\n size=\"sm\"\n >\n {config.buttonAcceptAll}\n \n )}\n
\n\n \n \n \n Further information can be found in our{' '}\n \n Privacy Statement\n \n .\n \n \n
\n \n )\n }\n\n private renderCategory(category: LdCookieConsentConfig['categories'][0]) {\n return (\n \n \n \n {category.title}\n \n \n \n \n {category.details.description}\n \n {category.details.cookieTable && (\n \n
\n {category.details.cookieTable.headers && (\n \n {category.details.cookieTable.headers.map((th) => (\n \n {th}\n | \n ))}\n
\n )}\n {category.details.cookieTable.rows.map((tr) => (\n \n {tr.map((td) => (\n \n {td}\n | \n ))}\n
\n ))}\n
\n
\n )}\n \n {\n ev.stopImmediatePropagation()\n }}\n onLdchange={() => {\n this.selectedCategories.has(category.toggle.value)\n ? this.selectedCategories.delete(category.toggle.value)\n : this.selectedCategories.add(category.toggle.value)\n\n this.selectedCategories = new Set(this.selectedCategories)\n }}\n part=\"preferences-category-toggle\"\n value={category.toggle.value}\n />\n \n )\n }\n\n componentWillLoad() {\n const parsedSettings: Partial =\n typeof this.settings === 'string'\n ? JSON.parse(this.settings)\n : this.settings\n\n this.config = Object.assign(this.config, parsedSettings)\n\n const savedParsedConsent = JSON.parse(\n localStorage.getItem(this.config.localStorageKey)\n )\n this.savedConsent = savedParsedConsent && {\n acceptedCategories: new Set(savedParsedConsent.acceptedCategories),\n consentDate: new Date(savedParsedConsent.consentDate),\n rejectedCategories: new Set(savedParsedConsent.rejectedCategories),\n revision: savedParsedConsent.revision,\n }\n\n this.allCategories = new Set(\n this.config.categories?.map((category) => category.toggle.value)\n )\n this.preselectedCategories = new Set(\n this.config.categories\n ?.filter((category) => {\n return category.toggle.checked\n })\n .map((category) => category.toggle.value)\n )\n this.selectedCategories = new Set(\n ...[this.savedConsent?.acceptedCategories || this.preselectedCategories]\n )\n\n if (this.savedConsent) this.ldCookieSavedConsentLoad.emit(this.savedConsent)\n\n this.loadScripts()\n\n if (this.config.showOnLoad && !this.isConsentGivenForCurrentRevision()) {\n this.showDisclaimer(this.config.showOnLoadDelay)\n }\n }\n\n render() {\n return (\n \n {this.renderDisclaimer()}\n\n {this.config.mode !== 'notice-only' && this.renderPreferences()}\n \n )\n }\n}\n"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"names":["global","factory","module","exports","this","assign","target","i","arguments","length","source","key","defaultConverter","read","value","slice","replace","decodeURIComponent","write","encodeURIComponent","init","converter","defaultAttributes","set","name","attributes","document","expires","Date","now","toUTCString","escape","stringifiedAttributes","attributeName","split","cookie","get","cookies","jar","parts","join","found","e","Object","create","remove","withAttributes","withConverter","freeze","api","path","ldCookieConsentShadowCss","LdCookieConsent","config","backdropBlur","buttonAcceptAll","buttonAcceptCookies","buttonAcceptNone","buttonAcceptSelected","buttonAcknowledge","buttonDismiss","buttonPreferences","disclaimerAlignement","dismissable","localStorageKey","mode","privacyStatementURL","undefined","rejectable","revision","scriptSelector","showOnLoad","showOnLoadDelay","Set","getAcceptedAndRejectedCategories","acceptedCategories","preselectedCategories","isConsentGivenForCurrentRevision","savedConsent","rejectedCategories","allCategories","filter","category","has","isCategoryAccepted","cookieCategory","showDisclaimer","delay","cb","isDisclaimerVisible","_a","disclaimerRef","focus","ldCookieConsentDisclaimerShow","emit","setTimeout","hideDisclaimerAndPreferences","modalRef","close","showPreferences","showModal","ldCookieConsentPreferencesShow","autoclearCookies","allCookieNames","keys","Cookies","categories","autoclear","toggle","flatMap","forEach","domain","includes","ldCookieConsentAutoclearCookies","saveConsent","acceptType","map","_b","disabled","checked","selectedCategories","consentDate","localStorage","setItem","JSON","stringify","toISOString","ldCookieConsentSave","loadScripts","scripts","Array","from","querySelectorAll","script","getAttribute","loadScript","removeAttribute","freshScript","createElement","textContent","innerHTML","attr","attrNodeName","nodeName","setAttribute","onDone","nextScript","shift","ldCookieConsentActivateScripts","parentNode","replaceChild","hasAttribute","onload","getInitialM","h","class","renderDisclaimer","getClassNames","onTransitionEnd","part","ref","role","tabIndex","tag","variant","onClick","ldCookieConsentDismiss","id","href","size","renderPreferences","slot","detached","rounded","single","renderCategory","bind","title","details","description","cookieTable","headers","th","rows","tr","td","ev","stopImmediatePropagation","onLdchange","delete","add","componentWillLoad","parsedSettings","settings","parse","savedParsedConsent","getItem","_c","ldCookieSavedConsentLoad","render","Host"],"sources":["../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js","../src/liquid/components/ld-cookie-consent/ld-cookie-consent.shadow.css?tag=ld-cookie-consent&encapsulation=shadow","../src/liquid/components/ld-cookie-consent/ld-cookie-consent.tsx"],"sourcesContent":["/*! js-cookie v3.0.5 | MIT */\n;\n(function (global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n typeof define === 'function' && define.amd ? define(factory) :\n (global = typeof globalThis !== 'undefined' ? globalThis : global || self, (function () {\n var current = global.Cookies;\n var exports = global.Cookies = factory();\n exports.noConflict = function () { global.Cookies = current; return exports; };\n })());\n})(this, (function () { 'use strict';\n\n /* eslint-disable no-var */\n function assign (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n target[key] = source[key];\n }\n }\n return target\n }\n /* eslint-enable no-var */\n\n /* eslint-disable no-var */\n var defaultConverter = {\n read: function (value) {\n if (value[0] === '\"') {\n value = value.slice(1, -1);\n }\n return value.replace(/(%[\\dA-F]{2})+/gi, decodeURIComponent)\n },\n write: function (value) {\n return encodeURIComponent(value).replace(\n /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,\n decodeURIComponent\n )\n }\n };\n /* eslint-enable no-var */\n\n /* eslint-disable no-var */\n\n function init (converter, defaultAttributes) {\n function set (name, value, attributes) {\n if (typeof document === 'undefined') {\n return\n }\n\n attributes = assign({}, defaultAttributes, attributes);\n\n if (typeof attributes.expires === 'number') {\n attributes.expires = new Date(Date.now() + attributes.expires * 864e5);\n }\n if (attributes.expires) {\n attributes.expires = attributes.expires.toUTCString();\n }\n\n name = encodeURIComponent(name)\n .replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent)\n .replace(/[()]/g, escape);\n\n var stringifiedAttributes = '';\n for (var attributeName in attributes) {\n if (!attributes[attributeName]) {\n continue\n }\n\n stringifiedAttributes += '; ' + attributeName;\n\n if (attributes[attributeName] === true) {\n continue\n }\n\n // Considers RFC 6265 section 5.2:\n // ...\n // 3. If the remaining unparsed-attributes contains a %x3B (\";\")\n // character:\n // Consume the characters of the unparsed-attributes up to,\n // not including, the first %x3B (\";\") character.\n // ...\n stringifiedAttributes += '=' + attributes[attributeName].split(';')[0];\n }\n\n return (document.cookie =\n name + '=' + converter.write(value, name) + stringifiedAttributes)\n }\n\n function get (name) {\n if (typeof document === 'undefined' || (arguments.length && !name)) {\n return\n }\n\n // To prevent the for loop in the first place assign an empty array\n // in case there are no cookies at all.\n var cookies = document.cookie ? document.cookie.split('; ') : [];\n var jar = {};\n for (var i = 0; i < cookies.length; i++) {\n var parts = cookies[i].split('=');\n var value = parts.slice(1).join('=');\n\n try {\n var found = decodeURIComponent(parts[0]);\n jar[found] = converter.read(value, found);\n\n if (name === found) {\n break\n }\n } catch (e) {}\n }\n\n return name ? jar[name] : jar\n }\n\n return Object.create(\n {\n set,\n get,\n remove: function (name, attributes) {\n set(\n name,\n '',\n assign({}, attributes, {\n expires: -1\n })\n );\n },\n withAttributes: function (attributes) {\n return init(this.converter, assign({}, this.attributes, attributes))\n },\n withConverter: function (converter) {\n return init(assign({}, this.converter, converter), this.attributes)\n }\n },\n {\n attributes: { value: Object.freeze(defaultAttributes) },\n converter: { value: Object.freeze(converter) }\n }\n )\n }\n\n var api = init(defaultConverter, { path: '/' });\n /* eslint-enable no-var */\n\n return api;\n\n}));\n",":host {\n /* Assign liquid global props to component props. */\n --ld-cookie-consent-br-s: var(--ld-br-s);\n --ld-cookie-consent-br-m: var(--ld-br-m);\n --ld-cookie-consent-br-l: var(--ld-br-l);\n --ld-cookie-consent-col-neutral-010: var(--ld-col-neutral-010);\n --ld-cookie-consent-col-neutral-050: var(--ld-col-neutral-050);\n --ld-cookie-consent-col-neutral-100: var(--ld-col-neutral-100);\n --ld-cookie-consent-col-neutral-600: var(--ld-col-neutral-600);\n --ld-cookie-consent-col-neutral-900: var(--ld-col-neutral-900);\n --ld-cookie-consent-col-wht: var(--ld-col-wht);\n --ld-cookie-consent-font-body: var(--ld-font-body);\n --ld-cookie-consent-thm-primary: var(--ld-thm-primary);\n --ld-cookie-consent-thm-primary-active: var(--ld-thm-primary-active);\n --ld-cookie-consent-thm-primary-alpha-low: var(--ld-thm-primary-alpha-low);\n --ld-cookie-consent-thm-primary-alpha-lowest: var(\n --ld-thm-primary-alpha-lowest\n );\n --ld-cookie-consent-thm-primary-focus: var(--ld-thm-primary-focus);\n --ld-cookie-consent-thm-primary-highlight: var(--ld-thm-primary-highlight);\n --ld-cookie-consent-thm-primary-hover: var(--ld-thm-primary-hover);\n --ld-cookie-consent-thm-secondary: var(--ld-thm-secondary);\n --ld-cookie-consent-thm-secondary-active: var(--ld-thm-secondary-active);\n --ld-cookie-consent-thm-secondary-focus: var(--ld-thm-secondary-focus);\n --ld-cookie-consent-thm-secondary-highlight: var(\n --ld-thm-secondary-highlight\n );\n --ld-cookie-consent-thm-secondary-hover: var(--ld-thm-secondary-hover);\n\n /* Component specific props. */\n --ld-cookie-consent-logo-size: var(--ld-sp-32);\n --ld-cookie-consent-initial-m-size: 2.5rem;\n --ld-cookie-consent-max-inline-size: 38rem;\n --ld-cookie-consent-max-block-size: clamp(20rem, 50vh, 70rem);\n --ld-cookie-consent-min-inline-size: 18rem;\n\n /* Custom props below aren't meant for customization. */\n\n /* Not using 0s here because we rely on the transition end event. */\n --ld-cookie-consent-transition-duration: var(\n --ld-transition-duration-instant\n );\n --ld-cookie-consent-disclaimer-transition-delay: 0s;\n\n @media (prefers-reduced-motion: no-preference) {\n --ld-cookie-consent-transition-duration: var(\n --ld-transition-duration-normal\n );\n --ld-cookie-consent-disclaimer-transition-delay: var(\n --ld-transition-duration-quick\n );\n }\n\n position: var(--ld-cookie-consent-position, fixed);\n z-index: var(--ld-cookie-consent-z-index, 2147483647 /* Highest possible */);\n}\n\n.ld-cookie-consent__disclaimer,\n.ld-cookie-consent__preferences {\n /*\n Re-assign component props to liquid globals so that\n they take effect within nested components as well. */\n --ld-br-s: var(--ld-cookie-consent-br-s);\n --ld-br-m: var(--ld-cookie-consent-br-m);\n --ld-br-l: var(--ld-cookie-consent-br-l);\n --ld-col-neutral-010: var(--ld-cookie-consent-col-neutral-010);\n --ld-col-neutral-050: var(--ld-cookie-consent-col-neutral-050);\n --ld-col-neutral-100: var(--ld-cookie-consent-col-neutral-100);\n --ld-col-neutral-600: var(--ld-cookie-consent-col-neutral-600);\n --ld-col-neutral-900: var(--ld-cookie-consent-col-neutral-900);\n --ld-col-wht: var(--ld-cookie-consent-col-wht);\n --ld-font-body: var(--ld-cookie-consent-font-body);\n --ld-thm-primary-active: var(--ld-cookie-consent-thm-primary-active);\n --ld-thm-primary-alpha-low: var(--ld-cookie-consent-thm-primary-alpha-low);\n --ld-thm-primary-alpha-lowest: var(\n --ld-cookie-consent-thm-primary-alpha-lowest\n );\n --ld-thm-primary-focus: var(--ld-cookie-consent-thm-primary-focus);\n --ld-thm-primary-highlight: var(--ld-cookie-consent-thm-primary-highlight);\n --ld-thm-primary-hover: var(--ld-cookie-consent-thm-primary-hover);\n --ld-thm-primary: var(--ld-cookie-consent-thm-primary);\n --ld-thm-secondary-active: var(--ld-cookie-consent-thm-secondary-active);\n --ld-thm-secondary-focus: var(--ld-cookie-consent-thm-secondary-focus);\n --ld-thm-secondary-highlight: var(\n --ld-cookie-consent-thm-secondary-highlight\n );\n --ld-thm-secondary-hover: var(--ld-cookie-consent-thm-secondary-hover);\n --ld-thm-secondary: var(--ld-cookie-consent-thm-secondary);\n\n font-family: var(--ld-font-body);\n\n ld-accordion-toggle::part(toggle),\n ld-button::part(button),\n ld-typo::part(tag) {\n font-family: inherit;\n }\n}\n\n@keyframes ld-cookie-consent-in {\n from {\n transform: translateY(calc(-100% - var(--ld-sp-24)));\n }\n\n to {\n transform: translateY(calc(-100% - var(--ld-sp-40)));\n }\n}\n\n@keyframes ld-cookie-consent-out {\n from {\n transform: translateY(calc(-100% - var(--ld-sp-40))) scale(1);\n }\n\n to {\n transform: translateY(calc(-100% - var(--ld-sp-40))) scale(0.9);\n }\n}\n\n@keyframes ld-cookie-consent-out-mobile {\n from {\n transform: translateY(calc(-100% - var(--ld-sp-40)));\n }\n\n to {\n transform: translateY(calc(-100% - var(--ld-sp-24)));\n }\n}\n\n.ld-cookie-consent__disclaimer {\n animation: ld-cookie-consent-in var(--ld-cookie-consent-transition-duration)\n ease-out forwards;\n background-color: var(--ld-col-wht);\n border-radius: var(--ld-br-l);\n box-shadow: var(--ld-shadow-active);\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n height: fit-content;\n left: 0;\n margin: auto;\n max-block-size: min(\n calc(100% - var(--ld-sp-24) - var(--ld-sp-40)),\n var(--ld-cookie-consent-max-block-size)\n );\n max-inline-size: min(\n calc(100% - var(--ld-sp-32)),\n var(--ld-cookie-consent-max-inline-size)\n );\n min-inline-size: var(--ld-cookie-consent-min-inline-size);\n outline: none;\n position: fixed;\n right: 0;\n top: 100%;\n transition: transform var(--ld-cookie-consent-transition-duration) ease-out,\n opacity var(--ld-cookie-consent-transition-duration) ease-out;\n width: 100%;\n\n &:not(.ld-cookie-consent__disclaimer--visible) {\n animation: ld-cookie-consent-out\n var(--ld-cookie-consent-transition-duration) ease-in forwards;\n animation-delay: var(--ld-cookie-consent-disclaimer-transition-delay);\n opacity: 0;\n pointer-events: none;\n transform: translateY(calc(-100% - var(--ld-sp-40)));\n transition: transform var(--ld-cookie-consent-transition-duration)\n var(--ld-cookie-consent-disclaimer-transition-delay) ease-in,\n opacity var(--ld-cookie-consent-transition-duration)\n var(--ld-cookie-consent-disclaimer-transition-delay) ease-in,\n visibility 0s\n calc(\n var(--ld-cookie-consent-transition-duration) +\n var(--ld-cookie-consent-disclaimer-transition-delay)\n )\n linear;\n visibility: hidden;\n\n @media (width <= 32rem) {\n /*\n The disclaimer mimics the animation behavior of the ld-modal component. */\n animation-name: ld-cookie-consent-out-mobile;\n }\n }\n\n &--left {\n margin-left: var(--ld-sp-16);\n }\n\n &--right {\n margin-right: var(--ld-sp-16);\n }\n}\n\n.ld-cookie-consent__btn {\n flex-grow: 1;\n\n &::part(button) {\n white-space: nowrap;\n }\n\n &--grow {\n flex-grow: 100;\n }\n\n &--acknowledge {\n flex-grow: 0;\n min-width: min(10rem, 50%);\n }\n}\n\n.ld-cookie-consent__disclaimer-buttons {\n background-color: var(--ld-col-neutral-010);\n border-bottom-left-radius: var(--ld-br-l);\n border-bottom-right-radius: var(--ld-br-l);\n display: flex;\n flex-wrap: wrap;\n gap: var(--ld-sp-12);\n justify-content: flex-end;\n padding: var(--ld-sp-16);\n}\n\n.ld-cookie-consent__disclaimer-description-container {\n padding: var(--ld-sp-8) var(--ld-sp-12);\n}\n\n.ld-cookie-consent__disclaimer-header {\n background-color: var(--ld-col-neutral-010);\n border-radius: var(--ld-br-l) var(--ld-br-l) 0 0;\n min-height: 3rem;\n padding: var(--ld-sp-4) var(--ld-sp-16);\n}\n\n.ld-cookie-consent__disclaimer-scroll-container {\n overflow: auto;\n overscroll-behavior: contain;\n padding: var(--ld-sp-16);\n}\n\n/* custom icon cross */\n.ld-cookie-consent__disclaimer-x {\n appearance: none;\n background-color: transparent;\n border: solid transparent var(--ld-sp-8);\n cursor: pointer;\n display: inline-flex;\n height: 3rem;\n margin: auto calc(var(--ld-sp-16) * -1) auto auto;\n overflow: hidden; /* hides focus outlines of pseudo elements */\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-cookie-consent__initial-m {\n color: var(--ld-col-vy);\n width: var(--ld-cookie-consent-initial-m-size);\n margin: auto -0.1875rem;\n\n &::part(icon) {\n height: auto;\n width: inherit;\n }\n}\n\n.ld-cookie-consent__preferences {\n --ld-modal-max-inline-size: var(--ld-cookie-consent-max-inline-size);\n\n &::part(footer) {\n display: block;\n }\n}\n\n.ld-cookie-consent__preferences-accordion-section {\n --ld-accordion-padding-x: var(--ld-sp-12);\n position: relative;\n}\n\n.ld-cookie-consent__preferences-accordion-toggle {\n &::part(toggle) {\n display: flex;\n }\n}\n\n.ld-cookie-consent__preferences-category-description {\n padding: var(--ld-sp-12) var(--ld-accordion-padding-x);\n}\n\n.ld-cookie-consent__preferences-category-table {\n border-collapse: collapse;\n font: var(--ld-typo-body-s);\n font-family: inherit;\n margin-bottom: var(--ld-sp-12);\n min-width: 100%;\n}\n\n.ld-cookie-consent__preferences-category-table-container {\n margin: 0 var(--ld-accordion-padding-x);\n max-width: 100%;\n overflow-x: scroll;\n}\n\n.ld-cookie-consent__preferences-category-table-th,\n.ld-cookie-consent__preferences-category-table-td {\n padding: var(--ld-sp-12) var(--ld-sp-12);\n text-align: left;\n vertical-align: top;\n}\n\n.ld-cookie-consent__preferences-category-table-tr {\n border-bottom: solid var(--ld-col-neutral-100) var(--ld-sp-1);\n\n &:nth-child(2n) {\n background-color: var(--ld-thm-primary-alpha-lowest);\n }\n}\n\n.ld-cookie-consent__preferences-category-title {\n font: var(--ld-typo-h5);\n font-family: inherit;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: calc(100% - 3rem);\n}\n\n.ld-cookie-consent__preferences-category-toggle {\n position: absolute;\n right: var(--ld-sp-32);\n top: var(--ld-sp-4);\n transform: scale(0.75);\n z-index: 1;\n}\n\n.ld-cookie-consent__preferences-buttons {\n display: flex;\n flex-wrap: wrap;\n justify-content: stretch;\n gap: var(--ld-sp-12);\n}\n\n.ld-cookie-consent__disclaimer-logo-container,\n.ld-cookie-consent__preferences-logo-container {\n height: var(--ld-cookie-consent-logo-size);\n display: flex;\n align-items: center;\n\n & > ::slotted(*) {\n height: 100%;\n width: auto;\n }\n}\n\n.ld-cookie-consent__disclaimer-header,\n.ld-cookie-consent__preferences-header {\n display: grid;\n grid-template-columns: auto 1fr minmax(min-content, max-content);\n gap: var(--ld-sp-12);\n align-items: center;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n} from '@stencil/core'\nimport Cookies from 'js-cookie'\nimport { LdCookieConsentConfig } from './ld-cookie-consent.types'\nimport { getClassNames } from '../../utils/getClassNames'\n\n/**\n * @slot disclaimer-description - Slot for description in cookie consent disclaimer.\n * @slot disclaimer-logo - Slot for logo in cookie consent disclaimer.\n * @slot disclaimer-title - Slot for title in cookie consent disclaimer.\n * @slot preferences-description - Slot for description in preferences modal layer.\n * @slot preferences-logo - Slot for logo in preferences modal layer.\n * @slot preferences-privacy-policy-notice - Slot for privacy policy notice in preferences modal layer.\n * @slot preferences-title - Slot for title in preferences modal layer.\n * @virtualProp ref - reference to component\n * @virtualProp {string | number} key - for tracking the node's identity when working with lists\n * @part disclaimer - consent disclaimer container\n * @part disclaimer-buttons - consent disclaimer buttons container\n * @part disclaimer-button-accept-all - accept all cookies button in consent disclaimer\n * @part disclaimer-button-accept-none - reject all cookies button in consent disclaimer\n * @part disclaimer-button-dismiss - x button to hide the disclaimer until next page load\n * @part disclaimer-button-preferences - show cookie consent preferences button\n * @part disclaimer-description - consent disclaimer description typography element\n * @part disclaimer-description-container - consent disclaimer description container\n * @part disclaimer-header - disclaimer header containing logo and title\n * @part disclaimer-logo-container - logo container in the disclaimer header\n * @part disclaimer-scroll-container - scrollable container in consent disclaimer\n * @part disclaimer-title - consent disclaimer title typography element\n * @part preferences - the preferences modal layer\n * @part preferences-accordion - cookie category specific accordion\n * @part preferences-accordion-panel - cookie category specific accordion panel\n * @part preferences-accordion-section - cookie category specific accordion section\n * @part preferences-accordion-toggle - cookie category specific accordion toggle\n * @part preferences-button-accept-all - accept all button in preferences\n * @part preferences-button-accept-none - accept none button in preferences\n * @part preferences-button-accept-selected - accept selected button in preferences\n * @part preferences-buttons - preferences buttons container\n * @part preferences-category-description - description of category specific category\n * @part preferences-category-table - cookie table\n * @part preferences-category-table-container - cookie table container\n * @part preferences-category-table-td - cookie table data cell\n * @part preferences-category-table-th - cookie table header cell\n * @part preferences-category-table-tr - cookie table row\n * @part preferences-category-title - title of category specific category\n * @part preferences-category-toggle - toggle of category specific category\n * @part preferences-description - preferences description container\n * @part preferences-header - preferences header containing logo and title\n * @part preferences-logo-container - logo container in the preferences header\n * @part preferences-privacy-policy-notice - privacy notice in modal layer footer\n * @part preferences-privacy-policy-notice-container - container for privacy notice slot\n * @part preferences-title - the preferences title displayed in the modal layer header\n */\n@Component({\n tag: 'ld-cookie-consent',\n styleUrl: 'ld-cookie-consent.shadow.css',\n shadow: true,\n})\nexport class LdCookieConsent {\n @Element() el: HTMLElement\n\n /** Component settings object to be merged with the default options (optionally stringified). */\n @Prop() settings!: Partial | string\n\n /** Emitted when the cookie consent disclaimer is shown. */\n @Event() ldCookieConsentDisclaimerShow: EventEmitter\n\n /** Emitted after loading saved consent from local storage. */\n @Event() ldCookieSavedConsentLoad: EventEmitter<{\n acceptedCategories: Set\n consentDate: Date\n rejectedCategories: Set\n revision: number\n }>\n\n /** Emitted when the cookie consent preferences modal layer is shown. */\n @Event() ldCookieConsentPreferencesShow: EventEmitter\n\n /** Emitted after clearing cookies which happens after saving setting. */\n @Event() ldCookieConsentAutoclearCookies: EventEmitter\n\n /** Emitted after saving cookies preferences to local storage with accepted categories. */\n @Event() ldCookieConsentSave: EventEmitter<{\n acceptedCategories: Set\n consentDate: Date\n rejectedCategories: Set\n revision: number\n }>\n\n /** Emitted after the cookie consent disclaimer has been dismissed (no consent has been saved in this case). */\n @Event() ldCookieConsentDismiss: EventEmitter\n\n /** Emitted after activating scripts (only emitted if at least one script has been activated). */\n @Event() ldCookieConsentActivateScripts: EventEmitter\n\n @State() private isDisclaimerVisible = false\n @State() private allCategories: Set = new Set()\n @State() private preselectedCategories: Set = new Set()\n @State() private savedConsent: {\n acceptedCategories: Set\n consentDate: Date\n rejectedCategories: Set\n revision: number\n } | null\n @State() private selectedCategories: Set = new Set()\n\n private disclaimerRef: HTMLDivElement\n private modalRef: HTMLLdModalElement\n private config: LdCookieConsentConfig = {\n backdropBlur: true,\n buttonAcceptAll: 'Accept all',\n buttonAcceptCookies: 'Accept cookies',\n buttonAcceptNone: 'Accept only necessary',\n buttonAcceptSelected: 'Accept selected',\n buttonAcknowledge: 'Acknowledge',\n buttonDismiss: 'Dismiss',\n buttonPreferences: 'Cookie settings',\n disclaimerAlignement: 'center',\n dismissable: false,\n localStorageKey: 'ld-cookie-consent',\n mode: 'opt-in',\n privacyStatementURL: undefined,\n rejectable: false,\n revision: 0,\n scriptSelector: 'data-ld-cookie-category',\n showOnLoad: true,\n showOnLoadDelay: 1000,\n }\n\n /** Returns accepted categories. */\n @Method()\n async getAcceptedAndRejectedCategories(): Promise<{\n acceptedCategories: Set\n rejectedCategories: Set\n }> {\n let acceptedCategories\n switch (this.config.mode) {\n case 'notice-only':\n acceptedCategories = this.preselectedCategories\n break\n case 'opt-in':\n if (this.isConsentGivenForCurrentRevision()) {\n acceptedCategories = this.savedConsent.acceptedCategories\n } else {\n acceptedCategories = new Set()\n }\n break\n case 'opt-out':\n if (this.isConsentGivenForCurrentRevision()) {\n acceptedCategories = this.savedConsent.acceptedCategories\n } else {\n acceptedCategories = this.preselectedCategories\n }\n break\n }\n const rejectedCategories = new Set(\n [...this.allCategories].filter(\n (category) => !acceptedCategories.has(category)\n )\n )\n return {\n acceptedCategories,\n rejectedCategories,\n }\n }\n\n /** Returns true if cookie category has been accepted. */\n @Method()\n async isCategoryAccepted(cookieCategory: string): Promise {\n return (\n await this.getAcceptedAndRejectedCategories()\n ).acceptedCategories.has(cookieCategory)\n }\n\n /** Shows cookie consent disclaimer. */\n @Method()\n async showDisclaimer(delay?: number) {\n const cb = () => {\n this.isDisclaimerVisible = true\n this.disclaimerRef?.focus()\n this.ldCookieConsentDisclaimerShow.emit()\n }\n if (delay) {\n setTimeout(cb, delay)\n } else {\n cb()\n }\n }\n\n /** Hides cookie consent disclaimer and preferences. */\n @Method()\n async hideDisclaimerAndPreferences() {\n this.isDisclaimerVisible = false\n this.modalRef?.close()\n }\n\n private showPreferences() {\n this.modalRef.showModal()\n this.ldCookieConsentPreferencesShow.emit()\n }\n\n /** Tries to delete cookies as per configuration if consent is not yet expressed. */\n private autoclearCookies(rejectedCategories: Set) {\n const allCookieNames = Object.keys(Cookies.get())\n this.config.categories\n ?.filter(\n (category) =>\n category.autoclear && rejectedCategories.has(category.toggle.value)\n )\n .flatMap((category) => category.autoclear)\n .forEach(({ domain, name, path }) => {\n if (allCookieNames.includes(name)) {\n Cookies.remove(name, {\n path,\n domain,\n })\n }\n })\n this.ldCookieConsentAutoclearCookies.emit()\n }\n\n private saveConsent(acceptType: 'all' | 'none' | 'selected') {\n let acceptedCategories: Set\n switch (acceptType) {\n case 'all':\n acceptedCategories = new Set(\n this.config.categories?.map((category) => category.toggle.value)\n )\n break\n case 'none':\n acceptedCategories = new Set(\n this.config.categories\n ?.filter(({ toggle }) => toggle.disabled && toggle.checked)\n .map(({ toggle }) => toggle.value)\n )\n break\n case 'selected':\n acceptedCategories = this.selectedCategories\n break\n }\n\n this.selectedCategories = new Set([...acceptedCategories])\n\n const rejectedCategories = new Set(\n [...this.allCategories].filter(\n (category) => !acceptedCategories.has(category)\n )\n )\n\n this.savedConsent = {\n acceptedCategories,\n consentDate: new Date(),\n rejectedCategories,\n revision: this.config.revision,\n }\n\n localStorage.setItem(\n this.config.localStorageKey,\n JSON.stringify({\n acceptedCategories: [...this.savedConsent.acceptedCategories],\n consentDate: this.savedConsent.consentDate.toISOString(),\n rejectedCategories: [...this.savedConsent.rejectedCategories],\n revision: this.savedConsent.revision,\n })\n )\n\n this.ldCookieConsentSave.emit(this.savedConsent)\n\n this.autoclearCookies(rejectedCategories)\n\n this.loadScripts()\n }\n\n /** Loads scripts based on expressed consent. */\n private async loadScripts() {\n const { rejectedCategories } = await this.getAcceptedAndRejectedCategories()\n const scripts = Array.from(\n document.querySelectorAll(\n `script[${this.config.scriptSelector}]`\n )\n ).filter(\n (script) =>\n this.config.mode === 'notice-only' ||\n !rejectedCategories.has(script.getAttribute(this.config.scriptSelector))\n )\n if (!scripts.length) return\n\n const loadScript = (script: HTMLScriptElement) => {\n // Reactivate by replacing \"dormant\" script with copied version of itself,\n // with the correct type and the data script selector attribute removed.\n script.removeAttribute(this.config.scriptSelector)\n script.removeAttribute('type')\n const freshScript = document.createElement('script')\n freshScript.textContent = script.innerHTML\n Array.from(script.attributes).forEach((attr) => {\n const attrNodeName = attr.nodeName\n freshScript.setAttribute(\n attrNodeName,\n script[attrNodeName] || script.getAttribute(attrNodeName)\n )\n })\n\n const onDone = () => {\n const nextScript = scripts.shift()\n if (nextScript) {\n loadScript(nextScript)\n } else {\n this.ldCookieConsentActivateScripts.emit()\n }\n }\n\n script.parentNode.replaceChild(freshScript, script)\n if (script.hasAttribute('async')) {\n onDone()\n } else {\n freshScript.onload = onDone\n }\n }\n loadScript(scripts.shift())\n }\n\n private isConsentGivenForCurrentRevision() {\n // if no consent is given\n if (!this.savedConsent) return false\n\n // if revision handling is not enabled in settings\n if (!this.config.revision) return true\n\n // if saved consent has the same revision as the one in the settings\n if (this.savedConsent.revision === this.config.revision) return true\n\n return false\n }\n\n private getInitialM() {\n return \n }\n\n private renderDisclaimer() {\n const { config } = this\n return (\n (this.disclaimerRef = ref)}\n role=\"dialog\"\n tabIndex={this.isDisclaimerVisible ? -1 : undefined}\n >\n \n\n \n\n
\n {config.mode !== 'notice-only' && (\n {\n this.showPreferences()\n }}\n part=\"disclaimer-button-preferences\"\n size=\"sm\"\n >\n {config.buttonPreferences}\n \n )}\n {config.mode !== 'notice-only' && config.rejectable && (\n {\n this.hideDisclaimerAndPreferences()\n this.saveConsent('none')\n }}\n part=\"disclaimer-button-accept-none\"\n size=\"sm\"\n >\n {config.buttonAcceptNone}\n \n )}\n {\n this.hideDisclaimerAndPreferences()\n this.saveConsent('all')\n }}\n part=\"disclaimer-button-accept-all\"\n size=\"sm\"\n >\n {config.mode === 'notice-only'\n ? config.buttonAcknowledge\n : config.buttonAcceptCookies}\n \n
\n
\n )\n }\n\n private renderPreferences() {\n const { config } = this\n return (\n (this.modalRef = ref)}\n >\n \n\n \n \n
\n\n \n {config.categories.map(this.renderCategory.bind(this))}\n \n \n {config.buttonAcceptNone && (\n {\n this.hideDisclaimerAndPreferences()\n this.saveConsent('none')\n }}\n part=\"preferences-button-accept-none\"\n size=\"sm\"\n >\n {config.buttonAcceptNone}\n \n )}\n {config.buttonAcceptSelected && (\n {\n this.hideDisclaimerAndPreferences()\n this.saveConsent('selected')\n }}\n part=\"preferences-button-accept-selected\"\n size=\"sm\"\n >\n {config.buttonAcceptSelected}\n \n )}\n {config.buttonAcceptAll && (\n {\n this.hideDisclaimerAndPreferences()\n this.saveConsent('all')\n }}\n part=\"preferences-button-accept-all\"\n size=\"sm\"\n >\n {config.buttonAcceptAll}\n \n )}\n
\n\n \n \n \n Further information can be found in our{' '}\n \n Privacy Statement\n \n .\n \n \n
\n \n )\n }\n\n private renderCategory(category: LdCookieConsentConfig['categories'][0]) {\n return (\n \n \n \n {category.title}\n \n \n \n \n {category.details.description}\n \n {category.details.cookieTable && (\n \n
\n {category.details.cookieTable.headers && (\n \n {category.details.cookieTable.headers.map((th) => (\n \n {th}\n | \n ))}\n
\n )}\n {category.details.cookieTable.rows.map((tr) => (\n \n {tr.map((td) => (\n \n {td}\n | \n ))}\n
\n ))}\n
\n
\n )}\n \n {\n ev.stopImmediatePropagation()\n }}\n onLdchange={() => {\n this.selectedCategories.has(category.toggle.value)\n ? this.selectedCategories.delete(category.toggle.value)\n : this.selectedCategories.add(category.toggle.value)\n\n this.selectedCategories = new Set(this.selectedCategories)\n }}\n part=\"preferences-category-toggle\"\n value={category.toggle.value}\n />\n \n )\n }\n\n componentWillLoad() {\n const parsedSettings: Partial =\n typeof this.settings === 'string'\n ? JSON.parse(this.settings)\n : this.settings\n\n this.config = Object.assign(this.config, parsedSettings)\n\n const savedParsedConsent = JSON.parse(\n localStorage.getItem(this.config.localStorageKey)\n )\n this.savedConsent = savedParsedConsent && {\n acceptedCategories: new Set(savedParsedConsent.acceptedCategories),\n consentDate: new Date(savedParsedConsent.consentDate),\n rejectedCategories: new Set(savedParsedConsent.rejectedCategories),\n revision: savedParsedConsent.revision,\n }\n\n this.allCategories = new Set(\n this.config.categories?.map((category) => category.toggle.value)\n )\n this.preselectedCategories = new Set(\n this.config.categories\n ?.filter((category) => {\n return category.toggle.checked\n })\n .map((category) => category.toggle.value)\n )\n this.selectedCategories = new Set(\n ...[this.savedConsent?.acceptedCategories || this.preselectedCategories]\n )\n\n if (this.savedConsent) this.ldCookieSavedConsentLoad.emit(this.savedConsent)\n\n this.loadScripts()\n\n if (this.config.showOnLoad && !this.isConsentGivenForCurrentRevision()) {\n this.showDisclaimer(this.config.showOnLoadDelay)\n }\n }\n\n render() {\n return (\n \n {this.renderDisclaimer()}\n\n {this.config.mode !== 'notice-only' && this.renderPreferences()}\n \n )\n }\n}\n"],"mappings":"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"}
\ No newline at end of file
diff --git a/1704966176737/dist/build/p-c170dd3c.entry.js b/1704966176737/dist/build/p-c170dd3c.entry.js
new file mode 100644
index 0000000000..752116bfa0
--- /dev/null
+++ b/1704966176737/dist/build/p-c170dd3c.entry.js
@@ -0,0 +1,2 @@
+import{r as t,c as s,h as e,H as p,g as r}from"./p-21a69c18.js";import{g as l}from"./p-1133c92e.js";const i=".ld-stepper,:host{--ld-stepper-gap:var(--ld-stepper-gap-md);--ld-stepper-gap-sm:var(--ld-sp-16);--ld-stepper-gap-md:1.25rem;--ld-stepper-gap-lg:var(--ld-sp-24);display:block}.ld-stepper ol,:host ol{display:grid;gap:var(--ld-stepper-gap);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;height:100%;padding:0}.ld-stepper--vertical ol,:host(.ld-stepper--vertical) ol{flex-direction:column;grid-auto-flow:row;grid-auto-rows:1fr}.ld-stepper--fit-content ol,:host(.ld-stepper--fit-content) ol{display:flex}.ld-stepper--sm,:host(.ld-stepper--sm){--ld-stepper-gap:var(--ld-stepper-gap-sm)}.ld-stepper--lg,:host(.ld-stepper--lg){--ld-stepper-gap:var(--ld-stepper-gap-lg)}";const a=class{constructor(e){t(this,e);this.ldstepselected=s(this,"ldstepselected",7);this.updateCurrent=t=>{this.currentIndex=t.detail.index;this.currentLabel=t.detail.label};this.brandColor=false;this.fitContent=false;this.labelTemplate="$1, $2";this.labelSummaryTemplate="step $1 of $2";this.size=undefined;this.vertical=false;this.currentLabel=undefined;this.currentIndex=undefined;this.steps=undefined}getLabel(){const t=this.labelSummaryTemplate.replace("$1",String(this.currentIndex+1)).replace("$2",String(this.steps.length));return this.currentLabel?this.labelTemplate.replace("$1",this.currentLabel).replace("$2",t):t}propagateProps(){this.steps.forEach((t=>{t.brandColor=this.brandColor;t.size=this.size;t.vertical=this.vertical}))}componentWillLoad(){this.steps=this.el.querySelectorAll("ld-step");this.propagateProps()}render(){return e(p,{class:l(["ld-stepper",this.fitContent&&"ld-stepper--fit-content",this.size&&`ld-stepper--${this.size}`,this.vertical&&"ld-stepper--vertical"]),role:"navigation",onLdstepselected:this.updateCurrent},e("ld-sr-only",null,this.getLabel()),e("ol",{part:"list"},e("slot",null)))}get el(){return r(this)}static get watchers(){return{brandColor:["propagateProps"],size:["propagateProps"],vertical:["propagateProps"]}}};a.style=i;export{a as ld_stepper};
+//# sourceMappingURL=p-c170dd3c.entry.js.map
\ No newline at end of file
diff --git a/dist/build/p-62839ae4.entry.js.map b/1704966176737/dist/build/p-c170dd3c.entry.js.map
similarity index 98%
rename from dist/build/p-62839ae4.entry.js.map
rename to 1704966176737/dist/build/p-c170dd3c.entry.js.map
index d4c9155ff2..ebf3985693 100644
--- a/dist/build/p-62839ae4.entry.js.map
+++ b/1704966176737/dist/build/p-c170dd3c.entry.js.map
@@ -1 +1 @@
-{"version":3,"names":["ldStepperCss","LdStepper","this","updateCurrent","event","currentIndex","detail","index","currentLabel","label","getLabel","summary","labelSummaryTemplate","replace","String","steps","length","labelTemplate","propagateProps","forEach","ldStep","brandColor","size","vertical","componentWillLoad","el","querySelectorAll","render","h","Host","class","getClassNames","fitContent","role","onLdstepselected","part"],"sources":["../src/liquid/components/ld-stepper/ld-stepper.css?tag=ld-stepper&encapsulation=shadow","../src/liquid/components/ld-stepper/ld-stepper.tsx"],"sourcesContent":[":host,\n.ld-stepper {\n --ld-stepper-gap: var(--ld-stepper-gap-md);\n --ld-stepper-gap-sm: var(--ld-sp-16);\n --ld-stepper-gap-md: 1.25rem;\n --ld-stepper-gap-lg: var(--ld-sp-24);\n\n display: block;\n\n ol {\n display: grid;\n grid-auto-columns: minmax(0, 1fr);\n grid-auto-flow: column;\n gap: var(--ld-stepper-gap);\n height: 100%;\n padding: 0;\n }\n}\n\n.ld-stepper--vertical {\n :host(&),\n & {\n ol {\n flex-direction: column;\n grid-auto-flow: row;\n grid-auto-rows: 1fr;\n }\n }\n}\n\n.ld-stepper--fit-content {\n :host(&),\n & {\n ol {\n display: flex;\n }\n }\n}\n\n.ld-stepper--sm {\n :host(&),\n & {\n --ld-stepper-gap: var(--ld-stepper-gap-sm);\n }\n}\n\n.ld-stepper--lg {\n :host(&),\n & {\n --ld-stepper-gap: var(--ld-stepper-gap-lg);\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { SelectedDetail } from './ld-step/ld-step'\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 list - `ol` element wrapping the slot\n * @part label - `ld-sr-only` element containing the label\n */\n@Component({\n tag: 'ld-stepper',\n styleUrl: 'ld-stepper.css',\n shadow: true,\n})\nexport class LdStepper {\n @Element() el: HTMLLdStepperElement\n\n /** Switch colors for brand background. */\n @Prop() brandColor? = false\n /** Indicates whether the steps should be evenly distributed or fit to their content */\n @Prop() fitContent? = false\n /** Template for the screen-reader label, containing the label of the current step and the steps summary */\n @Prop() labelTemplate? = '$1, $2'\n /** Step summary template for the screen-reader label, containing the index of the current step and the overall number of steps */\n @Prop() labelSummaryTemplate? = 'step $1 of $2'\n /** Step size */\n @Prop() size?: HTMLLdStepElement['size']\n /** Vertical layout */\n @Prop() vertical? = false\n\n // The following event is not used within the ld-stepper component itself.\n // Its only purpose is to create a type definition on the ld-stepper component,\n // in order to be able to add an inline listener in TSX, for listening\n // on the event bubling up from ld-step components.\n /**\n * Emitted when the focusable element of a step is\n * clicked and step is neither current nor disabled.\n */\n @Event() ldstepselected: EventEmitter\n\n @State() currentLabel: string\n @State() currentIndex: number\n @State() steps: NodeListOf\n\n private getLabel() {\n const summary = this.labelSummaryTemplate\n .replace('$1', String(this.currentIndex + 1))\n .replace('$2', String(this.steps.length))\n\n return this.currentLabel\n ? this.labelTemplate\n .replace('$1', this.currentLabel)\n .replace('$2', summary)\n : summary\n }\n\n updateCurrent = (event: CustomEvent) => {\n this.currentIndex = event.detail.index\n this.currentLabel = event.detail.label\n }\n\n @Watch('brandColor')\n @Watch('size')\n @Watch('vertical')\n private propagateProps() {\n this.steps.forEach((ldStep) => {\n ldStep.brandColor = this.brandColor\n ldStep.size = this.size\n ldStep.vertical = this.vertical\n })\n }\n\n componentWillLoad() {\n this.steps = this.el.querySelectorAll('ld-step')\n\n this.propagateProps()\n }\n\n render() {\n return (\n \n {this.getLabel()}\n \n \n
\n \n )\n }\n}\n"],"mappings":"oGAAA,MAAMA,EAAe,8rB,MCyBRC,EAAS,M,wEA0CpBC,KAAAC,cAAiBC,IACfF,KAAKG,aAAeD,EAAME,OAAOC,MACjCL,KAAKM,aAAeJ,EAAME,OAAOG,KAAK,E,gBAxClB,M,gBAEA,M,mBAEG,S,0BAEO,gB,kCAIZ,M,6EAgBZ,QAAAC,GACN,MAAMC,EAAUT,KAAKU,qBAClBC,QAAQ,KAAMC,OAAOZ,KAAKG,aAAe,IACzCQ,QAAQ,KAAMC,OAAOZ,KAAKa,MAAMC,SAEnC,OAAOd,KAAKM,aACRN,KAAKe,cACFJ,QAAQ,KAAMX,KAAKM,cACnBK,QAAQ,KAAMF,GACjBA,C,CAWE,cAAAO,GACNhB,KAAKa,MAAMI,SAASC,IAClBA,EAAOC,WAAanB,KAAKmB,WACzBD,EAAOE,KAAOpB,KAAKoB,KACnBF,EAAOG,SAAWrB,KAAKqB,QAAQ,G,CAInC,iBAAAC,GACEtB,KAAKa,MAAQb,KAAKuB,GAAGC,iBAAiB,WAEtCxB,KAAKgB,gB,CAGP,MAAAS,GACE,OACEC,EAACC,EAAI,CACHC,MAAOC,EAAc,CACnB,aACA7B,KAAK8B,YAAc,0BACnB9B,KAAKoB,MAAQ,eAAepB,KAAKoB,OACjCpB,KAAKqB,UAAY,yBAEnBU,KAAK,aACLC,iBAAkBhC,KAAKC,eAEvByB,EAAA,kBAAa1B,KAAKQ,YAClBkB,EAAA,MAAIO,KAAK,QACPP,EAAA,c"}
\ No newline at end of file
+{"version":3,"names":["ldStepperCss","LdStepper","this","updateCurrent","event","currentIndex","detail","index","currentLabel","label","getLabel","summary","labelSummaryTemplate","replace","String","steps","length","labelTemplate","propagateProps","forEach","ldStep","brandColor","size","vertical","componentWillLoad","el","querySelectorAll","render","h","Host","class","getClassNames","fitContent","role","onLdstepselected","part"],"sources":["../src/liquid/components/ld-stepper/ld-stepper.css?tag=ld-stepper&encapsulation=shadow","../src/liquid/components/ld-stepper/ld-stepper.tsx"],"sourcesContent":[":host,\n.ld-stepper {\n --ld-stepper-gap: var(--ld-stepper-gap-md);\n --ld-stepper-gap-sm: var(--ld-sp-16);\n --ld-stepper-gap-md: 1.25rem;\n --ld-stepper-gap-lg: var(--ld-sp-24);\n\n display: block;\n\n ol {\n display: grid;\n grid-auto-columns: minmax(0, 1fr);\n grid-auto-flow: column;\n gap: var(--ld-stepper-gap);\n height: 100%;\n padding: 0;\n }\n}\n\n.ld-stepper--vertical {\n :host(&),\n & {\n ol {\n flex-direction: column;\n grid-auto-flow: row;\n grid-auto-rows: 1fr;\n }\n }\n}\n\n.ld-stepper--fit-content {\n :host(&),\n & {\n ol {\n display: flex;\n }\n }\n}\n\n.ld-stepper--sm {\n :host(&),\n & {\n --ld-stepper-gap: var(--ld-stepper-gap-sm);\n }\n}\n\n.ld-stepper--lg {\n :host(&),\n & {\n --ld-stepper-gap: var(--ld-stepper-gap-lg);\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { SelectedDetail } from './ld-step/ld-step'\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 list - `ol` element wrapping the slot\n * @part label - `ld-sr-only` element containing the label\n */\n@Component({\n tag: 'ld-stepper',\n styleUrl: 'ld-stepper.css',\n shadow: true,\n})\nexport class LdStepper {\n @Element() el: HTMLLdStepperElement\n\n /** Switch colors for brand background. */\n @Prop() brandColor? = false\n /** Indicates whether the steps should be evenly distributed or fit to their content */\n @Prop() fitContent? = false\n /** Template for the screen-reader label, containing the label of the current step and the steps summary */\n @Prop() labelTemplate? = '$1, $2'\n /** Step summary template for the screen-reader label, containing the index of the current step and the overall number of steps */\n @Prop() labelSummaryTemplate? = 'step $1 of $2'\n /** Step size */\n @Prop() size?: HTMLLdStepElement['size']\n /** Vertical layout */\n @Prop() vertical? = false\n\n // The following event is not used within the ld-stepper component itself.\n // Its only purpose is to create a type definition on the ld-stepper component,\n // in order to be able to add an inline listener in TSX, for listening\n // on the event bubling up from ld-step components.\n /**\n * Emitted when the focusable element of a step is\n * clicked and step is neither current nor disabled.\n */\n @Event() ldstepselected: EventEmitter\n\n @State() currentLabel: string\n @State() currentIndex: number\n @State() steps: NodeListOf\n\n private getLabel() {\n const summary = this.labelSummaryTemplate\n .replace('$1', String(this.currentIndex + 1))\n .replace('$2', String(this.steps.length))\n\n return this.currentLabel\n ? this.labelTemplate\n .replace('$1', this.currentLabel)\n .replace('$2', summary)\n : summary\n }\n\n updateCurrent = (event: CustomEvent) => {\n this.currentIndex = event.detail.index\n this.currentLabel = event.detail.label\n }\n\n @Watch('brandColor')\n @Watch('size')\n @Watch('vertical')\n private propagateProps() {\n this.steps.forEach((ldStep) => {\n ldStep.brandColor = this.brandColor\n ldStep.size = this.size\n ldStep.vertical = this.vertical\n })\n }\n\n componentWillLoad() {\n this.steps = this.el.querySelectorAll('ld-step')\n\n this.propagateProps()\n }\n\n render() {\n return (\n \n {this.getLabel()}\n \n \n
\n \n )\n }\n}\n"],"mappings":"oGAAA,MAAMA,EAAe,+pB,MCyBRC,EAAS,M,wEA0CpBC,KAAAC,cAAiBC,IACfF,KAAKG,aAAeD,EAAME,OAAOC,MACjCL,KAAKM,aAAeJ,EAAME,OAAOG,KAAK,E,gBAxClB,M,gBAEA,M,mBAEG,S,0BAEO,gB,kCAIZ,M,6EAgBZ,QAAAC,GACN,MAAMC,EAAUT,KAAKU,qBAClBC,QAAQ,KAAMC,OAAOZ,KAAKG,aAAe,IACzCQ,QAAQ,KAAMC,OAAOZ,KAAKa,MAAMC,SAEnC,OAAOd,KAAKM,aACRN,KAAKe,cACFJ,QAAQ,KAAMX,KAAKM,cACnBK,QAAQ,KAAMF,GACjBA,C,CAWE,cAAAO,GACNhB,KAAKa,MAAMI,SAASC,IAClBA,EAAOC,WAAanB,KAAKmB,WACzBD,EAAOE,KAAOpB,KAAKoB,KACnBF,EAAOG,SAAWrB,KAAKqB,QAAQ,G,CAInC,iBAAAC,GACEtB,KAAKa,MAAQb,KAAKuB,GAAGC,iBAAiB,WAEtCxB,KAAKgB,gB,CAGP,MAAAS,GACE,OACEC,EAACC,EAAI,CACHC,MAAOC,EAAc,CACnB,aACA7B,KAAK8B,YAAc,0BACnB9B,KAAKoB,MAAQ,eAAepB,KAAKoB,OACjCpB,KAAKqB,UAAY,yBAEnBU,KAAK,aACLC,iBAAkBhC,KAAKC,eAEvByB,EAAA,kBAAa1B,KAAKQ,YAClBkB,EAAA,MAAIO,KAAK,QACPP,EAAA,c"}
\ No newline at end of file
diff --git a/1704894792450/dist/build/p-c2112f1e.js b/1704966176737/dist/build/p-c2112f1e.js
similarity index 100%
rename from 1704894792450/dist/build/p-c2112f1e.js
rename to 1704966176737/dist/build/p-c2112f1e.js
diff --git a/1704894792450/dist/build/p-c2112f1e.js.map b/1704966176737/dist/build/p-c2112f1e.js.map
similarity index 100%
rename from 1704894792450/dist/build/p-c2112f1e.js.map
rename to 1704966176737/dist/build/p-c2112f1e.js.map
diff --git a/1704894792450/dist/build/p-c34a6e59.entry.js b/1704966176737/dist/build/p-c34a6e59.entry.js
similarity index 100%
rename from 1704894792450/dist/build/p-c34a6e59.entry.js
rename to 1704966176737/dist/build/p-c34a6e59.entry.js
diff --git a/1704894792450/dist/build/p-c34a6e59.entry.js.map b/1704966176737/dist/build/p-c34a6e59.entry.js.map
similarity index 100%
rename from 1704894792450/dist/build/p-c34a6e59.entry.js.map
rename to 1704966176737/dist/build/p-c34a6e59.entry.js.map
diff --git a/1704966176737/dist/build/p-c4ae61a1.entry.js b/1704966176737/dist/build/p-c4ae61a1.entry.js
new file mode 100644
index 0000000000..e4b8514eac
--- /dev/null
+++ b/1704966176737/dist/build/p-c4ae61a1.entry.js
@@ -0,0 +1,2 @@
+import{r as e,c as t,h as l,g as r}from"./p-21a69c18.js";import{c as a}from"./p-6e5841ef.js";import{g as i}from"./p-1133c92e.js";const o=':host{display:contents}:host(:first-of-type){--ld-table-selection-wrapper-border-width-top:0px}:host(:last-of-type){--ld-table-selection-wrapper-border-width-bottom:0px}:host{--ld-table-selection-wrapper-gradient:linear-gradient(to top,var(--ld-table-border-col),var(--ld-table-border-col) var(--ld-table-selection-wrapper-border-width-bottom),var(--ld-table-bg-col) var(--ld-table-selection-wrapper-border-width-bottom),var(--ld-table-bg-col),var(--ld-table-bg-col),var(--ld-table-bg-col) calc(100% - var(--ld-table-selection-wrapper-border-width-top)),var(--ld-table-border-col) calc(100% - var(--ld-table-selection-wrapper-border-width-top)),var(--ld-table-border-col) 100%)}tr{background-color:inherit;outline:var(--ld-table-row-outline-half)}.ld-table__selection-wrapper{align-items:center;background:var(--ld-table-selection-wrapper-gradient);bottom:0;display:flex;justify-content:center;left:0;padding-inline:var(--ld-table-cell-padding-x);position:absolute;top:0;vertical-align:middle}.ld-table__selection-wrapper:after{background-color:var(--ld-table-border-col);bottom:var(--ld-sp-6);content:"";position:absolute;right:0;top:var(--ld-sp-6);width:var(--ld-table-row-outline-width)}.ld-table-row__selection-cell::part(cell){min-width:1.25rem;position:relative;z-index:1}.ld-table-row__selection-cell--sticky::part(cell){left:0;position:sticky}';const s=class{constructor(l){e(this,l);this.ldTableSelectAll=t(this,"ldTableSelectAll",7);this.ldTableSelect=t(this,"ldTableSelect",7);this.handleSelect=e=>{this.indeterminate=false;if(a("ld-table-head",this.el)){this.ldTableSelectAll.emit({selected:e})}else{const t=Array.from(this.el.parentNode.children).indexOf(this.el);this.ldTableSelect.emit({rowIndex:t,selected:e})}};this.onSelectInput=e=>{this.selected=e.target.checked;this.handleSelect(this.selected)};this.selectable=undefined;this.selectionSticky=true;this.selectionLabel="Row selection";this.selected=undefined;this.indeterminate=undefined;this.selectionDisabled=undefined}componentWillLoad(){if(this.selected){this.handleSelect(this.selected)}}render(){return l("tr",{class:"ld-table-row",part:"row"},this.selectable&&l("ld-table-cell",{class:i(["ld-table-row__selection-cell",this.selectionSticky&&"ld-table-row__selection-cell--sticky"]),part:"cell select"},l("div",{class:"ld-table__selection-wrapper",part:"selection-wrapper"},l("ld-checkbox",{"aria-disabled":this.selectionDisabled?"true":undefined,"aria-label":this.selectionLabel,checked:this.selected,indeterminate:this.indeterminate,onInput:this.onSelectInput,part:"checkbox"}))),l("slot",null))}get el(){return r(this)}};s.style=o;export{s as ld_table_row};
+//# sourceMappingURL=p-c4ae61a1.entry.js.map
\ No newline at end of file
diff --git a/dist/build/p-74123e3d.entry.js.map b/1704966176737/dist/build/p-c4ae61a1.entry.js.map
similarity index 98%
rename from dist/build/p-74123e3d.entry.js.map
rename to 1704966176737/dist/build/p-c4ae61a1.entry.js.map
index f394edfc54..96a092fc5d 100644
--- a/dist/build/p-74123e3d.entry.js.map
+++ b/1704966176737/dist/build/p-c4ae61a1.entry.js.map
@@ -1 +1 @@
-{"version":3,"names":["ldTableRowShadowCss","LdTableRow","this","handleSelect","selected","indeterminate","closest","el","ldTableSelectAll","emit","rowIndex","Array","from","parentNode","children","indexOf","ldTableSelect","onSelectInput","ev","target","checked","componentWillLoad","render","h","class","part","selectable","getClassNames","selectionSticky","selectionDisabled","undefined","selectionLabel","onInput"],"sources":["../src/liquid/components/ld-table/ld-table-row/ld-table-row.shadow.css?tag=ld-table-row&encapsulation=shadow","../src/liquid/components/ld-table/ld-table-row/ld-table-row.tsx"],"sourcesContent":[":host {\n display: contents;\n\n /* Note that the px unit is required in Safari for the calc to work */\n &(:first-of-type) {\n --ld-table-selection-wrapper-border-width-top: 0px;\n }\n &(:last-of-type) {\n --ld-table-selection-wrapper-border-width-bottom: 0px;\n }\n\n --ld-table-selection-wrapper-gradient: linear-gradient(\n to top,\n var(--ld-table-border-col),\n var(--ld-table-border-col)\n var(--ld-table-selection-wrapper-border-width-bottom),\n var(--ld-table-bg-col) var(--ld-table-selection-wrapper-border-width-bottom),\n var(--ld-table-bg-col),\n var(--ld-table-bg-col),\n var(--ld-table-bg-col)\n calc(100% - var(--ld-table-selection-wrapper-border-width-top)),\n var(--ld-table-border-col)\n calc(100% - var(--ld-table-selection-wrapper-border-width-top)),\n var(--ld-table-border-col) 100%\n );\n}\n\ntr {\n background-color: inherit;\n outline: var(--ld-table-row-outline-half);\n}\n\n.ld-table__selection-wrapper {\n vertical-align: middle;\n align-items: center;\n background: var(--ld-table-selection-wrapper-gradient);\n display: flex;\n justify-content: center;\n padding-inline: var(--ld-table-cell-padding-x);\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n\n &::after {\n content: '';\n background-color: var(--ld-table-border-col);\n position: absolute;\n right: 0;\n top: var(--ld-sp-6);\n bottom: var(--ld-sp-6);\n width: var(--ld-table-row-outline-width);\n }\n}\n\n.ld-table-row__selection-cell {\n &::part(cell) {\n min-width: 1.25rem;\n position: relative;\n z-index: 1;\n }\n}\n\n.ld-table-row__selection-cell--sticky {\n &::part(cell) {\n left: 0;\n position: sticky;\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Prop } from '@stencil/core'\nimport { closest } from '../../../utils/closest'\nimport { getClassNames } from '../../../utils/getClassNames'\n\n/**\n * @part checkbox - the selection checkbox\n * @part row - the actual tr element\n * @part select - the selection cell\n * @part selection-wrapper - the selection wrapper element\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-table-row',\n styleUrl: 'ld-table-row.shadow.css',\n shadow: true,\n})\nexport class LdTableRow {\n @Element() el: HTMLLdTableRowElement\n\n /** Makes the row selectable by adding a checkbox to the start of the row. */\n @Prop() selectable?: boolean\n\n /** In selectable mode the checkbox is sticky by default. */\n @Prop() selectionSticky? = true\n\n /** Makes the row selectable by adding a checkbox to the start of the row. */\n @Prop() selectionLabel? = 'Row selection'\n\n /** Indicates that the row is selected. */\n @Prop({ mutable: true }) selected?: boolean\n\n /** Indicates that the selection state is indeterminate. */\n @Prop({ mutable: true }) indeterminate?: boolean\n\n /** Indicates that the row selection is disabled. */\n @Prop() selectionDisabled?: boolean\n\n /** Emitted with selected state. */\n @Event() ldTableSelectAll: EventEmitter<{\n selected: boolean\n }>\n\n /** Emitted with row index and selected state. */\n @Event() ldTableSelect: EventEmitter<{\n rowIndex: number\n selected: boolean\n }>\n\n handleSelect = (selected: boolean) => {\n this.indeterminate = false\n if (closest('ld-table-head', this.el)) {\n this.ldTableSelectAll.emit({\n selected,\n })\n } else {\n const rowIndex = Array.from(this.el.parentNode.children).indexOf(this.el)\n this.ldTableSelect.emit({\n rowIndex,\n selected,\n })\n }\n }\n\n onSelectInput = (ev: InputEvent) => {\n this.selected = (ev.target as HTMLInputElement).checked\n this.handleSelect(this.selected)\n }\n\n componentWillLoad() {\n if (this.selected) {\n this.handleSelect(this.selected)\n }\n }\n\n render() {\n return (\n \n {this.selectable && (\n \n \n \n
\n \n )}\n \n
\n )\n }\n}\n"],"mappings":"iIAAA,MAAMA,EAAsB,q3C,MCiBfC,EAAU,M,yHAgCrBC,KAAAC,aAAgBC,IACdF,KAAKG,cAAgB,MACrB,GAAIC,EAAQ,gBAAiBJ,KAAKK,IAAK,CACrCL,KAAKM,iBAAiBC,KAAK,CACzBL,Y,KAEG,CACL,MAAMM,EAAWC,MAAMC,KAAKV,KAAKK,GAAGM,WAAWC,UAAUC,QAAQb,KAAKK,IACtEL,KAAKc,cAAcP,KAAK,CACtBC,WACAN,Y,GAKNF,KAAAe,cAAiBC,IACfhB,KAAKE,SAAYc,EAAGC,OAA4BC,QAChDlB,KAAKC,aAAaD,KAAKE,SAAS,E,+CA1CP,K,oBAGD,gB,sFA0C1B,iBAAAiB,GACE,GAAInB,KAAKE,SAAU,CACjBF,KAAKC,aAAaD,KAAKE,S,EAI3B,MAAAkB,GACE,OACEC,EAAA,MAAIC,MAAM,eAAeC,KAAK,OAC3BvB,KAAKwB,YACJH,EAAA,iBACEC,MAAOG,EAAc,CACnB,+BACAzB,KAAK0B,iBAAmB,yCAE1BH,KAAK,eAELF,EAAA,OAAKC,MAAM,8BAA8BC,KAAK,qBAC5CF,EAAA,+BACiBrB,KAAK2B,kBAAoB,OAASC,UAAS,aAC9C5B,KAAK6B,eACjBX,QAASlB,KAAKE,SACdC,cAAeH,KAAKG,cACpB2B,QAAS9B,KAAKe,cACdQ,KAAK,eAKbF,EAAA,a"}
\ No newline at end of file
+{"version":3,"names":["ldTableRowShadowCss","LdTableRow","this","handleSelect","selected","indeterminate","closest","el","ldTableSelectAll","emit","rowIndex","Array","from","parentNode","children","indexOf","ldTableSelect","onSelectInput","ev","target","checked","componentWillLoad","render","h","class","part","selectable","getClassNames","selectionSticky","selectionDisabled","undefined","selectionLabel","onInput"],"sources":["../src/liquid/components/ld-table/ld-table-row/ld-table-row.shadow.css?tag=ld-table-row&encapsulation=shadow","../src/liquid/components/ld-table/ld-table-row/ld-table-row.tsx"],"sourcesContent":[":host {\n display: contents;\n\n /* Note that the px unit is required in Safari for the calc to work */\n &(:first-of-type) {\n --ld-table-selection-wrapper-border-width-top: 0px;\n }\n &(:last-of-type) {\n --ld-table-selection-wrapper-border-width-bottom: 0px;\n }\n\n --ld-table-selection-wrapper-gradient: linear-gradient(\n to top,\n var(--ld-table-border-col),\n var(--ld-table-border-col)\n var(--ld-table-selection-wrapper-border-width-bottom),\n var(--ld-table-bg-col) var(--ld-table-selection-wrapper-border-width-bottom),\n var(--ld-table-bg-col),\n var(--ld-table-bg-col),\n var(--ld-table-bg-col)\n calc(100% - var(--ld-table-selection-wrapper-border-width-top)),\n var(--ld-table-border-col)\n calc(100% - var(--ld-table-selection-wrapper-border-width-top)),\n var(--ld-table-border-col) 100%\n );\n}\n\ntr {\n background-color: inherit;\n outline: var(--ld-table-row-outline-half);\n}\n\n.ld-table__selection-wrapper {\n vertical-align: middle;\n align-items: center;\n background: var(--ld-table-selection-wrapper-gradient);\n display: flex;\n justify-content: center;\n padding-inline: var(--ld-table-cell-padding-x);\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n\n &::after {\n content: '';\n background-color: var(--ld-table-border-col);\n position: absolute;\n right: 0;\n top: var(--ld-sp-6);\n bottom: var(--ld-sp-6);\n width: var(--ld-table-row-outline-width);\n }\n}\n\n.ld-table-row__selection-cell {\n &::part(cell) {\n min-width: 1.25rem;\n position: relative;\n z-index: 1;\n }\n}\n\n.ld-table-row__selection-cell--sticky {\n &::part(cell) {\n left: 0;\n position: sticky;\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Prop } from '@stencil/core'\nimport { closest } from '../../../utils/closest'\nimport { getClassNames } from '../../../utils/getClassNames'\n\n/**\n * @part checkbox - the selection checkbox\n * @part row - the actual tr element\n * @part select - the selection cell\n * @part selection-wrapper - the selection wrapper element\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-table-row',\n styleUrl: 'ld-table-row.shadow.css',\n shadow: true,\n})\nexport class LdTableRow {\n @Element() el: HTMLLdTableRowElement\n\n /** Makes the row selectable by adding a checkbox to the start of the row. */\n @Prop() selectable?: boolean\n\n /** In selectable mode the checkbox is sticky by default. */\n @Prop() selectionSticky? = true\n\n /** Makes the row selectable by adding a checkbox to the start of the row. */\n @Prop() selectionLabel? = 'Row selection'\n\n /** Indicates that the row is selected. */\n @Prop({ mutable: true }) selected?: boolean\n\n /** Indicates that the selection state is indeterminate. */\n @Prop({ mutable: true }) indeterminate?: boolean\n\n /** Indicates that the row selection is disabled. */\n @Prop() selectionDisabled?: boolean\n\n /** Emitted with selected state. */\n @Event() ldTableSelectAll: EventEmitter<{\n selected: boolean\n }>\n\n /** Emitted with row index and selected state. */\n @Event() ldTableSelect: EventEmitter<{\n rowIndex: number\n selected: boolean\n }>\n\n handleSelect = (selected: boolean) => {\n this.indeterminate = false\n if (closest('ld-table-head', this.el)) {\n this.ldTableSelectAll.emit({\n selected,\n })\n } else {\n const rowIndex = Array.from(this.el.parentNode.children).indexOf(this.el)\n this.ldTableSelect.emit({\n rowIndex,\n selected,\n })\n }\n }\n\n onSelectInput = (ev: InputEvent) => {\n this.selected = (ev.target as HTMLInputElement).checked\n this.handleSelect(this.selected)\n }\n\n componentWillLoad() {\n if (this.selected) {\n this.handleSelect(this.selected)\n }\n }\n\n render() {\n return (\n \n {this.selectable && (\n \n \n \n
\n \n )}\n \n
\n )\n }\n}\n"],"mappings":"iIAAA,MAAMA,EAAsB,00C,MCiBfC,EAAU,M,yHAgCrBC,KAAAC,aAAgBC,IACdF,KAAKG,cAAgB,MACrB,GAAIC,EAAQ,gBAAiBJ,KAAKK,IAAK,CACrCL,KAAKM,iBAAiBC,KAAK,CACzBL,Y,KAEG,CACL,MAAMM,EAAWC,MAAMC,KAAKV,KAAKK,GAAGM,WAAWC,UAAUC,QAAQb,KAAKK,IACtEL,KAAKc,cAAcP,KAAK,CACtBC,WACAN,Y,GAKNF,KAAAe,cAAiBC,IACfhB,KAAKE,SAAYc,EAAGC,OAA4BC,QAChDlB,KAAKC,aAAaD,KAAKE,SAAS,E,+CA1CP,K,oBAGD,gB,sFA0C1B,iBAAAiB,GACE,GAAInB,KAAKE,SAAU,CACjBF,KAAKC,aAAaD,KAAKE,S,EAI3B,MAAAkB,GACE,OACEC,EAAA,MAAIC,MAAM,eAAeC,KAAK,OAC3BvB,KAAKwB,YACJH,EAAA,iBACEC,MAAOG,EAAc,CACnB,+BACAzB,KAAK0B,iBAAmB,yCAE1BH,KAAK,eAELF,EAAA,OAAKC,MAAM,8BAA8BC,KAAK,qBAC5CF,EAAA,+BACiBrB,KAAK2B,kBAAoB,OAASC,UAAS,aAC9C5B,KAAK6B,eACjBX,QAASlB,KAAKE,SACdC,cAAeH,KAAKG,cACpB2B,QAAS9B,KAAKe,cACdQ,KAAK,eAKbF,EAAA,a"}
\ No newline at end of file
diff --git a/1704894792450/dist/build/p-c5fe7236.entry.js b/1704966176737/dist/build/p-c5fe7236.entry.js
similarity index 100%
rename from 1704894792450/dist/build/p-c5fe7236.entry.js
rename to 1704966176737/dist/build/p-c5fe7236.entry.js
diff --git a/1704894792450/dist/build/p-c5fe7236.entry.js.map b/1704966176737/dist/build/p-c5fe7236.entry.js.map
similarity index 100%
rename from 1704894792450/dist/build/p-c5fe7236.entry.js.map
rename to 1704966176737/dist/build/p-c5fe7236.entry.js.map
diff --git a/1704966176737/dist/build/p-c79ebadf.entry.js b/1704966176737/dist/build/p-c79ebadf.entry.js
new file mode 100644
index 0000000000..572e305036
--- /dev/null
+++ b/1704966176737/dist/build/p-c79ebadf.entry.js
@@ -0,0 +1,2 @@
+import{r as l,c as t,h as a,H as e,g as o}from"./p-21a69c18.js";import{g as d}from"./p-1133c92e.js";import{c as r}from"./p-6e5841ef.js";const b=".ld-table,:host{--ld-table-bg-col:var(--ld-col-wht);--ld-table-border-col:var(--ld-col-neutral-200);--ld-table-toolbar-bg-col:var(--ld-col-neutral-050);--ld-table-layout:auto;--ld-table-row-outline-width:var(--ld-sp-1);--ld-table-row-outline:var(--ld-table-row-outline-width) var(--ld-table-border-col) solid;--ld-table-row-outline-half:calc(0.5 * var(--ld-table-row-outline-width)) var(--ld-table-border-col) solid;--ld-table-cell-padding-x:var(--ld-sp-16);--ld-table-cell-padding-y:var(--ld-sp-12);--ld-table-toolbar-padding-y:var(--ld-sp-16);--ld-table-typo:var(--ld-typo-h6);--ld-table-white-space:nowrap;--ld-table-head-gradient:linear-gradient(to top,var(--ld-table-border-col),var(--ld-table-border-col) calc(var(--ld-sp-1) * 0.75),var(--ld-table-bg-col) calc(var(--ld-sp-1) * 0.75),var(--ld-table-bg-col));--ld-table-selection-wrapper-border-width-top:calc(var(--ld-sp-1) * 0.5);--ld-table-selection-wrapper-border-width-bottom:calc(var(--ld-sp-1) * 0.5);background-color:var(--ld-table-border-col);border-radius:var(--ld-br-l);box-sizing:border-box;display:flex;flex-direction:column;font:var(--ld-table-typo);-webkit-mask-image:-webkit-radial-gradient(#fff,#000);overflow:hidden;position:relative}.ld-table table,:host table{background-color:var(--ld-table-bg-col);border-collapse:collapse;table-layout:var(--ld-table-layout);text-align:left;white-space:var(--ld-table-white-space);width:100%}.ld-table tbody,.ld-table td,.ld-table th,.ld-table thead,:host tbody,:host td,:host th,:host thead{background-color:inherit;font:inherit}.ld-table .ld-table__toolbar,.ld-table ::slotted(ld-table-toolbar),:host .ld-table__toolbar,:host ::slotted(ld-table-toolbar){align-items:center;background-color:var(--ld-table-toolbar-bg-col);border-top-left-radius:calc(var(--ld-br-l) - 1.25 * var(--ld-sp-1));border-top-right-radius:calc(var(--ld-br-l) - 1.25 * var(--ld-sp-1));box-sizing:border-box;display:flex;gap:var(--ld-sp-12);justify-content:flex-start;min-height:var(--ld-sp-40);overflow:auto hidden;padding-inline:var(--ld-table-cell-padding-x);position:relative;white-space:nowrap;z-index:3}.ld-table .ld-table__toolbar>ld-pagination,.ld-table ::slotted(ld-table-toolbar)>ld-pagination,:host .ld-table__toolbar>ld-pagination,:host ::slotted(ld-table-toolbar)>ld-pagination{flex-shrink:0;overflow-x:hidden;padding-bottom:var(--ld-sp-8);padding-top:var(--ld-sp-4);transform:translateY(var(--ld-sp-2))}.ld-table .ld-table__toolbar>ld-pagination:first-child,.ld-table ::slotted(ld-table-toolbar)>ld-pagination:first-child,:host .ld-table__toolbar>ld-pagination:first-child,:host ::slotted(ld-table-toolbar)>ld-pagination:first-child{margin-left:calc(-1 * var(--ld-sp-8))}.ld-table .ld-table__toolbar>ld-pagination:last-child,.ld-table ::slotted(ld-table-toolbar)>ld-pagination:last-child,:host .ld-table__toolbar>ld-pagination:last-child,:host ::slotted(ld-table-toolbar)>ld-pagination:last-child{margin-right:calc(-1 * var(--ld-sp-8))}.ld-table .ld-table__toolbar,.ld-table ::slotted(ld-table-toolbar),.ld-table thead,:host .ld-table__toolbar,:host ::slotted(ld-table-toolbar),:host thead{outline:var(--ld-table-row-outline)}.ld-table tr,:host tr{outline:var(--ld-table-row-outline-half)}.ld-table td,.ld-table th,:host td,:host th{padding-block:var(--ld-table-cell-padding-y);padding-inline:var(--ld-table-cell-padding-x)}.ld-table thead,:host thead{background-image:var(--ld-table-head-gradient);position:sticky;top:0;z-index:2}.ld-table.ld-table{border:solid var(--ld-sp-1) var(--ld-table-border-col)}.ld-table__scroll-container{height:inherit;max-height:inherit;overflow:auto}";const i=class{constructor(a){l(this,a);this.ldTableSort=t(this,"ldTableSort",7);this.ldTableSelect=t(this,"ldTableSelect",7);this.ldTableSelectAll=t(this,"ldTableSelectAll",7);this.getCellValue=(l,t)=>l.children[t].textContent.trim();this.getComparer=(l,t)=>(a,e)=>{const o=this.getCellValue(t==="asc"?a:e,l);const d=this.getCellValue(t==="asc"?e:a,l);const r=parseFloat(o.replaceAll(/,/g,""));const b=parseFloat(d.replaceAll(/,/g,""));if(!isNaN(r)&&!isNaN(b)){return r-b}return o.localeCompare(d)}}handleTableSort(l){const t=r("ld-table-header",l.target);Array.from(t.parentNode.children).forEach(((t,a)=>{if(a!==l.detail.columnIndex){t.resetSort()}}));if(l.defaultPrevented)return;const a=this.el.querySelector("ld-table-body");Array.from(a.querySelectorAll("ld-table-row")).sort(this.getComparer(l.detail.columnIndex,l.detail.sortOrder)).forEach((l=>a.appendChild(l)))}handleTableSelectAll(l){if(l.defaultPrevented)return;const t=this.el.querySelector("ld-table-body");Array.from(t.querySelectorAll("ld-table-row")).forEach((t=>t.selected=l.detail.selected))}async handleTableSelect(l){if(l.defaultPrevented)return;const t=this.el.querySelector("ld-table-body");const a=t.querySelectorAll("ld-table-row");const e=Array.from(a).every((l=>l.selected));const o=Array.from(a).every((l=>!l.selected));const d=this.el.querySelector("ld-table-head");if(!d)return;const r=d.querySelector("ld-table-row");r.selected=e;r.indeterminate=!e&&!o}componentDidLoad(){const l=Array.from(this.el.querySelectorAll("ld-table-row")).some((l=>l.selectionDisabled));if(l){const l=this.el.querySelector("ld-table-head ld-table-row");if(l){l.selectionDisabled=true}}}render(){const l=d(["ld-table"]);return a(e,{class:l,role:"figure",style:{border:"solid var(--ld-sp-1) var(--ld-table-border-col)"}},a("slot",{name:"toolbar"}),a("div",{part:"scroll-container",class:"ld-table__scroll-container"},a("table",{part:"table",ref:l=>this.tableRef=l},a("slot",null))))}get el(){return o(this)}};i.style=b;export{i as ld_table};
+//# sourceMappingURL=p-c79ebadf.entry.js.map
\ No newline at end of file
diff --git a/dist/build/p-822a6b5a.entry.js.map b/1704966176737/dist/build/p-c79ebadf.entry.js.map
similarity index 99%
rename from dist/build/p-822a6b5a.entry.js.map
rename to 1704966176737/dist/build/p-c79ebadf.entry.js.map
index 347a390693..8bdf997f9c 100644
--- a/dist/build/p-822a6b5a.entry.js.map
+++ b/1704966176737/dist/build/p-c79ebadf.entry.js.map
@@ -1 +1 @@
-{"version":3,"names":["ldTableCss","LdTable","constructor","hostRef","this","getCellValue","tr","columnIndex","children","textContent","trim","getComparer","sortOrder","tr1","tr2","str1","str2","num1","parseFloat","replaceAll","num2","isNaN","localeCompare","handleTableSort","ev","ldTableHeader","closest","target","Array","from","parentNode","forEach","th","index","detail","resetSort","defaultPrevented","ldTableBody","el","querySelector","querySelectorAll","sort","appendChild","handleTableSelectAll","selected","handleTableSelect","allRowsInTableBody","allSelected","every","noneSelected","ldTableHead","firstRowInHead","indeterminate","componentDidLoad","hasSelectionDisabled","some","selectionDisabled","render","cl","getClassNames","h","Host","class","role","style","border","name","part","ref","tableRef"],"sources":["../src/liquid/components/ld-table/ld-table.css?tag=ld-table&encapsulation=shadow","../src/liquid/components/ld-table/ld-table.tsx"],"sourcesContent":[":host,\n.ld-table {\n /* colors */\n --ld-table-bg-col: var(--ld-col-wht);\n --ld-table-border-col: var(--ld-col-neutral-200);\n --ld-table-toolbar-bg-col: var(--ld-col-neutral-050);\n\n /* layout */\n --ld-table-layout: auto;\n --ld-table-row-outline-width: var(--ld-sp-1);\n --ld-table-row-outline: var(--ld-table-row-outline-width)\n var(--ld-table-border-col) solid;\n --ld-table-row-outline-half: calc(0.5 * var(--ld-table-row-outline-width))\n var(--ld-table-border-col) solid;\n --ld-table-cell-padding-x: var(--ld-sp-16);\n --ld-table-cell-padding-y: var(--ld-sp-12);\n --ld-table-toolbar-padding-y: var(--ld-sp-16);\n --ld-table-typo: var(--ld-typo-h6);\n --ld-table-white-space: nowrap;\n\n /* The table head gradient fixes the position sticky quirk with Safari by using background-image. */\n /* Note that 0.75 is a special width that works well in all browsers. */\n --ld-table-head-gradient: linear-gradient(\n to top,\n var(--ld-table-border-col),\n var(--ld-table-border-col) calc(var(--ld-sp-1) * 0.75),\n var(--ld-table-bg-col) calc(var(--ld-sp-1) * 0.75),\n var(--ld-table-bg-col)\n );\n\n --ld-table-selection-wrapper-border-width-top: calc(var(--ld-sp-1) * 0.5);\n --ld-table-selection-wrapper-border-width-bottom: calc(var(--ld-sp-1) * 0.5);\n\n /* Fix for Safari overflow hidden with border radius quirk. */\n -webkit-mask-image: -webkit-radial-gradient(white, black);\n\n background-color: var(--ld-table-border-col);\n border-radius: var(--ld-br-l);\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n font: var(--ld-table-typo);\n overflow: hidden;\n position: relative;\n\n table {\n background-color: var(--ld-table-bg-col);\n border-collapse: collapse;\n table-layout: var(--ld-table-layout);\n text-align: left;\n width: 100%;\n white-space: var(--ld-table-white-space);\n }\n\n tbody,\n thead,\n td,\n th {\n background-color: inherit;\n font: inherit;\n }\n\n .ld-table__toolbar,\n ::slotted(ld-table-toolbar) {\n align-items: center;\n background-color: var(--ld-table-toolbar-bg-col);\n border-top-left-radius: calc(var(--ld-br-l) - 1.25 * var(--ld-sp-1));\n border-top-right-radius: calc(var(--ld-br-l) - 1.25 * var(--ld-sp-1));\n box-sizing: border-box;\n display: flex;\n gap: var(--ld-sp-12);\n justify-content: flex-start;\n min-height: var(--ld-sp-40);\n overflow: auto hidden;\n padding-inline: var(--ld-table-cell-padding-x);\n position: relative;\n white-space: nowrap;\n z-index: 3;\n\n > ld-pagination {\n flex-shrink: 0;\n padding-bottom: var(--ld-sp-8);\n padding-top: var(--ld-sp-4);\n overflow-x: hidden;\n transform: translateY(var(--ld-sp-2));\n\n &:first-child {\n margin-left: calc(-1 * var(--ld-sp-8));\n }\n &:last-child {\n margin-right: calc(-1 * var(--ld-sp-8));\n }\n }\n }\n\n .ld-table__toolbar,\n ::slotted(ld-table-toolbar),\n thead {\n outline: var(--ld-table-row-outline);\n }\n\n tr {\n outline: var(--ld-table-row-outline-half);\n }\n\n td,\n th {\n padding-block: var(--ld-table-cell-padding-y);\n padding-inline: var(--ld-table-cell-padding-x);\n }\n\n thead {\n background-image: var(--ld-table-head-gradient);\n position: sticky;\n top: 0;\n z-index: 2;\n }\n}\n\n/* Increase specificity to overwrite Tailwind's preflight reset. */\n.ld-table.ld-table {\n border: solid var(--ld-sp-1) var(--ld-table-border-col);\n}\n\n.ld-table__scroll-container {\n height: inherit;\n max-height: inherit;\n overflow: auto;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n} from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { closest } from '../../utils/closest'\n\n/**\n * @part scroll-container - the scroll-container wrapping the table element\n * @part table - the table element\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-table',\n styleUrl: 'ld-table.css',\n shadow: true,\n})\nexport class LdTable {\n @Element() el: HTMLLdTableElement\n tableRef: HTMLTableElement\n\n // The following events is not used within the ld-table component itself.\n // Their only purpose is to create type definitions on the ld-table component,\n // in order to be able to add inline listeners in TSX, for listening\n // on the events bubling up from ld-table-* sub-components.\n\n /** Emitted from ld-table-header with culumn index and sort order. */\n @Event() ldTableSort: EventEmitter<{\n columnIndex: number\n sortOrder: 'asc' | 'desc'\n }>\n\n /** Emitted from ld-table-row with row index and selected state. */\n @Event() ldTableSelect: EventEmitter<{\n rowIndex: number\n selected: boolean\n }>\n\n /** Emitted from ld-table-row with selected state. */\n @Event() ldTableSelectAll: EventEmitter<{\n selected: boolean\n }>\n\n @Listen('ldTableSort')\n handleTableSort(\n ev: CustomEvent<{\n columnIndex: number\n sortOrder?: 'asc' | 'desc'\n }>\n ) {\n const ldTableHeader = closest('ld-table-header', ev.target as HTMLElement)\n Array.from(ldTableHeader.parentNode.children).forEach(\n (th: HTMLLdTableHeaderElement, index) => {\n if (index !== ev.detail.columnIndex) {\n th.resetSort()\n }\n }\n )\n\n if (ev.defaultPrevented) return\n\n const ldTableBody = this.el.querySelector('ld-table-body')\n Array.from(ldTableBody.querySelectorAll('ld-table-row'))\n .sort(this.getComparer(ev.detail.columnIndex, ev.detail.sortOrder))\n .forEach((tr) => ldTableBody.appendChild(tr))\n }\n\n @Listen('ldTableSelectAll')\n handleTableSelectAll(\n ev: CustomEvent<{\n selected: boolean\n }>\n ) {\n if (ev.defaultPrevented) return\n\n // Select or deselect all.\n const ldTableBody = this.el.querySelector('ld-table-body')\n Array.from(ldTableBody.querySelectorAll('ld-table-row')).forEach(\n (tr) => (tr.selected = ev.detail.selected)\n )\n }\n\n @Listen('ldTableSelect')\n async handleTableSelect(\n ev: CustomEvent<{\n selected: boolean\n }>\n ) {\n if (ev.defaultPrevented) return\n\n // Check if all are selected and update select all checkbox.\n const ldTableBody = this.el.querySelector('ld-table-body')\n const allRowsInTableBody = ldTableBody.querySelectorAll('ld-table-row')\n const allSelected = Array.from(allRowsInTableBody).every(\n (tr) => tr.selected\n )\n const noneSelected = Array.from(allRowsInTableBody).every(\n (tr) => !tr.selected\n )\n const ldTableHead = this.el.querySelector('ld-table-head')\n if (!ldTableHead) return\n\n const firstRowInHead = ldTableHead.querySelector('ld-table-row')\n firstRowInHead.selected = allSelected\n firstRowInHead.indeterminate = !allSelected && !noneSelected\n }\n\n getCellValue = (tr: HTMLLdTableRowElement, columnIndex: number) =>\n tr.children[columnIndex].textContent.trim()\n\n getComparer =\n (columnIndex: number, sortOrder: 'asc' | 'desc') =>\n (tr1: HTMLLdTableRowElement, tr2: HTMLLdTableRowElement) => {\n const str1 = this.getCellValue(\n sortOrder === 'asc' ? tr1 : tr2,\n columnIndex\n )\n const str2 = this.getCellValue(\n sortOrder === 'asc' ? tr2 : tr1,\n columnIndex\n )\n const num1 = parseFloat(str1.replaceAll(/,/g, ''))\n const num2 = parseFloat(str2.replaceAll(/,/g, ''))\n if (!isNaN(num1) && !isNaN(num2)) {\n return num1 - num2\n }\n return str1.localeCompare(str2)\n }\n\n componentDidLoad() {\n const hasSelectionDisabled = Array.from(\n this.el.querySelectorAll('ld-table-row')\n ).some((tr) => tr.selectionDisabled)\n if (hasSelectionDisabled) {\n const firstRowInHead = this.el.querySelector(\n 'ld-table-head ld-table-row'\n )\n if (firstRowInHead) {\n firstRowInHead.selectionDisabled = true\n }\n }\n }\n\n render() {\n const cl = getClassNames(['ld-table'])\n\n return (\n \n \n \n \n )\n }\n}\n"],"mappings":"wIAAA,MAAMA,EAAa,ynH,MCuBNC,EAAO,MALpB,WAAAC,CAAAC,G,mJA+FEC,KAAAC,aAAe,CAACC,EAA2BC,IACzCD,EAAGE,SAASD,GAAaE,YAAYC,OAEvCN,KAAAO,YACE,CAACJ,EAAqBK,IACtB,CAACC,EAA4BC,KAC3B,MAAMC,EAAOX,KAAKC,aAChBO,IAAc,MAAQC,EAAMC,EAC5BP,GAEF,MAAMS,EAAOZ,KAAKC,aAChBO,IAAc,MAAQE,EAAMD,EAC5BN,GAEF,MAAMU,EAAOC,WAAWH,EAAKI,WAAW,KAAM,KAC9C,MAAMC,EAAOF,WAAWF,EAAKG,WAAW,KAAM,KAC9C,IAAKE,MAAMJ,KAAUI,MAAMD,GAAO,CAChC,OAAOH,EAAOG,C,CAEhB,OAAOL,EAAKO,cAAcN,EAAK,C,CAlFnC,eAAAO,CACEC,GAKA,MAAMC,EAAgBC,EAAQ,kBAAmBF,EAAGG,QACpDC,MAAMC,KAAKJ,EAAcK,WAAWtB,UAAUuB,SAC5C,CAACC,EAA8BC,KAC7B,GAAIA,IAAUT,EAAGU,OAAO3B,YAAa,CACnCyB,EAAGG,W,KAKT,GAAIX,EAAGY,iBAAkB,OAEzB,MAAMC,EAAcjC,KAAKkC,GAAGC,cAAc,iBAC1CX,MAAMC,KAAKQ,EAAYG,iBAAiB,iBACrCC,KAAKrC,KAAKO,YAAYa,EAAGU,OAAO3B,YAAaiB,EAAGU,OAAOtB,YACvDmB,SAASzB,GAAO+B,EAAYK,YAAYpC,I,CAI7C,oBAAAqC,CACEnB,GAIA,GAAIA,EAAGY,iBAAkB,OAGzB,MAAMC,EAAcjC,KAAKkC,GAAGC,cAAc,iBAC1CX,MAAMC,KAAKQ,EAAYG,iBAAiB,iBAAiBT,SACtDzB,GAAQA,EAAGsC,SAAWpB,EAAGU,OAAOU,U,CAKrC,uBAAMC,CACJrB,GAIA,GAAIA,EAAGY,iBAAkB,OAGzB,MAAMC,EAAcjC,KAAKkC,GAAGC,cAAc,iBAC1C,MAAMO,EAAqBT,EAAYG,iBAAiB,gBACxD,MAAMO,EAAcnB,MAAMC,KAAKiB,GAAoBE,OAChD1C,GAAOA,EAAGsC,WAEb,MAAMK,EAAerB,MAAMC,KAAKiB,GAAoBE,OACjD1C,IAAQA,EAAGsC,WAEd,MAAMM,EAAc9C,KAAKkC,GAAGC,cAAc,iBAC1C,IAAKW,EAAa,OAElB,MAAMC,EAAiBD,EAAYX,cAAc,gBACjDY,EAAeP,SAAWG,EAC1BI,EAAeC,eAAiBL,IAAgBE,C,CAyBlD,gBAAAI,GACE,MAAMC,EAAuB1B,MAAMC,KACjCzB,KAAKkC,GAAGE,iBAAiB,iBACzBe,MAAMjD,GAAOA,EAAGkD,oBAClB,GAAIF,EAAsB,CACxB,MAAMH,EAAiB/C,KAAKkC,GAAGC,cAC7B,8BAEF,GAAIY,EAAgB,CAClBA,EAAeK,kBAAoB,I,GAKzC,MAAAC,GACE,MAAMC,EAAKC,EAAc,CAAC,aAE1B,OACEC,EAACC,EAAI,CACHC,MAAOJ,EACPK,KAAK,SACLC,MAAO,CAELC,OAAQ,oDAGVL,EAAA,QAAMM,KAAK,YACXN,EAAA,OAAKO,KAAK,mBAAmBL,MAAM,8BACjCF,EAAA,SAAOO,KAAK,QAAQC,IAAM9B,GAAQlC,KAAKiE,SAAW/B,GAChDsB,EAAA,e"}
\ No newline at end of file
+{"version":3,"names":["ldTableCss","LdTable","constructor","hostRef","this","getCellValue","tr","columnIndex","children","textContent","trim","getComparer","sortOrder","tr1","tr2","str1","str2","num1","parseFloat","replaceAll","num2","isNaN","localeCompare","handleTableSort","ev","ldTableHeader","closest","target","Array","from","parentNode","forEach","th","index","detail","resetSort","defaultPrevented","ldTableBody","el","querySelector","querySelectorAll","sort","appendChild","handleTableSelectAll","selected","handleTableSelect","allRowsInTableBody","allSelected","every","noneSelected","ldTableHead","firstRowInHead","indeterminate","componentDidLoad","hasSelectionDisabled","some","selectionDisabled","render","cl","getClassNames","h","Host","class","role","style","border","name","part","ref","tableRef"],"sources":["../src/liquid/components/ld-table/ld-table.css?tag=ld-table&encapsulation=shadow","../src/liquid/components/ld-table/ld-table.tsx"],"sourcesContent":[":host,\n.ld-table {\n /* colors */\n --ld-table-bg-col: var(--ld-col-wht);\n --ld-table-border-col: var(--ld-col-neutral-200);\n --ld-table-toolbar-bg-col: var(--ld-col-neutral-050);\n\n /* layout */\n --ld-table-layout: auto;\n --ld-table-row-outline-width: var(--ld-sp-1);\n --ld-table-row-outline: var(--ld-table-row-outline-width)\n var(--ld-table-border-col) solid;\n --ld-table-row-outline-half: calc(0.5 * var(--ld-table-row-outline-width))\n var(--ld-table-border-col) solid;\n --ld-table-cell-padding-x: var(--ld-sp-16);\n --ld-table-cell-padding-y: var(--ld-sp-12);\n --ld-table-toolbar-padding-y: var(--ld-sp-16);\n --ld-table-typo: var(--ld-typo-h6);\n --ld-table-white-space: nowrap;\n\n /* The table head gradient fixes the position sticky quirk with Safari by using background-image. */\n /* Note that 0.75 is a special width that works well in all browsers. */\n --ld-table-head-gradient: linear-gradient(\n to top,\n var(--ld-table-border-col),\n var(--ld-table-border-col) calc(var(--ld-sp-1) * 0.75),\n var(--ld-table-bg-col) calc(var(--ld-sp-1) * 0.75),\n var(--ld-table-bg-col)\n );\n\n --ld-table-selection-wrapper-border-width-top: calc(var(--ld-sp-1) * 0.5);\n --ld-table-selection-wrapper-border-width-bottom: calc(var(--ld-sp-1) * 0.5);\n\n /* Fix for Safari overflow hidden with border radius quirk. */\n -webkit-mask-image: -webkit-radial-gradient(white, black);\n\n background-color: var(--ld-table-border-col);\n border-radius: var(--ld-br-l);\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n font: var(--ld-table-typo);\n overflow: hidden;\n position: relative;\n\n table {\n background-color: var(--ld-table-bg-col);\n border-collapse: collapse;\n table-layout: var(--ld-table-layout);\n text-align: left;\n width: 100%;\n white-space: var(--ld-table-white-space);\n }\n\n tbody,\n thead,\n td,\n th {\n background-color: inherit;\n font: inherit;\n }\n\n .ld-table__toolbar,\n ::slotted(ld-table-toolbar) {\n align-items: center;\n background-color: var(--ld-table-toolbar-bg-col);\n border-top-left-radius: calc(var(--ld-br-l) - 1.25 * var(--ld-sp-1));\n border-top-right-radius: calc(var(--ld-br-l) - 1.25 * var(--ld-sp-1));\n box-sizing: border-box;\n display: flex;\n gap: var(--ld-sp-12);\n justify-content: flex-start;\n min-height: var(--ld-sp-40);\n overflow: auto hidden;\n padding-inline: var(--ld-table-cell-padding-x);\n position: relative;\n white-space: nowrap;\n z-index: 3;\n\n > ld-pagination {\n flex-shrink: 0;\n padding-bottom: var(--ld-sp-8);\n padding-top: var(--ld-sp-4);\n overflow-x: hidden;\n transform: translateY(var(--ld-sp-2));\n\n &:first-child {\n margin-left: calc(-1 * var(--ld-sp-8));\n }\n &:last-child {\n margin-right: calc(-1 * var(--ld-sp-8));\n }\n }\n }\n\n .ld-table__toolbar,\n ::slotted(ld-table-toolbar),\n thead {\n outline: var(--ld-table-row-outline);\n }\n\n tr {\n outline: var(--ld-table-row-outline-half);\n }\n\n td,\n th {\n padding-block: var(--ld-table-cell-padding-y);\n padding-inline: var(--ld-table-cell-padding-x);\n }\n\n thead {\n background-image: var(--ld-table-head-gradient);\n position: sticky;\n top: 0;\n z-index: 2;\n }\n}\n\n/* Increase specificity to overwrite Tailwind's preflight reset. */\n.ld-table.ld-table {\n border: solid var(--ld-sp-1) var(--ld-table-border-col);\n}\n\n.ld-table__scroll-container {\n height: inherit;\n max-height: inherit;\n overflow: auto;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n} from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { closest } from '../../utils/closest'\n\n/**\n * @part scroll-container - the scroll-container wrapping the table element\n * @part table - the table element\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-table',\n styleUrl: 'ld-table.css',\n shadow: true,\n})\nexport class LdTable {\n @Element() el: HTMLLdTableElement\n tableRef: HTMLTableElement\n\n // The following events is not used within the ld-table component itself.\n // Their only purpose is to create type definitions on the ld-table component,\n // in order to be able to add inline listeners in TSX, for listening\n // on the events bubling up from ld-table-* sub-components.\n\n /** Emitted from ld-table-header with culumn index and sort order. */\n @Event() ldTableSort: EventEmitter<{\n columnIndex: number\n sortOrder: 'asc' | 'desc'\n }>\n\n /** Emitted from ld-table-row with row index and selected state. */\n @Event() ldTableSelect: EventEmitter<{\n rowIndex: number\n selected: boolean\n }>\n\n /** Emitted from ld-table-row with selected state. */\n @Event() ldTableSelectAll: EventEmitter<{\n selected: boolean\n }>\n\n @Listen('ldTableSort')\n handleTableSort(\n ev: CustomEvent<{\n columnIndex: number\n sortOrder?: 'asc' | 'desc'\n }>\n ) {\n const ldTableHeader = closest('ld-table-header', ev.target as HTMLElement)\n Array.from(ldTableHeader.parentNode.children).forEach(\n (th: HTMLLdTableHeaderElement, index) => {\n if (index !== ev.detail.columnIndex) {\n th.resetSort()\n }\n }\n )\n\n if (ev.defaultPrevented) return\n\n const ldTableBody = this.el.querySelector('ld-table-body')\n Array.from(ldTableBody.querySelectorAll('ld-table-row'))\n .sort(this.getComparer(ev.detail.columnIndex, ev.detail.sortOrder))\n .forEach((tr) => ldTableBody.appendChild(tr))\n }\n\n @Listen('ldTableSelectAll')\n handleTableSelectAll(\n ev: CustomEvent<{\n selected: boolean\n }>\n ) {\n if (ev.defaultPrevented) return\n\n // Select or deselect all.\n const ldTableBody = this.el.querySelector('ld-table-body')\n Array.from(ldTableBody.querySelectorAll('ld-table-row')).forEach(\n (tr) => (tr.selected = ev.detail.selected)\n )\n }\n\n @Listen('ldTableSelect')\n async handleTableSelect(\n ev: CustomEvent<{\n selected: boolean\n }>\n ) {\n if (ev.defaultPrevented) return\n\n // Check if all are selected and update select all checkbox.\n const ldTableBody = this.el.querySelector('ld-table-body')\n const allRowsInTableBody = ldTableBody.querySelectorAll('ld-table-row')\n const allSelected = Array.from(allRowsInTableBody).every(\n (tr) => tr.selected\n )\n const noneSelected = Array.from(allRowsInTableBody).every(\n (tr) => !tr.selected\n )\n const ldTableHead = this.el.querySelector('ld-table-head')\n if (!ldTableHead) return\n\n const firstRowInHead = ldTableHead.querySelector('ld-table-row')\n firstRowInHead.selected = allSelected\n firstRowInHead.indeterminate = !allSelected && !noneSelected\n }\n\n getCellValue = (tr: HTMLLdTableRowElement, columnIndex: number) =>\n tr.children[columnIndex].textContent.trim()\n\n getComparer =\n (columnIndex: number, sortOrder: 'asc' | 'desc') =>\n (tr1: HTMLLdTableRowElement, tr2: HTMLLdTableRowElement) => {\n const str1 = this.getCellValue(\n sortOrder === 'asc' ? tr1 : tr2,\n columnIndex\n )\n const str2 = this.getCellValue(\n sortOrder === 'asc' ? tr2 : tr1,\n columnIndex\n )\n const num1 = parseFloat(str1.replaceAll(/,/g, ''))\n const num2 = parseFloat(str2.replaceAll(/,/g, ''))\n if (!isNaN(num1) && !isNaN(num2)) {\n return num1 - num2\n }\n return str1.localeCompare(str2)\n }\n\n componentDidLoad() {\n const hasSelectionDisabled = Array.from(\n this.el.querySelectorAll('ld-table-row')\n ).some((tr) => tr.selectionDisabled)\n if (hasSelectionDisabled) {\n const firstRowInHead = this.el.querySelector(\n 'ld-table-head ld-table-row'\n )\n if (firstRowInHead) {\n firstRowInHead.selectionDisabled = true\n }\n }\n }\n\n render() {\n const cl = getClassNames(['ld-table'])\n\n return (\n \n \n \n \n )\n }\n}\n"],"mappings":"wIAAA,MAAMA,EAAa,+/G,MCuBNC,EAAO,MALpB,WAAAC,CAAAC,G,mJA+FEC,KAAAC,aAAe,CAACC,EAA2BC,IACzCD,EAAGE,SAASD,GAAaE,YAAYC,OAEvCN,KAAAO,YACE,CAACJ,EAAqBK,IACtB,CAACC,EAA4BC,KAC3B,MAAMC,EAAOX,KAAKC,aAChBO,IAAc,MAAQC,EAAMC,EAC5BP,GAEF,MAAMS,EAAOZ,KAAKC,aAChBO,IAAc,MAAQE,EAAMD,EAC5BN,GAEF,MAAMU,EAAOC,WAAWH,EAAKI,WAAW,KAAM,KAC9C,MAAMC,EAAOF,WAAWF,EAAKG,WAAW,KAAM,KAC9C,IAAKE,MAAMJ,KAAUI,MAAMD,GAAO,CAChC,OAAOH,EAAOG,C,CAEhB,OAAOL,EAAKO,cAAcN,EAAK,C,CAlFnC,eAAAO,CACEC,GAKA,MAAMC,EAAgBC,EAAQ,kBAAmBF,EAAGG,QACpDC,MAAMC,KAAKJ,EAAcK,WAAWtB,UAAUuB,SAC5C,CAACC,EAA8BC,KAC7B,GAAIA,IAAUT,EAAGU,OAAO3B,YAAa,CACnCyB,EAAGG,W,KAKT,GAAIX,EAAGY,iBAAkB,OAEzB,MAAMC,EAAcjC,KAAKkC,GAAGC,cAAc,iBAC1CX,MAAMC,KAAKQ,EAAYG,iBAAiB,iBACrCC,KAAKrC,KAAKO,YAAYa,EAAGU,OAAO3B,YAAaiB,EAAGU,OAAOtB,YACvDmB,SAASzB,GAAO+B,EAAYK,YAAYpC,I,CAI7C,oBAAAqC,CACEnB,GAIA,GAAIA,EAAGY,iBAAkB,OAGzB,MAAMC,EAAcjC,KAAKkC,GAAGC,cAAc,iBAC1CX,MAAMC,KAAKQ,EAAYG,iBAAiB,iBAAiBT,SACtDzB,GAAQA,EAAGsC,SAAWpB,EAAGU,OAAOU,U,CAKrC,uBAAMC,CACJrB,GAIA,GAAIA,EAAGY,iBAAkB,OAGzB,MAAMC,EAAcjC,KAAKkC,GAAGC,cAAc,iBAC1C,MAAMO,EAAqBT,EAAYG,iBAAiB,gBACxD,MAAMO,EAAcnB,MAAMC,KAAKiB,GAAoBE,OAChD1C,GAAOA,EAAGsC,WAEb,MAAMK,EAAerB,MAAMC,KAAKiB,GAAoBE,OACjD1C,IAAQA,EAAGsC,WAEd,MAAMM,EAAc9C,KAAKkC,GAAGC,cAAc,iBAC1C,IAAKW,EAAa,OAElB,MAAMC,EAAiBD,EAAYX,cAAc,gBACjDY,EAAeP,SAAWG,EAC1BI,EAAeC,eAAiBL,IAAgBE,C,CAyBlD,gBAAAI,GACE,MAAMC,EAAuB1B,MAAMC,KACjCzB,KAAKkC,GAAGE,iBAAiB,iBACzBe,MAAMjD,GAAOA,EAAGkD,oBAClB,GAAIF,EAAsB,CACxB,MAAMH,EAAiB/C,KAAKkC,GAAGC,cAC7B,8BAEF,GAAIY,EAAgB,CAClBA,EAAeK,kBAAoB,I,GAKzC,MAAAC,GACE,MAAMC,EAAKC,EAAc,CAAC,aAE1B,OACEC,EAACC,EAAI,CACHC,MAAOJ,EACPK,KAAK,SACLC,MAAO,CAELC,OAAQ,oDAGVL,EAAA,QAAMM,KAAK,YACXN,EAAA,OAAKO,KAAK,mBAAmBL,MAAM,8BACjCF,EAAA,SAAOO,KAAK,QAAQC,IAAM9B,GAAQlC,KAAKiE,SAAW/B,GAChDsB,EAAA,e"}
\ No newline at end of file
diff --git a/1704966176737/dist/build/p-c8998fe6.entry.js b/1704966176737/dist/build/p-c8998fe6.entry.js
new file mode 100644
index 0000000000..6b3cdfe969
--- /dev/null
+++ b/1704966176737/dist/build/p-c8998fe6.entry.js
@@ -0,0 +1,2 @@
+import{r as d,h as l,H as t,g as e}from"./p-21a69c18.js";import{g as i}from"./p-1133c92e.js";const o=".ld-badge,:host{--ld-badge-size-md:1.0625rem;--ld-badge-size-lg:1rem;--ld-badge-icon-size-md:0.5625rem;--ld-badge-icon-size-lg:0.75rem;--ld-badge-bg-col:var(--ld-thm-primary);--ld-badge-gap-md:var(--ld-sp-6);--ld-badge-gap-lg:var(--ld-sp-8);--ld-badge-padding-block-md:0.2125rem;--ld-badge-padding-block-lg:0.25rem;--ld-badge-padding-inline-md:0.5rem;--ld-badge-padding-inline-lg:0.625rem;align-items:center;background-color:var(--ld-badge-bg-col);border-radius:var(--ld-br-full);box-sizing:border-box;color:var(--ld-col-wht);display:inline-flex;font:var(--ld-typo-body-xs);font-weight:700;gap:var(--ld-badge-gap-md);justify-content:center;line-height:1.1;padding-block:var(--ld-badge-padding-block-md);padding-inline:var(--ld-badge-padding-inline-md);position:relative}.ld-badge ::slotted(.ld-icon),.ld-badge ::slotted(ld-icon),.ld-badge>.ld-icon,.ld-badge>ld-icon,:host ::slotted(.ld-icon),:host ::slotted(ld-icon),:host>.ld-icon,:host>ld-icon{--ld-icon-size-md:var(--ld-badge-icon-size-md);flex-shrink:0;margin:0 calc(-1 * var(--ld-sp-8))}.ld-badge.ld-badge--with-text ::slotted(.ld-icon),.ld-badge.ld-badge--with-text ::slotted(ld-icon),.ld-badge.ld-badge--with-text>.ld-icon,.ld-badge.ld-badge--with-text>ld-icon,:host(.ld-badge.ld-badge--with-text) ::slotted(.ld-icon),:host(.ld-badge.ld-badge--with-text) ::slotted(ld-icon),:host(.ld-badge.ld-badge--with-text)>.ld-icon,:host(.ld-badge.ld-badge--with-text)>ld-icon,:host(:host.ld-badge--with-text) ::slotted(.ld-icon),:host(:host.ld-badge--with-text) ::slotted(ld-icon),:host(:host.ld-badge--with-text)>.ld-icon,:host(:host.ld-badge--with-text)>ld-icon,:host.ld-badge--with-text ::slotted(.ld-icon),:host.ld-badge--with-text ::slotted(ld-icon),:host.ld-badge--with-text>.ld-icon,:host.ld-badge--with-text>ld-icon{margin:0 auto}.ld-badge--lg,:host(.ld-badge--lg){font:var(--ld-typo-body-s);font-weight:700;gap:var(--ld-badge-gap-lg);line-height:1.1;padding-block:var(--ld-badge-padding-block-lg);padding-inline:var(--ld-badge-padding-inline-lg)}.ld-badge--lg ::slotted(.ld-icon),.ld-badge--lg ::slotted(ld-icon),.ld-badge--lg>.ld-icon,.ld-badge--lg>ld-icon,:host(.ld-badge--lg) ::slotted(.ld-icon),:host(.ld-badge--lg) ::slotted(ld-icon),:host(.ld-badge--lg)>.ld-icon,:host(.ld-badge--lg)>ld-icon{--ld-icon-size-md:var(--ld-badge-icon-size-lg);transform:none}.ld-badge--brand-color,:host(.ld-badge--brand-color){background-color:var(--ld-col-wht);color:var(--ld-thm-primary)}";const a=class{constructor(l){d(this,l);this.updateState=()=>{this.hasCustomIcon=!!this.el.querySelector('[slot="icon"]');this.hasText=!!this.el.textContent.trim()};this.brandColor=undefined;this.icon=undefined;this.size=undefined;this.hasCustomIcon=false;this.hasText=false}componentWillLoad(){this.observer=new MutationObserver(this.updateState);this.observer.observe(this.el,{subtree:true,childList:true,attributes:false});this.updateState()}disconnectedCallback(){if(this.observer)this.observer.disconnect()}render(){const d=i(["ld-badge",this.size&&`ld-badge--${this.size}`,this.hasText&&"ld-badge--with-text",this.brandColor&&`ld-badge--brand-color`]);return l(t,{class:d},(this.icon||this.hasCustomIcon)&&l("ld-icon",{class:"ld-badge__icon",part:"icon",name:this.icon},l("slot",{name:"icon"})),l("slot",null))}static get assetsDirs(){return["assets"]}get el(){return e(this)}};a.style=o;export{a as ld_badge};
+//# sourceMappingURL=p-c8998fe6.entry.js.map
\ No newline at end of file
diff --git a/1704894792450/dist/build/p-a3123fb7.entry.js.map b/1704966176737/dist/build/p-c8998fe6.entry.js.map
similarity index 98%
rename from 1704894792450/dist/build/p-a3123fb7.entry.js.map
rename to 1704966176737/dist/build/p-c8998fe6.entry.js.map
index 5d08898272..75d0e5ddfd 100644
--- a/1704894792450/dist/build/p-a3123fb7.entry.js.map
+++ b/1704966176737/dist/build/p-c8998fe6.entry.js.map
@@ -1 +1 @@
-{"version":3,"names":["ldBadgeCss","LdBadge","this","updateState","hasCustomIcon","el","querySelector","hasText","textContent","trim","componentWillLoad","observer","MutationObserver","observe","subtree","childList","attributes","disconnectedCallback","disconnect","render","cl","getClassNames","size","brandColor","h","Host","class","icon","part","name"],"sources":["../src/liquid/components/ld-badge/ld-badge.css?tag=ld-badge&encapsulation=shadow","../src/liquid/components/ld-badge/ld-badge.tsx"],"sourcesContent":[":host,\n.ld-badge {\n --ld-badge-size-md: 1.0625rem;\n --ld-badge-size-lg: 1rem;\n --ld-badge-icon-size-md: 0.5625rem;\n --ld-badge-icon-size-lg: 0.75rem;\n --ld-badge-bg-col: var(--ld-thm-primary);\n --ld-badge-gap-md: var(--ld-sp-6);\n --ld-badge-gap-lg: var(--ld-sp-8);\n --ld-badge-padding-block-md: 0.2125rem;\n --ld-badge-padding-block-lg: 0.25rem;\n --ld-badge-padding-inline-md: 0.5rem;\n --ld-badge-padding-inline-lg: 0.625rem;\n\n align-items: center;\n background-color: var(--ld-badge-bg-col);\n border-radius: var(--ld-br-full);\n box-sizing: border-box;\n color: var(--ld-col-wht);\n display: inline-flex;\n font: var(--ld-typo-body-xs);\n font-weight: 700;\n gap: var(--ld-badge-gap-md);\n justify-content: center;\n line-height: 1.1;\n padding-block: var(--ld-badge-padding-block-md);\n padding-inline: var(--ld-badge-padding-inline-md);\n position: relative;\n\n ::slotted(ld-icon),\n ::slotted(.ld-icon),\n > ld-icon,\n > .ld-icon {\n --ld-icon-size-md: var(--ld-badge-icon-size-md);\n flex-shrink: 0;\n margin: 0 calc(-1 * var(--ld-sp-8));\n }\n\n &.ld-badge--with-text {\n &,\n :host(&) {\n ::slotted(ld-icon),\n ::slotted(.ld-icon),\n > ld-icon,\n > .ld-icon {\n margin: 0 auto;\n }\n }\n }\n}\n\n.ld-badge--lg,\n:host(.ld-badge--lg) {\n font: var(--ld-typo-body-s);\n font-weight: 700;\n gap: var(--ld-badge-gap-lg);\n /* height: var(--ld-badge-size-lg); */\n line-height: 1.1;\n padding-block: var(--ld-badge-padding-block-lg);\n padding-inline: var(--ld-badge-padding-inline-lg);\n\n ::slotted(ld-icon),\n ::slotted(.ld-icon),\n > ld-icon,\n > .ld-icon {\n --ld-icon-size-md: var(--ld-badge-icon-size-lg);\n transform: none;\n }\n}\n\n.ld-badge--brand-color,\n:host(.ld-badge--brand-color) {\n background-color: var(--ld-col-wht);\n color: var(--ld-thm-primary);\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core'\nimport { HTMLStencilElement } from '@stencil/core/internal'\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 */\n@Component({\n assetsDirs: ['assets'],\n tag: 'ld-badge',\n styleUrl: 'ld-badge.css',\n shadow: true,\n})\nexport class LdBadge {\n @Element() el: HTMLStencilElement\n\n private observer: MutationObserver\n\n /** Defines badge custom color */\n @Prop() brandColor?: boolean\n\n /** Icon name. */\n @Prop() icon?: string\n\n /** The size of the badge, translated in rem */\n @Prop() size?: 'lg'\n\n @State() hasCustomIcon = false\n @State() hasText = false\n\n private updateState = () => {\n this.hasCustomIcon = !!this.el.querySelector('[slot=\"icon\"]')\n this.hasText = !!this.el.textContent.trim()\n }\n\n componentWillLoad() {\n this.observer = new MutationObserver(this.updateState)\n this.observer.observe(this.el, {\n subtree: true,\n childList: true,\n attributes: false,\n })\n\n this.updateState()\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.observer) this.observer.disconnect()\n }\n\n render() {\n const cl = getClassNames([\n 'ld-badge',\n this.size && `ld-badge--${this.size}`,\n this.hasText && 'ld-badge--with-text',\n this.brandColor && `ld-badge--brand-color`,\n ])\n\n return (\n \n {(this.icon || this.hasCustomIcon) && (\n \n \n \n )}\n \n \n )\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAAa,y6E,MCcNC,EAAO,M,yBAiBVC,KAAAC,YAAc,KACpBD,KAAKE,gBAAkBF,KAAKG,GAAGC,cAAc,iBAC7CJ,KAAKK,UAAYL,KAAKG,GAAGG,YAAYC,MAAM,E,qFALpB,M,aACN,K,CAOnB,iBAAAC,GACER,KAAKS,SAAW,IAAIC,iBAAiBV,KAAKC,aAC1CD,KAAKS,SAASE,QAAQX,KAAKG,GAAI,CAC7BS,QAAS,KACTC,UAAW,KACXC,WAAY,QAGdd,KAAKC,a,CAGP,oBAAAc,GAEE,GAAIf,KAAKS,SAAUT,KAAKS,SAASO,Y,CAGnC,MAAAC,GACE,MAAMC,EAAKC,EAAc,CACvB,WACAnB,KAAKoB,MAAQ,aAAapB,KAAKoB,OAC/BpB,KAAKK,SAAW,sBAChBL,KAAKqB,YAAc,0BAGrB,OACEC,EAACC,EAAI,CAACC,MAAON,IACTlB,KAAKyB,MAAQzB,KAAKE,gBAClBoB,EAAA,WAASE,MAAM,iBAAiBE,KAAK,OAAOC,KAAM3B,KAAKyB,MACrDH,EAAA,QAAMK,KAAK,UAGfL,EAAA,a"}
\ No newline at end of file
+{"version":3,"names":["ldBadgeCss","LdBadge","this","updateState","hasCustomIcon","el","querySelector","hasText","textContent","trim","componentWillLoad","observer","MutationObserver","observe","subtree","childList","attributes","disconnectedCallback","disconnect","render","cl","getClassNames","size","brandColor","h","Host","class","icon","part","name"],"sources":["../src/liquid/components/ld-badge/ld-badge.css?tag=ld-badge&encapsulation=shadow","../src/liquid/components/ld-badge/ld-badge.tsx"],"sourcesContent":[":host,\n.ld-badge {\n --ld-badge-size-md: 1.0625rem;\n --ld-badge-size-lg: 1rem;\n --ld-badge-icon-size-md: 0.5625rem;\n --ld-badge-icon-size-lg: 0.75rem;\n --ld-badge-bg-col: var(--ld-thm-primary);\n --ld-badge-gap-md: var(--ld-sp-6);\n --ld-badge-gap-lg: var(--ld-sp-8);\n --ld-badge-padding-block-md: 0.2125rem;\n --ld-badge-padding-block-lg: 0.25rem;\n --ld-badge-padding-inline-md: 0.5rem;\n --ld-badge-padding-inline-lg: 0.625rem;\n\n align-items: center;\n background-color: var(--ld-badge-bg-col);\n border-radius: var(--ld-br-full);\n box-sizing: border-box;\n color: var(--ld-col-wht);\n display: inline-flex;\n font: var(--ld-typo-body-xs);\n font-weight: 700;\n gap: var(--ld-badge-gap-md);\n justify-content: center;\n line-height: 1.1;\n padding-block: var(--ld-badge-padding-block-md);\n padding-inline: var(--ld-badge-padding-inline-md);\n position: relative;\n\n ::slotted(ld-icon),\n ::slotted(.ld-icon),\n > ld-icon,\n > .ld-icon {\n --ld-icon-size-md: var(--ld-badge-icon-size-md);\n flex-shrink: 0;\n margin: 0 calc(-1 * var(--ld-sp-8));\n }\n\n &.ld-badge--with-text {\n &,\n :host(&) {\n ::slotted(ld-icon),\n ::slotted(.ld-icon),\n > ld-icon,\n > .ld-icon {\n margin: 0 auto;\n }\n }\n }\n}\n\n.ld-badge--lg,\n:host(.ld-badge--lg) {\n font: var(--ld-typo-body-s);\n font-weight: 700;\n gap: var(--ld-badge-gap-lg);\n /* height: var(--ld-badge-size-lg); */\n line-height: 1.1;\n padding-block: var(--ld-badge-padding-block-lg);\n padding-inline: var(--ld-badge-padding-inline-lg);\n\n ::slotted(ld-icon),\n ::slotted(.ld-icon),\n > ld-icon,\n > .ld-icon {\n --ld-icon-size-md: var(--ld-badge-icon-size-lg);\n transform: none;\n }\n}\n\n.ld-badge--brand-color,\n:host(.ld-badge--brand-color) {\n background-color: var(--ld-col-wht);\n color: var(--ld-thm-primary);\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core'\nimport { HTMLStencilElement } from '@stencil/core/internal'\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 */\n@Component({\n assetsDirs: ['assets'],\n tag: 'ld-badge',\n styleUrl: 'ld-badge.css',\n shadow: true,\n})\nexport class LdBadge {\n @Element() el: HTMLStencilElement\n\n private observer: MutationObserver\n\n /** Defines badge custom color */\n @Prop() brandColor?: boolean\n\n /** Icon name. */\n @Prop() icon?: string\n\n /** The size of the badge, translated in rem */\n @Prop() size?: 'lg'\n\n @State() hasCustomIcon = false\n @State() hasText = false\n\n private updateState = () => {\n this.hasCustomIcon = !!this.el.querySelector('[slot=\"icon\"]')\n this.hasText = !!this.el.textContent.trim()\n }\n\n componentWillLoad() {\n this.observer = new MutationObserver(this.updateState)\n this.observer.observe(this.el, {\n subtree: true,\n childList: true,\n attributes: false,\n })\n\n this.updateState()\n }\n\n disconnectedCallback() {\n /* istanbul ignore if */\n if (this.observer) this.observer.disconnect()\n }\n\n render() {\n const cl = getClassNames([\n 'ld-badge',\n this.size && `ld-badge--${this.size}`,\n this.hasText && 'ld-badge--with-text',\n this.brandColor && `ld-badge--brand-color`,\n ])\n\n return (\n \n {(this.icon || this.hasCustomIcon) && (\n \n \n \n )}\n \n \n )\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAAa,k4E,MCcNC,EAAO,M,yBAiBVC,KAAAC,YAAc,KACpBD,KAAKE,gBAAkBF,KAAKG,GAAGC,cAAc,iBAC7CJ,KAAKK,UAAYL,KAAKG,GAAGG,YAAYC,MAAM,E,qFALpB,M,aACN,K,CAOnB,iBAAAC,GACER,KAAKS,SAAW,IAAIC,iBAAiBV,KAAKC,aAC1CD,KAAKS,SAASE,QAAQX,KAAKG,GAAI,CAC7BS,QAAS,KACTC,UAAW,KACXC,WAAY,QAGdd,KAAKC,a,CAGP,oBAAAc,GAEE,GAAIf,KAAKS,SAAUT,KAAKS,SAASO,Y,CAGnC,MAAAC,GACE,MAAMC,EAAKC,EAAc,CACvB,WACAnB,KAAKoB,MAAQ,aAAapB,KAAKoB,OAC/BpB,KAAKK,SAAW,sBAChBL,KAAKqB,YAAc,0BAGrB,OACEC,EAACC,EAAI,CAACC,MAAON,IACTlB,KAAKyB,MAAQzB,KAAKE,gBAClBoB,EAAA,WAASE,MAAM,iBAAiBE,KAAK,OAAOC,KAAM3B,KAAKyB,MACrDH,EAAA,QAAMK,KAAK,UAGfL,EAAA,a"}
\ No newline at end of file
diff --git a/1704894792450/dist/build/p-93d0f596.entry.js b/1704966176737/dist/build/p-cbbb0672.entry.js
similarity index 71%
rename from 1704894792450/dist/build/p-93d0f596.entry.js
rename to 1704966176737/dist/build/p-cbbb0672.entry.js
index 7dd1d9f1e7..a5f98bc1fe 100644
--- a/1704894792450/dist/build/p-93d0f596.entry.js
+++ b/1704966176737/dist/build/p-cbbb0672.entry.js
@@ -1,2 +1,2 @@
-import{r as t,h as a,H as d}from"./p-21a69c18.js";import{g as r}from"./p-1133c92e.js";const l='.ld-card-stack,:host{--ld-card-stack-translate-amount-x:var(--ld-sp-6);--ld-card-stack-translate-amount-y:var(--ld-sp-6);--ld-card-stack-translate-direction-x:-1;display:grid;grid-template-areas:"card";grid-template-columns:1fr;padding:0;position:relative;z-index:0}.ld-card-stack .ld-card,.ld-card-stack ::slotted(.ld-card),:host .ld-card,:host ::slotted(.ld-card){grid-area:card;opacity:0;transition:transform var(--ld-transition-duration-normal) ease,opacity var(--ld-transition-duration-normal) linear,visibility var(--ld-transition-duration-normal) 0s linear;visibility:hidden}.ld-card-stack .ld-card:after,.ld-card-stack .ld-card:before,.ld-card-stack ::slotted(.ld-card):after,.ld-card-stack ::slotted(.ld-card):before,:host .ld-card:after,:host .ld-card:before,:host ::slotted(.ld-card):after,:host ::slotted(.ld-card):before{opacity:.3}.ld-card-stack .ld-card:first-of-type:not(:last-of-type),.ld-card-stack ::slotted(.ld-card:first-of-type:not(:last-of-type)),:host .ld-card:first-of-type:not(:last-of-type),:host ::slotted(.ld-card:first-of-type:not(:last-of-type)){transform:translate(calc(var(--ld-card-stack-translate-direction-x) * var(--ld-card-stack-translate-amount-x)),calc(-1 * var(--ld-card-stack-translate-amount-y)));z-index:1}.ld-card-stack .ld-card:nth-of-type(-n+3),.ld-card-stack ::slotted(.ld-card:nth-of-type(-n+3)),:host .ld-card:nth-of-type(-n+3),:host ::slotted(.ld-card:nth-of-type(-n+3)){opacity:1;transition:transform var(--ld-transition-duration-normal) ease,opacity var(--ld-transition-duration-normal) linear;visibility:inherit}.ld-card-stack .ld-card:nth-of-type(3),.ld-card-stack ::slotted(.ld-card:nth-of-type(3)),:host .ld-card:nth-of-type(3),:host ::slotted(.ld-card:nth-of-type(3)){transform:translate(calc(-1 * var(--ld-card-stack-translate-direction-x) * var(--ld-card-stack-translate-amount-x)),var(--ld-card-stack-translate-amount-y));z-index:-1}.ld-card-stack .ld-card:focus-within,.ld-card-stack ::slotted(.ld-card:focus-within),:host .ld-card:focus-within,:host ::slotted(.ld-card:focus-within){z-index:2}.ld-card-stack:after,:host:after{border-radius:var(--ld-br-l);bottom:calc(var(--ld-card-stack-translate-amount-y) * 2);box-shadow:var(--ld-shadow-hover);content:"";left:var(--ld-card-stack-translate-amount-x);opacity:.8;position:absolute;right:var(--ld-card-stack-translate-amount-x);top:calc(var(--ld-card-stack-translate-amount-y) * 2);z-index:-2}.ld-card-stack--rtl,:host(.ld-card-stack--rtl){--ld-card-stack-translate-direction-x:1}.ld-card-stack--vertical,:host(.ld-card-stack--vertical){--ld-card-stack-translate-direction-x:0}';const s=class{constructor(a){t(this,a);this.direction=undefined}render(){return a(d,{class:r(["ld-card-stack",`ld-card-stack--${this.direction}`]),role:"list"},a("slot",null))}};s.style=l;export{s as ld_card_stack};
-//# sourceMappingURL=p-93d0f596.entry.js.map
\ No newline at end of file
+import{r as t,h as a,H as d}from"./p-21a69c18.js";import{g as r}from"./p-1133c92e.js";const s='.ld-card-stack,:host{--ld-card-stack-translate-amount-x:var(--ld-sp-6);--ld-card-stack-translate-amount-y:var(--ld-sp-6);--ld-card-stack-translate-direction-x:-1;display:grid;grid-template-areas:"card";grid-template-columns:1fr;padding:0;position:relative;z-index:0}.ld-card-stack .ld-card,.ld-card-stack ::slotted(.ld-card),:host .ld-card,:host ::slotted(.ld-card){grid-area:card;opacity:0;transition:transform var(--ld-transition-duration-normal) ease,opacity var(--ld-transition-duration-normal) linear,visibility var(--ld-transition-duration-normal) 0s linear;visibility:hidden}.ld-card-stack .ld-card:after,.ld-card-stack .ld-card:before,.ld-card-stack ::slotted(.ld-card):after,.ld-card-stack ::slotted(.ld-card):before,:host .ld-card:after,:host .ld-card:before,:host ::slotted(.ld-card):after,:host ::slotted(.ld-card):before{opacity:.3}.ld-card-stack .ld-card:first-of-type:not(:last-of-type),.ld-card-stack ::slotted(.ld-card:first-of-type:not(:last-of-type)),:host .ld-card:first-of-type:not(:last-of-type),:host ::slotted(.ld-card:first-of-type:not(:last-of-type)){transform:translate(calc(var(--ld-card-stack-translate-direction-x) * var(--ld-card-stack-translate-amount-x)),calc(-1 * var(--ld-card-stack-translate-amount-y)));z-index:1}.ld-card-stack .ld-card:nth-of-type(-n+3),.ld-card-stack ::slotted(.ld-card:nth-of-type(-n+3)),:host .ld-card:nth-of-type(-n+3),:host ::slotted(.ld-card:nth-of-type(-n+3)){opacity:1;transition:transform var(--ld-transition-duration-normal) ease,opacity var(--ld-transition-duration-normal) linear;visibility:inherit}.ld-card-stack .ld-card:nth-of-type(3),.ld-card-stack ::slotted(.ld-card:nth-of-type(3)),:host .ld-card:nth-of-type(3),:host ::slotted(.ld-card:nth-of-type(3)){transform:translate(calc(-1 * var(--ld-card-stack-translate-direction-x) * var(--ld-card-stack-translate-amount-x)),var(--ld-card-stack-translate-amount-y));z-index:-1}.ld-card-stack .ld-card:focus-within,.ld-card-stack ::slotted(.ld-card:focus-within),:host .ld-card:focus-within,:host ::slotted(.ld-card:focus-within){z-index:2}.ld-card-stack:after,:host:after{border-radius:var(--ld-br-l);box-shadow:var(--ld-shadow-hover);content:"";inset:calc(var(--ld-card-stack-translate-amount-y) * 2) var(--ld-card-stack-translate-amount-x);opacity:.8;position:absolute;z-index:-2}.ld-card-stack--rtl,:host(.ld-card-stack--rtl){--ld-card-stack-translate-direction-x:1}.ld-card-stack--vertical,:host(.ld-card-stack--vertical){--ld-card-stack-translate-direction-x:0}';const l=class{constructor(a){t(this,a);this.direction=undefined}render(){return a(d,{class:r(["ld-card-stack",`ld-card-stack--${this.direction}`]),role:"list"},a("slot",null))}};l.style=s;export{l as ld_card_stack};
+//# sourceMappingURL=p-cbbb0672.entry.js.map
\ No newline at end of file
diff --git a/dist/build/p-93d0f596.entry.js.map b/1704966176737/dist/build/p-cbbb0672.entry.js.map
similarity index 98%
rename from dist/build/p-93d0f596.entry.js.map
rename to 1704966176737/dist/build/p-cbbb0672.entry.js.map
index 6455ad810a..9dd6ffdcd2 100644
--- a/dist/build/p-93d0f596.entry.js.map
+++ b/1704966176737/dist/build/p-cbbb0672.entry.js.map
@@ -1 +1 @@
-{"version":3,"names":["ldCardStackCss","LdCardStack","render","h","Host","class","getClassNames","this","direction","role"],"sources":["../src/liquid/components/ld-card/ld-card-stack/ld-card-stack.css?tag=ld-card-stack&encapsulation=shadow","../src/liquid/components/ld-card/ld-card-stack/ld-card-stack.tsx"],"sourcesContent":[":host,\n.ld-card-stack {\n --ld-card-stack-translate-amount-x: var(--ld-sp-6);\n --ld-card-stack-translate-amount-y: var(--ld-sp-6);\n --ld-card-stack-translate-direction-x: -1;\n\n display: grid;\n grid-template-areas: 'card';\n grid-template-columns: 1fr;\n padding: 0;\n position: relative;\n z-index: 0;\n\n ::slotted(.ld-card),\n .ld-card {\n grid-area: card;\n opacity: 0;\n transition: transform var(--ld-transition-duration-normal) ease,\n opacity var(--ld-transition-duration-normal) linear,\n visibility var(--ld-transition-duration-normal) 0s linear;\n visibility: hidden;\n\n &::before,\n &::after {\n opacity: 0.3;\n }\n }\n ::slotted(.ld-card:first-of-type:not(:last-of-type)),\n .ld-card:first-of-type:not(:last-of-type) {\n transform: translate(\n calc(\n var(--ld-card-stack-translate-direction-x) *\n var(--ld-card-stack-translate-amount-x)\n ),\n calc(-1 * var(--ld-card-stack-translate-amount-y))\n );\n z-index: 1;\n }\n ::slotted(.ld-card:nth-of-type(-n + 3)),\n .ld-card:nth-of-type(-n + 3) {\n opacity: 1;\n transition: transform var(--ld-transition-duration-normal) ease,\n opacity var(--ld-transition-duration-normal) linear;\n visibility: inherit;\n }\n ::slotted(.ld-card:nth-of-type(3)),\n .ld-card:nth-of-type(3) {\n transform: translate(\n calc(\n -1 * var(--ld-card-stack-translate-direction-x) * var(--ld-card-stack-translate-amount-x)\n ),\n var(--ld-card-stack-translate-amount-y)\n );\n z-index: -1;\n }\n ::slotted(.ld-card:focus-within),\n .ld-card:focus-within {\n z-index: 2;\n }\n\n &::after {\n content: '';\n box-shadow: var(--ld-shadow-hover);\n border-radius: var(--ld-br-l);\n position: absolute;\n inset: calc(var(--ld-card-stack-translate-amount-y) * 2)\n var(--ld-card-stack-translate-amount-x);\n z-index: -2;\n opacity: 0.8;\n }\n}\n\n:host(.ld-card-stack--rtl),\n.ld-card-stack--rtl {\n --ld-card-stack-translate-direction-x: 1;\n}\n\n:host(.ld-card-stack--vertical),\n.ld-card-stack--vertical {\n --ld-card-stack-translate-direction-x: 0;\n}\n","import { Component, h, Host, Prop } 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 */\n@Component({\n tag: 'ld-card-stack',\n styleUrl: 'ld-card-stack.css',\n shadow: true,\n})\nexport class LdCardStack {\n /** The stack direction. */\n @Prop() direction?: 'ltr' | 'rtl' | 'vertical'\n\n render() {\n return (\n \n \n \n )\n }\n}\n"],"mappings":"sFAAA,MAAMA,EAAiB,giF,MCYVC,EAAW,M,kDAItB,MAAAC,GACE,OACEC,EAACC,EAAI,CACHC,MAAOC,EAAc,CACnB,gBACA,kBAAkBC,KAAKC,cAEzBC,KAAK,QAELN,EAAA,a"}
\ No newline at end of file
+{"version":3,"names":["ldCardStackCss","LdCardStack","render","h","Host","class","getClassNames","this","direction","role"],"sources":["../src/liquid/components/ld-card/ld-card-stack/ld-card-stack.css?tag=ld-card-stack&encapsulation=shadow","../src/liquid/components/ld-card/ld-card-stack/ld-card-stack.tsx"],"sourcesContent":[":host,\n.ld-card-stack {\n --ld-card-stack-translate-amount-x: var(--ld-sp-6);\n --ld-card-stack-translate-amount-y: var(--ld-sp-6);\n --ld-card-stack-translate-direction-x: -1;\n\n display: grid;\n grid-template-areas: 'card';\n grid-template-columns: 1fr;\n padding: 0;\n position: relative;\n z-index: 0;\n\n ::slotted(.ld-card),\n .ld-card {\n grid-area: card;\n opacity: 0;\n transition: transform var(--ld-transition-duration-normal) ease,\n opacity var(--ld-transition-duration-normal) linear,\n visibility var(--ld-transition-duration-normal) 0s linear;\n visibility: hidden;\n\n &::before,\n &::after {\n opacity: 0.3;\n }\n }\n ::slotted(.ld-card:first-of-type:not(:last-of-type)),\n .ld-card:first-of-type:not(:last-of-type) {\n transform: translate(\n calc(\n var(--ld-card-stack-translate-direction-x) *\n var(--ld-card-stack-translate-amount-x)\n ),\n calc(-1 * var(--ld-card-stack-translate-amount-y))\n );\n z-index: 1;\n }\n ::slotted(.ld-card:nth-of-type(-n + 3)),\n .ld-card:nth-of-type(-n + 3) {\n opacity: 1;\n transition: transform var(--ld-transition-duration-normal) ease,\n opacity var(--ld-transition-duration-normal) linear;\n visibility: inherit;\n }\n ::slotted(.ld-card:nth-of-type(3)),\n .ld-card:nth-of-type(3) {\n transform: translate(\n calc(\n -1 * var(--ld-card-stack-translate-direction-x) * var(--ld-card-stack-translate-amount-x)\n ),\n var(--ld-card-stack-translate-amount-y)\n );\n z-index: -1;\n }\n ::slotted(.ld-card:focus-within),\n .ld-card:focus-within {\n z-index: 2;\n }\n\n &::after {\n content: '';\n box-shadow: var(--ld-shadow-hover);\n border-radius: var(--ld-br-l);\n position: absolute;\n inset: calc(var(--ld-card-stack-translate-amount-y) * 2)\n var(--ld-card-stack-translate-amount-x);\n z-index: -2;\n opacity: 0.8;\n }\n}\n\n:host(.ld-card-stack--rtl),\n.ld-card-stack--rtl {\n --ld-card-stack-translate-direction-x: 1;\n}\n\n:host(.ld-card-stack--vertical),\n.ld-card-stack--vertical {\n --ld-card-stack-translate-direction-x: 0;\n}\n","import { Component, h, Host, Prop } 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 */\n@Component({\n tag: 'ld-card-stack',\n styleUrl: 'ld-card-stack.css',\n shadow: true,\n})\nexport class LdCardStack {\n /** The stack direction. */\n @Prop() direction?: 'ltr' | 'rtl' | 'vertical'\n\n render() {\n return (\n \n \n \n )\n }\n}\n"],"mappings":"sFAAA,MAAMA,EAAiB,s7E,MCYVC,EAAW,M,kDAItB,MAAAC,GACE,OACEC,EAACC,EAAI,CACHC,MAAOC,EAAc,CACnB,gBACA,kBAAkBC,KAAKC,cAEzBC,KAAK,QAELN,EAAA,a"}
\ No newline at end of file
diff --git a/1704966176737/dist/build/p-cf5797c3.entry.js b/1704966176737/dist/build/p-cf5797c3.entry.js
new file mode 100644
index 0000000000..90c1425ea8
--- /dev/null
+++ b/1704966176737/dist/build/p-cf5797c3.entry.js
@@ -0,0 +1,2 @@
+import{r as i,c as o,h as a,H as d,g as n}from"./p-21a69c18.js";import{c as e}from"./p-6e5841ef.js";import{g as r}from"./p-1133c92e.js";import{t}from"./p-98010be8.js";const c='.ld-sidenav-accordion__accordion{--ld-accordion-bg-col:#0000;--ld-accordion-bg-col-active:var(--ld-thm-primary-alpha-low);--ld-accordion-bg-col-disabled:#0000;--ld-accordion-bg-col-focus:var(--ld-thm-primary-alpha-low);--ld-accordion-panel-border-top-col:#0000;--ld-accordion-padding-x:var(--ld-sidenav-padding-x);--ld-accordion-padding-y:0;--ld-accordion-toggle-indicator-bg-col:#0000;--ld-accordion-toggle-indicator-bg-col-active:var(--ld-thm-primary);--ld-accordion-toggle-indicator-bg-col-hover:var(--ld-col-neutral-100);--ld-accordion-toggle-indicator-bg-col-focus:var(--ld-thm-primary-focus);--ld-accordion-toggle-size:var(--ld-sidenav-navitem-icon-size);--ld-sidenav-navitem-tertiary-indent:calc(2 * var(--ld-sp-16) + 0.3125rem);transform:translateY(var(\n --ld-sidenav-navitem-move-up-closable,var(--ld-sidenav-navitem-move-up,0)\n ));transition:var(--ld-sidenav-stack-to-top-transition)}:host(.ld-sidenav-accordion--collapsed) .ld-sidenav-accordion__accordion{pointer-events:none;transition:transform var(--ld-sidenav-transition-duration-collapse-expand) ease}:host(.ld-sidenav-accordion--in-accordion) .ld-sidenav-accordion__accordion{--ld-accordion-padding-x:0;margin:var(--ld-sp-6) calc(-1 * var(--ld-sidenav-padding-x)) var(--ld-sp-6) 0}:host(.ld-sidenav-accordion--in-accordion) .ld-sidenav-accordion__accordion .ld-sidenav-accordion__accordion-panel{padding:0 var(--ld-sidenav-padding-x) 0 0}:host(:not(.ld-sidenav-accordion--transitions-enabled)) .ld-sidenav-accordion__accordion .ld-sidenav-accordion__accordion-panel{--ld-accordion-panel-transition-duration:var(\n --ld-transition-duration-instant\n )}.ld-sidenav-accordion__accordion-panel{padding:0 var(--ld-sidenav-padding-x)}.ld-sidenav-accordion__accordion-panel::part(content){padding:var(--ld-sidenav-navitem-bg-inset) 0}.ld-sidenav-accordion__accordion-toggle{pointer-events:none}.ld-sidenav-accordion__accordion-toggle::part(toggle):before{display:none}.ld-sidenav-accordion__accordion-toggle::part(label){--ld-accordion-bg-col-hover:#0000;padding-right:var(--ld-sidenav-padding-x)}.ld-sidenav-accordion__accordion-toggle::part(label):before{display:none}@media (hover:hover){.ld-sidenav-accordion__accordion-toggle:where(:hover){--ld-accordion-toggle-indicator-bg-col:var(--ld-col-neutral-100)}}.ld-sidenav-accordion__accordion-toggle::part(trigger){--ld-accordion-bg-col-hover:var(\n --ld-sidenav-accordion-bg-col-hover,var(--ld-col-neutral-050)\n );border-radius:var(--ld-sidenav-navitem-border-radius);outline:none;pointer-events:none;right:var(--ld-sidenav-padding-x);transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease}.ld-sidenav-accordion__accordion-toggle::part(trigger):before{background-color:var(--ld-accordion-toggle-indicator-bg-col);border-radius:inherit;inset:0;z-index:1}.ld-sidenav-accordion__accordion-toggle::part(trigger):after{background-color:var(--ld-col-wht);border-radius:inherit;content:"";inset:0;position:absolute;visibility:hidden}.ld-sidenav-accordion__accordion-toggle::part(trigger):active{--ld-accordion-toggle-indicator-bg-col:var(\n --ld-accordion-toggle-indicator-bg-col-active\n )}.ld-sidenav-accordion__accordion-toggle::part(trigger):active:before{opacity:.3}@media (hover:hover){.ld-sidenav-accordion__accordion-toggle::part(trigger):where(:hover){--ld-accordion-toggle-indicator-bg-col:var(\n --ld-accordion-toggle-indicator-bg-col-hover\n )}.ld-sidenav-accordion__accordion-toggle::part(trigger):where(:hover):after{visibility:inherit}}.ld-sidenav-accordion__accordion-toggle::part(trigger):focus:focus-visible{--ld-accordion-toggle-indicator-bg-col:var(\n --ld-accordion-toggle-indicator-bg-col-focus\n )}.ld-sidenav-accordion__accordion-toggle::part(trigger):focus:focus-visible:before{opacity:.3}.ld-sidenav-accordion__accordion-toggle::part(trigger):focus:focus-visible:after{visibility:inherit}.ld-sidenav-accordion__accordion-toggle::part(trigger):focus:focus-visible:active{--ld-accordion-toggle-indicator-bg-col:var(\n --ld-accordion-toggle-indicator-bg-col-active\n )}.ld-sidenav-accordion__accordion-toggle::part(trigger):focus:focus-visible:active:before{opacity:.3}:host(.ld-sidenav-accordion--rounded) .ld-sidenav-accordion__accordion-toggle::part(trigger){border-radius:var(--ld-br-full)}:host(.ld-sidenav-accordion--no-icon) .ld-sidenav-accordion__accordion-toggle::part(trigger):after,:host(.ld-sidenav-accordion--no-icon) .ld-sidenav-accordion__accordion-toggle::part(trigger):before{transform:scale(.8)}.ld-sidenav-accordion__accordion-toggle::part(trigger-content){transform:none;z-index:2}:host(.ld-sidenav-accordion--collapsed) .ld-sidenav-accordion__accordion-toggle::part(trigger){opacity:0;transform:translateX(var(--ld-sidenav-translate-x-delta));transition:opacity var(--ld-sidenav-transition-duration-collapse-expand) linear,visibility 0s var(--ld-sidenav-transition-duration-collapse-expand) linear,transform var(--ld-sidenav-transition-duration-collapse-expand) ease;visibility:hidden}:host(.ld-sidenav-accordion--split) .ld-sidenav-accordion__accordion-toggle::part(trigger){pointer-events:auto}::slotted(ld-sidenav-navitem){--ld-sidenav-navitem-bg-right-x-delta:var(--ld-accordion-toggle-size);--ld-sidenav-navitem-bg-width:calc(100% + var(--ld-accordion-toggle-size) + var(--ld-sidenav-navitem-bg-inset) * 2);position:relative;z-index:1}::slotted(ld-sidenav-navitem:not(:first-of-type)){margin:var(--ld-sp-16) 0}::slotted(ld-sidenav-navitem:last-of-type){margin-bottom:0}';const l=class{constructor(a){i(this,a);this.ldSidenavAccordionTransitionEnd=o(this,"ldSidenavAccordionTransitionEnd",7);this.onTransitionEnd=i=>{if(i.target===this.panelRef){this.ldSidenavAccordionTransitionEnd.emit()}};this.updateStackToTop=()=>{if(this.sidenavClosable){t(this.el,false)}else{t(this.el,this.sidenav.narrow&&this.sidenavCollapsed)}};this.expandOnSidenavExpansion=undefined;this.inAccordion=undefined;this.noIcon=undefined;this.rounded=undefined;this.sidenavClosable=undefined;this.sidenavCollapsed=undefined;this.transitionsEnabled=true;this.expanded=undefined;this.preserveState=true;this.split=undefined}handleSidenavBreakpointChange(i){if(i.target!==this.sidenav)return;this.sidenavClosable=i.detail;this.updateStackToTop()}handleSidenavSliderChange(i){if(i.target.closest("ld-sidenav")!==this.sidenav){return}if(!this.preserveState){this.sectionRef.expanded=false;this.expanded=false}this.transitionsEnabled=false;setTimeout((()=>{this.transitionsEnabled=true}),200)}handleSidenavCollapsedChange(i){if(i.target!==this.sidenav)return;this.sidenavCollapsed=i.detail.collapsed;this.updateStackToTop();if(this.sidenavCollapsed){if(this.preserveState){this.expandOnSidenavExpansion=this.sectionRef.expanded}this.sectionRef.expanded=false;this.expanded=false}else{if(this.expandOnSidenavExpansion){this.sectionRef.expanded=true;this.expanded=true}}}handleExpandedChange(i){this.sectionRef.expanded=i}componentWillLoad(){this.inAccordion=this.el.parentElement.tagName==="LD-SIDENAV-ACCORDION";this.rounded=!!this.el.querySelector('ld-sidenav-navitem[slot="toggle"][rounded]');this.noIcon=!!this.el.querySelector('ld-sidenav-navitem[slot="toggle"][mode="secondary"],ld-sidenav-navitem[slot="toggle"][mode="tertiary"]');this.sidenav=e("ld-sidenav",this.el);if(this.sidenav){this.sidenavCollapsed=this.sidenav.collapsed}}componentDidLoad(){setTimeout((()=>{this.updateStackToTop()}))}render(){const i=r(["ld-sidenav-accordion",this.noIcon&&"ld-sidenav-accordion--no-icon",this.rounded&&"ld-sidenav-accordion--rounded",this.inAccordion&&"ld-sidenav-accordion--in-accordion",this.transitionsEnabled&&"ld-sidenav-accordion--transitions-enabled",this.sidenavCollapsed&&!this.sidenavClosable&&"ld-sidenav-accordion--collapsed",this.split&&"ld-sidenav-accordion--split"]);return a(d,{class:i},a("ld-accordion",{class:"ld-sidenav-accordion__accordion"},a("ld-accordion-section",{expanded:this.expanded,ref:i=>this.sectionRef=i,class:"ld-sidenav-accordion__accordion-section"},a("ld-accordion-toggle",{labelTag:"div",class:"ld-sidenav-accordion__accordion-toggle",split:this.split,"ld-tabindex":"-1"},a("slot",{name:"toggle"})),a("ld-accordion-panel",{ref:i=>this.panelRef=i,onTransitionEnd:this.onTransitionEnd,class:"ld-sidenav-accordion__accordion-panel"},a("slot",null)))))}get el(){return n(this)}static get watchers(){return{expanded:["handleExpandedChange"]}}};l.style=c;export{l as ld_sidenav_accordion};
+//# sourceMappingURL=p-cf5797c3.entry.js.map
\ No newline at end of file
diff --git a/dist/build/p-02b02d74.entry.js.map b/1704966176737/dist/build/p-cf5797c3.entry.js.map
similarity index 99%
rename from dist/build/p-02b02d74.entry.js.map
rename to 1704966176737/dist/build/p-cf5797c3.entry.js.map
index 30149229c9..2f6336d20d 100644
--- a/dist/build/p-02b02d74.entry.js.map
+++ b/1704966176737/dist/build/p-cf5797c3.entry.js.map
@@ -1 +1 @@
-{"version":3,"names":["ldSidenavAccordionShadowCss","LdSidenavAccordion","this","onTransitionEnd","ev","target","panelRef","ldSidenavAccordionTransitionEnd","emit","updateStackToTop","sidenavClosable","toggleStackToTop","el","sidenav","narrow","sidenavCollapsed","handleSidenavBreakpointChange","detail","handleSidenavSliderChange","closest","preserveState","sectionRef","expanded","transitionsEnabled","setTimeout","handleSidenavCollapsedChange","collapsed","expandOnSidenavExpansion","handleExpandedChange","componentWillLoad","inAccordion","parentElement","tagName","rounded","querySelector","noIcon","componentDidLoad","render","cl","getClassNames","split","h","Host","class","ref","labelTag","name"],"sources":["../src/liquid/components/ld-sidenav/ld-sidenav-accordion/ld-sidenav-accordion.shadow.css?tag=ld-sidenav-accordion&encapsulation=shadow","../src/liquid/components/ld-sidenav/ld-sidenav-accordion/ld-sidenav-accordion.tsx"],"sourcesContent":[".ld-sidenav-accordion__accordion {\n --ld-accordion-bg-col: transparent;\n --ld-accordion-bg-col-active: var(--ld-thm-primary-alpha-low);\n --ld-accordion-bg-col-disabled: transparent;\n --ld-accordion-bg-col-focus: var(--ld-thm-primary-alpha-low);\n --ld-accordion-panel-border-top-col: transparent;\n --ld-accordion-padding-x: var(--ld-sidenav-padding-x);\n --ld-accordion-padding-y: 0;\n --ld-accordion-toggle-indicator-bg-col: transparent;\n --ld-accordion-toggle-indicator-bg-col-active: var(--ld-thm-primary);\n --ld-accordion-toggle-indicator-bg-col-hover: var(--ld-col-neutral-100);\n --ld-accordion-toggle-indicator-bg-col-focus: var(--ld-thm-primary-focus);\n --ld-accordion-toggle-size: var(--ld-sidenav-navitem-icon-size);\n\n --ld-sidenav-navitem-tertiary-indent: calc(2 * var(--ld-sp-16) + 0.3125rem);\n\n transform: translateY(\n var(\n --ld-sidenav-navitem-move-up-closable,\n var(--ld-sidenav-navitem-move-up, 0)\n )\n );\n transition: var(--ld-sidenav-stack-to-top-transition);\n\n :host(.ld-sidenav-accordion--collapsed) & {\n pointer-events: none;\n transition: transform var(--ld-sidenav-transition-duration-collapse-expand)\n ease;\n }\n\n :host(.ld-sidenav-accordion--in-accordion) & {\n --ld-accordion-padding-x: 0;\n margin: var(--ld-sp-6) calc(-1 * var(--ld-sidenav-padding-x)) var(--ld-sp-6)\n 0;\n\n .ld-sidenav-accordion__accordion-panel {\n padding: 0 var(--ld-sidenav-padding-x) 0 0;\n }\n }\n\n :host(:not(.ld-sidenav-accordion--transitions-enabled)) & {\n .ld-sidenav-accordion__accordion-panel {\n --ld-accordion-panel-transition-duration: var(\n --ld-transition-duration-instant\n );\n }\n }\n}\n\n.ld-sidenav-accordion__accordion-panel {\n padding: 0 var(--ld-sidenav-padding-x);\n\n &::part(content) {\n padding: var(--ld-sidenav-navitem-bg-inset) 0;\n }\n}\n\n.ld-sidenav-accordion__accordion-toggle {\n pointer-events: none;\n\n &::part(toggle) {\n &::before {\n display: none;\n }\n }\n\n &::part(label) {\n --ld-accordion-bg-col-hover: transparent;\n padding-right: var(--ld-sidenav-padding-x);\n\n &::before {\n display: none;\n }\n }\n\n @media (hover: hover) {\n &:where(:hover) {\n --ld-accordion-toggle-indicator-bg-col: var(--ld-col-neutral-100);\n }\n }\n\n &::part(trigger) {\n --ld-accordion-bg-col-hover: var(\n --ld-sidenav-accordion-bg-col-hover,\n var(--ld-col-neutral-050)\n );\n right: var(--ld-sidenav-padding-x);\n pointer-events: none;\n border-radius: var(--ld-sidenav-navitem-border-radius);\n outline: none;\n transition: opacity var(--ld-sidenav-transition-duration-collapse-expand)\n linear,\n transform var(--ld-sidenav-transition-duration-collapse-expand) ease;\n\n &::before {\n inset: 0;\n border-radius: inherit;\n background-color: var(--ld-accordion-toggle-indicator-bg-col);\n z-index: 1;\n }\n\n &::after {\n content: '';\n position: absolute;\n border-radius: inherit;\n inset: 0;\n background-color: var(--ld-col-wht);\n visibility: hidden;\n }\n\n &:active {\n --ld-accordion-toggle-indicator-bg-col: var(\n --ld-accordion-toggle-indicator-bg-col-active\n );\n\n &::before {\n opacity: 0.3;\n }\n }\n\n @media (hover: hover) {\n &:where(:hover) {\n --ld-accordion-toggle-indicator-bg-col: var(\n --ld-accordion-toggle-indicator-bg-col-hover\n );\n\n &::after {\n visibility: inherit;\n }\n }\n }\n\n &:focus:focus-visible {\n --ld-accordion-toggle-indicator-bg-col: var(\n --ld-accordion-toggle-indicator-bg-col-focus\n );\n\n &::before {\n opacity: 0.3;\n }\n\n &::after {\n visibility: inherit;\n }\n\n &:active {\n --ld-accordion-toggle-indicator-bg-col: var(\n --ld-accordion-toggle-indicator-bg-col-active\n );\n\n &::before {\n opacity: 0.3;\n }\n }\n }\n }\n\n :host(.ld-sidenav-accordion--rounded) & {\n &::part(trigger) {\n border-radius: var(--ld-br-full);\n }\n }\n\n :host(.ld-sidenav-accordion--no-icon) & {\n &::part(trigger) {\n &::before,\n &::after {\n transform: scale(0.8);\n }\n }\n }\n\n &::part(trigger-content) {\n transform: none;\n z-index: 2;\n }\n\n :host(.ld-sidenav-accordion--collapsed) & {\n &::part(trigger) {\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 transform var(--ld-sidenav-transition-duration-collapse-expand) ease;\n visibility: hidden;\n opacity: 0;\n transform: translateX(var(--ld-sidenav-translate-x-delta));\n }\n }\n}\n\n:host(.ld-sidenav-accordion--split) {\n .ld-sidenav-accordion__accordion-toggle {\n &::part(trigger) {\n pointer-events: auto;\n }\n }\n}\n\n::slotted(ld-sidenav-navitem) {\n --ld-sidenav-navitem-bg-right-x-delta: var(--ld-accordion-toggle-size);\n --ld-sidenav-navitem-bg-width: calc(\n 100% + var(--ld-accordion-toggle-size) + var(--ld-sidenav-navitem-bg-inset) *\n 2\n );\n\n position: relative;\n z-index: 1;\n}\n::slotted(ld-sidenav-navitem:not(:first-of-type)) {\n margin: var(--ld-sp-16) 0;\n}\n::slotted(ld-sidenav-navitem:last-of-type) {\n margin-bottom: 0;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { closest } from '../../../utils/closest'\nimport { getClassNames } from '../../../utils/getClassNames'\nimport { toggleStackToTop } from '../utils/toggleStackToTop'\n\n/**\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-accordion',\n styleUrl: 'ld-sidenav-accordion.shadow.css',\n shadow: true,\n})\nexport class LdSidenavAccordion {\n @Element() el: HTMLElement\n private sidenav: HTMLLdSidenavElement\n private sectionRef: HTMLLdAccordionSectionElement\n private panelRef: HTMLLdAccordionPanelElement\n\n @State() expandOnSidenavExpansion: boolean\n @State() inAccordion: boolean\n @State() noIcon: boolean\n @State() rounded: boolean\n @State() sidenavClosable: boolean\n @State() sidenavCollapsed: boolean\n @State() transitionsEnabled = true\n\n /** Indicates that the accordion section is expanded. */\n @Prop({ mutable: true }) expanded?: boolean\n\n /**\n * Set to false to make the accordion collapse on sidenav collapse\n * or slide change.\n */\n @Prop() preserveState? = true\n\n /**\n * Split the accordion toggle in two parts with the second part containing\n * the caret icon and being responsible for expanding / collapsing\n * the accordion panel.\n */\n @Prop() split?: boolean\n\n /** Emitted on accordion expand or collaps transition end. */\n @Event() ldSidenavAccordionTransitionEnd: EventEmitter\n\n @Listen('ldSidenavBreakpointChange', { target: 'window', passive: true })\n handleSidenavBreakpointChange(ev: CustomEvent) {\n if (ev.target !== this.sidenav) return\n this.sidenavClosable = ev.detail\n this.updateStackToTop()\n }\n\n @Listen('ldSidenavSliderChange', { target: 'window', passive: true })\n handleSidenavSliderChange(ev: CustomEvent) {\n // Collapse accordion on sidenav slide change.\n if (\n (ev.target as HTMLLdSidenavSliderElement).closest('ld-sidenav') !==\n this.sidenav\n ) {\n return\n }\n if (!this.preserveState) {\n this.sectionRef.expanded = false\n this.expanded = false\n }\n this.transitionsEnabled = false\n setTimeout(() => {\n this.transitionsEnabled = true\n }, 200)\n }\n\n @Listen('ldSidenavCollapsedChange', { target: 'window', passive: true })\n handleSidenavCollapsedChange(\n ev: CustomEvent<{\n collapsed: boolean\n fully: boolean\n }>\n ) {\n // Collapse or expand accordion on sidenav collapse or expansion.\n if (ev.target !== this.sidenav) return\n this.sidenavCollapsed = ev.detail.collapsed\n this.updateStackToTop()\n if (this.sidenavCollapsed) {\n if (this.preserveState) {\n this.expandOnSidenavExpansion = this.sectionRef.expanded\n }\n this.sectionRef.expanded = false\n this.expanded = false\n } else {\n if (this.expandOnSidenavExpansion) {\n this.sectionRef.expanded = true\n this.expanded = true\n }\n }\n }\n\n @Watch('expanded')\n handleExpandedChange(expanded) {\n this.sectionRef.expanded = expanded\n }\n\n private onTransitionEnd = (ev: TransitionEvent) => {\n // Emit transition end event to trigger scroll shadow update.\n if (ev.target === this.panelRef) {\n this.ldSidenavAccordionTransitionEnd.emit()\n }\n }\n\n private updateStackToTop = () => {\n if (this.sidenavClosable) {\n toggleStackToTop(this.el, false)\n } else {\n toggleStackToTop(this.el, this.sidenav.narrow && this.sidenavCollapsed)\n }\n }\n\n componentWillLoad() {\n this.inAccordion = this.el.parentElement.tagName === 'LD-SIDENAV-ACCORDION'\n this.rounded = !!this.el.querySelector(\n 'ld-sidenav-navitem[slot=\"toggle\"][rounded]'\n )\n this.noIcon = !!this.el.querySelector(\n 'ld-sidenav-navitem[slot=\"toggle\"][mode=\"secondary\"],ld-sidenav-navitem[slot=\"toggle\"][mode=\"tertiary\"]'\n )\n this.sidenav = closest('ld-sidenav', this.el)\n if (this.sidenav) {\n this.sidenavCollapsed = this.sidenav.collapsed\n }\n }\n\n componentDidLoad() {\n // The ldSidenavCollapsedChange event can be fired before this component is loaded.\n // So we need to update the stacking here.\n setTimeout(() => {\n this.updateStackToTop()\n })\n }\n\n render() {\n const cl = getClassNames([\n 'ld-sidenav-accordion',\n this.noIcon && 'ld-sidenav-accordion--no-icon',\n this.rounded && 'ld-sidenav-accordion--rounded',\n this.inAccordion && 'ld-sidenav-accordion--in-accordion',\n this.transitionsEnabled && 'ld-sidenav-accordion--transitions-enabled',\n this.sidenavCollapsed &&\n !this.sidenavClosable &&\n 'ld-sidenav-accordion--collapsed',\n this.split && 'ld-sidenav-accordion--split',\n ])\n\n return (\n \n \n (this.sectionRef = el)}\n class=\"ld-sidenav-accordion__accordion-section\"\n >\n \n \n \n (this.panelRef = el)}\n onTransitionEnd={this.onTransitionEnd}\n class=\"ld-sidenav-accordion__accordion-panel\"\n >\n \n \n \n \n \n )\n }\n}\n"],"mappings":"uKAAA,MAAMA,EAA8B,2iL,MCyBvBC,EAAkB,M,0GAyFrBC,KAAAC,gBAAmBC,IAEzB,GAAIA,EAAGC,SAAWH,KAAKI,SAAU,CAC/BJ,KAAKK,gCAAgCC,M,GAIjCN,KAAAO,iBAAmB,KACzB,GAAIP,KAAKQ,gBAAiB,CACxBC,EAAiBT,KAAKU,GAAI,M,KACrB,CACLD,EAAiBT,KAAKU,GAAIV,KAAKW,QAAQC,QAAUZ,KAAKa,iB,0MAxF5B,K,2CASL,K,qBAazB,6BAAAC,CAA8BZ,GAC5B,GAAIA,EAAGC,SAAWH,KAAKW,QAAS,OAChCX,KAAKQ,gBAAkBN,EAAGa,OAC1Bf,KAAKO,kB,CAIP,yBAAAS,CAA0Bd,GAExB,GACGA,EAAGC,OAAsCc,QAAQ,gBAClDjB,KAAKW,QACL,CACA,M,CAEF,IAAKX,KAAKkB,cAAe,CACvBlB,KAAKmB,WAAWC,SAAW,MAC3BpB,KAAKoB,SAAW,K,CAElBpB,KAAKqB,mBAAqB,MAC1BC,YAAW,KACTtB,KAAKqB,mBAAqB,IAAI,GAC7B,I,CAIL,4BAAAE,CACErB,GAMA,GAAIA,EAAGC,SAAWH,KAAKW,QAAS,OAChCX,KAAKa,iBAAmBX,EAAGa,OAAOS,UAClCxB,KAAKO,mBACL,GAAIP,KAAKa,iBAAkB,CACzB,GAAIb,KAAKkB,cAAe,CACtBlB,KAAKyB,yBAA2BzB,KAAKmB,WAAWC,Q,CAElDpB,KAAKmB,WAAWC,SAAW,MAC3BpB,KAAKoB,SAAW,K,KACX,CACL,GAAIpB,KAAKyB,yBAA0B,CACjCzB,KAAKmB,WAAWC,SAAW,KAC3BpB,KAAKoB,SAAW,I,GAMtB,oBAAAM,CAAqBN,GACnBpB,KAAKmB,WAAWC,SAAWA,C,CAkB7B,iBAAAO,GACE3B,KAAK4B,YAAc5B,KAAKU,GAAGmB,cAAcC,UAAY,uBACrD9B,KAAK+B,UAAY/B,KAAKU,GAAGsB,cACvB,8CAEFhC,KAAKiC,SAAWjC,KAAKU,GAAGsB,cACtB,0GAEFhC,KAAKW,QAAUM,EAAQ,aAAcjB,KAAKU,IAC1C,GAAIV,KAAKW,QAAS,CAChBX,KAAKa,iBAAmBb,KAAKW,QAAQa,S,EAIzC,gBAAAU,GAGEZ,YAAW,KACTtB,KAAKO,kBAAkB,G,CAI3B,MAAA4B,GACE,MAAMC,EAAKC,EAAc,CACvB,uBACArC,KAAKiC,QAAU,gCACfjC,KAAK+B,SAAW,gCAChB/B,KAAK4B,aAAe,qCACpB5B,KAAKqB,oBAAsB,4CAC3BrB,KAAKa,mBACFb,KAAKQ,iBACN,kCACFR,KAAKsC,OAAS,gCAGhB,OACEC,EAACC,EAAI,CAACC,MAAOL,GACXG,EAAA,gBAAcE,MAAM,mCAClBF,EAAA,wBACEnB,SAAUpB,KAAKoB,SACfsB,IAAMhC,GAAQV,KAAKmB,WAAaT,EAChC+B,MAAM,2CAENF,EAAA,uBACEI,SAAS,MACTF,MAAM,yCACNH,MAAOtC,KAAKsC,MAAK,cACL,MAEZC,EAAA,QAAMK,KAAK,YAEbL,EAAA,sBACEG,IAAMhC,GAAQV,KAAKI,SAAWM,EAC9BT,gBAAiBD,KAAKC,gBACtBwC,MAAM,yCAENF,EAAA,gB"}
\ No newline at end of file
+{"version":3,"names":["ldSidenavAccordionShadowCss","LdSidenavAccordion","this","onTransitionEnd","ev","target","panelRef","ldSidenavAccordionTransitionEnd","emit","updateStackToTop","sidenavClosable","toggleStackToTop","el","sidenav","narrow","sidenavCollapsed","handleSidenavBreakpointChange","detail","handleSidenavSliderChange","closest","preserveState","sectionRef","expanded","transitionsEnabled","setTimeout","handleSidenavCollapsedChange","collapsed","expandOnSidenavExpansion","handleExpandedChange","componentWillLoad","inAccordion","parentElement","tagName","rounded","querySelector","noIcon","componentDidLoad","render","cl","getClassNames","split","h","Host","class","ref","labelTag","name"],"sources":["../src/liquid/components/ld-sidenav/ld-sidenav-accordion/ld-sidenav-accordion.shadow.css?tag=ld-sidenav-accordion&encapsulation=shadow","../src/liquid/components/ld-sidenav/ld-sidenav-accordion/ld-sidenav-accordion.tsx"],"sourcesContent":[".ld-sidenav-accordion__accordion {\n --ld-accordion-bg-col: transparent;\n --ld-accordion-bg-col-active: var(--ld-thm-primary-alpha-low);\n --ld-accordion-bg-col-disabled: transparent;\n --ld-accordion-bg-col-focus: var(--ld-thm-primary-alpha-low);\n --ld-accordion-panel-border-top-col: transparent;\n --ld-accordion-padding-x: var(--ld-sidenav-padding-x);\n --ld-accordion-padding-y: 0;\n --ld-accordion-toggle-indicator-bg-col: transparent;\n --ld-accordion-toggle-indicator-bg-col-active: var(--ld-thm-primary);\n --ld-accordion-toggle-indicator-bg-col-hover: var(--ld-col-neutral-100);\n --ld-accordion-toggle-indicator-bg-col-focus: var(--ld-thm-primary-focus);\n --ld-accordion-toggle-size: var(--ld-sidenav-navitem-icon-size);\n\n --ld-sidenav-navitem-tertiary-indent: calc(2 * var(--ld-sp-16) + 0.3125rem);\n\n transform: translateY(\n var(\n --ld-sidenav-navitem-move-up-closable,\n var(--ld-sidenav-navitem-move-up, 0)\n )\n );\n transition: var(--ld-sidenav-stack-to-top-transition);\n\n :host(.ld-sidenav-accordion--collapsed) & {\n pointer-events: none;\n transition: transform var(--ld-sidenav-transition-duration-collapse-expand)\n ease;\n }\n\n :host(.ld-sidenav-accordion--in-accordion) & {\n --ld-accordion-padding-x: 0;\n margin: var(--ld-sp-6) calc(-1 * var(--ld-sidenav-padding-x)) var(--ld-sp-6)\n 0;\n\n .ld-sidenav-accordion__accordion-panel {\n padding: 0 var(--ld-sidenav-padding-x) 0 0;\n }\n }\n\n :host(:not(.ld-sidenav-accordion--transitions-enabled)) & {\n .ld-sidenav-accordion__accordion-panel {\n --ld-accordion-panel-transition-duration: var(\n --ld-transition-duration-instant\n );\n }\n }\n}\n\n.ld-sidenav-accordion__accordion-panel {\n padding: 0 var(--ld-sidenav-padding-x);\n\n &::part(content) {\n padding: var(--ld-sidenav-navitem-bg-inset) 0;\n }\n}\n\n.ld-sidenav-accordion__accordion-toggle {\n pointer-events: none;\n\n &::part(toggle) {\n &::before {\n display: none;\n }\n }\n\n &::part(label) {\n --ld-accordion-bg-col-hover: transparent;\n padding-right: var(--ld-sidenav-padding-x);\n\n &::before {\n display: none;\n }\n }\n\n @media (hover: hover) {\n &:where(:hover) {\n --ld-accordion-toggle-indicator-bg-col: var(--ld-col-neutral-100);\n }\n }\n\n &::part(trigger) {\n --ld-accordion-bg-col-hover: var(\n --ld-sidenav-accordion-bg-col-hover,\n var(--ld-col-neutral-050)\n );\n right: var(--ld-sidenav-padding-x);\n pointer-events: none;\n border-radius: var(--ld-sidenav-navitem-border-radius);\n outline: none;\n transition: opacity var(--ld-sidenav-transition-duration-collapse-expand)\n linear,\n transform var(--ld-sidenav-transition-duration-collapse-expand) ease;\n\n &::before {\n inset: 0;\n border-radius: inherit;\n background-color: var(--ld-accordion-toggle-indicator-bg-col);\n z-index: 1;\n }\n\n &::after {\n content: '';\n position: absolute;\n border-radius: inherit;\n inset: 0;\n background-color: var(--ld-col-wht);\n visibility: hidden;\n }\n\n &:active {\n --ld-accordion-toggle-indicator-bg-col: var(\n --ld-accordion-toggle-indicator-bg-col-active\n );\n\n &::before {\n opacity: 0.3;\n }\n }\n\n @media (hover: hover) {\n &:where(:hover) {\n --ld-accordion-toggle-indicator-bg-col: var(\n --ld-accordion-toggle-indicator-bg-col-hover\n );\n\n &::after {\n visibility: inherit;\n }\n }\n }\n\n &:focus:focus-visible {\n --ld-accordion-toggle-indicator-bg-col: var(\n --ld-accordion-toggle-indicator-bg-col-focus\n );\n\n &::before {\n opacity: 0.3;\n }\n\n &::after {\n visibility: inherit;\n }\n\n &:active {\n --ld-accordion-toggle-indicator-bg-col: var(\n --ld-accordion-toggle-indicator-bg-col-active\n );\n\n &::before {\n opacity: 0.3;\n }\n }\n }\n }\n\n :host(.ld-sidenav-accordion--rounded) & {\n &::part(trigger) {\n border-radius: var(--ld-br-full);\n }\n }\n\n :host(.ld-sidenav-accordion--no-icon) & {\n &::part(trigger) {\n &::before,\n &::after {\n transform: scale(0.8);\n }\n }\n }\n\n &::part(trigger-content) {\n transform: none;\n z-index: 2;\n }\n\n :host(.ld-sidenav-accordion--collapsed) & {\n &::part(trigger) {\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 transform var(--ld-sidenav-transition-duration-collapse-expand) ease;\n visibility: hidden;\n opacity: 0;\n transform: translateX(var(--ld-sidenav-translate-x-delta));\n }\n }\n}\n\n:host(.ld-sidenav-accordion--split) {\n .ld-sidenav-accordion__accordion-toggle {\n &::part(trigger) {\n pointer-events: auto;\n }\n }\n}\n\n::slotted(ld-sidenav-navitem) {\n --ld-sidenav-navitem-bg-right-x-delta: var(--ld-accordion-toggle-size);\n --ld-sidenav-navitem-bg-width: calc(\n 100% + var(--ld-accordion-toggle-size) + var(--ld-sidenav-navitem-bg-inset) *\n 2\n );\n\n position: relative;\n z-index: 1;\n}\n::slotted(ld-sidenav-navitem:not(:first-of-type)) {\n margin: var(--ld-sp-16) 0;\n}\n::slotted(ld-sidenav-navitem:last-of-type) {\n margin-bottom: 0;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\nimport { closest } from '../../../utils/closest'\nimport { getClassNames } from '../../../utils/getClassNames'\nimport { toggleStackToTop } from '../utils/toggleStackToTop'\n\n/**\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-accordion',\n styleUrl: 'ld-sidenav-accordion.shadow.css',\n shadow: true,\n})\nexport class LdSidenavAccordion {\n @Element() el: HTMLElement\n private sidenav: HTMLLdSidenavElement\n private sectionRef: HTMLLdAccordionSectionElement\n private panelRef: HTMLLdAccordionPanelElement\n\n @State() expandOnSidenavExpansion: boolean\n @State() inAccordion: boolean\n @State() noIcon: boolean\n @State() rounded: boolean\n @State() sidenavClosable: boolean\n @State() sidenavCollapsed: boolean\n @State() transitionsEnabled = true\n\n /** Indicates that the accordion section is expanded. */\n @Prop({ mutable: true }) expanded?: boolean\n\n /**\n * Set to false to make the accordion collapse on sidenav collapse\n * or slide change.\n */\n @Prop() preserveState? = true\n\n /**\n * Split the accordion toggle in two parts with the second part containing\n * the caret icon and being responsible for expanding / collapsing\n * the accordion panel.\n */\n @Prop() split?: boolean\n\n /** Emitted on accordion expand or collaps transition end. */\n @Event() ldSidenavAccordionTransitionEnd: EventEmitter\n\n @Listen('ldSidenavBreakpointChange', { target: 'window', passive: true })\n handleSidenavBreakpointChange(ev: CustomEvent) {\n if (ev.target !== this.sidenav) return\n this.sidenavClosable = ev.detail\n this.updateStackToTop()\n }\n\n @Listen('ldSidenavSliderChange', { target: 'window', passive: true })\n handleSidenavSliderChange(ev: CustomEvent) {\n // Collapse accordion on sidenav slide change.\n if (\n (ev.target as HTMLLdSidenavSliderElement).closest('ld-sidenav') !==\n this.sidenav\n ) {\n return\n }\n if (!this.preserveState) {\n this.sectionRef.expanded = false\n this.expanded = false\n }\n this.transitionsEnabled = false\n setTimeout(() => {\n this.transitionsEnabled = true\n }, 200)\n }\n\n @Listen('ldSidenavCollapsedChange', { target: 'window', passive: true })\n handleSidenavCollapsedChange(\n ev: CustomEvent<{\n collapsed: boolean\n fully: boolean\n }>\n ) {\n // Collapse or expand accordion on sidenav collapse or expansion.\n if (ev.target !== this.sidenav) return\n this.sidenavCollapsed = ev.detail.collapsed\n this.updateStackToTop()\n if (this.sidenavCollapsed) {\n if (this.preserveState) {\n this.expandOnSidenavExpansion = this.sectionRef.expanded\n }\n this.sectionRef.expanded = false\n this.expanded = false\n } else {\n if (this.expandOnSidenavExpansion) {\n this.sectionRef.expanded = true\n this.expanded = true\n }\n }\n }\n\n @Watch('expanded')\n handleExpandedChange(expanded) {\n this.sectionRef.expanded = expanded\n }\n\n private onTransitionEnd = (ev: TransitionEvent) => {\n // Emit transition end event to trigger scroll shadow update.\n if (ev.target === this.panelRef) {\n this.ldSidenavAccordionTransitionEnd.emit()\n }\n }\n\n private updateStackToTop = () => {\n if (this.sidenavClosable) {\n toggleStackToTop(this.el, false)\n } else {\n toggleStackToTop(this.el, this.sidenav.narrow && this.sidenavCollapsed)\n }\n }\n\n componentWillLoad() {\n this.inAccordion = this.el.parentElement.tagName === 'LD-SIDENAV-ACCORDION'\n this.rounded = !!this.el.querySelector(\n 'ld-sidenav-navitem[slot=\"toggle\"][rounded]'\n )\n this.noIcon = !!this.el.querySelector(\n 'ld-sidenav-navitem[slot=\"toggle\"][mode=\"secondary\"],ld-sidenav-navitem[slot=\"toggle\"][mode=\"tertiary\"]'\n )\n this.sidenav = closest('ld-sidenav', this.el)\n if (this.sidenav) {\n this.sidenavCollapsed = this.sidenav.collapsed\n }\n }\n\n componentDidLoad() {\n // The ldSidenavCollapsedChange event can be fired before this component is loaded.\n // So we need to update the stacking here.\n setTimeout(() => {\n this.updateStackToTop()\n })\n }\n\n render() {\n const cl = getClassNames([\n 'ld-sidenav-accordion',\n this.noIcon && 'ld-sidenav-accordion--no-icon',\n this.rounded && 'ld-sidenav-accordion--rounded',\n this.inAccordion && 'ld-sidenav-accordion--in-accordion',\n this.transitionsEnabled && 'ld-sidenav-accordion--transitions-enabled',\n this.sidenavCollapsed &&\n !this.sidenavClosable &&\n 'ld-sidenav-accordion--collapsed',\n this.split && 'ld-sidenav-accordion--split',\n ])\n\n return (\n \n \n (this.sectionRef = el)}\n class=\"ld-sidenav-accordion__accordion-section\"\n >\n \n \n \n (this.panelRef = el)}\n onTransitionEnd={this.onTransitionEnd}\n class=\"ld-sidenav-accordion__accordion-panel\"\n >\n \n \n \n \n \n )\n }\n}\n"],"mappings":"uKAAA,MAAMA,EAA8B,u+K,MCyBvBC,EAAkB,M,0GAyFrBC,KAAAC,gBAAmBC,IAEzB,GAAIA,EAAGC,SAAWH,KAAKI,SAAU,CAC/BJ,KAAKK,gCAAgCC,M,GAIjCN,KAAAO,iBAAmB,KACzB,GAAIP,KAAKQ,gBAAiB,CACxBC,EAAiBT,KAAKU,GAAI,M,KACrB,CACLD,EAAiBT,KAAKU,GAAIV,KAAKW,QAAQC,QAAUZ,KAAKa,iB,0MAxF5B,K,2CASL,K,qBAazB,6BAAAC,CAA8BZ,GAC5B,GAAIA,EAAGC,SAAWH,KAAKW,QAAS,OAChCX,KAAKQ,gBAAkBN,EAAGa,OAC1Bf,KAAKO,kB,CAIP,yBAAAS,CAA0Bd,GAExB,GACGA,EAAGC,OAAsCc,QAAQ,gBAClDjB,KAAKW,QACL,CACA,M,CAEF,IAAKX,KAAKkB,cAAe,CACvBlB,KAAKmB,WAAWC,SAAW,MAC3BpB,KAAKoB,SAAW,K,CAElBpB,KAAKqB,mBAAqB,MAC1BC,YAAW,KACTtB,KAAKqB,mBAAqB,IAAI,GAC7B,I,CAIL,4BAAAE,CACErB,GAMA,GAAIA,EAAGC,SAAWH,KAAKW,QAAS,OAChCX,KAAKa,iBAAmBX,EAAGa,OAAOS,UAClCxB,KAAKO,mBACL,GAAIP,KAAKa,iBAAkB,CACzB,GAAIb,KAAKkB,cAAe,CACtBlB,KAAKyB,yBAA2BzB,KAAKmB,WAAWC,Q,CAElDpB,KAAKmB,WAAWC,SAAW,MAC3BpB,KAAKoB,SAAW,K,KACX,CACL,GAAIpB,KAAKyB,yBAA0B,CACjCzB,KAAKmB,WAAWC,SAAW,KAC3BpB,KAAKoB,SAAW,I,GAMtB,oBAAAM,CAAqBN,GACnBpB,KAAKmB,WAAWC,SAAWA,C,CAkB7B,iBAAAO,GACE3B,KAAK4B,YAAc5B,KAAKU,GAAGmB,cAAcC,UAAY,uBACrD9B,KAAK+B,UAAY/B,KAAKU,GAAGsB,cACvB,8CAEFhC,KAAKiC,SAAWjC,KAAKU,GAAGsB,cACtB,0GAEFhC,KAAKW,QAAUM,EAAQ,aAAcjB,KAAKU,IAC1C,GAAIV,KAAKW,QAAS,CAChBX,KAAKa,iBAAmBb,KAAKW,QAAQa,S,EAIzC,gBAAAU,GAGEZ,YAAW,KACTtB,KAAKO,kBAAkB,G,CAI3B,MAAA4B,GACE,MAAMC,EAAKC,EAAc,CACvB,uBACArC,KAAKiC,QAAU,gCACfjC,KAAK+B,SAAW,gCAChB/B,KAAK4B,aAAe,qCACpB5B,KAAKqB,oBAAsB,4CAC3BrB,KAAKa,mBACFb,KAAKQ,iBACN,kCACFR,KAAKsC,OAAS,gCAGhB,OACEC,EAACC,EAAI,CAACC,MAAOL,GACXG,EAAA,gBAAcE,MAAM,mCAClBF,EAAA,wBACEnB,SAAUpB,KAAKoB,SACfsB,IAAMhC,GAAQV,KAAKmB,WAAaT,EAChC+B,MAAM,2CAENF,EAAA,uBACEI,SAAS,MACTF,MAAM,yCACNH,MAAOtC,KAAKsC,MAAK,cACL,MAEZC,EAAA,QAAMK,KAAK,YAEbL,EAAA,sBACEG,IAAMhC,GAAQV,KAAKI,SAAWM,EAC9BT,gBAAiBD,KAAKC,gBACtBwC,MAAM,yCAENF,EAAA,gB"}
\ No newline at end of file
diff --git a/1704894792450/dist/build/p-d05ada8a.entry.js b/1704966176737/dist/build/p-d05ada8a.entry.js
similarity index 100%
rename from 1704894792450/dist/build/p-d05ada8a.entry.js
rename to 1704966176737/dist/build/p-d05ada8a.entry.js
diff --git a/1704894792450/dist/build/p-d05ada8a.entry.js.map b/1704966176737/dist/build/p-d05ada8a.entry.js.map
similarity index 100%
rename from 1704894792450/dist/build/p-d05ada8a.entry.js.map
rename to 1704966176737/dist/build/p-d05ada8a.entry.js.map
diff --git a/1704894792450/dist/build/p-d29aae54.entry.js b/1704966176737/dist/build/p-d29aae54.entry.js
similarity index 100%
rename from 1704894792450/dist/build/p-d29aae54.entry.js
rename to 1704966176737/dist/build/p-d29aae54.entry.js
diff --git a/1704894792450/dist/build/p-d29aae54.entry.js.map b/1704966176737/dist/build/p-d29aae54.entry.js.map
similarity index 100%
rename from 1704894792450/dist/build/p-d29aae54.entry.js.map
rename to 1704966176737/dist/build/p-d29aae54.entry.js.map
diff --git a/1704966176737/dist/build/p-d426b460.entry.js b/1704966176737/dist/build/p-d426b460.entry.js
new file mode 100644
index 0000000000..38883ebc07
--- /dev/null
+++ b/1704966176737/dist/build/p-d426b460.entry.js
@@ -0,0 +1,2 @@
+import{r as n,h as e,g as i}from"./p-21a69c18.js";import{g as l}from"./p-1133c92e.js";import{c as r}from"./p-71026bf3.js";import{i as a}from"./p-b05f0e4e.js";const t='.ld-link{--ld-link-col:var(--ld-thm-primary);--ld-link-gap:0.3em;--ld-link-chevron-gap:0em;--ld-link-chevron-width:0.135em;align-items:baseline;color:var(--ld-link-col);cursor:pointer;font-family:var(--ld-font-body);font-size:inherit;font-weight:700;gap:var(--ld-link-gap);line-height:inherit;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation}.ld-link:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):hover{--ld-link-col:var(--ld-thm-primary-hover)}.ld-link:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):focus:focus-visible{--ld-link-col:var(--ld-thm-primary-focus)}.ld-link:not([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))):active{--ld-link-col:var(--ld-thm-primary-active)}.ld-link:where([aria-disabled]:where(:not([aria-disabled=""]):not([aria-disabled=false]))){--ld-link-col:var(--ld-thm-primary);cursor:default;opacity:.3}.ld-link>.ld-icon,.ld-link>::slotted(.ld-icon),.ld-link>::slotted(ld-icon),.ld-link>ld-icon{transform:translateY(10%)}.ld-link--chevron-end,.ld-link--chevron-start{display:inline-flex}.ld-link--chevron-end:after,.ld-link--chevron-end:before,.ld-link--chevron-start:after,.ld-link--chevron-start:before{background-color:var(--ld-link-col);border-radius:99rem;content:"";display:block;flex-shrink:0;height:.5em;transform-origin:right;width:var(--ld-link-chevron-width)}.ld-link--chevron-start{margin-left:calc(.5 * var(--ld-link-chevron-gap))}.ld-link--chevron-start:after,.ld-link--chevron-start:before{order:-1}.ld-link--chevron-start:before{transform:translateX(calc(.5 * (var(--ld-link-gap) - var(--ld-link-chevron-gap)) + 50%)) translateY(-65%) rotate(-40deg)}.ld-link--chevron-start:after{transform:translateX(calc(-.5 * var(--ld-link-gap) - .5 * var(--ld-link-chevron-gap) - 50%)) translateY(20%) rotate(40deg)}.ld-link--chevron-end{margin-right:calc(.5 * var(--ld-link-chevron-gap))}.ld-link--chevron-end:after,.ld-link--chevron-end:before{order:1}.ld-link--chevron-end:before{transform:translateX(calc(.5 * (var(--ld-link-gap) + var(--ld-link-chevron-gap)) + 50%)) translateY(-65%) rotate(-40deg)}.ld-link--chevron-end:after{transform:translateX(calc(-.5 * var(--ld-link-gap) + .5 * var(--ld-link-chevron-gap) - 50%)) translateY(20%) rotate(40deg)}';const d=class{constructor(e){n(this,e);this.handleClick=n=>{if(this.disabled||a(this.el.ariaDisabled)){n.preventDefault();return}};this.chevron=undefined;this.disabled=undefined;this.download=undefined;this.href=undefined;this.hreflang=undefined;this.ldTabindex=undefined;this.ping=undefined;this.referrerpolicy=undefined;this.target=undefined;this.clonedAttributes=undefined}async focusInner(){this.anchor.focus()}componentWillLoad(){this.attributesObserver=r.call(this,["iconStart","iconEnd"])}connectedCallback(){this.el.addEventListener("click",this.handleClick,{capture:true})}disconnectedCallback(){this.el.removeEventListener("click",this.handleClick,{capture:true});if(this.attributesObserver)this.attributesObserver.disconnect()}render(){const n=l(["ld-link",this.chevron&&`ld-link--chevron-${this.chevron}`,this.disabled&&`ld-link--disabled`]);return e("a",Object.assign({},this.clonedAttributes,{onClick:this.handleClick,class:n,"aria-disabled":this.disabled||a(this.el.ariaDisabled)?"true":undefined,ref:n=>this.anchor=n,target:this.target,rel:this.target==="_blank"?"noreferrer noopener":undefined,disabled:this.disabled,part:"anchor focusable",tabIndex:this.ldTabindex}),e("slot",null))}get el(){return i(this)}};d.style=t;export{d as ld_link};
+//# sourceMappingURL=p-d426b460.entry.js.map
\ No newline at end of file
diff --git a/1704894792450/dist/build/p-41b3aee4.entry.js.map b/1704966176737/dist/build/p-d426b460.entry.js.map
similarity index 99%
rename from 1704894792450/dist/build/p-41b3aee4.entry.js.map
rename to 1704966176737/dist/build/p-d426b460.entry.js.map
index c108b7a1d8..7d46596177 100644
--- a/1704894792450/dist/build/p-41b3aee4.entry.js.map
+++ b/1704966176737/dist/build/p-d426b460.entry.js.map
@@ -1 +1 @@
-{"version":3,"names":["ldLinkCss","LdLink","this","handleClick","ev","disabled","isAriaDisabled","el","ariaDisabled","preventDefault","focusInner","anchor","focus","componentWillLoad","attributesObserver","cloneAttributes","call","connectedCallback","addEventListener","capture","disconnectedCallback","removeEventListener","disconnect","render","cl","getClassNames","chevron","h","Object","assign","clonedAttributes","onClick","class","undefined","ref","target","rel","part","tabIndex","ldTabindex"],"sources":["../src/liquid/components/ld-link/ld-link.css?tag=ld-link&encapsulation=shadow","../src/liquid/components/ld-link/ld-link.tsx"],"sourcesContent":[".ld-link {\n --ld-link-col: var(--ld-thm-primary);\n --ld-link-gap: 0.3em;\n --ld-link-chevron-gap: 0em;\n --ld-link-chevron-width: 0.135em;\n\n align-items: baseline;\n color: var(--ld-link-col);\n cursor: pointer;\n gap: var(--ld-link-gap);\n font-family: var(--ld-font-body);\n font-size: inherit;\n font-weight: 700;\n line-height: inherit;\n text-decoration: none;\n touch-action: manipulation;\n\n &:not(\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ) {\n &:hover {\n --ld-link-col: var(--ld-thm-primary-hover);\n }\n\n &:focus:focus-visible {\n --ld-link-col: var(--ld-thm-primary-focus);\n }\n\n &:active {\n --ld-link-col: var(--ld-thm-primary-active);\n }\n }\n\n &:where(\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ) {\n --ld-link-col: var(--ld-thm-primary);\n cursor: default;\n opacity: 0.3;\n }\n\n > ld-icon,\n > .ld-icon,\n > ::slotted(ld-icon),\n > ::slotted(.ld-icon) {\n transform: translateY(10%);\n }\n}\n\n/* custom icon arrow-right */\n.ld-link--chevron-start,\n.ld-link--chevron-end {\n display: inline-flex;\n\n &::before,\n &::after {\n content: '';\n background-color: var(--ld-link-col);\n border-radius: 99rem;\n display: block;\n flex-shrink: 0;\n height: 0.5em;\n transform-origin: right;\n width: var(--ld-link-chevron-width);\n }\n}\n\n.ld-link--chevron-start {\n margin-left: calc(0.5 * var(--ld-link-chevron-gap));\n\n &::before,\n &::after {\n order: -1;\n }\n\n &::before {\n transform: translateX(\n calc(0.5 * (var(--ld-link-gap) - var(--ld-link-chevron-gap)) + 50%)\n )\n translateY(-65%) rotate(-40deg);\n }\n &::after {\n transform: translateX(\n calc(-0.5 * var(--ld-link-gap) - 0.5 * var(--ld-link-chevron-gap) - 50%)\n )\n translateY(20%) rotate(40deg);\n }\n}\n.ld-link--chevron-end {\n margin-right: calc(0.5 * var(--ld-link-chevron-gap));\n\n &::before,\n &::after {\n order: 1;\n }\n\n &::before {\n transform: translateX(\n calc(0.5 * (var(--ld-link-gap) + var(--ld-link-chevron-gap)) + 50%)\n )\n translateY(-65%) rotate(-40deg);\n }\n &::after {\n transform: translateX(\n calc(-0.5 * var(--ld-link-gap) + 0.5 * var(--ld-link-chevron-gap) - 50%)\n )\n translateY(20%) rotate(40deg);\n }\n}\n","import { Component, Element, h, Method, Prop, State } from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { cloneAttributes } from '../../utils/cloneAttributes'\nimport { isAriaDisabled } from '../../utils/ariaDisabled'\n\n/**\n * @part anchor - the link anchor\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-link',\n styleUrl: 'ld-link.css',\n shadow: true,\n})\nexport class LdLink implements ClonesAttributes, InnerFocusable {\n @Element() el: HTMLLdLinkElement\n private anchor: HTMLAnchorElement\n private attributesObserver: MutationObserver\n\n /** Displays chevron icon. */\n @Prop() chevron?: 'start' | 'end'\n\n /**\n * The disabled attribute sets `aria-disabled=\"true\"`\n * on the rendered anchor element.\n */\n @Prop() disabled?: boolean\n\n /** Causes the browser to treat the linked URL as a download. */\n @Prop({ reflect: true }) download?: boolean | string\n\n /** The URL that the hyperlink points to. */\n @Prop({ reflect: true }) href?: string\n\n /** Hints at the human language of the linked URL. */\n @Prop({ reflect: true }) hreflang?: string\n\n /** Tab index of the input. */\n @Prop() ldTabindex?: number\n\n /** A space-separated list of URLs to ping on link follow. */\n @Prop() ping?: string\n\n /** A space-separated list of URLs to ping on link follow. */\n @Prop() referrerpolicy?: string\n\n /**\n * The `target` attributed can be used in conjunction with the `href` attribute.\n * See [mdn docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)\n * for more information on the `target` attribute.\n */\n @Prop() target?: '_blank' | '_self' | '_parent' | '_top'\n\n @State() clonedAttributes\n\n /** Sets focus on the anchor. */\n @Method()\n async focusInner() {\n this.anchor.focus()\n }\n\n componentWillLoad() {\n this.attributesObserver = cloneAttributes.call(this, [\n 'iconStart',\n 'iconEnd',\n ])\n }\n\n connectedCallback() {\n this.el.addEventListener('click', this.handleClick, {\n capture: true,\n })\n }\n\n disconnectedCallback() {\n this.el.removeEventListener('click', this.handleClick, {\n capture: true,\n })\n /* istanbul ignore if */\n if (this.attributesObserver) this.attributesObserver.disconnect()\n }\n\n private handleClick = (ev: MouseEvent) => {\n if (this.disabled || isAriaDisabled(this.el.ariaDisabled)) {\n ev.preventDefault()\n return\n }\n }\n\n render() {\n const cl = getClassNames([\n 'ld-link',\n this.chevron && `ld-link--chevron-${this.chevron}`,\n this.disabled && `ld-link--disabled`,\n ])\n\n return (\n (this.anchor = ref)}\n target={this.target}\n rel={this.target === '_blank' ? 'noreferrer noopener' : undefined}\n disabled={this.disabled}\n part=\"anchor focusable\"\n tabIndex={this.ldTabindex}\n >\n \n \n )\n }\n}\n"],"mappings":"8JAAA,MAAMA,EAAY,wyE,MCeLC,EAAM,M,yBAoETC,KAAAC,YAAeC,IACrB,GAAIF,KAAKG,UAAYC,EAAeJ,KAAKK,GAAGC,cAAe,CACzDJ,EAAGK,iBACH,M,wPA5BJ,gBAAMC,GACJR,KAAKS,OAAOC,O,CAGd,iBAAAC,GACEX,KAAKY,mBAAqBC,EAAgBC,KAAKd,KAAM,CACnD,YACA,W,CAIJ,iBAAAe,GACEf,KAAKK,GAAGW,iBAAiB,QAAShB,KAAKC,YAAa,CAClDgB,QAAS,M,CAIb,oBAAAC,GACElB,KAAKK,GAAGc,oBAAoB,QAASnB,KAAKC,YAAa,CACrDgB,QAAS,OAGX,GAAIjB,KAAKY,mBAAoBZ,KAAKY,mBAAmBQ,Y,CAUvD,MAAAC,GACE,MAAMC,EAAKC,EAAc,CACvB,UACAvB,KAAKwB,SAAW,oBAAoBxB,KAAKwB,UACzCxB,KAAKG,UAAY,sBAGnB,OACEsB,EAAA,IAAAC,OAAAC,OAAA,GACM3B,KAAK4B,iBAAgB,CACzBC,QAAS7B,KAAKC,YACd6B,MAAOR,EAAE,gBAEPtB,KAAKG,UAAYC,EAAeJ,KAAKK,GAAGC,cACpC,OACAyB,UAENC,IAAMA,GAAShC,KAAKS,OAASuB,EAC7BC,OAAQjC,KAAKiC,OACbC,IAAKlC,KAAKiC,SAAW,SAAW,sBAAwBF,UACxD5B,SAAUH,KAAKG,SACfgC,KAAK,mBACLC,SAAUpC,KAAKqC,aAEfZ,EAAA,a"}
\ No newline at end of file
+{"version":3,"names":["ldLinkCss","LdLink","this","handleClick","ev","disabled","isAriaDisabled","el","ariaDisabled","preventDefault","focusInner","anchor","focus","componentWillLoad","attributesObserver","cloneAttributes","call","connectedCallback","addEventListener","capture","disconnectedCallback","removeEventListener","disconnect","render","cl","getClassNames","chevron","h","Object","assign","clonedAttributes","onClick","class","undefined","ref","target","rel","part","tabIndex","ldTabindex"],"sources":["../src/liquid/components/ld-link/ld-link.css?tag=ld-link&encapsulation=shadow","../src/liquid/components/ld-link/ld-link.tsx"],"sourcesContent":[".ld-link {\n --ld-link-col: var(--ld-thm-primary);\n --ld-link-gap: 0.3em;\n --ld-link-chevron-gap: 0em;\n --ld-link-chevron-width: 0.135em;\n\n align-items: baseline;\n color: var(--ld-link-col);\n cursor: pointer;\n gap: var(--ld-link-gap);\n font-family: var(--ld-font-body);\n font-size: inherit;\n font-weight: 700;\n line-height: inherit;\n text-decoration: none;\n touch-action: manipulation;\n\n &:not(\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ) {\n &:hover {\n --ld-link-col: var(--ld-thm-primary-hover);\n }\n\n &:focus:focus-visible {\n --ld-link-col: var(--ld-thm-primary-focus);\n }\n\n &:active {\n --ld-link-col: var(--ld-thm-primary-active);\n }\n }\n\n &:where(\n [aria-disabled]:where(:not([aria-disabled=''], [aria-disabled='false']))\n ) {\n --ld-link-col: var(--ld-thm-primary);\n cursor: default;\n opacity: 0.3;\n }\n\n > ld-icon,\n > .ld-icon,\n > ::slotted(ld-icon),\n > ::slotted(.ld-icon) {\n transform: translateY(10%);\n }\n}\n\n/* custom icon arrow-right */\n.ld-link--chevron-start,\n.ld-link--chevron-end {\n display: inline-flex;\n\n &::before,\n &::after {\n content: '';\n background-color: var(--ld-link-col);\n border-radius: 99rem;\n display: block;\n flex-shrink: 0;\n height: 0.5em;\n transform-origin: right;\n width: var(--ld-link-chevron-width);\n }\n}\n\n.ld-link--chevron-start {\n margin-left: calc(0.5 * var(--ld-link-chevron-gap));\n\n &::before,\n &::after {\n order: -1;\n }\n\n &::before {\n transform: translateX(\n calc(0.5 * (var(--ld-link-gap) - var(--ld-link-chevron-gap)) + 50%)\n )\n translateY(-65%) rotate(-40deg);\n }\n &::after {\n transform: translateX(\n calc(-0.5 * var(--ld-link-gap) - 0.5 * var(--ld-link-chevron-gap) - 50%)\n )\n translateY(20%) rotate(40deg);\n }\n}\n.ld-link--chevron-end {\n margin-right: calc(0.5 * var(--ld-link-chevron-gap));\n\n &::before,\n &::after {\n order: 1;\n }\n\n &::before {\n transform: translateX(\n calc(0.5 * (var(--ld-link-gap) + var(--ld-link-chevron-gap)) + 50%)\n )\n translateY(-65%) rotate(-40deg);\n }\n &::after {\n transform: translateX(\n calc(-0.5 * var(--ld-link-gap) + 0.5 * var(--ld-link-chevron-gap) - 50%)\n )\n translateY(20%) rotate(40deg);\n }\n}\n","import { Component, Element, h, Method, Prop, State } from '@stencil/core'\nimport { getClassNames } from '../../utils/getClassNames'\nimport { cloneAttributes } from '../../utils/cloneAttributes'\nimport { isAriaDisabled } from '../../utils/ariaDisabled'\n\n/**\n * @part anchor - the link anchor\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-link',\n styleUrl: 'ld-link.css',\n shadow: true,\n})\nexport class LdLink implements ClonesAttributes, InnerFocusable {\n @Element() el: HTMLLdLinkElement\n private anchor: HTMLAnchorElement\n private attributesObserver: MutationObserver\n\n /** Displays chevron icon. */\n @Prop() chevron?: 'start' | 'end'\n\n /**\n * The disabled attribute sets `aria-disabled=\"true\"`\n * on the rendered anchor element.\n */\n @Prop() disabled?: boolean\n\n /** Causes the browser to treat the linked URL as a download. */\n @Prop({ reflect: true }) download?: boolean | string\n\n /** The URL that the hyperlink points to. */\n @Prop({ reflect: true }) href?: string\n\n /** Hints at the human language of the linked URL. */\n @Prop({ reflect: true }) hreflang?: string\n\n /** Tab index of the input. */\n @Prop() ldTabindex?: number\n\n /** A space-separated list of URLs to ping on link follow. */\n @Prop() ping?: string\n\n /** A space-separated list of URLs to ping on link follow. */\n @Prop() referrerpolicy?: string\n\n /**\n * The `target` attributed can be used in conjunction with the `href` attribute.\n * See [mdn docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)\n * for more information on the `target` attribute.\n */\n @Prop() target?: '_blank' | '_self' | '_parent' | '_top'\n\n @State() clonedAttributes\n\n /** Sets focus on the anchor. */\n @Method()\n async focusInner() {\n this.anchor.focus()\n }\n\n componentWillLoad() {\n this.attributesObserver = cloneAttributes.call(this, [\n 'iconStart',\n 'iconEnd',\n ])\n }\n\n connectedCallback() {\n this.el.addEventListener('click', this.handleClick, {\n capture: true,\n })\n }\n\n disconnectedCallback() {\n this.el.removeEventListener('click', this.handleClick, {\n capture: true,\n })\n /* istanbul ignore if */\n if (this.attributesObserver) this.attributesObserver.disconnect()\n }\n\n private handleClick = (ev: MouseEvent) => {\n if (this.disabled || isAriaDisabled(this.el.ariaDisabled)) {\n ev.preventDefault()\n return\n }\n }\n\n render() {\n const cl = getClassNames([\n 'ld-link',\n this.chevron && `ld-link--chevron-${this.chevron}`,\n this.disabled && `ld-link--disabled`,\n ])\n\n return (\n (this.anchor = ref)}\n target={this.target}\n rel={this.target === '_blank' ? 'noreferrer noopener' : undefined}\n disabled={this.disabled}\n part=\"anchor focusable\"\n tabIndex={this.ldTabindex}\n >\n \n \n )\n }\n}\n"],"mappings":"8JAAA,MAAMA,EAAY,mwE,MCeLC,EAAM,M,yBAoETC,KAAAC,YAAeC,IACrB,GAAIF,KAAKG,UAAYC,EAAeJ,KAAKK,GAAGC,cAAe,CACzDJ,EAAGK,iBACH,M,wPA5BJ,gBAAMC,GACJR,KAAKS,OAAOC,O,CAGd,iBAAAC,GACEX,KAAKY,mBAAqBC,EAAgBC,KAAKd,KAAM,CACnD,YACA,W,CAIJ,iBAAAe,GACEf,KAAKK,GAAGW,iBAAiB,QAAShB,KAAKC,YAAa,CAClDgB,QAAS,M,CAIb,oBAAAC,GACElB,KAAKK,GAAGc,oBAAoB,QAASnB,KAAKC,YAAa,CACrDgB,QAAS,OAGX,GAAIjB,KAAKY,mBAAoBZ,KAAKY,mBAAmBQ,Y,CAUvD,MAAAC,GACE,MAAMC,EAAKC,EAAc,CACvB,UACAvB,KAAKwB,SAAW,oBAAoBxB,KAAKwB,UACzCxB,KAAKG,UAAY,sBAGnB,OACEsB,EAAA,IAAAC,OAAAC,OAAA,GACM3B,KAAK4B,iBAAgB,CACzBC,QAAS7B,KAAKC,YACd6B,MAAOR,EAAE,gBAEPtB,KAAKG,UAAYC,EAAeJ,KAAKK,GAAGC,cACpC,OACAyB,UAENC,IAAMA,GAAShC,KAAKS,OAASuB,EAC7BC,OAAQjC,KAAKiC,OACbC,IAAKlC,KAAKiC,SAAW,SAAW,sBAAwBF,UACxD5B,SAAUH,KAAKG,SACfgC,KAAK,mBACLC,SAAUpC,KAAKqC,aAEfZ,EAAA,a"}
\ No newline at end of file
diff --git a/1704966176737/dist/build/p-d45e8f89.entry.js b/1704966176737/dist/build/p-d45e8f89.entry.js
new file mode 100644
index 0000000000..1eedf832c0
--- /dev/null
+++ b/1704966176737/dist/build/p-d45e8f89.entry.js
@@ -0,0 +1,2 @@
+import{r,h as s,H as e}from"./p-21a69c18.js";import{g as o}from"./p-1133c92e.js";const l='.ld-progress,:host{--ld-progress-height:var(--ld-sp-8);--ld-progress-steps-dot-width:var(--ld-progress-height);--ld-progress-valuemin:0;--ld-progress-valuemax:100;--ld-progress-valuenow:0;--ld-progress-transition-duration:var(--ld-transition-duration-normal);--ld-progress-width:17.5rem;--ld-progress-bar-col:var(--ld-thm-primary);--ld-progress-bar-col-overflow:var(--ld-thm-error);--ld-progress-bg-col:var(--ld-col-neutral-100);--ld-progress-bg-col-overflow:var(--ld-thm-error);--ld-progress-pending-gap-col:var(--ld-progress-bg-col);--ld-progress-pending-gap-col-overflow:var(--ld-thm-error-focus);--ld-progress-steps-col:var(--ld-col-neutral-200);--ld-progress-calc-valuenow:calc(var(--ld-progress-valuenow) - var(--ld-progress-valuemin));--ld-progress-calc-valuemax:calc(var(--ld-progress-valuemax) - var(--ld-progress-valuemin));--ld-progress-calc-relative-progress:calc(var(--ld-progress-calc-valuenow) / var(--ld-progress-calc-valuemax));--ld-progress-has-overflow:clamp(0,calc((var(--ld-progress-calc-relative-progress) - 1) * 99999999999),1);border-radius:var(--ld-br-full);box-shadow:inset 0 0 0 calc((1 - var(--ld-progress-has-overflow)) * 99rem) var(--ld-progress-bg-col),inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-col-wht-alpha-high),inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-progress-bg-col-overflow);display:block;height:var(--ld-progress-height);max-width:100%;overflow:hidden;position:relative;width:var(--ld-progress-width)}.ld-progress:after,.ld-progress:before,:host:after,:host:before{content:"";display:block;height:100%;position:absolute;width:100%}.ld-progress:before,:host:before{background-color:var(--ld-progress-bar-col);opacity:calc(1 - var(--ld-progress-has-overflow));right:100%;transform:translateX(min(100%,calc(var(--ld-progress-calc-relative-progress) * 100%)));transition:transform var(--ld-progress-transition-duration) ease,opacity var(--ld-progress-transition-duration) linear}.ld-progress:after,:host:after{background-color:var(--ld-progress-bar-col-overflow);left:100%;opacity:calc(var(--ld-progress-has-overflow));transform:translateX(max(-100%,calc((var(--ld-progress-calc-relative-progress) - 1) * -100%)));transition:transform var(--ld-progress-transition-duration) ease}.ld-progress--brand-color,:host(.ld-progress--brand-color){--ld-progress-bar-col:var(--ld-col-wht);--ld-progress-bar-col-overflow:var(--ld-thm-error);--ld-progress-bg-col:var(--ld-col-wht-alpha-medium);--ld-progress-bg-col-overflow:var(--ld-thm-error);--ld-progress-pending-gap-col:var(--ld-thm-primary-hover);--ld-progress-pending-gap-col-overflow:var(--ld-col-wht);--ld-progress-steps-col:var(--ld-col-wht-alpha-medium);box-shadow:inset 0 0 0 calc((1 - var(--ld-progress-has-overflow)) * 99rem) var(--ld-progress-bg-col),inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-col-wht-alpha-medium),inset 0 calc(var(--ld-progress-has-overflow) * 505rem) 500rem -500rem var(--ld-progress-bg-col-overflow)}.ld-progress--steps,:host(.ld-progress--steps){--ld-progress-step-gradient:var(--ld-progress-steps-col) 0%,var(--ld-progress-steps-col) calc(var(--ld-progress-steps-dot-width) / 2),#0000 calc(var(--ld-progress-steps-dot-width) / 2);background-blend-mode:multiply;background-image:radial-gradient(circle at left,var(--ld-progress-step-gradient)),radial-gradient(circle at right,var(--ld-progress-step-gradient));background-position:calc(var(--ld-progress-steps-dot-width) / 2);background-repeat:repeat-x;background-size:calc((100% - var(--ld-progress-steps-dot-width) - 1px) / var(--ld-progress-calc-valuemax)) 100%;box-shadow:inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-col-wht-alpha-lowest),inset 0 498rem calc(var(--ld-progress-has-overflow) * 500rem) -500rem var(--ld-progress-bg-col-overflow)}.ld-progress--steps:after,.ld-progress--steps:before,:host(.ld-progress--steps):after,:host(.ld-progress--steps):before{border-radius:var(--ld-br-full)}.ld-progress--steps:before,:host(.ld-progress--steps):before{transform:translateX(min(100%,calc(var(--ld-progress-calc-relative-progress) * (100% - var(--ld-progress-steps-dot-width)) + var(--ld-progress-steps-dot-width))))}.ld-progress--steps:after,:host(.ld-progress--steps):after{transform:translateX(max(-100%,calc(((var(--ld-progress-calc-relative-progress) - 1) * (100% - var(--ld-progress-steps-dot-width)) + var(--ld-progress-steps-dot-width) + 1px) * -1)))}.ld-progress--steps.ld-progress--brand-color,:host(.ld-progress--steps.ld-progress--brand-color){box-shadow:inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem) var(--ld-col-wht-alpha-low),inset 0 500rem calc(var(--ld-progress-has-overflow) * 500rem) -500rem var(--ld-progress-bg-col-overflow)}.ld-progress.ld-progress--indeterminate:before,:host(.ld-progress.ld-progress--indeterminate):before{transform:translateX(100%)}@keyframes ld-progress-animation-pending{0%{background-position-x:calc(-1.5rem + 1px)}to{background-position-x:0}}.ld-progress.ld-progress--pending:after,.ld-progress.ld-progress--pending:before,:host(.ld-progress.ld-progress--pending):after,:host(.ld-progress.ld-progress--pending):before{animation-duration:var(--ld-transition-duration-slow);animation-iteration-count:infinite;animation-timing-function:linear;background-size:200% 100%}@media (prefers-reduced-motion:no-preference){.ld-progress.ld-progress--pending:after,.ld-progress.ld-progress--pending:before,:host(.ld-progress.ld-progress--pending):after,:host(.ld-progress.ld-progress--pending):before{animation-name:ld-progress-animation-pending}}.ld-progress.ld-progress--pending:before,:host(.ld-progress.ld-progress--pending):before{background-image:repeating-linear-gradient(-45deg,var(--ld-progress-pending-gap-col),var(--ld-progress-pending-gap-col) .5rem,var(--ld-progress-bar-col) .5rem,var(--ld-progress-bar-col) 1rem)}.ld-progress.ld-progress--pending:after,:host(.ld-progress.ld-progress--pending):after{animation-direction:reverse;background-image:repeating-linear-gradient(45deg,var(--ld-progress-pending-gap-col-overflow),var(--ld-progress-pending-gap-col-overflow) .5rem,var(--ld-progress-bar-col-overflow) .5rem,var(--ld-progress-bar-col-overflow) 1rem)}';const a=class{constructor(s){r(this,s);this.ariaLabeledby=undefined;this.ariaValuemax=100;this.ariaValuemin=0;this.ariaValuenow=undefined;this.ariaValuetext=undefined;this.brandColor=undefined;this.pending=undefined;this.steps=undefined}render(){const r=o(["ld-progress",this.ariaValuenow===undefined&&"ld-progress--indeterminate",this.brandColor&&"ld-progress--brand-color",this.pending&&"ld-progress--pending",this.steps&&"ld-progress--steps"]);return s(e,{class:r,role:"progressbar",style:Object.assign(Object.assign(Object.assign({},this.ariaValuemax!==undefined&&{"--ld-progress-valuemax":this.ariaValuemax+""}),this.ariaValuemin!==undefined&&{"--ld-progress-valuemin":this.ariaValuemin+""}),this.ariaValuenow!==undefined&&{"--ld-progress-valuenow":this.ariaValuenow+""})})}};a.style=l;export{a as ld_progress};
+//# sourceMappingURL=p-d45e8f89.entry.js.map
\ No newline at end of file
diff --git a/1704894792450/dist/build/p-7cff147f.entry.js.map b/1704966176737/dist/build/p-d45e8f89.entry.js.map
similarity index 99%
rename from 1704894792450/dist/build/p-7cff147f.entry.js.map
rename to 1704966176737/dist/build/p-d45e8f89.entry.js.map
index 5578b20f45..3e4da723fa 100644
--- a/1704894792450/dist/build/p-7cff147f.entry.js.map
+++ b/1704966176737/dist/build/p-d45e8f89.entry.js.map
@@ -1 +1 @@
-{"version":3,"names":["ldProgressCss","LdProgress","render","cl","getClassNames","this","ariaValuenow","undefined","brandColor","pending","steps","h","Host","class","role","style","Object","assign","ariaValuemax","ariaValuemin"],"sources":["../src/liquid/components/ld-progress/ld-progress.css?tag=ld-progress&encapsulation=shadow","../src/liquid/components/ld-progress/ld-progress.tsx"],"sourcesContent":[":host,\n.ld-progress {\n --ld-progress-height: var(--ld-sp-8);\n --ld-progress-steps-dot-width: var(--ld-progress-height);\n --ld-progress-valuemin: 0;\n --ld-progress-valuemax: 100;\n --ld-progress-valuenow: 0;\n --ld-progress-transition-duration: var(--ld-transition-duration-normal);\n --ld-progress-width: 17.5rem;\n\n /* colors */\n --ld-progress-bar-col: var(--ld-thm-primary);\n --ld-progress-bar-col-overflow: var(--ld-thm-error);\n --ld-progress-bg-col: var(--ld-col-neutral-100);\n --ld-progress-bg-col-overflow: var(--ld-thm-error);\n --ld-progress-pending-gap-col: var(--ld-progress-bg-col);\n --ld-progress-pending-gap-col-overflow: var(--ld-thm-error-focus);\n --ld-progress-steps-col: var(--ld-col-neutral-200);\n\n --ld-progress-calc-valuenow: calc(\n var(--ld-progress-valuenow) - var(--ld-progress-valuemin)\n );\n --ld-progress-calc-valuemax: calc(\n var(--ld-progress-valuemax) - var(--ld-progress-valuemin)\n );\n --ld-progress-calc-relative-progress: calc(\n var(--ld-progress-calc-valuenow) / var(--ld-progress-calc-valuemax)\n );\n --ld-progress-has-overflow: clamp(\n 0,\n calc((var(--ld-progress-calc-relative-progress) - 1) * 99999999999),\n 1\n );\n\n border-radius: var(--ld-br-full);\n box-shadow: inset 0 0 0 calc((1 - var(--ld-progress-has-overflow)) * 99rem)\n var(--ld-progress-bg-col),\n inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem)\n var(--ld-col-wht-alpha-high),\n inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem)\n var(--ld-progress-bg-col-overflow);\n display: block;\n height: var(--ld-progress-height);\n max-width: 100%;\n overflow: hidden;\n position: relative;\n width: var(--ld-progress-width);\n\n &::before,\n &::after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n width: 100%;\n }\n\n &::before {\n background-color: var(--ld-progress-bar-col);\n opacity: calc(1 - var(--ld-progress-has-overflow));\n right: 100%;\n transform: translateX(\n min(100%, calc(var(--ld-progress-calc-relative-progress) * 100%))\n );\n transition: transform var(--ld-progress-transition-duration) ease,\n opacity var(--ld-progress-transition-duration) linear;\n }\n\n &::after {\n background-color: var(--ld-progress-bar-col-overflow);\n opacity: calc(var(--ld-progress-has-overflow));\n transform: translateX(\n max(-100%, calc((var(--ld-progress-calc-relative-progress) - 1) * -100%))\n ); /* - 1 substracts the \"valid\" progress value */\n transition: transform var(--ld-progress-transition-duration) ease;\n left: 100%;\n }\n}\n\n:host(.ld-progress--brand-color),\n.ld-progress--brand-color {\n --ld-progress-bar-col: var(--ld-col-wht);\n --ld-progress-bar-col-overflow: var(--ld-thm-error);\n --ld-progress-bg-col: var(--ld-col-wht-alpha-medium);\n --ld-progress-bg-col-overflow: var(--ld-thm-error);\n --ld-progress-pending-gap-col: var(--ld-thm-primary-hover);\n --ld-progress-pending-gap-col-overflow: var(--ld-col-wht);\n --ld-progress-steps-col: var(--ld-col-wht-alpha-medium);\n\n box-shadow: inset 0 0 0 calc((1 - var(--ld-progress-has-overflow)) * 99rem)\n var(--ld-progress-bg-col),\n inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem)\n var(--ld-col-wht-alpha-medium),\n inset 0 calc(var(--ld-progress-has-overflow) * 505rem) 500rem -500rem var(--ld-progress-bg-col-overflow);\n}\n\n:host(.ld-progress--steps),\n.ld-progress--steps {\n --ld-progress-step-gradient: var(--ld-progress-steps-col) 0%,\n var(--ld-progress-steps-col) calc(var(--ld-progress-steps-dot-width) / 2),\n transparent calc(var(--ld-progress-steps-dot-width) / 2);\n background-image: radial-gradient(\n circle at left,\n var(--ld-progress-step-gradient)\n ),\n radial-gradient(circle at right, var(--ld-progress-step-gradient));\n background-blend-mode: multiply; /* removes gap in steps dot */\n background-size: calc(\n /* the 1px is a Safari HACK */\n (100% - var(--ld-progress-steps-dot-width) - 1px) /\n var(--ld-progress-calc-valuemax)\n )\n 100%;\n background-repeat: repeat-x;\n background-position: calc(var(--ld-progress-steps-dot-width) / 2) center;\n box-shadow: inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem)\n var(--ld-col-wht-alpha-lowest),\n inset 0 498rem calc(var(--ld-progress-has-overflow) * 500rem) -500rem var(--ld-progress-bg-col-overflow);\n\n &::before,\n &::after {\n border-radius: var(--ld-br-full);\n }\n\n &::before {\n transform: translateX(\n min(\n 100%,\n calc(\n var(--ld-progress-calc-relative-progress) *\n (100% - var(--ld-progress-steps-dot-width)) +\n var(--ld-progress-steps-dot-width)\n )\n )\n );\n }\n\n &::after {\n transform: translateX(\n max(\n -100%,\n calc(\n (\n (var(--ld-progress-calc-relative-progress) - 1) *\n (100% - var(--ld-progress-steps-dot-width)) +\n /* the 1px is a Safari HACK */\n var(--ld-progress-steps-dot-width) + 1px\n ) * -1\n )\n )\n );\n }\n}\n\n:host(.ld-progress--steps.ld-progress--brand-color),\n.ld-progress--steps.ld-progress--brand-color {\n box-shadow: inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem)\n var(--ld-col-wht-alpha-low),\n inset 0 500rem calc(var(--ld-progress-has-overflow) * 500rem) -500rem var(--ld-progress-bg-col-overflow);\n}\n\n:host(.ld-progress.ld-progress--indeterminate),\n.ld-progress.ld-progress--indeterminate {\n &::before {\n transform: translateX(100%);\n }\n}\n\n@keyframes ld-progress-animation-pending {\n from {\n background-position-x: calc(-1.5rem + 1px);\n }\n to {\n background-position-x: 0;\n }\n}\n:host(.ld-progress.ld-progress--pending),\n.ld-progress.ld-progress--pending {\n &::before,\n &::after {\n background-size: 200% 100%;\n animation-duration: var(--ld-transition-duration-slow);\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n\n @media (prefers-reduced-motion: no-preference) {\n animation-name: ld-progress-animation-pending;\n }\n }\n\n &::before {\n background-image: repeating-linear-gradient(\n -45deg,\n var(--ld-progress-pending-gap-col),\n var(--ld-progress-pending-gap-col) 0.5rem,\n var(--ld-progress-bar-col) 0.5rem,\n var(--ld-progress-bar-col) 1rem\n );\n }\n\n &::after {\n background-image: repeating-linear-gradient(\n 45deg,\n var(--ld-progress-pending-gap-col-overflow),\n var(--ld-progress-pending-gap-col-overflow) 0.5rem,\n var(--ld-progress-bar-col-overflow) 0.5rem,\n var(--ld-progress-bar-col-overflow) 1rem\n );\n animation-direction: reverse;\n }\n}\n","import { Component, h, Host, Prop } 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 */\n@Component({\n tag: 'ld-progress',\n styleUrl: 'ld-progress.css',\n shadow: true,\n})\nexport class LdProgress {\n /**\n * Defines the string value or identifies the element (or elements)\n * that label the progressbar element providing an accessible name.\n */\n @Prop({ reflect: true }) ariaLabeledby?: string\n\n /**\n * Set to a decimal value representing the maximum value, and greater\n * than aria-valuemin. If not present, the default value is 100.\n */\n @Prop({ reflect: true }) ariaValuemax? = 100\n\n /**\n * Set to a decimal value representing the minimum value, and less\n * than aria-valuemax. If not present, the default value is 0.\n */\n @Prop({ reflect: true }) ariaValuemin? = 0\n\n /**\n * Only present and required if the value is not indeterminate.\n * Set to a decimal value between 0, or valuemin if present,\n * and aria-valuemax indicating the current value of the progress bar.\n */\n @Prop({ reflect: true }) ariaValuenow?: number\n\n /**\n * Assistive technologies often present the value of aria-valuenow\n * as a percentage. If this would not be accurate use this property\n * to make the progress bar value understandable.\n */\n @Prop({ reflect: true }) ariaValuetext?: string\n\n // `onBrandColor` is not possible: Stencil expects `on*` props to be event handlers.\n /**\n * Styles the progress bar in a way that it looks good on the\n * primary color of the current theme.\n */\n @Prop() brandColor?: boolean\n\n /** Used to show indeterminate or pending progress state. */\n @Prop() pending?: boolean\n\n /** Devides progress bar in multiple progress steps. */\n @Prop() steps?: boolean\n\n render() {\n const cl = getClassNames([\n 'ld-progress',\n this.ariaValuenow === undefined && 'ld-progress--indeterminate',\n this.brandColor && 'ld-progress--brand-color',\n this.pending && 'ld-progress--pending',\n this.steps && 'ld-progress--steps',\n ])\n\n return (\n \n )\n }\n}\n"],"mappings":"iFAAA,MAAMA,EAAgB,q/O,MCYTC,EAAU,M,wEAWoB,I,kBAMA,E,+HA6BzC,MAAAC,GACE,MAAMC,EAAKC,EAAc,CACvB,cACAC,KAAKC,eAAiBC,WAAa,6BACnCF,KAAKG,YAAc,2BACnBH,KAAKI,SAAW,uBAChBJ,KAAKK,OAAS,uBAGhB,OACEC,EAACC,EAAI,CACHC,MAAOV,EACPW,KAAK,cACLC,MAAKC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACCZ,KAAKa,eAAiBX,WAAa,CACrC,yBAA0BF,KAAKa,aAAe,KAE5Cb,KAAKc,eAAiBZ,WAAa,CACrC,yBAA0BF,KAAKc,aAAe,KAE5Cd,KAAKC,eAAiBC,WAAa,CACrC,yBAA0BF,KAAKC,aAAe,M"}
\ No newline at end of file
+{"version":3,"names":["ldProgressCss","LdProgress","render","cl","getClassNames","this","ariaValuenow","undefined","brandColor","pending","steps","h","Host","class","role","style","Object","assign","ariaValuemax","ariaValuemin"],"sources":["../src/liquid/components/ld-progress/ld-progress.css?tag=ld-progress&encapsulation=shadow","../src/liquid/components/ld-progress/ld-progress.tsx"],"sourcesContent":[":host,\n.ld-progress {\n --ld-progress-height: var(--ld-sp-8);\n --ld-progress-steps-dot-width: var(--ld-progress-height);\n --ld-progress-valuemin: 0;\n --ld-progress-valuemax: 100;\n --ld-progress-valuenow: 0;\n --ld-progress-transition-duration: var(--ld-transition-duration-normal);\n --ld-progress-width: 17.5rem;\n\n /* colors */\n --ld-progress-bar-col: var(--ld-thm-primary);\n --ld-progress-bar-col-overflow: var(--ld-thm-error);\n --ld-progress-bg-col: var(--ld-col-neutral-100);\n --ld-progress-bg-col-overflow: var(--ld-thm-error);\n --ld-progress-pending-gap-col: var(--ld-progress-bg-col);\n --ld-progress-pending-gap-col-overflow: var(--ld-thm-error-focus);\n --ld-progress-steps-col: var(--ld-col-neutral-200);\n\n --ld-progress-calc-valuenow: calc(\n var(--ld-progress-valuenow) - var(--ld-progress-valuemin)\n );\n --ld-progress-calc-valuemax: calc(\n var(--ld-progress-valuemax) - var(--ld-progress-valuemin)\n );\n --ld-progress-calc-relative-progress: calc(\n var(--ld-progress-calc-valuenow) / var(--ld-progress-calc-valuemax)\n );\n --ld-progress-has-overflow: clamp(\n 0,\n calc((var(--ld-progress-calc-relative-progress) - 1) * 99999999999),\n 1\n );\n\n border-radius: var(--ld-br-full);\n box-shadow: inset 0 0 0 calc((1 - var(--ld-progress-has-overflow)) * 99rem)\n var(--ld-progress-bg-col),\n inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem)\n var(--ld-col-wht-alpha-high),\n inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem)\n var(--ld-progress-bg-col-overflow);\n display: block;\n height: var(--ld-progress-height);\n max-width: 100%;\n overflow: hidden;\n position: relative;\n width: var(--ld-progress-width);\n\n &::before,\n &::after {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n width: 100%;\n }\n\n &::before {\n background-color: var(--ld-progress-bar-col);\n opacity: calc(1 - var(--ld-progress-has-overflow));\n right: 100%;\n transform: translateX(\n min(100%, calc(var(--ld-progress-calc-relative-progress) * 100%))\n );\n transition: transform var(--ld-progress-transition-duration) ease,\n opacity var(--ld-progress-transition-duration) linear;\n }\n\n &::after {\n background-color: var(--ld-progress-bar-col-overflow);\n opacity: calc(var(--ld-progress-has-overflow));\n transform: translateX(\n max(-100%, calc((var(--ld-progress-calc-relative-progress) - 1) * -100%))\n ); /* - 1 substracts the \"valid\" progress value */\n transition: transform var(--ld-progress-transition-duration) ease;\n left: 100%;\n }\n}\n\n:host(.ld-progress--brand-color),\n.ld-progress--brand-color {\n --ld-progress-bar-col: var(--ld-col-wht);\n --ld-progress-bar-col-overflow: var(--ld-thm-error);\n --ld-progress-bg-col: var(--ld-col-wht-alpha-medium);\n --ld-progress-bg-col-overflow: var(--ld-thm-error);\n --ld-progress-pending-gap-col: var(--ld-thm-primary-hover);\n --ld-progress-pending-gap-col-overflow: var(--ld-col-wht);\n --ld-progress-steps-col: var(--ld-col-wht-alpha-medium);\n\n box-shadow: inset 0 0 0 calc((1 - var(--ld-progress-has-overflow)) * 99rem)\n var(--ld-progress-bg-col),\n inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem)\n var(--ld-col-wht-alpha-medium),\n inset 0 calc(var(--ld-progress-has-overflow) * 505rem) 500rem -500rem var(--ld-progress-bg-col-overflow);\n}\n\n:host(.ld-progress--steps),\n.ld-progress--steps {\n --ld-progress-step-gradient: var(--ld-progress-steps-col) 0%,\n var(--ld-progress-steps-col) calc(var(--ld-progress-steps-dot-width) / 2),\n transparent calc(var(--ld-progress-steps-dot-width) / 2);\n background-image: radial-gradient(\n circle at left,\n var(--ld-progress-step-gradient)\n ),\n radial-gradient(circle at right, var(--ld-progress-step-gradient));\n background-blend-mode: multiply; /* removes gap in steps dot */\n background-size: calc(\n /* the 1px is a Safari HACK */\n (100% - var(--ld-progress-steps-dot-width) - 1px) /\n var(--ld-progress-calc-valuemax)\n )\n 100%;\n background-repeat: repeat-x;\n background-position: calc(var(--ld-progress-steps-dot-width) / 2) center;\n box-shadow: inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem)\n var(--ld-col-wht-alpha-lowest),\n inset 0 498rem calc(var(--ld-progress-has-overflow) * 500rem) -500rem var(--ld-progress-bg-col-overflow);\n\n &::before,\n &::after {\n border-radius: var(--ld-br-full);\n }\n\n &::before {\n transform: translateX(\n min(\n 100%,\n calc(\n var(--ld-progress-calc-relative-progress) *\n (100% - var(--ld-progress-steps-dot-width)) +\n var(--ld-progress-steps-dot-width)\n )\n )\n );\n }\n\n &::after {\n transform: translateX(\n max(\n -100%,\n calc(\n (\n (var(--ld-progress-calc-relative-progress) - 1) *\n (100% - var(--ld-progress-steps-dot-width)) +\n /* the 1px is a Safari HACK */\n var(--ld-progress-steps-dot-width) + 1px\n ) * -1\n )\n )\n );\n }\n}\n\n:host(.ld-progress--steps.ld-progress--brand-color),\n.ld-progress--steps.ld-progress--brand-color {\n box-shadow: inset 0 0 0 calc(var(--ld-progress-has-overflow) * 99rem)\n var(--ld-col-wht-alpha-low),\n inset 0 500rem calc(var(--ld-progress-has-overflow) * 500rem) -500rem var(--ld-progress-bg-col-overflow);\n}\n\n:host(.ld-progress.ld-progress--indeterminate),\n.ld-progress.ld-progress--indeterminate {\n &::before {\n transform: translateX(100%);\n }\n}\n\n@keyframes ld-progress-animation-pending {\n from {\n background-position-x: calc(-1.5rem + 1px);\n }\n to {\n background-position-x: 0;\n }\n}\n:host(.ld-progress.ld-progress--pending),\n.ld-progress.ld-progress--pending {\n &::before,\n &::after {\n background-size: 200% 100%;\n animation-duration: var(--ld-transition-duration-slow);\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n\n @media (prefers-reduced-motion: no-preference) {\n animation-name: ld-progress-animation-pending;\n }\n }\n\n &::before {\n background-image: repeating-linear-gradient(\n -45deg,\n var(--ld-progress-pending-gap-col),\n var(--ld-progress-pending-gap-col) 0.5rem,\n var(--ld-progress-bar-col) 0.5rem,\n var(--ld-progress-bar-col) 1rem\n );\n }\n\n &::after {\n background-image: repeating-linear-gradient(\n 45deg,\n var(--ld-progress-pending-gap-col-overflow),\n var(--ld-progress-pending-gap-col-overflow) 0.5rem,\n var(--ld-progress-bar-col-overflow) 0.5rem,\n var(--ld-progress-bar-col-overflow) 1rem\n );\n animation-direction: reverse;\n }\n}\n","import { Component, h, Host, Prop } 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 */\n@Component({\n tag: 'ld-progress',\n styleUrl: 'ld-progress.css',\n shadow: true,\n})\nexport class LdProgress {\n /**\n * Defines the string value or identifies the element (or elements)\n * that label the progressbar element providing an accessible name.\n */\n @Prop({ reflect: true }) ariaLabeledby?: string\n\n /**\n * Set to a decimal value representing the maximum value, and greater\n * than aria-valuemin. If not present, the default value is 100.\n */\n @Prop({ reflect: true }) ariaValuemax? = 100\n\n /**\n * Set to a decimal value representing the minimum value, and less\n * than aria-valuemax. If not present, the default value is 0.\n */\n @Prop({ reflect: true }) ariaValuemin? = 0\n\n /**\n * Only present and required if the value is not indeterminate.\n * Set to a decimal value between 0, or valuemin if present,\n * and aria-valuemax indicating the current value of the progress bar.\n */\n @Prop({ reflect: true }) ariaValuenow?: number\n\n /**\n * Assistive technologies often present the value of aria-valuenow\n * as a percentage. If this would not be accurate use this property\n * to make the progress bar value understandable.\n */\n @Prop({ reflect: true }) ariaValuetext?: string\n\n // `onBrandColor` is not possible: Stencil expects `on*` props to be event handlers.\n /**\n * Styles the progress bar in a way that it looks good on the\n * primary color of the current theme.\n */\n @Prop() brandColor?: boolean\n\n /** Used to show indeterminate or pending progress state. */\n @Prop() pending?: boolean\n\n /** Devides progress bar in multiple progress steps. */\n @Prop() steps?: boolean\n\n render() {\n const cl = getClassNames([\n 'ld-progress',\n this.ariaValuenow === undefined && 'ld-progress--indeterminate',\n this.brandColor && 'ld-progress--brand-color',\n this.pending && 'ld-progress--pending',\n this.steps && 'ld-progress--steps',\n ])\n\n return (\n \n )\n }\n}\n"],"mappings":"iFAAA,MAAMA,EAAgB,miM,MCYTC,EAAU,M,wEAWoB,I,kBAMA,E,+HA6BzC,MAAAC,GACE,MAAMC,EAAKC,EAAc,CACvB,cACAC,KAAKC,eAAiBC,WAAa,6BACnCF,KAAKG,YAAc,2BACnBH,KAAKI,SAAW,uBAChBJ,KAAKK,OAAS,uBAGhB,OACEC,EAACC,EAAI,CACHC,MAAOV,EACPW,KAAK,cACLC,MAAKC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACCZ,KAAKa,eAAiBX,WAAa,CACrC,yBAA0BF,KAAKa,aAAe,KAE5Cb,KAAKc,eAAiBZ,WAAa,CACrC,yBAA0BF,KAAKc,aAAe,KAE5Cd,KAAKC,eAAiBC,WAAa,CACrC,yBAA0BF,KAAKC,aAAe,M"}
\ No newline at end of file
diff --git a/1704966176737/dist/build/p-d630f46e.entry.js b/1704966176737/dist/build/p-d630f46e.entry.js
new file mode 100644
index 0000000000..3efe4dca98
--- /dev/null
+++ b/1704966176737/dist/build/p-d630f46e.entry.js
@@ -0,0 +1,2 @@
+import{r as o,h as t,a}from"./p-21a69c18.js";const r=".docs-topbar{--ld-header-height:var(--docs-header-height);min-width:20rem}.docs-topbar::part(container){margin:0 var(--ld-sp-4);max-width:calc(var(--docs-max-width) - var(--ld-sp-8));padding:0 var(--ld-sp-32)}.docs-topbar__logo{display:block;margin-left:calc(-1 * var(--ld-sp-16));margin-right:var(--ld-sp-12)}@media (width >= 52rem){.docs-topbar__logo{margin-left:calc(-1 * var(--ld-sp-8))}}.docs-topbar__links{margin-right:var(--ld-sp-6);padding-left:var(--ld-sp-40);width:var(--docs-toc-width)}@media (width <= 52rem){.docs-topbar__links{margin-right:calc(-1 * var(--ld-sp-12))}}@media (width <= 75rem){.docs-topbar__links{padding-left:var(--ld-sp-24);width:auto}}.docs-topbar__link{height:var(--ld-sp-24);width:var(--ld-sp-24)}.docs-topbar__link:not(:last-of-type){margin-right:var(--ld-sp-24)}@media (hover:hover){.docs-topbar__link{opacity:.8;transition:opacity .2s linear}.docs-topbar__link:hover{opacity:1}}.docs-topbar__headline-link{-webkit-text-decoration:none;text-decoration:none}.docs-topbar__headline{color:var(--ld-col-wht);font-family:var(--ld-font-body)}.docs-topbar__headline b{font-weight:900;margin-right:var(--ld-sp-8)}@media (width <= 40rem){.docs-topbar__headline--long{display:none}}.docs-topbar__headline--short{display:none;margin-left:calc(-1 * var(--ld-sp-16))}@media (width <= 40rem){.docs-topbar__headline--short{display:block}}.docs-topbar__tooltip::part(trigger){cursor:pointer}";const s=class{constructor(t){o(this,t);this.base=document.querySelector("base").href}render(){return t("ld-header",{class:"docs-topbar ld-theme-bubblegum","logo-title":"Home","logo-url":this.base,sticky:true},t("img",{alt:"Logo",class:"docs-topbar__logo",role:"presentation",slot:"logo",src:a("./assets/logo.svg")}),t("a",{class:"docs-topbar__headline-link",href:this.base,title:"Home"},t("p",{class:"docs-topbar__headline docs-topbar__headline--long"},t("b",null,"Liquid Oxygen")," Documentation"),t("p",{class:"docs-topbar__headline docs-topbar__headline--short"},t("b",null,"Liquid")," Docs")),t("div",{slot:"end",class:"docs-topbar__links"},t("a",{class:"docs-topbar__link",href:"https://www.figma.com/file/8GYcAOePm8Tt9qqJ7Gnv99/Liquid-Oxygen-(Share)?node-id=3%3A14310",rel:"noreferrer noopener",slot:"end",target:"_blank"},t("ld-tooltip",{class:"docs-topbar__tooltip",arrow:true,position:"bottom right",tetherOptions:JSON.stringify({offset:"0px -12px",constraints:[{to:"window"}]})},t("img",{class:"docs-topbar__tooltip-trigger",slot:"trigger",src:a("./assets/figma.svg"),alt:"Liquid Oxygen on Figma",role:"presentation"}),t("docs-figma-access-notice",null))),t("a",{class:"docs-topbar__link",href:"https://github.com/emdgroup-liquid/liquid",rel:"noreferrer noopener",slot:"end",target:"_blank"},t("img",{src:a("./assets/github.svg"),alt:"Liquid Oxygen on GitHub",role:"presentation"}))))}static get assetsDirs(){return["assets"]}};s.style=r;export{s as docs_topbar};
+//# sourceMappingURL=p-d630f46e.entry.js.map
\ No newline at end of file
diff --git a/dist/build/p-e4aeb305.entry.js.map b/1704966176737/dist/build/p-d630f46e.entry.js.map
similarity index 98%
rename from dist/build/p-e4aeb305.entry.js.map
rename to 1704966176737/dist/build/p-d630f46e.entry.js.map
index fe15fda8a3..765358728b 100644
--- a/dist/build/p-e4aeb305.entry.js.map
+++ b/1704966176737/dist/build/p-d630f46e.entry.js.map
@@ -1 +1 @@
-{"version":3,"names":["docsTopbarCss","DocsTopbar","constructor","hostRef","this","base","document","querySelector","href","render","h","class","sticky","alt","role","slot","src","getAssetPath","title","rel","target","arrow","position","tetherOptions","JSON","stringify","offset","constraints","to"],"sources":["../src/docs/components/docs-topbar/docs-topbar.css?tag=docs-topbar","../src/docs/components/docs-topbar/docs-topbar.tsx"],"sourcesContent":[".docs-topbar {\n --ld-header-height: var(--docs-header-height);\n\n min-width: 20rem;\n\n &::part(container) {\n margin: 0 var(--ld-sp-4);\n padding: 0 var(--ld-sp-32);\n max-width: calc(var(--docs-max-width) - var(--ld-sp-8));\n }\n}\n\n.docs-topbar__logo {\n display: block;\n margin-left: calc(-1 * var(--ld-sp-16));\n margin-right: var(--ld-sp-12);\n\n @media (width >= 52rem) {\n margin-left: calc(-1 * var(--ld-sp-8));\n }\n}\n\n.docs-topbar__links {\n width: var(--docs-toc-width);\n padding-left: var(--ld-sp-40);\n margin-right: var(--ld-sp-6);\n\n @media (width <= 52rem) {\n margin-right: calc(-1 * var(--ld-sp-12));\n }\n\n @media (width <= 75rem) {\n width: auto;\n padding-left: var(--ld-sp-24);\n }\n}\n\n.docs-topbar__link {\n width: var(--ld-sp-24);\n height: var(--ld-sp-24);\n\n &:not(:last-of-type) {\n margin-right: var(--ld-sp-24);\n }\n\n @media (hover: hover) {\n transition: opacity 0.2s linear;\n opacity: 0.8;\n\n &:hover {\n opacity: 1;\n }\n }\n}\n\n.docs-topbar__headline-link {\n text-decoration: none;\n}\n\n.docs-topbar__headline {\n color: var(--ld-col-wht);\n font-family: var(--ld-font-body);\n\n b {\n font-weight: 900;\n margin-right: var(--ld-sp-8);\n }\n}\n\n.docs-topbar__headline--long {\n @media (width <= 40rem) {\n display: none;\n }\n}\n\n.docs-topbar__headline--short {\n display: none;\n margin-left: calc(-1 * var(--ld-sp-16));\n\n @media (width <= 40rem) {\n display: block;\n }\n}\n\n.docs-topbar__tooltip {\n &::part(trigger) {\n cursor: pointer;\n }\n}\n","import { Component, h, getAssetPath } from '@stencil/core'\n\n/** @internal **/\n@Component({\n tag: 'docs-topbar',\n styleUrl: 'docs-topbar.css',\n shadow: false,\n assetsDirs: ['assets'],\n})\nexport class DocsTopbar {\n private base = document.querySelector('base').href\n\n render() {\n return (\n \n \n \n \n Liquid Oxygen Documentation\n
\n \n Liquid Docs\n
\n \n \n \n )\n }\n}\n"],"mappings":"6CAAA,MAAMA,EAAgB,24C,MCSTC,EAAU,MANvB,WAAAC,CAAAC,G,UAOUC,KAAAC,KAAOC,SAASC,cAAc,QAAQC,I,CAE9C,MAAAC,GACE,OACEC,EAAA,aACEC,MAAM,iCAAgC,aAC3B,OAAM,WACPP,KAAKC,KACfO,OAAM,MAENF,EAAA,OACEG,IAAI,OACJF,MAAM,oBACNG,KAAK,eACLC,KAAK,OACLC,IAAKC,EAAa,uBAEpBP,EAAA,KAAGC,MAAM,6BAA6BH,KAAMJ,KAAKC,KAAMa,MAAM,QAC3DR,EAAA,KAAGC,MAAM,qDACPD,EAAA,0BAAoB,kBAEtBA,EAAA,KAAGC,MAAM,sDACPD,EAAA,mBAAa,UAGjBA,EAAA,OAAKK,KAAK,MAAMJ,MAAM,sBACpBD,EAAA,KACEC,MAAM,oBACNH,KAAK,4FACLW,IAAI,sBACJJ,KAAK,MACLK,OAAO,UAEPV,EAAA,cACEC,MAAM,uBACNU,MAAK,KACLC,SAAS,eACTC,cAAeC,KAAKC,UAAU,CAC5BC,OAAQ,YACRC,YAAa,CACX,CACEC,GAAI,cAKVlB,EAAA,OACEC,MAAM,+BACNI,KAAK,UACLC,IAAKC,EAAa,sBAClBJ,IAAI,yBACJC,KAAK,iBAEPJ,EAAA,mCAGJA,EAAA,KACEC,MAAM,oBACNH,KAAK,4CACLW,IAAI,sBACJJ,KAAK,MACLK,OAAO,UAEPV,EAAA,OACEM,IAAKC,EAAa,uBAClBJ,IAAI,0BACJC,KAAK,mB"}
\ No newline at end of file
+{"version":3,"names":["docsTopbarCss","DocsTopbar","constructor","hostRef","this","base","document","querySelector","href","render","h","class","sticky","alt","role","slot","src","getAssetPath","title","rel","target","arrow","position","tetherOptions","JSON","stringify","offset","constraints","to"],"sources":["../src/docs/components/docs-topbar/docs-topbar.css?tag=docs-topbar","../src/docs/components/docs-topbar/docs-topbar.tsx"],"sourcesContent":[".docs-topbar {\n --ld-header-height: var(--docs-header-height);\n\n min-width: 20rem;\n\n &::part(container) {\n margin: 0 var(--ld-sp-4);\n padding: 0 var(--ld-sp-32);\n max-width: calc(var(--docs-max-width) - var(--ld-sp-8));\n }\n}\n\n.docs-topbar__logo {\n display: block;\n margin-left: calc(-1 * var(--ld-sp-16));\n margin-right: var(--ld-sp-12);\n\n @media (width >= 52rem) {\n margin-left: calc(-1 * var(--ld-sp-8));\n }\n}\n\n.docs-topbar__links {\n width: var(--docs-toc-width);\n padding-left: var(--ld-sp-40);\n margin-right: var(--ld-sp-6);\n\n @media (width <= 52rem) {\n margin-right: calc(-1 * var(--ld-sp-12));\n }\n\n @media (width <= 75rem) {\n width: auto;\n padding-left: var(--ld-sp-24);\n }\n}\n\n.docs-topbar__link {\n width: var(--ld-sp-24);\n height: var(--ld-sp-24);\n\n &:not(:last-of-type) {\n margin-right: var(--ld-sp-24);\n }\n\n @media (hover: hover) {\n transition: opacity 0.2s linear;\n opacity: 0.8;\n\n &:hover {\n opacity: 1;\n }\n }\n}\n\n.docs-topbar__headline-link {\n text-decoration: none;\n}\n\n.docs-topbar__headline {\n color: var(--ld-col-wht);\n font-family: var(--ld-font-body);\n\n b {\n font-weight: 900;\n margin-right: var(--ld-sp-8);\n }\n}\n\n.docs-topbar__headline--long {\n @media (width <= 40rem) {\n display: none;\n }\n}\n\n.docs-topbar__headline--short {\n display: none;\n margin-left: calc(-1 * var(--ld-sp-16));\n\n @media (width <= 40rem) {\n display: block;\n }\n}\n\n.docs-topbar__tooltip {\n &::part(trigger) {\n cursor: pointer;\n }\n}\n","import { Component, h, getAssetPath } from '@stencil/core'\n\n/** @internal **/\n@Component({\n tag: 'docs-topbar',\n styleUrl: 'docs-topbar.css',\n shadow: false,\n assetsDirs: ['assets'],\n})\nexport class DocsTopbar {\n private base = document.querySelector('base').href\n\n render() {\n return (\n \n \n \n \n Liquid Oxygen Documentation\n
\n \n Liquid Docs\n
\n \n \n \n )\n }\n}\n"],"mappings":"6CAAA,MAAMA,EAAgB,s4C,MCSTC,EAAU,MANvB,WAAAC,CAAAC,G,UAOUC,KAAAC,KAAOC,SAASC,cAAc,QAAQC,I,CAE9C,MAAAC,GACE,OACEC,EAAA,aACEC,MAAM,iCAAgC,aAC3B,OAAM,WACPP,KAAKC,KACfO,OAAM,MAENF,EAAA,OACEG,IAAI,OACJF,MAAM,oBACNG,KAAK,eACLC,KAAK,OACLC,IAAKC,EAAa,uBAEpBP,EAAA,KAAGC,MAAM,6BAA6BH,KAAMJ,KAAKC,KAAMa,MAAM,QAC3DR,EAAA,KAAGC,MAAM,qDACPD,EAAA,0BAAoB,kBAEtBA,EAAA,KAAGC,MAAM,sDACPD,EAAA,mBAAa,UAGjBA,EAAA,OAAKK,KAAK,MAAMJ,MAAM,sBACpBD,EAAA,KACEC,MAAM,oBACNH,KAAK,4FACLW,IAAI,sBACJJ,KAAK,MACLK,OAAO,UAEPV,EAAA,cACEC,MAAM,uBACNU,MAAK,KACLC,SAAS,eACTC,cAAeC,KAAKC,UAAU,CAC5BC,OAAQ,YACRC,YAAa,CACX,CACEC,GAAI,cAKVlB,EAAA,OACEC,MAAM,+BACNI,KAAK,UACLC,IAAKC,EAAa,sBAClBJ,IAAI,yBACJC,KAAK,iBAEPJ,EAAA,mCAGJA,EAAA,KACEC,MAAM,oBACNH,KAAK,4CACLW,IAAI,sBACJJ,KAAK,MACLK,OAAO,UAEPV,EAAA,OACEM,IAAKC,EAAa,uBAClBJ,IAAI,0BACJC,KAAK,mB"}
\ No newline at end of file
diff --git a/1704894792450/dist/build/p-31ffc68b.entry.js b/1704966176737/dist/build/p-d73a1df9.entry.js
similarity index 86%
rename from 1704894792450/dist/build/p-31ffc68b.entry.js
rename to 1704966176737/dist/build/p-d73a1df9.entry.js
index 7307e5b00d..82a9ceedb9 100644
--- a/1704894792450/dist/build/p-31ffc68b.entry.js
+++ b/1704966176737/dist/build/p-d73a1df9.entry.js
@@ -1,2 +1,2 @@
-import{r as t,h as i,H as r}from"./p-21a69c18.js";const e=".docs-btn-dots-grid__icon{opacity:.5;transition:opacity .2s linear}.docs-btn-dots-grid__btn{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;appearance:none;background-color:initial;border:0;cursor:pointer;padding:0}.docs-btn-dots-grid__btn:hover .docs-btn-dots-grid__icon{opacity:.8}";const h=class{constructor(i){t(this,i)}render(){return i(r,{class:"docs-btn-dots-grid"},i("button",{class:"docs-btn-dots-grid__btn"},i("svg",{class:"docs-btn-dots-grid__icon",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},i("title",null,"Digital Hub"),i("rect",{width:"4",height:"4",rx:"2",fill:"white"}),i("rect",{y:"8",width:"4",height:"4",rx:"2",fill:"white"}),i("rect",{y:"16",width:"4",height:"4",rx:"2",fill:"white"}),i("rect",{x:"8",width:"4",height:"4",rx:"2",fill:"white"}),i("rect",{x:"8",y:"8",width:"4",height:"4",rx:"2",fill:"white"}),i("rect",{x:"8",y:"16",width:"4",height:"4",rx:"2",fill:"white"}),i("rect",{x:"16",width:"4",height:"4",rx:"2",fill:"white"}),i("rect",{x:"16",y:"8",width:"4",height:"4",rx:"2",fill:"white"}),i("rect",{x:"16",y:"16",width:"4",height:"4",rx:"2",fill:"white"}))))}};h.style=e;export{h as docs_btn_dots_grid};
-//# sourceMappingURL=p-31ffc68b.entry.js.map
\ No newline at end of file
+import{r as t,h as i,H as r}from"./p-21a69c18.js";const e=".docs-btn-dots-grid__icon{opacity:.5;transition:opacity .2s linear}.docs-btn-dots-grid__btn{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:initial;border:0;cursor:pointer;padding:0}.docs-btn-dots-grid__btn:hover .docs-btn-dots-grid__icon{opacity:.8}";const h=class{constructor(i){t(this,i)}render(){return i(r,{class:"docs-btn-dots-grid"},i("button",{class:"docs-btn-dots-grid__btn"},i("svg",{class:"docs-btn-dots-grid__icon",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},i("title",null,"Digital Hub"),i("rect",{width:"4",height:"4",rx:"2",fill:"white"}),i("rect",{y:"8",width:"4",height:"4",rx:"2",fill:"white"}),i("rect",{y:"16",width:"4",height:"4",rx:"2",fill:"white"}),i("rect",{x:"8",width:"4",height:"4",rx:"2",fill:"white"}),i("rect",{x:"8",y:"8",width:"4",height:"4",rx:"2",fill:"white"}),i("rect",{x:"8",y:"16",width:"4",height:"4",rx:"2",fill:"white"}),i("rect",{x:"16",width:"4",height:"4",rx:"2",fill:"white"}),i("rect",{x:"16",y:"8",width:"4",height:"4",rx:"2",fill:"white"}),i("rect",{x:"16",y:"16",width:"4",height:"4",rx:"2",fill:"white"}))))}};h.style=e;export{h as docs_btn_dots_grid};
+//# sourceMappingURL=p-d73a1df9.entry.js.map
\ No newline at end of file
diff --git a/1704894792450/dist/build/p-31ffc68b.entry.js.map b/1704966176737/dist/build/p-d73a1df9.entry.js.map
similarity index 100%
rename from 1704894792450/dist/build/p-31ffc68b.entry.js.map
rename to 1704966176737/dist/build/p-d73a1df9.entry.js.map
diff --git a/1704894792450/dist/build/p-d7b432ae.entry.js b/1704966176737/dist/build/p-d7b432ae.entry.js
similarity index 100%
rename from 1704894792450/dist/build/p-d7b432ae.entry.js
rename to 1704966176737/dist/build/p-d7b432ae.entry.js
diff --git a/1704894792450/dist/build/p-d7b432ae.entry.js.map b/1704966176737/dist/build/p-d7b432ae.entry.js.map
similarity index 100%
rename from 1704894792450/dist/build/p-d7b432ae.entry.js.map
rename to 1704966176737/dist/build/p-d7b432ae.entry.js.map
diff --git a/1704894792450/dist/build/p-e2bfe18d.entry.js b/1704966176737/dist/build/p-d833bc8b.entry.js
similarity index 98%
rename from 1704894792450/dist/build/p-e2bfe18d.entry.js
rename to 1704966176737/dist/build/p-d833bc8b.entry.js
index e9060c5c39..241047d444 100644
--- a/1704894792450/dist/build/p-e2bfe18d.entry.js
+++ b/1704966176737/dist/build/p-d833bc8b.entry.js
@@ -23,5 +23,5 @@ import{r as registerInstance,a as getAssetPath,h,F as Fragment}from"./p-21a69c18
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
- */function i(t,i){return o$1({descriptor:e=>{var s={get(){var i,e;return null!==(e=null===(i=this.renderRoot)||void 0===i?void 0:i.querySelector(t))&&void 0!==e?e:null},enumerable:!0,configurable:!0};if(i){var r="symbol"==typeof e?Symbol():"__"+e;s.get=function(){var i,e;return void 0===this[r]&&(this[r]=null!==(e=null===(i=this.renderRoot)||void 0===i?void 0:i.querySelector(t))&&void 0!==e?e:null),this[r]}}return s}})}var lottie$1={exports:{}};(function(module,exports){var factory;"undefined"!=typeof navigator&&(factory=function(){var svgNS="http://www.w3.org/2000/svg",locationHref="",_useWebWorker=!1,initialDefaultFrame=-999999,setWebWorker=function(t){_useWebWorker=!!t},getWebWorker=function(){return _useWebWorker},setLocationHref=function(t){locationHref=t},getLocationHref=function(){return locationHref};function createTag(t){return document.createElement(t)}function extendPrototype(t,i){var e,s,r=t.length;for(e=0;e1?e[1]=1:e[1]<=0&&(e[1]=0),HSVtoRGB(e[0],e[1],e[2])}function addBrightnessToRGB(t,i){var e=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return e[2]+=i,e[2]>1?e[2]=1:e[2]<0&&(e[2]=0),HSVtoRGB(e[0],e[1],e[2])}function addHueToRGB(t,i){var e=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return e[0]+=i/360,e[0]>1?e[0]-=1:e[0]<0&&(e[0]+=1),HSVtoRGB(e[0],e[1],e[2])}var rgbToHex=function(){var t,i,e=[];for(t=0;t<256;t+=1)i=t.toString(16),e[t]=1===i.length?"0"+i:i;return function(t,i,s){return t<0&&(t=0),i<0&&(i=0),s<0&&(s=0),"#"+e[t]+e[i]+e[s]}}(),setSubframeEnabled=function(t){subframeEnabled=!!t},getSubframeEnabled=function(){return subframeEnabled},setExpressionsPlugin=function(t){expressionsPlugin=t},getExpressionsPlugin=function(){return expressionsPlugin},setExpressionInterfaces=function(t){expressionsInterfaces=t},getExpressionInterfaces=function(){return expressionsInterfaces},setDefaultCurveSegments=function(t){defaultCurveSegments=t},getDefaultCurveSegments=function(){return defaultCurveSegments},setIdPrefix=function(t){idPrefix$1=t};function createNS(t){return document.createElementNS(svgNS,t)}function _typeof$5(t){return _typeof$5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof$5(t)}var dataManager=function(){var t,i,e=1,s=[],r={onmessage:function(){},postMessage:function(i){t({data:i})}},n={postMessage:function(t){r.onmessage({data:t})}};function h(){i||(i=function(i){if(window.Worker&&window.Blob&&getWebWorker()){var e=new Blob(["var _workerSelf = self; self.onmessage = ",i.toString()],{type:"text/javascript"}),s=URL.createObjectURL(e);return new Worker(s)}return t=i,r}((function(t){if(n.dataManager||(n.dataManager=function(){function t(r,n){var h,o,a,f,c,u,d=r.length;for(o=0;o=0;i-=1)if("sh"===t[i].ty)if(t[i].ks.k.i)s(t[i].ks.k);else for(n=t[i].ks.k.length,r=0;re[0]||!(e[0]>t[0])&&(t[1]>e[1]||!(e[1]>t[1])&&(t[2]>e[2]||!(e[2]>t[2])&&null))}var n,h=function(){var t=[4,4,14];function i(t){var i,e,s,r=t.length;for(i=0;i=0;e-=1)if("sh"===t[e].ty)if(t[e].ks.k.i)t[e].ks.k.c=t[e].closed;else for(r=t[e].ks.k.length,s=0;s500)&&(this._imageLoaded(),clearInterval(e)),i+=1}.bind(this),50)}function n(t){var i={assetData:t},e=s(t,this.assetsPath,this.path);return dataManager.loadData(e,function(t){i.img=t,this._footageLoaded()}.bind(this),function(){i.img={},this._footageLoaded()}.bind(this)),i}function h(){this._imageLoaded=i.bind(this),this._footageLoaded=e.bind(this),this.testImageLoaded=r.bind(this),this.createFootageData=n.bind(this),this.assetsPath="",this.path="",this.totalImages=0,this.totalFootages=0,this.loadedAssets=0,this.loadedFootagesCount=0,this.imagesLoadedCb=null,this.images=[]}return h.prototype={loadAssets:function(t,i){var e;this.imagesLoadedCb=i;var s=t.length;for(e=0;ethis.animationData.op&&(this.animationData.op=t.op,this.totalFrames=Math.floor(t.op-this.animationData.ip));var i,e,s=this.animationData.layers,r=s.length,n=t.layers,h=n.length;for(e=0;ethis.timeCompleted&&(this.currentFrame=this.timeCompleted),this.trigger("enterFrame"),this.renderFrame(),this.trigger("drawnFrame")},AnimationItem.prototype.renderFrame=function(){if(!1!==this.isLoaded&&this.renderer)try{this.renderer.renderFrame(this.currentFrame+this.firstFrame)}catch(t){this.triggerRenderFrameError(t)}},AnimationItem.prototype.play=function(t){t&&this.name!==t||!0===this.isPaused&&(this.isPaused=!1,this.trigger("_pause"),this.audioController.resume(),this._idle&&(this._idle=!1,this.trigger("_active")))},AnimationItem.prototype.pause=function(t){t&&this.name!==t||!1===this.isPaused&&(this.isPaused=!0,this.trigger("_play"),this._idle=!0,this.trigger("_idle"),this.audioController.pause())},AnimationItem.prototype.togglePause=function(t){t&&this.name!==t||(!0===this.isPaused?this.play():this.pause())},AnimationItem.prototype.stop=function(t){t&&this.name!==t||(this.pause(),this.playCount=0,this._completedLoop=!1,this.setCurrentRawFrameValue(0))},AnimationItem.prototype.getMarkerData=function(t){for(var i,e=0;e=this.totalFrames-1&&this.frameModifier>0?this.loop&&this.playCount!==this.loop?i>=this.totalFrames?(this.playCount+=1,this.checkSegments(i%this.totalFrames)||(this.setCurrentRawFrameValue(i%this.totalFrames),this._completedLoop=!0,this.trigger("loopComplete"))):this.setCurrentRawFrameValue(i):this.checkSegments(i>this.totalFrames?i%this.totalFrames:0)||(e=!0,i=this.totalFrames-1):i<0?this.checkSegments(i%this.totalFrames)||(!this.loop||this.playCount--<=0&&!0!==this.loop?(e=!0,i=0):(this.setCurrentRawFrameValue(this.totalFrames+i%this.totalFrames),this._completedLoop?this.trigger("loopComplete"):this._completedLoop=!0)):this.setCurrentRawFrameValue(i),e&&(this.setCurrentRawFrameValue(i),this.pause(),this.trigger("complete"))}},AnimationItem.prototype.adjustSegment=function(t,i){this.playCount=0,t[1]0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(-1)),this.totalFrames=t[0]-t[1],this.timeCompleted=this.totalFrames,this.firstFrame=t[1],this.setCurrentRawFrameValue(this.totalFrames-.001-i)):t[1]>t[0]&&(this.frameModifier<0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(1)),this.totalFrames=t[1]-t[0],this.timeCompleted=this.totalFrames,this.firstFrame=t[0],this.setCurrentRawFrameValue(.001+i)),this.trigger("segmentStart")},AnimationItem.prototype.setSegment=function(t,i){var e=-1;this.isPaused&&(this.currentRawFrame+this.firstFramei&&(e=i-t)),this.firstFrame=t,this.totalFrames=i-t,this.timeCompleted=this.totalFrames,-1!==e&&this.goToAndStop(e,!0)},AnimationItem.prototype.playSegments=function(t,i){if(i&&(this.segments.length=0),"object"===_typeof$4(t[0])){var e,s=t.length;for(e=0;e