@oiz/stzh-components 4.6.0-beta3 → 4.6.0

package/dist/stzh-components/{p-32448e73.entry.js → p-1afb2913.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as t,a as r,g as s}from"./p-ef5985a3.js";const e=".sc-stzh-invert-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-invert-h,[stzh-hidden].sc-stzh-invert-h{display:none}.sc-stzh-invert-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-invert-h *.sc-stzh-invert,.sc-stzh-invert-h *.sc-stzh-invert::before,.sc-stzh-invert-h *.sc-stzh-invert::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-invert-h .has-focus.sc-stzh-invert{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-invert-h .stzh-fylingfocus-focused.sc-stzh-invert{outline-style:none !important}.sc-stzh-invert-h .stzh-fylingfocus-focused.sc-stzh-invert::-moz-focus-inner{border:0 !important}.sc-stzh-invert-h{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--stzh-button-color:var(--stzh-color-primary);--stzh-button-background-color:var(--stzh-base-invert-color);--stzh-button-hover-color:var(--stzh-color-primary);--stzh-button-hover-background-color:var(--stzh-color-white80op);--stzh-button-disabled-color:var(--stzh-color-primary);--stzh-button-disabled-background-color:var(--stzh-color-white40op);--stzh-button-secondary-color:var(--stzh-base-invert-color);--stzh-button-secondary-background-color:var(--stzh-color-white40op);--stzh-button-secondary-hover-color:var(--stzh-base-invert-color);--stzh-button-secondary-hover-background-color:var(--stzh-color-white30op);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op);--stzh-button-tertiary-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-background-color:var(--stzh-color-white20op);--stzh-button-tertiary-disabled-color:var(--stzh-color-white70op);--stzh-button-active-color:var(--stzh-color-primary);--stzh-button-active-background-color:var(--stzh-color-white80op);--stzh-button-active-hover-color:var(--stzh-color-primary);--stzh-button-active-hover-background-color:var(--stzh-color-white80op);--stzh-chip-color:var(--stzh-base-invert-color);--stzh-chip-background-color:var(--stzh-color-white40op);--stzh-chip-hover-color:var(--stzh-base-invert-color);--stzh-chip-hover-background-color:var(--stzh-color-white30op);--stzh-chip-disabled-color:var(--stzh-color-white60op);--stzh-chip-disabled-background-color:var(--stzh-color-white40op);--stzh-chip-active-color:var(--stzh-color-primary);--stzh-chip-active-background-color:var(--stzh-color-white80op);--stzh-chip-active-hover-color:var(--stzh-color-primary);--stzh-chip-active-hover-background-color:var(--stzh-color-white80op);--stzh-richtext-blockquote-color:var(--stzh-base-invert-color);--stzh-richtext-blockquote-line-color:var(--stzh-base-invert-color);--stzh-richtext-blockquote-footer-color:var(--stzh-base-invert-color)}.sc-stzh-invert-h.sc-stzh-invert-s>*,.sc-stzh-invert-h .sc-stzh-invert-s>*{background-color:var(--stzh-base-invert-background-color)}";const c=e;const h=class{constructor(t){o(this,t)}render(){const o={"stzh-invert":true};return t(r,{key:"a393766648334c7803571d6595db537bbe45ba29"},t("div",{key:"58c8b5f6ad9b4fa3f12639454e9bc8689c511657",class:o},t("slot",{key:"bd80dab5c7c82375b3d1b6208f0246ba23adc76e"})))}get element(){return s(this)}};h.style=c;export{h as stzh_invert};
-//# sourceMappingURL=p-32448e73.entry.js.map
+import{r as o,h as t,a as r,g as s}from"./p-ef5985a3.js";const e=".sc-stzh-invert-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-invert-h,[stzh-hidden].sc-stzh-invert-h{display:none}.sc-stzh-invert-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-invert-h *.sc-stzh-invert,.sc-stzh-invert-h *.sc-stzh-invert::before,.sc-stzh-invert-h *.sc-stzh-invert::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-invert-h .has-focus.sc-stzh-invert{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-invert-h .stzh-fylingfocus-focused.sc-stzh-invert{outline-style:none !important}.sc-stzh-invert-h .stzh-fylingfocus-focused.sc-stzh-invert::-moz-focus-inner{border:0 !important}.sc-stzh-invert-h{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--stzh-button-color:var(--stzh-color-primary);--stzh-button-background-color:var(--stzh-base-invert-color);--stzh-button-hover-color:var(--stzh-color-primary);--stzh-button-hover-background-color:var(--stzh-color-white80op);--stzh-button-disabled-color:var(--stzh-color-primary);--stzh-button-disabled-background-color:var(--stzh-color-white40op);--stzh-button-secondary-color:var(--stzh-base-invert-color);--stzh-button-secondary-background-color:var(--stzh-color-white40op);--stzh-button-secondary-hover-color:var(--stzh-base-invert-color);--stzh-button-secondary-hover-background-color:var(--stzh-color-white30op);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op);--stzh-button-tertiary-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-background-color:var(--stzh-color-white20op);--stzh-button-tertiary-disabled-color:var(--stzh-color-white70op);--stzh-button-active-color:var(--stzh-color-primary);--stzh-button-active-background-color:var(--stzh-color-white80op);--stzh-button-active-hover-color:var(--stzh-color-primary);--stzh-button-active-hover-background-color:var(--stzh-color-white80op);--stzh-chip-color:var(--stzh-base-invert-color);--stzh-chip-background-color:var(--stzh-color-white40op);--stzh-chip-hover-color:var(--stzh-base-invert-color);--stzh-chip-hover-background-color:var(--stzh-color-white30op);--stzh-chip-disabled-color:var(--stzh-color-white60op);--stzh-chip-disabled-background-color:var(--stzh-color-white40op);--stzh-chip-active-color:var(--stzh-color-primary);--stzh-chip-active-background-color:var(--stzh-color-white80op);--stzh-chip-active-hover-color:var(--stzh-color-primary);--stzh-chip-active-hover-background-color:var(--stzh-color-white80op);--stzh-richtext-blockquote-color:var(--stzh-base-invert-color);--stzh-richtext-blockquote-line-color:var(--stzh-base-invert-color);--stzh-richtext-blockquote-footer-color:var(--stzh-base-invert-color)}.sc-stzh-invert-h.sc-stzh-invert-s>*,.sc-stzh-invert-h .sc-stzh-invert-s>*{background-color:var(--stzh-base-invert-background-color)}";const c=e;const h=class{constructor(t){o(this,t)}render(){const o={"stzh-invert":true};return t(r,{key:"3780a2cc594dbd33797186e390b4e0ef7156c62b"},t("div",{key:"235bccc02a08e8e763be102d2635d96324224523",class:o},t("slot",{key:"56139ef82cb5fbde80ecf5ce39667e3f63cd4f3f"})))}get element(){return s(this)}};h.style=c;export{h as stzh_invert};
+//# sourceMappingURL=p-1afb2913.entry.js.map

