@oiz/stzh-components 4.10.0-beta1 → 4.10.0-beta2

package/dist/stzh-components/{p-7b783078.entry.js → p-0ecdbcb2.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,a as i,d as n}from"./p-BQiZz3hq.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{}: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}:host{--nested-margin-left:var(--stzh-timeline-nested-margin-left, 0px);--nested-margin-bottom:var(--stzh-timeline-nested-margin-bottom, 0px);--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px}:host ::slotted(*:not(:last-child)){position:relative}:host ::slotted(*:not(:last-child))::after{content:"";display:block;position:absolute;top:0;left:1.25rem;width:0.125rem;height:100%;background-color:var(--stzh-color-grey50)}.stzh-timeline{--stzh-timeline-nested-margin-left:calc(\n    var(--stzh-timeline-bullet-size) / -1\n  );--stzh-timeline-nested-margin-bottom:calc(\n    var(--stzh-space-medium) / -1\n  );margin-left:var(--nested-margin-left);margin-bottom:var(--nested-margin-bottom)}@media screen and (min-width: 900px){.stzh-timeline{--stzh-timeline-nested-margin-bottom:calc(\n      var(--stzh-space-xlarge) / -1\n    )}}@media screen and (min-width: 1260px){.stzh-timeline{--stzh-timeline-nested-margin-bottom:calc(\n      var(--stzh-space-xxlarge) / -1\n    )}}`;const r=class{constructor(s){t(this,s);this.stzhFoldableChange=e(this,"stzhFoldableChange");this.foldable=false;this.collapsible=true;this.multiselectable=false;this.handleSlotchange=()=>{this.updateSteps()}}foldableWatcher(t){this.stzhFoldableChange.emit({component:"stzh-timeline",value:t})}openListener(t){const e=t.target;const s=e.closest("stzh-timeline");if(this.multiselectable||t.detail&&t.detail.component!=="stzh-timeline-item"||s!==this.element){return}const i=Array.from(s.querySelectorAll("stzh-timeline-item"));i.forEach((t=>{if(t!==e){t.hide()}}))}async setItemFocus(t,e){const s=t.closest("stzh-timeline");if(s!==this.element){return}const i=Array.from(s.querySelectorAll(":scope > stzh-timeline-item")).filter((t=>!t.disabled));const n=i.indexOf(t);if((e==="prev"||e==="next")&&n===null){e=e==="prev"?"last":"first"}if(e==="prev"&&n===0){e="last"}if(e==="next"&&n===i.length-1){e="first"}if(e==="prev"){i[n-1].focus()}else if(e==="next"){i[n+1].focus()}else if(e==="last"){i[i.length-1].focus()}else if(e==="first"){i[0].focus()}else{t.focus()}}async updateSteps(){var t;const e=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const s=e.closest("stzh-timeline-item");let i=-1;if(s){i=Array.from(s.parentNode.children).indexOf(s)}const n=Array.from(e.querySelectorAll(":scope > stzh-timeline-item"));n.forEach(((t,e)=>{t.step=i>-1?i+1+(e+1)/10:e+1;const s=t.querySelector("stzh-timeline");if(s){s.updateSteps()}}))}render(){const t={"stzh-timeline":true};return s(i,{key:"c34ca20ab6db4e3bddfdd9d1395a367f02da6deb"},s("div",{key:"35f6e3d89b8e34d5cb9882dc67e289603750bebd",class:t,role:"list"},s("slot",{key:"ad81d9ab88750fdc6df90d9c9aa872de3359ace2",onSlotchange:this.handleSlotchange})))}get element(){return n(this)}static get watchers(){return{foldable:["foldableWatcher"]}}};r.style=o();export{r as stzh_timeline};
-//# sourceMappingURL=p-7b783078.entry.js.map
+import{r as t,c as e,h as s,a as i,d as n}from"./p-WVDCFmOb.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{}: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}:host{--nested-margin-left:var(--stzh-timeline-nested-margin-left, 0px);--nested-margin-bottom:var(--stzh-timeline-nested-margin-bottom, 0px);--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px}:host ::slotted(*:not(:last-child)){position:relative}:host ::slotted(*:not(:last-child))::after{content:"";display:block;position:absolute;top:0;left:1.25rem;width:0.125rem;height:100%;background-color:var(--stzh-color-grey50)}.stzh-timeline{--stzh-timeline-nested-margin-left:calc(\n    var(--stzh-timeline-bullet-size) / -1\n  );--stzh-timeline-nested-margin-bottom:calc(\n    var(--stzh-space-medium) / -1\n  );margin-left:var(--nested-margin-left);margin-bottom:var(--nested-margin-bottom)}@media screen and (min-width: 900px){.stzh-timeline{--stzh-timeline-nested-margin-bottom:calc(\n      var(--stzh-space-xlarge) / -1\n    )}}@media screen and (min-width: 1260px){.stzh-timeline{--stzh-timeline-nested-margin-bottom:calc(\n      var(--stzh-space-xxlarge) / -1\n    )}}`;const r=class{constructor(s){t(this,s);this.stzhFoldableChange=e(this,"stzhFoldableChange");this.foldable=false;this.collapsible=true;this.multiselectable=false;this.handleSlotchange=()=>{this.updateSteps()}}foldableWatcher(t){this.stzhFoldableChange.emit({component:"stzh-timeline",value:t})}openListener(t){const e=t.target;const s=e.closest("stzh-timeline");if(this.multiselectable||t.detail&&t.detail.component!=="stzh-timeline-item"||s!==this.element){return}const i=Array.from(s.querySelectorAll("stzh-timeline-item"));i.forEach((t=>{if(t!==e){t.hide()}}))}async setItemFocus(t,e){const s=t.closest("stzh-timeline");if(s!==this.element){return}const i=Array.from(s.querySelectorAll(":scope > stzh-timeline-item")).filter((t=>!t.disabled));const n=i.indexOf(t);if((e==="prev"||e==="next")&&n===null){e=e==="prev"?"last":"first"}if(e==="prev"&&n===0){e="last"}if(e==="next"&&n===i.length-1){e="first"}if(e==="prev"){i[n-1].focus()}else if(e==="next"){i[n+1].focus()}else if(e==="last"){i[i.length-1].focus()}else if(e==="first"){i[0].focus()}else{t.focus()}}async updateSteps(){var t;const e=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const s=e.closest("stzh-timeline-item");let i=-1;if(s){i=Array.from(s.parentNode.children).indexOf(s)}const n=Array.from(e.querySelectorAll(":scope > stzh-timeline-item"));n.forEach(((t,e)=>{t.step=i>-1?i+1+(e+1)/10:e+1;const s=t.querySelector("stzh-timeline");if(s){s.updateSteps()}}))}render(){const t={"stzh-timeline":true};return s(i,{key:"c34ca20ab6db4e3bddfdd9d1395a367f02da6deb"},s("div",{key:"35f6e3d89b8e34d5cb9882dc67e289603750bebd",class:t,role:"list"},s("slot",{key:"ad81d9ab88750fdc6df90d9c9aa872de3359ace2",onSlotchange:this.handleSlotchange})))}get element(){return n(this)}static get watchers(){return{foldable:["foldableWatcher"]}}};r.style=o();export{r as stzh_timeline};
+//# sourceMappingURL=p-0ecdbcb2.entry.js.map

package/dist/stzh-components/{p-a53a9180.entry.js → p-0f7a068e.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as i,a as e}from"./p-BQiZz3hq.js";const t=()=>`.sc-stzh-visuallyhidden-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-visuallyhidden-h,[stzh-hidden].sc-stzh-visuallyhidden-h{display:none}.sc-stzh-visuallyhidden-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden,.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden::before,.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden::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-visuallyhidden-h .has-focus.sc-stzh-visuallyhidden{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-visuallyhidden-h .stzh-fylingfocus-focused.sc-stzh-visuallyhidden{outline-style:none !important}.sc-stzh-visuallyhidden-h .stzh-fylingfocus-focused.sc-stzh-visuallyhidden::-moz-focus-inner{border:0 !important}.sc-stzh-visuallyhidden-h{display:contents}.sc-stzh-visuallyhidden-h.sc-stzh-visuallyhidden-s>*:not(:focus):not(:active),.sc-stzh-visuallyhidden-h .sc-stzh-visuallyhidden-s>*:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-visuallyhidden.sc-stzh-visuallyhidden{display:contents}`;const h=class{constructor(i){s(this,i)}render(){return i(e,{key:"8857011f0515d4e70037b5765c8d3cfa9777981e"},i("div",{key:"70aa35eee6e2ee592d140ba3828e44ac38aead19",class:{"stzh-visuallyhidden":true}},i("slot",{key:"8a37a94832a521ec3570f6af0faee38f56612cf0"})))}};h.style=t();export{h as stzh_visuallyhidden};
-//# sourceMappingURL=p-a53a9180.entry.js.map
+import{r as s,h as i,a as e}from"./p-WVDCFmOb.js";const t=()=>`.sc-stzh-visuallyhidden-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-visuallyhidden-h,[stzh-hidden].sc-stzh-visuallyhidden-h{display:none}.sc-stzh-visuallyhidden-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden,.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden::before,.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden::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-visuallyhidden-h .has-focus.sc-stzh-visuallyhidden{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-visuallyhidden-h .stzh-fylingfocus-focused.sc-stzh-visuallyhidden{outline-style:none !important}.sc-stzh-visuallyhidden-h .stzh-fylingfocus-focused.sc-stzh-visuallyhidden::-moz-focus-inner{border:0 !important}.sc-stzh-visuallyhidden-h{display:contents}.sc-stzh-visuallyhidden-h.sc-stzh-visuallyhidden-s>*:not(:focus):not(:active),.sc-stzh-visuallyhidden-h .sc-stzh-visuallyhidden-s>*:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-visuallyhidden.sc-stzh-visuallyhidden{display:contents}`;const n=class{constructor(i){s(this,i)}render(){return i(e,{key:"8857011f0515d4e70037b5765c8d3cfa9777981e"},i("div",{key:"70aa35eee6e2ee592d140ba3828e44ac38aead19",class:{"stzh-visuallyhidden":true}},i("slot",{key:"8a37a94832a521ec3570f6af0faee38f56612cf0"})))}};n.style=t();export{n as stzh_visuallyhidden};
+//# sourceMappingURL=p-0f7a068e.entry.js.map

