@oiz/stzh-components 4.12.0 → 4.12.1-beta1

package/dist/stzh-components/{p-e706c0cf.entry.js → p-17c76b7f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,a as o,d as g}from"./p-CMm0FVAs.js";import{h as l}from"./p--MYN2wgX.js";import{S as h}from"./p-BRSls9kT.js";import"./p-BubviQku.js";const c=()=>`.sc-stzh-toggle-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-toggle-h,[stzh-hidden].sc-stzh-toggle-h{display:none}.sc-stzh-toggle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-toggle-h *.sc-stzh-toggle,.sc-stzh-toggle-h *.sc-stzh-toggle::before,.sc-stzh-toggle-h *.sc-stzh-toggle::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-toggle-h .has-focus.sc-stzh-toggle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-toggle-h .stzh-fylingfocus-focused.sc-stzh-toggle{outline-style:none !important}.sc-stzh-toggle-h .stzh-fylingfocus-focused.sc-stzh-toggle::-moz-focus-inner{border:0 !important}.sc-stzh-toggle-h{--check-size:1.5rem;--track-width:2.75rem;display:inline-block}[disabled].sc-stzh-toggle-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-toggle__marker-symbol.sc-stzh-toggle{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-toggle__marker-text.sc-stzh-toggle{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-toggle__description-wrapper.sc-stzh-toggle{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-toggle__error.sc-stzh-toggle,.stzh-toggle__description.sc-stzh-toggle{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-toggle__error.sc-stzh-toggle{color:var(--stzh-color-error60)}.stzh-toggle__error-list.sc-stzh-toggle{list-style:none;margin:0;padding:0}.stzh-toggle__description.sc-stzh-toggle{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-toggle__description-long.sc-stzh-toggle{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-toggle__description-long.sc-stzh-toggle{margin-top:0}}.stzh-toggle__description-long-popover.sc-stzh-toggle{--width:auto;--max-width:27.3125rem}.stzh-toggle__description-long-button.sc-stzh-toggle{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-toggle.sc-stzh-toggle stzh-icon.stzh-toggle__description-long-icon.sc-stzh-toggle{--size:var(--stzh-icon-size-xsmall)}.stzh-toggle--has-error.sc-stzh-toggle .stzh-toggle__error.sc-stzh-toggle,.stzh-toggle--has-description.sc-stzh-toggle .stzh-toggle__description.sc-stzh-toggle{margin-top:var(--stzh-space-xxxsmall)}.stzh-toggle__field-wrapper.sc-stzh-toggle{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;display:flex;-webkit-user-select:none;user-select:none;cursor:pointer}.stzh-toggle__input.sc-stzh-toggle{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none;appearance:none;border-radius:var(--stzh-form-input-border-radius)}.stzh-toggle__mark.sc-stzh-toggle{position:relative;background-color:var(--stzh-color-black10op);width:var(--track-width);height:1rem;flex-shrink:0;border-radius:0.75rem;display:inline-flex;justify-content:center;align-items:center;transition:background-color var(--stzh-base-transition-animation-speed);margin-top:0.25rem}@media (forced-colors: active){.stzh-toggle__mark.sc-stzh-toggle{outline:0.125rem solid ButtonBorder;outline-offset:-0.125rem}}.stzh-toggle__check.sc-stzh-toggle{position:absolute;border:0.125rem solid var(--stzh-base-color);width:var(--check-size);height:var(--check-size);border-radius:50%;background-color:var(--stzh-color-white);top:50%;left:0;transform:translateY(-50%);transition-property:border-color, background-color, transform;transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-toggle__check.sc-stzh-toggle{transition-property:transform;border-color:ButtonBorder}}@media (prefers-reduced-motion: reduce){.stzh-toggle__check.sc-stzh-toggle{transition:none}}.stzh-toggle__label.sc-stzh-toggle{--stzh-base-color:initial;display:inline-flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--stzh-base-color);transition:color var(--stzh-base-transition-animation-speed)}.stzh-toggle__label.sc-stzh-toggle:empty{display:none}.stzh-toggle__label-text.sc-stzh-toggle{min-width:0}.stzh-toggle__label.sc-stzh-toggle>.stzh-toggle__description-wrapper.sc-stzh-toggle{flex:0 0 auto;display:inline-flex;align-items:flex-start;margin:0}.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__error.sc-stzh-toggle,.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__description-text.sc-stzh-toggle{display:none}.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__description.sc-stzh-toggle,.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__description-long.sc-stzh-toggle{display:inline-flex;align-items:flex-start;margin:0}.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__description-long-button.sc-stzh-toggle{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-toggle__label.sc-stzh-toggle stzh-popover.sc-stzh-toggle .stzh-toggle__description-long-icon.sc-stzh-toggle{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-toggle__marker.sc-stzh-toggle{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-old-primary48)}@media (forced-colors: active){.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:SelectedItem}}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary);background-color:var(--stzh-color-primary);transform:translateY(-50%) translateX(calc(var(--track-width) - var(--check-size)))}@media (forced-colors: active){.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:ButtonBorder;background-color:SelectedItem}}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__label.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary-hover)}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary)}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:Highlight;background-color:Highlight}}@media (forced-colors: active){.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle{outline-color:Highlight}}.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:Highlight;background-color:Highlight}}.stzh-toggle--has-label-right.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-left:var(--stzh-space-xsmall)}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{flex-direction:row-reverse}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-right:var(--stzh-space-xsmall)}@media (forced-colors: none){.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-error60)}}@media (forced-colors: none){.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-error60)}}@media (forced-colors: none){.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-black10op)}}@media (forced-colors: none){.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-error60)}}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{cursor:not-allowed}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-grey70)}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:GrayText}}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle{outline-color:GrayText}}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-old-grey13)}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:GrayText}}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-grey10)}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:SelectedItem}}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-old-grey25);background-color:var(--stzh-color-old-grey25)}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:GrayText;background-color:SelectedItem}}`;let i=0;const r=class{constructor(s){t(this,s);this.stzhChange=e(this,"stzhChange");this.stzhFocus=e(this,"stzhFocus");this.stzhBlur=e(this,"stzhBlur");this.disabled=false;this.name="";this.value="";this.invalid=false;this.required=false;this.hideOptional=false;this.checked=false;this.label="";this.labelPosition="right";this.a11yDescribedby="";this.focusedByInput=false;this.handleReset=async()=>{this.checked=this.defaultChecked};this.onInput=t=>{this.checked=this.input.checked;this.stzhChange.emit({component:"stzh-toggle",originalEvent:t,value:this.value,checked:this.checked})};this.onRootFocus=()=>{if(!this.focusedByInput){this.input.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-toggle",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-toggle",originalEvent:t})}}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}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=[]}}async componentWillLoad(){this.inputId=`stzh-toggle-${i++}`;this.defaultChecked=typeof this.defaultChecked==="boolean"?this.defaultChecked:this.checked;this.errorWatcher(this.error);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"toggle")}}render(){var t;const e=l(this.element,"description")||!!this.description;const g=l(this.element,"description-long")||!!this.descriptionLong;const c=l(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const i=!!this.label||l(this.element)||g;const r={"stzh-toggle":true,"stzh-toggle--has-error":c,"stzh-toggle--is-required":this.required,"stzh-toggle--is-invalid":this.invalid||c,"stzh-toggle--is-disabled":this.disabled,"stzh-toggle--has-description":e,"stzh-toggle--has-description-long":g,[`stzh-toggle--has-label-${this.labelPosition}`]:!!this.labelPosition};return s(o,{key:"71703076957012244d99e5bfe9eaae91dfd3136b","is-invalid":this.invalid||c,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},s("div",{key:"5c3cdb7ff6195fb6dbf844110f7f2fc15dd0e5b9",class:r},s("label",{key:"e7207ccb9b8ef7f1ee798f8008a777c14f83a294",class:"stzh-toggle__field-wrapper"},s("input",{key:"66fa0d14e799bf6fdc0ec19f691dfac483884132",class:"stzh-toggle__input",ref:t=>this.input=t,type:"checkbox",id:this.inputId,name:this.name,value:this.value,disabled:this.disabled,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",checked:this.checked,defaultChecked:this.defaultChecked,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur}),s("div",{key:"6260219a827eb1706ad4359a065d17ce28d83881",class:"stzh-toggle__mark"},s("div",{key:"c31d157867858c2ae6c449a53143886992250fd6",class:"stzh-toggle__check"})),i&&s("div",{key:"4176627fde0fdb89e848d9300a1bd22fccf678b2",class:"stzh-toggle__label"},s("span",{key:"bb2056d98e40d6c9780d622c639455f7a980f0e1",class:"stzh-toggle__label-text"},this.label?this.label:s("slot",null),!this.hideOptional&&s("span",{key:"1bae137c2d20f921064d2bc8f27307e53babd3cc",class:"stzh-toggle__marker"},s("span",{key:"19a4adea55ed3943bda5115c457e88168b05925c",class:"stzh-toggle__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),s("span",{key:"3c54f5386396ffc9e1e52b8730aae92dc3f228e9",class:"stzh-toggle__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),g&&s(h,{key:"7cfd564610bd66d61b66ab70bbcaed301252de35",classPrefix:"stzh-toggle",id:`${this.inputId}-description-long`,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:g,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel,showError:false,showDescriptionText:false}))),(c||e)&&s(h,{key:"02c34d582606de57abafad95ff723d014f4a8bd2",classPrefix:"stzh-toggle",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLongUsed:false})))}get element(){return g(this)}static get watchers(){return{error:["errorWatcher"]}}};r.style=c();export{r as stzh_toggle};
-//# sourceMappingURL=p-e706c0cf.entry.js.map
+import{r as t,c as e,h as s,a as o,d as g}from"./p-BDy81lpO.js";import{h as l}from"./p--MYN2wgX.js";import{S as h}from"./p-D4oTGvdl.js";import"./p-BubviQku.js";const c=()=>`.sc-stzh-toggle-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-toggle-h,[stzh-hidden].sc-stzh-toggle-h{display:none}.sc-stzh-toggle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-toggle-h *.sc-stzh-toggle,.sc-stzh-toggle-h *.sc-stzh-toggle::before,.sc-stzh-toggle-h *.sc-stzh-toggle::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-toggle-h .has-focus.sc-stzh-toggle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-toggle-h .stzh-fylingfocus-focused.sc-stzh-toggle{outline-style:none !important}.sc-stzh-toggle-h .stzh-fylingfocus-focused.sc-stzh-toggle::-moz-focus-inner{border:0 !important}.sc-stzh-toggle-h{--check-size:1.5rem;--track-width:2.75rem;display:inline-block}[disabled].sc-stzh-toggle-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-toggle__marker-symbol.sc-stzh-toggle{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-toggle__marker-text.sc-stzh-toggle{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-toggle__description-wrapper.sc-stzh-toggle{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-toggle__error.sc-stzh-toggle,.stzh-toggle__description.sc-stzh-toggle{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-toggle__error.sc-stzh-toggle{color:var(--stzh-color-error60)}.stzh-toggle__error-list.sc-stzh-toggle{list-style:none;margin:0;padding:0}.stzh-toggle__description.sc-stzh-toggle{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-toggle__description-long.sc-stzh-toggle{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-toggle__description-long.sc-stzh-toggle{margin-top:0}}.stzh-toggle__description-long-popover.sc-stzh-toggle{--width:auto;--max-width:27.3125rem}.stzh-toggle__description-long-button.sc-stzh-toggle{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-toggle.sc-stzh-toggle stzh-icon.stzh-toggle__description-long-icon.sc-stzh-toggle{--size:var(--stzh-icon-size-xsmall)}.stzh-toggle--has-error.sc-stzh-toggle .stzh-toggle__error.sc-stzh-toggle,.stzh-toggle--has-description.sc-stzh-toggle .stzh-toggle__description.sc-stzh-toggle{margin-top:var(--stzh-space-xxxsmall)}.stzh-toggle__field-wrapper.sc-stzh-toggle{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;display:flex;-webkit-user-select:none;user-select:none;cursor:pointer}.stzh-toggle__input.sc-stzh-toggle{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none;appearance:none;border-radius:var(--stzh-form-input-border-radius)}.stzh-toggle__mark.sc-stzh-toggle{position:relative;background-color:var(--stzh-color-black10op);width:var(--track-width);height:1rem;flex-shrink:0;border-radius:0.75rem;display:inline-flex;justify-content:center;align-items:center;transition:background-color var(--stzh-base-transition-animation-speed);margin-top:0.25rem}@media (forced-colors: active){.stzh-toggle__mark.sc-stzh-toggle{outline:0.125rem solid ButtonBorder;outline-offset:-0.125rem}}.stzh-toggle__check.sc-stzh-toggle{position:absolute;border:0.125rem solid var(--stzh-base-color);width:var(--check-size);height:var(--check-size);border-radius:50%;background-color:var(--stzh-color-white);top:50%;left:0;transform:translateY(-50%);transition-property:border-color, background-color, transform;transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-toggle__check.sc-stzh-toggle{transition-property:transform;border-color:ButtonBorder}}@media (prefers-reduced-motion: reduce){.stzh-toggle__check.sc-stzh-toggle{transition:none}}.stzh-toggle__label.sc-stzh-toggle{--stzh-base-color:initial;display:inline-flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--stzh-base-color);transition:color var(--stzh-base-transition-animation-speed)}.stzh-toggle__label.sc-stzh-toggle:empty{display:none}.stzh-toggle__label-text.sc-stzh-toggle{min-width:0}.stzh-toggle__label.sc-stzh-toggle>.stzh-toggle__description-wrapper.sc-stzh-toggle{flex:0 0 auto;display:inline-flex;align-items:flex-start;margin:0}.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__error.sc-stzh-toggle,.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__description-text.sc-stzh-toggle{display:none}.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__description.sc-stzh-toggle,.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__description-long.sc-stzh-toggle{display:inline-flex;align-items:flex-start;margin:0}.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__description-long-button.sc-stzh-toggle{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-toggle__label.sc-stzh-toggle stzh-popover.sc-stzh-toggle .stzh-toggle__description-long-icon.sc-stzh-toggle{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-toggle__marker.sc-stzh-toggle{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-old-primary48)}@media (forced-colors: active){.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:SelectedItem}}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary);background-color:var(--stzh-color-primary);transform:translateY(-50%) translateX(calc(var(--track-width) - var(--check-size)))}@media (forced-colors: active){.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:ButtonBorder;background-color:SelectedItem}}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__label.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary-hover)}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary)}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:Highlight;background-color:Highlight}}@media (forced-colors: active){.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle{outline-color:Highlight}}.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:Highlight;background-color:Highlight}}.stzh-toggle--has-label-right.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-left:var(--stzh-space-xsmall)}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{flex-direction:row-reverse}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-right:var(--stzh-space-xsmall)}@media (forced-colors: none){.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-error60)}}@media (forced-colors: none){.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-error60)}}@media (forced-colors: none){.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-black10op)}}@media (forced-colors: none){.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-error60)}}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{cursor:not-allowed}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-grey70)}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:GrayText}}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle{outline-color:GrayText}}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-old-grey13)}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:GrayText}}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-grey10)}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:SelectedItem}}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-old-grey25);background-color:var(--stzh-color-old-grey25)}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:GrayText;background-color:SelectedItem}}`;let i=0;const r=class{constructor(s){t(this,s);this.stzhChange=e(this,"stzhChange");this.stzhFocus=e(this,"stzhFocus");this.stzhBlur=e(this,"stzhBlur");this.disabled=false;this.name="";this.value="";this.invalid=false;this.required=false;this.hideOptional=false;this.checked=false;this.label="";this.labelPosition="right";this.a11yDescribedby="";this.focusedByInput=false;this.handleReset=async()=>{this.checked=this.defaultChecked};this.onInput=t=>{this.checked=this.input.checked;this.stzhChange.emit({component:"stzh-toggle",originalEvent:t,value:this.value,checked:this.checked})};this.onRootFocus=()=>{if(!this.focusedByInput){this.input.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-toggle",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-toggle",originalEvent:t})}}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}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=[]}}async componentWillLoad(){this.inputId=`stzh-toggle-${i++}`;this.defaultChecked=typeof this.defaultChecked==="boolean"?this.defaultChecked:this.checked;this.errorWatcher(this.error);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"toggle")}}render(){var t;const e=l(this.element,"description")||!!this.description;const g=l(this.element,"description-long")||!!this.descriptionLong;const c=l(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const i=!!this.label||l(this.element)||g;const r={"stzh-toggle":true,"stzh-toggle--has-error":c,"stzh-toggle--is-required":this.required,"stzh-toggle--is-invalid":this.invalid||c,"stzh-toggle--is-disabled":this.disabled,"stzh-toggle--has-description":e,"stzh-toggle--has-description-long":g,[`stzh-toggle--has-label-${this.labelPosition}`]:!!this.labelPosition};return s(o,{key:"71703076957012244d99e5bfe9eaae91dfd3136b","is-invalid":this.invalid||c,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},s("div",{key:"5c3cdb7ff6195fb6dbf844110f7f2fc15dd0e5b9",class:r},s("label",{key:"e7207ccb9b8ef7f1ee798f8008a777c14f83a294",class:"stzh-toggle__field-wrapper"},s("input",{key:"66fa0d14e799bf6fdc0ec19f691dfac483884132",class:"stzh-toggle__input",ref:t=>this.input=t,type:"checkbox",id:this.inputId,name:this.name,value:this.value,disabled:this.disabled,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",checked:this.checked,defaultChecked:this.defaultChecked,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur}),s("div",{key:"6260219a827eb1706ad4359a065d17ce28d83881",class:"stzh-toggle__mark"},s("div",{key:"c31d157867858c2ae6c449a53143886992250fd6",class:"stzh-toggle__check"})),i&&s("div",{key:"4176627fde0fdb89e848d9300a1bd22fccf678b2",class:"stzh-toggle__label"},s("span",{key:"bb2056d98e40d6c9780d622c639455f7a980f0e1",class:"stzh-toggle__label-text"},this.label?this.label:s("slot",null),!this.hideOptional&&s("span",{key:"1bae137c2d20f921064d2bc8f27307e53babd3cc",class:"stzh-toggle__marker"},s("span",{key:"19a4adea55ed3943bda5115c457e88168b05925c",class:"stzh-toggle__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),s("span",{key:"3c54f5386396ffc9e1e52b8730aae92dc3f228e9",class:"stzh-toggle__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),g&&s(h,{key:"7cfd564610bd66d61b66ab70bbcaed301252de35",classPrefix:"stzh-toggle",id:`${this.inputId}-description-long`,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:g,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel,showError:false,showDescriptionText:false}))),(c||e)&&s(h,{key:"02c34d582606de57abafad95ff723d014f4a8bd2",classPrefix:"stzh-toggle",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLongUsed:false})))}get element(){return g(this)}static get watchers(){return{error:["errorWatcher"]}}};r.style=c();export{r as stzh_toggle};
+//# sourceMappingURL=p-17c76b7f.entry.js.map