package/dist/stzh-components/{p-47e0ff99.entry.js → p-1d4cd8ef.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a,g as s}from"./p-ef5985a3.js";import{s as i,h as r}from"./p-87c329f2.js";import"./p-dae15605.js";const o=':host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-table{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;--stzh-list-font-size:"";--stzh-list-line-height:"";--stzh-list-letter-spacing:"";--max-height:var(--stzh-table-max-height);--min-width:var(--stzh-table-min-width);--cell-padding:var(--stzh-table-cell-padding);--search-input-width:var(--stzh-table-search-input-width)}stzh-table[hidden],stzh-table[stzh-hidden]{display:none}stzh-table::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-table *,stzh-table *::before,stzh-table *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-table .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-table .stzh-fylingfocus-focused{outline-style:none !important}stzh-table .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-table[disable-min-width]:not([disable-min-width=false]){--min-width:none}.stzh-table{-webkit-text-size-adjust:100%;}.stzh-table__sub-header{display:flex;align-items:flex-end;justify-content:space-between}.stzh-table__header .stzh-table__search{flex-grow:1;margin-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__header .stzh-table__search{width:var(--search-input-width);flex-grow:0}}.stzh-table__action-button{flex-shrink:0;margin-left:auto}.stzh-table__outer-wrapper{position:relative}.stzh-table__outer-wrapper::before,.stzh-table__outer-wrapper::after{z-index:4;background:linear-gradient(90deg, rgb(210, 210, 210) 0%, rgba(255, 255, 255, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:1.5rem;transition:opacity var(--stzh-base-transition-animation-speed);opacity:0}.stzh-table__outer-wrapper::before{left:0}.stzh-table__outer-wrapper::after{right:0;transform:rotate(-180deg)}.stzh-table__wrapper{overflow-x:auto;max-height:var(--max-height)}.stzh-table__wrapper::-webkit-scrollbar{position:absolute;z-index:9999999;width:0.5rem;background-color:transparent}.stzh-table__wrapper::-webkit-scrollbar:horizontal{height:0.5rem}.stzh-table__wrapper::-webkit-scrollbar-track{background-color:transparent}.stzh-table__wrapper::-webkit-scrollbar-thumb{background-color:var(--stzh-color-secondary50)}.stzh-table__wrapper::-webkit-scrollbar-thumb:active,.stzh-table__wrapper ::-webkit-scrollbar-thumb:hover{background-color:var(--stzh-color-secondary50)}.stzh-table__pagination-wrapper{display:flex;justify-content:flex-end}.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-xxlarge)}}.stzh-table__sort-button{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);cursor:pointer;appearance:none;background:none;border:none;display:inline-flex;align-items:center;font-size:inherit;line-height:inherit;color:inherit;padding:var(--cell-padding);gap:var(--stzh-space-xxsmall)}.stzh-table__sort-button:hover,.stzh-table__sort-button:focus{color:var(--stzh-color-primary-hover)}.stzh-table__list-sort-wrapper{display:flex;flex-direction:column;align-items:flex-start}.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-table__list-sort-wrapper stzh-dropdown+stzh-dropdown{margin-top:calc(var(--stzh-space-xsmall) / -1)}.stzh-table table{width:100%;border-spacing:0;min-width:var(--min-width);}.stzh-table table.has-layout-fixed{table-layout:fixed}.stzh-table thead{position:sticky;top:0;z-index:1}.stzh-table tbody tr:nth-child(even) td,.stzh-table tbody tr:nth-child(even) th{background-color:var(--stzh-color-grey10)}.stzh-table td,.stzh-table th{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);text-align:left;border:none;vertical-align:top;border:none;background-color:var(--stzh-color-white);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding);}.stzh-table td a,.stzh-table th a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.stzh-table td a:hover,.stzh-table th a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.stzh-table td b,.stzh-table td strong,.stzh-table th b,.stzh-table th strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-table td i,.stzh-table td em,.stzh-table th i,.stzh-table th em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}.stzh-table td.align-left,.stzh-table th.align-left{text-align:left}.stzh-table td.align-right,.stzh-table th.align-right{text-align:right}.stzh-table td.align-center,.stzh-table th.align-center{text-align:center}.stzh-table td.valign-auto,.stzh-table th.valign-auto{vertical-align:auto}.stzh-table td.valign-middle,.stzh-table th.valign-middle{vertical-align:middle}.stzh-table td.valign-bottom,.stzh-table th.valign-bottom{vertical-align:bottom}.stzh-table td.valign-top,.stzh-table th.valign-top{vertical-align:top}.stzh-table td.nowrap,.stzh-table th.nowrap{white-space:nowrap}.stzh-table td.is-head,.stzh-table th.is-head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-table td.is-sticky-left,.stzh-table td.is-sticky-right,.stzh-table th.is-sticky-left,.stzh-table th.is-sticky-right{position:sticky;z-index:1}.stzh-table td.has-sticked,.stzh-table th.has-sticked{z-index:2}.stzh-table td.is-sticky-left,.stzh-table th.is-sticky-left{left:0}.stzh-table td.is-sticky-right,.stzh-table th.is-sticky-right{right:0}.stzh-table td.is-sticky-left::after,.stzh-table td.is-sticky-right::after,.stzh-table th.is-sticky-left::after,.stzh-table th.is-sticky-right::after{background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;transform:translate(100%);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-table td.is-sticky-left::after,.stzh-table th.is-sticky-left::after{right:0}.stzh-table td.is-sticky-right::after,.stzh-table th.is-sticky-right::after{left:0;transform:rotate(-180deg) translate(100%)}.stzh-table td.has-sticked.is-sticky-left::after,.stzh-table td.has-sticked.is-sticky-right::after,.stzh-table th.has-sticked.is-sticky-left::after,.stzh-table th.has-sticked.is-sticky-right::after{opacity:1}.stzh-table th{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-table-head-color, var(--stzh-color-primary))}.stzh-table th.is-sortable{padding:0}td.has-sorted .stzh-table__sort-icon,th.has-sorted .stzh-table__sort-icon{display:inline-flex}td.has-sorted-desc .stzh-table__sort-icon,th.has-sorted-desc .stzh-table__sort-icon{transform:rotate(180deg)}.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-xlarge)}}.stzh-table.has-action-or-search .stzh-table__heading:not(:empty){margin-bottom:var(--stzh-space-xlarge)}.stzh-table.has-list .stzh-table__outer-wrapper{display:none}@media screen and (min-width: 1260px){.stzh-table.has-list .stzh-table__outer-wrapper{display:block}}@media screen and (min-width: 1260px){.stzh-table.has-list .stzh-table__list-wrapper{display:none}}.stzh-table.has-scroll-left-shadow .stzh-table__outer-wrapper::before,.stzh-table.has-scroll-right-shadow .stzh-table__outer-wrapper::after{opacity:1}.stzh-table.has-scroll-right .stzh-table__wrapper{overflow-x:scroll}';const h=o;const n="has-sticked";const l="is-sticky-left";const d="is-sticky-right";const c=class{constructor(e){t(this,e);this.updateCellClasses=()=>{if(!this.tableWrapper){return}const t=Array.from(this.tableWrapper.querySelectorAll("tr"));t.forEach((t=>{const e=Array.from(t.children);e.forEach(((t,e)=>{t.classList.remove(l);t.classList.remove(d);if(e===this.fixedLeft){t.classList.add(l)}if(e===this.fixedRight){t.classList.add(d)}}))}))};this.updateScrollStates=()=>{if(!this.tableWrapper){return}const t=this.tableWrapper.scrollLeft;const e=this.tableWrapper.scrollWidth;const a=this.tableWrapper.clientWidth;this.isScrollable=e>a;this.hasScrollLeft=t>0;this.hasScrollRight=t<e-a;const s=Array.from(this.tableWrapper.querySelectorAll("tr"));const i=s[0];if(!i){return}this.cellsStickyLeft=[];this.cellsStickyRight=[];const r=Array.from(i.children);r.forEach(((e,s)=>{const i=e.offsetLeft;const r=i+e.offsetWidth;if(this.hasScrollLeft&&s===this.fixedLeft&&Math.ceil(t)>=i){this.cellsStickyLeft.push(s)}if(this.hasScrollRight&&s===this.fixedRight&&Math.ceil(t)+a<=r){this.cellsStickyRight.push(s)}}));s.forEach((t=>{const e=Array.from(t.children);e.forEach(((t,e)=>{if(this.cellsStickyLeft.indexOf(e)>-1||this.cellsStickyRight.indexOf(e)>-1){t.classList.add(n)}else{t.classList.remove(n)}}))}))};this.init=()=>{const t=this.element.querySelector('stzh-input[slot="search"], [slot="search"] stzh-input');const e=this.element.querySelectorAll('stzh-dropdown[slot="list-sort-by-dropdown"], [slot="list-sort-by-dropdown"] stzh-dropdown, stzh-dropdown[slot="list-sort-direction-dropdown"], [slot="list-sort-direction-dropdown"] stzh-dropdown');if(t){i(t,{type:"search",size:"small",hideOptional:true})}e.forEach((t=>{i(t,{inline:true,noSearch:true,variant:"plain",size:"small"})}));this.updateCellClasses();this.updateScrollStates()};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateScrollStates)};this.handleScroll=()=>{if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.updateScrollStates)};this.fixedLeft=null;this.fixedRight=null;this.disableMinWidth=false;this.hasScrollLeft=false;this.hasScrollRight=false;this.isScrollable=false;this.cellsStickyLeft=[];this.cellsStickyRight=[]}fixedCellWatcher(){this.updateCellClasses();this.updateScrollStates()}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true});this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){if(this.observer){this.observer.disconnect()}if(this.resizeObserver){this.resizeObserver.disconnect()}}render(){const t=r(this.element,"heading");const s=r(this.element,"action-button");const i=r(this.element,"search");const o=r(this.element,"list");const h={"stzh-table":true,"is-scrollable":this.isScrollable,"has-scroll-left":this.hasScrollLeft,"has-scroll-right":this.hasScrollRight,"has-scroll-left-shadow":this.hasScrollLeft&&this.cellsStickyLeft.length===0,"has-scroll-right-shadow":this.hasScrollRight&&this.cellsStickyRight.length===0,"has-list":o,"has-heading":t,"has-action-or-search":s||i,"has-header":t||s||i};return e(a,{key:"1a569a03fdacc4e475c64d11670faace58c4c05c"},e("div",{key:"31849e7fed8077c8e0c753a041c54ecea4918ec6",class:h},e("div",{key:"7c24640e369bb95a3af510ce385d42bc66463281",class:"stzh-table__header"},e("div",{key:"1998c6a94af5ecdbd1f6ee879a91898186ecee22",class:"stzh-table__heading"},e("slot",{key:"0be01aee17c703962708e278a280b2762379c41d",name:"heading"})),e("div",{key:"d94f967685baf484eb7551ff1c9259dd6fba42a8",class:"stzh-table__sub-header"},e("div",{key:"db19805f9ee5fc5b70988d93e959a79ba9a8fa83",class:"stzh-table__search"},e("slot",{key:"f471fb027dc98be7a01a82b3ae38e40b8dca7133",name:"search"})),e("div",{key:"b34bc17aac1c2dc2d83e2c78b279d7e7911d387b",class:"stzh-table__action-button"},e("slot",{key:"e6c19935a9a643ba9c29fd3132aa198b79970190",name:"action-button"})))),e("div",{key:"ff9840fd441a5a1b620627966ec696787a0b4e44",class:"stzh-table__outer-wrapper"},e("div",{key:"a212b7e901f5ff3a498293d075694d0eef9c4b25",ref:t=>this.tableWrapper=t,class:"stzh-table__wrapper",onScroll:this.handleScroll},e("slot",{key:"5755b8d652db0b93f818e44daa9d299264ea34e3"}))),e("div",{key:"403c1237e53f32ca272651f826877858bbdf7172",class:"stzh-table__list-wrapper"},e("div",{key:"bfc5da3aba6fc5b59d9c073c1a117d82aed91de7",class:"stzh-table__list-sort-wrapper"},e("slot",{key:"7272730ef28585039a9a0e1c092f54e9ca974588",name:"list-sort-by-dropdown"}),e("slot",{key:"e912469e94b5d29b6ab2d6e58ea803d86d62682a",name:"list-sort-direction-dropdown"})),e("slot",{key:"0623aa3587d5006b3ab49ce4ea32dae156185848",name:"list"})),e("div",{key:"b5de8e78444df0e2a7c4543ded35e4ca0fda1dd2",class:"stzh-table__pagination-wrapper"},e("slot",{key:"021157fc15ac299aec0b3f6fcd42b906ccee8dff",name:"pagination"}))))}get element(){return s(this)}static get watchers(){return{fixedLeft:["fixedCellWatcher"],fixedRight:["fixedCellWatcher"]}}};c.style=h;export{c as stzh_table};
-//# sourceMappingURL=p-47e0ff99.entry.js.map
+import{r as t,h as e,a,g as s}from"./p-ef5985a3.js";import{s as i,h as r}from"./p-87c329f2.js";import"./p-dae15605.js";const o=':host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-table{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;--stzh-list-font-size:"";--stzh-list-line-height:"";--stzh-list-letter-spacing:"";--max-height:var(--stzh-table-max-height);--min-width:var(--stzh-table-min-width);--cell-padding:var(--stzh-table-cell-padding);--search-input-width:var(--stzh-table-search-input-width)}stzh-table[hidden],stzh-table[stzh-hidden]{display:none}stzh-table::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-table *,stzh-table *::before,stzh-table *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-table .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-table .stzh-fylingfocus-focused{outline-style:none !important}stzh-table .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-table[disable-min-width]:not([disable-min-width=false]){--min-width:none}.stzh-table{-webkit-text-size-adjust:100%;}.stzh-table__sub-header{display:flex;align-items:flex-end;justify-content:space-between}.stzh-table__header .stzh-table__search{flex-grow:1;margin-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__header .stzh-table__search{width:var(--search-input-width);flex-grow:0}}.stzh-table__action-button{flex-shrink:0;margin-left:auto}.stzh-table__outer-wrapper{position:relative}.stzh-table__outer-wrapper::before,.stzh-table__outer-wrapper::after{z-index:4;background:linear-gradient(90deg, rgb(210, 210, 210) 0%, rgba(255, 255, 255, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:1.5rem;transition:opacity var(--stzh-base-transition-animation-speed);opacity:0}.stzh-table__outer-wrapper::before{left:0}.stzh-table__outer-wrapper::after{right:0;transform:rotate(-180deg)}.stzh-table__wrapper{overflow-x:auto;max-height:var(--max-height)}.stzh-table__wrapper::-webkit-scrollbar{position:absolute;z-index:9999999;width:0.5rem;background-color:transparent}.stzh-table__wrapper::-webkit-scrollbar:horizontal{height:0.5rem}.stzh-table__wrapper::-webkit-scrollbar-track{background-color:transparent}.stzh-table__wrapper::-webkit-scrollbar-thumb{background-color:var(--stzh-color-secondary50)}.stzh-table__wrapper::-webkit-scrollbar-thumb:active,.stzh-table__wrapper ::-webkit-scrollbar-thumb:hover{background-color:var(--stzh-color-secondary50)}.stzh-table__pagination-wrapper{display:flex;justify-content:flex-end}.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-table__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-xxlarge)}}.stzh-table__sort-button{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);cursor:pointer;appearance:none;background:none;border:none;display:inline-flex;align-items:center;font-size:inherit;line-height:inherit;color:inherit;padding:var(--cell-padding);gap:var(--stzh-space-xxsmall)}.stzh-table__sort-button:hover,.stzh-table__sort-button:focus{color:var(--stzh-color-primary-hover)}.stzh-table__list-sort-wrapper{display:flex;flex-direction:column;align-items:flex-start}.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-table__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-table__list-sort-wrapper stzh-dropdown+stzh-dropdown{margin-top:calc(var(--stzh-space-xsmall) / -1)}.stzh-table table{width:100%;border-spacing:0;min-width:var(--min-width);}.stzh-table table.has-layout-fixed{table-layout:fixed}.stzh-table thead{position:sticky;top:0;z-index:1}.stzh-table tbody tr:nth-child(even) td,.stzh-table tbody tr:nth-child(even) th{background-color:var(--stzh-color-grey10)}.stzh-table td,.stzh-table th{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);text-align:left;border:none;vertical-align:top;border:none;background-color:var(--stzh-color-white);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding);}.stzh-table td a,.stzh-table th a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.stzh-table td a:hover,.stzh-table th a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.stzh-table td b,.stzh-table td strong,.stzh-table th b,.stzh-table th strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-table td i,.stzh-table td em,.stzh-table th i,.stzh-table th em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}.stzh-table td.align-left,.stzh-table th.align-left{text-align:left}.stzh-table td.align-right,.stzh-table th.align-right{text-align:right}.stzh-table td.align-center,.stzh-table th.align-center{text-align:center}.stzh-table td.valign-auto,.stzh-table th.valign-auto{vertical-align:auto}.stzh-table td.valign-middle,.stzh-table th.valign-middle{vertical-align:middle}.stzh-table td.valign-bottom,.stzh-table th.valign-bottom{vertical-align:bottom}.stzh-table td.valign-top,.stzh-table th.valign-top{vertical-align:top}.stzh-table td.nowrap,.stzh-table th.nowrap{white-space:nowrap}.stzh-table td.is-head,.stzh-table th.is-head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-table td.is-sticky-left,.stzh-table td.is-sticky-right,.stzh-table th.is-sticky-left,.stzh-table th.is-sticky-right{position:sticky;z-index:1}.stzh-table td.has-sticked,.stzh-table th.has-sticked{z-index:2}.stzh-table td.is-sticky-left,.stzh-table th.is-sticky-left{left:0}.stzh-table td.is-sticky-right,.stzh-table th.is-sticky-right{right:0}.stzh-table td.is-sticky-left::after,.stzh-table td.is-sticky-right::after,.stzh-table th.is-sticky-left::after,.stzh-table th.is-sticky-right::after{background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;transform:translate(100%);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-table td.is-sticky-left::after,.stzh-table th.is-sticky-left::after{right:0}.stzh-table td.is-sticky-right::after,.stzh-table th.is-sticky-right::after{left:0;transform:rotate(-180deg) translate(100%)}.stzh-table td.has-sticked.is-sticky-left::after,.stzh-table td.has-sticked.is-sticky-right::after,.stzh-table th.has-sticked.is-sticky-left::after,.stzh-table th.has-sticked.is-sticky-right::after{opacity:1}.stzh-table th{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-table-head-color, var(--stzh-color-primary))}.stzh-table th.is-sortable{padding:0}td.has-sorted .stzh-table__sort-icon,th.has-sorted .stzh-table__sort-icon{display:inline-flex}td.has-sorted-desc .stzh-table__sort-icon,th.has-sorted-desc .stzh-table__sort-icon{transform:rotate(180deg)}.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-table.has-header .stzh-table__header{margin-bottom:var(--stzh-space-xlarge)}}.stzh-table.has-action-or-search .stzh-table__heading:not(:empty){margin-bottom:var(--stzh-space-xlarge)}.stzh-table.has-list .stzh-table__outer-wrapper{display:none}@media screen and (min-width: 1260px){.stzh-table.has-list .stzh-table__outer-wrapper{display:block}}@media screen and (min-width: 1260px){.stzh-table.has-list .stzh-table__list-wrapper{display:none}}.stzh-table.has-scroll-left-shadow .stzh-table__outer-wrapper::before,.stzh-table.has-scroll-right-shadow .stzh-table__outer-wrapper::after{opacity:1}.stzh-table.has-scroll-right .stzh-table__wrapper{overflow-x:scroll}';const h=o;const n="has-sticked";const l="is-sticky-left";const d="is-sticky-right";const c=class{constructor(e){t(this,e);this.updateCellClasses=()=>{if(!this.tableWrapper){return}const t=Array.from(this.tableWrapper.querySelectorAll("tr"));t.forEach((t=>{const e=Array.from(t.children);e.forEach(((t,e)=>{t.classList.remove(l);t.classList.remove(d);if(e===this.fixedLeft){t.classList.add(l)}if(e===this.fixedRight){t.classList.add(d)}}))}))};this.updateScrollStates=()=>{if(!this.tableWrapper){return}const t=this.tableWrapper.scrollLeft;const e=this.tableWrapper.scrollWidth;const a=this.tableWrapper.clientWidth;this.isScrollable=e>a;this.hasScrollLeft=t>0;this.hasScrollRight=t<e-a;const s=Array.from(this.tableWrapper.querySelectorAll("tr"));const i=s[0];if(!i){return}this.cellsStickyLeft=[];this.cellsStickyRight=[];const r=Array.from(i.children);r.forEach(((e,s)=>{const i=e.offsetLeft;const r=i+e.offsetWidth;if(this.hasScrollLeft&&s===this.fixedLeft&&Math.ceil(t)>=i){this.cellsStickyLeft.push(s)}if(this.hasScrollRight&&s===this.fixedRight&&Math.ceil(t)+a<=r){this.cellsStickyRight.push(s)}}));s.forEach((t=>{const e=Array.from(t.children);e.forEach(((t,e)=>{if(this.cellsStickyLeft.indexOf(e)>-1||this.cellsStickyRight.indexOf(e)>-1){t.classList.add(n)}else{t.classList.remove(n)}}))}))};this.init=()=>{const t=this.element.querySelector('stzh-input[slot="search"], [slot="search"] stzh-input');const e=this.element.querySelectorAll('stzh-dropdown[slot="list-sort-by-dropdown"], [slot="list-sort-by-dropdown"] stzh-dropdown, stzh-dropdown[slot="list-sort-direction-dropdown"], [slot="list-sort-direction-dropdown"] stzh-dropdown');if(t){i(t,{type:"search",size:"small",hideOptional:true})}e.forEach((t=>{i(t,{inline:true,noSearch:true,variant:"plain",size:"small"})}));this.updateCellClasses();this.updateScrollStates()};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateScrollStates)};this.handleScroll=()=>{if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.updateScrollStates)};this.fixedLeft=null;this.fixedRight=null;this.disableMinWidth=false;this.hasScrollLeft=false;this.hasScrollRight=false;this.isScrollable=false;this.cellsStickyLeft=[];this.cellsStickyRight=[]}fixedCellWatcher(){this.updateCellClasses();this.updateScrollStates()}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true});this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){if(this.observer){this.observer.disconnect()}if(this.resizeObserver){this.resizeObserver.disconnect()}}render(){const t=r(this.element,"heading");const s=r(this.element,"action-button");const i=r(this.element,"search");const o=r(this.element,"list");const h={"stzh-table":true,"is-scrollable":this.isScrollable,"has-scroll-left":this.hasScrollLeft,"has-scroll-right":this.hasScrollRight,"has-scroll-left-shadow":this.hasScrollLeft&&this.cellsStickyLeft.length===0,"has-scroll-right-shadow":this.hasScrollRight&&this.cellsStickyRight.length===0,"has-list":o,"has-heading":t,"has-action-or-search":s||i,"has-header":t||s||i};return e(a,{key:"d536d4aa9187dee59d10de374b981d50647de9e6"},e("div",{key:"99916a8b3c85db016290d41c4aef934144248b9f",class:h},e("div",{key:"10ee4af6a827596fc4f906f6370b45bb77340227",class:"stzh-table__header"},e("div",{key:"509ce30c97267bdb5def6a52e90ca440ca1ce9a9",class:"stzh-table__heading"},e("slot",{key:"8f7e8b7848df8f682045be93dd3a5ed06dc1ffa7",name:"heading"})),e("div",{key:"af8d49b12ebaeaf8b90ba013011580559710af2b",class:"stzh-table__sub-header"},e("div",{key:"f66275959d06a663bc6f5b4208e63727e09e4d3c",class:"stzh-table__search"},e("slot",{key:"851e47ba09e57191f8dfbacd2666719939b9cb13",name:"search"})),e("div",{key:"c8bf0f2e64241c69e8863e7479d5d8227c17db4a",class:"stzh-table__action-button"},e("slot",{key:"07a9cb39e92464833a367024c1e309996808ebfe",name:"action-button"})))),e("div",{key:"852007cddcdd9087083d1223ed0b292cf986f9a5",class:"stzh-table__outer-wrapper"},e("div",{key:"6c5fcddf9cac6c6b6995e3de95378049d91885d7",ref:t=>this.tableWrapper=t,class:"stzh-table__wrapper",onScroll:this.handleScroll},e("slot",{key:"5ab8e515823b0f2d70077bd4397decc7e946c6d4"}))),e("div",{key:"e930feda39aa7b16927c1694b1afdf0598924dab",class:"stzh-table__list-wrapper"},e("div",{key:"dcba14e36e2097a3c84dba7e81915b60e533f4ad",class:"stzh-table__list-sort-wrapper"},e("slot",{key:"a54149315a4b71551e5be8163a0d682782e15c00",name:"list-sort-by-dropdown"}),e("slot",{key:"28453bcefe09fe78b72e92d1ef3513402131155b",name:"list-sort-direction-dropdown"})),e("slot",{key:"6db3b154a9f504bb724edb99900c3235f8df915f",name:"list"})),e("div",{key:"749c96b809e6e724d6f9e223286e6e0a9f808433",class:"stzh-table__pagination-wrapper"},e("slot",{key:"2cba7afc5e5725a9e678b93bb3f82bad4aa63357",name:"pagination"}))))}get element(){return s(this)}static get watchers(){return{fixedLeft:["fixedCellWatcher"],fixedRight:["fixedCellWatcher"]}}};c.style=h;export{c as stzh_table};
+//# sourceMappingURL=p-1d4cd8ef.entry.js.map