package/dist/stzh-components/{p-855f5edc.entry.js → p-106166bb.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,a as s,d as n}from"./p-BQiZz3hq.js";import{w as a}from"./p--SdF31O7.js";import{s as h,a as o,b as r}from"./p-BOO84wnP.js";import{m as c,a as d,r as p}from"./p-CUGRmgip.js";const m=()=>`: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{}: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}:host{--padding-left:var(--stzh-pi-menu-padding-left, 20px);--trigger-size:var(--stzh-icon-size-large);--trigger-color:var(--stzh-color-black);--content-background:var(--stzh-color-primary20);--icon-size:var(--stzh-icon-size);--button-color:var(--stzh-color-black);--button-background-color:var(--stzh-color-primary30);--hover-button-color:var(--button-color);--hover-button-background-color:var(--stzh-color-primary40);--hover-trigger-color:var(--trigger-color)}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active), (-ms-high-contrast: active){:host{--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}.stzh-pi-menu{height:100%;transition:width 0.15s ease;width:100%;z-index:1;position:absolute;}.stzh-pi-menu::-webkit-scrollbar{width:0.5rem}.stzh-pi-menu::-webkit-scrollbar-thumb{background-color:var(--stzh-color-primary40)}.stzh-pi-menu::-webkit-scrollbar-track{background:var(--content-background)}.stzh-pi-menu{scrollbar-color:var(--stzh-color-primary40) var(--content-background)}.stzh-pi-menu--fixed{position:fixed;top:0;height:auto}.stzh-pi-menu__heading{margin:0;position:sticky;top:0}.stzh-pi-menu__backdrop{position:absolute;z-index:-1;top:0;width:0;height:0;background-color:var(--stzh-color-black40op);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-pi-menu__backdrop--visible{width:100vw;height:100vh;opacity:1;pointer-events:auto}.stzh-pi-menu__button{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding-left:var(--stzh-space-none);padding-right:var(--stzh-space-medium);padding-top:var(--stzh-space-none);padding-bottom:var(--stzh-space-none);width:100%;min-height:var(--stzh-space-xbig);appearance:none;display:flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--button-color);background-color:var(--button-background-color);text-align:left;border:none;transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 900px){.stzh-pi-menu__button{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__button{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button{padding-left:calc((100vw - 100rem) / 2);padding-right:var(--stzh-space-medium)}}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button{transition:none}}.stzh-pi-menu__button:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-pi-menu__button-spacer{visibility:hidden;pointer-events:none}.stzh-pi-menu__subheading{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);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-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin:0;padding:var(--stzh-space-small) var(--stzh-space-medium);hyphens:auto}@media screen and (min-width: 900px){.stzh-pi-menu__subheading{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__subheading{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__subheading{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__content-inner{background-color:var(--content-background);overflow-y:hidden}.stzh-pi-menu__button-text{flex-grow:1;padding-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{--size:var(--trigger-size);transition-property:transform, color;transition-duration:500ms;color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{transition:none}}.stzh-pi-menu__button-icon-in-menu{--size:var(--icon-size);color:var(--stzh-color-black);margin-left:auto}.stzh-pi-menu__button-icon-in-menu:hover{color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-pi-menu__button-icon-in-menu{display:none}}.stzh-pi-menu__sub-menu{display:flex;padding-right:var(--stzh-space-medium);align-items:center}@media screen and (min-width: 900px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::before,.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::after{background-color:var(--hover-trigger-color)}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon{color:var(--hover-trigger-color)}.stzh-pi-menu__content{height:calc(100vh - 4rem);width:100%}@media print{.stzh-pi-menu__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-pi-menu stzh-details .stzh-details--is-open .stzh-pi-menu__button-icon-in-menu{transform:rotate(180deg)}.stzh-pi-menu stzh-details .stzh-details__content-inner{padding-top:var(--stzh-space-none)}.stzh-pi-menu{}.stzh-pi-menu__nav{padding-bottom:var(--stzh-space-xlarge);padding-left:var(--stzh-space-none)}.stzh-pi-menu__nav-list{list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0}@media screen and (min-width: 900px){.stzh-pi-menu__nav-list.is-level-2{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{display:block;padding-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{padding-left:var(--padding-left);text-decoration:none;color:var(--stzh-color-black)}.stzh-pi-menu__nav-item:hover{color:var(--stzh-color-primary70)}.stzh-pi-menu__nav-item.active{background-color:var(--stzh-color-primary30)}.stzh-pi-menu__nav-item.is-level-1{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding:var(--stzh-space-small) var(--stzh-space-medium)}@media screen and (max-width: 899px){.stzh-pi-menu__nav-item.is-level-1{height:2.75rem;align-content:center}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-1{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-1{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__nav-item.is-level-2{line-height:var(--stzh-space-xlarge);padding:var(--stzh-space-xsmall) var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-2{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-2{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-xxlarge));padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__button-space-helper{visibility:hidden;pointer-events:none}.stzh-pi-menu{}.stzh-pi-menu--is-open .stzh-pi-menu__button-icon{transform:rotate(180deg)}.stzh-pi-menu--is-open .stzh-pi-menu__content-inner{overflow-y:auto;height:calc(100vh - 4rem)}`;const l={keyframes:[{height:"0",opacity:"0"},{height:"100%",opacity:"1"}],options:{duration:300,easing:"linear"}};const u={keyframes:[{height:"100%",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};let z=0;const v=class{constructor(i){t(this,i);this.stzhOpen=e(this,"stzhOpen");this.stzhOpened=e(this,"stzhOpened");this.stzhClose=e(this,"stzhClose");this.stzhClosed=e(this,"stzhClosed");this.stzhMenuItemClick=e(this,"stzhMenuItemClick");this.menuItems=[];this.open=false;this.heading="";this.subheading="";this.headingLevel="3";this.menuIsFixed=false;this.entangledMenuSize=20;this.showBackdrop=false;this.rootTabindex=0;this.toggledByMethod=false;this.focusedByInput=false;this.handleHeaderClick=()=>{this.toggle()};this.onRootFocus=()=>{if(!this.focusedByInput){this.buttonElement.focus()}this.focusedByInput=false};this.handleMenuItemClick=t=>{this.stzhMenuItemClick.emit({component:"stzh-pi-menu",originalEvent:t})};this.handleBackdropClick=async()=>{this.showBackdrop=false;this.hide()};this.setEntangledMenuSize=()=>{const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.entangledMenuSize=t.getBoundingClientRect().width};this.handleMenuIntersection=t=>{t.forEach((t=>{if(t.intersectionRatio<1&&t.boundingClientRect.top<20){this.menuIsFixed=true}else{this.menuIsFixed=false}}))};this.mediaChangeHandler=()=>{this.isSmall=c("small").matches;this.isMedium=c("medium").matches;this.isLarge=c("large").matches;this.isUltra=c("ultra").matches;if(this.isMedium||this.isLarge||this.isUltra){this.showBackdrop=false;this.open=true}else{if(this.open){this.showBackdrop=true}}}}menuItemsWatcher(t){if(typeof t==="string"){this._menuItems=JSON.parse(t)}else{this._menuItems=t}this._menuItems=this._menuItems.map(((t,e)=>Object.assign({id:`submenu-${e}`},t)))}async openWatcher(t){if(!this.bodyElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-pi-menu"})}await h(this.bodyElement);this.bodyElement.hidden=false;await o(this.bodyElement,r(l.keyframes,{height:this.bodyElement.scrollHeight}),l.options);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-pi-menu"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-pi-menu"})}await h(this.bodyElement);await o(this.bodyElement,r(u.keyframes,{height:this.bodyElement.scrollHeight}),u.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-pi-menu"})}}this.toggledByMethod=false}async show(){if(this.open){return}if(!this.isMedium&&!this.isLarge&&!this.isUltra){this.showBackdrop=true}this.toggledByMethod=true;this.open=true;return a(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.showBackdrop=false;this.toggledByMethod=true;this.open=false;return a(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}setSubMenuHeader(t){var e;return i("div",{class:"stzh-pi-menu__sub-menu"},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":true,"is-level-1":true,active:t.active}},t.label)," ",((e=t.items)===null||e===void 0?void 0:e.length)?i("stzh-icon",{name:"angle-down",class:"stzh-pi-menu__button-icon-in-menu"}):"")}setSubMenuItems(t){var e;if(!((e=t.items)===null||e===void 0?void 0:e.length))return null;return i("ul",{id:t.id,class:"stzh-pi-menu__nav-list is-level-2"},t.items.map((t=>i("li",{class:"stzh-pi-menu__nav-list-item"},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":true,"is-level-2":true,active:t.active}},t.label)))))}connectedCallback(){d(this.mediaChangeHandler)}async componentWillLoad(){this.piMenuId=`stzh-pi-menu-${z++}`;this.menuItemsWatcher(this.menuItems);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pi-pagetitle")}}componentDidLoad(){this.bodyElement.hidden=!this.open;this.menuObserver=new IntersectionObserver(this.handleMenuIntersection,{rootMargin:"0px",threshold:1});const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.menuObserver.observe(t);this.setEntangledMenuSize();this.mediaChangeHandler();if(this.isMedium||this.isLarge||this.isUltra){this.open=true}else{this.open=false}window.addEventListener("resize",(()=>{if(this.resizeTimeout){window.cancelAnimationFrame(this.resizeTimeout)}this.resizeTimeout=window.requestAnimationFrame((()=>{this.setEntangledMenuSize()}))}),false)}disconnectedCallback(){if(this.menuObserver){this.menuObserver.disconnect()}window.removeEventListener("resize",(()=>{if(this.resizeTimeout){window.cancelAnimationFrame(this.resizeTimeout)}}));p(this.mediaChangeHandler)}render(){const t=`h${this.headingLevel}`;const e={"stzh-pi-menu":true,"stzh-pi-menu--is-open":this.open,"stzh-pi-menu--fixed":this.menuIsFixed};const n={"stzh-pi-menu__backdrop":true,"stzh-pi-menu__backdrop--visible":this.showBackdrop};const a="8.0625rem";const h="19.6875rem";const o=`${this.entangledMenuSize}px`;const r=this.open?this.isMedium?o:h:this.isMedium?o:a;return i(s,{key:"e583b413925c9bc15aca81c842c1f0c8fd4484b7",tabindex:this.rootTabindex,onFocus:this.onRootFocus},i("div",{key:"7c2b6ed5d5e60c059a1b80a4d5c06c4698c38595",class:"stzh-pi-menu-positioner"},i("div",{key:"beb909273241e553cedf6d863e8a73f0f1c13738",class:e,style:{width:r}},i("div",{key:"10a995201e7fb47ab6576efe9de00a5ec8c5ec28",class:n,onClick:this.handleBackdropClick}),i(t,{key:"d64be4f90c1c2ecf05730bfe7dfcb0aa458f7e9a",class:"stzh-pi-menu__heading",onClick:this.handleHeaderClick},i("button",{key:"cf3b22ca436e3b483e8b61477d5ede4a9fc7880e",ref:t=>this.buttonElement=t,class:"stzh-pi-menu__button","aria-expanded":`${this.open?"true":"false"}`,type:"button","s-object-id":this.analyticsId||this.heading},i("span",{key:"07ab56f4fbec51237c253f37a3725402942db761",class:"stzh-pi-menu__button-text"},this.heading),i("stzh-icon",{key:"ca75ef7b0e1f7ad011edbc4cedfe5f7c0b669e74",name:"angle-down",class:"stzh-pi-menu__button-icon"}))),i("div",{key:"724583a95a8112f4ac002d2e4ee54f4543375137",id:`${this.piMenuId}-content`,ref:t=>this.bodyElement=t,class:"stzh-pi-menu__content","aria-labelledby":`${this.piMenuId}-header`,role:"region"},i("div",{key:"2bf652cd58e92a767de4048a8caccd4ae6b79a17",class:"stzh-pi-menu__content-inner"},i("nav",{key:"ca171dcab5e595cb3f84ca47270f838dcf94c946",class:"stzh-pi-menu__nav","aria-label":this.localization.menuLabel},this.subheading&&i("p",{key:"24e9a00ef9d8d5a4890f3b7c197c183e057c5c39",class:"stzh-pi-menu__subheading"},this.subheading),i("ul",{key:"26446f462a62d2c2cb9f3ed2659fb109a5c1d427",class:"stzh-pi-menu__nav-list is-level-1"},this._menuItems.map(((t,e)=>i("li",{class:"stzh-pi-menu__nav-list-item"},this.isMedium||this.isLarge||this.isUltra?i("div",null,this.setSubMenuHeader(t),this.setSubMenuItems(t)):i("stzh-details",{open:e===0},this.setSubMenuHeader(t),i("div",{slot:"content"},this.setSubMenuItems(t))))))))))),i("button",{key:"18b474339430c7e9952b26bef5ee3d610bc7e9e5",class:"stzh-pi-menu__button stzh-pi-menu__button-space-helper","aria-hidden":"true",type:"button"},i("span",{key:"9a399ea2b3f761cc84111f7f7a55156e7d491407",class:"stzh-pi-menu__button-text"},i("span",{key:"cc832441f1d2e589100f9c9d310839dae7658418",class:"stzh-pi-menu__heading-text"},this.heading)),i("stzh-icon",{key:"c923cac1645a5a914b8f14fab01a99131926a351",name:"angle-down",class:"stzh-pi-menu__button-icon"}))))}get element(){return n(this)}static get watchers(){return{menuItems:["menuItemsWatcher"],open:["openWatcher"]}}};v.style=m();export{v as stzh_pi_menu};
-//# sourceMappingURL=p-855f5edc.entry.js.map
+import{r as t,c as e,h as i,a as s,d as n}from"./p-WVDCFmOb.js";import{w as a}from"./p--SdF31O7.js";import{s as h,a as o,b as r}from"./p-BOO84wnP.js";import{m as c,a as d,r as p}from"./p-CUGRmgip.js";const m=()=>`: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{}: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}:host{--padding-left:var(--stzh-pi-menu-padding-left, 20px);--trigger-size:var(--stzh-icon-size-large);--trigger-color:var(--stzh-color-black);--content-background:var(--stzh-color-primary20);--icon-size:var(--stzh-icon-size);--button-color:var(--stzh-color-black);--button-background-color:var(--stzh-color-primary30);--hover-button-color:var(--button-color);--hover-button-background-color:var(--stzh-color-primary40);--hover-trigger-color:var(--trigger-color)}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active), (-ms-high-contrast: active){:host{--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}.stzh-pi-menu{height:100%;transition:width 0.15s ease;width:100%;z-index:1;position:absolute;}.stzh-pi-menu::-webkit-scrollbar{width:0.5rem}.stzh-pi-menu::-webkit-scrollbar-thumb{background-color:var(--stzh-color-primary40)}.stzh-pi-menu::-webkit-scrollbar-track{background:var(--content-background)}.stzh-pi-menu{scrollbar-color:var(--stzh-color-primary40) var(--content-background)}.stzh-pi-menu--fixed{position:fixed;top:0;height:auto}.stzh-pi-menu__heading{margin:0;position:sticky;top:0}.stzh-pi-menu__backdrop{position:absolute;z-index:-1;top:0;width:0;height:0;background-color:var(--stzh-color-black40op);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-pi-menu__backdrop--visible{width:100vw;height:100vh;opacity:1;pointer-events:auto}.stzh-pi-menu__button{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding-left:var(--stzh-space-none);padding-right:var(--stzh-space-medium);padding-top:var(--stzh-space-none);padding-bottom:var(--stzh-space-none);width:100%;min-height:var(--stzh-space-xbig);appearance:none;display:flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--button-color);background-color:var(--button-background-color);text-align:left;border:none;transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 900px){.stzh-pi-menu__button{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__button{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button{padding-left:calc((100vw - 100rem) / 2);padding-right:var(--stzh-space-medium)}}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button{transition:none}}.stzh-pi-menu__button:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-pi-menu__button-spacer{visibility:hidden;pointer-events:none}.stzh-pi-menu__subheading{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);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-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin:0;padding:var(--stzh-space-small) var(--stzh-space-medium);hyphens:auto}@media screen and (min-width: 900px){.stzh-pi-menu__subheading{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__subheading{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__subheading{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__content-inner{background-color:var(--content-background);overflow-y:hidden}.stzh-pi-menu__button-text{flex-grow:1;padding-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{--size:var(--trigger-size);transition-property:transform, color;transition-duration:500ms;color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{transition:none}}.stzh-pi-menu__button-icon-in-menu{--size:var(--icon-size);color:var(--stzh-color-black);margin-left:auto}.stzh-pi-menu__button-icon-in-menu:hover{color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-pi-menu__button-icon-in-menu{display:none}}.stzh-pi-menu__sub-menu{display:flex;padding-right:var(--stzh-space-medium);align-items:center}@media screen and (min-width: 900px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::before,.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::after{background-color:var(--hover-trigger-color)}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon{color:var(--hover-trigger-color)}.stzh-pi-menu__content{height:calc(100vh - 4rem);width:100%}@media print{.stzh-pi-menu__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-pi-menu stzh-details .stzh-details--is-open .stzh-pi-menu__button-icon-in-menu{transform:rotate(180deg)}.stzh-pi-menu stzh-details .stzh-details__content-inner{padding-top:var(--stzh-space-none)}.stzh-pi-menu{}.stzh-pi-menu__nav{padding-bottom:var(--stzh-space-xlarge);padding-left:var(--stzh-space-none)}.stzh-pi-menu__nav-list{list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0}@media screen and (min-width: 900px){.stzh-pi-menu__nav-list.is-level-2{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{display:block;padding-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{padding-left:var(--padding-left);text-decoration:none;color:var(--stzh-color-black)}.stzh-pi-menu__nav-item:hover{color:var(--stzh-color-primary70)}.stzh-pi-menu__nav-item.active{background-color:var(--stzh-color-primary30)}.stzh-pi-menu__nav-item.is-level-1{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding:var(--stzh-space-small) var(--stzh-space-medium)}@media screen and (max-width: 899px){.stzh-pi-menu__nav-item.is-level-1{height:2.75rem;align-content:center}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-1{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-1{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__nav-item.is-level-2{line-height:var(--stzh-space-xlarge);padding:var(--stzh-space-xsmall) var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-2{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-2{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-xxlarge));padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__button-space-helper{visibility:hidden;pointer-events:none}.stzh-pi-menu{}.stzh-pi-menu--is-open .stzh-pi-menu__button-icon{transform:rotate(180deg)}.stzh-pi-menu--is-open .stzh-pi-menu__content-inner{overflow-y:auto;height:calc(100vh - 4rem)}`;const l={keyframes:[{height:"0",opacity:"0"},{height:"100%",opacity:"1"}],options:{duration:300,easing:"linear"}};const u={keyframes:[{height:"100%",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};let z=0;const v=class{constructor(i){t(this,i);this.stzhOpen=e(this,"stzhOpen");this.stzhOpened=e(this,"stzhOpened");this.stzhClose=e(this,"stzhClose");this.stzhClosed=e(this,"stzhClosed");this.stzhMenuItemClick=e(this,"stzhMenuItemClick");this.menuItems=[];this.open=false;this.heading="";this.subheading="";this.headingLevel="3";this.menuIsFixed=false;this.entangledMenuSize=20;this.showBackdrop=false;this.rootTabindex=0;this.toggledByMethod=false;this.focusedByInput=false;this.handleHeaderClick=()=>{this.toggle()};this.onRootFocus=()=>{if(!this.focusedByInput){this.buttonElement.focus()}this.focusedByInput=false};this.handleMenuItemClick=t=>{this.stzhMenuItemClick.emit({component:"stzh-pi-menu",originalEvent:t})};this.handleBackdropClick=async()=>{this.showBackdrop=false;this.hide()};this.setEntangledMenuSize=()=>{const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.entangledMenuSize=t.getBoundingClientRect().width};this.handleMenuIntersection=t=>{t.forEach((t=>{if(t.intersectionRatio<1&&t.boundingClientRect.top<20){this.menuIsFixed=true}else{this.menuIsFixed=false}}))};this.mediaChangeHandler=()=>{this.isSmall=c("small").matches;this.isMedium=c("medium").matches;this.isLarge=c("large").matches;this.isUltra=c("ultra").matches;if(this.isMedium||this.isLarge||this.isUltra){this.showBackdrop=false;this.open=true}else{if(this.open){this.showBackdrop=true}}}}menuItemsWatcher(t){if(typeof t==="string"){this._menuItems=JSON.parse(t)}else{this._menuItems=t}this._menuItems=this._menuItems.map(((t,e)=>Object.assign({id:`submenu-${e}`},t)))}async openWatcher(t){if(!this.bodyElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-pi-menu"})}await h(this.bodyElement);this.bodyElement.hidden=false;await o(this.bodyElement,r(l.keyframes,{height:this.bodyElement.scrollHeight}),l.options);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-pi-menu"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-pi-menu"})}await h(this.bodyElement);await o(this.bodyElement,r(u.keyframes,{height:this.bodyElement.scrollHeight}),u.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-pi-menu"})}}this.toggledByMethod=false}async show(){if(this.open){return}if(!this.isMedium&&!this.isLarge&&!this.isUltra){this.showBackdrop=true}this.toggledByMethod=true;this.open=true;return a(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.showBackdrop=false;this.toggledByMethod=true;this.open=false;return a(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}setSubMenuHeader(t){var e;return i("div",{class:"stzh-pi-menu__sub-menu"},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":true,"is-level-1":true,active:t.active}},t.label)," ",((e=t.items)===null||e===void 0?void 0:e.length)?i("stzh-icon",{name:"angle-down",class:"stzh-pi-menu__button-icon-in-menu"}):"")}setSubMenuItems(t){var e;if(!((e=t.items)===null||e===void 0?void 0:e.length))return null;return i("ul",{id:t.id,class:"stzh-pi-menu__nav-list is-level-2"},t.items.map((t=>i("li",{class:"stzh-pi-menu__nav-list-item"},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":true,"is-level-2":true,active:t.active}},t.label)))))}connectedCallback(){d(this.mediaChangeHandler)}async componentWillLoad(){this.piMenuId=`stzh-pi-menu-${z++}`;this.menuItemsWatcher(this.menuItems);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pi-pagetitle")}}componentDidLoad(){this.bodyElement.hidden=!this.open;this.menuObserver=new IntersectionObserver(this.handleMenuIntersection,{rootMargin:"0px",threshold:1});const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.menuObserver.observe(t);this.setEntangledMenuSize();this.mediaChangeHandler();if(this.isMedium||this.isLarge||this.isUltra){this.open=true}else{this.open=false}window.addEventListener("resize",(()=>{if(this.resizeTimeout){window.cancelAnimationFrame(this.resizeTimeout)}this.resizeTimeout=window.requestAnimationFrame((()=>{this.setEntangledMenuSize()}))}),false)}disconnectedCallback(){if(this.menuObserver){this.menuObserver.disconnect()}window.removeEventListener("resize",(()=>{if(this.resizeTimeout){window.cancelAnimationFrame(this.resizeTimeout)}}));p(this.mediaChangeHandler)}render(){const t=`h${this.headingLevel}`;const e={"stzh-pi-menu":true,"stzh-pi-menu--is-open":this.open,"stzh-pi-menu--fixed":this.menuIsFixed};const n={"stzh-pi-menu__backdrop":true,"stzh-pi-menu__backdrop--visible":this.showBackdrop};const a="8.0625rem";const h="19.6875rem";const o=`${this.entangledMenuSize}px`;const r=this.open?this.isMedium?o:h:this.isMedium?o:a;return i(s,{key:"e583b413925c9bc15aca81c842c1f0c8fd4484b7",tabindex:this.rootTabindex,onFocus:this.onRootFocus},i("div",{key:"7c2b6ed5d5e60c059a1b80a4d5c06c4698c38595",class:"stzh-pi-menu-positioner"},i("div",{key:"beb909273241e553cedf6d863e8a73f0f1c13738",class:e,style:{width:r}},i("div",{key:"10a995201e7fb47ab6576efe9de00a5ec8c5ec28",class:n,onClick:this.handleBackdropClick}),i(t,{key:"d64be4f90c1c2ecf05730bfe7dfcb0aa458f7e9a",class:"stzh-pi-menu__heading",onClick:this.handleHeaderClick},i("button",{key:"cf3b22ca436e3b483e8b61477d5ede4a9fc7880e",ref:t=>this.buttonElement=t,class:"stzh-pi-menu__button","aria-expanded":`${this.open?"true":"false"}`,type:"button","s-object-id":this.analyticsId||this.heading},i("span",{key:"07ab56f4fbec51237c253f37a3725402942db761",class:"stzh-pi-menu__button-text"},this.heading),i("stzh-icon",{key:"ca75ef7b0e1f7ad011edbc4cedfe5f7c0b669e74",name:"angle-down",class:"stzh-pi-menu__button-icon"}))),i("div",{key:"724583a95a8112f4ac002d2e4ee54f4543375137",id:`${this.piMenuId}-content`,ref:t=>this.bodyElement=t,class:"stzh-pi-menu__content","aria-labelledby":`${this.piMenuId}-header`,role:"region"},i("div",{key:"2bf652cd58e92a767de4048a8caccd4ae6b79a17",class:"stzh-pi-menu__content-inner"},i("nav",{key:"ca171dcab5e595cb3f84ca47270f838dcf94c946",class:"stzh-pi-menu__nav","aria-label":this.localization.menuLabel},this.subheading&&i("p",{key:"24e9a00ef9d8d5a4890f3b7c197c183e057c5c39",class:"stzh-pi-menu__subheading"},this.subheading),i("ul",{key:"26446f462a62d2c2cb9f3ed2659fb109a5c1d427",class:"stzh-pi-menu__nav-list is-level-1"},this._menuItems.map(((t,e)=>i("li",{class:"stzh-pi-menu__nav-list-item"},this.isMedium||this.isLarge||this.isUltra?i("div",null,this.setSubMenuHeader(t),this.setSubMenuItems(t)):i("stzh-details",{open:e===0},this.setSubMenuHeader(t),i("div",{slot:"content"},this.setSubMenuItems(t))))))))))),i("button",{key:"18b474339430c7e9952b26bef5ee3d610bc7e9e5",class:"stzh-pi-menu__button stzh-pi-menu__button-space-helper","aria-hidden":"true",type:"button"},i("span",{key:"9a399ea2b3f761cc84111f7f7a55156e7d491407",class:"stzh-pi-menu__button-text"},i("span",{key:"cc832441f1d2e589100f9c9d310839dae7658418",class:"stzh-pi-menu__heading-text"},this.heading)),i("stzh-icon",{key:"c923cac1645a5a914b8f14fab01a99131926a351",name:"angle-down",class:"stzh-pi-menu__button-icon"}))))}get element(){return n(this)}static get watchers(){return{menuItems:["menuItemsWatcher"],open:["openWatcher"]}}};v.style=m();export{v as stzh_pi_menu};
+//# sourceMappingURL=p-106166bb.entry.js.map

package/dist/stzh-components/{p-21f6dbca.entry.js → p-1244a4ad.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,a as r,d as o}from"./p-BQiZz3hq.js";const e=()=>`.sc-stzh-hr-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-hr-h,[stzh-hidden].sc-stzh-hr-h{display:none}.sc-stzh-hr-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-hr-h *.sc-stzh-hr,.sc-stzh-hr-h *.sc-stzh-hr::before,.sc-stzh-hr-h *.sc-stzh-hr::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-hr-h .has-focus.sc-stzh-hr{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-hr-h .stzh-fylingfocus-focused.sc-stzh-hr{outline-style:none !important}.sc-stzh-hr-h .stzh-fylingfocus-focused.sc-stzh-hr::-moz-focus-inner{border:0 !important}.sc-stzh-hr-h{--border-color:var(--stzh-base-border-color);width:100%}.stzh-hr.sc-stzh-hr{height:0.0625rem;background-color:var(--border-color)}`;const h=class{constructor(s){t(this,s)}render(){const t={"stzh-hr":true};return s(r,{key:"60b11208fe5e8ae149951d1011531b6c035a8e8d"},s("div",{key:"08aca2e040157281b11547e70e6a8f55dd849c66",class:t}))}get element(){return o(this)}};h.style=e();export{h as stzh_hr};
-//# sourceMappingURL=p-21f6dbca.entry.js.map
+import{r as t,h as s,a as r,d as o}from"./p-WVDCFmOb.js";const e=()=>`.sc-stzh-hr-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-hr-h,[stzh-hidden].sc-stzh-hr-h{display:none}.sc-stzh-hr-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-hr-h *.sc-stzh-hr,.sc-stzh-hr-h *.sc-stzh-hr::before,.sc-stzh-hr-h *.sc-stzh-hr::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-hr-h .has-focus.sc-stzh-hr{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-hr-h .stzh-fylingfocus-focused.sc-stzh-hr{outline-style:none !important}.sc-stzh-hr-h .stzh-fylingfocus-focused.sc-stzh-hr::-moz-focus-inner{border:0 !important}.sc-stzh-hr-h{--border-color:var(--stzh-base-border-color);width:100%}.stzh-hr.sc-stzh-hr{height:0.0625rem;background-color:var(--border-color)}`;const h=class{constructor(s){t(this,s)}render(){const t={"stzh-hr":true};return s(r,{key:"60b11208fe5e8ae149951d1011531b6c035a8e8d"},s("div",{key:"08aca2e040157281b11547e70e6a8f55dd849c66",class:t}))}get element(){return o(this)}};h.style=e();export{h as stzh_hr};
+//# sourceMappingURL=p-1244a4ad.entry.js.map

package/dist/stzh-components/{p-aa1042b6.entry.js → p-12821225.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,a as s,d as o}from"./p-BQiZz3hq.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=class{constructor(t){e(this,t);this.url="";this.cookie="youtube";this.cookieExpires=365;this.skipPreviewIfCookieAccepted=false;this.skipPreview=false;this.previewSkipped=false;this.handlePreviewSkipped=()=>{this.previewSkipped=true}}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:"0ffa0063e0545e64cf9662041d06a051681f38f8"},t("div",{key:"6bd5ec784d8a463db594631f3aba7bd4f789bbc7",class:e},t("stzh-ratio",{key:"8043b1f8cf1610564deae8ab9e0b98664d8d325b"},t("stzh-iframe",{key:"2ff273ea7865c1461e13370c47cef1521eb828d9",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:"9b1ef3e76215162f29a9846d1fe87eb6f83616a0",name:"preview-logo",slot:"preview-logo"}),t("slot",{key:"1b92d8e6a371d1c70d48b2c7d2067b441959e26b",name:"preview-image",slot:"preview-image"}),t("div",{key:"2315c7798ec2f5f0282be9d8f3c29ee9069afbe2",slot:"cookiewall-text",innerHTML:this.localization.confirmText})))))}get element(){return o(this)}};n.style=i();export{n as stzh_youtube};
-//# sourceMappingURL=p-aa1042b6.entry.js.map
+import{r as e,h as t,a as s,d as o}from"./p-WVDCFmOb.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=class{constructor(t){e(this,t);this.url="";this.cookie="youtube";this.cookieExpires=365;this.skipPreviewIfCookieAccepted=false;this.skipPreview=false;this.previewSkipped=false;this.handlePreviewSkipped=()=>{this.previewSkipped=true}}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:"0ffa0063e0545e64cf9662041d06a051681f38f8"},t("div",{key:"6bd5ec784d8a463db594631f3aba7bd4f789bbc7",class:e},t("stzh-ratio",{key:"8043b1f8cf1610564deae8ab9e0b98664d8d325b"},t("stzh-iframe",{key:"2ff273ea7865c1461e13370c47cef1521eb828d9",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:"9b1ef3e76215162f29a9846d1fe87eb6f83616a0",name:"preview-logo",slot:"preview-logo"}),t("slot",{key:"1b92d8e6a371d1c70d48b2c7d2067b441959e26b",name:"preview-image",slot:"preview-image"}),t("div",{key:"2315c7798ec2f5f0282be9d8f3c29ee9069afbe2",slot:"cookiewall-text",innerHTML:this.localization.confirmText})))))}get element(){return o(this)}};n.style=i();export{n as stzh_youtube};
+//# sourceMappingURL=p-12821225.entry.js.map

package/dist/stzh-components/{p-27a84a6e.entry.js → p-1ba93bb7.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as s,a as t,d as r}from"./p-BQiZz3hq.js";import{h as d}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const a=()=>`.sc-stzh-feedreader-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-feedreader-h,[stzh-hidden].sc-stzh-feedreader-h{display:none}.sc-stzh-feedreader-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-feedreader-h *.sc-stzh-feedreader,.sc-stzh-feedreader-h *.sc-stzh-feedreader::before,.sc-stzh-feedreader-h *.sc-stzh-feedreader::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-feedreader-h .has-focus.sc-stzh-feedreader{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-feedreader-h .stzh-fylingfocus-focused.sc-stzh-feedreader{outline-style:none !important}.sc-stzh-feedreader-h .stzh-fylingfocus-focused.sc-stzh-feedreader::-moz-focus-inner{border:0 !important}.stzh-feedreader__header.sc-stzh-feedreader{margin-bottom:var(--stzh-space-xlarge)}.stzh-feedreader__subscribe.sc-stzh-feedreader{margin-bottom:var(--stzh-space-xlarge)}.stzh-feedreader__items.sc-stzh-feedreader{display:grid;column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-feedreader__items.sc-stzh-feedreader{grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-ultra)}}`;const i=class{constructor(s){e(this,s);this.heading="";this.headingLevel="3";this.description="";this.noItemsText="";this.noItemsLink="";this.hasItems=true}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"feedreader")}}componentDidLoad(){try{this.hasItems=this.itemsWrapperElement.querySelectorAll("stzh-feedreader-item").length>0}catch(e){console.error("noChildNodesException",e)}}render(){const e={"stzh-feedreader":true};const r=d(this.element,"subscribe-feed");const a=d(this.element,"subscribe-proxy");const i=d(this.element,"connection-error");return s(t,{key:"717ed0337421c12b8bc2749c029c975de049c57d"},s("div",{key:"23934d5f52dca47a5a7c2cde3418f8d8450244dc",class:e},s("div",{key:"3f2d4526e77ae9e91bedda8821bf4b50f5f03021",class:"stzh-feedreader__container"},s("div",{key:"2a01abf283b17b5955f2a9925caad80375c2102c",class:"stzh-feedreader__header"},s("stzh-heading",{key:"b1f23f3cfb8cea098f933508a465a8cfad61a763",level:this.headingLevel},this.heading),s("stzh-text",{key:"bb81f0a2df9016cff7abb82daeee76d5478b83d6"},this.description)),(r||a)&&s("div",{key:"5bd239d18eb519059712bd911ddc597aa9a12083",class:"stzh-feedreader__subscribe"},s("slot",{key:"05361449b77c90209c737c32c513465430df0faf",name:"subscribe-feed"}),s("slot",{key:"6a002bcc6e1c86194b2be43cd9e1a34fb083f326",name:"subscribe-proxy"})),!this.hasItems&&!i&&s("stzh-message",{key:"aac571a04bb53220578b7d091a12abf5dd837b44",label:this.noItemsText,hideClose:true},!!this.noItemsLink&&s("stzh-link",{key:"d68abf659aca69ba1fe0a494ca01961589db5b9b",slot:"link",href:this.noItemsLink},this.localization.moreInfo)),i&&s("div",{key:"7900b58dc3f645a1594b55172ea1cb87c69c16c4",class:"stzh-feedreader__connection-error"},s("slot",{key:"dcaffc38b3e824cc7f7a9648f18147e768271b46",name:"connection-error"})),s("div",{key:"a4d374129855fe8427352d47bd7d076408e6844f",class:"stzh-feedreader__items",ref:e=>this.itemsWrapperElement=e},s("slot",{key:"d05e04ebb1be122422a8aa4c15e54c93c5f52be6"})))))}get element(){return r(this)}};i.style=a();export{i as stzh_feedreader};
-//# sourceMappingURL=p-27a84a6e.entry.js.map
+import{r as e,h as s,a as t,d as r}from"./p-WVDCFmOb.js";import{h as d}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const a=()=>`.sc-stzh-feedreader-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-feedreader-h,[stzh-hidden].sc-stzh-feedreader-h{display:none}.sc-stzh-feedreader-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-feedreader-h *.sc-stzh-feedreader,.sc-stzh-feedreader-h *.sc-stzh-feedreader::before,.sc-stzh-feedreader-h *.sc-stzh-feedreader::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-feedreader-h .has-focus.sc-stzh-feedreader{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-feedreader-h .stzh-fylingfocus-focused.sc-stzh-feedreader{outline-style:none !important}.sc-stzh-feedreader-h .stzh-fylingfocus-focused.sc-stzh-feedreader::-moz-focus-inner{border:0 !important}.stzh-feedreader__header.sc-stzh-feedreader{margin-bottom:var(--stzh-space-xlarge)}.stzh-feedreader__subscribe.sc-stzh-feedreader{margin-bottom:var(--stzh-space-xlarge)}.stzh-feedreader__items.sc-stzh-feedreader{display:grid;column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-feedreader__items.sc-stzh-feedreader{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-feedreader__items.sc-stzh-feedreader{grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-feedreader__items.sc-stzh-feedreader{row-gap:var(--stzh-grid-gutter-ultra)}}`;const i=class{constructor(s){e(this,s);this.heading="";this.headingLevel="3";this.description="";this.noItemsText="";this.noItemsLink="";this.hasItems=true}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"feedreader")}}componentDidLoad(){try{this.hasItems=this.itemsWrapperElement.querySelectorAll("stzh-feedreader-item").length>0}catch(e){console.error("noChildNodesException",e)}}render(){const e={"stzh-feedreader":true};const r=d(this.element,"subscribe-feed");const a=d(this.element,"subscribe-proxy");const i=d(this.element,"connection-error");return s(t,{key:"717ed0337421c12b8bc2749c029c975de049c57d"},s("div",{key:"23934d5f52dca47a5a7c2cde3418f8d8450244dc",class:e},s("div",{key:"3f2d4526e77ae9e91bedda8821bf4b50f5f03021",class:"stzh-feedreader__container"},s("div",{key:"2a01abf283b17b5955f2a9925caad80375c2102c",class:"stzh-feedreader__header"},s("stzh-heading",{key:"b1f23f3cfb8cea098f933508a465a8cfad61a763",level:this.headingLevel},this.heading),s("stzh-text",{key:"bb81f0a2df9016cff7abb82daeee76d5478b83d6"},this.description)),(r||a)&&s("div",{key:"5bd239d18eb519059712bd911ddc597aa9a12083",class:"stzh-feedreader__subscribe"},s("slot",{key:"05361449b77c90209c737c32c513465430df0faf",name:"subscribe-feed"}),s("slot",{key:"6a002bcc6e1c86194b2be43cd9e1a34fb083f326",name:"subscribe-proxy"})),!this.hasItems&&!i&&s("stzh-message",{key:"aac571a04bb53220578b7d091a12abf5dd837b44",label:this.noItemsText,hideClose:true},!!this.noItemsLink&&s("stzh-link",{key:"d68abf659aca69ba1fe0a494ca01961589db5b9b",slot:"link",href:this.noItemsLink},this.localization.moreInfo)),i&&s("div",{key:"7900b58dc3f645a1594b55172ea1cb87c69c16c4",class:"stzh-feedreader__connection-error"},s("slot",{key:"dcaffc38b3e824cc7f7a9648f18147e768271b46",name:"connection-error"})),s("div",{key:"a4d374129855fe8427352d47bd7d076408e6844f",class:"stzh-feedreader__items",ref:e=>this.itemsWrapperElement=e},s("slot",{key:"d05e04ebb1be122422a8aa4c15e54c93c5f52be6"})))))}get element(){return r(this)}};i.style=a();export{i as stzh_feedreader};
+//# sourceMappingURL=p-1ba93bb7.entry.js.map

