npm - @oiz/stzh-components - Versions diffs - 4.14.0-beta1 → 4.14.0-beta2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (627) hide show

package/dist/stzh-components/{p-1149308b.entry.js → p-b16d40e3.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,c as i,h as s,a,d}from"./p-vaw5DHDC.js";import{s as e}from"./p-CBLSoWgI.js";import{c as o}from"./p-BzugsqyR.js";import{c as h}from"./p-CBUfcdIy.js";import"./p-BubviQku.js";const n="stzh-dialog-open";let l=null,c=0;const r=class{constructor(s){t(this,s),this.stzhOpen=i(this,"stzhOpen"),this.stzhClose=i(this,"stzhClose"),this.closeOnEscapeKey=!1,this.closeOnBackdropClick=!1,this.open=!1,this.stay=!0,this.size="default",this.hideClose=!1,this.heading="",this.a11yRole="alertdialog",this.handleDialogClick=t=>{const i=t.target;(i.dataset.stzhDialogClose\|\|i.closest("[data-stzh-dialog-close]"))&&this.hide()},this.handleCloseButtonClick=()=>{this.hide()},this.init=()=>{const t=this.element.querySelector('stzh-actions[slot="actions"]');t&&e(t,{variant:"dialog"})}}handleOutsideClick(t){this.open&&this.closeOnBackdropClick&&t.target!==this.dialogElement&&!1===this.dialogElement.contains(t.target)&&this.hide()}handleKeydown(t){"Escape"===t.key&&l===this&&this.closeOnEscapeKey&&this.hide()}handleOpenTriggerClick(t){const i=t.target;if(i.dataset.stzhDialogTrigger===this.element.id)this.show();else{const t=i.closest("[data-stzh-dialog-trigger]");t&&t.dataset.stzhDialogTrigger===this.element.id&&this.show()}}async show(){this.open=!0,this.stzhOpen.emit({component:"stzh-dialog"})}async hide(){this.open=!1,this.stzhClose.emit({component:"stzh-dialog"})}getSiblings(){return this.containerElement?Array.from(this.containerElement.children).filter((t=>t!==this.element)):[]}disableSiblings(){this.getSiblings().forEach((t=>{t.setAttribute("aria-hidden","true")}))}enableSiblings(){this.getSiblings().forEach((t=>{t.removeAttribute("aria-hidden")}))}dialogShown(){l=this,document.body.classList.add(n),this.disableSiblings(),this.trap&&this.trap.activate()}dialogHidden(){document.body.classList.remove(n),this.enableSiblings(),this.trap&&this.trap.deactivate(),l=null}async componentWillLoad(){this.id=`stzh-dialog-${c}`,c++,this.localization\|\|(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"dialog"))}componentDidRender(){this.open?this.dialogShown():this.dialogHidden()}componentDidUpdate(){this.trap.updateContainerElements(this.element)}componentDidLoad(){this.trap=h(this.element,Object.assign({fallbackFocus:this.dialogElement},o())),this.open&&this.dialogShown()}connectedCallback(){this.stay\|\|this.element.parentElement===document.body\|\|document.body.appendChild(this.element),this.containerElement=this.element.parentElement,this.init(),this.observer=new MutationObserver(this.init),this.observer.observe(this.element,{childList:!0,subtree:!0})}disconnectedCallback(){this.dialogHidden(),this.observer&&this.observer.disconnect()}render(){return s(a,{key:"28bbc9fdd71ec007ef04f6f8e7af534c798b380e"},s("div",{key:"c60512fe7fdb509d224ef679583e6f73ef67c580",class:{"stzh-dialog":!0,"stzh-dialog--is-open":this.open,"stzh-dialog--has-heading":!!this.heading,"stzh-dialog--has-close-hidden":this.hideClose,[`stzh-dialog--size-${this.size}`]:!!this.size}},s("div",{key:"48341499b2e1acfa2cf3316a1644a2debe4e7c5b",class:"stzh-dialog__backdrop"}),s("div",{key:"52e6b747ed0d2180513838caaf9962f40512a1d7",class:"stzh-dialog__content"},s("div",{key:"1e078e086f541a0b7d665ca79208ca3010050d19",class:"stzh-dialog__dialog",ref:t=>this.dialogElement=t,tabindex:"-1",role:this.a11yRole,"aria-hidden":this.open?"false":"true",onClick:this.handleDialogClick},s("stzh-heading",{key:"4cfc24cb9539c9ef2516ec20dc56350da33dc967",id:`${this.id}-heading`,class:"stzh-dialog__heading",level:"2"},this.heading?this.heading:"Title"),s("div",{key:"99e87c26663361cd88bfd46b45370f7099085bdc",class:"stzh-dialog__dialog-content"},s("slot",{key:"7a64f7dd1e935c358659d3dab812c238ed0e48e9"})),s("div",{key:"2e91780c77c3cecd29ea3da99b03d98f19053fda",class:"stzh-dialog__actions"},s("slot",{key:"78c764d40055a338d76ea3ac560bde680d204365",name:"actions"})),!this.hideClose&&s("stzh-button",{key:"a5e1202093f30caa73cb6e59f14b63d722809e58",class:"stzh-dialog__close-button",variant:"tertiary",size:"small",icon:"close",iconOnly:!0,onClick:this.handleCloseButtonClick,a11yLabel:this.localization.close,analyticsId:this.closeAnalyticsId\|\|this.localization.close})))))}get element(){return d(this)}};r.style='.sc-stzh-dialog-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-dialog-h,[stzh-hidden].sc-stzh-dialog-h{display:none}.sc-stzh-dialog-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-dialog-h .sc-stzh-dialog,.sc-stzh-dialog-h .sc-stzh-dialog::before,.sc-stzh-dialog-h *.sc-stzh-dialog::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-dialog-h .has-focus.sc-stzh-dialog{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-dialog-h .stzh-fylingfocus-focused.sc-stzh-dialog{outline-style:none !important}.sc-stzh-dialog-h .stzh-fylingfocus-focused.sc-stzh-dialog::-moz-focus-inner{border:0 !important}.sc-stzh-dialog-h{--padding-top:var(--stzh-space-xxlarge, 32px)}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--padding-top:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--padding-top:var(--stzh-space-xxxxlarge, 48px)}}.sc-stzh-dialog-h{--padding-bottom:var(--stzh-space-xxlarge, 32px)}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--padding-bottom:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--padding-bottom:var(--stzh-space-xxxxlarge, 48px)}}.sc-stzh-dialog-h{--padding-left:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.sc-stzh-dialog-h{--padding-left:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--padding-left:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--padding-left:var(--stzh-space-xxxlarge, 40px)}}.sc-stzh-dialog-h{--padding-right:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.sc-stzh-dialog-h{--padding-right:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--padding-right:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--padding-right:var(--stzh-space-xxxlarge, 40px)}}.sc-stzh-dialog-h{--width:100%;--backdrop-opacity:var(--stzh-dialog-backdrop-opacity);--backdrop-background-color:var(--stzh-dialog-backdrop-background-color)}@media screen and (min-width: 600px){.sc-stzh-dialog-h{--width:33.5rem}}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--width:38.125rem}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--width:54.125rem}}@media screen and (min-width: 1600px){.sc-stzh-dialog-h{--width:55.5rem}}@media screen and (min-width: 600px){[size=small].sc-stzh-dialog-h{--width:24.6875rem}}@media screen and (min-width: 900px){[size=small].sc-stzh-dialog-h{--width:28.75rem}}@media screen and (min-width: 1260px){[size=small].sc-stzh-dialog-h{--width:32rem}}.stzh-dialog.sc-stzh-dialog{z-index:var(--stzh-z-index-dialog);display:none;position:fixed;top:0;left:0;width:100%;height:100%;flex-direction:column;align-items:stretch;justify-content:stretch}.stzh-dialog__content.sc-stzh-dialog{z-index:2;position:relative;display:flex;flex-direction:column;align-items:center;flex-grow:1;overflow:auto}.stzh-dialog__dialog.sc-stzh-dialog{position:relative;display:flex;flex-direction:column;margin:auto;border:none;background-color:var(--stzh-color-white);width:auto;min-width:var(--width);max-width:100%;box-shadow:var(--stzh-box-shadow-overlay);height:100vh;max-height:100vh;overflow:hidden;outline:none}@media (forced-colors: active){.stzh-dialog__dialog.sc-stzh-dialog::after{pointer-events:none;content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:0.125rem solid CanvasText}}.stzh-dialog__dialog--fit-content.sc-stzh-dialog{width:-moz-fit-content;width:fit-content}@media screen and (min-width: 600px){.stzh-dialog__dialog.sc-stzh-dialog{height:auto}}.stzh-dialog__backdrop.sc-stzh-dialog{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--backdrop-background-color);opacity:var(--backdrop-opacity)}.stzh-dialog__heading.sc-stzh-dialog{padding-bottom:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.stzh-dialog__heading.sc-stzh-dialog{padding-bottom:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-dialog__heading.sc-stzh-dialog{padding-bottom:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-dialog__heading.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxlarge, 32px)}}.stzh-dialog__heading.sc-stzh-dialog{padding-top:var(--padding-top);padding-left:var(--padding-left);padding-right:var(--padding-right)}@media (forced-colors: active){.stzh-dialog__heading.sc-stzh-dialog{border-bottom:0.125rem solid CanvasText}}.stzh-dialog__dialog-content.sc-stzh-dialog{padding-left:var(--padding-left);padding-right:var(--padding-right);padding-top:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xxxlarge, 40px)}}.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxxlarge, 40px)}}.stzh-dialog__dialog-content.sc-stzh-dialog{overflow:auto;flex-grow:1}.stzh-dialog__actions.sc-stzh-dialog:not(:empty){padding:var(--stzh-space-medium, 16px) var(--padding-right) var(--padding-bottom) var(--padding-left)}@media (forced-colors: active){.stzh-dialog__actions.sc-stzh-dialog:not(:empty){border-top:0.125rem solid CanvasText}}.stzh-dialog__close-button.sc-stzh-dialog{position:absolute;top:var(--stzh-space-xsmall, 8px);right:var(--stzh-space-xsmall, 8px)}@media screen and (min-width: 900px){.stzh-dialog__close-button.sc-stzh-dialog{top:var(--stzh-space-large, 20px);right:var(--stzh-space-large, 20px)}}.stzh-dialog--is-open.sc-stzh-dialog{display:flex}';export{r as stzh_dialog}
1	+ import{r as t,c as i,h as s,a,d}from"./p-rujKGmCS.js";import{s as e}from"./p-CBLSoWgI.js";import{c as o}from"./p-BzugsqyR.js";import{c as h}from"./p-CBUfcdIy.js";import"./p-BubviQku.js";const n="stzh-dialog-open";let l=null,c=0;const r=class{constructor(s){t(this,s),this.stzhOpen=i(this,"stzhOpen"),this.stzhClose=i(this,"stzhClose"),this.closeOnEscapeKey=!1,this.closeOnBackdropClick=!1,this.open=!1,this.stay=!0,this.size="default",this.hideClose=!1,this.heading="",this.a11yRole="alertdialog",this.handleDialogClick=t=>{const i=t.target;(i.dataset.stzhDialogClose\|\|i.closest("[data-stzh-dialog-close]"))&&this.hide()},this.handleCloseButtonClick=()=>{this.hide()},this.init=()=>{const t=this.element.querySelector('stzh-actions[slot="actions"]');t&&e(t,{variant:"dialog"})}}handleOutsideClick(t){this.open&&this.closeOnBackdropClick&&t.target!==this.dialogElement&&!1===this.dialogElement.contains(t.target)&&this.hide()}handleKeydown(t){"Escape"===t.key&&l===this&&this.closeOnEscapeKey&&this.hide()}handleOpenTriggerClick(t){const i=t.target;if(i.dataset.stzhDialogTrigger===this.element.id)this.show();else{const t=i.closest("[data-stzh-dialog-trigger]");t&&t.dataset.stzhDialogTrigger===this.element.id&&this.show()}}async show(){this.open=!0,this.stzhOpen.emit({component:"stzh-dialog"})}async hide(){this.open=!1,this.stzhClose.emit({component:"stzh-dialog"})}getSiblings(){return this.containerElement?Array.from(this.containerElement.children).filter((t=>t!==this.element)):[]}disableSiblings(){this.getSiblings().forEach((t=>{t.setAttribute("aria-hidden","true")}))}enableSiblings(){this.getSiblings().forEach((t=>{t.removeAttribute("aria-hidden")}))}dialogShown(){l=this,document.body.classList.add(n),this.disableSiblings(),this.trap&&this.trap.activate()}dialogHidden(){document.body.classList.remove(n),this.enableSiblings(),this.trap&&this.trap.deactivate(),l=null}async componentWillLoad(){this.id=`stzh-dialog-${c}`,c++,this.localization\|\|(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"dialog"))}componentDidRender(){this.open?this.dialogShown():this.dialogHidden()}componentDidUpdate(){this.trap.updateContainerElements(this.element)}componentDidLoad(){this.trap=h(this.element,Object.assign({fallbackFocus:this.dialogElement},o())),this.open&&this.dialogShown()}connectedCallback(){this.stay\|\|this.element.parentElement===document.body\|\|document.body.appendChild(this.element),this.containerElement=this.element.parentElement,this.init(),this.observer=new MutationObserver(this.init),this.observer.observe(this.element,{childList:!0,subtree:!0})}disconnectedCallback(){this.dialogHidden(),this.observer&&this.observer.disconnect()}render(){return s(a,{key:"28bbc9fdd71ec007ef04f6f8e7af534c798b380e"},s("div",{key:"c60512fe7fdb509d224ef679583e6f73ef67c580",class:{"stzh-dialog":!0,"stzh-dialog--is-open":this.open,"stzh-dialog--has-heading":!!this.heading,"stzh-dialog--has-close-hidden":this.hideClose,[`stzh-dialog--size-${this.size}`]:!!this.size}},s("div",{key:"48341499b2e1acfa2cf3316a1644a2debe4e7c5b",class:"stzh-dialog__backdrop"}),s("div",{key:"52e6b747ed0d2180513838caaf9962f40512a1d7",class:"stzh-dialog__content"},s("div",{key:"1e078e086f541a0b7d665ca79208ca3010050d19",class:"stzh-dialog__dialog",ref:t=>this.dialogElement=t,tabindex:"-1",role:this.a11yRole,"aria-hidden":this.open?"false":"true",onClick:this.handleDialogClick},s("stzh-heading",{key:"4cfc24cb9539c9ef2516ec20dc56350da33dc967",id:`${this.id}-heading`,class:"stzh-dialog__heading",level:"2"},this.heading?this.heading:"Title"),s("div",{key:"99e87c26663361cd88bfd46b45370f7099085bdc",class:"stzh-dialog__dialog-content"},s("slot",{key:"7a64f7dd1e935c358659d3dab812c238ed0e48e9"})),s("div",{key:"2e91780c77c3cecd29ea3da99b03d98f19053fda",class:"stzh-dialog__actions"},s("slot",{key:"78c764d40055a338d76ea3ac560bde680d204365",name:"actions"})),!this.hideClose&&s("stzh-button",{key:"a5e1202093f30caa73cb6e59f14b63d722809e58",class:"stzh-dialog__close-button",variant:"tertiary",size:"small",icon:"close",iconOnly:!0,onClick:this.handleCloseButtonClick,a11yLabel:this.localization.close,analyticsId:this.closeAnalyticsId\|\|this.localization.close})))))}get element(){return d(this)}};r.style='.sc-stzh-dialog-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-dialog-h,[stzh-hidden].sc-stzh-dialog-h{display:none}.sc-stzh-dialog-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-dialog-h .sc-stzh-dialog,.sc-stzh-dialog-h .sc-stzh-dialog::before,.sc-stzh-dialog-h *.sc-stzh-dialog::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-dialog-h .has-focus.sc-stzh-dialog{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-dialog-h .stzh-fylingfocus-focused.sc-stzh-dialog{outline-style:none !important}.sc-stzh-dialog-h .stzh-fylingfocus-focused.sc-stzh-dialog::-moz-focus-inner{border:0 !important}.sc-stzh-dialog-h{--padding-top:var(--stzh-space-xxlarge, 32px)}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--padding-top:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--padding-top:var(--stzh-space-xxxxlarge, 48px)}}.sc-stzh-dialog-h{--padding-bottom:var(--stzh-space-xxlarge, 32px)}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--padding-bottom:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--padding-bottom:var(--stzh-space-xxxxlarge, 48px)}}.sc-stzh-dialog-h{--padding-left:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.sc-stzh-dialog-h{--padding-left:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--padding-left:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--padding-left:var(--stzh-space-xxxlarge, 40px)}}.sc-stzh-dialog-h{--padding-right:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.sc-stzh-dialog-h{--padding-right:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--padding-right:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--padding-right:var(--stzh-space-xxxlarge, 40px)}}.sc-stzh-dialog-h{--width:100%;--backdrop-opacity:var(--stzh-dialog-backdrop-opacity);--backdrop-background-color:var(--stzh-dialog-backdrop-background-color)}@media screen and (min-width: 600px){.sc-stzh-dialog-h{--width:33.5rem}}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--width:38.125rem}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--width:54.125rem}}@media screen and (min-width: 1600px){.sc-stzh-dialog-h{--width:55.5rem}}@media screen and (min-width: 600px){[size=small].sc-stzh-dialog-h{--width:24.6875rem}}@media screen and (min-width: 900px){[size=small].sc-stzh-dialog-h{--width:28.75rem}}@media screen and (min-width: 1260px){[size=small].sc-stzh-dialog-h{--width:32rem}}.stzh-dialog.sc-stzh-dialog{z-index:var(--stzh-z-index-dialog);display:none;position:fixed;top:0;left:0;width:100%;height:100%;flex-direction:column;align-items:stretch;justify-content:stretch}.stzh-dialog__content.sc-stzh-dialog{z-index:2;position:relative;display:flex;flex-direction:column;align-items:center;flex-grow:1;overflow:auto}.stzh-dialog__dialog.sc-stzh-dialog{position:relative;display:flex;flex-direction:column;margin:auto;border:none;background-color:var(--stzh-color-white);width:auto;min-width:var(--width);max-width:100%;box-shadow:var(--stzh-box-shadow-overlay);height:100vh;max-height:100vh;overflow:hidden;outline:none}@media (forced-colors: active){.stzh-dialog__dialog.sc-stzh-dialog::after{pointer-events:none;content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:0.125rem solid CanvasText}}.stzh-dialog__dialog--fit-content.sc-stzh-dialog{width:-moz-fit-content;width:fit-content}@media screen and (min-width: 600px){.stzh-dialog__dialog.sc-stzh-dialog{height:auto}}.stzh-dialog__backdrop.sc-stzh-dialog{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--backdrop-background-color);opacity:var(--backdrop-opacity)}.stzh-dialog__heading.sc-stzh-dialog{padding-bottom:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.stzh-dialog__heading.sc-stzh-dialog{padding-bottom:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-dialog__heading.sc-stzh-dialog{padding-bottom:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-dialog__heading.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxlarge, 32px)}}.stzh-dialog__heading.sc-stzh-dialog{padding-top:var(--padding-top);padding-left:var(--padding-left);padding-right:var(--padding-right)}@media (forced-colors: active){.stzh-dialog__heading.sc-stzh-dialog{border-bottom:0.125rem solid CanvasText}}.stzh-dialog__dialog-content.sc-stzh-dialog{padding-left:var(--padding-left);padding-right:var(--padding-right);padding-top:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xxxlarge, 40px)}}.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxxlarge, 40px)}}.stzh-dialog__dialog-content.sc-stzh-dialog{overflow:auto;flex-grow:1}.stzh-dialog__actions.sc-stzh-dialog:not(:empty){padding:var(--stzh-space-medium, 16px) var(--padding-right) var(--padding-bottom) var(--padding-left)}@media (forced-colors: active){.stzh-dialog__actions.sc-stzh-dialog:not(:empty){border-top:0.125rem solid CanvasText}}.stzh-dialog__close-button.sc-stzh-dialog{position:absolute;top:var(--stzh-space-xsmall, 8px);right:var(--stzh-space-xsmall, 8px)}@media screen and (min-width: 900px){.stzh-dialog__close-button.sc-stzh-dialog{top:var(--stzh-space-large, 20px);right:var(--stzh-space-large, 20px)}}.stzh-dialog--is-open.sc-stzh-dialog{display:flex}';export{r as stzh_dialog}

