@oiz/stzh-components 4.12.2 → 4.13.0-beta1

package/dist/stzh-components/{p-ad11c427.entry.js → p-b5e6915e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,a as o,d as e}from"./p-BMrO_esM.js";import{e as h,o as n}from"./p-DhuTERdU.js";import{t as c}from"./p-C_X84_Lb.js";import"./p-BubviQku.js";import"./p-E-ZsRS8r.js";import"./p-CIOHhwVv.js";const a=()=>`: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-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large);--padding-left:0;--padding-right:0;--background-color:transparent;--stuck-padding-top:var(--padding-top);--stuck-padding-bottom:var(--padding-bottom);--stuck-padding-left:var(--padding-left);--stuck-padding-right:var(--padding-right);--stuck-background-color:var(--stzh-color-grey10);display:contents}@media print{:host{display:none}}:host([variant=transparent]){--background-color:transparent;--stuck-background-color:transparent;pointer-events:none}:host([position=fixed]){display:block}.stzh-sticky{display:contents}.stzh-sticky__sticky{position:sticky;top:-0.0625rem;bottom:-0.0625rem;z-index:var(--stzh-z-index-sticky);width:var(--stzh-sticky-unstuck-width, auto);transition-property:width, transform, opacity;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__content,.stzh-sticky__content::before{background-color:var(--background-color);transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-sticky__content,.stzh-sticky__content::before{background-color:transparent}}.stzh-sticky__content{--stzh-button-pointer-events:all;--stzh-link-pointer-events:all;position:relative;transition-property:background-color, transform}@media (forced-colors: active){.stzh-sticky__content{outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-sticky__content-inner{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);transition-property:padding;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__spacer{display:none}.stzh-sticky{}.stzh-sticky--is-disabled-sticky-top .stzh-sticky__sticky{top:auto}.stzh-sticky--is-disabled-sticky-bottom .stzh-sticky__sticky{bottom:auto}.stzh-sticky{}.stzh-sticky--is-bleeding .stzh-sticky__content::before{z-index:-1;content:"";position:absolute;display:block;width:100%;height:100%;transform:translateY(0);transition-property:width, background-color, transform}.stzh-sticky{}.stzh-sticky--is-stuck .stzh-sticky__content,.stzh-sticky--is-stuck .stzh-sticky__content::before{background-color:var(--stuck-background-color)}.stzh-sticky--is-stuck .stzh-sticky__content::before{width:calc(100vw - var(--stzh-scrollbar-width));transform:translateX(calc(var(--stzh-sticky-offset-left) / -1))}.stzh-sticky--is-stuck .stzh-sticky__content-inner{padding-top:var(--stuck-padding-top);padding-bottom:var(--stuck-padding-bottom);padding-left:var(--stuck-padding-left);padding-right:var(--stuck-padding-right)}@media (forced-colors: active){.stzh-sticky--transparent .stzh-sticky__content{outline:none}}.stzh-sticky--is-not-loaded{visibility:hidden}.stzh-sticky--is-not-loaded.stzh-sticky--is-stuck .stzh-sticky__sticky{transform:translateY(100%);opacity:0}.stzh-sticky--is-not-loaded .stzh-sticky__sticky,.stzh-sticky--is-not-loaded .stzh-sticky__content,.stzh-sticky--is-not-loaded .stzh-sticky__content::before,.stzh-sticky--is-not-loaded .stzh-sticky__content-inner{transition-duration:0ms}`;const r="data-stzh-sticky-container";const d="data-stzh-sticky-width-container";const k=class{constructor(i){t(this,i);this.stzhStuckTop=s(this,"stzhStuckTop");this.stzhStuckBottom=s(this,"stzhStuckBottom");this.variant="default";this.disableStickyTop=true;this.disableStickyBottom=false;this.bleeding=false;this.position="sticky";this.loaded=false;this.fixedHeight=0;this.fixedWidth=0;this.fixedLimit=null;this.handleScroll=()=>{if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.updateByScroll)};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateFixedByResize)};this.handleStickyResize=c((()=>{this.stuckHeightWatcher();this.updateByScroll()}),100);this.updateByScroll=()=>{if(!h(this.stickyElement)||!this.element.isConnected){return}const t=this.element.closest(`[${d}]`)||this.element.parentElement;const s=n((this.isStuckTop||this.isStuckBottom)&&this.position==="fixed"?this.spacerElement:this.stickyElement);this.fixedTop=s.top;this.fixedLeft=s.left;t.style.setProperty("--stzh-sticky-offset-top",`${this.fixedTop}px`);t.style.setProperty("--stzh-sticky-offset-left",`${this.fixedLeft}px`);if(this.position==="sticky"){return}this.fixedHeight=this.stickyElement.offsetHeight;this.spacerElement.style.height=`${this.fixedHeight}px`;this.scrollX=window.scrollX;this.scrollY=window.scrollY;this.fixedLimit=this.getFixedLimit();this.fixedWidth=t.getBoundingClientRect().width;const i=this.element.getBoundingClientRect().width;t.style.setProperty("--stzh-sticky-unstuck-width",`${i}px`);this.isStuckBottom=!this.disableStickyBottom&&this.scrollY+this.windowHeight<=this.fixedTop+this.fixedHeight;this.isStuckTop=!this.disableStickyTop&&this.scrollY>=this.fixedTop;this.hasReachedTopLimit=this.fixedLimit&&this.scrollY+this.windowHeight-this.fixedHeight<=this.fixedLimit.top;this.hasReachedBottomLimit=this.fixedLimit&&this.scrollY>=this.fixedLimit.bottom-this.fixedHeight;if(this.isStuckTop||this.isStuckBottom){this.setFixed()}else{this.setUnfixed()}};this.updateFixedByResize=()=>{if(!this.stickyElement||!this.element.isConnected){return}this.setUnfixed();this.stickyElement.style.position="static";this.stickyElement.style.width="auto";this.isStuckTop=false;this.isStuckBottom=false;if(h(this.stickyElement)){this.windowHeight=window.innerHeight;this.updateByScroll()}};this.observe=()=>{this.updateStuck()}}disableStickyWatcher(){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(this.position==="fixed"){this.updateFixedByResize()}else{this.updateStuck()}}))}))}stuckHeightWatcher(){let t=false;if(this.isStuckTop&&!this.hasReachedBottomLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,"0px")}if(this.isStuckBottom&&!this.hasReachedTopLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,"0px")}document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck`,t?"1":"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck`,t?"0":"1");if(t){this.stickyResizeObserver.observe(this.stickyElement)}else{this.stickyResizeObserver.unobserve(this.stickyElement)}}isStuckTopWatcher(t){this.stzhStuckTop.emit({component:"stzh-sticky",sticky:t})}isStuckBottomWatcher(t){this.stzhStuckBottom.emit({component:"stzh-sticky",sticky:t})}positionWatcher(){if(this.position==="fixed"){if(this.observer){this.observer.disconnect()}window.addEventListener("scroll",this.handleScroll,{passive:true});window.addEventListener("resize",this.handleResize);this.updateFixedByResize()}else{if(this.bleeding){window.addEventListener("scroll",this.handleScroll,{passive:true});this.updateByScroll()}else{window.removeEventListener("scroll",this.handleScroll)}window.removeEventListener("resize",this.handleResize);this.setUnfixed();this.observer=new IntersectionObserver(this.observe,{threshold:[1]});this.observer.observe(this.stickyElement);this.updateStuck()}}updateStuck(){const t=parseInt(getComputedStyle(this.stickyElement).top,10);const s=parseInt(getComputedStyle(this.stickyElement).bottom,10);const i=this.stickyElement.getBoundingClientRect();if(t){this.isStuckTop=i.top<0}else{this.isStuckTop=false}if(s){this.isStuckBottom=document.documentElement.clientHeight<i.bottom}else{this.isStuckBottom=false}}getFixedLimit(){const t=this.element.closest(`[${r}]`);if(!t){return null}const s=n(t);return{top:s.top,bottom:s.top+t.scrollHeight}}setUnfixed(){Object.assign(this.stickyElement.style,{position:null,top:null,bottom:null,left:null,width:null});Object.assign(this.spacerElement.style,{display:"none"})}setFixed(){const t=this.hasReachedTopLimit||this.hasReachedBottomLimit?"absolute":"fixed";Object.assign(this.stickyElement.style,{position:t,top:t==="absolute"?`${this.isStuckTop?this.fixedLimit.bottom-this.fixedHeight:this.fixedLimit.top}px`:this.isStuckTop?"0px":"auto",bottom:this.isStuckTop||t==="absolute"?"auto":"0px",left:`${this.fixedLeft+(t==="fixed"?this.scrollX:0)}px`,width:`${this.fixedWidth}px`});Object.assign(this.spacerElement.style,{display:"block"})}componentDidLoad(){this.stickyResizeObserver=new ResizeObserver(this.handleStickyResize);this.positionWatcher();requestAnimationFrame((()=>{requestAnimationFrame((()=>{window.setTimeout((()=>{this.loaded=true;if(this.position==="fixed"){this.updateFixedByResize()}}),250)}))}))}disconnectedCallback(){var t,s;(t=this.observer)===null||t===void 0?void 0:t.disconnect();(s=this.stickyResizeObserver)===null||s===void 0?void 0:s.disconnect();window.removeEventListener("scroll",this.handleScroll);window.removeEventListener("resize",this.handleResize)}render(){const t=this.isStuckTop||this.isStuckBottom;const s={"stzh-sticky":true,"stzh-sticky--is-not-loaded":!this.loaded,"stzh-sticky--is-stuck":t,"stzh-sticky--is-stuck-top":this.isStuckTop,"stzh-sticky--is-stuck-bottom":this.isStuckBottom,"stzh-sticky--is-disabled-sticky-top":this.disableStickyTop,"stzh-sticky--is-disabled-sticky-bottom":this.disableStickyBottom,"stzh-sticky--is-bleeding":this.bleeding,[`stzh-sticky--position-${this.position}`]:!!this.position,[`stzh-sticky--${this.variant}`]:!!this.variant};return i(o,{key:"1706241fae8bcd61076470b735cd8b8dade1204e","is-stuck":this.isStuckTop||this.isStuckBottom,"is-stuck-top":this.isStuckTop,"is-stuck-bottom":this.isStuckBottom},i("div",{key:"3b1dc65f2134c6221b7b88be6cc08c0c11a0a618",class:s},i("div",{key:"0f0a556b2fe73aad45141b3faf903d7230834e94",ref:t=>this.spacerElement=t,class:"stzh-sticky__spacer"}),i("div",{key:"b11924b9f78bbd641808c06162d5a115382fe3d5",ref:t=>this.stickyElement=t,class:"stzh-sticky__sticky"},i("div",{key:"706b1c82ba90f21e209ebd07cd90a9d5dcdf2b99",class:"stzh-sticky__content"},i("div",{key:"7eef943b440728245c91dfb18c15012206e1a49f",class:"stzh-sticky__content-inner"},i("slot",{key:"9b2fe9e7c7d0413d6f456e8cb1656aefdb7596fd"}))))))}get element(){return e(this)}static get watchers(){return{disableStickyTop:["disableStickyWatcher"],disableStickyBottom:["disableStickyWatcher"],isStuckTop:["stuckHeightWatcher","isStuckTopWatcher"],isStuckBottom:["stuckHeightWatcher","isStuckBottomWatcher"],hasReachedTopLimit:["stuckHeightWatcher"],hasReachedBottomLimit:["stuckHeightWatcher"],position:["positionWatcher"],bleeding:["positionWatcher"]}}};k.style=a();export{k as stzh_sticky};
-//# sourceMappingURL=p-ad11c427.entry.js.map
+import{r as t,c as s,h as i,a as o,d as e}from"./p-Cd_ra_Ay.js";import{e as h,o as c}from"./p-DhuTERdU.js";import{t as n}from"./p-C_X84_Lb.js";import"./p-BubviQku.js";import"./p-E-ZsRS8r.js";import"./p-CIOHhwVv.js";const a=()=>`: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-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large);--padding-left:0;--padding-right:0;--background-color:transparent;--stuck-padding-top:var(--padding-top);--stuck-padding-bottom:var(--padding-bottom);--stuck-padding-left:var(--padding-left);--stuck-padding-right:var(--padding-right);--stuck-background-color:var(--stzh-color-grey10);display:contents}@media print{:host{display:none}}:host([variant=transparent]){--background-color:transparent;--stuck-background-color:transparent;pointer-events:none}:host([position=fixed]){display:block}.stzh-sticky{display:contents}.stzh-sticky__sticky{position:sticky;top:-0.0625rem;bottom:-0.0625rem;z-index:var(--stzh-z-index-sticky);width:var(--stzh-sticky-unstuck-width, auto);transition-property:width, transform, opacity;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__content,.stzh-sticky__content::before{background-color:var(--background-color);transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-sticky__content,.stzh-sticky__content::before{background-color:transparent}}.stzh-sticky__content{--stzh-button-pointer-events:all;--stzh-link-pointer-events:all;position:relative;transition-property:background-color, transform}@media (forced-colors: active){.stzh-sticky__content{outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-sticky__content-inner{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);transition-property:padding;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__spacer{display:none}.stzh-sticky{}.stzh-sticky--is-disabled-sticky-top .stzh-sticky__sticky{top:auto}.stzh-sticky--is-disabled-sticky-bottom .stzh-sticky__sticky{bottom:auto}.stzh-sticky{}.stzh-sticky--is-bleeding .stzh-sticky__content::before{z-index:-1;content:"";position:absolute;display:block;width:100%;height:100%;transform:translateY(0);transition-property:width, background-color, transform}.stzh-sticky{}.stzh-sticky--is-stuck .stzh-sticky__content,.stzh-sticky--is-stuck .stzh-sticky__content::before{background-color:var(--stuck-background-color)}.stzh-sticky--is-stuck .stzh-sticky__content::before{width:calc(100vw - var(--stzh-scrollbar-width));transform:translateX(calc(var(--stzh-sticky-offset-left) / -1))}.stzh-sticky--is-stuck .stzh-sticky__content-inner{padding-top:var(--stuck-padding-top);padding-bottom:var(--stuck-padding-bottom);padding-left:var(--stuck-padding-left);padding-right:var(--stuck-padding-right)}@media (forced-colors: active){.stzh-sticky--transparent .stzh-sticky__content{outline:none}}.stzh-sticky--is-not-loaded{visibility:hidden}.stzh-sticky--is-not-loaded.stzh-sticky--is-stuck .stzh-sticky__sticky{transform:translateY(100%);opacity:0}.stzh-sticky--is-not-loaded .stzh-sticky__sticky,.stzh-sticky--is-not-loaded .stzh-sticky__content,.stzh-sticky--is-not-loaded .stzh-sticky__content::before,.stzh-sticky--is-not-loaded .stzh-sticky__content-inner{transition-duration:0ms}`;const r="data-stzh-sticky-container";const d="data-stzh-sticky-width-container";const k=class{constructor(i){t(this,i);this.stzhStuckTop=s(this,"stzhStuckTop");this.stzhStuckBottom=s(this,"stzhStuckBottom");this.variant="default";this.disableStickyTop=true;this.disableStickyBottom=false;this.bleeding=false;this.position="sticky";this.loaded=false;this.fixedHeight=0;this.fixedWidth=0;this.fixedLimit=null;this.handleScroll=()=>{if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.updateByScroll)};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateFixedByResize)};this.handleStickyResize=n((()=>{this.stuckHeightWatcher();this.updateByScroll()}),100);this.updateByScroll=()=>{if(!h(this.stickyElement)||!this.element.isConnected){return}const t=this.element.closest(`[${d}]`)||this.element.parentElement;const s=c((this.isStuckTop||this.isStuckBottom)&&this.position==="fixed"?this.spacerElement:this.stickyElement);this.fixedTop=s.top;this.fixedLeft=s.left;t.style.setProperty("--stzh-sticky-offset-top",`${this.fixedTop}px`);t.style.setProperty("--stzh-sticky-offset-left",`${this.fixedLeft}px`);if(this.position==="sticky"){return}this.fixedHeight=this.stickyElement.offsetHeight;this.spacerElement.style.height=`${this.fixedHeight}px`;this.scrollX=window.scrollX;this.scrollY=window.scrollY;this.fixedLimit=this.getFixedLimit();this.fixedWidth=t.getBoundingClientRect().width;const i=this.element.getBoundingClientRect().width;t.style.setProperty("--stzh-sticky-unstuck-width",`${i}px`);this.isStuckBottom=!this.disableStickyBottom&&this.scrollY+this.windowHeight<=this.fixedTop+this.fixedHeight;this.isStuckTop=!this.disableStickyTop&&this.scrollY>=this.fixedTop;this.hasReachedTopLimit=this.fixedLimit&&this.scrollY+this.windowHeight-this.fixedHeight<=this.fixedLimit.top;this.hasReachedBottomLimit=this.fixedLimit&&this.scrollY>=this.fixedLimit.bottom-this.fixedHeight;if(this.isStuckTop||this.isStuckBottom){this.setFixed()}else{this.setUnfixed()}};this.updateFixedByResize=()=>{if(!this.stickyElement||!this.element.isConnected){return}this.setUnfixed();this.stickyElement.style.position="static";this.stickyElement.style.width="auto";this.isStuckTop=false;this.isStuckBottom=false;if(h(this.stickyElement)){this.windowHeight=window.innerHeight;this.updateByScroll()}};this.observe=()=>{this.updateStuck()}}disableStickyWatcher(){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(this.position==="fixed"){this.updateFixedByResize()}else{this.updateStuck()}}))}))}stuckHeightWatcher(){let t=false;if(this.isStuckTop&&!this.hasReachedBottomLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,"0px")}if(this.isStuckBottom&&!this.hasReachedTopLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,"0px")}document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck`,t?"1":"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck`,t?"0":"1");if(t){this.stickyResizeObserver.observe(this.stickyElement)}else{this.stickyResizeObserver.unobserve(this.stickyElement)}}isStuckTopWatcher(t){this.stzhStuckTop.emit({component:"stzh-sticky",sticky:t})}isStuckBottomWatcher(t){this.stzhStuckBottom.emit({component:"stzh-sticky",sticky:t})}positionWatcher(){if(this.position==="fixed"){if(this.observer){this.observer.disconnect()}window.addEventListener("scroll",this.handleScroll,{passive:true});window.addEventListener("resize",this.handleResize);this.updateFixedByResize()}else{if(this.bleeding){window.addEventListener("scroll",this.handleScroll,{passive:true});this.updateByScroll()}else{window.removeEventListener("scroll",this.handleScroll)}window.removeEventListener("resize",this.handleResize);this.setUnfixed();this.observer=new IntersectionObserver(this.observe,{threshold:[1]});this.observer.observe(this.stickyElement);this.updateStuck()}}updateStuck(){const t=parseInt(getComputedStyle(this.stickyElement).top,10);const s=parseInt(getComputedStyle(this.stickyElement).bottom,10);const i=this.stickyElement.getBoundingClientRect();if(t){this.isStuckTop=i.top<0}else{this.isStuckTop=false}if(s){this.isStuckBottom=document.documentElement.clientHeight<i.bottom}else{this.isStuckBottom=false}}getFixedLimit(){const t=this.element.closest(`[${r}]`);if(!t){return null}const s=c(t);return{top:s.top,bottom:s.top+t.scrollHeight}}setUnfixed(){Object.assign(this.stickyElement.style,{position:null,top:null,bottom:null,left:null,width:null});Object.assign(this.spacerElement.style,{display:"none"})}setFixed(){const t=this.hasReachedTopLimit||this.hasReachedBottomLimit?"absolute":"fixed";Object.assign(this.stickyElement.style,{position:t,top:t==="absolute"?`${this.isStuckTop?this.fixedLimit.bottom-this.fixedHeight:this.fixedLimit.top}px`:this.isStuckTop?"0px":"auto",bottom:this.isStuckTop||t==="absolute"?"auto":"0px",left:`${this.fixedLeft+(t==="fixed"?this.scrollX:0)}px`,width:`${this.fixedWidth}px`});Object.assign(this.spacerElement.style,{display:"block"})}componentDidLoad(){this.stickyResizeObserver=new ResizeObserver(this.handleStickyResize);this.positionWatcher();requestAnimationFrame((()=>{requestAnimationFrame((()=>{window.setTimeout((()=>{this.loaded=true;if(this.position==="fixed"){this.updateFixedByResize()}}),250)}))}))}disconnectedCallback(){var t,s;(t=this.observer)===null||t===void 0?void 0:t.disconnect();(s=this.stickyResizeObserver)===null||s===void 0?void 0:s.disconnect();window.removeEventListener("scroll",this.handleScroll);window.removeEventListener("resize",this.handleResize)}render(){const t=this.isStuckTop||this.isStuckBottom;const s={"stzh-sticky":true,"stzh-sticky--is-not-loaded":!this.loaded,"stzh-sticky--is-stuck":t,"stzh-sticky--is-stuck-top":this.isStuckTop,"stzh-sticky--is-stuck-bottom":this.isStuckBottom,"stzh-sticky--is-disabled-sticky-top":this.disableStickyTop,"stzh-sticky--is-disabled-sticky-bottom":this.disableStickyBottom,"stzh-sticky--is-bleeding":this.bleeding,[`stzh-sticky--position-${this.position}`]:!!this.position,[`stzh-sticky--${this.variant}`]:!!this.variant};return i(o,{key:"9b572867025fe7948b142c6e1c4745b13e3d5642","is-stuck":this.isStuckTop||this.isStuckBottom,"is-stuck-top":this.isStuckTop,"is-stuck-bottom":this.isStuckBottom},i("div",{key:"782cba0a8bf9e4a1814d01ce03128637a4eff121",class:s},i("div",{key:"ce0a8578095be4ab7e8b162dd572eaf90bcfc00c",ref:t=>this.spacerElement=t,class:"stzh-sticky__spacer"}),i("div",{key:"d47acc6ac964498c2e9e3db0dbc7d307f1b09c08",ref:t=>this.stickyElement=t,class:"stzh-sticky__sticky"},i("div",{key:"3178edfff30f6f072131ad0178aa4ebedc189b3a",class:"stzh-sticky__content"},i("div",{key:"364359c8ade36314bf4c7d450c8002c0c3fe9f15",class:"stzh-sticky__content-inner"},i("slot",{key:"a5e2f2288c0db2e8f87e1ea0af0701c1bc4efbab"}))))))}get element(){return e(this)}static get watchers(){return{disableStickyTop:["disableStickyWatcher"],disableStickyBottom:["disableStickyWatcher"],isStuckTop:["stuckHeightWatcher","isStuckTopWatcher"],isStuckBottom:["stuckHeightWatcher","isStuckBottomWatcher"],hasReachedTopLimit:["stuckHeightWatcher"],hasReachedBottomLimit:["stuckHeightWatcher"],position:["positionWatcher"],bleeding:["positionWatcher"]}}};k.style=a();export{k as stzh_sticky};
+//# sourceMappingURL=p-b5e6915e.entry.js.map

