@oiz/stzh-components 0.0.1-pretest → 1.5.0-alpha

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

@@ -0,0 +1 @@
+import{r as t,c as e,h as i,F as s,a as h,g as r}from"./p-65282c9d.js";import{f as n}from"./p-25a09313.js";import{a,p as o}from"./p-77a00e55.js";import{c as z}from"./p-c8bcceac.js";import{h as c}from"./p-1f57d28e.js";import{S as l}from"./p-32b78d65.js";import{c as d}from"./p-ee7a68db.js";const f=class{constructor(i){t(this,i),this.stzhChange=e(this,"stzhChange",7),this.calendarMin="",this.calendarMax="",this.calendarIsDateDisabled=()=>!1,this.name="",this.value="",this.label="",this.readonly=!1,this.disabled=!1,this.invalid=!1,this.required=!1,this.showMarker=!1,this.size="default",this.inline=!1,this.onInputChange=()=>{const t=this.dateAdapter.parse(this.input.value,"inputdate");if(""===this.input.value||t){const e=a(t);this.calendar&&(this.calendar.value=e),this.value=e,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}),this.input&&(this.input.value=t.detail.valueAsDate&&this.dateAdapter.format(t.detail.valueAsDate,"inputdate")),this.popover&&this.popover.hide()}}createDateFormatters(){this.localization&&(this.dateFormatLong=new Intl.DateTimeFormat(this.localization.$locale,{day:"numeric",month:"long",year:"numeric"}))}valueWatcher(t){const e=o(t);this.calendar&&(this.calendar.value=t),this.input&&(this.input.value=this.dateAdapter.format(e,"inputdate")),this.updateButtonAccessibleLabel()}async setDate(t){this.value=a(t)}async getPopover(){return this.popover}updateButtonAccessibleLabel(){if(this.localization)try{const t=o(this.value);this.buttonLabel=`${this.localization.buttonLabel}, ${this.localization.selectedDateMessage} ${this.dateFormatLong.format(t)}`}catch(t){this.buttonLabel=this.localization.buttonLabel}}connectedCallback(){this.createDateFormatters()}async componentWillLoad(){this.localization||(this.localization=await n(this.element,"datepicker")),this.dateAdapter||(this.dateAdapter=z(this.localization.$formats,this.localization.$globals))}componentDidLoad(){this.valueWatcher(this.value)}render(){return i(h,null,i("div",{class:{"stzh-datepicker":!0,"stzh-datepicker--inline":this.inline}},i("input",{type:"hidden",name:this.name,value:this.value}),this.inline&&i(s,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,ref:t=>this.input=t,noAutocomplete:!0,onStzhChange:this.onInputChange,readonly:this.readonly,disabled:this.disabled,description:this.description,descriptionLong:this.descriptionLong,error:this.error,invalid:this.invalid,required:this.required,showMarker:this.showMarker,placeholder:this.placeholder,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":!0,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 r(this)}static get watchers(){return{localization:["createDateFormatters"],value:["valueWatcher"]}}};f.style=".sc-stzh-datepicker-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;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}.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)}";let g=0;const x=class{constructor(i){t(this,i),this.stzhChange=e(this,"stzhChange",7),this.stzhFocus=e(this,"stzhFocus",7),this.stzhBlur=e(this,"stzhBlur",7),this.disabled=!1,this.name="",this.value="",this.invalid=!1,this.required=!1,this.showMarker=!1,this.checked=!1,this.label="",this.a11yDescribedby="",this.onInput=t=>{this.checked=this.input.checked,this.stzhChange.emit({component:"stzh-radio",originalEvent:t,value:this.value,checked:this.checked})},this.onFocus=t=>{const e=new FocusEvent("focus",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(e),this.stzhFocus.emit({component:"stzh-radio",originalEvent:t})},this.onBlur=t=>{const e=new FocusEvent("blur",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(e),this.stzhBlur.emit({component:"stzh-radio",originalEvent:t})}}async setFocus(){this.input.focus()}errorWatcher(t){if("string"==typeof t)try{this._error=JSON.parse(t)}catch(e){this._error=t?[t]:[]}else this._error=t||[];this.invalid=this._error.length>0}async componentWillLoad(){this.inputId="stzh-radio-"+g++,this.errorWatcher(this.error),this.localization||(this.localization=await n(this.element,"radio"))}render(){const t=c(this.element,"description")||!!this.description,e=c(this.element,"description-long")||!!this.descriptionLong,s=c(this.element,"error")||!!this.error;return i("div",{class:{"stzh-radio":!0,"stzh-radio--has-description":t,"stzh-radio--has-description-long":e,"stzh-radio--has-error":s,"stzh-radio--is-required":this.required,"stzh-radio--is-invalid":this.invalid,"stzh-radio--is-disabled":this.disabled}},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(l,{classPrefix:"stzh-radio",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:e,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))}get element(){return r(this)}static get watchers(){return{error:["errorWatcher"]}}};x.style='.sc-stzh-radio-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;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}.sc-stzh-radio-h{display:inline-block;border-radius:var(--stzh-form-input-border-radius)}.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:normal}.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;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}.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.375rem;height:0.375rem;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:var(--stzh-color-grey5)}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__mark.sc-stzh-radio{background-color:var(--stzh-color-grey5)}';let p=0;const v=class{constructor(e){t(this,e),this.disabled=!1,this.hideLegend=!1,this.invalid=!1,this.required=!1,this.showMarker=!1,this.value="",this.direction="vertical",this.checkedRadio=null,this.preventUpdateProperties=[],this.init=()=>{this.radios=Array.from(this.element.querySelectorAll("stzh-radio")),this.updateRadiosProperty("show-marker",!1),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)}}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("string"==typeof t)try{this._error=JSON.parse(t)}catch(e){this._error=t?[t]:[]}else this._error=t||[];this.invalid=this._error.length>0}onChange(t){this.value=t.detail.value}updateRadiosProperty(t,e){this.radios.forEach((i=>{"name"!==t&&-1!==this.preventUpdateProperties.indexOf(t)||(i[d(t)]=e)}))}updateCheckedRadioByValue(t){this.checkedRadio=this.radios.find((e=>e.value===t)),this.checkedRadio&&(this.checkedRadio.checked=!0),this.uncheckRadios()}uncheckRadios(){this.radios.forEach((t=>{this.checkedRadio&&t===this.checkedRadio||(t.checked=!1)}))}async componentWillLoad(){this.radiogroupId="stzh-radiogroup-"+p++,this.errorWatcher(this.error),this.localization||(this.localization=await n(this.element,"radiogroup"))}componentShouldUpdate(t,e,i){return"checkedRadio"!==i}componentDidRender(){this.init()}connectedCallback(){if(!this.value){this.radios=Array.from(this.element.querySelectorAll("stzh-radio"));const t=this.radios.find((t=>t.checked));t&&(this.value=t.value)}this.observer=new MutationObserver(this.init),this.observer.observe(this.element,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer.disconnect()}render(){const t=c(this.element,"description")||!!this.description,e=c(this.element,"description-long")||!!this.descriptionLong,s=c(this.element,"error")||!!this.error;return i("fieldset",{class:{"stzh-radiogroup":!0,"stzh-radiogroup--has-description":t,"stzh-radiogroup--has-description-long":e,"stzh-radiogroup--has-error":s,"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}},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(l,{classPrefix:"stzh-radiogroup",id:`${this.radiogroupId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:e,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))}get element(){return r(this)}static get watchers(){return{name:["watchName"],disabled:["watchDisabled"],invalid:["watchInvalid"],required:["watchRequired"],value:["watchValue"],error:["errorWatcher"]}}};v.style=".sc-stzh-radiogroup-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;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}.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:normal}.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;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:normal;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=class{constructor(e){t(this,e),this.font="default",this.curve="default",this.lead=!1,this.size="inherit",this.sizeSmall="inherit",this.sizeMedium="inherit",this.sizeLarge="inherit",this.sizeUltra="inherit"}render(){return i(h,null,i("div",{class:{"stzh-text":!0,"stzh-text--is-lead":this.lead,[`stzh-text--font-${this.font}`]:!!this.font,[`stzh-text--curve-${this.curve}`]:!!this.curve,[`stzh-text--size-${this.size}`]:!!this.size,[`stzh-text--size-small-${this.sizeSmall}`]:!!this.sizeSmall,[`stzh-text--size-medium-${this.sizeMedium}`]:!!this.sizeMedium,[`stzh-text--size-large-${this.sizeLarge}`]:!!this.sizeLarge,[`stzh-text--size-ultra-${this.sizeUltra}`]:!!this.sizeUltra}},i("slot",null)))}};m.style=".sc-stzh-text-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-text-h{display:none}.sc-stzh-text-h *.sc-stzh-text,.sc-stzh-text-h *.sc-stzh-text::before,.sc-stzh-text-h *.sc-stzh-text::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-text-h{width:100%;--color:var(--stzh-base-color);color:var(--color)}.sc-stzh-text-h .sc-stzh-text-s>*:first-child{margin-top:0}.sc-stzh-text-h .sc-stzh-text-s>*:last-child{margin-bottom:0}[lead].sc-stzh-text-h:not([lead=false]){--color:var(--stzh-base-lead-color)}.stzh-text.sc-stzh-text{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);color:var(--color)}@media screen and (min-width: 1024px){.stzh-text.sc-stzh-text{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)}}.stzh-text--is-lead.sc-stzh-text{font-family:var(--stzh-font-family-light);font-weight:var(--stzh-font-weight-light);font-style:normal;font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing);letter-spacing:0.0625rem}@media screen and (min-width: 600px){.stzh-text--is-lead.sc-stzh-text{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--is-lead.sc-stzh-text{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-regular-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing)}}.stzh-text--font-light.sc-stzh-text{font-family:var(--stzh-font-family-light);font-weight:var(--stzh-font-weight-light);font-style:normal}.stzh-text--font-regular.sc-stzh-text{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-text--font-medium.sc-stzh-text{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:normal}.stzh-text--font-heavy.sc-stzh-text{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.stzh-text--font-title.sc-stzh-text{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title)}.stzh-text--curve-caption.sc-stzh-text{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 1024px){.stzh-text--curve-caption.sc-stzh-text{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-text--curve-p2.sc-stzh-text{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 1024px){.stzh-text--curve-p2.sc-stzh-text{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-text--curve-p1.sc-stzh-text{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)}@media screen and (min-width: 1024px){.stzh-text--curve-p1.sc-stzh-text{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)}}.stzh-text--curve-h4.sc-stzh-text{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing)}@media screen and (min-width: 1024px){.stzh-text--curve-h4.sc-stzh-text{font-size:var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-medium-text-letter-spacing)}}.stzh-text--curve-h3.sc-stzh-text{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-text--curve-h3.sc-stzh-text{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--curve-h3.sc-stzh-text{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-regular-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing)}}.stzh-text--curve-h2.sc-stzh-text{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h2-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-text--curve-h2.sc-stzh-text{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-text--curve-h2.sc-stzh-text{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-text--curve-h2.sc-stzh-text{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-text-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-text-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-text--curve-h1.sc-stzh-text{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-text--curve-h1.sc-stzh-text{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-small-text-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-text-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-text--curve-h1.sc-stzh-text{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-medium-text-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-text-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-text--curve-h1.sc-stzh-text{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-text-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-text-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-text--curve-hero.sc-stzh-text{font-size:var(--stzh-font-curve-hero-default-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-hero-default-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-hero-default-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-text--curve-hero.sc-stzh-text{font-size:var(--stzh-font-curve-hero-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-hero-small-text-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-hero-small-text-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-text--curve-hero.sc-stzh-text{font-size:var(--stzh-font-curve-hero-medium-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-hero-medium-text-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-hero-medium-text-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-text--curve-hero.sc-stzh-text{font-size:var(--stzh-font-curve-hero-large-font-size, var(--stzh-font-hero-font-size));line-height:var(--stzh-font-curve-hero-large-text-line-height, var(--stzh-font-hero-text-line-height));letter-spacing:var(--stzh-font-curve-hero-large-text-letter-spacing, var(--stzh-font-hero-text-letter-spacing))}}.stzh-text--size-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-text--size-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}.stzh-text--size-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-text--size-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-text--size-milli.sc-stzh-text{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)}.stzh-text--size-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-text--size-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-text--size-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-text--size-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}.stzh-text--size-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}.stzh-text--size-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}.stzh-text--size-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}.stzh-text--size-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}.stzh-text--size-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-text--size-small-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}}@media screen and (min-width: 600px){.stzh-text--size-small-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}}@media screen and (min-width: 600px){.stzh-text--size-small-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 600px){.stzh-text--size-small-milli.sc-stzh-text{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)}}@media screen and (min-width: 600px){.stzh-text--size-small-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-milli.sc-stzh-text{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)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-milli.sc-stzh-text{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)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}}@media screen and (min-width: 1260px){.stzh-text--size-large-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}}@media screen and (min-width: 1260px){.stzh-text--size-large-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 1260px){.stzh-text--size-large-milli.sc-stzh-text{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)}}@media screen and (min-width: 1260px){.stzh-text--size-large-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-milli.sc-stzh-text{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)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}}";export{f as stzh_datepicker,x as stzh_radio,v as stzh_radiogroup,m as stzh_text}

package/dist/stzh-components/{p-c51a61cb.system.entry.js → p-a760352a.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,s){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function o(e){try{h(s.next(e))}catch(t){i(t)}}function a(e){try{h(s["throw"](e))}catch(t){i(t)}}function h(e){e.done?n(e.value):r(e.value).then(o,a)}h((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},s,r,i,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(e){return function(t){return h([e,t])}}function h(o){if(s)throw new TypeError("Generator is already executing.");while(n)try{if(s=1,r&&(i=o[0]&2?r["return"]:o[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;if(r=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;r=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){n.label=o[1];break}if(o[0]===6&&n.label<i[1]){n.label=i[1];i=o;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(o);break}if(i[2])n.ops.pop();n.trys.pop();continue}o=t.call(e,n)}catch(a){o=[6,a];r=0}finally{s=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-30b347ee.system.js","./p-af819e4e.system.js"],(function(e){"use strict";var t,n,s,r,i,o,a;return{setters:[function(e){t=e.r;n=e.h;s=e.a;r=e.c;i=e.F;o=e.g},function(e){a=e.h}],execute:function(){var h=".sc-stzh-menu-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-menu-h{display:none}.sc-stzh-menu-h *.sc-stzh-menu,.sc-stzh-menu-h *.sc-stzh-menu::before,.sc-stzh-menu-h *.sc-stzh-menu::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-menu-h .sc-stzh-menu-s>stzh-hr{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}.stzh-menu.sc-stzh-menu{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}";var l=e("stzh_menu",function(){function e(e){t(this,e)}e.prototype.render=function(){return n(s,{role:"menu"},n("div",{class:"stzh-menu"},n("slot",null)))};return e}());l.style=h;var c=".sc-stzh-menu-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-menu-item-h{display:none}.sc-stzh-menu-item-h *.sc-stzh-menu-item,.sc-stzh-menu-item-h *.sc-stzh-menu-item::before,.sc-stzh-menu-item-h *.sc-stzh-menu-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-menu-item-h{--height:var(--stzh-menu-item-height);--color:var(--stzh-color-grey70);--background-color:transparent;--icon-size:var(--stzh-icon-size-small);--hover-color:var(--stzh-color-grey70);--hover-background-color:var(--stzh-color-grey5)}[active].sc-stzh-menu-item-h:not([active=false]){--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-color-primary8)}[disabled].sc-stzh-menu-item-h:not([disabled=false]){--color:var(--stzh-color-white);--background-color:var(--stzh-color-grey13);--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-grey13)}.sc-stzh-menu-item-h .sc-stzh-menu-item-s>stzh-icon,.stzh-menu-item__icon.sc-stzh-menu-item{--size:var(--icon-size)}.stzh-menu-item.sc-stzh-menu-item{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;border:none;padding:var(--stzh-space-xsmall) var(--stzh-space-medium);padding-left:var(--stzh-space-large);color:var(--color);background-color:var(--background-color);width:100%;height:var(--height);line-height:var(--height);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-menu-item.sc-stzh-menu-item:hover{color:var(--hover-color);background-color:var(--hover-background-color)}.stzh-menu-item__icon-wrapper.sc-stzh-menu-item{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:auto;height:1em}.stzh-menu-item__badge.sc-stzh-menu-item{position:absolute;z-index:1;top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-xsmall) * -1)}.stzh-menu-item__icon-wrapper.sc-stzh-menu-item+.stzh-menu-item__text.sc-stzh-menu-item:not(:empty){margin-left:var(--stzh-space-xsmall)}.stzh-menu-item__text.sc-stzh-menu-item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stzh-menu-item--is-disabled.sc-stzh-menu-item{cursor:not-allowed}";var u=e("stzh_menu_item",function(){function e(e){var n=this;t(this,e);this.stzhFocus=r(this,"stzhFocus",7);this.stzhBlur=r(this,"stzhBlur",7);this.badge="";this.icon="";this.active=false;this.label="";this.href="";this.target="";this.disabled=false;this.onFocus=function(e){var t=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});n.element.dispatchEvent(t);n.stzhFocus.emit({component:"stzh-menu-item",originalEvent:e})};this.onBlur=function(e){var t=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});n.element.dispatchEvent(t);n.stzhBlur.emit({component:"stzh-menu-item",originalEvent:e})}}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.menuItem.focus();return[2]}))}))};e.prototype.renderInner=function(e){return n(i,null,e&&n("div",{class:"stzh-menu-item__icon-wrapper"},this.icon?n("stzh-icon",{class:"stzh-menu-item__icon",name:this.icon}):n("slot",{name:"icon"}),this.badge&&n("stzh-badge",{class:"stzh-menu-item__badge",label:this.badge})),n("div",{class:"stzh-menu-item__text"},this.label?this.label:n("slot",null)))};e.prototype.render=function(){var e=this;var t=a(this.element,"icon")||!!this.icon;var r={"stzh-menu-item":true,"stzh-menu-item--has-icon":t,"stzh-menu-item--has-badge":!!this.badge,"stzh-menu-item--is-disabled":this.disabled,"stzh-menu-item--is-active":this.active};return n(s,{role:"menuitem"},this.href?n("a",{ref:function(t){return e.menuItem=t},href:this.disabled?null:this.href,target:this.target,class:r,"aria-label":this.a11yLabel,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner(t)):n("button",{ref:function(t){return e.menuItem=t},class:r,type:"button",disabled:this.disabled,"aria-label":this.a11yLabel,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner(t)))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());u.style=c}}}));
+var __awaiter=this&&this.__awaiter||function(e,t,n,s){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function o(e){try{h(s.next(e))}catch(t){i(t)}}function a(e){try{h(s["throw"](e))}catch(t){i(t)}}function h(e){e.done?n(e.value):r(e.value).then(o,a)}h((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},s,r,i,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(e){return function(t){return h([e,t])}}function h(o){if(s)throw new TypeError("Generator is already executing.");while(n)try{if(s=1,r&&(i=o[0]&2?r["return"]:o[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;if(r=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;r=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){n.label=o[1];break}if(o[0]===6&&n.label<i[1]){n.label=i[1];i=o;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(o);break}if(i[2])n.ops.pop();n.trys.pop();continue}o=t.call(e,n)}catch(a){o=[6,a];r=0}finally{s=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-30b347ee.system.js","./p-0230004d.system.js"],(function(e){"use strict";var t,n,s,r,i,o,a;return{setters:[function(e){t=e.r;n=e.h;s=e.a;r=e.c;i=e.F;o=e.g},function(e){a=e.h}],execute:function(){var h=".sc-stzh-menu-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-menu-h{display:none}.sc-stzh-menu-h *.sc-stzh-menu,.sc-stzh-menu-h *.sc-stzh-menu::before,.sc-stzh-menu-h *.sc-stzh-menu::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-menu-h .sc-stzh-menu-s>stzh-hr{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}.stzh-menu.sc-stzh-menu{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}";var l=e("stzh_menu",function(){function e(e){t(this,e)}e.prototype.render=function(){return n(s,{role:"menu"},n("div",{class:"stzh-menu"},n("slot",null)))};return e}());l.style=h;var c=".sc-stzh-menu-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-menu-item-h{display:none}.sc-stzh-menu-item-h *.sc-stzh-menu-item,.sc-stzh-menu-item-h *.sc-stzh-menu-item::before,.sc-stzh-menu-item-h *.sc-stzh-menu-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-menu-item-h{--height:var(--stzh-menu-item-height);--color:var(--stzh-color-grey70);--background-color:transparent;--icon-size:var(--stzh-icon-size-small);--hover-color:var(--stzh-color-grey70);--hover-background-color:var(--stzh-color-grey5)}[active].sc-stzh-menu-item-h:not([active=false]){--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-color-primary8)}[disabled].sc-stzh-menu-item-h:not([disabled=false]){--color:var(--stzh-color-white);--background-color:var(--stzh-color-grey13);--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-grey13)}.sc-stzh-menu-item-h .sc-stzh-menu-item-s>stzh-icon,.stzh-menu-item__icon.sc-stzh-menu-item{--size:var(--icon-size)}.stzh-menu-item.sc-stzh-menu-item{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;border:none;padding:var(--stzh-space-xsmall) var(--stzh-space-medium);padding-left:var(--stzh-space-large);color:var(--color);background-color:var(--background-color);width:100%;height:var(--height);line-height:var(--height);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-menu-item.sc-stzh-menu-item:hover{color:var(--hover-color);background-color:var(--hover-background-color)}.stzh-menu-item__icon-wrapper.sc-stzh-menu-item{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:auto;height:1em}.stzh-menu-item__badge.sc-stzh-menu-item{position:absolute;z-index:1;top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-xsmall) * -1)}.stzh-menu-item__icon-wrapper.sc-stzh-menu-item+.stzh-menu-item__text.sc-stzh-menu-item:not(:empty){margin-left:var(--stzh-space-xsmall)}.stzh-menu-item__text.sc-stzh-menu-item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stzh-menu-item--is-disabled.sc-stzh-menu-item{cursor:not-allowed}";var u=e("stzh_menu_item",function(){function e(e){var n=this;t(this,e);this.stzhFocus=r(this,"stzhFocus",7);this.stzhBlur=r(this,"stzhBlur",7);this.badge="";this.icon="";this.active=false;this.label="";this.href="";this.target="";this.disabled=false;this.onFocus=function(e){var t=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});n.element.dispatchEvent(t);n.stzhFocus.emit({component:"stzh-menu-item",originalEvent:e})};this.onBlur=function(e){var t=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});n.element.dispatchEvent(t);n.stzhBlur.emit({component:"stzh-menu-item",originalEvent:e})}}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.menuItem.focus();return[2]}))}))};e.prototype.renderInner=function(e){return n(i,null,e&&n("div",{class:"stzh-menu-item__icon-wrapper"},this.icon?n("stzh-icon",{class:"stzh-menu-item__icon",name:this.icon}):n("slot",{name:"icon"}),this.badge&&n("stzh-badge",{class:"stzh-menu-item__badge",label:this.badge})),n("div",{class:"stzh-menu-item__text"},this.label?this.label:n("slot",null)))};e.prototype.render=function(){var e=this;var t=a(this.element,"icon")||!!this.icon;var r={"stzh-menu-item":true,"stzh-menu-item--has-icon":t,"stzh-menu-item--has-badge":!!this.badge,"stzh-menu-item--is-disabled":this.disabled,"stzh-menu-item--is-active":this.active};return n(s,{role:"menuitem"},this.href?n("a",{ref:function(t){return e.menuItem=t},href:this.disabled?null:this.href,target:this.target,class:r,"aria-label":this.a11yLabel,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner(t)):n("button",{ref:function(t){return e.menuItem=t},class:r,type:"button",disabled:this.disabled,"aria-label":this.a11yLabel,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner(t)))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());u.style=c}}}));

package/dist/stzh-components/{p-e00139a1.entry.js → p-a86c6487.entry.js}

@@ -1 +1 @@
-import{r as t,c as o,h as s,a as e,g as r}from"./p-65282c9d.js";import{c as i,a as p,A as a,o as h,f as n,s as l,b as c}from"./p-a7454367.js";import{c as d}from"./p-40a19ce6.js";import{f as v}from"./p-1a40a6e4.js";import{m as z}from"./p-0c2b5907.js";import{w as m}from"./p-e69a66bb.js";import{s as f,a as b}from"./p-320aedf7.js";let u=0;const x=class{constructor(s){t(this,s),this.stzhOpen=o(this,"stzhOpen",7),this.stzhOpened=o(this,"stzhOpened",7),this.stzhClose=o(this,"stzhClose",7),this.stzhClosed=o(this,"stzhClosed",7),this.open=!1,this.placement="bottom",this.variant="default",this.skidding=0,this.label="",this.initialTouchX=null,this.initialTouchY=null,this.handleKeydown=t=>{27===t.keyCode&&this.hide()},this.onClickTrigger=()=>{this.toggle()},this.computePosition=async()=>{if(z("small").matches){const t=[h({mainAxis:this.distance,crossAxis:this.skidding}),n({padding:5}),l({padding:5})];"tooltip"===this.variant&&t.push(c({element:this.arrowElement,padding:5}));const{x:o=0,y:s=0,strategy:e="absolute",placement:r,middlewareData:p}=await i(this.element,this.dialogElement,{placement:this.placement,middleware:t});this.computedPlacement=r,Object.assign(this.dialogElement.style,{position:e,left:`${o}px`,top:`${s}px`}),"tooltip"===this.variant&&Object.assign(this.arrowElement.style,{left:null!=o?`${p.arrow.x}px`:"",top:null!=s?`${p.arrow.y}px`:""})}else Object.assign(this.dialogElement.style,{position:null,left:null,top:null}),"tooltip"===this.variant&&Object.assign(this.arrowElement.style,{left:null,top:null})},this.handleTouchStart=t=>{const o=t.changedTouches[0];this.initialTouchX=o.pageX,this.initialTouchY=o.pageY},this.handleTouchEnd=t=>{const o=t.changedTouches[0],s=o.pageX-this.initialTouchX;Math.abs(o.pageY-this.initialTouchY)>=70&&Math.abs(s)<=70&&this.hide(),this.initialTouchY=null,this.initialTouchX=null}}async show(){if(!this.open)return this.toggledByMethod=!0,this.open=!0,m(this.element,"stzhOpened")}async hide(){if(this.open)return this.toggledByMethod=!0,this.open=!1,m(this.element,"stzhClosed")}async toggle(){return this.open?await this.hide():await this.show()}async update(){return await this.computePosition()}handleOutsideClick(t){if(!this.open)return;const o=t.target!==this.dialogElement&&!1===this.dialogElement.contains(t.target),s=t.target===this.triggerElement||this.triggerElement.contains(t.target);o&&!s&&this.hide()}async openWatcher(t){if(t){this.toggledByMethod&&this.stzhOpen.emit({component:"stzh-popover"});const t={keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:z("small").matches?100:200,easing:"linear"}},o=function(){const t=z("small").matches;return{keyframes:[{transform:t?"translateY(-8px)":"translateY(100%)"},{transform:"translateY(0px)"}],options:{duration:t?100:200,easing:"linear"}}}();await Promise.all([f(this.contentWrapperElement),f(this.contentElement),f(this.dialogElement)]),this.dialogElement.style.willChange="transform, opacity, position, top, left, bottom, right",this.contentWrapperElement.hidden=!1,await Promise.all([b(this.contentWrapperElement,t.keyframes,t.options),b(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]),this.toggledByMethod&&this.stzhOpened.emit({component:"stzh-popover"})}else{this.toggledByMethod&&this.stzhClose.emit({component:"stzh-popover"});const t={keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:z("small").matches?200:300,easing:"linear"}},o=function(){const t=z("small").matches;return{keyframes:[{transform:"translateY(0px)"},{transform:t?"translateY(-8px)":"translateY(100%)"}],options:{duration:t?200:300,easing:"linear"}}}();await Promise.all([f(this.contentWrapperElement),f(this.contentElement),f(this.dialogElement)]),await Promise.all([b(this.contentWrapperElement,t.keyframes,t.options),b(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]),this.contentWrapperElement.hidden=!0,this.dialogElement.style.willChange="auto",this.toggledByMethod&&this.stzhClosed.emit({component:"stzh-popover"})}this.toggledByMethod=!1}distanceWatcher(t){this.distance="number"==typeof t?t:"tooltip"===this.variant?16:8}async componentWillLoad(){this.labelId=`stzh-popover-label-${u}`,u++,this.distanceWatcher(this.distance),this.localization||(this.localization=await v(this.element,"popover"))}popoverShown(){document.body.classList.add("stzh-popover-open"),this.triggerElement.firstElementChild.setAttribute("aria-expanded","true"),this.trap&&this.trap.activate()}popoverHidden(){document.body.classList.remove("stzh-popover-open"),this.triggerElement.firstElementChild.setAttribute("aria-expanded","false"),this.trap&&this.trap.deactivate()}componentDidRender(){this.computePosition(),this.open?this.popoverShown():this.popoverHidden()}componentDidUpdate(){this.trap.updateContainerElements(this.dialogElement)}componentDidLoad(){this.autoUpdateCleanup=p(this.element,this.dialogElement,this.computePosition),this.contentWrapperElement.hidden=!this.open,this.trap=d(this.dialogElement,{fallbackFocus:this.dialogElement,clickOutsideDeactivates:!0,returnFocusOnDeactivate:!0}),this.open&&this.popoverShown()}connectedCallback(){var t;let o=null===(t=this.triggerElement)||void 0===t?void 0:t.firstElementChild;o||(o=Array.from(this.element.children).find((t=>!t.hasAttribute("slot")))),o&&o.addEventListener("click",this.onClickTrigger)}disconnectedCallback(){this.autoUpdateCleanup&&this.autoUpdateCleanup(),this.triggerElement.firstElementChild.removeEventListener("click",this.onClickTrigger)}render(){return s(e,null,s("div",{class:{"stzh-popover":!0,"stzh-popover--open":this.open,[`stzh-popover--placement-${this.computedPlacement}`]:!!this.computedPlacement,[`stzh-popover--${this.variant}`]:!!this.variant},onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},s("div",{ref:t=>this.triggerElement=t,class:"stzh-popover__trigger"},s("slot",null)),s("div",{ref:t=>this.contentWrapperElement=t,class:"stzh-popover__content-wrapper"},s("div",{class:"stzh-popover__backdrop"}),s("div",{ref:t=>this.contentElement=t,class:"stzh-popover__content"},s("div",{ref:t=>this.dialogElement=t,class:"stzh-popover__dialog",role:"dialog",tabindex:"-1","aria-modal":"true","aria-labelledby":this.label?this.labelId:null,"aria-hidden":this.open?"false":"true",onKeyDown:this.handleKeydown},"tooltip"===this.variant&&s("div",{class:"stzh-popover__arrow",ref:t=>this.arrowElement=t,innerHTML:a}),s("div",{class:"stzh-popover__content-inner"},s("div",{class:"stzh-popover__content-slot"},s("slot",{name:"content"}),s("div",{class:"stzh-popover__action-slot"},s("slot",{name:"action"}))),s("div",{class:"stzh-popover__label-wrapper"},s("h2",{id:this.labelId,class:"stzh-popover__label"},this.label?this.label:s("slot",{name:"label"})),s("button",{class:"stzh-popover__close",onClick:()=>this.hide(),type:"button"},s("stzh-icon",{name:"close",class:"stzh-popover__icon"}),s("span",{class:"stzh-popover__vhidden"},this.localization.close)))))))))}get element(){return r(this)}static get watchers(){return{open:["openWatcher"],distance:["distanceWatcher"]}}};x.style=".sc-stzh-popover-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-popover-h{display:none}.sc-stzh-popover-h *.sc-stzh-popover,.sc-stzh-popover-h *.sc-stzh-popover::before,.sc-stzh-popover-h *.sc-stzh-popover::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-popover-h{--width:var(--stzh-popover-width);--min-width:var(--stzh-popover-min-width);--max-width:var(--stzh-popover-max-width);--padding:0;--border-radius:var(--stzh-popover-border-radius)}[variant=tooltip].sc-stzh-popover-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--padding:var(--stzh-space-small) var(--stzh-space-large);--border-radius:var(--stzh-tooltip-border-radius)}@media screen and (min-width: 600px){[variant=tooltip].sc-stzh-popover-h{--padding:var(--stzh-tooltip-padding)}}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:-ms-flexbox;display:flex;color:var(--stzh-color-white)}.stzh-popover--placement-bottom.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{top:0;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}.stzh-popover--placement-top.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{bottom:0;-webkit-transform:translateY(0.5rem) rotate(180deg);transform:translateY(0.5rem) rotate(180deg)}.stzh-popover--placement-left.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{right:0;-webkit-transform:translateX(0.75rem) rotate(90deg);transform:translateX(0.75rem) rotate(90deg)}.stzh-popover--placement-right.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{left:0;-webkit-transform:translateX(-0.75rem) rotate(-90deg);transform:translateX(-0.75rem) rotate(-90deg)}@media screen and (max-width: 599px){.stzh-popover__content-wrapper.sc-stzh-popover{z-index:var(--stzh-z-index-dialog);display:-ms-flexbox;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:stretch;justify-content:stretch}}@media screen and (max-width: 599px){.stzh-popover__backdrop.sc-stzh-popover{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));opacity:0.8}}@media screen and (max-width: 599px){.stzh-popover__content.sc-stzh-popover{z-index:2;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-positive:1;flex-grow:1;overflow:auto}}.stzh-popover__dialog.sc-stzh-popover{margin-top:auto;width:100%;overflow:visible;border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;background-color:var(--stzh-color-white);-ms-touch-action:none;touch-action:none;outline:none;border-bottom:0.125rem solid var(--stzh-color-grey13)}@media screen and (min-width: 600px){.stzh-popover__dialog.sc-stzh-popover{z-index:var(--stzh-z-index-popover);position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);left:auto;right:auto;bottom:auto;border-radius:var(--border-radius);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border:none}}.stzh-popover__content-inner.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-popover__content-slot.sc-stzh-popover{padding:var(--padding)}.stzh-popover__action-slot.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-popover__action-slot.sc-stzh-popover:not(:empty){margin:var(--stzh-space-xsmall) var(--stzh-space-small);margin-bottom:var(--stzh-space-medium)}.stzh-popover__label-wrapper.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--stzh-space-small) var(--stzh-space-large);padding-right:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-grey70)}@media screen and (min-width: 600px){.stzh-popover__label-wrapper.sc-stzh-popover{padding:0;border-bottom:0}}.stzh-popover__label.sc-stzh-popover{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));margin:0;margin-right:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-popover__label.sc-stzh-popover{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-popover__label.sc-stzh-popover{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-popover__close.sc-stzh-popover{cursor:pointer;display:-ms-flexbox;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;padding:0;margin-left:auto;border-radius:50%;color:var(--stzh-base-lead-color);padding:var(--stzh-space-xxsmall)}.stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xsmall)}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:-ms-flexbox;display:flex;color:var(--stzh-color-white)}.stzh-popover__vhidden.sc-stzh-popover{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-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus{-webkit-box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media screen and (min-width: 600px){.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{position:absolute;top:0;right:0;-webkit-transform:translate(30%, -30%);transform:translate(30%, -30%);background-color:var(--stzh-color-grey5)}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active){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}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;padding:0;position:absolute;top:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-xxxsmall);color:var(--stzh-base-lead-color);border-radius:var(--stzh-button-border-radius)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xxsmall)}}@media screen and (min-width: 600px){@supports ((-webkit-filter: var(--stzh-tooltip-drop-shadow)) or (filter: var(--stzh-tooltip-drop-shadow))){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{-webkit-box-shadow:none;box-shadow:none;-webkit-filter:var(--stzh-tooltip-drop-shadow);filter:var(--stzh-tooltip-drop-shadow)}}}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-slot.sc-stzh-popover{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}";export{x as stzh_popover}
+import{r as t,c as o,h as s,a as e,g as r}from"./p-65282c9d.js";import{c as i,a as p,A as a,o as h,f as n,s as l,b as c}from"./p-cf6003d6.js";import{c as d}from"./p-40a19ce6.js";import{f as v}from"./p-25a09313.js";import{m as z}from"./p-9111e257.js";import{w as m}from"./p-df2bb358.js";import{s as f,a as b}from"./p-2a5855f8.js";let u=0;const x=class{constructor(s){t(this,s),this.stzhOpen=o(this,"stzhOpen",7),this.stzhOpened=o(this,"stzhOpened",7),this.stzhClose=o(this,"stzhClose",7),this.stzhClosed=o(this,"stzhClosed",7),this.open=!1,this.placement="bottom",this.variant="default",this.skidding=0,this.label="",this.initialTouchX=null,this.initialTouchY=null,this.handleKeydown=t=>{27===t.keyCode&&this.hide()},this.onClickTrigger=()=>{this.toggle()},this.computePosition=async()=>{if(z("small").matches){const t=[h({mainAxis:this.distance,crossAxis:this.skidding}),n({padding:5}),l({padding:5})];"tooltip"===this.variant&&t.push(c({element:this.arrowElement,padding:5}));const{x:o=0,y:s=0,strategy:e="absolute",placement:r,middlewareData:p}=await i(this.element,this.dialogElement,{placement:this.placement,middleware:t});this.computedPlacement=r,Object.assign(this.dialogElement.style,{position:e,left:`${o}px`,top:`${s}px`}),"tooltip"===this.variant&&Object.assign(this.arrowElement.style,{left:null!=o?`${p.arrow.x}px`:"",top:null!=s?`${p.arrow.y}px`:""})}else Object.assign(this.dialogElement.style,{position:null,left:null,top:null}),"tooltip"===this.variant&&Object.assign(this.arrowElement.style,{left:null,top:null})},this.handleTouchStart=t=>{const o=t.changedTouches[0];this.initialTouchX=o.pageX,this.initialTouchY=o.pageY},this.handleTouchEnd=t=>{const o=t.changedTouches[0],s=o.pageX-this.initialTouchX;Math.abs(o.pageY-this.initialTouchY)>=70&&Math.abs(s)<=70&&this.hide(),this.initialTouchY=null,this.initialTouchX=null}}async show(){if(!this.open)return this.toggledByMethod=!0,this.open=!0,m(this.element,"stzhOpened")}async hide(){if(this.open)return this.toggledByMethod=!0,this.open=!1,m(this.element,"stzhClosed")}async toggle(){return this.open?await this.hide():await this.show()}async update(){return await this.computePosition()}handleOutsideClick(t){if(!this.open)return;const o=t.target!==this.dialogElement&&!1===this.dialogElement.contains(t.target),s=t.target===this.triggerElement||this.triggerElement.contains(t.target);o&&!s&&this.hide()}async openWatcher(t){if(t){this.toggledByMethod&&this.stzhOpen.emit({component:"stzh-popover"});const t={keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:z("small").matches?100:200,easing:"linear"}},o=function(){const t=z("small").matches;return{keyframes:[{transform:t?"translateY(-8px)":"translateY(100%)"},{transform:"translateY(0px)"}],options:{duration:t?100:200,easing:"linear"}}}();await Promise.all([f(this.contentWrapperElement),f(this.contentElement),f(this.dialogElement)]),this.dialogElement.style.willChange="transform, opacity, position, top, left, bottom, right",this.contentWrapperElement.hidden=!1,await Promise.all([b(this.contentWrapperElement,t.keyframes,t.options),b(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]),this.toggledByMethod&&this.stzhOpened.emit({component:"stzh-popover"})}else{this.toggledByMethod&&this.stzhClose.emit({component:"stzh-popover"});const t={keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:z("small").matches?200:300,easing:"linear"}},o=function(){const t=z("small").matches;return{keyframes:[{transform:"translateY(0px)"},{transform:t?"translateY(-8px)":"translateY(100%)"}],options:{duration:t?200:300,easing:"linear"}}}();await Promise.all([f(this.contentWrapperElement),f(this.contentElement),f(this.dialogElement)]),await Promise.all([b(this.contentWrapperElement,t.keyframes,t.options),b(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]),this.contentWrapperElement.hidden=!0,this.dialogElement.style.willChange="auto",this.toggledByMethod&&this.stzhClosed.emit({component:"stzh-popover"})}this.toggledByMethod=!1}distanceWatcher(t){this.distance="number"==typeof t?t:"tooltip"===this.variant?16:8}async componentWillLoad(){this.labelId=`stzh-popover-label-${u}`,u++,this.distanceWatcher(this.distance),this.localization||(this.localization=await v(this.element,"popover"))}popoverShown(){document.body.classList.add("stzh-popover-open"),this.triggerElement.firstElementChild.setAttribute("aria-expanded","true"),this.trap&&this.trap.activate()}popoverHidden(){document.body.classList.remove("stzh-popover-open"),this.triggerElement.firstElementChild.setAttribute("aria-expanded","false"),this.trap&&this.trap.deactivate()}componentDidRender(){this.computePosition(),this.open?this.popoverShown():this.popoverHidden()}componentDidUpdate(){this.trap.updateContainerElements(this.dialogElement)}componentDidLoad(){this.autoUpdateCleanup=p(this.element,this.dialogElement,this.computePosition),this.contentWrapperElement.hidden=!this.open,this.trap=d(this.dialogElement,{fallbackFocus:this.dialogElement,clickOutsideDeactivates:!0,returnFocusOnDeactivate:!0}),this.open&&this.popoverShown()}connectedCallback(){var t;let o=null===(t=this.triggerElement)||void 0===t?void 0:t.firstElementChild;o||(o=Array.from(this.element.children).find((t=>!t.hasAttribute("slot")))),o&&o.addEventListener("click",this.onClickTrigger)}disconnectedCallback(){this.autoUpdateCleanup&&this.autoUpdateCleanup(),this.triggerElement.firstElementChild.removeEventListener("click",this.onClickTrigger)}render(){return s(e,null,s("div",{class:{"stzh-popover":!0,"stzh-popover--open":this.open,[`stzh-popover--placement-${this.computedPlacement}`]:!!this.computedPlacement,[`stzh-popover--${this.variant}`]:!!this.variant},onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},s("div",{ref:t=>this.triggerElement=t,class:"stzh-popover__trigger"},s("slot",null)),s("div",{ref:t=>this.contentWrapperElement=t,class:"stzh-popover__content-wrapper"},s("div",{class:"stzh-popover__backdrop"}),s("div",{ref:t=>this.contentElement=t,class:"stzh-popover__content"},s("div",{ref:t=>this.dialogElement=t,class:"stzh-popover__dialog",role:"dialog",tabindex:"-1","aria-modal":"true","aria-labelledby":this.label?this.labelId:null,"aria-hidden":this.open?"false":"true",onKeyDown:this.handleKeydown},"tooltip"===this.variant&&s("div",{class:"stzh-popover__arrow",ref:t=>this.arrowElement=t,innerHTML:a}),s("div",{class:"stzh-popover__content-inner"},s("div",{class:"stzh-popover__content-slot"},s("slot",{name:"content"}),s("div",{class:"stzh-popover__action-slot"},s("slot",{name:"action"}))),s("div",{class:"stzh-popover__label-wrapper"},s("h2",{id:this.labelId,class:"stzh-popover__label"},this.label?this.label:s("slot",{name:"label"})),s("button",{class:"stzh-popover__close",onClick:()=>this.hide(),type:"button"},s("stzh-icon",{name:"close",class:"stzh-popover__icon"}),s("span",{class:"stzh-popover__vhidden"},this.localization.close)))))))))}get element(){return r(this)}static get watchers(){return{open:["openWatcher"],distance:["distanceWatcher"]}}};x.style=".sc-stzh-popover-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-popover-h{display:none}.sc-stzh-popover-h *.sc-stzh-popover,.sc-stzh-popover-h *.sc-stzh-popover::before,.sc-stzh-popover-h *.sc-stzh-popover::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-popover-h{--width:var(--stzh-popover-width);--min-width:var(--stzh-popover-min-width);--max-width:var(--stzh-popover-max-width);--padding:0;--border-radius:var(--stzh-popover-border-radius)}[variant=tooltip].sc-stzh-popover-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--padding:var(--stzh-space-small) var(--stzh-space-large);--border-radius:var(--stzh-tooltip-border-radius)}@media screen and (min-width: 600px){[variant=tooltip].sc-stzh-popover-h{--padding:var(--stzh-tooltip-padding)}}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:-ms-flexbox;display:flex;color:var(--stzh-color-white)}.stzh-popover--placement-bottom.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{top:0;-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem)}.stzh-popover--placement-top.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{bottom:0;-webkit-transform:translateY(0.5rem) rotate(180deg);transform:translateY(0.5rem) rotate(180deg)}.stzh-popover--placement-left.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{right:0;-webkit-transform:translateX(0.75rem) rotate(90deg);transform:translateX(0.75rem) rotate(90deg)}.stzh-popover--placement-right.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{left:0;-webkit-transform:translateX(-0.75rem) rotate(-90deg);transform:translateX(-0.75rem) rotate(-90deg)}@media screen and (max-width: 599px){.stzh-popover__content-wrapper.sc-stzh-popover{z-index:var(--stzh-z-index-dialog);display:-ms-flexbox;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:stretch;justify-content:stretch}}@media screen and (max-width: 599px){.stzh-popover__backdrop.sc-stzh-popover{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));opacity:0.8}}@media screen and (max-width: 599px){.stzh-popover__content.sc-stzh-popover{z-index:2;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-positive:1;flex-grow:1;overflow:auto}}.stzh-popover__dialog.sc-stzh-popover{margin-top:auto;width:100%;overflow:visible;border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;background-color:var(--stzh-color-white);-ms-touch-action:none;touch-action:none;outline:none;border-bottom:0.125rem solid var(--stzh-color-grey13)}@media screen and (min-width: 600px){.stzh-popover__dialog.sc-stzh-popover{z-index:var(--stzh-z-index-popover);position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);left:auto;right:auto;bottom:auto;border-radius:var(--border-radius);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border:none}}.stzh-popover__content-inner.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-popover__content-slot.sc-stzh-popover{padding:var(--padding)}.stzh-popover__action-slot.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-popover__action-slot.sc-stzh-popover:not(:empty){margin:var(--stzh-space-xsmall) var(--stzh-space-small);margin-bottom:var(--stzh-space-medium)}.stzh-popover__label-wrapper.sc-stzh-popover{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--stzh-space-small) var(--stzh-space-large);padding-right:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-grey70)}@media screen and (min-width: 600px){.stzh-popover__label-wrapper.sc-stzh-popover{padding:0;border-bottom:0}}.stzh-popover__label.sc-stzh-popover{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));margin:0;margin-right:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-popover__label.sc-stzh-popover{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-popover__label.sc-stzh-popover{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-popover__close.sc-stzh-popover{cursor:pointer;display:-ms-flexbox;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;padding:0;margin-left:auto;border-radius:50%;color:var(--stzh-base-lead-color);padding:var(--stzh-space-xxsmall)}.stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xsmall)}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:-ms-flexbox;display:flex;color:var(--stzh-color-white)}.stzh-popover__vhidden.sc-stzh-popover{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-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus{-webkit-box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue));box-shadow:0 0 0 0.0625rem var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media screen and (min-width: 600px){.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{position:absolute;top:0;right:0;-webkit-transform:translate(30%, -30%);transform:translate(30%, -30%);background-color:var(--stzh-color-grey5)}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active){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}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;padding:0;position:absolute;top:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-xxxsmall);color:var(--stzh-base-lead-color);border-radius:var(--stzh-button-border-radius)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xxsmall)}}@media screen and (min-width: 600px){@supports ((-webkit-filter: var(--stzh-tooltip-drop-shadow)) or (filter: var(--stzh-tooltip-drop-shadow))){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{-webkit-box-shadow:none;box-shadow:none;-webkit-filter:var(--stzh-tooltip-drop-shadow);filter:var(--stzh-tooltip-drop-shadow)}}}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-slot.sc-stzh-popover{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}";export{x as stzh_popover}

package/dist/stzh-components/p-aaa2e48f.system.js

@@ -0,0 +1 @@
+System.register([],(function(t){"use strict";return{execute:function(){var e="@oiz/stzh-components";var n="1.5.0-alpha";var o=e.substring(e.indexOf("/")+1);function s(){window.addEventListener("appload",(function(t){var e=document.querySelector("[autofocus]");if(e&&t.detail.namespace===o&&e.tagName.toLowerCase().indexOf("stzh-")===0&&"setFocus"in e){e.setFocus()}}))}function i(){var t={threshold:1};var e=function(t){t.forEach((function(t){var e=0;if(t.intersectionRatio<1){e=window.innerWidth-document.body.clientWidth}document.documentElement.style.setProperty("--stzh-scrollbar-width",e+"px")}))};var n=new IntersectionObserver(e,t);n.observe(document.body)}function r(){window.stzhComponents=Object.assign({version:n,labels:"fixed",cacheTranslations:true,pathTranslations:"/",formats:{}},window.stzhComponents||{});s();i()}var a=t("g",r)}}}));

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

@@ -0,0 +1,8 @@
+import{r as t,c as n,h as i,a as e,g as r}from"./p-65282c9d.js";import{c as o}from"./p-1f57d28e.js";import{f as s}from"./p-25a09313.js";function a(t){return"object"==typeof t&&null!=t&&1===t.nodeType}function u(t,n){return(!n||"hidden"!==t)&&"visible"!==t&&"clip"!==t}function l(t,n){if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){var i=getComputedStyle(t,null);return u(i.overflowY,n)||u(i.overflowX,n)||function(t){var n=function(t){if(!t.ownerDocument||!t.ownerDocument.defaultView)return null;try{return t.ownerDocument.defaultView.frameElement}catch(t){return null}}(t);return!!n&&(n.clientHeight<t.scrollHeight||n.clientWidth<t.scrollWidth)}(t)}return!1}function c(t,n,i,e,r,o,s,a){return o<t&&s>n||o>t&&s<n?0:o<=t&&a<=i||s>=n&&a>=i?o-t-e:s>n&&a<i||o<t&&a>i?s-n+r:0}function h(t,n){var i=window,e=n.scrollMode,r=n.block,o=n.inline,s=n.boundary,u=n.skipOverflowHiddenElements,h="function"==typeof s?s:function(t){return t!==s};if(!a(t))throw new TypeError("Invalid target");for(var f=document.scrollingElement||document.documentElement,d=[],v=t;a(v)&&h(v);){if((v=v.parentElement)===f){d.push(v);break}null!=v&&v===document.body&&l(v)&&!l(document.documentElement)||null!=v&&l(v,u)&&d.push(v)}for(var m=i.visualViewport?i.visualViewport.width:innerWidth,b=i.visualViewport?i.visualViewport.height:innerHeight,p=window.scrollX||pageXOffset,g=window.scrollY||pageYOffset,w=t.getBoundingClientRect(),y=w.height,E=w.width,z=w.top,x=w.right,S=w.bottom,I=w.left,O="start"===r||"nearest"===r?z:"end"===r?S:z+y/2,k="center"===o?I+E/2:"end"===o?x:I,M=[],T=0;T<d.length;T++){var C=d[T],_=C.getBoundingClientRect(),D=_.height,A=_.width,j=_.top,N=_.right,F=_.bottom,P=_.left;if("if-needed"===e&&z>=0&&I>=0&&S<=b&&x<=m&&z>=j&&S<=F&&I>=P&&x<=N)return M;var G=getComputedStyle(C),W=parseInt(G.borderLeftWidth,10),H=parseInt(G.borderTopWidth,10),L=parseInt(G.borderRightWidth,10),U=parseInt(G.borderBottomWidth,10),B=0,K=0,$="offsetWidth"in C?C.offsetWidth-C.clientWidth-W-L:0,R="offsetHeight"in C?C.offsetHeight-C.clientHeight-H-U:0;if(f===C)B="start"===r?O:"end"===r?O-b:"nearest"===r?c(g,g+b,b,H,U,g+O,g+O+y,y):O-b/2,K="start"===o?k:"center"===o?k-m/2:"end"===o?k-m:c(p,p+m,m,W,L,p+k,p+k+E,E),B=Math.max(0,B+g),K=Math.max(0,K+p);else{B="start"===r?O-j-H:"end"===r?O-F+U+R:"nearest"===r?c(j,F,D,H,U+R,O,O+y,y):O-(j+D/2)+R/2,K="start"===o?k-P-W:"center"===o?k-(P+A/2)+$/2:"end"===o?k-N+L+$:c(P,N,A,W,L+$,k,k+E,E);var X=C.scrollLeft,Y=C.scrollTop;O+=Y-(B=Math.max(0,Math.min(Y+B,C.scrollHeight-D+R))),k+=X-(K=Math.max(0,Math.min(X+K,C.scrollWidth-A+$)))}M.push({el:C,top:B,left:K})}return M}function f(t){return t===Object(t)&&0!==Object.keys(t).length}
+/**!
+ * Sortable 1.15.0
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+function d(t,n){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);n&&(e=e.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),i.push.apply(i,e)}return i}function v(t){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?d(Object(i),!0).forEach((function(n){b(t,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):d(Object(i)).forEach((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(i,n))}))}return t}function m(t){return(m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function b(t,n,i){return n in t?Object.defineProperty(t,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[n]=i,t}function p(){return(p=Object.assign||function(t){for(var n=1;n<arguments.length;n++){var i=arguments[n];for(var e in i)Object.prototype.hasOwnProperty.call(i,e)&&(t[e]=i[e])}return t}).apply(this,arguments)}function g(t,n){if(null==t)return{};var i,e,r=function(t,n){if(null==t)return{};var i,e,r={},o=Object.keys(t);for(e=0;e<o.length;e++)n.indexOf(i=o[e])>=0||(r[i]=t[i]);return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(e=0;e<o.length;e++)n.indexOf(i=o[e])>=0||Object.prototype.propertyIsEnumerable.call(t,i)&&(r[i]=t[i])}return r}function w(t,n){(null==n||n>t.length)&&(n=t.length);for(var i=0,e=new Array(n);i<n;i++)e[i]=t[i];return e}function y(t){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(t)}var E=y(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),z=y(/Edge/i),x=y(/firefox/i),S=y(/safari/i)&&!y(/chrome/i)&&!y(/android/i),I=y(/iP(ad|od|hone)/i),O=y(/chrome/i)&&y(/android/i),k={capture:!1,passive:!1};function M(t,n,i){t.addEventListener(n,i,!E&&k)}function T(t,n,i){t.removeEventListener(n,i,!E&&k)}function C(t,n){if(n){if(">"===n[0]&&(n=n.substring(1)),t)try{if(t.matches)return t.matches(n);if(t.msMatchesSelector)return t.msMatchesSelector(n);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(n)}catch(i){return!1}return!1}}function _(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function D(t,n,i,e){if(t){i=i||document;do{if(null!=n&&(">"===n[0]?t.parentNode===i&&C(t,n):C(t,n))||e&&t===i)return t;if(t===i)break}while(t=_(t))}return null}var A,j=/\s+/g;function N(t,n,i){if(t&&n)if(t.classList)t.classList[i?"add":"remove"](n);else{var e=(" "+t.className+" ").replace(j," ").replace(" "+n+" "," ");t.className=(e+(i?" "+n:"")).replace(j," ")}}function F(t,n,i){var e=t&&t.style;if(e){if(void 0===i)return document.defaultView&&document.defaultView.getComputedStyle?i=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(i=t.currentStyle),void 0===n?i:i[n];n in e||-1!==n.indexOf("webkit")||(n="-webkit-"+n),e[n]=i+("string"==typeof i?"":"px")}}function P(t,n){var i="";if("string"==typeof t)i=t;else do{var e=F(t,"transform");e&&"none"!==e&&(i=e+" "+i)}while(!n&&(t=t.parentNode));var r=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return r&&new r(i)}function G(t,n,i){if(t){var e=t.getElementsByTagName(n),r=0,o=e.length;if(i)for(;r<o;r++)i(e[r],r);return e}return[]}function W(){return document.scrollingElement||document.documentElement}function H(t,n,i,e,r){if(t.getBoundingClientRect||t===window){var o,s,a,u,l,c,h;if(t!==window&&t.parentNode&&t!==W()?(s=(o=t.getBoundingClientRect()).top,a=o.left,u=o.bottom,l=o.right,c=o.height,h=o.width):(s=0,a=0,u=window.innerHeight,l=window.innerWidth,c=window.innerHeight,h=window.innerWidth),(n||i)&&t!==window&&(r=r||t.parentNode,!E))do{if(r&&r.getBoundingClientRect&&("none"!==F(r,"transform")||i&&"static"!==F(r,"position"))){var f=r.getBoundingClientRect();s-=f.top+parseInt(F(r,"border-top-width")),a-=f.left+parseInt(F(r,"border-left-width")),u=s+o.height,l=a+o.width;break}}while(r=r.parentNode);if(e&&t!==window){var d=P(r||t),v=d&&d.a,m=d&&d.d;d&&(u=(s/=m)+(c/=m),l=(a/=v)+(h/=v))}return{top:s,left:a,bottom:u,right:l,width:h,height:c}}}function L(t,n,i){for(var e=R(t,!0),r=H(t)[n];e;){var o=H(e)[i];if(!("top"===i||"left"===i?r>=o:r<=o))return e;if(e===W())break;e=R(e,!1)}return!1}function U(t,n,i,e){for(var r=0,o=0,s=t.children;o<s.length;){if("none"!==s[o].style.display&&s[o]!==Zt.ghost&&(e||s[o]!==Zt.dragged)&&D(s[o],i.draggable,t,!1)){if(r===n)return s[o];r++}o++}return null}function B(t,n){for(var i=t.lastElementChild;i&&(i===Zt.ghost||"none"===F(i,"display")||n&&!C(i,n));)i=i.previousElementSibling;return i||null}function K(t,n){var i=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===Zt.clone||n&&!C(t,n)||i++;return i}function $(t){var n=0,i=0,e=W();if(t)do{var r=P(t);n+=t.scrollLeft*r.a,i+=t.scrollTop*r.d}while(t!==e&&(t=t.parentNode));return[n,i]}function R(t,n){if(!t||!t.getBoundingClientRect)return W();var i=t,e=!1;do{if(i.clientWidth<i.scrollWidth||i.clientHeight<i.scrollHeight){var r=F(i);if(i.clientWidth<i.scrollWidth&&("auto"==r.overflowX||"scroll"==r.overflowX)||i.clientHeight<i.scrollHeight&&("auto"==r.overflowY||"scroll"==r.overflowY)){if(!i.getBoundingClientRect||i===document.body)return W();if(e||n)return i;e=!0}}}while(i=i.parentNode);return W()}function X(t,n){return Math.round(t.top)===Math.round(n.top)&&Math.round(t.left)===Math.round(n.left)&&Math.round(t.height)===Math.round(n.height)&&Math.round(t.width)===Math.round(n.width)}function Y(t,n){return function(){if(!A){var i=arguments,e=this;1===i.length?t.call(e,i[0]):t.apply(e,i),A=setTimeout((function(){A=void 0}),n)}}}function V(t,n,i){t.scrollLeft+=n,t.scrollTop+=i}function J(t){var n=window.Polymer,i=window.jQuery||window.Zepto;return n&&n.dom?n.dom(t).cloneNode(!0):i?i(t).clone(!0)[0]:t.cloneNode(!0)}function Z(t,n){F(t,"position","absolute"),F(t,"top",n.top),F(t,"left",n.left),F(t,"width",n.width),F(t,"height",n.height)}function q(t){F(t,"position",""),F(t,"top",""),F(t,"left",""),F(t,"width",""),F(t,"height","")}var Q="Sortable"+(new Date).getTime();var tt=[],nt={initializeByDefault:!0},it={mount:function(t){for(var n in nt)nt.hasOwnProperty(n)&&!(n in t)&&(t[n]=nt[n]);tt.forEach((function(n){if(n.pluginName===t.pluginName)throw"Sortable: Cannot mount plugin ".concat(t.pluginName," more than once")})),tt.push(t)},pluginEvent:function(t,n,i){var e=this;this.eventCanceled=!1,i.cancel=function(){e.eventCanceled=!0};var r=t+"Global";tt.forEach((function(e){n[e.pluginName]&&(n[e.pluginName][r]&&n[e.pluginName][r](v({sortable:n},i)),n.options[e.pluginName]&&n[e.pluginName][t]&&n[e.pluginName][t](v({sortable:n},i)))}))},initializePlugins:function(t,n,i){for(var e in tt.forEach((function(e){var r=e.pluginName;if(t.options[r]||e.initializeByDefault){var o=new e(t,n,t.options);o.sortable=t,o.options=t.options,t[r]=o,p(i,o.defaults)}})),t.options)if(t.options.hasOwnProperty(e)){var r=this.modifyOption(t,e,t.options[e]);void 0!==r&&(t.options[e]=r)}},getEventProperties:function(t,n){var i={};return tt.forEach((function(e){"function"==typeof e.eventProperties&&p(i,e.eventProperties.call(n[e.pluginName],t))})),i},modifyOption:function(t,n,i){var e;return tt.forEach((function(r){t[r.pluginName]&&r.optionListeners&&"function"==typeof r.optionListeners[n]&&(e=r.optionListeners[n].call(t[r.pluginName],i))})),e}};function et(t){var n=t.sortable,i=t.rootEl,e=t.name,r=t.targetEl,o=t.cloneEl,s=t.toEl,a=t.fromEl,u=t.oldIndex,l=t.newIndex,c=t.oldDraggableIndex,h=t.newDraggableIndex,f=t.originalEvent,d=t.putSortable,m=t.extraEventProperties;if(n=n||i&&i[Q]){var b,p=n.options,g="on"+e.charAt(0).toUpperCase()+e.substr(1);!window.CustomEvent||E||z?(b=document.createEvent("Event")).initEvent(e,!0,!0):b=new CustomEvent(e,{bubbles:!0,cancelable:!0}),b.to=s||i,b.from=a||i,b.item=r||i,b.clone=o,b.oldIndex=u,b.newIndex=l,b.oldDraggableIndex=c,b.newDraggableIndex=h,b.originalEvent=f,b.pullMode=d?d.lastPutMode:void 0;var w=v(v({},m),it.getEventProperties(e,n));for(var y in w)b[y]=w[y];i&&i.dispatchEvent(b),p[g]&&p[g].call(n,b)}}var rt=["evt"],ot=function(t,n){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},e=i.evt,r=g(i,rt);it.pluginEvent.bind(Zt)(t,n,v({dragEl:at,parentEl:ut,ghostEl:lt,rootEl:ct,nextEl:ht,lastDownEl:ft,cloneEl:dt,cloneHidden:vt,dragStarted:kt,putSortable:yt,activeSortable:Zt.active,originalEvent:e,oldIndex:mt,oldDraggableIndex:pt,newIndex:bt,newDraggableIndex:gt,hideGhostForTarget:Xt,unhideGhostForTarget:Yt,cloneNowHidden:function(){vt=!0},cloneNowShown:function(){vt=!1},dispatchSortableEvent:function(t){st({sortable:n,name:t,originalEvent:e})}},r))};function st(t){et(v({putSortable:yt,cloneEl:dt,targetEl:at,rootEl:ct,oldIndex:mt,oldDraggableIndex:pt,newIndex:bt,newDraggableIndex:gt},t))}var at,ut,lt,ct,ht,ft,dt,vt,mt,bt,pt,gt,wt,yt,Et,zt,xt,St,It,Ot,kt,Mt,Tt,Ct,_t,Dt=!1,At=!1,jt=[],Nt=!1,Ft=!1,Pt=[],Gt=!1,Wt=[],Ht="undefined"!=typeof document,Lt=I,Ut=z||E?"cssFloat":"float",Bt=Ht&&!O&&!I&&"draggable"in document.createElement("div"),Kt=function(){if(Ht){if(E)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents}}(),$t=function(t,n){var i=F(t),e=parseInt(i.width)-parseInt(i.paddingLeft)-parseInt(i.paddingRight)-parseInt(i.borderLeftWidth)-parseInt(i.borderRightWidth),r=U(t,0,n),o=U(t,1,n),s=r&&F(r),a=o&&F(o),u=s&&parseInt(s.marginLeft)+parseInt(s.marginRight)+H(r).width,l=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+H(o).width;return"flex"===i.display?"column"===i.flexDirection||"column-reverse"===i.flexDirection?"vertical":"horizontal":"grid"===i.display?i.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal":r&&s.float&&"none"!==s.float?!o||"both"!==a.clear&&a.clear!==("left"===s.float?"left":"right")?"horizontal":"vertical":r&&("block"===s.display||"flex"===s.display||"table"===s.display||"grid"===s.display||u>=e&&"none"===i[Ut]||o&&"none"===i[Ut]&&u+l>e)?"vertical":"horizontal"},Rt=function(t){function n(t,i){return function(e,r,o,s){if(null==t&&(i||e.options.group.name&&r.options.group.name&&e.options.group.name===r.options.group.name))return!0;if(null==t||!1===t)return!1;if(i&&"clone"===t)return t;if("function"==typeof t)return n(t(e,r,o,s),i)(e,r,o,s);var a=(i?e:r).options.group.name;return!0===t||"string"==typeof t&&t===a||t.join&&t.indexOf(a)>-1}}var i={},e=t.group;e&&"object"==m(e)||(e={name:e}),i.name=e.name,i.checkPull=n(e.pull,!0),i.checkPut=n(e.put),i.revertClone=e.revertClone,t.group=i},Xt=function(){!Kt&&lt&&F(lt,"display","none")},Yt=function(){!Kt&&lt&&F(lt,"display","")};Ht&&!O&&document.addEventListener("click",(function(t){if(At)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),At=!1,!1}),!0);var Vt=function(t){if(at){var n=(r=(t=t.touches?t.touches[0]:t).clientX,o=t.clientY,jt.some((function(t){var n=t[Q].options.emptyInsertThreshold;if(n&&!B(t)){var i=H(t);return r>=i.left-n&&r<=i.right+n&&o>=i.top-n&&o<=i.bottom+n?s=t:void 0}})),s);if(n){var i={};for(var e in t)t.hasOwnProperty(e)&&(i[e]=t[e]);i.target=i.rootEl=n,i.preventDefault=void 0,i.stopPropagation=void 0,n[Q]._onDragOver(i)}}var r,o,s},Jt=function(t){at&&at.parentNode[Q]._isOutsideThisEl(t.target)};function Zt(t,n){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));this.el=t,this.options=n=p({},n),t[Q]=this;var i,e,r={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return $t(t,this.options)},ghostClone:function(t){return t.cloneNode(!0)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(t,n){t.setData("Text",n.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==Zt.supportPointer&&"PointerEvent"in window&&!S,emptyInsertThreshold:5};for(var o in it.initializePlugins(this,t,r),r)!(o in n)&&(n[o]=r[o]);for(var s in Rt(n),this)"_"===s.charAt(0)&&"function"==typeof this[s]&&(this[s]=this[s].bind(this));this.nativeDraggable=!n.forceFallback&&Bt,this.nativeDraggable&&(this.options.touchStartThreshold=1),n.supportPointer?M(t,"pointerdown",this._onTapStart):(M(t,"mousedown",this._onTapStart),M(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(M(t,"dragover",this),M(t,"dragenter",this)),jt.push(this.el),n.store&&n.store.get&&this.sort(n.store.get(this)||[]),p(this,(e=[],{captureAnimationState:function(){e=[],this.options.animation&&[].slice.call(this.el.children).forEach((function(t){if("none"!==F(t,"display")&&t!==Zt.ghost){e.push({target:t,rect:H(t)});var n=v({},e[e.length-1].rect);if(t.thisAnimationDuration){var i=P(t,!0);i&&(n.top-=i.f,n.left-=i.e)}t.fromRect=n}}))},addAnimationState:function(t){e.push(t)},removeAnimationState:function(t){e.splice(function(t,n){for(var i in t)if(t.hasOwnProperty(i))for(var e in n)if(n.hasOwnProperty(e)&&n[e]===t[i][e])return Number(i);return-1}(e,{target:t}),1)},animateAll:function(t){var n=this;if(!this.options.animation)return clearTimeout(i),void("function"==typeof t&&t());var r=!1,o=0;e.forEach((function(t){var i=0,e=t.target,s=e.fromRect,a=H(e),u=e.prevFromRect,l=e.prevToRect,c=t.rect,h=P(e,!0);h&&(a.top-=h.f,a.left-=h.e),e.toRect=a,e.thisAnimationDuration&&X(u,a)&&!X(s,a)&&(c.top-a.top)/(c.left-a.left)==(s.top-a.top)/(s.left-a.left)&&(i=function(t,n,i,e){return Math.sqrt(Math.pow(n.top-t.top,2)+Math.pow(n.left-t.left,2))/Math.sqrt(Math.pow(n.top-i.top,2)+Math.pow(n.left-i.left,2))*e.animation}(c,u,l,n.options)),X(a,s)||(e.prevFromRect=s,e.prevToRect=a,i||(i=n.options.animation),n.animate(e,c,a,i)),i&&(r=!0,o=Math.max(o,i),clearTimeout(e.animationResetTimer),e.animationResetTimer=setTimeout((function(){e.animationTime=0,e.prevFromRect=null,e.fromRect=null,e.prevToRect=null,e.thisAnimationDuration=null}),i),e.thisAnimationDuration=i)})),clearTimeout(i),r?i=setTimeout((function(){"function"==typeof t&&t()}),o):"function"==typeof t&&t(),e=[]},animate:function(t,n,i,e){if(e){F(t,"transition",""),F(t,"transform","");var r=P(this.el),o=(n.left-i.left)/(r&&r.a||1),s=(n.top-i.top)/(r&&r.d||1);t.animatingX=!!o,t.animatingY=!!s,F(t,"transform","translate3d("+o+"px,"+s+"px,0)"),this.forRepaintDummy=function(t){return t.offsetWidth}(t),F(t,"transition","transform "+e+"ms"+(this.options.easing?" "+this.options.easing:"")),F(t,"transform","translate3d(0,0,0)"),"number"==typeof t.animated&&clearTimeout(t.animated),t.animated=setTimeout((function(){F(t,"transition",""),F(t,"transform",""),t.animated=!1,t.animatingX=!1,t.animatingY=!1}),e)}}}))}function qt(t,n,i,e,r,o,s,a){var u,l,c=t[Q],h=c.options.onMove;return!window.CustomEvent||E||z?(u=document.createEvent("Event")).initEvent("move",!0,!0):u=new CustomEvent("move",{bubbles:!0,cancelable:!0}),u.to=n,u.from=t,u.dragged=i,u.draggedRect=e,u.related=r||n,u.relatedRect=o||H(n),u.willInsertAfter=a,u.originalEvent=s,t.dispatchEvent(u),h&&(l=h.call(c,u,s)),l}function Qt(t){t.draggable=!1}function tn(){Gt=!1}function nn(t){for(var n=t.tagName+t.className+t.src+t.href+t.textContent,i=n.length,e=0;i--;)e+=n.charCodeAt(i);return e.toString(36)}function en(t){return setTimeout(t,0)}function rn(t){return clearTimeout(t)}Zt.prototype={constructor:Zt,_isOutsideThisEl:function(t){this.el.contains(t)||t===this.el||(Mt=null)},_getDirection:function(t,n){return"function"==typeof this.options.direction?this.options.direction.call(this,t,n,at):this.options.direction},_onTapStart:function(t){if(t.cancelable){var n=this,i=this.el,e=this.options,r=e.preventOnFilter,o=t.type,s=t.touches&&t.touches[0]||t.pointerType&&"touch"===t.pointerType&&t,a=(s||t).target,u=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||a,l=e.filter;if(function(t){Wt.length=0;for(var n=t.getElementsByTagName("input"),i=n.length;i--;){var e=n[i];e.checked&&Wt.push(e)}}(i),!at&&!(/mousedown|pointerdown/.test(o)&&0!==t.button||e.disabled)&&!u.isContentEditable&&(this.nativeDraggable||!S||!a||"SELECT"!==a.tagName.toUpperCase())&&!((a=D(a,e.draggable,i,!1))&&a.animated||ft===a)){if(mt=K(a),pt=K(a,e.draggable),"function"==typeof l){if(l.call(this,t,a,this))return st({sortable:n,rootEl:u,name:"filter",targetEl:a,toEl:i,fromEl:i}),ot("filter",n,{evt:t}),void(r&&t.cancelable&&t.preventDefault())}else if(l&&(l=l.split(",").some((function(e){if(e=D(u,e.trim(),i,!1))return st({sortable:n,rootEl:e,name:"filter",targetEl:a,fromEl:i,toEl:i}),ot("filter",n,{evt:t}),!0}))))return void(r&&t.cancelable&&t.preventDefault());e.handle&&!D(u,e.handle,i,!1)||this._prepareDragStart(t,s,a)}}},_prepareDragStart:function(t,n,i){var e,r=this,o=r.el,s=r.options,a=o.ownerDocument;if(i&&!at&&i.parentNode===o){var u=H(i);if(ct=o,ut=(at=i).parentNode,ht=at.nextSibling,ft=i,wt=s.group,Zt.dragged=at,It=(Et={target:at,clientX:(n||t).clientX,clientY:(n||t).clientY}).clientX-u.left,Ot=Et.clientY-u.top,this._lastX=(n||t).clientX,this._lastY=(n||t).clientY,at.style["will-change"]="all",e=function(){ot("delayEnded",r,{evt:t}),Zt.eventCanceled?r._onDrop():(r._disableDelayedDragEvents(),!x&&r.nativeDraggable&&(at.draggable=!0),r._triggerDragStart(t,n),st({sortable:r,name:"choose",originalEvent:t}),N(at,s.chosenClass,!0))},s.ignore.split(",").forEach((function(t){G(at,t.trim(),Qt)})),M(a,"dragover",Vt),M(a,"mousemove",Vt),M(a,"touchmove",Vt),M(a,"mouseup",r._onDrop),M(a,"touchend",r._onDrop),M(a,"touchcancel",r._onDrop),x&&this.nativeDraggable&&(this.options.touchStartThreshold=4,at.draggable=!0),ot("delayStart",this,{evt:t}),!s.delay||s.delayOnTouchOnly&&!n||this.nativeDraggable&&(z||E))e();else{if(Zt.eventCanceled)return void this._onDrop();M(a,"mouseup",r._disableDelayedDrag),M(a,"touchend",r._disableDelayedDrag),M(a,"touchcancel",r._disableDelayedDrag),M(a,"mousemove",r._delayedDragTouchMoveHandler),M(a,"touchmove",r._delayedDragTouchMoveHandler),s.supportPointer&&M(a,"pointermove",r._delayedDragTouchMoveHandler),r._dragStartTimer=setTimeout(e,s.delay)}}},_delayedDragTouchMoveHandler:function(t){var n=t.touches?t.touches[0]:t;Math.max(Math.abs(n.clientX-this._lastX),Math.abs(n.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){at&&Qt(at),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;T(t,"mouseup",this._disableDelayedDrag),T(t,"touchend",this._disableDelayedDrag),T(t,"touchcancel",this._disableDelayedDrag),T(t,"mousemove",this._delayedDragTouchMoveHandler),T(t,"touchmove",this._delayedDragTouchMoveHandler),T(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,n){n=n||"touch"==t.pointerType&&t,!this.nativeDraggable||n?M(document,this.options.supportPointer?"pointermove":n?"touchmove":"mousemove",this._onTouchMove):(M(at,"dragend",this),M(ct,"dragstart",this._onDragStart));try{document.selection?en((function(){document.selection.empty()})):window.getSelection().removeAllRanges()}catch(i){}},_dragStarted:function(t,n){if(Dt=!1,ct&&at){ot("dragStarted",this,{evt:n}),this.nativeDraggable&&M(document,"dragover",Jt);var i=this.options;!t&&N(at,i.dragClass,!1),N(at,i.ghostClass,!0),Zt.active=this,t&&this._appendGhost(),st({sortable:this,name:"start",originalEvent:n})}else this._nulling()},_emulateDragOver:function(){if(zt){this._lastX=zt.clientX,this._lastY=zt.clientY,Xt();for(var t=document.elementFromPoint(zt.clientX,zt.clientY),n=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(zt.clientX,zt.clientY))!==n;)n=t;if(at.parentNode[Q]._isOutsideThisEl(t),n)do{if(n[Q]&&n[Q]._onDragOver({clientX:zt.clientX,clientY:zt.clientY,target:t,rootEl:n})&&!this.options.dragoverBubble)break;t=n}while(n=n.parentNode);Yt()}},_onTouchMove:function(t){if(Et){var n=this.options,i=n.fallbackTolerance,e=n.fallbackOffset,r=t.touches?t.touches[0]:t,o=lt&&P(lt,!0),s=lt&&o&&o.a,a=lt&&o&&o.d,u=Lt&&_t&&$(_t),l=(r.clientX-Et.clientX+e.x)/(s||1)+(u?u[0]-Pt[0]:0)/(s||1),c=(r.clientY-Et.clientY+e.y)/(a||1)+(u?u[1]-Pt[1]:0)/(a||1);if(!Zt.active&&!Dt){if(i&&Math.max(Math.abs(r.clientX-this._lastX),Math.abs(r.clientY-this._lastY))<i)return;this._onDragStart(t,!0)}if(lt){o?(o.e+=l-(xt||0),o.f+=c-(St||0)):o={a:1,b:0,c:0,d:1,e:l,f:c};var h="matrix(".concat(o.a,",").concat(o.b,",").concat(o.c,",").concat(o.d,",").concat(o.e,",").concat(o.f,")");F(lt,"webkitTransform",h),F(lt,"mozTransform",h),F(lt,"msTransform",h),F(lt,"transform",h),xt=l,St=c,zt=r}t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!lt){var t=this.options.fallbackOnBody?document.body:ct,n=H(at,!0,Lt,!0,t),i=this.options;if(Lt){for(_t=t;"static"===F(_t,"position")&&"none"===F(_t,"transform")&&_t!==document;)_t=_t.parentNode;_t!==document.body&&_t!==document.documentElement?(_t===document&&(_t=W()),n.top+=_t.scrollTop,n.left+=_t.scrollLeft):_t=W(),Pt=$(_t)}N(lt=i.ghostClone(at),i.ghostClass,!1),N(lt,i.fallbackClass,!0),N(lt,i.dragClass,!0),F(lt,"transition",""),F(lt,"transform",""),F(lt,"box-sizing","border-box"),F(lt,"margin",0),F(lt,"top",n.top),F(lt,"left",n.left),F(lt,"width",n.width),F(lt,"height",n.height),F(lt,"opacity","0.8"),F(lt,"position",Lt?"absolute":"fixed"),F(lt,"zIndex","100000"),F(lt,"pointerEvents","none"),Zt.ghost=lt,t.appendChild(lt),F(lt,"transform-origin",It/parseInt(lt.style.width)*100+"% "+Ot/parseInt(lt.style.height)*100+"%")}},_onDragStart:function(t,n){var i=this,e=t.dataTransfer,r=i.options;ot("dragStart",this,{evt:t}),Zt.eventCanceled?this._onDrop():(ot("setupClone",this),Zt.eventCanceled||((dt=J(at)).removeAttribute("id"),dt.draggable=!1,dt.style["will-change"]="",this._hideClone(),N(dt,this.options.chosenClass,!1),Zt.clone=dt),i.cloneId=en((function(){ot("clone",i),Zt.eventCanceled||(i.options.removeCloneOnHide||ct.insertBefore(dt,at),i._hideClone(),st({sortable:i,name:"clone"}))})),!n&&N(at,r.dragClass,!0),n?(At=!0,i._loopId=setInterval(i._emulateDragOver,50)):(T(document,"mouseup",i._onDrop),T(document,"touchend",i._onDrop),T(document,"touchcancel",i._onDrop),e&&(e.effectAllowed="move",r.setData&&r.setData.call(i,e,at)),M(document,"drop",i),F(at,"transform","translateZ(0)")),Dt=!0,i._dragStartId=en(i._dragStarted.bind(i,n,t)),M(document,"selectstart",i),kt=!0,S&&F(document.body,"user-select","none"))},_onDragOver:function(t){var n,i,e,r,o=this.el,s=t.target,a=this.options,u=a.group,l=Zt.active,c=wt===u,h=a.sort,f=yt||l,d=this,m=!1;if(!Gt){if(void 0!==t.preventDefault&&t.cancelable&&t.preventDefault(),s=D(s,a.draggable,o,!0),C("dragOver"),Zt.eventCanceled)return m;if(at.contains(t.target)||s.animated&&s.animatingX&&s.animatingY||d._ignoreWhileAnimating===s)return A(!1);if(At=!1,l&&!a.disabled&&(c?h||(e=ut!==ct):yt===this||(this.lastPutMode=wt.checkPull(this,l,at,t))&&u.checkPut(this,l,at,t))){if(r="vertical"===this._getDirection(t,s),n=H(at),C("dragOverValid"),Zt.eventCanceled)return m;if(e)return ut=ct,_(),this._hideClone(),C("revert"),Zt.eventCanceled||(ht?ct.insertBefore(at,ht):ct.appendChild(at)),A(!0);var b=B(o,a.draggable);if(!b||function(t,n,i){var e=H(B(i.el,i.options.draggable));return n?t.clientX>e.right+10||t.clientX<=e.right&&t.clientY>e.bottom&&t.clientX>=e.left:t.clientX>e.right&&t.clientY>e.top||t.clientX<=e.right&&t.clientY>e.bottom+10}(t,r,this)&&!b.animated){if(b===at)return A(!1);if(b&&o===t.target&&(s=b),s&&(i=H(s)),!1!==qt(ct,o,at,n,s,i,t,!!s))return _(),b&&b.nextSibling?o.insertBefore(at,b.nextSibling):o.appendChild(at),ut=o,j(),A(!0)}else if(b&&function(t,n,i){var e=H(U(i.el,0,i.options,!0));return n?t.clientX<e.left-10||t.clientY<e.top&&t.clientX<e.right:t.clientY<e.top-10||t.clientY<e.bottom&&t.clientX<e.left}(t,r,this)){var p=U(o,0,a,!0);if(p===at)return A(!1);if(i=H(s=p),!1!==qt(ct,o,at,n,s,i,t,!1))return _(),o.insertBefore(at,p),ut=o,j(),A(!0)}else if(s.parentNode===o){i=H(s);var g,w,y,E=at.parentNode!==o,z=!function(t,n,i){var e=i?t.left:t.top,r=i?n.left:n.top;return e===r||(i?t.right:t.bottom)===(i?n.right:n.bottom)||e+(i?t.width:t.height)/2===r+(i?n.width:n.height)/2}(at.animated&&at.toRect||n,s.animated&&s.toRect||i,r),x=r?"top":"left",S=L(s,"top","top")||L(at,"top","top"),I=S?S.scrollTop:void 0;if(Mt!==s&&(w=i[x],Nt=!1,Ft=!z&&a.invertSwap||E),0!==(g=function(t,n,i,e,r,o,s,a){var u=e?t.clientY:t.clientX,l=e?i.height:i.width,c=e?i.top:i.left,h=e?i.bottom:i.right,f=!1;if(!s)if(a&&Ct<l*r){if(!Nt&&(1===Tt?u>c+l*o/2:u<h-l*o/2)&&(Nt=!0),Nt)f=!0;else if(1===Tt?u<c+Ct:u>h-Ct)return-Tt}else if(u>c+l*(1-r)/2&&u<h-l*(1-r)/2)return function(t){return K(at)<K(t)?1:-1}(n);return(f=f||s)&&(u<c+l*o/2||u>h-l*o/2)?u>c+l/2?1:-1:0}(t,s,i,r,z?1:a.swapThreshold,null==a.invertedSwapThreshold?a.swapThreshold:a.invertedSwapThreshold,Ft,Mt===s))){var O=K(at);do{y=ut.children[O-=g]}while(y&&("none"===F(y,"display")||y===lt))}if(0===g||y===s)return A(!1);Mt=s,Tt=g;var k=s.nextElementSibling,M=!1,T=qt(ct,o,at,n,s,i,t,M=1===g);if(!1!==T)return 1!==T&&-1!==T||(M=1===T),Gt=!0,setTimeout(tn,30),_(),M&&!k?o.appendChild(at):s.parentNode.insertBefore(at,M?k:s),S&&V(S,0,I-S.scrollTop),ut=at.parentNode,void 0===w||Ft||(Ct=Math.abs(w-H(s)[x])),j(),A(!0)}if(o.contains(at))return A(!1)}return!1}function C(a,u){ot(a,d,v({evt:t,isOwner:c,axis:r?"vertical":"horizontal",revert:e,dragRect:n,targetRect:i,canSort:h,fromSortable:f,target:s,completed:A,onMove:function(i,e){return qt(ct,o,at,n,i,H(i),t,e)},changed:j},u))}function _(){C("dragOverAnimationCapture"),d.captureAnimationState(),d!==f&&f.captureAnimationState()}function A(n){return C("dragOverCompleted",{insertion:n}),n&&(c?l._hideClone():l._showClone(d),d!==f&&(N(at,yt?yt.options.ghostClass:l.options.ghostClass,!1),N(at,a.ghostClass,!0)),yt!==d&&d!==Zt.active?yt=d:d===Zt.active&&yt&&(yt=null),f===d&&(d._ignoreWhileAnimating=s),d.animateAll((function(){C("dragOverAnimationComplete"),d._ignoreWhileAnimating=null})),d!==f&&(f.animateAll(),f._ignoreWhileAnimating=null)),(s===at&&!at.animated||s===o&&!s.animated)&&(Mt=null),a.dragoverBubble||t.rootEl||s===document||(at.parentNode[Q]._isOutsideThisEl(t.target),!n&&Vt(t)),!a.dragoverBubble&&t.stopPropagation&&t.stopPropagation(),m=!0}function j(){bt=K(at),gt=K(at,a.draggable),st({sortable:d,name:"change",toEl:o,newIndex:bt,newDraggableIndex:gt,originalEvent:t})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){T(document,"mousemove",this._onTouchMove),T(document,"touchmove",this._onTouchMove),T(document,"pointermove",this._onTouchMove),T(document,"dragover",Vt),T(document,"mousemove",Vt),T(document,"touchmove",Vt)},_offUpEvents:function(){var t=this.el.ownerDocument;T(t,"mouseup",this._onDrop),T(t,"touchend",this._onDrop),T(t,"pointerup",this._onDrop),T(t,"touchcancel",this._onDrop),T(document,"selectstart",this)},_onDrop:function(t){var n=this.el,i=this.options;bt=K(at),gt=K(at,i.draggable),ot("drop",this,{evt:t}),ut=at&&at.parentNode,bt=K(at),gt=K(at,i.draggable),Zt.eventCanceled||(Dt=!1,Ft=!1,Nt=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),rn(this.cloneId),rn(this._dragStartId),this.nativeDraggable&&(T(document,"drop",this),T(n,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),S&&F(document.body,"user-select",""),F(at,"transform",""),t&&(kt&&(t.cancelable&&t.preventDefault(),!i.dropBubble&&t.stopPropagation()),lt&&lt.parentNode&&lt.parentNode.removeChild(lt),(ct===ut||yt&&"clone"!==yt.lastPutMode)&&dt&&dt.parentNode&&dt.parentNode.removeChild(dt),at&&(this.nativeDraggable&&T(at,"dragend",this),Qt(at),at.style["will-change"]="",kt&&!Dt&&N(at,yt?yt.options.ghostClass:this.options.ghostClass,!1),N(at,this.options.chosenClass,!1),st({sortable:this,name:"unchoose",toEl:ut,newIndex:null,newDraggableIndex:null,originalEvent:t}),ct!==ut?(bt>=0&&(st({rootEl:ut,name:"add",toEl:ut,fromEl:ct,originalEvent:t}),st({sortable:this,name:"remove",toEl:ut,originalEvent:t}),st({rootEl:ut,name:"sort",toEl:ut,fromEl:ct,originalEvent:t}),st({sortable:this,name:"sort",toEl:ut,originalEvent:t})),yt&&yt.save()):bt!==mt&&bt>=0&&(st({sortable:this,name:"update",toEl:ut,originalEvent:t}),st({sortable:this,name:"sort",toEl:ut,originalEvent:t})),Zt.active&&(null!=bt&&-1!==bt||(bt=mt,gt=pt),st({sortable:this,name:"end",toEl:ut,originalEvent:t}),this.save())))),this._nulling()},_nulling:function(){ot("nulling",this),ct=at=ut=lt=ht=dt=ft=vt=Et=zt=kt=bt=gt=mt=pt=Mt=Tt=yt=wt=Zt.dragged=Zt.ghost=Zt.clone=Zt.active=null,Wt.forEach((function(t){t.checked=!0})),Wt.length=xt=St=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":at&&(this._onDragOver(t),function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move"),t.cancelable&&t.preventDefault()}(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,n=[],i=this.el.children,e=0,r=i.length,o=this.options;e<r;e++)D(t=i[e],o.draggable,this.el,!1)&&n.push(t.getAttribute(o.dataIdAttr)||nn(t));return n},sort:function(t,n){var i={},e=this.el;this.toArray().forEach((function(t,n){var r=e.children[n];D(r,this.options.draggable,e,!1)&&(i[t]=r)}),this),n&&this.captureAnimationState(),t.forEach((function(t){i[t]&&(e.removeChild(i[t]),e.appendChild(i[t]))})),n&&this.animateAll()},save:function(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,n){return D(t,n||this.options.draggable,this.el,!1)},option:function(t,n){var i=this.options;if(void 0===n)return i[t];var e=it.modifyOption(this,t,n);i[t]=void 0!==e?e:n,"group"===t&&Rt(i)},destroy:function(){ot("destroy",this);var t=this.el;t[Q]=null,T(t,"mousedown",this._onTapStart),T(t,"touchstart",this._onTapStart),T(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(T(t,"dragover",this),T(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")})),this._onDrop(),this._disableDelayedDragEvents(),jt.splice(jt.indexOf(this.el),1),this.el=t=null},_hideClone:function(){if(!vt){if(ot("hideClone",this),Zt.eventCanceled)return;F(dt,"display","none"),this.options.removeCloneOnHide&&dt.parentNode&&dt.parentNode.removeChild(dt),vt=!0}},_showClone:function(t){if("clone"===t.lastPutMode){if(vt){if(ot("showClone",this),Zt.eventCanceled)return;at.parentNode!=ct||this.options.group.revertClone?ht?ct.insertBefore(dt,ht):ct.appendChild(dt):ct.insertBefore(dt,at),this.options.group.revertClone&&this.animate(at,dt),F(dt,"display",""),vt=!1}}else this._hideClone()}},Ht&&M(document,"touchmove",(function(t){(Zt.active||Dt)&&t.cancelable&&t.preventDefault()})),Zt.utils={on:M,off:T,css:F,find:G,is:function(t,n){return!!D(t,n,t,!1)},extend:function(t,n){if(t&&n)for(var i in n)n.hasOwnProperty(i)&&(t[i]=n[i]);return t},throttle:Y,closest:D,toggleClass:N,clone:J,index:K,nextTick:en,cancelNextTick:rn,detectDirection:$t,getChild:U},Zt.get=function(t){return t[Q]},Zt.mount=function(){for(var t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];n[0].constructor===Array&&(n=n[0]),n.forEach((function(t){if(!t.prototype||!t.prototype.constructor)throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t));t.utils&&(Zt.utils=v(v({},Zt.utils),t.utils)),it.mount(t)}))},Zt.create=function(t,n){return new Zt(t,n)},Zt.version="1.15.0";var on,sn,an,un,ln,cn,hn=[],fn=!1;function dn(){hn.forEach((function(t){clearInterval(t.pid)})),hn=[]}function vn(){clearInterval(cn)}var mn,bn=Y((function(t,n,i,e){if(n.scroll){var r,o=(t.touches?t.touches[0]:t).clientX,s=(t.touches?t.touches[0]:t).clientY,a=n.scrollSensitivity,u=n.scrollSpeed,l=W(),c=!1;sn!==i&&(sn=i,dn(),r=n.scrollFn,!0===(on=n.scroll)&&(on=R(i,!0)));var h=0,f=on;do{var d=f,v=H(d),m=v.top,b=v.bottom,p=v.left,g=v.right,w=v.width,y=v.height,E=void 0,z=void 0,x=d.scrollWidth,S=d.scrollHeight,I=F(d),O=d.scrollLeft,k=d.scrollTop;d===l?(E=w<x&&("auto"===I.overflowX||"scroll"===I.overflowX||"visible"===I.overflowX),z=y<S&&("auto"===I.overflowY||"scroll"===I.overflowY||"visible"===I.overflowY)):(E=w<x&&("auto"===I.overflowX||"scroll"===I.overflowX),z=y<S&&("auto"===I.overflowY||"scroll"===I.overflowY));var M=E&&(Math.abs(g-o)<=a&&O+w<x)-(Math.abs(p-o)<=a&&!!O),T=z&&(Math.abs(b-s)<=a&&k+y<S)-(Math.abs(m-s)<=a&&!!k);if(!hn[h])for(var C=0;C<=h;C++)hn[C]||(hn[C]={});hn[h].vx==M&&hn[h].vy==T&&hn[h].el===d||(hn[h].el=d,hn[h].vx=M,hn[h].vy=T,clearInterval(hn[h].pid),0==M&&0==T||(c=!0,hn[h].pid=setInterval(function(){e&&0===this.layer&&Zt.active._onTouchMove(ln);var n=hn[this.layer].vy?hn[this.layer].vy*u:0,i=hn[this.layer].vx?hn[this.layer].vx*u:0;"function"==typeof r&&"continue"!==r.call(Zt.dragged.parentNode[Q],i,n,t,ln,hn[this.layer].el)||V(hn[this.layer].el,i,n)}.bind({layer:h}),24))),h++}while(n.bubbleScroll&&f!==l&&(f=R(f,!1)));fn=c}}),30),pn=function(t){var n=t.originalEvent,i=t.putSortable,e=t.dragEl,r=t.dispatchSortableEvent,o=t.unhideGhostForTarget;if(n){var s=i||t.activeSortable;(0,t.hideGhostForTarget)();var a=n.changedTouches&&n.changedTouches.length?n.changedTouches[0]:n,u=document.elementFromPoint(a.clientX,a.clientY);o(),s&&!s.el.contains(u)&&(r("spill"),this.onSpill({dragEl:e,putSortable:i}))}};function gn(){}function wn(){}gn.prototype={startIndex:null,dragStart:function(t){this.startIndex=t.oldDraggableIndex},onSpill:function(t){var n=t.dragEl,i=t.putSortable;this.sortable.captureAnimationState(),i&&i.captureAnimationState();var e=U(this.sortable.el,this.startIndex,this.options);e?this.sortable.el.insertBefore(n,e):this.sortable.el.appendChild(n),this.sortable.animateAll(),i&&i.animateAll()},drop:pn},p(gn,{pluginName:"revertOnSpill"}),wn.prototype={onSpill:function(t){var n=t.dragEl,i=t.putSortable||this.sortable;i.captureAnimationState(),n.parentNode&&n.parentNode.removeChild(n),i.animateAll()},drop:pn},p(wn,{pluginName:"removeOnSpill"});var yn,En,zn,xn,Sn,In=[],On=[],kn=!1,Mn=!1,Tn=!1;function Cn(t,n){On.forEach((function(i,e){var r=n.children[i.sortableIndex+(t?Number(e):0)];r?n.insertBefore(i,r):n.appendChild(i)}))}function _n(){In.forEach((function(t){t!==zn&&t.parentNode&&t.parentNode.removeChild(t)}))}Zt.mount(new function(){function t(){for(var t in this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}return t.prototype={dragStarted:function(t){var n=t.originalEvent;this.sortable.nativeDraggable?M(document,"dragover",this._handleAutoScroll):M(document,this.options.supportPointer?"pointermove":n.touches?"touchmove":"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted:function(t){var n=t.originalEvent;this.options.dragOverBubble||n.rootEl||this._handleAutoScroll(n)},drop:function(){this.sortable.nativeDraggable?T(document,"dragover",this._handleAutoScroll):(T(document,"pointermove",this._handleFallbackAutoScroll),T(document,"touchmove",this._handleFallbackAutoScroll),T(document,"mousemove",this._handleFallbackAutoScroll)),vn(),dn(),clearTimeout(A),A=void 0},nulling:function(){ln=sn=on=fn=cn=an=un=null,hn.length=0},_handleFallbackAutoScroll:function(t){this._handleAutoScroll(t,!0)},_handleAutoScroll:function(t,n){var i=this,e=(t.touches?t.touches[0]:t).clientX,r=(t.touches?t.touches[0]:t).clientY,o=document.elementFromPoint(e,r);if(ln=t,n||this.options.forceAutoScrollFallback||z||E||S){bn(t,this.options,o,n);var s=R(o,!0);!fn||cn&&e===an&&r===un||(cn&&vn(),cn=setInterval((function(){var o=R(document.elementFromPoint(e,r),!0);o!==s&&(s=o,dn()),bn(t,i.options,o,n)}),10),an=e,un=r)}else{if(!this.options.bubbleScroll||R(o,!0)===W())return void dn();bn(t,this.options,R(o,!1),!1)}}},p(t,{pluginName:"scroll",initializeByDefault:!0})}),Zt.mount(wn,gn),Zt.mount(new function(){function t(){this.defaults={swapClass:"sortable-swap-highlight"}}return t.prototype={dragStart:function(t){mn=t.dragEl},dragOverValid:function(t){var n=t.completed,i=t.target,e=t.changed,r=t.cancel;if(t.activeSortable.options.swap){var o=this.options;if(i&&i!==this.sortable.el){var s=mn;!1!==(0,t.onMove)(i)?(N(i,o.swapClass,!0),mn=i):mn=null,s&&s!==mn&&N(s,o.swapClass,!1)}e(),n(!0),r()}},drop:function(t){var n,i,e,r,o,s,a=t.activeSortable,u=t.putSortable,l=t.dragEl,c=u||this.sortable,h=this.options;mn&&N(mn,h.swapClass,!1),mn&&(h.swap||u&&u.options.swap)&&l!==mn&&(c.captureAnimationState(),c!==a&&a.captureAnimationState(),s=(i=mn).parentNode,(o=(n=l).parentNode)&&s&&!o.isEqualNode(i)&&!s.isEqualNode(n)&&(e=K(n),r=K(i),o.isEqualNode(s)&&e<r&&r++,o.insertBefore(i,o.children[e]),s.insertBefore(n,s.children[r])),c.animateAll(),c!==a&&a.animateAll())},nulling:function(){mn=null}},p(t,{pluginName:"swap",eventProperties:function(){return{swapItem:mn}}})}),Zt.mount(new function(){function t(t){for(var n in this)"_"===n.charAt(0)&&"function"==typeof this[n]&&(this[n]=this[n].bind(this));t.options.avoidImplicitDeselect||(t.options.supportPointer?M(document,"pointerup",this._deselectMultiDrag):(M(document,"mouseup",this._deselectMultiDrag),M(document,"touchend",this._deselectMultiDrag))),M(document,"keydown",this._checkKeyDown),M(document,"keyup",this._checkKeyUp),this.defaults={selectedClass:"sortable-selected",multiDragKey:null,avoidImplicitDeselect:!1,setData:function(n,i){var e="";In.length&&En===t?In.forEach((function(t,n){e+=(n?", ":"")+t.textContent})):e=i.textContent,n.setData("Text",e)}}}return t.prototype={multiDragKeyDown:!1,isMultiDrag:!1,delayStartGlobal:function(t){zn=t.dragEl},delayEnded:function(){this.isMultiDrag=~In.indexOf(zn)},setupClone:function(t){var n=t.sortable,i=t.cancel;if(this.isMultiDrag){for(var e=0;e<In.length;e++)On.push(J(In[e])),On[e].sortableIndex=In[e].sortableIndex,On[e].draggable=!1,On[e].style["will-change"]="",N(On[e],this.options.selectedClass,!1),In[e]===zn&&N(On[e],this.options.chosenClass,!1);n._hideClone(),i()}},clone:function(t){var n=t.dispatchSortableEvent,i=t.cancel;this.isMultiDrag&&(this.options.removeCloneOnHide||In.length&&En===t.sortable&&(Cn(!0,t.rootEl),n("clone"),i()))},showClone:function(t){var n=t.cloneNowShown,i=t.cancel;this.isMultiDrag&&(Cn(!1,t.rootEl),On.forEach((function(t){F(t,"display","")})),n(),Sn=!1,i())},hideClone:function(t){var n=this,i=t.cloneNowHidden,e=t.cancel;this.isMultiDrag&&(On.forEach((function(t){F(t,"display","none"),n.options.removeCloneOnHide&&t.parentNode&&t.parentNode.removeChild(t)})),i(),Sn=!0,e())},dragStartGlobal:function(){!this.isMultiDrag&&En&&En.multiDrag._deselectMultiDrag(),In.forEach((function(t){t.sortableIndex=K(t)})),In=In.sort((function(t,n){return t.sortableIndex-n.sortableIndex})),Tn=!0},dragStarted:function(t){var n=this,i=t.sortable;if(this.isMultiDrag){if(this.options.sort&&(i.captureAnimationState(),this.options.animation)){In.forEach((function(t){t!==zn&&F(t,"position","absolute")}));var e=H(zn,!1,!0,!0);In.forEach((function(t){t!==zn&&Z(t,e)})),Mn=!0,kn=!0}i.animateAll((function(){Mn=!1,kn=!1,n.options.animation&&In.forEach((function(t){q(t)})),n.options.sort&&_n()}))}},dragOver:function(t){var n=t.completed,i=t.cancel;Mn&&~In.indexOf(t.target)&&(n(!1),i())},revert:function(t){var n=t.fromSortable,i=t.rootEl,e=t.sortable,r=t.dragRect;In.length>1&&(In.forEach((function(t){e.addAnimationState({target:t,rect:Mn?H(t):r}),q(t),t.fromRect=r,n.removeAnimationState(t)})),Mn=!1,function(t,n){In.forEach((function(i,e){var r=n.children[i.sortableIndex+(t?Number(e):0)];r?n.insertBefore(i,r):n.appendChild(i)}))}(!this.options.removeCloneOnHide,i))},dragOverCompleted:function(t){var n=t.sortable,i=t.isOwner,e=t.activeSortable,r=t.parentEl,o=t.putSortable,s=this.options;if(t.insertion){if(i&&e._hideClone(),kn=!1,s.animation&&In.length>1&&(Mn||!i&&!e.options.sort&&!o)){var a=H(zn,!1,!0,!0);In.forEach((function(t){t!==zn&&(Z(t,a),r.appendChild(t))})),Mn=!0}if(!i)if(Mn||_n(),In.length>1){var u=Sn;e._showClone(n),e.options.animation&&!Sn&&u&&On.forEach((function(t){e.addAnimationState({target:t,rect:xn}),t.fromRect=xn,t.thisAnimationDuration=null}))}else e._showClone(n)}},dragOverAnimationCapture:function(t){var n=t.dragRect,i=t.isOwner,e=t.activeSortable;if(In.forEach((function(t){t.thisAnimationDuration=null})),e.options.animation&&!i&&e.multiDrag.isMultiDrag){xn=p({},n);var r=P(zn,!0);xn.top-=r.f,xn.left-=r.e}},dragOverAnimationComplete:function(){Mn&&(Mn=!1,_n())},drop:function(t){var n=t.originalEvent,i=t.rootEl,e=t.parentEl,r=t.sortable,o=t.dispatchSortableEvent,s=t.oldIndex,a=t.putSortable,u=a||this.sortable;if(n){var l=this.options,c=e.children;if(!Tn)if(l.multiDragKey&&!this.multiDragKeyDown&&this._deselectMultiDrag(),N(zn,l.selectedClass,!~In.indexOf(zn)),~In.indexOf(zn))In.splice(In.indexOf(zn),1),yn=null,et({sortable:r,rootEl:i,name:"deselect",targetEl:zn,originalEvent:n});else{if(In.push(zn),et({sortable:r,rootEl:i,name:"select",targetEl:zn,originalEvent:n}),n.shiftKey&&yn&&r.el.contains(yn)){var h,f,d=K(yn),v=K(zn);if(~d&&~v&&d!==v)for(v>d?(f=d,h=v):(f=v,h=d+1);f<h;f++)~In.indexOf(c[f])||(N(c[f],l.selectedClass,!0),In.push(c[f]),et({sortable:r,rootEl:i,name:"select",targetEl:c[f],originalEvent:n}))}else yn=zn;En=u}if(Tn&&this.isMultiDrag){if(Mn=!1,(e[Q].options.sort||e!==i)&&In.length>1){var m=H(zn),b=K(zn,":not(."+this.options.selectedClass+")");if(!kn&&l.animation&&(zn.thisAnimationDuration=null),u.captureAnimationState(),!kn&&(l.animation&&(zn.fromRect=m,In.forEach((function(t){if(t.thisAnimationDuration=null,t!==zn){var n=Mn?H(t):m;t.fromRect=n,u.addAnimationState({target:t,rect:n})}}))),_n(),In.forEach((function(t){c[b]?e.insertBefore(t,c[b]):e.appendChild(t),b++})),s===K(zn))){var p=!1;In.forEach((function(t){t.sortableIndex===K(t)||(p=!0)})),p&&o("update")}In.forEach((function(t){q(t)})),u.animateAll()}En=u}(i===e||a&&"clone"!==a.lastPutMode)&&On.forEach((function(t){t.parentNode&&t.parentNode.removeChild(t)}))}},nullingGlobal:function(){this.isMultiDrag=Tn=!1,On.length=0},destroyGlobal:function(){this._deselectMultiDrag(),T(document,"pointerup",this._deselectMultiDrag),T(document,"mouseup",this._deselectMultiDrag),T(document,"touchend",this._deselectMultiDrag),T(document,"keydown",this._checkKeyDown),T(document,"keyup",this._checkKeyUp)},_deselectMultiDrag:function(t){if(!(void 0!==Tn&&Tn||En!==this.sortable||t&&D(t.target,this.options.draggable,this.sortable.el,!1)||t&&0!==t.button))for(;In.length;){var n=In[0];N(n,this.options.selectedClass,!1),In.shift(),et({sortable:this.sortable,rootEl:this.sortable.el,name:"deselect",targetEl:n,originalEvent:t})}},_checkKeyDown:function(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!0)},_checkKeyUp:function(t){t.key===this.options.multiDragKey&&(this.multiDragKeyDown=!1)}},p(t,{pluginName:"multiDrag",utils:{select:function(t){var n=t.parentNode[Q];n&&n.options.multiDrag&&!~In.indexOf(t)&&(En&&En!==n&&(En.multiDrag._deselectMultiDrag(),En=n),N(t,n.options.selectedClass,!0),In.push(t))},deselect:function(t){var n=t.parentNode[Q],i=In.indexOf(t);n&&n.options.multiDrag&&~i&&(N(t,n.options.selectedClass,!1),In.splice(i,1))}},eventProperties:function(){var t,n=this,i=[],e=[];return In.forEach((function(t){var r;i.push({multiDragElement:t,index:t.sortableIndex}),r=Mn&&t!==zn?-1:Mn?K(t,":not(."+n.options.selectedClass+")"):K(t),e.push({multiDragElement:t,index:r})})),{items:(t=In,function(t){if(Array.isArray(t))return w(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,n){if(t){if("string"==typeof t)return w(t,n);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?w(t,n):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),clones:[].concat(On),oldIndicies:i,newIndicies:e}},optionListeners:{multiDragKey:function(t){return"ctrl"===(t=t.toLowerCase())?t="Control":t.length>1&&(t=t.charAt(0).toUpperCase()+t.substr(1)),t}}})});let Dn=0;const An=class{constructor(i){t(this,i),this.stzhUpdate=n(this,"stzhUpdate",7),this.disabled=!1,this.dataIdAttribute="data-id",this.container=()=>{var t;return null===(t=this.containerElement)||void 0===t?void 0:t.firstElementChild},this.ghostClone=t=>{const[n]=o(t);return n},this.filterElements=["[data-stzh-sortable-filtered]","[sortable-disabled]","button","a[href]","input","select","textarea","label","iframe","details","area","stzh-sortable"],this.selectedItem=null,this.resetItemOnBlur=!1,this.init=()=>{this.getContainer()&&Array.from(this.getContainer().children).forEach((t=>{t.classList.add("is-sortable-item"),t.addEventListener("blur",this.onBlur),t.addEventListener("keydown",this.onKeydown),t.setAttribute("tabindex","0"),t.setAttribute("aria-describedby",`${this.sortableId}-description`)}))},this.updated=async t=>{let n,i,e;t?(n=t.newIndex,i=t.oldIndex,e=t.item):(n=this.getIndexOfSelectedItem(),i=this.lastIndex,e=this.selectedItem),n!==i&&this.stzhUpdate.emit({component:"stzh-sortable",data:await this.toArray(),item:e,newIndex:n,oldIndex:i})},this.onKeydown=t=>{const n=t.currentTarget,i=t.target;if(!this.getContainer()||this.disabled)return;const e=i.matches(this._filterElements.join(", "));" "!==t.key||e?"Tab"===t.key&&this.selectedItem&&this.selectedItem===t.currentTarget?t.preventDefault():"Escape"===t.key&&this.selectedItem?(this.resetItemOnBlur=!1,this.updateAriaLive(this.localization.canceled),this.resetActiveItem(!0)):"ArrowUp"===t.key?this.selectedItem?this.moveItem(this.selectedItem,"up"):this.focusItem(n.previousElementSibling):"ArrowDown"===t.key&&(this.selectedItem?this.moveItem(this.selectedItem,"down"):this.focusItem(n.nextElementSibling)):(t.preventDefault(),this.selectedItem?(this.resetItemOnBlur=!1,this.updateAriaLive(this.localization.dropped),this.updated(),this.resetActiveItem()):(this.selectedItem=n,this.selectedItem.parentElement.classList.add("has-item-selected"),this.selectedItem.classList.add("is-selected"),this.lastIndex=this.getIndexOfSelectedItem(),this.resetItemOnBlur=!0,this.updateAriaLive(this.localization.started)))},this.onBlur=()=>{this.resetItemOnBlur&&(this.resetItemOnBlur=!1,this.updateAriaLive(this.localization.dropped),this.updated(),this.resetActiveItem())}}async toArray(){return this.sortable.toArray()}async sort(t,n=!0){return this.sortable.sort(t,n)}async moveItem(t,n){!t||!t.nextElementSibling&&"down"===n||!t.previousElementSibling&&"up"===n||(this.resetItemOnBlur=!1,"up"===n?t.previousElementSibling.before(t):"down"===n&&t.nextElementSibling.after(t),this.updateAriaLive(this.localization.moved,t),this.focusItem(t),this.resetItemOnBlur=!0)}filterElementsWatcher(t){this._filterElements="string"==typeof t?JSON.parse(t):t}getContainer(){return"function"==typeof this.container?this.container():this.container}updateAriaLive(t,n=this.selectedItem){if(!this.getContainer())return;if(n){const i=n.getAttribute("aria-label")||"",e=this.getIndexOfSelectedItem(n);t=t.replace("{title}",i).replace("{current}",(e+1).toString())}const i=this.getContainer().children.length;t=t.replace("{total}",i.toString()),this.ariaLiveElement.textContent=t}getIndexOfSelectedItem(t=this.selectedItem){if(t)return Array.from(t.parentElement.children).indexOf(t)}resetActiveItem(t=!1){if(!this.selectedItem)return;const n=this.getIndexOfSelectedItem(),i=this.selectedItem.parentElement;t&&this.lastIndex!==n&&(this.lastIndex>n?i.children[this.lastIndex].after(this.selectedItem):i.children[this.lastIndex].before(this.selectedItem),this.selectedItem.focus()),i.classList.remove("has-item-selected"),this.selectedItem.classList.remove("is-selected"),this.selectedItem=null,this.lastIndex=null}focusItem(t){if(!t)return;t.focus();const n=document.querySelector("stzh-flyingfocus");n&&n.reposition(),function(t,n){var i=t.isConnected||t.ownerDocument.documentElement.contains(t);if(f(n)&&"function"==typeof n.behavior)return n.behavior(i?h(t,n):[]);if(i){var e=function(t){return!1===t?{block:"end",inline:"nearest"}:f(t)?t:{block:"start",inline:"nearest"}}(n);(function(t,n){void 0===n&&(n="auto");var i="scrollBehavior"in document.body.style;t.forEach((function(t){var e=t.el,r=t.top,o=t.left;e.scroll&&i?e.scroll({top:r,left:o,behavior:n}):(e.scrollTop=r,e.scrollLeft=o)}))})(h(t,e),e.behavior)}}(t,{scrollMode:"if-needed",block:"nearest",inline:"nearest"})}async componentWillLoad(){this.sortableId="stzh-sortable-"+Dn++,this.filterElementsWatcher(this.filterElements),this.localization||(this.localization=await s(this.element,"sortable"))}componentWillUpdate(){this.sortable&&(this.sortable.destroy(),this.sortable=null)}componentDidRender(){this.sortable||(this.sortable=new Zt(this.getContainer(),{animation:150,filter:this._filterElements.join(", "),ghostClass:"is-ghost",chosenClass:"is-chosen",dragClass:"is-drag",dataIdAttr:this.dataIdAttribute,preventOnFilter:!1,forceFallback:!0,delay:200,delayOnTouchOnly:!0,disabled:this.disabled,ghostClone:this.ghostClone,onUpdate:this.updated}))}connectedCallback(){this.init(),this.observer=new MutationObserver(this.init),this.observer.observe(this.element,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer.disconnect(),this.sortable&&(this.sortable.destroy(),this.sortable=null)}render(){return i(e,null,i("div",{class:{"stzh-sortable":!0}},i("div",{id:`${this.sortableId}-description`,class:"stzh-sortable__description"},this.localization.description),i("div",{ref:t=>this.ariaLiveElement=t,"aria-live":"assertive",class:"stzh-sortable__aria-live"}),i("div",{ref:t=>this.containerElement=t,class:"stzh-sortable__container"},i("slot",null))))}get element(){return r(this)}static get watchers(){return{filterElements:["filterElementsWatcher"]}}};An.style='.sc-stzh-sortable-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-sortable-h{display:none}.sc-stzh-sortable-h *.sc-stzh-sortable,.sc-stzh-sortable-h *.sc-stzh-sortable::before,.sc-stzh-sortable-h *.sc-stzh-sortable::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-sortable-h{--unselected-item-opacity:0.6;--ghost-item-background:var(--stzh-color-grey5);--ghost-item-box-shadow:inset 0 0 0.5rem rgba(0, 0, 0, 0.32)}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item{position:relative;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:move;cursor:-webkit-grab;cursor:grab}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-drag,.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-chosen,.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-ghost,.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-selected{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-drag{opacity:1 !important}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-ghost{z-index:0}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-ghost::after{z-index:99;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--ghost-item-background);-webkit-box-shadow:var(--ghost-item-box-shadow);box-shadow:var(--ghost-item-box-shadow)}.sc-stzh-sortable-h .sc-stzh-sortable-s>*.has-item-selected>*.is-sortable-item{opacity:var(--unselected-item-opacity)}.sc-stzh-sortable-h .sc-stzh-sortable-s>*.has-item-selected>*.is-sortable-item.is-selected{opacity:1}.stzh-sortable__description.sc-stzh-sortable,.stzh-sortable__aria-live.sc-stzh-sortable{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}';export{An as stzh_sortable}

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

@@ -0,0 +1 @@
+import{r as t,c as s,h as i,a as n,g as h}from"./p-65282c9d.js";import{h as p}from"./p-1f57d28e.js";import{f as e}from"./p-25a09313.js";import{S as u}from"./p-32b78d65.js";let r=0;const a=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.multiline=!1,this.type="text",this.step=1,this.showSpin=!1,this.readonly=!1,this.disabled=!1,this.clearable=!1,this.showMarker=!1,this.value="",this.invalid=!1,this.required=!1,this.autocomplete="on",this.noAutocomplete=!1,this.label="",this.size="default",this.a11yDescribedby="",this.onClearClick=t=>{this.value="",this.input.focus(),this.stzhChange.emit({component:"stzh-input",originalEvent:t,value:this.value})},this.onInput=t=>{this.value=this.input.value,this.stzhChange.emit({component:"stzh-input",originalEvent:t,value:this.value})},this.onFocus=t=>{const s=new FocusEvent("focus",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(s),this.stzhFocus.emit({component:"stzh-input",originalEvent:t})},this.onBlur=t=>{this.input.value=this.input.value;const s=new FocusEvent("blur",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(s),this.stzhBlur.emit({component:"stzh-input",originalEvent:t})}}async setFocus(){this.input.focus()}valueWatcher(t){this.filled=""!==t}errorWatcher(t){if("string"==typeof t)try{this._error=JSON.parse(t)}catch(s){this._error=t?[t]:[]}else this._error=t||[];this.invalid=this._error.length>0}typeWatcher(t){if(!this.multiline&&!["text","search","password","email","url","tel","number"].includes(t))throw new Error(`Type ${t} not supported`)}renderTextarea(){return i("textarea",{class:"stzh-input__input stzh-input__input--textarea",ref:t=>this.input=t,id:this.inputId,name:this.name,rows:this.rows,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur},this.value)}renderInput(){return i("input",{class:"stzh-input__input stzh-input__input--input",ref:t=>this.input=t,id:this.inputId,type:this.type,name:this.name,value:this.value,min:this.min,max:this.max,step:this.step,placeholder:this.placeholder,inputmode:this.inputmode,disabled:this.disabled,readonly:this.readonly,minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.noAutocomplete?"off":this.autocomplete,"aria-autocomplete":this.noAutocomplete?"none":void 0,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur})}async componentWillLoad(){this.inputId="stzh-input-"+r++,this.typeWatcher(this.type),this.valueWatcher(this.value),this.errorWatcher(this.error),this.localization||(this.localization=await e(this.element,"input"))}render(){var t;const s=p(this.element,"button-right"),h=p(this.element,"description")||!!this.description,e=p(this.element,"description-long")||!!this.descriptionLong,r=p(this.element,"error")||!!this.error,a={"stzh-input":!0,"stzh-input--has-button-right":s||"search"===this.type||this.clearable&&this.filled&&!this.readonly&&!this.disabled,"stzh-input--has-description":h,"stzh-input--has-description-long":e,"stzh-input--has-error":r,"stzh-input--has-spin":this.showSpin,"stzh-input--is-invalid":this.invalid,"stzh-input--is-disabled":this.disabled,"stzh-input--is-readonly":this.readonly,"stzh-input--is-required":this.required,"stzh-input--has-placeholder":!!this.placeholder,"stzh-input--is-filled":this.filled,"stzh-input--is-clearable":this.clearable,"stzh-input--has-fixed-label":"fixed"===(null===(t=null===window||void 0===window?void 0:window.stzhComponents)||void 0===t?void 0:t.labels),[`stzh-input--size-${this.size}`]:!!this.size,[`stzh-input--type-${this.type}`]:!!this.type};return i(n,null,i("div",{class:a},i("div",{class:"stzh-input__field-wrapper"},this.multiline?this.renderTextarea():this.renderInput(),i("label",{class:"stzh-input__label",htmlFor:this.inputId},this.label?this.label:i("slot",null),this.showMarker&&i("span",{class:"stzh-input__marker"},i("span",{class:"stzh-input__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-input__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),this.clearable||"search"===this.type?i("stzh-button",{class:"stzh-input__button-right",icon:this.disabled||this.readonly||!this.filled?"search":"close-circle","icon-only":!0,variant:"input",onClick:this.onClearClick,disabled:this.disabled||this.readonly||!this.filled,a11yLabel:this.localization.$globals.clearButtonLabel,"aria-controls":this.inputId}):i("slot",{name:"button-right"})),i(u,{classPrefix:"stzh-input",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:e,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return h(this)}static get watchers(){return{value:["valueWatcher"],error:["errorWatcher"],type:["typeWatcher"]}}};a.style='.sc-stzh-input-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-input-h{display:none}.sc-stzh-input-h *.sc-stzh-input,.sc-stzh-input-h *.sc-stzh-input::before,.sc-stzh-input-h *.sc-stzh-input::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-input-h{width:100%;border-radius:var(--stzh-form-input-border-radius)}.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right],.stzh-input__button-right.sc-stzh-input{position:absolute;top:0;right:0}.sc-stzh-input-h .sc-stzh-input-s>stzh-button[slot=button-right],.sc-stzh-input-h .sc-stzh-input-s>[slot=button-right] stzh-button,.stzh-input__button-right[variant=input].sc-stzh-input{--border-color:transparent;--hover-border-color:transparent}.stzh-input.sc-stzh-input{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)}.stzh-input__marker-symbol.sc-stzh-input{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-input__marker-text.sc-stzh-input{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-input__description-wrapper.sc-stzh-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-input__error.sc-stzh-input,.stzh-input__description.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-input__error.sc-stzh-input{color:var(--stzh-color-error)}.stzh-input__error-list.sc-stzh-input{list-style:none;margin:0;padding:0}.stzh-input__description.sc-stzh-input{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-input__description-long.sc-stzh-input{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-input__description-long-popover.sc-stzh-input{--width:auto;--max-width:27.3125rem}.stzh-input__description-long-popover[open].sc-stzh-input:not([open=false]) .stzh-input__description-long-button.sc-stzh-input{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-input__description-long-button.sc-stzh-input{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;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-input__description-long-button.sc-stzh-input:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-input.sc-stzh-input stzh-icon.stzh-input__description-long-icon.sc-stzh-input{--size:var(--stzh-icon-size-xsmall)}.stzh-input--has-error.sc-stzh-input .stzh-input__error.sc-stzh-input,.stzh-input--has-description.sc-stzh-input .stzh-input__description.sc-stzh-input{margin-top:var(--stzh-space-xxsmall)}.stzh-input__field-wrapper.sc-stzh-input{position:relative;display:-ms-flexbox;display:flex}.stzh-input__input.sc-stzh-input{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);border:0.0625rem solid var(--stzh-color-grey61);-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);border-radius:var(--stzh-form-input-border-radius);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);width:100%;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));background:var(--stzh-color-white);-webkit-appearance:none;-moz-appearance:none;appearance:none}.stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input__input.sc-stzh-input:hover,.stzh-input__input.sc-stzh-input:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-input__input.sc-stzh-input::-ms-clear{display:none}.stzh-input__input.sc-stzh-input:-webkit-autofill{-webkit-background-clip:text;background-clip:text}.stzh-input__input.sc-stzh-input:-moz-placeholder-shown{text-overflow:ellipsis}.stzh-input__input.sc-stzh-input:-ms-input-placeholder{text-overflow:ellipsis}.stzh-input__input.sc-stzh-input:placeholder-shown{text-overflow:ellipsis}.stzh-input__input[type=search].sc-stzh-input::-webkit-search-decoration,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-cancel-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-button,.stzh-input__input[type=search].sc-stzh-input::-webkit-search-results-decoration{-webkit-appearance:none}.stzh-input__input--input.sc-stzh-input{height:var(--stzh-form-input-height)}.stzh-input__input--textarea.sc-stzh-input{min-height:var(--stzh-form-input-height);resize:vertical}.stzh-input__label.sc-stzh-input{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--stzh-color-grey61);width:auto;position:absolute;top:calc(var(--stzh-form-input-height) / 2);left:calc(var(--stzh-space-medium) + 0.0625rem);max-width:calc(100% - var(--stzh-space-medium) * 2);-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-input__label.sc-stzh-input:empty{display:none}.stzh-input__label.sc-stzh-input::before{content:"";display:none;background:var(--stzh-color-white);position:absolute;width:100%;z-index:-1;left:0;top:50%;margin-top:-0.03125rem;height:0.125rem}.stzh-input__input.sc-stzh-input:hover+.stzh-input__label.sc-stzh-input,.stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-input__button-right.sc-stzh-input{display:none}.stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false])[variant=input]{--color:var(--stzh-color-grey61);--background-color:transparent;--border-color:transparent;--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:transparent;--hover-border-color:transparent}.stzh-input--is-clearable.stzh-input--is-filled.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.sc-stzh-input .stzh-input__button-right.sc-stzh-input{display:block}.stzh-input--type-search.sc-stzh-input:not(.stzh-input--is-filled) .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right.sc-stzh-input,.stzh-input--type-search.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right.sc-stzh-input{pointer-events:none}.stzh-input--is-filled.sc-stzh-input .stzh-input__button-right.is-search.sc-stzh-input{pointer-events:initial}.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-placeholder.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{display:block;top:0;left:calc(var(--stzh-space-medium) - var(--stzh-space-xxsmall));height:1.25rem;line-height:1.25rem;padding:0 var(--stzh-space-xxsmall);max-width:calc(100% - var(--stzh-space-small) * 2);pointer-events:all}.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--has-placeholder.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before,.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input:not(:empty)::before{display:block}.stzh-input--has-button-right.sc-stzh-input .stzh-input__input.sc-stzh-input{padding-right:calc(var(--stzh-space-xsmall) + var(--stzh-form-input-height))}.stzh-input--has-button-right.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - (var(--stzh-space-medium) + 0.0625rem) * 2 - var(--stzh-form-input-height))}.stzh-input--has-button-right.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--has-placeholder.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--has-button-right.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - var(--stzh-space-medium) - var(--stzh-space-xxsmall) - 0.0625rem + var(--stzh-space-xxsmall) - var(--stzh-form-input-height))}.stzh-input--size-small.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input.sc-stzh-input{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input--input.sc-stzh-input{height:var(--stzh-form-input-small-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__input--textarea.sc-stzh-input{min-height:var(--stzh-form-input-small-height)}.stzh-input--size-small.sc-stzh-input .stzh-input__label.sc-stzh-input{top:calc(var(--stzh-form-input-small-height) / 2)}.stzh-input--size-small.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-placeholder.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{top:0}.stzh-input--size-small.stzh-input--has-button-right.sc-stzh-input .stzh-input__input.sc-stzh-input{padding-right:calc(var(--stzh-space-xxsmall) + var(--stzh-form-input-small-height))}.stzh-input--size-small.stzh-input--has-button-right.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - (var(--stzh-space-medium) + 0.0625rem) * 2 - var(--stzh-form-input-small-height))}.stzh-input--size-small.stzh-input--has-button-right.stzh-input.sc-stzh-input:not(.stzh-input--is-readonly):not(.stzh-input--is-disabled) .stzh-input__input.sc-stzh-input:focus+.stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--has-fixed-label.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-filled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--has-placeholder.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--size-small.stzh-input--has-button-right.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input{max-width:calc(100% - var(--stzh-space-medium) - var(--stzh-space-xxsmall) - 0.0625rem + var(--stzh-space-xsmall) - var(--stzh-form-input-small-height))}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-outer-spin-button,.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input.sc-stzh-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.stzh-input.sc-stzh-input:not(.stzh-input--has-spin) .stzh-input__input[type=number].sc-stzh-input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-invalid.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input+.stzh-input__label.sc-stzh-input{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input{border-color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--stzh-color-error)}.stzh-input--is-invalid.sc-stzh-input .stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--stzh-color-error)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input+.stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input+.stzh-input__label.sc-stzh-input{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input{color:var(--stzh-color-grey61);border-color:var(--stzh-color-grey5);background-color:var(--stzh-color-grey5);cursor:not-allowed}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input::-webkit-input-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input::-webkit-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:-moz-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input::-moz-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input::-moz-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:-ms-input-placeholder,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:-ms-input-placeholder{color:var(--stzh-color-grey61)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:hover,.stzh-input--is-readonly.sc-stzh-input .stzh-input__input.sc-stzh-input:focus,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:hover,.stzh-input--is-disabled.sc-stzh-input .stzh-input__input.sc-stzh-input:focus{border-color:var(--stzh-color-grey5)}.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input{cursor:not-allowed}.stzh-input--is-readonly.sc-stzh-input .stzh-input__label.sc-stzh-input::before,.stzh-input--is-disabled.sc-stzh-input .stzh-input__label.sc-stzh-input::before{background:transparent}.stzh-input--is-readonly.sc-stzh-input .stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false])[variant=input],.stzh-input--is-disabled.sc-stzh-input .stzh-input__button-right[disabled].sc-stzh-input:not([disabled=false])[variant=input]{--color:var(--stzh-color-grey61);--hover-color:var(--stzh-color-grey61)}';export{a as stzh_input}

package/dist/stzh-components/{p-17258518.entry.js → p-b3b5ee7e.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as e,a,g as i}from"./p-65282c9d.js";import{f as m}from"./p-1a40a6e4.js";const l=class{constructor(e){t(this,e),this.stzhClick=s(this,"stzhClick",7),this.stzhActionClick=s(this,"stzhActionClick",7),this.heading="",this.unread=!1,this.href="",this.description="",this.externalHref="",this.actionClick=(t,s)=>{this.stzhActionClick.emit({component:"stzh-datamessagelist-item",action:t,originalEvent:s})},this.itemClick=t=>{this.stzhClick.emit({component:"stzh-datamessagelist-item",originalEvent:t})}}loadingStatusWatcher(t){this._loadingStatus="string"==typeof t?JSON.parse(t):t}metaWatcher(t){this._meta="string"==typeof t?JSON.parse(t):t}actionsWatcher(t){this._actions="string"==typeof t?JSON.parse(t):t}tagsWatcher(t){this._tags="string"==typeof t?JSON.parse(t):t}async componentWillLoad(){this.loadingStatusWatcher(this.loadingStatus),this.metaWatcher(this.meta),this.actionsWatcher(this.actions),this.tagsWatcher(this.tags),this.localization||(this.localization=await m(this.element,"datamessagelist-item"))}render(){return e(a,{role:"listitem"},e("article",{class:{"stzh-datamessagelist-item":!0,"stzh-datamessagelist-item--is-unread":this.unread}},e("div",{class:"stzh-datamessagelist-item__content"},e("div",{class:"stzh-datamessagelist-item__text"},e("h3",{class:"stzh-datamessagelist-item__heading"},e("a",{class:"stzh-datamessagelist-item__heading-link",href:this.href,onClick:this.itemClick},this.heading)),this.description&&e("div",{class:"stzh-datamessagelist-item__description"},this.description),this._meta&&this._meta.length>0&&e("div",{class:"stzh-datamessagelist-item__meta-wrapper"},e("ul",{class:"stzh-datamessagelist-item__meta"},this._meta.map((t=>e("li",{class:"stzh-datamessagelist-item__meta-item"},e("span",{class:"stzh-datamessagelist-item__meta-item-label"},t.label),e("span",{class:"stzh-datamessagelist-item__meta-item-value"},t.value))))))),this._loadingStatus&&e("stzh-status",{class:"stzh-datamessagelist-item__status",label:this._loadingStatus.label,percent:this._loadingStatus.percent,type:this._loadingStatus.type,withLoadingbar:!0}),this._tags&&this._tags.length>0&&e("div",{class:"stzh-datamessagelist-item__tags-wrapper"},e("div",{class:"stzh-datamessagelist-item__tags"},this._tags.map((t=>e("stzh-chip",{class:"stzh-datamessagelist-item__tag",variant:"tag",size:"small",type:t.type,icon:t.icon,label:t.label})))))),e("div",{class:"stzh-datamessagelist-item__actions"},this.externalHref&&e("stzh-button",{href:this.externalHref,variant:"tertiary",icon:"external-link",size:"tiny",iconOnly:!0}),this._actions&&this._actions.length>0&&e("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:"stzh-datamessagelist-item__action-popover"},e("stzh-button",{variant:"tertiary",size:"tiny",icon:"more-horizontal",iconOnly:!0}),e("stzh-menu",{slot:"content"},this._actions.map((t=>e("stzh-menu-item",{icon:t.icon,badge:t.badge,onClick:s=>{this.actionClick(t,s)}},t.label))))))))}get element(){return i(this)}static get watchers(){return{loadingStatus:["loadingStatusWatcher"],meta:["metaWatcher"],actions:["actionsWatcher"],tags:["tagsWatcher"]}}};l.style='.sc-stzh-datamessagelist-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datamessagelist-item-h{display:none}.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::before,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);display:-ms-flexbox;display:flex;position:relative;padding:var(--stzh-space-medium);background-color:var(--stzh-color-white)}@media screen and (min-width: 600px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1024px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xlarge)}}.stzh-datamessagelist-item__content.sc-stzh-datamessagelist-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__content.sc-stzh-datamessagelist-item{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}}.stzh-datamessagelist-item__text.sc-stzh-datamessagelist-item{-ms-flex-positive:1;flex-grow:1}.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing);color:var(--stzh-base-lead-color);margin:0}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-medium-heading-letter-spacing)}}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:inherit;text-decoration:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover,.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::before{-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed)}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::before,.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover::before,.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus::before{background-color:var(--stzh-color-primary4)}.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{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);color:var(--stzh-base-lead-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-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: 1024px){.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{-webkit-line-clamp:1;line-clamp:1}}.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-xxsmall)}}.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));display:table;list-style:none;margin:0;padding:0}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 calc(var(--stzh-space-xsmall) / -1)}}.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:table-row}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:-ms-flexbox;display:flex;margin:0 var(--stzh-space-xsmall)}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:table-cell}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:inline-block}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xsmall)}.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{color:var(--stzh-color-black)}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item{width:10rem}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:0;margin-left:var(--stzh-space-xxlarge)}}.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(var(--stzh-space-xxsmall) / -1)}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{margin:var(--stzh-space-xxsmall)}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-xxlarge);-ms-flex-pack:center;justify-content:center}}.stzh-datamessagelist-item__action-popover.sc-stzh-datamessagelist-item{--width:auto;--min-width:12.5rem}.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover,.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::before{border-left:0.3125rem solid var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover::before,.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus::before{border-left-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}';export{l as stzh_datamessagelist_item}
+import{r as t,c as s,h as e,a,g as i}from"./p-65282c9d.js";import{f as m}from"./p-25a09313.js";const l=class{constructor(e){t(this,e),this.stzhClick=s(this,"stzhClick",7),this.stzhActionClick=s(this,"stzhActionClick",7),this.heading="",this.unread=!1,this.href="",this.description="",this.externalHref="",this.actionClick=(t,s)=>{this.stzhActionClick.emit({component:"stzh-datamessagelist-item",action:t,originalEvent:s})},this.itemClick=t=>{this.stzhClick.emit({component:"stzh-datamessagelist-item",originalEvent:t})}}loadingStatusWatcher(t){this._loadingStatus="string"==typeof t?JSON.parse(t):t}metaWatcher(t){this._meta="string"==typeof t?JSON.parse(t):t}actionsWatcher(t){this._actions="string"==typeof t?JSON.parse(t):t}tagsWatcher(t){this._tags="string"==typeof t?JSON.parse(t):t}async componentWillLoad(){this.loadingStatusWatcher(this.loadingStatus),this.metaWatcher(this.meta),this.actionsWatcher(this.actions),this.tagsWatcher(this.tags),this.localization||(this.localization=await m(this.element,"datamessagelist-item"))}render(){return e(a,{role:"listitem"},e("article",{class:{"stzh-datamessagelist-item":!0,"stzh-datamessagelist-item--is-unread":this.unread}},e("div",{class:"stzh-datamessagelist-item__content"},e("div",{class:"stzh-datamessagelist-item__text"},e("h3",{class:"stzh-datamessagelist-item__heading"},e("a",{class:"stzh-datamessagelist-item__heading-link",href:this.href,onClick:this.itemClick},this.heading)),this.description&&e("div",{class:"stzh-datamessagelist-item__description"},this.description),this._meta&&this._meta.length>0&&e("div",{class:"stzh-datamessagelist-item__meta-wrapper"},e("ul",{class:"stzh-datamessagelist-item__meta"},this._meta.map((t=>e("li",{class:"stzh-datamessagelist-item__meta-item"},e("span",{class:"stzh-datamessagelist-item__meta-item-label"},t.label),e("span",{class:"stzh-datamessagelist-item__meta-item-value"},t.value))))))),this._loadingStatus&&e("stzh-status",{class:"stzh-datamessagelist-item__status",label:this._loadingStatus.label,percent:this._loadingStatus.percent,type:this._loadingStatus.type,withLoadingbar:!0}),this._tags&&this._tags.length>0&&e("div",{class:"stzh-datamessagelist-item__tags-wrapper"},e("div",{class:"stzh-datamessagelist-item__tags"},this._tags.map((t=>e("stzh-chip",{class:"stzh-datamessagelist-item__tag",variant:"tag",size:"small",type:t.type,icon:t.icon,label:t.label})))))),e("div",{class:"stzh-datamessagelist-item__actions"},this.externalHref&&e("stzh-button",{href:this.externalHref,variant:"tertiary",icon:"external-link",size:"tiny",iconOnly:!0}),this._actions&&this._actions.length>0&&e("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:"stzh-datamessagelist-item__action-popover"},e("stzh-button",{variant:"tertiary",size:"tiny",icon:"more-horizontal",iconOnly:!0}),e("stzh-menu",{slot:"content"},this._actions.map((t=>e("stzh-menu-item",{icon:t.icon,badge:t.badge,onClick:s=>{this.actionClick(t,s)}},t.label))))))))}get element(){return i(this)}static get watchers(){return{loadingStatus:["loadingStatusWatcher"],meta:["metaWatcher"],actions:["actionsWatcher"],tags:["tagsWatcher"]}}};l.style='.sc-stzh-datamessagelist-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datamessagelist-item-h{display:none}.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::before,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);display:-ms-flexbox;display:flex;position:relative;padding:var(--stzh-space-medium);background-color:var(--stzh-color-white)}@media screen and (min-width: 600px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1024px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xlarge)}}.stzh-datamessagelist-item__content.sc-stzh-datamessagelist-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__content.sc-stzh-datamessagelist-item{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}}.stzh-datamessagelist-item__text.sc-stzh-datamessagelist-item{-ms-flex-positive:1;flex-grow:1}.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing);color:var(--stzh-base-lead-color);margin:0}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-medium-heading-letter-spacing)}}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:inherit;text-decoration:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover,.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::before{-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed)}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::before,.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover::before,.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus::before{background-color:var(--stzh-color-primary4)}.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{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);color:var(--stzh-base-lead-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-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: 1024px){.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{-webkit-line-clamp:1;line-clamp:1}}.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-xxsmall)}}.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));display:table;list-style:none;margin:0;padding:0}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 calc(var(--stzh-space-xsmall) / -1)}}.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:table-row}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:-ms-flexbox;display:flex;margin:0 var(--stzh-space-xsmall)}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:table-cell}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:inline-block}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xsmall)}.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{color:var(--stzh-color-black)}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item{width:10rem}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:0;margin-left:var(--stzh-space-xxlarge)}}.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(var(--stzh-space-xxsmall) / -1)}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{margin:var(--stzh-space-xxsmall)}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-xxlarge);-ms-flex-pack:center;justify-content:center}}.stzh-datamessagelist-item__action-popover.sc-stzh-datamessagelist-item{--width:auto;--min-width:12.5rem}.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover,.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::before{border-left:0.3125rem solid var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:hover::before,.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item:focus::before{border-left-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}';export{l as stzh_datamessagelist_item}