package/dist/stzh-components/p-b4b11070.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t,c as i,h as e,a as o,d as n}from"./p-rujKGmCS.js";import{w as a}from"./p-DWwDEqXf.js";import{s,a as r,b as c}from"./p-BOO84wnP.js";import{h}from"./p-CBLSoWgI.js";import"./p-BubviQku.js";const d=class{constructor(e){t(this,e),this.stzhVariantChange=i(this,"stzhVariantChange"),this.variant="default",this.heading="",this.collapsible=!0,this.multiselectable=!0}variantWatcher(t){this.stzhVariantChange.emit({component:"stzh-accordion",value:t})}openListener(t){const i=t.target,e=i.closest("stzh-accordion");this.multiselectable||t.detail&&"stzh-accordion-item"!==t.detail.component||e!==this.element||Array.from(e.querySelectorAll("stzh-accordion-item")).forEach((t=>{t!==i&&t.hide()}))}async setItemFocus(t,i){const e=t.closest("stzh-accordion");if(e!==this.element)return;const o=Array.from(e.querySelectorAll(":scope > stzh-accordion-item")).filter((t=>!t.disabled)),n=o.indexOf(t);"prev"!==i&&"next"!==i||null!==n||(i="prev"===i?"last":"first"),"prev"===i&&0===n&&(i="last"),"next"===i&&n===o.length-1&&(i="first"),"prev"===i?o[n-1].focus():"next"===i?o[n+1].focus():"last"===i?o[o.length-1].focus():"first"===i?o[0].focus():t.focus()}checkIfNested(){let t=this.element.parentElement;for(;t;){if("stzh-accordion"===t.tagName.toLowerCase()){this.isNested=!0;break}t=t.parentElement}}componentDidLoad(){this.checkIfNested()}render(){return e(o,{key:"aa18b3b82084acd62e463593dd78d7de08ca7d47"},e("div",{key:"bd00dd9003f7e6645047872e72e528a9d181c281",class:{"stzh-accordion":!0,"stzh-accordion--is-nested":this.isNested}},this.heading&&e("div",{key:"8e01a00851be7a3aeaac61c85d63ce3789bb114f",class:"stzh-accordion__heading"},e("stzh-heading",{key:"66d075e1b654c539679a675a38b2c7e8779b4168",level:"2"},this.heading)),e("slot",{key:"64010827ffa2b6f1e42a2d2c1289da4fe643c325"})))}get element(){return n(this)}static get watchers(){return{variant:[{variantWatcher:0}]}}};d.style=":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{--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px;--margin-left:inherit;--margin-right:inherit}.stzh-accordion{display:grid;gap:var(--stzh-space-xsmall, 8px);margin-left:var(--margin-left);margin-right:var(--margin-left)}.stzh-accordion__heading{margin-bottom:var(--stzh-space-xsmall, 8px)}@media screen and (min-width: 600px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-small, 12px)}}@media screen and (min-width: 900px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 1260px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-xlarge, 24px)}}.stzh-accordion{}.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-medium, 16px) * -1)}@media screen and (min-width: 600px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-large, 20px) * -1)}}@media screen and (min-width: 900px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-xlarge, 24px) * -1)}}@media screen and (min-width: 1260px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-xxlarge, 32px) * -1)}}.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-medium, 16px) * -1)}@media screen and (min-width: 600px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-large, 20px) * -1)}}@media screen and (min-width: 900px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-xlarge, 24px) * -1)}}@media screen and (min-width: 1260px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-xxlarge, 32px) * -1)}}";const l=[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],m={duration:300,easing:"linear"},p=[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],z={duration:300,easing:"linear"};let g=0;const b=class{constructor(e){t(this,e),this.stzhOpen=i(this,"stzhOpen"),this.stzhOpened=i(this,"stzhOpened"),this.stzhClose=i(this,"stzhClose"),this.stzhClosed=i(this,"stzhClosed"),this.stzhFocus=i(this,"stzhFocus"),this.stzhBlur=i(this,"stzhBlur"),this.open=!1,this.disabled=!1,this.heading="",this.subtitle="",this.description="",this.icon="",this.badge="",this.badgeEmpty=!1,this.badgeType="default",this.headingLevel="3",this.rootTabindex=0,this.toggledByMethod=!1,this.focusedByInput=!1,this.shiftPressed=!1,this.handleVariantChange=()=>{this.variantWatcher(this.variant)},this.handleHeaderClick=()=>{void 0!==this.collapsible?this.collapsible?this.toggle():this.open||this.show():!this.accordion||this.accordion.collapsible?this.toggle():this.open||this.show()},this.onFocus=t=>{this.focusedByInput=!0,this.shiftPressed&&(this.rootTabindex=-1),this.stzhFocus.emit({component:"stzh-accordion-item",originalEvent:t})},this.onBlur=t=>{this.rootTabindex=0,this.stzhBlur.emit({component:"stzh-accordion-item",originalEvent:t})},this.onButtonKeydown=t=>{let i=null;"ArrowDown"===t.key?i="next":"ArrowUp"===t.key?i="prev":"Home"===t.key?i="first":"End"===t.key?i="last":"PageDown"===t.key&&t.ctrlKey?i="next":"PageUp"===t.key&&t.ctrlKey&&(i="prev"),"Shift"===t.key&&(this.rootTabindex=-1),i&&(t.preventDefault(),this.accordion.setItemFocus(this.element,i))},this.onContentKeydown=t=>{if(!t.ctrlKey)return;let i=null;"PageDown"===t.key?i="next":"PageUp"===t.key&&(i="prev"),i&&(t.preventDefault(),this.accordion.setItemFocus(this.element,i))}}variantWatcher(t){void 0!==t?this._variant=t:this.accordion&&(this._variant=this.accordion.variant)}async openWatcher(t){this.bodyElement&&(t?(this.toggledByMethod&&this.stzhOpen.emit({component:"stzh-accordion-item"}),await s(this.bodyElement),this.bodyElement.hidden=!1,await r(this.bodyElement,c(l,{height:this.bodyElement.scrollHeight}),m),this.bodyElement.style.height="auto",this.bodyElement.style.overflow="visible",this.toggledByMethod&&this.stzhOpened.emit({component:"stzh-accordion-item"})):(this.toggledByMethod&&this.stzhClose.emit({component:"stzh-accordion-item"}),await s(this.bodyElement),this.bodyElement.style.overflow="hidden",await r(this.bodyElement,c(p,{height:this.bodyElement.scrollHeight}),z),this.bodyElement.hidden=!0,this.bodyElement.style.height="0px",this.toggledByMethod&&this.stzhClosed.emit({component:"stzh-accordion-item"})),this.toggledByMethod=!1)}async show(){if(!this.open&&!this.disabled)return this.toggledByMethod=!0,this.open=!0,a(this.element,"stzhOpened")}async hide(){if(this.open&&!this.disabled)return this.toggledByMethod=!0,this.open=!1,a(this.element,"stzhClosed")}async toggle(){return this.open?await this.hide():await this.show()}handleKeydown(t){"Shift"===t.key&&(this.shiftPressed=!0)}handleKeyup(t){"Shift"===t.key&&(this.shiftPressed=!1)}componentWillLoad(){this.accordionItemId="stzh-accordion-item-"+g++}componentDidLoad(){this.bodyElement.hidden=!this.open,this.bodyElement.style.height=this.open?"auto":"0px",this.bodyElement.style.overflow=this.open?"visible":"hidden"}async connectedCallback(){this.accordion=this.element.closest("stzh-accordion"),this.accordion&&this.accordion.addEventListener("stzhVariantChange",this.handleVariantChange),this.variantWatcher(this.variant)}disconnectedCallback(){this.accordion&&(this.accordion.removeEventListener("stzhVariantChange",this.handleVariantChange),this.accordion=null)}render(){let t=h(this.element,"icon")||!!this.icon;this.iconWrapperElement&&(t=h(this.iconWrapperElement,"icon")||!!this.icon);const i=`h${this.headingLevel}`;return e(o,{key:"96fde5bdab01f5047872a33bc63fda84fe628930",tabindex:this.disabled?null:this.rootTabindex,"is-variant":this._variant},e("div",{key:"0b31ba48b8100908548748db0d1f6fe9f7cda5f1",class:{"stzh-accordion-item":!0,"stzh-accordion-item--has-icon":t,"stzh-accordion-item--has-description":!!this.description,"stzh-accordion-item--has-subtitle":!!this.subtitle,"stzh-accordion-item--is-open":this.open,"stzh-accordion-item--is-disabled":this.disabled,[`stzh-accordion-item--${this._variant}`]:!!this._variant}},e(i,{key:"c68ac6714fba55824310e599368acebb53f37211",id:`${this.accordionItemId}-header`,class:"stzh-accordion-item__heading",onClick:this.handleHeaderClick},e("button",{key:"d35d238a0e1e9306fb2f052753f377f4685f8ca6",ref:t=>this.buttonElement=t,class:"stzh-accordion-item__button","aria-controls":`${this.accordionItemId}-content`,"aria-expanded":this.open?"true":"false",disabled:this.disabled,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onButtonKeydown,type:"button","s-object-id":this.analyticsId||this.heading},e("span",{key:"bd6c3ffecdc4c2a58b82113bd446578e6f8bf838",class:"stzh-accordion-item__icon-wrapper",ref:t=>this.iconWrapperElement=t},this.icon?e("stzh-icon",{class:"stzh-accordion-item__icon",name:this.icon}):e("slot",{name:"icon"})),e("span",{key:"85a4702d0928ca3a668e193eef6086f2e0c34066",class:"stzh-accordion-item__button-text"},e("span",{key:"e39550169b635c67a8d630683cf9926cdeb117b8",class:"stzh-accordion-item__subtitle"},this.subtitle),e("span",{key:"25c375c6e3281fa8bf6d1f3c5784d64ead846b48",class:"stzh-accordion-item__heading-text"},this.heading),e("span",{key:"6f4acc84076b18d870389ca78d8b4aadfd9c4502",class:"stzh-accordion-item__description"},this.description)),"table"===this._variant?e("stzh-icon",{name:"angle-down",class:"stzh-accordion-item__button-icon is-table"}):e("span",{class:"stzh-accordion-item__button-icon is-default"}),(this.badge||this.badgeEmpty)&&e("stzh-badge",{key:"6fe6001dbb2e00c1df7e8dec2a212c271c760a41",class:"stzh-accordion-item__badge",label:this.badge,type:this.badgeType}))),e("div",{key:"5eff60c1f5f308bf385b4b47f9971c83f0433459",id:`${this.accordionItemId}-content`,ref:t=>this.bodyElement=t,class:"stzh-accordion-item__content","aria-labelledby":`${this.accordionItemId}-header`,role:"region",onKeyDown:this.onContentKeydown},e("div",{key:"acfa176bcab980ede188b73bea0c9a4d9d8b60f1",class:"stzh-accordion-item__content-inner"},e("slot",{key:"391e8e5c234dc956c127b437c6b58caf5f6dce63"})))))}get element(){return n(this)}static get watchers(){return{variant:[{variantWatcher:0}],open:[{openWatcher:0}]}}};b.style=':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{--trigger-size:1.125rem;--trigger-color:currentColor;--content-background:var(--stzh-accordion-content-background);--icon-size:var(--stzh-icon-size);--border-width:0px;--button-border-color:transparent;--button-color:var(--stzh-accordion-button-color, var(--stzh-color-primary70));--button-background-color:var( --stzh-accordion-button-background-color, var(--stzh-color-secondary30) );--button-background-color-is-open:var( --stzh-accordion-button-background-color-is-open, var(--stzh-color-secondary30) );--hover-button-color:var(--button-color);--hover-button-background-color:var( --stzh-accordion-button-hover-background-color, var(--stzh-color-secondary40) );--hover-button-background-color-is-open:var( --button-background-color-is-open );--hover-trigger-color:var(--trigger-color);--transition-duration:200ms}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active){:host{--border-width:0.125rem;--button-color:ButtonText;--button-border-color:ButtonBorder;--button-background-color:ButtonFace;--button-background-color-is-open:ButtonFace;--trigger-color:ButtonText;--hover-button-color:HighlightText;--hover-button-border-color:Highlight;--hover-button-background-color:Highlight;--hover-button-background-color-is-open:Highlight;--hover-trigger-color:HighlightText}}:host(:where([is-variant=table])){--trigger-size:var(--stzh-icon-size)}@media (forced-colors: none){:host(:where([is-variant=table])){--content-background:var(--stzh-color-grey10);--button-background-color:var(--stzh-color-grey20);--trigger-color:var(--stzh-color-black);--hover-button-background-color:var(--stzh-color-grey30)}}@media (forced-colors: none){:host(:where([disabled]:not([disabled=false]))){--button-color:var(--stzh-color-grey80);--button-background-color:var(--stzh-color-grey20);--trigger-color:var(--stzh-color-grey80);--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--hover-trigger-color:var(--trigger-color)}}@media (forced-colors: active){:host(:where([disabled]:not([disabled=false]))){--border-width:0.125rem;--button-color:GrayText;--button-border-color:GrayText;--button-background-color:transparent;--button-background-color-is-open:transparent;--trigger-color:GrayText;--hover-button-color:GrayText;--hover-button-border-color:GrayText;--hover-button-background-color:transparent;--hover-button-background-color-is-open:transparent;--hover-trigger-color:GrayText}}.stzh-accordion-item__heading{position:relative;margin:0}.stzh-accordion-item__button{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-accordion-item__button{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-accordion-item__button{--button-padding-top:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.stzh-accordion-item__button{--button-padding-top:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-accordion-item__button{--button-padding-top:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button{--button-padding-top:var(--stzh-space-xxlarge, 32px)}}.stzh-accordion-item__button{--button-padding-bottom:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.stzh-accordion-item__button{--button-padding-bottom:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-accordion-item__button{--button-padding-bottom:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button{--button-padding-bottom:var(--stzh-space-xxlarge, 32px)}}.stzh-accordion-item__button{font-family:inherit;width:100%;padding-top:calc(var(--button-padding-top) - var(--border-width));padding-bottom:calc(var(--button-padding-bottom) - var(--border-width));appearance:none;display:flex;align-items:center;min-height:3.75rem;color:var(--button-color);background-color:var(--button-background-color);text-align:left;border-width:var(--border-width);border-color:var(--button-border-color);transition-property:background-color;transition-duration:var(--transition-duration);cursor:pointer}@media (forced-colors: active){.stzh-accordion-item__button{transition:none}}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button{transition:none}}.stzh-accordion-item__button:hover{color:var(--hover-button-color);border-color:var(--hover-button-border-color);background-color:var(--hover-button-background-color)}.stzh-accordion-item__button{--button-padding-left:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.stzh-accordion-item__button{--button-padding-left:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-accordion-item__button{--button-padding-left:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button{--button-padding-left:var(--stzh-space-xxlarge, 32px)}}.stzh-accordion-item__button{--button-padding-right:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.stzh-accordion-item__button{--button-padding-right:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-accordion-item__button{--button-padding-right:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button{--button-padding-right:var(--stzh-space-xxlarge, 32px)}}.stzh-accordion-item__button{padding-left:calc(var(--button-padding-left) - var(--border-width));padding-right:calc(var(--button-padding-right) - var(--border-width))}.stzh-accordion-item__content-inner{--content-padding-left:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.stzh-accordion-item__content-inner{--content-padding-left:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-accordion-item__content-inner{--content-padding-left:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner{--content-padding-left:var(--stzh-space-xxlarge, 32px)}}.stzh-accordion-item__content-inner{--content-padding-right:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.stzh-accordion-item__content-inner{--content-padding-right:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-accordion-item__content-inner{--content-padding-right:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner{--content-padding-right:var(--stzh-space-xxlarge, 32px)}}.stzh-accordion-item__content-inner{padding-left:calc(var(--content-padding-left) - var(--border-width));padding-right:calc(var(--content-padding-right) - var(--border-width))}@media (forced-colors: active){.stzh-accordion-item__content-inner{border:var(--border-width) solid CanvasText;border-top:none}}.stzh-accordion-item__button-text{flex-grow:1}@media (forced-colors: active){.stzh-accordion-item__button-text{forced-color-adjust:preserve-parent-color}}.stzh-accordion-item__button-icon.is-default{position:relative;display:block;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium, 16px)}.stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item__button-icon.is-default::after{position:absolute;top:50%;left:50%;content:"";display:block;width:var(--trigger-size);height:0.15625rem;transition-property:transform, background-color;transition-duration:var(--transition-duration);transform-origin:top left;background-color:var(--trigger-color)}@media (forced-colors: active){.stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item__button-icon.is-default::after{forced-color-adjust:preserve-parent-color;transition:none}}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item__button-icon.is-default::after{transition:none}}.stzh-accordion-item__button-icon.is-default::before{transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.is-default::after{transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.is-table{--size:var(--trigger-size);transition-property:transform, color;transition-duration:var(--transition-duration);color:var(--trigger-color)}@media (forced-colors: active){.stzh-accordion-item__button-icon.is-table{forced-color-adjust:preserve-parent-color;transition:none}}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button-icon.is-table{transition:none}}.stzh-accordion-item__button:hover .stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item__button:hover .stzh-accordion-item__button-icon.is-default::after{background-color:var(--hover-trigger-color)}.stzh-accordion-item__button:hover .stzh-accordion-item__button-icon.is-table{color:var(--hover-trigger-color)}.stzh-accordion-item__content{overflow:hidden;background-color:var(--content-background)}@media print{.stzh-accordion-item__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-accordion-item__content-inner{--content-padding-top:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-accordion-item__content-inner{--content-padding-top:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-accordion-item__content-inner{--content-padding-top:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner{--content-padding-top:var(--stzh-space-xxxlarge, 40px)}}.stzh-accordion-item__content-inner{--content-padding-bottom:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-accordion-item__content-inner{--content-padding-bottom:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-accordion-item__content-inner{--content-padding-bottom:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner{--content-padding-bottom:var(--stzh-space-xxxlarge, 40px)}}.stzh-accordion-item__content-inner{padding-top:calc(var(--content-padding-top) - var(--border-width));padding-bottom:calc(var(--content-padding-bottom) - var(--border-width))}.stzh-accordion-item__icon-wrapper{--stzh-icon-size:var(--icon-size);align-self:flex-start}.stzh-accordion-item__badge{position:absolute;right:-0.3125rem;top:-0.3125rem}.stzh-accordion-item__description{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-accordion-item__description{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-accordion-item__heading-text,.stzh-accordion-item__description,.stzh-accordion-item__subtitle{display:block}.stzh-accordion-item__subtitle{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-accordion-item__subtitle{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-accordion-item{}.stzh-accordion-item--has-icon .stzh-accordion-item__icon-wrapper{margin-right:var(--stzh-space-xsmall, 8px)}.stzh-accordion-item{}.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{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-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-accordion-item--title .stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-xxsmall, 4px)}@media screen and (min-width: 900px){.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 1260px){.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-small, 12px)}}@media screen and (min-width: 900px){.stzh-accordion-item--title .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text,.stzh-accordion-item--has-subtitle .stzh-accordion-item__subtitle:not(:empty)+.stzh-accordion-item__heading-text{margin-top:var(--stzh-space-xsmall, 8px)}}.stzh-accordion-item{}.stzh-accordion-item--is-open .stzh-accordion-item__button{background-color:var(--button-background-color-is-open)}.stzh-accordion-item--is-open .stzh-accordion-item__button:hover{background-color:var(--hover-button-background-color-is-open)}.stzh-accordion-item--is-open .stzh-accordion-item__button-icon.is-default::before,.stzh-accordion-item--is-open .stzh-accordion-item__button-icon.is-default::after{transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-open .stzh-accordion-item__button-icon.is-table{transform:rotate(180deg)}.stzh-accordion-item{}.stzh-accordion-item--table .stzh-accordion-item__button,.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-left:calc(var(--stzh-space-medium, 16px) - var(--border-width));padding-right:calc(var(--stzh-space-medium, 16px) - var(--border-width))}.stzh-accordion-item__button{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);padding-top:calc(var(--stzh-space-medium, 16px) - var(--border-width));padding-bottom:calc(var(--stzh-space-medium, 16px) - var(--border-width));min-height:3.5rem}.stzh-accordion-item--table .stzh-accordion-item__content-inner{--content-padding-top:var(--stzh-space-xxsmall, 4px)}@media screen and (min-width: 900px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{--content-padding-top:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 1260px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{--content-padding-top:var(--stzh-space-small, 12px)}}.stzh-accordion-item--table .stzh-accordion-item__content-inner{--content-padding-bottom:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{--content-padding-bottom:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{--content-padding-bottom:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-accordion-item--table .stzh-accordion-item__content-inner{--content-padding-bottom:var(--stzh-space-xxlarge, 32px)}}.stzh-accordion-item--table .stzh-accordion-item__content-inner{padding-top:calc(var(--content-padding-top) - var(--border-width));padding-bottom:calc(var(--content-padding-bottom) - var(--border-width))}.stzh-accordion-item--table .stzh-accordion-item__heading-text{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-accordion-item{}.stzh-accordion-item--is-disabled .stzh-accordion-item__button{cursor:not-allowed}';const u=class{constructor(e){t(this,e),this.stzhChange=i(this,"stzhChange"),this.total=1,this.name="",this.value=1,this.label="",this.disabled=!1,this.allowManualInput=!0,this.invalid=!1,this.required=!1,this.size="default",this.a11yDescribedby="",this.gotoPage=t=>{const i=this.value;this.value=t>=1&&t<=this.total?t:t>this.total?this.total:1,i!==this.value&&this.stzhChange.emit({component:"stzh-pagination",page:Number(this.value)})},this.onRootFocus=()=>{this.input&&this.input.focus()},this.onInputChange=t=>{const i=Number(t.detail.value)||1;this.gotoPage(i)},this.getItemRange=()=>{const t=this.itemsPerPage||this.itemsTotal||1,i=(this.value-1)*t+1;return{from:i,to:Math.min(i+t-1,this.itemsTotal||1/0)}}}async prev(){this.gotoPage(this.value-1)}async next(){this.gotoPage(this.value+1)}async componentWillLoad(){this.localization||(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pagination")),void 0!==this.itemsTotal&&void 0!==this.itemsPerPage&&this.itemsPerPage>0&&(this.total=Math.ceil(this.itemsTotal/this.itemsPerPage))}render(){const t={"stzh-pagination":!0,[`stzh-pagination--size-${this.size}`]:!!this.size},i=void 0!==this.itemsTotal,n=void 0!==this.itemsPerPage;let a="";if(i&&n){const{from:t,to:i}=this.getItemRange();a=this.localization.rangeTotalLabel.replace(/{from}/gi,t.toString()).replace(/{to}/gi,i.toString()).replace(/{itemsTotal}/gi,this.itemsTotal.toString())}else if(i)a=this.localization.itemsLabel.replace(/\{itemsTotal\}/gi,this.itemsTotal.toString());else if(n){const{from:t,to:i}=this.getItemRange();a=this.localization.rangeLabel.replace(/{from}/gi,t.toString()).replace(/{to}/gi,i.toString())}return e(o,{key:"ad9e2e9b2768535799352523b04eb217c88629ce",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},e("div",{key:"30cc8de55dc16d9a652aca0eb4828965d62c4f69",class:t},a?e("span",{class:"stzh-pagination__items-info"},a):null,e("stzh-button",{key:"aba58768a7cf6a2600e81e98f02fc5e0548d8287",variant:"tertiary",icon:"angle-left","icon-only":!0,size:this.size,a11yDisabled:this.value<=1,a11yDescribedby:this.a11yDescribedby,a11yLabel:`${this.label||this.localization.label}, ${this.localization.prevLabel}, ${this.localization.selectedPageLabel} ${this.value}`,disabled:this.disabled,onClick:()=>this.prev()}),this.allowManualInput&&(()=>{var t;return e("stzh-input",{key:"85ee7ef4f8f765e1f9f49187786a2236ff68fc85",class:"stzh-pagination__input",type:"number",min:1,max:this.total,label:this.label||this.localization.label,labelHidden:!0,ref:t=>this.input=t,onStzhChange:this.onInputChange,value:(null===(t=this.value)||void 0===t?void 0:t.toString())||"",required:this.required,disabled:this.disabled,description:this.description,descriptionLong:this.descriptionLong,error:this.error,a11yDescribedby:this.a11yDescribedby,name:this.name,size:this.size,invalid:this.invalid,hideOptional:!0,noAutocomplete:!0})})(),e("div",{key:"7099e2c007217b8c84f96e7a85131b51c899a179",class:"stzh-pagination__pages-total"},this.allowManualInput?this.localization.totalLabel.replace(/\{total\}/gi,this.total.toString()):`${this.value} ${this.localization.totalLabel.replace(/\{total\}/gi,this.total.toString())}`),e("stzh-button",{key:"89f3896d76b1ef5a43f86bb7df207f3350c95e23",variant:"tertiary",icon:"angle-right","icon-only":!0,size:this.size,a11yDisabled:this.value>=this.total,a11yDescribedby:this.a11yDescribedby,a11yLabel:`${this.label||this.localization.label}, ${this.localization.nextLabel}, ${this.localization.selectedPageLabel} ${this.value}`,disabled:this.disabled,onClick:()=>this.next()})))}get element(){return n(this)}};u.style=".sc-stzh-pagination-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-pagination-h,[stzh-hidden].sc-stzh-pagination-h{display:none}.sc-stzh-pagination-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagination-h *.sc-stzh-pagination,.sc-stzh-pagination-h *.sc-stzh-pagination::before,.sc-stzh-pagination-h *.sc-stzh-pagination::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-pagination-h .has-focus.sc-stzh-pagination{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagination-h .stzh-fylingfocus-focused.sc-stzh-pagination{outline-style:none !important}.sc-stzh-pagination-h .stzh-fylingfocus-focused.sc-stzh-pagination::-moz-focus-inner{border:0 !important}.sc-stzh-pagination-h{--justify-content:inherit}.stzh-pagination.sc-stzh-pagination{position:relative;display:flex;align-items:center;gap:var(--stzh-space-medium, 16px);justify-content:var(--justify-content)}.stzh-pagination__input.sc-stzh-pagination{--text-align:center;--input-width:var(--stzh-form-input-height);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}.stzh-pagination__pages-total.sc-stzh-pagination{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);color:var(--stzh-color-grey70);white-space:nowrap}.stzh-pagination__items-info.sc-stzh-pagination{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);color:var(--stzh-color-grey70);white-space:nowrap}.stzh-pagination--size-small.sc-stzh-pagination .stzh-pagination__input.sc-stzh-pagination{--input-width:var(--stzh-form-input-small-height)}";export{d as stzh_accordion,b as stzh_accordion_item,u as stzh_pagination}

package/dist/stzh-components/{p-ed20c3ae.entry.js → p-b50ea8c5.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,c as o,h as e,a as s,d as h}from"./p-vaw5DHDC.js";import{s as a}from"./p-CBLSoWgI.js";import"./p-BubviQku.js";const i=class{constructor(e){t(this,e),this.stzhOpen=o(this,"stzhOpen"),this.stzhClose=o(this,"stzhClose"),this.hiddenTitle="",this.mainTitle="",this.description="",this.hideClose=!1,this.open=!0,this.onCloseButtonClick=()=>{this.hide()},this.init=()=>{const t=this.element.querySelector('stzh-button[slot="button"]');t&&a(t,{size:"small",sizeMedium:"default",variant:"secondary",effect:"cta",icon:"arrow-right",iconPosition:"right"})}}async show(){this.open=!0,this.stzhOpen.emit({component:"stzh-ghettobox"})}async hide(){this.open=!1,this.stzhClose.emit({component:"stzh-ghettobox"})}async componentWillLoad(){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:!0,subtree:!0})}disconnectedCallback(){this.observer&&this.observer.disconnect()}render(){return e(s,{key:"d9fc979d91a7e19f328ea4a9ef01c4cad7c0c13f",hidden:!this.open},e("div",{key:"6c8123cba07c264068daac5075abb1ad5352c30e",class:Object.assign(Object.assign({},{"stzh-ghettobox":!0,"stzh-ghettobox--has-close-button":!this.hideClose}),{rs_skip:!this.open}),"aria-hidden":this.open?"false":"true"},e("div",{key:"2cdd2ad01256d8909598645fc54ee62352fdbd92",class:"stzh-ghettobox__container"},e("h1",{key:"7cd7acc4b714f71fdaf64722059e86a682bbd567",class:"stzh-ghettobox__hidden-title"},this.hiddenTitle\|\|this.localization.hiddenTitle),e("div",{key:"78bb16c17e4b5693f3a572d0981c33ca27ab5390",class:"stzh-ghettobox__message"},e("div",{key:"63022ed0c49c05c1f8fb78b0290a5d1f3b158759",class:"stzh-ghettobox__text"},e("h2",{key:"e7cd4df26c1a19d8b66b28a1dcc337d0488fa69c",class:"stzh-ghettobox__main-title"},this.mainTitle),e("div",{key:"77a27b15541b6a464c664da1e4f09472c4b8c542",class:"stzh-ghettobox__description"},this.description?this.description:e("slot",null))),e("div",{key:"b48cc3c1ce6e74f0045c60d6fe767c760232e6ac",class:"stzh-ghettobox__button"},e("slot",{key:"6d73b66dcf7f3fee3c758de110fb41207b1e6794",name:"button"}))),!this.hideClose&&e("stzh-button",{key:"48bca7e32395233e1c7a3664fb4903ea2a69a70f",class:"stzh-ghettobox__close",onClick:this.onCloseButtonClick,a11yLabel:this.localization.close,variant:"tertiary",size:"small",iconOnly:!0,icon:"close-big"}))))}get element(){return h(this)}};i.style=".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:var(--stzh-container-margin, 20px);margin-right:var(--stzh-container-margin, 20px)}@media screen and (min-width: 600px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:var(--stzh-container-margin-small, 32px);margin-right:var(--stzh-container-margin-small, 32px)}}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:var(--stzh-container-margin-medium, 40px);margin-right:var(--stzh-container-margin-medium, 40px)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:var(--stzh-container-margin-large, 64px);margin-right:var(--stzh-container-margin-large, 64px)}}@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, 32px)}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxxlarge, 48px)}}.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxlarge, 32px)}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxxlarge, 48px)}}.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, 16px)}@media screen and (min-width: 600px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-xxlarge, 32px)}}.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, 16px)}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xxlarge, 32px)}}.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, 8px)}@media screen and (min-width: 600px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-small, 12px)}}@media screen and (min-width: 900px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 1260px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xlarge, 24px)}}.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}}";export{i as stzh_ghettobox}
1	+ import{r as t,c as o,h as e,a as s,d as h}from"./p-rujKGmCS.js";import{s as a}from"./p-CBLSoWgI.js";import"./p-BubviQku.js";const i=class{constructor(e){t(this,e),this.stzhOpen=o(this,"stzhOpen"),this.stzhClose=o(this,"stzhClose"),this.hiddenTitle="",this.mainTitle="",this.description="",this.hideClose=!1,this.open=!0,this.onCloseButtonClick=()=>{this.hide()},this.init=()=>{const t=this.element.querySelector('stzh-button[slot="button"]');t&&a(t,{size:"small",sizeMedium:"default",variant:"secondary",effect:"cta",icon:"arrow-right",iconPosition:"right"})}}async show(){this.open=!0,this.stzhOpen.emit({component:"stzh-ghettobox"})}async hide(){this.open=!1,this.stzhClose.emit({component:"stzh-ghettobox"})}async componentWillLoad(){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:!0,subtree:!0})}disconnectedCallback(){this.observer&&this.observer.disconnect()}render(){return e(s,{key:"d9fc979d91a7e19f328ea4a9ef01c4cad7c0c13f",hidden:!this.open},e("div",{key:"6c8123cba07c264068daac5075abb1ad5352c30e",class:Object.assign(Object.assign({},{"stzh-ghettobox":!0,"stzh-ghettobox--has-close-button":!this.hideClose}),{rs_skip:!this.open}),"aria-hidden":this.open?"false":"true"},e("div",{key:"2cdd2ad01256d8909598645fc54ee62352fdbd92",class:"stzh-ghettobox__container"},e("h1",{key:"7cd7acc4b714f71fdaf64722059e86a682bbd567",class:"stzh-ghettobox__hidden-title"},this.hiddenTitle\|\|this.localization.hiddenTitle),e("div",{key:"78bb16c17e4b5693f3a572d0981c33ca27ab5390",class:"stzh-ghettobox__message"},e("div",{key:"63022ed0c49c05c1f8fb78b0290a5d1f3b158759",class:"stzh-ghettobox__text"},e("h2",{key:"e7cd4df26c1a19d8b66b28a1dcc337d0488fa69c",class:"stzh-ghettobox__main-title"},this.mainTitle),e("div",{key:"77a27b15541b6a464c664da1e4f09472c4b8c542",class:"stzh-ghettobox__description"},this.description?this.description:e("slot",null))),e("div",{key:"b48cc3c1ce6e74f0045c60d6fe767c760232e6ac",class:"stzh-ghettobox__button"},e("slot",{key:"6d73b66dcf7f3fee3c758de110fb41207b1e6794",name:"button"}))),!this.hideClose&&e("stzh-button",{key:"48bca7e32395233e1c7a3664fb4903ea2a69a70f",class:"stzh-ghettobox__close",onClick:this.onCloseButtonClick,a11yLabel:this.localization.close,variant:"tertiary",size:"small",iconOnly:!0,icon:"close-big"}))))}get element(){return h(this)}};i.style=".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:var(--stzh-container-margin, 20px);margin-right:var(--stzh-container-margin, 20px)}@media screen and (min-width: 600px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:var(--stzh-container-margin-small, 32px);margin-right:var(--stzh-container-margin-small, 32px)}}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:var(--stzh-container-margin-medium, 40px);margin-right:var(--stzh-container-margin-medium, 40px)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:var(--stzh-container-margin-large, 64px);margin-right:var(--stzh-container-margin-large, 64px)}}@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, 32px)}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxxlarge, 48px)}}.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxlarge, 32px)}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxxlarge, 48px)}}.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, 16px)}@media screen and (min-width: 600px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-xxlarge, 32px)}}.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, 16px)}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xxlarge, 32px)}}.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, 8px)}@media screen and (min-width: 600px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-small, 12px)}}@media screen and (min-width: 900px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 1260px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xlarge, 24px)}}.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}}";export{i as stzh_ghettobox}