package/dist/stzh-components/{p-b401f555.entry.js → p-b79a3cf6.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a as s,d as i}from"./p-BMrO_esM.js";const o=()=>`@charset "UTF-8";.sc-stzh-pi-quote-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pi-quote-h,[stzh-hidden].sc-stzh-pi-quote-h{display:none}.sc-stzh-pi-quote-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-quote-h *.sc-stzh-pi-quote,.sc-stzh-pi-quote-h *.sc-stzh-pi-quote::before,.sc-stzh-pi-quote-h *.sc-stzh-pi-quote::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pi-quote-h .has-focus.sc-stzh-pi-quote{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-quote-h .stzh-fylingfocus-focused.sc-stzh-pi-quote{outline-style:none !important}.sc-stzh-pi-quote-h .stzh-fylingfocus-focused.sc-stzh-pi-quote::-moz-focus-inner{border:0 !important}.sc-stzh-pi-quote-h{--background-color:var(--stzh-pi-quote-background-color, var(--stzh-color-primary30));--color:var(--stzh-pi-quote-color, var(--stzh-color-primary50))}.stzh-pi-quote.sc-stzh-pi-quote{position:relative;background-color:var(--background-color);padding-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pi-quote.sc-stzh-pi-quote{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pi-quote.sc-stzh-pi-quote{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-quote.sc-stzh-pi-quote{padding-top:var(--stzh-space-xxxlarge)}}.stzh-pi-quote.sc-stzh-pi-quote{padding-right:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pi-quote.sc-stzh-pi-quote{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pi-quote.sc-stzh-pi-quote{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-quote.sc-stzh-pi-quote{padding-right:var(--stzh-space-xxxlarge)}}.stzh-pi-quote.sc-stzh-pi-quote{padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pi-quote.sc-stzh-pi-quote{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pi-quote.sc-stzh-pi-quote{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-quote.sc-stzh-pi-quote{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-pi-quote.sc-stzh-pi-quote{padding-left:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pi-quote.sc-stzh-pi-quote{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pi-quote.sc-stzh-pi-quote{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-quote.sc-stzh-pi-quote{padding-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-pi-quote.sc-stzh-pi-quote{padding-left:5.4375rem}}@media screen and (min-width: 900px){.stzh-pi-quote.sc-stzh-pi-quote{padding-left:9.875rem}}@media print{.stzh-pi-quote.sc-stzh-pi-quote{page-break-inside:avoid;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.stzh-pi-quote__content.sc-stzh-pi-quote{margin:0}.stzh-pi-quote__text.sc-stzh-pi-quote{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-pi-quote__text.sc-stzh-pi-quote{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-pi-quote__text.sc-stzh-pi-quote{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-pi-quote__text.sc-stzh-pi-quote{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-pi-quote__text.sc-stzh-pi-quote{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin:0;padding:0;display:flex}.stzh-pi-quote__text.sc-stzh-pi-quote::before,.stzh-pi-quote__text.sc-stzh-pi-quote::after{display:block;font-size:var(--stzh-font-mega-font-size)}@media screen and (min-width: 1260px){.stzh-pi-quote__text.sc-stzh-pi-quote::before,.stzh-pi-quote__text.sc-stzh-pi-quote::after{font-size:var(--stzh-font-hero-font-size)}}.stzh-pi-quote__text.sc-stzh-pi-quote::before{content:"«";color:var(--color);display:flex;align-items:flex-start;padding-right:var(--stzh-space-xsmall);line-height:0;padding-top:var(--stzh-space-small)}.stzh-pi-quote__text.sc-stzh-pi-quote::after{content:"»";color:var(--color);display:flex;align-items:flex-end;padding-left:var(--stzh-space-xsmall);line-height:0;padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1260px){.stzh-pi-quote__text.sc-stzh-pi-quote::after{padding-bottom:var(--stzh-space-large)}}.stzh-pi-quote__author.sc-stzh-pi-quote{display:block;margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-quote__author.sc-stzh-pi-quote{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-quote__author.sc-stzh-pi-quote{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-quote__author.sc-stzh-pi-quote{margin-top:var(--stzh-space-xxlarge)}}.stzh-pi-quote__author.sc-stzh-pi-quote{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);margin-left:1.625rem}@media screen and (min-width: 900px){.stzh-pi-quote__author.sc-stzh-pi-quote{font-size:var(--stzh-font-milli-font-size)}}@media screen and (min-width: 1260px){.stzh-pi-quote__author.sc-stzh-pi-quote{margin-left:2.0625rem}}@media screen and (min-width: 1600px){.stzh-pi-quote__author.sc-stzh-pi-quote{font-size:var(--stzh-font-centi-font-size)}}`;const a=class{constructor(e){t(this,e);this.text="";this.author=""}render(){const t={"stzh-pi-quote":true};return e(s,{key:"7bd0955bfa6f6bd36d4602bb1093a1d8e89df3b4"},e("div",{key:"38cf6de06830835ab44bef045d900b175ffe974c",class:t},e("blockquote",{key:"0f2e37ec295855bb304c088a3bc7b0ae32a63ead",class:"stzh-pi-quote__content"},e("p",{key:"7ea07d731ae20ee8e29b6b2768e151fe46bc97be",class:"stzh-pi-quote__text"},this.text),this.author&&e("cite",{key:"1468daeb78b0b413f2aeca7d06a6d223de47403c",class:"stzh-pi-quote__author"},this.author))))}get element(){return i(this)}};a.style=o();export{a as stzh_pi_quote};
-//# sourceMappingURL=p-b401f555.entry.js.map
+import{r as t,h as e,a as s,d as i}from"./p-Cd_ra_Ay.js";const o=()=>`@charset "UTF-8";.sc-stzh-pi-quote-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pi-quote-h,[stzh-hidden].sc-stzh-pi-quote-h{display:none}.sc-stzh-pi-quote-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-quote-h *.sc-stzh-pi-quote,.sc-stzh-pi-quote-h *.sc-stzh-pi-quote::before,.sc-stzh-pi-quote-h *.sc-stzh-pi-quote::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pi-quote-h .has-focus.sc-stzh-pi-quote{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-quote-h .stzh-fylingfocus-focused.sc-stzh-pi-quote{outline-style:none !important}.sc-stzh-pi-quote-h .stzh-fylingfocus-focused.sc-stzh-pi-quote::-moz-focus-inner{border:0 !important}.sc-stzh-pi-quote-h{--background-color:var(--stzh-pi-quote-background-color, var(--stzh-color-primary30));--color:var(--stzh-pi-quote-color, var(--stzh-color-primary50))}.stzh-pi-quote.sc-stzh-pi-quote{position:relative;background-color:var(--background-color);padding-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pi-quote.sc-stzh-pi-quote{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pi-quote.sc-stzh-pi-quote{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-quote.sc-stzh-pi-quote{padding-top:var(--stzh-space-xxxlarge)}}.stzh-pi-quote.sc-stzh-pi-quote{padding-right:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pi-quote.sc-stzh-pi-quote{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pi-quote.sc-stzh-pi-quote{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-quote.sc-stzh-pi-quote{padding-right:var(--stzh-space-xxxlarge)}}.stzh-pi-quote.sc-stzh-pi-quote{padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pi-quote.sc-stzh-pi-quote{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pi-quote.sc-stzh-pi-quote{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-quote.sc-stzh-pi-quote{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-pi-quote.sc-stzh-pi-quote{padding-left:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pi-quote.sc-stzh-pi-quote{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pi-quote.sc-stzh-pi-quote{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-quote.sc-stzh-pi-quote{padding-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-pi-quote.sc-stzh-pi-quote{padding-left:5.4375rem}}@media screen and (min-width: 900px){.stzh-pi-quote.sc-stzh-pi-quote{padding-left:9.875rem}}@media print{.stzh-pi-quote.sc-stzh-pi-quote{page-break-inside:avoid;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.stzh-pi-quote__content.sc-stzh-pi-quote{margin:0}.stzh-pi-quote__text.sc-stzh-pi-quote{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-pi-quote__text.sc-stzh-pi-quote{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-pi-quote__text.sc-stzh-pi-quote{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-pi-quote__text.sc-stzh-pi-quote{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-pi-quote__text.sc-stzh-pi-quote{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin:0;padding:0;display:flex}.stzh-pi-quote__text.sc-stzh-pi-quote::before,.stzh-pi-quote__text.sc-stzh-pi-quote::after{display:block;font-size:var(--stzh-font-mega-font-size)}@media screen and (min-width: 1260px){.stzh-pi-quote__text.sc-stzh-pi-quote::before,.stzh-pi-quote__text.sc-stzh-pi-quote::after{font-size:var(--stzh-font-hero-font-size)}}.stzh-pi-quote__text.sc-stzh-pi-quote::before{content:"«";color:var(--color);display:flex;align-items:flex-start;padding-right:var(--stzh-space-xsmall);line-height:0;padding-top:var(--stzh-space-small)}.stzh-pi-quote__text.sc-stzh-pi-quote::after{content:"»";color:var(--color);display:flex;align-items:flex-end;padding-left:var(--stzh-space-xsmall);line-height:0;padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1260px){.stzh-pi-quote__text.sc-stzh-pi-quote::after{padding-bottom:var(--stzh-space-large)}}.stzh-pi-quote__author.sc-stzh-pi-quote{display:block;margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-quote__author.sc-stzh-pi-quote{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-quote__author.sc-stzh-pi-quote{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-quote__author.sc-stzh-pi-quote{margin-top:var(--stzh-space-xxlarge)}}.stzh-pi-quote__author.sc-stzh-pi-quote{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);margin-left:1.625rem}@media screen and (min-width: 900px){.stzh-pi-quote__author.sc-stzh-pi-quote{font-size:var(--stzh-font-milli-font-size)}}@media screen and (min-width: 1260px){.stzh-pi-quote__author.sc-stzh-pi-quote{margin-left:2.0625rem}}@media screen and (min-width: 1600px){.stzh-pi-quote__author.sc-stzh-pi-quote{font-size:var(--stzh-font-centi-font-size)}}`;const a=class{constructor(e){t(this,e);this.text="";this.author=""}render(){const t={"stzh-pi-quote":true};return e(s,{key:"c4047d268cc08ebcb427475c44681b6ece37813d"},e("div",{key:"afe29f3639e31dd83aba43f9adfbde7f6845ff94",class:t},e("blockquote",{key:"abbc83bc1f3cbd81f9b515ddd289af6058cd7546",class:"stzh-pi-quote__content"},e("p",{key:"c764e46228a63b7783d99216591b2acd7168ec4d",class:"stzh-pi-quote__text"},this.text),this.author&&e("cite",{key:"d96ee223a7ca68b12f0ff0c860d8b00a5002a0d7",class:"stzh-pi-quote__author"},this.author))))}get element(){return i(this)}};a.style=o();export{a as stzh_pi_quote};
+//# sourceMappingURL=p-b79a3cf6.entry.js.map