package/dist/stzh-components/{p-21925456.entry.js → p-1febc09c.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a as s,g as o}from"./p-ef5985a3.js";const i=".sc-stzh-youtube-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-youtube-h,[stzh-hidden].sc-stzh-youtube-h{display:none}.sc-stzh-youtube-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-youtube-h *.sc-stzh-youtube,.sc-stzh-youtube-h *.sc-stzh-youtube::before,.sc-stzh-youtube-h *.sc-stzh-youtube::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-youtube-h .has-focus.sc-stzh-youtube{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-youtube-h .stzh-fylingfocus-focused.sc-stzh-youtube{outline-style:none !important}.sc-stzh-youtube-h .stzh-fylingfocus-focused.sc-stzh-youtube::-moz-focus-inner{border:0 !important}@media print{.sc-stzh-youtube-h{display:none}}";const n=i;const c=class{constructor(e){t(this,e);this.handlePreviewSkipped=()=>{this.previewSkipped=true};this.localization=undefined;this.url="";this.cookie="youtube";this.cookieExpires=365;this.skipPreviewIfCookieAccepted=false;this.skipPreview=false;this.previewSkipped=false}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"youtube")}}render(){const t={"stzh-youtube":true};const o=this.url.includes("?");const i=this.url+(o?"&":"?")+"html5=1"+"&showinfo=0"+"&rel=0"+"&modestbranding=0"+"&playsinline=1"+`&origin=${encodeURIComponent(window.location.protocol+"//"+window.location.host)}`+"&enablejsapi=1"+"&widgetid=1"+(this.previewSkipped?"":"&autoplay=1");return e(s,{key:"2632c71ce90ddbb33bb4a6297282554930d9f6b2"},e("div",{key:"ea031a94cde87db2619902a42bdb1b5014191917",class:t},e("stzh-ratio",{key:"382f2721d242819064507c84959ec08018311c04"},e("stzh-iframe",{key:"fe692d1aac2655f0047af81ea45d3adfe9c921b0",src:i,previewLabel:this.localization.previewLabel,previewIcon:"play",cookie:this.cookie,cookieConfirmLabel:this.localization.confirmLabel,cookieConfirmIcon:"play",cookieExpires:this.cookieExpires,skipPreview:this.skipPreview,skipPreviewIfCookieAccepted:this.skipPreviewIfCookieAccepted,onStzhPreviewSkip:this.handlePreviewSkipped},e("slot",{key:"ec54ccdd4f85a54057c10fcb31f4a285a936f3e3",name:"preview-logo",slot:"preview-logo"}),e("slot",{key:"77a035d7878cdd45dde8dd2fc55727ef9a87a3fd",name:"preview-image",slot:"preview-image"}),e("div",{key:"e952fdf00dba3245f995d0c003f56160a93d3233",slot:"cookiewall-text",innerHTML:this.localization.confirmText})))))}get element(){return o(this)}};c.style=n;export{c as stzh_youtube};
-//# sourceMappingURL=p-21925456.entry.js.map
+import{r as e,h as t,a as s,g as o}from"./p-ef5985a3.js";const i=".sc-stzh-youtube-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-youtube-h,[stzh-hidden].sc-stzh-youtube-h{display:none}.sc-stzh-youtube-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-youtube-h *.sc-stzh-youtube,.sc-stzh-youtube-h *.sc-stzh-youtube::before,.sc-stzh-youtube-h *.sc-stzh-youtube::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-youtube-h .has-focus.sc-stzh-youtube{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-youtube-h .stzh-fylingfocus-focused.sc-stzh-youtube{outline-style:none !important}.sc-stzh-youtube-h .stzh-fylingfocus-focused.sc-stzh-youtube::-moz-focus-inner{border:0 !important}@media print{.sc-stzh-youtube-h{display:none}}";const n=i;const c=class{constructor(t){e(this,t);this.handlePreviewSkipped=()=>{this.previewSkipped=true};this.localization=undefined;this.url="";this.cookie="youtube";this.cookieExpires=365;this.skipPreviewIfCookieAccepted=false;this.skipPreview=false;this.previewSkipped=false}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"youtube")}}render(){const e={"stzh-youtube":true};const o=this.url.includes("?");const i=this.url+(o?"&":"?")+"html5=1"+"&showinfo=0"+"&rel=0"+"&modestbranding=0"+"&playsinline=1"+`&origin=${encodeURIComponent(window.location.protocol+"//"+window.location.host)}`+"&enablejsapi=1"+"&widgetid=1"+(this.previewSkipped?"":"&autoplay=1");return t(s,{key:"45ceef0e5c1d5b3b6eece2cfbeaae8895debd577"},t("div",{key:"3d06295f92b4478ecef205d81be1c4d7bdfb37a9",class:e},t("stzh-ratio",{key:"00e06a8087d1699ecf8c48009abea41758b411c5"},t("stzh-iframe",{key:"4637bfc71df79c31cde14a166210c5203a0a3125",src:i,previewLabel:this.localization.previewLabel,previewIcon:"play",cookie:this.cookie,cookieConfirmLabel:this.localization.confirmLabel,cookieConfirmIcon:"play",cookieExpires:this.cookieExpires,skipPreview:this.skipPreview,skipPreviewIfCookieAccepted:this.skipPreviewIfCookieAccepted,onStzhPreviewSkip:this.handlePreviewSkipped},t("slot",{key:"879e82d81db6a6c2202b138402ad87ac5e328570",name:"preview-logo",slot:"preview-logo"}),t("slot",{key:"abd050c060507907536a619727715a4d98193be4",name:"preview-image",slot:"preview-image"}),t("div",{key:"f764501d02c8ed634f956412774906643a21744e",slot:"cookiewall-text",innerHTML:this.localization.confirmText})))))}get element(){return o(this)}};c.style=n;export{c as stzh_youtube};
+//# sourceMappingURL=p-1febc09c.entry.js.map