package/dist/stzh-components/{p-9cb30e8e.entry.js → p-b543151f.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as e,c as a,h as s,a as h,d as t}from"./p-~~vaw5DHDC~~.js";const r=class{constructor(s){e(this,s),this.stzhSearchChange=a(this,"stzhSearchChange"),this.stzhSearchChanged=a(this,"stzhSearchChanged"),this.placeholder="Suchen",this.searchId="anchorSearch",this.searchFieldName="q",this.searchValue="",this.handleSearchInput=e=>{this.searchValue=this.searchInput.value,this.stzhSearchChange.emit({component:"stzh-homepage-search",originalEvent:e,value:this.searchValue})},this.handleSearchChange=e=>{this.searchValue=this.searchInput.value,this.stzhSearchChanged.emit({component:"stzh-homepage-search",originalEvent:e,value:this.searchValue})}}searchValueWatcher(e){this.searchFilled=""!==e}async componentWillLoad(){this.searchValueWatcher(this.searchValue)}async componentDidLoad(){this.formElement&&this.formElement.addEventListener("animationend",(()=>{this.searchInput&&this.searchInput.focus()}))}render(){return s(h,{key:"4700258945d3b4ac164674abb918dd1f3d8f3516"},s("div",{key:"a093508779b67ed8298aaea6bb740da892b7fc3e",class:{"stzh-homepage-search":!0,"stzh-homepage-search--is-search-filled":this.searchFilled}},s("div",{key:"29234fe093666ba7921ad3c4b6f8e1cc562de89d",class:"stzh-homepage-search__container"},s("form",{key:"ea18deea54cdc371fc3b83001e499ee80d9b54ca",class:"stzh-homepage-search__form",action:this.searchAction,role:"search",ref:e=>this.formElement=e},s("label",{key:"42b6b74d8d4df4ee1621d57f06ddda2611f1fecb",class:"stzh-homepage-search__search"},s("input",{key:"ffa6b0e3342fc81b2f9a3e276da41d40ec6a946a",id:this.searchId,ref:e=>this.searchInput=e,class:"stzh-homepage-search__search-input",type:"search",name:this.searchFieldName,onChange:this.handleSearchChange,onInput:this.handleSearchInput,placeholder:this.placeholder}),s("stzh-icon",{key:"ca1aa683cc2249d5d4eeaf0bd79a3a28798aa1ba",class:"stzh-homepage-search__search-icon",name:"search"}))))))}get element(){return t(this)}static get watchers(){return{searchValue:[{searchValueWatcher:0}]}}};r.style='.sc-stzh-homepage-search-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-homepage-search-h,[stzh-hidden].sc-stzh-homepage-search-h{display:none}.sc-stzh-homepage-search-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-homepage-search-h .sc-stzh-homepage-search,.sc-stzh-homepage-search-h .sc-stzh-homepage-search::before,.sc-stzh-homepage-search-h *.sc-stzh-homepage-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)}.sc-stzh-homepage-search-h .has-focus.sc-stzh-homepage-search{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-homepage-search-h .stzh-fylingfocus-focused.sc-stzh-homepage-search{outline-style:none !important}.sc-stzh-homepage-search-h .stzh-fylingfocus-focused.sc-stzh-homepage-search::-moz-focus-inner{border:0 !important}.sc-stzh-homepage-search-h{--background-color:var( --stzh-homepage-search-background-color, var(--stzh-color-secondary20) )}@media print{.sc-stzh-homepage-search-h{display:none}}.sc-stzh-homepage-search-h{--grid-template-areas:"search search search search"}@media screen and (min-width: 900px){.sc-stzh-homepage-search-h{--grid-template-areas:"search search search search search search search search"}}@media screen and (min-width: 1260px){.sc-stzh-homepage-search-h{--column-gap:var(--stzh-homepage-search-grid-gutter-large, 0);--grid-template-areas:"search search search search search search . . . . . ."}}@media screen and (min-width: 1600px){.sc-stzh-homepage-search-h{--column-gap:var(--stzh-homepage-search-grid-gutter-ultra, 0)}}@keyframes slideIn{0%{transform:translateX(-3.125rem);opacity:0}100%{transform:translateX(0);opacity:1}}.stzh-homepage-search.sc-stzh-homepage-search{background-color:var(--background-color)}.stzh-homepage-search__container.sc-stzh-homepage-search{margin-left:var(--stzh-container-margin, 20px);margin-right:var(--stzh-container-margin, 20px)}@media screen and (min-width: 600px){.stzh-homepage-search__container.sc-stzh-homepage-search{margin-left:var(--stzh-container-margin-small, 32px);margin-right:var(--stzh-container-margin-small, 32px)}}@media screen and (min-width: 900px){.stzh-homepage-search__container.sc-stzh-homepage-search{margin-left:var(--stzh-container-margin-medium, 40px);margin-right:var(--stzh-container-margin-medium, 40px)}}@media screen and (min-width: 1260px){.stzh-homepage-search__container.sc-stzh-homepage-search{margin-left:var(--stzh-container-margin-large, 64px);margin-right:var(--stzh-container-margin-large, 64px)}}@media screen and (min-width: 1600px){.stzh-homepage-search__container.sc-stzh-homepage-search{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-homepage-search__container.sc-stzh-homepage-search{column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-homepage-search__container.sc-stzh-homepage-search{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-homepage-search__container.sc-stzh-homepage-search{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-homepage-search__container.sc-stzh-homepage-search{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-homepage-search__container.sc-stzh-homepage-search{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-homepage-search__container.sc-stzh-homepage-search{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-homepage-search__container.sc-stzh-homepage-search{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-homepage-search__container.sc-stzh-homepage-search{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-homepage-search__container.sc-stzh-homepage-search{padding-top:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-homepage-search__container.sc-stzh-homepage-search{padding-top:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-homepage-search__container.sc-stzh-homepage-search{padding-top:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-homepage-search__container.sc-stzh-homepage-search{padding-top:var(--stzh-space-xxxlarge, 40px)}}.stzh-homepage-search__container.sc-stzh-homepage-search{padding-bottom:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-homepage-search__container.sc-stzh-homepage-search{padding-bottom:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-homepage-search__container.sc-stzh-homepage-search{padding-bottom:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-homepage-search__container.sc-stzh-homepage-search{padding-bottom:var(--stzh-space-xxxlarge, 40px)}}.stzh-homepage-search__container.sc-stzh-homepage-search{grid-template-areas:var(--grid-template-areas)}@media screen and (min-width: 1260px){.stzh-homepage-search__container.sc-stzh-homepage-search{column-gap:var(--column-gap)}}.stzh-homepage-search__form.sc-stzh-homepage-search{grid-area:search;opacity:0;transform:translateX(-3.125rem);animation:slideIn 0.5s ease forwards;animation-delay:0.4s}.stzh-homepage-search__search.sc-stzh-homepage-search{position:relative;color:var(--stzh-color-grey90);transition:color var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-homepage-search__search.sc-stzh-homepage-search:hover{color:var(--stzh-color-black)}.stzh-homepage-search__search-input.sc-stzh-homepage-search{width:100%;max-width:100%;background-color:var(--stzh-color-white);color:transparent;font-family:inherit;font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);border:none;padding:var(--stzh-space-xsmall, 8px) var(--stzh-space-xsmall, 8px) var(--stzh-space-xsmall, 8px) var(--stzh-space-xxxxlarge, 48px);height:var(--stzh-form-input-height)}.stzh-homepage-search__search-input.sc-stzh-homepage-search:focus{color:var(--stzh-color-black)}.stzh-homepage-search__search-input.sc-stzh-homepage-search:-webkit-autofill{background-clip:text}.stzh-homepage-search__search-input[type=search].sc-stzh-homepage-search::-webkit-search-decoration,.stzh-homepage-search__search-input[type=search].sc-stzh-homepage-search::-webkit-search-cancel-button,.stzh-homepage-search__search-input[type=search].sc-stzh-homepage-search::-webkit-search-results-button,.stzh-homepage-search__search-input[type=search].sc-stzh-homepage-search::-webkit-search-results-decoration{-webkit-appearance:none}.stzh-homepage-search__search-icon.sc-stzh-homepage-search{position:absolute;top:50%;left:var(--stzh-space-small, 12px);transform:translate(0, -50%);transition:transform var(--stzh-base-transition-animation-speed);--color:var(--stzh-color-primary70)}';export{r as stzh_homepage_search}
1	+ import{r as e,c as a,h as s,a as h,d as t}from"./p-rujKGmCS.js";const r=class{constructor(s){e(this,s),this.stzhSearchChange=a(this,"stzhSearchChange"),this.stzhSearchChanged=a(this,"stzhSearchChanged"),this.placeholder="Suchen",this.searchId="anchorSearch",this.searchFieldName="q",this.searchValue="",this.handleSearchInput=e=>{this.searchValue=this.searchInput.value,this.stzhSearchChange.emit({component:"stzh-homepage-search",originalEvent:e,value:this.searchValue})},this.handleSearchChange=e=>{this.searchValue=this.searchInput.value,this.stzhSearchChanged.emit({component:"stzh-homepage-search",originalEvent:e,value:this.searchValue})}}searchValueWatcher(e){this.searchFilled=""!==e}async componentWillLoad(){this.searchValueWatcher(this.searchValue)}async componentDidLoad(){this.formElement&&this.formElement.addEventListener("animationend",(()=>{this.searchInput&&this.searchInput.focus()}))}render(){return s(h,{key:"4700258945d3b4ac164674abb918dd1f3d8f3516"},s("div",{key:"a093508779b67ed8298aaea6bb740da892b7fc3e",class:{"stzh-homepage-search":!0,"stzh-homepage-search--is-search-filled":this.searchFilled}},s("div",{key:"29234fe093666ba7921ad3c4b6f8e1cc562de89d",class:"stzh-homepage-search__container"},s("form",{key:"ea18deea54cdc371fc3b83001e499ee80d9b54ca",class:"stzh-homepage-search__form",action:this.searchAction,role:"search",ref:e=>this.formElement=e},s("label",{key:"42b6b74d8d4df4ee1621d57f06ddda2611f1fecb",class:"stzh-homepage-search__search"},s("input",{key:"ffa6b0e3342fc81b2f9a3e276da41d40ec6a946a",id:this.searchId,ref:e=>this.searchInput=e,class:"stzh-homepage-search__search-input",type:"search",name:this.searchFieldName,onChange:this.handleSearchChange,onInput:this.handleSearchInput,placeholder:this.placeholder}),s("stzh-icon",{key:"ca1aa683cc2249d5d4eeaf0bd79a3a28798aa1ba",class:"stzh-homepage-search__search-icon",name:"search"}))))))}get element(){return t(this)}static get watchers(){return{searchValue:[{searchValueWatcher:0}]}}};r.style='.sc-stzh-homepage-search-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-homepage-search-h,[stzh-hidden].sc-stzh-homepage-search-h{display:none}.sc-stzh-homepage-search-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-homepage-search-h .sc-stzh-homepage-search,.sc-stzh-homepage-search-h .sc-stzh-homepage-search::before,.sc-stzh-homepage-search-h *.sc-stzh-homepage-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)}.sc-stzh-homepage-search-h .has-focus.sc-stzh-homepage-search{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-homepage-search-h .stzh-fylingfocus-focused.sc-stzh-homepage-search{outline-style:none !important}.sc-stzh-homepage-search-h .stzh-fylingfocus-focused.sc-stzh-homepage-search::-moz-focus-inner{border:0 !important}.sc-stzh-homepage-search-h{--background-color:var( --stzh-homepage-search-background-color, var(--stzh-color-secondary20) )}@media print{.sc-stzh-homepage-search-h{display:none}}.sc-stzh-homepage-search-h{--grid-template-areas:"search search search search"}@media screen and (min-width: 900px){.sc-stzh-homepage-search-h{--grid-template-areas:"search search search search search search search search"}}@media screen and (min-width: 1260px){.sc-stzh-homepage-search-h{--column-gap:var(--stzh-homepage-search-grid-gutter-large, 0);--grid-template-areas:"search search search search search search . . . . . ."}}@media screen and (min-width: 1600px){.sc-stzh-homepage-search-h{--column-gap:var(--stzh-homepage-search-grid-gutter-ultra, 0)}}@keyframes slideIn{0%{transform:translateX(-3.125rem);opacity:0}100%{transform:translateX(0);opacity:1}}.stzh-homepage-search.sc-stzh-homepage-search{background-color:var(--background-color)}.stzh-homepage-search__container.sc-stzh-homepage-search{margin-left:var(--stzh-container-margin, 20px);margin-right:var(--stzh-container-margin, 20px)}@media screen and (min-width: 600px){.stzh-homepage-search__container.sc-stzh-homepage-search{margin-left:var(--stzh-container-margin-small, 32px);margin-right:var(--stzh-container-margin-small, 32px)}}@media screen and (min-width: 900px){.stzh-homepage-search__container.sc-stzh-homepage-search{margin-left:var(--stzh-container-margin-medium, 40px);margin-right:var(--stzh-container-margin-medium, 40px)}}@media screen and (min-width: 1260px){.stzh-homepage-search__container.sc-stzh-homepage-search{margin-left:var(--stzh-container-margin-large, 64px);margin-right:var(--stzh-container-margin-large, 64px)}}@media screen and (min-width: 1600px){.stzh-homepage-search__container.sc-stzh-homepage-search{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-homepage-search__container.sc-stzh-homepage-search{column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-homepage-search__container.sc-stzh-homepage-search{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-homepage-search__container.sc-stzh-homepage-search{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-homepage-search__container.sc-stzh-homepage-search{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-homepage-search__container.sc-stzh-homepage-search{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-homepage-search__container.sc-stzh-homepage-search{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-homepage-search__container.sc-stzh-homepage-search{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-homepage-search__container.sc-stzh-homepage-search{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-homepage-search__container.sc-stzh-homepage-search{padding-top:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-homepage-search__container.sc-stzh-homepage-search{padding-top:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-homepage-search__container.sc-stzh-homepage-search{padding-top:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-homepage-search__container.sc-stzh-homepage-search{padding-top:var(--stzh-space-xxxlarge, 40px)}}.stzh-homepage-search__container.sc-stzh-homepage-search{padding-bottom:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-homepage-search__container.sc-stzh-homepage-search{padding-bottom:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-homepage-search__container.sc-stzh-homepage-search{padding-bottom:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-homepage-search__container.sc-stzh-homepage-search{padding-bottom:var(--stzh-space-xxxlarge, 40px)}}.stzh-homepage-search__container.sc-stzh-homepage-search{grid-template-areas:var(--grid-template-areas)}@media screen and (min-width: 1260px){.stzh-homepage-search__container.sc-stzh-homepage-search{column-gap:var(--column-gap)}}.stzh-homepage-search__form.sc-stzh-homepage-search{grid-area:search;opacity:0;transform:translateX(-3.125rem);animation:slideIn 0.5s ease forwards;animation-delay:0.4s}.stzh-homepage-search__search.sc-stzh-homepage-search{position:relative;color:var(--stzh-color-grey90);transition:color var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-homepage-search__search.sc-stzh-homepage-search:hover{color:var(--stzh-color-black)}.stzh-homepage-search__search-input.sc-stzh-homepage-search{width:100%;max-width:100%;background-color:var(--stzh-color-white);color:transparent;font-family:inherit;font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);border:none;padding:var(--stzh-space-xsmall, 8px) var(--stzh-space-xsmall, 8px) var(--stzh-space-xsmall, 8px) var(--stzh-space-xxxxlarge, 48px);height:var(--stzh-form-input-height)}.stzh-homepage-search__search-input.sc-stzh-homepage-search:focus{color:var(--stzh-color-black)}.stzh-homepage-search__search-input.sc-stzh-homepage-search:-webkit-autofill{background-clip:text}.stzh-homepage-search__search-input[type=search].sc-stzh-homepage-search::-webkit-search-decoration,.stzh-homepage-search__search-input[type=search].sc-stzh-homepage-search::-webkit-search-cancel-button,.stzh-homepage-search__search-input[type=search].sc-stzh-homepage-search::-webkit-search-results-button,.stzh-homepage-search__search-input[type=search].sc-stzh-homepage-search::-webkit-search-results-decoration{-webkit-appearance:none}.stzh-homepage-search__search-icon.sc-stzh-homepage-search{position:absolute;top:50%;left:var(--stzh-space-small, 12px);transform:translate(0, -50%);transition:transform var(--stzh-base-transition-animation-speed);--color:var(--stzh-color-primary70)}';export{r as stzh_homepage_search}