package/dist/stzh-components/{p-ec958f98.entry.js → p-b93a3119.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,c as e,h as t,F as a,a as i,d as r}from"./p-BMrO_esM.js";import{a as h}from"./p-DRN8s57r.js";import{r as n,h as c,f as l}from"./p-DhuTERdU.js";import{m as d,a as o,r as m}from"./p-CUGRmgip.js";import{g as z}from"./p-E-ZsRS8r.js";import{r as f}from"./p-CIOHhwVv.js";import"./p-BubviQku.js";var p=f();var u=z(p);const g=()=>`: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}stzh-search{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}stzh-search[hidden],stzh-search[stzh-hidden]{display:none}stzh-search::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-search *,stzh-search *::before,stzh-search *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-search{}stzh-search .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-search .stzh-fylingfocus-focused{outline-style:none !important}stzh-search .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-search{--filter-background-color:var(\n    --stzh-search-filter-background-color,\n    var(--stzh-color-grey10)\n  );--grid-template-areas:"filters-main filters-main filters-main filters-main"\n    "results results results results"}@media screen and (min-width: 900px){stzh-search{--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"\n      "results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search{--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"\n      ". . results results results results results results results results . ."}}stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters=false]))){--grid-template-areas:"filters-main filters-main filters-main filters-main"\n    "filters-aside filters-aside filters-aside filters-aside"\n    "results results results results"}@media screen and (min-width: 900px){stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters=false]))){--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"\n      "filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside"\n      "results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters=false]))){--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"\n      "filters-aside filters-aside filters-aside filters-aside results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search:where([variant=teaser]:not([has-aside-filters])),stzh-search:where([fullwidth=true]:not([has-aside-filters])){--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"\n      "results results results results results results results results results results results results"}}.stzh-search{column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-search{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-search{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-search{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-search{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-search{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-search{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-search{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-search{grid-template-areas:var(--grid-template-areas)}.stzh-search__header-heading{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-search__header-heading{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-search__header-heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-search__header-heading{margin-bottom:var(--stzh-space-xlarge)}}.stzh-search__filters-main{grid-area:filters-main}.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xxxlarge)}}.stzh-search__filters-main:not(:empty){background-color:var(--filter-background-color)}.stzh-search__filters-aside{grid-area:filters-aside}.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xxxlarge)}}.stzh-search__filters-aside:not(:empty){background-color:var(--filter-background-color)}@media screen and (min-width: 1260px){.stzh-search__filters-aside:not(:empty){background-color:transparent;padding:0}}.stzh-search__filters-aside-heading{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-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-search__filters-aside-heading{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-small-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-heading{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h4-large-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-search__filters-aside-heading{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-search__filters-aside-heading{padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-search__filters-aside-heading{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-heading{padding-bottom:var(--stzh-space-small)}}.stzh-search__filters-aside-heading{color:var(--stzh-color-primary70);display:none}@media screen and (min-width: 1260px){.stzh-search__filters-aside-heading{display:block}}@media screen and (min-width: 1260px){.stzh-search stzh-button.stzh-search__filters-aside-details-trigger{display:none}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-inner{position:sticky;top:calc(var(--stzh-header-metabar-height, 0px) * var(--stzh-header-is-stuck, 0) + var(--stzh-space-medium));transition:top var(--stzh-base-transition-animation-speed);width:calc(100% + var(--stzh-grid-gutter-large) - var(--stzh-space-xxxxlarge))}}@media screen and (min-width: 1600px){.stzh-search__filters-aside-inner{width:calc(100% + var(--stzh-grid-gutter-ultra) - var(--stzh-space-xxxxlarge))}}.stzh-search__results-wrapper{grid-area:results;display:grid;--stzh-datalist-grid-template-areas:"list list list list list list list list"}.stzh-search__results-header{display:flex;flex-direction:column}@media screen and (min-width: 900px){.stzh-search__results-header{flex-direction:row;align-items:center}}.stzh-search__results-sort{display:flex}.stzh-search__results-heading,.stzh-search__results-empty,.stzh-search__results,.stzh-search__action-more{transition-property:opacity;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-search__results-text,.stzh-search__results-sort,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search__results-text,.stzh-search__results-sort,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search__results-text,.stzh-search__results-sort,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search__results-text,.stzh-search__results-sort,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-search__results-heading{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-search__results-item{display:contents}.stzh-search__actions-wrapper{display:flex;justify-content:center}.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xxxlarge)}}.stzh-search__empty-text{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search__empty-text{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search__empty-text{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search__empty-text{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-search__loader{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__loader{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__loader{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__loader{margin-top:var(--stzh-space-xxxlarge)}}.stzh-search__filters-main-chips{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__filters-main-chips{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__filters-main-chips{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-main-chips{margin-top:var(--stzh-space-xxxlarge)}}.stzh-search{}.stzh-search--teaser .stzh-search__actions-wrapper{justify-content:flex-start}.stzh-search{}@media screen and (max-width: 1259px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (max-width: 1259px) and (min-width: 600px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-big)}}@media screen and (max-width: 1259px) and (min-width: 900px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-big)}}@media screen and (max-width: 1259px) and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (max-width: 1259px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-large)}}@media screen and (max-width: 1259px) and (min-width: 600px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-xlarge)}}@media screen and (max-width: 1259px) and (min-width: 900px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-xxlarge)}}@media screen and (max-width: 1259px) and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxxlarge)}}.stzh-search{}.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-xxlarge)}}.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-aside:not(:empty){padding-top:0px}.stzh-search{}.stzh-search--has-hidden-main-filters .stzh-search__filters-main{display:none}.stzh-search--has-hidden-aside-filters .stzh-search__filters-aside{display:none}.stzh-search--has-hidden-main-filters .stzh-search__results-wrapper,.stzh-search--has-hidden-main-filters.stzh-search--teaser .stzh-search__results-wrapper{margin-top:0px}.stzh-search{}.stzh-search--is-loading .stzh-search__results-heading,.stzh-search--is-loading .stzh-search__results-sort,.stzh-search--is-loading .stzh-search__results-empty,.stzh-search--is-loading .stzh-search__results,.stzh-search--is-loading .stzh-search__action-more{opacity:0.5}.stzh-search{}.stzh-search--is-breakout{--filter-background-color:var(--stzh-color-cobaltblue20);background-color:var(--stzh-color-white)}.stzh-search--is-breakout .stzh-search{padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-search--is-breakout .stzh-search{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-search--is-breakout .stzh-search__header-wrapper{background-color:var(--stzh-color-cobaltblue20)}.stzh-search--is-breakout .stzh-search__filters-main{padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-search--is-breakout .stzh-search__filters-main{position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width))}.stzh-search--is-breakout .stzh-search__header{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search__header{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search__header{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search__header{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-search--is-breakout .stzh-search__header{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-search--is-breakout .stzh-search__header{padding-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search__header{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search__header{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search__header{padding-top:var(--stzh-space-xxxlarge)}}.stzh-search--is-breakout .stzh-search__header{background-color:var(--stzh-color-cobaltblue20);display:flex;justify-content:space-between}`;function _(s,e){return`\n    <stzh-card-${s.variant==="teaser"?"superteaser":"searchresult"}\n      href="{href}"\n      dateline="{dateline}"\n      tag="{tag}"\n      topic="{topic}"\n      service="{service}"\n      event-location="{eventLocation}"\n      hyphens-enabled="${this.hyphensEnabled}"\n      ${e.eventDateStart&&'event-date-start="{eventDateStart}"'}\n      ${e.eventDateEnd&&'event-date-end="{eventDateEnd}"'}\n      download-heading="{downloadHeading}"\n      meta='{meta}'\n      breadcrumb-items='{breadcrumbItems}'\n      download-meta='{downloadMeta}'\n      datalist-items='{datalistItems}'\n      ${e.imagePosition&&'image-position="{imagePosition}"'}\n      ${e.download&&'download="{download}"'}\n      style="\n        ${e.serviceBackgroundColor?"--service-background-color: {serviceBackgroundColor};":""}\n        ${e.serviceColor?"--service-color: {serviceColor};":""}\n      "\n    >\n      <div slot="heading">{heading}</div>\n      <div slot="description">{description}</div>\n      ${e.image?e.imagePosition==="right"?`<img src="${e.image}" slot="image" />`:`<stzh-ratio ${s.variant==="teaser"?'ratio="2:1"':'ratio="21:9" ratio-small="1:1"'} slot="image"><img src="${e.image}" alt=""/></stzh-ratio>`:""}\n    </stzh-card-${s.variant==="teaser"?"superteaser":"searchresult"}>\n  `}function x(s){return{layout:s.variant==="teaser"?"teasers":"searchresults"}}const v=class{constructor(t){s(this,t);this.stzhOverlayCloseClick=e(this,"stzhOverlayCloseClick");this.variant="default";this.autofetchMainFilters=false;this.autofetchAsideFilters=false;this.hideMainFilters=false;this.hideAsideFilters=false;this.hideResultsHeading=false;this.sortOptions=[];this._sortOptions=[];this.api="";this.debounceTime=500;this.limit=6;this.initialFetch=false;this.preventUpdateUrl=false;this.hyphensEnabled=false;this.templateResult=_;this.templateResultWrapperElement=function(){return"stzh-cardlist"};this.templateResultWrapperProps=x;this.resultHeadingLevel="3";this.subscribeLabel="Subscribe";this.totalCount=0;this._showMoreLink=false;this.loading=false;this.error="";this.results=[];this.chipResults=[];this.hasRequiredParams=false;this.firstFetched=false;this.initiallyFetched=false;this.isDetailsOpen=false;this.isStzhAnchornavVisible=false;this.fetch=async(s=false,e=false)=>{var t,a,i;this.loading=true;this.error="";if(this.currentController){this.currentController.abort()}if(!this.hasRequiredParams&&!s){this.loading=false;return}let r=this.api.replace(/\{lang\}/gi,this.localization.$locale);let n=this.limit.toString();this.params.set("offset",s?this.results.length.toString():"0");if(e){const s=new URLSearchParams(location.search).get("search");if(s){const e=new URLSearchParams(s).get("limit");if(e){n=e}}}this.params.set("limit",n);this.currentController=new AbortController;let c={};try{const s=await h(r,{params:this.params,signal:this.currentController.signal});c=s.data}catch(s){if(s.code==="ERR_CANCELED"||s.name==="CanceledError"||s.message==="canceled"){return}this.error=this.localization.error}this.resultsHeading=c.resultsHeading||"";this.resultsText=c.resultsText||"";this.totalCount=((t=c.meta)===null||t===void 0?void 0:t.total)||0;if(c.error){this.error=c.message||this.localization.error}if(c.chipResults&&c.chipResults.length){this.chipResultsHeading=(a=c.chipResultsHeading)!==null&&a!==void 0?a:"";this.chipResults=c.chipResults;this.chipFilterName=(i=c.chipFilterName)!==null&&i!==void 0?i:""}else{this.chipResultsHeading="";this.chipResults=[];this.chipFilterName=""}console.log("chipfiltername",this.chipFilterName);if(c.results){if(s){this.results=[...this.results,...c.results.map((s=>{var e;return Object.assign(Object.assign({},s),{html:this.renderResultTemplate(s.html||((e=c.templates)===null||e===void 0?void 0:e.result),s)})}))]}else{this.results=c.results.map((s=>{var e;return Object.assign(Object.assign({},s),{html:this.renderResultTemplate(s.html||((e=c.templates)===null||e===void 0?void 0:e.result),s)})}))}}if(!e&&!this.preventUpdateUrl){const s=new URLSearchParams(location.search);const e=new URLSearchParams(this.params);e.delete("offset");e.set("limit",this.results.length.toString());s.set("search",e.toString());window.history.replaceState(null,"",`${location.pathname}?${s}`)}if(e||!this.firstFetched){this.loading=false}else{window.setTimeout((()=>{this.loading=false}),this.debounceTime)}this.firstFetched=true};this.debouncedFetch=u(this.fetch,this.debounceTime);this.onDropdownSortChange=async s=>{const e=s.target;const t=await e.getValue();if(t){this._sortBy=t}await this.updateParams();this.debouncedFetch()};this.handleMainFilterChange=async()=>{if(this.autofetchMainFilters){await this.updateParams();this.debouncedFetch()}};this.handleAsideFilterChange=async()=>{if(this.autofetchAsideFilters){await this.updateParams();this.debouncedFetch()}};this.handleFormSubmit=async s=>{s.preventDefault();await this.updateParams();this.fetch()};this.handleMoreClick=()=>{this.fetch(true)};this.handleMediaChange=()=>{this.isDetailsOpen=d("large").matches};this.handleFormReset=async()=>{requestAnimationFrame((()=>{requestAnimationFrame((async()=>{await this.updateParams()}))}))}}totalCountWatcher(){this._showMoreLink=this.totalCount>this.results.length}preventUpdateUrlWatcher(){this.updateParams()}sortOptionsWatcher(s){if(typeof s==="string"){this._sortOptions=JSON.parse(s)}else{this._sortOptions=s}}sortByWatcher(s){if(typeof s==="string"){this._sortBy=s}else{this._sortBy=undefined}}renderResultTemplate(s,e){let t=s||(typeof this.templateResult==="function"?this.templateResult(this.element,e):this.templateResult);["href","heading","name","additionalInformation","numbers","dateline","description","image","imagePosition","tag","topic","service","serviceColor","serviceBackgroundColor","meta","breadcrumbItems","eventLocation","eventDateStart","eventDateEnd","download","downloadHeading","downloadMeta","datalistItems"].forEach((s=>{const a=new RegExp(`{${s}}`,"gi");let i=e[s]||"";if(["meta","breadcrumbItems","downloadMeta","datalistItems","numbers"].includes(s)&&i){i=JSON.stringify(i)}t=t.replace(a,i)}));return t}async updateParams(s=false){const e=()=>{const s=new FormData(this.formElement);this.params=new URLSearchParams(s);this.params.set("variant",this.variant)};if(s){const s=new URLSearchParams(location.search);let e=s.get("search");const t=s.get("q");const a=s.get("query");if(!e){if(a){e=`query=${a}`}else if(t){e=`q=${t}`}}if(e){this.initialFetch=true;const s=new URLSearchParams(e);[...new Set(s.keys())].forEach((e=>{const t=s.getAll(e);const a=Array.from(document.querySelectorAll(`:where(stzh-input,stzh-radiogroup,stzh-chipselect,stzh-amount,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[name="${e}"]`));const i=Array.from(document.querySelectorAll(`:where(stzh-checkboxgroup)[name="${e}"]`));const r=Array.from(document.querySelectorAll(`:where(stzh-dropdown)[name="${e}"]`));a.forEach((s=>{s.value=t[0]}));i.forEach((s=>{s.value=t}));r.forEach((s=>{s.items=t}))}))}}await n();e();let t=true;const a=Array.from(this.element.querySelectorAll(":where(stzh-input)[required]"));const i=Array.from(this.element.querySelectorAll(":where(stzh-dropdown)[required]"));const r=Array.from(this.element.querySelectorAll(":where(stzh-monthyearpicker)[required]"));const h=Array.from(this.element.querySelectorAll(":where(stzh-amount,stzh-radiogroup,stzh-chipselect,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[required]"));const c=Array.from(this.element.querySelectorAll(":where(stzh-checkbox)[required]"));c.forEach((e=>{const a=!e.checked;if(!s){e.invalid=a}if(a){t=false}}));a.forEach((e=>{const a=e.value===""||e.minlength&&e.minlength>e.value.length||e.maxlength&&e.maxlength<e.value.length;if(!s){e.invalid=a}if(a){t=false}}));i.forEach((e=>{const a=e.items;const i=Array.isArray(a)?a.length===0:a===""||!a===undefined||a===null;if(!s){e.invalid=i}if(i){t=false}}));h.forEach((e=>{const a=e.value.toString().length===0;if(!s){e.invalid=a}if(a){t=false}}));r.forEach((e=>{const a=e.value.toString().length===0;if(!s){e.invalidYear=a;e.invalidMonth=a}if(a){t=false}}));this.hasRequiredParams=t}async componentDidLoad(){this.isStzhAnchornavVisible=document.documentElement.style.getPropertyValue("--stzh-anchornav-is-visible")==="1";await this.updateParams(true);if(this.initialFetch){await this.fetch(false,true);this.initiallyFetched=true}else{this.initiallyFetched=true}}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"search")}this.isStzhAnchornavVisible=document.documentElement.style.getPropertyValue("--stzh-anchornav-is-visible")==="1";this.sortOptionsWatcher(this.sortOptions);this.sortByWatcher(this.sortBy)}connectedCallback(){o(this.handleMediaChange);this.handleMediaChange()}disconnectedCallback(){m(this.handleMediaChange)}renderResultsText(){return t("stzh-text",{class:"stzh-search__results-text",color:"primary",innerHTML:this.resultsText})}renderSubscribeButton(){const s=new URLSearchParams;let e=this.subscribeAdditionalQueryParameters;if(typeof this.subscribeAdditionalQueryParameters==="string"){try{e=JSON.parse(this.subscribeAdditionalQueryParameters)}catch(s){}}for(const t of e){for(const[e,a]of Object.entries(t)){if(a){s.set(e,a)}}}const a=new URLSearchParams(window.location.search);const i=a.get("search");if(i){const e=new URLSearchParams(i);for(const[t,a]of e.entries()){if(["variant","limit"].indexOf(t)===-1&&a){s.append(t,a)}}}const r=`${this.subscribePath}?${s.toString()}`;return t("div",{class:"stzh-search__results-subscribe"},t("stzh-button",{variant:"secondary",size:"small",href:r},this.subscribeLabel))}render(){const s=c(this.element,"filters-main");const e=c(this.element,"filters-aside");let r=true;if(s){const s=this.element.querySelector("[slot='filters-main'] stzh-chipselect");const e=this.element.querySelector("[slot='filters-main'] stzh-chipgroup");if(!s&&!e){r=false}}else{r=false}const h=(this.hasRequiredParams||this.firstFetched)&&this.firstFetched&&this.initiallyFetched;const n={"stzh-search":true,"stzh-search--has-filters-main":s,"stzh-search--has-filters-aside":e,"stzh-search--has-hidden-main-filters":this.hideMainFilters,"stzh-search--has-hidden-aside-filters":this.hideAsideFilters,"stzh-search--has-results-shown":h,"stzh-search--has-error-shown":!!this.error,"stzh-search--is-loading":this.loading,[`stzh-search--${this.variant}`]:!!this.variant};const d=typeof this.templateResultWrapperElement==="function"?this.templateResultWrapperElement(this.element):this.templateResultWrapperElement;const o=typeof this.templateResultWrapperProps==="function"?this.templateResultWrapperProps(this.element):this.templateResultWrapperProps;return t(i,{key:"f711d5e20edae20f9719f684d82d92ea63af7991","has-aside-filters":e,fullwidth:this.isStzhAnchornavVisible.toString()},t("form",{key:"5fca4fe4f7ac97b673c940112d414e848056b7ae",ref:s=>this.formElement=s,novalidate:true,class:n,onSubmit:this.handleFormSubmit,onReset:this.handleFormReset},t("div",{key:"3b861de6e48a3f2d4f448244ec4f33a4f12c6f0b",class:"stzh-search__filters-main",onStzhChange:this.handleMainFilterChange},!!this.heading&&t("stzh-heading",{key:"32c3199579357d8c15527cb8bb8a6d7e4dad8844",class:"stzh-search__header-heading",curve:"h2"},l(this.heading)),t("slot",{key:"9eabfc4c5784fc80822630fb86abbf4e52477e59",name:"filters-main"}),!r&&this.chipResults.length>0&&t("div",{key:"f4fc3712646fd08e18c9ecbf30b213b47fa90469",class:"stzh-search__filters-main-chips"},this.chipResultsHeading&&t("stzh-text",{key:"d41f7ef50f8cccde2befa28e06d9009bea0e61f6",font:"heavy",size:"milli",color:"primary"},this.chipResultsHeading),this.chipResults[0].options?t("stzh-chipgroup",null,this.chipResults.map((s=>t("stzh-dropdown",{label:s.label,name:s.value,variant:"filter",size:"large","no-search":true,"hide-optional":true,inline:true,options:s.options})))):t("stzh-chipselect",{multiple:true,name:this.chipFilterName,label:this.chipResultsHeading,"label-hidden":true,data:this.chipResults.map((s=>({label:s.label,value:s.value,counter:`${s.amount}`,variant:"filter",size:"large"})))}))),e&&t(a,{key:"849e4551685d21c4136d8c95f75423db7a1ab8f7"},t("div",{key:"dd072f27ccbc7f356083dde1fc241227fb48976e",class:"stzh-search__filters-aside",onStzhChange:this.handleAsideFilterChange},t("div",{key:"eb026a3d3d52410259a98921fd0ce98b02584563",class:"stzh-search__filters-aside-inner"},t("div",{key:"a6e293397969398f2f33382fc05fbdbadbc2fd8d",class:"stzh-search__filters-aside-heading"},this.localization.moreFilter),t("stzh-details",{key:"7bed76f34202ccbea0d717fee1975e9fedae4297",open:this.isDetailsOpen,class:"stzh-search__filters-aside-details"},t("stzh-button",{key:"08c1901aee18f4f556e08ec18c1a7c5874f3fd76",class:"stzh-search__filters-aside-details-trigger",variant:"tertiary-plain",size:"small",noPaddingLeft:true,showToggleIcon:true,iconPosition:"right",label:this.localization.moreFilter}),t("div",{key:"38b4304e9f6403254352214c92fd1bedb99f6d66",slot:"content"},t("slot",{key:"f7c7ffa2c0b150d8e48ef38295596edd22bb58b5",name:"filters-aside"})))))),t("div",{key:"155f118d7198601d0c1a6267e709d20b561c64a2",class:"stzh-search__results-wrapper"},h&&t(a,{key:"4fc34fc49a332e68e5d814d6062f93bc71100377"},this.results.length===0?t(a,null,this.variant!=="teaser"&&this.resultsHeading&&!this.hideResultsHeading&&t("stzh-heading",{class:"stzh-search__results-heading",curve:"h3",level:this.resultHeadingLevel,innerHTML:this.resultsHeading}),this.resultsText&&this.renderResultsText(),this.subscribePath&&this.renderSubscribeButton(),this.emptyText&&t("stzh-text",{class:"stzh-search__empty-text",innerHTML:this.emptyText}),this.emptyLinkLabel&&this.emptyLinkHref&&t("div",{class:"stzh-search__empty-link-wrapper"},t("stzh-link",{href:this.emptyLinkHref,label:this.emptyLinkLabel}))):t(a,null,t("div",{class:"stzh-search__results-header"},this.variant!=="teaser"&&this.resultsHeading&&!this.hideResultsHeading&&t("stzh-heading",{class:"stzh-search__results-heading",curve:"h3",level:this.resultHeadingLevel,htmlContent:this.resultsHeading}),this._sortOptions.length>0&&t("div",{class:"stzh-search__results-sort"},t("stzh-dropdown",{"hide-optional":true,inline:true,"no-search":true,"no-wrap":true,class:"stzh-search__results-sort-dropdown",variant:"plain",size:"small",sizeMedium:"tiny",name:"sortby",items:[this._sortBy],options:this._sortOptions,onStzhChange:this.onDropdownSortChange}))),this.resultsText&&this.renderResultsText(),this.subscribePath&&this.renderSubscribeButton(),t(d,Object.assign({class:"stzh-search__results","max-3-columns":e},o),this.results.map((s=>t("div",{class:"stzh-search__results-item",innerHTML:s.html||""})))),t("div",{class:"stzh-search__actions-wrapper"},this._showMoreLink&&t("stzh-button",{variant:"secondary",class:"stzh-search__action-more",label:this.localization.showMore,onClick:this.handleMoreClick,disabled:this.loading,a11yDisabled:this.loading})))),this.error&&t("div",{key:"42dab7565aa69b6d40be7b7502c6515d1cd248e7",class:"stzh-search__error"},t("stzh-message",{key:"8d1c09bf4c275ff9d7925d075ddd70dc083d93e8",type:"error",label:this.error})),this.loading&&t("stzh-loader",{key:"f294bca37ce25e8b6a585729355ce95618430643",class:"stzh-search__loader"})),t("slot",{key:"d0b31a873b36de919aa17fea40f4b75939c004e7"})))}get element(){return r(this)}static get watchers(){return{totalCount:["totalCountWatcher"],results:["totalCountWatcher"],preventUpdateUrl:["preventUpdateUrlWatcher"],sortOptions:["sortOptionsWatcher"],sortBy:["sortByWatcher"]}}};v.style=g();export{v as stzh_search};
-//# sourceMappingURL=p-ec958f98.entry.js.map
+import{r as s,c as e,h as t,F as a,a as i,d as r}from"./p-Cd_ra_Ay.js";import{a as h}from"./p-DRN8s57r.js";import{r as n,h as c,f as d}from"./p-DhuTERdU.js";import{m as l,a as o,r as m}from"./p-CUGRmgip.js";import{g as z}from"./p-E-ZsRS8r.js";import{r as f}from"./p-CIOHhwVv.js";import"./p-BubviQku.js";var p=f();var u=z(p);const g=()=>`: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}stzh-search{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}stzh-search[hidden],stzh-search[stzh-hidden]{display:none}stzh-search::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-search *,stzh-search *::before,stzh-search *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-search{}stzh-search .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-search .stzh-fylingfocus-focused{outline-style:none !important}stzh-search .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-search{--filter-background-color:var(\n    --stzh-search-filter-background-color,\n    var(--stzh-color-grey10)\n  );--grid-template-areas:"filters-main filters-main filters-main filters-main"\n    "results results results results"}@media screen and (min-width: 900px){stzh-search{--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"\n      "results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search{--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"\n      ". . results results results results results results results results . ."}}stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters=false]))){--grid-template-areas:"filters-main filters-main filters-main filters-main"\n    "filters-aside filters-aside filters-aside filters-aside"\n    "results results results results"}@media screen and (min-width: 900px){stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters=false]))){--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"\n      "filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside"\n      "results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters=false]))){--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"\n      "filters-aside filters-aside filters-aside filters-aside results results results results results results results results"}}@media screen and (min-width: 1260px){stzh-search:where([variant=teaser]:not([has-aside-filters])),stzh-search:where([fullwidth=true]:not([has-aside-filters])){--grid-template-areas:"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"\n      "results results results results results results results results results results results results"}}.stzh-search{column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-search{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-search{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-search{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-search{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-search{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-search{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-search{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-search{grid-template-areas:var(--grid-template-areas)}.stzh-search__header-heading{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-search__header-heading{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-search__header-heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-search__header-heading{margin-bottom:var(--stzh-space-xlarge)}}.stzh-search__filters-main{grid-area:filters-main}.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-main:not(:empty){padding:var(--stzh-space-xxxlarge)}}.stzh-search__filters-main:not(:empty){background-color:var(--filter-background-color)}.stzh-search__filters-aside{grid-area:filters-aside}.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside:not(:empty){padding:var(--stzh-space-xxxlarge)}}.stzh-search__filters-aside:not(:empty){background-color:var(--filter-background-color)}@media screen and (min-width: 1260px){.stzh-search__filters-aside:not(:empty){background-color:transparent;padding:0}}.stzh-search__filters-aside-heading{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-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-search__filters-aside-heading{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-small-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-heading{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h4-large-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-search__filters-aside-heading{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-search__filters-aside-heading{padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-search__filters-aside-heading{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-heading{padding-bottom:var(--stzh-space-small)}}.stzh-search__filters-aside-heading{color:var(--stzh-color-primary70);display:none}@media screen and (min-width: 1260px){.stzh-search__filters-aside-heading{display:block}}@media screen and (min-width: 1260px){.stzh-search stzh-button.stzh-search__filters-aside-details-trigger{display:none}}@media screen and (min-width: 1260px){.stzh-search__filters-aside-inner{position:sticky;top:calc(var(--stzh-header-metabar-height, 0px) * var(--stzh-header-is-stuck, 0) + var(--stzh-space-medium));transition:top var(--stzh-base-transition-animation-speed);width:calc(100% + var(--stzh-grid-gutter-large) - var(--stzh-space-xxxxlarge))}}@media screen and (min-width: 1600px){.stzh-search__filters-aside-inner{width:calc(100% + var(--stzh-grid-gutter-ultra) - var(--stzh-space-xxxxlarge))}}.stzh-search__results-wrapper{grid-area:results;display:grid;--stzh-datalist-grid-template-areas:"list list list list list list list list"}.stzh-search__results-header{display:flex;flex-direction:column}@media screen and (min-width: 900px){.stzh-search__results-header{flex-direction:row;align-items:center}}.stzh-search__results-sort{display:flex}.stzh-search__results-heading,.stzh-search__results-empty,.stzh-search__results,.stzh-search__action-more{transition-property:opacity;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-search__results-text,.stzh-search__results-sort,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search__results-text,.stzh-search__results-sort,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search__results-text,.stzh-search__results-sort,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search__results-text,.stzh-search__results-sort,.stzh-search__results-subscribe{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-search__results-heading{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-search__results-heading{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-search__results-item{display:contents}.stzh-search__actions-wrapper{display:flex;justify-content:center}.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__actions-wrapper:not(:empty){margin-top:var(--stzh-space-xxxlarge)}}.stzh-search__empty-text{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search__empty-text{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search__empty-text{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search__empty-text{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-search__loader{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__loader{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__loader{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__loader{margin-top:var(--stzh-space-xxxlarge)}}.stzh-search__filters-main-chips{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search__filters-main-chips{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search__filters-main-chips{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search__filters-main-chips{margin-top:var(--stzh-space-xxxlarge)}}.stzh-search{}.stzh-search--teaser .stzh-search__actions-wrapper{justify-content:flex-start}.stzh-search{}@media screen and (max-width: 1259px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (max-width: 1259px) and (min-width: 600px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-big)}}@media screen and (max-width: 1259px) and (min-width: 900px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-big)}}@media screen and (max-width: 1259px) and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__results-wrapper{margin-top:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-search--has-results-shown .stzh-search__filters-main,.stzh-search--has-filters-aside .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (max-width: 1259px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-large)}}@media screen and (max-width: 1259px) and (min-width: 600px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-xlarge)}}@media screen and (max-width: 1259px) and (min-width: 900px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-xxlarge)}}@media screen and (max-width: 1259px) and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main,.stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main{margin-bottom:var(--stzh-space-xxxlarge)}}.stzh-search{}.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty){padding-bottom:var(--stzh-space-xxlarge)}}.stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-aside:not(:empty){padding-top:0px}.stzh-search{}.stzh-search--has-hidden-main-filters .stzh-search__filters-main{display:none}.stzh-search--has-hidden-aside-filters .stzh-search__filters-aside{display:none}.stzh-search--has-hidden-main-filters .stzh-search__results-wrapper,.stzh-search--has-hidden-main-filters.stzh-search--teaser .stzh-search__results-wrapper{margin-top:0px}.stzh-search{}.stzh-search--is-loading .stzh-search__results-heading,.stzh-search--is-loading .stzh-search__results-sort,.stzh-search--is-loading .stzh-search__results-empty,.stzh-search--is-loading .stzh-search__results,.stzh-search--is-loading .stzh-search__action-more{opacity:0.5}.stzh-search{}.stzh-search--is-breakout{--filter-background-color:var(--stzh-color-cobaltblue20);background-color:var(--stzh-color-white)}.stzh-search--is-breakout .stzh-search{padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-search--is-breakout .stzh-search{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-search--is-breakout .stzh-search__header-wrapper{background-color:var(--stzh-color-cobaltblue20)}.stzh-search--is-breakout .stzh-search__filters-main{padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-search--is-breakout .stzh-search__filters-main{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-search--is-breakout .stzh-search__filters-main{position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width))}.stzh-search--is-breakout .stzh-search__header{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search__header{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search__header{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search__header{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-search--is-breakout .stzh-search__header{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-search--is-breakout .stzh-search__header{padding-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-search--is-breakout .stzh-search__header{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-search--is-breakout .stzh-search__header{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-search--is-breakout .stzh-search__header{padding-top:var(--stzh-space-xxxlarge)}}.stzh-search--is-breakout .stzh-search__header{background-color:var(--stzh-color-cobaltblue20);display:flex;justify-content:space-between}`;function _(s,e){return`\n    <stzh-card-${s.variant==="teaser"?"superteaser":"searchresult"}\n      href="{href}"\n      dateline="{dateline}"\n      tag="{tag}"\n      topic="{topic}"\n      service="{service}"\n      event-location="{eventLocation}"\n      hyphens-enabled="${this.hyphensEnabled}"\n      ${e.eventDateStart&&'event-date-start="{eventDateStart}"'}\n      ${e.eventDateEnd&&'event-date-end="{eventDateEnd}"'}\n      download-heading="{downloadHeading}"\n      meta='{meta}'\n      breadcrumb-items='{breadcrumbItems}'\n      download-meta='{downloadMeta}'\n      datalist-items='{datalistItems}'\n      ${e.imagePosition&&'image-position="{imagePosition}"'}\n      ${e.download&&'download="{download}"'}\n      style="\n        ${e.serviceBackgroundColor?"--service-background-color: {serviceBackgroundColor};":""}\n        ${e.serviceColor?"--service-color: {serviceColor};":""}\n      "\n    >\n      <div slot="heading">{heading}</div>\n      <div slot="description">{description}</div>\n      ${e.image?e.imagePosition==="right"?`<img src="${e.image}" slot="image" />`:`<stzh-ratio ${s.variant==="teaser"?'ratio="2:1"':'ratio="21:9" ratio-small="1:1"'} slot="image"><img src="${e.image}" alt=""/></stzh-ratio>`:""}\n    </stzh-card-${s.variant==="teaser"?"superteaser":"searchresult"}>\n  `}function x(s){return{layout:s.variant==="teaser"?"teasers":"searchresults"}}const v=class{constructor(t){s(this,t);this.stzhOverlayCloseClick=e(this,"stzhOverlayCloseClick");this.variant="default";this.autofetchMainFilters=false;this.autofetchAsideFilters=false;this.hideMainFilters=false;this.hideAsideFilters=false;this.hideResultsHeading=false;this.sortOptions=[];this._sortOptions=[];this.api="";this.debounceTime=500;this.limit=6;this.initialFetch=false;this.preventUpdateUrl=false;this.hyphensEnabled=false;this.templateResult=_;this.templateResultWrapperElement=function(){return"stzh-cardlist"};this.templateResultWrapperProps=x;this.resultHeadingLevel="3";this.subscribeLabel="Subscribe";this.totalCount=0;this._showMoreLink=false;this.loading=false;this.error="";this.results=[];this.chipResults=[];this.hasRequiredParams=false;this.firstFetched=false;this.initiallyFetched=false;this.isDetailsOpen=false;this.isStzhAnchornavVisible=false;this.fetch=async(s=false,e=false)=>{var t,a,i;this.loading=true;this.error="";if(this.currentController){this.currentController.abort()}if(!this.hasRequiredParams&&!s){this.loading=false;return}let r=this.api.replace(/\{lang\}/gi,this.localization.$locale);let n=this.limit.toString();this.params.set("offset",s?this.results.length.toString():"0");if(e){const s=new URLSearchParams(location.search).get("search");if(s){const e=new URLSearchParams(s).get("limit");if(e){n=e}}}this.params.set("limit",n);this.currentController=new AbortController;let c={};try{const s=await h(r,{params:this.params,signal:this.currentController.signal});c=s.data}catch(s){if(s.code==="ERR_CANCELED"||s.name==="CanceledError"||s.message==="canceled"){return}this.error=this.localization.error}this.resultsHeading=c.resultsHeading||"";this.resultsText=c.resultsText||"";this.totalCount=((t=c.meta)===null||t===void 0?void 0:t.total)||0;if(c.error){this.error=c.message||this.localization.error}if(c.chipResults&&c.chipResults.length){this.chipResultsHeading=(a=c.chipResultsHeading)!==null&&a!==void 0?a:"";this.chipResults=c.chipResults;this.chipFilterName=(i=c.chipFilterName)!==null&&i!==void 0?i:""}else{this.chipResultsHeading="";this.chipResults=[];this.chipFilterName=""}console.log("chipfiltername",this.chipFilterName);if(c.results){if(s){this.results=[...this.results,...c.results.map((s=>{var e;return Object.assign(Object.assign({},s),{html:this.renderResultTemplate(s.html||((e=c.templates)===null||e===void 0?void 0:e.result),s)})}))]}else{this.results=c.results.map((s=>{var e;return Object.assign(Object.assign({},s),{html:this.renderResultTemplate(s.html||((e=c.templates)===null||e===void 0?void 0:e.result),s)})}))}}if(!e&&!this.preventUpdateUrl){const s=new URLSearchParams(location.search);const e=new URLSearchParams(this.params);e.delete("offset");e.set("limit",this.results.length.toString());s.set("search",e.toString());window.history.replaceState(null,"",`${location.pathname}?${s}`)}if(e||!this.firstFetched){this.loading=false}else{window.setTimeout((()=>{this.loading=false}),this.debounceTime)}this.firstFetched=true};this.debouncedFetch=u(this.fetch,this.debounceTime);this.onDropdownSortChange=async s=>{const e=s.target;const t=await e.getValue();if(t){this._sortBy=t}await this.updateParams();this.debouncedFetch()};this.handleMainFilterChange=async()=>{if(this.autofetchMainFilters){await this.updateParams();this.debouncedFetch()}};this.handleAsideFilterChange=async()=>{if(this.autofetchAsideFilters){await this.updateParams();this.debouncedFetch()}};this.handleFormSubmit=async s=>{s.preventDefault();await this.updateParams();this.fetch()};this.handleMoreClick=()=>{this.fetch(true)};this.handleMediaChange=()=>{this.isDetailsOpen=l("large").matches};this.handleFormReset=async()=>{requestAnimationFrame((()=>{requestAnimationFrame((async()=>{await this.updateParams()}))}))}}totalCountWatcher(){this._showMoreLink=this.totalCount>this.results.length}preventUpdateUrlWatcher(){this.updateParams()}sortOptionsWatcher(s){if(typeof s==="string"){this._sortOptions=JSON.parse(s)}else{this._sortOptions=s}}sortByWatcher(s){if(typeof s==="string"){this._sortBy=s}else{this._sortBy=undefined}}renderResultTemplate(s,e){let t=s||(typeof this.templateResult==="function"?this.templateResult(this.element,e):this.templateResult);["href","heading","name","additionalInformation","numbers","dateline","description","image","imagePosition","tag","topic","service","serviceColor","serviceBackgroundColor","meta","breadcrumbItems","eventLocation","eventDateStart","eventDateEnd","download","downloadHeading","downloadMeta","datalistItems"].forEach((s=>{const a=new RegExp(`{${s}}`,"gi");let i=e[s]||"";if(["meta","breadcrumbItems","downloadMeta","datalistItems","numbers"].includes(s)&&i){i=JSON.stringify(i)}t=t.replace(a,i)}));return t}async updateParams(s=false){const e=()=>{const s=new FormData(this.formElement);this.params=new URLSearchParams(s);this.params.set("variant",this.variant)};if(s){const s=new URLSearchParams(location.search);let e=s.get("search");const t=s.get("q");const a=s.get("query");if(!e){if(a){e=`query=${a}`}else if(t){e=`q=${t}`}}if(e){this.initialFetch=true;const s=new URLSearchParams(e);[...new Set(s.keys())].forEach((e=>{const t=s.getAll(e);const a=Array.from(document.querySelectorAll(`:where(stzh-input,stzh-radiogroup,stzh-chipselect,stzh-amount,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[name="${e}"]`));const i=Array.from(document.querySelectorAll(`:where(stzh-checkboxgroup)[name="${e}"]`));const r=Array.from(document.querySelectorAll(`:where(stzh-dropdown)[name="${e}"]`));a.forEach((s=>{s.value=t[0]}));i.forEach((s=>{s.value=t}));r.forEach((s=>{s.items=t}))}))}}await n();e();let t=true;const a=Array.from(this.element.querySelectorAll(":where(stzh-input)[required]"));const i=Array.from(this.element.querySelectorAll(":where(stzh-dropdown)[required]"));const r=Array.from(this.element.querySelectorAll(":where(stzh-monthyearpicker)[required]"));const h=Array.from(this.element.querySelectorAll(":where(stzh-amount,stzh-radiogroup,stzh-chipselect,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[required]"));const c=Array.from(this.element.querySelectorAll(":where(stzh-checkbox)[required]"));c.forEach((e=>{const a=!e.checked;if(!s){e.invalid=a}if(a){t=false}}));a.forEach((e=>{const a=e.value===""||e.minlength&&e.minlength>e.value.length||e.maxlength&&e.maxlength<e.value.length;if(!s){e.invalid=a}if(a){t=false}}));i.forEach((e=>{const a=e.items;const i=Array.isArray(a)?a.length===0:a===""||!a===undefined||a===null;if(!s){e.invalid=i}if(i){t=false}}));h.forEach((e=>{const a=e.value.toString().length===0;if(!s){e.invalid=a}if(a){t=false}}));r.forEach((e=>{const a=e.value.toString().length===0;if(!s){e.invalidYear=a;e.invalidMonth=a}if(a){t=false}}));this.hasRequiredParams=t}async componentDidLoad(){this.isStzhAnchornavVisible=document.documentElement.style.getPropertyValue("--stzh-anchornav-is-visible")==="1";await this.updateParams(true);if(this.initialFetch){await this.fetch(false,true);this.initiallyFetched=true}else{this.initiallyFetched=true}}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"search")}this.isStzhAnchornavVisible=document.documentElement.style.getPropertyValue("--stzh-anchornav-is-visible")==="1";this.sortOptionsWatcher(this.sortOptions);this.sortByWatcher(this.sortBy)}connectedCallback(){o(this.handleMediaChange);this.handleMediaChange()}disconnectedCallback(){m(this.handleMediaChange)}renderResultsText(){return t("stzh-text",{class:"stzh-search__results-text",color:"primary",innerHTML:this.resultsText})}renderSubscribeButton(){const s=new URLSearchParams;let e=this.subscribeAdditionalQueryParameters;if(typeof this.subscribeAdditionalQueryParameters==="string"){try{e=JSON.parse(this.subscribeAdditionalQueryParameters)}catch(s){}}for(const t of e){for(const[e,a]of Object.entries(t)){if(a){s.set(e,a)}}}const a=new URLSearchParams(window.location.search);const i=a.get("search");if(i){const e=new URLSearchParams(i);for(const[t,a]of e.entries()){if(["variant","limit"].indexOf(t)===-1&&a){s.append(t,a)}}}const r=`${this.subscribePath}?${s.toString()}`;return t("div",{class:"stzh-search__results-subscribe"},t("stzh-button",{variant:"secondary",size:"small",href:r},this.subscribeLabel))}render(){const s=c(this.element,"filters-main");const e=c(this.element,"filters-aside");let r=true;if(s){const s=this.element.querySelector("[slot='filters-main'] stzh-chipselect");const e=this.element.querySelector("[slot='filters-main'] stzh-chipgroup");if(!s&&!e){r=false}}else{r=false}const h=(this.hasRequiredParams||this.firstFetched)&&this.firstFetched&&this.initiallyFetched;const n={"stzh-search":true,"stzh-search--has-filters-main":s,"stzh-search--has-filters-aside":e,"stzh-search--has-hidden-main-filters":this.hideMainFilters,"stzh-search--has-hidden-aside-filters":this.hideAsideFilters,"stzh-search--has-results-shown":h,"stzh-search--has-error-shown":!!this.error,"stzh-search--is-loading":this.loading,[`stzh-search--${this.variant}`]:!!this.variant};const l=typeof this.templateResultWrapperElement==="function"?this.templateResultWrapperElement(this.element):this.templateResultWrapperElement;const o=typeof this.templateResultWrapperProps==="function"?this.templateResultWrapperProps(this.element):this.templateResultWrapperProps;return t(i,{key:"23732243a3db8f4ed4bde1858c2e47f87e892acf","has-aside-filters":e,fullwidth:this.isStzhAnchornavVisible.toString()},t("form",{key:"c367d9c58dbf5773af5f04942fbd5e1219ead7ec",ref:s=>this.formElement=s,novalidate:true,class:n,onSubmit:this.handleFormSubmit,onReset:this.handleFormReset},t("div",{key:"d5e6ba6a16acb6b4420afdad1086b6f5b1c2d6b6",class:"stzh-search__filters-main",onStzhChange:this.handleMainFilterChange},!!this.heading&&t("stzh-heading",{key:"dbfa7894dd8ab5fdd1d2137e3b5c7decb713912b",class:"stzh-search__header-heading",curve:"h2"},d(this.heading)),t("slot",{key:"d81fca3fd1c1f5b452ace81e5df82e93a7d4c043",name:"filters-main"}),!r&&this.chipResults.length>0&&t("div",{key:"d026826d762ca4e0253dc916799f78d9f22da10c",class:"stzh-search__filters-main-chips"},this.chipResultsHeading&&t("stzh-text",{key:"c6081739495eeae73e9f59cc657cb6027acc315c",font:"heavy",size:"milli",color:"primary"},this.chipResultsHeading),this.chipResults[0].options?t("stzh-chipgroup",null,this.chipResults.map((s=>t("stzh-dropdown",{label:s.label,name:s.value,variant:"filter",size:"large","no-search":true,"hide-optional":true,inline:true,options:s.options})))):t("stzh-chipselect",{multiple:true,name:this.chipFilterName,label:this.chipResultsHeading,"label-hidden":true,data:this.chipResults.map((s=>({label:s.label,value:s.value,counter:`${s.amount}`,variant:"filter",size:"large"})))}))),e&&t(a,{key:"900ade7b4448228c9089da31d6037c63d3bd7804"},t("div",{key:"4b98be07cb167697314be408e6def52b2bdcd65b",class:"stzh-search__filters-aside",onStzhChange:this.handleAsideFilterChange},t("div",{key:"751f622ad15e0771f53b686e26d0b8d8b33915cd",class:"stzh-search__filters-aside-inner"},t("div",{key:"6548fcae1748fe1d2838437ef87c083254b6d75c",class:"stzh-search__filters-aside-heading"},this.localization.moreFilter),t("stzh-details",{key:"fbf8f016a163c99accae2e013a273553ed958caf",open:this.isDetailsOpen,class:"stzh-search__filters-aside-details"},t("stzh-button",{key:"7b3fd7a5c19c07d828046434aeef0bf0b5964e4e",class:"stzh-search__filters-aside-details-trigger",variant:"tertiary-plain",size:"small",noPaddingLeft:true,showToggleIcon:true,iconPosition:"right",label:this.localization.moreFilter}),t("div",{key:"28b198629cc5049dbcd0612bd27a21471c1433c0",slot:"content"},t("slot",{key:"110358388951211961c881ec14b46f7715811af6",name:"filters-aside"})))))),t("div",{key:"69d02ff8d846892ba899ff6430821f4d03030a52",class:"stzh-search__results-wrapper"},h&&t(a,{key:"5e9517d66fa3b8c7fc3d52c209cfe009d558d765"},this.results.length===0?t(a,null,this.variant!=="teaser"&&this.resultsHeading&&!this.hideResultsHeading&&t("stzh-heading",{class:"stzh-search__results-heading",curve:"h3",level:this.resultHeadingLevel,innerHTML:this.resultsHeading}),this.resultsText&&this.renderResultsText(),this.subscribePath&&this.renderSubscribeButton(),this.emptyText&&t("stzh-text",{class:"stzh-search__empty-text",innerHTML:this.emptyText}),this.emptyLinkLabel&&this.emptyLinkHref&&t("div",{class:"stzh-search__empty-link-wrapper"},t("stzh-link",{href:this.emptyLinkHref,label:this.emptyLinkLabel}))):t(a,null,t("div",{class:"stzh-search__results-header"},this.variant!=="teaser"&&this.resultsHeading&&!this.hideResultsHeading&&t("stzh-heading",{class:"stzh-search__results-heading",curve:"h3",level:this.resultHeadingLevel,htmlContent:this.resultsHeading}),this._sortOptions.length>0&&t("div",{class:"stzh-search__results-sort"},t("stzh-dropdown",{"hide-optional":true,inline:true,"no-search":true,"no-wrap":true,class:"stzh-search__results-sort-dropdown",variant:"plain",size:"small",sizeMedium:"tiny",name:"sortby",items:[this._sortBy],options:this._sortOptions,onStzhChange:this.onDropdownSortChange}))),this.resultsText&&this.renderResultsText(),this.subscribePath&&this.renderSubscribeButton(),t(l,Object.assign({class:"stzh-search__results","max-3-columns":e},o),this.results.map((s=>t("div",{class:"stzh-search__results-item",innerHTML:s.html||""})))),t("div",{class:"stzh-search__actions-wrapper"},this._showMoreLink&&t("stzh-button",{variant:"secondary",class:"stzh-search__action-more",label:this.localization.showMore,onClick:this.handleMoreClick,disabled:this.loading,a11yDisabled:this.loading})))),this.error&&t("div",{key:"d9715024bfe374397b73bf09ffc557f04b17cd19",class:"stzh-search__error"},t("stzh-message",{key:"5a6316edaa28c0722504db950f20ba775166ba85",type:"error",label:this.error})),this.loading&&t("stzh-loader",{key:"3ed587034807936064a28bb0d29ff8d8675740bf",class:"stzh-search__loader"})),t("slot",{key:"f8a8be5f8ca3cee0822e41d7f18f21635e5415af"})))}get element(){return r(this)}static get watchers(){return{totalCount:["totalCountWatcher"],results:["totalCountWatcher"],preventUpdateUrl:["preventUpdateUrlWatcher"],sortOptions:["sortOptionsWatcher"],sortBy:["sortByWatcher"]}}};v.style=g();export{v as stzh_search};
+//# sourceMappingURL=p-b93a3119.entry.js.map