package/dist/stzh-components/{p-d7ee085c.entry.js → p-212107e4.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,c as i,h as e,a as o,g as a}from"./p-ef5985a3.js";const t=".sc-stzh-imagecomparison-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-imagecomparison-h,[stzh-hidden].sc-stzh-imagecomparison-h{display:none}.sc-stzh-imagecomparison-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-imagecomparison-h *.sc-stzh-imagecomparison,.sc-stzh-imagecomparison-h *.sc-stzh-imagecomparison::before,.sc-stzh-imagecomparison-h *.sc-stzh-imagecomparison::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-imagecomparison-h .has-focus.sc-stzh-imagecomparison{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-imagecomparison-h .stzh-fylingfocus-focused.sc-stzh-imagecomparison{outline-style:none !important}.sc-stzh-imagecomparison-h .stzh-fylingfocus-focused.sc-stzh-imagecomparison::-moz-focus-inner{border:0 !important}.sc-stzh-imagecomparison-h{--exposure:50%;--divider-width:0.125rem}@media print{.sc-stzh-imagecomparison-h{page-break-inside:avoid;break-inside:avoid}}.sc-stzh-imagecomparison-h.sc-stzh-imagecomparison-s>*,.sc-stzh-imagecomparison-h .sc-stzh-imagecomparison-s>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-stzh-imagecomparison-h.sc-stzh-imagecomparison-s>[slot=image-after],.sc-stzh-imagecomparison-h .sc-stzh-imagecomparison-s>[slot=image-after]{clip-path:polygon(calc(var(--exposure) + var(--divider-width) / 2) 0, 100% 0, 100% 100%, calc(var(--exposure) + var(--divider-width) / 2) 100%)}.stzh-imagecomparison.sc-stzh-imagecomparison{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.stzh-imagecomparison__control.sc-stzh-imagecomparison{position:absolute;inset:0;opacity:0;cursor:pointer}.stzh-imagecomparison__slider-line.sc-stzh-imagecomparison{position:absolute;left:var(--exposure);height:100%;width:var(--divider-width);background-color:var(--stzh-color-white);transform:translateX(-50%);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-imagecomparison__slider-icon-wrapper.sc-stzh-imagecomparison{display:flex;align-items:center;justify-content:space-between;position:absolute;top:50%;left:var(--exposure);overflow:hidden;width:calc(2 * var(--stzh-icon-size) + var(--divider-width));height:var(--stzh-icon-size);transform:translate(-50%, -50%);color:var(--stzh-color-primary70);background-color:var(--stzh-color-white);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-imagecomparison__hint-wrapper.sc-stzh-imagecomparison{pointer-events:none;opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-imagecomparison__hint-left.sc-stzh-imagecomparison,.stzh-imagecomparison__hint-right.sc-stzh-imagecomparison{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:absolute;top:0;display:flex;align-items:center;height:1.5rem;padding:0 var(--stzh-space-xsmall);background:var(--stzh-color-black50op);color:var(--stzh-color-white)}.stzh-imagecomparison__hint-left.sc-stzh-imagecomparison{left:0}.stzh-imagecomparison__hint-right.sc-stzh-imagecomparison{right:0}.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover .stzh-imagecomparison__slider-line.sc-stzh-imagecomparison{background-color:var(--stzh-color-primary70)}.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover .stzh-imagecomparison__slider-icon-wrapper.sc-stzh-imagecomparison{background-color:var(--stzh-color-secondary30)}.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover+.stzh-imagecomparison__hint-wrapper.sc-stzh-imagecomparison{opacity:1}";const r=t;const c=class{constructor(e){s(this,e);this.stzhChange=i(this,"stzhChange",7);this.handleInput=s=>{let i=this.inputElement.value;this.value=Number(i);this.stzhChange.emit({component:"stzh-imagecomparison",originalEvent:s,value:this.value})};this.localization=undefined;this.hintLeft="";this.hintRight="";this.value=50;this.label=undefined;this.a11yDescribedby=""}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"imagecomparison")}}render(){const s={"stzh-imagecomparison":true};return e(o,{key:"80cb3434084cb01fa1ff0a5b4b7e2c0ca6ef87e0","aria-roledescription":this.localization.label,style:{"--exposure":`${this.value.toString()}%`}},e("div",{key:"3684dfdef166ce92d5363f100567099310083352",class:s},e("div",{key:"2e503ff9c6f517a163cc3497979761c711dd07f9",class:"stzh-imagecomparison__element"},e("slot",{key:"7d8b208d494d2220a00accd7b8254a60070b852c",name:"image-before"}),e("slot",{key:"950d97bad8493642ae01c71b9352328cd8ebb22f",name:"image-after"}),e("label",{key:"5ab34ea10b71060ee8af6400a21f078be0ee4a91",class:"stzh-imagecomparison__label","aria-label":this.label||this.localization.label,"aria-describedby":this.a11yDescribedby||null},e("div",{key:"fb809f6403ae0950444596ac495c63b0e47686ea",class:"stzh-imagecomparison__slider-icon-wrapper"},e("stzh-icon",{key:"dbaedb469cfe4dcfd5db5d0db2217c26d443cab1",class:"stzh-imagecomparison__slider-icon-left",name:"angle-left"}),e("stzh-icon",{key:"be740e95d75cdcae5a9e6b8ebc1b9c06a14364c2",class:"stzh-imagecomparison__slider-icon-right",name:"angle-right"})),e("div",{key:"7926a9fe241177311ec7691a47cb3ba2e9b7fe15",class:"stzh-imagecomparison__slider-line"}),e("input",{key:"c807985805ffa6eeebb8bd3ebccbf057c135a362",type:"range",class:"stzh-imagecomparison__control",min:"0",max:"100",ref:s=>this.inputElement=s,onInput:this.handleInput})),e("div",{key:"8e5981a411dbef1b7453d3ca32752c37613fe985",class:"stzh-imagecomparison__hint-wrapper"},e("span",{key:"2b5c4e58b84f29dfd18e9588d7cdf1396e3fc373",class:"stzh-imagecomparison__hint-left"},this.hintLeft?this.hintLeft:e("slot",{name:"hint-left"})),e("span",{key:"e1299d0ede6f8408098d596476e7ae03d153e446",class:"stzh-imagecomparison__hint-right"},this.hintRight?this.hintRight:e("slot",{name:"hint-right"}))))))}get element(){return a(this)}};c.style=r;export{c as stzh_imagecomparison};
-//# sourceMappingURL=p-d7ee085c.entry.js.map
+import{r as s,c as i,h as a,a as e,g as o}from"./p-ef5985a3.js";const t=".sc-stzh-imagecomparison-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-imagecomparison-h,[stzh-hidden].sc-stzh-imagecomparison-h{display:none}.sc-stzh-imagecomparison-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-imagecomparison-h *.sc-stzh-imagecomparison,.sc-stzh-imagecomparison-h *.sc-stzh-imagecomparison::before,.sc-stzh-imagecomparison-h *.sc-stzh-imagecomparison::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-imagecomparison-h .has-focus.sc-stzh-imagecomparison{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-imagecomparison-h .stzh-fylingfocus-focused.sc-stzh-imagecomparison{outline-style:none !important}.sc-stzh-imagecomparison-h .stzh-fylingfocus-focused.sc-stzh-imagecomparison::-moz-focus-inner{border:0 !important}.sc-stzh-imagecomparison-h{--exposure:50%;--divider-width:0.125rem}@media print{.sc-stzh-imagecomparison-h{page-break-inside:avoid;break-inside:avoid}}.sc-stzh-imagecomparison-h.sc-stzh-imagecomparison-s>*,.sc-stzh-imagecomparison-h .sc-stzh-imagecomparison-s>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-stzh-imagecomparison-h.sc-stzh-imagecomparison-s>[slot=image-after],.sc-stzh-imagecomparison-h .sc-stzh-imagecomparison-s>[slot=image-after]{clip-path:polygon(calc(var(--exposure) + var(--divider-width) / 2) 0, 100% 0, 100% 100%, calc(var(--exposure) + var(--divider-width) / 2) 100%)}.stzh-imagecomparison.sc-stzh-imagecomparison{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.stzh-imagecomparison__control.sc-stzh-imagecomparison{position:absolute;inset:0;opacity:0;cursor:pointer}.stzh-imagecomparison__slider-line.sc-stzh-imagecomparison{position:absolute;left:var(--exposure);height:100%;width:var(--divider-width);background-color:var(--stzh-color-white);transform:translateX(-50%);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-imagecomparison__slider-icon-wrapper.sc-stzh-imagecomparison{display:flex;align-items:center;justify-content:space-between;position:absolute;top:50%;left:var(--exposure);overflow:hidden;width:calc(2 * var(--stzh-icon-size) + var(--divider-width));height:var(--stzh-icon-size);transform:translate(-50%, -50%);color:var(--stzh-color-primary70);background-color:var(--stzh-color-white);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-imagecomparison__hint-wrapper.sc-stzh-imagecomparison{pointer-events:none;opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-imagecomparison__hint-left.sc-stzh-imagecomparison,.stzh-imagecomparison__hint-right.sc-stzh-imagecomparison{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:absolute;top:0;display:flex;align-items:center;height:1.5rem;padding:0 var(--stzh-space-xsmall);background:var(--stzh-color-black50op);color:var(--stzh-color-white)}.stzh-imagecomparison__hint-left.sc-stzh-imagecomparison{left:0}.stzh-imagecomparison__hint-right.sc-stzh-imagecomparison{right:0}.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover .stzh-imagecomparison__slider-line.sc-stzh-imagecomparison{background-color:var(--stzh-color-primary70)}.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover .stzh-imagecomparison__slider-icon-wrapper.sc-stzh-imagecomparison{background-color:var(--stzh-color-secondary30)}.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover+.stzh-imagecomparison__hint-wrapper.sc-stzh-imagecomparison{opacity:1}";const r=t;const c=class{constructor(a){s(this,a);this.stzhChange=i(this,"stzhChange",7);this.handleInput=s=>{let i=this.inputElement.value;this.value=Number(i);this.stzhChange.emit({component:"stzh-imagecomparison",originalEvent:s,value:this.value})};this.localization=undefined;this.hintLeft="";this.hintRight="";this.value=50;this.label=undefined;this.a11yDescribedby=""}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"imagecomparison")}}render(){const s={"stzh-imagecomparison":true};return a(e,{key:"e14e02a2bd26d36304c0f334357c99d356de6f1d","aria-roledescription":this.localization.label,style:{"--exposure":`${this.value.toString()}%`}},a("div",{key:"5d7a228c8b298aa635a7971f88e155400d30899f",class:s},a("div",{key:"4021f51b651a3b94827c02b959bde1a3e226aa61",class:"stzh-imagecomparison__element"},a("slot",{key:"ccb155c8d0c10d318d93f0ff9812d1ad4c389f2f",name:"image-before"}),a("slot",{key:"29a322531b3e359c0117eae5820908be80812b69",name:"image-after"}),a("label",{key:"6bbc1e9672a323b458a714273359bbbf7807308c",class:"stzh-imagecomparison__label","aria-label":this.label||this.localization.label,"aria-describedby":this.a11yDescribedby||null},a("div",{key:"693618a63e0cd54a0bb5a59e2e60a8d5cc8fa2a7",class:"stzh-imagecomparison__slider-icon-wrapper"},a("stzh-icon",{key:"6eeefb9a34902a0dc90068cac81f69e7276bdd8f",class:"stzh-imagecomparison__slider-icon-left",name:"angle-left"}),a("stzh-icon",{key:"37cc189380b0c2a0b7de6a0f032b52b665089719",class:"stzh-imagecomparison__slider-icon-right",name:"angle-right"})),a("div",{key:"55cacee62934eab24955786c71dc1d526fdb1fa1",class:"stzh-imagecomparison__slider-line"}),a("input",{key:"7655db913daaa2b168e4da54517ed6deac2f7ac6",type:"range",class:"stzh-imagecomparison__control",min:"0",max:"100",ref:s=>this.inputElement=s,onInput:this.handleInput})),a("div",{key:"56d073905e803876a97dfcedb0339b107d8c0ceb",class:"stzh-imagecomparison__hint-wrapper"},a("span",{key:"b6d7e55a91543bfb8a865ed8acc38cc9b6302720",class:"stzh-imagecomparison__hint-left"},this.hintLeft?this.hintLeft:a("slot",{name:"hint-left"})),a("span",{key:"801e9a7b0b92e79c694df7c92bada094bdba73dc",class:"stzh-imagecomparison__hint-right"},this.hintRight?this.hintRight:a("slot",{name:"hint-right"}))))))}get element(){return o(this)}};c.style=r;export{c as stzh_imagecomparison};
+//# sourceMappingURL=p-212107e4.entry.js.map

