@oiz/stzh-components 4.5.0 → 4.6.0-beta2

package/dist/stzh-components/{p-d3d1a284.entry.js → p-e75cde0c.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a as o,g as s}from"./p-ef5985a3.js";const i=':host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-sitemap stzh-datalist-item[href]:not([href=""]){--value-font-family:var(--stzh-font-family-heavy);--value-font-weight:var(--stzh-font-weight-heavy);--color:var(--stzh-base-color);--action-display:none}.stzh-sitemap stzh-datalist-item[href]:not([href=""]) stzh-datalist-item[href]:not([href=""]){--color:var(--stzh-color-primary);--hover-color:var(--stzh-color-primary-hover)}.stzh-sitemap stzh-datalist-item[href]:not([href=""]) stzh-datalist-item[href]:not([href=""]) stzh-datalist-item[href]:not([href=""]){--value-font-family:var(--stzh-font-family-medium);--value-font-weight:var(--stzh-font-weight-medium)}';const a=i;const r=class{constructor(e){t(this,e);this.items=[]}render(){const t={"stzh-sitemap":true};return e(o,{key:"99d523a3bf63a9074c2d77d76c49bbfa4f75e79e"},e("div",{key:"8010ca85acec35a2c2bf4f81b866d93be008f024",class:t},e("stzh-datalist",{key:"0538cddd5a2d6eb4df76c139c4ac75a4beb2b756",items:this.items})))}get element(){return s(this)}};r.style=a;export{r as stzh_sitemap};
-//# sourceMappingURL=p-d3d1a284.entry.js.map
+import{r as t,h as e,a as o,g as s}from"./p-ef5985a3.js";const i=':host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-sitemap stzh-datalist-item[href]:not([href=""]){--value-font-family:var(--stzh-font-family-heavy);--value-font-weight:var(--stzh-font-weight-heavy);--color:var(--stzh-base-color);--action-display:none}.stzh-sitemap stzh-datalist-item[href]:not([href=""]) stzh-datalist-item[href]:not([href=""]){--color:var(--stzh-color-primary);--hover-color:var(--stzh-color-primary-hover)}.stzh-sitemap stzh-datalist-item[href]:not([href=""]) stzh-datalist-item[href]:not([href=""]) stzh-datalist-item[href]:not([href=""]){--value-font-family:var(--stzh-font-family-medium);--value-font-weight:var(--stzh-font-weight-medium)}';const a=i;const r=class{constructor(e){t(this,e);this.items=[]}render(){const t={"stzh-sitemap":true};return e(o,{key:"35c0a41aef42e5c5adb699dc6794af6d7e6be684"},e("div",{key:"7748f14cdddcf42fa675aed26dfade221cc7fdf5",class:t},e("stzh-datalist",{key:"347c20aa534ad48fa863a85d3bd7c546c07d09f7",items:this.items})))}get element(){return s(this)}};r.style=a;export{r as stzh_sitemap};
+//# sourceMappingURL=p-e75cde0c.entry.js.map

