@oiz/stzh-components 4.12.1-beta1 → 4.12.2

package/dist/stzh-components/{p-7a1296d4.entry.js → p-6af8d5cb.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as o,a as e,d as i}from"./p-BDy81lpO.js";import{s as a,h as n}from"./p--MYN2wgX.js";import{w as r}from"./p--SdF31O7.js";import{s as h,a as l,b as c}from"./p-BOO84wnP.js";import{a as d}from"./p-Cpg2gH_9.js";import"./p-BubviQku.js";const f=()=>`: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{pointer-events:all;--label-font-family:var(--stzh-toast-label-font-family);--label-font-weight:var(--stzh-toast-label-font-weight);--label-font-style:var(--stzh-toast-label-font-style);--label-color:var(--stzh-toast-label-color);--background-color:var(--stzh-toast-background-color);--close-color:var(--stzh-toast-close-color);--button-color:var(--stzh-toast-button-color);--icon-color:var(--stzh-toast-icon-color)}:host([type=success]){--icon-color:var(--stzh-toast-success-icon-color)}:host([type=warning]){--icon-color:var(--stzh-toast-warning-icon-color)}:host([type=error]){--icon-color:var(--stzh-toast-error-icon-color)}.stzh-toast{position:relative;display:flex;box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color);border-radius:var(--stzh-button-border-radius);transition:background-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-toast{outline:0.125rem solid Highlight;outline-offset:-0.125rem}}.stzh-toast__content{flex-grow:1;display:flex;gap:var(--stzh-space-small);padding:var(--stzh-space-medium)}.stzh-toast__icon-wrapper{flex-shrink:0;display:flex}.stzh-toast__icon{color:var(--icon-color)}.stzh-toast__text-wrapper{flex-grow:1}.stzh-toast__label{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--label-color);font-family:var(--label-font-family);font-weight:var(--label-font-weight);font-style:var(--label-font-style);transition:color var(--stzh-base-transition-animation-speed);padding-right:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-toast__label{padding-right:var(--stzh-space-xxxlarge)}}.stzh-toast__close-wrapper{flex-shrink:0}.stzh-toast__link{--stzh-button-tertiary-color:var(--button-color);display:flex;justify-content:flex-end}.stzh-toast__close[variant=tertiary]{--color:var(--close-color);position:absolute;top:0;right:0}.stzh-toast{}.stzh-toast--has-link .stzh-toast__label:not(:empty)+.stzh-toast__link{margin-top:var(--stzh-space-xsmall)}`;const m={keyframes:[{transform:"translateY(100%)",opacity:"0",height:"0",marginBottom:"0"},{transform:"translateY(0px)",opacity:"1",height:"auto",marginBottom:"auto"}],options:{duration:300,easing:"ease-out"}};const p={keyframes:[{transform:"translateX(0px)",opacity:"1",height:"auto",marginBottom:"auto"},{transform:"translateX(-100%)",opacity:"0",height:"auto",marginBottom:"auto"},{transform:"translateX(-100%)",opacity:"0",height:"0",marginBottom:"0"}],options:{duration:300,easing:"ease-in"}};const z=class{constructor(o){t(this,o);this.stzhOpen=s(this,"stzhOpen");this.stzhOpened=s(this,"stzhOpened");this.stzhClose=s(this,"stzhClose");this.stzhClosed=s(this,"stzhClosed");this.label="";this.type="info";this.hideClose=false;this.open=true;this.initialOpenAnimation=false;this.handleLinkSlotchange=()=>{var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const o=s.querySelectorAll('stzh-button[slot="link"], [slot="link"] stzh-button');o.forEach((t=>{a(t,{size:"small",variant:"tertiary"})}))};this.onCloseButtonClick=()=>{this.hide()}}async openWatcher(t){if(!this.rootElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-toast"})}await h(this.element);this.element.hidden=false;const t=getComputedStyle(this.element,null);await l(this.element,c(m.keyframes,{height:this.element.scrollHeight,marginTop:parseInt(t["margin-top"]),marginBottom:parseInt(t["margin-bottom"])}),m.options);this.element.style.height="auto";this.element.style.opacity="1";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-toast"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-toast"})}await h(this.element);const t=getComputedStyle(this.element,null);await l(this.element,c(p.keyframes,{height:this.element.scrollHeight,marginTop:parseInt(t["margin-top"]),marginBottom:parseInt(t["margin-bottom"])}),p.options);this.element.style.height="0px";this.element.style.opacity="0";this.element.hidden=true;if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-toast"})}}this.toggledByMethod=false}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return r(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;return r(this.element,"stzhClosed")}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"toast")}}componentDidLoad(){if(this.initialOpenAnimation&&this.open){this.element.hidden=true;this.element.style.height="0px";this.element.style.opacity="0";requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.openWatcher(true)}))}))}else{this.element.hidden=!this.open;this.element.style.height=this.open?"auto":"0px";this.element.style.opacity=this.open?"1":"0"}}render(){const t=n(this.element,"link");const s={"stzh-toast":true,"stzh-toast--has-link":t,"stzh-toast--has-close-hidden":this.hideClose,[`stzh-toast--type-${this.type}`]:!!this.type};return o(e,{key:"446b49e231a058653d3736c4a7a24365e7946505"},o("div",{key:"b8c82e172f2a3fb99abf66762f91e9febd56c901",ref:t=>this.rootElement=t,class:s},o("div",{key:"48357da05b863ddb5546b0c5424a34fde8fe8e1c",class:"stzh-toast__content"},o("div",{key:"36bd30993042f504aafc5f9b23f5579192c1014d",class:"stzh-toast__icon-wrapper"},o("stzh-icon",{key:"99d7cbcce440e9873efd79045cbd8e076e51b6ca",class:"stzh-toast__icon",name:this.type==="info"&&"info-help-filled"||this.type==="success"&&"checkmark-circle-filled"||this.type==="warning"&&"important-warning-filled"||this.type==="error"&&"warning-filled"})),o("div",{key:"a0a387bda275dfdbdb810bfe9b4a1fa04d1af3a1",class:"stzh-toast__text-wrapper"},o("div",{key:"4ca9c2d4b985d4252aefc8855397c39f15ee3213",class:"stzh-toast__label"},this.label),o("div",{key:"39e0201d434143a083dfe9bb63073600ef331b9f",class:"stzh-toast__link"},o("slot",{key:"7c50d8dd47044590ef5a232d2286a85d8a8da647",name:"link",onSlotchange:this.handleLinkSlotchange})))),!this.hideClose&&o("div",{key:"3506c634657d88e3b57b306c9ae19416e2ea49bb",class:"stzh-toast__close-wrapper"},o("stzh-button",{key:"7be034a61ffdb0c3c65a7a135537416edced7604",class:"stzh-toast__close",onClick:this.onCloseButtonClick,label:this.localization.close,variant:"tertiary",size:"small",iconOnly:true,icon:"close-big"}))))}get element(){return i(this)}static get watchers(){return{open:["openWatcher"]}}};z.style=f();const b=()=>`: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{bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{bottom:var(--stzh-space-xxlarge)}}:host{z-index:var(--stzh-z-index-overlay);position:fixed;pointer-events:none;left:1.25rem;right:1.25rem;bottom:calc(var(--stzh-pagetitle-disturber-stuck-height, 0px) + var(--stzh-sticky-cta-stuck-bottom-height, 0px))}@media screen and (min-width: 600px){:host{left:2rem;right:auto;max-width:26.8125rem}}@media screen and (min-width: 900px){:host{left:2.5rem;max-width:27.5rem}}@media screen and (min-width: 1260px){:host{left:4rem;max-width:30.3125rem}}@media screen and (min-width: 1600px){:host{left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2);max-width:34.625rem}}:host ::slotted(*:not([hidden]):not([slot])){margin-bottom:var(--stzh-space-small)}.stzh-toastbar{display:flex;flex-direction:column;justify-content:flex-end}@media screen and (min-width: 600px){.stzh-toastbar{align-items:flex-start}}`;const u="stzh-components-toastbar-closed";const g=class{constructor(s){t(this,s);this.hideAfter=30;this.max=5;this.initialToasts=[];this._initialToasts=[];this.handleSlotchange=()=>{this.toastsAppended();this.hideOverflowingItems()}}async toast(t,{type:s,link:o}={type:"info"}){const e=document.createElement("stzh-toast");e.hidden=true;e.label=t;e.role="alert";e.type=s||"info";e.initialOpenAnimation=true;if(o){o.slot="link";o.size="small";e.appendChild(o)}this.element.appendChild(e);return e}initialToastsWatcher(t){if(typeof t==="string"){this._initialToasts=JSON.parse(t)}else{this._initialToasts=t}}toastAppended(t){if(t.getAttribute("data-stzh-toastbar-managed")){return}t.setAttribute("data-stzh-toastbar-managed","");t.addEventListener("stzhClosed",(()=>{t.remove()}));if(t.type!=="error"){let s=(new Date).getTime();let o=this.hideAfter*1e3;let e=window.setTimeout((()=>{t.hide()}),o);t.addEventListener("pointerenter",(()=>{if(e){window.clearTimeout(e);const t=(new Date).getTime()-s;o=o-t}}));t.addEventListener("pointerleave",(()=>{s=(new Date).getTime();e=window.setTimeout((()=>{t.hide()}),o)}))}}toastsAppended(){var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;Array.from(s.children).forEach((t=>{this.toastAppended(t)}))}hideOverflowingItems(){var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const o=s.children.length;Array.from(s.children).splice(0,o-this.max).forEach((t=>{t.hide()}))}componentWillLoad(){this.initialToastsWatcher(this.initialToasts)}componentDidLoad(){this._initialToasts.forEach((async t=>{if(t.cookie){const s=d.get(`${u}-${t.cookie}`);if(s){return}}let s=t.link;if(!(s instanceof HTMLElement)){const o=document.createElement("stzh-button");o.slot="link";o.size="small";Object.assign(o,t.link);s=o}const o=await this.toast(t.label,{type:t.type,link:s});if(t.cookie){let s=365;if(t.cookieExpires===0){s=null}else if(t.cookieExpires){s=t.cookieExpires}o.addEventListener("stzhClosed",(()=>{d.set(`${u}-${t.cookie}`,"1",{expires:s})}))}}))}render(){const t={"stzh-toastbar":true};return o(e,{key:"7460a6148cb0e08e92a1bb594e0c81f438844b26"},o("div",{key:"6ae7db9674257007e24f428cf51889f24cc2854d",class:t},o("slot",{key:"38ee0dc0da0aebe58ff6925d2aa3c2a93324f3b1",onSlotchange:this.handleSlotchange})))}get element(){return i(this)}static get watchers(){return{initialToasts:["initialToastsWatcher"]}}};g.style=b();export{z as stzh_toast,g as stzh_toastbar};
-//# sourceMappingURL=p-7a1296d4.entry.js.map
+import{r as t,c as s,h as o,a as e,d as i}from"./p-BMrO_esM.js";import{s as a,h as n}from"./p-DhuTERdU.js";import{w as r}from"./p--SdF31O7.js";import{s as h,a as l,b as c}from"./p-BOO84wnP.js";import{a as d}from"./p-Cpg2gH_9.js";import"./p-BubviQku.js";const f=()=>`: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{pointer-events:all;--label-font-family:var(--stzh-toast-label-font-family);--label-font-weight:var(--stzh-toast-label-font-weight);--label-font-style:var(--stzh-toast-label-font-style);--label-color:var(--stzh-toast-label-color);--background-color:var(--stzh-toast-background-color);--close-color:var(--stzh-toast-close-color);--button-color:var(--stzh-toast-button-color);--icon-color:var(--stzh-toast-icon-color)}:host([type=success]){--icon-color:var(--stzh-toast-success-icon-color)}:host([type=warning]){--icon-color:var(--stzh-toast-warning-icon-color)}:host([type=error]){--icon-color:var(--stzh-toast-error-icon-color)}.stzh-toast{position:relative;display:flex;box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color);border-radius:var(--stzh-button-border-radius);transition:background-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-toast{outline:0.125rem solid Highlight;outline-offset:-0.125rem}}.stzh-toast__content{flex-grow:1;display:flex;gap:var(--stzh-space-small);padding:var(--stzh-space-medium)}.stzh-toast__icon-wrapper{flex-shrink:0;display:flex}.stzh-toast__icon{color:var(--icon-color)}.stzh-toast__text-wrapper{flex-grow:1}.stzh-toast__label{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--label-color);font-family:var(--label-font-family);font-weight:var(--label-font-weight);font-style:var(--label-font-style);transition:color var(--stzh-base-transition-animation-speed);padding-right:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-toast__label{padding-right:var(--stzh-space-xxxlarge)}}.stzh-toast__close-wrapper{flex-shrink:0}.stzh-toast__link{--stzh-button-tertiary-color:var(--button-color);display:flex;justify-content:flex-end}.stzh-toast__close[variant=tertiary]{--color:var(--close-color);position:absolute;top:0;right:0}.stzh-toast{}.stzh-toast--has-link .stzh-toast__label:not(:empty)+.stzh-toast__link{margin-top:var(--stzh-space-xsmall)}`;const m={keyframes:[{transform:"translateY(100%)",opacity:"0",height:"0",marginBottom:"0"},{transform:"translateY(0px)",opacity:"1",height:"auto",marginBottom:"auto"}],options:{duration:300,easing:"ease-out"}};const p={keyframes:[{transform:"translateX(0px)",opacity:"1",height:"auto",marginBottom:"auto"},{transform:"translateX(-100%)",opacity:"0",height:"auto",marginBottom:"auto"},{transform:"translateX(-100%)",opacity:"0",height:"0",marginBottom:"0"}],options:{duration:300,easing:"ease-in"}};const z=class{constructor(o){t(this,o);this.stzhOpen=s(this,"stzhOpen");this.stzhOpened=s(this,"stzhOpened");this.stzhClose=s(this,"stzhClose");this.stzhClosed=s(this,"stzhClosed");this.label="";this.type="info";this.hideClose=false;this.open=true;this.initialOpenAnimation=false;this.handleLinkSlotchange=()=>{var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const o=s.querySelectorAll('stzh-button[slot="link"], [slot="link"] stzh-button');o.forEach((t=>{a(t,{size:"small",variant:"tertiary"})}))};this.onCloseButtonClick=()=>{this.hide()}}async openWatcher(t){if(!this.rootElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-toast"})}await h(this.element);this.element.hidden=false;const t=getComputedStyle(this.element,null);await l(this.element,c(m.keyframes,{height:this.element.scrollHeight,marginTop:parseInt(t["margin-top"]),marginBottom:parseInt(t["margin-bottom"])}),m.options);this.element.style.height="auto";this.element.style.opacity="1";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-toast"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-toast"})}await h(this.element);const t=getComputedStyle(this.element,null);await l(this.element,c(p.keyframes,{height:this.element.scrollHeight,marginTop:parseInt(t["margin-top"]),marginBottom:parseInt(t["margin-bottom"])}),p.options);this.element.style.height="0px";this.element.style.opacity="0";this.element.hidden=true;if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-toast"})}}this.toggledByMethod=false}async show(){if(this.open){return}this.toggledByMethod=true;this.open=true;return r(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.toggledByMethod=true;this.open=false;return r(this.element,"stzhClosed")}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"toast")}}componentDidLoad(){if(this.initialOpenAnimation&&this.open){this.element.hidden=true;this.element.style.height="0px";this.element.style.opacity="0";requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.openWatcher(true)}))}))}else{this.element.hidden=!this.open;this.element.style.height=this.open?"auto":"0px";this.element.style.opacity=this.open?"1":"0"}}render(){const t=n(this.element,"link");const s={"stzh-toast":true,"stzh-toast--has-link":t,"stzh-toast--has-close-hidden":this.hideClose,[`stzh-toast--type-${this.type}`]:!!this.type};return o(e,{key:"446b49e231a058653d3736c4a7a24365e7946505"},o("div",{key:"b8c82e172f2a3fb99abf66762f91e9febd56c901",ref:t=>this.rootElement=t,class:s},o("div",{key:"48357da05b863ddb5546b0c5424a34fde8fe8e1c",class:"stzh-toast__content"},o("div",{key:"36bd30993042f504aafc5f9b23f5579192c1014d",class:"stzh-toast__icon-wrapper"},o("stzh-icon",{key:"99d7cbcce440e9873efd79045cbd8e076e51b6ca",class:"stzh-toast__icon",name:this.type==="info"&&"info-help-filled"||this.type==="success"&&"checkmark-circle-filled"||this.type==="warning"&&"important-warning-filled"||this.type==="error"&&"warning-filled"})),o("div",{key:"a0a387bda275dfdbdb810bfe9b4a1fa04d1af3a1",class:"stzh-toast__text-wrapper"},o("div",{key:"4ca9c2d4b985d4252aefc8855397c39f15ee3213",class:"stzh-toast__label"},this.label),o("div",{key:"39e0201d434143a083dfe9bb63073600ef331b9f",class:"stzh-toast__link"},o("slot",{key:"7c50d8dd47044590ef5a232d2286a85d8a8da647",name:"link",onSlotchange:this.handleLinkSlotchange})))),!this.hideClose&&o("div",{key:"3506c634657d88e3b57b306c9ae19416e2ea49bb",class:"stzh-toast__close-wrapper"},o("stzh-button",{key:"7be034a61ffdb0c3c65a7a135537416edced7604",class:"stzh-toast__close",onClick:this.onCloseButtonClick,label:this.localization.close,variant:"tertiary",size:"small",iconOnly:true,icon:"close-big"}))))}get element(){return i(this)}static get watchers(){return{open:["openWatcher"]}}};z.style=f();const u=()=>`: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{bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{bottom:var(--stzh-space-xxlarge)}}:host{z-index:var(--stzh-z-index-overlay);position:fixed;pointer-events:none;left:1.25rem;right:1.25rem;bottom:calc(var(--stzh-pagetitle-disturber-stuck-height, 0px) + var(--stzh-sticky-cta-stuck-bottom-height, 0px))}@media screen and (min-width: 600px){:host{left:2rem;right:auto;max-width:26.8125rem}}@media screen and (min-width: 900px){:host{left:2.5rem;max-width:27.5rem}}@media screen and (min-width: 1260px){:host{left:4rem;max-width:30.3125rem}}@media screen and (min-width: 1600px){:host{left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2);max-width:34.625rem}}:host ::slotted(*:not([hidden]):not([slot])){margin-bottom:var(--stzh-space-small)}.stzh-toastbar{display:flex;flex-direction:column;justify-content:flex-end}@media screen and (min-width: 600px){.stzh-toastbar{align-items:flex-start}}`;const b="stzh-components-toastbar-closed";const g=class{constructor(s){t(this,s);this.hideAfter=30;this.max=5;this.initialToasts=[];this._initialToasts=[];this.handleSlotchange=()=>{this.toastsAppended();this.hideOverflowingItems()}}async toast(t,{type:s,link:o}={type:"info"}){const e=document.createElement("stzh-toast");e.hidden=true;e.label=t;e.role="alert";e.type=s||"info";e.initialOpenAnimation=true;if(o){o.slot="link";o.size="small";e.appendChild(o)}this.element.appendChild(e);return e}initialToastsWatcher(t){if(typeof t==="string"){this._initialToasts=JSON.parse(t)}else{this._initialToasts=t}}toastAppended(t){if(t.getAttribute("data-stzh-toastbar-managed")){return}t.setAttribute("data-stzh-toastbar-managed","");t.addEventListener("stzhClosed",(()=>{t.remove()}));if(t.type!=="error"){let s=(new Date).getTime();let o=this.hideAfter*1e3;let e=window.setTimeout((()=>{t.hide()}),o);t.addEventListener("pointerenter",(()=>{if(e){window.clearTimeout(e);const t=(new Date).getTime()-s;o=o-t}}));t.addEventListener("pointerleave",(()=>{s=(new Date).getTime();e=window.setTimeout((()=>{t.hide()}),o)}))}}toastsAppended(){var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;Array.from(s.children).forEach((t=>{this.toastAppended(t)}))}hideOverflowingItems(){var t;const s=((t=this.element.getRootNode())===null||t===void 0?void 0:t.host)||this.element;const o=s.children.length;Array.from(s.children).splice(0,o-this.max).forEach((t=>{t.hide()}))}componentWillLoad(){this.initialToastsWatcher(this.initialToasts)}componentDidLoad(){this._initialToasts.forEach((async t=>{if(t.cookie){const s=d.get(`${b}-${t.cookie}`);if(s){return}}let s=t.link;if(!(s instanceof HTMLElement)){const o=document.createElement("stzh-button");o.slot="link";o.size="small";Object.assign(o,t.link);s=o}const o=await this.toast(t.label,{type:t.type,link:s});if(t.cookie){let s=365;if(t.cookieExpires===0){s=null}else if(t.cookieExpires){s=t.cookieExpires}o.addEventListener("stzhClosed",(()=>{d.set(`${b}-${t.cookie}`,"1",{expires:s})}))}}))}render(){const t={"stzh-toastbar":true};return o(e,{key:"7460a6148cb0e08e92a1bb594e0c81f438844b26"},o("div",{key:"6ae7db9674257007e24f428cf51889f24cc2854d",class:t},o("slot",{key:"38ee0dc0da0aebe58ff6925d2aa3c2a93324f3b1",onSlotchange:this.handleSlotchange})))}get element(){return i(this)}static get watchers(){return{initialToasts:["initialToastsWatcher"]}}};g.style=u();export{z as stzh_toast,g as stzh_toastbar};
+//# sourceMappingURL=p-6af8d5cb.entry.js.map