package/dist/stzh-components/{p-1fb6d525.entry.js → p-1e6be6d0.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as a,F as s,a as i,d as r}from"./p-BQiZz3hq.js";import{f as h}from"./p-PUB8fb5E.js";import{m as d,a as n,r as o}from"./p-CUGRmgip.js";import"./p-E-ZsRS8r.js";const l=()=>`: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{}: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}:host{--teaser-list-width:30rem;--meta-grid-template-areas:"filters search";--results-grid-template-areas:"map list"}.stzh-geo-ref-data{position:fixed;top:0;right:0;bottom:0;left:0;z-index:899;flex-direction:column;transition:opacity ease 0.2s;background-color:var(--stzh-color-white);display:flex;opacity:0;visibility:hidden;pointer-events:none}.stzh-geo-ref-data--is-open{opacity:1;visibility:visible;pointer-events:inherit}.stzh-geo-ref-data__header{display:none}@media screen and (min-width: 1260px){.stzh-geo-ref-data__header{display:inherit}}.stzh-geo-ref-data__content{overflow:hidden;height:100%}.stzh-geo-ref-data--content-padding{padding-left:1.25rem;padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data--content-padding{padding-left:2rem}}@media screen and (min-width: 900px){.stzh-geo-ref-data--content-padding{padding-left:2.5rem}}@media screen and (min-width: 1260px){.stzh-geo-ref-data--content-padding{padding-left:2rem}}.stzh-geo-ref-data__heading{display:flex;align-items:center;background-color:var(--stzh-color-secondary20);padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data{}.stzh-geo-ref-data__meta-wrapper{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--stzh-space-large)}@media screen and (max-width: 1259px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium)}}.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-xlarge)}}.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{display:grid;column-gap:var(--stzh-grid-gutter);grid-template-areas:var(--meta-grid-template-areas);grid-template-columns:1fr var(--teaser-list-width)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1260px) and (min-width: 1600px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-geo-ref-data__filters{grid-area:filters;flex:none;margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-toggle{display:none}}@media screen and (max-width: 899px){.stzh-geo-ref-data__filters-toggle stzh-chip{--icon-gap:0}}.stzh-geo-ref-data__list-search{display:none;padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__filters-content{display:none}.stzh-geo-ref-data__filters-content--visible{padding:1.25rem}@media screen and (max-width: 1259px){.stzh-geo-ref-data__filters-content--visible{display:flex;gap:var(--stzh-space-xxlarge);position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--stzh-color-white);z-index:10;flex-direction:column;justify-content:space-between}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-content{display:block}}.stzh-geo-ref-data__filters-apply-button{display:block}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-apply-button{display:none}}.stzh-geo-ref-data__search{grid-area:search;width:100%}@media screen and (min-width: 1260px){.stzh-geo-ref-data__search{width:var(--teaser-list-width);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-xsmall)}}.stzh-geo-ref-data__search input{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)}.stzh-geo-ref-data__results-toggle{grid-area:resultstoggle;flex:none;margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-toggle{display:none}}.stzh-geo-ref-data{}.stzh-geo-ref-data__results-wrapper{height:100%}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-wrapper{display:grid;column-gap:var(--stzh-grid-gutter);grid-template-areas:var(--results-grid-template-areas);grid-template-columns:minmax(0, 1fr) var(--teaser-list-width)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1260px) and (min-width: 1600px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (max-width: 1259px){.stzh-geo-ref-data__results-wrapper .inactive{visibility:hidden;height:0;position:absolute;overflow:hidden}}.stzh-geo-ref-data__results-map{grid-area:map;position:relative;height:100%}.stzh-geo-ref-data__map-controls{position:absolute;top:var(--stzh-space-small);left:var(--stzh-space-small);background-color:var(--stzh-color-white);padding:var(--stzh-space-xsmall)}.stzh-geo-ref-data__results-list{grid-area:list;padding-left:1.25rem;padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxlarge);overflow:auto}.stzh-geo-ref-data__results-list::-webkit-scrollbar{position:absolute;z-index:9999999;width:0.5rem;background-color:transparent}.stzh-geo-ref-data__results-list::-webkit-scrollbar:horizontal{height:0.5rem}.stzh-geo-ref-data__results-list::-webkit-scrollbar-track{background-color:transparent}.stzh-geo-ref-data__results-list::-webkit-scrollbar-thumb{background-color:var(--stzh-color-secondary50)}.stzh-geo-ref-data__results-list::-webkit-scrollbar-thumb:active,.stzh-geo-ref-data__results-list ::-webkit-scrollbar-thumb:hover{background-color:var(--stzh-color-secondary50)}@media screen and (min-width: 600px){.stzh-geo-ref-data__results-list{padding-left:2rem}}@media screen and (min-width: 900px){.stzh-geo-ref-data__results-list{padding-left:2.5rem}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-list{width:var(--teaser-list-width);padding-left:0;overflow:auto}}.stzh-geo-ref-data__results-list-heading{margin-bottom:var(--stzh-space-medium)}.stzh-geo-ref-data__teaser-list{display:grid;gap:var(--stzh-space-medium);grid-template-columns:1fr}@media screen and (min-width: 600px){.stzh-geo-ref-data__teaser-list{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__teaser-list{grid-template-columns:1fr}}.stzh-geo-ref-data__teaser-load-more{display:flex;justify-content:center;margin-top:var(--stzh-space-medium)}.stzh-geo-ref-data{}@media screen and (min-width: 1260px){.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__meta-wrapper{display:none}}.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__filters{display:none}@media screen and (min-width: 1260px){.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__list-search{display:block}}.stzh-poi-teaser{display:flex;flex-direction:column-reverse;background-color:var(--stzh-color-grey10);position:relative}@media screen and (min-width: 1260px){.stzh-poi-teaser{flex-direction:row;height:11.25rem}}.stzh-poi-teaser:hover{cursor:pointer;background-color:var(--stzh-color-secondary10)}.stzh-poi-teaser-content{padding:var(--stzh-space-medium);hyphens:auto;flex-grow:1}.stzh-poi-teaser-content stzh-heading{margin-bottom:var(--stzh-space-xsmall);hyphens:auto}.stzh-poi-teaser-content stzh-text{--color:var(--stzh-color-grey80)}.stzh-poi-teaser-link{position:absolute;top:0;right:0;bottom:0;left:0}.stzh-poi-teaser__image-wrapper{position:relative}.stzh-poi-teaser__ratio{display:flex;height:100%}.stzh-poi-teaser__image-inner-wrapper{background-color:var(--stzh-color-grey20);position:absolute;inset:0;height:100%}.stzh-poi-teaser__image-inner-wrapper img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stzh-poi-teaser-list-item{display:flex;gap:var(--stzh-space-small);margin-top:var(--stzh-space-xxsmall)}.stzh-poi-teaser-list-item stzh-icon,.stzh-poi-teaser-list-item stzh-text{--color:var(--stzh-color-grey80)}`;const c="stzh-overlay-open";const p=class{constructor(a){t(this,a);this.stzhOverlayCloseClick=e(this,"stzhOverlayCloseClick");this.al="";this.heading="";this.mapDataUrl="";this.poiDataUrl="";this.baseUrlOverride="https://www.stadt-zuerich.ch";this.locationControl=true;this.centerMarker=false;this.zoom=7;this.zoomLocation=7;this.pinchRotateThreshold=.3;this.availableTags=[];this._availableTags=[];this.searchIndexFields=["title","poiname","street","zip","description"];this.searchIndexIdField="poiid";this.filterActive=false;this.searchActive=false;this.showOnlyResultsForCurrentExtent=true;this.finalResults=[];this.finalResultsPaginatedList=[];this.finalResultsPaginationOffset=0;this.viewmode="map";this.numberOfItemsToLoad=20;this.appliedFilters=[""];this.isFiltersContentOpen=false;this.filterResults=[];this.handleFilterToggleClick=()=>{this.isFiltersContentOpen=true};this.handleApplyFilterClick=()=>{this.isFiltersContentOpen=false};this.handleOverlayCloseClick=()=>{document.body.classList.remove(c);this.isOpen=false;const t=new URLSearchParams(window.location.search);Array.from(t.keys()).forEach((e=>{if(e.startsWith("filters[")){t.delete(e)}}));t.delete("extent[0]");t.delete("extent[1]");t.delete("extent[2]");t.delete("extent[3]");t.delete("al");const e=`${window.location.pathname}?${t.toString()}`;history.replaceState(null,"",e);this.appliedFilters=[""]};this.handleResize=async()=>{if(!this.metaWrapperElement||!this.mapElement||!this.resultsListElement){return}if(this.metaWrapperElement.clientHeight){this.mapElement.style.height=`calc(100% - ${this.metaWrapperElement.clientHeight}px)`;this.resultsListElement.style.height=`calc(100% - ${this.metaWrapperElement.clientHeight}px)`}else{this.mapElement.style.height=`100%`;this.resultsListElement.style.height=`100%`}const t=await this.mapElement.getMap();t.updateSize()};this.mediaChangeHandler=()=>{this.isViewportLarge=d("large").matches;this.isViewportMedium=d("medium").matches};this.handleFilterChange=async t=>{let e=Array.isArray(t.detail.value)?t.detail.value:[t.detail.value];if(e.length===1&&e[0]===this._resetTag.value){this.appliedFilters=[]}else{try{e=e.filter((t=>t!==""))}catch(t){}this.appliedFilters=e}setTimeout((async()=>{await this.handleFilterResults()}))};this.handleExtentVisibilityChange=async t=>{this.showOnlyResultsForCurrentExtent=t.detail.checked;await this.setVisibleMarkers()};this.handleSearchChange=async t=>{if(t.detail.value!==""){if(!this.searchIndex){return}const e=this.searchIndex.search(t.detail.value);const a=e.flatMap((t=>t.result));this.searchResults=new Set(a);this.searchActive=true}else{this.searchActive=false}await this.combineFilterAndSearchResults()};this.toggleViewMode=()=>{if(this.viewmode==="map"){this.viewmode="list"}else{this.viewmode="map"}}}availableTagsWatcher(t){if(!t){this._availableTags=[]}else if(typeof t==="string"){try{this._availableTags=JSON.parse(t)}catch(t){this._availableTags=[]}}else{this._availableTags=t}}resetTagWatcher(t){if(!t){this._resetTag=undefined}else if(typeof t==="string"){try{this._resetTag=JSON.parse(t)}catch(t){this._resetTag=undefined}}else{this._resetTag=t}}applyFiltersFromUrl(){const t=new URLSearchParams(window.location.search);const e=Array.from(t.entries()).filter((([t,e])=>t.startsWith("filters[")&&e==="true")).map((([t])=>t.slice(8,-1)));if(e.length){this.appliedFilters=e;this.updateUrlWithFilters();this.handleFilterChange({detail:{value:e}})}}nextFrame(){return new Promise((t=>requestAnimationFrame((()=>t()))))}async loadMapData(){if(!this.mapDataUrl){return[]}try{const t=await fetch(this.mapDataUrl);const e=await t.text();const a=(new DOMParser).parseFromString(e,"text/xml");return Array.from(a.querySelectorAll("featureMember")).map((t=>{var e,a;const s=(e=t.querySelector("pos"))===null||e===void 0?void 0:e.textContent;const i=(a=t.querySelector("poi_id"))===null||a===void 0?void 0:a.textContent;const[r,h]=(s===null||s===void 0?void 0:s.split(" "))||[];return{poiid:i,lat:r,lon:h}}))}catch(t){this.toastbarElement.toast("Es ist ein Fehler beim Beziehen der Kartendaten aufgetreten.",{type:"error"}).catch()}}async loadPoiData(){if(!this.poiDataUrl){return[]}try{const t=await fetch(this.poiDataUrl,{credentials:"include"});const e=await t.json();return e.items}catch(t){this.toastbarElement.toast("Beim Laden der POI-Daten ist ein Fehler aufgetreten.",{type:"error"}).catch()}}combineData(t,e){if(!t.length||!e.length){return[]}let a;let s;if(t.length<e.length){a=t;s=e}else{a=e;s=t}return a.map((t=>{const e=s.find((e=>e.poiid===t.poiid));return Object.assign(Object.assign({},t),e)})).sort(((t,e)=>{try{return t.title.localeCompare(e.title)}catch(t){return 1}}))}enhanceTags(t,e){return t.sort(((t,e)=>{try{t.label.localeCompare(e.label)}catch(t){return 1}})).map((t=>{const a=e.filter((e=>{try{return e.tags.includes(t.value)}catch(t){return false}})).length.toString();return Object.assign(Object.assign({},t),{counter:a,variant:"filter"})}))}buildSearchIndex(t){if(!t.length){return}this.searchIndex=new h.Document({tokenize:"forward",matcher:{"[äà]":"a","[öó]":"o","[üûúù]":"u","[éè]":"e"},document:{id:this.searchIndexIdField,index:this.searchIndexFields}});t.forEach((t=>{this.searchIndex.add(t)}))}async mapMovedPannedOrZoomed(){await this.setVisibleMarkers()}async setVisibleMarkers(){if(this.combinedData){const t=await this.mapElement.getVisibleMarkers();if(this.showOnlyResultsForCurrentExtent){this.finalResults=this.combinedData.filter((e=>t.find((t=>t.getId()===e.poiid))))}else{this.finalResults=this.combinedData}this.setEnhancedTags();await this.setPaginatedResults()}}async setPaginatedResults(){this.finalResultsPaginatedList=this.finalResults.slice(0,this.numberOfItemsToLoad);this.canLoadMore=this.finalResults.length>this.numberOfItemsToLoad}async checkDirectOpenViaUrl(){const t=new URLSearchParams(window.location.search);const e=t.get("al");if(e&&e===this.al){await this.initializeAndOpenMap()}}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>{this.handleResize()}));this.resizeObserver.observe(this.element);if(this.metaWrapperElement){this.resizeObserver.observe(this.metaWrapperElement)}this.handleResize()}connectedCallback(){this.mediaChangeHandler();n(this.mediaChangeHandler);this.availableTagsWatcher(this.availableTags);this.resetTagWatcher(this.resetTag);this.checkDirectOpenViaUrl()}disconnectedCallback(){o(this.mediaChangeHandler);if(this.resizeObserver){this.resizeObserver.disconnect()}}async initializeAndOpenMap(){document.body.classList.add(c);this.isLoading=true;this.isOpen=true;await this.nextFrame();const t=new URLSearchParams(window.location.search);if(!t.has("al")){t.set("al",this.al);const e=`${window.location.pathname}?${t.toString()}`;history.replaceState(null,"",e)}try{this.combinedData=this.combineData(await this.loadMapData(),await this.loadPoiData());this.setEnhancedTags();this.applyFiltersFromUrl();this.buildSearchIndex(this.combinedData);this.finalResults=this.combinedData;await this.combineFilterAndSearchResults();await this.nextFrame();await this.handleResize();await this.nextFrame();await this.handleResize();const t=new URLSearchParams(window.location.search);const e=[parseFloat(t.get("extent[0]")),parseFloat(t.get("extent[1]")),parseFloat(t.get("extent[2]")),parseFloat(t.get("extent[3]"))];const a=e.length===4&&e.every((t=>!isNaN(t)));if(!a){await this.mapElement.updateViewToFitMarkers();await this.nextFrame()}this.isInitialized=true;await this.setVisibleMarkers()}catch(t){this.toastbarElement.toast("Beim Laden der Karte ist ein Fehler aufgetreten.",{type:"error"}).catch()}setTimeout((()=>{this.isLoading=false}),500)}updateUrlWithFilters(){const t=new URLSearchParams(window.location.search);Array.from(t.keys()).forEach((e=>{if(e.startsWith("filters[")){t.delete(e)}}));this.appliedFilters.forEach((e=>{t.set(`filters[${e}]`,"true")}));const e=`${window.location.pathname}?${t.toString()}`;history.replaceState(null,"",e)}setEnhancedTags(){this.enhancedTags=this.enhanceTags(this._availableTags,this.finalResults);const t=Object.assign(Object.assign({},this._resetTag),{counter:this.finalResults.length.toString()});if(this._resetTag){this.enhancedTags.unshift(t)}}async handleFilterResults(){if(this.appliedFilters.length!==0){this.filterResults=this.finalResults.filter((t=>t.tags&&t.tags.some((t=>this.appliedFilters.includes(t)))));this.filterActive=true}else{this.filterActive=false;this.filterResults=this.finalResults}this.updateUrlWithFilters();await this.combineFilterAndSearchResults()}async combineFilterAndSearchResults(){if(this.filterActive&&!this.searchActive){this.finalResults=this.filterResults}else if(!this.filterActive&&this.searchActive){this.finalResults=Array.from(this.searchResults).map((t=>this.combinedData.find((e=>e.poiid===t))))}else if(this.filterActive&&this.searchActive){this.finalResults=this.filterResults.filter((t=>this.searchResults.has(t.poiid)))}else{this.finalResults=this.combinedData}this.finalResultsPaginatedList=this.finalResults.slice(0,this.numberOfItemsToLoad);await this.replaceMapMarkers(this.finalResults)}loadMore(){this.finalResultsPaginationOffset++;const t=this.finalResults.slice(this.finalResultsPaginationOffset*this.numberOfItemsToLoad,this.finalResultsPaginationOffset*this.numberOfItemsToLoad+this.numberOfItemsToLoad);if(!t||!t.length||t.length<this.numberOfItemsToLoad){this.canLoadMore=false}this.finalResultsPaginatedList=this.finalResultsPaginatedList.concat(t)}async replaceMapMarkers(t){await this.mapElement.removeAllIconMarkers();const e=t.filter((t=>!!t.lat&&!!t.lon));await Promise.all(e.map((t=>this.mapElement.addIconMarker([parseFloat(t.lat),parseFloat(t.lon)],{id:t.poiid,title:t.title,text:t.description,data:t.data,imageUri:`${this.baseUrlOverride}${t.image}`,href:`${this.baseUrlOverride}${t.path}`}))));if(!this.showOnlyResultsForCurrentExtent){await this.mapElement.updateViewToFitMarkers()}}async handlePoiTeaserMouseEnter(t){const e=await this.mapElement.findMarkerById(t.poiid);if(e){await this.mapElement.setIconMarkerActive(e)}}async handlePoiTeaserMouseLeave(t){const e=await this.mapElement.findMarkerById(t.poiid);if(e){await this.mapElement.setIconMarkerInactive(e)}}render(){const t={"stzh-geo-ref-data":true,"stzh-geo-ref-data--is-loading":this.isLoading,"stzh-geo-ref-data--is-open":this.isOpen,"stzh-geo-ref-data--has-filters":this._availableTags.length>0};return a(i,{key:"557ef9e1f447e6ff2fe462a0991d32931efbf171"},a("stzh-toastbar",{key:"d34574a19f671873550d693d68ebe86bff852656",ref:t=>this.toastbarElement=t}),a("div",{key:"5583813486782792586217c90e3eeb3b728a7372",class:"stzh-geo-ref-data__trigger",onClick:()=>this.initializeAndOpenMap()},a("slot",{key:"d653f80496010410fd2e8fff42e1a2262444ed6f",name:"trigger"})),a("stzh-overlay",{key:"c41cef42b21e61067d5c309b426746355ee65759",open:this.isLoading},a("stzh-loader",{key:"4d744aafc19210c0f124025059f6ef9b19044a3c",label:"Daten werden geladen..."})),a("div",{key:"96113e1f4cb9036ffcdb322668216ce08f16669e",class:t},a("div",{key:"5df42f0f74ae089429c4bc57cee6028f0664c751",class:"stzh-geo-ref-data__header-wrapper"},a("stzh-header",{key:"596c2a85579ec2a1674e7f05a76d5fa40f1b935b",class:"stzh-geo-ref-data__header","hide-metabar":true,sticky:"disabled"},a("slot",{key:"c14efb32a5a256a968b8ab38cbe0ec056f6c0a10",name:"logo",slot:"logo"})),a("div",{key:"53b0f071f9605e667b6db40adbce30ec364a1552",class:"stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding"},a("stzh-heading",{key:"5d569f8b46324bc6d94b2b188d3b3e228be0953c",class:"stzh-geo-ref-data__heading-heading",curve:"h2"},this.heading),a("stzh-button",{key:"60ec752ea9c6d5640f4afb1109d881fcfcbe57ca",class:"stzh-geo-ref-data__overlay-close",icon:"close",iconOnly:true,size:"small",variant:"tertiary",onClick:this.handleOverlayCloseClick}))),a("div",{key:"bcf0f0d59e97207922bc4af5c6d7c6463ba5d45c",class:"stzh-geo-ref-data__content"},a("div",{key:"0c8405efb92ee61e9579396ab9ef8974633668b6",class:"stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding",ref:t=>this.metaWrapperElement=t},a("div",{key:"1925fa5ab59ec31dbf5c97ee55d0b6465541912e",class:"stzh-geo-ref-data__filters"},this._availableTags.length>0&&a("div",{key:"71760e2e5b397f0eb3ffb970b594055cd207f7b0",class:"stzh-geo-ref-data__filters-toggle"},a("stzh-chip",{key:"44ff3e82513e5603f24451bb3b8fb013255a2543",label:this.isViewportMedium?"Filter":"",variant:"filter",icon:"filtering",onStzhClick:this.handleFilterToggleClick})),a("div",{key:"27aa0829d01172c0c0c989965e0c42b735cc953f",class:{"stzh-geo-ref-data__filters-content":true,"stzh-geo-ref-data__filters-content--visible":!this.isViewportLarge&&this.isFiltersContentOpen}},a("stzh-chipselect",{key:"623dee1e779399577df410c787b55b6ce7873965","label-hidden":true,label:"Tags",data:this.enhancedTags,onStzhChange:this.handleFilterChange,multiple:true,defaultValue:this.appliedFilters,value:this.appliedFilters}),a("div",{key:"cf1a1f33a747e836d29e84c6be48766e820d0b55",class:"stzh-geo-ref-data__filters-apply-button"},a("stzh-button",{key:"b9d9a25c47025655502332cc536e6d2576d074ec",size:"small",fullwidth:true,onStzhClick:this.handleApplyFilterClick},"Anwenden")))),a("div",{key:"63d7195f71c83f7c0a10a5bf8854bc50a1ad894a",class:"stzh-geo-ref-data__search"},a("stzh-input",{key:"89d6ad8f99cb4165ca5b64c80b3f054cedaa6906",name:"stzh-datatable-search",onStzhChange:this.handleSearchChange,hideOptional:true,label:"Suche",type:"search"})),a("div",{key:"c20ca4314313f24afd201283af6d4267282437b8",class:"stzh-geo-ref-data__results-toggle"},a("stzh-chip",{key:"9e122ee40e5d7258c33b223b4666c38b2a85ae3e",onStzhClick:this.toggleViewMode,label:this.viewmode==="map"?"Liste":"Karte",icon:this.viewmode==="map"?"bulleted-list":"map",variant:"filter"}))),a("div",{key:"ce466ed7021d2c3e774a2376893847f3cb5e6801",class:"stzh-geo-ref-data__results-wrapper"},a("div",{key:"e1b2b8f8f890c59a1e650a25754d853e14c6f9d6",class:`stzh-geo-ref-data__results-map ${this.viewmode==="map"?"active":"inactive"}`},a("stzh-olmap",{key:"3fdd2f2cff82c33b0280c6383f9173aba7ce9001",class:"stzh-geo-ref-data__ol-map",centerMarker:this.centerMarker,zoom:this.zoom,zoomLocation:this.zoomLocation,writeExtentToUrlEnabled:this.isOpen,locationControl:this.locationControl,pinchRotateThreshold:this.pinchRotateThreshold,ref:t=>this.mapElement=t}),a("div",{key:"b54104194521c05873d0c5744fb2bbdf229831b1",class:"stzh-geo-ref-data__map-controls"},a("stzh-checkbox",{key:"641e631ee81c373bf378b2ee3e98b76c7bebbf1b",label:"Treffer an Kartenausschnitt anpassen",checked:this.showOnlyResultsForCurrentExtent,hideOptional:true,onStzhChange:this.handleExtentVisibilityChange}))),a("div",{key:"22ce896c2b906eb63613e859f43658b48c6f910c",class:`stzh-geo-ref-data__results-list ${this.viewmode==="list"?"active":"inactive"}`,ref:t=>this.resultsListElement=t},this.finalResults&&a(s,{key:"6b471479817c730e866c8a1bff0d8fcef588a7f7"},a("div",{key:"0b5854a7b314107cec45dedfff06a3fa27978f17",class:"stzh-geo-ref-data__list-search"},a("stzh-input",{key:"79644b592b99340629190944533b4f6962fd028b",name:"stzh-datatable-search",onStzhChange:this.handleSearchChange,hideOptional:true,label:"Suche",type:"search"})),a("stzh-text",{key:"10a5583b557b0eacef2a8e31403fffd75a173fe2",class:"stzh-geo-ref-data__results-list-heading"},this.finalResults.length," Treffer"),a("div",{key:"95d93c5742370ac89145df50635cae881b1fe49e",class:"stzh-geo-ref-data__teaser-list"},this.finalResultsPaginatedList.map((t=>a("div",{class:"stzh-poi-teaser",onMouseEnter:()=>this.handlePoiTeaserMouseEnter(t),onMouseLeave:()=>this.handlePoiTeaserMouseLeave(t)},a("a",{class:"stzh-poi-teaser-link",href:this.baseUrlOverride+t.path}),a("div",{class:"stzh-poi-teaser-content"},a("stzh-heading",{curve:"lead"},t.poiname),t.description&&a("stzh-text",{size:"micro"},t.description),t.data&&t.data.length>0&&t.data.map((t=>a("div",{class:"stzh-poi-teaser-list-item"},a("stzh-icon",{name:t.icon}),a("stzh-text",{size:"micro"},t.text))))),t.image&&a("div",{class:"stzh-poi-teaser__image-wrapper"},a("stzh-ratio",{ratio:"2:1","ratio-large":"5:4","ratio-ultra":"1:1",portrait:this.isViewportLarge,class:"stzh-poi-teaser__ratio"}),a("div",{class:"stzh-poi-teaser__image-inner-wrapper"},a("img",{src:this.baseUrlOverride+t.image,alt:"Foto von "+t.poiname}))))))),this.canLoadMore&&a("div",{key:"f375f5c578c3812d94f0f2704ec3a9fd36c758a0",class:"stzh-geo-ref-data__teaser-load-more"},a("stzh-button",{key:"842a6584bd30e39983eb9fd73456b00d5d9f4113",onStzhClick:()=>this.loadMore()},"Weitere laden"))))))))}get element(){return r(this)}static get watchers(){return{availableTags:["availableTagsWatcher"],resetTag:["resetTagWatcher"]}}};p.style=l();export{p as stzh_geo_ref_data};
-//# sourceMappingURL=p-1fb6d525.entry.js.map
+import{r as t,c as e,h as a,F as s,a as i,d as r}from"./p-WVDCFmOb.js";import{f as h}from"./p-PUB8fb5E.js";import{m as d,a as n,r as o}from"./p-CUGRmgip.js";import"./p-E-ZsRS8r.js";const l=()=>`: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{}: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}:host{--teaser-list-width:30rem;--meta-grid-template-areas:"filters search";--results-grid-template-areas:"map list"}.stzh-geo-ref-data{position:fixed;top:0;right:0;bottom:0;left:0;z-index:899;flex-direction:column;transition:opacity ease 0.2s;background-color:var(--stzh-color-white);display:flex;opacity:0;visibility:hidden;pointer-events:none}.stzh-geo-ref-data--is-open{opacity:1;visibility:visible;pointer-events:inherit}.stzh-geo-ref-data__header{display:none}@media screen and (min-width: 1260px){.stzh-geo-ref-data__header{display:inherit}}.stzh-geo-ref-data__content{overflow:hidden;height:100%}.stzh-geo-ref-data--content-padding{padding-left:1.25rem;padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data--content-padding{padding-left:2rem}}@media screen and (min-width: 900px){.stzh-geo-ref-data--content-padding{padding-left:2.5rem}}@media screen and (min-width: 1260px){.stzh-geo-ref-data--content-padding{padding-left:2rem}}.stzh-geo-ref-data__heading{display:flex;align-items:center;background-color:var(--stzh-color-secondary20);padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data{}.stzh-geo-ref-data__meta-wrapper{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--stzh-space-large)}@media screen and (max-width: 1259px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium)}}.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-xlarge)}}.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{display:grid;column-gap:var(--stzh-grid-gutter);grid-template-areas:var(--meta-grid-template-areas);grid-template-columns:1fr var(--teaser-list-width)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1260px) and (min-width: 1600px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-geo-ref-data__filters{grid-area:filters;flex:none;margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-toggle{display:none}}@media screen and (max-width: 899px){.stzh-geo-ref-data__filters-toggle stzh-chip{--icon-gap:0}}.stzh-geo-ref-data__list-search{display:none;padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__filters-content{display:none}.stzh-geo-ref-data__filters-content--visible{padding:1.25rem}@media screen and (max-width: 1259px){.stzh-geo-ref-data__filters-content--visible{display:flex;gap:var(--stzh-space-xxlarge);position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--stzh-color-white);z-index:10;flex-direction:column;justify-content:space-between}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-content{display:block}}.stzh-geo-ref-data__filters-apply-button{display:block}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-apply-button{display:none}}.stzh-geo-ref-data__search{grid-area:search;width:100%}@media screen and (min-width: 1260px){.stzh-geo-ref-data__search{width:var(--teaser-list-width);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-xsmall)}}.stzh-geo-ref-data__search input{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)}.stzh-geo-ref-data__results-toggle{grid-area:resultstoggle;flex:none;margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-toggle{display:none}}.stzh-geo-ref-data{}.stzh-geo-ref-data__results-wrapper{height:100%}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-wrapper{display:grid;column-gap:var(--stzh-grid-gutter);grid-template-areas:var(--results-grid-template-areas);grid-template-columns:minmax(0, 1fr) var(--teaser-list-width)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1260px) and (min-width: 1600px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (max-width: 1259px){.stzh-geo-ref-data__results-wrapper .inactive{visibility:hidden;height:0;position:absolute;overflow:hidden}}.stzh-geo-ref-data__results-map{grid-area:map;position:relative;height:100%}.stzh-geo-ref-data__map-controls{position:absolute;top:var(--stzh-space-small);left:var(--stzh-space-small);background-color:var(--stzh-color-white);padding:var(--stzh-space-xsmall)}.stzh-geo-ref-data__results-list{grid-area:list;padding-left:1.25rem;padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxlarge);overflow:auto}.stzh-geo-ref-data__results-list::-webkit-scrollbar{position:absolute;z-index:9999999;width:0.5rem;background-color:transparent}.stzh-geo-ref-data__results-list::-webkit-scrollbar:horizontal{height:0.5rem}.stzh-geo-ref-data__results-list::-webkit-scrollbar-track{background-color:transparent}.stzh-geo-ref-data__results-list::-webkit-scrollbar-thumb{background-color:var(--stzh-color-secondary50)}.stzh-geo-ref-data__results-list::-webkit-scrollbar-thumb:active,.stzh-geo-ref-data__results-list ::-webkit-scrollbar-thumb:hover{background-color:var(--stzh-color-secondary50)}@media screen and (min-width: 600px){.stzh-geo-ref-data__results-list{padding-left:2rem}}@media screen and (min-width: 900px){.stzh-geo-ref-data__results-list{padding-left:2.5rem}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-list{width:var(--teaser-list-width);padding-left:0;overflow:auto}}.stzh-geo-ref-data__results-list-heading{margin-bottom:var(--stzh-space-medium)}.stzh-geo-ref-data__teaser-list{display:grid;gap:var(--stzh-space-medium);grid-template-columns:1fr}@media screen and (min-width: 600px){.stzh-geo-ref-data__teaser-list{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__teaser-list{grid-template-columns:1fr}}.stzh-geo-ref-data__teaser-load-more{display:flex;justify-content:center;margin-top:var(--stzh-space-medium)}.stzh-geo-ref-data{}@media screen and (min-width: 1260px){.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__meta-wrapper{display:none}}.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__filters{display:none}@media screen and (min-width: 1260px){.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__list-search{display:block}}.stzh-poi-teaser{display:flex;flex-direction:column-reverse;background-color:var(--stzh-color-grey10);position:relative}@media screen and (min-width: 1260px){.stzh-poi-teaser{flex-direction:row;height:11.25rem}}.stzh-poi-teaser:hover{cursor:pointer;background-color:var(--stzh-color-secondary10)}.stzh-poi-teaser-content{padding:var(--stzh-space-medium);hyphens:auto;flex-grow:1}.stzh-poi-teaser-content stzh-heading{margin-bottom:var(--stzh-space-xsmall);hyphens:auto}.stzh-poi-teaser-content stzh-text{--color:var(--stzh-color-grey80)}.stzh-poi-teaser-link{position:absolute;top:0;right:0;bottom:0;left:0}.stzh-poi-teaser__image-wrapper{position:relative}.stzh-poi-teaser__ratio{display:flex;height:100%}.stzh-poi-teaser__image-inner-wrapper{background-color:var(--stzh-color-grey20);position:absolute;inset:0;height:100%}.stzh-poi-teaser__image-inner-wrapper img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stzh-poi-teaser-list-item{display:flex;gap:var(--stzh-space-small);margin-top:var(--stzh-space-xxsmall)}.stzh-poi-teaser-list-item stzh-icon,.stzh-poi-teaser-list-item stzh-text{--color:var(--stzh-color-grey80)}`;const c="stzh-overlay-open";const p=class{constructor(a){t(this,a);this.stzhOverlayCloseClick=e(this,"stzhOverlayCloseClick");this.al="";this.heading="";this.mapDataUrl="";this.poiDataUrl="";this.baseUrlOverride="https://www.stadt-zuerich.ch";this.locationControl=true;this.centerMarker=false;this.zoom=7;this.zoomLocation=7;this.pinchRotateThreshold=.3;this.availableTags=[];this._availableTags=[];this.searchIndexFields=["title","poiname","street","zip","description"];this.searchIndexIdField="poiid";this.filterActive=false;this.searchActive=false;this.showOnlyResultsForCurrentExtent=true;this.finalResults=[];this.finalResultsPaginatedList=[];this.finalResultsPaginationOffset=0;this.viewmode="map";this.numberOfItemsToLoad=20;this.appliedFilters=[""];this.isFiltersContentOpen=false;this.filterResults=[];this.handleFilterToggleClick=()=>{this.isFiltersContentOpen=true};this.handleApplyFilterClick=()=>{this.isFiltersContentOpen=false};this.handleOverlayCloseClick=()=>{document.body.classList.remove(c);this.isOpen=false;const t=new URLSearchParams(window.location.search);Array.from(t.keys()).forEach((e=>{if(e.startsWith("filters[")){t.delete(e)}}));t.delete("extent[0]");t.delete("extent[1]");t.delete("extent[2]");t.delete("extent[3]");t.delete("al");const e=`${window.location.pathname}?${t.toString()}`;history.replaceState(null,"",e);this.appliedFilters=[""]};this.handleResize=async()=>{if(!this.metaWrapperElement||!this.mapElement||!this.resultsListElement){return}if(this.metaWrapperElement.clientHeight){this.mapElement.style.height=`calc(100% - ${this.metaWrapperElement.clientHeight}px)`;this.resultsListElement.style.height=`calc(100% - ${this.metaWrapperElement.clientHeight}px)`}else{this.mapElement.style.height=`100%`;this.resultsListElement.style.height=`100%`}const t=await this.mapElement.getMap();t.updateSize()};this.mediaChangeHandler=()=>{this.isViewportLarge=d("large").matches;this.isViewportMedium=d("medium").matches};this.handleFilterChange=async t=>{let e=Array.isArray(t.detail.value)?t.detail.value:[t.detail.value];if(e.length===1&&e[0]===this._resetTag.value){this.appliedFilters=[]}else{try{e=e.filter((t=>t!==""))}catch(t){}this.appliedFilters=e}setTimeout((async()=>{await this.handleFilterResults()}))};this.handleExtentVisibilityChange=async t=>{this.showOnlyResultsForCurrentExtent=t.detail.checked;await this.setVisibleMarkers()};this.handleSearchChange=async t=>{if(t.detail.value!==""){if(!this.searchIndex){return}const e=this.searchIndex.search(t.detail.value);const a=e.flatMap((t=>t.result));this.searchResults=new Set(a);this.searchActive=true}else{this.searchActive=false}await this.combineFilterAndSearchResults()};this.toggleViewMode=()=>{if(this.viewmode==="map"){this.viewmode="list"}else{this.viewmode="map"}}}availableTagsWatcher(t){if(!t){this._availableTags=[]}else if(typeof t==="string"){try{this._availableTags=JSON.parse(t)}catch(t){this._availableTags=[]}}else{this._availableTags=t}}resetTagWatcher(t){if(!t){this._resetTag=undefined}else if(typeof t==="string"){try{this._resetTag=JSON.parse(t)}catch(t){this._resetTag=undefined}}else{this._resetTag=t}}applyFiltersFromUrl(){const t=new URLSearchParams(window.location.search);const e=Array.from(t.entries()).filter((([t,e])=>t.startsWith("filters[")&&e==="true")).map((([t])=>t.slice(8,-1)));if(e.length){this.appliedFilters=e;this.updateUrlWithFilters();this.handleFilterChange({detail:{value:e}})}}nextFrame(){return new Promise((t=>requestAnimationFrame((()=>t()))))}async loadMapData(){if(!this.mapDataUrl){return[]}try{const t=await fetch(this.mapDataUrl);const e=await t.text();const a=(new DOMParser).parseFromString(e,"text/xml");return Array.from(a.querySelectorAll("featureMember")).map((t=>{var e,a;const s=(e=t.querySelector("pos"))===null||e===void 0?void 0:e.textContent;const i=(a=t.querySelector("poi_id"))===null||a===void 0?void 0:a.textContent;const[r,h]=(s===null||s===void 0?void 0:s.split(" "))||[];return{poiid:i,lat:r,lon:h}}))}catch(t){this.toastbarElement.toast("Es ist ein Fehler beim Beziehen der Kartendaten aufgetreten.",{type:"error"}).catch()}}async loadPoiData(){if(!this.poiDataUrl){return[]}try{const t=await fetch(this.poiDataUrl,{credentials:"include"});const e=await t.json();return e.items}catch(t){this.toastbarElement.toast("Beim Laden der POI-Daten ist ein Fehler aufgetreten.",{type:"error"}).catch()}}combineData(t,e){if(!t.length||!e.length){return[]}let a;let s;if(t.length<e.length){a=t;s=e}else{a=e;s=t}return a.map((t=>{const e=s.find((e=>e.poiid===t.poiid));return Object.assign(Object.assign({},t),e)})).sort(((t,e)=>{try{return t.title.localeCompare(e.title)}catch(t){return 1}}))}enhanceTags(t,e){return t.sort(((t,e)=>{try{t.label.localeCompare(e.label)}catch(t){return 1}})).map((t=>{const a=e.filter((e=>{try{return e.tags.includes(t.value)}catch(t){return false}})).length.toString();return Object.assign(Object.assign({},t),{counter:a,variant:"filter"})}))}buildSearchIndex(t){if(!t.length){return}this.searchIndex=new h.Document({tokenize:"forward",matcher:{"[äà]":"a","[öó]":"o","[üûúù]":"u","[éè]":"e"},document:{id:this.searchIndexIdField,index:this.searchIndexFields}});t.forEach((t=>{this.searchIndex.add(t)}))}async mapMovedPannedOrZoomed(){await this.setVisibleMarkers()}async setVisibleMarkers(){if(this.combinedData){const t=await this.mapElement.getVisibleMarkers();if(this.showOnlyResultsForCurrentExtent){this.finalResults=this.combinedData.filter((e=>t.find((t=>t.getId()===e.poiid))))}else{this.finalResults=this.combinedData}this.setEnhancedTags();await this.setPaginatedResults()}}async setPaginatedResults(){this.finalResultsPaginatedList=this.finalResults.slice(0,this.numberOfItemsToLoad);this.canLoadMore=this.finalResults.length>this.numberOfItemsToLoad}async checkDirectOpenViaUrl(){const t=new URLSearchParams(window.location.search);const e=t.get("al");if(e&&e===this.al){await this.initializeAndOpenMap()}}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>{this.handleResize()}));this.resizeObserver.observe(this.element);if(this.metaWrapperElement){this.resizeObserver.observe(this.metaWrapperElement)}this.handleResize()}connectedCallback(){this.mediaChangeHandler();n(this.mediaChangeHandler);this.availableTagsWatcher(this.availableTags);this.resetTagWatcher(this.resetTag);this.checkDirectOpenViaUrl()}disconnectedCallback(){o(this.mediaChangeHandler);if(this.resizeObserver){this.resizeObserver.disconnect()}}async initializeAndOpenMap(){document.body.classList.add(c);this.isLoading=true;this.isOpen=true;await this.nextFrame();const t=new URLSearchParams(window.location.search);if(!t.has("al")){t.set("al",this.al);const e=`${window.location.pathname}?${t.toString()}`;history.replaceState(null,"",e)}try{this.combinedData=this.combineData(await this.loadMapData(),await this.loadPoiData());this.setEnhancedTags();this.applyFiltersFromUrl();this.buildSearchIndex(this.combinedData);this.finalResults=this.combinedData;await this.combineFilterAndSearchResults();await this.nextFrame();await this.handleResize();await this.nextFrame();await this.handleResize();const t=new URLSearchParams(window.location.search);const e=[parseFloat(t.get("extent[0]")),parseFloat(t.get("extent[1]")),parseFloat(t.get("extent[2]")),parseFloat(t.get("extent[3]"))];const a=e.length===4&&e.every((t=>!isNaN(t)));if(!a){await this.mapElement.updateViewToFitMarkers();await this.nextFrame()}this.isInitialized=true;await this.setVisibleMarkers()}catch(t){this.toastbarElement.toast("Beim Laden der Karte ist ein Fehler aufgetreten.",{type:"error"}).catch()}setTimeout((()=>{this.isLoading=false}),500)}updateUrlWithFilters(){const t=new URLSearchParams(window.location.search);Array.from(t.keys()).forEach((e=>{if(e.startsWith("filters[")){t.delete(e)}}));this.appliedFilters.forEach((e=>{t.set(`filters[${e}]`,"true")}));const e=`${window.location.pathname}?${t.toString()}`;history.replaceState(null,"",e)}setEnhancedTags(){this.enhancedTags=this.enhanceTags(this._availableTags,this.finalResults);const t=Object.assign(Object.assign({},this._resetTag),{counter:this.finalResults.length.toString()});if(this._resetTag){this.enhancedTags.unshift(t)}}async handleFilterResults(){if(this.appliedFilters.length!==0){this.filterResults=this.finalResults.filter((t=>t.tags&&t.tags.some((t=>this.appliedFilters.includes(t)))));this.filterActive=true}else{this.filterActive=false;this.filterResults=this.finalResults}this.updateUrlWithFilters();await this.combineFilterAndSearchResults()}async combineFilterAndSearchResults(){if(this.filterActive&&!this.searchActive){this.finalResults=this.filterResults}else if(!this.filterActive&&this.searchActive){this.finalResults=Array.from(this.searchResults).map((t=>this.combinedData.find((e=>e.poiid===t))))}else if(this.filterActive&&this.searchActive){this.finalResults=this.filterResults.filter((t=>this.searchResults.has(t.poiid)))}else{this.finalResults=this.combinedData}this.finalResultsPaginatedList=this.finalResults.slice(0,this.numberOfItemsToLoad);await this.replaceMapMarkers(this.finalResults)}loadMore(){this.finalResultsPaginationOffset++;const t=this.finalResults.slice(this.finalResultsPaginationOffset*this.numberOfItemsToLoad,this.finalResultsPaginationOffset*this.numberOfItemsToLoad+this.numberOfItemsToLoad);if(!t||!t.length||t.length<this.numberOfItemsToLoad){this.canLoadMore=false}this.finalResultsPaginatedList=this.finalResultsPaginatedList.concat(t)}async replaceMapMarkers(t){await this.mapElement.removeAllIconMarkers();const e=t.filter((t=>!!t.lat&&!!t.lon));await Promise.all(e.map((t=>this.mapElement.addIconMarker([parseFloat(t.lat),parseFloat(t.lon)],{id:t.poiid,title:t.title,text:t.description,data:t.data,imageUri:`${this.baseUrlOverride}${t.image}`,href:`${this.baseUrlOverride}${t.path}`}))));if(!this.showOnlyResultsForCurrentExtent){await this.mapElement.updateViewToFitMarkers()}}async handlePoiTeaserMouseEnter(t){const e=await this.mapElement.findMarkerById(t.poiid);if(e){await this.mapElement.setIconMarkerActive(e)}}async handlePoiTeaserMouseLeave(t){const e=await this.mapElement.findMarkerById(t.poiid);if(e){await this.mapElement.setIconMarkerInactive(e)}}render(){const t={"stzh-geo-ref-data":true,"stzh-geo-ref-data--is-loading":this.isLoading,"stzh-geo-ref-data--is-open":this.isOpen,"stzh-geo-ref-data--has-filters":this._availableTags.length>0};return a(i,{key:"557ef9e1f447e6ff2fe462a0991d32931efbf171"},a("stzh-toastbar",{key:"d34574a19f671873550d693d68ebe86bff852656",ref:t=>this.toastbarElement=t}),a("div",{key:"5583813486782792586217c90e3eeb3b728a7372",class:"stzh-geo-ref-data__trigger",onClick:()=>this.initializeAndOpenMap()},a("slot",{key:"d653f80496010410fd2e8fff42e1a2262444ed6f",name:"trigger"})),a("stzh-overlay",{key:"c41cef42b21e61067d5c309b426746355ee65759",open:this.isLoading},a("stzh-loader",{key:"4d744aafc19210c0f124025059f6ef9b19044a3c",label:"Daten werden geladen..."})),a("div",{key:"96113e1f4cb9036ffcdb322668216ce08f16669e",class:t},a("div",{key:"5df42f0f74ae089429c4bc57cee6028f0664c751",class:"stzh-geo-ref-data__header-wrapper"},a("stzh-header",{key:"596c2a85579ec2a1674e7f05a76d5fa40f1b935b",class:"stzh-geo-ref-data__header","hide-metabar":true,sticky:"disabled"},a("slot",{key:"c14efb32a5a256a968b8ab38cbe0ec056f6c0a10",name:"logo",slot:"logo"})),a("div",{key:"53b0f071f9605e667b6db40adbce30ec364a1552",class:"stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding"},a("stzh-heading",{key:"5d569f8b46324bc6d94b2b188d3b3e228be0953c",class:"stzh-geo-ref-data__heading-heading",curve:"h2"},this.heading),a("stzh-button",{key:"60ec752ea9c6d5640f4afb1109d881fcfcbe57ca",class:"stzh-geo-ref-data__overlay-close",icon:"close",iconOnly:true,size:"small",variant:"tertiary",onClick:this.handleOverlayCloseClick}))),a("div",{key:"bcf0f0d59e97207922bc4af5c6d7c6463ba5d45c",class:"stzh-geo-ref-data__content"},a("div",{key:"0c8405efb92ee61e9579396ab9ef8974633668b6",class:"stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding",ref:t=>this.metaWrapperElement=t},a("div",{key:"1925fa5ab59ec31dbf5c97ee55d0b6465541912e",class:"stzh-geo-ref-data__filters"},this._availableTags.length>0&&a("div",{key:"71760e2e5b397f0eb3ffb970b594055cd207f7b0",class:"stzh-geo-ref-data__filters-toggle"},a("stzh-chip",{key:"44ff3e82513e5603f24451bb3b8fb013255a2543",label:this.isViewportMedium?"Filter":"",variant:"filter",icon:"filtering",onStzhClick:this.handleFilterToggleClick})),a("div",{key:"27aa0829d01172c0c0c989965e0c42b735cc953f",class:{"stzh-geo-ref-data__filters-content":true,"stzh-geo-ref-data__filters-content--visible":!this.isViewportLarge&&this.isFiltersContentOpen}},a("stzh-chipselect",{key:"623dee1e779399577df410c787b55b6ce7873965","label-hidden":true,label:"Tags",data:this.enhancedTags,onStzhChange:this.handleFilterChange,multiple:true,defaultValue:this.appliedFilters,value:this.appliedFilters}),a("div",{key:"cf1a1f33a747e836d29e84c6be48766e820d0b55",class:"stzh-geo-ref-data__filters-apply-button"},a("stzh-button",{key:"b9d9a25c47025655502332cc536e6d2576d074ec",size:"small",fullwidth:true,onStzhClick:this.handleApplyFilterClick},"Anwenden")))),a("div",{key:"63d7195f71c83f7c0a10a5bf8854bc50a1ad894a",class:"stzh-geo-ref-data__search"},a("stzh-input",{key:"89d6ad8f99cb4165ca5b64c80b3f054cedaa6906",name:"stzh-datatable-search",onStzhChange:this.handleSearchChange,hideOptional:true,label:"Suche",type:"search"})),a("div",{key:"c20ca4314313f24afd201283af6d4267282437b8",class:"stzh-geo-ref-data__results-toggle"},a("stzh-chip",{key:"9e122ee40e5d7258c33b223b4666c38b2a85ae3e",onStzhClick:this.toggleViewMode,label:this.viewmode==="map"?"Liste":"Karte",icon:this.viewmode==="map"?"bulleted-list":"map",variant:"filter"}))),a("div",{key:"ce466ed7021d2c3e774a2376893847f3cb5e6801",class:"stzh-geo-ref-data__results-wrapper"},a("div",{key:"e1b2b8f8f890c59a1e650a25754d853e14c6f9d6",class:`stzh-geo-ref-data__results-map ${this.viewmode==="map"?"active":"inactive"}`},a("stzh-olmap",{key:"3fdd2f2cff82c33b0280c6383f9173aba7ce9001",class:"stzh-geo-ref-data__ol-map",centerMarker:this.centerMarker,zoom:this.zoom,zoomLocation:this.zoomLocation,writeExtentToUrlEnabled:this.isOpen,locationControl:this.locationControl,pinchRotateThreshold:this.pinchRotateThreshold,ref:t=>this.mapElement=t}),a("div",{key:"b54104194521c05873d0c5744fb2bbdf229831b1",class:"stzh-geo-ref-data__map-controls"},a("stzh-checkbox",{key:"641e631ee81c373bf378b2ee3e98b76c7bebbf1b",label:"Treffer an Kartenausschnitt anpassen",checked:this.showOnlyResultsForCurrentExtent,hideOptional:true,onStzhChange:this.handleExtentVisibilityChange}))),a("div",{key:"22ce896c2b906eb63613e859f43658b48c6f910c",class:`stzh-geo-ref-data__results-list ${this.viewmode==="list"?"active":"inactive"}`,ref:t=>this.resultsListElement=t},this.finalResults&&a(s,{key:"6b471479817c730e866c8a1bff0d8fcef588a7f7"},a("div",{key:"0b5854a7b314107cec45dedfff06a3fa27978f17",class:"stzh-geo-ref-data__list-search"},a("stzh-input",{key:"79644b592b99340629190944533b4f6962fd028b",name:"stzh-datatable-search",onStzhChange:this.handleSearchChange,hideOptional:true,label:"Suche",type:"search"})),a("stzh-text",{key:"10a5583b557b0eacef2a8e31403fffd75a173fe2",class:"stzh-geo-ref-data__results-list-heading"},this.finalResults.length," Treffer"),a("div",{key:"95d93c5742370ac89145df50635cae881b1fe49e",class:"stzh-geo-ref-data__teaser-list"},this.finalResultsPaginatedList.map((t=>a("div",{class:"stzh-poi-teaser",onMouseEnter:()=>this.handlePoiTeaserMouseEnter(t),onMouseLeave:()=>this.handlePoiTeaserMouseLeave(t)},a("a",{class:"stzh-poi-teaser-link",href:this.baseUrlOverride+t.path}),a("div",{class:"stzh-poi-teaser-content"},a("stzh-heading",{curve:"lead"},t.poiname),t.description&&a("stzh-text",{size:"micro"},t.description),t.data&&t.data.length>0&&t.data.map((t=>a("div",{class:"stzh-poi-teaser-list-item"},a("stzh-icon",{name:t.icon}),a("stzh-text",{size:"micro"},t.text))))),t.image&&a("div",{class:"stzh-poi-teaser__image-wrapper"},a("stzh-ratio",{ratio:"2:1","ratio-large":"5:4","ratio-ultra":"1:1",portrait:this.isViewportLarge,class:"stzh-poi-teaser__ratio"}),a("div",{class:"stzh-poi-teaser__image-inner-wrapper"},a("img",{src:this.baseUrlOverride+t.image,alt:"Foto von "+t.poiname}))))))),this.canLoadMore&&a("div",{key:"f375f5c578c3812d94f0f2704ec3a9fd36c758a0",class:"stzh-geo-ref-data__teaser-load-more"},a("stzh-button",{key:"842a6584bd30e39983eb9fd73456b00d5d9f4113",onStzhClick:()=>this.loadMore()},"Weitere laden"))))))))}get element(){return r(this)}static get watchers(){return{availableTags:["availableTagsWatcher"],resetTag:["resetTagWatcher"]}}};p.style=l();export{p as stzh_geo_ref_data};
+//# sourceMappingURL=p-1e6be6d0.entry.js.map