package/dist/stzh-components/{p-89dc75cb.entry.js → p-ebb4b12f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a as s,c as i,F as o,g as n}from"./p-ef5985a3.js";import{h}from"./p-87c329f2.js";import"./p-dae15605.js";const r=".sc-stzh-menu-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-menu-h,[stzh-hidden].sc-stzh-menu-h{display:none}.sc-stzh-menu-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-menu-h *.sc-stzh-menu,.sc-stzh-menu-h *.sc-stzh-menu::before,.sc-stzh-menu-h *.sc-stzh-menu::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-menu-h .has-focus.sc-stzh-menu{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-menu-h .stzh-fylingfocus-focused.sc-stzh-menu{outline-style:none !important}.sc-stzh-menu-h .stzh-fylingfocus-focused.sc-stzh-menu::-moz-focus-inner{border:0 !important}.sc-stzh-menu-h.sc-stzh-menu-s>stzh-hr,.sc-stzh-menu-h .sc-stzh-menu-s>stzh-hr{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}.stzh-menu.sc-stzh-menu{display:flex;flex-direction:column}";const a=r;const c=class{constructor(e){t(this,e)}render(){return e(s,{key:"0d031ce5a945732bb65570b4b9b96cfde17a9c35",role:"menu"},e("div",{key:"e883158579a69808d31482378e54d66425b4876f",class:"stzh-menu"},e("slot",{key:"97fd22afb8cee839109a0b80f1f53c622b72f863"})))}};c.style=a;const l=".sc-stzh-menu-item-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-menu-item-h,[stzh-hidden].sc-stzh-menu-item-h{display:none}.sc-stzh-menu-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-menu-item-h *.sc-stzh-menu-item,.sc-stzh-menu-item-h *.sc-stzh-menu-item::before,.sc-stzh-menu-item-h *.sc-stzh-menu-item::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-menu-item-h .has-focus.sc-stzh-menu-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-menu-item-h .stzh-fylingfocus-focused.sc-stzh-menu-item{outline-style:none !important}.sc-stzh-menu-item-h .stzh-fylingfocus-focused.sc-stzh-menu-item::-moz-focus-inner{border:0 !important}.sc-stzh-menu-item-h{--height:var(--stzh-menu-item-height);--color:var(--stzh-color-black);--background-color:transparent;--icon-size:var(--stzh-icon-size-small);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-large);--padding-right:var(--stzh-space-large);--hover-color:var(--stzh-popover-item-hover-color, var(--stzh-color-black));--hover-background-color:var(--stzh-popover-item-hover-bg, var(--stzh-color-grey20))}[size=large].sc-stzh-menu-item-h{--icon-size:var(--stzh-icon-size);--height:var(--stzh-menu-large-item-height);--padding-left:var(--stzh-space-xlarge);--padding-right:var(--stzh-space-xlarge)}[variant=secondary].sc-stzh-menu-item-h{--color:var(--stzh-color-primary70);--hover-color:var(--stzh-color-primary70);--hover-background-color:var(--stzh-color-secondary30)}[active].sc-stzh-menu-item-h:not([active=false]){--color:var(--stzh-color-primary70);--hover-color:var(--stzh-color-primary70);--hover-background-color:var(--stzh-color-grey20)}[disabled].sc-stzh-menu-item-h:not([disabled=false]){--color:var(--stzh-color-grey70);--background-color:var(--stzh-color-grey10);--hover-color:var(--stzh-color-grey70);--hover-background-color:var(--stzh-color-grey10)}.stzh-menu-item.sc-stzh-menu-item{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);font-family:inherit;display:flex;gap:var(--stzh-space-small);align-items:center;justify-content:stretch;appearance:none;-webkit-text-decoration-line:none;text-decoration-line:none;border:none;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);color:var(--color);background-color:var(--background-color);width:100%;height:var(--height);line-height:var(--height);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color, border-color;cursor:pointer}.stzh-menu-item.sc-stzh-menu-item:hover{color:var(--hover-color);background-color:var(--hover-background-color)}.stzh-menu-item__icon-wrapper.sc-stzh-menu-item{--stzh-icon-size:var(--icon-size);position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:auto;height:1em}.stzh-menu-item__badge.sc-stzh-menu-item{position:absolute;z-index:1;top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-xsmall) * -1)}.stzh-menu-item__text-wrapper.sc-stzh-menu-item{display:flex;gap:var(--stzh-space-xsmall)}.stzh-menu-item__counter.sc-stzh-menu-item{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-menu-item__text.sc-stzh-menu-item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stzh-menu-item--size-large.sc-stzh-menu-item{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);gap:var(--stzh-space-medium)}.stzh-menu-item--is-disabled.sc-stzh-menu-item{cursor:not-allowed}";const m=l;const u=class{constructor(e){t(this,e);this.stzhFocus=i(this,"stzhFocus",7);this.stzhBlur=i(this,"stzhBlur",7);this.stzhClick=i(this,"stzhClick",7);this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.menuItem.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const e=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(e);this.stzhFocus.emit({component:"stzh-menu-item",originalEvent:t})};this.onBlur=t=>{const e=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(e);this.stzhBlur.emit({component:"stzh-menu-item",originalEvent:t})};this.onClick=t=>{this.stzhClick.emit({component:"stzh-menu-item",originalEvent:t,href:this.href})};this.variant="default";this.size="default";this.counter=undefined;this.badge="";this.badgeType="default";this.badgeEmpty=false;this.disabled=false;this.active=false;this.icon="";this.label="";this.href="";this.target="";this.a11yLabel=undefined;this.analyticsId=undefined}componentDidRender(){requestAnimationFrame((()=>{var t;(t=this.menuItem)===null||t===void 0?void 0:t.setAttribute("s-object-id",this.analyticsId||this.text.innerText)}))}renderInner(t){return e(o,null,t&&e("div",{class:"stzh-menu-item__icon-wrapper"},this.icon?e("stzh-icon",{class:"stzh-menu-item__icon",name:this.icon}):e("slot",{name:"icon"}),(this.badge||this.badgeEmpty)&&e("stzh-badge",{class:"stzh-menu-item__badge",label:this.badge,type:this.badgeType})),e("div",{class:"stzh-menu-item__text-wrapper"},e("div",{ref:t=>this.text=t,class:"stzh-menu-item__text"},this.label?this.label:e("slot",null)),this.counter!==undefined&&this.counter>0&&e("div",{class:"stzh-menu-item__counter"},"(",this.counter,")")))}render(){const t=h(this.element,"icon")||!!this.icon;const i={"stzh-menu-item":true,"stzh-menu-item--has-icon":t,"stzh-menu-item--has-badge":!!this.badge,"stzh-menu-item--is-disabled":this.disabled,"stzh-menu-item--is-active":this.active,[`stzh-menu-item--size-${this.size}`]:!!this.size,[`stzh-menu-item--${this.variant}`]:!!this.variant};return e(s,{key:"a7e424eb94f2897feb0862294c622e7741ca7b97",role:"menuitem",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},this.href?e("a",{ref:t=>this.menuItem=t,href:this.disabled?null:this.href,target:this.target,class:i,"aria-label":this.a11yLabel||null,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(t)):e("button",{ref:t=>this.menuItem=t,class:i,type:"button",disabled:this.disabled,"aria-label":this.a11yLabel||null,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(t)))}get element(){return n(this)}};u.style=m;export{c as stzh_menu,u as stzh_menu_item};
-//# sourceMappingURL=p-89dc75cb.entry.js.map
+import{r as t,h as e,a as s,c as i,F as o,g as n}from"./p-ef5985a3.js";import{h}from"./p-87c329f2.js";import"./p-dae15605.js";const r=".sc-stzh-menu-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-menu-h,[stzh-hidden].sc-stzh-menu-h{display:none}.sc-stzh-menu-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-menu-h *.sc-stzh-menu,.sc-stzh-menu-h *.sc-stzh-menu::before,.sc-stzh-menu-h *.sc-stzh-menu::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-menu-h .has-focus.sc-stzh-menu{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-menu-h .stzh-fylingfocus-focused.sc-stzh-menu{outline-style:none !important}.sc-stzh-menu-h .stzh-fylingfocus-focused.sc-stzh-menu::-moz-focus-inner{border:0 !important}.sc-stzh-menu-h.sc-stzh-menu-s>stzh-hr,.sc-stzh-menu-h .sc-stzh-menu-s>stzh-hr{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}.stzh-menu.sc-stzh-menu{display:flex;flex-direction:column}";const a=r;const c=class{constructor(e){t(this,e)}render(){return e(s,{key:"e65fc52c84693965e8a4f5a8320f60a7356e1661",role:"menu"},e("div",{key:"9e7b01735c0f3b6a0b8b01f593912fb10fe3a15f",class:"stzh-menu"},e("slot",{key:"9603fe2760a47019a8d5d43826d8eaa30390e81b"})))}};c.style=a;const l=".sc-stzh-menu-item-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-menu-item-h,[stzh-hidden].sc-stzh-menu-item-h{display:none}.sc-stzh-menu-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-menu-item-h *.sc-stzh-menu-item,.sc-stzh-menu-item-h *.sc-stzh-menu-item::before,.sc-stzh-menu-item-h *.sc-stzh-menu-item::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-menu-item-h .has-focus.sc-stzh-menu-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-menu-item-h .stzh-fylingfocus-focused.sc-stzh-menu-item{outline-style:none !important}.sc-stzh-menu-item-h .stzh-fylingfocus-focused.sc-stzh-menu-item::-moz-focus-inner{border:0 !important}.sc-stzh-menu-item-h{--height:var(--stzh-menu-item-height);--color:var(--stzh-color-black);--background-color:transparent;--icon-size:var(--stzh-icon-size-small);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-large);--padding-right:var(--stzh-space-large);--hover-color:var(--stzh-popover-item-hover-color, var(--stzh-color-black));--hover-background-color:var(--stzh-popover-item-hover-bg, var(--stzh-color-grey20))}[size=large].sc-stzh-menu-item-h{--icon-size:var(--stzh-icon-size);--height:var(--stzh-menu-large-item-height);--padding-left:var(--stzh-space-xlarge);--padding-right:var(--stzh-space-xlarge)}[variant=secondary].sc-stzh-menu-item-h{--color:var(--stzh-color-primary70);--hover-color:var(--stzh-color-primary70);--hover-background-color:var(--stzh-color-secondary30)}[active].sc-stzh-menu-item-h:not([active=false]){--color:var(--stzh-color-primary70);--hover-color:var(--stzh-color-primary70);--hover-background-color:var(--stzh-color-grey20)}[disabled].sc-stzh-menu-item-h:not([disabled=false]){--color:var(--stzh-color-grey70);--background-color:var(--stzh-color-grey10);--hover-color:var(--stzh-color-grey70);--hover-background-color:var(--stzh-color-grey10)}.stzh-menu-item.sc-stzh-menu-item{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);font-family:inherit;display:flex;gap:var(--stzh-space-small);align-items:center;justify-content:stretch;appearance:none;-webkit-text-decoration-line:none;text-decoration-line:none;border:none;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);color:var(--color);background-color:var(--background-color);width:100%;height:var(--height);line-height:var(--height);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color, border-color;cursor:pointer}.stzh-menu-item.sc-stzh-menu-item:hover{color:var(--hover-color);background-color:var(--hover-background-color)}.stzh-menu-item__icon-wrapper.sc-stzh-menu-item{--stzh-icon-size:var(--icon-size);position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:auto;height:1em}.stzh-menu-item__badge.sc-stzh-menu-item{position:absolute;z-index:1;top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-xsmall) * -1)}.stzh-menu-item__text-wrapper.sc-stzh-menu-item{display:flex;gap:var(--stzh-space-xsmall)}.stzh-menu-item__counter.sc-stzh-menu-item{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-menu-item__text.sc-stzh-menu-item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stzh-menu-item--size-large.sc-stzh-menu-item{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);gap:var(--stzh-space-medium)}.stzh-menu-item--is-disabled.sc-stzh-menu-item{cursor:not-allowed}";const m=l;const u=class{constructor(e){t(this,e);this.stzhFocus=i(this,"stzhFocus",7);this.stzhBlur=i(this,"stzhBlur",7);this.stzhClick=i(this,"stzhClick",7);this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.menuItem.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const e=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(e);this.stzhFocus.emit({component:"stzh-menu-item",originalEvent:t})};this.onBlur=t=>{const e=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(e);this.stzhBlur.emit({component:"stzh-menu-item",originalEvent:t})};this.onClick=t=>{this.stzhClick.emit({component:"stzh-menu-item",originalEvent:t,href:this.href})};this.variant="default";this.size="default";this.counter=undefined;this.badge="";this.badgeType="default";this.badgeEmpty=false;this.disabled=false;this.active=false;this.icon="";this.label="";this.href="";this.target="";this.a11yLabel=undefined;this.analyticsId=undefined}componentDidRender(){requestAnimationFrame((()=>{var t;(t=this.menuItem)===null||t===void 0?void 0:t.setAttribute("s-object-id",this.analyticsId||this.text.innerText)}))}renderInner(t){return e(o,null,t&&e("div",{class:"stzh-menu-item__icon-wrapper"},this.icon?e("stzh-icon",{class:"stzh-menu-item__icon",name:this.icon}):e("slot",{name:"icon"}),(this.badge||this.badgeEmpty)&&e("stzh-badge",{class:"stzh-menu-item__badge",label:this.badge,type:this.badgeType})),e("div",{class:"stzh-menu-item__text-wrapper"},e("div",{ref:t=>this.text=t,class:"stzh-menu-item__text"},this.label?this.label:e("slot",null)),this.counter!==undefined&&this.counter>0&&e("div",{class:"stzh-menu-item__counter"},"(",this.counter,")")))}render(){const t=h(this.element,"icon")||!!this.icon;const i={"stzh-menu-item":true,"stzh-menu-item--has-icon":t,"stzh-menu-item--has-badge":!!this.badge,"stzh-menu-item--is-disabled":this.disabled,"stzh-menu-item--is-active":this.active,[`stzh-menu-item--size-${this.size}`]:!!this.size,[`stzh-menu-item--${this.variant}`]:!!this.variant};return e(s,{key:"e515fdca2d1a78fc434dc09d425e845fca34ec16",role:"menuitem",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},this.href?e("a",{ref:t=>this.menuItem=t,href:this.disabled?null:this.href,target:this.target,class:i,"aria-label":this.a11yLabel||null,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(t)):e("button",{ref:t=>this.menuItem=t,class:i,type:"button",disabled:this.disabled,"aria-label":this.a11yLabel||null,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(t)))}get element(){return n(this)}};u.style=m;export{c as stzh_menu,u as stzh_menu_item};
+//# sourceMappingURL=p-ebb4b12f.entry.js.map

package/dist/stzh-components/{p-a47ce522.entry.js → p-ec2ac6e9.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a,g as s}from"./p-ef5985a3.js";const n=".sc-stzh-eventdata-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-eventdata-h,[stzh-hidden].sc-stzh-eventdata-h{display:none}.sc-stzh-eventdata-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-eventdata-h *.sc-stzh-eventdata,.sc-stzh-eventdata-h *.sc-stzh-eventdata::before,.sc-stzh-eventdata-h *.sc-stzh-eventdata::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-eventdata-h .has-focus.sc-stzh-eventdata{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-eventdata-h .stzh-fylingfocus-focused.sc-stzh-eventdata{outline-style:none !important}.sc-stzh-eventdata-h .stzh-fylingfocus-focused.sc-stzh-eventdata::-moz-focus-inner{border:0 !important}.stzh-eventdata.sc-stzh-eventdata{display:flex;flex-direction:column;row-gap:var(--stzh-space-xsmall);column-gap:var(--stzh-space-medium)}.stzh-eventdata__label.sc-stzh-eventdata{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-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);flex-shrink:0}@media screen and (min-width: 900px){.stzh-eventdata__label.sc-stzh-eventdata{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)}}@media screen and (min-width: 600px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:10rem}}@media screen and (min-width: 900px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:10.875rem}}@media screen and (min-width: 1260px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:11.375rem}}.stzh-eventdata__content.sc-stzh-eventdata{flex-grow:1;display:flex;flex-direction:column;row-gap:var(--stzh-space-xsmall)}";const i=n;const h=class{constructor(e){t(this,e);this.label=""}render(){const t={"stzh-eventdata":true};return e(a,{key:"80fe3a7f6b30a7706771903ef535be2d7abf15b8"},e("div",{key:"6fc722f225efe2f9f96ef8e41d913353e52de514",class:t},e("div",{key:"dbaa5c96a4382b10743823a3247b921eb962f95b",class:"stzh-eventdata__label"},this.label?this.label:e("slot",{name:"label"})),e("div",{key:"debec6dd6f7f780c526962e01d90e1b744ce387e",class:"stzh-eventdata__content"},e("slot",{key:"245e78b5ea00f44a11dcaa0d8dec2708a29ec961"}))))}get element(){return s(this)}};h.style=i;export{h as stzh_eventdata};
-//# sourceMappingURL=p-a47ce522.entry.js.map
+import{r as t,h as e,a,g as s}from"./p-ef5985a3.js";const n=".sc-stzh-eventdata-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-eventdata-h,[stzh-hidden].sc-stzh-eventdata-h{display:none}.sc-stzh-eventdata-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-eventdata-h *.sc-stzh-eventdata,.sc-stzh-eventdata-h *.sc-stzh-eventdata::before,.sc-stzh-eventdata-h *.sc-stzh-eventdata::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-eventdata-h .has-focus.sc-stzh-eventdata{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-eventdata-h .stzh-fylingfocus-focused.sc-stzh-eventdata{outline-style:none !important}.sc-stzh-eventdata-h .stzh-fylingfocus-focused.sc-stzh-eventdata::-moz-focus-inner{border:0 !important}.stzh-eventdata.sc-stzh-eventdata{display:flex;flex-direction:column;row-gap:var(--stzh-space-xsmall);column-gap:var(--stzh-space-medium)}.stzh-eventdata__label.sc-stzh-eventdata{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-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);flex-shrink:0}@media screen and (min-width: 900px){.stzh-eventdata__label.sc-stzh-eventdata{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)}}@media screen and (min-width: 600px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:10rem}}@media screen and (min-width: 900px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:10.875rem}}@media screen and (min-width: 1260px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:11.375rem}}.stzh-eventdata__content.sc-stzh-eventdata{flex-grow:1;display:flex;flex-direction:column;row-gap:var(--stzh-space-xsmall)}";const i=n;const h=class{constructor(e){t(this,e);this.label=""}render(){const t={"stzh-eventdata":true};return e(a,{key:"332dfcd3aef629da32745df0673a468fb5f5a9b6"},e("div",{key:"1d9029fbb01efa1e2b662096dcb8f72d55fbc7de",class:t},e("div",{key:"477436e7431e944e3630aa5bad1827c97dcb31e6",class:"stzh-eventdata__label"},this.label?this.label:e("slot",{name:"label"})),e("div",{key:"db8ec0e52f627614a4404e5d03a6cc73969e6b1e",class:"stzh-eventdata__content"},e("slot",{key:"218303cfeec858f7f5a593621e6bb5aa61e6e8f4"}))))}get element(){return s(this)}};h.style=i;export{h as stzh_eventdata};
+//# sourceMappingURL=p-ec2ac6e9.entry.js.map

package/dist/stzh-components/p-ee311236.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,a as o,g as n}from"./p-ef5985a3.js";import{w as s}from"./p-70ec7e79.js";import{s as a,a as r,b as l}from"./p-2c0bec3e.js";import{h}from"./p-87c329f2.js";import"./p-dae15605.js";const c=':host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--content-padding-bottom:var(--stzh-space-medium);--trigger-size:1.125rem;--icon-size:var(--stzh-icon-size);--description-color:var(--stzh-color-black);--heading-margin-bottom:var(--stzh-space-medium);--button-color:var(--stzh-color-primary70);--button-background-color:transparent;--button-font-size:var(\n    --stzh-timeline-nested-button-font-size,\n    var(--stzh-font-milli-font-size)\n  );--button-line-height:var(\n    --stzh-timeline-nested-button-line-height,\n    var(--stzh-font-milli-heading-line-height)\n  );--button-letter-spacing:var(\n    --stzh-timeline-nested-button-line-height,\n    normal\n  );--bullet-color:var(--stzh-color-primary70);--bullet-background-color:var(--stzh-color-grey20);--content-padding-top:var(--stzh-timeline-content-padding-top);--content-padding-right:0px;--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--bullet-background-color)}@media screen and (min-width: 600px){:host{--content-padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--content-padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--content-padding-bottom:var(--stzh-space-xxlarge)}}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media screen and (min-width: 600px){:host{--button-font-size:var(\n      --stzh-timeline-nested-button-font-size,\n      var(--stzh-font-centi-font-size)\n    );--button-line-height:var(\n      --stzh-timeline-nested-button-line-height,\n      var(--stzh-font-centi-heading-line-height)\n    )}}:host(:where([is-foldable])){--button-background-color:var(--stzh-color-grey10);--bullet-color:var(--stzh-color-black);--bullet-background-color:var(--stzh-color-secondary20);--hover-button-background-color:var(--stzh-color-grey20);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--stzh-color-secondary40)}@media (forced-colors: active), (-ms-high-contrast: active){:host(:where([is-foldable])){--button-color:Highlight;--hover-button-color:Highlight}}:host(:where([open]:not([open=false]))){--heading-margin-bottom:0px}:host(:where([is-foldable][open]:not([open=false]))){--bullet-color:var(--stzh-color-white);--bullet-background-color:var(--stzh-color-primary70);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--stzh-color-primary90)}@media (forced-colors: active), (-ms-high-contrast: active){:host(:where([is-foldable][open]:not([open=false]))){--button-color:SelectedItem;--bullet-color:SelectedItem;--hover-button-color:SelectedItem;--hover-bullet-color:SelectedItem}}:host(:where([completed]:not([completed=false]))){--bullet-color:var(--stzh-color-white);--bullet-background-color:var(--stzh-color-secondary60);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--bullet-background-color)}:host(:where([is-foldable][open]:not([open=false]))){--hover-bullet-background-color:var(--stzh-color-secondary70)}:host(:where([disabled]:not([disabled=false]))){--button-color:var(--stzh-color-grey80);--bullet-color:var(--stzh-color-white);--bullet-background-color:var(--stzh-color-grey60);--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--hover-bullet-color:var(--bullet-color);--hover-bullet-background-color:var(--bullet-background-color)}.stzh-timeline-item{display:flex;flex-direction:column;}.stzh-timeline-item__heading{position:relative;margin:0}.stzh-timeline-item__button{font-size:var(--button-font-size);line-height:var(--button-line-height);letter-spacing:var(--button-letter-spacing);font-family:inherit;width:100%;appearance:none;background-color:transparent;padding:0;border:none;display:flex;color:var(--button-color);text-align:left;transition-property:color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:default}.stzh-timeline-item__button:hover{color:var(--hover-button-color)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__button{transition:none}}.stzh-timeline-item__button-inner{display:flex;flex-grow:1;align-items:center;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall);background-color:var(--button-background-color);transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);min-height:var(--stzh-timeline-bullet-size);padding-left:var(--stzh-space-xsmall);padding-right:var(--stzh-space-small)}.stzh-timeline-item__button:hover .stzh-timeline-item__button-inner{background-color:var(--hover-button-background-color)}.stzh-timeline-item__button,.stzh-timeline-item__content-inner{padding-left:var(--stzh-timeline-bullet-size)}.stzh-timeline-item__button-text{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);flex-grow:1}.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-xsmall);align-self:flex-start;position:relative;display:block;width:var(--trigger-size);height:var(--trigger-size);margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-timeline-item__button-icon{margin-left:var(--stzh-space-xlarge)}}.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{position:absolute;top:50%;left:50%;content:"";display:block;width:var(--trigger-size);height:0.15625rem;transition-property:transform;transition-duration:500ms;transform-origin:top left;background-color:currentColor}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{background-color:CanvasText}}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__button-icon::before,.stzh-timeline-item__button-icon::after{transition:none}}.stzh-timeline-item__button-icon::before{transform:rotate(180deg) translate(-50%, -50%)}.stzh-timeline-item__button-icon::after{transform:rotate(90deg) translate(-50%, -50%)}.stzh-timeline-item__bullet{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:absolute;top:0;left:0;z-index:1;display:flex;justify-content:center;align-items:center;width:var(--stzh-timeline-bullet-size);height:var(--stzh-timeline-bullet-size);color:var(--bullet-color);background-color:var(--bullet-background-color);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__bullet{transition:none}}.stzh-timeline-item__button:hover .stzh-timeline-item__bullet{color:var(--hover-bullet-color);background-color:var(--hover-bullet-background-color)}.stzh-timeline-item__bullet-icon-wrapper{--stzh-icon-size:var(--icon-size);display:flex}.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-xxsmall);--stzh-timeline-nested-button-font-size:var(--stzh-font-micro-font-size);--stzh-timeline-nested-button-line-height:var(\n    --stzh-font-micro-heading-line-height\n  );overflow:hidden}@media screen and (min-width: 900px){.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-timeline-item__content{--stzh-timeline-content-padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-timeline-item__content{--stzh-timeline-nested-button-font-size:var(--stzh-font-milli-font-size);--stzh-timeline-nested-button-line-height:var(\n      --stzh-font-milli-heading-line-height\n    )}}@media print{.stzh-timeline-item__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-timeline-item__content-inner{padding-top:var(--content-padding-top);padding-bottom:var(--content-padding-bottom);padding-right:var(--content-padding-right)}.stzh-timeline-item__badge{position:absolute;right:-0.3125rem;top:-0.375rem}.stzh-timeline-item__description{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));color:var(--description-color);transition:color var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 900px){.stzh-timeline-item__description{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__description{transition:none}}.stzh-timeline-item__heading{margin-bottom:var(--heading-margin-bottom);transition:margin-bottom var(--stzh-base-transition-animation-speed)}@media (prefers-reduced-motion: reduce){.stzh-timeline-item__heading{transition:none}}.stzh-timeline-item__heading-text,.stzh-timeline-item__description{display:block}.stzh-timeline-item--is-foldable .stzh-timeline-item__button{cursor:pointer}.stzh-timeline-item--is-open .stzh-timeline-item__button-icon::before,.stzh-timeline-item--is-open .stzh-timeline-item__button-icon::after{transform:rotate(0) translate(-50%, -50%)}.stzh-timeline-item--is-disabled .stzh-timeline-item__button{cursor:not-allowed}';const d=c;const m={keyframes:[{height:"0"},{height:"auto"}],options:{duration:300,easing:"linear"}};const b={keyframes:[{height:"auto"},{height:"0"}],options:{duration:300,easing:"linear"}};let f=0;const u=class{constructor(i){t(this,i);this.stzhOpen=e(this,"stzhOpen",7);this.stzhOpened=e(this,"stzhOpened",7);this.stzhClose=e(this,"stzhClose",7);this.stzhClosed=e(this,"stzhClosed",7);this.stzhFocus=e(this,"stzhFocus",7);this.stzhBlur=e(this,"stzhBlur",7);this.toggledByMethod=false;this.focusedByInput=false;this.shiftPressed=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.buttonElement.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;if(this.shiftPressed){this.rootTabindex=-1}this.stzhFocus.emit({component:"stzh-timeline-item",originalEvent:t})};this.onBlur=t=>{this.rootTabindex=0;this.stzhBlur.emit({component:"stzh-timeline-item",originalEvent:t})};this.handleFoldableChange=t=>{this.foldableWatcher(this.foldable)};this.handleHeaderClick=()=>{if(typeof this.collapsible!=="undefined"){if(this.collapsible){this.toggle()}else if(!this.open){this.show()}}else if(!this.timeline||this.timeline.collapsible){this.toggle()}else if(!this.open){this.show()}};this.onButtonKeydown=t=>{let e=null;if(t.key==="ArrowDown"){e="next"}else if(t.key==="ArrowUp"){e="prev"}else if(t.key==="Home"){e="first"}else if(t.key==="End"){e="last"}else if(t.key==="PageDown"&&t.ctrlKey){e="next"}else if(t.key==="PageUp"&&t.ctrlKey){e="prev"}if(t.key==="Shift"){this.rootTabindex=-1}if(e){t.preventDefault();this.timeline.setItemFocus(this.element,e)}};this.onContentKeydown=t=>{if(!t.ctrlKey){return}let e=null;if(t.key==="PageDown"){e="next"}else if(t.key==="PageUp"){e="prev"}if(e){t.preventDefault();this.timeline.setItemFocus(this.element,e)}};this.foldable=undefined;this.collapsible=undefined;this.open=false;this.disabled=false;this.completed=false;this.heading="";this.description="";this.step=1;this.icon="";this.badge="";this.badgeEmpty=false;this.badgeType="default";this.headingLevel="3";this.analyticsId=undefined;this.rootTabindex=0;this._foldable=false}async show(){if(this.open||this.disabled||!this._foldable){return}this.toggledByMethod=true;this.open=true;return s(this.element,"stzhOpened")}async hide(){if(!this.open||this.disabled||!this._foldable){return}this.toggledByMethod=true;this.open=false;return s(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}async openWatcher(t){if(!this.bodyElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-timeline-item"})}await a(this.bodyElement);this.bodyElement.hidden=false;await r(this.bodyElement,l(m.keyframes,{height:this.bodyElement.scrollHeight}),m.options);this.bodyElement.style.height="auto";this.bodyElement.style.overflow="visible";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-timeline-item"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-timeline-item"})}await a(this.bodyElement);this.bodyElement.style.overflow="hidden";await r(this.bodyElement,l(b.keyframes,{height:this.bodyElement.scrollHeight}),b.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-timeline-item"})}}this.toggledByMethod=false}foldableWatcher(t){if(typeof t!=="undefined"){this._foldable=t}else if(this.timeline){this._foldable=this.timeline.foldable}if(!this._foldable){this.open=true}}handleKeydown(t){if(t.key==="Shift"){this.shiftPressed=true}}handleKeyup(t){if(t.key==="Shift"){this.shiftPressed=false}}componentWillLoad(){this.timelineItemId=`stzh-timeline-item-${f++}`}componentDidLoad(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0px";this.bodyElement.style.overflow=this.open?"visible":"hidden"}async connectedCallback(){this.timeline=this.element.closest("stzh-timeline");if(this.timeline){this.timeline.addEventListener("stzhFoldableChange",this.handleFoldableChange)}this.foldableWatcher(this.foldable)}disconnectedCallback(){if(this.timeline){this.timeline.removeEventListener("stzhFoldableChange",this.handleFoldableChange);this.timeline=null}}render(){const t=`h${this.headingLevel}`;const e=!!this.icon||h(this.element,"icon");const n={"stzh-timeline-item":true,"stzh-timeline-item--has-description":!!this.description,"stzh-timeline-item--is-open":this.open,"stzh-timeline-item--is-disabled":this.disabled,"stzh-timeline-item--is-foldable":this._foldable,"stzh-timeline-item--is-completed":this.completed};return i(o,{key:"b503376ec34be69af4cda573d066f1fbf4131a35",role:"listitem","is-foldable":this._foldable,tabindex:this.disabled?null:this.rootTabindex,onFocus:this.onRootFocus},i("div",{key:"f6da87404c9fc7272b4e70e55afbbdfd2e918f01",class:n},i(t,{key:"716bd1a0790f6442952939dc590af2d57c145659",id:`${this.timelineItemId}-header`,class:"stzh-timeline-item__heading",onClick:this.handleHeaderClick},i("button",{key:"98917f9a7790d2c9440202b5a22aea38d311eda4",ref:t=>this.buttonElement=t,class:"stzh-timeline-item__button","aria-controls":`${this.timelineItemId}-content`,"aria-expanded":`${this.open?"true":"false"}`,"aria-disabled":!this._foldable?"true":"false",disabled:this.disabled,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onButtonKeydown,type:"button","s-object-id":this.analyticsId||this.heading},i("span",{key:"05d45ce5bce4f4d91411a01b5fd60572486d76c0",class:"stzh-timeline-item__bullet"},e||this.completed?i("span",{class:"stzh-timeline-item__bullet-icon-wrapper"},this.icon||this.completed?i("stzh-icon",{class:"stzh-timeline-item__bullet-icon",name:this.icon?this.icon:"checkmark"}):i("slot",{name:"icon"})):i("span",{class:"stzh-timeline-item__bullet-text"},this.step),(this.badge||this.badgeEmpty)&&i("stzh-badge",{key:"0269da13471f743402344bc777caf15094fcd0a6",class:"stzh-timeline-item__badge",label:this.badge,type:this.badgeType})),i("div",{key:"b77c715d05f3c4627a55a366d00d0f382858ba56",class:"stzh-timeline-item__button-inner"},i("span",{key:"fb7503670b4e0fe23daf2238b9f3eccc846d43c0",class:"stzh-timeline-item__button-text"},i("span",{key:"2749c9bf11d6ec921bab96aa84d792037db97060",class:"stzh-timeline-item__heading-text"},this.heading),i("span",{key:"4a2ecfff1b5823ddf11df31345a5c84cb024fd5d",class:"stzh-timeline-item__description"},this.description)),this._foldable&&i("span",{key:"c602b1e975466a38bd74d4e7dada72aa0427949e",class:"stzh-timeline-item__button-icon"})))),i("div",{key:"307f03cb20a120da2ebe05c1a424f1cd9c1b8832",id:`${this.timelineItemId}-content`,ref:t=>this.bodyElement=t,class:"stzh-timeline-item__content","aria-labelledby":`${this.timelineItemId}-header`,role:"region",onKeyDown:this.onContentKeydown},i("div",{key:"d62d96be7f3ace98454a9ed9a60d93230019a857",class:"stzh-timeline-item__content-inner"},i("slot",{key:"92b1ce3339ed5ff1db8055347edcba9f2d6785f3"})))))}get element(){return n(this)}static get watchers(){return{open:["openWatcher"],foldable:["foldableWatcher"]}}};u.style=d;export{u as stzh_timeline_item};
+//# sourceMappingURL=p-ee311236.entry.js.map

package/dist/stzh-components/{p-ddc0dc04.entry.js.map → p-ee311236.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stzhTimelineItemCss","StzhTimelineItemStyle0","ANIMATION_SHOW","keyframes","height","options","duration","easing","ANIMATION_HIDE","timelineItemCounter","StzhTimelineItem","this","toggledByMethod","focusedByInput","shiftPressed","onRootFocus","buttonElement","focus","onFocus","event","rootTabindex","stzhFocus","emit","component","originalEvent","onBlur","stzhBlur","handleFoldableChange","_event","foldableWatcher","foldable","handleHeaderClick","collapsible","toggle","open","show","timeline","onButtonKeydown","action","key","ctrlKey","preventDefault","setItemFocus","element","onContentKeydown","disabled","_foldable","waitForEvent","hide","openWatcher","newValue","bodyElement","stzhOpen","stopAnimations","hidden","animateTo","shimKeyframesAutoValues","scrollHeight","style","overflow","stzhOpened","stzhClose","stzhClosed","handleKeydown","handleKeyup","componentWillLoad","timelineItemId","componentDidLoad","connectedCallback","closest","addEventListener","disconnectedCallback","removeEventListener","render","Heading","headingLevel","hasIcon","icon","hasSlot","classes","description","completed","h","Host","role","tabindex","class","id","onClick","ref","el","onKeyDown","type","analyticsId","heading","name","step","badge","badgeEmpty","label","badgeType"],"sources":["src/components/stzh-timeline-item/stzh-timeline-item.scss?tag=stzh-timeline-item&encapsulation=shadow","src/components/stzh-timeline-item/stzh-timeline-item.tsx"],"sourcesContent":["/**\n * @prop --icon-size: Icon size\n */\n\n:host {\n  @include spaceCurve(\"--content-padding-bottom\", \"regular\");\n  --trigger-size: 18px;\n  --icon-size: #{iconSize()};\n  --description-color: #{$colorBlack};\n  --heading-margin-bottom: #{space(\"medium\")};\n  --button-color: #{$colorPrimary70};\n  --button-background-color: transparent;\n  --button-font-size: var(\n    --stzh-timeline-nested-button-font-size,\n    var(--stzh-font-milli-font-size)\n  );\n  --button-line-height: var(\n    --stzh-timeline-nested-button-line-height,\n    var(--stzh-font-milli-heading-line-height)\n  );\n  --button-letter-spacing: var(\n    --stzh-timeline-nested-button-line-height,\n    normal\n  );\n  --bullet-color: #{$colorPrimary70};\n  --bullet-background-color: #{$colorGrey20};\n  --content-padding-top: var(--stzh-timeline-content-padding-top);\n  --content-padding-right: 0px;\n\n  --hover-button-color: var(--button-color);\n  --hover-button-background-color: var(--button-background-color);\n  --hover-bullet-color: var(--bullet-color);\n  --hover-bullet-background-color: var(--bullet-background-color);\n\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  @include mq($from: small) {\n    --button-font-size: var(\n      --stzh-timeline-nested-button-font-size,\n      var(--stzh-font-centi-font-size)\n    );\n    --button-line-height: var(\n      --stzh-timeline-nested-button-line-height,\n      var(--stzh-font-centi-heading-line-height)\n    );\n  }\n}\n\n/* Foldable */\n\n:host(:where([is-foldable])) {\n  --button-background-color: #{$colorGrey10};\n  --bullet-color: #{$colorBlack};\n  --bullet-background-color: #{$colorSecondary20};\n\n  --hover-button-background-color: #{$colorGrey20};\n  --hover-bullet-color: var(--bullet-color);\n  --hover-bullet-background-color: #{$colorSecondary40};\n\n  @include highContrast() {\n    --button-color: Highlight;\n\n    --hover-button-color: Highlight;\n  }\n}\n\n/* Open */\n\n:host(:where([open]:not([open=\"false\"]))) {\n  --heading-margin-bottom: 0px;\n}\n\n/* Foldable Open */\n\n:host(:where([is-foldable][open]:not([open=\"false\"]))) {\n  --bullet-color: #{$colorWhite};\n  --bullet-background-color: #{$colorPrimary70};\n\n  --hover-bullet-color: var(--bullet-color);\n  --hover-bullet-background-color: #{$colorPrimary90};\n\n  @include highContrast() {\n    --button-color: SelectedItem;\n    --bullet-color: SelectedItem;\n\n    --hover-button-color: SelectedItem;\n    --hover-bullet-color: SelectedItem;\n  }\n}\n\n/* Completed */\n\n:host(:where([completed]:not([completed=\"false\"]))) {\n  --bullet-color: #{$colorWhite};\n  --bullet-background-color: #{$colorSecondary60};\n\n  --hover-bullet-color: var(--bullet-color);\n  --hover-bullet-background-color: var(--bullet-background-color);\n}\n\n/* Completed Foldable */\n\n:host(:where([is-foldable][open]:not([open=\"false\"]))) {\n  --hover-bullet-background-color: #{$colorSecondary70};\n}\n\n/* Disabled */\n\n:host(:where([disabled]:not([disabled=\"false\"]))) {\n  --button-color: #{$colorGrey80};\n  --bullet-color: #{$colorWhite};\n  --bullet-background-color: #{$colorGrey60};\n\n  --hover-button-color: var(--button-color);\n  --hover-button-background-color: var(--button-background-color);\n  --hover-bullet-color: var(--bullet-color);\n  --hover-bullet-background-color: var(--bullet-background-color);\n}\n\n.stzh-timeline-item {\n  display: flex;\n  flex-direction: column;\n\n  &__heading {\n    position: relative;\n    margin: 0;\n  }\n\n  &__button {\n    font-size: var(--button-font-size);\n    line-height: var(--button-line-height);\n    letter-spacing: var(--button-letter-spacing);\n    font-family: inherit;\n    width: 100%;\n    appearance: none;\n    background-color: transparent;\n    padding: 0;\n    border: none;\n    display: flex;\n    color: var(--button-color);\n    text-align: left;\n    transition-property: color;\n    transition-duration: $baseTransitionAnimationSpeed;\n    cursor: default;\n\n    &:hover {\n      color: var(--hover-button-color);\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n\n  &__button-inner {\n    display: flex;\n    flex-grow: 1;\n    align-items: center;\n    padding-top: space(\"xsmall\");\n    padding-bottom: space(\"xsmall\");\n    background-color: var(--button-background-color);\n    transition-property: background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n    min-height: $timelineBulletSize;\n    padding-left: space(\"xsmall\");\n    padding-right: space(\"small\");\n  }\n\n  &__button:hover &__button-inner {\n    background-color: var(--hover-button-background-color);\n  }\n\n  &__button,\n  &__content-inner {\n    padding-left: $timelineBulletSize;\n  }\n\n  &__button-text {\n    @include font(\"heavy\");\n    flex-grow: 1;\n  }\n\n  &__button-icon {\n    @include spaceCurve(\"margin-left\", \"small\");\n    align-self: flex-start;\n    position: relative;\n    display: block;\n    width: var(--trigger-size);\n    height: var(--trigger-size);\n    margin-top: space(\"xxsmall\");\n\n    &::before,\n    &::after {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      content: \"\";\n      display: block;\n      width: var(--trigger-size);\n      height: 2.5px;\n      transition-property: transform;\n      transition-duration: 500ms;\n      transform-origin: top left;\n      background-color: currentColor;\n\n      @include highContrast() {\n        background-color: CanvasText;\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n\n    &::before {\n      transform: rotate(180deg) translate(-50%, -50%);\n    }\n\n    &::after {\n      transform: rotate(90deg) translate(-50%, -50%);\n    }\n  }\n\n  &__bullet {\n    @include font(\"heavy\");\n    @include fontSize(\"milli\");\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 1;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: $timelineBulletSize;\n    height: $timelineBulletSize;\n    color: var(--bullet-color);\n    background-color: var(--bullet-background-color);\n    transition-property: color, background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n\n  &__button:hover &__bullet {\n    color: var(--hover-bullet-color);\n    background-color: var(--hover-bullet-background-color);\n  }\n\n  &__bullet-icon-wrapper {\n    --stzh-icon-size: var(--icon-size);\n\n    display: flex;\n  }\n\n  &__content {\n    // content padding of nested timelines\n    @include spaceCurve(\"--stzh-timeline-content-padding-top\", \"tiny\");\n    --stzh-timeline-nested-button-font-size: var(--stzh-font-micro-font-size);\n    --stzh-timeline-nested-button-line-height: var(\n      --stzh-font-micro-heading-line-height\n    );\n\n    overflow: hidden;\n\n    @include mq($from: medium) {\n      --stzh-timeline-nested-button-font-size: var(--stzh-font-milli-font-size);\n      --stzh-timeline-nested-button-line-height: var(\n        --stzh-font-milli-heading-line-height\n      );\n    }\n\n    @media print {\n      height: auto !important;\n      overflow: visible !important;\n      display: block !important;\n    }\n  }\n\n  &__content-inner {\n    padding-top: var(--content-padding-top);\n    padding-bottom: var(--content-padding-bottom);\n    padding-right: var(--content-padding-right);\n  }\n\n  &__badge {\n    position: absolute;\n    right: -5px;\n    top: -6px;\n  }\n\n  &__description {\n    @include fontCurve(\"caption\");\n    color: var(--description-color);\n    transition: color $baseTransitionAnimationSpeed;\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n\n  &__heading {\n    margin-bottom: var(--heading-margin-bottom);\n    transition: margin-bottom $baseTransitionAnimationSpeed;\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n\n  &__heading-text,\n  &__description {\n    display: block;\n  }\n\n  /* Foldable */\n\n  &--is-foldable &__button {\n    cursor: pointer;\n  }\n\n  /* Open */\n\n  &--is-open &__button-icon {\n    &::before,\n    &::after {\n      transform: rotate(0) translate(-50%, -50%);\n    }\n  }\n\n  /* Disabled */\n\n  &--is-disabled &__button {\n    cursor: not-allowed;\n  }\n}\n","import { Component, Host, h, Element, Prop, Method, Watch, Event, EventEmitter, State, Listen } from \"@stencil/core\";\n\nimport {\n  StzhTimelineItemOpenEvent,\n  StzhTimelineItemOpenedEvent,\n  StzhTimelineItemCloseEvent,\n  StzhTimelineItemClosedEvent,\n  StzhTimelineItemFocusEvent,\n  StzhTimelineItemBlurEvent,\n  StzhTimelineFoldableChangeEvent,\n  StzhBadgeType,\n} from \"../../index\";\n\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { stopAnimations, animateTo, shimKeyframesAutoValues } from \"../../utils/animation-utils\";\nimport { hasSlot } from \"../../utils/utils\";\n\nconst ANIMATION_SHOW = {\n  keyframes: [{ height: \"0\" }, { height: \"auto\" }],\n  options: { duration: 300, easing: \"linear\" },\n};\n\nconst ANIMATION_HIDE = {\n  keyframes: [{ height: \"auto\" }, { height: \"0\" }],\n  options: { duration: 300, easing: \"linear\" },\n};\n\nlet timelineItemCounter = 0;\n\n/**\n * @slot - Slot for any content\n * @slot icon - Slot for icon element\n */\n@Component({\n  tag: \"stzh-timeline-item\",\n  styleUrl: \"stzh-timeline-item.scss\",\n  shadow: true,\n})\nexport class StzhTimelineItem {\n  /** Whether folds are foldable (overwrites `foldable` property from `timeline` parent) */\n  @Prop() foldable: boolean;\n\n  /** Whether fold is collapsible (overwrites `collapsible` property from `timeline` parent) */\n  @Prop() collapsible: boolean;\n\n  /** Whether fold is open */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /** Whether fold disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Whether step should be marked as completed */\n  @Prop({ reflect: true }) completed: boolean = false;\n\n  /** Heading title */\n  @Prop() heading: string = \"\";\n\n  /** Description */\n  @Prop() description: string = \"\";\n\n  /** Step number shown inside bullet by default */\n  @Prop({ reflect: true }) step: number = 1;\n\n  /** Icon (use instead of icon slot) */\n  @Prop() icon: string = \"\";\n\n  /** Badge */\n  @Prop() badge: string = \"\";\n\n  /** Whether badge should be displayed empty */\n  @Prop({ reflect: true }) badgeEmpty: boolean = false;\n\n  /** Badge type */\n  @Prop({ reflect: true }) badgeType: StzhBadgeType = \"default\";\n\n  /** Heading level */\n  @Prop({ reflect: true }) headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the button element.\n   * Default value will be taken from `heading` prop.\n   */\n  @Prop() analyticsId: string;\n\n  @Element() element: HTMLStzhTimelineItemElement;\n\n  /** Open event */\n  @Event() stzhOpen: EventEmitter<StzhTimelineItemOpenEvent>;\n\n  /** Opened event (after animation) */\n  @Event() stzhOpened: EventEmitter<StzhTimelineItemOpenedEvent>;\n\n  /** Close event */\n  @Event() stzhClose: EventEmitter<StzhTimelineItemCloseEvent>;\n\n  /** Closed event (after animation) */\n  @Event() stzhClosed: EventEmitter<StzhTimelineItemClosedEvent>;\n\n  /** Show timeline item content */\n  @Method()\n  async show() {\n    if (this.open || this.disabled || !this._foldable) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = true;\n    return waitForEvent(this.element, \"stzhOpened\");\n  }\n\n  /** Hide timeline item content */\n  @Method()\n  async hide() {\n    if (!this.open || this.disabled || !this._foldable) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = false;\n    return waitForEvent(this.element, \"stzhClosed\");\n  }\n\n  /** Toggle timeline item content */\n  @Method()\n  async toggle() {\n    if (this.open) {\n      return await this.hide();\n    } else {\n      return await this.show();\n    }\n  }\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhTimelineItemFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhTimelineItemBlurEvent>;\n\n  @Watch(\"open\")\n  async openWatcher(newValue: boolean) {\n    if (!this.bodyElement) {\n      return;\n    }\n\n    if (newValue) {\n      if (this.toggledByMethod) {\n        this.stzhOpen.emit({\n          component: \"stzh-timeline-item\",\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.hidden = false;\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_SHOW.keyframes, {\n          height: this.bodyElement.scrollHeight,\n        }),\n        ANIMATION_SHOW.options,\n      );\n\n      this.bodyElement.style.height = \"auto\";\n      this.bodyElement.style.overflow = \"visible\";\n\n      if (this.toggledByMethod) {\n        this.stzhOpened.emit({\n          component: \"stzh-timeline-item\",\n        });\n      }\n    } else {\n      if (this.toggledByMethod) {\n        this.stzhClose.emit({\n          component: \"stzh-timeline-item\",\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.style.overflow = \"hidden\";\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_HIDE.keyframes, {\n          height: this.bodyElement.scrollHeight,\n        }),\n        ANIMATION_HIDE.options,\n      );\n\n      this.bodyElement.hidden = true;\n      this.bodyElement.style.height = \"0px\";\n\n      if (this.toggledByMethod) {\n        this.stzhClosed.emit({\n          component: \"stzh-timeline-item\",\n        });\n      }\n    }\n\n    this.toggledByMethod = false;\n  }\n\n  @Watch(\"foldable\")\n  foldableWatcher(newValue: boolean) {\n    if (typeof newValue !== \"undefined\") {\n      this._foldable = newValue;\n    } else if (this.timeline) {\n      this._foldable = this.timeline.foldable;\n    }\n\n    if (!this._foldable) {\n      this.open = true;\n    }\n  }\n\n  @Listen(\"keydown\", { target: \"document\", capture: true })\n  handleKeydown(event: KeyboardEvent) {\n    if (event.key === \"Shift\") {\n      this.shiftPressed = true;\n    }\n  }\n\n  @Listen(\"keyup\", { target: \"document\", capture: true })\n  handleKeyup(event: KeyboardEvent) {\n    if (event.key === \"Shift\") {\n      this.shiftPressed = false;\n    }\n  }\n\n  @State() rootTabindex: number = 0;\n\n  @State() _foldable: boolean = false;\n\n  private toggledByMethod: boolean = false;\n  private bodyElement: HTMLDivElement;\n  private buttonElement: HTMLButtonElement;\n  private timelineItemId: string;\n  private timeline: HTMLStzhTimelineElement;\n  private focusedByInput: boolean = false;\n  private shiftPressed: boolean = false;\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.buttonElement.focus();\n    }\n\n    this.focusedByInput = false;\n  };\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    if (this.shiftPressed) {\n      // user presses currently shift\n      this.rootTabindex = -1;\n    }\n\n    this.stzhFocus.emit({\n      component: \"stzh-timeline-item\",\n      originalEvent: event,\n    });\n  };\n\n  private onBlur = (event: FocusEvent) => {\n    this.rootTabindex = 0;\n\n    this.stzhBlur.emit({\n      component: \"stzh-timeline-item\",\n      originalEvent: event,\n    });\n  };\n\n  private handleFoldableChange = (_event: CustomEvent<StzhTimelineFoldableChangeEvent>) => {\n    this.foldableWatcher(this.foldable);\n  };\n\n  private handleHeaderClick = () => {\n    if (typeof this.collapsible !== \"undefined\") {\n      if (this.collapsible) {\n        this.toggle();\n      } else if (!this.open) {\n        this.show();\n      }\n    } else if (!this.timeline || this.timeline.collapsible) {\n      this.toggle();\n    } else if (!this.open) {\n      this.show();\n    }\n  };\n\n  private onButtonKeydown = (event: KeyboardEvent) => {\n    let action = null;\n\n    if (event.key === \"ArrowDown\") {\n      action = \"next\";\n    } else if (event.key === \"ArrowUp\") {\n      action = \"prev\";\n    } else if (event.key === \"Home\") {\n      action = \"first\";\n    } else if (event.key === \"End\") {\n      action = \"last\";\n    } else if (event.key === \"PageDown\" && event.ctrlKey) {\n      action = \"next\";\n    } else if (event.key === \"PageUp\" && event.ctrlKey) {\n      action = \"prev\";\n    }\n\n    if (event.key === \"Shift\") {\n      this.rootTabindex = -1;\n    }\n\n    if (action) {\n      event.preventDefault();\n      this.timeline.setItemFocus(this.element, action);\n    }\n  };\n\n  private onContentKeydown = (event: KeyboardEvent) => {\n    if (!event.ctrlKey) {\n      return;\n    }\n\n    let action = null;\n\n    if (event.key === \"PageDown\") {\n      action = \"next\";\n    } else if (event.key === \"PageUp\") {\n      action = \"prev\";\n    }\n\n    if (action) {\n      event.preventDefault();\n      this.timeline.setItemFocus(this.element, action);\n    }\n  };\n\n  componentWillLoad() {\n    this.timelineItemId = `stzh-timeline-item-${timelineItemCounter++}`;\n  }\n\n  componentDidLoad() {\n    this.bodyElement.hidden = !this.open;\n    this.bodyElement.style.height = this.open ? \"auto\" : \"0px\";\n    this.bodyElement.style.overflow = this.open ? \"visible\" : \"hidden\";\n  }\n\n  async connectedCallback() {\n    this.timeline = this.element.closest(\"stzh-timeline\");\n\n    if (this.timeline) {\n      this.timeline.addEventListener(\"stzhFoldableChange\", this.handleFoldableChange);\n    }\n\n    this.foldableWatcher(this.foldable);\n  }\n\n  disconnectedCallback() {\n    if (this.timeline) {\n      this.timeline.removeEventListener(\"stzhFoldableChange\", this.handleFoldableChange);\n      this.timeline = null;\n    }\n  }\n\n  render() {\n    const Heading = `h${this.headingLevel}`;\n    const hasIcon = !!this.icon || hasSlot(this.element, \"icon\");\n    const classes = {\n      \"stzh-timeline-item\": true,\n      \"stzh-timeline-item--has-description\": !!this.description,\n      \"stzh-timeline-item--is-open\": this.open,\n      \"stzh-timeline-item--is-disabled\": this.disabled,\n      \"stzh-timeline-item--is-foldable\": this._foldable,\n      \"stzh-timeline-item--is-completed\": this.completed,\n    };\n\n    return (\n      <Host\n        role=\"listitem\"\n        is-foldable={this._foldable}\n        tabindex={this.disabled ? null : this.rootTabindex}\n        onFocus={this.onRootFocus}\n      >\n        <div class={classes}>\n          <Heading\n            id={`${this.timelineItemId}-header`}\n            class=\"stzh-timeline-item__heading\"\n            onClick={this.handleHeaderClick}\n          >\n            <button\n              ref={el => (this.buttonElement = el as HTMLButtonElement)}\n              class=\"stzh-timeline-item__button\"\n              aria-controls={`${this.timelineItemId}-content`}\n              aria-expanded={`${this.open ? \"true\" : \"false\"}`}\n              aria-disabled={!this._foldable ? \"true\" : \"false\"}\n              disabled={this.disabled}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n              onKeyDown={this.onButtonKeydown}\n              type=\"button\"\n              s-object-id={this.analyticsId || this.heading}\n            >\n              <span class=\"stzh-timeline-item__bullet\">\n                {hasIcon || this.completed ? (\n                  <span class=\"stzh-timeline-item__bullet-icon-wrapper\">\n                    {this.icon || this.completed ? (\n                      <stzh-icon\n                        class=\"stzh-timeline-item__bullet-icon\"\n                        name={this.icon ? this.icon : \"checkmark\"}\n                      ></stzh-icon>\n                    ) : (\n                      <slot name=\"icon\"></slot>\n                    )}\n                  </span>\n                ) : (\n                  <span class=\"stzh-timeline-item__bullet-text\">{this.step}</span>\n                )}\n\n                {(this.badge || this.badgeEmpty) && (\n                  <stzh-badge class=\"stzh-timeline-item__badge\" label={this.badge} type={this.badgeType}></stzh-badge>\n                )}\n              </span>\n              <div class=\"stzh-timeline-item__button-inner\">\n                <span class=\"stzh-timeline-item__button-text\">\n                  <span class=\"stzh-timeline-item__heading-text\">{this.heading}</span>\n                  <span class=\"stzh-timeline-item__description\">{this.description}</span>\n                </span>\n                {this._foldable && <span class=\"stzh-timeline-item__button-icon\"></span>}\n              </div>\n            </button>\n          </Heading>\n          <div\n            id={`${this.timelineItemId}-content`}\n            ref={el => (this.bodyElement = el as HTMLDivElement)}\n            class=\"stzh-timeline-item__content\"\n            aria-labelledby={`${this.timelineItemId}-header`}\n            role=\"region\"\n            onKeyDown={this.onContentKeydown}\n          >\n            <div class=\"stzh-timeline-item__content-inner\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["stzhTimelineItemCss","StzhTimelineItemStyle0","ANIMATION_SHOW","keyframes","height","options","duration","easing","ANIMATION_HIDE","timelineItemCounter","StzhTimelineItem","this","toggledByMethod","focusedByInput","shiftPressed","onRootFocus","buttonElement","focus","onFocus","event","rootTabindex","stzhFocus","emit","component","originalEvent","onBlur","stzhBlur","handleFoldableChange","_event","foldableWatcher","foldable","handleHeaderClick","collapsible","toggle","open","show","timeline","onButtonKeydown","action","key","ctrlKey","preventDefault","setItemFocus","element","onContentKeydown","disabled","_foldable","waitForEvent","hide","openWatcher","newValue","bodyElement","stzhOpen","stopAnimations","hidden","animateTo","shimKeyframesAutoValues","scrollHeight","style","overflow","stzhOpened","stzhClose","stzhClosed","handleKeydown","handleKeyup","componentWillLoad","timelineItemId","componentDidLoad","connectedCallback","closest","addEventListener","disconnectedCallback","removeEventListener","render","Heading","headingLevel","hasIcon","icon","hasSlot","classes","description","completed","h","Host","role","tabindex","class","id","onClick","ref","el","onKeyDown","type","analyticsId","heading","name","step","badge","badgeEmpty","label","badgeType"],"sources":["src/components/stzh-timeline-item/stzh-timeline-item.scss?tag=stzh-timeline-item&encapsulation=shadow","src/components/stzh-timeline-item/stzh-timeline-item.tsx"],"sourcesContent":["/**\n * @prop --icon-size: Icon size\n */\n\n:host {\n  @include spaceCurve(\"--content-padding-bottom\", \"regular\");\n  --trigger-size: 18px;\n  --icon-size: #{iconSize()};\n  --description-color: #{$colorBlack};\n  --heading-margin-bottom: #{space(\"medium\")};\n  --button-color: #{$colorPrimary70};\n  --button-background-color: transparent;\n  --button-font-size: var(\n    --stzh-timeline-nested-button-font-size,\n    var(--stzh-font-milli-font-size)\n  );\n  --button-line-height: var(\n    --stzh-timeline-nested-button-line-height,\n    var(--stzh-font-milli-heading-line-height)\n  );\n  --button-letter-spacing: var(\n    --stzh-timeline-nested-button-line-height,\n    normal\n  );\n  --bullet-color: #{$colorPrimary70};\n  --bullet-background-color: #{$colorGrey20};\n  --content-padding-top: var(--stzh-timeline-content-padding-top);\n  --content-padding-right: 0px;\n\n  --hover-button-color: var(--button-color);\n  --hover-button-background-color: var(--button-background-color);\n  --hover-bullet-color: var(--bullet-color);\n  --hover-bullet-background-color: var(--bullet-background-color);\n\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  @include mq($from: small) {\n    --button-font-size: var(\n      --stzh-timeline-nested-button-font-size,\n      var(--stzh-font-centi-font-size)\n    );\n    --button-line-height: var(\n      --stzh-timeline-nested-button-line-height,\n      var(--stzh-font-centi-heading-line-height)\n    );\n  }\n}\n\n/* Foldable */\n\n:host(:where([is-foldable])) {\n  --button-background-color: #{$colorGrey10};\n  --bullet-color: #{$colorBlack};\n  --bullet-background-color: #{$colorSecondary20};\n\n  --hover-button-background-color: #{$colorGrey20};\n  --hover-bullet-color: var(--bullet-color);\n  --hover-bullet-background-color: #{$colorSecondary40};\n\n  @include highContrast() {\n    --button-color: Highlight;\n\n    --hover-button-color: Highlight;\n  }\n}\n\n/* Open */\n\n:host(:where([open]:not([open=\"false\"]))) {\n  --heading-margin-bottom: 0px;\n}\n\n/* Foldable Open */\n\n:host(:where([is-foldable][open]:not([open=\"false\"]))) {\n  --bullet-color: #{$colorWhite};\n  --bullet-background-color: #{$colorPrimary70};\n\n  --hover-bullet-color: var(--bullet-color);\n  --hover-bullet-background-color: #{$colorPrimary90};\n\n  @include highContrast() {\n    --button-color: SelectedItem;\n    --bullet-color: SelectedItem;\n\n    --hover-button-color: SelectedItem;\n    --hover-bullet-color: SelectedItem;\n  }\n}\n\n/* Completed */\n\n:host(:where([completed]:not([completed=\"false\"]))) {\n  --bullet-color: #{$colorWhite};\n  --bullet-background-color: #{$colorSecondary60};\n\n  --hover-bullet-color: var(--bullet-color);\n  --hover-bullet-background-color: var(--bullet-background-color);\n}\n\n/* Completed Foldable */\n\n:host(:where([is-foldable][open]:not([open=\"false\"]))) {\n  --hover-bullet-background-color: #{$colorSecondary70};\n}\n\n/* Disabled */\n\n:host(:where([disabled]:not([disabled=\"false\"]))) {\n  --button-color: #{$colorGrey80};\n  --bullet-color: #{$colorWhite};\n  --bullet-background-color: #{$colorGrey60};\n\n  --hover-button-color: var(--button-color);\n  --hover-button-background-color: var(--button-background-color);\n  --hover-bullet-color: var(--bullet-color);\n  --hover-bullet-background-color: var(--bullet-background-color);\n}\n\n.stzh-timeline-item {\n  display: flex;\n  flex-direction: column;\n\n  &__heading {\n    position: relative;\n    margin: 0;\n  }\n\n  &__button {\n    font-size: var(--button-font-size);\n    line-height: var(--button-line-height);\n    letter-spacing: var(--button-letter-spacing);\n    font-family: inherit;\n    width: 100%;\n    appearance: none;\n    background-color: transparent;\n    padding: 0;\n    border: none;\n    display: flex;\n    color: var(--button-color);\n    text-align: left;\n    transition-property: color;\n    transition-duration: $baseTransitionAnimationSpeed;\n    cursor: default;\n\n    &:hover {\n      color: var(--hover-button-color);\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n\n  &__button-inner {\n    display: flex;\n    flex-grow: 1;\n    align-items: center;\n    padding-top: space(\"xsmall\");\n    padding-bottom: space(\"xsmall\");\n    background-color: var(--button-background-color);\n    transition-property: background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n    min-height: $timelineBulletSize;\n    padding-left: space(\"xsmall\");\n    padding-right: space(\"small\");\n  }\n\n  &__button:hover &__button-inner {\n    background-color: var(--hover-button-background-color);\n  }\n\n  &__button,\n  &__content-inner {\n    padding-left: $timelineBulletSize;\n  }\n\n  &__button-text {\n    @include font(\"heavy\");\n    flex-grow: 1;\n  }\n\n  &__button-icon {\n    @include spaceCurve(\"margin-left\", \"small\");\n    align-self: flex-start;\n    position: relative;\n    display: block;\n    width: var(--trigger-size);\n    height: var(--trigger-size);\n    margin-top: space(\"xxsmall\");\n\n    &::before,\n    &::after {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      content: \"\";\n      display: block;\n      width: var(--trigger-size);\n      height: 2.5px;\n      transition-property: transform;\n      transition-duration: 500ms;\n      transform-origin: top left;\n      background-color: currentColor;\n\n      @include highContrast() {\n        background-color: CanvasText;\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n\n    &::before {\n      transform: rotate(180deg) translate(-50%, -50%);\n    }\n\n    &::after {\n      transform: rotate(90deg) translate(-50%, -50%);\n    }\n  }\n\n  &__bullet {\n    @include font(\"heavy\");\n    @include fontSize(\"milli\");\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 1;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: $timelineBulletSize;\n    height: $timelineBulletSize;\n    color: var(--bullet-color);\n    background-color: var(--bullet-background-color);\n    transition-property: color, background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n\n  &__button:hover &__bullet {\n    color: var(--hover-bullet-color);\n    background-color: var(--hover-bullet-background-color);\n  }\n\n  &__bullet-icon-wrapper {\n    --stzh-icon-size: var(--icon-size);\n\n    display: flex;\n  }\n\n  &__content {\n    // content padding of nested timelines\n    @include spaceCurve(\"--stzh-timeline-content-padding-top\", \"tiny\");\n    --stzh-timeline-nested-button-font-size: var(--stzh-font-micro-font-size);\n    --stzh-timeline-nested-button-line-height: var(\n      --stzh-font-micro-heading-line-height\n    );\n\n    overflow: hidden;\n\n    @include mq($from: medium) {\n      --stzh-timeline-nested-button-font-size: var(--stzh-font-milli-font-size);\n      --stzh-timeline-nested-button-line-height: var(\n        --stzh-font-milli-heading-line-height\n      );\n    }\n\n    @media print {\n      height: auto !important;\n      overflow: visible !important;\n      display: block !important;\n    }\n  }\n\n  &__content-inner {\n    padding-top: var(--content-padding-top);\n    padding-bottom: var(--content-padding-bottom);\n    padding-right: var(--content-padding-right);\n  }\n\n  &__badge {\n    position: absolute;\n    right: -5px;\n    top: -6px;\n  }\n\n  &__description {\n    @include fontCurve(\"caption\");\n    color: var(--description-color);\n    transition: color $baseTransitionAnimationSpeed;\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n\n  &__heading {\n    margin-bottom: var(--heading-margin-bottom);\n    transition: margin-bottom $baseTransitionAnimationSpeed;\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n\n  &__heading-text,\n  &__description {\n    display: block;\n  }\n\n  /* Foldable */\n\n  &--is-foldable &__button {\n    cursor: pointer;\n  }\n\n  /* Open */\n\n  &--is-open &__button-icon {\n    &::before,\n    &::after {\n      transform: rotate(0) translate(-50%, -50%);\n    }\n  }\n\n  /* Disabled */\n\n  &--is-disabled &__button {\n    cursor: not-allowed;\n  }\n}\n","import { Component, Host, h, Element, Prop, Method, Watch, Event, EventEmitter, State, Listen } from \"@stencil/core\";\n\nimport {\n  StzhTimelineItemOpenEvent,\n  StzhTimelineItemOpenedEvent,\n  StzhTimelineItemCloseEvent,\n  StzhTimelineItemClosedEvent,\n  StzhTimelineItemFocusEvent,\n  StzhTimelineItemBlurEvent,\n  StzhTimelineFoldableChangeEvent,\n  StzhBadgeType,\n} from \"../../index\";\n\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { stopAnimations, animateTo, shimKeyframesAutoValues } from \"../../utils/animation-utils\";\nimport { hasSlot } from \"../../utils/utils\";\n\nconst ANIMATION_SHOW = {\n  keyframes: [{ height: \"0\" }, { height: \"auto\" }],\n  options: { duration: 300, easing: \"linear\" },\n};\n\nconst ANIMATION_HIDE = {\n  keyframes: [{ height: \"auto\" }, { height: \"0\" }],\n  options: { duration: 300, easing: \"linear\" },\n};\n\nlet timelineItemCounter = 0;\n\n/**\n * @slot - Slot for any content\n * @slot icon - Slot for icon element\n */\n@Component({\n  tag: \"stzh-timeline-item\",\n  styleUrl: \"stzh-timeline-item.scss\",\n  shadow: true,\n})\nexport class StzhTimelineItem {\n  /** Whether folds are foldable (overwrites `foldable` property from `timeline` parent) */\n  @Prop() foldable: boolean;\n\n  /** Whether fold is collapsible (overwrites `collapsible` property from `timeline` parent) */\n  @Prop() collapsible: boolean;\n\n  /** Whether fold is open */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /** Whether fold disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Whether step should be marked as completed */\n  @Prop({ reflect: true }) completed: boolean = false;\n\n  /** Heading title */\n  @Prop() heading: string = \"\";\n\n  /** Description */\n  @Prop() description: string = \"\";\n\n  /** Step number shown inside bullet by default */\n  @Prop({ reflect: true }) step: number = 1;\n\n  /** Icon (use instead of icon slot) */\n  @Prop() icon: string = \"\";\n\n  /** Badge */\n  @Prop() badge: string = \"\";\n\n  /** Whether badge should be displayed empty */\n  @Prop({ reflect: true }) badgeEmpty: boolean = false;\n\n  /** Badge type */\n  @Prop({ reflect: true }) badgeType: StzhBadgeType = \"default\";\n\n  /** Heading level */\n  @Prop({ reflect: true }) headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the button element.\n   * Default value will be taken from `heading` prop.\n   */\n  @Prop() analyticsId: string;\n\n  @Element() element: HTMLStzhTimelineItemElement;\n\n  /** Open event */\n  @Event() stzhOpen: EventEmitter<StzhTimelineItemOpenEvent>;\n\n  /** Opened event (after animation) */\n  @Event() stzhOpened: EventEmitter<StzhTimelineItemOpenedEvent>;\n\n  /** Close event */\n  @Event() stzhClose: EventEmitter<StzhTimelineItemCloseEvent>;\n\n  /** Closed event (after animation) */\n  @Event() stzhClosed: EventEmitter<StzhTimelineItemClosedEvent>;\n\n  /** Show timeline item content */\n  @Method()\n  async show() {\n    if (this.open || this.disabled || !this._foldable) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = true;\n    return waitForEvent(this.element, \"stzhOpened\");\n  }\n\n  /** Hide timeline item content */\n  @Method()\n  async hide() {\n    if (!this.open || this.disabled || !this._foldable) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = false;\n    return waitForEvent(this.element, \"stzhClosed\");\n  }\n\n  /** Toggle timeline item content */\n  @Method()\n  async toggle() {\n    if (this.open) {\n      return await this.hide();\n    } else {\n      return await this.show();\n    }\n  }\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhTimelineItemFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhTimelineItemBlurEvent>;\n\n  @Watch(\"open\")\n  async openWatcher(newValue: boolean) {\n    if (!this.bodyElement) {\n      return;\n    }\n\n    if (newValue) {\n      if (this.toggledByMethod) {\n        this.stzhOpen.emit({\n          component: \"stzh-timeline-item\",\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.hidden = false;\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_SHOW.keyframes, {\n          height: this.bodyElement.scrollHeight,\n        }),\n        ANIMATION_SHOW.options,\n      );\n\n      this.bodyElement.style.height = \"auto\";\n      this.bodyElement.style.overflow = \"visible\";\n\n      if (this.toggledByMethod) {\n        this.stzhOpened.emit({\n          component: \"stzh-timeline-item\",\n        });\n      }\n    } else {\n      if (this.toggledByMethod) {\n        this.stzhClose.emit({\n          component: \"stzh-timeline-item\",\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.style.overflow = \"hidden\";\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_HIDE.keyframes, {\n          height: this.bodyElement.scrollHeight,\n        }),\n        ANIMATION_HIDE.options,\n      );\n\n      this.bodyElement.hidden = true;\n      this.bodyElement.style.height = \"0px\";\n\n      if (this.toggledByMethod) {\n        this.stzhClosed.emit({\n          component: \"stzh-timeline-item\",\n        });\n      }\n    }\n\n    this.toggledByMethod = false;\n  }\n\n  @Watch(\"foldable\")\n  foldableWatcher(newValue: boolean) {\n    if (typeof newValue !== \"undefined\") {\n      this._foldable = newValue;\n    } else if (this.timeline) {\n      this._foldable = this.timeline.foldable;\n    }\n\n    if (!this._foldable) {\n      this.open = true;\n    }\n  }\n\n  @Listen(\"keydown\", { target: \"document\", capture: true })\n  handleKeydown(event: KeyboardEvent) {\n    if (event.key === \"Shift\") {\n      this.shiftPressed = true;\n    }\n  }\n\n  @Listen(\"keyup\", { target: \"document\", capture: true })\n  handleKeyup(event: KeyboardEvent) {\n    if (event.key === \"Shift\") {\n      this.shiftPressed = false;\n    }\n  }\n\n  @State() rootTabindex: number = 0;\n\n  @State() _foldable: boolean = false;\n\n  private toggledByMethod: boolean = false;\n  private bodyElement: HTMLDivElement;\n  private buttonElement: HTMLButtonElement;\n  private timelineItemId: string;\n  private timeline: HTMLStzhTimelineElement;\n  private focusedByInput: boolean = false;\n  private shiftPressed: boolean = false;\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.buttonElement.focus();\n    }\n\n    this.focusedByInput = false;\n  };\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    if (this.shiftPressed) {\n      // user presses currently shift\n      this.rootTabindex = -1;\n    }\n\n    this.stzhFocus.emit({\n      component: \"stzh-timeline-item\",\n      originalEvent: event,\n    });\n  };\n\n  private onBlur = (event: FocusEvent) => {\n    this.rootTabindex = 0;\n\n    this.stzhBlur.emit({\n      component: \"stzh-timeline-item\",\n      originalEvent: event,\n    });\n  };\n\n  private handleFoldableChange = (_event: CustomEvent<StzhTimelineFoldableChangeEvent>) => {\n    this.foldableWatcher(this.foldable);\n  };\n\n  private handleHeaderClick = () => {\n    if (typeof this.collapsible !== \"undefined\") {\n      if (this.collapsible) {\n        this.toggle();\n      } else if (!this.open) {\n        this.show();\n      }\n    } else if (!this.timeline || this.timeline.collapsible) {\n      this.toggle();\n    } else if (!this.open) {\n      this.show();\n    }\n  };\n\n  private onButtonKeydown = (event: KeyboardEvent) => {\n    let action = null;\n\n    if (event.key === \"ArrowDown\") {\n      action = \"next\";\n    } else if (event.key === \"ArrowUp\") {\n      action = \"prev\";\n    } else if (event.key === \"Home\") {\n      action = \"first\";\n    } else if (event.key === \"End\") {\n      action = \"last\";\n    } else if (event.key === \"PageDown\" && event.ctrlKey) {\n      action = \"next\";\n    } else if (event.key === \"PageUp\" && event.ctrlKey) {\n      action = \"prev\";\n    }\n\n    if (event.key === \"Shift\") {\n      this.rootTabindex = -1;\n    }\n\n    if (action) {\n      event.preventDefault();\n      this.timeline.setItemFocus(this.element, action);\n    }\n  };\n\n  private onContentKeydown = (event: KeyboardEvent) => {\n    if (!event.ctrlKey) {\n      return;\n    }\n\n    let action = null;\n\n    if (event.key === \"PageDown\") {\n      action = \"next\";\n    } else if (event.key === \"PageUp\") {\n      action = \"prev\";\n    }\n\n    if (action) {\n      event.preventDefault();\n      this.timeline.setItemFocus(this.element, action);\n    }\n  };\n\n  componentWillLoad() {\n    this.timelineItemId = `stzh-timeline-item-${timelineItemCounter++}`;\n  }\n\n  componentDidLoad() {\n    this.bodyElement.hidden = !this.open;\n    this.bodyElement.style.height = this.open ? \"auto\" : \"0px\";\n    this.bodyElement.style.overflow = this.open ? \"visible\" : \"hidden\";\n  }\n\n  async connectedCallback() {\n    this.timeline = this.element.closest(\"stzh-timeline\");\n\n    if (this.timeline) {\n      this.timeline.addEventListener(\"stzhFoldableChange\", this.handleFoldableChange);\n    }\n\n    this.foldableWatcher(this.foldable);\n  }\n\n  disconnectedCallback() {\n    if (this.timeline) {\n      this.timeline.removeEventListener(\"stzhFoldableChange\", this.handleFoldableChange);\n      this.timeline = null;\n    }\n  }\n\n  render() {\n    const Heading = `h${this.headingLevel}`;\n    const hasIcon = !!this.icon || hasSlot(this.element, \"icon\");\n    const classes = {\n      \"stzh-timeline-item\": true,\n      \"stzh-timeline-item--has-description\": !!this.description,\n      \"stzh-timeline-item--is-open\": this.open,\n      \"stzh-timeline-item--is-disabled\": this.disabled,\n      \"stzh-timeline-item--is-foldable\": this._foldable,\n      \"stzh-timeline-item--is-completed\": this.completed,\n    };\n\n    return (\n      <Host\n        role=\"listitem\"\n        is-foldable={this._foldable}\n        tabindex={this.disabled ? null : this.rootTabindex}\n        onFocus={this.onRootFocus}\n      >\n        <div class={classes}>\n          <Heading\n            id={`${this.timelineItemId}-header`}\n            class=\"stzh-timeline-item__heading\"\n            onClick={this.handleHeaderClick}\n          >\n            <button\n              ref={el => (this.buttonElement = el as HTMLButtonElement)}\n              class=\"stzh-timeline-item__button\"\n              aria-controls={`${this.timelineItemId}-content`}\n              aria-expanded={`${this.open ? \"true\" : \"false\"}`}\n              aria-disabled={!this._foldable ? \"true\" : \"false\"}\n              disabled={this.disabled}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n              onKeyDown={this.onButtonKeydown}\n              type=\"button\"\n              s-object-id={this.analyticsId || this.heading}\n            >\n              <span class=\"stzh-timeline-item__bullet\">\n                {hasIcon || this.completed ? (\n                  <span class=\"stzh-timeline-item__bullet-icon-wrapper\">\n                    {this.icon || this.completed ? (\n                      <stzh-icon\n                        class=\"stzh-timeline-item__bullet-icon\"\n                        name={this.icon ? this.icon : \"checkmark\"}\n                      ></stzh-icon>\n                    ) : (\n                      <slot name=\"icon\"></slot>\n                    )}\n                  </span>\n                ) : (\n                  <span class=\"stzh-timeline-item__bullet-text\">{this.step}</span>\n                )}\n\n                {(this.badge || this.badgeEmpty) && (\n                  <stzh-badge class=\"stzh-timeline-item__badge\" label={this.badge} type={this.badgeType}></stzh-badge>\n                )}\n              </span>\n              <div class=\"stzh-timeline-item__button-inner\">\n                <span class=\"stzh-timeline-item__button-text\">\n                  <span class=\"stzh-timeline-item__heading-text\">{this.heading}</span>\n                  <span class=\"stzh-timeline-item__description\">{this.description}</span>\n                </span>\n                {this._foldable && <span class=\"stzh-timeline-item__button-icon\"></span>}\n              </div>\n            </button>\n          </Heading>\n          <div\n            id={`${this.timelineItemId}-content`}\n            ref={el => (this.bodyElement = el as HTMLDivElement)}\n            class=\"stzh-timeline-item__content\"\n            aria-labelledby={`${this.timelineItemId}-header`}\n            role=\"region\"\n            onKeyDown={this.onContentKeydown}\n          >\n            <div class=\"stzh-timeline-item__content-inner\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/{p-f3d3f975.entry.js → p-f3081e0e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a,g as s}from"./p-ef5985a3.js";import{s as r}from"./p-87c329f2.js";import"./p-dae15605.js";const n='.sc-stzh-daterange-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-daterange-h,[stzh-hidden].sc-stzh-daterange-h{display:none}.sc-stzh-daterange-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-daterange-h *.sc-stzh-daterange,.sc-stzh-daterange-h *.sc-stzh-daterange::before,.sc-stzh-daterange-h *.sc-stzh-daterange::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-daterange-h .has-focus.sc-stzh-daterange{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-daterange-h .stzh-fylingfocus-focused.sc-stzh-daterange{outline-style:none !important}.sc-stzh-daterange-h .stzh-fylingfocus-focused.sc-stzh-daterange::-moz-focus-inner{border:0 !important}.sc-stzh-daterange-h{--grid-template-areas:var(\n    --stzh-daterange-grid-template-areas,\n    "datefrom datefrom datefrom datefrom" "dateto dateto dateto dateto"\n  );--grid-template-columns:var(\n    --stzh-daterange-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 600px){.sc-stzh-daterange-h{--grid-template-areas:var(\n      --stzh-daterange-grid-template-areas,\n      "datefrom datefrom dateto dateto"\n    )}}@media screen and (min-width: 900px){.sc-stzh-daterange-h{--grid-template-areas:var(\n      --stzh-daterange-grid-template-areas,\n      "datefrom datefrom datefrom datefrom dateto dateto dateto dateto"\n    );--grid-template-columns:var(\n      --stzh-daterange-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}.stzh-daterange.sc-stzh-daterange{--stzh-description-min-height:var(--stzh-fieldset-description-min-height);column-gap:var(--stzh-grid-gutter);display:grid;align-items:center;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);align-items:start;border:none;padding:0}@media screen and (min-width: 600px){.stzh-daterange.sc-stzh-daterange{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-daterange.sc-stzh-daterange{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-daterange.sc-stzh-daterange{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-daterange.sc-stzh-daterange{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-daterange__legend.sc-stzh-daterange{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-daterange__datefrom.sc-stzh-daterange{grid-area:datefrom}.stzh-daterange__dateto.sc-stzh-daterange{grid-area:dateto}.stzh-daterange__links.sc-stzh-daterange{grid-area:links;align-self:center;display:flex;gap:var(--stzh-space-large)}.stzh-daterange--has-links.sc-stzh-daterange{--grid-template-areas:var(\n    --stzh-daterange-grid-template-areas,\n    "datefrom datefrom datefrom datefrom" "dateto dateto dateto dateto"\n      "links links links links"\n  )}@media screen and (min-width: 600px){.stzh-daterange--has-links.sc-stzh-daterange{--grid-template-areas:var(\n      --stzh-daterange-grid-template-areas,\n      "datefrom datefrom dateto dateto" "links links links links"\n    )}}@media screen and (min-width: 900px){.stzh-daterange--has-links.sc-stzh-daterange{--grid-template-areas:var(\n      --stzh-daterange-grid-template-areas,\n      "datefrom datefrom dateto dateto links links links links"\n    )}}';const d=n;const i=class{constructor(e){t(this,e);this._rangeLinks=[];this.handleRangeClick=t=>{let e=new Date;let a=new Date;if(t==="tomorrow"){e.setDate(e.getDate()+1);a.setDate(a.getDate()+1)}else if(t==="next7days"){e.setDate(e.getDate());a.setDate(a.getDate()+7)}const s=this.datefromElement.querySelector("stzh-datepicker");const r=this.datetoElement.querySelector("stzh-datepicker");s===null||s===void 0?void 0:s.setDate(e);r===null||r===void 0?void 0:r.setDate(a)};this.init=()=>{const t=this.element.querySelector('stzh-datepicker[slot="from"], [slot="from"] stzh-datepicker');const e=this.element.querySelector('stzh-datepicker[slot="to"], [slot="to"] stzh-datepicker');if(t&&this.localization){r(t,{label:this.localization.labelFrom,hideOptional:true})}if(e&&this.localization){r(e,{label:this.localization.labelTo,hideOptional:true})}};this.localization=undefined;this.legend=undefined;this.rangeLinks=undefined}rangeLinksWatcher(t){if(!t){this._rangeLinks=[]}else if(typeof t==="string"){try{this._rangeLinks=JSON.parse(t)}catch(t){this._rangeLinks=[]}}else{this._rangeLinks=t}}async componentWillLoad(){this.rangeLinksWatcher(this.rangeLinks);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"daterange")}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t={"stzh-daterange":true,"stzh-daterange--has-links":this._rangeLinks.length>0};const s={today:this.localization.rangeToday,tomorrow:this.localization.rangeTomorrow,next7days:this.localization.rangeNextSevenDays};return e(a,{key:"5fcdce3592f787c646d5d0cb59e1b673fdaa0386"},e("fieldset",{key:"6d23eab136fc7e875516350dd8a96664ab0fff0e",class:t},e("legend",{key:"32788fa57f23a0ac92fae2c2c63bbf33e0b50549",class:"stzh-daterange__legend"},this.legend||this.localization.legend),e("div",{key:"e7f120ac73cf012172d8b254c831cb8d74eb2fe0",class:"stzh-daterange__datefrom",ref:t=>this.datefromElement=t},e("slot",{key:"766d6f1113189cbe5f51b0362cead439fe2c3086",name:"from"})),e("div",{key:"e66c2d8c5d10656c009fea803d7ec62ca80b980a",class:"stzh-daterange__dateto",ref:t=>this.datetoElement=t},e("slot",{key:"5b874cfaaac0ffd60dcb5a35280c5544d4d99918",name:"to"})),e("div",{key:"5f62d3b0c270b3a8f6f080be51a5040025a262f2",class:"stzh-daterange__links"},this._rangeLinks.map((t=>e("stzh-link",{label:s[t],onClick:()=>this.handleRangeClick(t)}))))))}get element(){return s(this)}static get watchers(){return{rangeLinks:["rangeLinksWatcher"]}}};i.style=d;export{i as stzh_daterange};
-//# sourceMappingURL=p-f3d3f975.entry.js.map
+import{r as t,h as e,a,g as s}from"./p-ef5985a3.js";import{s as r}from"./p-87c329f2.js";import"./p-dae15605.js";const n='.sc-stzh-daterange-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-daterange-h,[stzh-hidden].sc-stzh-daterange-h{display:none}.sc-stzh-daterange-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-daterange-h *.sc-stzh-daterange,.sc-stzh-daterange-h *.sc-stzh-daterange::before,.sc-stzh-daterange-h *.sc-stzh-daterange::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-daterange-h .has-focus.sc-stzh-daterange{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-daterange-h .stzh-fylingfocus-focused.sc-stzh-daterange{outline-style:none !important}.sc-stzh-daterange-h .stzh-fylingfocus-focused.sc-stzh-daterange::-moz-focus-inner{border:0 !important}.sc-stzh-daterange-h{--grid-template-areas:var(\n    --stzh-daterange-grid-template-areas,\n    "datefrom datefrom datefrom datefrom" "dateto dateto dateto dateto"\n  );--grid-template-columns:var(\n    --stzh-daterange-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 600px){.sc-stzh-daterange-h{--grid-template-areas:var(\n      --stzh-daterange-grid-template-areas,\n      "datefrom datefrom dateto dateto"\n    )}}@media screen and (min-width: 900px){.sc-stzh-daterange-h{--grid-template-areas:var(\n      --stzh-daterange-grid-template-areas,\n      "datefrom datefrom datefrom datefrom dateto dateto dateto dateto"\n    );--grid-template-columns:var(\n      --stzh-daterange-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}.stzh-daterange.sc-stzh-daterange{--stzh-description-min-height:var(--stzh-fieldset-description-min-height);column-gap:var(--stzh-grid-gutter);display:grid;align-items:center;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);align-items:start;border:none;padding:0}@media screen and (min-width: 600px){.stzh-daterange.sc-stzh-daterange{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-daterange.sc-stzh-daterange{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-daterange.sc-stzh-daterange{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-daterange.sc-stzh-daterange{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-daterange__legend.sc-stzh-daterange{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-daterange__datefrom.sc-stzh-daterange{grid-area:datefrom}.stzh-daterange__dateto.sc-stzh-daterange{grid-area:dateto}.stzh-daterange__links.sc-stzh-daterange{grid-area:links;align-self:center;display:flex;gap:var(--stzh-space-large)}.stzh-daterange--has-links.sc-stzh-daterange{--grid-template-areas:var(\n    --stzh-daterange-grid-template-areas,\n    "datefrom datefrom datefrom datefrom" "dateto dateto dateto dateto"\n      "links links links links"\n  )}@media screen and (min-width: 600px){.stzh-daterange--has-links.sc-stzh-daterange{--grid-template-areas:var(\n      --stzh-daterange-grid-template-areas,\n      "datefrom datefrom dateto dateto" "links links links links"\n    )}}@media screen and (min-width: 900px){.stzh-daterange--has-links.sc-stzh-daterange{--grid-template-areas:var(\n      --stzh-daterange-grid-template-areas,\n      "datefrom datefrom dateto dateto links links links links"\n    )}}';const d=n;const i=class{constructor(e){t(this,e);this._rangeLinks=[];this.handleRangeClick=t=>{let e=new Date;let a=new Date;if(t==="tomorrow"){e.setDate(e.getDate()+1);a.setDate(a.getDate()+1)}else if(t==="next7days"){e.setDate(e.getDate());a.setDate(a.getDate()+7)}const s=this.datefromElement.querySelector("stzh-datepicker");const r=this.datetoElement.querySelector("stzh-datepicker");s===null||s===void 0?void 0:s.setDate(e);r===null||r===void 0?void 0:r.setDate(a)};this.init=()=>{const t=this.element.querySelector('stzh-datepicker[slot="from"], [slot="from"] stzh-datepicker');const e=this.element.querySelector('stzh-datepicker[slot="to"], [slot="to"] stzh-datepicker');if(t&&this.localization){r(t,{label:this.localization.labelFrom,hideOptional:true})}if(e&&this.localization){r(e,{label:this.localization.labelTo,hideOptional:true})}};this.localization=undefined;this.legend=undefined;this.rangeLinks=undefined}rangeLinksWatcher(t){if(!t){this._rangeLinks=[]}else if(typeof t==="string"){try{this._rangeLinks=JSON.parse(t)}catch(t){this._rangeLinks=[]}}else{this._rangeLinks=t}}async componentWillLoad(){this.rangeLinksWatcher(this.rangeLinks);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"daterange")}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t={"stzh-daterange":true,"stzh-daterange--has-links":this._rangeLinks.length>0};const s={today:this.localization.rangeToday,tomorrow:this.localization.rangeTomorrow,next7days:this.localization.rangeNextSevenDays};return e(a,{key:"5db12671735d866351c367181125e0d8626e3d97"},e("fieldset",{key:"3f244b90e8a311caf2ca0871dfe39e00c336ecad",class:t},e("legend",{key:"7b5863c6e15d54fcd88b1f3f415726dfa3d71720",class:"stzh-daterange__legend"},this.legend||this.localization.legend),e("div",{key:"7776e92c391453da877c0886c5a9c4eec550e6e4",class:"stzh-daterange__datefrom",ref:t=>this.datefromElement=t},e("slot",{key:"796592b37f14b485affa914323824b0504426a40",name:"from"})),e("div",{key:"24ea52e086a5ea62329fc47c13427f6a25709d14",class:"stzh-daterange__dateto",ref:t=>this.datetoElement=t},e("slot",{key:"8b7c4cc8bd024d7de758ba34c740eee34f97d67d",name:"to"})),e("div",{key:"b3725426b9ca967980df071770d068252b419154",class:"stzh-daterange__links"},this._rangeLinks.map((t=>e("stzh-link",{label:s[t],onClick:()=>this.handleRangeClick(t)}))))))}get element(){return s(this)}static get watchers(){return{rangeLinks:["rangeLinksWatcher"]}}};i.style=d;export{i as stzh_daterange};
+//# sourceMappingURL=p-f3081e0e.entry.js.map

package/dist/stzh-components/p-f47bd88c.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s,f as e,h as i,a as h,g as r}from"./p-ef5985a3.js";import{m as n,a,r as o}from"./p-f4adb3cd.js";const c=".sc-stzh-stepper-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-stepper-h,[stzh-hidden].sc-stzh-stepper-h{display:none}.sc-stzh-stepper-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-stepper-h *.sc-stzh-stepper,.sc-stzh-stepper-h *.sc-stzh-stepper::before,.sc-stzh-stepper-h *.sc-stzh-stepper::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-stepper-h .has-focus.sc-stzh-stepper{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-stepper-h .stzh-fylingfocus-focused.sc-stzh-stepper{outline-style:none !important}.sc-stzh-stepper-h .stzh-fylingfocus-focused.sc-stzh-stepper::-moz-focus-inner{border:0 !important}.sc-stzh-stepper-h{min-width:calc(var(--steps) * 1.6875rem * 2)}@media screen and (min-width: 600px){.sc-stzh-stepper-h{min-width:calc(var(--steps) * 1.9375rem * 2)}}.stzh-stepper.sc-stzh-stepper{position:relative;z-index:0;overflow:hidden}.stzh-stepper__items.sc-stzh-stepper{display:flex;flex-wrap:nowrap}.stzh-stepper__item.sc-stzh-stepper{flex-grow:1;flex-shrink:1;flex-basis:0}";const p=c;const l=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick",7);this.stzhDottedClick=s(this,"stzhDottedClick",7);this.handleStepClick=t=>{t.preventDefault();t.stopPropagation();if(t.type!=="stzhDottedClick"){this.stzhClick.emit({component:"stzh-stepper-item",originalEvent:t.detail.originalEvent,index:t.detail.index})}else{this.stzhDottedClick.emit({component:"stzh-stepper-item",originalEvent:t.detail.originalEvent,index:t.detail.index})}};this.setCurrentSteps=()=>{if(n("ultra").matches&&this.stepsUltra){this.currentSteps=this.stepsUltra}else if(n("large").matches&&this.stepsLarge){this.currentSteps=this.stepsLarge}else if(n("medium").matches&&this.stepsMedium){this.currentSteps=this.stepsMedium}else if(n("small").matches&&this.stepsSmall){this.currentSteps=this.stepsSmall}else{this.currentSteps=this.steps}};this.localization=undefined;this.data=[];this.index=0;this.steps=5;this.stepsSmall=6;this.stepsMedium=0;this.stepsLarge=0;this.stepsUltra=0;this.clickDisabled=false;this.currentSteps=undefined}async getItemData(){return this._data.map(((t,s)=>Object.assign(Object.assign({},t),this.getItemAttributes(s))))}onIndexChange(){this.indexWatcher(this.index);this.setCurrentSteps();e(this.element)}indexWatcher(t){if(typeof t==="string"){this.index=JSON.parse(t)}else{this.index=t}}stepsWatcher(){this.setCurrentSteps()}dataWatcher(t){if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}this.lastItemIndex=this._data.length-1;this.maxStepIndex=this.currentSteps-1;this.withinLastFewSteps=this.index>=this._data.length-this.maxStepIndex}getItemAttributes(t){const s={};s.step=t+1;s.first=t===0;s.last=t===this.lastItemIndex;s.current=t===this.index;s.passed=t<this.index;const e=this._data[t];s.incomplete=e.incomplete;if(this._data.length>this.currentSteps){if(t===this.lastItemIndex&&!this.withinLastFewSteps){s.dotted=true}if(this.index<2){s.hide=t>this.maxStepIndex-1&&t<this.lastItemIndex}else{if(t===0){s.dotted=true}let e=this.index;if(this.withinLastFewSteps){e=this._data.length-this.maxStepIndex}s.hide=t>0&&t<e||t>this.index+(this.currentSteps-3)&&t<this.lastItemIndex}}return s}async componentWillLoad(){this.dataWatcher(this.data);this.indexWatcher(this.index);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"stepper")}}async componentShouldUpdate(){this.dataWatcher(this.data);this.indexWatcher(this.index)}async componentDidUpdate(){this.dataWatcher(this.data);this.indexWatcher(this.index)}connectedCallback(){this.setCurrentSteps();a(this.setCurrentSteps)}disconnectedCallback(){o(this.setCurrentSteps)}render(){const t={"stzh-stepper":true,[`stzh-stepper--index-${this.index}`]:!!this.index};return i(h,{key:"9693824652a7886319f7b57cd6a261a395ef29d2",style:{"--steps":this.currentSteps?this.currentSteps.toString():null}},i("div",{key:"388736a3753eb43046e346f7153b3d7e5b2d1a18",class:t},i("div",{key:"2d1995d68e7fe98859b3bbe58c8b335107a0e392",class:"stzh-stepper__items",role:"list","aria-label":this.localization.label},this._data.map(((t,s)=>i("stzh-stepper-item",Object.assign({},this.getItemAttributes(s),{icon:t.icon,disabled:t.disabled,label:t.label,"click-disabled":t.clickDisabled!==undefined?t.clickDisabled:this.clickDisabled,onStzhClick:t=>{this.handleStepClick(t)},onStzhDottedClick:t=>{this.handleStepClick(t)},class:"stzh-stepper__item"})))),i("slot",{key:"d70dd05a1e297ba05e3503b348547d91b2418282"}))))}get element(){return r(this)}static get watchers(){return{index:["onIndexChange"],steps:["stepsWatcher"],stepsSmall:["stepsWatcher"],stepsMedium:["stepsWatcher"],stepsLarge:["stepsWatcher"],stepsUltra:["stepsWatcher"],data:["dataWatcher"]}}};l.style=p;export{l as stzh_stepper};
+//# sourceMappingURL=p-f47bd88c.entry.js.map

package/dist/stzh-components/{p-c27082b1.entry.js.map → p-f47bd88c.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stzhStepperCss","StzhStepperStyle0","StzhStepper","this","handleStepClick","event","preventDefault","stopPropagation","type","stzhClick","emit","component","originalEvent","detail","index","stzhDottedClick","setCurrentSteps","media","matches","stepsUltra","currentSteps","stepsLarge","stepsMedium","stepsSmall","steps","getItemData","_data","map","step","Object","assign","getItemAttributes","onIndexChange","indexWatcher","forceUpdate","element","newIndex","JSON","parse","stepsWatcher","dataWatcher","newValue","lastItemIndex","length","maxStepIndex","withinLastFewSteps","itemIndex","item","first","last","current","passed","stepItemFromData","incomplete","dotted","hide","substract","componentWillLoad","data","localization","window","stzhComponents","utils","fetchTranslations","componentShouldUpdate","componentDidUpdate","connectedCallback","addMediaChangeListener","disconnectedCallback","removeMediaChangeListener","render","classes","h","Host","key","style","toString","class","role","label","icon","disabled","clickDisabled","undefined","onStzhClick","e","onStzhDottedClick"],"sources":["src/components/stzh-stepper/stzh-stepper.scss?tag=stzh-stepper&encapsulation=scoped","src/components/stzh-stepper/stzh-stepper.component.tsx"],"sourcesContent":[":host {\n  min-width: calc(var(--steps) * #{$stepperItemDottedSize} * 2);\n\n  @include mq($from: small) {\n    min-width: calc(var(--steps) * #{$stepperItemDottedSizeSmallUp} * 2);\n  }\n}\n\n.stzh-stepper {\n  position: relative;\n  z-index: 0; // create new stacking context\n  overflow: hidden;\n\n  &__items {\n    display: flex;\n    flex-wrap: nowrap;\n  }\n\n  &__item {\n    /* flex the bullets to always have the same size */\n    flex-grow: 1;\n    flex-shrink: 1;\n    flex-basis: 0;\n  }\n}\n","import {\n  Component,\n  forceUpdate,\n  Host,\n  h,\n  Prop,\n  State,\n  Element,\n  Event,\n  Watch,\n  Method,\n  EventEmitter,\n} from \"@stencil/core\";\n\nimport { StzhStepperDataItem, StzhStepperItemClickEvent, StzhStepperItemDottedClickEvent } from \"../../index\";\n\nimport { addMediaChangeListener, removeMediaChangeListener, media } from \"../../utils/media-utils\";\nimport { StzhStepperLocalizedText } from \"./stzh-stepper.localization\";\n\n/**\n * @slot - Slot for any text content\n */\n@Component({\n  tag: \"stzh-stepper\",\n  styleUrl: \"stzh-stepper.scss\",\n  scoped: true,\n})\nexport class StzhStepper {\n  /** Translation strings */\n  @Prop() localization: StzhStepperLocalizedText;\n\n  /**\n   * Step data (JSON array with objects that have `label` attribute and optional:\n   * - `disabled`, if step should be disabled\n   * - `icon`, if icon instead of step number should be displayed):\n   * - `analyticsId`, for Adobe Analytics, rendered as `s-object-id` (default is `label`)\n   *\n   * ```\n   * {\n   *   \"label\": \"Step Label\"\n   *   \"icon\": \"clock\",\n   *   \"disabled\": true\n   * }\n   * ```\n   */\n  @Prop() data: StzhStepperDataItem[] | string = [];\n  private _data: StzhStepperDataItem[];\n\n  /** Index of the item that be active */\n  @Prop({ reflect: true }) index: number = 0;\n\n  /** Number of steps to show below small breakpoint */\n  @Prop() steps: number = 5;\n\n  /** Number of steps to show above small breakpoint */\n  @Prop() stepsSmall: number = 6;\n\n  /** Number of steps to show above medium breakpoint */\n  @Prop() stepsMedium: number = 0;\n\n  /** Number of steps to show above large breakpoint */\n  @Prop() stepsLarge: number = 0;\n\n  /** Number of steps to show above ultra breakpoint */\n  @Prop() stepsUltra: number = 0;\n\n  /** Whether all the stepper-items are clickable (overrides item.clickDisabled in data property). */\n  @Prop() clickDisabled: boolean = false;\n\n  @State() currentSteps: number;\n\n  @Element() element: HTMLStzhStepperElement;\n\n  /** Step click event */\n  @Event() stzhClick: EventEmitter<StzhStepperItemClickEvent>;\n\n  /** Dotted step click event */\n  @Event() stzhDottedClick: EventEmitter<StzhStepperItemDottedClickEvent>;\n\n  /**\n   * Return infos about rendered stepper items.\n   * Array of objects including: hide (whether step is hidden)\n   * / passed (whether step has been passed)\n   * / current (whether step is currently active)\n   * / dotted (whether step has dotted style active)\n   * / first|last (whether step is first or last)\n   * / label\n   */\n  @Method()\n  async getItemData() {\n    return this._data.map((step, index) => {\n      return {\n        ...step,\n        ...this.getItemAttributes(index),\n      };\n    });\n  }\n\n  @Watch(\"index\")\n  onIndexChange() {\n    this.indexWatcher(this.index);\n    this.setCurrentSteps();\n    forceUpdate(this.element);\n  }\n\n  indexWatcher(newIndex: string | number) {\n    if (typeof newIndex === \"string\") {\n      this.index = JSON.parse(newIndex);\n    } else {\n      this.index = newIndex;\n    }\n  }\n\n  @Watch(\"steps\")\n  @Watch(\"stepsSmall\")\n  @Watch(\"stepsMedium\")\n  @Watch(\"stepsLarge\")\n  @Watch(\"stepsUltra\")\n  stepsWatcher() {\n    this.setCurrentSteps();\n  }\n\n  @Watch(\"data\")\n  dataWatcher(newValue: any[] | string) {\n    if (typeof newValue === \"string\") {\n      this._data = JSON.parse(newValue);\n    } else {\n      this._data = newValue;\n    }\n\n    this.lastItemIndex = this._data.length - 1;\n    this.maxStepIndex = this.currentSteps - 1;\n    this.withinLastFewSteps = this.index >= this._data.length - this.maxStepIndex;\n  }\n\n  private lastItemIndex: number;\n  private maxStepIndex: number;\n  private withinLastFewSteps: boolean;\n\n  private getItemAttributes(itemIndex: number): any {\n    const item = {} as HTMLStzhStepperItemElement;\n\n    item.step = itemIndex + 1;\n    item.first = itemIndex === 0;\n    item.last = itemIndex === this.lastItemIndex;\n    item.current = itemIndex === this.index;\n    item.passed = itemIndex < this.index;\n\n    const stepItemFromData = this._data[itemIndex];\n    item.incomplete = stepItemFromData.incomplete;\n\n    // hide overflowings if more items than max steps in DOM\n    if (this._data.length > this.currentSteps) {\n      // add dots to last item if current index is below the last few items\n      if (itemIndex === this.lastItemIndex && !this.withinLastFewSteps) {\n        item.dotted = true;\n      }\n\n      if (this.index < 2) {\n        // hide overflowing items on the right\n        item.hide = itemIndex > this.maxStepIndex - 1 && itemIndex < this.lastItemIndex;\n      } else {\n        // add dots to first item if current item is third or above\n        if (itemIndex === 0) {\n          item.dotted = true;\n        }\n\n        let substract = this.index;\n\n        // if is within the last elements, calculate how much previous\n        // should be shown to stay on 5 visible elements\n        if (this.withinLastFewSteps) {\n          substract = this._data.length - this.maxStepIndex;\n        }\n\n        // hide overflowing items on left and right side\n        item.hide =\n          (itemIndex > 0 && itemIndex < substract) ||\n          (itemIndex > this.index + (this.currentSteps - 3) && itemIndex < this.lastItemIndex);\n      }\n    }\n\n    return item;\n  }\n\n  /** The stzhClick and stzhDottedClick event from the stepper item is exceptionally passed through, because React wrappers don't see the event otherwise.\n   * Don't use this pattern on other components (see PDESI-1530). */\n  private handleStepClick = (event: CustomEvent) => {\n    // prevent double emission of event\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (event.type !== \"stzhDottedClick\") {\n      this.stzhClick.emit({\n        component: \"stzh-stepper-item\",\n        originalEvent: event.detail.originalEvent,\n        index: event.detail.index,\n      });\n    } else {\n      this.stzhDottedClick.emit({\n        component: \"stzh-stepper-item\",\n        originalEvent: event.detail.originalEvent,\n        index: event.detail.index,\n      });\n    }\n  };\n\n  private setCurrentSteps = () => {\n    if (media(\"ultra\").matches && this.stepsUltra) {\n      this.currentSteps = this.stepsUltra;\n    } else if (media(\"large\").matches && this.stepsLarge) {\n      this.currentSteps = this.stepsLarge;\n    } else if (media(\"medium\").matches && this.stepsMedium) {\n      this.currentSteps = this.stepsMedium;\n    } else if (media(\"small\").matches && this.stepsSmall) {\n      this.currentSteps = this.stepsSmall;\n    } else {\n      this.currentSteps = this.steps;\n    }\n  };\n\n  async componentWillLoad() {\n    this.dataWatcher(this.data);\n    this.indexWatcher(this.index);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"stepper\");\n    }\n  }\n\n  async componentShouldUpdate() {\n    this.dataWatcher(this.data);\n    this.indexWatcher(this.index);\n  }\n\n  async componentDidUpdate() {\n    this.dataWatcher(this.data);\n    this.indexWatcher(this.index);\n  }\n\n  connectedCallback() {\n    this.setCurrentSteps();\n    addMediaChangeListener(this.setCurrentSteps);\n  }\n\n  disconnectedCallback() {\n    removeMediaChangeListener(this.setCurrentSteps);\n  }\n\n  render() {\n    const classes = {\n      \"stzh-stepper\": true,\n      [`stzh-stepper--index-${this.index}`]: !!this.index,\n    };\n\n    return (\n      <Host\n        style={{\n          \"--steps\": this.currentSteps ? this.currentSteps.toString() : null,\n        }}\n      >\n        <div class={classes}>\n          <div class=\"stzh-stepper__items\" role=\"list\" aria-label={this.localization.label}>\n            {this._data.map((step, index) => (\n              <stzh-stepper-item\n                {...this.getItemAttributes(index)}\n                icon={step.icon}\n                disabled={step.disabled}\n                label={step.label}\n                click-disabled={step.clickDisabled !== undefined ? step.clickDisabled : this.clickDisabled}\n                onStzhClick={(e: CustomEvent) => {\n                  this.handleStepClick(e);\n                }}\n                onStzhDottedClick={(e: CustomEvent) => {\n                  this.handleStepClick(e);\n                }}\n                class=\"stzh-stepper__item\"\n              ></stzh-stepper-item>\n            ))}\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["stzhStepperCss","StzhStepperStyle0","StzhStepper","this","handleStepClick","event","preventDefault","stopPropagation","type","stzhClick","emit","component","originalEvent","detail","index","stzhDottedClick","setCurrentSteps","media","matches","stepsUltra","currentSteps","stepsLarge","stepsMedium","stepsSmall","steps","getItemData","_data","map","step","Object","assign","getItemAttributes","onIndexChange","indexWatcher","forceUpdate","element","newIndex","JSON","parse","stepsWatcher","dataWatcher","newValue","lastItemIndex","length","maxStepIndex","withinLastFewSteps","itemIndex","item","first","last","current","passed","stepItemFromData","incomplete","dotted","hide","substract","componentWillLoad","data","localization","window","stzhComponents","utils","fetchTranslations","componentShouldUpdate","componentDidUpdate","connectedCallback","addMediaChangeListener","disconnectedCallback","removeMediaChangeListener","render","classes","h","Host","key","style","toString","class","role","label","icon","disabled","clickDisabled","undefined","onStzhClick","e","onStzhDottedClick"],"sources":["src/components/stzh-stepper/stzh-stepper.scss?tag=stzh-stepper&encapsulation=scoped","src/components/stzh-stepper/stzh-stepper.component.tsx"],"sourcesContent":[":host {\n  min-width: calc(var(--steps) * #{$stepperItemDottedSize} * 2);\n\n  @include mq($from: small) {\n    min-width: calc(var(--steps) * #{$stepperItemDottedSizeSmallUp} * 2);\n  }\n}\n\n.stzh-stepper {\n  position: relative;\n  z-index: 0; // create new stacking context\n  overflow: hidden;\n\n  &__items {\n    display: flex;\n    flex-wrap: nowrap;\n  }\n\n  &__item {\n    /* flex the bullets to always have the same size */\n    flex-grow: 1;\n    flex-shrink: 1;\n    flex-basis: 0;\n  }\n}\n","import {\n  Component,\n  forceUpdate,\n  Host,\n  h,\n  Prop,\n  State,\n  Element,\n  Event,\n  Watch,\n  Method,\n  EventEmitter,\n} from \"@stencil/core\";\n\nimport { StzhStepperDataItem, StzhStepperItemClickEvent, StzhStepperItemDottedClickEvent } from \"../../index\";\n\nimport { addMediaChangeListener, removeMediaChangeListener, media } from \"../../utils/media-utils\";\nimport { StzhStepperLocalizedText } from \"./stzh-stepper.localization\";\n\n/**\n * @slot - Slot for any text content\n */\n@Component({\n  tag: \"stzh-stepper\",\n  styleUrl: \"stzh-stepper.scss\",\n  scoped: true,\n})\nexport class StzhStepper {\n  /** Translation strings */\n  @Prop() localization: StzhStepperLocalizedText;\n\n  /**\n   * Step data (JSON array with objects that have `label` attribute and optional:\n   * - `disabled`, if step should be disabled\n   * - `icon`, if icon instead of step number should be displayed):\n   * - `analyticsId`, for Adobe Analytics, rendered as `s-object-id` (default is `label`)\n   *\n   * ```\n   * {\n   *   \"label\": \"Step Label\"\n   *   \"icon\": \"clock\",\n   *   \"disabled\": true\n   * }\n   * ```\n   */\n  @Prop() data: StzhStepperDataItem[] | string = [];\n  private _data: StzhStepperDataItem[];\n\n  /** Index of the item that be active */\n  @Prop({ reflect: true }) index: number = 0;\n\n  /** Number of steps to show below small breakpoint */\n  @Prop() steps: number = 5;\n\n  /** Number of steps to show above small breakpoint */\n  @Prop() stepsSmall: number = 6;\n\n  /** Number of steps to show above medium breakpoint */\n  @Prop() stepsMedium: number = 0;\n\n  /** Number of steps to show above large breakpoint */\n  @Prop() stepsLarge: number = 0;\n\n  /** Number of steps to show above ultra breakpoint */\n  @Prop() stepsUltra: number = 0;\n\n  /** Whether all the stepper-items are clickable (overrides item.clickDisabled in data property). */\n  @Prop() clickDisabled: boolean = false;\n\n  @State() currentSteps: number;\n\n  @Element() element: HTMLStzhStepperElement;\n\n  /** Step click event */\n  @Event() stzhClick: EventEmitter<StzhStepperItemClickEvent>;\n\n  /** Dotted step click event */\n  @Event() stzhDottedClick: EventEmitter<StzhStepperItemDottedClickEvent>;\n\n  /**\n   * Return infos about rendered stepper items.\n   * Array of objects including: hide (whether step is hidden)\n   * / passed (whether step has been passed)\n   * / current (whether step is currently active)\n   * / dotted (whether step has dotted style active)\n   * / first|last (whether step is first or last)\n   * / label\n   */\n  @Method()\n  async getItemData() {\n    return this._data.map((step, index) => {\n      return {\n        ...step,\n        ...this.getItemAttributes(index),\n      };\n    });\n  }\n\n  @Watch(\"index\")\n  onIndexChange() {\n    this.indexWatcher(this.index);\n    this.setCurrentSteps();\n    forceUpdate(this.element);\n  }\n\n  indexWatcher(newIndex: string | number) {\n    if (typeof newIndex === \"string\") {\n      this.index = JSON.parse(newIndex);\n    } else {\n      this.index = newIndex;\n    }\n  }\n\n  @Watch(\"steps\")\n  @Watch(\"stepsSmall\")\n  @Watch(\"stepsMedium\")\n  @Watch(\"stepsLarge\")\n  @Watch(\"stepsUltra\")\n  stepsWatcher() {\n    this.setCurrentSteps();\n  }\n\n  @Watch(\"data\")\n  dataWatcher(newValue: any[] | string) {\n    if (typeof newValue === \"string\") {\n      this._data = JSON.parse(newValue);\n    } else {\n      this._data = newValue;\n    }\n\n    this.lastItemIndex = this._data.length - 1;\n    this.maxStepIndex = this.currentSteps - 1;\n    this.withinLastFewSteps = this.index >= this._data.length - this.maxStepIndex;\n  }\n\n  private lastItemIndex: number;\n  private maxStepIndex: number;\n  private withinLastFewSteps: boolean;\n\n  private getItemAttributes(itemIndex: number): any {\n    const item = {} as HTMLStzhStepperItemElement;\n\n    item.step = itemIndex + 1;\n    item.first = itemIndex === 0;\n    item.last = itemIndex === this.lastItemIndex;\n    item.current = itemIndex === this.index;\n    item.passed = itemIndex < this.index;\n\n    const stepItemFromData = this._data[itemIndex];\n    item.incomplete = stepItemFromData.incomplete;\n\n    // hide overflowings if more items than max steps in DOM\n    if (this._data.length > this.currentSteps) {\n      // add dots to last item if current index is below the last few items\n      if (itemIndex === this.lastItemIndex && !this.withinLastFewSteps) {\n        item.dotted = true;\n      }\n\n      if (this.index < 2) {\n        // hide overflowing items on the right\n        item.hide = itemIndex > this.maxStepIndex - 1 && itemIndex < this.lastItemIndex;\n      } else {\n        // add dots to first item if current item is third or above\n        if (itemIndex === 0) {\n          item.dotted = true;\n        }\n\n        let substract = this.index;\n\n        // if is within the last elements, calculate how much previous\n        // should be shown to stay on 5 visible elements\n        if (this.withinLastFewSteps) {\n          substract = this._data.length - this.maxStepIndex;\n        }\n\n        // hide overflowing items on left and right side\n        item.hide =\n          (itemIndex > 0 && itemIndex < substract) ||\n          (itemIndex > this.index + (this.currentSteps - 3) && itemIndex < this.lastItemIndex);\n      }\n    }\n\n    return item;\n  }\n\n  /** The stzhClick and stzhDottedClick event from the stepper item is exceptionally passed through, because React wrappers don't see the event otherwise.\n   * Don't use this pattern on other components (see PDESI-1530). */\n  private handleStepClick = (event: CustomEvent) => {\n    // prevent double emission of event\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (event.type !== \"stzhDottedClick\") {\n      this.stzhClick.emit({\n        component: \"stzh-stepper-item\",\n        originalEvent: event.detail.originalEvent,\n        index: event.detail.index,\n      });\n    } else {\n      this.stzhDottedClick.emit({\n        component: \"stzh-stepper-item\",\n        originalEvent: event.detail.originalEvent,\n        index: event.detail.index,\n      });\n    }\n  };\n\n  private setCurrentSteps = () => {\n    if (media(\"ultra\").matches && this.stepsUltra) {\n      this.currentSteps = this.stepsUltra;\n    } else if (media(\"large\").matches && this.stepsLarge) {\n      this.currentSteps = this.stepsLarge;\n    } else if (media(\"medium\").matches && this.stepsMedium) {\n      this.currentSteps = this.stepsMedium;\n    } else if (media(\"small\").matches && this.stepsSmall) {\n      this.currentSteps = this.stepsSmall;\n    } else {\n      this.currentSteps = this.steps;\n    }\n  };\n\n  async componentWillLoad() {\n    this.dataWatcher(this.data);\n    this.indexWatcher(this.index);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"stepper\");\n    }\n  }\n\n  async componentShouldUpdate() {\n    this.dataWatcher(this.data);\n    this.indexWatcher(this.index);\n  }\n\n  async componentDidUpdate() {\n    this.dataWatcher(this.data);\n    this.indexWatcher(this.index);\n  }\n\n  connectedCallback() {\n    this.setCurrentSteps();\n    addMediaChangeListener(this.setCurrentSteps);\n  }\n\n  disconnectedCallback() {\n    removeMediaChangeListener(this.setCurrentSteps);\n  }\n\n  render() {\n    const classes = {\n      \"stzh-stepper\": true,\n      [`stzh-stepper--index-${this.index}`]: !!this.index,\n    };\n\n    return (\n      <Host\n        style={{\n          \"--steps\": this.currentSteps ? this.currentSteps.toString() : null,\n        }}\n      >\n        <div class={classes}>\n          <div class=\"stzh-stepper__items\" role=\"list\" aria-label={this.localization.label}>\n            {this._data.map((step, index) => (\n              <stzh-stepper-item\n                {...this.getItemAttributes(index)}\n                icon={step.icon}\n                disabled={step.disabled}\n                label={step.label}\n                click-disabled={step.clickDisabled !== undefined ? step.clickDisabled : this.clickDisabled}\n                onStzhClick={(e: CustomEvent) => {\n                  this.handleStepClick(e);\n                }}\n                onStzhDottedClick={(e: CustomEvent) => {\n                  this.handleStepClick(e);\n                }}\n                class=\"stzh-stepper__item\"\n              ></stzh-stepper-item>\n            ))}\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/{p-5e15683f.entry.js → p-f52e344a.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a,g as s}from"./p-ef5985a3.js";import{s as i,h}from"./p-87c329f2.js";import{m as r}from"./p-f4adb3cd.js";import"./p-dae15605.js";const l=".sc-stzh-pagetitle-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-pagetitle-h,[stzh-hidden].sc-stzh-pagetitle-h{display:none}.sc-stzh-pagetitle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagetitle-h *.sc-stzh-pagetitle,.sc-stzh-pagetitle-h *.sc-stzh-pagetitle::before,.sc-stzh-pagetitle-h *.sc-stzh-pagetitle::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-pagetitle-h .has-focus.sc-stzh-pagetitle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pagetitle{outline-style:none !important}.sc-stzh-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pagetitle::-moz-focus-inner{border:0 !important}.sc-stzh-pagetitle-h{--background-color:var(\n    --stzh-pagetitle-background-color,\n    var(--stzh-pagetitle-background-color)\n  );--image-background-color:var(--stzh-ratio-background-color);--heading-color:var(--stzh-pagetitle-heading-color, var(--stzh-heading-color));--lead-color:var(--stzh-pagetitle-lead-color, var(--stzh-heading-color))}.sc-stzh-pagetitle-h.sc-stzh-pagetitle-s>[slot=image],.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-stzh-pagetitle-h.sc-stzh-pagetitle-s>[slot=readspeaker] *,.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-readspeaker-color, var(--stzh-heading-color));--hover-color:var(--stzh-pagetitle-readspeaker-color, var(--stzh-heading-color))}[background=default].sc-stzh-pagetitle-h{--stzh-readspeaker-background-color:var(--background-color);--stzh-readspeaker-audio-track-progress-background-color:var(--stzh-color-white)}[background=transparent].sc-stzh-pagetitle-h{--background-color:transparent;--heading-color:var(\n    --stzh-pagetitle-transparent-heading-color,\n    var(--stzh-heading-color)\n  )}.stzh-pagetitle.sc-stzh-pagetitle{background-color:var(--background-color)}.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-pagetitle__wrapper.sc-stzh-pagetitle{position:relative;display:grid}.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge);display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 600px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xbig)}}.stzh-pagetitle__image-wrapper.sc-stzh-pagetitle{position:relative}.stzh-pagetitle__ratio.sc-stzh-pagetitle{--background-color:var(--image-background-color)}.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{background-color:var(--image-background-color);position:absolute;inset:0;height:100%;margin-left:calc(1.25rem / -1);margin-right:calc(1.25rem / -1)}@media screen and (min-width: 600px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{margin-left:calc(2rem / -1);margin-right:calc(2rem / -1)}}@media screen and (min-width: 900px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{margin-left:0;margin-right:0;width:calc(100% + 2.5rem)}}@media screen and (min-width: 1260px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{width:calc(100% + 4rem)}}@media screen and (min-width: 1600px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{width:calc(100% + (100rem - 84.25rem) / 2)}}.stzh-pagetitle__meta.sc-stzh-pagetitle{display:flex;flex-direction:column-reverse;row-gap:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-pagetitle__meta.sc-stzh-pagetitle{flex-direction:row}}.stzh-pagetitle__tag.sc-stzh-pagetitle:not(:empty){margin-right:auto}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-pagetitle__readspeaker.sc-stzh-pagetitle{--stzh-readspeaker-dropdown-position:relative;--stzh-readspeaker-dropdown-top:auto}}.stzh-pagetitle__dateline.sc-stzh-pagetitle{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);margin-top:var(--stzh-space-medium);color:var(--stzh-color-primary70);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pagetitle__dateline.sc-stzh-pagetitle{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle__dateline.sc-stzh-pagetitle{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__dateline.sc-stzh-pagetitle{margin-top:var(--stzh-space-xxlarge)}}.stzh-pagetitle__lead.sc-stzh-pagetitle{--stzh-base-lead-color:var(--lead-color)}.stzh-pagetitle__heading.sc-stzh-pagetitle{--stzh-heading-color:var(--heading-color)}.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-xxxlarge)}}.stzh-pagetitle__disturber.sc-stzh-pagetitle{z-index:var(--stzh-z-index-sticky);position:fixed;left:0;right:0;bottom:0}@media screen and (min-width: 900px){.stzh-pagetitle__disturber.sc-stzh-pagetitle{z-index:initial;position:absolute;width:calc(\n        ((100% - 7 * var(--stzh-grid-gutter-medium)) / 8 * 3) + 2 * var(--stzh-grid-gutter-medium)\n      );left:auto;bottom:calc((\n            var(--stzh-space-big) -\n              var(--stzh-space-xlarge)\n          ) / -1)}}@media screen and (min-width: 1260px){.stzh-pagetitle__disturber.sc-stzh-pagetitle{width:calc(\n        ((100% - 11 * var(--stzh-grid-gutter-large)) / 12 * 4) + 3 * var(--stzh-grid-gutter-large)\n      )}}@media screen and (min-width: 1600px){.stzh-pagetitle__disturber.sc-stzh-pagetitle{width:calc(\n        ((100% - 11 * var(--stzh-grid-gutter-ultra)) / 12 * 4) + 3 * var(--stzh-grid-gutter-ultra)\n      )}}.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__ratio.sc-stzh-pagetitle{display:none}.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 600px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__meta.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__dateline.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__heading.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 4}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__meta.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__dateline.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__heading.sc-stzh-pagetitle{grid-column:1/span 8}}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 6}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 7}}@media screen and (min-width: 900px){.stzh-pagetitle--has-image.sc-stzh-pagetitle .stzh-pagetitle__wrapper.sc-stzh-pagetitle{grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--stzh-space-xxlarge)}}.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-tag.sc-stzh-pagetitle .stzh-pagetitle__readspeaker.sc-stzh-pagetitle{--stzh-readspeaker-dropdown-left:auto;--stzh-readspeaker-dropdown-right:0px;--stzh-readspeaker-dropdown-settings-left:auto;--stzh-readspeaker-dropdown-settings-right:0px}}.stzh-pagetitle--has-tag.sc-stzh-pagetitle:not(.stzh-pagetitle--has-dateline) .stzh-pagetitle__meta.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xlarge)}.stzh-pagetitle--background-default.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{--stzh-selection-background-color:var(--stzh-color-white)}.stzh-pagetitle--background-transparent.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle--background-transparent.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle--background-transparent.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle--hyphens.sc-stzh-pagetitle .stzh-pagetitle__heading.sc-stzh-pagetitle{hyphens:auto}.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px) and (max-width: 1259px){.stzh-pagetitle--has-disturber.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 5}}";const g=l;const n=class{constructor(e){t(this,e);this.isDisturberOpen=false;this.update=()=>{var t;if(!this.disturberElement){return}const e=r("medium").matches;const a=((t=this.disturberElement)===null||t===void 0?void 0:t.offsetHeight)||0;const s=a&&this.isDisturberOpen;const i=s&&!e;document.documentElement.style.setProperty("--stzh-pagetitle-disturber-height",s?`${a}px`:"0px");document.documentElement.style.setProperty("--stzh-pagetitle-disturber-stuck-height",i?`${a}px`:"0px");document.documentElement.style.setProperty("--stzh-pagetitle-disturber-is-stuck",i?"1":"0");document.documentElement.style.setProperty("--stzh-pagetitle-disturber-is-not-stuck",i?"0":"1")};this.init=()=>{const t=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');const e=this.element.querySelector('stzh-disturber[slot="disturber"], [slot="disturber"] stzh-disturber');const a=this.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');const s=this.element.querySelector('stzh-show[slot="disturber"], [slot="disturber"] stzh-show');const h=this.element.querySelector('[slot="readspeaker"] stzh-button');const r=this.element.querySelector('stzh-tag[slot="tag"], [slot="tag"] stzh-tag');if(t){i(t,{curve:"hero",level:"1"})}if(e){i(e,{initialOpenAnimation:true})}if(s){i(s,{mikro:true})}if(r){i(r,{type:"default",size:"large",nonInteractive:true})}if(h){i(h,{variant:"tertiary-plain",noPaddingLeft:true,noPaddingRight:true,size:"small",sizeMedium:"tiny",buttonAccesskey:"L"})}a.forEach((t=>{i(t,{lead:true})}))};this.background="default";this.hyphensEnabled=false;this.dateline=undefined}handleResize(){if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)}handleStzhOpen(t){if(t.detail.component==="stzh-disturber"){this.isDisturberOpen=true;requestAnimationFrame((()=>{requestAnimationFrame(this.update)}))}}handleStzhClose(t){if(t.detail.component==="stzh-disturber"){this.isDisturberOpen=false;requestAnimationFrame((()=>{requestAnimationFrame(this.update)}))}}componentDidRender(){requestAnimationFrame((()=>{requestAnimationFrame(this.update)}))}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){var t;(t=this.observer)===null||t===void 0?void 0:t.disconnect()}render(){const t=h(this.element,"image");const s=h(this.element,"lead");const i=h(this.element,"tag");const r=h(this.element,"readspeaker");const l=this.element.querySelector('stzh-disturber[slot="disturber"], [slot="disturber"] stzh-disturber');const g={"stzh-pagetitle":true,"stzh-pagetitle--has-image":t,"stzh-pagetitle--has-no-image":!t,"stzh-pagetitle--has-lead":s,"stzh-pagetitle--has-tag":i,"stzh-pagetitle--has-dateline":!!this.dateline,"stzh-pagetitle--has-meta":i||r,"stzh-pagetitle--has-disturber":!!l,"stzh-pagetitle--hyphens":this.hyphensEnabled,[`stzh-pagetitle--background-${this.background}`]:!!this.background};return e(a,{key:"dd1dae5e9d6238ffdac9b57bee9028c6ab293a9e"},e("div",{key:"7692e22c130fb9d768d54c57e56aea0bf5f49e75",class:g},e("div",{key:"276b719825766581a9310b2da3f2a8da24fc3ca8",class:"stzh-pagetitle__container"},e("div",{key:"4edbf3c08ace8896ad635561e564fdfcfe9b0636",class:"stzh-pagetitle__wrapper"},e("div",{key:"b0d87b0ff4c587809434424dbe4b5ea820486849",class:"stzh-pagetitle__text"},e("div",{key:"644c747a9faf9dec771338668bf8b1400ca0f22b",class:"stzh-pagetitle__meta"},e("div",{key:"308d1af6ca44ed4e529f7b3f2c842c3cc5b433a8",class:"stzh-pagetitle__tag"},e("slot",{key:"45d323f77a910db3c3333d71a4fca19e9df09de2",name:"tag"})),e("div",{key:"8c5f81a671e670b450efc5c689cba18b4146be34",class:"stzh-pagetitle__readspeaker"},e("slot",{key:"53ca3e154eba02986ebb6a6243b01cdf211ec8e0",name:"readspeaker"}))),this.dateline&&e("div",{key:"4c75ea7565d6d7ace87e4d315c21eaf2afad2ee4",class:"stzh-pagetitle__dateline"},this.dateline),e("div",{key:"a26fc81a10690ac96d14dd298a195861001feeb4",class:"stzh-pagetitle__heading"},e("slot",{key:"187a4b8f2c292263c9176fea2fe421d78f43aeeb",name:"heading"})),e("div",{key:"187da73cdbbc557ad0609f83fee27a982b400d90",class:"stzh-pagetitle__lead"},e("slot",{key:"0209e7b1c9431237292c7d62db87c95f58f89855",name:"lead"}))),e("div",{key:"8e9b473d1b013b1cef1b0df537612568cf0849e8",class:"stzh-pagetitle__image-wrapper"},e("stzh-ratio",{key:"3d360e87e41d8ad5f8cdd292ca4d6d971af1c3fb",ratio:"16:9",ratioSmall:"3:2",ratioMedium:"16:9",class:"stzh-pagetitle__ratio"}),e("div",{key:"77fe51987394ce4d61e4b809bf3c1ed3e0231dcf",class:"stzh-pagetitle__image-inner-wrapper"},e("slot",{key:"74b4a5695c7fcd3f9dbdd11d2e6eae6f9cd395d6",name:"image"}))),e("div",{key:"70f64853370f205febf986d7b0f405aa5d635371",class:"stzh-pagetitle__disturber",ref:t=>this.disturberElement=t},e("slot",{key:"8e45414bd0ef9b94029098bd2998ea3c6fb0c64d",name:"disturber"}))))))}get element(){return s(this)}};n.style=g;export{n as stzh_pagetitle};
-//# sourceMappingURL=p-5e15683f.entry.js.map
+import{r as t,h as e,a,g as s}from"./p-ef5985a3.js";import{s as i,h}from"./p-87c329f2.js";import{m as r}from"./p-f4adb3cd.js";import"./p-dae15605.js";const l=".sc-stzh-pagetitle-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-pagetitle-h,[stzh-hidden].sc-stzh-pagetitle-h{display:none}.sc-stzh-pagetitle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagetitle-h *.sc-stzh-pagetitle,.sc-stzh-pagetitle-h *.sc-stzh-pagetitle::before,.sc-stzh-pagetitle-h *.sc-stzh-pagetitle::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-pagetitle-h .has-focus.sc-stzh-pagetitle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pagetitle{outline-style:none !important}.sc-stzh-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pagetitle::-moz-focus-inner{border:0 !important}.sc-stzh-pagetitle-h{--background-color:var(\n    --stzh-pagetitle-background-color,\n    var(--stzh-pagetitle-background-color)\n  );--image-background-color:var(--stzh-ratio-background-color);--heading-color:var(--stzh-pagetitle-heading-color, var(--stzh-heading-color));--lead-color:var(--stzh-pagetitle-lead-color, var(--stzh-heading-color))}.sc-stzh-pagetitle-h.sc-stzh-pagetitle-s>[slot=image],.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-stzh-pagetitle-h.sc-stzh-pagetitle-s>[slot=readspeaker] *,.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-readspeaker-color, var(--stzh-heading-color));--hover-color:var(--stzh-pagetitle-readspeaker-color, var(--stzh-heading-color))}[background=default].sc-stzh-pagetitle-h{--stzh-readspeaker-background-color:var(--background-color);--stzh-readspeaker-audio-track-progress-background-color:var(--stzh-color-white)}[background=transparent].sc-stzh-pagetitle-h{--background-color:transparent;--heading-color:var(\n    --stzh-pagetitle-transparent-heading-color,\n    var(--stzh-heading-color)\n  )}.stzh-pagetitle.sc-stzh-pagetitle{background-color:var(--background-color)}.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-pagetitle__wrapper.sc-stzh-pagetitle{position:relative;display:grid}.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge);display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 600px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xbig)}}.stzh-pagetitle__image-wrapper.sc-stzh-pagetitle{position:relative}.stzh-pagetitle__ratio.sc-stzh-pagetitle{--background-color:var(--image-background-color)}.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{background-color:var(--image-background-color);position:absolute;inset:0;height:100%;margin-left:calc(1.25rem / -1);margin-right:calc(1.25rem / -1)}@media screen and (min-width: 600px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{margin-left:calc(2rem / -1);margin-right:calc(2rem / -1)}}@media screen and (min-width: 900px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{margin-left:0;margin-right:0;width:calc(100% + 2.5rem)}}@media screen and (min-width: 1260px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{width:calc(100% + 4rem)}}@media screen and (min-width: 1600px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{width:calc(100% + (100rem - 84.25rem) / 2)}}.stzh-pagetitle__meta.sc-stzh-pagetitle{display:flex;flex-direction:column-reverse;row-gap:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-pagetitle__meta.sc-stzh-pagetitle{flex-direction:row}}.stzh-pagetitle__tag.sc-stzh-pagetitle:not(:empty){margin-right:auto}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-pagetitle__readspeaker.sc-stzh-pagetitle{--stzh-readspeaker-dropdown-position:relative;--stzh-readspeaker-dropdown-top:auto}}.stzh-pagetitle__dateline.sc-stzh-pagetitle{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);margin-top:var(--stzh-space-medium);color:var(--stzh-color-primary70);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pagetitle__dateline.sc-stzh-pagetitle{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle__dateline.sc-stzh-pagetitle{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__dateline.sc-stzh-pagetitle{margin-top:var(--stzh-space-xxlarge)}}.stzh-pagetitle__lead.sc-stzh-pagetitle{--stzh-base-lead-color:var(--lead-color)}.stzh-pagetitle__heading.sc-stzh-pagetitle{--stzh-heading-color:var(--heading-color)}.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-xxxlarge)}}.stzh-pagetitle__disturber.sc-stzh-pagetitle{z-index:var(--stzh-z-index-sticky);position:fixed;left:0;right:0;bottom:0}@media screen and (min-width: 900px){.stzh-pagetitle__disturber.sc-stzh-pagetitle{z-index:initial;position:absolute;width:calc(\n        ((100% - 7 * var(--stzh-grid-gutter-medium)) / 8 * 3) + 2 * var(--stzh-grid-gutter-medium)\n      );left:auto;bottom:calc((\n            var(--stzh-space-big) -\n              var(--stzh-space-xlarge)\n          ) / -1)}}@media screen and (min-width: 1260px){.stzh-pagetitle__disturber.sc-stzh-pagetitle{width:calc(\n        ((100% - 11 * var(--stzh-grid-gutter-large)) / 12 * 4) + 3 * var(--stzh-grid-gutter-large)\n      )}}@media screen and (min-width: 1600px){.stzh-pagetitle__disturber.sc-stzh-pagetitle{width:calc(\n        ((100% - 11 * var(--stzh-grid-gutter-ultra)) / 12 * 4) + 3 * var(--stzh-grid-gutter-ultra)\n      )}}.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__ratio.sc-stzh-pagetitle{display:none}.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 600px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__meta.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__dateline.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__heading.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 4}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__meta.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__dateline.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__heading.sc-stzh-pagetitle{grid-column:1/span 8}}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 6}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 7}}@media screen and (min-width: 900px){.stzh-pagetitle--has-image.sc-stzh-pagetitle .stzh-pagetitle__wrapper.sc-stzh-pagetitle{grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--stzh-space-xxlarge)}}.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-tag.sc-stzh-pagetitle .stzh-pagetitle__readspeaker.sc-stzh-pagetitle{--stzh-readspeaker-dropdown-left:auto;--stzh-readspeaker-dropdown-right:0px;--stzh-readspeaker-dropdown-settings-left:auto;--stzh-readspeaker-dropdown-settings-right:0px}}.stzh-pagetitle--has-tag.sc-stzh-pagetitle:not(.stzh-pagetitle--has-dateline) .stzh-pagetitle__meta.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xlarge)}.stzh-pagetitle--background-default.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{--stzh-selection-background-color:var(--stzh-color-white)}.stzh-pagetitle--background-transparent.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle--background-transparent.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle--background-transparent.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle--hyphens.sc-stzh-pagetitle .stzh-pagetitle__heading.sc-stzh-pagetitle{hyphens:auto}.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px) and (max-width: 1259px){.stzh-pagetitle--has-disturber.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 5}}";const g=l;const n=class{constructor(e){t(this,e);this.isDisturberOpen=false;this.update=()=>{var t;if(!this.disturberElement){return}const e=r("medium").matches;const a=((t=this.disturberElement)===null||t===void 0?void 0:t.offsetHeight)||0;const s=a&&this.isDisturberOpen;const i=s&&!e;document.documentElement.style.setProperty("--stzh-pagetitle-disturber-height",s?`${a}px`:"0px");document.documentElement.style.setProperty("--stzh-pagetitle-disturber-stuck-height",i?`${a}px`:"0px");document.documentElement.style.setProperty("--stzh-pagetitle-disturber-is-stuck",i?"1":"0");document.documentElement.style.setProperty("--stzh-pagetitle-disturber-is-not-stuck",i?"0":"1")};this.init=()=>{const t=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');const e=this.element.querySelector('stzh-disturber[slot="disturber"], [slot="disturber"] stzh-disturber');const a=this.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');const s=this.element.querySelector('stzh-show[slot="disturber"], [slot="disturber"] stzh-show');const h=this.element.querySelector('[slot="readspeaker"] stzh-button');const r=this.element.querySelector('stzh-tag[slot="tag"], [slot="tag"] stzh-tag');if(t){i(t,{curve:"hero",level:"1"})}if(e){i(e,{initialOpenAnimation:true})}if(s){i(s,{mikro:true})}if(r){i(r,{type:"default",size:"large",nonInteractive:true})}if(h){i(h,{variant:"tertiary-plain",noPaddingLeft:true,noPaddingRight:true,size:"small",sizeMedium:"tiny",buttonAccesskey:"L"})}a.forEach((t=>{i(t,{lead:true})}))};this.background="default";this.hyphensEnabled=false;this.dateline=undefined}handleResize(){if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)}handleStzhOpen(t){if(t.detail.component==="stzh-disturber"){this.isDisturberOpen=true;requestAnimationFrame((()=>{requestAnimationFrame(this.update)}))}}handleStzhClose(t){if(t.detail.component==="stzh-disturber"){this.isDisturberOpen=false;requestAnimationFrame((()=>{requestAnimationFrame(this.update)}))}}componentDidRender(){requestAnimationFrame((()=>{requestAnimationFrame(this.update)}))}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){var t;(t=this.observer)===null||t===void 0?void 0:t.disconnect()}render(){const t=h(this.element,"image");const s=h(this.element,"lead");const i=h(this.element,"tag");const r=h(this.element,"readspeaker");const l=this.element.querySelector('stzh-disturber[slot="disturber"], [slot="disturber"] stzh-disturber');const g={"stzh-pagetitle":true,"stzh-pagetitle--has-image":t,"stzh-pagetitle--has-no-image":!t,"stzh-pagetitle--has-lead":s,"stzh-pagetitle--has-tag":i,"stzh-pagetitle--has-dateline":!!this.dateline,"stzh-pagetitle--has-meta":i||r,"stzh-pagetitle--has-disturber":!!l,"stzh-pagetitle--hyphens":this.hyphensEnabled,[`stzh-pagetitle--background-${this.background}`]:!!this.background};return e(a,{key:"44f334e63ff5db5a9a1d97e849da679dcc31839b"},e("div",{key:"30456eb5fd2763ea488a1dafc7b2aee3e0ed4377",class:g},e("div",{key:"f01d7ffba4f3347a13d85be74f41b37daa6bcaec",class:"stzh-pagetitle__container"},e("div",{key:"cb24305da741c280db8f91c77e61cbf51a7c1bf8",class:"stzh-pagetitle__wrapper"},e("div",{key:"37ba4fbeea5c5a05b404cdf7985f8c813bea71a8",class:"stzh-pagetitle__text"},e("div",{key:"073ba56929ce3463d71050652ea1462c685e27cf",class:"stzh-pagetitle__meta"},e("div",{key:"2ffd8a096f4b83604499bd7f2ec0d7a854663647",class:"stzh-pagetitle__tag"},e("slot",{key:"e46fe24b23852c524aa8022892451835c1ffa798",name:"tag"})),e("div",{key:"9e1427369474667936816c937c05460db2ca9e32",class:"stzh-pagetitle__readspeaker"},e("slot",{key:"381371798764e856e046768e2e8400e9721bb3b9",name:"readspeaker"}))),this.dateline&&e("div",{key:"d506066275fcd82211fe691d6b679b5ba93afe15",class:"stzh-pagetitle__dateline"},this.dateline),e("div",{key:"5d9808dd2aebe14646a7b550cca1dcc69e1a61f1",class:"stzh-pagetitle__heading"},e("slot",{key:"a466725b4361d869036486ad2ecdb461a53f6be5",name:"heading"})),e("div",{key:"09c87ce1f8caba89b916e122fdb033018040254c",class:"stzh-pagetitle__lead"},e("slot",{key:"df1436e56e97f206efa49f846e714db15e56f1b7",name:"lead"}))),e("div",{key:"3481dfdd6294adae1b326882b5b2661548cbfaca",class:"stzh-pagetitle__image-wrapper"},e("stzh-ratio",{key:"bfee946466a4e6244ca71f775151929d1a225a4a",ratio:"16:9",ratioSmall:"3:2",ratioMedium:"16:9",class:"stzh-pagetitle__ratio"}),e("div",{key:"5bb505e0c6fb23c54cca77cdd4bb80c96388d6ad",class:"stzh-pagetitle__image-inner-wrapper"},e("slot",{key:"c45840b576424d1b0a6185f3fb48c3ecf06f5884",name:"image"}))),e("div",{key:"2358fb35eda7fa73e9d0ee107bb9bed919e6297a",class:"stzh-pagetitle__disturber",ref:t=>this.disturberElement=t},e("slot",{key:"89902de8265bc604db44feb9f7e6a1068253c495",name:"disturber"}))))))}get element(){return s(this)}};n.style=g;export{n as stzh_pagetitle};
+//# sourceMappingURL=p-f52e344a.entry.js.map

package/dist/stzh-components/{p-decc15e9.entry.js → p-f61e61e7.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as a,a as s,g as e}from"./p-ef5985a3.js";import{s as d}from"./p-87c329f2.js";import{c as o}from"./p-a62948ad.js";import{c as h}from"./p-f48422c4.js";import"./p-dae15605.js";const n=".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);--padding-bottom:var(--stzh-space-xxlarge);--padding-left:var(--stzh-space-large);--padding-right:var(--stzh-space-large);--width:100%;--backdrop-opacity:var(--stzh-dialog-backdrop-opacity);--backdrop-background-color:var(--stzh-dialog-backdrop-background-color)}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.sc-stzh-dialog-h{--padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--padding-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.sc-stzh-dialog-h{--padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--padding-right:var(--stzh-space-xxxlarge)}}@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}.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);padding-top:var(--padding-top);padding-left:var(--padding-left);padding-right:var(--padding-right)}@media screen and (min-width: 600px){.stzh-dialog__heading.sc-stzh-dialog{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-dialog__heading.sc-stzh-dialog{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-dialog__heading.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-dialog__dialog-content.sc-stzh-dialog{padding-left:var(--padding-left);padding-right:var(--padding-right);padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-large);overflow:auto;flex-grow:1}@media screen and (min-width: 600px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-dialog__actions.sc-stzh-dialog:not(:empty){padding:var(--stzh-space-medium) var(--padding-right) var(--padding-bottom) var(--padding-left)}.stzh-dialog__close-button.sc-stzh-dialog{position:absolute;top:var(--stzh-space-xsmall);right:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-dialog__close-button.sc-stzh-dialog{top:var(--stzh-space-large);right:var(--stzh-space-large)}}.stzh-dialog--is-open.sc-stzh-dialog{display:flex}";const l=n;const c="stzh-dialog-open";let r=null;let g=0;const p=class{constructor(a){i(this,a);this.stzhOpen=t(this,"stzhOpen",7);this.stzhClose=t(this,"stzhClose",7);this.handleDialogClick=i=>{const t=i.target;if(t.dataset.stzhDialogClose){this.hide()}else{const i=t.closest("[data-stzh-dialog-close]");if(i){this.hide()}}};this.handleCloseButtonClick=()=>{this.hide()};this.init=()=>{const i=this.element.querySelector('stzh-actions[slot="actions"]');if(i){d(i,{variant:"dialog"})}};this.localization=undefined;this.closeOnEscapeKey=false;this.closeOnBackdropClick=false;this.open=false;this.stay=true;this.size="default";this.hideClose=false;this.heading="";this.a11yRole="alertdialog";this.closeAnalyticsId=undefined}handleOutsideClick(i){if(!this.open||!this.closeOnBackdropClick){return}const t=i.target!==this.dialogElement&&this.dialogElement.contains(i.target)===false;if(t){this.hide()}}handleKeydown(i){if(i.key==="Escape"&&r===this&&this.closeOnEscapeKey){this.hide()}}handleOpenTriggerClick(i){const t=i.target;if(t.dataset.stzhDialogTrigger===this.element.id){this.show()}else{const i=t.closest("[data-stzh-dialog-trigger]");if(i&&i.dataset.stzhDialogTrigger===this.element.id){this.show()}}}async show(){this.open=true;this.stzhOpen.emit({component:"stzh-dialog"})}async hide(){this.open=false;this.stzhClose.emit({component:"stzh-dialog"})}getSiblings(){if(!this.parentElement){return[]}return Array.from(this.parentElement.children).filter((i=>i!==this.element))}disableSiblings(){this.getSiblings().forEach((i=>{i.setAttribute("aria-hidden","true")}))}enableSiblings(){this.getSiblings().forEach((i=>{i.removeAttribute("aria-hidden")}))}dialogShown(){r=this;document.body.classList.add(c);this.disableSiblings();if(this.trap){this.trap.activate()}}dialogHidden(){document.body.classList.remove(c);this.enableSiblings();if(this.trap){this.trap.deactivate()}r=null}async componentWillLoad(){this.id=`stzh-dialog-${g}`;g++;if(!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()));if(this.open){this.dialogShown()}}connectedCallback(){if(!this.stay&&this.element.parentElement!==document.body){document.body.appendChild(this.element)}this.parentElement=this.element.parentElement;this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){this.dialogHidden();if(this.observer){this.observer.disconnect()}}render(){return a(s,{key:"786e0ae3d592c6f8897406e0abfbfc4e26b23ba7"},a("div",{key:"3d1e432eca2f23eab02bc84c3afaa95a57746c9b",class:{"stzh-dialog":true,"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}},a("div",{key:"2a306c8f712762a8620e44a03f887da41a135b90",class:"stzh-dialog__backdrop"}),a("div",{key:"b5bffbb1a4d317a2b288ce688e9ca07fd336bbf3",class:"stzh-dialog__content"},a("div",{key:"af9be34c6caa163c1a5b4899263339268e0f9cce",class:"stzh-dialog__dialog",ref:i=>this.dialogElement=i,tabindex:"-1",role:this.a11yRole,"aria-hidden":this.open?"false":"true",onClick:this.handleDialogClick},a("stzh-heading",{key:"e8add93d5f6a29c67275eff6776cceb2def8c380",id:`${this.id}-heading`,class:"stzh-dialog__heading",level:"2"},this.heading?this.heading:"Title"),a("div",{key:"fadf8b91b07aacaabf0842363fd05e9b37f2e3d1",class:"stzh-dialog__dialog-content"},a("slot",{key:"493da9af1b49e8dbffd6b6e34e331c93823ffe0e"})),a("div",{key:"46432e678a5a3f36445402dcaf33b4692d2f1bee",class:"stzh-dialog__actions"},a("slot",{key:"e859d08618f28f062f21dcc1450fba189974e65a",name:"actions"})),!this.hideClose&&a("stzh-button",{key:"bfb6b624e10ce3a6412314fc5eac933ff7269cd1",class:"stzh-dialog__close-button",variant:"tertiary",size:"small",icon:"close",iconOnly:true,onClick:this.handleCloseButtonClick,a11yLabel:this.localization.close,analyticsId:this.closeAnalyticsId||this.localization.close})))))}get element(){return e(this)}};p.style=l;export{p as stzh_dialog};
-//# sourceMappingURL=p-decc15e9.entry.js.map
+import{r as i,c as t,h as a,a as s,g as d}from"./p-ef5985a3.js";import{s as e}from"./p-87c329f2.js";import{c as o}from"./p-a62948ad.js";import{c as h}from"./p-f48422c4.js";import"./p-dae15605.js";const n=".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);--padding-bottom:var(--stzh-space-xxlarge);--padding-left:var(--stzh-space-large);--padding-right:var(--stzh-space-large);--width:100%;--backdrop-opacity:var(--stzh-dialog-backdrop-opacity);--backdrop-background-color:var(--stzh-dialog-backdrop-background-color)}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.sc-stzh-dialog-h{--padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--padding-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.sc-stzh-dialog-h{--padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sc-stzh-dialog-h{--padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-dialog-h{--padding-right:var(--stzh-space-xxxlarge)}}@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}.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);padding-top:var(--padding-top);padding-left:var(--padding-left);padding-right:var(--padding-right)}@media screen and (min-width: 600px){.stzh-dialog__heading.sc-stzh-dialog{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-dialog__heading.sc-stzh-dialog{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-dialog__heading.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-dialog__dialog-content.sc-stzh-dialog{padding-left:var(--padding-left);padding-right:var(--padding-right);padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-large);overflow:auto;flex-grow:1}@media screen and (min-width: 600px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-dialog__dialog-content.sc-stzh-dialog{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-dialog__actions.sc-stzh-dialog:not(:empty){padding:var(--stzh-space-medium) var(--padding-right) var(--padding-bottom) var(--padding-left)}.stzh-dialog__close-button.sc-stzh-dialog{position:absolute;top:var(--stzh-space-xsmall);right:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-dialog__close-button.sc-stzh-dialog{top:var(--stzh-space-large);right:var(--stzh-space-large)}}.stzh-dialog--is-open.sc-stzh-dialog{display:flex}";const l=n;const c="stzh-dialog-open";let r=null;let g=0;const p=class{constructor(a){i(this,a);this.stzhOpen=t(this,"stzhOpen",7);this.stzhClose=t(this,"stzhClose",7);this.handleDialogClick=i=>{const t=i.target;if(t.dataset.stzhDialogClose){this.hide()}else{const i=t.closest("[data-stzh-dialog-close]");if(i){this.hide()}}};this.handleCloseButtonClick=()=>{this.hide()};this.init=()=>{const i=this.element.querySelector('stzh-actions[slot="actions"]');if(i){e(i,{variant:"dialog"})}};this.localization=undefined;this.closeOnEscapeKey=false;this.closeOnBackdropClick=false;this.open=false;this.stay=true;this.size="default";this.hideClose=false;this.heading="";this.a11yRole="alertdialog";this.closeAnalyticsId=undefined}handleOutsideClick(i){if(!this.open||!this.closeOnBackdropClick){return}const t=i.target!==this.dialogElement&&this.dialogElement.contains(i.target)===false;if(t){this.hide()}}handleKeydown(i){if(i.key==="Escape"&&r===this&&this.closeOnEscapeKey){this.hide()}}handleOpenTriggerClick(i){const t=i.target;if(t.dataset.stzhDialogTrigger===this.element.id){this.show()}else{const i=t.closest("[data-stzh-dialog-trigger]");if(i&&i.dataset.stzhDialogTrigger===this.element.id){this.show()}}}async show(){this.open=true;this.stzhOpen.emit({component:"stzh-dialog"})}async hide(){this.open=false;this.stzhClose.emit({component:"stzh-dialog"})}getSiblings(){if(!this.containerElement){return[]}return Array.from(this.containerElement.children).filter((i=>i!==this.element))}disableSiblings(){this.getSiblings().forEach((i=>{i.setAttribute("aria-hidden","true")}))}enableSiblings(){this.getSiblings().forEach((i=>{i.removeAttribute("aria-hidden")}))}dialogShown(){r=this;document.body.classList.add(c);this.disableSiblings();if(this.trap){this.trap.activate()}}dialogHidden(){document.body.classList.remove(c);this.enableSiblings();if(this.trap){this.trap.deactivate()}r=null}async componentWillLoad(){this.id=`stzh-dialog-${g}`;g++;if(!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()));if(this.open){this.dialogShown()}}connectedCallback(){if(!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:true,subtree:true})}disconnectedCallback(){this.dialogHidden();if(this.observer){this.observer.disconnect()}}render(){return a(s,{key:"80c4a5f1ff198ffc57ad003b1ecc94191e61e4ce"},a("div",{key:"90da322bcc2e511e889b2c307823a2894883d77a",class:{"stzh-dialog":true,"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}},a("div",{key:"40f75980e48c54b7add9f58b21f403df741ad0c8",class:"stzh-dialog__backdrop"}),a("div",{key:"3918ecd700af69e6faecd4aea069aa5458b09c0b",class:"stzh-dialog__content"},a("div",{key:"b4e451d98f0187bef0de13f68f5fb229aac1cb65",class:"stzh-dialog__dialog",ref:i=>this.dialogElement=i,tabindex:"-1",role:this.a11yRole,"aria-hidden":this.open?"false":"true",onClick:this.handleDialogClick},a("stzh-heading",{key:"28a6c7165701d4411d8bbcdca8b702b80f53bae6",id:`${this.id}-heading`,class:"stzh-dialog__heading",level:"2"},this.heading?this.heading:"Title"),a("div",{key:"100e036c24a5b1744dceda661d740563bedc1a9d",class:"stzh-dialog__dialog-content"},a("slot",{key:"4a58bb4166608fb49101eb3def4008bf0caf76eb"})),a("div",{key:"77f9e8e7c59aeb35ed562d9a1ba179071c142499",class:"stzh-dialog__actions"},a("slot",{key:"1065d137ee0f2df141dfaee50ef4699cf42eccd3",name:"actions"})),!this.hideClose&&a("stzh-button",{key:"8a77da3056076d419dcec314cb84b0ad8154d88d",class:"stzh-dialog__close-button",variant:"tertiary",size:"small",icon:"close",iconOnly:true,onClick:this.handleCloseButtonClick,a11yLabel:this.localization.close,analyticsId:this.closeAnalyticsId||this.localization.close})))))}get element(){return d(this)}};p.style=l;export{p as stzh_dialog};
+//# sourceMappingURL=p-f61e61e7.entry.js.map