package/dist/stzh-components/{p-7521adc5.entry.js → p-b5e9613e.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as s,c as t,h as i,a as e,d as a}from"./p-vaw5DHDC.js";import{i as h}from"./p-CBLSoWgI.js";import{a as o,r as c,m as r}from"./p-CUGRmgip.js";import"./p-BubviQku.js";const l=window.matchMedia("(prefers-reduced-motion: reduce)");let n=0;const u=class{constructor(i){s(this,i),this.stzhSlideStart=t(this,"stzhSlideStart"),this.stzhSlidePassed=t(this,"stzhSlidePassed"),this.stzhSlideEnd=t(this,"stzhSlideEnd"),this.variant="default",this.disabled=!1,this.noPeek=!1,this.slides=1,this.slidesSmall=0,this.slidesMedium=0,this.slidesLarge=0,this.slidesUltra=0,this.slide=0,this.autoplay=!1,this.autoplayTimeout=3e3,this.nonInteractive=!1,this.preventMouseDrag=!1,this.preventAutoplayPause=!1,this.preventAutoplayStop=!1,this.tabThrough=!1,this.withTrack=!1,this.scrollTimeout=100,this.distanceQuickSwipe=40,this.distancePreventClick=6,this.autoplayRunning=!1,this.autoplayDisabledByMotionMedia=!1,this.autoplayDisabledByMouse=!1,this.autoplayDisabledByFocus=!1,this.autoplayDisabledByScroll=!1,this.autoplayDisabledByDrag=!1,this.dragging=!1,this.scrolling=!1,this.ariaLive="",this.currentSlides=1,this.currentSwipeSlides=1,this.slideElements=[],this.previousElements=[],this.nextElements=[],this.navigationTextElements=[],this.slideScrollLeft=0,this.scrolledByAutoplay=!1,this.scrollTimeoutId=null,this.lastX=null,this.startX=null,this.startScrollLeft=null,this.disableTimeoutId=null,this.stoppedDragging=!1,this.onReducedMotionMediaChange=()=>{this.autoplayDisabledByMotionMedia=l.matches},this.onMouseenter=()=>{this.preventAutoplayPause\|\|(this.autoplayDisabledByMouse=!0)},this.onMouseleave=()=>{this.autoplayDisabledByMouse=!1},this.onFocusin=()=>{this.preventAutoplayPause\|\|(this.autoplayDisabledByFocus=!0)},this.onFocusout=()=>{this.autoplayDisabledByFocus=!1},this.onPreviousClick=()=>{this.scrollToPreviousSnapPoint()},this.onNextClick=()=>{this.scrollToNextSnapPoint()},this.onSlideResize=()=>{this.scrollElement&&(this.itemSize=this.sizingMethod())},this.onMutation=()=>{this.scrollElement&&(this.slideElements=Array.from(this.scrollElement.children),this.slideElements.forEach(((s,t)=>{s.setAttribute("role","group"),s.setAttribute("aria-roledescription","slide"),s.setAttribute("aria-label",this.localization.slideLabel.replace(/\{current\}/gi,(t+1).toString()).replace(/\{total\}/gi,this.slideElements.length.toString()))})),this.previousElements=Array.from(this.element.querySelectorAll("[data-stzh-carousel-previous]")),this.nextElements=Array.from(this.element.querySelectorAll("[data-stzh-carousel-next]")),this.navigationTextElements=Array.from(this.element.querySelectorAll("[data-stzh-carousel-navigation-text]")))},this.onScroll=()=>{if(null===this.scrollTimeoutId){const s=this.scrollElement.scrollLeft>this.slideScrollLeft?1:-1;this.scrolling=!0,this.scrolledByAutoplay\|\|(this.preventAutoplayStop?this.autoplayDisabledByScroll=!0:this.autoplay=!1),this.stzhSlideStart.emit({component:"stzh-carousel",index:this.slide+s})}this.slide!==this.calculateSlide()&&(this.update(),this.stzhSlidePassed.emit({component:"stzh-carousel",index:this.slide})),this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId),this.scrollTimeoutId=window.setTimeout(this.onScrollEnd,this.scrollTimeout)},this.onScrollEnd=()=>{this.scrollTimeoutId=null,this.update(),this.scrolling=!1,this.scrolledByAutoplay=!1,this.autoplayDisabledByScroll=!1,this.stoppedDragging&&(this.stoppedDragging=!1,this.scrollElement.style.removeProperty("scroll-behavior"),this.scrollElement.style.removeProperty("scroll-snap-type")),this.ariaLive=this.tabThrough\|\|"cards"===this.variant?"":(this.currentSlides>1?this.localization.slidesLabel:this.localization.slideLabel).replace(/\{(current\|from)\}/gi,(this.slide+1).toString()).replace(/\{to\}/gi,(this.slide+this.currentSlides).toString()).replace(/\{total\}/gi,this.slideElements.length.toString()),this.stzhSlideEnd.emit({component:"stzh-carousel",index:this.slide})},this.onMediaChange=()=>{const s=r("ultra").matches,t=r("large").matches,i=r("medium").matches,e=r("small").matches;this.currentSlides=s&&0!==this.slidesUltra?this.slidesUltra:t&&0!==this.slidesLarge?this.slidesLarge:i&&0!==this.slidesMedium?this.slidesMedium:e&&0!==this.slidesSmall?this.slidesSmall:this.slides,this.currentSwipeSlides=this.currentSlides},this.mouseMove=s=>{const t=this.lastX-s.clientX;this.lastX=s.clientX,this.scrollElement.scrollLeft+=t},this.startDragging=s=>{s.preventDefault(),this.disableTimeoutId&&window.clearTimeout(this.disableTimeoutId),this.disableTimeoutId=null,this.startX=this.lastX=s.clientX,this.startScrollLeft=this.scrollElement.scrollLeft,this.scrollElement.style.setProperty("scroll-behavior","auto"),this.scrollElement.style.setProperty("scroll-snap-type","unset"),this.dragging=!0,this.preventAutoplayStop?this.autoplayDisabledByDrag=!0:this.autoplay=!1,window.addEventListener("mousemove",this.mouseMove),window.addEventListener("mouseup",this.stopDragging,{capture:!0}),window.addEventListener("click",this.checkClick,{capture:!0})},this.stopDragging=s=>{s.preventDefault();const t=Math.abs(this.startX-this.lastX)>this.distanceQuickSwipe,i=this.lastX>this.startX?1:-1;this.dragging=!1,this.autoplayDisabledByDrag=!1;const e=this.scrollElement.scrollLeft;this.scrollElement.style.removeProperty("scroll-snap-type");const a=this.scrollElement.scrollLeft;this.scrollElement.style.setProperty("scroll-snap-type","unset"),this.scrollElement.scrollTo({left:e,behavior:"auto"}),a===this.startScrollLeft&&t?1===i?this.slideToPrevious():this.slideToNext():this.scrollElement.scrollTo({left:a,behavior:l.matches?"auto":"smooth"}),window.removeEventListener("mousemove",this.mouseMove),window.removeEventListener("mouseup",this.stopDragging,{capture:!0}),this.stoppedDragging=!0},this.checkClick=s=>{Math.abs(this.startX-this.lastX)>this.distancePreventClick&&(s.preventDefault(),s.stopPropagation()),this.lastX=null,window.removeEventListener("click",this.checkClick,{capture:!0})},this.autoplayInterval=()=>{this.scrolledByAutoplay=!0,this.hasReachedLastSlide()?this.slideTo(0):this.slideToNext()}}async slideTo(s,t="smooth"){this.scrollToSlide(s,t)}async slideToPrevious(s="smooth"){this.scrollToPreviousSnapPoint(s)}async slideToNext(s="smooth"){this.scrollToNextSnapPoint(s)}disabledWatcher(){this.disabled?(this.scrollElement&&this.scrollElement.removeEventListener("scroll",this.onScroll),this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId),this.scrollTimeoutId=null,this.element.removeEventListener("mouseenter",this.onMouseenter),this.element.removeEventListener("mouseleave",this.onMouseleave),this.element.removeEventListener("focusin",this.onFocusin),this.element.removeEventListener("focusout",this.onFocusout),this.onReducedMotionMediaChange(),l&&l.removeEventListener("change",this.onReducedMotionMediaChange)):(this.scrollElement&&this.scrollElement.addEventListener("scroll",this.onScroll,{passive:!0}),this.element.addEventListener("mouseenter",this.onMouseenter),this.element.addEventListener("mouseleave",this.onMouseleave),this.element.addEventListener("focusin",this.onFocusin),this.element.addEventListener("focusout",this.onFocusout),l&&l.addEventListener("change",this.onReducedMotionMediaChange))}preventMouseDragWatcher(){this.preventMouseDrag\|\|this.disabled?(this.disableTimeoutId&&window.clearTimeout(this.disableTimeoutId),this.disableTimeoutId=null,this.scrollElement&&this.scrollElement.removeEventListener("mousedown",this.startDragging),this.lastX=null):this.scrollElement&&this.scrollElement.addEventListener("mousedown",this.startDragging)}autoplayRunningWatcher(){!this.autoplay\|\|this.disabled\|\|this.autoplayDisabledByMotionMedia\|\|this.autoplayDisabledByMouse\|\|this.autoplayDisabledByFocus\|\|this.autoplayDisabledByScroll\|\|this.autoplayDisabledByDrag?(this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId),this.autoplayIntervalId=null,this.autoplayRunning=!1):(this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId),this.autoplayIntervalId=window.setInterval(this.autoplayInterval,this.autoplayTimeout),this.autoplayRunning=!0)}snapAlignWatcher(){this.slideElements.forEach(((s,t)=>{(t-this.currentSwipeSlides)%this.currentSwipeSlides==0?s.style.removeProperty("scroll-snap-align"):s.style.setProperty("scroll-snap-align","none")}))}inertWatcher(){this.slideElements.forEach(((s,t)=>{const i=this.tabThrough\|\|"cards"===this.variant\|\|t>=this.slide&&t<this.slide+this.currentSlides;s.inert=!i,i?s.removeAttribute("aria-hidden"):s.setAttribute("aria-hidden",i?"false":"true")}))}prevNextNavigationWatcher(){const s=this.tabThrough\|\|"cards"===this.variant,t=t=>{const i=h(t);s?(t.setAttribute("aria-hidden","true"),t.setAttribute(i?"a11y-tabindex":"tabindex","-1")):(t.removeAttribute("aria-hidden"),t.removeAttribute(i?"a11y-tabindex":"tabindex"))};this.nextElements.forEach(t),this.previousElements.forEach(t)}prevNextHiddenWatcher(){const s=this.slideElements.length<=this.currentSlides,t=t=>{s?t.setAttribute("hidden",""):t.removeAttribute("hidden")};this.navigationTextElements.forEach(t),this.nextElements.forEach(t),this.previousElements.forEach(t)}nextPrevDisabledWatcher(){if(!this.scrollElement)return;const s=0===this.slide,t=this.hasReachedLastSlide();this.nextElements.forEach((s=>{const i=h(s);s.setAttribute(i?"a11y-disabled":"aria-disabled",t\|\|this.disabled?"true":"false")})),this.previousElements.forEach((t=>{const i=h(t);t.setAttribute(i?"a11y-disabled":"aria-disabled",s\|\|this.disabled?"true":"false")}))}nextElementsWatcher(){this.nextElements.forEach((s=>{const t=h(s);s.addEventListener("click",this.onNextClick),s.setAttribute(t?"a11y-controls":"aria-controls",`${this.carouselId}-scroll`)}))}previousElementsWatcher(){this.previousElements.forEach((s=>{const t=h(s);s.addEventListener("click",this.onPreviousClick),s.setAttribute(t?"a11y-controls":"aria-controls",`${this.carouselId}-scroll`)}))}scrollToSlide(s,t="smooth"){this.disabled\|\|this.scrollElement.scrollTo({left:sthis.itemSize,behavior:l.matches?"auto":t})}sizingMethod(){const s=window.getComputedStyle(this.scrollElement);return(this.scrollElement.firstElementChild\|\|this.scrollElement).offsetWidth+parseInt(s.getPropertyValue("column-gap"),10)}calculateSlide(){return Math.round(this.scrollElement.scrollLeft/this.itemSize)}scrollToPreviousSnapPoint(s="smooth"){if(this.disabled)return;let t=this.slide,i=!1;for(;!i&&t>0;)t-=1,i=(t-this.currentSwipeSlides)%this.currentSwipeSlides==0;this.slideTo(t,s)}scrollToNextSnapPoint(s="smooth"){this.disabled\|\|this.slideTo(this.slide+this.currentSwipeSlides,s)}update(){this.slide=this.calculateSlide(),this.slideScrollLeft=this.slidethis.itemSize,this.onMutation()}hasReachedLastSlide(){const{scrollLeft:s,offsetWidth:t,scrollWidth:i}=this.scrollElement;return Math.ceil(s+t)>=i}async componentWillLoad(){this.carouselId="stzh-carousel-"+n++,this.onMediaChange(),this.localization\|\|(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"carousel"))}componentDidLoad(){this.itemSize=this.sizingMethod(),this.update(),this.disabledWatcher(),this.preventMouseDragWatcher(),this.autoplayRunningWatcher()}connectedCallback(){o(this.onMediaChange),this.resizeObserver=new ResizeObserver(this.onSlideResize),this.resizeObserver.observe(this.element),this.mutationObserver=new MutationObserver(this.onMutation),this.mutationObserver.observe(this.element,{childList:!0,subtree:!0})}disconnectedCallback(){this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId),this.scrollTimeoutId=null,c(this.onMediaChange),this.resizeObserver&&this.resizeObserver.disconnect(),this.mutationObserver&&this.mutationObserver.disconnect()}render(){var s,t;const a={"stzh-carousel":!0,"stzh-carousel--is-disabled":this.disabled,"stzh-carousel--is-draggable":!this.preventMouseDrag,"stzh-carousel--is-non-interactive":this.nonInteractive,"stzh-carousel--is-dragging":this.dragging,"stzh-carousel--is-scrolling":this.scrolling,"stzh-carousel--has-autoplay":this.autoplay,"stzh-carousel--is-autoplay-running":this.autoplayRunning};return i(e,{key:"9aabb8d8b51b15770e0e0cd03958b6e2644b95a4","aria-roledescription":"carousel",style:{"--slides":this.currentSlides.toString()}},i("div",{key:"1217886e82142b1863915859b43a3391d6f1ca27",class:a},i("slot",{key:"39c2686a868bb19ac510f1ceca7c3a629593bad7",name:"actions"}),i("div",{key:"b1237f3326788383f8043b04b571590eef621c0d",class:"stzh-carousel__vhidden","aria-live":this.autoplayDisabledByFocus\|\|this.autoplayDisabledByMouse?"polite":"off"},this.ariaLive),i("div",{key:"e0df3e4a78fb55133905c82d6fb0279a06d79079",ref:s=>this.scrollElement=s,id:`${this.carouselId}-scroll`,class:"stzh-carousel__scroll"},i("slot",{key:"ab3247cd7bb036fd5e0a4cf2cc94f774872f8001"})),this.withTrack&&i("div",{key:"422f9684e144b0100ff4ba7d1ff50322e809acd9",class:"stzh-carousel__indicator-track"},i("div",{key:"c6b55863125c63a23ec231dc753855f6bc41ec58",class:"stzh-carousel__indicator-thumb",style:{left:100/((null===(s=this.slideElements)\|\|void 0===s?void 0:s.length)\|\|1)this.slide+"%",width:`${100/((null===(t=this.slideElements)\|\|void 0===t?void 0:t.length)\|\|1)this.currentSlides\|\|0}%`}}))))}get element(){return a(this)}static get watchers(){return{disabled:[{disabledWatcher:0},{preventMouseDragWatcher:0},{autoplayRunningWatcher:0},{nextPrevDisabledWatcher:0}],preventMouseDrag:[{preventMouseDragWatcher:0}],autoplay:[{autoplayRunningWatcher:0}],autoplayDisabledByMotionMedia:[{autoplayRunningWatcher:0}],autoplayDisabledByMouse:[{autoplayRunningWatcher:0}],autoplayDisabledByFocus:[{autoplayRunningWatcher:0}],autoplayDisabledByScroll:[{autoplayRunningWatcher:0}],autoplayDisabledByDrag:[{autoplayRunningWatcher:0}],autoplayTimeout:[{autoplayRunningWatcher:0}],slideElements:[{snapAlignWatcher:0},{inertWatcher:0},{prevNextHiddenWatcher:0},{nextPrevDisabledWatcher:0}],currentSwipeSlides:[{snapAlignWatcher:0}],slide:[{inertWatcher:0},{nextPrevDisabledWatcher:0}],variant:[{inertWatcher:0},{prevNextNavigationWatcher:0}],currentSlides:[{inertWatcher:0},{prevNextHiddenWatcher:0},{nextPrevDisabledWatcher:0}],tabThrough:[{inertWatcher:0},{prevNextNavigationWatcher:0}],nextElements:[{prevNextNavigationWatcher:0},{prevNextHiddenWatcher:0},{nextPrevDisabledWatcher:0},{nextElementsWatcher:0}],previousElements:[{prevNextNavigationWatcher:0},{prevNextHiddenWatcher:0},{nextPrevDisabledWatcher:0},{previousElementsWatcher:0}],navigationTextElements:[{prevNextHiddenWatcher:0}]}}};u.style=".sc-stzh-carousel-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-carousel-h,[stzh-hidden].sc-stzh-carousel-h{display:none}.sc-stzh-carousel-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-carousel-h .sc-stzh-carousel,.sc-stzh-carousel-h .sc-stzh-carousel::before,.sc-stzh-carousel-h .sc-stzh-carousel::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-carousel-h .has-focus.sc-stzh-carousel{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-carousel-h .stzh-fylingfocus-focused.sc-stzh-carousel{outline-style:none !important}.sc-stzh-carousel-h .stzh-fylingfocus-focused.sc-stzh-carousel::-moz-focus-inner{border:0 !important}.sc-stzh-carousel-h{--gutter:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.sc-stzh-carousel-h{--gutter:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.sc-stzh-carousel-h{--gutter:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.sc-stzh-carousel-h{--gutter:var(--stzh-space-xxlarge, 32px)}}.sc-stzh-carousel-h{--peek:calc(var(--peek-in, 0px) + var(--peek-out, 0px));--peek-in:calc(var(--stzh-space-medium, 16px) + var(--stzh-space-medium, 16px));--padding-top:0px;--padding-bottom:0px;--snap-stop:always;--slides:1;--slide-size:calc( (100% - (var(--slides) - 1) var(--gutter)) / var(--slides) )}@media screen and (min-width: 600px){.sc-stzh-carousel-h{--peek-in:calc( var(--stzh-space-xxxlarge, 40px) + var(--stzh-space-xlarge, 24px) )}}@media screen and (min-width: 900px){.sc-stzh-carousel-h{--peek-in:calc(var(--stzh-space-big, 56px) + var(--stzh-space-xxlarge, 32px))}}.sc-stzh-carousel-h.sc-stzh-carousel-s>,.sc-stzh-carousel-h .sc-stzh-carousel-s>{width:100%;height:inherit;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:var(--snap-stop);transition:opacity var(--stzh-base-transition-animation-speed)}.sc-stzh-carousel-h .sc-stzh-carousel-s [inert]{opacity:0.5}.sc-stzh-carousel-h.sc-stzh-carousel-s>:where(stzh-figure[inert]),.sc-stzh-carousel-h .sc-stzh-carousel-s>:where(stzh-figure[inert]){--caption-opacity:0}.sc-stzh-carousel-h .sc-stzh-carousel-s img{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions],.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions]{position:absolute;top:0;left:0;z-index:1;pointer-events:none;padding:0 var(--peek)}@media print{.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions],.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions]{display:none}}.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] stzh-text,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-text{width:auto}.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] stzh-button,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-button{pointer-events:all}.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous,.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next{position:absolute;top:50%;transform:translateY(-50%)}.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous{left:calc((var(--stzh-space-medium, 16px) + var(--stzh-space-medium, 16px)) / -1)}@media screen and (min-width: 600px){.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous{left:calc((var(--stzh-space-xxxlarge, 40px) + var(--stzh-space-xlarge, 24px)) / -1)}}@media screen and (min-width: 900px){.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous{left:calc((var(--stzh-space-big, 56px) + var(--stzh-space-xxlarge, 32px)) / -1)}}.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next{right:calc((var(--stzh-space-medium, 16px) + var(--stzh-space-medium, 16px)) / -1)}@media screen and (min-width: 600px){.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next{right:calc((var(--stzh-space-xxxlarge, 40px) + var(--stzh-space-xlarge, 24px)) / -1)}}@media screen and (min-width: 900px){.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next{right:calc((var(--stzh-space-big, 56px) + var(--stzh-space-xxlarge, 32px)) / -1)}}.sc-stzh-carousel-h.sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-space,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-space,.sc-stzh-carousel-h.sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-hspace,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-hspace,.sc-stzh-carousel-h.sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-vspace,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-vspace{padding:var(--stzh-space-xsmall, 8px)}.sc-stzh-carousel-h.sc-stzh-carousel-s>stzh-ratio[slot=actions],.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions]{--background-color:transparent}[variant=cards].sc-stzh-carousel-h{--gutter:var(--stzh-space-xxsmall, 4px)}@media screen and (min-width: 900px){[variant=cards].sc-stzh-carousel-h{--gutter:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 1260px){[variant=cards].sc-stzh-carousel-h{--gutter:var(--stzh-space-small, 12px)}}[variant=cards].sc-stzh-carousel-h{--padding-top:0.25rem;--padding-bottom:0.25rem}@media screen and (min-width: 900px){[variant=cards].sc-stzh-carousel-h{--peek-out:var(--stzh-container-margin-medium, 40px)}}@media screen and (min-width: 1260px){[variant=cards].sc-stzh-carousel-h{--peek-out:var(--stzh-container-margin-large, 64px)}}@media screen and (min-width: 1600px){[variant=cards].sc-stzh-carousel-h{--peek-out:calc( (100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2 )}}.sc-stzh-carousel-h[variant=cards].sc-stzh-carousel-s>[slot=actions],.sc-stzh-carousel-h[variant=cards] .sc-stzh-carousel-s>[slot=actions]{position:absolute;order:1;margin-top:calc(var(--stzh-space-medium, 16px) - var(--padding-bottom))}[no-peek].sc-stzh-carousel-h:not([no-peek=false]){--peek-out:0px;--peek-in:0px}.stzh-carousel.sc-stzh-carousel{position:relative;display:flex;flex-direction:column;width:calc(100% + var(--peek-out) * 2);margin-left:calc(var(--peek-out) / -1);margin-right:calc(var(--peek-out) / -1)}.stzh-carousel__vhidden.sc-stzh-carousel{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-carousel__indicator-track.sc-stzh-carousel{margin-top:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.stzh-carousel__indicator-track.sc-stzh-carousel{margin-top:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-carousel__indicator-track.sc-stzh-carousel{margin-top:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-carousel__indicator-track.sc-stzh-carousel{margin-top:var(--stzh-space-xxlarge, 32px)}}.stzh-carousel__indicator-track.sc-stzh-carousel{margin-left:auto;margin-right:auto;position:relative;width:14.375rem;height:0.25rem;background-color:var(--stzh-color-black20op)}@media (forced-colors: active){.stzh-carousel__indicator-track.sc-stzh-carousel{height:0.375rem;outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-carousel__indicator-thumb.sc-stzh-carousel{position:absolute;background-color:var(--stzh-color-secondary50);height:0.375rem;left:0px;bottom:0px;transition-property:left, width;transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-carousel__indicator-thumb.sc-stzh-carousel{forced-color-adjust:none;background-color:SelectedItem}}.stzh-carousel__scroll.sc-stzh-carousel{position:relative;grid-area:slides;display:grid;width:100%;height:100%;place-items:center;overflow-x:auto;overflow-y:visible;grid-auto-flow:column;grid-auto-columns:var(--slide-size);grid-auto-rows:100%;column-gap:var(--gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 var(--peek);padding:var(--padding-top) var(--peek) var(--padding-bottom)}@media (prefers-reduced-motion: reduce){.stzh-carousel__scroll.sc-stzh-carousel{scroll-behavior:auto}}.stzh-carousel__scroll.sc-stzh-carousel::-webkit-scrollbar{display:none}.stzh-carousel--is-draggable.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:grab}.stzh-carousel--is-dragging.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:grabbing}.stzh-carousel--is-disabled.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:not-allowed;overflow:hidden}.stzh-carousel--is-non-interactive.sc-stzh-carousel{pointer-events:none;touch-action:none}";export{u as stzh_carousel}
1	+ import{r as s,c as t,h as i,a as e,d as a}from"./p-rujKGmCS.js";import{i as h}from"./p-CBLSoWgI.js";import{a as o,r as c,m as r}from"./p-CUGRmgip.js";import"./p-BubviQku.js";const l=window.matchMedia("(prefers-reduced-motion: reduce)");let n=0;const u=class{constructor(i){s(this,i),this.stzhSlideStart=t(this,"stzhSlideStart"),this.stzhSlidePassed=t(this,"stzhSlidePassed"),this.stzhSlideEnd=t(this,"stzhSlideEnd"),this.variant="default",this.disabled=!1,this.noPeek=!1,this.slides=1,this.slidesSmall=0,this.slidesMedium=0,this.slidesLarge=0,this.slidesUltra=0,this.slide=0,this.autoplay=!1,this.autoplayTimeout=3e3,this.nonInteractive=!1,this.preventMouseDrag=!1,this.preventAutoplayPause=!1,this.preventAutoplayStop=!1,this.tabThrough=!1,this.withTrack=!1,this.scrollTimeout=100,this.distanceQuickSwipe=40,this.distancePreventClick=6,this.autoplayRunning=!1,this.autoplayDisabledByMotionMedia=!1,this.autoplayDisabledByMouse=!1,this.autoplayDisabledByFocus=!1,this.autoplayDisabledByScroll=!1,this.autoplayDisabledByDrag=!1,this.dragging=!1,this.scrolling=!1,this.ariaLive="",this.currentSlides=1,this.currentSwipeSlides=1,this.slideElements=[],this.previousElements=[],this.nextElements=[],this.navigationTextElements=[],this.slideScrollLeft=0,this.scrolledByAutoplay=!1,this.scrollTimeoutId=null,this.lastX=null,this.startX=null,this.startScrollLeft=null,this.disableTimeoutId=null,this.stoppedDragging=!1,this.onReducedMotionMediaChange=()=>{this.autoplayDisabledByMotionMedia=l.matches},this.onMouseenter=()=>{this.preventAutoplayPause\|\|(this.autoplayDisabledByMouse=!0)},this.onMouseleave=()=>{this.autoplayDisabledByMouse=!1},this.onFocusin=()=>{this.preventAutoplayPause\|\|(this.autoplayDisabledByFocus=!0)},this.onFocusout=()=>{this.autoplayDisabledByFocus=!1},this.onPreviousClick=()=>{this.scrollToPreviousSnapPoint()},this.onNextClick=()=>{this.scrollToNextSnapPoint()},this.onSlideResize=()=>{this.scrollElement&&(this.itemSize=this.sizingMethod())},this.onMutation=()=>{this.scrollElement&&(this.slideElements=Array.from(this.scrollElement.children),this.slideElements.forEach(((s,t)=>{s.setAttribute("role","group"),s.setAttribute("aria-roledescription","slide"),s.setAttribute("aria-label",this.localization.slideLabel.replace(/\{current\}/gi,(t+1).toString()).replace(/\{total\}/gi,this.slideElements.length.toString()))})),this.previousElements=Array.from(this.element.querySelectorAll("[data-stzh-carousel-previous]")),this.nextElements=Array.from(this.element.querySelectorAll("[data-stzh-carousel-next]")),this.navigationTextElements=Array.from(this.element.querySelectorAll("[data-stzh-carousel-navigation-text]")))},this.onScroll=()=>{if(null===this.scrollTimeoutId){const s=this.scrollElement.scrollLeft>this.slideScrollLeft?1:-1;this.scrolling=!0,this.scrolledByAutoplay\|\|(this.preventAutoplayStop?this.autoplayDisabledByScroll=!0:this.autoplay=!1),this.stzhSlideStart.emit({component:"stzh-carousel",index:this.slide+s})}this.slide!==this.calculateSlide()&&(this.update(),this.stzhSlidePassed.emit({component:"stzh-carousel",index:this.slide})),this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId),this.scrollTimeoutId=window.setTimeout(this.onScrollEnd,this.scrollTimeout)},this.onScrollEnd=()=>{this.scrollTimeoutId=null,this.update(),this.scrolling=!1,this.scrolledByAutoplay=!1,this.autoplayDisabledByScroll=!1,this.stoppedDragging&&(this.stoppedDragging=!1,this.scrollElement.style.removeProperty("scroll-behavior"),this.scrollElement.style.removeProperty("scroll-snap-type")),this.ariaLive=this.tabThrough\|\|"cards"===this.variant?"":(this.currentSlides>1?this.localization.slidesLabel:this.localization.slideLabel).replace(/\{(current\|from)\}/gi,(this.slide+1).toString()).replace(/\{to\}/gi,(this.slide+this.currentSlides).toString()).replace(/\{total\}/gi,this.slideElements.length.toString()),this.stzhSlideEnd.emit({component:"stzh-carousel",index:this.slide})},this.onMediaChange=()=>{const s=r("ultra").matches,t=r("large").matches,i=r("medium").matches,e=r("small").matches;this.currentSlides=s&&0!==this.slidesUltra?this.slidesUltra:t&&0!==this.slidesLarge?this.slidesLarge:i&&0!==this.slidesMedium?this.slidesMedium:e&&0!==this.slidesSmall?this.slidesSmall:this.slides,this.currentSwipeSlides=this.currentSlides},this.mouseMove=s=>{const t=this.lastX-s.clientX;this.lastX=s.clientX,this.scrollElement.scrollLeft+=t},this.startDragging=s=>{s.preventDefault(),this.disableTimeoutId&&window.clearTimeout(this.disableTimeoutId),this.disableTimeoutId=null,this.startX=this.lastX=s.clientX,this.startScrollLeft=this.scrollElement.scrollLeft,this.scrollElement.style.setProperty("scroll-behavior","auto"),this.scrollElement.style.setProperty("scroll-snap-type","unset"),this.dragging=!0,this.preventAutoplayStop?this.autoplayDisabledByDrag=!0:this.autoplay=!1,window.addEventListener("mousemove",this.mouseMove),window.addEventListener("mouseup",this.stopDragging,{capture:!0}),window.addEventListener("click",this.checkClick,{capture:!0})},this.stopDragging=s=>{s.preventDefault();const t=Math.abs(this.startX-this.lastX)>this.distanceQuickSwipe,i=this.lastX>this.startX?1:-1;this.dragging=!1,this.autoplayDisabledByDrag=!1;const e=this.scrollElement.scrollLeft;this.scrollElement.style.removeProperty("scroll-snap-type");const a=this.scrollElement.scrollLeft;this.scrollElement.style.setProperty("scroll-snap-type","unset"),this.scrollElement.scrollTo({left:e,behavior:"auto"}),a===this.startScrollLeft&&t?1===i?this.slideToPrevious():this.slideToNext():this.scrollElement.scrollTo({left:a,behavior:l.matches?"auto":"smooth"}),window.removeEventListener("mousemove",this.mouseMove),window.removeEventListener("mouseup",this.stopDragging,{capture:!0}),this.stoppedDragging=!0},this.checkClick=s=>{Math.abs(this.startX-this.lastX)>this.distancePreventClick&&(s.preventDefault(),s.stopPropagation()),this.lastX=null,window.removeEventListener("click",this.checkClick,{capture:!0})},this.autoplayInterval=()=>{this.scrolledByAutoplay=!0,this.hasReachedLastSlide()?this.slideTo(0):this.slideToNext()}}async slideTo(s,t="smooth"){this.scrollToSlide(s,t)}async slideToPrevious(s="smooth"){this.scrollToPreviousSnapPoint(s)}async slideToNext(s="smooth"){this.scrollToNextSnapPoint(s)}disabledWatcher(){this.disabled?(this.scrollElement&&this.scrollElement.removeEventListener("scroll",this.onScroll),this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId),this.scrollTimeoutId=null,this.element.removeEventListener("mouseenter",this.onMouseenter),this.element.removeEventListener("mouseleave",this.onMouseleave),this.element.removeEventListener("focusin",this.onFocusin),this.element.removeEventListener("focusout",this.onFocusout),this.onReducedMotionMediaChange(),l&&l.removeEventListener("change",this.onReducedMotionMediaChange)):(this.scrollElement&&this.scrollElement.addEventListener("scroll",this.onScroll,{passive:!0}),this.element.addEventListener("mouseenter",this.onMouseenter),this.element.addEventListener("mouseleave",this.onMouseleave),this.element.addEventListener("focusin",this.onFocusin),this.element.addEventListener("focusout",this.onFocusout),l&&l.addEventListener("change",this.onReducedMotionMediaChange))}preventMouseDragWatcher(){this.preventMouseDrag\|\|this.disabled?(this.disableTimeoutId&&window.clearTimeout(this.disableTimeoutId),this.disableTimeoutId=null,this.scrollElement&&this.scrollElement.removeEventListener("mousedown",this.startDragging),this.lastX=null):this.scrollElement&&this.scrollElement.addEventListener("mousedown",this.startDragging)}autoplayRunningWatcher(){!this.autoplay\|\|this.disabled\|\|this.autoplayDisabledByMotionMedia\|\|this.autoplayDisabledByMouse\|\|this.autoplayDisabledByFocus\|\|this.autoplayDisabledByScroll\|\|this.autoplayDisabledByDrag?(this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId),this.autoplayIntervalId=null,this.autoplayRunning=!1):(this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId),this.autoplayIntervalId=window.setInterval(this.autoplayInterval,this.autoplayTimeout),this.autoplayRunning=!0)}snapAlignWatcher(){this.slideElements.forEach(((s,t)=>{(t-this.currentSwipeSlides)%this.currentSwipeSlides==0?s.style.removeProperty("scroll-snap-align"):s.style.setProperty("scroll-snap-align","none")}))}inertWatcher(){this.slideElements.forEach(((s,t)=>{const i=this.tabThrough\|\|"cards"===this.variant\|\|t>=this.slide&&t<this.slide+this.currentSlides;s.inert=!i,i?s.removeAttribute("aria-hidden"):s.setAttribute("aria-hidden",i?"false":"true")}))}prevNextNavigationWatcher(){const s=this.tabThrough\|\|"cards"===this.variant,t=t=>{const i=h(t);s?(t.setAttribute("aria-hidden","true"),t.setAttribute(i?"a11y-tabindex":"tabindex","-1")):(t.removeAttribute("aria-hidden"),t.removeAttribute(i?"a11y-tabindex":"tabindex"))};this.nextElements.forEach(t),this.previousElements.forEach(t)}prevNextHiddenWatcher(){const s=this.slideElements.length<=this.currentSlides,t=t=>{s?t.setAttribute("hidden",""):t.removeAttribute("hidden")};this.navigationTextElements.forEach(t),this.nextElements.forEach(t),this.previousElements.forEach(t)}nextPrevDisabledWatcher(){if(!this.scrollElement)return;const s=0===this.slide,t=this.hasReachedLastSlide();this.nextElements.forEach((s=>{const i=h(s);s.setAttribute(i?"a11y-disabled":"aria-disabled",t\|\|this.disabled?"true":"false")})),this.previousElements.forEach((t=>{const i=h(t);t.setAttribute(i?"a11y-disabled":"aria-disabled",s\|\|this.disabled?"true":"false")}))}nextElementsWatcher(){this.nextElements.forEach((s=>{const t=h(s);s.addEventListener("click",this.onNextClick),s.setAttribute(t?"a11y-controls":"aria-controls",`${this.carouselId}-scroll`)}))}previousElementsWatcher(){this.previousElements.forEach((s=>{const t=h(s);s.addEventListener("click",this.onPreviousClick),s.setAttribute(t?"a11y-controls":"aria-controls",`${this.carouselId}-scroll`)}))}scrollToSlide(s,t="smooth"){this.disabled\|\|this.scrollElement.scrollTo({left:sthis.itemSize,behavior:l.matches?"auto":t})}sizingMethod(){const s=window.getComputedStyle(this.scrollElement);return(this.scrollElement.firstElementChild\|\|this.scrollElement).offsetWidth+parseInt(s.getPropertyValue("column-gap"),10)}calculateSlide(){return Math.round(this.scrollElement.scrollLeft/this.itemSize)}scrollToPreviousSnapPoint(s="smooth"){if(this.disabled)return;let t=this.slide,i=!1;for(;!i&&t>0;)t-=1,i=(t-this.currentSwipeSlides)%this.currentSwipeSlides==0;this.slideTo(t,s)}scrollToNextSnapPoint(s="smooth"){this.disabled\|\|this.slideTo(this.slide+this.currentSwipeSlides,s)}update(){this.slide=this.calculateSlide(),this.slideScrollLeft=this.slidethis.itemSize,this.onMutation()}hasReachedLastSlide(){const{scrollLeft:s,offsetWidth:t,scrollWidth:i}=this.scrollElement;return Math.ceil(s+t)>=i}async componentWillLoad(){this.carouselId="stzh-carousel-"+n++,this.onMediaChange(),this.localization\|\|(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"carousel"))}componentDidLoad(){this.itemSize=this.sizingMethod(),this.update(),this.disabledWatcher(),this.preventMouseDragWatcher(),this.autoplayRunningWatcher()}connectedCallback(){o(this.onMediaChange),this.resizeObserver=new ResizeObserver(this.onSlideResize),this.resizeObserver.observe(this.element),this.mutationObserver=new MutationObserver(this.onMutation),this.mutationObserver.observe(this.element,{childList:!0,subtree:!0})}disconnectedCallback(){this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId),this.scrollTimeoutId=null,c(this.onMediaChange),this.resizeObserver&&this.resizeObserver.disconnect(),this.mutationObserver&&this.mutationObserver.disconnect()}render(){var s,t;const a={"stzh-carousel":!0,"stzh-carousel--is-disabled":this.disabled,"stzh-carousel--is-draggable":!this.preventMouseDrag,"stzh-carousel--is-non-interactive":this.nonInteractive,"stzh-carousel--is-dragging":this.dragging,"stzh-carousel--is-scrolling":this.scrolling,"stzh-carousel--has-autoplay":this.autoplay,"stzh-carousel--is-autoplay-running":this.autoplayRunning};return i(e,{key:"9aabb8d8b51b15770e0e0cd03958b6e2644b95a4","aria-roledescription":"carousel",style:{"--slides":this.currentSlides.toString()}},i("div",{key:"1217886e82142b1863915859b43a3391d6f1ca27",class:a},i("slot",{key:"39c2686a868bb19ac510f1ceca7c3a629593bad7",name:"actions"}),i("div",{key:"b1237f3326788383f8043b04b571590eef621c0d",class:"stzh-carousel__vhidden","aria-live":this.autoplayDisabledByFocus\|\|this.autoplayDisabledByMouse?"polite":"off"},this.ariaLive),i("div",{key:"e0df3e4a78fb55133905c82d6fb0279a06d79079",ref:s=>this.scrollElement=s,id:`${this.carouselId}-scroll`,class:"stzh-carousel__scroll"},i("slot",{key:"ab3247cd7bb036fd5e0a4cf2cc94f774872f8001"})),this.withTrack&&i("div",{key:"422f9684e144b0100ff4ba7d1ff50322e809acd9",class:"stzh-carousel__indicator-track"},i("div",{key:"c6b55863125c63a23ec231dc753855f6bc41ec58",class:"stzh-carousel__indicator-thumb",style:{left:100/((null===(s=this.slideElements)\|\|void 0===s?void 0:s.length)\|\|1)this.slide+"%",width:`${100/((null===(t=this.slideElements)\|\|void 0===t?void 0:t.length)\|\|1)this.currentSlides\|\|0}%`}}))))}get element(){return a(this)}static get watchers(){return{disabled:[{disabledWatcher:0},{preventMouseDragWatcher:0},{autoplayRunningWatcher:0},{nextPrevDisabledWatcher:0}],preventMouseDrag:[{preventMouseDragWatcher:0}],autoplay:[{autoplayRunningWatcher:0}],autoplayDisabledByMotionMedia:[{autoplayRunningWatcher:0}],autoplayDisabledByMouse:[{autoplayRunningWatcher:0}],autoplayDisabledByFocus:[{autoplayRunningWatcher:0}],autoplayDisabledByScroll:[{autoplayRunningWatcher:0}],autoplayDisabledByDrag:[{autoplayRunningWatcher:0}],autoplayTimeout:[{autoplayRunningWatcher:0}],slideElements:[{snapAlignWatcher:0},{inertWatcher:0},{prevNextHiddenWatcher:0},{nextPrevDisabledWatcher:0}],currentSwipeSlides:[{snapAlignWatcher:0}],slide:[{inertWatcher:0},{nextPrevDisabledWatcher:0}],variant:[{inertWatcher:0},{prevNextNavigationWatcher:0}],currentSlides:[{inertWatcher:0},{prevNextHiddenWatcher:0},{nextPrevDisabledWatcher:0}],tabThrough:[{inertWatcher:0},{prevNextNavigationWatcher:0}],nextElements:[{prevNextNavigationWatcher:0},{prevNextHiddenWatcher:0},{nextPrevDisabledWatcher:0},{nextElementsWatcher:0}],previousElements:[{prevNextNavigationWatcher:0},{prevNextHiddenWatcher:0},{nextPrevDisabledWatcher:0},{previousElementsWatcher:0}],navigationTextElements:[{prevNextHiddenWatcher:0}]}}};u.style=".sc-stzh-carousel-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-carousel-h,[stzh-hidden].sc-stzh-carousel-h{display:none}.sc-stzh-carousel-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-carousel-h .sc-stzh-carousel,.sc-stzh-carousel-h .sc-stzh-carousel::before,.sc-stzh-carousel-h .sc-stzh-carousel::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-carousel-h .has-focus.sc-stzh-carousel{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-carousel-h .stzh-fylingfocus-focused.sc-stzh-carousel{outline-style:none !important}.sc-stzh-carousel-h .stzh-fylingfocus-focused.sc-stzh-carousel::-moz-focus-inner{border:0 !important}.sc-stzh-carousel-h{--gutter:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.sc-stzh-carousel-h{--gutter:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.sc-stzh-carousel-h{--gutter:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.sc-stzh-carousel-h{--gutter:var(--stzh-space-xxlarge, 32px)}}.sc-stzh-carousel-h{--peek:calc(var(--peek-in, 0px) + var(--peek-out, 0px));--peek-in:calc(var(--stzh-space-medium, 16px) + var(--stzh-space-medium, 16px));--padding-top:0px;--padding-bottom:0px;--snap-stop:always;--slides:1;--slide-size:calc( (100% - (var(--slides) - 1) var(--gutter)) / var(--slides) )}@media screen and (min-width: 600px){.sc-stzh-carousel-h{--peek-in:calc( var(--stzh-space-xxxlarge, 40px) + var(--stzh-space-xlarge, 24px) )}}@media screen and (min-width: 900px){.sc-stzh-carousel-h{--peek-in:calc(var(--stzh-space-big, 56px) + var(--stzh-space-xxlarge, 32px))}}.sc-stzh-carousel-h.sc-stzh-carousel-s>,.sc-stzh-carousel-h .sc-stzh-carousel-s>{width:100%;height:inherit;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:var(--snap-stop);transition:opacity var(--stzh-base-transition-animation-speed)}.sc-stzh-carousel-h .sc-stzh-carousel-s [inert]{opacity:0.5}.sc-stzh-carousel-h.sc-stzh-carousel-s>:where(stzh-figure[inert]),.sc-stzh-carousel-h .sc-stzh-carousel-s>:where(stzh-figure[inert]){--caption-opacity:0}.sc-stzh-carousel-h .sc-stzh-carousel-s img{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions],.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions]{position:absolute;top:0;left:0;z-index:1;pointer-events:none;padding:0 var(--peek)}@media print{.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions],.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions]{display:none}}.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] stzh-text,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-text{width:auto}.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] stzh-button,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-button{pointer-events:all}.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous,.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next{position:absolute;top:50%;transform:translateY(-50%)}.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous{left:calc((var(--stzh-space-medium, 16px) + var(--stzh-space-medium, 16px)) / -1)}@media screen and (min-width: 600px){.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous{left:calc((var(--stzh-space-xxxlarge, 40px) + var(--stzh-space-xlarge, 24px)) / -1)}}@media screen and (min-width: 900px){.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-previous{left:calc((var(--stzh-space-big, 56px) + var(--stzh-space-xxlarge, 32px)) / -1)}}.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next{right:calc((var(--stzh-space-medium, 16px) + var(--stzh-space-medium, 16px)) / -1)}@media screen and (min-width: 600px){.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next{right:calc((var(--stzh-space-xxxlarge, 40px) + var(--stzh-space-xlarge, 24px)) / -1)}}@media screen and (min-width: 900px){.sc-stzh-carousel-h.sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next,.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] .stzh-carousel-action-next{right:calc((var(--stzh-space-big, 56px) + var(--stzh-space-xxlarge, 32px)) / -1)}}.sc-stzh-carousel-h.sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-space,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-space,.sc-stzh-carousel-h.sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-hspace,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-hspace,.sc-stzh-carousel-h.sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-vspace,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-vspace{padding:var(--stzh-space-xsmall, 8px)}.sc-stzh-carousel-h.sc-stzh-carousel-s>stzh-ratio[slot=actions],.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions]{--background-color:transparent}[variant=cards].sc-stzh-carousel-h{--gutter:var(--stzh-space-xxsmall, 4px)}@media screen and (min-width: 900px){[variant=cards].sc-stzh-carousel-h{--gutter:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 1260px){[variant=cards].sc-stzh-carousel-h{--gutter:var(--stzh-space-small, 12px)}}[variant=cards].sc-stzh-carousel-h{--padding-top:0.25rem;--padding-bottom:0.25rem}@media screen and (min-width: 900px){[variant=cards].sc-stzh-carousel-h{--peek-out:var(--stzh-container-margin-medium, 40px)}}@media screen and (min-width: 1260px){[variant=cards].sc-stzh-carousel-h{--peek-out:var(--stzh-container-margin-large, 64px)}}@media screen and (min-width: 1600px){[variant=cards].sc-stzh-carousel-h{--peek-out:calc( (100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2 )}}.sc-stzh-carousel-h[variant=cards].sc-stzh-carousel-s>[slot=actions],.sc-stzh-carousel-h[variant=cards] .sc-stzh-carousel-s>[slot=actions]{position:absolute;order:1;margin-top:calc(var(--stzh-space-medium, 16px) - var(--padding-bottom))}[no-peek].sc-stzh-carousel-h:not([no-peek=false]){--peek-out:0px;--peek-in:0px}.stzh-carousel.sc-stzh-carousel{position:relative;display:flex;flex-direction:column;width:calc(100% + var(--peek-out) * 2);margin-left:calc(var(--peek-out) / -1);margin-right:calc(var(--peek-out) / -1)}.stzh-carousel__vhidden.sc-stzh-carousel{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-carousel__indicator-track.sc-stzh-carousel{margin-top:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.stzh-carousel__indicator-track.sc-stzh-carousel{margin-top:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){.stzh-carousel__indicator-track.sc-stzh-carousel{margin-top:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){.stzh-carousel__indicator-track.sc-stzh-carousel{margin-top:var(--stzh-space-xxlarge, 32px)}}.stzh-carousel__indicator-track.sc-stzh-carousel{margin-left:auto;margin-right:auto;position:relative;width:14.375rem;height:0.25rem;background-color:var(--stzh-color-black20op)}@media (forced-colors: active){.stzh-carousel__indicator-track.sc-stzh-carousel{height:0.375rem;outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-carousel__indicator-thumb.sc-stzh-carousel{position:absolute;background-color:var(--stzh-color-secondary50);height:0.375rem;left:0px;bottom:0px;transition-property:left, width;transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-carousel__indicator-thumb.sc-stzh-carousel{forced-color-adjust:none;background-color:SelectedItem}}.stzh-carousel__scroll.sc-stzh-carousel{position:relative;grid-area:slides;display:grid;width:100%;height:100%;place-items:center;overflow-x:auto;overflow-y:visible;grid-auto-flow:column;grid-auto-columns:var(--slide-size);grid-auto-rows:100%;column-gap:var(--gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 var(--peek);padding:var(--padding-top) var(--peek) var(--padding-bottom)}@media (prefers-reduced-motion: reduce){.stzh-carousel__scroll.sc-stzh-carousel{scroll-behavior:auto}}.stzh-carousel__scroll.sc-stzh-carousel::-webkit-scrollbar{display:none}.stzh-carousel--is-draggable.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:grab}.stzh-carousel--is-dragging.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:grabbing}.stzh-carousel--is-disabled.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:not-allowed;overflow:hidden}.stzh-carousel--is-non-interactive.sc-stzh-carousel{pointer-events:none;touch-action:none}";export{u as stzh_carousel}