package/dist/stzh-components/{p-1c10554c.entry.js → p-b95d6d7e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a as n,d as s}from"./p-BMrO_esM.js";const o=()=>`.sc-stzh-content-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-content-h,[stzh-hidden].sc-stzh-content-h{display:none}.sc-stzh-content-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-content-h *.sc-stzh-content,.sc-stzh-content-h *.sc-stzh-content::before,.sc-stzh-content-h *.sc-stzh-content::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-content-h .has-focus.sc-stzh-content{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-content-h .stzh-fylingfocus-focused.sc-stzh-content{outline-style:none !important}.sc-stzh-content-h .stzh-fylingfocus-focused.sc-stzh-content::-moz-focus-inner{border:0 !important}.sc-stzh-content-h{--grid-template-areas:var(\n    --stzh-content-grid-template-areas,\n    "content content content content"\n  )}@media screen and (min-width: 900px){.sc-stzh-content-h{--grid-template-areas:var(\n      --stzh-content-default-grid-template-areas,\n      var(\n        --stzh-content-grid-template-areas,\n        "content content content content content content content content"\n      )\n    )}}@media screen and (min-width: 1260px){.sc-stzh-content-h{--grid-template-areas:var(\n      --stzh-content-default-grid-template-areas,\n      var(\n        --stzh-content-grid-template-areas,\n        "aside-left aside-left content content content content content content content content aside-right aside-right"\n      )\n    )}}@media screen and (min-width: 1260px){[variant=shifted].sc-stzh-content-h{--grid-template-areas:var(\n      --stzh-content-shifted-grid-template-areas,\n      var(\n        --stzh-content-grid-template-areas,\n        "aside-left aside-left content content content content content content content content content aside-right"\n      )\n    )}}@media screen and (min-width: 1260px){[variant=full].sc-stzh-content-h{--grid-template-areas:var(\n      --stzh-content-full-grid-template-areas,\n      var(\n        --stzh-content-grid-template-areas,\n        "content content content content content content content content content content content content"\n      )\n    )}}.sc-stzh-content-h.sc-stzh-content-s>*,.sc-stzh-content-h .sc-stzh-content-s>*{grid-area:content}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-cta-small-grid-template-areas:"cta cta cta ."}}@media screen and (min-width: 900px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-cta-grid-template-areas:"cta cta cta cta cta . . .";--stzh-cta-small-grid-template-areas:"cta cta cta cta . . . ."}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-text-display:grid;--stzh-text-grid-template-areas:"text text text .";--stzh-richtext-display:grid;--stzh-richtext-grid-template-areas:"text text text ."}}@media screen and (min-width: 900px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-text-grid-template-areas:"text text text text text text . .";--stzh-richtext-grid-template-areas:"text text text text text text . ."}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-datalist-grid-template-areas:"list list list .";--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-small) - 2 * var(--stzh-grid-gutter-small)) / 3 * 4) + 3 *\n        var(--stzh-grid-gutter-small) + var(--stzh-grid-gutter-small)\n    )}}@media screen and (min-width: 900px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-datalist-grid-template-areas:"list list list list list . . .";--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-medium) - 4 * var(--stzh-grid-gutter-medium)) / 5 * 8) + 7 *\n        var(--stzh-grid-gutter-medium) + var(--stzh-grid-gutter-medium)\n    )}}@media screen and (min-width: 1260px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-large) - 4 * var(--stzh-grid-gutter-large)) / 5 * 8) + 7 *\n        var(--stzh-grid-gutter-large) + var(--stzh-grid-gutter-large)\n    )}}@media screen and (min-width: 1600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-ultra) - 4 * var(--stzh-grid-gutter-ultra)) / 5 * 8) + 7 *\n        var(--stzh-grid-gutter-ultra) + var(--stzh-grid-gutter-ultra)\n    )}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-eventdata{--stzh-text-display:block;--stzh-richtext-display:block}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-cta-small-grid-template-areas:"cta cta cta cta"}}@media screen and (min-width: 900px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-cta-grid-template-areas:"cta cta cta cta cta cta cta cta";--stzh-cta-small-grid-template-areas:"cta cta cta cta cta cta cta cta"}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-text-display:block;--stzh-richtext-display:block}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-datalist-grid-template-areas:"list list list list";--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-small) - 2 * var(--stzh-grid-gutter-small)) / 4 * 4) + 3 *\n        var(--stzh-grid-gutter-small) + var(--stzh-grid-gutter-small)\n    )}}@media screen and (min-width: 900px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-datalist-grid-template-areas:"list list list list list list list list";--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-medium) - 4 * var(--stzh-grid-gutter-medium)) / 8 * 8) +\n        7 * var(--stzh-grid-gutter-medium) + var(--stzh-grid-gutter-medium)\n    )}}@media screen and (min-width: 1260px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-large) - 4 * var(--stzh-grid-gutter-large)) / 8 * 8) + 7 *\n        var(--stzh-grid-gutter-large) + var(--stzh-grid-gutter-large)\n    )}}@media screen and (min-width: 1600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-ultra) - 4 * var(--stzh-grid-gutter-ultra)) / 8 * 8) + 7 *\n        var(--stzh-grid-gutter-ultra) + var(--stzh-grid-gutter-ultra)\n    )}}.stzh-content.sc-stzh-content{--stzh-content-grid-template-areas:"content content content content content content content content content content content content";--stzh-content-shifted-grid-template-areas:"content content content content content content content content content content content content";--stzh-content-full-grid-template-areas:"content content content content content content content content content content content content";column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-content.sc-stzh-content{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-content.sc-stzh-content{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-content.sc-stzh-content{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-content.sc-stzh-content{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-content.sc-stzh-content{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-content.sc-stzh-content{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-content.sc-stzh-content{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-content.sc-stzh-content{grid-template-areas:var(--grid-template-areas)}`;const a=class{constructor(e){t(this,e);this.variant="default";this.preventElementLayout=false}render(){const t={"stzh-content":true,[`stzh-content--${this.variant}`]:!!this.variant};return e(n,{key:"ce7bde7475e7e40a759025463a80ef330d7f5ecc"},e("div",{key:"f0d1730ae920a9c69e191d869ffe05535771ae60",class:t},e("slot",{key:"9851b4991a04cb2c37d594ffe6b53ff328f3f14b"})))}get element(){return s(this)}};a.style=o();export{a as stzh_content};
-//# sourceMappingURL=p-1c10554c.entry.js.map
+import{r as t,h as e,a as n,d as s}from"./p-Cd_ra_Ay.js";const o=()=>`.sc-stzh-content-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-content-h,[stzh-hidden].sc-stzh-content-h{display:none}.sc-stzh-content-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-content-h *.sc-stzh-content,.sc-stzh-content-h *.sc-stzh-content::before,.sc-stzh-content-h *.sc-stzh-content::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-content-h .has-focus.sc-stzh-content{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-content-h .stzh-fylingfocus-focused.sc-stzh-content{outline-style:none !important}.sc-stzh-content-h .stzh-fylingfocus-focused.sc-stzh-content::-moz-focus-inner{border:0 !important}.sc-stzh-content-h{--grid-template-areas:var(\n    --stzh-content-grid-template-areas,\n    "content content content content"\n  )}@media screen and (min-width: 900px){.sc-stzh-content-h{--grid-template-areas:var(\n      --stzh-content-default-grid-template-areas,\n      var(\n        --stzh-content-grid-template-areas,\n        "content content content content content content content content"\n      )\n    )}}@media screen and (min-width: 1260px){.sc-stzh-content-h{--grid-template-areas:var(\n      --stzh-content-default-grid-template-areas,\n      var(\n        --stzh-content-grid-template-areas,\n        "aside-left aside-left content content content content content content content content aside-right aside-right"\n      )\n    )}}@media screen and (min-width: 1260px){[variant=shifted].sc-stzh-content-h{--grid-template-areas:var(\n      --stzh-content-shifted-grid-template-areas,\n      var(\n        --stzh-content-grid-template-areas,\n        "aside-left aside-left content content content content content content content content content aside-right"\n      )\n    )}}@media screen and (min-width: 1260px){[variant=full].sc-stzh-content-h{--grid-template-areas:var(\n      --stzh-content-full-grid-template-areas,\n      var(\n        --stzh-content-grid-template-areas,\n        "content content content content content content content content content content content content"\n      )\n    )}}.sc-stzh-content-h.sc-stzh-content-s>*,.sc-stzh-content-h .sc-stzh-content-s>*{grid-area:content}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-cta-small-grid-template-areas:"cta cta cta ."}}@media screen and (min-width: 900px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-cta-grid-template-areas:"cta cta cta cta cta . . .";--stzh-cta-small-grid-template-areas:"cta cta cta cta . . . ."}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-text-display:grid;--stzh-text-grid-template-areas:"text text text .";--stzh-richtext-display:grid;--stzh-richtext-grid-template-areas:"text text text ."}}@media screen and (min-width: 900px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-text-grid-template-areas:"text text text text text text . .";--stzh-richtext-grid-template-areas:"text text text text text text . ."}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-datalist-grid-template-areas:"list list list .";--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-small) - 2 * var(--stzh-grid-gutter-small)) / 3 * 4) + 3 *\n        var(--stzh-grid-gutter-small) + var(--stzh-grid-gutter-small)\n    )}}@media screen and (min-width: 900px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-datalist-grid-template-areas:"list list list list list . . .";--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-medium) - 4 * var(--stzh-grid-gutter-medium)) / 5 * 8) + 7 *\n        var(--stzh-grid-gutter-medium) + var(--stzh-grid-gutter-medium)\n    )}}@media screen and (min-width: 1260px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-large) - 4 * var(--stzh-grid-gutter-large)) / 5 * 8) + 7 *\n        var(--stzh-grid-gutter-large) + var(--stzh-grid-gutter-large)\n    )}}@media screen and (min-width: 1600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-ultra) - 4 * var(--stzh-grid-gutter-ultra)) / 5 * 8) + 7 *\n        var(--stzh-grid-gutter-ultra) + var(--stzh-grid-gutter-ultra)\n    )}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-eventdata{--stzh-text-display:block;--stzh-richtext-display:block}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-cta-small-grid-template-areas:"cta cta cta cta"}}@media screen and (min-width: 900px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-cta-grid-template-areas:"cta cta cta cta cta cta cta cta";--stzh-cta-small-grid-template-areas:"cta cta cta cta cta cta cta cta"}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-text-display:block;--stzh-richtext-display:block}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-datalist-grid-template-areas:"list list list list";--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-small) - 2 * var(--stzh-grid-gutter-small)) / 4 * 4) + 3 *\n        var(--stzh-grid-gutter-small) + var(--stzh-grid-gutter-small)\n    )}}@media screen and (min-width: 900px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-datalist-grid-template-areas:"list list list list list list list list";--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-medium) - 4 * var(--stzh-grid-gutter-medium)) / 8 * 8) +\n        7 * var(--stzh-grid-gutter-medium) + var(--stzh-grid-gutter-medium)\n    )}}@media screen and (min-width: 1260px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-large) - 4 * var(--stzh-grid-gutter-large)) / 8 * 8) + 7 *\n        var(--stzh-grid-gutter-large) + var(--stzh-grid-gutter-large)\n    )}}@media screen and (min-width: 1600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-ultra) - 4 * var(--stzh-grid-gutter-ultra)) / 8 * 8) + 7 *\n        var(--stzh-grid-gutter-ultra) + var(--stzh-grid-gutter-ultra)\n    )}}.stzh-content.sc-stzh-content{--stzh-content-grid-template-areas:"content content content content content content content content content content content content";--stzh-content-shifted-grid-template-areas:"content content content content content content content content content content content content";--stzh-content-full-grid-template-areas:"content content content content content content content content content content content content";column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-content.sc-stzh-content{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-content.sc-stzh-content{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-content.sc-stzh-content{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-content.sc-stzh-content{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-content.sc-stzh-content{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-content.sc-stzh-content{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-content.sc-stzh-content{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-content.sc-stzh-content{grid-template-areas:var(--grid-template-areas)}`;const a=class{constructor(e){t(this,e);this.variant="default";this.preventElementLayout=false}render(){const t={"stzh-content":true,[`stzh-content--${this.variant}`]:!!this.variant};return e(n,{key:"1b2a55927dbb84de40d71bc5274d32de00dbdbdc"},e("div",{key:"016cc0d01f10af6b83356b596af32418d8e5f28d",class:t},e("slot",{key:"e694990bc015e62fa242fa77fda15907a32cb73a"})))}get element(){return s(this)}};a.style=o();export{a as stzh_content};
+//# sourceMappingURL=p-b95d6d7e.entry.js.map