package/dist/stzh-components/{p-04539966.entry.js → p-1ef74860.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,a as o,d as n}from"./p-BQiZz3hq.js";import{w as s}from"./p--SdF31O7.js";import{s as a,a as r,b as l}from"./p-BOO84wnP.js";import{h}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const c=()=>`: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{}: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}:host{--content-padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{--content-padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--content-padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--content-padding-bottom:var(--stzh-space-xxlarge)}}:host{--trigger-size:1.125rem;--icon-size:var(--stzh-icon-size);--description-color:var(--stzh-color-black);--heading-margin-bottom:var(--stzh-space-medium);--button-color:var(--stzh-color-primary70);--button-background-color:transparent;--button-font-size:var(\n    --stzh-timeline-nested-button-font-size,\n    var(--stzh-font-milli-font-size)\n  );--button-line-height:var(\n    --stzh-timeline-nested-button-line-height,\n    var(--stzh-font-milli-heading-line-height)\n  );--button-letter-spacing:var(\n    --stzh-timeline-nested-button-line-height,\n    normal\n  );--bullet-color:var(--stzh-color-primary70);--bullet-background-color:var(--stzh-color-grey20);--content-padding-top:var(--stzh-timeline-content-padding-top);--content-padding-right:0px;--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--bullet-background-color)}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media screen and (min-width: 600px){:host{--button-font-size:var(\n      --stzh-timeline-nested-button-font-size,\n      var(--stzh-font-centi-font-size)\n    );--button-line-height:var(\n      --stzh-timeline-nested-button-line-height,\n      var(--stzh-font-centi-heading-line-height)\n    )}}:host(:where([is-foldable])){--button-background-color:var(--stzh-color-grey10);--bullet-color:var(--stzh-color-primary);--bullet-background-color:var(--stzh-color-secondary20);--hover-button-background-color:var(--stzh-color-grey20);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--stzh-color-secondary40)}@media (forced-colors: active), (-ms-high-contrast: active){:host(:where([is-foldable])){--button-color:Highlight;--hover-button-color:Highlight}}:host(:where([open]:not([open=false]))){--heading-margin-bottom:0px}:host(:where([is-foldable][open]:not([open=false]))){--bullet-color:var(--stzh-color-white);--bullet-background-color:var(--stzh-color-primary70);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--stzh-color-primary90)}@media (forced-colors: active), (-ms-high-contrast: active){:host(:where([is-foldable][open]:not([open=false]))){--button-color:SelectedItem;--bullet-color:SelectedItem;--hover-button-color:SelectedItem;--hover-bullet-color:SelectedItem}}:host(:where([completed]:not([completed=false]))){--bullet-color:var(--stzh-color-white);--bullet-background-color:var(--stzh-color-secondary60);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--bullet-background-color)}:host(:where([is-foldable][open]:not([open=false]))){--hover-bullet-background-color:var(--stzh-color-secondary70)}:host(:where([disabled]:not([disabled=false]))){--button-color:var(--stzh-color-grey80);--bullet-color:var(--stzh-color-white);--bullet-background-color:var(--stzh-color-grey60);--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--bullet-background-color)}.stzh-timeline-item{display:flex;flex-direction:column}.stzh-timeline-item__heading{position:relative;margin:0}.stzh-timeline-item__button{font-size:var(--button-font-size);line-height:var(--button-line-height);letter-spacing:var(--button-letter-spacing);font-family:inherit;width:100%;appearance:none;background-color:transparent;padding:0;border:none;display:flex;color:var(--button-color);text-align:left;transition-property:color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:default}.stzh-timeline-item__button:hover{color:var(--hover-button-color)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__button{transition:none}}.stzh-timeline-item__button-inner{display:flex;flex-grow:1;align-items:center;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall);background-color:var(--button-background-color);transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);min-height:var(--stzh-timeline-bullet-size);padding-left:var(--stzh-space-xsmall);padding-right:var(--stzh-space-small)}.stzh-timeline-item__button:hover .stzh-timeline-item__button-inner{background-color:var(--hover-button-background-color)}.stzh-timeline-item__button,.stzh-timeline-item__content-inner{padding-left:var(--stzh-timeline-bullet-size)}.stzh-timeline-item__button-text{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);flex-grow:1}.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-xlarge)}}.stzh-timeline-item__button-icon{align-self:flex-start;position:relative;display:block;width:var(--trigger-size);height:var(--trigger-size);margin-top:var(--stzh-space-xxsmall)}.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{position:absolute;top:50%;left:50%;content:"";display:block;width:var(--trigger-size);height:0.15625rem;transition-property:transform;transition-duration:500ms;transform-origin:top left;background-color:currentColor}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{background-color:CanvasText}}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{transition:none}}.stzh-timeline-item__button-icon::before{transform:rotate(180deg) translate(-50%, -50%)}.stzh-timeline-item__button-icon::after{transform:rotate(90deg) translate(-50%, -50%)}.stzh-timeline-item__bullet{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-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:absolute;top:0;left:0;z-index:1;display:flex;justify-content:center;align-items:center;width:var(--stzh-timeline-bullet-size);height:var(--stzh-timeline-bullet-size);color:var(--bullet-color);background-color:var(--bullet-background-color);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__bullet{transition:none}}.stzh-timeline-item__button:hover .stzh-timeline-item__bullet{color:var(--hover-bullet-color);background-color:var(--hover-bullet-background-color)}.stzh-timeline-item__bullet-icon-wrapper{--stzh-icon-size:var(--icon-size);display:flex}.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-small)}}.stzh-timeline-item__content{--stzh-timeline-nested-button-font-size:var(--stzh-font-micro-font-size);--stzh-timeline-nested-button-line-height:var(\n    --stzh-font-micro-heading-line-height\n  );overflow:hidden}@media screen and (min-width: 900px){.stzh-timeline-item__content{--stzh-timeline-nested-button-font-size:var(--stzh-font-milli-font-size);--stzh-timeline-nested-button-line-height:var(\n      --stzh-font-milli-heading-line-height\n    )}}@media print{.stzh-timeline-item__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-timeline-item__content-inner{padding-top:var(--content-padding-top);padding-bottom:var(--content-padding-bottom);padding-right:var(--content-padding-right)}.stzh-timeline-item__badge{position:absolute;right:-0.3125rem;top:-0.375rem}.stzh-timeline-item__description{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-timeline-item__description{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-timeline-item__description{color:var(--description-color);transition:color var(--stzh-base-transition-animation-speed)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__description{transition:none}}.stzh-timeline-item__heading{margin-bottom:var(--heading-margin-bottom);transition:margin-bottom var(--stzh-base-transition-animation-speed)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__heading{transition:none}}.stzh-timeline-item__heading-text,.stzh-timeline-item__description{display:block}.stzh-timeline-item{}.stzh-timeline-item--is-foldable .stzh-timeline-item__button{cursor:pointer}.stzh-timeline-item{}.stzh-timeline-item--is-open .stzh-timeline-item__button-icon::before,.stzh-timeline-item--is-open .stzh-timeline-item__button-icon::after{transform:rotate(0) translate(-50%, -50%)}.stzh-timeline-item{}.stzh-timeline-item--is-disabled .stzh-timeline-item__button{cursor:not-allowed}`;const m={keyframes:[{height:"0"},{height:"auto"}],options:{duration:300,easing:"linear"}};const d={keyframes:[{height:"auto"},{height:"0"}],options:{duration:300,easing:"linear"}};let b=0;const f=class{constructor(i){t(this,i);this.stzhOpen=e(this,"stzhOpen");this.stzhOpened=e(this,"stzhOpened");this.stzhClose=e(this,"stzhClose");this.stzhClosed=e(this,"stzhClosed");this.stzhFocus=e(this,"stzhFocus");this.stzhBlur=e(this,"stzhBlur");this.open=false;this.disabled=false;this.completed=false;this.heading="";this.description="";this.step=1;this.icon="";this.badge="";this.badgeEmpty=false;this.badgeType="default";this.headingLevel="3";this.rootTabindex=0;this._foldable=false;this.toggledByMethod=false;this.focusedByInput=false;this.shiftPressed=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.buttonElement.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;if(this.shiftPressed){this.rootTabindex=-1}this.stzhFocus.emit({component:"stzh-timeline-item",originalEvent:t})};this.onBlur=t=>{this.rootTabindex=0;this.stzhBlur.emit({component:"stzh-timeline-item",originalEvent:t})};this.handleFoldableChange=t=>{this.foldableWatcher(this.foldable)};this.handleHeaderClick=()=>{if(typeof this.collapsible!=="undefined"){if(this.collapsible){this.toggle()}else if(!this.open){this.show()}}else if(!this.timeline||this.timeline.collapsible){this.toggle()}else if(!this.open){this.show()}};this.onButtonKeydown=t=>{let e=null;if(t.key==="ArrowDown"){e="next"}else if(t.key==="ArrowUp"){e="prev"}else if(t.key==="Home"){e="first"}else if(t.key==="End"){e="last"}else if(t.key==="PageDown"&&t.ctrlKey){e="next"}else if(t.key==="PageUp"&&t.ctrlKey){e="prev"}if(t.key==="Shift"){this.rootTabindex=-1}if(e){t.preventDefault();this.timeline.setItemFocus(this.element,e)}};this.onContentKeydown=t=>{if(!t.ctrlKey){return}let e=null;if(t.key==="PageDown"){e="next"}else if(t.key==="PageUp"){e="prev"}if(e){t.preventDefault();this.timeline.setItemFocus(this.element,e)}}}async show(){if(this.open||this.disabled||!this._foldable){return}this.toggledByMethod=true;this.open=true;return s(this.element,"stzhOpened")}async hide(){if(!this.open||this.disabled||!this._foldable){return}this.toggledByMethod=true;this.open=false;return s(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}async openWatcher(t){if(!this.bodyElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-timeline-item"})}await a(this.bodyElement);this.bodyElement.hidden=false;await r(this.bodyElement,l(m.keyframes,{height:this.bodyElement.scrollHeight}),m.options);this.bodyElement.style.height="auto";this.bodyElement.style.overflow="visible";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-timeline-item"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-timeline-item"})}await a(this.bodyElement);this.bodyElement.style.overflow="hidden";await r(this.bodyElement,l(d.keyframes,{height:this.bodyElement.scrollHeight}),d.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-timeline-item"})}}this.toggledByMethod=false}foldableWatcher(t){if(typeof t!=="undefined"){this._foldable=t}else if(this.timeline){this._foldable=this.timeline.foldable}if(!this._foldable){this.open=true}}handleKeydown(t){if(t.key==="Shift"){this.shiftPressed=true}}handleKeyup(t){if(t.key==="Shift"){this.shiftPressed=false}}componentWillLoad(){this.timelineItemId=`stzh-timeline-item-${b++}`}componentDidLoad(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0px";this.bodyElement.style.overflow=this.open?"visible":"hidden"}async connectedCallback(){this.timeline=this.element.closest("stzh-timeline");if(this.timeline){this.timeline.addEventListener("stzhFoldableChange",this.handleFoldableChange)}this.foldableWatcher(this.foldable)}disconnectedCallback(){if(this.timeline){this.timeline.removeEventListener("stzhFoldableChange",this.handleFoldableChange);this.timeline=null}}render(){const t=`h${this.headingLevel}`;const e=!!this.icon||h(this.element,"icon");const n={"stzh-timeline-item":true,"stzh-timeline-item--has-description":!!this.description,"stzh-timeline-item--is-open":this.open,"stzh-timeline-item--is-disabled":this.disabled,"stzh-timeline-item--is-foldable":this._foldable,"stzh-timeline-item--is-completed":this.completed};return i(o,{key:"a4cbc25d163eb44d46361cfd2e7717b82952a5e8",role:"listitem","is-foldable":this._foldable,tabindex:this.disabled?null:this.rootTabindex,onFocus:this.onRootFocus},i("div",{key:"95d04b2a63f10c2df476669c697900888edd930a",class:n},i(t,{key:"8e903526d3100dd7a415eab5384defa48db8d7f3",id:`${this.timelineItemId}-header`,class:"stzh-timeline-item__heading",onClick:this.handleHeaderClick},i("button",{key:"f3c870fb093af785ba330aab0a268a5b16b2af3b",ref:t=>this.buttonElement=t,class:"stzh-timeline-item__button","aria-controls":`${this.timelineItemId}-content`,"aria-expanded":`${this.open?"true":"false"}`,"aria-disabled":!this._foldable?"true":"false",disabled:this.disabled,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onButtonKeydown,type:"button","s-object-id":this.analyticsId||this.heading},i("span",{key:"e7457b9480f2f0ae2cdab55372aac704bf722c20",class:"stzh-timeline-item__bullet"},e||this.completed?i("span",{class:"stzh-timeline-item__bullet-icon-wrapper"},this.icon||this.completed?i("stzh-icon",{class:"stzh-timeline-item__bullet-icon",name:this.icon?this.icon:"checkmark"}):i("slot",{name:"icon"})):i("span",{class:"stzh-timeline-item__bullet-text"},this.step),(this.badge||this.badgeEmpty)&&i("stzh-badge",{key:"75b664547aa427543a904928af59738142db563f",class:"stzh-timeline-item__badge",label:this.badge,type:this.badgeType})),i("div",{key:"72fca2bc7be565241604b82823ef57b012ffd4cd",class:"stzh-timeline-item__button-inner"},i("span",{key:"c89dae9c070843a8b67c8fa557c70dfe40deda1b",class:"stzh-timeline-item__button-text"},i("span",{key:"5c08f07796276a72f732a6691e6cbac70464af8a",class:"stzh-timeline-item__heading-text"},this.heading),i("span",{key:"a22ac5f40a254fb3938d88888002790b37b7d715",class:"stzh-timeline-item__description"},this.description)),this._foldable&&i("span",{key:"ff0dbfbbae0e693ad54015fc8f3ec3f79955023a",class:"stzh-timeline-item__button-icon"})))),i("div",{key:"b7ebda0613f56c86c1972c63f98b2933528e9cde",id:`${this.timelineItemId}-content`,ref:t=>this.bodyElement=t,class:"stzh-timeline-item__content","aria-labelledby":`${this.timelineItemId}-header`,role:"region",onKeyDown:this.onContentKeydown},i("div",{key:"2f6a8eef147c38bbc27a24a3d032dfc86098deb1",class:"stzh-timeline-item__content-inner"},i("slot",{key:"0776fcbb6fae5637d3ff73a342c084264fcceeb4"})))))}get element(){return n(this)}static get watchers(){return{open:["openWatcher"],foldable:["foldableWatcher"]}}};f.style=c();export{f as stzh_timeline_item};
-//# sourceMappingURL=p-04539966.entry.js.map
+import{r as t,c as e,h as i,a as o,d as n}from"./p-WVDCFmOb.js";import{w as s}from"./p--SdF31O7.js";import{s as a,a as r,b as l}from"./p-BOO84wnP.js";import{h}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const c=()=>`: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{}: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}:host{--content-padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{--content-padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--content-padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--content-padding-bottom:var(--stzh-space-xxlarge)}}:host{--trigger-size:1.125rem;--icon-size:var(--stzh-icon-size);--description-color:var(--stzh-color-black);--heading-margin-bottom:var(--stzh-space-medium);--button-color:var(--stzh-color-primary70);--button-background-color:transparent;--button-font-size:var(\n    --stzh-timeline-nested-button-font-size,\n    var(--stzh-font-milli-font-size)\n  );--button-line-height:var(\n    --stzh-timeline-nested-button-line-height,\n    var(--stzh-font-milli-heading-line-height)\n  );--button-letter-spacing:var(\n    --stzh-timeline-nested-button-line-height,\n    normal\n  );--bullet-color:var(--stzh-color-primary70);--bullet-background-color:var(--stzh-color-grey20);--content-padding-top:var(--stzh-timeline-content-padding-top);--content-padding-right:0px;--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--bullet-background-color)}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media screen and (min-width: 600px){:host{--button-font-size:var(\n      --stzh-timeline-nested-button-font-size,\n      var(--stzh-font-centi-font-size)\n    );--button-line-height:var(\n      --stzh-timeline-nested-button-line-height,\n      var(--stzh-font-centi-heading-line-height)\n    )}}:host(:where([is-foldable])){--button-background-color:var(--stzh-color-grey10);--bullet-color:var(--stzh-color-primary);--bullet-background-color:var(--stzh-color-secondary20);--hover-button-background-color:var(--stzh-color-grey20);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--stzh-color-secondary40)}@media (forced-colors: active), (-ms-high-contrast: active){:host(:where([is-foldable])){--button-color:Highlight;--hover-button-color:Highlight}}:host(:where([open]:not([open=false]))){--heading-margin-bottom:0px}:host(:where([is-foldable][open]:not([open=false]))){--bullet-color:var(--stzh-color-white);--bullet-background-color:var(--stzh-color-primary70);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--stzh-color-primary90)}@media (forced-colors: active), (-ms-high-contrast: active){:host(:where([is-foldable][open]:not([open=false]))){--button-color:SelectedItem;--bullet-color:SelectedItem;--hover-button-color:SelectedItem;--hover-bullet-color:SelectedItem}}:host(:where([completed]:not([completed=false]))){--bullet-color:var(--stzh-color-white);--bullet-background-color:var(--stzh-color-secondary60);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--bullet-background-color)}:host(:where([is-foldable][open]:not([open=false]))){--hover-bullet-background-color:var(--stzh-color-secondary70)}:host(:where([disabled]:not([disabled=false]))){--button-color:var(--stzh-color-grey80);--bullet-color:var(--stzh-color-white);--bullet-background-color:var(--stzh-color-grey60);--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--bullet-background-color)}.stzh-timeline-item{display:flex;flex-direction:column}.stzh-timeline-item__heading{position:relative;margin:0}.stzh-timeline-item__button{font-size:var(--button-font-size);line-height:var(--button-line-height);letter-spacing:var(--button-letter-spacing);font-family:inherit;width:100%;appearance:none;background-color:transparent;padding:0;border:none;display:flex;color:var(--button-color);text-align:left;transition-property:color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:default}.stzh-timeline-item__button:hover{color:var(--hover-button-color)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__button{transition:none}}.stzh-timeline-item__button-inner{display:flex;flex-grow:1;align-items:center;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall);background-color:var(--button-background-color);transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);min-height:var(--stzh-timeline-bullet-size);padding-left:var(--stzh-space-xsmall);padding-right:var(--stzh-space-small)}.stzh-timeline-item__button:hover .stzh-timeline-item__button-inner{background-color:var(--hover-button-background-color)}.stzh-timeline-item__button,.stzh-timeline-item__content-inner{padding-left:var(--stzh-timeline-bullet-size)}.stzh-timeline-item__button-text{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);flex-grow:1}.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-xlarge)}}.stzh-timeline-item__button-icon{align-self:flex-start;position:relative;display:block;width:var(--trigger-size);height:var(--trigger-size);margin-top:var(--stzh-space-xxsmall)}.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{position:absolute;top:50%;left:50%;content:"";display:block;width:var(--trigger-size);height:0.15625rem;transition-property:transform;transition-duration:500ms;transform-origin:top left;background-color:currentColor}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{background-color:CanvasText}}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{transition:none}}.stzh-timeline-item__button-icon::before{transform:rotate(180deg) translate(-50%, -50%)}.stzh-timeline-item__button-icon::after{transform:rotate(90deg) translate(-50%, -50%)}.stzh-timeline-item__bullet{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-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:absolute;top:0;left:0;z-index:1;display:flex;justify-content:center;align-items:center;width:var(--stzh-timeline-bullet-size);height:var(--stzh-timeline-bullet-size);color:var(--bullet-color);background-color:var(--bullet-background-color);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__bullet{transition:none}}.stzh-timeline-item__button:hover .stzh-timeline-item__bullet{color:var(--hover-bullet-color);background-color:var(--hover-bullet-background-color)}.stzh-timeline-item__bullet-icon-wrapper{--stzh-icon-size:var(--icon-size);display:flex}.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-small)}}.stzh-timeline-item__content{--stzh-timeline-nested-button-font-size:var(--stzh-font-micro-font-size);--stzh-timeline-nested-button-line-height:var(\n    --stzh-font-micro-heading-line-height\n  );overflow:hidden}@media screen and (min-width: 900px){.stzh-timeline-item__content{--stzh-timeline-nested-button-font-size:var(--stzh-font-milli-font-size);--stzh-timeline-nested-button-line-height:var(\n      --stzh-font-milli-heading-line-height\n    )}}@media print{.stzh-timeline-item__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-timeline-item__content-inner{padding-top:var(--content-padding-top);padding-bottom:var(--content-padding-bottom);padding-right:var(--content-padding-right)}.stzh-timeline-item__badge{position:absolute;right:-0.3125rem;top:-0.375rem}.stzh-timeline-item__description{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-timeline-item__description{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-timeline-item__description{color:var(--description-color);transition:color var(--stzh-base-transition-animation-speed)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__description{transition:none}}.stzh-timeline-item__heading{margin-bottom:var(--heading-margin-bottom);transition:margin-bottom var(--stzh-base-transition-animation-speed)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__heading{transition:none}}.stzh-timeline-item__heading-text,.stzh-timeline-item__description{display:block}.stzh-timeline-item{}.stzh-timeline-item--is-foldable .stzh-timeline-item__button{cursor:pointer}.stzh-timeline-item{}.stzh-timeline-item--is-open .stzh-timeline-item__button-icon::before,.stzh-timeline-item--is-open .stzh-timeline-item__button-icon::after{transform:rotate(0) translate(-50%, -50%)}.stzh-timeline-item{}.stzh-timeline-item--is-disabled .stzh-timeline-item__button{cursor:not-allowed}`;const m={keyframes:[{height:"0"},{height:"auto"}],options:{duration:300,easing:"linear"}};const d={keyframes:[{height:"auto"},{height:"0"}],options:{duration:300,easing:"linear"}};let b=0;const f=class{constructor(i){t(this,i);this.stzhOpen=e(this,"stzhOpen");this.stzhOpened=e(this,"stzhOpened");this.stzhClose=e(this,"stzhClose");this.stzhClosed=e(this,"stzhClosed");this.stzhFocus=e(this,"stzhFocus");this.stzhBlur=e(this,"stzhBlur");this.open=false;this.disabled=false;this.completed=false;this.heading="";this.description="";this.step=1;this.icon="";this.badge="";this.badgeEmpty=false;this.badgeType="default";this.headingLevel="3";this.rootTabindex=0;this._foldable=false;this.toggledByMethod=false;this.focusedByInput=false;this.shiftPressed=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.buttonElement.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;if(this.shiftPressed){this.rootTabindex=-1}this.stzhFocus.emit({component:"stzh-timeline-item",originalEvent:t})};this.onBlur=t=>{this.rootTabindex=0;this.stzhBlur.emit({component:"stzh-timeline-item",originalEvent:t})};this.handleFoldableChange=t=>{this.foldableWatcher(this.foldable)};this.handleHeaderClick=()=>{if(typeof this.collapsible!=="undefined"){if(this.collapsible){this.toggle()}else if(!this.open){this.show()}}else if(!this.timeline||this.timeline.collapsible){this.toggle()}else if(!this.open){this.show()}};this.onButtonKeydown=t=>{let e=null;if(t.key==="ArrowDown"){e="next"}else if(t.key==="ArrowUp"){e="prev"}else if(t.key==="Home"){e="first"}else if(t.key==="End"){e="last"}else if(t.key==="PageDown"&&t.ctrlKey){e="next"}else if(t.key==="PageUp"&&t.ctrlKey){e="prev"}if(t.key==="Shift"){this.rootTabindex=-1}if(e){t.preventDefault();this.timeline.setItemFocus(this.element,e)}};this.onContentKeydown=t=>{if(!t.ctrlKey){return}let e=null;if(t.key==="PageDown"){e="next"}else if(t.key==="PageUp"){e="prev"}if(e){t.preventDefault();this.timeline.setItemFocus(this.element,e)}}}async show(){if(this.open||this.disabled||!this._foldable){return}this.toggledByMethod=true;this.open=true;return s(this.element,"stzhOpened")}async hide(){if(!this.open||this.disabled||!this._foldable){return}this.toggledByMethod=true;this.open=false;return s(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}async openWatcher(t){if(!this.bodyElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-timeline-item"})}await a(this.bodyElement);this.bodyElement.hidden=false;await r(this.bodyElement,l(m.keyframes,{height:this.bodyElement.scrollHeight}),m.options);this.bodyElement.style.height="auto";this.bodyElement.style.overflow="visible";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-timeline-item"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-timeline-item"})}await a(this.bodyElement);this.bodyElement.style.overflow="hidden";await r(this.bodyElement,l(d.keyframes,{height:this.bodyElement.scrollHeight}),d.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-timeline-item"})}}this.toggledByMethod=false}foldableWatcher(t){if(typeof t!=="undefined"){this._foldable=t}else if(this.timeline){this._foldable=this.timeline.foldable}if(!this._foldable){this.open=true}}handleKeydown(t){if(t.key==="Shift"){this.shiftPressed=true}}handleKeyup(t){if(t.key==="Shift"){this.shiftPressed=false}}componentWillLoad(){this.timelineItemId=`stzh-timeline-item-${b++}`}componentDidLoad(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0px";this.bodyElement.style.overflow=this.open?"visible":"hidden"}async connectedCallback(){this.timeline=this.element.closest("stzh-timeline");if(this.timeline){this.timeline.addEventListener("stzhFoldableChange",this.handleFoldableChange)}this.foldableWatcher(this.foldable)}disconnectedCallback(){if(this.timeline){this.timeline.removeEventListener("stzhFoldableChange",this.handleFoldableChange);this.timeline=null}}render(){const t=`h${this.headingLevel}`;const e=!!this.icon||h(this.element,"icon");const n={"stzh-timeline-item":true,"stzh-timeline-item--has-description":!!this.description,"stzh-timeline-item--is-open":this.open,"stzh-timeline-item--is-disabled":this.disabled,"stzh-timeline-item--is-foldable":this._foldable,"stzh-timeline-item--is-completed":this.completed};return i(o,{key:"a4cbc25d163eb44d46361cfd2e7717b82952a5e8",role:"listitem","is-foldable":this._foldable,tabindex:this.disabled?null:this.rootTabindex,onFocus:this.onRootFocus},i("div",{key:"95d04b2a63f10c2df476669c697900888edd930a",class:n},i(t,{key:"8e903526d3100dd7a415eab5384defa48db8d7f3",id:`${this.timelineItemId}-header`,class:"stzh-timeline-item__heading",onClick:this.handleHeaderClick},i("button",{key:"f3c870fb093af785ba330aab0a268a5b16b2af3b",ref:t=>this.buttonElement=t,class:"stzh-timeline-item__button","aria-controls":`${this.timelineItemId}-content`,"aria-expanded":`${this.open?"true":"false"}`,"aria-disabled":!this._foldable?"true":"false",disabled:this.disabled,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onButtonKeydown,type:"button","s-object-id":this.analyticsId||this.heading},i("span",{key:"e7457b9480f2f0ae2cdab55372aac704bf722c20",class:"stzh-timeline-item__bullet"},e||this.completed?i("span",{class:"stzh-timeline-item__bullet-icon-wrapper"},this.icon||this.completed?i("stzh-icon",{class:"stzh-timeline-item__bullet-icon",name:this.icon?this.icon:"checkmark"}):i("slot",{name:"icon"})):i("span",{class:"stzh-timeline-item__bullet-text"},this.step),(this.badge||this.badgeEmpty)&&i("stzh-badge",{key:"75b664547aa427543a904928af59738142db563f",class:"stzh-timeline-item__badge",label:this.badge,type:this.badgeType})),i("div",{key:"72fca2bc7be565241604b82823ef57b012ffd4cd",class:"stzh-timeline-item__button-inner"},i("span",{key:"c89dae9c070843a8b67c8fa557c70dfe40deda1b",class:"stzh-timeline-item__button-text"},i("span",{key:"5c08f07796276a72f732a6691e6cbac70464af8a",class:"stzh-timeline-item__heading-text"},this.heading),i("span",{key:"a22ac5f40a254fb3938d88888002790b37b7d715",class:"stzh-timeline-item__description"},this.description)),this._foldable&&i("span",{key:"ff0dbfbbae0e693ad54015fc8f3ec3f79955023a",class:"stzh-timeline-item__button-icon"})))),i("div",{key:"b7ebda0613f56c86c1972c63f98b2933528e9cde",id:`${this.timelineItemId}-content`,ref:t=>this.bodyElement=t,class:"stzh-timeline-item__content","aria-labelledby":`${this.timelineItemId}-header`,role:"region",onKeyDown:this.onContentKeydown},i("div",{key:"2f6a8eef147c38bbc27a24a3d032dfc86098deb1",class:"stzh-timeline-item__content-inner"},i("slot",{key:"0776fcbb6fae5637d3ff73a342c084264fcceeb4"})))))}get element(){return n(this)}static get watchers(){return{open:["openWatcher"],foldable:["foldableWatcher"]}}};f.style=c();export{f as stzh_timeline_item};
+//# sourceMappingURL=p-1ef74860.entry.js.map

package/dist/stzh-components/{p-f1fe46ec.entry.js → p-204a03f9.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,c as i,h as e,a as o,d as a}from"./p-BQiZz3hq.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=class{constructor(e){s(this,e);this.stzhChange=i(this,"stzhChange");this.hintLeft="";this.hintRight="";this.value=50;this.a11yDescribedby="";this.handleInput=s=>{let i=this.inputElement.value;this.value=Number(i);this.stzhChange.emit({component:"stzh-imagecomparison",originalEvent:s,value:this.value})}}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:"2697a640b2e64a722f72e7ebf249f60cf04b5889","aria-roledescription":this.localization.label,style:{"--exposure":`${this.value.toString()}%`}},e("div",{key:"95e964b33b02062d1e0e266d74a8c4fde979ec7c",class:s},e("div",{key:"cd0878dd55cc286916560d4b1f585eda18d20cb7",class:"stzh-imagecomparison__element"},e("slot",{key:"f944d59f9bc1641ebf650b23d0bebe430784588a",name:"image-before"}),e("slot",{key:"eadae789edc985e78f6db76da0bf6a094b44db84",name:"image-after"}),e("label",{key:"fb3a781c80a3ae4a1cf8654f02bd218b9ed7c7e3",class:"stzh-imagecomparison__label","aria-label":this.label||this.localization.label,"aria-describedby":this.a11yDescribedby||null},e("div",{key:"281ce4548e802fba1bc570b95a5cb57cf25d733c",class:"stzh-imagecomparison__slider-icon-wrapper"},e("stzh-icon",{key:"aee04072bde6be0ae3f7e9b05fbccc496037ff21",class:"stzh-imagecomparison__slider-icon-left",name:"angle-left"}),e("stzh-icon",{key:"df2cfc5892e58b02ef46a1a76aa37e6cc2cb9761",class:"stzh-imagecomparison__slider-icon-right",name:"angle-right"})),e("div",{key:"8d5341cf56b4a81702772ecce1543eb9e658c375",class:"stzh-imagecomparison__slider-line"}),e("input",{key:"c39851b2e0b87e9697d6819a17af1199ce4850b3",type:"range",class:"stzh-imagecomparison__control",min:"0",max:"100",ref:s=>this.inputElement=s,onInput:this.handleInput})),e("div",{key:"2a067ff65cfdcb2c58ea58814675345bfff0e9d8",class:"stzh-imagecomparison__hint-wrapper"},e("span",{key:"476568e52403247229cc8f64ed75a4048d7262b1",class:"stzh-imagecomparison__hint-left"},this.hintLeft?this.hintLeft:e("slot",{name:"hint-left"})),e("span",{key:"404867c11ea635675392fe3d493a2c9675ad79cf",class:"stzh-imagecomparison__hint-right"},this.hintRight?this.hintRight:e("slot",{name:"hint-right"}))))))}get element(){return a(this)}};r.style=t();export{r as stzh_imagecomparison};
-//# sourceMappingURL=p-f1fe46ec.entry.js.map
+import{r as s,c as i,h as e,a as o,d as a}from"./p-WVDCFmOb.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=class{constructor(e){s(this,e);this.stzhChange=i(this,"stzhChange");this.hintLeft="";this.hintRight="";this.value=50;this.a11yDescribedby="";this.handleInput=s=>{let i=this.inputElement.value;this.value=Number(i);this.stzhChange.emit({component:"stzh-imagecomparison",originalEvent:s,value:this.value})}}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:"2697a640b2e64a722f72e7ebf249f60cf04b5889","aria-roledescription":this.localization.label,style:{"--exposure":`${this.value.toString()}%`}},e("div",{key:"95e964b33b02062d1e0e266d74a8c4fde979ec7c",class:s},e("div",{key:"cd0878dd55cc286916560d4b1f585eda18d20cb7",class:"stzh-imagecomparison__element"},e("slot",{key:"f944d59f9bc1641ebf650b23d0bebe430784588a",name:"image-before"}),e("slot",{key:"eadae789edc985e78f6db76da0bf6a094b44db84",name:"image-after"}),e("label",{key:"fb3a781c80a3ae4a1cf8654f02bd218b9ed7c7e3",class:"stzh-imagecomparison__label","aria-label":this.label||this.localization.label,"aria-describedby":this.a11yDescribedby||null},e("div",{key:"281ce4548e802fba1bc570b95a5cb57cf25d733c",class:"stzh-imagecomparison__slider-icon-wrapper"},e("stzh-icon",{key:"aee04072bde6be0ae3f7e9b05fbccc496037ff21",class:"stzh-imagecomparison__slider-icon-left",name:"angle-left"}),e("stzh-icon",{key:"df2cfc5892e58b02ef46a1a76aa37e6cc2cb9761",class:"stzh-imagecomparison__slider-icon-right",name:"angle-right"})),e("div",{key:"8d5341cf56b4a81702772ecce1543eb9e658c375",class:"stzh-imagecomparison__slider-line"}),e("input",{key:"c39851b2e0b87e9697d6819a17af1199ce4850b3",type:"range",class:"stzh-imagecomparison__control",min:"0",max:"100",ref:s=>this.inputElement=s,onInput:this.handleInput})),e("div",{key:"2a067ff65cfdcb2c58ea58814675345bfff0e9d8",class:"stzh-imagecomparison__hint-wrapper"},e("span",{key:"476568e52403247229cc8f64ed75a4048d7262b1",class:"stzh-imagecomparison__hint-left"},this.hintLeft?this.hintLeft:e("slot",{name:"hint-left"})),e("span",{key:"404867c11ea635675392fe3d493a2c9675ad79cf",class:"stzh-imagecomparison__hint-right"},this.hintRight?this.hintRight:e("slot",{name:"hint-right"}))))))}get element(){return a(this)}};r.style=t();export{r as stzh_imagecomparison};
+//# sourceMappingURL=p-204a03f9.entry.js.map