@oiz/stzh-components 4.1.0 → 4.1.1-beta

package/dist/stzh-components/{p-2b35e2a8.entry.js → p-e2f24462.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a as s,c as i,F as n,g as o}from"./p-ef5985a3.js";import{h}from"./p-24caf6c1.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:"f52d1f090446d6864ce061d27f72e24aa7cd617e",role:"menu"},e("div",{key:"5c0517f443d7df38f3818091473e4c98810f99d2",class:"stzh-menu"},e("slot",{key:"3da8225dee55940ad699cc434bd0f7df51d4f5c0"})))}};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-color-black);--hover-background-color: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(n,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:"f87b78487189caeb8ba307b69866d39ed8243d7b",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 o(this)}};u.style=m;export{c as stzh_menu,u as stzh_menu_item};
-//# sourceMappingURL=p-2b35e2a8.entry.js.map
+import{r as t,h as e,a as s,c as i,F as n,g as o}from"./p-ef5985a3.js";import{h}from"./p-09b5eb01.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:"f52d1f090446d6864ce061d27f72e24aa7cd617e",role:"menu"},e("div",{key:"5c0517f443d7df38f3818091473e4c98810f99d2",class:"stzh-menu"},e("slot",{key:"3da8225dee55940ad699cc434bd0f7df51d4f5c0"})))}};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-color-black);--hover-background-color: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(n,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:"f87b78487189caeb8ba307b69866d39ed8243d7b",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 o(this)}};u.style=m;export{c as stzh_menu,u as stzh_menu_item};
+//# sourceMappingURL=p-e2f24462.entry.js.map