package/dist/stzh-components/{p-7dc226b0.entry.js → p-b96726cd.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as o,h as e,a as s,d as h}from"./p-BMrO_esM.js";import{s as i}from"./p-DhuTERdU.js";import"./p-BubviQku.js";const r=()=>`.sc-stzh-ghettobox-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-ghettobox-h,[stzh-hidden].sc-stzh-ghettobox-h{display:none}.sc-stzh-ghettobox-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-ghettobox-h *.sc-stzh-ghettobox,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::before,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::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-ghettobox-h .has-focus.sc-stzh-ghettobox{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-ghettobox-h .stzh-fylingfocus-focused.sc-stzh-ghettobox{outline-style:none !important}.sc-stzh-ghettobox-h .stzh-fylingfocus-focused.sc-stzh-ghettobox::-moz-focus-inner{border:0 !important}.sc-stzh-ghettobox-h{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--stzh-button-color:var(--stzh-color-primary);--stzh-button-background-color:var(--stzh-base-invert-color);--stzh-button-hover-color:var(--stzh-color-primary);--stzh-button-hover-background-color:var(--stzh-color-white80op);--stzh-button-disabled-color:var(--stzh-color-primary);--stzh-button-disabled-background-color:var(--stzh-color-white40op);--stzh-button-secondary-color:var(--stzh-base-invert-color);--stzh-button-secondary-background-color:var(--stzh-color-white40op);--stzh-button-secondary-hover-color:var(--stzh-base-invert-color);--stzh-button-secondary-hover-background-color:var(--stzh-color-white30op);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op);--stzh-button-tertiary-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-background-color:var(--stzh-color-white20op);--stzh-button-tertiary-disabled-color:var(--stzh-color-white70op);--stzh-button-active-color:var(--stzh-color-primary);--stzh-button-active-background-color:var(--stzh-color-white80op);--stzh-button-active-hover-color:var(--stzh-color-primary);--stzh-button-active-hover-background-color:var(--stzh-color-white80op);--background-color:var(--stzh-color-coral60);--color:var(--stzh-base-invert-color);--richtext-color:var(--color)}.stzh-ghettobox.sc-stzh-ghettobox{position:relative;color:var(--color);box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color);--stzh-button-secondary-color:var(--stzh-color-coral60);--stzh-button-secondary-background-color:var(--stzh-color-white90op);--stzh-button-secondary-hover-color:var(--stzh-color-coral60);--stzh-button-secondary-hover-background-color:var(--stzh-color-white);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op)}.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxxlarge)}}.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-ghettobox__hidden-title.sc-stzh-ghettobox{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-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-xxlarge)}}.stzh-ghettobox__message.sc-stzh-ghettobox{display:flex;flex-direction:column}.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-ghettobox__main-title.sc-stzh-ghettobox{margin:0;color:inherit}.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-ghettobox__description.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-ghettobox__description.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-ghettobox__description.sc-stzh-ghettobox{--stzh-base-color:var(--richtext-color)}.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}.stzh-ghettobox__button.sc-stzh-ghettobox{display:grid}@media screen and (min-width: 600px){.stzh-ghettobox__button.sc-stzh-ghettobox{justify-content:start}}.stzh-ghettobox__close.sc-stzh-ghettobox{position:absolute;top:0;right:0}@media screen and (min-width: 600px){.stzh-ghettobox__close.sc-stzh-ghettobox{top:0.625rem;right:0.625rem}}`;const a=class{constructor(e){t(this,e);this.stzhOpen=o(this,"stzhOpen");this.stzhClose=o(this,"stzhClose");this.hiddenTitle="";this.mainTitle="";this.description="";this.hideClose=false;this.open=true;this.onCloseButtonClick=()=>{this.hide()};this.init=()=>{const t=this.element.querySelector('stzh-button[slot="button"]');if(t){i(t,{size:"small",sizeMedium:"default",variant:"secondary",effect:"cta",icon:"arrow-right",iconPosition:"right"})}}}async show(){this.open=true;this.stzhOpen.emit({component:"stzh-ghettobox"})}async hide(){this.open=false;this.stzhClose.emit({component:"stzh-ghettobox"})}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"ghettobox")}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t={"stzh-ghettobox":true,"stzh-ghettobox--has-close-button":!this.hideClose};return e(s,{key:"7c47a3726acef0e1ba746e43a007a49cb42431ed",hidden:!this.open},e("div",{key:"a814ec6079c6eacf6201ceb28fa412ab15d6f8f0",class:Object.assign(Object.assign({},t),{rs_skip:!this.open}),"aria-hidden":this.open?"false":"true"},e("div",{key:"458dd1e86c90171ab9c5fbf32824487d73e21724",class:"stzh-ghettobox__container"},e("h1",{key:"3feb35d8942c0b40069b7542caaec9f1828b28ae",class:"stzh-ghettobox__hidden-title"},this.hiddenTitle||this.localization.hiddenTitle),e("div",{key:"fd7c74978a44665eda144c6c1ac6b9f25dcc1be8",class:"stzh-ghettobox__message"},e("div",{key:"601fa3826d6dfd7d596ca11270db3203c89c019f",class:"stzh-ghettobox__text"},e("h2",{key:"734b9b8456604b06c34d968dfca8388522c01b94",class:"stzh-ghettobox__main-title"},this.mainTitle),e("div",{key:"b4539d7100e8c5e64230f326479509b53d0985ea",class:"stzh-ghettobox__description"},this.description?this.description:e("slot",null))),e("div",{key:"19e0c96b5feffc546f7b45772172fc8888d1e7af",class:"stzh-ghettobox__button"},e("slot",{key:"24cc1487f410c6280445be4ed4264efa58fffa78",name:"button"}))),!this.hideClose&&e("stzh-button",{key:"e917e01d64ba00304725e349db632db27aa3e3cb",class:"stzh-ghettobox__close",onClick:this.onCloseButtonClick,a11yLabel:this.localization.close,variant:"tertiary",size:"small",iconOnly:true,icon:"close-big"}))))}get element(){return h(this)}};a.style=r();export{a as stzh_ghettobox};
-//# sourceMappingURL=p-7dc226b0.entry.js.map
+import{r as t,c as o,h as e,a as s,d as h}from"./p-Cd_ra_Ay.js";import{s as i}from"./p-DhuTERdU.js";import"./p-BubviQku.js";const r=()=>`.sc-stzh-ghettobox-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-ghettobox-h,[stzh-hidden].sc-stzh-ghettobox-h{display:none}.sc-stzh-ghettobox-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-ghettobox-h *.sc-stzh-ghettobox,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::before,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::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-ghettobox-h .has-focus.sc-stzh-ghettobox{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-ghettobox-h .stzh-fylingfocus-focused.sc-stzh-ghettobox{outline-style:none !important}.sc-stzh-ghettobox-h .stzh-fylingfocus-focused.sc-stzh-ghettobox::-moz-focus-inner{border:0 !important}.sc-stzh-ghettobox-h{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--stzh-button-color:var(--stzh-color-primary);--stzh-button-background-color:var(--stzh-base-invert-color);--stzh-button-hover-color:var(--stzh-color-primary);--stzh-button-hover-background-color:var(--stzh-color-white80op);--stzh-button-disabled-color:var(--stzh-color-primary);--stzh-button-disabled-background-color:var(--stzh-color-white40op);--stzh-button-secondary-color:var(--stzh-base-invert-color);--stzh-button-secondary-background-color:var(--stzh-color-white40op);--stzh-button-secondary-hover-color:var(--stzh-base-invert-color);--stzh-button-secondary-hover-background-color:var(--stzh-color-white30op);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op);--stzh-button-tertiary-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-background-color:var(--stzh-color-white20op);--stzh-button-tertiary-disabled-color:var(--stzh-color-white70op);--stzh-button-active-color:var(--stzh-color-primary);--stzh-button-active-background-color:var(--stzh-color-white80op);--stzh-button-active-hover-color:var(--stzh-color-primary);--stzh-button-active-hover-background-color:var(--stzh-color-white80op);--background-color:var(--stzh-color-coral60);--color:var(--stzh-base-invert-color);--richtext-color:var(--color)}.stzh-ghettobox.sc-stzh-ghettobox{position:relative;color:var(--color);box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color);--stzh-button-secondary-color:var(--stzh-color-coral60);--stzh-button-secondary-background-color:var(--stzh-color-white90op);--stzh-button-secondary-hover-color:var(--stzh-color-coral60);--stzh-button-secondary-hover-background-color:var(--stzh-color-white);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op)}.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxxlarge)}}.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-ghettobox__hidden-title.sc-stzh-ghettobox{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-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-xxlarge)}}.stzh-ghettobox__message.sc-stzh-ghettobox{display:flex;flex-direction:column}.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-ghettobox__main-title.sc-stzh-ghettobox{margin:0;color:inherit}.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-ghettobox__description.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-ghettobox__description.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-ghettobox__description.sc-stzh-ghettobox{--stzh-base-color:var(--richtext-color)}.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}.stzh-ghettobox__button.sc-stzh-ghettobox{display:grid}@media screen and (min-width: 600px){.stzh-ghettobox__button.sc-stzh-ghettobox{justify-content:start}}.stzh-ghettobox__close.sc-stzh-ghettobox{position:absolute;top:0;right:0}@media screen and (min-width: 600px){.stzh-ghettobox__close.sc-stzh-ghettobox{top:0.625rem;right:0.625rem}}`;const a=class{constructor(e){t(this,e);this.stzhOpen=o(this,"stzhOpen");this.stzhClose=o(this,"stzhClose");this.hiddenTitle="";this.mainTitle="";this.description="";this.hideClose=false;this.open=true;this.onCloseButtonClick=()=>{this.hide()};this.init=()=>{const t=this.element.querySelector('stzh-button[slot="button"]');if(t){i(t,{size:"small",sizeMedium:"default",variant:"secondary",effect:"cta",icon:"arrow-right",iconPosition:"right"})}}}async show(){this.open=true;this.stzhOpen.emit({component:"stzh-ghettobox"})}async hide(){this.open=false;this.stzhClose.emit({component:"stzh-ghettobox"})}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"ghettobox")}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t={"stzh-ghettobox":true,"stzh-ghettobox--has-close-button":!this.hideClose};return e(s,{key:"db167e75c72007418b4cd2af2c90089e36f3850d",hidden:!this.open},e("div",{key:"c51de64f081af3d1bb3fcae1c1579e358bf796b8",class:Object.assign(Object.assign({},t),{rs_skip:!this.open}),"aria-hidden":this.open?"false":"true"},e("div",{key:"9d5b4d9eb09960287648e9e7ec14176c38f4982c",class:"stzh-ghettobox__container"},e("h1",{key:"f68763be6afc8e9adaca729db33b40dab2d389f9",class:"stzh-ghettobox__hidden-title"},this.hiddenTitle||this.localization.hiddenTitle),e("div",{key:"448199817d132a0fa67b7147ea7b9a20eae45104",class:"stzh-ghettobox__message"},e("div",{key:"6dc0829c3d5cc74e3b69dcc53d80c49cb260e2b8",class:"stzh-ghettobox__text"},e("h2",{key:"874bc27302f04a9e09931534996c404ffda56a66",class:"stzh-ghettobox__main-title"},this.mainTitle),e("div",{key:"01a604db8c917084b4ad2c79d9f867e052997de7",class:"stzh-ghettobox__description"},this.description?this.description:e("slot",null))),e("div",{key:"0b9673753f62450b713ff6083b15d18ddaeb31f7",class:"stzh-ghettobox__button"},e("slot",{key:"bc9fcd5f97b4586726e0921ae618bff5023397e3",name:"button"}))),!this.hideClose&&e("stzh-button",{key:"00fe78850b4be6477724c018f5e1ab1cc82e0578",class:"stzh-ghettobox__close",onClick:this.onCloseButtonClick,a11yLabel:this.localization.close,variant:"tertiary",size:"small",iconOnly:true,icon:"close-big"}))))}get element(){return h(this)}};a.style=r();export{a as stzh_ghettobox};
+//# sourceMappingURL=p-b96726cd.entry.js.map

