@oiz/stzh-components 4.14.0-beta1 → 4.14.0-beta2

package/dist/stzh-components/{p-e2fca3d7.entry.js → p-67b0d92a.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as e,a as i,d as h,F as r}from"./p-vaw5DHDC.js";import{S as c}from"./p-Y4KllhSj.js";import{h as o}from"./p-CBLSoWgI.js";import"./p-BubviQku.js";const a=class{constructor(e){t(this,e),this.stzhClick=s(this,"stzhClick"),this.stzhRemove=s(this,"stzhRemove"),this.stzhFocus=s(this,"stzhFocus"),this.stzhBlur=s(this,"stzhBlur"),this.label="",this.href="",this.target="",this.nonInteractive=!1,this.removable=!1,this.inverted=!1,this.variant="tag",this.size="default",this.type="default",this.counter="",this.removeLabel="",this.active=!1,this.disabled=!1,this.a11yDescribedby="",this.focusedByInput=!1,this.onRootFocus=()=>{this.focusedByInput||this.chip.focus(),this.focusedByInput=!1},this.onFocus=t=>{this.focusedByInput=!0;const s=new FocusEvent("focus",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(s),this.stzhFocus.emit({component:"stzh-chip",originalEvent:t})},this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(s),this.stzhBlur.emit({component:"stzh-chip",originalEvent:t})},this.onClick=t=>{this.stzhClick.emit({component:"stzh-chip",originalEvent:t,href:this.href})},this.onRemoveClick=t=>{this.stzhRemove.emit({component:"stzh-chip",originalEvent:t})}}componentDidRender(){requestAnimationFrame((()=>{var t;null===(t=this.chip)||void 0===t||t.setAttribute("s-object-id",this.analyticsId||this.text.innerText)}))}renderInner(){return e("div",{class:"stzh-chip__button-inner"},e("div",{class:"stzh-chip__icon-wrapper"},this.icon||void 0===this.icon&&"tag"===this.variant&&"default"!==this.type?e("stzh-icon",{class:"stzh-chip__icon",name:this.icon||"info"===this.type&&"info-help"||"warning"===this.type&&"important-warning"||"error"===this.type&&"warning"||"success"===this.type&&"checkmark-circle"}):e("slot",{name:"icon"})),e("stzh-clamp",{lines:1,class:"stzh-chip__label",ref:t=>this.text=t},this.label?this.label:e("slot",null),this.counter&&"undefined"!==this.counter&&void 0!==this.counter&&e("span",{class:"stzh-chip__vhidden"}," (",this.counter,")")),this.counter&&"undefined"!==this.counter&&void 0!==this.counter&&e("div",{class:"stzh-chip__counter","aria-hidden":"true"},this.counter))}render(){const t=this.nonInteractive?"div":this.href?"a":"button";return e(i,{key:"b548af8aa18b8ab2b5f83ee4f038c754c9186ca0",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},e("div",{key:"077fb799dabd90681327e361534fdbd8e11a383d",class:{"stzh-chip":!0,"stzh-chip--is-active":this.active,"stzh-chip--is-disabled":this.disabled,"stzh-chip--is-removable":this.removable,"stzh-chip--is-inverted":this.inverted,"stzh-chip--has-counter":!!this.counter,[`stzh-chip--type-${this.type}`]:!!this.type,[`stzh-chip--size-${this.size}`]:!!this.size,[`stzh-chip--${this.variant}`]:!!this.variant}},this.removable&&e("button",{key:"dc740da21566582f41cf8eb22b7b8c0863104392",class:"stzh-chip__remove",onClick:this.onRemoveClick,disabled:this.disabled,"aria-label":this.removeLabel,type:"button","s-object-id":this.removeAnalyticsId||this.removeLabel},e("stzh-icon",{key:"2ca8666b4d595979514400ee71d8296fa87ec31a",class:"stzh-chip__remove-icon",name:"close-big"})),e(t,this.href?{ref:t=>this.chip=t,class:{"stzh-chip__button":!0,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},href:this.disabled?null:this.href,target:this.target,tabindex:this.a11yTabindex,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}:{ref:t=>this.chip=t,class:{"stzh-chip__button":!0,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},disabled:this.disabled,type:"button",tabindex:this.a11yTabindex,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner())))}get element(){return h(this)}};a.style=".sc-stzh-chip-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-chip-h,[stzh-hidden].sc-stzh-chip-h{display:none}.sc-stzh-chip-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-chip-h *.sc-stzh-chip,.sc-stzh-chip-h *.sc-stzh-chip::before,.sc-stzh-chip-h *.sc-stzh-chip::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-chip-h .has-focus.sc-stzh-chip{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-chip-h .stzh-fylingfocus-focused.sc-stzh-chip{outline-style:none !important}.sc-stzh-chip-h .stzh-fylingfocus-focused.sc-stzh-chip::-moz-focus-inner{border:0 !important}.sc-stzh-chip-h{--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small, 12px);--padding-right:var(--stzh-space-small, 12px);--border-radius:1rem}@media screen and (min-width: 900px){.sc-stzh-chip-h{--outer-height:auto}}.sc-stzh-chip-h{--color:var(--stzh-chip-color, var(--stzh-color-primary70));--remove-color:var(--color);--remove-border-radius:1.5rem;--background-color:var(--stzh-chip-background-color, var(--stzh-color-secondary30));--icon-size:var(--stzh-icon-size-xsmall);--icon-color:var(--color);--icon-gap:var(--stzh-space-xsmall, 8px);--counter-color:var(--color);--counter-gap:var(--stzh-space-xsmall, 8px);--hover-color:var(--stzh-chip-hover-color, var(--stzh-color-primary70));--hover-background-color:var(     --stzh-chip-hover-background-color,     var(--stzh-color-secondary40)   );--hover-remove-color:var(--hover-color);--hover-remove-background-color:var(--stzh-color-primary30);--hover-icon-color:var(--hover-color);--hover-counter-color:var(--hover-color);display:inline-flex}@media (forced-colors: active){.sc-stzh-chip-h{--hover-color:Highlight;--hover-background-color:Canvas;--hover-remove-background-color:Canvas}}[variant=input].sc-stzh-chip-h{--background-color:var(--stzh-color-primary10);--hover-color:var(--stzh-color-primary90);--hover-background-color:var(--stzh-color-primary20)}[variant=tag].sc-stzh-chip-h{--color:var(--stzh-color-grey90);--background-color:var(--stzh-color-grey20);--hover-color:var(--stzh-color-grey90);--hover-background-color:var(--stzh-color-grey20)}[variant=input].sc-stzh-chip-h:where([size=small]){--icon-gap:var(--stzh-space-xxsmall, 4px)}[variant=tag].sc-stzh-chip-h:where([size=small]){--padding-left:var(--stzh-space-xsmall, 8px);--padding-right:var(--stzh-space-xsmall, 8px);--icon-gap:var(--stzh-space-xxsmall, 4px)}[variant=tag].sc-stzh-chip-h:where([type=warning]){--color:var(--stzh-color-warning90);--hover-color:var(--stzh-color-warning90)}[variant=tag].sc-stzh-chip-h:where([type=error]){--color:var(--stzh-color-error70);--hover-color:var(--stzh-color-error70)}[variant=tag].sc-stzh-chip-h:where([type=success]){--color:var(--stzh-color-success70);--hover-color:var(--stzh-color-success70)}[variant=tag].sc-stzh-chip-h:where([inverted]:not([inverted=false])){--color:var(--stzh-color-white);--background-color:var(--stzh-color-grey90);--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-grey90)}[variant=tag].sc-stzh-chip-h:where([type=warning][inverted]:not([inverted=false])){--color:var(--stzh-color-black);--background-color:var(--stzh-color-warning60);--hover-color:var(--stzh-color-black);--hover-background-color:var(--stzh-color-warning60)}[variant=tag].sc-stzh-chip-h:where([type=error][inverted]:not([inverted=false])){--background-color:var(--stzh-color-error70);--hover-background-color:var(--stzh-color-error70)}[variant=tag].sc-stzh-chip-h:where([type=success][inverted]:not([inverted=false])){--background-color:var(--stzh-color-success70);--hover-background-color:var(--stzh-color-success70)}[active].sc-stzh-chip-h:not([active=false]){--color:var(--stzh-chip-active-color, var(--stzh-color-white));--background-color:var(     --stzh-chip-active-background-color,     var(--stzh-color-primary70)   );--hover-color:var(--stzh-chip-active-hover-color, var(--stzh-color-white));--hover-background-color:var(     --stzh-chip-active-hover-background-color,     var(--stzh-color-primary90)   );--hover-remove-background-color:var(--stzh-color-primary90)}@media (forced-colors: active){[active].sc-stzh-chip-h:not([active=false]){--color:Highlight;--background-color:Canvas;--hover-color:Highlight;--hover-background-color:Canvas;--hover-remove-background-color:Canvas}}[non-interactive].sc-stzh-chip-h:not([non-interactive=false]){--hover-color:var(--color);--hover-background-color:var(--background-color);--hover-remove-color:var(--remove-color);--hover-remove-background-color:transparent;--hover-icon-color:var(--icon-color);--hover-counter-color:var(--counter-color)}[disabled].sc-stzh-chip-h:not([disabled=false]){--color:var(--stzh-chip-disabled-color, var(--stzh-color-grey80));--background-color:var(     --stzh-chip-disabled-background-color,     var(--stzh-color-grey20)   );--remove-color:var(--color);--icon-color:var(--color);--counter-color:var(--color);--hover-color:var(--color);--hover-background-color:var(--background-color);--hover-remove-color:var(--remove-color);--hover-remove-background-color:transparent;--hover-icon-color:var(--icon-color);--hover-counter-color:var(--counter-color)}[variant=input][disabled].sc-stzh-chip-h:not([disabled=false]){--background-color:var(--stzh-color-grey10)}.sc-stzh-chip-h:where([size=small]){--font-size:var(--stzh-font-nano-font-size);--line-height:var(--stzh-font-nano-text-line-height);--letter-spacing:normal;--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-xsmall, 8px);--padding-right:var(--stzh-space-xsmall, 8px)}.sc-stzh-chip-h:where([size=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium, 16px);--padding-right:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.sc-stzh-chip-h:where([size-small=default]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small, 12px);--padding-right:var(--stzh-space-small, 12px);--border-radius:1rem}}@media screen and (min-width: 600px) and (min-width: 900px){.sc-stzh-chip-h:where([size-small=default]){--outer-height:auto}}@media screen and (min-width: 600px){.sc-stzh-chip-h:where([size-small=small]){--font-size:var(--stzh-font-nano-font-size);--line-height:var(--stzh-font-nano-text-line-height);--letter-spacing:normal;--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-xsmall, 8px);--padding-right:var(--stzh-space-xsmall, 8px)}.sc-stzh-chip-h:where([size-small=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium, 16px);--padding-right:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 900px){.sc-stzh-chip-h:where([size-medium=default]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small, 12px);--padding-right:var(--stzh-space-small, 12px);--border-radius:1rem}}@media screen and (min-width: 900px) and (min-width: 900px){.sc-stzh-chip-h:where([size-medium=default]){--outer-height:auto}}@media screen and (min-width: 900px){.sc-stzh-chip-h:where([size-medium=small]){--font-size:var(--stzh-font-nano-font-size);--line-height:var(--stzh-font-nano-text-line-height);--letter-spacing:normal;--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-xsmall, 8px);--padding-right:var(--stzh-space-xsmall, 8px)}.sc-stzh-chip-h:where([size-medium=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium, 16px);--padding-right:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 1260px){.sc-stzh-chip-h:where([size-large=default]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small, 12px);--padding-right:var(--stzh-space-small, 12px);--border-radius:1rem}}@media screen and (min-width: 1260px) and (min-width: 900px){.sc-stzh-chip-h:where([size-large=default]){--outer-height:auto}}@media screen and (min-width: 1260px){.sc-stzh-chip-h:where([size-large=small]){--font-size:var(--stzh-font-nano-font-size);--line-height:var(--stzh-font-nano-text-line-height);--letter-spacing:normal;--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-xsmall, 8px);--padding-right:var(--stzh-space-xsmall, 8px)}.sc-stzh-chip-h:where([size-large=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium, 16px);--padding-right:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 1600px){.sc-stzh-chip-h:where([size-ultra=default]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small, 12px);--padding-right:var(--stzh-space-small, 12px);--border-radius:1rem}}@media screen and (min-width: 1600px) and (min-width: 900px){.sc-stzh-chip-h:where([size-ultra=default]){--outer-height:auto}}@media screen and (min-width: 1600px){.sc-stzh-chip-h:where([size-ultra=small]){--font-size:var(--stzh-font-nano-font-size);--line-height:var(--stzh-font-nano-text-line-height);--letter-spacing:normal;--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-xsmall, 8px);--padding-right:var(--stzh-space-xsmall, 8px)}.sc-stzh-chip-h:where([size-ultra=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium, 16px);--padding-right:var(--stzh-space-medium, 16px)}}.stzh-chip.sc-stzh-chip{position:relative}.stzh-chip__vhidden.sc-stzh-chip{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chip__button.sc-stzh-chip{font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing);min-height:var(--outer-height);font-family:inherit;appearance:none;padding:0px;border:none;background-color:transparent}.stzh-chip__button.is-button.sc-stzh-chip,.stzh-chip__button.is-link.sc-stzh-chip{cursor:pointer}.stzh-chip__button-inner.sc-stzh-chip{height:var(--height);display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);color:var(--color);background-color:var(--background-color);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-chip__label.sc-stzh-chip{text-align:left}.stzh-chip__icon-wrapper.sc-stzh-chip{--stzh-icon-size:var(--icon-size);display:flex;color:var(--icon-color);transition:color var(--stzh-base-transition-animation-speed);flex-shrink:0}.stzh-chip__icon-wrapper.sc-stzh-chip:not(:empty){margin-right:var(--icon-gap)}.stzh-chip__counter.sc-stzh-chip{display:flex;font-variant-numeric:tabular-nums;margin-left:var(--counter-gap);color:var(--counter-color);transition:color var(--stzh-base-transition-animation-speed)}.stzh-chip__remove.sc-stzh-chip{position:absolute;top:50%;transform:translateY(-50%);right:0;appearance:none;font-family:inherit;border:none;background:none;padding:0;width:var(--height);height:var(--height);border-radius:var(--remove-border-radius);display:flex;justify-content:center;align-items:center;margin-left:var(--stzh-space-xxsmall, 4px);color:var(--remove-color);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color, border-color;cursor:pointer}.stzh-chip__remove.sc-stzh-chip:hover{color:var(--hover-remove-color);background-color:var(--hover-remove-background-color)}.stzh-chip__remove-icon.sc-stzh-chip{--size:var(--stzh-icon-size-xxsmall)}.stzh-chip__button.sc-stzh-chip:hover .stzh-chip__button-inner.sc-stzh-chip,.stzh-chip__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip .stzh-chip__button-inner.sc-stzh-chip{color:var(--hover-color);background-color:var(--hover-background-color)}.stzh-chip__button.sc-stzh-chip:hover .stzh-chip__counter.sc-stzh-chip,.stzh-chip__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip .stzh-chip__counter.sc-stzh-chip{color:var(--hover-counter-color)}.stzh-chip__button.sc-stzh-chip:hover .stzh-chip__icon-wrapper.sc-stzh-chip,.stzh-chip__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip .stzh-chip__icon-wrapper.sc-stzh-chip{color:var(--hover-icon-color)}.stzh-chip--is-removable.sc-stzh-chip .stzh-chip__button-inner.sc-stzh-chip{padding-right:calc(var(--height) + var(--stzh-space-xxsmall, 4px))}.stzh-chip--is-disabled.sc-stzh-chip .stzh-chip__button.sc-stzh-chip,.stzh-chip--is-disabled.sc-stzh-chip .stzh-chip__remove.sc-stzh-chip{cursor:not-allowed}";let n=0;const l=class{constructor(e){t(this,e),this.stzhChange=s(this,"stzhChange"),this.data=[],this._data=[],this._dataDropdown=[],this.label="",this.labelHidden=!1,this.multiple=!1,this.value="",this._value=[],this.defaultValue="",this.invalid=!1,this.required=!1,this.disabled=!1,this.hideOptional=!1,this.dropdownOnMobile=!1,this.a11yDescribedby="",this.activeFocusOptionIndex=-1,this.isMobile=!1,this.skipNextValueRender=!1,this.handleReset=async()=>{this.value=this.defaultValue},this.handleMediaQueryChange=t=>{this.isMobile=t.matches},this.handleChipClick=async(t,s)=>{this.multiple?""===t.value&&this._value.length>0&&(1!==this._value.length||""!==this._value[0])?this.value=[]:""!==t.value&&(this.value=this._value.includes(t.value)?this._value.filter((s=>s!==t.value)):[...this._value,t.value]):this.value=t.value,this.activeFocusOptionIndex=s,await this.waitForNextRender(),this.stzhChange.emit({component:"stzh-chipselect",value:this.multiple?this._value:this._value[0]})},this.handleDropdownChange=t=>{const s=t.detail.value,e=Array.isArray(s)?String(s):[String(s)];this.skipNextValueRender=!0,this.value=this.multiple?e:e.length>0?e[0]:"",this.stzhChange.emit({component:"stzh-chipselect",value:this.multiple?e:e[0]})},this.handleKeydown=t=>{let s=null;const e=this.activeFocusOptionIndex;if("ArrowUp"===t.key||"ArrowLeft"===t.key)t.preventDefault(),e>0&&(s=e-1);else if("ArrowDown"===t.key||"ArrowRight"===t.key)t.preventDefault(),e<this._data.length-1&&(s=e+1);else if(" "===t.key||"Enter"===t.key){if(t.preventDefault(),e<0)return;this.multiple?""===this._data[e].value&&this._value.length>0&&(1!==this._value.length||""!==this._value[0])?this.value=[]:""!==this._data[e].value&&(this.value=this._value.includes(this._data[e].value)?this._value.filter((t=>t!==this._data[e].value)):[...this._value,this._data[e].value]):this.value=this._data[e].value,this.stzhChange.emit({component:"stzh-chipselect",value:this.value})}null!==s&&(this.activeFocusOptionIndex=s)}}resetListener(t){t.target.contains(this.element)&&requestAnimationFrame((()=>{this.handleReset()}))}valueWatcher(t){if("string"==typeof t)try{const s=JSON.parse(t);this._value=Array.isArray(s)?s:[t]}catch(s){this._value=[t]}else this._value=Array.isArray(t)?t:[]}dataWatcher(t){this._data="string"==typeof t?JSON.parse(t):t,this._data.map((t=>{if("string"!=typeof t.value)throw new TypeError(`${t.value} is not a string. The data prop only accepts arrays (or stringified arrays), where the value property is a string. Consult the StzhChipselectItem type definition for more information.`)})),this._dataDropdown=this._data.map((t=>({text:t.counter?`${t.label} (${t.counter})`:t.label,value:t.value})))}errorWatcher(t){if("string"==typeof t)try{this._error=JSON.parse(t)}catch(s){this._error=t?[t]:[]}else this._error=t||[]}componentShouldUpdate(t,s,e){return"value"!==e||!this.useDropdownOnMobile||!this.skipNextValueRender||(this.skipNextValueRender=!1,!1)}waitForNextRender(){return new Promise((t=>this.renderPromiseResolve=t))}get useDropdownOnMobile(){return this.isMobile&&this.dropdownOnMobile}componentDidRender(){this.renderPromiseResolve&&this.renderPromiseResolve()}async componentWillLoad(){this.id="stzh-chipselect-"+n++,this.dataWatcher(this.data),this.errorWatcher(this.error),this.valueWatcher(this.value),null==this.defaultValue&&(this.defaultValue=this.value),"undefined"!=typeof window&&(this.mediaQuery=window.matchMedia("(max-width: 767px)"),this.isMobile=this.mediaQuery.matches),this.localization||(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"chipselect"))}componentDidLoad(){this.mediaQuery&&this.mediaQuery.addEventListener("change",this.handleMediaQueryChange)}disconnectedCallback(){this.mediaQuery&&this.mediaQuery.removeEventListener("change",this.handleMediaQueryChange)}render(){var t;const s=o(this.element,"description")||!!this.description,h=o(this.element,"description-long")||!!this.descriptionLong,a=o(this.element,"error")||(null===(t=this._error)||void 0===t?void 0:t.length)>0,n=!this.labelHidden&&(!!this.label||o(this.element)||h),l=this.activeFocusOptionIndex>=0?`${this.id}-option-${this.activeFocusOptionIndex}`:void 0;return e(i,{key:"9cf88c30add485823c9c9b46a773689d0085e9a1","is-invalid":this.invalid||a},e("div",{key:"3fd87d63799ae02a6017575c26f1799d73eb123a",class:{"stzh-chipselect":!0,"stzh-chipselect--has-description":s,"stzh-chipselect--has-description-long":h,"stzh-chipselect--has-error":a,"stzh-chipselect--is-invalid":this.invalid||a,"stzh-chipselect--is-disabled":this.disabled,"stzh-chipselect--is-required":this.required,"stzh-chipselect--has-label-hidden":this.labelHidden}},!this.useDropdownOnMobile&&(this.multiple?e(r,null,this._value.map((t=>e("input",{type:"hidden",name:this.name,value:t})))):e("input",{type:"hidden",name:this.name,value:this.value})),!this.useDropdownOnMobile&&n&&e("div",{key:"e8cf874668b2c0de8a25dd07ccfa798323e24497",class:"stzh-chipselect__label-wrapper"},e("label",{key:"72fe835e9a1900f6eae71785007bf50a31da6c6f",class:"stzh-chipselect__label",htmlFor:this.id},this.label?this.label:e("slot",null),!this.hideOptional&&e("span",{key:"578d527c1ba28caa65f06382496b1712acab448f",class:"stzh-chipselect__marker"},e("span",{key:"f270d0075928d06a4b528884ac9b63c581baf0ab",class:"stzh-chipselect__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),e("span",{key:"c974a94f09f6bca23ef2b83f8a93b28a9c9572a6",class:"stzh-chipselect__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),h&&e(c,{key:"3d20d4e59f116b48e4ef29d70a55977a40054c3e",classPrefix:"stzh-chipselect",id:`${this.id}-description-long`,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:h,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel,showError:!1,showDescriptionText:!1})),this._data.length>0&&e(r,{key:"f8b70b2ffe16ae36dd501d9b7f2f0455dc1391ad"},this.useDropdownOnMobile?e("stzh-dropdown",{class:"stzh-chipselect__dropdown",name:this.name,multiple:this.multiple,disabled:this.disabled,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,required:this.required,invalid:this.invalid,items:this.multiple?this._value:this._value.length>0?[this._value[0]]:[],label:this.label,labelHidden:this.labelHidden,options:this._dataDropdown,hideOptional:this.hideOptional,onStzhChange:this.handleDropdownChange}):e(r,null,e("div",{id:this.id,class:"stzh-chipselect__chips",role:"listbox",tabindex:"0","aria-multiselectable":this.multiple?"true":"false","aria-activedescendant":l,"aria-label":this.label,"aria-describedby":`${this.id}-description ${this.a11yDescribedby}`,onKeyDown:this.handleKeydown},this._data.map(((t,s)=>e("stzh-chip",{role:"option",class:{"stzh-chipselect__chip":!0,"is-focused":this.activeFocusOptionIndex===s},label:t.label,counter:t.counter,icon:t.icon,variant:t.variant||"filter",inverted:t.inverted,size:t.size||"small",disabled:this.disabled||t.disabled,active:this._value.includes(t.value)||!this.multiple&&!t.value&&(0===this._value.length||""===this._value[0])||!t.value&&this.multiple&&(0===this._value.length||1===this._value.length&&""===this._value[0]),"aria-selected":this._value.includes(t.value)||!this.multiple&&!t.value&&(0===this._value.length||""===this._value[0])||!t.value&&this.multiple&&(0===this._value.length||1===this._value.length&&""===this._value[0])?"true":"false",id:`${this.id}-option-${s}`,a11yTabindex:"-1",onClick:()=>this.handleChipClick(t,s)})))))),!this.useDropdownOnMobile&&(a||s)&&e(c,{key:"5c294e1506d1560ca902e9b2480340269edb2335",classPrefix:"stzh-chipselect",id:`${this.id}-description`,error:this._error,description:this.description,descriptionLongUsed:!1})))}get element(){return h(this)}static get watchers(){return{value:[{valueWatcher:0}],data:[{dataWatcher:0}],error:[{errorWatcher:0}]}}};l.style=".sc-stzh-chipselect-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-chipselect-h,[stzh-hidden].sc-stzh-chipselect-h{display:none}.sc-stzh-chipselect-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-chipselect-h *.sc-stzh-chipselect,.sc-stzh-chipselect-h *.sc-stzh-chipselect::before,.sc-stzh-chipselect-h *.sc-stzh-chipselect::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-chipselect-h .has-focus.sc-stzh-chipselect{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-chipselect-h .stzh-fylingfocus-focused.sc-stzh-chipselect{outline-style:none !important}.sc-stzh-chipselect-h .stzh-fylingfocus-focused.sc-stzh-chipselect::-moz-focus-inner{border:0 !important}.sc-stzh-chipselect-h{width:100%}[disabled].sc-stzh-chipselect-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}[active].sc-stzh-chipselect-h:not([active=false]){--background-color:var(     --stzh-chip-active-background-color,     var(--stzh-color-primary70)   )}[active].is-focused.sc-stzh-chipselect-h{--background-color:var(     --stzh-chip-active-background-color,     var(--stzh-color-primary70)   )}[dropdown-on-mobile].sc-stzh-chipselect-h .stzh-chipselect__dropdown.sc-stzh-chipselect{display:block;width:100%}.stzh-chipselect__marker-symbol.sc-stzh-chipselect{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-chipselect__marker-text.sc-stzh-chipselect{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chipselect__description-wrapper.sc-stzh-chipselect{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect__description.sc-stzh-chipselect{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-chipselect__error.sc-stzh-chipselect{color:var(--stzh-color-error60)}.stzh-chipselect__error-list.sc-stzh-chipselect{list-style:none;margin:0;padding:0}.stzh-chipselect__description.sc-stzh-chipselect{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-chipselect__description-long.sc-stzh-chipselect{margin-right:var(--stzh-space-xxsmall, 4px);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-chipselect__description-long.sc-stzh-chipselect{margin-top:0}}.stzh-chipselect__description-long-popover.sc-stzh-chipselect{--width:auto;--max-width:27.3125rem}.stzh-chipselect__description-long-button.sc-stzh-chipselect{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-chipselect.sc-stzh-chipselect stzh-icon.stzh-chipselect__description-long-icon.sc-stzh-chipselect{--size:var(--stzh-icon-size-xsmall)}.stzh-chipselect--has-error.sc-stzh-chipselect .stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect--has-description.sc-stzh-chipselect .stzh-chipselect__description.sc-stzh-chipselect{margin-top:var(--stzh-space-xxxsmall, 2px)}.stzh-chipselect.sc-stzh-chipselect{width:100%}.stzh-chipselect__label-wrapper.sc-stzh-chipselect{display:flex;align-items:center;gap:var(--stzh-space-xsmall, 8px);margin-bottom:var(--stzh-space-xsmall, 8px);width:100%;min-width:0;min-height:1.375rem}.stzh-chipselect__label.sc-stzh-chipselect{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--stzh-heading-color);display:block;min-width:0;flex:0 1 auto;max-width:100%;margin-bottom:0}.stzh-chipselect__label.sc-stzh-chipselect:empty{display:none}.stzh-chipselect__label-wrapper.sc-stzh-chipselect>.stzh-chipselect__description-wrapper.sc-stzh-chipselect{flex:0 0 auto;display:inline-flex;align-items:center;margin:0}.stzh-chipselect__label-wrapper.sc-stzh-chipselect .stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect__label-wrapper.sc-stzh-chipselect .stzh-chipselect__description-text.sc-stzh-chipselect{display:none}.stzh-chipselect__label-wrapper.sc-stzh-chipselect .stzh-chipselect__description.sc-stzh-chipselect,.stzh-chipselect__label-wrapper.sc-stzh-chipselect .stzh-chipselect__description-long.sc-stzh-chipselect{display:inline-flex;align-items:center;margin:0}.stzh-chipselect__label-wrapper.sc-stzh-chipselect .stzh-chipselect__description-long-button.sc-stzh-chipselect{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-chipselect__label-wrapper.sc-stzh-chipselect stzh-popover.sc-stzh-chipselect .stzh-chipselect__description-long-icon.sc-stzh-chipselect{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-chipselect__marker.sc-stzh-chipselect{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall, 8px))}.stzh-chipselect__chips.sc-stzh-chipselect{display:flex;align-items:center;flex-wrap:wrap;border-radius:var(--stzh-button-border-radius);gap:var(--stzh-space-medium, 16px)}.stzh-chipselect__chips.sc-stzh-chipselect:focus-within .is-focused[active].sc-stzh-chipselect{--background-color:var(--stzh-color-primary90)}@media (forced-colors: active){.stzh-chipselect__chips.sc-stzh-chipselect:focus-within .is-focused[active].sc-stzh-chipselect{--background-color:Canvas}}.stzh-chipselect__chip.is-focused.sc-stzh-chipselect:not([active]){--background-color:var(--stzh-color-secondary40)}@media (forced-colors: active){.stzh-chipselect__chip.is-focused.sc-stzh-chipselect:not([active]){--background-color:Highlight}}.stzh-chipselect__dropdown.sc-stzh-chipselect{display:block;width:100%;--popover-width:max-content;--popover-min-width:100%;--popover-max-width:calc(100vw - 2rem)}.stzh-chipselect__description-wrapper.sc-stzh-chipselect{margin-top:var(--stzh-space-xsmall, 8px)}.stzh-chipselect--has-label-hidden.sc-stzh-chipselect .stzh-chipselect__label.sc-stzh-chipselect{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chipselect--is-disabled.sc-stzh-chipselect .stzh-chipselect__chips.sc-stzh-chipselect,.stzh-chipselect--is-disabled.sc-stzh-chipselect .stzh-chipselect__label.sc-stzh-chipselect{cursor:not-allowed}";export{a as stzh_chip,l as stzh_chipselect}
+import{r as t,c as s,h as e,a as i,d as h,F as r}from"./p-rujKGmCS.js";import{S as c}from"./p-DT3qkqDR.js";import{h as o}from"./p-CBLSoWgI.js";import"./p-BubviQku.js";const a=class{constructor(e){t(this,e),this.stzhClick=s(this,"stzhClick"),this.stzhRemove=s(this,"stzhRemove"),this.stzhFocus=s(this,"stzhFocus"),this.stzhBlur=s(this,"stzhBlur"),this.label="",this.href="",this.target="",this.nonInteractive=!1,this.removable=!1,this.inverted=!1,this.variant="tag",this.size="default",this.type="default",this.counter="",this.removeLabel="",this.active=!1,this.disabled=!1,this.a11yDescribedby="",this.focusedByInput=!1,this.onRootFocus=()=>{this.focusedByInput||this.chip.focus(),this.focusedByInput=!1},this.onFocus=t=>{this.focusedByInput=!0;const s=new FocusEvent("focus",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(s),this.stzhFocus.emit({component:"stzh-chip",originalEvent:t})},this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(s),this.stzhBlur.emit({component:"stzh-chip",originalEvent:t})},this.onClick=t=>{this.stzhClick.emit({component:"stzh-chip",originalEvent:t,href:this.href})},this.onRemoveClick=t=>{this.stzhRemove.emit({component:"stzh-chip",originalEvent:t})}}componentDidRender(){requestAnimationFrame((()=>{var t;null===(t=this.chip)||void 0===t||t.setAttribute("s-object-id",this.analyticsId||this.text.innerText)}))}renderInner(){return e("div",{class:"stzh-chip__button-inner"},e("div",{class:"stzh-chip__icon-wrapper"},this.icon||void 0===this.icon&&"tag"===this.variant&&"default"!==this.type?e("stzh-icon",{class:"stzh-chip__icon",name:this.icon||"info"===this.type&&"info-help"||"warning"===this.type&&"important-warning"||"error"===this.type&&"warning"||"success"===this.type&&"checkmark-circle"}):e("slot",{name:"icon"})),e("stzh-clamp",{lines:1,class:"stzh-chip__label",ref:t=>this.text=t},this.label?this.label:e("slot",null),this.counter&&"undefined"!==this.counter&&void 0!==this.counter&&e("span",{class:"stzh-chip__vhidden"}," (",this.counter,")")),this.counter&&"undefined"!==this.counter&&void 0!==this.counter&&e("div",{class:"stzh-chip__counter","aria-hidden":"true"},this.counter))}render(){const t=this.nonInteractive?"div":this.href?"a":"button";return e(i,{key:"b548af8aa18b8ab2b5f83ee4f038c754c9186ca0",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},e("div",{key:"077fb799dabd90681327e361534fdbd8e11a383d",class:{"stzh-chip":!0,"stzh-chip--is-active":this.active,"stzh-chip--is-disabled":this.disabled,"stzh-chip--is-removable":this.removable,"stzh-chip--is-inverted":this.inverted,"stzh-chip--has-counter":!!this.counter,[`stzh-chip--type-${this.type}`]:!!this.type,[`stzh-chip--size-${this.size}`]:!!this.size,[`stzh-chip--${this.variant}`]:!!this.variant}},this.removable&&e("button",{key:"dc740da21566582f41cf8eb22b7b8c0863104392",class:"stzh-chip__remove",onClick:this.onRemoveClick,disabled:this.disabled,"aria-label":this.removeLabel,type:"button","s-object-id":this.removeAnalyticsId||this.removeLabel},e("stzh-icon",{key:"2ca8666b4d595979514400ee71d8296fa87ec31a",class:"stzh-chip__remove-icon",name:"close-big"})),e(t,this.href?{ref:t=>this.chip=t,class:{"stzh-chip__button":!0,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},href:this.disabled?null:this.href,target:this.target,tabindex:this.a11yTabindex,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}:{ref:t=>this.chip=t,class:{"stzh-chip__button":!0,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},disabled:this.disabled,type:"button",tabindex:this.a11yTabindex,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner())))}get element(){return h(this)}};a.style=".sc-stzh-chip-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-chip-h,[stzh-hidden].sc-stzh-chip-h{display:none}.sc-stzh-chip-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-chip-h *.sc-stzh-chip,.sc-stzh-chip-h *.sc-stzh-chip::before,.sc-stzh-chip-h *.sc-stzh-chip::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-chip-h .has-focus.sc-stzh-chip{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-chip-h .stzh-fylingfocus-focused.sc-stzh-chip{outline-style:none !important}.sc-stzh-chip-h .stzh-fylingfocus-focused.sc-stzh-chip::-moz-focus-inner{border:0 !important}.sc-stzh-chip-h{--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small, 12px);--padding-right:var(--stzh-space-small, 12px);--border-radius:1rem}@media screen and (min-width: 900px){.sc-stzh-chip-h{--outer-height:auto}}.sc-stzh-chip-h{--color:var(--stzh-chip-color, var(--stzh-color-primary70));--remove-color:var(--color);--remove-border-radius:1.5rem;--background-color:var(--stzh-chip-background-color, var(--stzh-color-secondary30));--icon-size:var(--stzh-icon-size-xsmall);--icon-color:var(--color);--icon-gap:var(--stzh-space-xsmall, 8px);--counter-color:var(--color);--counter-gap:var(--stzh-space-xsmall, 8px);--hover-color:var(--stzh-chip-hover-color, var(--stzh-color-primary70));--hover-background-color:var(     --stzh-chip-hover-background-color,     var(--stzh-color-secondary40)   );--hover-remove-color:var(--hover-color);--hover-remove-background-color:var(--stzh-color-primary30);--hover-icon-color:var(--hover-color);--hover-counter-color:var(--hover-color);display:inline-flex}@media (forced-colors: active){.sc-stzh-chip-h{--hover-color:Highlight;--hover-background-color:Canvas;--hover-remove-background-color:Canvas}}[variant=input].sc-stzh-chip-h{--background-color:var(--stzh-color-primary10);--hover-color:var(--stzh-color-primary90);--hover-background-color:var(--stzh-color-primary20)}[variant=tag].sc-stzh-chip-h{--color:var(--stzh-color-grey90);--background-color:var(--stzh-color-grey20);--hover-color:var(--stzh-color-grey90);--hover-background-color:var(--stzh-color-grey20)}[variant=input].sc-stzh-chip-h:where([size=small]){--icon-gap:var(--stzh-space-xxsmall, 4px)}[variant=tag].sc-stzh-chip-h:where([size=small]){--padding-left:var(--stzh-space-xsmall, 8px);--padding-right:var(--stzh-space-xsmall, 8px);--icon-gap:var(--stzh-space-xxsmall, 4px)}[variant=tag].sc-stzh-chip-h:where([type=warning]){--color:var(--stzh-color-warning90);--hover-color:var(--stzh-color-warning90)}[variant=tag].sc-stzh-chip-h:where([type=error]){--color:var(--stzh-color-error70);--hover-color:var(--stzh-color-error70)}[variant=tag].sc-stzh-chip-h:where([type=success]){--color:var(--stzh-color-success70);--hover-color:var(--stzh-color-success70)}[variant=tag].sc-stzh-chip-h:where([inverted]:not([inverted=false])){--color:var(--stzh-color-white);--background-color:var(--stzh-color-grey90);--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-grey90)}[variant=tag].sc-stzh-chip-h:where([type=warning][inverted]:not([inverted=false])){--color:var(--stzh-color-black);--background-color:var(--stzh-color-warning60);--hover-color:var(--stzh-color-black);--hover-background-color:var(--stzh-color-warning60)}[variant=tag].sc-stzh-chip-h:where([type=error][inverted]:not([inverted=false])){--background-color:var(--stzh-color-error70);--hover-background-color:var(--stzh-color-error70)}[variant=tag].sc-stzh-chip-h:where([type=success][inverted]:not([inverted=false])){--background-color:var(--stzh-color-success70);--hover-background-color:var(--stzh-color-success70)}[active].sc-stzh-chip-h:not([active=false]){--color:var(--stzh-chip-active-color, var(--stzh-color-white));--background-color:var(     --stzh-chip-active-background-color,     var(--stzh-color-primary70)   );--hover-color:var(--stzh-chip-active-hover-color, var(--stzh-color-white));--hover-background-color:var(     --stzh-chip-active-hover-background-color,     var(--stzh-color-primary90)   );--hover-remove-background-color:var(--stzh-color-primary90)}@media (forced-colors: active){[active].sc-stzh-chip-h:not([active=false]){--color:Highlight;--background-color:Canvas;--hover-color:Highlight;--hover-background-color:Canvas;--hover-remove-background-color:Canvas}}[non-interactive].sc-stzh-chip-h:not([non-interactive=false]){--hover-color:var(--color);--hover-background-color:var(--background-color);--hover-remove-color:var(--remove-color);--hover-remove-background-color:transparent;--hover-icon-color:var(--icon-color);--hover-counter-color:var(--counter-color)}[disabled].sc-stzh-chip-h:not([disabled=false]){--color:var(--stzh-chip-disabled-color, var(--stzh-color-grey80));--background-color:var(     --stzh-chip-disabled-background-color,     var(--stzh-color-grey20)   );--remove-color:var(--color);--icon-color:var(--color);--counter-color:var(--color);--hover-color:var(--color);--hover-background-color:var(--background-color);--hover-remove-color:var(--remove-color);--hover-remove-background-color:transparent;--hover-icon-color:var(--icon-color);--hover-counter-color:var(--counter-color)}[variant=input][disabled].sc-stzh-chip-h:not([disabled=false]){--background-color:var(--stzh-color-grey10)}.sc-stzh-chip-h:where([size=small]){--font-size:var(--stzh-font-nano-font-size);--line-height:var(--stzh-font-nano-text-line-height);--letter-spacing:normal;--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-xsmall, 8px);--padding-right:var(--stzh-space-xsmall, 8px)}.sc-stzh-chip-h:where([size=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium, 16px);--padding-right:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){.sc-stzh-chip-h:where([size-small=default]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small, 12px);--padding-right:var(--stzh-space-small, 12px);--border-radius:1rem}}@media screen and (min-width: 600px) and (min-width: 900px){.sc-stzh-chip-h:where([size-small=default]){--outer-height:auto}}@media screen and (min-width: 600px){.sc-stzh-chip-h:where([size-small=small]){--font-size:var(--stzh-font-nano-font-size);--line-height:var(--stzh-font-nano-text-line-height);--letter-spacing:normal;--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-xsmall, 8px);--padding-right:var(--stzh-space-xsmall, 8px)}.sc-stzh-chip-h:where([size-small=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium, 16px);--padding-right:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 900px){.sc-stzh-chip-h:where([size-medium=default]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small, 12px);--padding-right:var(--stzh-space-small, 12px);--border-radius:1rem}}@media screen and (min-width: 900px) and (min-width: 900px){.sc-stzh-chip-h:where([size-medium=default]){--outer-height:auto}}@media screen and (min-width: 900px){.sc-stzh-chip-h:where([size-medium=small]){--font-size:var(--stzh-font-nano-font-size);--line-height:var(--stzh-font-nano-text-line-height);--letter-spacing:normal;--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-xsmall, 8px);--padding-right:var(--stzh-space-xsmall, 8px)}.sc-stzh-chip-h:where([size-medium=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium, 16px);--padding-right:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 1260px){.sc-stzh-chip-h:where([size-large=default]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small, 12px);--padding-right:var(--stzh-space-small, 12px);--border-radius:1rem}}@media screen and (min-width: 1260px) and (min-width: 900px){.sc-stzh-chip-h:where([size-large=default]){--outer-height:auto}}@media screen and (min-width: 1260px){.sc-stzh-chip-h:where([size-large=small]){--font-size:var(--stzh-font-nano-font-size);--line-height:var(--stzh-font-nano-text-line-height);--letter-spacing:normal;--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-xsmall, 8px);--padding-right:var(--stzh-space-xsmall, 8px)}.sc-stzh-chip-h:where([size-large=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium, 16px);--padding-right:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 1600px){.sc-stzh-chip-h:where([size-ultra=default]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--height:2rem;--outer-height:2.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small, 12px);--padding-right:var(--stzh-space-small, 12px);--border-radius:1rem}}@media screen and (min-width: 1600px) and (min-width: 900px){.sc-stzh-chip-h:where([size-ultra=default]){--outer-height:auto}}@media screen and (min-width: 1600px){.sc-stzh-chip-h:where([size-ultra=small]){--font-size:var(--stzh-font-nano-font-size);--line-height:var(--stzh-font-nano-text-line-height);--letter-spacing:normal;--height:1.5rem;--border-radius:0.75rem;--padding-left:var(--stzh-space-xsmall, 8px);--padding-right:var(--stzh-space-xsmall, 8px)}.sc-stzh-chip-h:where([size-ultra=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium, 16px);--padding-right:var(--stzh-space-medium, 16px)}}.stzh-chip.sc-stzh-chip{position:relative}.stzh-chip__vhidden.sc-stzh-chip{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chip__button.sc-stzh-chip{font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing);min-height:var(--outer-height);font-family:inherit;appearance:none;padding:0px;border:none;background-color:transparent}.stzh-chip__button.is-button.sc-stzh-chip,.stzh-chip__button.is-link.sc-stzh-chip{cursor:pointer}.stzh-chip__button-inner.sc-stzh-chip{height:var(--height);display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);color:var(--color);background-color:var(--background-color);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-chip__label.sc-stzh-chip{text-align:left}.stzh-chip__icon-wrapper.sc-stzh-chip{--stzh-icon-size:var(--icon-size);display:flex;color:var(--icon-color);transition:color var(--stzh-base-transition-animation-speed);flex-shrink:0}.stzh-chip__icon-wrapper.sc-stzh-chip:not(:empty){margin-right:var(--icon-gap)}.stzh-chip__counter.sc-stzh-chip{display:flex;font-variant-numeric:tabular-nums;margin-left:var(--counter-gap);color:var(--counter-color);transition:color var(--stzh-base-transition-animation-speed)}.stzh-chip__remove.sc-stzh-chip{position:absolute;top:50%;transform:translateY(-50%);right:0;appearance:none;font-family:inherit;border:none;background:none;padding:0;width:var(--height);height:var(--height);border-radius:var(--remove-border-radius);display:flex;justify-content:center;align-items:center;margin-left:var(--stzh-space-xxsmall, 4px);color:var(--remove-color);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color, border-color;cursor:pointer}.stzh-chip__remove.sc-stzh-chip:hover{color:var(--hover-remove-color);background-color:var(--hover-remove-background-color)}.stzh-chip__remove-icon.sc-stzh-chip{--size:var(--stzh-icon-size-xxsmall)}.stzh-chip__button.sc-stzh-chip:hover .stzh-chip__button-inner.sc-stzh-chip,.stzh-chip__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip .stzh-chip__button-inner.sc-stzh-chip{color:var(--hover-color);background-color:var(--hover-background-color)}.stzh-chip__button.sc-stzh-chip:hover .stzh-chip__counter.sc-stzh-chip,.stzh-chip__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip .stzh-chip__counter.sc-stzh-chip{color:var(--hover-counter-color)}.stzh-chip__button.sc-stzh-chip:hover .stzh-chip__icon-wrapper.sc-stzh-chip,.stzh-chip__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip .stzh-chip__icon-wrapper.sc-stzh-chip{color:var(--hover-icon-color)}.stzh-chip--is-removable.sc-stzh-chip .stzh-chip__button-inner.sc-stzh-chip{padding-right:calc(var(--height) + var(--stzh-space-xxsmall, 4px))}.stzh-chip--is-disabled.sc-stzh-chip .stzh-chip__button.sc-stzh-chip,.stzh-chip--is-disabled.sc-stzh-chip .stzh-chip__remove.sc-stzh-chip{cursor:not-allowed}";let n=0;const l=class{constructor(e){t(this,e),this.stzhChange=s(this,"stzhChange"),this.data=[],this._data=[],this._dataDropdown=[],this.label="",this.labelHidden=!1,this.multiple=!1,this.value="",this._value=[],this.defaultValue="",this.invalid=!1,this.required=!1,this.disabled=!1,this.hideOptional=!1,this.dropdownOnMobile=!1,this.a11yDescribedby="",this.activeFocusOptionIndex=-1,this.isMobile=!1,this.skipNextValueRender=!1,this.handleReset=async()=>{this.value=this.defaultValue},this.handleMediaQueryChange=t=>{this.isMobile=t.matches},this.handleChipClick=async(t,s)=>{this.multiple?""===t.value&&this._value.length>0&&(1!==this._value.length||""!==this._value[0])?this.value=[]:""!==t.value&&(this.value=this._value.includes(t.value)?this._value.filter((s=>s!==t.value)):[...this._value,t.value]):this.value=t.value,this.activeFocusOptionIndex=s,await this.waitForNextRender(),this.stzhChange.emit({component:"stzh-chipselect",value:this.multiple?this._value:this._value[0]})},this.handleDropdownChange=t=>{const s=t.detail.value,e=Array.isArray(s)?String(s):[String(s)];this.skipNextValueRender=!0,this.value=this.multiple?e:e.length>0?e[0]:"",this.stzhChange.emit({component:"stzh-chipselect",value:this.multiple?e:e[0]})},this.handleKeydown=t=>{let s=null;const e=this.activeFocusOptionIndex;if("ArrowUp"===t.key||"ArrowLeft"===t.key)t.preventDefault(),e>0&&(s=e-1);else if("ArrowDown"===t.key||"ArrowRight"===t.key)t.preventDefault(),e<this._data.length-1&&(s=e+1);else if(" "===t.key||"Enter"===t.key){if(t.preventDefault(),e<0)return;this.multiple?""===this._data[e].value&&this._value.length>0&&(1!==this._value.length||""!==this._value[0])?this.value=[]:""!==this._data[e].value&&(this.value=this._value.includes(this._data[e].value)?this._value.filter((t=>t!==this._data[e].value)):[...this._value,this._data[e].value]):this.value=this._data[e].value,this.stzhChange.emit({component:"stzh-chipselect",value:this.value})}null!==s&&(this.activeFocusOptionIndex=s)}}resetListener(t){t.target.contains(this.element)&&requestAnimationFrame((()=>{this.handleReset()}))}valueWatcher(t){if("string"==typeof t)try{const s=JSON.parse(t);this._value=Array.isArray(s)?s:[t]}catch(s){this._value=[t]}else this._value=Array.isArray(t)?t:[]}dataWatcher(t){this._data="string"==typeof t?JSON.parse(t):t,this._data.map((t=>{if("string"!=typeof t.value)throw new TypeError(`${t.value} is not a string. The data prop only accepts arrays (or stringified arrays), where the value property is a string. Consult the StzhChipselectItem type definition for more information.`)})),this._dataDropdown=this._data.map((t=>({text:t.counter?`${t.label} (${t.counter})`:t.label,value:t.value})))}errorWatcher(t){if("string"==typeof t)try{this._error=JSON.parse(t)}catch(s){this._error=t?[t]:[]}else this._error=t||[]}componentShouldUpdate(t,s,e){return"value"!==e||!this.useDropdownOnMobile||!this.skipNextValueRender||(this.skipNextValueRender=!1,!1)}waitForNextRender(){return new Promise((t=>this.renderPromiseResolve=t))}get useDropdownOnMobile(){return this.isMobile&&this.dropdownOnMobile}componentDidRender(){this.renderPromiseResolve&&this.renderPromiseResolve()}async componentWillLoad(){this.id="stzh-chipselect-"+n++,this.dataWatcher(this.data),this.errorWatcher(this.error),this.valueWatcher(this.value),null==this.defaultValue&&(this.defaultValue=this.value),"undefined"!=typeof window&&(this.mediaQuery=window.matchMedia("(max-width: 767px)"),this.isMobile=this.mediaQuery.matches),this.localization||(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"chipselect"))}componentDidLoad(){this.mediaQuery&&this.mediaQuery.addEventListener("change",this.handleMediaQueryChange)}disconnectedCallback(){this.mediaQuery&&this.mediaQuery.removeEventListener("change",this.handleMediaQueryChange)}render(){var t;const s=o(this.element,"description")||!!this.description,h=o(this.element,"description-long")||!!this.descriptionLong,a=o(this.element,"error")||(null===(t=this._error)||void 0===t?void 0:t.length)>0,n=!this.labelHidden&&(!!this.label||o(this.element)||h),l=this.activeFocusOptionIndex>=0?`${this.id}-option-${this.activeFocusOptionIndex}`:void 0;return e(i,{key:"9cf88c30add485823c9c9b46a773689d0085e9a1","is-invalid":this.invalid||a},e("div",{key:"3fd87d63799ae02a6017575c26f1799d73eb123a",class:{"stzh-chipselect":!0,"stzh-chipselect--has-description":s,"stzh-chipselect--has-description-long":h,"stzh-chipselect--has-error":a,"stzh-chipselect--is-invalid":this.invalid||a,"stzh-chipselect--is-disabled":this.disabled,"stzh-chipselect--is-required":this.required,"stzh-chipselect--has-label-hidden":this.labelHidden}},!this.useDropdownOnMobile&&(this.multiple?e(r,null,this._value.map((t=>e("input",{type:"hidden",name:this.name,value:t})))):e("input",{type:"hidden",name:this.name,value:this.value})),!this.useDropdownOnMobile&&n&&e("div",{key:"e8cf874668b2c0de8a25dd07ccfa798323e24497",class:"stzh-chipselect__label-wrapper"},e("label",{key:"72fe835e9a1900f6eae71785007bf50a31da6c6f",class:"stzh-chipselect__label",htmlFor:this.id},this.label?this.label:e("slot",null),!this.hideOptional&&e("span",{key:"578d527c1ba28caa65f06382496b1712acab448f",class:"stzh-chipselect__marker"},e("span",{key:"f270d0075928d06a4b528884ac9b63c581baf0ab",class:"stzh-chipselect__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),e("span",{key:"c974a94f09f6bca23ef2b83f8a93b28a9c9572a6",class:"stzh-chipselect__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),h&&e(c,{key:"3d20d4e59f116b48e4ef29d70a55977a40054c3e",classPrefix:"stzh-chipselect",id:`${this.id}-description-long`,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:h,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel,showError:!1,showDescriptionText:!1})),this._data.length>0&&e(r,{key:"f8b70b2ffe16ae36dd501d9b7f2f0455dc1391ad"},this.useDropdownOnMobile?e("stzh-dropdown",{class:"stzh-chipselect__dropdown",name:this.name,multiple:this.multiple,disabled:this.disabled,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,required:this.required,invalid:this.invalid,items:this.multiple?this._value:this._value.length>0?[this._value[0]]:[],label:this.label,labelHidden:this.labelHidden,options:this._dataDropdown,hideOptional:this.hideOptional,onStzhChange:this.handleDropdownChange}):e(r,null,e("div",{id:this.id,class:"stzh-chipselect__chips",role:"listbox",tabindex:"0","aria-multiselectable":this.multiple?"true":"false","aria-activedescendant":l,"aria-label":this.label,"aria-describedby":`${this.id}-description ${this.a11yDescribedby}`,onKeyDown:this.handleKeydown},this._data.map(((t,s)=>e("stzh-chip",{role:"option",class:{"stzh-chipselect__chip":!0,"is-focused":this.activeFocusOptionIndex===s},label:t.label,counter:t.counter,icon:t.icon,variant:t.variant||"filter",inverted:t.inverted,size:t.size||"small",disabled:this.disabled||t.disabled,active:this._value.includes(t.value)||!this.multiple&&!t.value&&(0===this._value.length||""===this._value[0])||!t.value&&this.multiple&&(0===this._value.length||1===this._value.length&&""===this._value[0]),"aria-selected":this._value.includes(t.value)||!this.multiple&&!t.value&&(0===this._value.length||""===this._value[0])||!t.value&&this.multiple&&(0===this._value.length||1===this._value.length&&""===this._value[0])?"true":"false",id:`${this.id}-option-${s}`,a11yTabindex:"-1",onClick:()=>this.handleChipClick(t,s)})))))),!this.useDropdownOnMobile&&(a||s)&&e(c,{key:"5c294e1506d1560ca902e9b2480340269edb2335",classPrefix:"stzh-chipselect",id:`${this.id}-description`,error:this._error,description:this.description,descriptionLongUsed:!1})))}get element(){return h(this)}static get watchers(){return{value:[{valueWatcher:0}],data:[{dataWatcher:0}],error:[{errorWatcher:0}]}}};l.style=".sc-stzh-chipselect-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-chipselect-h,[stzh-hidden].sc-stzh-chipselect-h{display:none}.sc-stzh-chipselect-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-chipselect-h *.sc-stzh-chipselect,.sc-stzh-chipselect-h *.sc-stzh-chipselect::before,.sc-stzh-chipselect-h *.sc-stzh-chipselect::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-chipselect-h .has-focus.sc-stzh-chipselect{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-chipselect-h .stzh-fylingfocus-focused.sc-stzh-chipselect{outline-style:none !important}.sc-stzh-chipselect-h .stzh-fylingfocus-focused.sc-stzh-chipselect::-moz-focus-inner{border:0 !important}.sc-stzh-chipselect-h{width:100%}[disabled].sc-stzh-chipselect-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}[active].sc-stzh-chipselect-h:not([active=false]){--background-color:var(     --stzh-chip-active-background-color,     var(--stzh-color-primary70)   )}[active].is-focused.sc-stzh-chipselect-h{--background-color:var(     --stzh-chip-active-background-color,     var(--stzh-color-primary70)   )}[dropdown-on-mobile].sc-stzh-chipselect-h .stzh-chipselect__dropdown.sc-stzh-chipselect{display:block;width:100%}.stzh-chipselect__marker-symbol.sc-stzh-chipselect{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-chipselect__marker-text.sc-stzh-chipselect{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chipselect__description-wrapper.sc-stzh-chipselect{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect__description.sc-stzh-chipselect{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-chipselect__error.sc-stzh-chipselect{color:var(--stzh-color-error60)}.stzh-chipselect__error-list.sc-stzh-chipselect{list-style:none;margin:0;padding:0}.stzh-chipselect__description.sc-stzh-chipselect{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-chipselect__description-long.sc-stzh-chipselect{margin-right:var(--stzh-space-xxsmall, 4px);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-chipselect__description-long.sc-stzh-chipselect{margin-top:0}}.stzh-chipselect__description-long-popover.sc-stzh-chipselect{--width:auto;--max-width:27.3125rem}.stzh-chipselect__description-long-button.sc-stzh-chipselect{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-chipselect.sc-stzh-chipselect stzh-icon.stzh-chipselect__description-long-icon.sc-stzh-chipselect{--size:var(--stzh-icon-size-xsmall)}.stzh-chipselect--has-error.sc-stzh-chipselect .stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect--has-description.sc-stzh-chipselect .stzh-chipselect__description.sc-stzh-chipselect{margin-top:var(--stzh-space-xxxsmall, 2px)}.stzh-chipselect.sc-stzh-chipselect{width:100%}.stzh-chipselect__label-wrapper.sc-stzh-chipselect{display:flex;align-items:center;gap:var(--stzh-space-xsmall, 8px);margin-bottom:var(--stzh-space-xsmall, 8px);width:100%;min-width:0;min-height:1.375rem}.stzh-chipselect__label.sc-stzh-chipselect{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--stzh-heading-color);display:block;min-width:0;flex:0 1 auto;max-width:100%;margin-bottom:0}.stzh-chipselect__label.sc-stzh-chipselect:empty{display:none}.stzh-chipselect__label-wrapper.sc-stzh-chipselect>.stzh-chipselect__description-wrapper.sc-stzh-chipselect{flex:0 0 auto;display:inline-flex;align-items:center;margin:0}.stzh-chipselect__label-wrapper.sc-stzh-chipselect .stzh-chipselect__error.sc-stzh-chipselect,.stzh-chipselect__label-wrapper.sc-stzh-chipselect .stzh-chipselect__description-text.sc-stzh-chipselect{display:none}.stzh-chipselect__label-wrapper.sc-stzh-chipselect .stzh-chipselect__description.sc-stzh-chipselect,.stzh-chipselect__label-wrapper.sc-stzh-chipselect .stzh-chipselect__description-long.sc-stzh-chipselect{display:inline-flex;align-items:center;margin:0}.stzh-chipselect__label-wrapper.sc-stzh-chipselect .stzh-chipselect__description-long-button.sc-stzh-chipselect{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-chipselect__label-wrapper.sc-stzh-chipselect stzh-popover.sc-stzh-chipselect .stzh-chipselect__description-long-icon.sc-stzh-chipselect{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-chipselect__marker.sc-stzh-chipselect{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall, 8px))}.stzh-chipselect__chips.sc-stzh-chipselect{display:flex;align-items:center;flex-wrap:wrap;border-radius:var(--stzh-button-border-radius);gap:var(--stzh-space-medium, 16px)}.stzh-chipselect__chips.sc-stzh-chipselect:focus-within .is-focused[active].sc-stzh-chipselect{--background-color:var(--stzh-color-primary90)}@media (forced-colors: active){.stzh-chipselect__chips.sc-stzh-chipselect:focus-within .is-focused[active].sc-stzh-chipselect{--background-color:Canvas}}.stzh-chipselect__chip.is-focused.sc-stzh-chipselect:not([active]){--background-color:var(--stzh-color-secondary40)}@media (forced-colors: active){.stzh-chipselect__chip.is-focused.sc-stzh-chipselect:not([active]){--background-color:Highlight}}.stzh-chipselect__dropdown.sc-stzh-chipselect{display:block;width:100%;--popover-width:max-content;--popover-min-width:100%;--popover-max-width:calc(100vw - 2rem)}.stzh-chipselect__description-wrapper.sc-stzh-chipselect{margin-top:var(--stzh-space-xsmall, 8px)}.stzh-chipselect--has-label-hidden.sc-stzh-chipselect .stzh-chipselect__label.sc-stzh-chipselect{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chipselect--is-disabled.sc-stzh-chipselect .stzh-chipselect__chips.sc-stzh-chipselect,.stzh-chipselect--is-disabled.sc-stzh-chipselect .stzh-chipselect__label.sc-stzh-chipselect{cursor:not-allowed}";export{a as stzh_chip,l as stzh_chipselect}

package/dist/stzh-components/{p-c53a51bc.entry.js → p-68411970.entry.js}

@@ -1 +1 @@
-import{r as e,h as s,a}from"./p-vaw5DHDC.js";const t=class{constructor(s){e(this,s),this.curve="none",this.justify="start",this.items="start",this.around=!1,this.aroundLeft=!1,this.aroundRight=!1,this.border="none"}render(){return s(a,{key:"fc056820a99bb3e846490a5f057781ddfb3c3aaf"},s("div",{key:"c8033f284f2d52e092cb5a7a604cff92049a5386",class:{"stzh-hspace":!0,[`stzh-hspace--justify-${this.justify}`]:!!this.justify,[`stzh-hspace--items-${this.items}`]:!!this.items}},s("slot",{key:"1ff821b3dc27760939b0cf893dd0228ae8190cc9"})))}};t.style=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--h-space:var(--stzh-space-default, var(--stzh-space-medium, 16px));--h-around-left:0;--h-around-right:0;--h-around:0;display:flex;color:inherit;font-weight:inherit;font-family:inherit;letter-spacing:inherit}:host ::slotted(*){max-width:100%;padding-left:calc(var(--h-space) * var(--h-around-left));padding-right:calc(var(--h-space) * var(--h-around-right));margin:0}:host ::slotted(*:not(:last-child)){margin-right:calc(var(--h-space) * (1 - var(--h-around)))}:host ::slotted(stzh-show){--show-display:block}:host ::slotted(stzh-vspace),:host ::slotted(stzh-hspace),:host ::slotted(stzh-row),:host ::slotted(stzh-container),:host ::slotted(stzh-section){align-self:stretch;flex-grow:1}:host(:empty),:host([around]:not([around=false])){--h-around-left:1;--h-around-right:1;--h-around:1}:host(:empty){width:var(--h-space)}:host([around-left]:not([around-left=false])){--h-around-left:1;--h-around:1}:host([around-right]:not([around-right=false])){--h-around-right:1;--h-around:1}:host([border=left]),:host([border=left-right]){border-left:0.0625rem solid var(--stzh-base-border-color)}:host([border=right]),:host([border=left-right]){border-right:0.0625rem solid var(--stzh-base-border-color)}:host([curve=tiny]){--h-space:var(--stzh-space-xxsmall, 4px)}@media screen and (min-width: 900px){:host([curve=tiny]){--h-space:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 1260px){:host([curve=tiny]){--h-space:var(--stzh-space-small, 12px)}}:host([curve=small]){--h-space:var(--stzh-space-xsmall, 8px)}@media screen and (min-width: 600px){:host([curve=small]){--h-space:var(--stzh-space-small, 12px)}}@media screen and (min-width: 900px){:host([curve=small]){--h-space:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 1260px){:host([curve=small]){--h-space:var(--stzh-space-xlarge, 24px)}}:host([curve=intermediary]){--h-space:var(--stzh-space-medium, 16px)}@media screen and (min-width: 900px){:host([curve=intermediary]){--h-space:var(--stzh-space-large, 20px)}}:host([curve=regular]){--h-space:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){:host([curve=regular]){--h-space:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){:host([curve=regular]){--h-space:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){:host([curve=regular]){--h-space:var(--stzh-space-xxlarge, 32px)}}:host([curve=medium]){--h-space:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){:host([curve=medium]){--h-space:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){:host([curve=medium]){--h-space:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){:host([curve=medium]){--h-space:var(--stzh-space-xxxlarge, 40px)}}:host([curve=large]){--h-space:var(--stzh-space-xxlarge, 32px)}@media screen and (min-width: 900px){:host([curve=large]){--h-space:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 1260px){:host([curve=large]){--h-space:var(--stzh-space-xxxxlarge, 48px)}}:host([curve=big]){--h-space:var(--stzh-space-xxlarge, 32px)}@media screen and (min-width: 600px){:host([curve=big]){--h-space:var(--stzh-space-xxxxlarge, 48px)}}@media screen and (min-width: 900px){:host([curve=big]){--h-space:var(--stzh-space-xxxxlarge, 48px)}}@media screen and (min-width: 1260px){:host([curve=big]){--h-space:var(--stzh-space-xbig, 64px)}}:host([curve=huge]){--h-space:var(--stzh-space-xxxxlarge, 48px)}@media screen and (min-width: 600px){:host([curve=huge]){--h-space:var(--stzh-space-big, 56px)}}@media screen and (min-width: 900px){:host([curve=huge]){--h-space:var(--stzh-space-big, 56px)}}@media screen and (min-width: 1260px){:host([curve=huge]){--h-space:var(--stzh-space-huge, 80px)}}:host([curve=section-inner]){--h-space:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){:host([curve=section-inner]){--h-space:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){:host([curve=section-inner]){--h-space:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){:host([curve=section-inner]){--h-space:var(--stzh-space-xxxlarge, 40px)}}:host([curve=background-section-inner]){--h-space:var(--stzh-space-xlarge, 24px)}@media screen and (min-width: 600px){:host([curve=background-section-inner]){--h-space:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 900px){:host([curve=background-section-inner]){--h-space:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 1260px){:host([curve=background-section-inner]){--h-space:var(--stzh-space-xxxxlarge, 48px)}}:host([curve=background-section-outer]){--h-space:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){:host([curve=background-section-outer]){--h-space:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){:host([curve=background-section-outer]){--h-space:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){:host([curve=background-section-outer]){--h-space:var(--stzh-space-xxlarge, 32px)}}:host([size=xxxsmall]){--h-space:var(--stzh-space-xxxsmall, 2px)}:host([size=xxsmall]){--h-space:var(--stzh-space-xxsmall, 4px)}:host([size=xsmall]){--h-space:var(--stzh-space-xsmall, 8px)}:host([size=small]){--h-space:var(--stzh-space-small, 12px)}:host([size=medium]){--h-space:var(--stzh-space-medium, 16px)}:host([size=large]){--h-space:var(--stzh-space-large, 20px)}:host([size=xlarge]){--h-space:var(--stzh-space-xlarge, 24px)}:host([size=xxlarge]){--h-space:var(--stzh-space-xxlarge, 32px)}:host([size=xxxlarge]){--h-space:var(--stzh-space-xxxlarge, 40px)}:host([size=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge, 48px)}:host([size=big]){--h-space:var(--stzh-space-big, 56px)}:host([size=xbig]){--h-space:var(--stzh-space-xbig, 64px)}:host([size=huge]){--h-space:var(--stzh-space-huge, 80px)}:host([size=xhuge]){--h-space:var(--stzh-space-xhuge, 96px)}:host([size=none]){--h-space:var(--stzh-space-none, 0px)}:host([size=default]){--h-space:var(--stzh-space-default, var(--stzh-space-medium, 16px))}@media screen and (min-width: 600px){:host([size-small=xxxsmall]){--h-space:var(--stzh-space-xxxsmall, 2px)}}@media screen and (min-width: 600px){:host([size-small=xxsmall]){--h-space:var(--stzh-space-xxsmall, 4px)}}@media screen and (min-width: 600px){:host([size-small=xsmall]){--h-space:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 600px){:host([size-small=small]){--h-space:var(--stzh-space-small, 12px)}}@media screen and (min-width: 600px){:host([size-small=medium]){--h-space:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 600px){:host([size-small=large]){--h-space:var(--stzh-space-large, 20px)}}@media screen and (min-width: 600px){:host([size-small=xlarge]){--h-space:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 600px){:host([size-small=xxlarge]){--h-space:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 600px){:host([size-small=xxxlarge]){--h-space:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 600px){:host([size-small=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge, 48px)}}@media screen and (min-width: 600px){:host([size-small=big]){--h-space:var(--stzh-space-big, 56px)}}@media screen and (min-width: 600px){:host([size-small=xbig]){--h-space:var(--stzh-space-xbig, 64px)}}@media screen and (min-width: 600px){:host([size-small=huge]){--h-space:var(--stzh-space-huge, 80px)}}@media screen and (min-width: 600px){:host([size-small=xhuge]){--h-space:var(--stzh-space-xhuge, 96px)}}@media screen and (min-width: 600px){:host([size-small=none]){--h-space:var(--stzh-space-none, 0px)}}@media screen and (min-width: 600px){:host([size-small=default]){--h-space:var(--stzh-space-default, var(--stzh-space-medium, 16px))}}@media screen and (min-width: 900px){:host([size-medium=xxxsmall]){--h-space:var(--stzh-space-xxxsmall, 2px)}}@media screen and (min-width: 900px){:host([size-medium=xxsmall]){--h-space:var(--stzh-space-xxsmall, 4px)}}@media screen and (min-width: 900px){:host([size-medium=xsmall]){--h-space:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 900px){:host([size-medium=small]){--h-space:var(--stzh-space-small, 12px)}}@media screen and (min-width: 900px){:host([size-medium=medium]){--h-space:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 900px){:host([size-medium=large]){--h-space:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){:host([size-medium=xlarge]){--h-space:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){:host([size-medium=xxlarge]){--h-space:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 900px){:host([size-medium=xxxlarge]){--h-space:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 900px){:host([size-medium=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge, 48px)}}@media screen and (min-width: 900px){:host([size-medium=big]){--h-space:var(--stzh-space-big, 56px)}}@media screen and (min-width: 900px){:host([size-medium=xbig]){--h-space:var(--stzh-space-xbig, 64px)}}@media screen and (min-width: 900px){:host([size-medium=huge]){--h-space:var(--stzh-space-huge, 80px)}}@media screen and (min-width: 900px){:host([size-medium=xhuge]){--h-space:var(--stzh-space-xhuge, 96px)}}@media screen and (min-width: 900px){:host([size-medium=none]){--h-space:var(--stzh-space-none, 0px)}}@media screen and (min-width: 900px){:host([size-medium=default]){--h-space:var(--stzh-space-default, var(--stzh-space-medium, 16px))}}@media screen and (min-width: 1260px){:host([size-large=xxxsmall]){--h-space:var(--stzh-space-xxxsmall, 2px)}}@media screen and (min-width: 1260px){:host([size-large=xxsmall]){--h-space:var(--stzh-space-xxsmall, 4px)}}@media screen and (min-width: 1260px){:host([size-large=xsmall]){--h-space:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 1260px){:host([size-large=small]){--h-space:var(--stzh-space-small, 12px)}}@media screen and (min-width: 1260px){:host([size-large=medium]){--h-space:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 1260px){:host([size-large=large]){--h-space:var(--stzh-space-large, 20px)}}@media screen and (min-width: 1260px){:host([size-large=xlarge]){--h-space:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){:host([size-large=xxlarge]){--h-space:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){:host([size-large=xxxlarge]){--h-space:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 1260px){:host([size-large=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge, 48px)}}@media screen and (min-width: 1260px){:host([size-large=big]){--h-space:var(--stzh-space-big, 56px)}}@media screen and (min-width: 1260px){:host([size-large=xbig]){--h-space:var(--stzh-space-xbig, 64px)}}@media screen and (min-width: 1260px){:host([size-large=huge]){--h-space:var(--stzh-space-huge, 80px)}}@media screen and (min-width: 1260px){:host([size-large=xhuge]){--h-space:var(--stzh-space-xhuge, 96px)}}@media screen and (min-width: 1260px){:host([size-large=none]){--h-space:var(--stzh-space-none, 0px)}}@media screen and (min-width: 1260px){:host([size-large=default]){--h-space:var(--stzh-space-default, var(--stzh-space-medium, 16px))}}@media screen and (min-width: 1600px){:host([size-ultra=xxxsmall]){--h-space:var(--stzh-space-xxxsmall, 2px)}}@media screen and (min-width: 1600px){:host([size-ultra=xxsmall]){--h-space:var(--stzh-space-xxsmall, 4px)}}@media screen and (min-width: 1600px){:host([size-ultra=xsmall]){--h-space:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 1600px){:host([size-ultra=small]){--h-space:var(--stzh-space-small, 12px)}}@media screen and (min-width: 1600px){:host([size-ultra=medium]){--h-space:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 1600px){:host([size-ultra=large]){--h-space:var(--stzh-space-large, 20px)}}@media screen and (min-width: 1600px){:host([size-ultra=xlarge]){--h-space:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1600px){:host([size-ultra=xxlarge]){--h-space:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxlarge]){--h-space:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge, 48px)}}@media screen and (min-width: 1600px){:host([size-ultra=big]){--h-space:var(--stzh-space-big, 56px)}}@media screen and (min-width: 1600px){:host([size-ultra=xbig]){--h-space:var(--stzh-space-xbig, 64px)}}@media screen and (min-width: 1600px){:host([size-ultra=huge]){--h-space:var(--stzh-space-huge, 80px)}}@media screen and (min-width: 1600px){:host([size-ultra=xhuge]){--h-space:var(--stzh-space-xhuge, 96px)}}@media screen and (min-width: 1600px){:host([size-ultra=none]){--h-space:var(--stzh-space-none, 0px)}}@media screen and (min-width: 1600px){:host([size-ultra=default]){--h-space:var(--stzh-space-default, var(--stzh-space-medium, 16px))}}.stzh-hspace{flex-grow:1;width:100%;height:100%;display:flex;justify-content:flex-start;align-items:flex-start;padding:0;margin:0}.stzh-hspace--border-left{border-left:0.0625rem solid var(--stzh-base-border-color)}.stzh-hspace--border-right{border-right:0.0625rem solid var(--stzh-base-border-color)}.stzh-hspace{}.stzh-hspace--justify-center{justify-content:center}.stzh-hspace--justify-end{justify-content:flex-end}.stzh-hspace--justify-between{justify-content:space-between}.stzh-hspace--justify-around{justify-content:space-around}.stzh-hspace--justify-evenly{justify-content:space-evenly}.stzh-hspace{}.stzh-hspace--items-end{align-items:flex-end}.stzh-hspace--items-center{align-items:center}.stzh-hspace--items-baseline{align-items:baseline}.stzh-hspace--items-stretch{align-items:stretch}";export{t as stzh_hspace}
+import{r as e,h as s,a}from"./p-rujKGmCS.js";const t=class{constructor(s){e(this,s),this.curve="none",this.justify="start",this.items="start",this.around=!1,this.aroundLeft=!1,this.aroundRight=!1,this.border="none"}render(){return s(a,{key:"fc056820a99bb3e846490a5f057781ddfb3c3aaf"},s("div",{key:"c8033f284f2d52e092cb5a7a604cff92049a5386",class:{"stzh-hspace":!0,[`stzh-hspace--justify-${this.justify}`]:!!this.justify,[`stzh-hspace--items-${this.items}`]:!!this.items}},s("slot",{key:"1ff821b3dc27760939b0cf893dd0228ae8190cc9"})))}};t.style=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--h-space:var(--stzh-space-default, var(--stzh-space-medium, 16px));--h-around-left:0;--h-around-right:0;--h-around:0;display:flex;color:inherit;font-weight:inherit;font-family:inherit;letter-spacing:inherit}:host ::slotted(*){max-width:100%;padding-left:calc(var(--h-space) * var(--h-around-left));padding-right:calc(var(--h-space) * var(--h-around-right));margin:0}:host ::slotted(*:not(:last-child)){margin-right:calc(var(--h-space) * (1 - var(--h-around)))}:host ::slotted(stzh-show){--show-display:block}:host ::slotted(stzh-vspace),:host ::slotted(stzh-hspace),:host ::slotted(stzh-row),:host ::slotted(stzh-container),:host ::slotted(stzh-section){align-self:stretch;flex-grow:1}:host(:empty),:host([around]:not([around=false])){--h-around-left:1;--h-around-right:1;--h-around:1}:host(:empty){width:var(--h-space)}:host([around-left]:not([around-left=false])){--h-around-left:1;--h-around:1}:host([around-right]:not([around-right=false])){--h-around-right:1;--h-around:1}:host([border=left]),:host([border=left-right]){border-left:0.0625rem solid var(--stzh-base-border-color)}:host([border=right]),:host([border=left-right]){border-right:0.0625rem solid var(--stzh-base-border-color)}:host([curve=tiny]){--h-space:var(--stzh-space-xxsmall, 4px)}@media screen and (min-width: 900px){:host([curve=tiny]){--h-space:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 1260px){:host([curve=tiny]){--h-space:var(--stzh-space-small, 12px)}}:host([curve=small]){--h-space:var(--stzh-space-xsmall, 8px)}@media screen and (min-width: 600px){:host([curve=small]){--h-space:var(--stzh-space-small, 12px)}}@media screen and (min-width: 900px){:host([curve=small]){--h-space:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 1260px){:host([curve=small]){--h-space:var(--stzh-space-xlarge, 24px)}}:host([curve=intermediary]){--h-space:var(--stzh-space-medium, 16px)}@media screen and (min-width: 900px){:host([curve=intermediary]){--h-space:var(--stzh-space-large, 20px)}}:host([curve=regular]){--h-space:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){:host([curve=regular]){--h-space:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){:host([curve=regular]){--h-space:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){:host([curve=regular]){--h-space:var(--stzh-space-xxlarge, 32px)}}:host([curve=medium]){--h-space:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){:host([curve=medium]){--h-space:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){:host([curve=medium]){--h-space:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){:host([curve=medium]){--h-space:var(--stzh-space-xxxlarge, 40px)}}:host([curve=large]){--h-space:var(--stzh-space-xxlarge, 32px)}@media screen and (min-width: 900px){:host([curve=large]){--h-space:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 1260px){:host([curve=large]){--h-space:var(--stzh-space-xxxxlarge, 48px)}}:host([curve=big]){--h-space:var(--stzh-space-xxlarge, 32px)}@media screen and (min-width: 600px){:host([curve=big]){--h-space:var(--stzh-space-xxxxlarge, 48px)}}@media screen and (min-width: 900px){:host([curve=big]){--h-space:var(--stzh-space-xxxxlarge, 48px)}}@media screen and (min-width: 1260px){:host([curve=big]){--h-space:var(--stzh-space-xbig, 64px)}}:host([curve=huge]){--h-space:var(--stzh-space-xxxxlarge, 48px)}@media screen and (min-width: 600px){:host([curve=huge]){--h-space:var(--stzh-space-big, 56px)}}@media screen and (min-width: 900px){:host([curve=huge]){--h-space:var(--stzh-space-big, 56px)}}@media screen and (min-width: 1260px){:host([curve=huge]){--h-space:var(--stzh-space-huge, 80px)}}:host([curve=section-inner]){--h-space:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){:host([curve=section-inner]){--h-space:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){:host([curve=section-inner]){--h-space:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){:host([curve=section-inner]){--h-space:var(--stzh-space-xxxlarge, 40px)}}:host([curve=background-section-inner]){--h-space:var(--stzh-space-xlarge, 24px)}@media screen and (min-width: 600px){:host([curve=background-section-inner]){--h-space:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 900px){:host([curve=background-section-inner]){--h-space:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 1260px){:host([curve=background-section-inner]){--h-space:var(--stzh-space-xxxxlarge, 48px)}}:host([curve=background-section-outer]){--h-space:var(--stzh-space-medium, 16px)}@media screen and (min-width: 600px){:host([curve=background-section-outer]){--h-space:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){:host([curve=background-section-outer]){--h-space:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){:host([curve=background-section-outer]){--h-space:var(--stzh-space-xxlarge, 32px)}}:host([size=xxxsmall]){--h-space:var(--stzh-space-xxxsmall, 2px)}:host([size=xxsmall]){--h-space:var(--stzh-space-xxsmall, 4px)}:host([size=xsmall]){--h-space:var(--stzh-space-xsmall, 8px)}:host([size=small]){--h-space:var(--stzh-space-small, 12px)}:host([size=medium]){--h-space:var(--stzh-space-medium, 16px)}:host([size=large]){--h-space:var(--stzh-space-large, 20px)}:host([size=xlarge]){--h-space:var(--stzh-space-xlarge, 24px)}:host([size=xxlarge]){--h-space:var(--stzh-space-xxlarge, 32px)}:host([size=xxxlarge]){--h-space:var(--stzh-space-xxxlarge, 40px)}:host([size=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge, 48px)}:host([size=big]){--h-space:var(--stzh-space-big, 56px)}:host([size=xbig]){--h-space:var(--stzh-space-xbig, 64px)}:host([size=huge]){--h-space:var(--stzh-space-huge, 80px)}:host([size=xhuge]){--h-space:var(--stzh-space-xhuge, 96px)}:host([size=none]){--h-space:var(--stzh-space-none, 0px)}:host([size=default]){--h-space:var(--stzh-space-default, var(--stzh-space-medium, 16px))}@media screen and (min-width: 600px){:host([size-small=xxxsmall]){--h-space:var(--stzh-space-xxxsmall, 2px)}}@media screen and (min-width: 600px){:host([size-small=xxsmall]){--h-space:var(--stzh-space-xxsmall, 4px)}}@media screen and (min-width: 600px){:host([size-small=xsmall]){--h-space:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 600px){:host([size-small=small]){--h-space:var(--stzh-space-small, 12px)}}@media screen and (min-width: 600px){:host([size-small=medium]){--h-space:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 600px){:host([size-small=large]){--h-space:var(--stzh-space-large, 20px)}}@media screen and (min-width: 600px){:host([size-small=xlarge]){--h-space:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 600px){:host([size-small=xxlarge]){--h-space:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 600px){:host([size-small=xxxlarge]){--h-space:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 600px){:host([size-small=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge, 48px)}}@media screen and (min-width: 600px){:host([size-small=big]){--h-space:var(--stzh-space-big, 56px)}}@media screen and (min-width: 600px){:host([size-small=xbig]){--h-space:var(--stzh-space-xbig, 64px)}}@media screen and (min-width: 600px){:host([size-small=huge]){--h-space:var(--stzh-space-huge, 80px)}}@media screen and (min-width: 600px){:host([size-small=xhuge]){--h-space:var(--stzh-space-xhuge, 96px)}}@media screen and (min-width: 600px){:host([size-small=none]){--h-space:var(--stzh-space-none, 0px)}}@media screen and (min-width: 600px){:host([size-small=default]){--h-space:var(--stzh-space-default, var(--stzh-space-medium, 16px))}}@media screen and (min-width: 900px){:host([size-medium=xxxsmall]){--h-space:var(--stzh-space-xxxsmall, 2px)}}@media screen and (min-width: 900px){:host([size-medium=xxsmall]){--h-space:var(--stzh-space-xxsmall, 4px)}}@media screen and (min-width: 900px){:host([size-medium=xsmall]){--h-space:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 900px){:host([size-medium=small]){--h-space:var(--stzh-space-small, 12px)}}@media screen and (min-width: 900px){:host([size-medium=medium]){--h-space:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 900px){:host([size-medium=large]){--h-space:var(--stzh-space-large, 20px)}}@media screen and (min-width: 900px){:host([size-medium=xlarge]){--h-space:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){:host([size-medium=xxlarge]){--h-space:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 900px){:host([size-medium=xxxlarge]){--h-space:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 900px){:host([size-medium=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge, 48px)}}@media screen and (min-width: 900px){:host([size-medium=big]){--h-space:var(--stzh-space-big, 56px)}}@media screen and (min-width: 900px){:host([size-medium=xbig]){--h-space:var(--stzh-space-xbig, 64px)}}@media screen and (min-width: 900px){:host([size-medium=huge]){--h-space:var(--stzh-space-huge, 80px)}}@media screen and (min-width: 900px){:host([size-medium=xhuge]){--h-space:var(--stzh-space-xhuge, 96px)}}@media screen and (min-width: 900px){:host([size-medium=none]){--h-space:var(--stzh-space-none, 0px)}}@media screen and (min-width: 900px){:host([size-medium=default]){--h-space:var(--stzh-space-default, var(--stzh-space-medium, 16px))}}@media screen and (min-width: 1260px){:host([size-large=xxxsmall]){--h-space:var(--stzh-space-xxxsmall, 2px)}}@media screen and (min-width: 1260px){:host([size-large=xxsmall]){--h-space:var(--stzh-space-xxsmall, 4px)}}@media screen and (min-width: 1260px){:host([size-large=xsmall]){--h-space:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 1260px){:host([size-large=small]){--h-space:var(--stzh-space-small, 12px)}}@media screen and (min-width: 1260px){:host([size-large=medium]){--h-space:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 1260px){:host([size-large=large]){--h-space:var(--stzh-space-large, 20px)}}@media screen and (min-width: 1260px){:host([size-large=xlarge]){--h-space:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1260px){:host([size-large=xxlarge]){--h-space:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){:host([size-large=xxxlarge]){--h-space:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 1260px){:host([size-large=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge, 48px)}}@media screen and (min-width: 1260px){:host([size-large=big]){--h-space:var(--stzh-space-big, 56px)}}@media screen and (min-width: 1260px){:host([size-large=xbig]){--h-space:var(--stzh-space-xbig, 64px)}}@media screen and (min-width: 1260px){:host([size-large=huge]){--h-space:var(--stzh-space-huge, 80px)}}@media screen and (min-width: 1260px){:host([size-large=xhuge]){--h-space:var(--stzh-space-xhuge, 96px)}}@media screen and (min-width: 1260px){:host([size-large=none]){--h-space:var(--stzh-space-none, 0px)}}@media screen and (min-width: 1260px){:host([size-large=default]){--h-space:var(--stzh-space-default, var(--stzh-space-medium, 16px))}}@media screen and (min-width: 1600px){:host([size-ultra=xxxsmall]){--h-space:var(--stzh-space-xxxsmall, 2px)}}@media screen and (min-width: 1600px){:host([size-ultra=xxsmall]){--h-space:var(--stzh-space-xxsmall, 4px)}}@media screen and (min-width: 1600px){:host([size-ultra=xsmall]){--h-space:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 1600px){:host([size-ultra=small]){--h-space:var(--stzh-space-small, 12px)}}@media screen and (min-width: 1600px){:host([size-ultra=medium]){--h-space:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 1600px){:host([size-ultra=large]){--h-space:var(--stzh-space-large, 20px)}}@media screen and (min-width: 1600px){:host([size-ultra=xlarge]){--h-space:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 1600px){:host([size-ultra=xxlarge]){--h-space:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxlarge]){--h-space:var(--stzh-space-xxxlarge, 40px)}}@media screen and (min-width: 1600px){:host([size-ultra=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge, 48px)}}@media screen and (min-width: 1600px){:host([size-ultra=big]){--h-space:var(--stzh-space-big, 56px)}}@media screen and (min-width: 1600px){:host([size-ultra=xbig]){--h-space:var(--stzh-space-xbig, 64px)}}@media screen and (min-width: 1600px){:host([size-ultra=huge]){--h-space:var(--stzh-space-huge, 80px)}}@media screen and (min-width: 1600px){:host([size-ultra=xhuge]){--h-space:var(--stzh-space-xhuge, 96px)}}@media screen and (min-width: 1600px){:host([size-ultra=none]){--h-space:var(--stzh-space-none, 0px)}}@media screen and (min-width: 1600px){:host([size-ultra=default]){--h-space:var(--stzh-space-default, var(--stzh-space-medium, 16px))}}.stzh-hspace{flex-grow:1;width:100%;height:100%;display:flex;justify-content:flex-start;align-items:flex-start;padding:0;margin:0}.stzh-hspace--border-left{border-left:0.0625rem solid var(--stzh-base-border-color)}.stzh-hspace--border-right{border-right:0.0625rem solid var(--stzh-base-border-color)}.stzh-hspace{}.stzh-hspace--justify-center{justify-content:center}.stzh-hspace--justify-end{justify-content:flex-end}.stzh-hspace--justify-between{justify-content:space-between}.stzh-hspace--justify-around{justify-content:space-around}.stzh-hspace--justify-evenly{justify-content:space-evenly}.stzh-hspace{}.stzh-hspace--items-end{align-items:flex-end}.stzh-hspace--items-center{align-items:center}.stzh-hspace--items-baseline{align-items:baseline}.stzh-hspace--items-stretch{align-items:stretch}";export{t as stzh_hspace}