package/dist/stzh-components/{p-7bc4d471.entry.js → p-21c8ffbe.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as n,h as i,a,g as e}from"./p-ef5985a3.js";import{h as o}from"./p-87c329f2.js";import"./p-dae15605.js";const s='.sc-stzh-pi-content-navigation-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pi-content-navigation-h,[stzh-hidden].sc-stzh-pi-content-navigation-h{display:none}.sc-stzh-pi-content-navigation-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation,.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation::before,.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pi-content-navigation-h .has-focus.sc-stzh-pi-content-navigation{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-content-navigation-h .stzh-fylingfocus-focused.sc-stzh-pi-content-navigation{outline-style:none !important}.sc-stzh-pi-content-navigation-h .stzh-fylingfocus-focused.sc-stzh-pi-content-navigation::-moz-focus-inner{border:0 !important}.sc-stzh-pi-content-navigation-h{--arrow-background-color:var(\n    --stzh-pi-content-navigation-arrow-background-color,\n    var(--stzh-color-secondary30)\n  );display:flex;flex-direction:column}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation{position:relative;flex-grow:1;display:flex;flex-direction:column;gap:var(--stzh-space-small);background-color:var(--stzh-color-coolgrey20)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation{border:0.125rem solid}}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:hover .stzh-pi-content-navigation__arrow-icon.sc-stzh-pi-content-navigation{transform:translateX(0.25rem)}.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{display:flex;flex-grow:1;padding-right:var(--stzh-space-medium);padding-left:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);flex-direction:column;align-items:flex-start}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-content-navigation__image.sc-stzh-pi-content-navigation{width:100%;display:none}.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;color:var(--stzh-color-black);margin:0}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation{display:block;font-family:inherit;padding:0;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-black);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer;flex-grow:1;padding-bottom:2.5rem}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation::after{z-index:1}.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-pi-content-navigation__arrow.sc-stzh-pi-content-navigation{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;position:absolute;right:0;bottom:0;color:var(--stzh-color-black);background-color:var(--arrow-background-color)}.stzh-pi-content-navigation__arrow-icon.sc-stzh-pi-content-navigation{transition:transform 150ms ease;--size:var(--stzh-icon-size-large)}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xsmall);padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xsmall);padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation--has-image.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__image.sc-stzh-pi-content-navigation{display:block}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{background-color:var(--stzh-color-coolgrey30);aspect-ratio:2/1;display:flex;align-items:center;padding-top:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-large)}}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{height:-moz-fit-content;height:fit-content}';const c=s;const h=class{constructor(i){t(this,i);this.stzhClick=n(this,"stzhClick",7);this.handleCardClick=t=>{this.stzhClick.emit({component:"stzh-pi-content-navigation",originalEvent:t,href:this.href})};this.href=undefined;this.target=undefined;this.analyticsId=undefined;this.navigationLevel="1";this.heading="";this.headingLevel="3";this.lead=""}componentDidRender(){requestAnimationFrame((()=>{var t,n;const i=this.analyticsId||this.heading||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(i){(n=this.cardLinkElement)===null||n===void 0?void 0:n.setAttribute("s-object-id",i)}}))}renderHeading(){const t=`h${this.headingLevel}`;return i(t,{class:"stzh-pi-content-navigation__title",ref:t=>this.headingTextElement=t},this.heading||i("slot",{name:"heading"}))}render(){const t=!!this.lead||o(this.element,"lead");const n=o(this.element,"image");const e=this.navigationLevel==="1"||this.navigationLevel==="2";const s=n&&e;const c=e&&!s;const h={"stzh-pi-content-navigation":true,"stzh-pi-content-navigation--has-lead":t,"stzh-pi-content-navigation--has-image":s,"stzh-pi-content-navigation--is-navigation-level-1-or-2":e};const p=this.href?"a":"button";return i(a,{key:"76c5d185c4b95277345a7553e2fb2624b2381c73","has-lead":t},i("article",{key:"c6951fc908a7c16cd6664e74dd895339628c96b4",class:h,"aria-label":this.heading,role:"listitem"},i(p,{key:"f5124cbc29d5e191d30410d41c21c575dfb0b7f5",ref:t=>this.cardLinkElement=t,class:"stzh-pi-content-navigation__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},i("div",{key:"6ffc74e56bc15e97d56290b67dcad105fe37464d",class:"stzh-pi-content-navigation__image"},i("stzh-ratio",{key:"d1f29fd45d125151bf697b5a69ea2a804823dc24",ratio:"2:1"},i("slot",{key:"cccf70fe733b2a71813fd04fedcf8f8120d47049",name:"image"}))),c&&i("div",{key:"4f060613a6dc993ffebe15c33752bdb118418e21",class:"stzh-pi-content-navigation__title-ratio"},this.renderHeading()),i("div",{key:"dc35588c012f3fc1736ae8fbb9b5c01f19587db8",class:"stzh-pi-content-navigation__wrapper"},!c&&this.renderHeading(),t&&i("div",{key:"4157f021b2f12c6f36a3de1d71155704c73689f3",class:"stzh-pi-content-navigation__lead"},this.lead?this.lead:i("slot",{name:"lead"}))),i("div",{key:"2d1949deebd2556d9994df1d8d372aebe44135e7",class:"stzh-pi-content-navigation__arrow"},i("stzh-icon",{key:"d24c8c04a36f75c80c15e7801e65559820a0b587",class:"stzh-pi-content-navigation__arrow-icon",name:"arrow-right"})))))}get element(){return e(this)}};h.style=c;export{h as stzh_pi_content_navigation};
-//# sourceMappingURL=p-7bc4d471.entry.js.map
+import{r as t,c as n,h as i,a,g as e}from"./p-ef5985a3.js";import{h as o}from"./p-87c329f2.js";import"./p-dae15605.js";const s='.sc-stzh-pi-content-navigation-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pi-content-navigation-h,[stzh-hidden].sc-stzh-pi-content-navigation-h{display:none}.sc-stzh-pi-content-navigation-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation,.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation::before,.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pi-content-navigation-h .has-focus.sc-stzh-pi-content-navigation{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-content-navigation-h .stzh-fylingfocus-focused.sc-stzh-pi-content-navigation{outline-style:none !important}.sc-stzh-pi-content-navigation-h .stzh-fylingfocus-focused.sc-stzh-pi-content-navigation::-moz-focus-inner{border:0 !important}.sc-stzh-pi-content-navigation-h{--arrow-background-color:var(\n    --stzh-pi-content-navigation-arrow-background-color,\n    var(--stzh-color-secondary30)\n  );display:flex;flex-direction:column}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation{position:relative;flex-grow:1;display:flex;flex-direction:column;gap:var(--stzh-space-small);background-color:var(--stzh-color-coolgrey20)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation{border:0.125rem solid}}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:hover .stzh-pi-content-navigation__arrow-icon.sc-stzh-pi-content-navigation{transform:translateX(0.25rem)}.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{display:flex;flex-grow:1;padding-right:var(--stzh-space-medium);padding-left:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);flex-direction:column;align-items:flex-start}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-content-navigation__image.sc-stzh-pi-content-navigation{width:100%;display:none}.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;color:var(--stzh-color-black);margin:0}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation:has(+.stzh-pi-content-navigation__lead).sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation{display:block;font-family:inherit;padding:0;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-black);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer;flex-grow:1;padding-bottom:2.5rem}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-pi-content-navigation__title-link.sc-stzh-pi-content-navigation::after{z-index:1}.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-pi-content-navigation__lead.sc-stzh-pi-content-navigation{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-pi-content-navigation__arrow.sc-stzh-pi-content-navigation{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;position:absolute;right:0;bottom:0;color:var(--stzh-color-black);background-color:var(--arrow-background-color)}.stzh-pi-content-navigation__arrow-icon.sc-stzh-pi-content-navigation{transition:transform 150ms ease;--size:var(--stzh-icon-size-large)}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xsmall);padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__wrapper.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xsmall);padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation.sc-stzh-pi-content-navigation:not(.stzh-pi-content-navigation--is-navigation-level-1-or-2) .stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-xlarge)}}.stzh-pi-content-navigation--has-image.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__image.sc-stzh-pi-content-navigation{display:block}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{background-color:var(--stzh-color-coolgrey30);aspect-ratio:2/1;display:flex;align-items:center;padding-top:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation{padding-left:var(--stzh-space-large)}}.stzh-pi-content-navigation__title-ratio.sc-stzh-pi-content-navigation .stzh-pi-content-navigation__title.sc-stzh-pi-content-navigation{height:-moz-fit-content;height:fit-content}';const c=s;const h=class{constructor(i){t(this,i);this.stzhClick=n(this,"stzhClick",7);this.handleCardClick=t=>{this.stzhClick.emit({component:"stzh-pi-content-navigation",originalEvent:t,href:this.href})};this.href=undefined;this.target=undefined;this.analyticsId=undefined;this.navigationLevel="1";this.heading="";this.headingLevel="3";this.lead=""}componentDidRender(){requestAnimationFrame((()=>{var t,n;const i=this.analyticsId||this.heading||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(i){(n=this.cardLinkElement)===null||n===void 0?void 0:n.setAttribute("s-object-id",i)}}))}renderHeading(){const t=`h${this.headingLevel}`;return i(t,{class:"stzh-pi-content-navigation__title",ref:t=>this.headingTextElement=t},this.heading||i("slot",{name:"heading"}))}render(){const t=!!this.lead||o(this.element,"lead");const n=o(this.element,"image");const e=this.navigationLevel==="1"||this.navigationLevel==="2";const s=n&&e;const c=e&&!s;const h={"stzh-pi-content-navigation":true,"stzh-pi-content-navigation--has-lead":t,"stzh-pi-content-navigation--has-image":s,"stzh-pi-content-navigation--is-navigation-level-1-or-2":e};const p=this.href?"a":"button";return i(a,{key:"a3fd38b13f204da18ff2cd87a7e95d325a45ba33","has-lead":t},i("article",{key:"4407073abea135beca06925a13b99dac867afc17",class:h,"aria-label":this.heading,role:"listitem"},i(p,{key:"f42819cacaad708ee4093b76ea93449d8b79c8ae",ref:t=>this.cardLinkElement=t,class:"stzh-pi-content-navigation__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},i("div",{key:"eefb2ee794458a1e05d57034d335526c22675230",class:"stzh-pi-content-navigation__image"},i("stzh-ratio",{key:"09387c9e0fb9b8526a4aab1983a2f621e5b49093",ratio:"2:1"},i("slot",{key:"67c47c251162891ba28286a94f91a90b5280dfb4",name:"image"}))),c&&i("div",{key:"31aeb48e1897bd717f2618b5e4235305a6d6be7b",class:"stzh-pi-content-navigation__title-ratio"},this.renderHeading()),i("div",{key:"b1a488d455af3da7fba0d926d0d4c0acd9ec4f9b",class:"stzh-pi-content-navigation__wrapper"},!c&&this.renderHeading(),t&&i("div",{key:"1c1695ad670a4f94e260077c6d8c0ffefe37600a",class:"stzh-pi-content-navigation__lead"},this.lead?this.lead:i("slot",{name:"lead"}))),i("div",{key:"cafeeac85332c4ba22a1dd6e8700ddef67b59ef1",class:"stzh-pi-content-navigation__arrow"},i("stzh-icon",{key:"09405b42dc576bddb3f31c74f99ee4e152f4e8c0",class:"stzh-pi-content-navigation__arrow-icon",name:"arrow-right"})))))}get element(){return e(this)}};h.style=c;export{h as stzh_pi_content_navigation};
+//# sourceMappingURL=p-21c8ffbe.entry.js.map

package/dist/stzh-components/p-24daddfd.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as n,h as i,a,g as e}from"./p-ef5985a3.js";const s=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-app-nav{background-color:var(--stzh-color-coolgrey10)}@media screen and (max-width: 899px){.stzh-app-nav{height:var(--stzh-app-nav-height)}}.stzh-app-nav__links{display:flex;flex-direction:row;justify-content:space-between;padding:var(--stzh-space-medium) var(--stzh-space-large) var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-app-nav__links{padding:0;align-items:center}}.stzh-app-nav__link,.stzh-app-nav .stzh-app-nav__link a{--text-decoration-line:none;--hover-text-decoration-line:none;color:var(--stzh-color-coolgrey90)}@media screen and (min-width: 900px){.stzh-app-nav__link,.stzh-app-nav .stzh-app-nav__link a{margin-right:var(--stzh-space-xlarge)}}.stzh-app-nav__link:last-child,.stzh-app-nav .stzh-app-nav__link a:last-child{margin-right:0}.stzh-app-nav__link:hover,.stzh-app-nav .stzh-app-nav__link a:hover{color:var(--stzh-color-primary60)}.stzh-app-nav .stzh-app-nav__link a.stzh-link--is-active,.stzh-app-nav .stzh-app-nav__link.stzh-link--is-active{text-decoration:none;color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-app-nav .stzh-app-nav__link a.stzh-link--is-active,.stzh-app-nav .stzh-app-nav__link.stzh-link--is-active{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}}.stzh-app-nav .stzh-link__inner{flex-direction:column}@media screen and (min-width: 900px){.stzh-app-nav .stzh-link__inner{flex-direction:row}}.stzh-app-nav .stzh-link__text{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}@media screen and (min-width: 900px){.stzh-app-nav .stzh-link__text{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-weight:var(--stzh-font-weight-medium)}}.stzh-app-nav .stzh-link__icon-wrapper.sc-stzh-link:not(:empty)+.stzh-link__text.sc-stzh-link:not(:empty),.stzh-app-nav .stzh-link__text.sc-stzh-link:not(:empty)+.stzh-link__icon-wrapper.sc-stzh-link:not(:empty){margin-top:var(--stzh-space-xxsmall);margin-left:0}@media screen and (min-width: 900px){.stzh-app-nav .stzh-link__icon-wrapper.sc-stzh-link:not(:empty)+.stzh-link__text.sc-stzh-link:not(:empty),.stzh-app-nav .stzh-link__text.sc-stzh-link:not(:empty)+.stzh-link__icon-wrapper.sc-stzh-link:not(:empty){margin-left:var(--stzh-space-xsmall);margin-top:0}}";const o=s;const h=class{constructor(i){t(this,i);this.stzhAppNavItemClick=n(this,"stzhAppNavItemClick",7);this.handleAppNavItemClick=(t,n)=>{this.stzhAppNavItemClick.emit({component:"stzh-app-nav",item:n,originalEvent:t})};this.localization=undefined;this.items=[];this.appNavId=undefined}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"appnav")}}render(){const t={"stzh-app-nav":true};return i(a,{key:"ae1db42d407b412d01a61e10e47b641c974dbeee"},i("nav",{key:"cc55ef669d14fc26662166ac2d08c0993f5cfbc8",role:"navigation",class:t,"aria-label":this.localization.title,id:this.appNavId||null,tabindex:"-1"},i("div",{key:"b42e215ca7db6fd60d8739d11dc83aa6be1a6c02",class:"stzh-app-nav__links",role:"list"},this.items.map((t=>i("stzh-link",{class:"stzh-app-nav__link",active:t.active,role:"listitem","a11y-current":t.a11yCurrent,href:t.href,badge:t.badge,badgeType:t.badgeType,icon:t.icon,"link-id":t.id,onClick:n=>{this.handleAppNavItemClick(n,t)}},t.text))))))}get element(){return e(this)}};h.style=o;export{h as stzh_app_nav};
+//# sourceMappingURL=p-24daddfd.entry.js.map

package/dist/stzh-components/{p-724a8351.entry.js.map → p-24daddfd.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stzhAppNavCss","StzhAppNavStyle0","StzhAppNav","this","handleAppNavItemClick","event","item","stzhAppNavItemClick","emit","component","originalEvent","componentWillLoad","localization","window","stzhComponents","utils","fetchTranslations","element","render","classes","h","Host","key","role","class","title","id","appNavId","tabindex","items","map","active","a11yCurrent","href","badge","badgeType","icon","onClick","e","text"],"sources":["src/components/stzh-app-nav/stzh-app-nav.scss?tag=stzh-app-nav","src/components/stzh-app-nav/stzh-app-nav.tsx"],"sourcesContent":[".stzh-app-nav {\n  background-color: var(--stzh-color-coolgrey10);\n\n  @include mq($to: medium) {\n    height: var(--stzh-app-nav-height);\n  }\n\n  &__links {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    padding: space(\"medium\") space(\"large\") space(\"xlarge\");\n\n    @include mq($from: medium) {\n      padding: 0;\n      align-items: center;\n    }\n  }\n\n  &__link,\n  .stzh-app-nav__link a {\n    --text-decoration-line: none;\n    --hover-text-decoration-line: none;\n    color: var(--stzh-color-coolgrey90);\n\n    @include mq($from: medium) {\n      margin-right: space(\"xlarge\");\n    }\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:hover {\n      color: var(--stzh-color-primary60);\n    }\n  }\n\n  .stzh-app-nav__link a.stzh-link--is-active,\n  .stzh-app-nav__link.stzh-link--is-active {\n    text-decoration: none;\n    color: var(--stzh-color-primary70);\n\n    @include mq($from: medium) {\n      @include font(\"heavy\");\n    }\n  }\n\n  .stzh-link__inner {\n    flex-direction: column;\n\n    @include mq($from: medium) {\n      flex-direction: row;\n    }\n  }\n\n  .stzh-link__text {\n    @include font(\"medium\");\n    @include fontSize(\"pico\");\n\n    @include mq($from: medium) {\n      @include fontSize(\"milli\");\n      font-weight: var(--stzh-font-weight-medium);\n    }\n  }\n\n  .stzh-link__icon-wrapper.sc-stzh-link:not(:empty)\n    + .stzh-link__text.sc-stzh-link:not(:empty),\n  .stzh-link__text.sc-stzh-link:not(:empty)\n    + .stzh-link__icon-wrapper.sc-stzh-link:not(:empty) {\n    margin-top: space(\"xxsmall\");\n    margin-left: 0;\n\n    @include mq($from: medium) {\n      margin-left: space(\"xsmall\");\n      margin-top: 0;\n    }\n  }\n}\n","import { Component, Prop, h, Host, Element, Event, EventEmitter } from \"@stencil/core\";\n\nimport { StzhAppNavLocalizedText } from \"./stzh-app-nav.localization\";\n\nimport { StzhAppNavItem, StzhAppNavItemClickEvent } from \"../../index\";\n\n@Component({\n  tag: \"stzh-app-nav\",\n  styleUrl: \"stzh-app-nav.scss\",\n})\nexport class StzhAppNav {\n  /** Translation strings */\n  @Prop() localization: StzhAppNavLocalizedText;\n\n  /** AppNav menu items */\n  @Prop() items: StzhAppNavItem[] = [];\n\n  /** AppNav element ID */\n  @Prop() appNavId: string;\n\n  @Element() element: HTMLStzhAppNavElement;\n\n  /** AppNav item click event */\n  @Event() stzhAppNavItemClick: EventEmitter<StzhAppNavItemClickEvent>;\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"appnav\");\n    }\n  }\n\n  private handleAppNavItemClick = (event: MouseEvent, item: StzhAppNavItem) => {\n    this.stzhAppNavItemClick.emit({\n      component: \"stzh-app-nav\",\n      item,\n      originalEvent: event,\n    });\n  };\n\n  render() {\n    const classes = {\n      \"stzh-app-nav\": true,\n    };\n\n    return (\n      <Host>\n        <nav role=\"navigation\" class={classes} aria-label={this.localization.title} id={this.appNavId || null} tabindex=\"-1\">\n          <div class=\"stzh-app-nav__links\" role=\"list\">\n            {this.items.map(item => (\n              <stzh-link\n                class=\"stzh-app-nav__link\"\n                active={item.active}\n                role=\"listitem\"\n                a11y-current={item.a11yCurrent}\n                href={item.href}\n                badge={item.badge}\n                badgeType={item.badgeType}\n                icon={item.icon}\n                link-id={item.id}\n                onClick={(e: MouseEvent) => {\n                  this.handleAppNavItemClick(e, item);\n                }}\n              >\n                {item.text}\n              </stzh-link>\n            ))}\n          </div>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAgB,k4GACtB,MAAAC,EAAeD,E,MCSFE,EAAU,M,kFAqBbC,KAAAC,sBAAwB,CAACC,EAAmBC,KAClDH,KAAKI,oBAAoBC,KAAK,CAC5BC,UAAW,eACXH,OACAI,cAAeL,GACf,E,uCArB8B,G,wBAUlC,uBAAMM,GACJ,IAAKR,KAAKS,aAAc,CACtBT,KAAKS,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkBb,KAAKc,QAAS,S,EAY1F,MAAAC,GACE,MAAMC,EAAU,CACd,eAAgB,MAGlB,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,KAAK,aAAaC,MAAOL,EAAO,aAAchB,KAAKS,aAAaa,MAAOC,GAAIvB,KAAKwB,UAAY,KAAMC,SAAS,MAC9GR,EAAA,OAAAE,IAAA,2CAAKE,MAAM,sBAAsBD,KAAK,QACnCpB,KAAK0B,MAAMC,KAAIxB,GACdc,EAAA,aACEI,MAAM,qBACNO,OAAQzB,EAAKyB,OACbR,KAAK,WAAU,eACDjB,EAAK0B,YACnBC,KAAM3B,EAAK2B,KACXC,MAAO5B,EAAK4B,MACZC,UAAW7B,EAAK6B,UAChBC,KAAM9B,EAAK8B,KAAI,UACN9B,EAAKoB,GACdW,QAAUC,IACRnC,KAAKC,sBAAsBkC,EAAGhC,EAAK,GAGpCA,EAAKiC,U"}
+{"version":3,"names":["stzhAppNavCss","StzhAppNavStyle0","StzhAppNav","this","handleAppNavItemClick","event","item","stzhAppNavItemClick","emit","component","originalEvent","componentWillLoad","localization","window","stzhComponents","utils","fetchTranslations","element","render","classes","h","Host","key","role","class","title","id","appNavId","tabindex","items","map","active","a11yCurrent","href","badge","badgeType","icon","onClick","e","text"],"sources":["src/components/stzh-app-nav/stzh-app-nav.scss?tag=stzh-app-nav","src/components/stzh-app-nav/stzh-app-nav.tsx"],"sourcesContent":[".stzh-app-nav {\n  background-color: var(--stzh-color-coolgrey10);\n\n  @include mq($to: medium) {\n    height: var(--stzh-app-nav-height);\n  }\n\n  &__links {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    padding: space(\"medium\") space(\"large\") space(\"xlarge\");\n\n    @include mq($from: medium) {\n      padding: 0;\n      align-items: center;\n    }\n  }\n\n  &__link,\n  .stzh-app-nav__link a {\n    --text-decoration-line: none;\n    --hover-text-decoration-line: none;\n    color: var(--stzh-color-coolgrey90);\n\n    @include mq($from: medium) {\n      margin-right: space(\"xlarge\");\n    }\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:hover {\n      color: var(--stzh-color-primary60);\n    }\n  }\n\n  .stzh-app-nav__link a.stzh-link--is-active,\n  .stzh-app-nav__link.stzh-link--is-active {\n    text-decoration: none;\n    color: var(--stzh-color-primary70);\n\n    @include mq($from: medium) {\n      @include font(\"heavy\");\n    }\n  }\n\n  .stzh-link__inner {\n    flex-direction: column;\n\n    @include mq($from: medium) {\n      flex-direction: row;\n    }\n  }\n\n  .stzh-link__text {\n    @include font(\"medium\");\n    @include fontSize(\"pico\");\n\n    @include mq($from: medium) {\n      @include fontSize(\"milli\");\n      font-weight: var(--stzh-font-weight-medium);\n    }\n  }\n\n  .stzh-link__icon-wrapper.sc-stzh-link:not(:empty)\n    + .stzh-link__text.sc-stzh-link:not(:empty),\n  .stzh-link__text.sc-stzh-link:not(:empty)\n    + .stzh-link__icon-wrapper.sc-stzh-link:not(:empty) {\n    margin-top: space(\"xxsmall\");\n    margin-left: 0;\n\n    @include mq($from: medium) {\n      margin-left: space(\"xsmall\");\n      margin-top: 0;\n    }\n  }\n}\n","import { Component, Prop, h, Host, Element, Event, EventEmitter } from \"@stencil/core\";\n\nimport { StzhAppNavLocalizedText } from \"./stzh-app-nav.localization\";\n\nimport { StzhAppNavItem, StzhAppNavItemClickEvent } from \"../../index\";\n\n@Component({\n  tag: \"stzh-app-nav\",\n  styleUrl: \"stzh-app-nav.scss\",\n})\nexport class StzhAppNav {\n  /** Translation strings */\n  @Prop() localization: StzhAppNavLocalizedText;\n\n  /** AppNav menu items */\n  @Prop() items: StzhAppNavItem[] = [];\n\n  /** AppNav element ID */\n  @Prop() appNavId: string;\n\n  @Element() element: HTMLStzhAppNavElement;\n\n  /** AppNav item click event */\n  @Event() stzhAppNavItemClick: EventEmitter<StzhAppNavItemClickEvent>;\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"appnav\");\n    }\n  }\n\n  private handleAppNavItemClick = (event: MouseEvent, item: StzhAppNavItem) => {\n    this.stzhAppNavItemClick.emit({\n      component: \"stzh-app-nav\",\n      item,\n      originalEvent: event,\n    });\n  };\n\n  render() {\n    const classes = {\n      \"stzh-app-nav\": true,\n    };\n\n    return (\n      <Host>\n        <nav role=\"navigation\" class={classes} aria-label={this.localization.title} id={this.appNavId || null} tabindex=\"-1\">\n          <div class=\"stzh-app-nav__links\" role=\"list\">\n            {this.items.map(item => (\n              <stzh-link\n                class=\"stzh-app-nav__link\"\n                active={item.active}\n                role=\"listitem\"\n                a11y-current={item.a11yCurrent}\n                href={item.href}\n                badge={item.badge}\n                badgeType={item.badgeType}\n                icon={item.icon}\n                link-id={item.id}\n                onClick={(e: MouseEvent) => {\n                  this.handleAppNavItemClick(e, item);\n                }}\n              >\n                {item.text}\n              </stzh-link>\n            ))}\n          </div>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAgB,k4GACtB,MAAAC,EAAeD,E,MCSFE,EAAU,M,kFAqBbC,KAAAC,sBAAwB,CAACC,EAAmBC,KAClDH,KAAKI,oBAAoBC,KAAK,CAC5BC,UAAW,eACXH,OACAI,cAAeL,GACf,E,uCArB8B,G,wBAUlC,uBAAMM,GACJ,IAAKR,KAAKS,aAAc,CACtBT,KAAKS,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkBb,KAAKc,QAAS,S,EAY1F,MAAAC,GACE,MAAMC,EAAU,CACd,eAAgB,MAGlB,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,KAAK,aAAaC,MAAOL,EAAO,aAAchB,KAAKS,aAAaa,MAAOC,GAAIvB,KAAKwB,UAAY,KAAMC,SAAS,MAC9GR,EAAA,OAAAE,IAAA,2CAAKE,MAAM,sBAAsBD,KAAK,QACnCpB,KAAK0B,MAAMC,KAAIxB,GACdc,EAAA,aACEI,MAAM,qBACNO,OAAQzB,EAAKyB,OACbR,KAAK,WAAU,eACDjB,EAAK0B,YACnBC,KAAM3B,EAAK2B,KACXC,MAAO5B,EAAK4B,MACZC,UAAW7B,EAAK6B,UAChBC,KAAM9B,EAAK8B,KAAI,UACN9B,EAAKoB,GACdW,QAAUC,IACRnC,KAAKC,sBAAsBkC,EAAGhC,EAAK,GAGpCA,EAAKiC,U"}