npm - @oiz/stzh-components - Versions diffs - 2.11.0-beta1 → 2.11.1 - Mend

@oiz/stzh-components 2.11.0-beta1 → 2.11.1

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

Files changed (801) hide show

package/dist/stzh-components/{p-19b7b131.entry.js → p-afb2885a.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,F as r,a as o,g as e}from"./p-c92165bd.js";import{a,p as h}from"./p-23d404e1.js";import{h as n}from"./p-ba8c574b.js";import{S as d}from"./p-bac917cc.js";import{c}from"./p-9b063923.js";const l=".sc-stzh-datepicker-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datepicker-h{display:none}.sc-stzh-datepicker-h *.sc-stzh-datepicker,.sc-stzh-datepicker-h *.sc-stzh-datepicker::before,.sc-stzh-datepicker-h *.sc-stzh-datepicker::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-datepicker-h .has-focus.sc-stzh-datepicker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.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{width:100%}.stzh-datepicker__popover.sc-stzh-datepicker{--padding:var(--stzh-space-medium);--width:auto}.stzh-datepicker__actions.sc-stzh-datepicker{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.stzh-datepicker__actions.sc-stzh-datepicker:not(:empty){margin-top:var(--stzh-space-xsmall)}";const z=class{constructor(i){t(this,i);this.stzhChange=s(this,"stzhChange",7);this.onRootFocus=()=>{if(this.input){this.input.setFocus()}};this.onInputChanged=()=>{const t=this.dateAdapter.parse(this.input.value,"dateInput");if(this.input.value===""||t){const s=a(t);if(this.value!==s){if(this.calendar){this.calendar.value=s}this.value=s}else{this.valueWatcher(s)}this.stzhChange.emit({component:"stzh-datepicker",value:this.value,valueAsDate:t})}};this.onCalendarChange=t=>{this.value=t.detail.value;this.stzhChange.emit({component:"stzh-datepicker",value:this.value,valueAsDate:t.detail.valueAsDate});if(this.input){this.input.value=t.detail.valueAsDate&&this.dateAdapter.format(t.detail.valueAsDate,"dateInput")}if(this.popover){this.popover.hide()}};this.calendarMin="";this.calendarMax="";this.calendarIsDateDisabled=()=>false;this.name="";this.value="";this.label="";this.labelHidden=false;this.readonly=false;this.disabled=false;this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.invalid=false;this.required=false;this.showMarker=false;this.size="default";this.inline=false;this.dateAdapter=undefined;this.localization=undefined;this.buttonLabel=undefined}createDateFormatters(){if(this.localization){this.dateFormatLong=new Intl.DateTimeFormat(this.localization.$locale,{day:"numeric",month:"long",year:"numeric"})}}valueWatcher(t){const s=h(t);if(this.calendar){this.calendar.value=t}if(this.input){this.input.value=this.dateAdapter.format(s,"dateInput")}this.updateButtonAccessibleLabel()}async setDate(t){this.value=a(t)}async getPopover(){return this.popover}updateButtonAccessibleLabel(){if(!this.localization){return}try{const t=h(this.value);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")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}componentDidLoad(){this.valueWatcher(this.value)}render(){const t={"stzh-datepicker":true,"stzh-datepicker--inline":this.inline};return i(o,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},i("div",{class:t},i("input",{type:"hidden",name:this.name,value:this.value}),this.inline&&i(r,null,i("stzh-calendar",{ref:t=>this.calendar=t,isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{class:"stzh-datepicker__actions"},i("slot",{name:"action"}))),!this.inline&&i("stzh-input",{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,showMarker:this.showMarker,size:this.size},i("stzh-popover",{ref:t=>this.popover=t,class:"stzh-datepicker__popover",slot:"button-right",placement:"bottom-end",label:this.label},i("stzh-button",{variant:"input","icon-only":true,icon:"calendar",disabled:this.disabled,a11yLabel:this.buttonLabel}),i("div",{slot:"content"},i("stzh-calendar",{ref:t=>this.calendar=t,isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{class:"stzh-datepicker__actions"},i("slot",{name:"action"})))))))}get element(){return e(this)}static get watchers(){return{localization:["createDateFormatters"],value:["valueWatcher"]}}};z.style=l;const p='.sc-stzh-radio-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-radio-h{display:none}.sc-stzh-radio-h *.sc-stzh-radio,.sc-stzh-radio-h *.sc-stzh-radio::before,.sc-stzh-radio-h *.sc-stzh-radio::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-radio-h .has-focus.sc-stzh-radio{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.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{display:inline-block}.sc-stzh-radio-h .sc-stzh-radio-s>stzh-text{--color:inherit}.stzh-radio__marker-symbol.sc-stzh-radio{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular)}.stzh-radio__marker-text.sc-stzh-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-radio__description-wrapper.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-radio__error.sc-stzh-radio,.stzh-radio__description.sc-stzh-radio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-radio__error.sc-stzh-radio{color:var(--stzh-color-error)}.stzh-radio__error-list.sc-stzh-radio{list-style:none;margin:0;padding:0}.stzh-radio__description.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-radio__description-long.sc-stzh-radio{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-radio__description-long-popover.sc-stzh-radio{--width:auto;--max-width:27.3125rem}.stzh-radio__description-long-popover[open].sc-stzh-radio:not([open=false]) .stzh-radio__description-long-button.sc-stzh-radio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio__description-long-button.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-radio__description-long-button.sc-stzh-radio:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.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-xxsmall)}.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:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-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;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--stzh-form-input-border-radius)}.stzh-radio__mark.sc-stzh-radio{border:0.0625rem solid var(--stzh-color-grey61);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed)}.stzh-radio__mark.sc-stzh-radio::before{content:""}.stzh-radio__check.sc-stzh-radio{background-color:currentColor;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));width:0.5rem;height:0.5rem;border-radius:50%;opacity:0}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-radio__check.sc-stzh-radio{background-color:ButtonText}}.stzh-radio__label.sc-stzh-radio{display:inline-block;color:var(--stzh-base-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);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__marker-symbol.sc-stzh-radio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-radio.sc-stzh-radio:hover .stzh-radio__label.sc-stzh-radio,.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,.stzh-radio__input.sc-stzh-radio:checked:focus~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__label.sc-stzh-radio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio.sc-stzh-radio:hover .stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:focus:hover~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:focus~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-radio__input.sc-stzh-radio:focus~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{opacity:1}.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(--stzh-color-error)}.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-error)}.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,.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(--stzh-color-grey61)}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:transparent}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__mark.sc-stzh-radio{background-color:var(--stzh-color-black8)}';let u=0;const f=class{constructor(i){t(this,i);this.stzhChange=s(this,"stzhChange",7);this.stzhFocus=s(this,"stzhFocus",7);this.stzhBlur=s(this,"stzhBlur",7);this.focusedByInput=false;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.setFocus()}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.localization=undefined;this.disabled=false;this.name="";this.value="";this.invalid=false;this.required=false;this.showMarker=false;this.checked=false;this.label="";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.a11yDescribedby=""}async setFocus(){this.input.focus()}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=[]}this.invalid=this._error.length>0}async componentWillLoad(){this.inputId=`stzh-radio-${u++}`;this.errorWatcher(this.error);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"radio")}}render(){const t=n(this.element,"description")||!!this.description;const s=n(this.element,"description-long")||!!this.descriptionLong;const r=n(this.element,"error")||!!this.error;const e={"stzh-radio":true,"stzh-radio--has-description":t,"stzh-radio--has-description-long":s,"stzh-radio--has-error":r,"stzh-radio--is-required":this.required,"stzh-radio--is-invalid":this.invalid,"stzh-radio--is-disabled":this.disabled};return i(o,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},i("div",{class:e},i("label",{class:"stzh-radio__field-wrapper"},i("input",{class:"stzh-radio__input",ref:t=>this.input=t,type:"radio",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,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur}),i("div",{class:"stzh-radio__mark"},i("div",{class:"stzh-radio__check"})),i("div",{class:"stzh-radio__label"},this.label?this.label:i("slot",null),this.showMarker&&i("span",{class:"stzh-radio__marker"},i("span",{class:"stzh-radio__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-radio__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText)))),i(d,{classPrefix:"stzh-radio",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return e(this)}static get watchers(){return{error:["errorWatcher"]}}};f.style=p;const g=".sc-stzh-radiogroup-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-radiogroup-h{display:none}.sc-stzh-radiogroup-h *.sc-stzh-radiogroup,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::before,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-radiogroup-h .has-focus.sc-stzh-radiogroup{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.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[direction=vertical] .sc-stzh-radiogroup-s>stzh-radio:not(:last-child){margin-bottom:var(--stzh-space-medium)}.sc-stzh-radiogroup-h[direction=horizontal] .sc-stzh-radiogroup-s>stzh-radio:not(:last-child){margin-right:var(--stzh-space-large)}.stzh-radiogroup.sc-stzh-radiogroup{margin:0;padding:0;border:none}.stzh-radiogroup__marker-symbol.sc-stzh-radiogroup{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular)}.stzh-radiogroup__marker-text.sc-stzh-radiogroup{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-radiogroup__description-wrapper.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup__description.sc-stzh-radiogroup{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-radiogroup__error.sc-stzh-radiogroup{color:var(--stzh-color-error)}.stzh-radiogroup__error-list.sc-stzh-radiogroup{list-style:none;margin:0;padding:0}.stzh-radiogroup__description.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-radiogroup__description-long.sc-stzh-radiogroup{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-radiogroup__description-long-popover.sc-stzh-radiogroup{--width:auto;--max-width:27.3125rem}.stzh-radiogroup__description-long-popover[open].sc-stzh-radiogroup:not([open=false]) .stzh-radiogroup__description-long-button.sc-stzh-radiogroup{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radiogroup__description-long-button.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-radiogroup__description-long-button.sc-stzh-radiogroup:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.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-xxsmall)}.stzh-radiogroup__fields.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.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-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);padding:0;margin-bottom: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);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-radiogroup--direction-horizontal.sc-stzh-radiogroup .stzh-radiogroup__fields.sc-stzh-radiogroup{-ms-flex-direction:row;flex-direction:row}";const m="stzh-radio, stzh-button[type=radio], stzh-card";let _=0;const b=class{constructor(s){t(this,s);this._preventUpdateProperties=[];this.init=()=>{this.radios=Array.from(this.element.querySelectorAll(m));this.updateRadiosProperty("show-marker",false);this.updateRadiosProperty("a11y-describedby",`${this.radiogroupId}-description`);this.watchValue(this.value);this.watchName(this.name);this.watchDisabled(this.disabled);this.watchInvalid(this.invalid);this.watchRequired(this.required)};this.localization=undefined;this.disabled=false;this.name=undefined;this.legend=undefined;this.hideLegend=false;this.invalid=false;this.required=false;this.showMarker=false;this.value="";this.direction="vertical";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.checkedRadio=null;this.preventUpdateProperties=[]}watchName(t){this.updateRadiosProperty("name",t)}watchDisabled(t){this.updateRadiosProperty("disabled",t)}watchInvalid(t){this.updateRadiosProperty("invalid",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=[]}this.invalid=this._error.length>0}preventUpdatePropertiesWatcher(t){if(typeof t==="string"){this._preventUpdateProperties=JSON.parse(t)}else{this._preventUpdateProperties=t}}onChange(t){this.value=t.detail.value}updateRadiosProperty(t,s){this.radios.forEach((i=>{if(t==="name"||this._preventUpdateProperties.indexOf(t)===-1){i[c(t)]=s}}))}updateCheckedRadioByValue(t){this.checkedRadio=this.radios.find((s=>s.value===t));if(this.checkedRadio){this.checkedRadio.checked=true}this.uncheckRadios()}uncheckRadios(){this.radios.forEach((t=>{if(!this.checkedRadio||t!==this.checkedRadio){t.checked=false}}))}async componentWillLoad(){this.radiogroupId=`stzh-radiogroup-${_++}`;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(m));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=n(this.element,"description")||!!this.description;const s=n(this.element,"description-long")||!!this.descriptionLong;const r=n(this.element,"error")||!!this.error;const o={"stzh-radiogroup":true,"stzh-radiogroup--has-description":t,"stzh-radiogroup--has-description-long":s,"stzh-radiogroup--has-error":r,"stzh-radiogroup--is-required":this.required,"stzh-radiogroup--is-disabled":this.disabled,"stzh-radiogroup--is-invalid":this.invalid,"stzh-radiogroup--hide-legend":this.hideLegend,[`stzh-radiogroup--direction-${this.direction}`]:!!this.direction};return i("fieldset",{class:o},this.legend&&i("legend",{class:"stzh-radiogroup__legend"},this.legend,this.showMarker&&i("span",{class:"stzh-radiogroup__marker"},i("span",{class:"stzh-radiogroup__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-radiogroup__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),i("div",{class:"stzh-radiogroup__fields"},i("slot",null)),i(d,{classPrefix:"stzh-radiogroup",id:`${this.radiogroupId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))}get element(){return e(this)}static get watchers(){return{name:["watchName"],disabled:["watchDisabled"],invalid:["watchInvalid"],required:["watchRequired"],value:["watchValue"],error:["errorWatcher"],preventUpdateProperties:["preventUpdatePropertiesWatcher"]}}};b.style=g;export{z as stzh_datepicker,f as stzh_radio,b as stzh_radiogroup};
-//# sourceMappingURL=p-19b7b131.entry.js.map
+import{r as t,c as s,h as i,F as r,a as o,g as e}from"./p-c92165bd.js";import{a,p as h}from"./p-23d404e1.js";import{h as n}from"./p-cfdb06e4.js";import{S as d}from"./p-bac917cc.js";import{c}from"./p-9b063923.js";const l=".sc-stzh-datepicker-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datepicker-h{display:none}.sc-stzh-datepicker-h *.sc-stzh-datepicker,.sc-stzh-datepicker-h *.sc-stzh-datepicker::before,.sc-stzh-datepicker-h *.sc-stzh-datepicker::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-datepicker-h .has-focus.sc-stzh-datepicker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.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{width:100%}.stzh-datepicker__popover.sc-stzh-datepicker{--padding:var(--stzh-space-medium);--width:auto}.stzh-datepicker__actions.sc-stzh-datepicker{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.stzh-datepicker__actions.sc-stzh-datepicker:not(:empty){margin-top:var(--stzh-space-xsmall)}";const z=class{constructor(i){t(this,i);this.stzhChange=s(this,"stzhChange",7);this.onRootFocus=()=>{if(this.input){this.input.setFocus()}};this.onInputChanged=()=>{const t=this.dateAdapter.parse(this.input.value,"dateInput");if(this.input.value===""||t){const s=a(t);if(this.value!==s){if(this.calendar){this.calendar.value=s}this.value=s}else{this.valueWatcher(s)}this.stzhChange.emit({component:"stzh-datepicker",value:this.value,valueAsDate:t})}};this.onCalendarChange=t=>{this.value=t.detail.value;this.stzhChange.emit({component:"stzh-datepicker",value:this.value,valueAsDate:t.detail.valueAsDate});if(this.input){this.input.value=t.detail.valueAsDate&&this.dateAdapter.format(t.detail.valueAsDate,"dateInput")}if(this.popover){this.popover.hide()}};this.calendarMin="";this.calendarMax="";this.calendarIsDateDisabled=()=>false;this.name="";this.value="";this.label="";this.labelHidden=false;this.readonly=false;this.disabled=false;this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.invalid=false;this.required=false;this.showMarker=false;this.size="default";this.inline=false;this.dateAdapter=undefined;this.localization=undefined;this.buttonLabel=undefined}createDateFormatters(){if(this.localization){this.dateFormatLong=new Intl.DateTimeFormat(this.localization.$locale,{day:"numeric",month:"long",year:"numeric"})}}valueWatcher(t){const s=h(t);if(this.calendar){this.calendar.value=t}if(this.input){this.input.value=this.dateAdapter.format(s,"dateInput")}this.updateButtonAccessibleLabel()}async setDate(t){this.value=a(t)}async getPopover(){return this.popover}updateButtonAccessibleLabel(){if(!this.localization){return}try{const t=h(this.value);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")}if(!this.dateAdapter){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}componentDidLoad(){this.valueWatcher(this.value)}render(){const t={"stzh-datepicker":true,"stzh-datepicker--inline":this.inline};return i(o,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},i("div",{class:t},i("input",{type:"hidden",name:this.name,value:this.value}),this.inline&&i(r,null,i("stzh-calendar",{ref:t=>this.calendar=t,isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{class:"stzh-datepicker__actions"},i("slot",{name:"action"}))),!this.inline&&i("stzh-input",{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,showMarker:this.showMarker,size:this.size},i("stzh-popover",{ref:t=>this.popover=t,class:"stzh-datepicker__popover",slot:"button-right",placement:"bottom-end",label:this.label},i("stzh-button",{variant:"input","icon-only":true,icon:"calendar",disabled:this.disabled,a11yLabel:this.buttonLabel}),i("div",{slot:"content"},i("stzh-calendar",{ref:t=>this.calendar=t,isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{class:"stzh-datepicker__actions"},i("slot",{name:"action"})))))))}get element(){return e(this)}static get watchers(){return{localization:["createDateFormatters"],value:["valueWatcher"]}}};z.style=l;const p='.sc-stzh-radio-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-radio-h{display:none}.sc-stzh-radio-h *.sc-stzh-radio,.sc-stzh-radio-h *.sc-stzh-radio::before,.sc-stzh-radio-h *.sc-stzh-radio::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-radio-h .has-focus.sc-stzh-radio{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.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{display:inline-block}.sc-stzh-radio-h .sc-stzh-radio-s>stzh-text{--color:inherit}.stzh-radio__marker-symbol.sc-stzh-radio{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular)}.stzh-radio__marker-text.sc-stzh-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-radio__description-wrapper.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-radio__error.sc-stzh-radio,.stzh-radio__description.sc-stzh-radio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-radio__error.sc-stzh-radio{color:var(--stzh-color-error)}.stzh-radio__error-list.sc-stzh-radio{list-style:none;margin:0;padding:0}.stzh-radio__description.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-radio__description-long.sc-stzh-radio{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-radio__description-long-popover.sc-stzh-radio{--width:auto;--max-width:27.3125rem}.stzh-radio__description-long-popover[open].sc-stzh-radio:not([open=false]) .stzh-radio__description-long-button.sc-stzh-radio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio__description-long-button.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-radio__description-long-button.sc-stzh-radio:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.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-xxsmall)}.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:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-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;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--stzh-form-input-border-radius)}.stzh-radio__mark.sc-stzh-radio{border:0.0625rem solid var(--stzh-color-grey61);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed)}.stzh-radio__mark.sc-stzh-radio::before{content:""}.stzh-radio__check.sc-stzh-radio{background-color:currentColor;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));width:0.5rem;height:0.5rem;border-radius:50%;opacity:0}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-radio__check.sc-stzh-radio{background-color:ButtonText}}.stzh-radio__label.sc-stzh-radio{display:inline-block;color:var(--stzh-base-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);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__marker-symbol.sc-stzh-radio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-radio.sc-stzh-radio:hover .stzh-radio__label.sc-stzh-radio,.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,.stzh-radio__input.sc-stzh-radio:checked:focus~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__label.sc-stzh-radio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio.sc-stzh-radio:hover .stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:focus:hover~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:focus~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-radio__input.sc-stzh-radio:focus~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{opacity:1}.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(--stzh-color-error)}.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-error)}.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,.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(--stzh-color-grey61)}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:transparent}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__mark.sc-stzh-radio{background-color:var(--stzh-color-black8)}';let u=0;const f=class{constructor(i){t(this,i);this.stzhChange=s(this,"stzhChange",7);this.stzhFocus=s(this,"stzhFocus",7);this.stzhBlur=s(this,"stzhBlur",7);this.focusedByInput=false;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.setFocus()}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.localization=undefined;this.disabled=false;this.name="";this.value="";this.invalid=false;this.required=false;this.showMarker=false;this.checked=false;this.label="";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.a11yDescribedby=""}async setFocus(){this.input.focus()}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=[]}this.invalid=this._error.length>0}async componentWillLoad(){this.inputId=`stzh-radio-${u++}`;this.errorWatcher(this.error);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"radio")}}render(){const t=n(this.element,"description")||!!this.description;const s=n(this.element,"description-long")||!!this.descriptionLong;const r=n(this.element,"error")||!!this.error;const e={"stzh-radio":true,"stzh-radio--has-description":t,"stzh-radio--has-description-long":s,"stzh-radio--has-error":r,"stzh-radio--is-required":this.required,"stzh-radio--is-invalid":this.invalid,"stzh-radio--is-disabled":this.disabled};return i(o,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},i("div",{class:e},i("label",{class:"stzh-radio__field-wrapper"},i("input",{class:"stzh-radio__input",ref:t=>this.input=t,type:"radio",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,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur}),i("div",{class:"stzh-radio__mark"},i("div",{class:"stzh-radio__check"})),i("div",{class:"stzh-radio__label"},this.label?this.label:i("slot",null),this.showMarker&&i("span",{class:"stzh-radio__marker"},i("span",{class:"stzh-radio__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-radio__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText)))),i(d,{classPrefix:"stzh-radio",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return e(this)}static get watchers(){return{error:["errorWatcher"]}}};f.style=p;const g=".sc-stzh-radiogroup-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-radiogroup-h{display:none}.sc-stzh-radiogroup-h *.sc-stzh-radiogroup,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::before,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-radiogroup-h .has-focus.sc-stzh-radiogroup{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.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[direction=vertical] .sc-stzh-radiogroup-s>stzh-radio:not(:last-child){margin-bottom:var(--stzh-space-medium)}.sc-stzh-radiogroup-h[direction=horizontal] .sc-stzh-radiogroup-s>stzh-radio:not(:last-child){margin-right:var(--stzh-space-large)}.stzh-radiogroup.sc-stzh-radiogroup{margin:0;padding:0;border:none}.stzh-radiogroup__marker-symbol.sc-stzh-radiogroup{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular)}.stzh-radiogroup__marker-text.sc-stzh-radiogroup{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-radiogroup__description-wrapper.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup__description.sc-stzh-radiogroup{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-radiogroup__error.sc-stzh-radiogroup{color:var(--stzh-color-error)}.stzh-radiogroup__error-list.sc-stzh-radiogroup{list-style:none;margin:0;padding:0}.stzh-radiogroup__description.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-radiogroup__description-long.sc-stzh-radiogroup{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-radiogroup__description-long-popover.sc-stzh-radiogroup{--width:auto;--max-width:27.3125rem}.stzh-radiogroup__description-long-popover[open].sc-stzh-radiogroup:not([open=false]) .stzh-radiogroup__description-long-button.sc-stzh-radiogroup{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radiogroup__description-long-button.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-radiogroup__description-long-button.sc-stzh-radiogroup:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.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-xxsmall)}.stzh-radiogroup__fields.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.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-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);padding:0;margin-bottom: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);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-radiogroup--direction-horizontal.sc-stzh-radiogroup .stzh-radiogroup__fields.sc-stzh-radiogroup{-ms-flex-direction:row;flex-direction:row}";const m="stzh-radio, stzh-button[type=radio], stzh-card";let _=0;const b=class{constructor(s){t(this,s);this._preventUpdateProperties=[];this.init=()=>{this.radios=Array.from(this.element.querySelectorAll(m));this.updateRadiosProperty("show-marker",false);this.updateRadiosProperty("a11y-describedby",`${this.radiogroupId}-description`);this.watchValue(this.value);this.watchName(this.name);this.watchDisabled(this.disabled);this.watchInvalid(this.invalid);this.watchRequired(this.required)};this.localization=undefined;this.disabled=false;this.name=undefined;this.legend=undefined;this.hideLegend=false;this.invalid=false;this.required=false;this.showMarker=false;this.value="";this.direction="vertical";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.checkedRadio=null;this.preventUpdateProperties=[]}watchName(t){this.updateRadiosProperty("name",t)}watchDisabled(t){this.updateRadiosProperty("disabled",t)}watchInvalid(t){this.updateRadiosProperty("invalid",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=[]}this.invalid=this._error.length>0}preventUpdatePropertiesWatcher(t){if(typeof t==="string"){this._preventUpdateProperties=JSON.parse(t)}else{this._preventUpdateProperties=t}}onChange(t){this.value=t.detail.value}updateRadiosProperty(t,s){this.radios.forEach((i=>{if(t==="name"||this._preventUpdateProperties.indexOf(t)===-1){i[c(t)]=s}}))}updateCheckedRadioByValue(t){this.checkedRadio=this.radios.find((s=>s.value===t));if(this.checkedRadio){this.checkedRadio.checked=true}this.uncheckRadios()}uncheckRadios(){this.radios.forEach((t=>{if(!this.checkedRadio||t!==this.checkedRadio){t.checked=false}}))}async componentWillLoad(){this.radiogroupId=`stzh-radiogroup-${_++}`;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(m));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=n(this.element,"description")||!!this.description;const s=n(this.element,"description-long")||!!this.descriptionLong;const r=n(this.element,"error")||!!this.error;const o={"stzh-radiogroup":true,"stzh-radiogroup--has-description":t,"stzh-radiogroup--has-description-long":s,"stzh-radiogroup--has-error":r,"stzh-radiogroup--is-required":this.required,"stzh-radiogroup--is-disabled":this.disabled,"stzh-radiogroup--is-invalid":this.invalid,"stzh-radiogroup--hide-legend":this.hideLegend,[`stzh-radiogroup--direction-${this.direction}`]:!!this.direction};return i("fieldset",{class:o},this.legend&&i("legend",{class:"stzh-radiogroup__legend"},this.legend,this.showMarker&&i("span",{class:"stzh-radiogroup__marker"},i("span",{class:"stzh-radiogroup__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-radiogroup__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),i("div",{class:"stzh-radiogroup__fields"},i("slot",null)),i(d,{classPrefix:"stzh-radiogroup",id:`${this.radiogroupId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))}get element(){return e(this)}static get watchers(){return{name:["watchName"],disabled:["watchDisabled"],invalid:["watchInvalid"],required:["watchRequired"],value:["watchValue"],error:["errorWatcher"],preventUpdateProperties:["preventUpdatePropertiesWatcher"]}}};b.style=g;export{z as stzh_datepicker,f as stzh_radio,b as stzh_radiogroup};
+//# sourceMappingURL=p-afb2885a.entry.js.map

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

	@@ -0,0 +1,2 @@
1	+ import{r as e,e as a,w as t,h as s,a as i,g as h}from"./p-c92165bd.js";import{h as r}from"./p-cfdb06e4.js";import{m as n}from"./p-cc8c83a8.js";import"./p-9b063923.js";const d=".sc-stzh-header-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-header-h{display:none}.sc-stzh-header-h .sc-stzh-header,.sc-stzh-header-h .sc-stzh-header::before,.sc-stzh-header-h *.sc-stzh-header::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-header-h .has-focus.sc-stzh-header{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-header-h .stzh-fylingfocus-focused.sc-stzh-header{outline-style:none !important}.sc-stzh-header-h .stzh-fylingfocus-focused.sc-stzh-header::-moz-focus-inner{border:0 !important}@-webkit-keyframes stzh-header-open{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes stzh-header-open{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0%);transform:translateY(0%)}}@-webkit-keyframes stzh-header-close{from{-webkit-transform:translateY(0%);transform:translateY(0%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes stzh-header-close{from{-webkit-transform:translateY(0%);transform:translateY(0%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@media print{.sc-stzh-header-h{display:none}}.sc-stzh-header-h .sc-stzh-header-s>[slot=logo]{width:auto;height:100%}.sc-stzh-header-h .sc-stzh-header-s>stzh-logo[slot=logo]{--width:auto;--height:100%}.sc-stzh-header-h .sc-stzh-header-s>stzh-logo[slot=logo]:not([type=stzh]):not([type=none]){--width:auto;--height:1.9375rem}@media screen and (min-width: 1024px){.sc-stzh-header-h .sc-stzh-header-s>stzh-logo[slot=logo]:not([type=stzh]):not([type=none]){--height:2.1875rem}}@media screen and (min-width: 1440px){.sc-stzh-header-h .sc-stzh-header-s>stzh-logo[slot=logo]:not([type=stzh]):not([type=none]){--height:3.3125rem}}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login]{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover,.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover__trigger{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);height:auto}@media screen and (max-width: 799px){.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button{border-radius:0;height:100%}}@media screen and (max-width: 799px){.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button__badge{top:0.5rem;right:0.4375rem}}.header__inner.sc-stzh-header{-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}.header__main.sc-stzh-header{position:relative;z-index:var(--stzh-z-index-header);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header);background-color:var(--stzh-color-white);-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 800px){.header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-top:4rem}@supports ((position: -webkit-sticky) or (position: sticky)){.header__main.sc-stzh-header{padding-top:0}}}.header__metabar.sc-stzh-header{border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 800px){.header__metabar.sc-stzh-header{border-top:none;background-color:var(--stzh-color-grey5);z-index:1;position:absolute;top:0;left:0;right:0}@supports ((position: -webkit-sticky) or (position: sticky)){.header__metabar.sc-stzh-header{position:-webkit-sticky;position:sticky}}}.header__metabar-inner.sc-stzh-header{margin-left:1.25rem;margin-right:1.25rem;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;height:3rem}@media screen and (min-width: 600px){.header__metabar-inner.sc-stzh-header{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 1024px){.header__metabar-inner.sc-stzh-header{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.header__metabar-inner.sc-stzh-header{margin-left:5.5rem;margin-right:5.5rem}}@media screen and (min-width: 1440px){.header__metabar-inner.sc-stzh-header{margin-left:auto;margin-right:auto;width:78.75rem}}@media screen and (max-width: 799px){.header__metabar-inner.sc-stzh-header{margin:0 auto}}@media screen and (min-width: 800px){.header__metabar-inner.sc-stzh-header{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;height:4rem}}.header__metabar-nav.sc-stzh-header,.header__metabar-langnav.sc-stzh-header{display:none}@media screen and (min-width: 800px){.header__metabar-nav.sc-stzh-header,.header__metabar-langnav.sc-stzh-header{display:-ms-inline-flexbox;display:inline-flex}}.header__metabar-login.sc-stzh-header{display:-ms-flexbox;display:flex;-ms-flex-preferred-size:50%;flex-basis:50%}@media screen and (min-width: 800px){.header__metabar-login.sc-stzh-header:not(:empty){-ms-flex-preferred-size:auto;flex-basis:auto;margin-left:var(--stzh-space-small)}}@media screen and (min-width: 800px){.header__metabar-langnav.sc-stzh-header:not(:empty){margin-left:var(--stzh-space-medium)}}.header__logobar.sc-stzh-header{display:-ms-flexbox;display:flex;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.header__logobar-logo.sc-stzh-header{-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-flexbox;display:flex;background-color:var(--stzh-color-white);overflow:hidden;width:calc(100% - 3rem - 0.0625rem)}@media screen and (min-width: 800px){.header__logobar-logo.sc-stzh-header{width:25rem}}@media screen and (min-width: 1260px){.header__logobar-logo.sc-stzh-header{width:28.75rem}}@media screen and (min-width: 1440px){.header__logobar-logo.sc-stzh-header{padding-left:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.header__logo-link.sc-stzh-header{-ms-flex-positive:1;flex-grow:1;display:-ms-inline-flexbox;display:inline-flex;height:4.75rem;padding:var(--stzh-space-medium);padding-left:1.25rem;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.header__logo-link.sc-stzh-header{padding-left:2rem}}@media screen and (min-width: 800px){.header__logo-link.sc-stzh-header{height:5.625rem}}@media screen and (min-width: 1260px){.header__logo-link.sc-stzh-header{height:7.5rem;padding:var(--stzh-space-large);padding-left:5.5rem}}@media screen and (min-width: 1440px){.header__logo-link.sc-stzh-header{padding-left:0}}.header__appnav.sc-stzh-header{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--stzh-z-index-header) - 1);-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header);background-color:var(--stzh-color-white)}@media screen and (min-width: 600px){.header__appnav.sc-stzh-header{position:static;-webkit-box-shadow:none;box-shadow:none}}@media screen and (min-width: 600px){.header__appnav-inner.sc-stzh-header{margin-left:1.25rem;margin-right:1.25rem}}@media screen and (min-width: 600px) and (min-width: 600px){.header__appnav-inner.sc-stzh-header{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 600px) and (min-width: 1024px){.header__appnav-inner.sc-stzh-header{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 600px) and (min-width: 1260px){.header__appnav-inner.sc-stzh-header{margin-left:5.5rem;margin-right:5.5rem}}@media screen and (min-width: 600px) and (min-width: 1440px){.header__appnav-inner.sc-stzh-header{margin-left:auto;margin-right:auto;width:78.75rem}}.header--hide-logo.sc-stzh-header .header__logo-link.sc-stzh-header{opacity:0}@media screen and (max-width: 799px){.header--has-empty-metabar-mobile.sc-stzh-header .header__metabar.sc-stzh-header{display:none}}.header--has-empty-metabar.sc-stzh-header .header__metabar.sc-stzh-header{display:none}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar-langnav.sc-stzh-header{display:-ms-inline-flexbox;display:inline-flex}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar-nav.sc-stzh-header{display:-ms-inline-flexbox;display:inline-flex}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-bottom:0.0625rem solid var(--stzh-base-border-color)}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar.sc-stzh-header{display:block;border-top:none;background-color:var(--stzh-color-grey5)}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin-left:1.25rem;margin-right:1.25rem;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}@media screen and (max-width: 799px) and (min-width: 600px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin-left:2rem;margin-right:2rem}}@media screen and (max-width: 799px) and (min-width: 1024px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (max-width: 799px) and (min-width: 1260px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin-left:5.5rem;margin-right:5.5rem}}@media screen and (max-width: 799px) and (min-width: 1440px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin-left:auto;margin-right:auto;width:78.75rem}}@media screen and (min-width: 800px){.header--sticky-metabar.sc-stzh-header:not(.header--sticky):not(.header--is-sticky-disabled) .header__metabar.sc-stzh-header{position:fixed}}@media screen and (min-width: 600px){.header--sticky.sc-stzh-header .header__inner.sc-stzh-header{-webkit-animation:stzh-header-open var(--stzh-base-transition-animation-speed);animation:stzh-header-open var(--stzh-base-transition-animation-speed);z-index:var(--stzh-z-index-header);position:fixed;top:0;left:0;right:0;margin:0;-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header)}}@media screen and (max-width: 599px){.header--sticky.sc-stzh-header .header__main.sc-stzh-header{-webkit-animation:stzh-header-open var(--stzh-base-transition-animation-speed);animation:stzh-header-open var(--stzh-base-transition-animation-speed);z-index:var(--stzh-z-index-header);position:fixed;top:0;left:0;right:0;margin:0}}@media screen and (min-width: 600px){.header--sticky.sc-stzh-header .header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none}}@media screen and (max-width: 799px){.header--sticky.sc-stzh-header .header__appnav.sc-stzh-header{border-top:0.0625rem solid var(--stzh-base-border-color)}}.header--sticky.sc-stzh-header .header__metabar.sc-stzh-header{border-top:none}.header--sticky.header--has-empty-metabar.sc-stzh-header .header__metabar.sc-stzh-header{display:none}@media screen and (min-width: 600px){.header--sticky.header--has-empty-metabar.sc-stzh-header:not(.header--has-appnav) .header__main.sc-stzh-header{border-bottom:none}}.header--sticky.sc-stzh-header .header__logobar.sc-stzh-header{display:none}@media screen and (max-width: 599px){.header--sticky.header--has-metabar-stay.sc-stzh-header .header__main.sc-stzh-header{-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header)}}@media screen and (min-width: 600px){.header--sticky-closing.sc-stzh-header .header__inner.sc-stzh-header{-webkit-animation:stzh-header-close var(--stzh-base-transition-animation-speed);animation:stzh-header-close var(--stzh-base-transition-animation-speed)}}@media screen and (max-width: 599px){.header--sticky-closing.sc-stzh-header .header__main.sc-stzh-header{-webkit-animation:stzh-header-close var(--stzh-base-transition-animation-speed);animation:stzh-header-close var(--stzh-base-transition-animation-speed)}}@media screen and (min-width: 800px){@supports ((position: -webkit-sticky) or (position: sticky)){.header--is-sticky-disabled.sc-stzh-header .header__main.sc-stzh-header{padding-top:4rem}}}@media screen and (min-width: 800px){@supports ((position: -webkit-sticky) or (position: sticky)){.header--is-sticky-disabled.sc-stzh-header .header__metabar.sc-stzh-header{position:absolute}}}";const o=class{constructor(s){e(this,s);this.handleResize=()=>{if(this.stickyDisabled){return}if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame((()=>{a((()=>{this.isSmall=n("small").matches;this.isSmallheader=n("smallheader").matches;this.headerTop=this.element.offsetTop;this.headerHeight=this.element.offsetHeight;this.appnavHeight=this.appnavElement?this.appnavElement.offsetHeight:0;this.metabarHeight=this.metabarElement?this.metabarElement.offsetHeight:0}));t((()=>{document.documentElement.style.setProperty("--stzh-header-height",`${this.headerHeight}px`);document.documentElement.style.setProperty("--stzh-header-appnav-height",`${this.appnavHeight}px`);document.documentElement.style.setProperty("--stzh-header-metabar-height",`${this.metabarHeight}px`);if(this.appnavHeight&&!this.isSmall&&!this.preventAppnavPlaceholder){this.appnavPlaceholderElement.style.height=`${this.appnavHeight}px`;document.documentElement.style.setProperty("--stzh-header-sticky-appnav-height",`${this.appnavHeight}px`)}else{this.appnavPlaceholderElement.style.height="0px";document.documentElement.style.setProperty("--stzh-header-sticky-appnav-height","0px")}}));this.scrollListener()}))};this.href="https://www.stadt-zuerich.ch";this.metabarStay=false;this.stickyDisabled=false;this.preventAppnavPlaceholder=false;this.logoAnalyticsId=undefined;this.hideLogo=false;this.paddingTop=undefined;this.metabarTransform=undefined;this.sticky=false;this.stickyClosing=false;this.stickyMetabar=false;this.stickyMetabarEnd=false}async updatePosition(){if(this.stickyDisabled){return}const e=()=>{this.sticky=false;this.stickyClosing=false;this.paddingTop=0};if(this.scrollingUp&&this.belowStayStickyPoint){if(!this.sticky&&this.belowStartStickyPoint){this.paddingTop=this.headerHeight;this.sticky=true}this.updateMetabarPosition()}else{if(this.sticky&&this.belowStayStickyPoint){const a=()=>{e();this.updateMetabarPosition();this.innerElement.removeEventListener("animationend",a)};this.innerElement.addEventListener("animationend",a);this.stickyClosing=true}else{e();this.updateMetabarPosition()}}}scrollListener(){if(this.stickyDisabled){return}a((()=>{this.scrollTop=window.scrollY;this.scrollingUp=this.lastScrollTop&&this.lastScrollTop>this.scrollTop;this.lastScrollTop=this.scrollTop;this.innerHeight=this.innerElement?this.innerElement.offsetHeight:0;this.mainHeight=this.mainElement?this.mainElement.offsetHeight:0;this.logobarHeight=this.sticky?this.isSmall?this.headerHeight-this.innerHeight:this.headerHeight-this.mainHeight:this.logobarElement?this.logobarElement.offsetHeight:0;this.belowStayStickyPoint=this.scrollTop>this.logobarHeight;this.belowStartStickyPoint=this.scrollTop>this.headerHeight;this.headerOverlap=(this.headerTop-this.scrollTop)/-1;this.hideLogo=this.isSmallheader&&this.headerOverlap>10}));t((()=>{this.updatePosition()}))}updateMetabarPosition(){if(!this.metabarElement\|\|this.stickyDisabled){return}if(CSS&&CSS.supports&&CSS.supports("position","sticky")){return}if(this.isSmallheader&&this.headerOverlap>0&&!this.sticky&&!this.stickyClosing){if(this.headerOverlap<this.mainHeight-this.metabarHeight){this.stickyMetabar=true;this.stickyMetabarEnd=false;this.metabarTransform="translateY(0)"}else{this.stickyMetabar=false;this.stickyMetabarEnd=true;this.metabarTransform=`translateY(${this.logobarHeight}px)`}}else{this.stickyMetabar=false;this.stickyMetabarEnd=false;this.metabarTransform="translateY(0)"}}connectedCallback(){this.appnavPlaceholderElement=document.createElement("div");this.element.parentElement.appendChild(this.appnavPlaceholderElement);this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){this.appnavPlaceholderElement.parentElement.removeChild(this.appnavPlaceholderElement);if(this.resizeObserver){this.resizeObserver.disconnect()}}render(){const e=r(this.element,"nav");const a=r(this.element,"login");const t=r(this.element,"appnav");const h=r(this.element,"langnav");const n={header:true,"header--is-sticky-disabled":this.stickyDisabled,"header--sticky":this.sticky,"header--sticky-closing":this.stickyClosing,"header--hide-logo":this.hideLogo,"header--sticky-metabar":this.stickyMetabar,"header--sticky-metabar-end":this.stickyMetabarEnd,"header--has-metabar-stay":this.metabarStay,"header--has-empty-metabar-mobile":!a,"header--has-empty-metabar":!a&&!h&&!e,"header--has-appnav":t};return s(i,null,s("div",{style:{paddingTop:`${this.paddingTop}px`},class:n},s("div",{class:"header__inner",ref:e=>this.innerElement=e},s("div",{class:"header__main",ref:e=>this.mainElement=e},s("div",{class:"header__logobar",ref:e=>this.logobarElement=e},s("div",{class:"header__logobar-logo"},s("a",{href:this.href,class:"header__logo-link","s-object-id":this.logoAnalyticsId\|\|"Header Logo"},s("slot",{name:"logo"})))),s("div",{class:"header__metabar",style:{transform:this.metabarTransform},ref:e=>this.metabarElement=e},s("div",{class:"header__metabar-inner"},s("div",{class:"header__metabar-nav"},s("slot",{name:"nav"})),s("div",{class:"header__metabar-login"},s("slot",{name:"login"})),s("div",{class:"header__metabar-langnav"},s("slot",{name:"langnav"}))))),s("div",{class:"header__appnav",ref:e=>this.appnavElement=e},s("div",{class:"header__appnav-inner"},s("slot",{name:"appnav"}))))))}get element(){return h(this)}};o.style=d;export{o as stzh_header};
2	+ //# sourceMappingURL=p-b305ec22.entry.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"names":["stzhHeaderCss","StzhHeader","this","handleResize","stickyDisabled","debounceResize","window","cancelAnimationFrame","requestAnimationFrame","readTask","isSmall","media","matches","isSmallheader","headerTop","element","offsetTop","headerHeight","offsetHeight","appnavHeight","appnavElement","metabarHeight","metabarElement","writeTask","document","documentElement","style","setProperty","preventAppnavPlaceholder","appnavPlaceholderElement","height","scrollListener","updatePosition","removeSticky","sticky","stickyClosing","paddingTop","scrollingUp","belowStayStickyPoint","belowStartStickyPoint","updateMetabarPosition","animationEnd","innerElement","removeEventListener","addEventListener","scrollTop","scrollY","lastScrollTop","innerHeight","mainHeight","mainElement","logobarHeight","logobarElement","headerOverlap","hideLogo","CSS","supports","stickyMetabar","stickyMetabarEnd","metabarTransform","connectedCallback","createElement","parentElement","appendChild","resizeObserver","ResizeObserver","observe","disconnectedCallback","removeChild","disconnect","render","navSlotUsed","hasSlot","loginSlotUsed","appnavSlotUsed","langNavSlotUsed","classes","header","metabarStay","h","Host","class","ref","el","href","logoAnalyticsId","name","transform"],"sources":["src/components/stzh-header/stzh-header.scss?tag=stzh-header&encapsulation=scoped","src/components/stzh-header/stzh-header.tsx"],"sourcesContent":["/**\n * @prop --stzh-header-height: **Global**: Height of header (readonly variable)\n * @prop --stzh-header-appnav-height: **Global**: Height of appnav header if exists (readonly variable)\n * @prop --stzh-header-metabar-height: **Global**: Height of metabar header (readonly variable)\n * @prop --stzh-header-sticky-appnav-height: **Global**: Height of appnav header if he is sticky (readonly variable)\n */\n\n@keyframes stzh-header-open {\n\tfrom {\n\t\ttransform: translateY(-100%);\n\t}\n\n\tto {\n\t\ttransform: translateY(0%);\n\t}\n}\n\n@keyframes stzh-header-close {\n\tfrom {\n\t\ttransform: translateY(0%);\n\t}\n\n\tto {\n\t\ttransform: translateY(-100%);\n\t}\n}\n\n:host {\n @media print {\n display: none;\n }\n\n ::slotted([slot=\"logo\"]) {\n width: auto;\n height: 100%;\n }\n\n ::slotted(stzh-logo[slot=\"logo\"]) {\n --width: auto;\n --height: 100%;\n }\n\n ::slotted(stzh-logo[slot=\"logo\"]:not([type=\"stzh\"]):not([type=\"none\"])) {\n --width: auto;\n --height: 31px;\n\n @include mq($from: medium) {\n --height: 35px;\n }\n\n @include mq($from: ultra) {\n --height: 53px;\n }\n }\n\n ::slotted(stzh-popover[slot=\"login\"]) {\n display: flex;\n flex-grow: 1;\n\n .stzh-popover,\n .stzh-popover__trigger {\n display: flex;\n flex-grow: 1;\n }\n\n .stzh-popover .stzh-popover__trigger stzh-button .stzh-button {\n @include fontSize('micro');\n height: auto;\n\n @include mq($to: smallheader) {\n border-radius: 0;\n height: 100%;\n }\n\n &__badge {\n @include mq($to: smallheader) {\n top: 8px;\n right: 7px;\n }\n }\n }\n }\n}\n\n.header {\n &__inner {\n transition: box-shadow $baseTransitionAnimationSpeed;\n }\n\n &__main {\n position: relative;\n z-index: $zIndexHeader;\n display: flex;\n flex-direction: column;\n position: relative;\n box-shadow: $boxShadowHeader;\n background-color: $colorWhite;\n transition: box-shadow $baseTransitionAnimationSpeed;\n\n @include mq($from: smallheader) {\n box-shadow: none;\n flex-direction: column-reverse;\n border-bottom: 1px solid $baseBorderColor;\n padding-top: $headerMetabarHeightRegularUp;\n\n @supports (position: sticky) {\n padding-top: 0;\n }\n }\n }\n\n &__metabar {\n border-top: 1px solid $baseBorderColor;\n\n @include mq($from: smallheader) {\n border-top: none;\n background-color: $colorGrey5;\n z-index: 1;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n\n @supports (position: sticky) {\n position: sticky;\n }\n }\n }\n\n &__metabar-inner {\n @include container;\n display: flex;\n align-items: stretch;\n height: $headerMetabarHeight;\n\n\t\t@include mq($to: smallheader) {\n // overwrite container margin for smallheader\n // to be able to use fullwidth of metabar\n margin: 0 auto;\n }\n\n\t\t@include mq($from: smallheader) {\n justify-content: flex-end;\n align-items: center;\n height: $headerMetabarHeightRegularUp;\n }\n }\n\n &__metabar-nav,\n &__metabar-langnav {\n display: none;\n\n @include mq($from: smallheader) {\n display: inline-flex;\n }\n }\n\n &__metabar-login {\n display: flex;\n flex-basis: 50%;\n\n &:not(:empty) {\n \t\t@include mq($from: smallheader) {\n flex-basis: auto;\n margin-left: space('small');\n }\n }\n }\n\n &__metabar-langnav {\n &:not(:empty) {\n @include mq($from: smallheader) {\n margin-left: space('medium');\n }\n }\n }\n\n &__logobar {\n display: flex;\n background-color: $colorPrimary;\n }\n\n &__logobar-logo {\n box-sizing: content-box;\n display: flex;\n background-color: $colorWhite;\n overflow: hidden;\n width: calc(100% - #{$headerMetabarHeight} - 1px);\n\n\t\t@include mq($from: smallheader) {\n width: 400px;\n }\n\n\t\t@include mq($from: large) {\n\t\t width: 460px;\n\t\t}\n\n\t\t@include mq($from: ultra) {\n \t\tpadding-left: calc((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2);\n\t\t}\n }\n\n &__logo-link {\n flex-grow: 1;\n display: inline-flex;\n\t\theight: 76px;\n padding: space('medium');\n padding-left: $containerMargin;\n transition: opacity $baseTransitionAnimationSpeed;\n\n\t\t@include mq($from: small) {\n\t\t\tpadding-left: $containerMarginSmall;\n\t\t}\n\n\t\t@include mq($from: smallheader) {\n\t\t\theight: 90px;\n\t\t}\n\n\t\t@include mq($from: large) {\n\t\t\theight: 120px;\n padding: space('large');\n\t\t\tpadding-left: $containerMarginLarge;\n }\n\n\t\t@include mq($from: ultra) {\n padding-left: 0;\n }\n }\n\n &__appnav {\n position: fixed;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: calc(#{$zIndexHeader} - 1);\n box-shadow: $boxShadowHeader;\n background-color: $colorWhite;\n\n @include mq($from: small) {\n position: static;\n box-shadow: none;\n }\n }\n\n &__appnav-inner {\n @include mq($from: small) {\n @include container;\n }\n }\n\n /* Hide logo */\n\n &--hide-logo &__logo-link {\n opacity: 0;\n }\n\n /* Has empty metabar */\n\n &--has-empty-metabar-mobile &__metabar {\n @include mq($to: smallheader) {\n display: none;\n }\n }\n\n /* Has empty metabar */\n\n &--has-empty-metabar &__metabar {\n display: none;\n }\n\n /* Metabar Stay */\n\n &--has-metabar-stay &__metabar-langnav {\n @include mq($to: smallheader) {\n display: inline-flex;\n }\n }\n\n &--has-metabar-stay &__metabar-nav {\n @include mq($to: smallheader) {\n display: inline-flex;\n }\n }\n\n &--has-metabar-stay &__main {\n @include mq($to: smallheader) {\n box-shadow: none;\n flex-direction: column-reverse;\n border-bottom: 1px solid $baseBorderColor;\n }\n }\n\n &--has-metabar-stay &__metabar {\n @include mq($to: smallheader) {\n display: block;\n border-top: none;\n background-color: $colorGrey5;\n }\n }\n\n &--has-metabar-stay &__metabar-inner {\n @include mq($to: smallheader) {\n @include container;\n justify-content: flex-end;\n align-items: center;\n }\n }\n\n /* Sticky metabar */\n\n &--sticky-metabar:not(#{&}--sticky):not(#{&}--is-sticky-disabled) &__metabar {\n @include mq($from: smallheader) {\n position: fixed;\n }\n }\n\n /* Sticky variant */\n\n &--sticky &__inner {\n\t\t@include mq($from: small) {\n animation: stzh-header-open $baseTransitionAnimationSpeed;\n z-index: $zIndexHeader;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n margin: 0;\n box-shadow: $boxShadowHeader;\n }\n }\n\n &--sticky &__main {\n\t\t@include mq($to: small) {\n animation: stzh-header-open $baseTransitionAnimationSpeed;\n z-index: $zIndexHeader;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n margin: 0;\n }\n\n\t\t@include mq($from: small) {\n box-shadow: none;\n }\n }\n\n &--sticky &__appnav {\n\t\t@include mq($to: smallheader) {\n border-top: 1px solid $baseBorderColor;\n }\n }\n\n &--sticky &__metabar {\n border-top: none;\n }\n\n &--sticky#{&}--has-empty-metabar &__metabar {\n display: none;\n }\n\n &--sticky#{&}--has-empty-metabar:not(#{&}--has-appnav) &__main {\n\t\t@include mq($from: small) {\n border-bottom: none;\n }\n }\n\n &--sticky &__logobar {\n display: none;\n }\n\n &--sticky#{&}--has-metabar-stay &__main {\n\t\t@include mq($to: small) {\n box-shadow: $boxShadowHeader;\n }\n }\n\n /* Sticky closing */\n\n &--sticky-closing &__inner {\n\t\t@include mq($from: small) {\n animation: stzh-header-close $baseTransitionAnimationSpeed;\n }\n }\n\n &--sticky-closing &__main {\n\t\t@include mq($to: small) {\n animation: stzh-header-close $baseTransitionAnimationSpeed;\n }\n }\n\n /* Sticky disabled */\n\n &--is-sticky-disabled &__main {\n @include mq($from: smallheader) {\n @supports (position: sticky) {\n padding-top: $headerMetabarHeightRegularUp;\n }\n }\n }\n\n &--is-sticky-disabled &__metabar {\n @include mq($from: smallheader) {\n @supports (position: sticky) {\n position: absolute;\n }\n }\n }\n}\n","import {\n Component,\n Element,\n Listen,\n Host,\n State,\n h,\n writeTask,\n readTask,\n Method,\n Prop,\n} from \"@stencil/core\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { media } from \"../../utils/media-utils\";\n\n/**\n * @slot logo - Slot for brand logo\n * @slot nav - Slot for `stzh-metanav` element\n * @slot login - Slot for login button\n * @slot appnav - Slot for `stzh-appnav` element\n * @slot langnav - Slot for `stzh-langnav` element\n */\n@Component({\n tag: \"stzh-header\",\n styleUrl: \"stzh-header.scss\",\n scoped: true\n})\nexport class StzhHeader {\n /** Portal link (for logo) */\n @Prop() href: string = \"https://www.stadt-zuerich.ch\";\n\n /** Whether grey metabar should stay (on top) on mobile */\n @Prop() metabarStay: boolean = false;\n\n /** Whether sticky behaviour should be disabled */\n @Prop() stickyDisabled: boolean = false;\n\n /**\n * Prevent creating a appnav placeholder element\n * with the size of appnav inside header parent element.\n * This prevents the fixed appnav to overlap\n * content at the end on mikro breakpoint,\n * but could lead to problems with certain layouts.\n */\n @Prop() preventAppnavPlaceholder: boolean = false;\n\n /**\n * For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the logo link element.\n * Default value is \"Header Logo\".\n */\n @Prop() logoAnalyticsId: string;\n\n @State() hideLogo: boolean = false;\n @State() paddingTop: number;\n @State() metabarTransform: string;\n @State() sticky: boolean = false;\n @State() stickyClosing: boolean = false;\n @State() stickyMetabar: boolean = false;\n @State() stickyMetabarEnd: boolean = false;\n\n @Element() element: HTMLStzhHeaderElement;\n\n /** Update position / sticky state of header */\n @Method()\n async updatePosition() {\n if (this.stickyDisabled) {\n return;\n }\n\n const removeSticky = () => {\n this.sticky = false;\n this.stickyClosing = false;\n this.paddingTop = 0;\n }\n\n if (this.scrollingUp && this.belowStayStickyPoint) {\n if (!this.sticky && this.belowStartStickyPoint) {\n this.paddingTop = this.headerHeight;\n this.sticky = true;\n }\n\n this.updateMetabarPosition();\n } else {\n if (this.sticky && this.belowStayStickyPoint) {\n const animationEnd = () => {\n removeSticky();\n this.updateMetabarPosition();\n this.innerElement.removeEventListener(\"animationend\", animationEnd);\n };\n\n this.innerElement.addEventListener(\"animationend\", animationEnd);\n this.stickyClosing = true;\n } else {\n removeSticky();\n this.updateMetabarPosition();\n }\n }\n }\n\n @Listen(\"scroll\", { target: \"window\" })\n scrollListener() {\n if (this.stickyDisabled) {\n return;\n }\n\n readTask(() => {\n this.scrollTop = window.scrollY;\n this.scrollingUp = this.lastScrollTop && this.lastScrollTop > this.scrollTop;\n this.lastScrollTop = this.scrollTop;\n\n this.innerHeight = this.innerElement ? this.innerElement.offsetHeight : 0;\n this.mainHeight = this.mainElement ? this.mainElement.offsetHeight : 0;\n\n this.logobarHeight = this.sticky\n ? this.isSmall\n ? this.headerHeight - this.innerHeight\n : this.headerHeight - this.mainHeight\n : this.logobarElement\n ? this.logobarElement.offsetHeight\n : 0;\n\n this.belowStayStickyPoint = this.scrollTop > this.logobarHeight;\n this.belowStartStickyPoint = this.scrollTop > this.headerHeight;\n\n this.headerOverlap = (this.headerTop - this.scrollTop) / -1;\n this.hideLogo = this.isSmallheader && this.headerOverlap > 10;\n });\n\n writeTask(() => {\n this.updatePosition();\n });\n }\n\n private scrollTop: number;\n private lastScrollTop: number;\n private headerOverlap: number;\n private scrollingUp: boolean;\n private belowStayStickyPoint: boolean;\n private belowStartStickyPoint: boolean;\n\n private headerTop: number;\n private headerHeight: number;\n private innerHeight: number;\n private mainHeight: number;\n private metabarHeight: number;\n private logobarHeight: number;\n private appnavHeight: number;\n\n private isSmall: boolean;\n private isSmallheader: boolean;\n\n private debounceResize: number;\n private resizeObserver: ResizeObserver;\n\n private innerElement: HTMLDivElement;\n private mainElement: HTMLDivElement;\n private logobarElement: HTMLDivElement;\n private metabarElement: HTMLDivElement;\n private appnavElement: HTMLDivElement;\n private appnavPlaceholderElement: HTMLDivElement;\n\n private handleResize = () => {\n if (this.stickyDisabled) {\n return;\n }\n\n if (this.debounceResize) {\n window.cancelAnimationFrame(this.debounceResize);\n }\n\n this.debounceResize = requestAnimationFrame(() => {\n readTask(() => {\n this.isSmall = media(\"small\").matches;\n this.isSmallheader = media(\"smallheader\").matches;\n\n this.headerTop = this.element.offsetTop;\n this.headerHeight = this.element.offsetHeight;\n this.appnavHeight = this.appnavElement ? this.appnavElement.offsetHeight : 0;\n this.metabarHeight = this.metabarElement ? this.metabarElement.offsetHeight : 0;\n });\n\n writeTask(() => {\n document.documentElement.style.setProperty('--stzh-header-height', `${this.headerHeight}px`);\n document.documentElement.style.setProperty('--stzh-header-appnav-height', `${this.appnavHeight}px`);\n document.documentElement.style.setProperty('--stzh-header-metabar-height', `${this.metabarHeight}px`);\n\n if (this.appnavHeight && !this.isSmall && !this.preventAppnavPlaceholder) {\n this.appnavPlaceholderElement.style.height = `${this.appnavHeight}px`;\n document.documentElement.style.setProperty('--stzh-header-sticky-appnav-height', `${this.appnavHeight}px`);\n } else {\n this.appnavPlaceholderElement.style.height = \"0px\";\n document.documentElement.style.setProperty('--stzh-header-sticky-appnav-height', \"0px\");\n }\n });\n\n this.scrollListener();\n });\n }\n\n private updateMetabarPosition() {\n if (!this.metabarElement || this.stickyDisabled) {\n return;\n }\n\n if (CSS && CSS.supports && CSS.supports(\"position\", \"sticky\")) {\n return;\n }\n\n if (this.isSmallheader && this.headerOverlap > 0 && !this.sticky && !this.stickyClosing) {\n if (this.headerOverlap < this.mainHeight - this.metabarHeight) {\n this.stickyMetabar = true;\n this.stickyMetabarEnd = false;\n this.metabarTransform = \"translateY(0)\";\n } else {\n this.stickyMetabar = false;\n this.stickyMetabarEnd = true;\n this.metabarTransform = `translateY(${this.logobarHeight}px)`;\n }\n } else {\n this.stickyMetabar = false;\n this.stickyMetabarEnd = false;\n this.metabarTransform = \"translateY(0)\";\n }\n }\n\n connectedCallback() {\n this.appnavPlaceholderElement = document.createElement(\"div\");\n this.element.parentElement.appendChild(this.appnavPlaceholderElement);\n\n this.resizeObserver = new ResizeObserver(this.handleResize);\n this.resizeObserver.observe(this.element);\n }\n\n disconnectedCallback() {\n this.appnavPlaceholderElement.parentElement.removeChild(this.appnavPlaceholderElement);\n\n if (this.resizeObserver) {\n this.resizeObserver.disconnect();\n }\n }\n\n render() {\n const navSlotUsed: boolean = hasSlot(this.element, \"nav\");\n const loginSlotUsed: boolean = hasSlot(this.element, \"login\");\n const appnavSlotUsed: boolean = hasSlot(this.element, \"appnav\");\n const langNavSlotUsed = hasSlot(this.element, \"langnav\");\n\n const classes = {\n \"header\": true,\n \"header--is-sticky-disabled\": this.stickyDisabled,\n \"header--sticky\": this.sticky,\n \"header--sticky-closing\": this.stickyClosing,\n \"header--hide-logo\": this.hideLogo,\n \"header--sticky-metabar\": this.stickyMetabar,\n \"header--sticky-metabar-end\": this.stickyMetabarEnd,\n \"header--has-metabar-stay\": this.metabarStay,\n \"header--has-empty-metabar-mobile\": !loginSlotUsed, // check for searchfield and burger slot when implemented\n \"header--has-empty-metabar\": !loginSlotUsed && !langNavSlotUsed && !navSlotUsed,\n \"header--has-appnav\": appnavSlotUsed\n };\n\n return (\n <Host>\n <div style={{paddingTop: `${this.paddingTop}px`}} class={classes}>\n <div\n class=\"header__inner\"\n ref={(el) => (this.innerElement = el as HTMLDivElement)}\n >\n <div\n class=\"header__main\"\n ref={(el) => (this.mainElement = el as HTMLDivElement)}\n >\n <div\n class=\"header__logobar\"\n ref={(el) => (this.logobarElement = el as HTMLDivElement)}\n >\n <div class=\"header__logobar-logo\">\n <a href={this.href} class=\"header__logo-link\" s-object-id={this.logoAnalyticsId || \"Header Logo\"}>\n <slot name=\"logo\"></slot>\n </a>\n </div>\n </div>\n\n <div\n class=\"header__metabar\"\n style={{transform: this.metabarTransform}}\n ref={(el) => (this.metabarElement = el as HTMLDivElement)}\n >\n <div class=\"header__metabar-inner\">\n <div class=\"header__metabar-nav\">\n <slot name=\"nav\"></slot>\n </div>\n <div class=\"header__metabar-login\">\n <slot name=\"login\"></slot>\n </div>\n <div class=\"header__metabar-langnav\">\n <slot name=\"langnav\"></slot>\n </div>\n </div>\n </div>\n </div>\n\n <div\n class=\"header__appnav\"\n ref={(el) => (this.appnavElement = el as HTMLDivElement)}\n >\n <div class=\"header__appnav-inner\">\n <slot name=\"appnav\"></slot>\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"uKAAA,MAAMA,EAAgB,k7a,MC4BTC,EAAU,M,yBAuIbC,KAAAC,aAAe,KACrB,GAAID,KAAKE,eAAgB,CACvB,M,CAGF,GAAIF,KAAKG,eAAgB,CACvBC,OAAOC,qBAAqBL,KAAKG,e,CAGnCH,KAAKG,eAAiBG,uBAAsB,KAC1CC,GAAS,KACPP,KAAKQ,QAAUC,EAAM,SAASC,QAC9BV,KAAKW,cAAgBF,EAAM,eAAeC,QAE1CV,KAAKY,UAAYZ,KAAKa,QAAQC,UAC9Bd,KAAKe,aAAef,KAAKa,QAAQG,aACjChB,KAAKiB,aAAejB,KAAKkB,cAAgBlB,KAAKkB,cAAcF,aAAe,EAC3EhB,KAAKmB,cAAgBnB,KAAKoB,eAAiBpB,KAAKoB,eAAeJ,aAAe,CAAC,IAGjFK,GAAU,KACRC,SAASC,gBAAgBC,MAAMC,YAAY,uBAAwB,GAAGzB,KAAKe,kBAC3EO,SAASC,gBAAgBC,MAAMC,YAAY,8BAA+B,GAAGzB,KAAKiB,kBAClFK,SAASC,gBAAgBC,MAAMC,YAAY,+BAAgC,GAAGzB,KAAKmB,mBAEnF,GAAInB,KAAKiB,eAAiBjB,KAAKQ,UAAYR,KAAK0B,yBAA0B,CACxE1B,KAAK2B,yBAAyBH,MAAMI,OAAS,GAAG5B,KAAKiB,iBACrDK,SAASC,gBAAgBC,MAAMC,YAAY,qCAAsC,GAAGzB,KAAKiB,iB,KACpF,CACLjB,KAAK2B,yBAAyBH,MAAMI,OAAS,MAC7CN,SAASC,gBAAgBC,MAAMC,YAAY,qCAAsC,M,KAIrFzB,KAAK6B,gBAAgB,GACrB,E,UAxKmB,+B,iBAGQ,M,oBAGG,M,8BASU,M,6CASf,M,sEAGF,M,mBACO,M,mBACA,M,sBACG,K,CAMrC,oBAAMC,GACJ,GAAI9B,KAAKE,eAAgB,CACvB,M,CAGF,MAAM6B,EAAe,KACnB/B,KAAKgC,OAAS,MACdhC,KAAKiC,cAAgB,MACrBjC,KAAKkC,WAAa,CAAC,EAGrB,GAAIlC,KAAKmC,aAAenC,KAAKoC,qBAAsB,CACjD,IAAKpC,KAAKgC,QAAUhC,KAAKqC,sBAAuB,CAC9CrC,KAAKkC,WAAalC,KAAKe,aACvBf,KAAKgC,OAAS,I,CAGhBhC,KAAKsC,uB,KACA,CACL,GAAItC,KAAKgC,QAAUhC,KAAKoC,qBAAsB,CAC5C,MAAMG,EAAe,KACnBR,IACA/B,KAAKsC,wBACLtC,KAAKwC,aAAaC,oBAAoB,eAAgBF,EAAa,EAGrEvC,KAAKwC,aAAaE,iBAAiB,eAAgBH,GACnDvC,KAAKiC,cAAgB,I,KAChB,CACLF,IACA/B,KAAKsC,uB,GAMX,cAAAT,GACE,GAAI7B,KAAKE,eAAgB,CACvB,M,CAGFK,GAAS,KACPP,KAAK2C,UAAYvC,OAAOwC,QACxB5C,KAAKmC,YAAcnC,KAAK6C,eAAiB7C,KAAK6C,cAAgB7C,KAAK2C,UACnE3C,KAAK6C,cAAgB7C,KAAK2C,UAE1B3C,KAAK8C,YAAc9C,KAAKwC,aAAexC,KAAKwC,aAAaxB,aAAe,EACxEhB,KAAK+C,WAAa/C,KAAKgD,YAAchD,KAAKgD,YAAYhC,aAAe,EAErEhB,KAAKiD,cAAgBjD,KAAKgC,OACtBhC,KAAKQ,QACHR,KAAKe,aAAef,KAAK8C,YACzB9C,KAAKe,aAAef,KAAK+C,WAC3B/C,KAAKkD,eACHlD,KAAKkD,eAAelC,aACpB,EAENhB,KAAKoC,qBAAuBpC,KAAK2C,UAAY3C,KAAKiD,cAClDjD,KAAKqC,sBAAwBrC,KAAK2C,UAAY3C,KAAKe,aAEnDf,KAAKmD,eAAiBnD,KAAKY,UAAYZ,KAAK2C,YAAc,EAC1D3C,KAAKoD,SAAWpD,KAAKW,eAAiBX,KAAKmD,cAAgB,EAAE,IAG/D9B,GAAU,KACRrB,KAAK8B,gBAAgB,G,CAsEjB,qBAAAQ,GACN,IAAKtC,KAAKoB,gBAAkBpB,KAAKE,eAAgB,CAC/C,M,CAGF,GAAImD,KAAOA,IAAIC,UAAYD,IAAIC,SAAS,WAAY,UAAW,CAC7D,M,CAGF,GAAItD,KAAKW,eAAiBX,KAAKmD,cAAgB,IAAMnD,KAAKgC,SAAWhC,KAAKiC,cAAe,CACvF,GAAIjC,KAAKmD,cAAgBnD,KAAK+C,WAAa/C,KAAKmB,cAAe,CAC7DnB,KAAKuD,cAAgB,KACrBvD,KAAKwD,iBAAmB,MACxBxD,KAAKyD,iBAAmB,e,KACnB,CACLzD,KAAKuD,cAAgB,MACrBvD,KAAKwD,iBAAmB,KACxBxD,KAAKyD,iBAAmB,cAAczD,KAAKiD,kB,MAExC,CACLjD,KAAKuD,cAAgB,MACrBvD,KAAKwD,iBAAmB,MACxBxD,KAAKyD,iBAAmB,e,EAI5B,iBAAAC,GACE1D,KAAK2B,yBAA2BL,SAASqC,cAAc,OACvD3D,KAAKa,QAAQ+C,cAAcC,YAAY7D,KAAK2B,0BAE5C3B,KAAK8D,eAAiB,IAAIC,eAAe/D,KAAKC,cAC9CD,KAAK8D,eAAeE,QAAQhE,KAAKa,Q,CAGnC,oBAAAoD,GACEjE,KAAK2B,yBAAyBiC,cAAcM,YAAYlE,KAAK2B,0BAE7D,GAAI3B,KAAK8D,eAAgB,CACvB9D,KAAK8D,eAAeK,Y,EAIxB,MAAAC,GACE,MAAMC,EAAuBC,EAAQtE,KAAKa,QAAS,OACnD,MAAM0D,EAAyBD,EAAQtE,KAAKa,QAAS,SACrD,MAAM2D,EAA0BF,EAAQtE,KAAKa,QAAS,UACtD,MAAM4D,EAAkBH,EAAQtE,KAAKa,QAAS,WAE9C,MAAM6D,EAAU,CACdC,OAAU,KACV,6BAA8B3E,KAAKE,eACnC,iBAAkBF,KAAKgC,OACvB,yBAA0BhC,KAAKiC,cAC/B,oBAAqBjC,KAAKoD,SAC1B,yBAA0BpD,KAAKuD,cAC/B,6BAA8BvD,KAAKwD,iBACnC,2BAA4BxD,KAAK4E,YACjC,oCAAqCL,EACrC,6BAA8BA,IAAkBE,IAAoBJ,EACpE,qBAAsBG,GAGxB,OACEK,EAACC,EAAI,KACHD,EAAA,OAAKrD,MAAO,CAACU,WAAY,GAAGlC,KAAKkC,gBAAiB6C,MAAOL,GACvDG,EAAA,OACEE,MAAM,gBACNC,IAAMC,GAAQjF,KAAKwC,aAAeyC,GAElCJ,EAAA,OACEE,MAAM,eACNC,IAAMC,GAAQjF,KAAKgD,YAAciC,GAEjCJ,EAAA,OACEE,MAAM,kBACNC,IAAMC,GAAQjF,KAAKkD,eAAiB+B,GAEpCJ,EAAA,OAAKE,MAAM,wBACTF,EAAA,KAAGK,KAAMlF,KAAKkF,KAAMH,MAAM,oBAAmB,cAAc/E,KAAKmF,iBAAmB,eACjFN,EAAA,QAAMO,KAAK,YAKjBP,EAAA,OACEE,MAAM,kBACNvD,MAAO,CAAC6D,UAAWrF,KAAKyD,kBACxBuB,IAAMC,GAAQjF,KAAKoB,eAAiB6D,GAEpCJ,EAAA,OAAKE,MAAM,yBACTF,EAAA,OAAKE,MAAM,uBACTF,EAAA,QAAMO,KAAK,SAEbP,EAAA,OAAKE,MAAM,yBACTF,EAAA,QAAMO,KAAK,WAEbP,EAAA,OAAKE,MAAM,2BACTF,EAAA,QAAMO,KAAK,gBAMnBP,EAAA,OACEE,MAAM,iBACNC,IAAMC,GAAQjF,KAAKkB,cAAgB+D,GAEnCJ,EAAA,OAAKE,MAAM,wBACTF,EAAA,QAAMO,KAAK,e"}

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

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as s,a}from"./p-c92165bd.js";const e=':host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host ,:host ::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{}:host ::slotted(stzh-input),:host ::slotted(stzh-datepicker),:host ::slotted(stzh-dropdown),:host ::slotted(stzh-langnav),:host ::slotted(stzh-fieldset),:host ::slotted(stzh-actions),:host ::slotted(stzh-upload),:host ::slotted(stzh-saptcha),:host ::slotted(stzh-checkboxgroup),:host ::slotted(stzh-radiogroup),:host ::slotted(stzh-message){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(h3),:host ::slotted(stzh-heading[level="3"]),:host ::slotted(h4),:host ::slotted(stzh-heading[level="4"]){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(h3),:host ::slotted(stzh-heading[level="3"]),:host ::slotted(h4),:host ::slotted(stzh-heading[level="4"]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(h3),:host ::slotted(stzh-heading[level="3"]),:host ::slotted(h4),:host ::slotted(stzh-heading[level="4"]){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-bottom:var(--stzh-space-large)}}:host ::slotted(stzh-text[curve=hero]),:host ::slotted(stzh-heading[curve=hero]){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=hero]),:host ::slotted(stzh-heading[curve=hero]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=hero]),:host ::slotted(stzh-heading[curve=hero]){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-top:var(--stzh-space-xxxxlarge)}}:host ::slotted(stzh-text[curve=h3]),:host ::slotted(stzh-heading[curve=h3]),:host ::slotted(stzh-text[curve=h4]),:host ::slotted(stzh-heading[curve=h4]){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=h3]),:host ::slotted(stzh-heading[curve=h3]),:host ::slotted(stzh-text[curve=h4]),:host ::slotted(stzh-heading[curve=h4]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=h3]),:host ::slotted(stzh-heading[curve=h3]),:host ::slotted(stzh-text[curve=h4]),:host ::slotted(stzh-heading[curve=h4]){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-bottom:var(--stzh-space-large)}}:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-gallery),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr),:host ::slotted(stzh-vbz-ticker){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-gallery),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr),:host ::slotted(stzh-vbz-ticker){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-gallery),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr),:host ::slotted(stzh-vbz-ticker){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-gallery),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr),:host ::slotted(stzh-vbz-ticker){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-gallery),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr),:host ::slotted(stzh-vbz-ticker){margin-bottom:var(--stzh-space-xxxxlarge)}}:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-bottom:var(--stzh-space-xlarge)}}:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-pagetitle){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-pagetitle){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-pagetitle){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-pagetitle){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-pagetitle){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-pagebottom){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-pagebottom){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-pagebottom){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-xbig)}}:host ::slotted(stzh-pagination){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(stzh-actions){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(stzh-actions)[variant=process]{margin-top:var(--stzh-space-large)}:host ::slotted(stzh-fieldset){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(stzh-fieldset)[legend]{margin-top:var(--stzh-space-xxlarge)}:host ::slotted(stzh-heading[level="4"]+stzh-datalist),:host ::slotted(stzh-heading[curve=h4]+stzh-datalist){margin-top:0}:host ::slotted(.cspace-y-curve-tiny){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-tiny){margin-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-tiny){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-tiny){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-tiny){margin-bottom:var(--stzh-space-medium)}}:host ::slotted(.cspace-t-curve-tiny){margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-tiny){margin-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-tiny){margin-top:var(--stzh-space-medium)}}:host ::slotted(.cspace-b-curve-tiny){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-tiny){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-tiny){margin-bottom:var(--stzh-space-medium)}}:host ::slotted(.cspace-y-curve-small){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-small){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-small){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-small){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-small){margin-bottom:var(--stzh-space-large)}}:host ::slotted(.cspace-t-curve-small){margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-small){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-small){margin-top:var(--stzh-space-large)}}:host ::slotted(.cspace-b-curve-small){margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-small){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-small){margin-bottom:var(--stzh-space-large)}}:host ::slotted(.cspace-y-curve-regular){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-regular){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-regular){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-regular){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-regular){margin-bottom:var(--stzh-space-xlarge)}}:host ::slotted(.cspace-t-curve-regular){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-regular){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-regular){margin-top:var(--stzh-space-xlarge)}}:host ::slotted(.cspace-b-curve-regular){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-regular){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-regular){margin-bottom:var(--stzh-space-xlarge)}}:host ::slotted(.cspace-y-curve-medium){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-medium){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-medium){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-medium){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-medium){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(.cspace-t-curve-medium){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-medium){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-medium){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(.cspace-b-curve-medium){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-medium){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-medium){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(.cspace-y-curve-large){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-large){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-large){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-large){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-large){margin-bottom:var(--stzh-space-xxxxlarge)}}:host ::slotted(.cspace-t-curve-large){margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-large){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-large){margin-top:var(--stzh-space-xxxxlarge)}}:host ::slotted(.cspace-b-curve-large){margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-large){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-large){margin-bottom:var(--stzh-space-xxxxlarge)}}:host ::slotted(.cspace-y-curve-big){margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted(.cspace-y-curve-big){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-big){margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-big){margin-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host ::slotted(.cspace-y-curve-big){margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-big){margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-big){margin-bottom:var(--stzh-space-xbig)}}:host ::slotted(.cspace-t-curve-big){margin-top:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted(.cspace-t-curve-big){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-big){margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-big){margin-top:var(--stzh-space-xbig)}}:host ::slotted(.cspace-b-curve-big){margin-bottom:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted(.cspace-b-curve-big){margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-big){margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-big){margin-bottom:var(--stzh-space-xbig)}}:host ::slotted(.cspace-y-curve-huge){margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host ::slotted(.cspace-y-curve-huge){margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-huge){margin-top:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-huge){margin-top:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host ::slotted(.cspace-y-curve-huge){margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-huge){margin-bottom:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-huge){margin-bottom:var(--stzh-space-huge)}}:host ::slotted(.cspace-t-curve-huge){margin-top:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host ::slotted(.cspace-t-curve-huge){margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-huge){margin-top:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-huge){margin-top:var(--stzh-space-huge)}}:host ::slotted(.cspace-b-curve-huge){margin-bottom:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host ::slotted(.cspace-b-curve-huge){margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-huge){margin-bottom:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-huge){margin-bottom:var(--stzh-space-huge)}}:host ::slotted(.small\\:cspace-y-xxxsmall){margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.small\\:cspace-t-xxxsmall){margin-top:var(--stzh-space-xxxsmall)}:host ::slotted(.small\\:cspace-b-xxxsmall){margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.small\\:cspace-y-xxsmall){margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.small\\:cspace-t-xxsmall){margin-top:var(--stzh-space-xxsmall)}:host ::slotted(.small\\:cspace-b-xxsmall){margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.small\\:cspace-y-xsmall){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.small\\:cspace-t-xsmall){margin-top:var(--stzh-space-xsmall)}:host ::slotted(.small\\:cspace-b-xsmall){margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.small\\:cspace-y-small){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}:host ::slotted(.small\\:cspace-t-small){margin-top:var(--stzh-space-small)}:host ::slotted(.small\\:cspace-b-small){margin-bottom:var(--stzh-space-small)}:host ::slotted(.small\\:cspace-y-medium){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(.small\\:cspace-t-medium){margin-top:var(--stzh-space-medium)}:host ::slotted(.small\\:cspace-b-medium){margin-bottom:var(--stzh-space-medium)}:host ::slotted(.small\\:cspace-y-large){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(.small\\:cspace-t-large){margin-top:var(--stzh-space-large)}:host ::slotted(.small\\:cspace-b-large){margin-bottom:var(--stzh-space-large)}:host ::slotted(.small\\:cspace-y-xlarge){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.small\\:cspace-t-xlarge){margin-top:var(--stzh-space-xlarge)}:host ::slotted(.small\\:cspace-b-xlarge){margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.small\\:cspace-y-xxlarge){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.small\\:cspace-t-xxlarge){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(.small\\:cspace-b-xxlarge){margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.small\\:cspace-y-xxxlarge){margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.small\\:cspace-t-xxxlarge){margin-top:var(--stzh-space-xxxlarge)}:host ::slotted(.small\\:cspace-b-xxxlarge){margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.small\\:cspace-y-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.small\\:cspace-t-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge)}:host ::slotted(.small\\:cspace-b-xxxxlarge){margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.small\\:cspace-y-big){margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}:host ::slotted(.small\\:cspace-t-big){margin-top:var(--stzh-space-big)}:host ::slotted(.small\\:cspace-b-big){margin-bottom:var(--stzh-space-big)}:host ::slotted(.small\\:cspace-y-xbig){margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.small\\:cspace-t-xbig){margin-top:var(--stzh-space-xbig)}:host ::slotted(.small\\:cspace-b-xbig){margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.small\\:cspace-y-huge){margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}:host ::slotted(.small\\:cspace-t-huge){margin-top:var(--stzh-space-huge)}:host ::slotted(.small\\:cspace-b-huge){margin-bottom:var(--stzh-space-huge)}:host ::slotted(.small\\:cspace-y-xhuge){margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.small\\:cspace-t-xhuge){margin-top:var(--stzh-space-xhuge)}:host ::slotted(.small\\:cspace-b-xhuge){margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.small\\:cspace-y-none){margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}:host ::slotted(.small\\:cspace-t-none){margin-top:var(--stzh-space-none)}:host ::slotted(.small\\:cspace-b-none){margin-bottom:var(--stzh-space-none)}:host ::slotted(.small\\:cspace-y-default){margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}:host ::slotted(.small\\:cspace-t-default){margin-top:var(--stzh-space-default)}:host ::slotted(.small\\:cspace-b-default){margin-bottom:var(--stzh-space-default)}:host ::slotted(.smallheader\\:cspace-y-xxxsmall){margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.smallheader\\:cspace-t-xxxsmall){margin-top:var(--stzh-space-xxxsmall)}:host ::slotted(.smallheader\\:cspace-b-xxxsmall){margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.smallheader\\:cspace-y-xxsmall){margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.smallheader\\:cspace-t-xxsmall){margin-top:var(--stzh-space-xxsmall)}:host ::slotted(.smallheader\\:cspace-b-xxsmall){margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.smallheader\\:cspace-y-xsmall){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.smallheader\\:cspace-t-xsmall){margin-top:var(--stzh-space-xsmall)}:host ::slotted(.smallheader\\:cspace-b-xsmall){margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.smallheader\\:cspace-y-small){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}:host ::slotted(.smallheader\\:cspace-t-small){margin-top:var(--stzh-space-small)}:host ::slotted(.smallheader\\:cspace-b-small){margin-bottom:var(--stzh-space-small)}:host ::slotted(.smallheader\\:cspace-y-medium){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(.smallheader\\:cspace-t-medium){margin-top:var(--stzh-space-medium)}:host ::slotted(.smallheader\\:cspace-b-medium){margin-bottom:var(--stzh-space-medium)}:host ::slotted(.smallheader\\:cspace-y-large){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(.smallheader\\:cspace-t-large){margin-top:var(--stzh-space-large)}:host ::slotted(.smallheader\\:cspace-b-large){margin-bottom:var(--stzh-space-large)}:host ::slotted(.smallheader\\:cspace-y-xlarge){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.smallheader\\:cspace-t-xlarge){margin-top:var(--stzh-space-xlarge)}:host ::slotted(.smallheader\\:cspace-b-xlarge){margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.smallheader\\:cspace-y-xxlarge){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.smallheader\\:cspace-t-xxlarge){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(.smallheader\\:cspace-b-xxlarge){margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.smallheader\\:cspace-y-xxxlarge){margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.smallheader\\:cspace-t-xxxlarge){margin-top:var(--stzh-space-xxxlarge)}:host ::slotted(.smallheader\\:cspace-b-xxxlarge){margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.smallheader\\:cspace-y-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.smallheader\\:cspace-t-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge)}:host ::slotted(.smallheader\\:cspace-b-xxxxlarge){margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.smallheader\\:cspace-y-big){margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}:host ::slotted(.smallheader\\:cspace-t-big){margin-top:var(--stzh-space-big)}:host ::slotted(.smallheader\\:cspace-b-big){margin-bottom:var(--stzh-space-big)}:host ::slotted(.smallheader\\:cspace-y-xbig){margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.smallheader\\:cspace-t-xbig){margin-top:var(--stzh-space-xbig)}:host ::slotted(.smallheader\\:cspace-b-xbig){margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.smallheader\\:cspace-y-huge){margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}:host ::slotted(.smallheader\\:cspace-t-huge){margin-top:var(--stzh-space-huge)}:host ::slotted(.smallheader\\:cspace-b-huge){margin-bottom:var(--stzh-space-huge)}:host ::slotted(.smallheader\\:cspace-y-xhuge){margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.smallheader\\:cspace-t-xhuge){margin-top:var(--stzh-space-xhuge)}:host ::slotted(.smallheader\\:cspace-b-xhuge){margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.smallheader\\:cspace-y-none){margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}:host ::slotted(.smallheader\\:cspace-t-none){margin-top:var(--stzh-space-none)}:host ::slotted(.smallheader\\:cspace-b-none){margin-bottom:var(--stzh-space-none)}:host ::slotted(.smallheader\\:cspace-y-default){margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}:host ::slotted(.smallheader\\:cspace-t-default){margin-top:var(--stzh-space-default)}:host ::slotted(.smallheader\\:cspace-b-default){margin-bottom:var(--stzh-space-default)}:host ::slotted(.medium\\:cspace-y-xxxsmall){margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.medium\\:cspace-t-xxxsmall){margin-top:var(--stzh-space-xxxsmall)}:host ::slotted(.medium\\:cspace-b-xxxsmall){margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.medium\\:cspace-y-xxsmall){margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.medium\\:cspace-t-xxsmall){margin-top:var(--stzh-space-xxsmall)}:host ::slotted(.medium\\:cspace-b-xxsmall){margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.medium\\:cspace-y-xsmall){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.medium\\:cspace-t-xsmall){margin-top:var(--stzh-space-xsmall)}:host ::slotted(.medium\\:cspace-b-xsmall){margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.medium\\:cspace-y-small){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}:host ::slotted(.medium\\:cspace-t-small){margin-top:var(--stzh-space-small)}:host ::slotted(.medium\\:cspace-b-small){margin-bottom:var(--stzh-space-small)}:host ::slotted(.medium\\:cspace-y-medium){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(.medium\\:cspace-t-medium){margin-top:var(--stzh-space-medium)}:host ::slotted(.medium\\:cspace-b-medium){margin-bottom:var(--stzh-space-medium)}:host ::slotted(.medium\\:cspace-y-large){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(.medium\\:cspace-t-large){margin-top:var(--stzh-space-large)}:host ::slotted(.medium\\:cspace-b-large){margin-bottom:var(--stzh-space-large)}:host ::slotted(.medium\\:cspace-y-xlarge){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.medium\\:cspace-t-xlarge){margin-top:var(--stzh-space-xlarge)}:host ::slotted(.medium\\:cspace-b-xlarge){margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.medium\\:cspace-y-xxlarge){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.medium\\:cspace-t-xxlarge){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(.medium\\:cspace-b-xxlarge){margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.medium\\:cspace-y-xxxlarge){margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.medium\\:cspace-t-xxxlarge){margin-top:var(--stzh-space-xxxlarge)}:host ::slotted(.medium\\:cspace-b-xxxlarge){margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.medium\\:cspace-y-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.medium\\:cspace-t-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge)}:host ::slotted(.medium\\:cspace-b-xxxxlarge){margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.medium\\:cspace-y-big){margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}:host ::slotted(.medium\\:cspace-t-big){margin-top:var(--stzh-space-big)}:host ::slotted(.medium\\:cspace-b-big){margin-bottom:var(--stzh-space-big)}:host ::slotted(.medium\\:cspace-y-xbig){margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.medium\\:cspace-t-xbig){margin-top:var(--stzh-space-xbig)}:host ::slotted(.medium\\:cspace-b-xbig){margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.medium\\:cspace-y-huge){margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}:host ::slotted(.medium\\:cspace-t-huge){margin-top:var(--stzh-space-huge)}:host ::slotted(.medium\\:cspace-b-huge){margin-bottom:var(--stzh-space-huge)}:host ::slotted(.medium\\:cspace-y-xhuge){margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.medium\\:cspace-t-xhuge){margin-top:var(--stzh-space-xhuge)}:host ::slotted(.medium\\:cspace-b-xhuge){margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.medium\\:cspace-y-none){margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}:host ::slotted(.medium\\:cspace-t-none){margin-top:var(--stzh-space-none)}:host ::slotted(.medium\\:cspace-b-none){margin-bottom:var(--stzh-space-none)}:host ::slotted(.medium\\:cspace-y-default){margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}:host ::slotted(.medium\\:cspace-t-default){margin-top:var(--stzh-space-default)}:host ::slotted(.medium\\:cspace-b-default){margin-bottom:var(--stzh-space-default)}:host ::slotted(.large\\:cspace-y-xxxsmall){margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.large\\:cspace-t-xxxsmall){margin-top:var(--stzh-space-xxxsmall)}:host ::slotted(.large\\:cspace-b-xxxsmall){margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.large\\:cspace-y-xxsmall){margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.large\\:cspace-t-xxsmall){margin-top:var(--stzh-space-xxsmall)}:host ::slotted(.large\\:cspace-b-xxsmall){margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.large\\:cspace-y-xsmall){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.large\\:cspace-t-xsmall){margin-top:var(--stzh-space-xsmall)}:host ::slotted(.large\\:cspace-b-xsmall){margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.large\\:cspace-y-small){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}:host ::slotted(.large\\:cspace-t-small){margin-top:var(--stzh-space-small)}:host ::slotted(.large\\:cspace-b-small){margin-bottom:var(--stzh-space-small)}:host ::slotted(.large\\:cspace-y-medium){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(.large\\:cspace-t-medium){margin-top:var(--stzh-space-medium)}:host ::slotted(.large\\:cspace-b-medium){margin-bottom:var(--stzh-space-medium)}:host ::slotted(.large\\:cspace-y-large){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(.large\\:cspace-t-large){margin-top:var(--stzh-space-large)}:host ::slotted(.large\\:cspace-b-large){margin-bottom:var(--stzh-space-large)}:host ::slotted(.large\\:cspace-y-xlarge){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.large\\:cspace-t-xlarge){margin-top:var(--stzh-space-xlarge)}:host ::slotted(.large\\:cspace-b-xlarge){margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.large\\:cspace-y-xxlarge){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.large\\:cspace-t-xxlarge){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(.large\\:cspace-b-xxlarge){margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.large\\:cspace-y-xxxlarge){margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.large\\:cspace-t-xxxlarge){margin-top:var(--stzh-space-xxxlarge)}:host ::slotted(.large\\:cspace-b-xxxlarge){margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.large\\:cspace-y-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.large\\:cspace-t-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge)}:host ::slotted(.large\\:cspace-b-xxxxlarge){margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.large\\:cspace-y-big){margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}:host ::slotted(.large\\:cspace-t-big){margin-top:var(--stzh-space-big)}:host ::slotted(.large\\:cspace-b-big){margin-bottom:var(--stzh-space-big)}:host ::slotted(.large\\:cspace-y-xbig){margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.large\\:cspace-t-xbig){margin-top:var(--stzh-space-xbig)}:host ::slotted(.large\\:cspace-b-xbig){margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.large\\:cspace-y-huge){margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}:host ::slotted(.large\\:cspace-t-huge){margin-top:var(--stzh-space-huge)}:host ::slotted(.large\\:cspace-b-huge){margin-bottom:var(--stzh-space-huge)}:host ::slotted(.large\\:cspace-y-xhuge){margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.large\\:cspace-t-xhuge){margin-top:var(--stzh-space-xhuge)}:host ::slotted(.large\\:cspace-b-xhuge){margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.large\\:cspace-y-none){margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}:host ::slotted(.large\\:cspace-t-none){margin-top:var(--stzh-space-none)}:host ::slotted(.large\\:cspace-b-none){margin-bottom:var(--stzh-space-none)}:host ::slotted(.large\\:cspace-y-default){margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}:host ::slotted(.large\\:cspace-t-default){margin-top:var(--stzh-space-default)}:host ::slotted(.large\\:cspace-b-default){margin-bottom:var(--stzh-space-default)}:host ::slotted(.ultra\\:cspace-y-xxxsmall){margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.ultra\\:cspace-t-xxxsmall){margin-top:var(--stzh-space-xxxsmall)}:host ::slotted(.ultra\\:cspace-b-xxxsmall){margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.ultra\\:cspace-y-xxsmall){margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.ultra\\:cspace-t-xxsmall){margin-top:var(--stzh-space-xxsmall)}:host ::slotted(.ultra\\:cspace-b-xxsmall){margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.ultra\\:cspace-y-xsmall){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.ultra\\:cspace-t-xsmall){margin-top:var(--stzh-space-xsmall)}:host ::slotted(.ultra\\:cspace-b-xsmall){margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.ultra\\:cspace-y-small){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}:host ::slotted(.ultra\\:cspace-t-small){margin-top:var(--stzh-space-small)}:host ::slotted(.ultra\\:cspace-b-small){margin-bottom:var(--stzh-space-small)}:host ::slotted(.ultra\\:cspace-y-medium){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(.ultra\\:cspace-t-medium){margin-top:var(--stzh-space-medium)}:host ::slotted(.ultra\\:cspace-b-medium){margin-bottom:var(--stzh-space-medium)}:host ::slotted(.ultra\\:cspace-y-large){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(.ultra\\:cspace-t-large){margin-top:var(--stzh-space-large)}:host ::slotted(.ultra\\:cspace-b-large){margin-bottom:var(--stzh-space-large)}:host ::slotted(.ultra\\:cspace-y-xlarge){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.ultra\\:cspace-t-xlarge){margin-top:var(--stzh-space-xlarge)}:host ::slotted(.ultra\\:cspace-b-xlarge){margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.ultra\\:cspace-y-xxlarge){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.ultra\\:cspace-t-xxlarge){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(.ultra\\:cspace-b-xxlarge){margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.ultra\\:cspace-y-xxxlarge){margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.ultra\\:cspace-t-xxxlarge){margin-top:var(--stzh-space-xxxlarge)}:host ::slotted(.ultra\\:cspace-b-xxxlarge){margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.ultra\\:cspace-y-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.ultra\\:cspace-t-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge)}:host ::slotted(.ultra\\:cspace-b-xxxxlarge){margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.ultra\\:cspace-y-big){margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}:host ::slotted(.ultra\\:cspace-t-big){margin-top:var(--stzh-space-big)}:host ::slotted(.ultra\\:cspace-b-big){margin-bottom:var(--stzh-space-big)}:host ::slotted(.ultra\\:cspace-y-xbig){margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.ultra\\:cspace-t-xbig){margin-top:var(--stzh-space-xbig)}:host ::slotted(.ultra\\:cspace-b-xbig){margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.ultra\\:cspace-y-huge){margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}:host ::slotted(.ultra\\:cspace-t-huge){margin-top:var(--stzh-space-huge)}:host ::slotted(.ultra\\:cspace-b-huge){margin-bottom:var(--stzh-space-huge)}:host ::slotted(.ultra\\:cspace-y-xhuge){margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.ultra\\:cspace-t-xhuge){margin-top:var(--stzh-space-xhuge)}:host ::slotted(.ultra\\:cspace-b-xhuge){margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.ultra\\:cspace-y-none){margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}:host ::slotted(.ultra\\:cspace-t-none){margin-top:var(--stzh-space-none)}:host ::slotted(.ultra\\:cspace-b-none){margin-bottom:var(--stzh-space-none)}:host ::slotted(.ultra\\:cspace-y-default){margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}:host ::slotted(.ultra\\:cspace-t-default){margin-top:var(--stzh-space-default)}:host ::slotted(.ultra\\:cspace-b-default){margin-bottom:var(--stzh-space-default)}:host ::slotted(.cspace-y-0){margin-top:0;margin-bottom:0}:host ::slotted(.cspace-t-0),:host ::slotted([no-cspace-top]){margin-top:0}:host ::slotted(.cspace-b-0),:host ::slotted([no-cspace-bottom]){margin-bottom:0}:host ::slotted(.small\\:cspace-y-0){margin-top:0;margin-bottom:0}:host ::slotted(.small\\:cspace-t-0){margin-top:0}:host ::slotted(.small\\:cspace-b-0){margin-bottom:0}:host ::slotted(.smallheader\\:cspace-y-0){margin-top:0;margin-bottom:0}:host ::slotted(.smallheader\\:cspace-t-0){margin-top:0}:host ::slotted(.smallheader\\:cspace-b-0){margin-bottom:0}:host ::slotted(.medium\\:cspace-y-0){margin-top:0;margin-bottom:0}:host ::slotted(.medium\\:cspace-t-0){margin-top:0}:host ::slotted(.medium\\:cspace-b-0){margin-bottom:0}:host ::slotted(.large\\:cspace-y-0){margin-top:0;margin-bottom:0}:host ::slotted(.large\\:cspace-t-0){margin-top:0}:host ::slotted(.large\\:cspace-b-0){margin-bottom:0}:host ::slotted(.ultra\\:cspace-y-0){margin-top:0;margin-bottom:0}:host ::slotted(.ultra\\:cspace-t-0){margin-top:0}:host ::slotted(.ultra\\:cspace-b-0){margin-bottom:0}:host([remove-first-margin]:not([remove-first-margin=false])) ::slotted(:first-child){margin-top:0 !important}:host([remove-last-margin]:not([remove-last-margin=false])) ::slotted(:last-child){margin-bottom:0 !important}';const o=class{constructor(s){t(this,s);this.removeFirstMargin=true;this.removeLastMargin=true}render(){const t={"stzh-cspace":true};return s(a,null,s("div",{class:t},s("slot",null)))}};o.style=e;export{o as stzh_cspace};
2	+ //# sourceMappingURL=p-b6fed7ff.entry.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"names":["stzhCspaceCss","StzhCspace","render","classes","h","Host","class"],"sources":["src/components/stzh-cspace/stzh-cspace.scss?tag=stzh-cspace&encapsulation=shadow","src/components/stzh-cspace/stzh-cspace.tsx"],"sourcesContent":[":host {\n ::slotted(stzh-input),\n ::slotted(stzh-datepicker),\n ::slotted(stzh-dropdown),\n ::slotted(stzh-langnav),\n ::slotted(stzh-fieldset),\n ::slotted(stzh-actions),\n ::slotted(stzh-upload),\n ::slotted(stzh-saptcha),\n ::slotted(stzh-checkboxgroup),\n ::slotted(stzh-radiogroup),\n ::slotted(stzh-message) {\n margin-top: space('large');\n margin-bottom: space('large');\n }\n\n ::slotted(h1),\n ::slotted(stzh-heading[level=\"1\"]),\n ::slotted(h2),\n ::slotted(stzh-heading[level=\"2\"]) {\n @include spaceCurve('margin-top', 'large');\n @include spaceCurve('margin-bottom', 'medium');\n }\n\n ::slotted(h3),\n ::slotted(stzh-heading[level=\"3\"]),\n ::slotted(h4),\n ::slotted(stzh-heading[level=\"4\"]) {\n @include spaceCurve('margin-top', 'medium');\n }\n\n ::slotted(p),\n ::slotted(stzh-text),\n ::slotted(ul),\n ::slotted(ol),\n ::slotted(dl),\n ::slotted(stzh-list) {\n @include spaceCurve('margin-top', 'small');\n @include spaceCurve('margin-bottom', 'small');\n }\n\n ::slotted(stzh-text[curve=\"hero\"]),\n ::slotted(stzh-heading[curve=\"hero\"]) {\n @include spaceCurve('margin-bottom', 'medium');\n }\n\n ::slotted(stzh-text[curve=\"h1\"]),\n ::slotted(stzh-heading[curve=\"h1\"]),\n ::slotted(stzh-text[curve=\"h2\"]),\n ::slotted(stzh-heading[curve=\"h2\"]) {\n @include spaceCurve('margin-bottom', 'medium');\n }\n\n ::slotted(stzh-text[curve=\"h1\"]),\n ::slotted(stzh-heading[curve=\"h1\"]),\n ::slotted(stzh-text[curve=\"h2\"]),\n ::slotted(stzh-heading[curve=\"h2\"]) {\n @include spaceCurve('margin-top', 'large');\n }\n\n ::slotted(stzh-text[curve=\"h3\"]),\n ::slotted(stzh-heading[curve=\"h3\"]),\n ::slotted(stzh-text[curve=\"h4\"]),\n ::slotted(stzh-heading[curve=\"h4\"]) {\n @include spaceCurve('margin-top', 'medium');\n }\n\n ::slotted(stzh-text[curve=\"p1\"]),\n ::slotted(stzh-text[curve=\"p2\"]),\n ::slotted(stzh-heading[curve=\"p1\"]),\n ::slotted(stzh-heading[curve=\"p2\"]) {\n @include spaceCurve('margin-top', 'small');\n @include spaceCurve('margin-bottom', 'small');\n }\n\n ::slotted(.section),\n ::slotted(stzh-accordion), // TODO: design missing default spacing, we gonna use the most common one\n ::slotted(stzh-anchornav),\n ::slotted(stzh-audio), // TOOD: design is using small curve as default spacing, but large looks better\n ::slotted(stzh-iframe),\n ::slotted(stzh-youtube),\n ::slotted(stzh-microsite-teaserlist),\n ::slotted(stzh-textandimage),\n ::slotted(stzh-figure),\n ::slotted(stzh-gallery),\n ::slotted(stzh-panorama),\n ::slotted(stzh-chart),\n ::slotted(stzh-sitemap),\n ::slotted(stzh-section),\n ::slotted(stzh-hr),\n ::slotted(stzh-vbz-ticker) {\n @include spaceCurve('margin-top', 'large');\n @include spaceCurve('margin-bottom', 'large');\n }\n\n ::slotted(stzh-olmap),\n ::slotted(stzh-anchornav) {\n @include spaceCurve('margin-top', 'medium');\n @include spaceCurve('margin-bottom', 'medium');\n }\n\n ::slotted(stzh-contact),\n ::slotted(stzh-card) {\n @include spaceCurve('margin-top', 'regular');\n @include spaceCurve('margin-bottom', 'regular');\n }\n\n ::slotted(stzh-table),\n ::slotted(stzh-datatable) {\n @include spaceCurve('margin-top', 'regular');\n @include spaceCurve('margin-bottom', 'medium');\n }\n\n ::slotted(stzh-pagetitle) {\n @include spaceCurve('margin-top', 'large');\n @include spaceCurve('margin-bottom', 'medium');\n }\n\n ::slotted(stzh-pagebottom) {\n @include spaceCurve('margin-top', 'medium');\n }\n\n ::slotted(stzh-progressbar) {\n @include spaceCurve('margin-top', 'big');\n }\n\n ::slotted(stzh-pagination) {\n margin-top: space('medium');\n margin-bottom: space('medium');\n }\n\n ::slotted(stzh-actions) {\n margin-top: space('xxlarge');\n\n &[variant=\"process\"] {\n margin-top: space('large');\n }\n }\n\n ::slotted(stzh-fieldset) {\n margin-top: space('large');\n margin-bottom: space('large');\n\n &[legend] {\n margin-top: space('xxlarge');\n }\n }\n\n ::slotted(stzh-heading[level=\"4\"] + stzh-datalist),\n ::slotted(stzh-heading[curve=\"h4\"] + stzh-datalist) {\n margin-top: 0;\n }\n\n /* Utility classes for applying spacing curves */\n\n @each $spaceCurve, $value in $spaceCurves {\n $defaultSize: map-get($value, 'size');\n $breakpointSizes: map-get($value, 'sizes');\n\n ::slotted(.cspace-y-curve-#{$spaceCurve}) {\n @include spaceCurve('margin-top', $spaceCurve);\n @include spaceCurve('margin-bottom', $spaceCurve);\n }\n\n ::slotted(.cspace-t-curve-#{$spaceCurve}) {\n @include spaceCurve('margin-top', $spaceCurve);\n }\n\n ::slotted(.cspace-b-curve-#{$spaceCurve}) {\n @include spaceCurve('margin-bottom', $spaceCurve);\n }\n }\n\n /* Utility classes for applying spacing values */\n\n @each $breakpoint, $size in $breakpoints {\n @each $space, $value in $spaceSizes {\n @if $breakpoint {\n ::slotted(.#{$breakpoint}\\:cspace-y-#{$space}) {\n margin-top: #{$value};\n margin-bottom: #{$value};\n }\n\n ::slotted(.#{$breakpoint}\\:cspace-t-#{$space}) {\n margin-top: #{$value};\n }\n\n ::slotted(.#{$breakpoint}\\:cspace-b-#{$space}) {\n margin-bottom: #{$value};\n }\n } @else {\n ::slotted(.cspace-y-#{$space}) {\n margin-top: #{$value};\n margin-bottom: #{$value};\n }\n\n ::slotted(.cspace-t-#{$space}) {\n margin-top: #{$value};\n }\n\n ::slotted(.cspace-b-#{$space}) {\n margin-bottom: #{$value};\n }\n }\n }\n }\n\n ::slotted(.cspace-y-0) {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n ::slotted(.cspace-t-0),\n ::slotted([no-cspace-top]) { // TODO: remove attribute\n margin-top: 0;\n }\n\n ::slotted(.cspace-b-0),\n ::slotted([no-cspace-bottom]) { // TODO: remove attribute\n margin-bottom: 0;\n }\n\n @each $breakpoint, $size in $breakpoints {\n ::slotted(.#{$breakpoint}\\:cspace-y-0) {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n ::slotted(.#{$breakpoint}\\:cspace-t-0) {\n margin-top: 0;\n }\n\n ::slotted(.#{$breakpoint}\\:cspace-b-0) {\n margin-bottom: 0;\n }\n }\n}\n\n// Remove edge margin\n\n:host([remove-first-margin]:not([remove-first-margin=\"false\"])) {\n ::slotted(:first-child) {\n margin-top: 0 !important;\n }\n}\n\n:host([remove-last-margin]:not([remove-last-margin=\"false\"])) {\n ::slotted(:last-child) {\n margin-bottom: 0 !important;\n }\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for any elements that should be vertically spaced\n */\n@Component({\n tag: \"stzh-cspace\",\n styleUrl: \"stzh-cspace.scss\",\n shadow: true\n})\nexport class StzhCspace {\n /** Whether first top margin of first child component should be set to 0. */\n @Prop({ reflect: true }) removeFirstMargin: boolean = true;\n\n /** Whether last bottom margin of last child component should be set to 0. */\n @Prop({ reflect: true }) removeLastMargin: boolean = true;\n\n render() {\n const classes = {\n \"stzh-cspace\": true\n };\n\n return (\n <Host>\n <div class={classes}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"6CAAA,MAAMA,EAAgB,ov7C,MCeTC,EAAU,M,gDAEiC,K,sBAGD,I,CAErD,MAAAC,GACE,MAAMC,EAAU,CACd,cAAe,MAGjB,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,c"}

package/dist/stzh-components/{p-cc10a5c5.system.entry.js → p-bb2fe16f.system.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-System.register(["./p-290fcb28.system.js"],(function(r){"use strict";var s,t,e,o,i,a;return{setters:[function(r){s=r.r;t=r.c;e=r.h;o=r.F;i=r.a;a=r.g}],execute:function(){var b='.sc-stzh-progressbar-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-progressbar-item-h{display:none}.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item,.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item::before,.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-progressbar-item-h .has-focus.sc-stzh-progressbar-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-progressbar-item-h .stzh-fylingfocus-focused.sc-stzh-progressbar-item{outline-style:none !important}.sc-stzh-progressbar-item-h .stzh-fylingfocus-focused.sc-stzh-progressbar-item::-moz-focus-inner{border:0 !important}[hide].sc-stzh-progressbar-item-h{display:none}.stzh-progressbar-item.sc-stzh-progressbar-item{text-align:center}.stzh-progressbar-item__button.sc-stzh-progressbar-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background-color:transparent;border:none;cursor:pointer;border-radius:var(--stzh-form-input-border-radius)}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Highlight;border-color:Highlight}}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:var(--stzh-color-primary8)}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:2.1875rem;height:2.1875rem;background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-base-border-color);border-radius:1.3125rem;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--stzh-color-grey55);-webkit-transition-property:color, border-color;transition-property:color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 1024px){.stzh-progressbar-item__number-block.sc-stzh-progressbar-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-progressbar-item__number-block.sc-stzh-progressbar-item{width:2.625rem;height:2.625rem;margin-bottom:var(--stzh-space-large)}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:none;content:"";position:absolute;top:1rem;right:2.125rem;width:100vw;height:0.0625rem;background-color:var(--stzh-base-border-color);z-index:-2;overflow:hidden}@media screen and (min-width: 600px){.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:1.25rem;right:2.5625rem}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item::after{content:"";z-index:0;position:absolute;display:block;width:100%;height:100%;top:0;left:0;border-radius:1.3125rem;-webkit-transition:background-color var(--stzh-base-transition-animation-speed);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-progressbar-item__label-block.sc-stzh-progressbar-item{display:block;font-size:0.875rem;line-height:1.28;color:var(--stzh-color-grey55);padding:var(--stzh-space-xxsmall) var(--stzh-space-small);letter-spacing:0.01em;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 599px){.stzh-progressbar-item__label-block.sc-stzh-progressbar-item{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-progressbar-item__number.sc-stzh-progressbar-item,.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{z-index:1}.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{--size:var(--stzh-icon-size-xsmall);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:CanvasText}}.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{--size:var(--stzh-icon-size-small);color:currentColor}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item{z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;position:absolute;top:0.1875rem;width:1.6875rem;height:1.6875rem;background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-base-border-color);border-radius:50%;cursor:pointer;-webkit-transition-property:color, border-color;transition-property:color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus{border-color:Highlight}}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus::after{background-color:var(--stzh-color-primary8)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus::after{background-color:Canvas}}@media screen and (min-width: 600px){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item{top:0.3125rem;width:1.9375rem;height:1.9375rem}}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before,.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:block}.stzh-progressbar-item--first.sc-stzh-progressbar-item{position:relative}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{right:calc((100% / var(--steps)) - (0.84375rem))}@media screen and (min-width: 600px){.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{right:calc((100% / var(--steps)) - (0.96875rem))}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:Canvas;border-color:CanvasText}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{border-color:Highlight}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:transparent}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Canvas}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:SelectedItem}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item:hover{-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border:solid 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));color:var(--stzh-color-white)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:SelectedItem;border-color:SelectedItem;background-color:Canvas}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:block;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));z-index:-1}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:CanvasText}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-white)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:Canvas}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:SelectedItem}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{margin-bottom:0}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{display:none}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item{padding-left:0;padding-right:0}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{position:relative;z-index:0;top:0.3125rem;width:1.6875rem;height:1.6875rem;border:none;background-color:transparent}@media screen and (min-width: 600px){.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{top:0.5rem;width:1.9375rem;height:1.9375rem}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:0.75rem;right:1.625rem}@media screen and (min-width: 600px){.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:0.8125rem;right:1.875rem}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{display:none}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:var(--stzh-color-white);z-index:1}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:Canvas}}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item{cursor:not-allowed}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-grey55);border-color:var(--stzh-base-border-color)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:GrayText;border-color:GrayText}}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{display:none}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:var(--stzh-color-grey55)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:GrayText}}';var h=r("stzh_progressbar_item",function(){function r(r){var e=this;s(this,r);this.stzhClick=t(this,"stzhClick",7);this.stzhDottedClick=t(this,"stzhDottedClick",7);this.onClick=function(r){e.stzhClick.emit({component:"stzh-progressbar-item",originalEvent:r})};this.onDottedClick=function(r){e.stzhDottedClick.emit({component:"stzh-progressbar-item",originalEvent:r})};this.label=undefined;this.disabled=false;this.first=false;this.last=false;this.passed=false;this.current=false;this.hide=false;this.dotted=false;this.step=1;this.icon="";this.analyticsId=undefined}r.prototype.componentDidRender=function(){var r=this;requestAnimationFrame((function(){r.button.setAttribute("s-object-id",r.analyticsId||r.text.innerText)}))};r.prototype.render=function(){var r=this;var s={"stzh-progressbar-item":true,"stzh-progressbar-item--first":this.first,"stzh-progressbar-item--last":this.last,"stzh-progressbar-item--passed":this.passed,"stzh-progressbar-item--current":this.current,"stzh-progressbar-item--hide":this.hide,"stzh-progressbar-item--dotted":this.dotted,"stzh-progressbar-item--has-icon":!!this.icon,"stzh-progressbar-item--is-disabled":this.disabled};var t=e("button",{class:"stzh-progressbar-item__dotted",onClick:this.onDottedClick},e("stzh-icon",{class:"stzh-progressbar-item__dotted-icon",name:"more-horizontal"}));return e(i,{role:"listitem"},e("div",{class:s},this.last&&this.dotted&&t,e("button",{ref:function(s){return r.button=s},class:"stzh-progressbar-item__button","aria-pressed":this.current?"true":"false",disabled:this.dotted&&this.first||this.disabled,onClick:this.onClick},e("span",{class:"stzh-progressbar-item__number-block"},this.icon?e("stzh-icon",{class:"stzh-progressbar-item__user-icon",name:this.icon}):e(o,null,e("span",{class:"stzh-progressbar-item__number"},this.step),this.passed&&e("stzh-icon",{class:"stzh-progressbar-item__icon",name:"checkmark"}))),e("span",{ref:function(s){return r.text=s},class:"stzh-progressbar-item__label-block"},this.label?this.label:e("slot",null))),this.first&&this.dotted&&t))};Object.defineProperty(r.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return r}());h.style=b}}}));
-//# sourceMappingURL=p-cc10a5c5.system.entry.js.map
+System.register(["./p-290fcb28.system.js"],(function(r){"use strict";var s,t,e,o,i,a;return{setters:[function(r){s=r.r;t=r.c;e=r.h;o=r.F;i=r.a;a=r.g}],execute:function(){var b='.sc-stzh-progressbar-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-progressbar-item-h{display:none}.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item,.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item::before,.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-progressbar-item-h .has-focus.sc-stzh-progressbar-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-progressbar-item-h .stzh-fylingfocus-focused.sc-stzh-progressbar-item{outline-style:none !important}.sc-stzh-progressbar-item-h .stzh-fylingfocus-focused.sc-stzh-progressbar-item::-moz-focus-inner{border:0 !important}[hide].sc-stzh-progressbar-item-h{display:none}.stzh-progressbar-item.sc-stzh-progressbar-item{text-align:center}.stzh-progressbar-item__button.sc-stzh-progressbar-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background-color:transparent;border:none;cursor:pointer;border-radius:var(--stzh-form-input-border-radius)}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Highlight;border-color:Highlight}}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:var(--stzh-color-primary8)}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:2.1875rem;height:2.1875rem;background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-base-border-color);border-radius:1.3125rem;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--stzh-color-grey55);-webkit-transition-property:color, border-color;transition-property:color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 1024px){.stzh-progressbar-item__number-block.sc-stzh-progressbar-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-progressbar-item__number-block.sc-stzh-progressbar-item{width:2.625rem;height:2.625rem;margin-bottom:var(--stzh-space-large)}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:none;content:"";position:absolute;top:1rem;right:2.125rem;width:100vw;height:0.0625rem;background-color:var(--stzh-base-border-color);z-index:-2;overflow:hidden}@media screen and (min-width: 600px){.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:1.25rem;right:2.5625rem}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item::after{content:"";z-index:0;position:absolute;display:block;width:100%;height:100%;top:0;left:0;border-radius:1.3125rem;-webkit-transition:background-color var(--stzh-base-transition-animation-speed);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-progressbar-item__label-block.sc-stzh-progressbar-item{display:block;font-size:0.875rem;line-height:1.28;color:var(--stzh-color-grey55);padding:var(--stzh-space-xxsmall) var(--stzh-space-small);letter-spacing:0.01em;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 599px){.stzh-progressbar-item__label-block.sc-stzh-progressbar-item{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-progressbar-item__number.sc-stzh-progressbar-item,.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{z-index:1}.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{--size:var(--stzh-icon-size-xsmall);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:CanvasText}}.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{--size:var(--stzh-icon-size-small);color:currentColor}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item{z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;position:absolute;top:0.1875rem;width:1.6875rem;height:1.6875rem;background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-base-border-color);border-radius:50%;cursor:pointer;-webkit-transition-property:color, border-color;transition-property:color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus{border-color:Highlight}}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus::after{background-color:var(--stzh-color-primary8)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus::after{background-color:Canvas}}@media screen and (min-width: 600px){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item{top:0.3125rem;width:1.9375rem;height:1.9375rem}}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before,.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:block}.stzh-progressbar-item--first.sc-stzh-progressbar-item{position:relative}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{right:calc((100% / var(--steps)) - (0.84375rem))}@media screen and (min-width: 600px){.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{right:calc((100% / var(--steps)) - (0.96875rem))}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:Canvas;border-color:CanvasText}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{border-color:Highlight}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:transparent}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Canvas}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:SelectedItem}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item:hover{-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border:solid 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));color:var(--stzh-color-white)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:SelectedItem;border-color:SelectedItem;background-color:Canvas}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:block;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));z-index:-1}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:CanvasText}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-white)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:Canvas}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:SelectedItem}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{margin-bottom:0}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{display:none}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item{padding-left:0;padding-right:0}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{position:relative;z-index:0;top:0.3125rem;width:1.6875rem;height:1.6875rem;border:none;background-color:transparent}@media screen and (min-width: 600px){.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{top:0.5rem;width:1.9375rem;height:1.9375rem}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:0.75rem;right:1.625rem}@media screen and (min-width: 600px){.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:0.8125rem;right:1.875rem}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{display:none}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:var(--stzh-color-white);z-index:1}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:Canvas}}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item{cursor:not-allowed}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-grey55);border-color:var(--stzh-base-border-color)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:GrayText;border-color:GrayText}}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{display:none}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:var(--stzh-color-grey55)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:GrayText}}';var h=r("stzh_progressbar_item",function(){function r(r){var e=this;s(this,r);this.stzhClick=t(this,"stzhClick",7);this.stzhDottedClick=t(this,"stzhDottedClick",7);this.onClick=function(r){e.stzhClick.emit({component:"stzh-progressbar-item",originalEvent:r,index:Array.prototype.indexOf.call(e.element.parentNode.children,e.element)})};this.onDottedClick=function(r){e.stzhDottedClick.emit({component:"stzh-progressbar-item",originalEvent:r})};this.label=undefined;this.disabled=false;this.first=false;this.last=false;this.passed=false;this.current=false;this.hide=false;this.dotted=false;this.step=1;this.icon="";this.analyticsId=undefined}r.prototype.componentDidRender=function(){var r=this;requestAnimationFrame((function(){r.button.setAttribute("s-object-id",r.analyticsId||r.text.innerText)}))};r.prototype.render=function(){var r=this;var s={"stzh-progressbar-item":true,"stzh-progressbar-item--first":this.first,"stzh-progressbar-item--last":this.last,"stzh-progressbar-item--passed":this.passed,"stzh-progressbar-item--current":this.current,"stzh-progressbar-item--hide":this.hide,"stzh-progressbar-item--dotted":this.dotted,"stzh-progressbar-item--has-icon":!!this.icon,"stzh-progressbar-item--is-disabled":this.disabled};var t=e("button",{class:"stzh-progressbar-item__dotted",onClick:this.onDottedClick},e("stzh-icon",{class:"stzh-progressbar-item__dotted-icon",name:"more-horizontal"}));return e(i,{role:"listitem"},e("div",{class:s},this.last&&this.dotted&&t,e("button",{ref:function(s){return r.button=s},class:"stzh-progressbar-item__button","aria-pressed":this.current?"true":"false",disabled:this.dotted&&this.first||this.disabled,onClick:this.onClick},e("span",{class:"stzh-progressbar-item__number-block"},this.icon?e("stzh-icon",{class:"stzh-progressbar-item__user-icon",name:this.icon}):e(o,null,e("span",{class:"stzh-progressbar-item__number"},this.step),this.passed&&e("stzh-icon",{class:"stzh-progressbar-item__icon",name:"checkmark"}))),e("span",{ref:function(s){return r.text=s},class:"stzh-progressbar-item__label-block"},this.label?this.label:e("slot",null))),this.first&&this.dotted&&t))};Object.defineProperty(r.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return r}());h.style=b}}}));
+//# sourceMappingURL=p-bb2fe16f.system.entry.js.map

package/dist/stzh-components/p-bb2fe16f.system.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stzhProgressbarItemCss","StzhProgressbarItem","exports","this","onClick","event","_this","stzhClick","emit","component","originalEvent","index","Array","prototype","indexOf","call","element","parentNode","children","onDottedClick","stzhDottedClick","class_1","componentDidRender","requestAnimationFrame","button","setAttribute","analyticsId","text","innerText","render","classes","first","last","passed","current","hide","dotted","icon","disabled","h","class","name","Host","role","ref","el","Fragment","step","label"],"sources":["src/components/stzh-progressbar-item/stzh-progressbar-item.scss?tag=stzh-progressbar-item&encapsulation=scoped","src/components/stzh-progressbar-item/stzh-progressbar-item.tsx"],"sourcesContent":[":host {\n}\n\n:host([hide]) {\n\tdisplay: none;\n}\n\n.stzh-progressbar-item {\n text-align: center;\n\n &__button {\n appearance: none;\n font-family: inherit;\n background-color: transparent;\n border: none;\n cursor: pointer;\n border-radius: $formInputBorderRadius;\n }\n\n &__button:hover &__number-block,\n &__button:focus &__number-block {\n color: $colorPrimaryHover;\n border-color: $colorPrimaryHover;\n\n @include highContrast() {\n color: Highlight;\n border-color: Highlight;\n }\n\n &::after {\n background-color: $colorPrimary8;\n }\n }\n\n &__button:hover &__label-block,\n &__button:focus &__label-block {\n color: $colorPrimaryHover;\n\n @include highContrast() {\n color: Highlight;\n }\n }\n\n /* what we do here is:\n add a gray line on the last element, which strikes through all previous ones,\n add a blue line on the current step which covers all previous elements relative to itself\n and add a white line on the first element, which gives you the illusion that it stopped. */\n\n &__number-block {\n @include font('heavy');\n @include fontCurve('p1');\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: $progressbarItemSize;\n height: $progressbarItemSize;\n background-color: $colorWhite;\n border: solid 1px $baseBorderColor;\n border-radius: $progressbarItemSmallUp / 2;\n text-align: center;\n box-sizing: border-box;\n color: $colorGrey55;\n transition-property: color, border-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n @include mq($from: small) {\n width: $progressbarItemSmallUp;\n height: $progressbarItemSmallUp;\n margin-bottom: space('large');\n }\n\n\t\t// set a line on every element, but hide it by default\n &::before {\n display: none;\n content: '';\n position: absolute;\n top: 16px;\n right: $progressbarItemSize - 1px;\n width: 100vw;\n height: 1px;\n background-color: $baseBorderColor;\n z-index: -2;\n overflow: hidden;\n\n @include mq($from: small) {\n top: 20px;\n right: $progressbarItemSmallUp - 1px;\n }\n }\n }\n\n &__number-block,\n &__dotted {\n &::after {\n content: '';\n z-index: 0;\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border-radius: $progressbarItemSmallUp / 2;\n transition: background-color $baseTransitionAnimationSpeed;\n }\n }\n\n &__label-block {\n display: block;\n font-size: 14px;\n line-height: 1.28;\n color: $colorGrey55;\n padding: space('xxsmall') space('small');\n letter-spacing: 0.01em;\n transition: color $baseTransitionAnimationSpeed;\n\n @include mq($to: small) {\n @include visuallyhidden;\n }\n }\n\n &__number,\n &__icon,\n &__user-icon,\n &__dotted-icon {\n z-index: 1;\n }\n\n &__icon,\n &__user-icon,\n &__dotted-icon {\n --size: #{iconSize('xsmall')};\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: $colorPrimary;\n\n @include highContrast() {\n color: CanvasText;\n }\n }\n\n &__user-icon {\n --size: #{iconSize('small')};\n color: currentColor;\n }\n\n &__dotted {\n z-index: 1;\n appearance: none;\n font-family: inherit;\n position: absolute;\n top: 3px;\n width: $progressbarItemDottedSize;\n height: $progressbarItemDottedSize;\n background-color: $colorWhite;\n border: solid 1px $baseBorderColor;\n border-radius: 50%;\n cursor: pointer;\n transition-property: color, border-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n &:hover,\n &:focus {\n border-color: $colorPrimaryHover;\n\n @include highContrast() {\n border-color: Highlight;\n }\n }\n\n &:hover::after,\n &:focus::after {\n background-color: $colorPrimary8;\n\n @include highContrast() {\n background-color: Canvas;\n }\n }\n\n @include mq($from: small) {\n top: 5px;\n width: $progressbarItemDottedSizeSmallUp;\n height: $progressbarItemDottedSizeSmallUp;\n }\n }\n\n &__dotted:hover &__dotted-icon,\n &__dotted:focus &__dotted-icon {\n color: $colorPrimaryHover;\n\n @include highContrast() {\n color: Highlight;\n }\n }\n\n /* First and Last */\n\n &--first &__number-block,\n &--last &__number-block {\n &::before {\n display: block\n }\n }\n\n /* First */\n\n &--first {\n position: relative;\n }\n\n &--first &__dotted {\n left: 50%;\n transform: translateX(-50%);\n }\n\n /* Last */\n\n &--last &__dotted {\n // position the dots based on the width divided by the elements minus half of itself\n right: calc((100% / var(--steps)) - (#{$progressbarItemDottedSize / 2}));\n\n @include mq($from: small) {\n right: calc((100% / var(--steps)) - (#{$progressbarItemDottedSizeSmallUp / 2}));\n }\n }\n\n /* Passed */\n\n &--passed &__label-block {\n\t\t@include font('heavy');\n color: $colorPrimary;\n }\n\n &--passed &__number-block {\n background-color: $colorWhite;\n border: solid 1px $colorPrimary;\n\n @include highContrast() {\n background-color: Canvas;\n border-color: CanvasText;\n }\n }\n\n &--passed &__button:hover &__number-block,\n &--passed &__button:focus &__number-block {\n @include highContrast() {\n border-color: Highlight;\n }\n }\n\n &--passed &__number-block,\n &--passed &__button:hover &__number-block,\n &--passed &__button:focus &__number-block {\n color: transparent;\n\n @include highContrast() {\n color: Canvas;\n }\n }\n\n &--passed &__user-icon {\n color: $colorPrimary;\n }\n\n &--passed &__button:hover &__user-icon,\n &--passed &__button:focus &__user-icon {\n color: $colorPrimaryHover;\n\n @include highContrast() {\n color: Highlight;\n }\n }\n\n /* Current */\n\n &--current &__label-block {\n @include font('heavy');\n color: $colorPrimary;\n\n @include highContrast() {\n color: SelectedItem;\n }\n\n &:hover {\n text-decoration-line: none;\n }\n }\n\n &--current &__number-block {\n background-color: $colorPrimary;\n border: solid 1px $colorPrimary;\n color: $colorWhite;\n\n @include highContrast() {\n color: SelectedItem;\n border-color: SelectedItem;\n background-color: Canvas;\n }\n\n // make line blue (see desc)\n &::before {\n display: block;\n background-color: $colorPrimary;\n z-index: -1;\n\n @include highContrast() {\n background-color: CanvasText;\n }\n }\n }\n\n &--current &__button:hover &__number-block,\n &--current &__button:focus &__number-block {\n color: $colorWhite;\n\n @include highContrast() {\n color: Highlight;\n }\n\n &::after {\n background-color: $colorPrimaryHover;\n\n @include highContrast() {\n background-color: Canvas;\n }\n }\n }\n\n &--current &__user-icon {\n @include highContrast() {\n color: SelectedItem;\n }\n }\n\n &--current &__button:hover &__icon,\n &--current &__button:focus &__icon,\n &--current &__button:hover &__user-icon,\n &--current &__button:focus &__user-icon {\n @include highContrast() {\n color: Highlight;\n }\n }\n\n /* Dotted */\n\n &--dotted#{&}--first &__number-block {\n margin-bottom: 0;\n\n &::after {\n display: none;\n }\n }\n\n &--dotted#{&}--first &__button {\n padding-left: 0;\n padding-right: 0;\n }\n\n // hide number block behind dotted element\n &--dotted#{&}--first &__number-block {\n position: relative;\n z-index: 0;\n top: 5px;\n width: $progressbarItemDottedSize;\n height: $progressbarItemDottedSize;\n border: none;\n background-color: transparent;\n\n // change dimensions to be still hidden\n @include mq($from: small) {\n top: 8px;\n width: $progressbarItemDottedSizeSmallUp;\n height: $progressbarItemDottedSizeSmallUp;\n }\n\n // realign white line\n &::before {\n top: 12px;\n right: 26px;\n\n @include mq($from: small) {\n top: 13px;\n right: 30px;\n }\n }\n }\n\n &--dotted#{&}--first &__label-block {\n\t\tdisplay: none;\n }\n\n // first child overwrite white line (see desc) */\n &--first &__number-block {\n &::before {\n background-color: $colorWhite;\n z-index: 1;\n\n @include highContrast() {\n background-color: Canvas;\n }\n }\n }\n\n /* Disabled */\n\n // &--is-disabled &__number-block {\n // background-color: $baseBorderColor;\n // }\n\n &--is-disabled &__button {\n cursor: not-allowed;\n }\n\n &--is-disabled &__button:hover &__number-block,\n &--is-disabled &__button:focus &__number-block {\n color: $colorGrey55;\n border-color: $baseBorderColor;\n\n @include highContrast() {\n color: GrayText;\n border-color: GrayText;\n }\n\n &::after {\n display: none;\n }\n }\n\n &--is-disabled &__button:hover &__label-block,\n &--is-disabled &__button:focus &__label-block {\n color: $colorGrey55;\n\n @include highContrast() {\n color: GrayText;\n }\n }\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n Element,\n Fragment,\n Event,\n EventEmitter\n} from \"@stencil/core\";\n\nimport {\n StzhProgressbarItemClickEvent,\n StzhProgressbarItemDottedClickEvent\n} from '../../index';\n\n/**\n * @slot - Slot for label (or use label prop)\n */\n@Component({\n tag: \"stzh-progressbar-item\",\n styleUrl: \"stzh-progressbar-item.scss\",\n scoped: true\n})\nexport class StzhProgressbarItem {\n @Prop({ reflect: true }) label: string;\n\n @Prop({ reflect: true }) disabled: boolean = false;\n\n @Prop({ reflect: true }) first: boolean = false;\n\n @Prop({ reflect: true }) last: boolean = false;\n\n @Prop({ reflect: true }) passed: boolean = false;\n\n @Prop({ reflect: true }) current: boolean = false;\n\n @Prop({ reflect: true }) hide: boolean = false;\n\n @Prop({ reflect: true }) dotted: boolean = false;\n\n @Prop({ reflect: true }) step: number = 1;\n\n @Prop({ reflect: true }) icon: string = \"\";\n\n /**\n * For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the button element.\n * Default value will be taken from `label` prop or default slot.\n */\n @Prop() analyticsId: string;\n\n /** Click event */\n @Event() stzhClick: EventEmitter<StzhProgressbarItemClickEvent>;\n\n /** Dotted click event */\n @Event() stzhDottedClick: EventEmitter<StzhProgressbarItemDottedClickEvent>;\n\n @Element() element: HTMLStzhProgressbarItemElement;\n\n private button: HTMLButtonElement;\n private text: HTMLElement;\n\n private onClick = (event: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-progressbar-item\",\n originalEvent: event,\n index: Array.prototype.indexOf.call(this.element.parentNode.children, this.element),\n });\n }\n\n private onDottedClick = (event: MouseEvent) => {\n this.stzhDottedClick.emit({\n component: \"stzh-progressbar-item\",\n originalEvent: event\n });\n }\n\n componentDidRender() {\n requestAnimationFrame(() => {\n this.button.setAttribute(\"s-object-id\", this.analyticsId || this.text.innerText);\n });\n }\n\n render() {\n const classes = {\n \"stzh-progressbar-item\": true,\n \"stzh-progressbar-item--first\": this.first,\n \"stzh-progressbar-item--last\": this.last,\n \"stzh-progressbar-item--passed\": this.passed,\n \"stzh-progressbar-item--current\": this.current,\n \"stzh-progressbar-item--hide\": this.hide,\n \"stzh-progressbar-item--dotted\": this.dotted,\n \"stzh-progressbar-item--has-icon\": !!this.icon,\n \"stzh-progressbar-item--is-disabled\": this.disabled\n };\n\n const dotted = (\n <button\n class=\"stzh-progressbar-item__dotted\"\n onClick={this.onDottedClick}\n >\n <stzh-icon class=\"stzh-progressbar-item__dotted-icon\" name=\"more-horizontal\"></stzh-icon>\n </button>\n );\n\n return (\n <Host role=\"listitem\">\n <div class={classes}>\n {this.last && this.dotted && dotted}\n <button\n ref={(el) => (this.button = el as HTMLButtonElement)}\n class=\"stzh-progressbar-item__button\"\n aria-pressed={this.current ? \"true\" : \"false\"}\n disabled={(this.dotted && this.first) || this.disabled}\n onClick={this.onClick}\n >\n <span class=\"stzh-progressbar-item__number-block\">\n {this.icon\n ?\n <stzh-icon class=\"stzh-progressbar-item__user-icon\" name={this.icon}></stzh-icon>\n :\n <Fragment>\n <span class=\"stzh-progressbar-item__number\">{this.step}</span>\n {this.passed &&\n <stzh-icon class=\"stzh-progressbar-item__icon\" name=\"checkmark\"></stzh-icon>\n }\n </Fragment>\n }\n </span>\n <span\n ref={(el) => (this.text = el as HTMLElement)}\n class=\"stzh-progressbar-item__label-block\"\n >\n {this.label ? this.label : <slot></slot>}\n </span>\n </button>\n {this.first && this.dotted && dotted}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"0KAAA,IAAMA,EAAyB,++qB,ICwBlBC,EAAmBC,EAAA,mC,yHAuCtBC,KAAAC,QAAU,SAACC,GACjBC,EAAKC,UAAUC,KAAK,CAClBC,UAAW,wBACXC,cAAeL,EACfM,MAAOC,MAAMC,UAAUC,QAAQC,KAAKT,EAAKU,QAAQC,WAAWC,SAAUZ,EAAKU,U,EAIvEb,KAAAgB,cAAgB,SAACd,GACvBC,EAAKc,gBAAgBZ,KAAK,CACxBC,UAAW,wBACXC,cAAeL,G,qCA/C0B,M,WAEH,M,UAED,M,YAEE,M,aAEC,M,UAEH,M,YAEE,M,UAEH,E,UAEA,G,2BAmCxCgB,EAAAR,UAAAS,mBAAA,eAAAhB,EAAAH,KACEoB,uBAAsB,WACpBjB,EAAKkB,OAAOC,aAAa,cAAenB,EAAKoB,aAAepB,EAAKqB,KAAKC,U,KAI1EP,EAAAR,UAAAgB,OAAA,eAAAvB,EAAAH,KACE,IAAM2B,EAAU,CACd,wBAAyB,KACzB,+BAAgC3B,KAAK4B,MACrC,8BAA+B5B,KAAK6B,KACpC,gCAAiC7B,KAAK8B,OACtC,iCAAkC9B,KAAK+B,QACvC,8BAA+B/B,KAAKgC,KACpC,gCAAiChC,KAAKiC,OACtC,oCAAqCjC,KAAKkC,KAC1C,qCAAsClC,KAAKmC,UAG7C,IAAMF,EACJG,EAAA,UACEC,MAAM,gCACNpC,QAASD,KAAKgB,eAEdoB,EAAA,aAAWC,MAAM,qCAAqCC,KAAK,qBAI/D,OACEF,EAACG,EAAI,CAACC,KAAK,YACTJ,EAAA,OAAKC,MAAOV,GACT3B,KAAK6B,MAAQ7B,KAAKiC,QAAUA,EAC7BG,EAAA,UACEK,IAAK,SAACC,GAAE,OAAMvC,EAAKkB,OAASqB,CAApB,EACRL,MAAM,gCAA+B,eACvBrC,KAAK+B,QAAU,OAAS,QACtCI,SAAWnC,KAAKiC,QAAUjC,KAAK4B,OAAU5B,KAAKmC,SAC9ClC,QAASD,KAAKC,SAEdmC,EAAA,QAAMC,MAAM,uCACTrC,KAAKkC,KAEJE,EAAA,aAAWC,MAAM,mCAAmCC,KAAMtC,KAAKkC,OAE/DE,EAACO,EAAQ,KACPP,EAAA,QAAMC,MAAM,iCAAiCrC,KAAK4C,MACjD5C,KAAK8B,QACJM,EAAA,aAAWC,MAAM,8BAA8BC,KAAK,gBAK5DF,EAAA,QACEK,IAAK,SAACC,GAAE,OAAMvC,EAAKqB,KAAOkB,CAAlB,EACRL,MAAM,sCAELrC,KAAK6C,MAAQ7C,KAAK6C,MAAQT,EAAA,eAG9BpC,KAAK4B,OAAS5B,KAAKiC,QAAUA,G,4HAjHR,I"}