package/dist/stzh-components/{p-32c6e24a.entry.js → p-bbf9c297.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as t,a as i,d as o}from"./p-BMrO_esM.js";import{p as n}from"./p-BOO84wnP.js";const e=()=>`.sc-stzh-flyingfocus-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-flyingfocus-h,[stzh-hidden].sc-stzh-flyingfocus-h{display:none}.sc-stzh-flyingfocus-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus,.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus::before,.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus::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-flyingfocus-h .has-focus.sc-stzh-flyingfocus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-flyingfocus-h .stzh-fylingfocus-focused.sc-stzh-flyingfocus{outline-style:none !important}.sc-stzh-flyingfocus-h .stzh-fylingfocus-focused.sc-stzh-flyingfocus::-moz-focus-inner{border:0 !important}.stzh-flyingfocus.sc-stzh-flyingfocus{border:0 solid currentColor;position:absolute;transform:translate(-50%, -50%);opacity:0;will-change:top, left, width, height;box-sizing:content-box;pointer-events:none;overflow:hidden;z-index:var(--stzh-z-index-flying-focus)}@media print{.stzh-flyingfocus.sc-stzh-flyingfocus{display:none}}.stzh-flyingfocus--is-moving.sc-stzh-flyingfocus{transition-property:opacity, left, top, width, height, border-width, border-radius;transition-duration:0.2s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s;transition-timing-function:linear, ease, ease, ease, ease, ease, ease}@media (prefers-reduced-motion: reduce){.stzh-flyingfocus--is-moving.sc-stzh-flyingfocus{transition:none}}.stzh-flyingfocus--is-enabled.stzh-flyingfocus--is-visible.sc-stzh-flyingfocus{opacity:1}.stzh-flyingfocus.sc-stzh-flyingfocus::after{content:"";background:currentColor;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 0.2s linear}@media (prefers-reduced-motion: reduce){.stzh-flyingfocus.sc-stzh-flyingfocus::after{transition:none}}.stzh-flyingfocus--has-helper.sc-stzh-flyingfocus::after{transition-duration:0.1s;opacity:0.16}`;const h=400;const c=250;const r="has-focus";const f="stzh-fylingfocus-focused";const l="stzh-flyingfocus-enabled";const a=class{constructor(t){s(this,t);this.minimalEdgeSpace=2;this.enabled=false;this.visible=false;this.helper=false;this.moving=false;this.container=document.documentElement;this.previousTargetRect=null;this.repositionElement=()=>{if(!this.target){return}this.position=this.getFloaterPosition()};this.handleTransitionEnd=()=>{this.moving=false};this.monitorElementPosition=()=>{if(!this.target||!this.previousTargetRect||this.moving){return}const{left:s,top:t,width:i,height:o}=this.target.getBoundingClientRect();const{left:e,top:h,width:c,height:r}=this.previousTargetRect;if(s===e&&t===h&&i===c&&o===r){return}if(!n()){this.moving=true}this.repositionElement()}}handleKeydown(s){if(s.keyCode!==9&&!(s.keyCode>36&&s.keyCode<41)){return}this.enableFloatingFocus()}handleMousedown(){this.disableFloatingFocus()}handleFocus(s){var t;const i=s.detail;let o=((t=i===null||i===void 0?void 0:i.originalEvent)===null||t===void 0?void 0:t.target)||s.target;if(s.type==="focus"){o=document.activeElement;while(o.shadowRoot&&o.shadowRoot.activeElement){o=o.shadowRoot.activeElement}}if(!this.container){return}if(o===this.element||!this.container.contains(document.activeElement)){this.handleBlur();return}this.visible=true;this.helper=true;if(!n()){this.moving=true}const e=o.getAttribute("focus-target");if(e){const s=o.getRootNode()||document;o=s.querySelector(`#${e}`)||o}this.target=o;this.target.classList.remove(f);this.target.classList.add(r);this.resolveTargetOutlineStyle();this.repositionElement();this.target.classList.add(f);clearTimeout(this.helperFadeTimeout);this.helperFadeTimeout=setTimeout((()=>this.helper=false),h)}handleBlur(){this.visible=false;this.helper=false;if(!n()){this.moving=false}if(this.target){this.target.classList.remove(f);this.target.classList.remove(r)}}handleScrollResize(){if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.repositionElement)}async reposition(){this.repositionElement()}getOffsetBorderRadius(s,t,i){s=parseFloat(s);t=parseFloat(t);i=parseFloat(i);if(s===0){return"0px"}t=Math.max(t,0);return`${s+i+t}px`}resolveTargetOutlineStyle(){const s=window.matchMedia("(forced-colors: active)").matches;const t=window.getComputedStyle(this.target);const i=t.outlineOffset||null;const o=t.outlineWidth||null;this.style={color:s?"var(--stzh-flyingfocus-color)":t.outlineColor,borderStyle:t.outlineStyle,borderWidth:o,borderBottomLeftRadius:this.getOffsetBorderRadius(t.borderBottomLeftRadius,i,o),borderBottomRightRadius:this.getOffsetBorderRadius(t.borderBottomRightRadius,i,o),borderTopLeftRadius:this.getOffsetBorderRadius(t.borderTopLeftRadius,i,o),borderTopRightRadius:this.getOffsetBorderRadius(t.borderTopRightRadius,i,o)}}getFloaterPosition(){const s=window.getComputedStyle(this.target);const t=parseFloat(s.outlineOffset||"0px");const i=parseFloat(this.style.borderWidth||"0px");const o=this.target.getBoundingClientRect();this.previousTargetRect=o;const n=window.innerWidth-document.documentElement.clientWidth;const e=window.innerHeight-document.documentElement.clientHeight;const h=o.left-i-this.minimalEdgeSpace;const c=window.innerWidth-n-(o.left+o.width)-i-this.minimalEdgeSpace;const r=o.top-i-this.minimalEdgeSpace;const f=window.innerHeight-e-(o.top+o.height)-i-this.minimalEdgeSpace;const l=h<t?h:t;const a=c<t?c:t;const u=r<t?r:t;const d=f<t?f:t;const g=o.width+l+a;const y=o.height+u+d;const z=window.scrollX+o.left-l+g/2;const p=window.scrollY+o.top-u+y/2;return{left:`${z}px`,top:`${p}px`,width:`${g}px`,height:`${y}px`}}enableFloatingFocus(){this.container.classList.add(l);this.enabled=true;clearInterval(this.monitorElementPositionInterval);this.monitorElementPositionInterval=setInterval(this.monitorElementPosition,c)}disableFloatingFocus(){this.container.classList.remove(l);this.enabled=false;clearInterval(this.monitorElementPositionInterval)}async activate(){this.enableFloatingFocus()}async deactivate(){this.disableFloatingFocus()}render(){const s={"stzh-flyingfocus":true,"stzh-flyingfocus--is-enabled":this.enabled,"stzh-flyingfocus--is-visible":this.visible,"stzh-flyingfocus--is-moving":this.moving,"stzh-flyingfocus--has-helper":this.helper};const o=Object.assign(Object.assign({},this.style||{}),this.position||{});return t(i,{key:"17d289b3367f2445e97905c667ab14421b9055c2"},t("div",{key:"e3131b811ea2c614dd32ce3f05d079f1caff4321",class:s,style:o,onTransitionEnd:this.moving?this.handleTransitionEnd:null}))}get element(){return o(this)}};a.style=e();export{a as stzh_flyingfocus};
-//# sourceMappingURL=p-32c6e24a.entry.js.map
+import{r as s,h as t,a as i,d as o}from"./p-Cd_ra_Ay.js";import{p as n}from"./p-BOO84wnP.js";const e=()=>`.sc-stzh-flyingfocus-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-flyingfocus-h,[stzh-hidden].sc-stzh-flyingfocus-h{display:none}.sc-stzh-flyingfocus-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus,.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus::before,.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus::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-flyingfocus-h .has-focus.sc-stzh-flyingfocus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-flyingfocus-h .stzh-fylingfocus-focused.sc-stzh-flyingfocus{outline-style:none !important}.sc-stzh-flyingfocus-h .stzh-fylingfocus-focused.sc-stzh-flyingfocus::-moz-focus-inner{border:0 !important}.stzh-flyingfocus.sc-stzh-flyingfocus{border:0 solid currentColor;position:absolute;transform:translate(-50%, -50%);opacity:0;will-change:top, left, width, height;box-sizing:content-box;pointer-events:none;overflow:hidden;z-index:var(--stzh-z-index-flying-focus)}@media print{.stzh-flyingfocus.sc-stzh-flyingfocus{display:none}}.stzh-flyingfocus--is-moving.sc-stzh-flyingfocus{transition-property:opacity, left, top, width, height, border-width, border-radius;transition-duration:0.2s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s;transition-timing-function:linear, ease, ease, ease, ease, ease, ease}@media (prefers-reduced-motion: reduce){.stzh-flyingfocus--is-moving.sc-stzh-flyingfocus{transition:none}}.stzh-flyingfocus--is-enabled.stzh-flyingfocus--is-visible.sc-stzh-flyingfocus{opacity:1}.stzh-flyingfocus.sc-stzh-flyingfocus::after{content:"";background:currentColor;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 0.2s linear}@media (prefers-reduced-motion: reduce){.stzh-flyingfocus.sc-stzh-flyingfocus::after{transition:none}}.stzh-flyingfocus--has-helper.sc-stzh-flyingfocus::after{transition-duration:0.1s;opacity:0.16}`;const h=400;const c=250;const f="has-focus";const r="stzh-fylingfocus-focused";const l="stzh-flyingfocus-enabled";const a=class{constructor(t){s(this,t);this.minimalEdgeSpace=2;this.enabled=false;this.visible=false;this.helper=false;this.moving=false;this.container=document.documentElement;this.previousTargetRect=null;this.repositionElement=()=>{if(!this.target){return}this.position=this.getFloaterPosition()};this.handleTransitionEnd=()=>{this.moving=false};this.monitorElementPosition=()=>{if(!this.target||!this.previousTargetRect||this.moving){return}const{left:s,top:t,width:i,height:o}=this.target.getBoundingClientRect();const{left:e,top:h,width:c,height:f}=this.previousTargetRect;if(s===e&&t===h&&i===c&&o===f){return}if(!n()){this.moving=true}this.repositionElement()}}handleKeydown(s){if(s.keyCode!==9&&!(s.keyCode>36&&s.keyCode<41)){return}this.enableFloatingFocus()}handleMousedown(){this.disableFloatingFocus()}handleFocus(s){var t;const i=s.detail;let o=((t=i===null||i===void 0?void 0:i.originalEvent)===null||t===void 0?void 0:t.target)||s.target;if(s.type==="focus"){o=document.activeElement;while(o.shadowRoot&&o.shadowRoot.activeElement){o=o.shadowRoot.activeElement}}if(!this.container){return}if(o===this.element||!this.container.contains(document.activeElement)){this.handleBlur();return}this.visible=true;this.helper=true;if(!n()){this.moving=true}const e=o.getAttribute("focus-target");if(e){const s=o.getRootNode()||document;o=s.querySelector(`#${e}`)||o}this.target=o;this.target.classList.remove(r);this.target.classList.add(f);this.resolveTargetOutlineStyle();this.repositionElement();this.target.classList.add(r);clearTimeout(this.helperFadeTimeout);this.helperFadeTimeout=setTimeout((()=>this.helper=false),h)}handleBlur(){this.visible=false;this.helper=false;if(!n()){this.moving=false}if(this.target){this.target.classList.remove(r);this.target.classList.remove(f)}}handleScrollResize(){if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.repositionElement)}async reposition(){this.repositionElement()}getOffsetBorderRadius(s,t,i){s=parseFloat(s);t=parseFloat(t);i=parseFloat(i);if(s===0){return"0px"}t=Math.max(t,0);return`${s+i+t}px`}resolveTargetOutlineStyle(){const s=window.matchMedia("(forced-colors: active)").matches;const t=window.getComputedStyle(this.target);const i=t.outlineOffset||null;const o=t.outlineWidth||null;this.style={color:s?"var(--stzh-flyingfocus-color)":t.outlineColor,borderStyle:t.outlineStyle,borderWidth:o,borderBottomLeftRadius:this.getOffsetBorderRadius(t.borderBottomLeftRadius,i,o),borderBottomRightRadius:this.getOffsetBorderRadius(t.borderBottomRightRadius,i,o),borderTopLeftRadius:this.getOffsetBorderRadius(t.borderTopLeftRadius,i,o),borderTopRightRadius:this.getOffsetBorderRadius(t.borderTopRightRadius,i,o)}}getFloaterPosition(){const s=window.getComputedStyle(this.target);const t=parseFloat(s.outlineOffset||"0px");const i=parseFloat(this.style.borderWidth||"0px");const o=this.target.getBoundingClientRect();this.previousTargetRect=o;const n=window.innerWidth-document.documentElement.clientWidth;const e=window.innerHeight-document.documentElement.clientHeight;const h=o.left-i-this.minimalEdgeSpace;const c=window.innerWidth-n-(o.left+o.width)-i-this.minimalEdgeSpace;const f=o.top-i-this.minimalEdgeSpace;const r=window.innerHeight-e-(o.top+o.height)-i-this.minimalEdgeSpace;const l=h<t?h:t;const a=c<t?c:t;const u=f<t?f:t;const d=r<t?r:t;const g=o.width+l+a;const y=o.height+u+d;const z=window.scrollX+o.left-l+g/2;const p=window.scrollY+o.top-u+y/2;return{left:`${z}px`,top:`${p}px`,width:`${g}px`,height:`${y}px`}}enableFloatingFocus(){this.container.classList.add(l);this.enabled=true;clearInterval(this.monitorElementPositionInterval);this.monitorElementPositionInterval=setInterval(this.monitorElementPosition,c)}disableFloatingFocus(){this.container.classList.remove(l);this.enabled=false;clearInterval(this.monitorElementPositionInterval)}async activate(){this.enableFloatingFocus()}async deactivate(){this.disableFloatingFocus()}render(){const s={"stzh-flyingfocus":true,"stzh-flyingfocus--is-enabled":this.enabled,"stzh-flyingfocus--is-visible":this.visible,"stzh-flyingfocus--is-moving":this.moving,"stzh-flyingfocus--has-helper":this.helper};const o=Object.assign(Object.assign({},this.style||{}),this.position||{});return t(i,{key:"387f6cb0591bb6f73f173b55db3af8c98292ff9f"},t("div",{key:"05c9ffb86cbe88f3365190ad8cd297fdc897d5b0",class:s,style:o,onTransitionEnd:this.moving?this.handleTransitionEnd:null}))}get element(){return o(this)}};a.style=e();export{a as stzh_flyingfocus};
+//# sourceMappingURL=p-bbf9c297.entry.js.map