@oiz/stzh-components 4.13.0-beta2 → 4.13.0

package/dist/stzh-components/{p-309af29f.entry.js → p-b45a6e9e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,F as r,a as o,d as e}from"./p-C0D5-aI8.js";import{a}from"./p-Df1Iqnz9.js";import{h,a as d}from"./p-CBLSoWgI.js";import{S as c}from"./p-2ReM0tCv.js";import{c as n}from"./p-BubviQku.js";const l=()=>`.sc-stzh-datepicker-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-datepicker-h,[stzh-hidden].sc-stzh-datepicker-h{display:none}.sc-stzh-datepicker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datepicker-h *.sc-stzh-datepicker,.sc-stzh-datepicker-h *.sc-stzh-datepicker::before,.sc-stzh-datepicker-h *.sc-stzh-datepicker::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-datepicker-h .has-focus.sc-stzh-datepicker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datepicker-h .stzh-fylingfocus-focused.sc-stzh-datepicker{outline-style:none !important}.sc-stzh-datepicker-h .stzh-fylingfocus-focused.sc-stzh-datepicker::-moz-focus-inner{border:0 !important}.sc-stzh-datepicker-h{--calendar-width:var(--stzh-calendar-width);width:100%;position:relative}[inline].sc-stzh-datepicker-h:not([inline=false]){width:var(--calendar-width)}.stzh-datepicker__popover.sc-stzh-datepicker{--width:auto}.stzh-datepicker__calendar.sc-stzh-datepicker{margin-left:auto;margin-right:auto}.stzh-datepicker__calendar.is-inline.sc-stzh-datepicker{width:100%;margin-left:0px;margin-right:0px}.stzh-datepicker__actions.sc-stzh-datepicker{display:flex;width:var(--calendar-width);margin-left:auto;margin-right:auto}.stzh-datepicker__actions.is-inline.sc-stzh-datepicker{width:100%;margin-left:0px;margin-right:0px}.stzh-datepicker__actions.sc-stzh-datepicker:not(:empty){padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}.stzh-datepicker--has-action.sc-stzh-datepicker .stzh-datepicker__popover.sc-stzh-datepicker{--content-padding:0 0 var(--stzh-space-small) 0}`;const z=class{constructor(i){t(this,i);this.stzhChange=s(this,"stzhChange");this.calendarMin="";this.calendarMax="";this.calendarIsDateDisabled=()=>false;this.name="";this.value="";this.calendarValue="";this.inputValue="";this.defaultValue="";this.label="";this.labelHidden=false;this.readonly=false;this.disabled=false;this.invalid=false;this.required=false;this.hideOptional=false;this.size="default";this.inline=false;this.internalDateAdapter="iso";this.handleReset=async()=>{this.value=this.defaultValue};this.onRootFocus=()=>{if(this.input){this.input.focus()}};this.onInputChanged=()=>{const t=this.dateAdapter.parse(this.input.value,"dateInput");if(this.input.value===""||t){const s=this._internalDateAdapter.format(t,"dateInput");if(this.value!==s){this.value=s}else{this.valueWatcher(s)}this.stzhChange.emit({component:"stzh-datepicker",value:this.value,valueAsDate:t})}};this.onCalendarChange=t=>{if(t.detail.component!=="stzh-calendar"){t.stopPropagation();return}this.value=t.detail.valueAsDate&&this._internalDateAdapter.format(t.detail.valueAsDate,"dateInput");this.stzhChange.emit({component:"stzh-datepicker",value:this.value,valueAsDate:t.detail.valueAsDate});if(this.popoverElement){this.popoverElement.hide()}}}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}createDateFormatters(){if(this.localization){this.dateFormatLong=new Intl.DateTimeFormat(this.localization.$locale,{day:"numeric",month:"long",year:"numeric"})}}valueWatcher(t){if(!this._internalDateAdapter){return}const s=this._internalDateAdapter.parse(t,"dateInput");this.calendarValue=a(s);this.inputValue=this.dateAdapter.format(s,"dateInput");this.updateButtonAccessibleLabel()}dateAdapterWatcher(t){if(!t){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}internalDateAdapterWatcher(t){if(t==="iso"||!t){this._internalDateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formatsIso,this.localization.$globals)}else if(t==="legacy"){this._internalDateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formatsLegacy,this.localization.$globals)}else{this._internalDateAdapter=t}}async setDate(t){this.value=this._internalDateAdapter.format(t,"dateInput")}async getPopover(){return this.popoverElement}updateButtonAccessibleLabel(){if(!this.localization){return}try{const t=this._internalDateAdapter.parse(this.value,"dateInput");this.buttonLabel=`${this.label}, ${this.localization.buttonLabel}, ${this.localization.selectedDateMessage} ${this.dateFormatLong.format(t)}`}catch(t){this.buttonLabel=`${this.label}, ${this.localization.buttonLabel}`}}connectedCallback(){this.createDateFormatters()}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"datepicker")}this.dateAdapterWatcher(this.dateAdapter);this.internalDateAdapterWatcher(this.internalDateAdapter);this.valueWatcher(this.value);this.defaultValue=this.defaultValue||this.value}render(){const t=h(this.element,"action");const s={"stzh-datepicker":true,"stzh-datepicker--inline":this.inline,"stzh-datepicker--has-action":t};return i(o,{key:"8e5836548ef85658daeae05abb2fd099247de203",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},i("div",{key:"e9f5e6d4fec7f19ab982a8665559d4812600fec1",class:s},i("input",{key:"23129e07f69b18e5de148056fb50d43f98a6de6d",type:"hidden",name:this.name,value:this.value,defaultValue:this.defaultValue}),this.inline&&i(r,{key:"87eedcd0f156f122b35353f20e0547b5c6afa858"},i("stzh-calendar",{key:"1625920110b887b147cbb05690b9ba17676fb990",value:this.calendarValue,class:"stzh-datepicker__calendar is-inline",isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{key:"c1ad1d0bfda2bc1dc6dbea76935196abb7e38ab2",class:"stzh-datepicker__actions"},i("slot",{key:"1f872e8fdd6d6947b843e77681e75ec8ceb19d9a",name:"action"}))),!this.inline&&i("stzh-input",{key:"82b52fc87a5ecd97bb5f9a8c1c28b920966abb10",value:this.inputValue,label:this.label,labelHidden:this.labelHidden,ref:t=>this.input=t,noAutocomplete:true,onStzhChanged:this.onInputChanged,readonly:this.readonly,disabled:this.disabled,description:this.description,descriptionLong:this.descriptionLong,error:this.error,invalid:this.invalid,required:this.required,hideOptional:this.hideOptional,size:this.size},i("stzh-popover",{key:"352ee6f2ca647af897b94c6390b36a461978dc96",ref:t=>this.popoverElement=t,class:"stzh-datepicker__popover",slot:"button-right",placement:"bottom-end",strategy:"fixed",label:this.label},i("stzh-button",{key:"f2c6812370a1a6937671c0f74ffe20a016220611","icon-only":true,icon:"calendar",size:this.size,disabled:this.disabled,a11yLabel:this.buttonLabel}),i("div",{key:"a261adb3d80361ee073d3848b6ef9ed905528ddd",slot:"content"},i("stzh-calendar",{key:"f6561d869d21f6d20e090cdfbb9a2a622ae5f638",value:this.calendarValue,class:"stzh-datepicker__calendar is-popover",isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{key:"cea1ed2e46fb64e2d296b97a4e64800b1c27fd83",class:"stzh-datepicker__actions"},i("slot",{key:"8647463392000e8c84cd92bca1c2141b625f168a",name:"action"})))))))}get element(){return e(this)}static get watchers(){return{localization:["createDateFormatters"],value:["valueWatcher"],dateAdapter:["dateAdapterWatcher"],internalDateAdapter:["internalDateAdapterWatcher"]}}};z.style=l();const p=()=>`.sc-stzh-radio-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-radio-h,[stzh-hidden].sc-stzh-radio-h{display:none}.sc-stzh-radio-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-radio-h *.sc-stzh-radio,.sc-stzh-radio-h *.sc-stzh-radio::before,.sc-stzh-radio-h *.sc-stzh-radio::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-radio-h .has-focus.sc-stzh-radio{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-radio-h .stzh-fylingfocus-focused.sc-stzh-radio{outline-style:none !important}.sc-stzh-radio-h .stzh-fylingfocus-focused.sc-stzh-radio::-moz-focus-inner{border:0 !important}.sc-stzh-radio-h{--label-color:var(--stzh-radio-label-color, var(--stzh-base-color));--label-hover-color:var(--stzh-radio-label-hover-color, var(--stzh-color-primary70));--label-hover-checked-color:var(\n    --stzh-radio-label-hover-checked-color,\n    var(--stzh-color-primary90)\n  );--check-color:var(--stzh-radio-check-color, var(--stzh-color-primary70));--invalid-color:var(--stzh-radio-invalid-color, var(--stzh-color-error60));--disabled-color:var(--stzh-radio-disabled-color, var(--stzh-color-grey50));display:inline-block}[disabled].sc-stzh-radio-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-radio__marker-symbol.sc-stzh-radio{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-radio__marker-text.sc-stzh-radio{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-radio__description-wrapper.sc-stzh-radio{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-radio__error.sc-stzh-radio,.stzh-radio__description.sc-stzh-radio{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-radio__error.sc-stzh-radio{color:var(--stzh-color-error60)}.stzh-radio__error-list.sc-stzh-radio{list-style:none;margin:0;padding:0}.stzh-radio__description.sc-stzh-radio{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-radio__description-long.sc-stzh-radio{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-radio__description-long.sc-stzh-radio{margin-top:0}}.stzh-radio__description-long-popover.sc-stzh-radio{--width:auto;--max-width:27.3125rem}.stzh-radio__description-long-button.sc-stzh-radio{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-radio.sc-stzh-radio stzh-icon.stzh-radio__description-long-icon.sc-stzh-radio{--size:var(--stzh-icon-size-xsmall)}.stzh-radio--has-error.sc-stzh-radio .stzh-radio__error.sc-stzh-radio,.stzh-radio--has-description.sc-stzh-radio .stzh-radio__description.sc-stzh-radio{margin-top:var(--stzh-space-xxxsmall)}.stzh-radio.sc-stzh-radio{display:grid}.stzh-radio__field-wrapper.sc-stzh-radio{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-radio__input.sc-stzh-radio{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-radio__mark.sc-stzh-radio{border:0.125rem solid var(--stzh-color-black);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;transition:border-color var(--stzh-base-transition-animation-speed)}.stzh-radio__mark.sc-stzh-radio::before{content:""}@media (forced-colors: active){.stzh-radio__mark.sc-stzh-radio{transition:none;border-color:ButtonBorder}}.stzh-radio__check.sc-stzh-radio{background-color:currentColor;color:var(--check-color, var(--stzh-color-primary70));width:1rem;height:1rem;border-radius:50%;opacity:0;transition-property:color;transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-radio__check.sc-stzh-radio{transition:none;forced-color-adjust:none;color:Highlight}}.stzh-radio__label.sc-stzh-radio{--stzh-base-color:initial;display:flex;align-items:flex-start;gap:var(--stzh-space-xsmall);color:var(--label-color);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);line-height:1.5rem}.stzh-radio__label.sc-stzh-radio:empty{display:none}.stzh-radio__label-content.sc-stzh-radio{min-width:0}.stzh-radio__label-content.sc-stzh-radio stzh-text.sc-stzh-radio{display:block}.stzh-radio__marker.sc-stzh-radio{flex:0 0 auto;margin-left:0}.stzh-radio__label.sc-stzh-radio>.stzh-radio__description-wrapper.sc-stzh-radio{flex:0 0 auto;display:inline-flex;align-items:center;margin:0;transform:translateY(0.125rem)}.stzh-radio__label.sc-stzh-radio .stzh-radio__description.sc-stzh-radio,.stzh-radio__label.sc-stzh-radio .stzh-radio__description-long.sc-stzh-radio{display:inline-flex;align-items:flex-start;margin:0}.stzh-radio__label.sc-stzh-radio .stzh-radio__description-long-button.sc-stzh-radio{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-radio__label.sc-stzh-radio stzh-popover.sc-stzh-radio .stzh-radio__description-long-icon.sc-stzh-radio{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-radio.sc-stzh-radio:hover .stzh-radio__label.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__label.sc-stzh-radio{color:var(--label-hover-color)}.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__label.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--label-hover-checked-color)}@media (forced-colors: active){.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:Highlight}}.stzh-radio.sc-stzh-radio:hover .stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio{border-color:var(--label-hover-color)}@media (forced-colors: active){.stzh-radio.sc-stzh-radio:hover .stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio{border-color:Highlight}}.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio{border-color:var(--label-hover-checked-color)}@media (forced-colors: active){.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio{border-color:Highlight}}.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{opacity:1}@media (forced-colors: none){.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio,.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--invalid-color)}}@media (forced-colors: none){.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:var(--invalid-color)}}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__field-wrapper.sc-stzh-radio{cursor:not-allowed}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio{color:var(--stzh-color-grey60)}@media (forced-colors: active){.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio{color:GrayText}}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:var(--disabled-color);background-color:var(--stzh-color-grey20)}@media (forced-colors: active){.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:GrayText}}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--disabled-color)}@media (forced-colors: active){.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:GrayText}}`;let f=0;const u=class{constructor(i){t(this,i);this.stzhChange=s(this,"stzhChange");this.stzhFocus=s(this,"stzhFocus");this.stzhBlur=s(this,"stzhBlur");this.disabled=false;this.name="";this.value="";this.invalid=false;this.required=false;this.hideOptional=false;this.checked=false;this.label="";this.a11yDescribedby="";this.hasDefaultSlot=false;this.hasResolvedDefaultSlot=false;this.focusedByInput=false;this.handleReset=async()=>{this.checked=this.defaultChecked};this.onInput=t=>{this.checked=this.input.checked;this.stzhChange.emit({component:"stzh-radio",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 s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-radio",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-radio",originalEvent:t})};this.updateDefaultSlotState=()=>{const t=d(this.element,["stzh-radio"]);if(this.hasDefaultSlot!==t){this.hasDefaultSlot=t}if(!this.hasResolvedDefaultSlot){this.hasResolvedDefaultSlot=true}}}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}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=[]}}componentDidLoad(){this.updateDefaultSlotState()}async componentWillLoad(){this.inputId=`stzh-radio-${f++}`;this.errorWatcher(this.error);this.defaultChecked=typeof this.defaultChecked==="boolean"?this.defaultChecked:this.checked;if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"radio")}}render(){var t;const s=h(this.element,"description")||!!this.description;const r=h(this.element,"description-long")||!!this.descriptionLong;const e=h(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const a=!!this.label||this.hasDefaultSlot;const d=!this.hasResolvedDefaultSlot||a||r;const n={"stzh-radio":true,"stzh-radio--has-description":s,"stzh-radio--has-description-long":r,"stzh-radio--has-error":e,"stzh-radio--is-required":this.required,"stzh-radio--is-invalid":this.invalid||e,"stzh-radio--is-disabled":this.disabled};return i(o,{key:"d8b821c0e702ed812288893765700b87f9cbcb08","is-invalid":this.invalid||e,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},i("div",{key:"cf0e71199603a7fbbc91a3ec558a45619ec8a5ea",class:n},d&&i("label",{key:"93d29f4d51578baecde17295a4f6fea11ad1695e",class:"stzh-radio__field-wrapper"},i("input",{key:"5853c10f1520bdbbf65fd3ecc12e08b0ce3ab957",class:"stzh-radio__input",ref:t=>this.input=t,type:"radio",id:this.inputId,name:this.name,value:String(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}),i("div",{key:"1abeaa7db85a47424eaccf4b382d77cbe3b37785",class:"stzh-radio__mark"},i("div",{key:"d065d3ba0d7755795d986b45061c57ff3550e1bc",class:"stzh-radio__check"})),i("div",{key:"b2593750b347ceffb3f4fff044a41ef9d87f4abb",class:"stzh-radio__label"},i("span",{key:"692a0293f6ee92c9d978d66dc34023420d99e420",class:"stzh-radio__label-content"},this.label?this.label:i("slot",{onSlotchange:this.updateDefaultSlotState})),a&&!this.hideOptional&&i("span",{key:"1c8fb5e4f95d16ff0e54681d4b41c0dd5f73403a",class:"stzh-radio__marker"},i("span",{key:"cedb299447dc283a490d6fcd9a861176d307b184",class:"stzh-radio__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{key:"85fc42ae5368814ac1d85b7b13ab731373783d9f",class:"stzh-radio__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText)),r&&i(c,{key:"118f215fc6aa480db7cc6eaf6ffd4fddde75aa8c",classPrefix:"stzh-radio",id:`${this.inputId}-description-long`,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:true,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel,showError:false,showDescriptionText:false}))),(e||s)&&i(c,{key:"b29ba87abd02bfb93c6d3eb39552874323566592",classPrefix:"stzh-radio",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLongUsed:false})))}get element(){return e(this)}static get watchers(){return{error:["errorWatcher"]}}};u.style=p();const g=()=>`.sc-stzh-radiogroup-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-radiogroup-h,[stzh-hidden].sc-stzh-radiogroup-h{display:none}.sc-stzh-radiogroup-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-radiogroup-h *.sc-stzh-radiogroup,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::before,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::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-radiogroup-h .has-focus.sc-stzh-radiogroup{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-radiogroup-h .stzh-fylingfocus-focused.sc-stzh-radiogroup{outline-style:none !important}.sc-stzh-radiogroup-h .stzh-fylingfocus-focused.sc-stzh-radiogroup::-moz-focus-inner{border:0 !important}.sc-stzh-radiogroup-h{--legend-color:var(--stzh-radio-group-legend-color, var(--stzh-heading-color))}[disabled].sc-stzh-radiogroup-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-radiogroup__marker-symbol.sc-stzh-radiogroup{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-radiogroup__marker-text.sc-stzh-radiogroup{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-radiogroup__description-wrapper.sc-stzh-radiogroup{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup__description.sc-stzh-radiogroup{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-radiogroup__error.sc-stzh-radiogroup{color:var(--stzh-color-error60)}.stzh-radiogroup__error-list.sc-stzh-radiogroup{list-style:none;margin:0;padding:0}.stzh-radiogroup__description.sc-stzh-radiogroup{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-radiogroup__description-long.sc-stzh-radiogroup{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-radiogroup__description-long.sc-stzh-radiogroup{margin-top:0}}.stzh-radiogroup__description-long-popover.sc-stzh-radiogroup{--width:auto;--max-width:27.3125rem}.stzh-radiogroup__description-long-button.sc-stzh-radiogroup{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-radiogroup.sc-stzh-radiogroup stzh-icon.stzh-radiogroup__description-long-icon.sc-stzh-radiogroup{--size:var(--stzh-icon-size-xsmall)}.stzh-radiogroup--has-error.sc-stzh-radiogroup .stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup--has-description.sc-stzh-radiogroup .stzh-radiogroup__description.sc-stzh-radiogroup{margin-top:var(--stzh-space-xxxsmall)}.stzh-radiogroup.sc-stzh-radiogroup{margin:0;padding:0;border:none}.stzh-radiogroup__fields.sc-stzh-radiogroup{display:flex;align-items:flex-start;flex-direction:column;gap:var(--stzh-space-medium)}.stzh-radiogroup__legend.sc-stzh-radiogroup{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(--legend-color);padding:0;margin-bottom:var(--stzh-space-xsmall);display:flex;align-items:center;gap:var(--stzh-space-xsmall);min-width:0;max-width:100%}.stzh-radiogroup__legend-text.sc-stzh-radiogroup{min-width:0}.stzh-radiogroup__legend.sc-stzh-radiogroup>.stzh-radiogroup__description-wrapper.sc-stzh-radiogroup{flex:0 0 auto;display:inline-flex;align-items:flex-start;margin:0;transform:translateY(0.0625rem)}.stzh-radiogroup__legend.sc-stzh-radiogroup .stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup__legend.sc-stzh-radiogroup .stzh-radiogroup__description-text.sc-stzh-radiogroup{display:none}.stzh-radiogroup__legend.sc-stzh-radiogroup .stzh-radiogroup__description.sc-stzh-radiogroup,.stzh-radiogroup__legend.sc-stzh-radiogroup .stzh-radiogroup__description-long.sc-stzh-radiogroup{display:inline-flex;align-items:flex-start;margin:0}.stzh-radiogroup__legend.sc-stzh-radiogroup .stzh-radiogroup__description-long-button.sc-stzh-radiogroup{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-radiogroup__legend.sc-stzh-radiogroup stzh-popover.sc-stzh-radiogroup .stzh-radiogroup__description-long-icon.sc-stzh-radiogroup{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-radiogroup__marker.sc-stzh-radiogroup{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-radiogroup--hide-legend.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup{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-radiogroup--is-invalid.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup,.stzh-radiogroup--has-error.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup{color:var(--stzh-color-error60)}.stzh-radiogroup--is-disabled.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup{color:var(--stzh-color-grey60)}.stzh-radiogroup--direction-horizontal.sc-stzh-radiogroup .stzh-radiogroup__fields.sc-stzh-radiogroup{flex-wrap:wrap;flex-direction:row;row-gap:var(--stzh-space-medium);column-gap:var(--stzh-space-xxlarge)}`;const _="stzh-radio, stzh-button[type=radio], stzh-card";let b=0;const m=class{constructor(s){t(this,s);this.disabled=false;this.hideLegend=false;this.invalid=false;this.required=false;this.hideOptional=false;this.direction="vertical";this.checkedRadio=null;this.preventUpdateProperties=[];this._preventUpdateProperties=[];this.handleReset=async()=>{this.value=this.defaultValue};this.init=()=>{this.radios=Array.from(this.element.querySelectorAll(_));this.updateRadiosProperty("hide-optional",true);this.updateRadiosProperty("a11y-describedby",`${this.radiogroupId}-description`);this.updateRadiosProperty("invalid",this.invalid||this.errorUsed);this.watchValue(this.value);this.watchName(this.name);this.watchDisabled(this.disabled);this.watchRequired(this.required)}}watchName(t){this.updateRadiosProperty("name",t)}watchDisabled(t){this.updateRadiosProperty("disabled",t)}watchRequired(t){this.updateRadiosProperty("required",t)}watchValue(t){this.updateCheckedRadioByValue(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=[]}}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){this.value=t.detail.value}updateRadiosProperty(t,s){this.radios.forEach((i=>{if(t==="disabled"){if(!i.disabled){i.disabled=s}}else if(t==="name"||this._preventUpdateProperties.indexOf(t)===-1){i[n(t)]=s}}))}get errorUsed(){var t;return h(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0}updateCheckedRadioByValue(t){var s;this.checkedRadio=(s=this.radios.find((s=>s.value===t)))!==null&&s!==void 0?s:null;this.radios.forEach((t=>{t.checked=this.checkedRadio===t}))}componentDidLoad(){this.defaultValue=this.defaultValue?this.defaultValue:this.value}async componentWillLoad(){this.radiogroupId=`stzh-radiogroup-${b++}`;this.errorWatcher(this.error);this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"radiogroup")}}componentShouldUpdate(t,s,i){return i!=="checkedRadio"}componentDidRender(){this.init()}connectedCallback(){if(!this.value){this.radios=Array.from(this.element.querySelectorAll(_));const t=this.radios.find((t=>t.checked));if(t){this.value=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(){const t=h(this.element,"description")||!!this.description;const s=h(this.element,"description-long")||!!this.descriptionLong;const r=!this.hideLegend&&(!!this.legend||s);const e={"stzh-radiogroup":true,"stzh-radiogroup--has-description":t,"stzh-radiogroup--has-description-long":s,"stzh-radiogroup--has-error":this.errorUsed,"stzh-radiogroup--is-required":this.required,"stzh-radiogroup--is-disabled":this.disabled,"stzh-radiogroup--is-invalid":this.invalid||this.errorUsed,"stzh-radiogroup--hide-legend":this.hideLegend,[`stzh-radiogroup--direction-${this.direction}`]:!!this.direction};return i(o,{key:"a0e96b6876f7f2c0d23fe294d4fe2efe0e9d384f","is-invalid":this.invalid||this.errorUsed},i("fieldset",{key:"21dfb3136ceab1ff086b45c4dac19699c9d8fd12",class:e},r&&i("legend",{key:"6886e7e3ba9c71cd1d31cf2a91d1cc66d36d8aec",class:"stzh-radiogroup__legend"},this.legend&&i("span",{key:"bf1c1237eb1bb1273842055677ed10106d737100",class:"stzh-radiogroup__legend-text"},this.legend,!this.hideOptional&&i("span",{key:"79d6145c8b6b7b9b8c02c07fb9fb87e1fa00a597",class:"stzh-radiogroup__marker"},i("span",{key:"e68e4bdf271a1571037de64eb58c0298f4213805",class:"stzh-radiogroup__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{key:"e113d2d632559b4af127f86df4cfaace2f8da11c",class:"stzh-radiogroup__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),s&&i(c,{key:"dacdd02a756fc8685e3fe2a9fa6c8bf25e8970a4",classPrefix:"stzh-radiogroup",id:`${this.radiogroupId}-description-long`,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel,showError:false,showDescriptionText:false})),i("div",{key:"26ba2789c4d2dc5b978a7b5562d8aef3bc33ca67",class:"stzh-radiogroup__fields"},i("slot",{key:"fe32429ccc608337a2fb5a665b95fc6c8b7f13f8"})),(this.errorUsed||t)&&i(c,{key:"a8a0acc53cae5c6a24b7516d008c9585354d6441",classPrefix:"stzh-radiogroup",id:`${this.radiogroupId}-description`,error:this._error,description:this.description,descriptionLongUsed:false})))}get element(){return e(this)}static get watchers(){return{name:["watchName"],disabled:["watchDisabled"],required:["watchRequired"],value:["watchValue"],error:["errorWatcher"],preventUpdateProperties:["preventUpdatePropertiesWatcher"]}}};m.style=g();export{z as stzh_datepicker,u as stzh_radio,m as stzh_radiogroup};
-//# sourceMappingURL=p-309af29f.entry.js.map
+import{r as t,c as s,h as i,F as r,a as o,d as e}from"./p-BeYTS5to.js";import{a}from"./p-Df1Iqnz9.js";import{h,a as d}from"./p-CBLSoWgI.js";import{S as c}from"./p-DOMoFgs-.js";import{c as n}from"./p-BubviQku.js";const l=()=>`.sc-stzh-datepicker-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-datepicker-h,[stzh-hidden].sc-stzh-datepicker-h{display:none}.sc-stzh-datepicker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datepicker-h *.sc-stzh-datepicker,.sc-stzh-datepicker-h *.sc-stzh-datepicker::before,.sc-stzh-datepicker-h *.sc-stzh-datepicker::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-datepicker-h .has-focus.sc-stzh-datepicker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datepicker-h .stzh-fylingfocus-focused.sc-stzh-datepicker{outline-style:none !important}.sc-stzh-datepicker-h .stzh-fylingfocus-focused.sc-stzh-datepicker::-moz-focus-inner{border:0 !important}.sc-stzh-datepicker-h{--calendar-width:var(--stzh-calendar-width);width:100%;position:relative}[inline].sc-stzh-datepicker-h:not([inline=false]){width:var(--calendar-width)}.stzh-datepicker__popover.sc-stzh-datepicker{--width:auto}.stzh-datepicker__calendar.sc-stzh-datepicker{margin-left:auto;margin-right:auto}.stzh-datepicker__calendar.is-inline.sc-stzh-datepicker{width:100%;margin-left:0px;margin-right:0px}.stzh-datepicker__actions.sc-stzh-datepicker{display:flex;width:var(--calendar-width);margin-left:auto;margin-right:auto}.stzh-datepicker__actions.is-inline.sc-stzh-datepicker{width:100%;margin-left:0px;margin-right:0px}.stzh-datepicker__actions.sc-stzh-datepicker:not(:empty){padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}.stzh-datepicker--has-action.sc-stzh-datepicker .stzh-datepicker__popover.sc-stzh-datepicker{--content-padding:0 0 var(--stzh-space-small) 0}`;const z=class{constructor(i){t(this,i);this.stzhChange=s(this,"stzhChange");this.calendarMin="";this.calendarMax="";this.calendarIsDateDisabled=()=>false;this.name="";this.value="";this.calendarValue="";this.inputValue="";this.defaultValue="";this.label="";this.labelHidden=false;this.readonly=false;this.disabled=false;this.invalid=false;this.required=false;this.hideOptional=false;this.size="default";this.inline=false;this.internalDateAdapter="iso";this.handleReset=async()=>{this.value=this.defaultValue};this.onRootFocus=()=>{if(this.input){this.input.focus()}};this.onInputChanged=()=>{const t=this.dateAdapter.parse(this.input.value,"dateInput");if(this.input.value===""||t){const s=this._internalDateAdapter.format(t,"dateInput");if(this.value!==s){this.value=s}else{this.valueWatcher(s)}this.stzhChange.emit({component:"stzh-datepicker",value:this.value,valueAsDate:t})}};this.onCalendarChange=t=>{if(t.detail.component!=="stzh-calendar"){t.stopPropagation();return}this.value=t.detail.valueAsDate&&this._internalDateAdapter.format(t.detail.valueAsDate,"dateInput");this.stzhChange.emit({component:"stzh-datepicker",value:this.value,valueAsDate:t.detail.valueAsDate});if(this.popoverElement){this.popoverElement.hide()}}}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}createDateFormatters(){if(this.localization){this.dateFormatLong=new Intl.DateTimeFormat(this.localization.$locale,{day:"numeric",month:"long",year:"numeric"})}}valueWatcher(t){if(!this._internalDateAdapter){return}const s=this._internalDateAdapter.parse(t,"dateInput");this.calendarValue=a(s);this.inputValue=this.dateAdapter.format(s,"dateInput");this.updateButtonAccessibleLabel()}dateAdapterWatcher(t){if(!t){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}internalDateAdapterWatcher(t){if(t==="iso"||!t){this._internalDateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formatsIso,this.localization.$globals)}else if(t==="legacy"){this._internalDateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formatsLegacy,this.localization.$globals)}else{this._internalDateAdapter=t}}async setDate(t){this.value=this._internalDateAdapter.format(t,"dateInput")}async getPopover(){return this.popoverElement}updateButtonAccessibleLabel(){if(!this.localization){return}try{const t=this._internalDateAdapter.parse(this.value,"dateInput");this.buttonLabel=`${this.label}, ${this.localization.buttonLabel}, ${this.localization.selectedDateMessage} ${this.dateFormatLong.format(t)}`}catch(t){this.buttonLabel=`${this.label}, ${this.localization.buttonLabel}`}}connectedCallback(){this.createDateFormatters()}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"datepicker")}this.dateAdapterWatcher(this.dateAdapter);this.internalDateAdapterWatcher(this.internalDateAdapter);this.valueWatcher(this.value);this.defaultValue=this.defaultValue||this.value}render(){const t=h(this.element,"action");const s={"stzh-datepicker":true,"stzh-datepicker--inline":this.inline,"stzh-datepicker--has-action":t};return i(o,{key:"8e5836548ef85658daeae05abb2fd099247de203",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},i("div",{key:"e9f5e6d4fec7f19ab982a8665559d4812600fec1",class:s},i("input",{key:"23129e07f69b18e5de148056fb50d43f98a6de6d",type:"hidden",name:this.name,value:this.value,defaultValue:this.defaultValue}),this.inline&&i(r,{key:"87eedcd0f156f122b35353f20e0547b5c6afa858"},i("stzh-calendar",{key:"1625920110b887b147cbb05690b9ba17676fb990",value:this.calendarValue,class:"stzh-datepicker__calendar is-inline",isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{key:"c1ad1d0bfda2bc1dc6dbea76935196abb7e38ab2",class:"stzh-datepicker__actions"},i("slot",{key:"1f872e8fdd6d6947b843e77681e75ec8ceb19d9a",name:"action"}))),!this.inline&&i("stzh-input",{key:"82b52fc87a5ecd97bb5f9a8c1c28b920966abb10",value:this.inputValue,label:this.label,labelHidden:this.labelHidden,ref:t=>this.input=t,noAutocomplete:true,onStzhChanged:this.onInputChanged,readonly:this.readonly,disabled:this.disabled,description:this.description,descriptionLong:this.descriptionLong,error:this.error,invalid:this.invalid,required:this.required,hideOptional:this.hideOptional,size:this.size},i("stzh-popover",{key:"352ee6f2ca647af897b94c6390b36a461978dc96",ref:t=>this.popoverElement=t,class:"stzh-datepicker__popover",slot:"button-right",placement:"bottom-end",strategy:"fixed",label:this.label},i("stzh-button",{key:"f2c6812370a1a6937671c0f74ffe20a016220611","icon-only":true,icon:"calendar",size:this.size,disabled:this.disabled,a11yLabel:this.buttonLabel}),i("div",{key:"a261adb3d80361ee073d3848b6ef9ed905528ddd",slot:"content"},i("stzh-calendar",{key:"f6561d869d21f6d20e090cdfbb9a2a622ae5f638",value:this.calendarValue,class:"stzh-datepicker__calendar is-popover",isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{key:"cea1ed2e46fb64e2d296b97a4e64800b1c27fd83",class:"stzh-datepicker__actions"},i("slot",{key:"8647463392000e8c84cd92bca1c2141b625f168a",name:"action"})))))))}get element(){return e(this)}static get watchers(){return{localization:["createDateFormatters"],value:["valueWatcher"],dateAdapter:["dateAdapterWatcher"],internalDateAdapter:["internalDateAdapterWatcher"]}}};z.style=l();const p=()=>`.sc-stzh-radio-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-radio-h,[stzh-hidden].sc-stzh-radio-h{display:none}.sc-stzh-radio-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-radio-h *.sc-stzh-radio,.sc-stzh-radio-h *.sc-stzh-radio::before,.sc-stzh-radio-h *.sc-stzh-radio::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-radio-h .has-focus.sc-stzh-radio{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-radio-h .stzh-fylingfocus-focused.sc-stzh-radio{outline-style:none !important}.sc-stzh-radio-h .stzh-fylingfocus-focused.sc-stzh-radio::-moz-focus-inner{border:0 !important}.sc-stzh-radio-h{--label-color:var(--stzh-radio-label-color, var(--stzh-base-color));--label-hover-color:var(--stzh-radio-label-hover-color, var(--stzh-color-primary70));--label-hover-checked-color:var(\n    --stzh-radio-label-hover-checked-color,\n    var(--stzh-color-primary90)\n  );--check-color:var(--stzh-radio-check-color, var(--stzh-color-primary70));--invalid-color:var(--stzh-radio-invalid-color, var(--stzh-color-error60));--disabled-color:var(--stzh-radio-disabled-color, var(--stzh-color-grey50));display:inline-block}[disabled].sc-stzh-radio-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-radio__marker-symbol.sc-stzh-radio{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-radio__marker-text.sc-stzh-radio{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-radio__description-wrapper.sc-stzh-radio{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-radio__error.sc-stzh-radio,.stzh-radio__description.sc-stzh-radio{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-radio__error.sc-stzh-radio{color:var(--stzh-color-error60)}.stzh-radio__error-list.sc-stzh-radio{list-style:none;margin:0;padding:0}.stzh-radio__description.sc-stzh-radio{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-radio__description-long.sc-stzh-radio{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-radio__description-long.sc-stzh-radio{margin-top:0}}.stzh-radio__description-long-popover.sc-stzh-radio{--width:auto;--max-width:27.3125rem}.stzh-radio__description-long-button.sc-stzh-radio{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-radio.sc-stzh-radio stzh-icon.stzh-radio__description-long-icon.sc-stzh-radio{--size:var(--stzh-icon-size-xsmall)}.stzh-radio--has-error.sc-stzh-radio .stzh-radio__error.sc-stzh-radio,.stzh-radio--has-description.sc-stzh-radio .stzh-radio__description.sc-stzh-radio{margin-top:var(--stzh-space-xxxsmall)}.stzh-radio.sc-stzh-radio{display:grid}.stzh-radio__field-wrapper.sc-stzh-radio{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-radio__input.sc-stzh-radio{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-radio__mark.sc-stzh-radio{border:0.125rem solid var(--stzh-color-black);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;transition:border-color var(--stzh-base-transition-animation-speed)}.stzh-radio__mark.sc-stzh-radio::before{content:""}@media (forced-colors: active){.stzh-radio__mark.sc-stzh-radio{transition:none;border-color:ButtonBorder}}.stzh-radio__check.sc-stzh-radio{background-color:currentColor;color:var(--check-color, var(--stzh-color-primary70));width:1rem;height:1rem;border-radius:50%;opacity:0;transition-property:color;transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-radio__check.sc-stzh-radio{transition:none;forced-color-adjust:none;color:Highlight}}.stzh-radio__label.sc-stzh-radio{--stzh-base-color:initial;display:flex;align-items:flex-start;gap:var(--stzh-space-xsmall);color:var(--label-color);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);line-height:1.5rem}.stzh-radio__label.sc-stzh-radio:empty{display:none}.stzh-radio__label-content.sc-stzh-radio{min-width:0}.stzh-radio__label-content.sc-stzh-radio stzh-text.sc-stzh-radio{display:block}.stzh-radio__marker.sc-stzh-radio{flex:0 0 auto;margin-left:0}.stzh-radio__label.sc-stzh-radio>.stzh-radio__description-wrapper.sc-stzh-radio{flex:0 0 auto;display:inline-flex;align-items:center;margin:0;transform:translateY(0.125rem)}.stzh-radio__label.sc-stzh-radio .stzh-radio__description.sc-stzh-radio,.stzh-radio__label.sc-stzh-radio .stzh-radio__description-long.sc-stzh-radio{display:inline-flex;align-items:flex-start;margin:0}.stzh-radio__label.sc-stzh-radio .stzh-radio__description-long-button.sc-stzh-radio{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-radio__label.sc-stzh-radio stzh-popover.sc-stzh-radio .stzh-radio__description-long-icon.sc-stzh-radio{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-radio.sc-stzh-radio:hover .stzh-radio__label.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__label.sc-stzh-radio{color:var(--label-hover-color)}.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__label.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--label-hover-checked-color)}@media (forced-colors: active){.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:Highlight}}.stzh-radio.sc-stzh-radio:hover .stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio{border-color:var(--label-hover-color)}@media (forced-colors: active){.stzh-radio.sc-stzh-radio:hover .stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio{border-color:Highlight}}.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio{border-color:var(--label-hover-checked-color)}@media (forced-colors: active){.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio{border-color:Highlight}}.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{opacity:1}@media (forced-colors: none){.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio,.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--invalid-color)}}@media (forced-colors: none){.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:var(--invalid-color)}}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__field-wrapper.sc-stzh-radio{cursor:not-allowed}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio{color:var(--stzh-color-grey60)}@media (forced-colors: active){.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio{color:GrayText}}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:var(--disabled-color);background-color:var(--stzh-color-grey20)}@media (forced-colors: active){.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:GrayText}}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--disabled-color)}@media (forced-colors: active){.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:GrayText}}`;let f=0;const u=class{constructor(i){t(this,i);this.stzhChange=s(this,"stzhChange");this.stzhFocus=s(this,"stzhFocus");this.stzhBlur=s(this,"stzhBlur");this.disabled=false;this.name="";this.value="";this.invalid=false;this.required=false;this.hideOptional=false;this.checked=false;this.label="";this.a11yDescribedby="";this.hasDefaultSlot=false;this.hasResolvedDefaultSlot=false;this.focusedByInput=false;this.handleReset=async()=>{this.checked=this.defaultChecked};this.onInput=t=>{this.checked=this.input.checked;this.stzhChange.emit({component:"stzh-radio",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 s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-radio",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-radio",originalEvent:t})};this.updateDefaultSlotState=()=>{const t=d(this.element,["stzh-radio"]);if(this.hasDefaultSlot!==t){this.hasDefaultSlot=t}if(!this.hasResolvedDefaultSlot){this.hasResolvedDefaultSlot=true}}}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}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=[]}}componentDidLoad(){this.updateDefaultSlotState()}async componentWillLoad(){this.inputId=`stzh-radio-${f++}`;this.errorWatcher(this.error);this.defaultChecked=typeof this.defaultChecked==="boolean"?this.defaultChecked:this.checked;if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"radio")}}render(){var t;const s=h(this.element,"description")||!!this.description;const r=h(this.element,"description-long")||!!this.descriptionLong;const e=h(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const a=!!this.label||this.hasDefaultSlot;const d=!this.hasResolvedDefaultSlot||a||r;const n={"stzh-radio":true,"stzh-radio--has-description":s,"stzh-radio--has-description-long":r,"stzh-radio--has-error":e,"stzh-radio--is-required":this.required,"stzh-radio--is-invalid":this.invalid||e,"stzh-radio--is-disabled":this.disabled};return i(o,{key:"d8b821c0e702ed812288893765700b87f9cbcb08","is-invalid":this.invalid||e,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},i("div",{key:"cf0e71199603a7fbbc91a3ec558a45619ec8a5ea",class:n},d&&i("label",{key:"93d29f4d51578baecde17295a4f6fea11ad1695e",class:"stzh-radio__field-wrapper"},i("input",{key:"5853c10f1520bdbbf65fd3ecc12e08b0ce3ab957",class:"stzh-radio__input",ref:t=>this.input=t,type:"radio",id:this.inputId,name:this.name,value:String(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}),i("div",{key:"1abeaa7db85a47424eaccf4b382d77cbe3b37785",class:"stzh-radio__mark"},i("div",{key:"d065d3ba0d7755795d986b45061c57ff3550e1bc",class:"stzh-radio__check"})),i("div",{key:"b2593750b347ceffb3f4fff044a41ef9d87f4abb",class:"stzh-radio__label"},i("span",{key:"692a0293f6ee92c9d978d66dc34023420d99e420",class:"stzh-radio__label-content"},this.label?this.label:i("slot",{onSlotchange:this.updateDefaultSlotState})),a&&!this.hideOptional&&i("span",{key:"1c8fb5e4f95d16ff0e54681d4b41c0dd5f73403a",class:"stzh-radio__marker"},i("span",{key:"cedb299447dc283a490d6fcd9a861176d307b184",class:"stzh-radio__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{key:"85fc42ae5368814ac1d85b7b13ab731373783d9f",class:"stzh-radio__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText)),r&&i(c,{key:"118f215fc6aa480db7cc6eaf6ffd4fddde75aa8c",classPrefix:"stzh-radio",id:`${this.inputId}-description-long`,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:true,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel,showError:false,showDescriptionText:false}))),(e||s)&&i(c,{key:"b29ba87abd02bfb93c6d3eb39552874323566592",classPrefix:"stzh-radio",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLongUsed:false})))}get element(){return e(this)}static get watchers(){return{error:["errorWatcher"]}}};u.style=p();const g=()=>`.sc-stzh-radiogroup-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-radiogroup-h,[stzh-hidden].sc-stzh-radiogroup-h{display:none}.sc-stzh-radiogroup-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-radiogroup-h *.sc-stzh-radiogroup,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::before,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::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-radiogroup-h .has-focus.sc-stzh-radiogroup{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-radiogroup-h .stzh-fylingfocus-focused.sc-stzh-radiogroup{outline-style:none !important}.sc-stzh-radiogroup-h .stzh-fylingfocus-focused.sc-stzh-radiogroup::-moz-focus-inner{border:0 !important}.sc-stzh-radiogroup-h{--legend-color:var(--stzh-radio-group-legend-color, var(--stzh-heading-color))}[disabled].sc-stzh-radiogroup-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-radiogroup__marker-symbol.sc-stzh-radiogroup{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-radiogroup__marker-text.sc-stzh-radiogroup{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-radiogroup__description-wrapper.sc-stzh-radiogroup{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup__description.sc-stzh-radiogroup{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-radiogroup__error.sc-stzh-radiogroup{color:var(--stzh-color-error60)}.stzh-radiogroup__error-list.sc-stzh-radiogroup{list-style:none;margin:0;padding:0}.stzh-radiogroup__description.sc-stzh-radiogroup{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-radiogroup__description-long.sc-stzh-radiogroup{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-radiogroup__description-long.sc-stzh-radiogroup{margin-top:0}}.stzh-radiogroup__description-long-popover.sc-stzh-radiogroup{--width:auto;--max-width:27.3125rem}.stzh-radiogroup__description-long-button.sc-stzh-radiogroup{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-radiogroup.sc-stzh-radiogroup stzh-icon.stzh-radiogroup__description-long-icon.sc-stzh-radiogroup{--size:var(--stzh-icon-size-xsmall)}.stzh-radiogroup--has-error.sc-stzh-radiogroup .stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup--has-description.sc-stzh-radiogroup .stzh-radiogroup__description.sc-stzh-radiogroup{margin-top:var(--stzh-space-xxxsmall)}.stzh-radiogroup.sc-stzh-radiogroup{margin:0;padding:0;border:none}.stzh-radiogroup__fields.sc-stzh-radiogroup{display:flex;align-items:flex-start;flex-direction:column;gap:var(--stzh-space-medium)}.stzh-radiogroup__legend.sc-stzh-radiogroup{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(--legend-color);padding:0;margin-bottom:var(--stzh-space-xsmall);display:flex;align-items:center;gap:var(--stzh-space-xsmall);min-width:0;max-width:100%}.stzh-radiogroup__legend-text.sc-stzh-radiogroup{min-width:0}.stzh-radiogroup__legend.sc-stzh-radiogroup>.stzh-radiogroup__description-wrapper.sc-stzh-radiogroup{flex:0 0 auto;display:inline-flex;align-items:flex-start;margin:0;transform:translateY(0.0625rem)}.stzh-radiogroup__legend.sc-stzh-radiogroup .stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup__legend.sc-stzh-radiogroup .stzh-radiogroup__description-text.sc-stzh-radiogroup{display:none}.stzh-radiogroup__legend.sc-stzh-radiogroup .stzh-radiogroup__description.sc-stzh-radiogroup,.stzh-radiogroup__legend.sc-stzh-radiogroup .stzh-radiogroup__description-long.sc-stzh-radiogroup{display:inline-flex;align-items:flex-start;margin:0}.stzh-radiogroup__legend.sc-stzh-radiogroup .stzh-radiogroup__description-long-button.sc-stzh-radiogroup{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-radiogroup__legend.sc-stzh-radiogroup stzh-popover.sc-stzh-radiogroup .stzh-radiogroup__description-long-icon.sc-stzh-radiogroup{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-radiogroup__marker.sc-stzh-radiogroup{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-radiogroup--hide-legend.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup{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-radiogroup--is-invalid.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup,.stzh-radiogroup--has-error.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup{color:var(--stzh-color-error60)}.stzh-radiogroup--is-disabled.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup{color:var(--stzh-color-grey60)}.stzh-radiogroup--direction-horizontal.sc-stzh-radiogroup .stzh-radiogroup__fields.sc-stzh-radiogroup{flex-wrap:wrap;flex-direction:row;row-gap:var(--stzh-space-medium);column-gap:var(--stzh-space-xxlarge)}`;const _="stzh-radio, stzh-button[type=radio], stzh-card";let b=0;const m=class{constructor(s){t(this,s);this.disabled=false;this.hideLegend=false;this.invalid=false;this.required=false;this.hideOptional=false;this.direction="vertical";this.checkedRadio=null;this.preventUpdateProperties=[];this._preventUpdateProperties=[];this.handleReset=async()=>{this.value=this.defaultValue};this.init=()=>{this.radios=Array.from(this.element.querySelectorAll(_));this.updateRadiosProperty("hide-optional",true);this.updateRadiosProperty("a11y-describedby",`${this.radiogroupId}-description`);this.updateRadiosProperty("invalid",this.invalid||this.errorUsed);this.watchValue(this.value);this.watchName(this.name);this.watchDisabled(this.disabled);this.watchRequired(this.required)}}watchName(t){this.updateRadiosProperty("name",t)}watchDisabled(t){this.updateRadiosProperty("disabled",t)}watchRequired(t){this.updateRadiosProperty("required",t)}watchValue(t){this.updateCheckedRadioByValue(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=[]}}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){this.value=t.detail.value}updateRadiosProperty(t,s){this.radios.forEach((i=>{if(t==="disabled"){if(!i.disabled){i.disabled=s}}else if(t==="name"||this._preventUpdateProperties.indexOf(t)===-1){i[n(t)]=s}}))}get errorUsed(){var t;return h(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0}updateCheckedRadioByValue(t){var s;this.checkedRadio=(s=this.radios.find((s=>s.value===t)))!==null&&s!==void 0?s:null;this.radios.forEach((t=>{t.checked=this.checkedRadio===t}))}componentDidLoad(){this.defaultValue=this.defaultValue?this.defaultValue:this.value}async componentWillLoad(){this.radiogroupId=`stzh-radiogroup-${b++}`;this.errorWatcher(this.error);this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"radiogroup")}}componentShouldUpdate(t,s,i){return i!=="checkedRadio"}componentDidRender(){this.init()}connectedCallback(){if(!this.value){this.radios=Array.from(this.element.querySelectorAll(_));const t=this.radios.find((t=>t.checked));if(t){this.value=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(){const t=h(this.element,"description")||!!this.description;const s=h(this.element,"description-long")||!!this.descriptionLong;const r=!this.hideLegend&&(!!this.legend||s);const e={"stzh-radiogroup":true,"stzh-radiogroup--has-description":t,"stzh-radiogroup--has-description-long":s,"stzh-radiogroup--has-error":this.errorUsed,"stzh-radiogroup--is-required":this.required,"stzh-radiogroup--is-disabled":this.disabled,"stzh-radiogroup--is-invalid":this.invalid||this.errorUsed,"stzh-radiogroup--hide-legend":this.hideLegend,[`stzh-radiogroup--direction-${this.direction}`]:!!this.direction};return i(o,{key:"a0e96b6876f7f2c0d23fe294d4fe2efe0e9d384f","is-invalid":this.invalid||this.errorUsed},i("fieldset",{key:"21dfb3136ceab1ff086b45c4dac19699c9d8fd12",class:e},r&&i("legend",{key:"6886e7e3ba9c71cd1d31cf2a91d1cc66d36d8aec",class:"stzh-radiogroup__legend"},this.legend&&i("span",{key:"bf1c1237eb1bb1273842055677ed10106d737100",class:"stzh-radiogroup__legend-text"},this.legend,!this.hideOptional&&i("span",{key:"79d6145c8b6b7b9b8c02c07fb9fb87e1fa00a597",class:"stzh-radiogroup__marker"},i("span",{key:"e68e4bdf271a1571037de64eb58c0298f4213805",class:"stzh-radiogroup__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{key:"e113d2d632559b4af127f86df4cfaace2f8da11c",class:"stzh-radiogroup__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),s&&i(c,{key:"dacdd02a756fc8685e3fe2a9fa6c8bf25e8970a4",classPrefix:"stzh-radiogroup",id:`${this.radiogroupId}-description-long`,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel,showError:false,showDescriptionText:false})),i("div",{key:"26ba2789c4d2dc5b978a7b5562d8aef3bc33ca67",class:"stzh-radiogroup__fields"},i("slot",{key:"fe32429ccc608337a2fb5a665b95fc6c8b7f13f8"})),(this.errorUsed||t)&&i(c,{key:"a8a0acc53cae5c6a24b7516d008c9585354d6441",classPrefix:"stzh-radiogroup",id:`${this.radiogroupId}-description`,error:this._error,description:this.description,descriptionLongUsed:false})))}get element(){return e(this)}static get watchers(){return{name:["watchName"],disabled:["watchDisabled"],required:["watchRequired"],value:["watchValue"],error:["errorWatcher"],preventUpdateProperties:["preventUpdatePropertiesWatcher"]}}};m.style=g();export{z as stzh_datepicker,u as stzh_radio,m as stzh_radiogroup};
+//# sourceMappingURL=p-b45a6e9e.entry.js.map