package/dist/stzh-components/{p-bc3955eb.entry.js → p-b7094eb9.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,c as s,h as i,a as o,d as h}from"./p-vaw5DHDC.js";import{e,o as c}from"./p-CBLSoWgI.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=class{constructor(i){t(this,i),this.stzhStuckTop=s(this,"stzhStuckTop"),this.stzhStuckBottom=s(this,"stzhStuckBottom"),this.variant="default",this.disableStickyTop=!0,this.disableStickyBottom=!1,this.bleeding=!1,this.position="sticky",this.loaded=!1,this.fixedHeight=0,this.fixedWidth=0,this.fixedLimit=null,this.handleScroll=()=>{this.debounceScroll&&window.cancelAnimationFrame(this.debounceScroll),this.debounceScroll=requestAnimationFrame(this.updateByScroll)},this.handleResize=()=>{this.debounceResize&&window.cancelAnimationFrame(this.debounceResize),this.debounceResize=requestAnimationFrame(this.updateFixedByResize)},this.handleStickyResize=n((()=>{this.stuckHeightWatcher(),this.updateByScroll()}),100),this.updateByScroll=()=>{if(!e(this.stickyElement)\|\|!this.element.isConnected)return;const t=this.element.closest("[data-stzh-sticky-width-container]")\|\|this.element.parentElement,s=c((this.isStuckTop\|\|this.isStuckBottom)&&"fixed"===this.position?this.spacerElement:this.stickyElement);if(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`),"sticky"===this.position)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,this.isStuckTop\|\|this.isStuckBottom?this.setFixed():this.setUnfixed()},this.updateFixedByResize=()=>{this.stickyElement&&this.element.isConnected&&(this.setUnfixed(),this.stickyElement.style.position="static",this.stickyElement.style.width="auto",this.isStuckTop=!1,this.isStuckBottom=!1,e(this.stickyElement)&&(this.windowHeight=window.innerHeight,this.updateByScroll()))},this.observe=()=>{this.updateStuck()}}disableStickyWatcher(){requestAnimationFrame((()=>{requestAnimationFrame((()=>{"fixed"===this.position?this.updateFixedByResize():this.updateStuck()}))}))}stuckHeightWatcher(){let t=!1;this.isStuckTop&&!this.hasReachedBottomLimit?(t=!0,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`)):(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")),this.isStuckBottom&&!this.hasReachedTopLimit?(t=!0,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`)):(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"),t?this.stickyResizeObserver.observe(this.stickyElement):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(){"fixed"===this.position?(this.observer&&this.observer.disconnect(),window.addEventListener("scroll",this.handleScroll,{passive:!0}),window.addEventListener("resize",this.handleResize),this.updateFixedByResize()):(this.bleeding?(window.addEventListener("scroll",this.handleScroll,{passive:!0}),this.updateByScroll()):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),s=parseInt(getComputedStyle(this.stickyElement).bottom,10),i=this.stickyElement.getBoundingClientRect();this.isStuckTop=!!t&&i.top<0,this.isStuckBottom=!!s&&document.documentElement.clientHeight<i.bottom}getFixedLimit(){const t=this.element.closest("[data-stzh-sticky-container]");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:"absolute"===t?`${this.isStuckTop?this.fixedLimit.bottom-this.fixedHeight:this.fixedLimit.top}px`:this.isStuckTop?"0px":"auto",bottom:this.isStuckTop\|\|"absolute"===t?"auto":"0px",left:`${this.fixedLeft+("fixed"===t?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=!0,"fixed"===this.position&&this.updateFixedByResize()}),250)}))}))}disconnectedCallback(){var t,s;null===(t=this.observer)\|\|void 0===t\|\|t.disconnect(),null===(s=this.stickyResizeObserver)\|\|void 0===s\|\|s.disconnect(),window.removeEventListener("scroll",this.handleScroll),window.removeEventListener("resize",this.handleResize)}render(){return i(o,{key:"2f3a5b03272896bda71172bb7c8b74eeedaf0c48","is-stuck":this.isStuckTop\|\|this.isStuckBottom,"is-stuck-top":this.isStuckTop,"is-stuck-bottom":this.isStuckBottom},i("div",{key:"d82d26697fe53d2241817288a6d374dd84d1bee2",class:{"stzh-sticky":!0,"stzh-sticky--is-not-loaded":!this.loaded,"stzh-sticky--is-stuck":this.isStuckTop\|\|this.isStuckBottom,"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}},i("div",{key:"faa4056506f8a0ed6f3f925c2dc8c0e2ce6c52c7",ref:t=>this.spacerElement=t,class:"stzh-sticky__spacer"}),i("div",{key:"fd78115d5b92cb37865e9869392cad1471b5e1a2",ref:t=>this.stickyElement=t,class:"stzh-sticky__sticky"},i("div",{key:"5a381fab6aa77aa780d13dba82e8eea5f7bf2339",class:"stzh-sticky__content"},i("div",{key:"11ee14f15bfe91c8dab0529dccb98f9bcec4d258",class:"stzh-sticky__content-inner"},i("slot",{key:"7e0d3f1866c801751a98e832c6b5b36d1431ac84"}))))))}get element(){return h(this)}static get watchers(){return{disableStickyTop:[{disableStickyWatcher:0}],disableStickyBottom:[{disableStickyWatcher:0}],isStuckTop:[{stuckHeightWatcher:0},{isStuckTopWatcher:0}],isStuckBottom:[{stuckHeightWatcher:0},{isStuckBottomWatcher:0}],hasReachedTopLimit:[{stuckHeightWatcher:0}],hasReachedBottomLimit:[{stuckHeightWatcher:0}],position:[{positionWatcher:0}],bleeding:[{positionWatcher:0}]}}};a.style=':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, 20px);--padding-bottom:var(--stzh-space-large, 20px);--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}';export{a as stzh_sticky}
1	+ import{r as t,c as s,h as i,a as o,d as h}from"./p-rujKGmCS.js";import{e,o as c}from"./p-CBLSoWgI.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=class{constructor(i){t(this,i),this.stzhStuckTop=s(this,"stzhStuckTop"),this.stzhStuckBottom=s(this,"stzhStuckBottom"),this.variant="default",this.disableStickyTop=!0,this.disableStickyBottom=!1,this.bleeding=!1,this.position="sticky",this.loaded=!1,this.fixedHeight=0,this.fixedWidth=0,this.fixedLimit=null,this.handleScroll=()=>{this.debounceScroll&&window.cancelAnimationFrame(this.debounceScroll),this.debounceScroll=requestAnimationFrame(this.updateByScroll)},this.handleResize=()=>{this.debounceResize&&window.cancelAnimationFrame(this.debounceResize),this.debounceResize=requestAnimationFrame(this.updateFixedByResize)},this.handleStickyResize=n((()=>{this.stuckHeightWatcher(),this.updateByScroll()}),100),this.updateByScroll=()=>{if(!e(this.stickyElement)\|\|!this.element.isConnected)return;const t=this.element.closest("[data-stzh-sticky-width-container]")\|\|this.element.parentElement,s=c((this.isStuckTop\|\|this.isStuckBottom)&&"fixed"===this.position?this.spacerElement:this.stickyElement);if(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`),"sticky"===this.position)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,this.isStuckTop\|\|this.isStuckBottom?this.setFixed():this.setUnfixed()},this.updateFixedByResize=()=>{this.stickyElement&&this.element.isConnected&&(this.setUnfixed(),this.stickyElement.style.position="static",this.stickyElement.style.width="auto",this.isStuckTop=!1,this.isStuckBottom=!1,e(this.stickyElement)&&(this.windowHeight=window.innerHeight,this.updateByScroll()))},this.observe=()=>{this.updateStuck()}}disableStickyWatcher(){requestAnimationFrame((()=>{requestAnimationFrame((()=>{"fixed"===this.position?this.updateFixedByResize():this.updateStuck()}))}))}stuckHeightWatcher(){let t=!1;this.isStuckTop&&!this.hasReachedBottomLimit?(t=!0,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`)):(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")),this.isStuckBottom&&!this.hasReachedTopLimit?(t=!0,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`)):(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"),t?this.stickyResizeObserver.observe(this.stickyElement):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(){"fixed"===this.position?(this.observer&&this.observer.disconnect(),window.addEventListener("scroll",this.handleScroll,{passive:!0}),window.addEventListener("resize",this.handleResize),this.updateFixedByResize()):(this.bleeding?(window.addEventListener("scroll",this.handleScroll,{passive:!0}),this.updateByScroll()):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),s=parseInt(getComputedStyle(this.stickyElement).bottom,10),i=this.stickyElement.getBoundingClientRect();this.isStuckTop=!!t&&i.top<0,this.isStuckBottom=!!s&&document.documentElement.clientHeight<i.bottom}getFixedLimit(){const t=this.element.closest("[data-stzh-sticky-container]");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:"absolute"===t?`${this.isStuckTop?this.fixedLimit.bottom-this.fixedHeight:this.fixedLimit.top}px`:this.isStuckTop?"0px":"auto",bottom:this.isStuckTop\|\|"absolute"===t?"auto":"0px",left:`${this.fixedLeft+("fixed"===t?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=!0,"fixed"===this.position&&this.updateFixedByResize()}),250)}))}))}disconnectedCallback(){var t,s;null===(t=this.observer)\|\|void 0===t\|\|t.disconnect(),null===(s=this.stickyResizeObserver)\|\|void 0===s\|\|s.disconnect(),window.removeEventListener("scroll",this.handleScroll),window.removeEventListener("resize",this.handleResize)}render(){return i(o,{key:"2f3a5b03272896bda71172bb7c8b74eeedaf0c48","is-stuck":this.isStuckTop\|\|this.isStuckBottom,"is-stuck-top":this.isStuckTop,"is-stuck-bottom":this.isStuckBottom},i("div",{key:"d82d26697fe53d2241817288a6d374dd84d1bee2",class:{"stzh-sticky":!0,"stzh-sticky--is-not-loaded":!this.loaded,"stzh-sticky--is-stuck":this.isStuckTop\|\|this.isStuckBottom,"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}},i("div",{key:"faa4056506f8a0ed6f3f925c2dc8c0e2ce6c52c7",ref:t=>this.spacerElement=t,class:"stzh-sticky__spacer"}),i("div",{key:"fd78115d5b92cb37865e9869392cad1471b5e1a2",ref:t=>this.stickyElement=t,class:"stzh-sticky__sticky"},i("div",{key:"5a381fab6aa77aa780d13dba82e8eea5f7bf2339",class:"stzh-sticky__content"},i("div",{key:"11ee14f15bfe91c8dab0529dccb98f9bcec4d258",class:"stzh-sticky__content-inner"},i("slot",{key:"7e0d3f1866c801751a98e832c6b5b36d1431ac84"}))))))}get element(){return h(this)}static get watchers(){return{disableStickyTop:[{disableStickyWatcher:0}],disableStickyBottom:[{disableStickyWatcher:0}],isStuckTop:[{stuckHeightWatcher:0},{isStuckTopWatcher:0}],isStuckBottom:[{stuckHeightWatcher:0},{isStuckBottomWatcher:0}],hasReachedTopLimit:[{stuckHeightWatcher:0}],hasReachedBottomLimit:[{stuckHeightWatcher:0}],position:[{positionWatcher:0}],bleeding:[{positionWatcher:0}]}}};a.style=':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, 20px);--padding-bottom:var(--stzh-space-large, 20px);--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}';export{a as stzh_sticky}

package/dist/stzh-components/{p-c0c243fb.entry.js → p-b7a81ffc.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as e,c as s,h as t,F as r,a,d as c}from"./p-vaw5DHDC.js";import{h,f as i}from"./p-CBLSoWgI.js";import"./p-BubviQku.js";const d=class{constructor(t){e(this,t),this.stzhClick=s(this,"stzhClick"),this.heading="",this.headingLevel="3",this.description="",this.datalistItems=[],this.placeholderImageEnabled=!1,this.isOnHomepage=!1,this.imagePosition="default",this.hyphensEnabled=!1,this.handleCardClick=e=>{this.stzhClick.emit({component:"stzh-card-superteaser",originalEvent:e,href:this.href})}}metaWatcher(e){if(e)if("string"==typeof e)try{this._meta=JSON.parse(e)}catch(e){this._meta=[]}else this._meta=e;else this._meta=[]}downloadMetaWatcher(e){if(e)if("string"==typeof e)try{this._downloadMeta=JSON.parse(e)}catch(e){this._downloadMeta=[]}else this._downloadMeta=e;else this._downloadMeta=[]}hasProperStartAndOrEndDate(e,s){return!(e&&0===e.getHours()&&!s)}componentDidRender(){requestAnimationFrame((()=>{var e,s;const t=this.analyticsId\|\|(null===(e=this.headingTextElement)\|\|void 0===e?void 0:e.innerText);t&&(null===(s=this.headingLinkElement)\|\|void 0===s\|\|s.setAttribute("s-object-id",t))}))}async componentWillLoad(){this.metaWatcher(this.meta),this.downloadMetaWatcher(this.downloadMeta),this.localization\|\|(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"card-superteaser")),this.dateAdapter\|\|(this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals))}render(){const e=!!this.heading\|\|h(this.element,"heading"),s=!!this.description\|\|h(this.element,"description"),c=h(this.element,"image"),d=this.eventDateStart&&new Date(this.eventDateStart),o=this.eventDateEnd&&new Date(this.eventDateEnd),p=c\|\|this.placeholderImageEnabled,n=`h${this.headingLevel}`,z=this.href?"a":"div";return t(a,{key:"5587ce770107e71330da8a67c6ffd7144c009d76","has-image":p},t("article",{key:"2507b1f4390fe4f56fdff8d8208da766cde90c90",class:{"stzh-card-superteaser":!0,"stzh-card-superteaser--has-heading":e,"stzh-card-superteaser--has-description":s,"stzh-card-superteaser--has-description-wrapper":s\|\|!!d\|\|!!this.eventLocation,"stzh-card-superteaser--has-link":!!this.href,"stzh-card-superteaser--has-service":!!this.service,"stzh-card-superteaser--has-tag":!!this.tag,"stzh-card-superteaser--has-topic":!!this.topic,"stzh-card-superteaser--has-image":p,"stzh-card-superteaser--has-image-default":p&&"default"===this.imagePosition,"stzh-card-superteaser--has-image-right":p&&"right"===this.imagePosition,"stzh-card-superteaser--has-meta":this._meta.length>0,"stzh-card-superteaser--has-download":!!this.downloadHeading\|\|this._downloadMeta.length>0,"stzh-card-superteaser--has-breadcrumb":!!this.breadcrumbItems,"stzh-card-superteaser--is-on-homepage":this.isOnHomepage,"stzh-card-superteaser--is-event":!!d,"stzh-card-superteaser--hyphens":this.hyphensEnabled},"aria-label":this.heading,role:"listitem"},this.tag&&t("stzh-tag",{key:"d253e222109566b8fb3b37ca864536e635e673d0",class:"stzh-card-superteaser__tag",label:this.tag,nonInteractive:!0}),t("div",{key:"2a3beba446e42676720802a735b2b0dbfa49a98e",class:"stzh-card-superteaser__heading-wrapper"},this.breadcrumbItems&&t("stzh-breadcrumb",{key:"52f2932e0d61edd538d60d09d53a56b8db570cf2",class:"stzh-card-superteaser__breadcrumb",items:this.breadcrumbItems,variant:"teaser"}),this.dateline&&t("div",{key:"a6413aab441f0fd1fadabbcd35ddbca796c9bf3b",class:"stzh-card-superteaser__dateline"},this.dateline),this.topic&&t("div",{key:"159cf3e46857f8b1ae91dbfa36d3b1c2511db8c1",class:"stzh-card-superteaser__topic"},this.topic),t(n,{key:"80297f28795bfa799495992e7ab48e589e81f5bc",class:"stzh-card-superteaser__heading "+(h(this.element,"heading")?"stzh-card-superteaser__heading--slotted":"")},t(z,{key:"8cb05bf815b2c88fe8b53514f2136d80d7a8258a",ref:e=>this.headingLinkElement=e,class:"stzh-card-superteaser__heading-link",href:this.href,target:this.target,download:this.download,onClick:this.handleCardClick},t("div",{class:"stzh-card-superteaser__heading-link-text",ref:e=>this.headingTextElement=e},this.heading?t("span",{innerHTML:i(this.heading)}):t("slot",{name:"heading"}))))),t("div",{key:"97fde28ae8cea5f5befd1f546ffbbf2deffd9de6",class:"stzh-card-superteaser__description-wrapper"},(d\|\|this.eventLocation)&&t("div",{key:"0ca45184ab6e2fdd5a7553a4e842fc4288f95335",class:"stzh-card-superteaser__event-infos"},d&&t("div",{key:"768071390e5b339b188b78a5c68c3a97541e199b",class:"stzh-card-superteaser__event-date"},t("span",{key:"fa1744e6d4a432799dab3eea295bfffb8b189a14"},this.dateAdapter.format(d,"dateLong")),this.hasProperStartAndOrEndDate(d,o)&&t("span",{key:"2234fc626c99557227ac9a23e11edd4fe77519b2"},!this.isOnHomepage&&t("span",{key:"c640a55c2a7972320a79ab6ab5a7b5ade7b05d3d"},", "),this.dateAdapter.formatSpan(d,o,"time"))),this.eventLocation&&t("div",{key:"3f5d5d0f959bff9d9c40bd42eaeb6dce0987ce56",class:"stzh-card-superteaser__event-location"},this.eventLocation)),t("div",{key:"8ee09e7d787a22c0bb2db00f43a2082809e16fa9",class:"stzh-card-superteaser__description "+(h(this.element,"heading")?"stzh-card-superteaser__description--slotted":"")},this.description?this.description:t("slot",{name:"description"}))),t("div",{key:"6c3c0d40ee6bf9ec3335554da100895b7d3e6e84",class:"stzh-card-superteaser__image"},d&&t("div",{key:"b6e48da9917a9175532b974c500c52bd5314acce",class:"stzh-card-superteaser__event-date-teaser"},t("div",{key:"dd96dddaf8e75676e9090c9d668991124d1b508e",class:"stzh-card-superteaser__event-date-teaser-day-name"},this.localization.$globals.dayNamesShort[d.getDay()]),t("div",{key:"794156e106fd48b1b171af807c302ed6c00c2c64",class:"stzh-card-superteaser__event-date-teaser-day"},d.getDate()<10&&"0",d.getDate()),t("div",{key:"9b419b8f52a03a5d59b657d4e4a01f18e5d23e07",class:"stzh-card-superteaser__event-date-teaser-month"},this.localization.$globals.monthNamesShort[d.getMonth()])),this.service&&t("div",{key:"0b92e59901eb1cb6263e5e750756c2c82e6ea481",class:"stzh-card-superteaser__service"},this.service),t("slot",{key:"5daa9eba7d1f1b11367470844b7841e3dc45d3c8",name:"image"}),this.placeholderImageEnabled&&!c&&t("stzh-ratio",{key:"4f47fbbdd224758a4f262fd37d95683721e99087",ratio:"2:1"},t("div",{key:"54c301fc723a3563428cb3b157b44c0bb00ad330",class:"stzh-card-superteaser__image-placeholder",innerHTML:'<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">\n <rect width="10000" height="10000" fill="currentColor" />\n</svg>\n'}))),(this._meta.length>0\|\|this.datalistItems\|\|!!this.downloadHeading\|\|this._downloadMeta.length>0)&&t("div",{key:"287bef8862199428001f74a2ce0667591c9c2595",class:"stzh-card-superteaser__meta-wrapper"},this.datalistItems&&t("stzh-datalist",{key:"9585ec833ad1c3c580b6cbab263877a22338fd07",class:"stzh-card-searchresult__datalist",items:this.datalistItems}),this._meta.length>0&&t("div",{key:"fc738f1280cda494166b3dc535a654f20d297adb",class:"stzh-card-superteaser__meta"},t("div",{key:"2338e20e7affefe28c033179174ffa32d76ee353",class:"stzh-card-superteaser__meta-list"},this._meta.map((e=>t(r,null,t("div",{class:"stzh-card-superteaser__meta-list-item"},e)))))),(!!this.downloadHeading\|\|this._downloadMeta.length>0)&&t("div",{key:"990eb09fc82f0242419ee0eda4be9cd21037caf2",class:"stzh-card-superteaser__download"},t("div",{key:"feeb4c0f309781e5d1be532c1c0da3ffef131333",class:"stzh-card-superteaser__download-data"},this.downloadHeading&&t("div",{key:"cfc42414cca35a4b9d075a935f99bf919dc5ee15",class:"stzh-card-superteaser__download-heading"},this.downloadHeading),this._downloadMeta.length>0&&t("div",{key:"9a3420a9b723f3eb9362626c613514be9d58c382",class:"stzh-card-superteaser__download-meta-list"},this._downloadMeta.map((e=>t(r,null,t("div",{class:"stzh-card-superteaser__download-meta-list-item"},e)))))),t("div",{key:"f22aa240f7618cfaca2a8db1025e8d5033296a61",class:"stzh-card-superteaser__download-button"},t("stzh-icon",{key:"4327d951815a94bc4689f56d499831d90e6bebc7",class:"stzh-card-superteaser__download-icon",name:"download"}))))))}get element(){return c(this)}static get watchers(){return{meta:[{metaWatcher:0}],downloadMeta:[{downloadMetaWatcher:0}]}}};d.style='.sc-stzh-card-superteaser-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-card-superteaser-h,[stzh-hidden].sc-stzh-card-superteaser-h{display:none}.sc-stzh-card-superteaser-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-superteaser-h .sc-stzh-card-superteaser,.sc-stzh-card-superteaser-h .sc-stzh-card-superteaser::before,.sc-stzh-card-superteaser-h *.sc-stzh-card-superteaser::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-card-superteaser-h .has-focus.sc-stzh-card-superteaser{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-superteaser-h .stzh-fylingfocus-focused.sc-stzh-card-superteaser{outline-style:none !important}.sc-stzh-card-superteaser-h .stzh-fylingfocus-focused.sc-stzh-card-superteaser::-moz-focus-inner{border:0 !important}.sc-stzh-card-superteaser-h{--service-background-color:var(--stzh-color-secondary30);--service-color:var(--stzh-color-primary70);--placeholder-image-color:var(--stzh-color-grey30);--hover-background-color:var( --stzh-card-superteaser-hover-background-color, var(--stzh-color-secondary10) );--grid-template-areas:"heading" "description" "meta";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr);--tag-color:var(--stzh-card-superteaser-tag-color);--tag-color-hover:var( --stzh-card-superteaser-tag-color-hover, var(--stzh-color-secondary60) );--tag-background-color:var(--stzh-card-superteaser-tag-background-color);--heading-link-color:var( --stzh-card-superteaser-heading-link-color, var(--stzh-color-primary70) );--slotted-heading-margin-bottom:var( --stzh-card-superteaser-slotted-heading-margin-bottom );--slotted-heading-color:var(--stzh-card-superteaser-slotted-heading-color);--slotted-description-color:var( --stzh-card-superteaser-slotted-description-color );display:grid}.sc-stzh-card-superteaser-h.sc-stzh-card-superteaser-s>img,.sc-stzh-card-superteaser-h .sc-stzh-card-superteaser-s>img{width:100%;max-width:100%}[has-image].sc-stzh-card-superteaser-h{--grid-template-areas:"image" "heading" "description" "meta";--grid-template-rows:repeat(3, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr)}[has-image][image-position=right].sc-stzh-card-superteaser-h{--grid-template-areas:"heading heading" "description description" "meta image";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr) minmax(calc(6.25rem + var(--stzh-space-medium, 16px)), min-content)}.stzh-card-superteaser.sc-stzh-card-superteaser{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;display:grid;background-color:var(--stzh-color-grey10);grid-template-areas:var(--grid-template-areas);grid-template-rows:var(--grid-template-rows);grid-template-columns:var(--grid-template-columns);color:var(--stzh-color-grey80)}.stzh-card-superteaser__tag.sc-stzh-card-superteaser,.stzh-card-superteaser__dateline.sc-stzh-card-superteaser,.stzh-card-superteaser__breadcrumb.sc-stzh-card-superteaser,.stzh-card-superteaser__event-infos.sc-stzh-card-superteaser,.stzh-card-superteaser__heading-link-text.sc-stzh-card-superteaser,.stzh-card-superteaser__description.sc-stzh-card-superteaser,.stzh-card-superteaser__meta-wrapper.sc-stzh-card-superteaser{z-index:1;position:relative}.stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser,.stzh-card-superteaser--has-description-wrapper.sc-stzh-card-superteaser .stzh-card-superteaser__description-wrapper.sc-stzh-card-superteaser,.stzh-card-superteaser__meta-wrapper.sc-stzh-card-superteaser{margin-left:var(--stzh-space-medium, 16px);margin-right:var(--stzh-space-medium, 16px);margin-bottom:var(--stzh-space-large, 20px)}.stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{grid-area:heading;display:grid;margin-top:var(--stzh-space-xlarge, 24px)}.stzh-card-superteaser__image.sc-stzh-card-superteaser,.stzh-card-superteaser__meta-wrapper.sc-stzh-card-superteaser{align-self:end}.stzh-card-superteaser__image.sc-stzh-card-superteaser{display:grid;grid-area:image;width:100%}.stzh-card-superteaser__image-placeholder.sc-stzh-card-superteaser{color:var(--placeholder-image-color)}.stzh-card-superteaser__description-wrapper.sc-stzh-card-superteaser{grid-area:description}.stzh-card-superteaser__meta-wrapper.sc-stzh-card-superteaser{grid-area:meta}.stzh-card-superteaser__meta.sc-stzh-card-superteaser{overflow:hidden}.stzh-card-superteaser__download.sc-stzh-card-superteaser{display:flex;justify-content:space-between;align-items:center;gap:var(--stzh-space-xsmall, 8px);overflow:hidden}.stzh-card-superteaser__download-button.sc-stzh-card-superteaser{align-self:flex-end;display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height);color:var(--stzh-color-primary70)}.stzh-card-superteaser__tag.sc-stzh-card-superteaser,.stzh-card-superteaser__topic.sc-stzh-card-superteaser,.stzh-card-superteaser__service.sc-stzh-card-superteaser,.stzh-card-superteaser__event-date-teaser.sc-stzh-card-superteaser{z-index:2}.stzh-card-superteaser__tag.sc-stzh-card-superteaser{--stzh-tag-color:var(--tag-color);--stzh-tag-background-color:var(--tag-background-color);position:absolute;left:0;top:0}.stzh-card-superteaser__service.sc-stzh-card-superteaser{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-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:absolute;top:0;right:0;background-color:var(--service-background-color);color:var(--service-color);padding:var(--stzh-space-xsmall, 8px) var(--stzh-space-medium, 16px);text-align:center}.stzh-card-superteaser__topic.sc-stzh-card-superteaser{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-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:relative;color:var(--stzh-color-primary70);margin-bottom:var(--stzh-space-xsmall, 8px)}.stzh-card-superteaser__dateline.sc-stzh-card-superteaser{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-color-black);margin-bottom:var(--stzh-space-xxsmall, 4px)}.stzh-card-superteaser__heading.sc-stzh-card-superteaser{margin-top:0;margin-bottom:var(--stzh-space-small)}.stzh-card-superteaser__heading--slotted.sc-stzh-card-superteaser{--stzh-heading-color:var(--slotted-heading-color);margin-bottom:var(--slotted-heading-margin-bottom)}.stzh-card-superteaser__description--slotted.sc-stzh-card-superteaser{--stzh-heading-color:var(--slotted-description-color)}.stzh-card-superteaser__heading-link.sc-stzh-card-superteaser{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-teaser-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-teaser-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-default-text-letter-spacing)}@media screen and (min-width: 1260px){.stzh-card-superteaser__heading-link.sc-stzh-card-superteaser{font-size:var(--stzh-font-curve-teaser-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-teaser-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-large-text-letter-spacing)}}.stzh-card-superteaser__heading-link.sc-stzh-card-superteaser{display:block;color:var(--heading-link-color);-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-card-superteaser__event-infos.sc-stzh-card-superteaser{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-card-superteaser.sc-stzh-card-superteaser:has(.stzh-card-superteaser__description:not(:empty)) .stzh-card-superteaser__event-infos.sc-stzh-card-superteaser{margin-bottom:var(--stzh-space-small, 12px)}.stzh-card-superteaser__description.sc-stzh-card-superteaser:empty{display:none}.stzh-card-superteaser__breadcrumb.sc-stzh-card-superteaser{margin-bottom:var(--stzh-space-small, 12px)}.stzh-card-superteaser__event-date-teaser.sc-stzh-card-superteaser{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);text-transform:uppercase;display:flex;flex-direction:column;justify-content:center;align-items:center;width:5.5rem;height:5.5rem;color:var(--stzh-color-black);background-color:var(--stzh-color-secondary30);position:absolute;top:0;right:0}.stzh-card-superteaser__event-date-teaser-day.sc-stzh-card-superteaser{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-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing);color:var(--stzh-color-primary70);margin-top:-0.4375rem;margin-bottom:-0.4375rem}.stzh-card-superteaser__meta-list.sc-stzh-card-superteaser,.stzh-card-superteaser__download-meta-list.sc-stzh-card-superteaser{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:flex;align-items:center;flex-wrap:wrap;column-gap:var(--stzh-space-xsmall, 8px);margin-left:calc((var(--stzh-space-xsmall, 8px) + 0.0625rem) / -1)}.stzh-card-superteaser__meta-list-item.sc-stzh-card-superteaser,.stzh-card-superteaser__download-meta-list-item.sc-stzh-card-superteaser{display:flex;align-items:center;min-height:1.5rem;gap:var(--stzh-space-xsmall, 8px)}.stzh-card-superteaser__meta-list-item.sc-stzh-card-superteaser::before,.stzh-card-superteaser__download-meta-list-item.sc-stzh-card-superteaser::before{content:"";display:block;width:0.0625rem;height:1rem;background-color:currentColor}.stzh-card-superteaser--has-link.sc-stzh-card-superteaser .stzh-card-superteaser__heading-link.sc-stzh-card-superteaser{border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card-superteaser--has-link.sc-stzh-card-superteaser .stzh-card-superteaser__heading-link.sc-stzh-card-superteaser::before,.stzh-card-superteaser--has-link.sc-stzh-card-superteaser .stzh-card-superteaser__heading-link.sc-stzh-card-superteaser::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-card-superteaser--has-link.sc-stzh-card-superteaser .stzh-card-superteaser__heading-link.sc-stzh-card-superteaser::after{z-index:10}.stzh-card-superteaser--has-link.sc-stzh-card-superteaser:has(.stzh-card-superteaser__heading-link:hover) .stzh-card-superteaser__heading-link.sc-stzh-card-superteaser::before{background-color:var(--hover-background-color)}.stzh-card-superteaser--has-link.sc-stzh-card-superteaser:has(.stzh-card-superteaser__heading-link:hover) .stzh-card-superteaser__tag.sc-stzh-card-superteaser{--color:var(--tag-color-hover)}.stzh-card-superteaser--has-tag.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-top:var(--stzh-space-xxxlarge, 40px)}.stzh-card-superteaser--has-service.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-top:var(--stzh-space-xxxxlarge, 48px)}.stzh-card-superteaser--has-service.stzh-card-superteaser--has-image-right.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-top:var(--stzh-space-xxxlarge, 40px)}.stzh-card-superteaser--has-image.sc-stzh-card-superteaser .stzh-card-superteaser__image.sc-stzh-card-superteaser{z-index:1;position:relative}.stzh-card-superteaser--has-image-default.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-top:var(--stzh-space-medium, 16px)}.stzh-card-superteaser--has-image-right.sc-stzh-card-superteaser .stzh-card-superteaser__image.sc-stzh-card-superteaser{margin-bottom:var(--stzh-space-large, 20px);padding-right:var(--stzh-space-medium, 16px)}.stzh-card-superteaser--has-image-right.sc-stzh-card-superteaser .stzh-card-superteaser__meta-wrapper.sc-stzh-card-superteaser{margin-right:var(--stzh-space-xsmall, 8px)}.stzh-card-superteaser--has-image-right.sc-stzh-card-superteaser .stzh-card-superteaser__service.sc-stzh-card-superteaser{position:static}.stzh-card-superteaser--has-description-wrapper.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser,.stzh-card-superteaser--has-meta.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser,.stzh-card-superteaser--has-download.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-bottom:0px}.stzh-card-superteaser--has-meta.sc-stzh-card-superteaser .stzh-card-superteaser__description-wrapper.sc-stzh-card-superteaser,.stzh-card-superteaser--has-download.sc-stzh-card-superteaser .stzh-card-superteaser__description-wrapper.sc-stzh-card-superteaser{margin-bottom:0px}.stzh-card-superteaser--has-meta.sc-stzh-card-superteaser .stzh-card-superteaser__description.sc-stzh-card-superteaser:not(:empty),.stzh-card-superteaser--has-download.sc-stzh-card-superteaser .stzh-card-superteaser__description.sc-stzh-card-superteaser:not(:empty){margin-bottom:var(--stzh-space-small, 12px)}.stzh-card-superteaser--has-download.sc-stzh-card-superteaser .stzh-card-superteaser__meta.sc-stzh-card-superteaser{margin-bottom:var(--stzh-space-xsmall, 8px)}.stzh-card-superteaser--hyphens.sc-stzh-card-superteaser .stzh-card-superteaser__heading.sc-stzh-card-superteaser{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto}.stzh-card-superteaser--is-on-homepage.stzh-card-superteaser--is-event.sc-stzh-card-superteaser .stzh-card-superteaser__event-date-teaser.sc-stzh-card-superteaser,.stzh-card-superteaser--is-on-homepage.stzh-card-superteaser--is-event.sc-stzh-card-superteaser-s>[slot=image],.stzh-card-superteaser--is-on-homepage.stzh-card-superteaser--is-event .sc-stzh-card-superteaser-s>[slot=image],.stzh-card-superteaser--is-on-homepage.stzh-card-superteaser--is-event.sc-stzh-card-superteaser-s>stzh-ratio,.stzh-card-superteaser--is-on-homepage.stzh-card-superteaser--is-event .sc-stzh-card-superteaser-s>stzh-ratio{display:none}.stzh-card-superteaser--is-on-homepage.stzh-card-superteaser--is-event.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-top:var(--stzh-space-xxxlarge, 40px)}.stzh-card-superteaser--is-on-homepage.stzh-card-superteaser--is-event.sc-stzh-card-superteaser .stzh-card-superteaser__event-date.sc-stzh-card-superteaser{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);color:var(--stzh-color-primary);margin-bottom:var(--stzh-space-xsmall, 8px)}.stzh-card-superteaser--is-on-homepage.stzh-card-superteaser--is-event.sc-stzh-card-superteaser .stzh-card-superteaser__event-date.sc-stzh-card-superteaser span.sc-stzh-card-superteaser{display:block}.stzh-card-superteaser--is-event.sc-stzh-card-superteaser:not(.stzh-card-superteaser--has-image) .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{padding-right:5.5rem}';export{d as stzh_card_superteaser}
1	+ import{r as e,c as s,h as t,F as r,a,d as c}from"./p-rujKGmCS.js";import{h,f as i}from"./p-CBLSoWgI.js";import"./p-BubviQku.js";const d=class{constructor(t){e(this,t),this.stzhClick=s(this,"stzhClick"),this.heading="",this.headingLevel="3",this.description="",this.datalistItems=[],this.placeholderImageEnabled=!1,this.isOnHomepage=!1,this.imagePosition="default",this.hyphensEnabled=!1,this.handleCardClick=e=>{this.stzhClick.emit({component:"stzh-card-superteaser",originalEvent:e,href:this.href})}}metaWatcher(e){if(e)if("string"==typeof e)try{this._meta=JSON.parse(e)}catch(e){this._meta=[]}else this._meta=e;else this._meta=[]}downloadMetaWatcher(e){if(e)if("string"==typeof e)try{this._downloadMeta=JSON.parse(e)}catch(e){this._downloadMeta=[]}else this._downloadMeta=e;else this._downloadMeta=[]}hasProperStartAndOrEndDate(e,s){return!(e&&0===e.getHours()&&!s)}componentDidRender(){requestAnimationFrame((()=>{var e,s;const t=this.analyticsId\|\|(null===(e=this.headingTextElement)\|\|void 0===e?void 0:e.innerText);t&&(null===(s=this.headingLinkElement)\|\|void 0===s\|\|s.setAttribute("s-object-id",t))}))}async componentWillLoad(){this.metaWatcher(this.meta),this.downloadMetaWatcher(this.downloadMeta),this.localization\|\|(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"card-superteaser")),this.dateAdapter\|\|(this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals))}render(){const e=!!this.heading\|\|h(this.element,"heading"),s=!!this.description\|\|h(this.element,"description"),c=h(this.element,"image"),d=this.eventDateStart&&new Date(this.eventDateStart),o=this.eventDateEnd&&new Date(this.eventDateEnd),p=c\|\|this.placeholderImageEnabled,n=`h${this.headingLevel}`,z=this.href?"a":"div";return t(a,{key:"5587ce770107e71330da8a67c6ffd7144c009d76","has-image":p},t("article",{key:"2507b1f4390fe4f56fdff8d8208da766cde90c90",class:{"stzh-card-superteaser":!0,"stzh-card-superteaser--has-heading":e,"stzh-card-superteaser--has-description":s,"stzh-card-superteaser--has-description-wrapper":s\|\|!!d\|\|!!this.eventLocation,"stzh-card-superteaser--has-link":!!this.href,"stzh-card-superteaser--has-service":!!this.service,"stzh-card-superteaser--has-tag":!!this.tag,"stzh-card-superteaser--has-topic":!!this.topic,"stzh-card-superteaser--has-image":p,"stzh-card-superteaser--has-image-default":p&&"default"===this.imagePosition,"stzh-card-superteaser--has-image-right":p&&"right"===this.imagePosition,"stzh-card-superteaser--has-meta":this._meta.length>0,"stzh-card-superteaser--has-download":!!this.downloadHeading\|\|this._downloadMeta.length>0,"stzh-card-superteaser--has-breadcrumb":!!this.breadcrumbItems,"stzh-card-superteaser--is-on-homepage":this.isOnHomepage,"stzh-card-superteaser--is-event":!!d,"stzh-card-superteaser--hyphens":this.hyphensEnabled},"aria-label":this.heading,role:"listitem"},this.tag&&t("stzh-tag",{key:"d253e222109566b8fb3b37ca864536e635e673d0",class:"stzh-card-superteaser__tag",label:this.tag,nonInteractive:!0}),t("div",{key:"2a3beba446e42676720802a735b2b0dbfa49a98e",class:"stzh-card-superteaser__heading-wrapper"},this.breadcrumbItems&&t("stzh-breadcrumb",{key:"52f2932e0d61edd538d60d09d53a56b8db570cf2",class:"stzh-card-superteaser__breadcrumb",items:this.breadcrumbItems,variant:"teaser"}),this.dateline&&t("div",{key:"a6413aab441f0fd1fadabbcd35ddbca796c9bf3b",class:"stzh-card-superteaser__dateline"},this.dateline),this.topic&&t("div",{key:"159cf3e46857f8b1ae91dbfa36d3b1c2511db8c1",class:"stzh-card-superteaser__topic"},this.topic),t(n,{key:"80297f28795bfa799495992e7ab48e589e81f5bc",class:"stzh-card-superteaser__heading "+(h(this.element,"heading")?"stzh-card-superteaser__heading--slotted":"")},t(z,{key:"8cb05bf815b2c88fe8b53514f2136d80d7a8258a",ref:e=>this.headingLinkElement=e,class:"stzh-card-superteaser__heading-link",href:this.href,target:this.target,download:this.download,onClick:this.handleCardClick},t("div",{class:"stzh-card-superteaser__heading-link-text",ref:e=>this.headingTextElement=e},this.heading?t("span",{innerHTML:i(this.heading)}):t("slot",{name:"heading"}))))),t("div",{key:"97fde28ae8cea5f5befd1f546ffbbf2deffd9de6",class:"stzh-card-superteaser__description-wrapper"},(d\|\|this.eventLocation)&&t("div",{key:"0ca45184ab6e2fdd5a7553a4e842fc4288f95335",class:"stzh-card-superteaser__event-infos"},d&&t("div",{key:"768071390e5b339b188b78a5c68c3a97541e199b",class:"stzh-card-superteaser__event-date"},t("span",{key:"fa1744e6d4a432799dab3eea295bfffb8b189a14"},this.dateAdapter.format(d,"dateLong")),this.hasProperStartAndOrEndDate(d,o)&&t("span",{key:"2234fc626c99557227ac9a23e11edd4fe77519b2"},!this.isOnHomepage&&t("span",{key:"c640a55c2a7972320a79ab6ab5a7b5ade7b05d3d"},", "),this.dateAdapter.formatSpan(d,o,"time"))),this.eventLocation&&t("div",{key:"3f5d5d0f959bff9d9c40bd42eaeb6dce0987ce56",class:"stzh-card-superteaser__event-location"},this.eventLocation)),t("div",{key:"8ee09e7d787a22c0bb2db00f43a2082809e16fa9",class:"stzh-card-superteaser__description "+(h(this.element,"heading")?"stzh-card-superteaser__description--slotted":"")},this.description?this.description:t("slot",{name:"description"}))),t("div",{key:"6c3c0d40ee6bf9ec3335554da100895b7d3e6e84",class:"stzh-card-superteaser__image"},d&&t("div",{key:"b6e48da9917a9175532b974c500c52bd5314acce",class:"stzh-card-superteaser__event-date-teaser"},t("div",{key:"dd96dddaf8e75676e9090c9d668991124d1b508e",class:"stzh-card-superteaser__event-date-teaser-day-name"},this.localization.$globals.dayNamesShort[d.getDay()]),t("div",{key:"794156e106fd48b1b171af807c302ed6c00c2c64",class:"stzh-card-superteaser__event-date-teaser-day"},d.getDate()<10&&"0",d.getDate()),t("div",{key:"9b419b8f52a03a5d59b657d4e4a01f18e5d23e07",class:"stzh-card-superteaser__event-date-teaser-month"},this.localization.$globals.monthNamesShort[d.getMonth()])),this.service&&t("div",{key:"0b92e59901eb1cb6263e5e750756c2c82e6ea481",class:"stzh-card-superteaser__service"},this.service),t("slot",{key:"5daa9eba7d1f1b11367470844b7841e3dc45d3c8",name:"image"}),this.placeholderImageEnabled&&!c&&t("stzh-ratio",{key:"4f47fbbdd224758a4f262fd37d95683721e99087",ratio:"2:1"},t("div",{key:"54c301fc723a3563428cb3b157b44c0bb00ad330",class:"stzh-card-superteaser__image-placeholder",innerHTML:'<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">\n <rect width="10000" height="10000" fill="currentColor" />\n</svg>\n'}))),(this._meta.length>0\|\|this.datalistItems\|\|!!this.downloadHeading\|\|this._downloadMeta.length>0)&&t("div",{key:"287bef8862199428001f74a2ce0667591c9c2595",class:"stzh-card-superteaser__meta-wrapper"},this.datalistItems&&t("stzh-datalist",{key:"9585ec833ad1c3c580b6cbab263877a22338fd07",class:"stzh-card-searchresult__datalist",items:this.datalistItems}),this._meta.length>0&&t("div",{key:"fc738f1280cda494166b3dc535a654f20d297adb",class:"stzh-card-superteaser__meta"},t("div",{key:"2338e20e7affefe28c033179174ffa32d76ee353",class:"stzh-card-superteaser__meta-list"},this._meta.map((e=>t(r,null,t("div",{class:"stzh-card-superteaser__meta-list-item"},e)))))),(!!this.downloadHeading\|\|this._downloadMeta.length>0)&&t("div",{key:"990eb09fc82f0242419ee0eda4be9cd21037caf2",class:"stzh-card-superteaser__download"},t("div",{key:"feeb4c0f309781e5d1be532c1c0da3ffef131333",class:"stzh-card-superteaser__download-data"},this.downloadHeading&&t("div",{key:"cfc42414cca35a4b9d075a935f99bf919dc5ee15",class:"stzh-card-superteaser__download-heading"},this.downloadHeading),this._downloadMeta.length>0&&t("div",{key:"9a3420a9b723f3eb9362626c613514be9d58c382",class:"stzh-card-superteaser__download-meta-list"},this._downloadMeta.map((e=>t(r,null,t("div",{class:"stzh-card-superteaser__download-meta-list-item"},e)))))),t("div",{key:"f22aa240f7618cfaca2a8db1025e8d5033296a61",class:"stzh-card-superteaser__download-button"},t("stzh-icon",{key:"4327d951815a94bc4689f56d499831d90e6bebc7",class:"stzh-card-superteaser__download-icon",name:"download"}))))))}get element(){return c(this)}static get watchers(){return{meta:[{metaWatcher:0}],downloadMeta:[{downloadMetaWatcher:0}]}}};d.style='.sc-stzh-card-superteaser-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-card-superteaser-h,[stzh-hidden].sc-stzh-card-superteaser-h{display:none}.sc-stzh-card-superteaser-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-superteaser-h .sc-stzh-card-superteaser,.sc-stzh-card-superteaser-h .sc-stzh-card-superteaser::before,.sc-stzh-card-superteaser-h *.sc-stzh-card-superteaser::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-card-superteaser-h .has-focus.sc-stzh-card-superteaser{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-superteaser-h .stzh-fylingfocus-focused.sc-stzh-card-superteaser{outline-style:none !important}.sc-stzh-card-superteaser-h .stzh-fylingfocus-focused.sc-stzh-card-superteaser::-moz-focus-inner{border:0 !important}.sc-stzh-card-superteaser-h{--service-background-color:var(--stzh-color-secondary30);--service-color:var(--stzh-color-primary70);--placeholder-image-color:var(--stzh-color-grey30);--hover-background-color:var( --stzh-card-superteaser-hover-background-color, var(--stzh-color-secondary10) );--grid-template-areas:"heading" "description" "meta";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr);--tag-color:var(--stzh-card-superteaser-tag-color);--tag-color-hover:var( --stzh-card-superteaser-tag-color-hover, var(--stzh-color-secondary60) );--tag-background-color:var(--stzh-card-superteaser-tag-background-color);--heading-link-color:var( --stzh-card-superteaser-heading-link-color, var(--stzh-color-primary70) );--slotted-heading-margin-bottom:var( --stzh-card-superteaser-slotted-heading-margin-bottom );--slotted-heading-color:var(--stzh-card-superteaser-slotted-heading-color);--slotted-description-color:var( --stzh-card-superteaser-slotted-description-color );display:grid}.sc-stzh-card-superteaser-h.sc-stzh-card-superteaser-s>img,.sc-stzh-card-superteaser-h .sc-stzh-card-superteaser-s>img{width:100%;max-width:100%}[has-image].sc-stzh-card-superteaser-h{--grid-template-areas:"image" "heading" "description" "meta";--grid-template-rows:repeat(3, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr)}[has-image][image-position=right].sc-stzh-card-superteaser-h{--grid-template-areas:"heading heading" "description description" "meta image";--grid-template-rows:repeat(2, auto) minmax(0, 1fr);--grid-template-columns:minmax(0, 1fr) minmax(calc(6.25rem + var(--stzh-space-medium, 16px)), min-content)}.stzh-card-superteaser.sc-stzh-card-superteaser{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;display:grid;background-color:var(--stzh-color-grey10);grid-template-areas:var(--grid-template-areas);grid-template-rows:var(--grid-template-rows);grid-template-columns:var(--grid-template-columns);color:var(--stzh-color-grey80)}.stzh-card-superteaser__tag.sc-stzh-card-superteaser,.stzh-card-superteaser__dateline.sc-stzh-card-superteaser,.stzh-card-superteaser__breadcrumb.sc-stzh-card-superteaser,.stzh-card-superteaser__event-infos.sc-stzh-card-superteaser,.stzh-card-superteaser__heading-link-text.sc-stzh-card-superteaser,.stzh-card-superteaser__description.sc-stzh-card-superteaser,.stzh-card-superteaser__meta-wrapper.sc-stzh-card-superteaser{z-index:1;position:relative}.stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser,.stzh-card-superteaser--has-description-wrapper.sc-stzh-card-superteaser .stzh-card-superteaser__description-wrapper.sc-stzh-card-superteaser,.stzh-card-superteaser__meta-wrapper.sc-stzh-card-superteaser{margin-left:var(--stzh-space-medium, 16px);margin-right:var(--stzh-space-medium, 16px);margin-bottom:var(--stzh-space-large, 20px)}.stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{grid-area:heading;display:grid;margin-top:var(--stzh-space-xlarge, 24px)}.stzh-card-superteaser__image.sc-stzh-card-superteaser,.stzh-card-superteaser__meta-wrapper.sc-stzh-card-superteaser{align-self:end}.stzh-card-superteaser__image.sc-stzh-card-superteaser{display:grid;grid-area:image;width:100%}.stzh-card-superteaser__image-placeholder.sc-stzh-card-superteaser{color:var(--placeholder-image-color)}.stzh-card-superteaser__description-wrapper.sc-stzh-card-superteaser{grid-area:description}.stzh-card-superteaser__meta-wrapper.sc-stzh-card-superteaser{grid-area:meta}.stzh-card-superteaser__meta.sc-stzh-card-superteaser{overflow:hidden}.stzh-card-superteaser__download.sc-stzh-card-superteaser{display:flex;justify-content:space-between;align-items:center;gap:var(--stzh-space-xsmall, 8px);overflow:hidden}.stzh-card-superteaser__download-button.sc-stzh-card-superteaser{align-self:flex-end;display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height);color:var(--stzh-color-primary70)}.stzh-card-superteaser__tag.sc-stzh-card-superteaser,.stzh-card-superteaser__topic.sc-stzh-card-superteaser,.stzh-card-superteaser__service.sc-stzh-card-superteaser,.stzh-card-superteaser__event-date-teaser.sc-stzh-card-superteaser{z-index:2}.stzh-card-superteaser__tag.sc-stzh-card-superteaser{--stzh-tag-color:var(--tag-color);--stzh-tag-background-color:var(--tag-background-color);position:absolute;left:0;top:0}.stzh-card-superteaser__service.sc-stzh-card-superteaser{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-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:absolute;top:0;right:0;background-color:var(--service-background-color);color:var(--service-color);padding:var(--stzh-space-xsmall, 8px) var(--stzh-space-medium, 16px);text-align:center}.stzh-card-superteaser__topic.sc-stzh-card-superteaser{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-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:relative;color:var(--stzh-color-primary70);margin-bottom:var(--stzh-space-xsmall, 8px)}.stzh-card-superteaser__dateline.sc-stzh-card-superteaser{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-color-black);margin-bottom:var(--stzh-space-xxsmall, 4px)}.stzh-card-superteaser__heading.sc-stzh-card-superteaser{margin-top:0;margin-bottom:var(--stzh-space-small)}.stzh-card-superteaser__heading--slotted.sc-stzh-card-superteaser{--stzh-heading-color:var(--slotted-heading-color);margin-bottom:var(--slotted-heading-margin-bottom)}.stzh-card-superteaser__description--slotted.sc-stzh-card-superteaser{--stzh-heading-color:var(--slotted-description-color)}.stzh-card-superteaser__heading-link.sc-stzh-card-superteaser{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-teaser-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-teaser-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-default-text-letter-spacing)}@media screen and (min-width: 1260px){.stzh-card-superteaser__heading-link.sc-stzh-card-superteaser{font-size:var(--stzh-font-curve-teaser-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-teaser-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-large-text-letter-spacing)}}.stzh-card-superteaser__heading-link.sc-stzh-card-superteaser{display:block;color:var(--heading-link-color);-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-card-superteaser__event-infos.sc-stzh-card-superteaser{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-card-superteaser.sc-stzh-card-superteaser:has(.stzh-card-superteaser__description:not(:empty)) .stzh-card-superteaser__event-infos.sc-stzh-card-superteaser{margin-bottom:var(--stzh-space-small, 12px)}.stzh-card-superteaser__description.sc-stzh-card-superteaser:empty{display:none}.stzh-card-superteaser__breadcrumb.sc-stzh-card-superteaser{margin-bottom:var(--stzh-space-small, 12px)}.stzh-card-superteaser__event-date-teaser.sc-stzh-card-superteaser{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);text-transform:uppercase;display:flex;flex-direction:column;justify-content:center;align-items:center;width:5.5rem;height:5.5rem;color:var(--stzh-color-black);background-color:var(--stzh-color-secondary30);position:absolute;top:0;right:0}.stzh-card-superteaser__event-date-teaser-day.sc-stzh-card-superteaser{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-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing);color:var(--stzh-color-primary70);margin-top:-0.4375rem;margin-bottom:-0.4375rem}.stzh-card-superteaser__meta-list.sc-stzh-card-superteaser,.stzh-card-superteaser__download-meta-list.sc-stzh-card-superteaser{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:flex;align-items:center;flex-wrap:wrap;column-gap:var(--stzh-space-xsmall, 8px);margin-left:calc((var(--stzh-space-xsmall, 8px) + 0.0625rem) / -1)}.stzh-card-superteaser__meta-list-item.sc-stzh-card-superteaser,.stzh-card-superteaser__download-meta-list-item.sc-stzh-card-superteaser{display:flex;align-items:center;min-height:1.5rem;gap:var(--stzh-space-xsmall, 8px)}.stzh-card-superteaser__meta-list-item.sc-stzh-card-superteaser::before,.stzh-card-superteaser__download-meta-list-item.sc-stzh-card-superteaser::before{content:"";display:block;width:0.0625rem;height:1rem;background-color:currentColor}.stzh-card-superteaser--has-link.sc-stzh-card-superteaser .stzh-card-superteaser__heading-link.sc-stzh-card-superteaser{border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card-superteaser--has-link.sc-stzh-card-superteaser .stzh-card-superteaser__heading-link.sc-stzh-card-superteaser::before,.stzh-card-superteaser--has-link.sc-stzh-card-superteaser .stzh-card-superteaser__heading-link.sc-stzh-card-superteaser::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-card-superteaser--has-link.sc-stzh-card-superteaser .stzh-card-superteaser__heading-link.sc-stzh-card-superteaser::after{z-index:10}.stzh-card-superteaser--has-link.sc-stzh-card-superteaser:has(.stzh-card-superteaser__heading-link:hover) .stzh-card-superteaser__heading-link.sc-stzh-card-superteaser::before{background-color:var(--hover-background-color)}.stzh-card-superteaser--has-link.sc-stzh-card-superteaser:has(.stzh-card-superteaser__heading-link:hover) .stzh-card-superteaser__tag.sc-stzh-card-superteaser{--color:var(--tag-color-hover)}.stzh-card-superteaser--has-tag.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-top:var(--stzh-space-xxxlarge, 40px)}.stzh-card-superteaser--has-service.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-top:var(--stzh-space-xxxxlarge, 48px)}.stzh-card-superteaser--has-service.stzh-card-superteaser--has-image-right.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-top:var(--stzh-space-xxxlarge, 40px)}.stzh-card-superteaser--has-image.sc-stzh-card-superteaser .stzh-card-superteaser__image.sc-stzh-card-superteaser{z-index:1;position:relative}.stzh-card-superteaser--has-image-default.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-top:var(--stzh-space-medium, 16px)}.stzh-card-superteaser--has-image-right.sc-stzh-card-superteaser .stzh-card-superteaser__image.sc-stzh-card-superteaser{margin-bottom:var(--stzh-space-large, 20px);padding-right:var(--stzh-space-medium, 16px)}.stzh-card-superteaser--has-image-right.sc-stzh-card-superteaser .stzh-card-superteaser__meta-wrapper.sc-stzh-card-superteaser{margin-right:var(--stzh-space-xsmall, 8px)}.stzh-card-superteaser--has-image-right.sc-stzh-card-superteaser .stzh-card-superteaser__service.sc-stzh-card-superteaser{position:static}.stzh-card-superteaser--has-description-wrapper.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser,.stzh-card-superteaser--has-meta.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser,.stzh-card-superteaser--has-download.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-bottom:0px}.stzh-card-superteaser--has-meta.sc-stzh-card-superteaser .stzh-card-superteaser__description-wrapper.sc-stzh-card-superteaser,.stzh-card-superteaser--has-download.sc-stzh-card-superteaser .stzh-card-superteaser__description-wrapper.sc-stzh-card-superteaser{margin-bottom:0px}.stzh-card-superteaser--has-meta.sc-stzh-card-superteaser .stzh-card-superteaser__description.sc-stzh-card-superteaser:not(:empty),.stzh-card-superteaser--has-download.sc-stzh-card-superteaser .stzh-card-superteaser__description.sc-stzh-card-superteaser:not(:empty){margin-bottom:var(--stzh-space-small, 12px)}.stzh-card-superteaser--has-download.sc-stzh-card-superteaser .stzh-card-superteaser__meta.sc-stzh-card-superteaser{margin-bottom:var(--stzh-space-xsmall, 8px)}.stzh-card-superteaser--hyphens.sc-stzh-card-superteaser .stzh-card-superteaser__heading.sc-stzh-card-superteaser{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto}.stzh-card-superteaser--is-on-homepage.stzh-card-superteaser--is-event.sc-stzh-card-superteaser .stzh-card-superteaser__event-date-teaser.sc-stzh-card-superteaser,.stzh-card-superteaser--is-on-homepage.stzh-card-superteaser--is-event.sc-stzh-card-superteaser-s>[slot=image],.stzh-card-superteaser--is-on-homepage.stzh-card-superteaser--is-event .sc-stzh-card-superteaser-s>[slot=image],.stzh-card-superteaser--is-on-homepage.stzh-card-superteaser--is-event.sc-stzh-card-superteaser-s>stzh-ratio,.stzh-card-superteaser--is-on-homepage.stzh-card-superteaser--is-event .sc-stzh-card-superteaser-s>stzh-ratio{display:none}.stzh-card-superteaser--is-on-homepage.stzh-card-superteaser--is-event.sc-stzh-card-superteaser .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{margin-top:var(--stzh-space-xxxlarge, 40px)}.stzh-card-superteaser--is-on-homepage.stzh-card-superteaser--is-event.sc-stzh-card-superteaser .stzh-card-superteaser__event-date.sc-stzh-card-superteaser{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);color:var(--stzh-color-primary);margin-bottom:var(--stzh-space-xsmall, 8px)}.stzh-card-superteaser--is-on-homepage.stzh-card-superteaser--is-event.sc-stzh-card-superteaser .stzh-card-superteaser__event-date.sc-stzh-card-superteaser span.sc-stzh-card-superteaser{display:block}.stzh-card-superteaser--is-event.sc-stzh-card-superteaser:not(.stzh-card-superteaser--has-image) .stzh-card-superteaser__heading-wrapper.sc-stzh-card-superteaser{padding-right:5.5rem}';export{d as stzh_card_superteaser}