package/dist/stzh-components/{p-0d5b8b1e.entry.js → p-e63a6dce.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,a as o,g as h}from"./p-ef5985a3.js";import{h as i}from"./p-24caf6c1.js";import{c}from"./p-dae15605.js";import{S as r}from"./p-1e60797c.js";const n=".sc-stzh-checkboxgroup-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-checkboxgroup-h,[stzh-hidden].sc-stzh-checkboxgroup-h{display:none}.sc-stzh-checkboxgroup-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup,.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup::before,.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup::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-checkboxgroup-h .has-focus.sc-stzh-checkboxgroup{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-checkboxgroup-h .stzh-fylingfocus-focused.sc-stzh-checkboxgroup{outline-style:none !important}.sc-stzh-checkboxgroup-h .stzh-fylingfocus-focused.sc-stzh-checkboxgroup::-moz-focus-inner{border:0 !important}[disabled].sc-stzh-checkboxgroup-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-checkboxgroup.sc-stzh-checkboxgroup{margin:0;padding:0;border:none}.stzh-checkboxgroup__marker-symbol.sc-stzh-checkboxgroup{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-checkboxgroup__marker-text.sc-stzh-checkboxgroup{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-checkboxgroup__description-wrapper.sc-stzh-checkboxgroup{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup__description.sc-stzh-checkboxgroup{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-checkboxgroup__error.sc-stzh-checkboxgroup{color:var(--stzh-color-error60)}.stzh-checkboxgroup__error-list.sc-stzh-checkboxgroup{list-style:none;margin:0;padding:0}.stzh-checkboxgroup__description.sc-stzh-checkboxgroup{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-checkboxgroup__description-long.sc-stzh-checkboxgroup{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-checkboxgroup__description-long.sc-stzh-checkboxgroup{margin-top:0}}.stzh-checkboxgroup__description-long-popover.sc-stzh-checkboxgroup{--width:auto;--max-width:27.3125rem}.stzh-checkboxgroup__description-long-button.sc-stzh-checkboxgroup{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-checkboxgroup.sc-stzh-checkboxgroup stzh-icon.stzh-checkboxgroup__description-long-icon.sc-stzh-checkboxgroup{--size:var(--stzh-icon-size-xsmall)}.stzh-checkboxgroup--has-error.sc-stzh-checkboxgroup .stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup--has-description.sc-stzh-checkboxgroup .stzh-checkboxgroup__description.sc-stzh-checkboxgroup{margin-top:var(--stzh-space-xxxsmall)}.stzh-checkboxgroup__fields.sc-stzh-checkboxgroup{display:flex;align-items:flex-start;flex-direction:column;gap:var(--stzh-space-medium)}.stzh-checkboxgroup__legend.sc-stzh-checkboxgroup{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-heading-color);padding:0;margin-bottom:var(--stzh-space-xsmall)}.stzh-checkboxgroup--hide-legend.sc-stzh-checkboxgroup .stzh-checkboxgroup__legend.sc-stzh-checkboxgroup{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-checkboxgroup--direction-horizontal.sc-stzh-checkboxgroup .stzh-checkboxgroup__fields.sc-stzh-checkboxgroup{flex-wrap:wrap;flex-direction:row;row-gap:var(--stzh-space-medium);column-gap:var(--stzh-space-xxlarge)}";const a=n;let p=0;const d=class{constructor(s){t(this,s);this.stzhChange=e(this,"stzhChange",7);this._value=[];this._preventUpdateProperties=[];this.handleReset=async()=>{this.value=[...this.defaultValue]};this.init=()=>{this.checkboxes=Array.from(this.element.querySelectorAll("stzh-checkbox"));this.updateCheckboxesProperty("hide-optional",true);this.updateCheckboxesProperty("a11y-describedby",`${this.checkboxgroupId}-description`);this.updateCheckboxesProperty("invalid",this.invalid||this.errorUsed);this.watchValue(this.value);this.watchName(this.name);this.watchDisabled(this.disabled)};this.localization=undefined;this.disabled=false;this.name=undefined;this.legend=undefined;this.hideLegend=false;this.invalid=false;this.required=false;this.hideOptional=false;this.value="";this.defaultValue=[];this.direction="vertical";this.description=undefined;this.descriptionLong=undefined;this.descriptionLongTitle=undefined;this.error=undefined;this.checkedCheckbox=null;this.preventUpdateProperties=[]}watchName(t){this.updateCheckboxesProperty("name",t)}watchDisabled(t){this.updateCheckboxesProperty("disabled",t)}watchValue(t){if(typeof t==="string"){this._value=JSON.parse(t)}else{this._value=t}if(JSON.stringify(this._value)!==JSON.stringify(this.value)){this.value=this._value}this.updateCheckedCheckboxByValue(this._value)}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(e){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}preventUpdatePropertiesWatcher(t){if(typeof t==="string"){this._preventUpdateProperties=JSON.parse(t)}else{this._preventUpdateProperties=t}}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}onChange(t){if(t.detail.component==="stzh-checkbox"){if(t.detail.checked){this._value.push(t.detail.value)}else{this._value=this._value.filter((e=>e!==t.detail.value))}t.stopPropagation();this.value=this._value;this.stzhChange.emit({component:"stzh-checkboxgroup",value:this._value})}}get errorUsed(){var t;return i(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0}updateCheckboxesProperty(t,e){this.checkboxes.forEach((s=>{if(t==="disabled"){if(!s.disabled){s.disabled=e}}else if(t==="name"||this._preventUpdateProperties.indexOf(t)===-1){s[c(t)]=e}}))}updateCheckedCheckboxByValue(t){this.checkedCheckbox=this.checkboxes.filter((e=>t.indexOf(e.value)>-1));this.checkboxes.forEach((e=>e.checked=t.indexOf(e.value)>-1))}async componentWillLoad(){this.checkboxgroupId=`stzh-checkboxgroup-${p++}`;this.errorWatcher(this.error);this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"checkboxgroup")}}componentShouldUpdate(t,e,s){return s!=="checkedCheckbox"}componentDidRender(){this.init()}componentDidLoad(){this.defaultValue=this.defaultValue.length>0?this.defaultValue:[...this._value]}connectedCallback(){if(!this.value.length){this.checkboxes=Array.from(this.element.querySelectorAll("stzh-checkbox"));this.value=this.checkboxes.filter((t=>t.checked)).map((t=>t.value))}this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){var t;const e=i(this.element,"description")||!!this.description;const h=i(this.element,"description-long")||!!this.descriptionLong;const c={"stzh-checkboxgroup":true,"stzh-checkboxgroup--has-description":e,"stzh-checkboxgroup--has-description-long":h,"stzh-checkboxgroup--has-error":this.errorUsed,"stzh-checkboxgroup--is-disabled":this.disabled,"stzh-checkboxgroup--is-invalid":this.invalid||this.errorUsed,"stzh-checkboxgroup--hide-legend":this.hideLegend,[`stzh-checkboxgroup--direction-${this.direction}`]:!!this.direction};return s(o,{key:"0e485751bcc31c040111bd1f8649c663726942ff","is-invalid":this.invalid||this.errorUsed},s("fieldset",{key:"fbe71fa0ac390695fe774ac08e3931d03d77917b",class:c},this.legend&&s("legend",{key:"decefc6ab27fee0cd4e2cea873da9da5be7d5276",class:"stzh-checkboxgroup__legend"},this.legend,!this.hideOptional&&s("span",{key:"badc2fe85f711e66d1d109b0599b58456a53cc5b",class:"stzh-checkboxgroup__marker"},s("span",{key:"3bfa5a3a4df11d5dabc0dc70d2a14921e58a6638",class:"stzh-checkboxgroup__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),s("span",{key:"870b518410ad83fbb7ec94e31f5fa767a83be37b",class:"stzh-checkboxgroup__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),s("div",{key:"5dfb42fd3ab8f6a93239426a804f0bb6122db819",class:"stzh-checkboxgroup__fields"},s("slot",{key:"9ab0d85ab13658f1cfee016239a52787319b7447"})),(((t=this._error)===null||t===void 0?void 0:t.length)>0||this.description)&&s(r,{key:"c22bb7a040bea6b9b016597a8787816abb92a987",classPrefix:"stzh-checkboxgroup",id:`${this.checkboxgroupId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:h,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return h(this)}static get watchers(){return{name:["watchName"],disabled:["watchDisabled"],value:["watchValue"],error:["errorWatcher"],preventUpdateProperties:["preventUpdatePropertiesWatcher"]}}};d.style=a;export{d as stzh_checkboxgroup};
-//# sourceMappingURL=p-0d5b8b1e.entry.js.map
+import{r as t,c as e,h as s,a as o,g as h}from"./p-ef5985a3.js";import{h as i}from"./p-09b5eb01.js";import{c}from"./p-dae15605.js";import{S as r}from"./p-1e60797c.js";const n=".sc-stzh-checkboxgroup-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-checkboxgroup-h,[stzh-hidden].sc-stzh-checkboxgroup-h{display:none}.sc-stzh-checkboxgroup-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup,.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup::before,.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup::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-checkboxgroup-h .has-focus.sc-stzh-checkboxgroup{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-checkboxgroup-h .stzh-fylingfocus-focused.sc-stzh-checkboxgroup{outline-style:none !important}.sc-stzh-checkboxgroup-h .stzh-fylingfocus-focused.sc-stzh-checkboxgroup::-moz-focus-inner{border:0 !important}[disabled].sc-stzh-checkboxgroup-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-checkboxgroup.sc-stzh-checkboxgroup{margin:0;padding:0;border:none}.stzh-checkboxgroup__marker-symbol.sc-stzh-checkboxgroup{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-checkboxgroup__marker-text.sc-stzh-checkboxgroup{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-checkboxgroup__description-wrapper.sc-stzh-checkboxgroup{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup__description.sc-stzh-checkboxgroup{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-checkboxgroup__error.sc-stzh-checkboxgroup{color:var(--stzh-color-error60)}.stzh-checkboxgroup__error-list.sc-stzh-checkboxgroup{list-style:none;margin:0;padding:0}.stzh-checkboxgroup__description.sc-stzh-checkboxgroup{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-checkboxgroup__description-long.sc-stzh-checkboxgroup{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-checkboxgroup__description-long.sc-stzh-checkboxgroup{margin-top:0}}.stzh-checkboxgroup__description-long-popover.sc-stzh-checkboxgroup{--width:auto;--max-width:27.3125rem}.stzh-checkboxgroup__description-long-button.sc-stzh-checkboxgroup{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-checkboxgroup.sc-stzh-checkboxgroup stzh-icon.stzh-checkboxgroup__description-long-icon.sc-stzh-checkboxgroup{--size:var(--stzh-icon-size-xsmall)}.stzh-checkboxgroup--has-error.sc-stzh-checkboxgroup .stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup--has-description.sc-stzh-checkboxgroup .stzh-checkboxgroup__description.sc-stzh-checkboxgroup{margin-top:var(--stzh-space-xxxsmall)}.stzh-checkboxgroup__fields.sc-stzh-checkboxgroup{display:flex;align-items:flex-start;flex-direction:column;gap:var(--stzh-space-medium)}.stzh-checkboxgroup__legend.sc-stzh-checkboxgroup{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-heading-color);padding:0;margin-bottom:var(--stzh-space-xsmall)}.stzh-checkboxgroup--hide-legend.sc-stzh-checkboxgroup .stzh-checkboxgroup__legend.sc-stzh-checkboxgroup{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-checkboxgroup--direction-horizontal.sc-stzh-checkboxgroup .stzh-checkboxgroup__fields.sc-stzh-checkboxgroup{flex-wrap:wrap;flex-direction:row;row-gap:var(--stzh-space-medium);column-gap:var(--stzh-space-xxlarge)}";const a=n;let p=0;const d=class{constructor(s){t(this,s);this.stzhChange=e(this,"stzhChange",7);this._value=[];this._preventUpdateProperties=[];this.handleReset=async()=>{this.value=[...this.defaultValue]};this.init=()=>{this.checkboxes=Array.from(this.element.querySelectorAll("stzh-checkbox"));this.updateCheckboxesProperty("hide-optional",true);this.updateCheckboxesProperty("a11y-describedby",`${this.checkboxgroupId}-description`);this.updateCheckboxesProperty("invalid",this.invalid||this.errorUsed);this.watchValue(this.value);this.watchName(this.name);this.watchDisabled(this.disabled)};this.localization=undefined;this.disabled=false;this.name=undefined;this.legend=undefined;this.hideLegend=false;this.invalid=false;this.required=false;this.hideOptional=false;this.value="";this.defaultValue=[];this.direction="vertical";this.description=undefined;this.descriptionLong=undefined;this.descriptionLongTitle=undefined;this.error=undefined;this.checkedCheckbox=null;this.preventUpdateProperties=[]}watchName(t){this.updateCheckboxesProperty("name",t)}watchDisabled(t){this.updateCheckboxesProperty("disabled",t)}watchValue(t){if(typeof t==="string"){this._value=JSON.parse(t)}else{this._value=t}if(JSON.stringify(this._value)!==JSON.stringify(this.value)){this.value=this._value}this.updateCheckedCheckboxByValue(this._value)}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(e){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}preventUpdatePropertiesWatcher(t){if(typeof t==="string"){this._preventUpdateProperties=JSON.parse(t)}else{this._preventUpdateProperties=t}}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}onChange(t){if(t.detail.component==="stzh-checkbox"){if(t.detail.checked){this._value.push(t.detail.value)}else{this._value=this._value.filter((e=>e!==t.detail.value))}t.stopPropagation();this.value=this._value;this.stzhChange.emit({component:"stzh-checkboxgroup",value:this._value})}}get errorUsed(){var t;return i(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0}updateCheckboxesProperty(t,e){this.checkboxes.forEach((s=>{if(t==="disabled"){if(!s.disabled){s.disabled=e}}else if(t==="name"||this._preventUpdateProperties.indexOf(t)===-1){s[c(t)]=e}}))}updateCheckedCheckboxByValue(t){this.checkedCheckbox=this.checkboxes.filter((e=>t.indexOf(e.value)>-1));this.checkboxes.forEach((e=>e.checked=t.indexOf(e.value)>-1))}async componentWillLoad(){this.checkboxgroupId=`stzh-checkboxgroup-${p++}`;this.errorWatcher(this.error);this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"checkboxgroup")}}componentShouldUpdate(t,e,s){return s!=="checkedCheckbox"}componentDidRender(){this.init()}componentDidLoad(){this.defaultValue=this.defaultValue.length>0?this.defaultValue:[...this._value]}connectedCallback(){if(!this.value.length){this.checkboxes=Array.from(this.element.querySelectorAll("stzh-checkbox"));this.value=this.checkboxes.filter((t=>t.checked)).map((t=>t.value))}this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){var t;const e=i(this.element,"description")||!!this.description;const h=i(this.element,"description-long")||!!this.descriptionLong;const c={"stzh-checkboxgroup":true,"stzh-checkboxgroup--has-description":e,"stzh-checkboxgroup--has-description-long":h,"stzh-checkboxgroup--has-error":this.errorUsed,"stzh-checkboxgroup--is-disabled":this.disabled,"stzh-checkboxgroup--is-invalid":this.invalid||this.errorUsed,"stzh-checkboxgroup--hide-legend":this.hideLegend,[`stzh-checkboxgroup--direction-${this.direction}`]:!!this.direction};return s(o,{key:"0e485751bcc31c040111bd1f8649c663726942ff","is-invalid":this.invalid||this.errorUsed},s("fieldset",{key:"fbe71fa0ac390695fe774ac08e3931d03d77917b",class:c},this.legend&&s("legend",{key:"decefc6ab27fee0cd4e2cea873da9da5be7d5276",class:"stzh-checkboxgroup__legend"},this.legend,!this.hideOptional&&s("span",{key:"badc2fe85f711e66d1d109b0599b58456a53cc5b",class:"stzh-checkboxgroup__marker"},s("span",{key:"3bfa5a3a4df11d5dabc0dc70d2a14921e58a6638",class:"stzh-checkboxgroup__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),s("span",{key:"870b518410ad83fbb7ec94e31f5fa767a83be37b",class:"stzh-checkboxgroup__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),s("div",{key:"5dfb42fd3ab8f6a93239426a804f0bb6122db819",class:"stzh-checkboxgroup__fields"},s("slot",{key:"9ab0d85ab13658f1cfee016239a52787319b7447"})),(((t=this._error)===null||t===void 0?void 0:t.length)>0||this.description)&&s(r,{key:"c22bb7a040bea6b9b016597a8787816abb92a987",classPrefix:"stzh-checkboxgroup",id:`${this.checkboxgroupId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:h,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return h(this)}static get watchers(){return{name:["watchName"],disabled:["watchDisabled"],value:["watchValue"],error:["errorWatcher"],preventUpdateProperties:["preventUpdatePropertiesWatcher"]}}};d.style=a;export{d as stzh_checkboxgroup};
+//# sourceMappingURL=p-e63a6dce.entry.js.map

package/dist/stzh-components/{p-cb5740f3.entry.js → p-eccdd8b7.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,a as o,g as h}from"./p-ef5985a3.js";import{h as n}from"./p-24caf6c1.js";import{S as r}from"./p-1e60797c.js";import"./p-dae15605.js";const e=".sc-stzh-input-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-input-h,[stzh-hidden].sc-stzh-input-h{display:none}.sc-stzh-input-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-input-h *.sc-stzh-input,.sc-stzh-input-h *.sc-stzh-input::before,.sc-stzh-input-h *.sc-stzh-input::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-input-h .has-focus.sc-stzh-input{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-input-h .stzh-fylingfocus-focused.sc-stzh-input{outline-style:none !important}.sc-stzh-input-h .stzh-fylingfocus-focused.sc-stzh-input::-moz-focus-inner{border:0 !important}.sc-stzh-input-h{--text-align:left;--color:var(--stzh-input-color, var(--stzh-color-secondary60));--border-color:var(--stzh-color-grey70);--border-radius:var(--stzh-form-input-border-radius);--background-color:var(--stzh-color-white);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--height:var(--stzh-form-input-height);--input-width:100%;--label-color:var(--stzh-input-label-color, var(--stzh-color-primary));--placeholder-color:var(--stzh-color-grey70);--button-right-color:var(--stzh-color-grey80);--hover-color:var(--stzh-input-hover-color, var(--stzh-color-secondary60));--hover-border-color:var(--stzh-input-hover-border-color, var(--stzh-color-secondary50));--hover-background-color:var(--stzh-color-white);--hover-button-right-color:var(--stzh-color-primary70);--focus-color:var(--stzh-color-black);--focus-border-color:var(--stzh-color-secondary50);--focus-background-color:var(--stzh-color-secondary20);--focus-button-right-color:var(--stzh-color-primary70);--text-selection-background-color:var(--stzh-color-secondary30);width:100%}[type=hidden].sc-stzh-input-h{position:absolute;top:-624.9375rem;left:-624.9375rem;visibility:hidden}[size=small].sc-stzh-input-h{--height:var(--stzh-form-input-small-height)}[is-filled].sc-stzh-input-h:not([is-filled=false]){--button-right-color:var(--stzh-color-primary70);--hover-button-right-color:var(--stzh-color-primary70);--focus-button-right-color:var(--stzh-color-black)}[is-invalid].sc-stzh-input-h{--color:var(--stzh-color-error60);--border-color:var(--stzh-color-error60);--background-color:var(--stzh-color-white);--label-color:var(--stzh-color-error60);--placeholder-color:var(--stzh-color-error60);--button-right-color:var(--stzh-color-error60);--hover-color:var(--stzh-color-error60);--hover-border-color:var(--stzh-color-error60);--hover-background-color:var(--stzh-color-white);--hover-button-right-color:var(--stzh-color-error60);--focus-color:var(--stzh-color-error60);--focus-border-color:var(--stzh-color-error60);--focus-background-color:var(--stzh-color-white);--focus-button-right-color:var(--stzh-color-error60)}[readonly].sc-stzh-input-h:not([readonly=false]),[disabled].sc-stzh-input-h:not([disabled=false]){--color:var(--stzh-color-grey70);--border-color:var(--stzh-color-grey70);--background-color:var(--stzh-color-grey10);--label-color:var(--stzh-color-grey70);--placeholder-color:var(--stzh-color-grey70);--description-color:var(--stzh-color-grey70);--button-right-color:var(--stzh-color-grey70);--hover-color:var(--stzh-color-grey70);--hover-border-color:var(--stzh-color-grey70);--hover-background-color:var(--stzh-color-grey10);--hover-button-right-color:var(--stzh-color-grey70);--focus-color:var(--stzh-color-grey70);--focus-border-color:var(--stzh-color-grey70);--focus-background-color:var(--stzh-color-grey10);--focus-button-right-color:var(--stzh-color-grey70)}.sc-stzh-input-h:is(:has(.stzh-input__input:hover)){--button-right-color:var(--hover-button-right-color)}.sc-stzh-input-h:is(:has(.stzh-input__input:focus)){--button-right-color:var(--focus-button-right-color)}.sc-stzh-input-h.sc-stzh-input-s>[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right],.stzh-input__button-right.sc-stzh-input{position:absolute;top:0px;right:0px}.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>[slot=button-right] stzh-popover,.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right] stzh-popover{display:block}.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right][disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right][disabled]:not([disabled=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button,.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[disabled]:not([disabled=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button,.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[disabled]:not([disabled=false]),.stzh-input__button-right.sc-stzh-input,.stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false]){--color:var(--button-right-color);--background-color:transparent;--border-color:transparent;--hover-color:var(--button-right-color);--hover-background-color:transparent;--hover-border-color:transparent}.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right][size=default][icon-only]:not([icon-only=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right][size=default][icon-only]:not([icon-only=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.stzh-input__button-right[size=default][icon-only].sc-stzh-input:not([icon-only=false]){--icon-size:var(--stzh-icon-size-medium)}.stzh-input__marker-symbol.sc-stzh-input{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-input__marker-text.sc-stzh-input{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-input__description-wrapper.sc-stzh-input{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-input__error.sc-stzh-input,.stzh-input__description.sc-stzh-input{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-input__error.sc-stzh-input{color:var(--stzh-color-error60)}.stzh-input__error-list.sc-stzh-input{list-style:none;margin:0;padding:0}.stzh-input__description.sc-stzh-input{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-input__description-long.sc-stzh-input{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-input__description-long.sc-stzh-input{margin-top:0}}.stzh-input__description-long-popover.sc-stzh-input{--width:auto;--max-width:27.3125rem}.stzh-input__description-long-button.sc-stzh-input{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-input.sc-stzh-input stzh-icon.stzh-input__description-long-icon.sc-stzh-input{--size:var(--stzh-icon-size-xsmall)}.stzh-input--has-error.sc-stzh-input .stzh-input__error.sc-stzh-input,.stzh-input--has-description.sc-stzh-input .stzh-input__description.sc-stzh-input{margin-top:var(--stzh-space-xxxsmall)}.stzh-input.sc-stzh-input .sc-stzh-input::selection{background:var(--text-selection-background-color)}.stzh-input__field-wrapper.sc-stzh-input{position:relative;display:flex;width:var(--input-width)}.stzh-input__input.sc-stzh-input{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);border:0.125rem solid var(--border-color);transition-property:color, border-color, background-color;transition-duration:var(--stzh-base-transition-animation-speed);border-radius:var(--border-radius);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);margin:0;width:100%;color:var(--color);background-color:var(--background-color);appearance:none;text-align:var(--text-align)}.stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input:hover{color:var(--hover-color);border-color:var(--hover-border-color);background-color:var(--hover-background-color)}.stzh-input__input.sc-stzh-input:focus{color:var(--focus-color);border-color:var(--focus-border-color);background-color:var(--focus-background-color)}.stzh-input__input.sc-stzh-input:-webkit-autofill{background-clip:text}.stzh-input__input.sc-stzh-input:placeholder-shown{text-overflow:ellipsis}.stzh-input__input[type=search].sc-stzh-input::-webkit-search-decoration,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-cancel-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-decoration{-webkit-appearance:none}.stzh-input__input--input.sc-stzh-input{height:var(--height)}.stzh-input__input--textarea.sc-stzh-input{min-height:var(--height);resize:vertical}.stzh-input__label.sc-stzh-input{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;color:var(--label-color);width:auto;max-width:100%;margin-bottom:var(--stzh-space-xxxsmall)}.stzh-input__label.no-label-truncate.sc-stzh-input{text-overflow:clip;white-space:normal;overflow:visible}.stzh-input__label.sc-stzh-input:empty{display:none}.stzh-input__marker.sc-stzh-input{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-input--type-password.stzh-input--is-not-filled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-password.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-password.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-not-clearable.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-not-filled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right.sc-stzh-input{pointer-events:none}.stzh-input--has-button-right.sc-stzh-input .stzh-input__input.sc-stzh-input{padding-right:var(--height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-outer-spin-button,.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-inner-spin-button{appearance:none;margin:0}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input[type=number].sc-stzh-input{appearance:textfield}.stzh-input--has-label-hidden.sc-stzh-input .stzh-input__label.sc-stzh-input{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-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input{cursor:not-allowed}";const a=e;let c=0;const l=class{constructor(i){t(this,i);this.stzhChange=s(this,"stzhChange",7);this.stzhChanged=s(this,"stzhChanged",7);this.stzhFocus=s(this,"stzhFocus",7);this.stzhBlur=s(this,"stzhBlur",7);this.focusedByInput=false;this.onClearClick=async t=>{this.value="";this.input.focus();await this.waitForNextRender();this.stzhChange.emit({component:"stzh-input",originalEvent:t,value:this.value});this.stzhChanged.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onTogglePasswordVisibilityClick=async()=>{this.showPassword=!this.showPassword};this.handleReset=async()=>{this.value=this.defaultValue;this.input.value=this.defaultValue};this.onInput=t=>{this.value=this.input.value;this.stzhChange.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onChange=t=>{this.value=this.input.value;this.stzhChanged.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onRootFocus=()=>{if(!this.focusedByInput){this.input.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-input",originalEvent:t})};this.onBlur=t=>{this.input.value=this.input.value;const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-input",originalEvent:t})};this.localization=undefined;this.multiline=false;this.rows=undefined;this.type="text";this.step=1;this.min=undefined;this.max=undefined;this.showSpin=false;this.readonly=false;this.disabled=false;this.clearable=false;this.hideOptional=false;this.minlength=undefined;this.maxlength=undefined;this.name=undefined;this.value="";this.defaultValue="";this.description=undefined;this.descriptionLong=undefined;this.descriptionLongTitle=undefined;this.error=undefined;this.invalid=false;this.required=false;this.inputmode=undefined;this.autocomplete="on";this.noAutocomplete=false;this.label="";this.noLabelTruncate=false;this.labelHidden=false;this.size="default";this.a11yDescribedby="";this.filled=undefined;this.showPassword=undefined}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}valueWatcher(t){this.filled=t!==""}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}typeWatcher(t){const s=["text","search","password","email","url","tel","number","hidden"];if(!this.multiline&&!s.includes(t)){throw new Error(`Type ${t} not supported`)}}waitForNextRender(){return new Promise((t=>this.renderPromiseResolve=t))}renderTextarea(){return i("textarea",{class:"stzh-input__input stzh-input__input--textarea",ref:t=>this.input=t,id:this.inputId,name:this.name,value:this.value,rows:this.rows,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onChange:this.onChange,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})}renderInput(){return i("input",{class:"stzh-input__input stzh-input__input--input",ref:t=>this.input=t,id:this.inputId,type:this.showPassword?"text":this.type,name:this.name,value:this.value,defaultValue:this.defaultValue,min:this.min,max:this.max,step:this.step,inputmode:this.inputmode,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.noAutocomplete?"off":this.autocomplete,"aria-autocomplete":this.noAutocomplete?"none":undefined,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onChange:this.onChange,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})}componentDidRender(){if(this.renderPromiseResolve){this.renderPromiseResolve()}}async componentWillLoad(){this.inputId=`stzh-input-${c++}`;this.typeWatcher(this.type);this.valueWatcher(this.value);this.errorWatcher(this.error);this.defaultValue=this.defaultValue||this.value;if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"input")}}render(){var t,s;const h=n(this.element,"button-right");const e=n(this.element,"description")||!!this.description;const a=n(this.element,"description-long")||!!this.descriptionLong;const c=n(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const l={"stzh-input":true,"stzh-input--has-button-right":h||this.type==="search"||this.clearable&&this.filled&&!this.readonly&&!this.disabled,"stzh-input--has-description":e,"stzh-input--has-description-long":a,"stzh-input--has-error":c,"stzh-input--has-spin":this.showSpin,"stzh-input--is-invalid":this.invalid||c,"stzh-input--is-disabled":this.disabled,"stzh-input--is-readonly":this.readonly,"stzh-input--is-required":this.required,"stzh-input--is-filled":this.filled,"stzh-input--is-not-filled":!this.filled,"stzh-input--is-clearable":this.clearable,"stzh-input--is-not-clearable":!this.clearable,"stzh-input--has-label-hidden":this.labelHidden,[`stzh-input--size-${this.size}`]:!!this.size,[`stzh-input--type-${this.type}`]:!!this.type};return i(o,{key:"dda8e268c30240e37cba2603f6ed3a19e14eb38a","is-invalid":this.invalid||c,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus,"is-filled":this.filled},i("div",{key:"d4f3498d689ca11c04b4583f8068f4f8501aef5a",class:l},i("label",{key:"7eae593d605067c5ccd4a86ad2c869d32dd3ee3b",class:{"stzh-input__label":true,"no-label-truncate":this.noLabelTruncate},htmlFor:this.inputId},this.label?this.label:i("slot",null),!this.hideOptional&&i("span",{key:"b9938f8c1d62a317446f614296cc5c0427c5fac0",class:"stzh-input__marker"},i("span",{key:"bf7d8fd8fc508c6a506f084f8c33dc09dd21a58d",class:"stzh-input__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{key:"20c7c07580f82c3878d6d9611d68c470dd7cab98",class:"stzh-input__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),i("div",{key:"2acfa27fb16d30df9be70a93d3bd3379c2816c4f",class:"stzh-input__field-wrapper"},this.multiline?this.renderTextarea():this.renderInput(),this.clearable||this.type==="search"||this.type==="password"?(!this.clearable||this.disabled||this.readonly||!this.filled)&&(this.type==="search"||this.type==="password")?i("stzh-button",{class:"stzh-input__button-right",icon:this.type==="search"?"search":"view",size:this.size,iconOnly:true,onClick:this.onTogglePasswordVisibilityClick,disabled:this.disabled||this.readonly}):this.filled?i("stzh-button",{class:"stzh-input__button-right",icon:"close",size:this.size,iconOnly:true,onClick:this.onClearClick,a11yLabel:this.localization.$globals.clearButtonLabel,"aria-controls":this.inputId}):i("slot",{name:"button-right"}):i("slot",{name:"button-right"})),(((s=this._error)===null||s===void 0?void 0:s.length)>0||this.description)&&i(r,{key:"7876ce14685886fc003d9a9a2e90d2776a3c58b2",classPrefix:"stzh-input",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:a,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return h(this)}static get watchers(){return{value:["valueWatcher"],error:["errorWatcher"],type:["typeWatcher"]}}};l.style=a;export{l as stzh_input};
-//# sourceMappingURL=p-cb5740f3.entry.js.map
+import{r as t,c as s,h as i,a as o,g as h}from"./p-ef5985a3.js";import{h as n}from"./p-09b5eb01.js";import{S as r}from"./p-1e60797c.js";import"./p-dae15605.js";const e=".sc-stzh-input-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-input-h,[stzh-hidden].sc-stzh-input-h{display:none}.sc-stzh-input-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-input-h *.sc-stzh-input,.sc-stzh-input-h *.sc-stzh-input::before,.sc-stzh-input-h *.sc-stzh-input::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-input-h .has-focus.sc-stzh-input{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-input-h .stzh-fylingfocus-focused.sc-stzh-input{outline-style:none !important}.sc-stzh-input-h .stzh-fylingfocus-focused.sc-stzh-input::-moz-focus-inner{border:0 !important}.sc-stzh-input-h{--text-align:left;--color:var(--stzh-input-color, var(--stzh-color-secondary60));--border-color:var(--stzh-color-grey70);--border-radius:var(--stzh-form-input-border-radius);--background-color:var(--stzh-color-white);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--height:var(--stzh-form-input-height);--input-width:100%;--label-color:var(--stzh-input-label-color, var(--stzh-color-primary));--placeholder-color:var(--stzh-color-grey70);--button-right-color:var(--stzh-color-grey80);--hover-color:var(--stzh-input-hover-color, var(--stzh-color-secondary60));--hover-border-color:var(--stzh-input-hover-border-color, var(--stzh-color-secondary50));--hover-background-color:var(--stzh-color-white);--hover-button-right-color:var(--stzh-color-primary70);--focus-color:var(--stzh-color-black);--focus-border-color:var(--stzh-color-secondary50);--focus-background-color:var(--stzh-color-secondary20);--focus-button-right-color:var(--stzh-color-primary70);--text-selection-background-color:var(--stzh-color-secondary30);width:100%}[type=hidden].sc-stzh-input-h{position:absolute;top:-624.9375rem;left:-624.9375rem;visibility:hidden}[size=small].sc-stzh-input-h{--height:var(--stzh-form-input-small-height)}[is-filled].sc-stzh-input-h:not([is-filled=false]){--button-right-color:var(--stzh-color-primary70);--hover-button-right-color:var(--stzh-color-primary70);--focus-button-right-color:var(--stzh-color-black)}[is-invalid].sc-stzh-input-h{--color:var(--stzh-color-error60);--border-color:var(--stzh-color-error60);--background-color:var(--stzh-color-white);--label-color:var(--stzh-color-error60);--placeholder-color:var(--stzh-color-error60);--button-right-color:var(--stzh-color-error60);--hover-color:var(--stzh-color-error60);--hover-border-color:var(--stzh-color-error60);--hover-background-color:var(--stzh-color-white);--hover-button-right-color:var(--stzh-color-error60);--focus-color:var(--stzh-color-error60);--focus-border-color:var(--stzh-color-error60);--focus-background-color:var(--stzh-color-white);--focus-button-right-color:var(--stzh-color-error60)}[readonly].sc-stzh-input-h:not([readonly=false]),[disabled].sc-stzh-input-h:not([disabled=false]){--color:var(--stzh-color-grey70);--border-color:var(--stzh-color-grey70);--background-color:var(--stzh-color-grey10);--label-color:var(--stzh-color-grey70);--placeholder-color:var(--stzh-color-grey70);--description-color:var(--stzh-color-grey70);--button-right-color:var(--stzh-color-grey70);--hover-color:var(--stzh-color-grey70);--hover-border-color:var(--stzh-color-grey70);--hover-background-color:var(--stzh-color-grey10);--hover-button-right-color:var(--stzh-color-grey70);--focus-color:var(--stzh-color-grey70);--focus-border-color:var(--stzh-color-grey70);--focus-background-color:var(--stzh-color-grey10);--focus-button-right-color:var(--stzh-color-grey70)}.sc-stzh-input-h:is(:has(.stzh-input__input:hover)){--button-right-color:var(--hover-button-right-color)}.sc-stzh-input-h:is(:has(.stzh-input__input:focus)){--button-right-color:var(--focus-button-right-color)}.sc-stzh-input-h.sc-stzh-input-s>[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right],.stzh-input__button-right.sc-stzh-input{position:absolute;top:0px;right:0px}.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>[slot=button-right] stzh-popover,.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right] stzh-popover{display:block}.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right][disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right][disabled]:not([disabled=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button,.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[disabled]:not([disabled=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button,.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[disabled]:not([disabled=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[disabled]:not([disabled=false]),.stzh-input__button-right.sc-stzh-input,.stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false]){--color:var(--button-right-color);--background-color:transparent;--border-color:transparent;--hover-color:var(--button-right-color);--hover-background-color:transparent;--hover-border-color:transparent}.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-button[slot=button-right][size=default][icon-only]:not([icon-only=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right][size=default][icon-only]:not([icon-only=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right],.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-popover[slot=button-right] .stzh-popover__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button,.sc-stzh-input-h.sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.sc-stzh-input-h .sc-stzh-input-s>stzh-tooltip[slot=button-right] .stzh-tooltip__trigger stzh-button[icon-only][size=default]:not([icon-only=false]),.stzh-input__button-right[size=default][icon-only].sc-stzh-input:not([icon-only=false]){--icon-size:var(--stzh-icon-size-medium)}.stzh-input__marker-symbol.sc-stzh-input{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-input__marker-text.sc-stzh-input{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-input__description-wrapper.sc-stzh-input{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-input__error.sc-stzh-input,.stzh-input__description.sc-stzh-input{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-input__error.sc-stzh-input{color:var(--stzh-color-error60)}.stzh-input__error-list.sc-stzh-input{list-style:none;margin:0;padding:0}.stzh-input__description.sc-stzh-input{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-input__description-long.sc-stzh-input{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-input__description-long.sc-stzh-input{margin-top:0}}.stzh-input__description-long-popover.sc-stzh-input{--width:auto;--max-width:27.3125rem}.stzh-input__description-long-button.sc-stzh-input{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-input.sc-stzh-input stzh-icon.stzh-input__description-long-icon.sc-stzh-input{--size:var(--stzh-icon-size-xsmall)}.stzh-input--has-error.sc-stzh-input .stzh-input__error.sc-stzh-input,.stzh-input--has-description.sc-stzh-input .stzh-input__description.sc-stzh-input{margin-top:var(--stzh-space-xxxsmall)}.stzh-input.sc-stzh-input .sc-stzh-input::selection{background:var(--text-selection-background-color)}.stzh-input__field-wrapper.sc-stzh-input{position:relative;display:flex;width:var(--input-width)}.stzh-input__input.sc-stzh-input{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);border:0.125rem solid var(--border-color);transition-property:color, border-color, background-color;transition-duration:var(--stzh-base-transition-animation-speed);border-radius:var(--border-radius);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);margin:0;width:100%;color:var(--color);background-color:var(--background-color);appearance:none;text-align:var(--text-align)}.stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--placeholder-color)}.stzh-input__input.sc-stzh-input:hover{color:var(--hover-color);border-color:var(--hover-border-color);background-color:var(--hover-background-color)}.stzh-input__input.sc-stzh-input:focus{color:var(--focus-color);border-color:var(--focus-border-color);background-color:var(--focus-background-color)}.stzh-input__input.sc-stzh-input:-webkit-autofill{background-clip:text}.stzh-input__input.sc-stzh-input:placeholder-shown{text-overflow:ellipsis}.stzh-input__input[type=search].sc-stzh-input::-webkit-search-decoration,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-cancel-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-decoration{-webkit-appearance:none}.stzh-input__input--input.sc-stzh-input{height:var(--height)}.stzh-input__input--textarea.sc-stzh-input{min-height:var(--height);resize:vertical}.stzh-input__label.sc-stzh-input{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;color:var(--label-color);width:auto;max-width:100%;margin-bottom:var(--stzh-space-xxxsmall)}.stzh-input__label.no-label-truncate.sc-stzh-input{text-overflow:clip;white-space:normal;overflow:visible}.stzh-input__label.sc-stzh-input:empty{display:none}.stzh-input__marker.sc-stzh-input{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-input--type-password.stzh-input--is-not-filled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-password.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-password.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-not-clearable.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-not-filled.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right.sc-stzh-input{pointer-events:none}.stzh-input--has-button-right.sc-stzh-input .stzh-input__input.sc-stzh-input{padding-right:var(--height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-outer-spin-button,.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-inner-spin-button{appearance:none;margin:0}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input[type=number].sc-stzh-input{appearance:textfield}.stzh-input--has-label-hidden.sc-stzh-input .stzh-input__label.sc-stzh-input{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-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input{cursor:not-allowed}";const a=e;let c=0;const l=class{constructor(i){t(this,i);this.stzhChange=s(this,"stzhChange",7);this.stzhChanged=s(this,"stzhChanged",7);this.stzhFocus=s(this,"stzhFocus",7);this.stzhBlur=s(this,"stzhBlur",7);this.focusedByInput=false;this.onClearClick=async t=>{this.value="";this.input.focus();await this.waitForNextRender();this.stzhChange.emit({component:"stzh-input",originalEvent:t,value:this.value});this.stzhChanged.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onTogglePasswordVisibilityClick=async()=>{this.showPassword=!this.showPassword};this.handleReset=async()=>{this.value=this.defaultValue;this.input.value=this.defaultValue};this.onInput=t=>{this.value=this.input.value;this.stzhChange.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onChange=t=>{this.value=this.input.value;this.stzhChanged.emit({component:"stzh-input",originalEvent:t,value:this.value})};this.onRootFocus=()=>{if(!this.focusedByInput){this.input.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-input",originalEvent:t})};this.onBlur=t=>{this.input.value=this.input.value;const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-input",originalEvent:t})};this.localization=undefined;this.multiline=false;this.rows=undefined;this.type="text";this.step=1;this.min=undefined;this.max=undefined;this.showSpin=false;this.readonly=false;this.disabled=false;this.clearable=false;this.hideOptional=false;this.minlength=undefined;this.maxlength=undefined;this.name=undefined;this.value="";this.defaultValue="";this.description=undefined;this.descriptionLong=undefined;this.descriptionLongTitle=undefined;this.error=undefined;this.invalid=false;this.required=false;this.inputmode=undefined;this.autocomplete="on";this.noAutocomplete=false;this.label="";this.noLabelTruncate=false;this.labelHidden=false;this.size="default";this.a11yDescribedby="";this.filled=undefined;this.showPassword=undefined}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}valueWatcher(t){this.filled=t!==""}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}typeWatcher(t){const s=["text","search","password","email","url","tel","number","hidden"];if(!this.multiline&&!s.includes(t)){throw new Error(`Type ${t} not supported`)}}waitForNextRender(){return new Promise((t=>this.renderPromiseResolve=t))}renderTextarea(){return i("textarea",{class:"stzh-input__input stzh-input__input--textarea",ref:t=>this.input=t,id:this.inputId,name:this.name,value:this.value,rows:this.rows,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onChange:this.onChange,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})}renderInput(){return i("input",{class:"stzh-input__input stzh-input__input--input",ref:t=>this.input=t,id:this.inputId,type:this.showPassword?"text":this.type,name:this.name,value:this.value,defaultValue:this.defaultValue,min:this.min,max:this.max,step:this.step,inputmode:this.inputmode,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.noAutocomplete?"off":this.autocomplete,"aria-autocomplete":this.noAutocomplete?"none":undefined,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onChange:this.onChange,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})}componentDidRender(){if(this.renderPromiseResolve){this.renderPromiseResolve()}}async componentWillLoad(){this.inputId=`stzh-input-${c++}`;this.typeWatcher(this.type);this.valueWatcher(this.value);this.errorWatcher(this.error);this.defaultValue=this.defaultValue||this.value;if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"input")}}render(){var t,s;const h=n(this.element,"button-right");const e=n(this.element,"description")||!!this.description;const a=n(this.element,"description-long")||!!this.descriptionLong;const c=n(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const l={"stzh-input":true,"stzh-input--has-button-right":h||this.type==="search"||this.clearable&&this.filled&&!this.readonly&&!this.disabled,"stzh-input--has-description":e,"stzh-input--has-description-long":a,"stzh-input--has-error":c,"stzh-input--has-spin":this.showSpin,"stzh-input--is-invalid":this.invalid||c,"stzh-input--is-disabled":this.disabled,"stzh-input--is-readonly":this.readonly,"stzh-input--is-required":this.required,"stzh-input--is-filled":this.filled,"stzh-input--is-not-filled":!this.filled,"stzh-input--is-clearable":this.clearable,"stzh-input--is-not-clearable":!this.clearable,"stzh-input--has-label-hidden":this.labelHidden,[`stzh-input--size-${this.size}`]:!!this.size,[`stzh-input--type-${this.type}`]:!!this.type};return i(o,{key:"dda8e268c30240e37cba2603f6ed3a19e14eb38a","is-invalid":this.invalid||c,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus,"is-filled":this.filled},i("div",{key:"d4f3498d689ca11c04b4583f8068f4f8501aef5a",class:l},i("label",{key:"7eae593d605067c5ccd4a86ad2c869d32dd3ee3b",class:{"stzh-input__label":true,"no-label-truncate":this.noLabelTruncate},htmlFor:this.inputId},this.label?this.label:i("slot",null),!this.hideOptional&&i("span",{key:"b9938f8c1d62a317446f614296cc5c0427c5fac0",class:"stzh-input__marker"},i("span",{key:"bf7d8fd8fc508c6a506f084f8c33dc09dd21a58d",class:"stzh-input__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{key:"20c7c07580f82c3878d6d9611d68c470dd7cab98",class:"stzh-input__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),i("div",{key:"2acfa27fb16d30df9be70a93d3bd3379c2816c4f",class:"stzh-input__field-wrapper"},this.multiline?this.renderTextarea():this.renderInput(),this.clearable||this.type==="search"||this.type==="password"?(!this.clearable||this.disabled||this.readonly||!this.filled)&&(this.type==="search"||this.type==="password")?i("stzh-button",{class:"stzh-input__button-right",icon:this.type==="search"?"search":"view",size:this.size,iconOnly:true,onClick:this.onTogglePasswordVisibilityClick,disabled:this.disabled||this.readonly}):this.filled?i("stzh-button",{class:"stzh-input__button-right",icon:"close",size:this.size,iconOnly:true,onClick:this.onClearClick,a11yLabel:this.localization.$globals.clearButtonLabel,"aria-controls":this.inputId}):i("slot",{name:"button-right"}):i("slot",{name:"button-right"})),(((s=this._error)===null||s===void 0?void 0:s.length)>0||this.description)&&i(r,{key:"7876ce14685886fc003d9a9a2e90d2776a3c58b2",classPrefix:"stzh-input",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:a,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return h(this)}static get watchers(){return{value:["valueWatcher"],error:["errorWatcher"],type:["typeWatcher"]}}};l.style=a;export{l as stzh_input};
+//# sourceMappingURL=p-eccdd8b7.entry.js.map

package/dist/stzh-components/{p-37ada736.entry.js → p-ee83fbac.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a as s,g as i}from"./p-ef5985a3.js";import{h as r}from"./p-24caf6c1.js";import"./p-dae15605.js";const a=".sc-stzh-figure-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-figure-h,[stzh-hidden].sc-stzh-figure-h{display:none}.sc-stzh-figure-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-figure-h *.sc-stzh-figure,.sc-stzh-figure-h *.sc-stzh-figure::before,.sc-stzh-figure-h *.sc-stzh-figure::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-figure-h .has-focus.sc-stzh-figure{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-figure-h .stzh-fylingfocus-focused.sc-stzh-figure{outline-style:none !important}.sc-stzh-figure-h .stzh-fylingfocus-focused.sc-stzh-figure::-moz-focus-inner{border:0 !important}.sc-stzh-figure-h{--caption-opacity:1}.sc-stzh-figure-h.sc-stzh-figure-s>*,.sc-stzh-figure-h .sc-stzh-figure-s>*{max-width:100%}.sc-stzh-figure-h[fullwidth]:not([fullwidth=false]).sc-stzh-figure-s>:not(map),.sc-stzh-figure-h[fullwidth]:not([fullwidth=false]) .sc-stzh-figure-s>:not(map){width:100%}.stzh-figure.sc-stzh-figure{display:flex;flex-direction:column;margin:0}.stzh-figure__element.sc-stzh-figure{display:flex}@media print{.stzh-figure__element.sc-stzh-figure{page-break-inside:avoid;break-inside:avoid}}.stzh-figure__caption-wrapper.sc-stzh-figure{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));display:flex;flex-direction:column;opacity:var(--caption-opacity);transition:opacity var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 900px){.stzh-figure__caption-wrapper.sc-stzh-figure{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-figure__heading-wrapper.sc-stzh-figure{display:flow-root}.stzh-figure__counter.sc-stzh-figure{float:left;color:var(--stzh-color-secondary60)}.stzh-figure__counter.sc-stzh-figure:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-figure__counter.sc-stzh-figure,.stzh-figure__heading.sc-stzh-figure{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);display:block}.stzh-figure__copyright.sc-stzh-figure{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-grey80)}.stzh-figure__copyright.sc-stzh-figure:not(:empty){margin-top:var(--stzh-space-xxsmall)}.stzh-figure--has-caption.sc-stzh-figure .stzh-figure__caption-wrapper.sc-stzh-figure{margin-top:var(--stzh-space-small)}";const h=a;const o=class{constructor(e){t(this,e);this.caption="";this.copyright="";this.counter="";this.heading="";this.fullwidth=true}render(){const t=r(this.element,"caption");const i=r(this.element,"copyright");const a=r(this.element,"counter");const h=r(this.element,"heading");const o={"stzh-figure":true,"stzh-figure--has-caption":!!this.caption||t||!!this.copyright||i||!!this.counter||a||!!this.heading||h};return e(s,{key:"08bc5f24cc257be1c8f100eb3372335c5faedbad"},e("figure",{key:"3595593d7169ad05fc0623249a17ac76bae9685d",class:o},e("div",{key:"4d8a97976e12743f68c10579dbb3f7a262576871",class:"stzh-figure__element"},e("slot",{key:"73c1af17da05a1f0df277b29a197edf9cee2a445"})),e("figcaption",{key:"ba755495a299a1e9d0cd0dcf73b9462861d51591",class:"stzh-figure__caption-wrapper"},e("div",{key:"d6ed245d9ca520a759971073f74093905210ad38",class:"stzh-figure__heading-wrapper"},e("div",{key:"c218975101fae72457a9dee4af1349aa41777fff",class:"stzh-figure__counter"},this.counter?this.counter:e("slot",{name:"counter"})),e("div",{key:"3213343126e432e5e24dc84e97796b8d2862f65d",class:"stzh-figure__heading"},this.heading?this.heading:e("slot",{name:"heading"}))),e("div",{key:"0cb3f8f3ece91da8ccfd1be20c8b7c16e518fa2d",class:"stzh-figure__caption"},e("div",{key:"d67b6b2312e26dcd3aaba062b07f316d76bb8a3f",class:"stzh-figure__caption-text"},this.caption?this.caption:e("slot",{name:"caption"})),e("div",{key:"2baa4cbf7e561b5088c6a7d42bb1046376ac1010",class:"stzh-figure__copyright"},this.copyright?this.copyright:e("slot",{name:"copyright"}))))))}get element(){return i(this)}};o.style=h;export{o as stzh_figure};
-//# sourceMappingURL=p-37ada736.entry.js.map
+import{r as t,h as e,a as s,g as i}from"./p-ef5985a3.js";import{h as r}from"./p-09b5eb01.js";import"./p-dae15605.js";const a=".sc-stzh-figure-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-figure-h,[stzh-hidden].sc-stzh-figure-h{display:none}.sc-stzh-figure-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-figure-h *.sc-stzh-figure,.sc-stzh-figure-h *.sc-stzh-figure::before,.sc-stzh-figure-h *.sc-stzh-figure::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-figure-h .has-focus.sc-stzh-figure{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-figure-h .stzh-fylingfocus-focused.sc-stzh-figure{outline-style:none !important}.sc-stzh-figure-h .stzh-fylingfocus-focused.sc-stzh-figure::-moz-focus-inner{border:0 !important}.sc-stzh-figure-h{--caption-opacity:1}.sc-stzh-figure-h.sc-stzh-figure-s>*,.sc-stzh-figure-h .sc-stzh-figure-s>*{max-width:100%}.sc-stzh-figure-h[fullwidth]:not([fullwidth=false]).sc-stzh-figure-s>:not(map),.sc-stzh-figure-h[fullwidth]:not([fullwidth=false]) .sc-stzh-figure-s>:not(map){width:100%}.stzh-figure.sc-stzh-figure{display:flex;flex-direction:column;margin:0}.stzh-figure__element.sc-stzh-figure{display:flex}@media print{.stzh-figure__element.sc-stzh-figure{page-break-inside:avoid;break-inside:avoid}}.stzh-figure__caption-wrapper.sc-stzh-figure{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));display:flex;flex-direction:column;opacity:var(--caption-opacity);transition:opacity var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 900px){.stzh-figure__caption-wrapper.sc-stzh-figure{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-figure__heading-wrapper.sc-stzh-figure{display:flow-root}.stzh-figure__counter.sc-stzh-figure{float:left;color:var(--stzh-color-secondary60)}.stzh-figure__counter.sc-stzh-figure:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-figure__counter.sc-stzh-figure,.stzh-figure__heading.sc-stzh-figure{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);display:block}.stzh-figure__copyright.sc-stzh-figure{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-grey80)}.stzh-figure__copyright.sc-stzh-figure:not(:empty){margin-top:var(--stzh-space-xxsmall)}.stzh-figure--has-caption.sc-stzh-figure .stzh-figure__caption-wrapper.sc-stzh-figure{margin-top:var(--stzh-space-small)}";const h=a;const o=class{constructor(e){t(this,e);this.caption="";this.copyright="";this.counter="";this.heading="";this.fullwidth=true}render(){const t=r(this.element,"caption");const i=r(this.element,"copyright");const a=r(this.element,"counter");const h=r(this.element,"heading");const o={"stzh-figure":true,"stzh-figure--has-caption":!!this.caption||t||!!this.copyright||i||!!this.counter||a||!!this.heading||h};return e(s,{key:"08bc5f24cc257be1c8f100eb3372335c5faedbad"},e("figure",{key:"3595593d7169ad05fc0623249a17ac76bae9685d",class:o},e("div",{key:"4d8a97976e12743f68c10579dbb3f7a262576871",class:"stzh-figure__element"},e("slot",{key:"73c1af17da05a1f0df277b29a197edf9cee2a445"})),e("figcaption",{key:"ba755495a299a1e9d0cd0dcf73b9462861d51591",class:"stzh-figure__caption-wrapper"},e("div",{key:"d6ed245d9ca520a759971073f74093905210ad38",class:"stzh-figure__heading-wrapper"},e("div",{key:"c218975101fae72457a9dee4af1349aa41777fff",class:"stzh-figure__counter"},this.counter?this.counter:e("slot",{name:"counter"})),e("div",{key:"3213343126e432e5e24dc84e97796b8d2862f65d",class:"stzh-figure__heading"},this.heading?this.heading:e("slot",{name:"heading"}))),e("div",{key:"0cb3f8f3ece91da8ccfd1be20c8b7c16e518fa2d",class:"stzh-figure__caption"},e("div",{key:"d67b6b2312e26dcd3aaba062b07f316d76bb8a3f",class:"stzh-figure__caption-text"},this.caption?this.caption:e("slot",{name:"caption"})),e("div",{key:"2baa4cbf7e561b5088c6a7d42bb1046376ac1010",class:"stzh-figure__copyright"},this.copyright?this.copyright:e("slot",{name:"copyright"}))))))}get element(){return i(this)}};o.style=h;export{o as stzh_figure};
+//# sourceMappingURL=p-ee83fbac.entry.js.map

package/dist/stzh-components/{p-f4122c15.entry.js → p-ef2e8303.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,f as s,a,g as r}from"./p-ef5985a3.js";import{s as i,h as o}from"./p-24caf6c1.js";import"./p-dae15605.js";const n=':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{--row-gap:var(--stzh-space-medium);--grid-template-areas:var(\n    --stzh-twocolumns-grid-template-areas,\n    "left left left left"\n    "right right right right"\n  );--grid-template-columns:var(\n    --stzh-twocolumns-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host{--grid-template-areas:var(\n      --stzh-twocolumns-grid-template-areas,\n      "left left left left right right right right"\n    );--grid-template-columns:var(\n      --stzh-twocolumns-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){:host{--grid-template-areas:var(\n      --stzh-twocolumns-grid-template-areas,\n      "left left left left right right right right"\n    )}}.stzh-twocolumns{column-gap:var(--stzh-grid-gutter);display:grid;row-gap:var(--row-gap);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);--stzh-textandimage-grid-template-areas:"image image image image"\n    "text text text text";--stzh-textandimage-grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 600px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-twocolumns__left{grid-area:left}.stzh-twocolumns__right{grid-area:right}';const h=n;const l=class{constructor(e){t(this,e);this.init=()=>{const t=this.element.querySelectorAll('stzh-textandimage stzh-ratio[slot="right"], stzh-textandimage [slot="right"] stzh-ratio, stzh-textandimage stzh-gallery[slot="right"], stzh-textandimage [slot="right"] stzh-gallery');t.forEach((t=>{i(t,{ratio:"16:9"})}))}}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=o(this.element,"left");const r=o(this.element,"right");const i={"stzh-twocolumns":true,"stzh-twocolumns--has-left":t,"stzh-twocolumns--has-right":r};return e(a,{key:"713fc9dfe365fe400e962073f68c9ad76a252720"},e("div",{key:"70c4727ebe96bc101a869bd95c9e9a5e9632a881",class:i},e("div",{key:"def6875898d652fd9e3ec7d0c351073655403578",class:"stzh-twocolumns__left"},e("slot",{key:"d4ac399dd0d71375237a8b9374f5cd32f2d8391c",name:"left",onSlotchange:()=>s(this.element)})),e("div",{key:"4620a72e65063bdb7b11ea79cd50082497a36832",class:"stzh-twocolumns__right"},e("slot",{key:"d68aacf3bf68b943fe6d54a156375f08499e2f2c",name:"right",onSlotchange:()=>s(this.element)}))))}get element(){return r(this)}};l.style=h;export{l as stzh_twocolumns};
-//# sourceMappingURL=p-f4122c15.entry.js.map
+import{r as t,h as e,f as s,a,g as r}from"./p-ef5985a3.js";import{s as i,h as o}from"./p-09b5eb01.js";import"./p-dae15605.js";const n=':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{--row-gap:var(--stzh-space-medium);--grid-template-areas:var(\n    --stzh-twocolumns-grid-template-areas,\n    "left left left left"\n    "right right right right"\n  );--grid-template-columns:var(\n    --stzh-twocolumns-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){:host{--grid-template-areas:var(\n      --stzh-twocolumns-grid-template-areas,\n      "left left left left right right right right"\n    );--grid-template-columns:var(\n      --stzh-twocolumns-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){:host{--grid-template-areas:var(\n      --stzh-twocolumns-grid-template-areas,\n      "left left left left right right right right"\n    )}}.stzh-twocolumns{column-gap:var(--stzh-grid-gutter);display:grid;row-gap:var(--row-gap);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);--stzh-textandimage-grid-template-areas:"image image image image"\n    "text text text text";--stzh-textandimage-grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 600px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-twocolumns{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-twocolumns__left{grid-area:left}.stzh-twocolumns__right{grid-area:right}';const h=n;const l=class{constructor(e){t(this,e);this.init=()=>{const t=this.element.querySelectorAll('stzh-textandimage stzh-ratio[slot="right"], stzh-textandimage [slot="right"] stzh-ratio, stzh-textandimage stzh-gallery[slot="right"], stzh-textandimage [slot="right"] stzh-gallery');t.forEach((t=>{i(t,{ratio:"16:9"})}))}}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=o(this.element,"left");const r=o(this.element,"right");const i={"stzh-twocolumns":true,"stzh-twocolumns--has-left":t,"stzh-twocolumns--has-right":r};return e(a,{key:"713fc9dfe365fe400e962073f68c9ad76a252720"},e("div",{key:"70c4727ebe96bc101a869bd95c9e9a5e9632a881",class:i},e("div",{key:"def6875898d652fd9e3ec7d0c351073655403578",class:"stzh-twocolumns__left"},e("slot",{key:"d4ac399dd0d71375237a8b9374f5cd32f2d8391c",name:"left",onSlotchange:()=>s(this.element)})),e("div",{key:"4620a72e65063bdb7b11ea79cd50082497a36832",class:"stzh-twocolumns__right"},e("slot",{key:"d68aacf3bf68b943fe6d54a156375f08499e2f2c",name:"right",onSlotchange:()=>s(this.element)}))))}get element(){return r(this)}};l.style=h;export{l as stzh_twocolumns};
+//# sourceMappingURL=p-ef2e8303.entry.js.map

package/dist/stzh-components/{p-c7ef6356.entry.js → p-f109bce4.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as o,a as e,g as i}from"./p-ef5985a3.js";import{s as a,h as n}from"./p-24caf6c1.js";import{w as r}from"./p-70ec7e79.js";import{s as h,a as l,b as c}from"./p-2c0bec3e.js";import{C as d}from"./p-979121a0.js";import"./p-dae15605.js";import"./p-1ab64d01.js";const f=":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{pointer-events:all;--label-font-family:var(--stzh-toast-label-font-family);--label-font-weight:var(--stzh-toast-label-font-weight);--label-font-style:var(--stzh-toast-label-font-style);--label-color:var(--stzh-toast-label-color);--background-color:var(--stzh-toast-background-color);--close-color:var(--stzh-toast-close-color);--button-color:var(--stzh-toast-button-color);--icon-color:var(--stzh-toast-icon-color)}:host([type=success]){--icon-color:var(--stzh-toast-success-icon-color)}:host([type=warning]){--icon-color:var(--stzh-toast-warning-icon-color)}:host([type=error]){--icon-color:var(--stzh-toast-error-icon-color)}.stzh-toast{position:relative;display:flex;box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color);border-radius:var(--stzh-button-border-radius);transition:background-color var(--stzh-base-transition-animation-speed);}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-toast{border:0.0625rem solid Highlight}}.stzh-toast__content{flex-grow:1;display:flex;gap:var(--stzh-space-small);padding:var(--stzh-space-medium)}.stzh-toast__icon-wrapper{flex-shrink:0;display:flex}.stzh-toast__icon{color:var(--icon-color)}.stzh-toast__text-wrapper{flex-grow:1}.stzh-toast__label{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);color:var(--label-color);font-family:var(--label-font-family);font-weight:var(--label-font-weight);font-style:var(--label-font-style);transition:color var(--stzh-base-transition-animation-speed);padding-right:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-toast__label{padding-right:var(--stzh-space-xxxlarge)}}.stzh-toast__close-wrapper{flex-shrink:0}.stzh-toast__link{--stzh-button-tertiary-color:var(--button-color);display:flex;justify-content:flex-end}.stzh-toast__close[variant=tertiary]{--color:var(--close-color);position:absolute;top:0;right:0}.stzh-toast--has-link .stzh-toast__label:not(:empty)+.stzh-toast__link{margin-top:var(--stzh-space-xsmall)}";const m=f;const p={keyframes:[{transform:"translateY(100%)",opacity:"0",height:"0",marginBottom:"0"},{transform:"translateY(0px)",opacity:"1",height:"auto",marginBottom:"auto"}],options:{duration:300,easing:"ease-out"}};const z={keyframes:[{transform:"translateX(0px)",opacity:"1",height:"auto",marginBottom:"auto"},{transform:"translateX(-100%)",opacity:"0",height:"auto",marginBottom:"auto"},{transform:"translateX(-100%)",opacity:"0",height:"0",marginBottom:"0"}],options:{duration:300,easing:"ease-in"}};const b=class{constructor(o){t(this,o);this.stzhOpen=s(this,"stzhOpen",7);this.stzhOpened=s(this,"stzhOpened",7);this.stzhClose=s(this,"stzhClose",7);this.stzhClosed=s(this,"stzhClosed",7);this.handleLinkSlotchange=()=>{var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const o=s.querySelectorAll('stzh-button[slot="link"], [slot="link"] stzh-button');o.forEach((t=>{a(t,{size:"small",variant:"tertiary"})}))};this.onCloseButtonClick=()=>{this.hide()};this.label="";this.type="info";this.hideClose=false;this.open=true;this.initialOpenAnimation=false;this.localization=undefined}async openWatcher(t){if(!this.rootElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-toast"})}await h(this.element);this.element.hidden=false;const t=getComputedStyle(this.element,null);await l(this.element,c(p.keyframes,{height:this.element.scrollHeight,marginTop:parseInt(t["margin-top"]),marginBottom:parseInt(t["margin-bottom"])}),p.options);this.element.style.height="auto";this.element.style.opacity="1";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-toast"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-toast"})}await h(this.element);const t=getComputedStyle(this.element,null);await l(this.element,c(z.keyframes,{height:this.element.scrollHeight,marginTop:parseInt(t["margin-top"]),marginBottom:parseInt(t["margin-bottom"])}),z.options);this.element.style.height="0px";this.element.style.opacity="0";this.element.hidden=true;if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-toast"})}}this.toggledByMethod=false}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return r(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;return r(this.element,"stzhClosed")}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"toast")}}componentDidLoad(){if(this.initialOpenAnimation&&this.open){this.element.hidden=true;this.element.style.height="0px";this.element.style.opacity="0";requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.openWatcher(true)}))}))}else{this.element.hidden=!this.open;this.element.style.height=this.open?"auto":"0px";this.element.style.opacity=this.open?"1":"0"}}render(){const t=n(this.element,"link");const s={"stzh-toast":true,"stzh-toast--has-link":t,"stzh-toast--has-close-hidden":this.hideClose,[`stzh-toast--type-${this.type}`]:!!this.type};return o(e,{key:"3d850db4fcc0c0049a4108cb89032d991df57ebb"},o("div",{key:"9343f4fffe19e684ed4b0bc7fda7425a9f5c7d0c",ref:t=>this.rootElement=t,class:s},o("div",{key:"db22b3500e30dfee7c07b57ed72300ee80f2786c",class:"stzh-toast__content"},o("div",{key:"84625a848ea3b27ed20c53248fde19f4fc7216d0",class:"stzh-toast__icon-wrapper"},o("stzh-icon",{key:"9c41cc924bca3d0b47b3adfb1f4e1fc0a86dc30f",class:"stzh-toast__icon",name:this.type==="info"&&"info-help-filled"||this.type==="success"&&"checkmark-circle-filled"||this.type==="warning"&&"important-warning-filled"||this.type==="error"&&"warning-filled"})),o("div",{key:"d1e2d611497ae71dbef3479c2e0ca6e37d26a484",class:"stzh-toast__text-wrapper"},o("div",{key:"1c262827dbaa77faa2d7d69b0af7689da9c27e58",class:"stzh-toast__label"},this.label),o("div",{key:"efa5fb90fac6c007b8f8bb0a84fd0530ac263249",class:"stzh-toast__link"},o("slot",{key:"4d0297e337cb5a23d7f5271d61b8374cc054b060",name:"link",onSlotchange:this.handleLinkSlotchange})))),!this.hideClose&&o("div",{key:"b78edb2a08b0726b6120d6655f082ce4054dcdf2",class:"stzh-toast__close-wrapper"},o("stzh-button",{key:"be0b40f8118faa5a0f4d5a0899f13b271e29899a",class:"stzh-toast__close",onClick:this.onCloseButtonClick,label:this.localization.close,variant:"tertiary",size:"small",iconOnly:true,icon:"close-big"}))))}get element(){return i(this)}static get watchers(){return{open:["openWatcher"]}}};b.style=m;const u=":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{bottom:var(--stzh-space-medium);z-index:var(--stzh-z-index-overlay);position:fixed;pointer-events:none;left:1.25rem;right:1.25rem;bottom:calc(var(--stzh-pagetitle-disturber-stuck-height, 0px) + var(--stzh-sticky-cta-stuck-bottom-height, 0px))}@media screen and (min-width: 600px){:host{bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host{left:2rem;right:auto;max-width:26.8125rem}}@media screen and (min-width: 900px){:host{left:2.5rem;max-width:27.5rem}}@media screen and (min-width: 1260px){:host{left:4rem;max-width:30.3125rem}}@media screen and (min-width: 1600px){:host{left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2);max-width:34.625rem}}:host ::slotted(*:not([hidden]):not([slot])){margin-bottom:var(--stzh-space-small)}.stzh-toastbar{display:flex;flex-direction:column;justify-content:flex-end}@media screen and (min-width: 600px){.stzh-toastbar{align-items:flex-start}}";const g=u;const v="stzh-components-toastbar-closed";const y=class{constructor(s){t(this,s);this._initialToasts=[];this.handleSlotchange=()=>{this.toastsAppended();this.hideOverflowingItems()};this.hideAfter=30;this.max=5;this.initialToasts=[]}async toast(t,{type:s,link:o}={type:"info"}){const e=document.createElement("stzh-toast");e.hidden=true;e.label=t;e.role="alert";e.type=s||"info";e.initialOpenAnimation=true;if(o){o.slot="link";o.size="small";e.appendChild(o)}this.element.appendChild(e);return e}initialToastsWatcher(t){if(typeof t==="string"){this._initialToasts=JSON.parse(t)}else{this._initialToasts=t}}toastAppended(t){if(t.getAttribute("data-stzh-toastbar-managed")){return}t.setAttribute("data-stzh-toastbar-managed","");t.addEventListener("stzhClosed",(()=>{t.remove()}));if(t.type!=="error"){let s=(new Date).getTime();let o=this.hideAfter*1e3;let e=window.setTimeout((()=>{t.hide()}),o);t.addEventListener("pointerenter",(()=>{if(e){window.clearTimeout(e);const t=(new Date).getTime()-s;o=o-t}}));t.addEventListener("pointerleave",(()=>{s=(new Date).getTime();e=window.setTimeout((()=>{t.hide()}),o)}))}}toastsAppended(){var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;Array.from(s.children).forEach((t=>{this.toastAppended(t)}))}hideOverflowingItems(){var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const o=s.children.length;Array.from(s.children).splice(0,o-this.max).forEach((t=>{t.hide()}))}componentWillLoad(){this.initialToastsWatcher(this.initialToasts)}componentDidLoad(){this._initialToasts.forEach((async t=>{if(t.cookie){const s=d.get(`${v}-${t.cookie}`);if(s){return}}let s=t.link;if(!(s instanceof HTMLElement)){const o=document.createElement("stzh-button");o.slot="link";o.size="small";Object.assign(o,t.link);s=o}const o=await this.toast(t.label,{type:t.type,link:s});if(t.cookie){let s=365;if(t.cookieExpires===0){s=null}else if(t.cookieExpires){s=t.cookieExpires}o.addEventListener("stzhClosed",(()=>{d.set(`${v}-${t.cookie}`,"1",{expires:s})}))}}))}render(){const t={"stzh-toastbar":true};return o(e,{key:"ff6d0c01ad11907e6eb21fb645da3b80743073fa"},o("div",{key:"6d89cea6524735ee262561263d7581d824f9b27b",class:t},o("slot",{key:"d193acdfece99f18697f8381f77e14f5b392259f",onSlotchange:this.handleSlotchange})))}get element(){return i(this)}static get watchers(){return{initialToasts:["initialToastsWatcher"]}}};y.style=g;export{b as stzh_toast,y as stzh_toastbar};
-//# sourceMappingURL=p-c7ef6356.entry.js.map
+import{r as t,c as s,h as o,a as e,g as i}from"./p-ef5985a3.js";import{s as a,h as n}from"./p-09b5eb01.js";import{w as r}from"./p-70ec7e79.js";import{s as h,a as l,b as c}from"./p-2c0bec3e.js";import{C as d}from"./p-979121a0.js";import"./p-dae15605.js";import"./p-1ab64d01.js";const f=":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{pointer-events:all;--label-font-family:var(--stzh-toast-label-font-family);--label-font-weight:var(--stzh-toast-label-font-weight);--label-font-style:var(--stzh-toast-label-font-style);--label-color:var(--stzh-toast-label-color);--background-color:var(--stzh-toast-background-color);--close-color:var(--stzh-toast-close-color);--button-color:var(--stzh-toast-button-color);--icon-color:var(--stzh-toast-icon-color)}:host([type=success]){--icon-color:var(--stzh-toast-success-icon-color)}:host([type=warning]){--icon-color:var(--stzh-toast-warning-icon-color)}:host([type=error]){--icon-color:var(--stzh-toast-error-icon-color)}.stzh-toast{position:relative;display:flex;box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color);border-radius:var(--stzh-button-border-radius);transition:background-color var(--stzh-base-transition-animation-speed);}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-toast{border:0.0625rem solid Highlight}}.stzh-toast__content{flex-grow:1;display:flex;gap:var(--stzh-space-small);padding:var(--stzh-space-medium)}.stzh-toast__icon-wrapper{flex-shrink:0;display:flex}.stzh-toast__icon{color:var(--icon-color)}.stzh-toast__text-wrapper{flex-grow:1}.stzh-toast__label{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);color:var(--label-color);font-family:var(--label-font-family);font-weight:var(--label-font-weight);font-style:var(--label-font-style);transition:color var(--stzh-base-transition-animation-speed);padding-right:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-toast__label{padding-right:var(--stzh-space-xxxlarge)}}.stzh-toast__close-wrapper{flex-shrink:0}.stzh-toast__link{--stzh-button-tertiary-color:var(--button-color);display:flex;justify-content:flex-end}.stzh-toast__close[variant=tertiary]{--color:var(--close-color);position:absolute;top:0;right:0}.stzh-toast--has-link .stzh-toast__label:not(:empty)+.stzh-toast__link{margin-top:var(--stzh-space-xsmall)}";const m=f;const p={keyframes:[{transform:"translateY(100%)",opacity:"0",height:"0",marginBottom:"0"},{transform:"translateY(0px)",opacity:"1",height:"auto",marginBottom:"auto"}],options:{duration:300,easing:"ease-out"}};const b={keyframes:[{transform:"translateX(0px)",opacity:"1",height:"auto",marginBottom:"auto"},{transform:"translateX(-100%)",opacity:"0",height:"auto",marginBottom:"auto"},{transform:"translateX(-100%)",opacity:"0",height:"0",marginBottom:"0"}],options:{duration:300,easing:"ease-in"}};const z=class{constructor(o){t(this,o);this.stzhOpen=s(this,"stzhOpen",7);this.stzhOpened=s(this,"stzhOpened",7);this.stzhClose=s(this,"stzhClose",7);this.stzhClosed=s(this,"stzhClosed",7);this.handleLinkSlotchange=()=>{var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const o=s.querySelectorAll('stzh-button[slot="link"], [slot="link"] stzh-button');o.forEach((t=>{a(t,{size:"small",variant:"tertiary"})}))};this.onCloseButtonClick=()=>{this.hide()};this.label="";this.type="info";this.hideClose=false;this.open=true;this.initialOpenAnimation=false;this.localization=undefined}async openWatcher(t){if(!this.rootElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-toast"})}await h(this.element);this.element.hidden=false;const t=getComputedStyle(this.element,null);await l(this.element,c(p.keyframes,{height:this.element.scrollHeight,marginTop:parseInt(t["margin-top"]),marginBottom:parseInt(t["margin-bottom"])}),p.options);this.element.style.height="auto";this.element.style.opacity="1";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-toast"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-toast"})}await h(this.element);const t=getComputedStyle(this.element,null);await l(this.element,c(b.keyframes,{height:this.element.scrollHeight,marginTop:parseInt(t["margin-top"]),marginBottom:parseInt(t["margin-bottom"])}),b.options);this.element.style.height="0px";this.element.style.opacity="0";this.element.hidden=true;if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-toast"})}}this.toggledByMethod=false}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return r(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;return r(this.element,"stzhClosed")}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"toast")}}componentDidLoad(){if(this.initialOpenAnimation&&this.open){this.element.hidden=true;this.element.style.height="0px";this.element.style.opacity="0";requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.openWatcher(true)}))}))}else{this.element.hidden=!this.open;this.element.style.height=this.open?"auto":"0px";this.element.style.opacity=this.open?"1":"0"}}render(){const t=n(this.element,"link");const s={"stzh-toast":true,"stzh-toast--has-link":t,"stzh-toast--has-close-hidden":this.hideClose,[`stzh-toast--type-${this.type}`]:!!this.type};return o(e,{key:"3d850db4fcc0c0049a4108cb89032d991df57ebb"},o("div",{key:"9343f4fffe19e684ed4b0bc7fda7425a9f5c7d0c",ref:t=>this.rootElement=t,class:s},o("div",{key:"db22b3500e30dfee7c07b57ed72300ee80f2786c",class:"stzh-toast__content"},o("div",{key:"84625a848ea3b27ed20c53248fde19f4fc7216d0",class:"stzh-toast__icon-wrapper"},o("stzh-icon",{key:"9c41cc924bca3d0b47b3adfb1f4e1fc0a86dc30f",class:"stzh-toast__icon",name:this.type==="info"&&"info-help-filled"||this.type==="success"&&"checkmark-circle-filled"||this.type==="warning"&&"important-warning-filled"||this.type==="error"&&"warning-filled"})),o("div",{key:"d1e2d611497ae71dbef3479c2e0ca6e37d26a484",class:"stzh-toast__text-wrapper"},o("div",{key:"1c262827dbaa77faa2d7d69b0af7689da9c27e58",class:"stzh-toast__label"},this.label),o("div",{key:"efa5fb90fac6c007b8f8bb0a84fd0530ac263249",class:"stzh-toast__link"},o("slot",{key:"4d0297e337cb5a23d7f5271d61b8374cc054b060",name:"link",onSlotchange:this.handleLinkSlotchange})))),!this.hideClose&&o("div",{key:"b78edb2a08b0726b6120d6655f082ce4054dcdf2",class:"stzh-toast__close-wrapper"},o("stzh-button",{key:"be0b40f8118faa5a0f4d5a0899f13b271e29899a",class:"stzh-toast__close",onClick:this.onCloseButtonClick,label:this.localization.close,variant:"tertiary",size:"small",iconOnly:true,icon:"close-big"}))))}get element(){return i(this)}static get watchers(){return{open:["openWatcher"]}}};z.style=m;const u=":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{bottom:var(--stzh-space-medium);z-index:var(--stzh-z-index-overlay);position:fixed;pointer-events:none;left:1.25rem;right:1.25rem;bottom:calc(var(--stzh-pagetitle-disturber-stuck-height, 0px) + var(--stzh-sticky-cta-stuck-bottom-height, 0px))}@media screen and (min-width: 600px){:host{bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host{left:2rem;right:auto;max-width:26.8125rem}}@media screen and (min-width: 900px){:host{left:2.5rem;max-width:27.5rem}}@media screen and (min-width: 1260px){:host{left:4rem;max-width:30.3125rem}}@media screen and (min-width: 1600px){:host{left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2);max-width:34.625rem}}:host ::slotted(*:not([hidden]):not([slot])){margin-bottom:var(--stzh-space-small)}.stzh-toastbar{display:flex;flex-direction:column;justify-content:flex-end}@media screen and (min-width: 600px){.stzh-toastbar{align-items:flex-start}}";const g=u;const v="stzh-components-toastbar-closed";const y=class{constructor(s){t(this,s);this._initialToasts=[];this.handleSlotchange=()=>{this.toastsAppended();this.hideOverflowingItems()};this.hideAfter=30;this.max=5;this.initialToasts=[]}async toast(t,{type:s,link:o}={type:"info"}){const e=document.createElement("stzh-toast");e.hidden=true;e.label=t;e.role="alert";e.type=s||"info";e.initialOpenAnimation=true;if(o){o.slot="link";o.size="small";e.appendChild(o)}this.element.appendChild(e);return e}initialToastsWatcher(t){if(typeof t==="string"){this._initialToasts=JSON.parse(t)}else{this._initialToasts=t}}toastAppended(t){if(t.getAttribute("data-stzh-toastbar-managed")){return}t.setAttribute("data-stzh-toastbar-managed","");t.addEventListener("stzhClosed",(()=>{t.remove()}));if(t.type!=="error"){let s=(new Date).getTime();let o=this.hideAfter*1e3;let e=window.setTimeout((()=>{t.hide()}),o);t.addEventListener("pointerenter",(()=>{if(e){window.clearTimeout(e);const t=(new Date).getTime()-s;o=o-t}}));t.addEventListener("pointerleave",(()=>{s=(new Date).getTime();e=window.setTimeout((()=>{t.hide()}),o)}))}}toastsAppended(){var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;Array.from(s.children).forEach((t=>{this.toastAppended(t)}))}hideOverflowingItems(){var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const o=s.children.length;Array.from(s.children).splice(0,o-this.max).forEach((t=>{t.hide()}))}componentWillLoad(){this.initialToastsWatcher(this.initialToasts)}componentDidLoad(){this._initialToasts.forEach((async t=>{if(t.cookie){const s=d.get(`${v}-${t.cookie}`);if(s){return}}let s=t.link;if(!(s instanceof HTMLElement)){const o=document.createElement("stzh-button");o.slot="link";o.size="small";Object.assign(o,t.link);s=o}const o=await this.toast(t.label,{type:t.type,link:s});if(t.cookie){let s=365;if(t.cookieExpires===0){s=null}else if(t.cookieExpires){s=t.cookieExpires}o.addEventListener("stzhClosed",(()=>{d.set(`${v}-${t.cookie}`,"1",{expires:s})}))}}))}render(){const t={"stzh-toastbar":true};return o(e,{key:"ff6d0c01ad11907e6eb21fb645da3b80743073fa"},o("div",{key:"6d89cea6524735ee262561263d7581d824f9b27b",class:t},o("slot",{key:"d193acdfece99f18697f8381f77e14f5b392259f",onSlotchange:this.handleSlotchange})))}get element(){return i(this)}static get watchers(){return{initialToasts:["initialToastsWatcher"]}}};y.style=g;export{z as stzh_toast,y as stzh_toastbar};
+//# sourceMappingURL=p-f109bce4.entry.js.map