package/dist/stzh-components/{p-69f5276e.entry.js → p-6b450966.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as e,a as i,d as h,F as r}from"./p-BDy81lpO.js";import{S as c}from"./p-D4oTGvdl.js";import{h as o}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const a=()=>`.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);--padding-right:var(--stzh-space-small);--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);--counter-color:var(--color);--counter-gap:var(--stzh-space-xsmall);--hover-color:var(--stzh-chip-hover-color, var(--stzh-color-primary70));--hover-background-color:var(\n    --stzh-chip-hover-background-color,\n    var(--stzh-color-secondary40)\n  );--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)}[variant=tag].sc-stzh-chip-h:where([size=small]){--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--icon-gap:var(--stzh-space-xxsmall)}[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(\n    --stzh-chip-active-background-color,\n    var(--stzh-color-primary70)\n  );--hover-color:var(--stzh-chip-active-hover-color, var(--stzh-color-white));--hover-background-color:var(\n    --stzh-chip-active-hover-background-color,\n    var(--stzh-color-primary90)\n  );--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(\n    --stzh-chip-disabled-background-color,\n    var(--stzh-color-grey20)\n  );--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);--padding-right:var(--stzh-space-xsmall)}.sc-stzh-chip-h:where([size=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium)}@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);--padding-right:var(--stzh-space-small);--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);--padding-right:var(--stzh-space-xsmall)}.sc-stzh-chip-h:where([size-small=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium)}}@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);--padding-right:var(--stzh-space-small);--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);--padding-right:var(--stzh-space-xsmall)}.sc-stzh-chip-h:where([size-medium=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium)}}@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);--padding-right:var(--stzh-space-small);--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);--padding-right:var(--stzh-space-xsmall)}.sc-stzh-chip-h:where([size-large=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium)}}@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);--padding-right:var(--stzh-space-small);--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);--padding-right:var(--stzh-space-xsmall)}.sc-stzh-chip-h:where([size-ultra=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium)}}.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);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))}.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}`;const n=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=false;this.removable=false;this.inverted=false;this.variant="tag";this.size="default";this.type="default";this.counter="";this.removeLabel="";this.active=false;this.disabled=false;this.a11yDescribedby="";this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.chip.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-chip",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-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;(t=this.chip)===null||t===void 0?void 0: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||typeof this.icon==="undefined"&&this.variant==="tag"&&this.type!=="default"?e("stzh-icon",{class:"stzh-chip__icon",name:this.icon||this.type==="info"&&"info-help"||this.type==="warning"&&"important-warning"||this.type==="error"&&"warning"||this.type==="success"&&"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&&this.counter!=="undefined"&&this.counter!==undefined&&e("span",{class:"stzh-chip__vhidden"}," (",this.counter,")")),this.counter&&this.counter!=="undefined"&&this.counter!==undefined&&e("div",{class:"stzh-chip__counter","aria-hidden":"true"},this.counter))}render(){const t={"stzh-chip":true,"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};const s=this.nonInteractive?"div":this.href?"a":"button";return e(i,{key:"c2d6807463fe7613b47d6bd461456e3562895599",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},e("div",{key:"fc21b4bf6596cbf5af87cbef37c56a8ca368b515",class:t},this.removable&&e("button",{key:"9b749e905aa5e1327ed4189d26fb34e62f9fbf17",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:"71156186f893429de5414f2d425fa7067ce0907d",class:"stzh-chip__remove-icon",name:"close-big"})),this.href?e(s,{ref:t=>this.chip=t,class:{"stzh-chip__button":true,"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},this.renderInner()):e(s,{ref:t=>this.chip=t,class:{"stzh-chip__button":true,"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)}};n.style=a();const l=()=>`.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(\n    --stzh-chip-active-background-color,\n    var(--stzh-color-primary70)\n  )}[active].is-focused.sc-stzh-chipselect-h{--background-color:var(\n    --stzh-chip-active-background-color,\n    var(--stzh-color-primary70)\n  )}[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);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)}.stzh-chipselect.sc-stzh-chipselect{width:100%}.stzh-chipselect__label-wrapper.sc-stzh-chipselect{display:flex;align-items:center;gap:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall);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))}.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)}.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)}.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}`;let p=0;const d=class{constructor(e){t(this,e);this.stzhChange=s(this,"stzhChange");this.data=[];this._data=[];this._dataDropdown=[];this.label="";this.labelHidden=false;this.multiple=false;this.value="";this._value=[];this.defaultValue="";this.invalid=false;this.required=false;this.disabled=false;this.hideOptional=false;this.dropdownOnMobile=false;this.a11yDescribedby="";this.activeFocusOptionIndex=-1;this.isMobile=false;this.skipNextValueRender=false;this.handleReset=async()=>{this.value=this.defaultValue};this.handleMediaQueryChange=t=>{this.isMobile=t.matches};this.handleChipClick=async(t,s)=>{if(this.multiple){if(t.value===""&&this._value.length>0&&!(this._value.length===1&&this._value[0]==="")){this.value=[]}else if(t.value!==""){this.value=this._value.includes(t.value)?this._value.filter((s=>s!==t.value)):[...this._value,t.value]}}else{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;const e=Array.isArray(s)?String(s):[String(s)];this.skipNextValueRender=true;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(t.key==="ArrowUp"||t.key==="ArrowLeft"){t.preventDefault();if(e>0){s=e-1}}else if(t.key==="ArrowDown"||t.key==="ArrowRight"){t.preventDefault();if(e<this._data.length-1){s=e+1}}else if(t.key===" "||t.key==="Enter"){t.preventDefault();if(e<0){return}if(this.multiple){if(this._data[e].value===""&&this._value.length>0&&!(this._value.length===1&&this._value[0]==="")){this.value=[]}else if(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]}}else{this.value=this._data[e].value}this.stzhChange.emit({component:"stzh-chipselect",value:this.value})}if(s!==null){this.activeFocusOptionIndex=s}}}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}valueWatcher(t){if(typeof t==="string"){try{const s=JSON.parse(t);if(Array.isArray(s)){this._value=s}else{this._value=[t]}}catch(s){this._value=[t]}}else if(Array.isArray(t)){this._value=t}else{this._value=[]}}dataWatcher(t){if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}this._data.map((t=>{if(typeof t.value!=="string"){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(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}componentShouldUpdate(t,s,e){if(e==="value"&&this.useDropdownOnMobile&&this.skipNextValueRender){this.skipNextValueRender=false;return false}return true}waitForNextRender(){return new Promise((t=>this.renderPromiseResolve=t))}get useDropdownOnMobile(){return this.isMobile&&this.dropdownOnMobile}componentDidRender(){if(this.renderPromiseResolve){this.renderPromiseResolve()}}async componentWillLoad(){this.id=`stzh-chipselect-${p++}`;this.dataWatcher(this.data);this.errorWatcher(this.error);this.valueWatcher(this.value);if(this.defaultValue===undefined||this.defaultValue===null){this.defaultValue=this.value}if(typeof window!=="undefined"){this.mediaQuery=window.matchMedia("(max-width: 767px)");this.isMobile=this.mediaQuery.matches}if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"chipselect")}}componentDidLoad(){if(this.mediaQuery){this.mediaQuery.addEventListener("change",this.handleMediaQueryChange)}}disconnectedCallback(){if(this.mediaQuery){this.mediaQuery.removeEventListener("change",this.handleMediaQueryChange)}}render(){var t;const s=o(this.element,"description")||!!this.description;const h=o(this.element,"description-long")||!!this.descriptionLong;const a=o(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const n=!this.labelHidden&&(!!this.label||o(this.element)||h);const l=this.activeFocusOptionIndex>=0;const p=l?`${this.id}-option-${this.activeFocusOptionIndex}`:undefined;const d={"stzh-chipselect":true,"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};return e(i,{key:"6d2c378e763f9846d5bcef6fbdf00f24956046a5","is-invalid":this.invalid||a},e("div",{key:"8c6db8e943fa6c1d9728f895fea83f6e95dd30db",class:d},!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:"939cf90d05cc4a7677287d41992366a9024a1258",class:"stzh-chipselect__label-wrapper"},e("label",{key:"3e6d0006b9f8b6a5aa696969150aac1342ef6717",class:"stzh-chipselect__label",htmlFor:this.id},this.label?this.label:e("slot",null),!this.hideOptional&&e("span",{key:"8072a604dc9304930a2d8b88083a4c3d9ad1e625",class:"stzh-chipselect__marker"},e("span",{key:"d5fd00632be1a47cc07ca936133ca1d4d79fc6ab",class:"stzh-chipselect__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),e("span",{key:"f501bb9f1e8c132f639ed72ca195eb1a669c167c",class:"stzh-chipselect__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),h&&e(c,{key:"9ff27d167b8cbac6770de6c0bfbb9121a329c9ef",classPrefix:"stzh-chipselect",id:`${this.id}-description-long`,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:h,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel,showError:false,showDescriptionText:false})),this._data.length>0&&e(r,{key:"130d007cfa576382f900029823900bbc16f5b8b2"},!this.useDropdownOnMobile?e(r,null,e("div",{id:this.id,class:"stzh-chipselect__chips",role:"listbox",tabindex:"0","aria-multiselectable":this.multiple?"true":"false","aria-activedescendant":p,"aria-describedby":`${this.id}-description ${this.a11yDescribedby}`,onKeyDown:this.handleKeydown},this._data.map(((t,s)=>e("stzh-chip",{role:"option",class:{"stzh-chipselect__chip":true,"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&&(this._value.length===0||this._value[0]==="")||!t.value&&this.multiple&&(this._value.length===0||this._value.length===1&&this._value[0]===""),"aria-selected":this._value.includes(t.value)||!this.multiple&&!t.value&&(this._value.length===0||this._value[0]==="")||!t.value&&this.multiple&&(this._value.length===0||this._value.length===1&&this._value[0]==="")?"true":"false",id:`${this.id}-option-${s}`,a11yTabindex:"-1",onClick:()=>this.handleChipClick(t,s)}))))):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})),!this.useDropdownOnMobile&&(a||s)&&e(c,{key:"74c035663687909bf314c14223de6b16893fd9f7",classPrefix:"stzh-chipselect",id:`${this.id}-description`,error:this._error,description:this.description,descriptionLongUsed:false})))}get element(){return h(this)}static get watchers(){return{value:["valueWatcher"],data:["dataWatcher"],error:["errorWatcher"]}}};d.style=l();export{n as stzh_chip,d as stzh_chipselect};
-//# sourceMappingURL=p-69f5276e.entry.js.map
+import{r as t,c as s,h as e,a as i,d as h,F as r}from"./p-BMrO_esM.js";import{S as c}from"./p--ooR_PU_.js";import{h as o}from"./p-DhuTERdU.js";import"./p-BubviQku.js";const a=()=>`.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);--padding-right:var(--stzh-space-small);--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);--counter-color:var(--color);--counter-gap:var(--stzh-space-xsmall);--hover-color:var(--stzh-chip-hover-color, var(--stzh-color-primary70));--hover-background-color:var(\n    --stzh-chip-hover-background-color,\n    var(--stzh-color-secondary40)\n  );--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)}[variant=tag].sc-stzh-chip-h:where([size=small]){--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--icon-gap:var(--stzh-space-xxsmall)}[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(\n    --stzh-chip-active-background-color,\n    var(--stzh-color-primary70)\n  );--hover-color:var(--stzh-chip-active-hover-color, var(--stzh-color-white));--hover-background-color:var(\n    --stzh-chip-active-hover-background-color,\n    var(--stzh-color-primary90)\n  );--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(\n    --stzh-chip-disabled-background-color,\n    var(--stzh-color-grey20)\n  );--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);--padding-right:var(--stzh-space-xsmall)}.sc-stzh-chip-h:where([size=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium)}@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);--padding-right:var(--stzh-space-small);--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);--padding-right:var(--stzh-space-xsmall)}.sc-stzh-chip-h:where([size-small=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium)}}@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);--padding-right:var(--stzh-space-small);--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);--padding-right:var(--stzh-space-xsmall)}.sc-stzh-chip-h:where([size-medium=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium)}}@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);--padding-right:var(--stzh-space-small);--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);--padding-right:var(--stzh-space-xsmall)}.sc-stzh-chip-h:where([size-large=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium)}}@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);--padding-right:var(--stzh-space-small);--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);--padding-right:var(--stzh-space-xsmall)}.sc-stzh-chip-h:where([size-ultra=large]){--height:2.5rem;--border-radius:1.25rem;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium)}}.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);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))}.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}`;const n=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=false;this.removable=false;this.inverted=false;this.variant="tag";this.size="default";this.type="default";this.counter="";this.removeLabel="";this.active=false;this.disabled=false;this.a11yDescribedby="";this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.chip.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-chip",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-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;(t=this.chip)===null||t===void 0?void 0: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||typeof this.icon==="undefined"&&this.variant==="tag"&&this.type!=="default"?e("stzh-icon",{class:"stzh-chip__icon",name:this.icon||this.type==="info"&&"info-help"||this.type==="warning"&&"important-warning"||this.type==="error"&&"warning"||this.type==="success"&&"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&&this.counter!=="undefined"&&this.counter!==undefined&&e("span",{class:"stzh-chip__vhidden"}," (",this.counter,")")),this.counter&&this.counter!=="undefined"&&this.counter!==undefined&&e("div",{class:"stzh-chip__counter","aria-hidden":"true"},this.counter))}render(){const t={"stzh-chip":true,"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};const s=this.nonInteractive?"div":this.href?"a":"button";return e(i,{key:"c2d6807463fe7613b47d6bd461456e3562895599",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},e("div",{key:"fc21b4bf6596cbf5af87cbef37c56a8ca368b515",class:t},this.removable&&e("button",{key:"9b749e905aa5e1327ed4189d26fb34e62f9fbf17",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:"71156186f893429de5414f2d425fa7067ce0907d",class:"stzh-chip__remove-icon",name:"close-big"})),this.href?e(s,{ref:t=>this.chip=t,class:{"stzh-chip__button":true,"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},this.renderInner()):e(s,{ref:t=>this.chip=t,class:{"stzh-chip__button":true,"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)}};n.style=a();const l=()=>`.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(\n    --stzh-chip-active-background-color,\n    var(--stzh-color-primary70)\n  )}[active].is-focused.sc-stzh-chipselect-h{--background-color:var(\n    --stzh-chip-active-background-color,\n    var(--stzh-color-primary70)\n  )}[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);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)}.stzh-chipselect.sc-stzh-chipselect{width:100%}.stzh-chipselect__label-wrapper.sc-stzh-chipselect{display:flex;align-items:center;gap:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall);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))}.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)}.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)}.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}`;let p=0;const d=class{constructor(e){t(this,e);this.stzhChange=s(this,"stzhChange");this.data=[];this._data=[];this._dataDropdown=[];this.label="";this.labelHidden=false;this.multiple=false;this.value="";this._value=[];this.defaultValue="";this.invalid=false;this.required=false;this.disabled=false;this.hideOptional=false;this.dropdownOnMobile=false;this.a11yDescribedby="";this.activeFocusOptionIndex=-1;this.isMobile=false;this.skipNextValueRender=false;this.handleReset=async()=>{this.value=this.defaultValue};this.handleMediaQueryChange=t=>{this.isMobile=t.matches};this.handleChipClick=async(t,s)=>{if(this.multiple){if(t.value===""&&this._value.length>0&&!(this._value.length===1&&this._value[0]==="")){this.value=[]}else if(t.value!==""){this.value=this._value.includes(t.value)?this._value.filter((s=>s!==t.value)):[...this._value,t.value]}}else{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;const e=Array.isArray(s)?String(s):[String(s)];this.skipNextValueRender=true;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(t.key==="ArrowUp"||t.key==="ArrowLeft"){t.preventDefault();if(e>0){s=e-1}}else if(t.key==="ArrowDown"||t.key==="ArrowRight"){t.preventDefault();if(e<this._data.length-1){s=e+1}}else if(t.key===" "||t.key==="Enter"){t.preventDefault();if(e<0){return}if(this.multiple){if(this._data[e].value===""&&this._value.length>0&&!(this._value.length===1&&this._value[0]==="")){this.value=[]}else if(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]}}else{this.value=this._data[e].value}this.stzhChange.emit({component:"stzh-chipselect",value:this.value})}if(s!==null){this.activeFocusOptionIndex=s}}}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}valueWatcher(t){if(typeof t==="string"){try{const s=JSON.parse(t);if(Array.isArray(s)){this._value=s}else{this._value=[t]}}catch(s){this._value=[t]}}else if(Array.isArray(t)){this._value=t}else{this._value=[]}}dataWatcher(t){if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}this._data.map((t=>{if(typeof t.value!=="string"){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(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}componentShouldUpdate(t,s,e){if(e==="value"&&this.useDropdownOnMobile&&this.skipNextValueRender){this.skipNextValueRender=false;return false}return true}waitForNextRender(){return new Promise((t=>this.renderPromiseResolve=t))}get useDropdownOnMobile(){return this.isMobile&&this.dropdownOnMobile}componentDidRender(){if(this.renderPromiseResolve){this.renderPromiseResolve()}}async componentWillLoad(){this.id=`stzh-chipselect-${p++}`;this.dataWatcher(this.data);this.errorWatcher(this.error);this.valueWatcher(this.value);if(this.defaultValue===undefined||this.defaultValue===null){this.defaultValue=this.value}if(typeof window!=="undefined"){this.mediaQuery=window.matchMedia("(max-width: 767px)");this.isMobile=this.mediaQuery.matches}if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"chipselect")}}componentDidLoad(){if(this.mediaQuery){this.mediaQuery.addEventListener("change",this.handleMediaQueryChange)}}disconnectedCallback(){if(this.mediaQuery){this.mediaQuery.removeEventListener("change",this.handleMediaQueryChange)}}render(){var t;const s=o(this.element,"description")||!!this.description;const h=o(this.element,"description-long")||!!this.descriptionLong;const a=o(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const n=!this.labelHidden&&(!!this.label||o(this.element)||h);const l=this.activeFocusOptionIndex>=0;const p=l?`${this.id}-option-${this.activeFocusOptionIndex}`:undefined;const d={"stzh-chipselect":true,"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};return e(i,{key:"6d2c378e763f9846d5bcef6fbdf00f24956046a5","is-invalid":this.invalid||a},e("div",{key:"8c6db8e943fa6c1d9728f895fea83f6e95dd30db",class:d},!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:"939cf90d05cc4a7677287d41992366a9024a1258",class:"stzh-chipselect__label-wrapper"},e("label",{key:"3e6d0006b9f8b6a5aa696969150aac1342ef6717",class:"stzh-chipselect__label",htmlFor:this.id},this.label?this.label:e("slot",null),!this.hideOptional&&e("span",{key:"8072a604dc9304930a2d8b88083a4c3d9ad1e625",class:"stzh-chipselect__marker"},e("span",{key:"d5fd00632be1a47cc07ca936133ca1d4d79fc6ab",class:"stzh-chipselect__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),e("span",{key:"f501bb9f1e8c132f639ed72ca195eb1a669c167c",class:"stzh-chipselect__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),h&&e(c,{key:"9ff27d167b8cbac6770de6c0bfbb9121a329c9ef",classPrefix:"stzh-chipselect",id:`${this.id}-description-long`,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:h,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel,showError:false,showDescriptionText:false})),this._data.length>0&&e(r,{key:"130d007cfa576382f900029823900bbc16f5b8b2"},!this.useDropdownOnMobile?e(r,null,e("div",{id:this.id,class:"stzh-chipselect__chips",role:"listbox",tabindex:"0","aria-multiselectable":this.multiple?"true":"false","aria-activedescendant":p,"aria-describedby":`${this.id}-description ${this.a11yDescribedby}`,onKeyDown:this.handleKeydown},this._data.map(((t,s)=>e("stzh-chip",{role:"option",class:{"stzh-chipselect__chip":true,"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&&(this._value.length===0||this._value[0]==="")||!t.value&&this.multiple&&(this._value.length===0||this._value.length===1&&this._value[0]===""),"aria-selected":this._value.includes(t.value)||!this.multiple&&!t.value&&(this._value.length===0||this._value[0]==="")||!t.value&&this.multiple&&(this._value.length===0||this._value.length===1&&this._value[0]==="")?"true":"false",id:`${this.id}-option-${s}`,a11yTabindex:"-1",onClick:()=>this.handleChipClick(t,s)}))))):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})),!this.useDropdownOnMobile&&(a||s)&&e(c,{key:"74c035663687909bf314c14223de6b16893fd9f7",classPrefix:"stzh-chipselect",id:`${this.id}-description`,error:this._error,description:this.description,descriptionLongUsed:false})))}get element(){return h(this)}static get watchers(){return{value:["valueWatcher"],data:["dataWatcher"],error:["errorWatcher"]}}};d.style=l();export{n as stzh_chip,d as stzh_chipselect};
+//# sourceMappingURL=p-6b450966.entry.js.map

package/dist/stzh-components/{p-b663c8f6.entry.js → p-6c6e664c.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,f as e,h as i,a as h,d as r}from"./p-BDy81lpO.js";import{m as a,a as c,r as n}from"./p-CUGRmgip.js";const o=()=>`.sc-stzh-stepper-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-stepper-h,[stzh-hidden].sc-stzh-stepper-h{display:none}.sc-stzh-stepper-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-stepper-h *.sc-stzh-stepper,.sc-stzh-stepper-h *.sc-stzh-stepper::before,.sc-stzh-stepper-h *.sc-stzh-stepper::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-stepper-h .has-focus.sc-stzh-stepper{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-stepper-h .stzh-fylingfocus-focused.sc-stzh-stepper{outline-style:none !important}.sc-stzh-stepper-h .stzh-fylingfocus-focused.sc-stzh-stepper::-moz-focus-inner{border:0 !important}.sc-stzh-stepper-h{min-width:calc(var(--steps) * 1.6875rem * 2)}@media screen and (min-width: 600px){.sc-stzh-stepper-h{min-width:calc(var(--steps) * 1.9375rem * 2)}}.stzh-stepper.sc-stzh-stepper{position:relative;z-index:0;overflow:hidden}.stzh-stepper__items.sc-stzh-stepper{display:flex;flex-wrap:nowrap}.stzh-stepper__item.sc-stzh-stepper{flex-grow:1;flex-shrink:1;flex-basis:0}`;const p=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick");this.stzhDottedClick=s(this,"stzhDottedClick");this.data=[];this.index=0;this.steps=5;this.stepsSmall=6;this.stepsMedium=0;this.stepsLarge=0;this.stepsUltra=0;this.clickDisabled=false;this.handleStepClick=t=>{t.preventDefault();t.stopPropagation();if(t.type!=="stzhDottedClick"){this.stzhClick.emit({component:"stzh-stepper-item",originalEvent:t.detail.originalEvent,index:t.detail.index})}else{this.stzhDottedClick.emit({component:"stzh-stepper-item",originalEvent:t.detail.originalEvent,index:t.detail.index})}};this.setCurrentSteps=()=>{if(a("ultra").matches&&this.stepsUltra){this.currentSteps=this.stepsUltra}else if(a("large").matches&&this.stepsLarge){this.currentSteps=this.stepsLarge}else if(a("medium").matches&&this.stepsMedium){this.currentSteps=this.stepsMedium}else if(a("small").matches&&this.stepsSmall){this.currentSteps=this.stepsSmall}else{this.currentSteps=this.steps}}}async getItemData(){return this._data.map(((t,s)=>Object.assign(Object.assign({},t),this.getItemAttributes(s))))}onIndexChange(){this.indexWatcher(this.index);this.setCurrentSteps();e(this.element)}indexWatcher(t){if(typeof t==="string"){this.index=JSON.parse(t)}else{this.index=t}}stepsWatcher(){this.setCurrentSteps()}dataWatcher(t){if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}this.lastItemIndex=this._data.length-1;this.maxStepIndex=this.currentSteps-1;this.withinLastFewSteps=this.index>=this._data.length-this.maxStepIndex}getItemAttributes(t){const s={};s.step=t+1;s.first=t===0;s.last=t===this.lastItemIndex;s.current=t===this.index;s.passed=t<this.index;const e=this._data[t];s.incomplete=e.incomplete;if(this._data.length>this.currentSteps){if(t===this.lastItemIndex&&!this.withinLastFewSteps){s.dotted=true}if(this.index<2){s.hide=t>this.maxStepIndex-1&&t<this.lastItemIndex}else{if(t===0){s.dotted=true}let e=this.index;if(this.withinLastFewSteps){e=this._data.length-this.maxStepIndex}s.hide=t>0&&t<e||t>this.index+(this.currentSteps-3)&&t<this.lastItemIndex}}return s}async componentWillLoad(){this.dataWatcher(this.data);this.indexWatcher(this.index);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"stepper")}}async componentShouldUpdate(){this.dataWatcher(this.data);this.indexWatcher(this.index)}async componentDidUpdate(){this.dataWatcher(this.data);this.indexWatcher(this.index)}connectedCallback(){this.setCurrentSteps();c(this.setCurrentSteps)}disconnectedCallback(){n(this.setCurrentSteps)}render(){const t={"stzh-stepper":true,[`stzh-stepper--index-${this.index}`]:!!this.index};return i(h,{key:"14aace3ba2481f10966df3ba4c2df8c2998cb71f",style:{"--steps":this.currentSteps?this.currentSteps.toString():null}},i("div",{key:"13308bcf9d97fedca884252aefd2e5f0aa08591a",class:t},i("div",{key:"04733611bfa3d6c0c8c4d0fba3cb49fd51db7637",class:"stzh-stepper__items",role:"list","aria-label":this.localization.label},this._data.map(((t,s)=>i("stzh-stepper-item",Object.assign({},this.getItemAttributes(s),{icon:t.icon,disabled:t.disabled,label:t.label,"click-disabled":t.clickDisabled!==undefined?t.clickDisabled:this.clickDisabled,onStzhClick:t=>{this.handleStepClick(t)},onStzhDottedClick:t=>{this.handleStepClick(t)},class:"stzh-stepper__item"})))),i("slot",{key:"c4a8d8d8f8510715ee9c8081991d5a41661a5d58"}))))}get element(){return r(this)}static get watchers(){return{index:["onIndexChange"],steps:["stepsWatcher"],stepsSmall:["stepsWatcher"],stepsMedium:["stepsWatcher"],stepsLarge:["stepsWatcher"],stepsUltra:["stepsWatcher"],data:["dataWatcher"]}}};p.style=o();export{p as stzh_stepper};
-//# sourceMappingURL=p-b663c8f6.entry.js.map
+import{r as t,c as s,f as e,h as i,a as h,d as r}from"./p-BMrO_esM.js";import{m as a,a as c,r as n}from"./p-CUGRmgip.js";const o=()=>`.sc-stzh-stepper-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-stepper-h,[stzh-hidden].sc-stzh-stepper-h{display:none}.sc-stzh-stepper-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-stepper-h *.sc-stzh-stepper,.sc-stzh-stepper-h *.sc-stzh-stepper::before,.sc-stzh-stepper-h *.sc-stzh-stepper::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-stepper-h .has-focus.sc-stzh-stepper{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-stepper-h .stzh-fylingfocus-focused.sc-stzh-stepper{outline-style:none !important}.sc-stzh-stepper-h .stzh-fylingfocus-focused.sc-stzh-stepper::-moz-focus-inner{border:0 !important}.sc-stzh-stepper-h{min-width:calc(var(--steps) * 1.6875rem * 2)}@media screen and (min-width: 600px){.sc-stzh-stepper-h{min-width:calc(var(--steps) * 1.9375rem * 2)}}.stzh-stepper.sc-stzh-stepper{position:relative;z-index:0;overflow:hidden}.stzh-stepper__items.sc-stzh-stepper{display:flex;flex-wrap:nowrap}.stzh-stepper__item.sc-stzh-stepper{flex-grow:1;flex-shrink:1;flex-basis:0}`;const p=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick");this.stzhDottedClick=s(this,"stzhDottedClick");this.data=[];this.index=0;this.steps=5;this.stepsSmall=6;this.stepsMedium=0;this.stepsLarge=0;this.stepsUltra=0;this.clickDisabled=false;this.handleStepClick=t=>{t.preventDefault();t.stopPropagation();if(t.type!=="stzhDottedClick"){this.stzhClick.emit({component:"stzh-stepper-item",originalEvent:t.detail.originalEvent,index:t.detail.index})}else{this.stzhDottedClick.emit({component:"stzh-stepper-item",originalEvent:t.detail.originalEvent,index:t.detail.index})}};this.setCurrentSteps=()=>{if(a("ultra").matches&&this.stepsUltra){this.currentSteps=this.stepsUltra}else if(a("large").matches&&this.stepsLarge){this.currentSteps=this.stepsLarge}else if(a("medium").matches&&this.stepsMedium){this.currentSteps=this.stepsMedium}else if(a("small").matches&&this.stepsSmall){this.currentSteps=this.stepsSmall}else{this.currentSteps=this.steps}}}async getItemData(){return this._data.map(((t,s)=>Object.assign(Object.assign({},t),this.getItemAttributes(s))))}onIndexChange(){this.indexWatcher(this.index);this.setCurrentSteps();e(this.element)}indexWatcher(t){if(typeof t==="string"){this.index=JSON.parse(t)}else{this.index=t}}stepsWatcher(){this.setCurrentSteps()}dataWatcher(t){if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}this.lastItemIndex=this._data.length-1;this.maxStepIndex=this.currentSteps-1;this.withinLastFewSteps=this.index>=this._data.length-this.maxStepIndex}getItemAttributes(t){const s={};s.step=t+1;s.first=t===0;s.last=t===this.lastItemIndex;s.current=t===this.index;s.passed=t<this.index;const e=this._data[t];s.incomplete=e.incomplete;if(this._data.length>this.currentSteps){if(t===this.lastItemIndex&&!this.withinLastFewSteps){s.dotted=true}if(this.index<2){s.hide=t>this.maxStepIndex-1&&t<this.lastItemIndex}else{if(t===0){s.dotted=true}let e=this.index;if(this.withinLastFewSteps){e=this._data.length-this.maxStepIndex}s.hide=t>0&&t<e||t>this.index+(this.currentSteps-3)&&t<this.lastItemIndex}}return s}async componentWillLoad(){this.dataWatcher(this.data);this.indexWatcher(this.index);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"stepper")}}async componentShouldUpdate(){this.dataWatcher(this.data);this.indexWatcher(this.index)}async componentDidUpdate(){this.dataWatcher(this.data);this.indexWatcher(this.index)}connectedCallback(){this.setCurrentSteps();c(this.setCurrentSteps)}disconnectedCallback(){n(this.setCurrentSteps)}render(){const t={"stzh-stepper":true,[`stzh-stepper--index-${this.index}`]:!!this.index};return i(h,{key:"14aace3ba2481f10966df3ba4c2df8c2998cb71f",style:{"--steps":this.currentSteps?this.currentSteps.toString():null}},i("div",{key:"13308bcf9d97fedca884252aefd2e5f0aa08591a",class:t},i("div",{key:"04733611bfa3d6c0c8c4d0fba3cb49fd51db7637",class:"stzh-stepper__items",role:"list","aria-label":this.localization.label},this._data.map(((t,s)=>i("stzh-stepper-item",Object.assign({},this.getItemAttributes(s),{icon:t.icon,disabled:t.disabled,label:t.label,"click-disabled":t.clickDisabled!==undefined?t.clickDisabled:this.clickDisabled,onStzhClick:t=>{this.handleStepClick(t)},onStzhDottedClick:t=>{this.handleStepClick(t)},class:"stzh-stepper__item"})))),i("slot",{key:"c4a8d8d8f8510715ee9c8081991d5a41661a5d58"}))))}get element(){return r(this)}static get watchers(){return{index:["onIndexChange"],steps:["stepsWatcher"],stepsSmall:["stepsWatcher"],stepsMedium:["stepsWatcher"],stepsLarge:["stepsWatcher"],stepsUltra:["stepsWatcher"],data:["dataWatcher"]}}};p.style=o();export{p as stzh_stepper};
+//# sourceMappingURL=p-6c6e664c.entry.js.map