@oiz/stzh-components 2.3.0 → 2.4.0

package/dist/stzh-components/{p-89bd0d46.entry.js → p-aa4f87cc.entry.js}

@@ -1 +1 @@
-import{r,e as o,h as s,F as e,c as i,g as t}from"./p-99a3742a.js";const h=class{constructor(s){r(this,s),this.stzhClick=o(this,"stzhClick",7),this.stzhRemove=o(this,"stzhRemove",7),this.stzhFocus=o(this,"stzhFocus",7),this.stzhBlur=o(this,"stzhBlur",7),this.onFocus=r=>{const o=new FocusEvent("focus",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(o),this.stzhFocus.emit({component:"stzh-chip",originalEvent:r})},this.onBlur=r=>{const o=new FocusEvent("blur",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(o),this.stzhBlur.emit({component:"stzh-chip",originalEvent:r})},this.onClick=r=>{this.stzhClick.emit({component:"stzh-chip",originalEvent:r})},this.onRemoveClick=r=>{this.stzhRemove.emit({component:"stzh-chip",originalEvent:r})},this.label="",this.icon="",this.href="",this.target="",this.nonInteractive=!1,this.removable=!1,this.variant="tag",this.size="default",this.type="default",this.counter="",this.removeLabel="",this.active=!1,this.disabled=!1,this.a11yTabindex=void 0,this.a11yLabel=void 0,this.a11yDescribedby=""}async setFocus(){this.chip.focus()}renderInner(){return s(e,null,s("div",{class:"stzh-chip__icon-wrapper"},this.icon?s("stzh-icon",{class:"stzh-chip__icon",name:this.icon}):s("slot",{name:"icon"})),s("stzh-clamp",{lines:1,class:"stzh-chip__label"},this.label?this.label:s("slot",null),s("span",{class:"stzh-chip__vhidden"}," (",this.counter,")")),this.counter&&s("div",{class:"stzh-chip__counter","aria-hidden":"true"},this.counter))}render(){const r=this.nonInteractive?"div":this.href?"a":"button";return s(i,null,s("div",{class:{"stzh-chip":!0,"stzh-chip--is-active":this.active,"stzh-chip--is-disabled":this.disabled,"stzh-chip--is-removable":this.removable,"stzh-chip--has-counter":!!this.counter,[`stzh-chip--type-${this.type}`]:!!this.type,[`stzh-chip--size-${this.size}`]:!!this.size,[`stzh-chip--${this.variant}`]:!!this.variant}},this.removable&&s("button",{class:"stzh-chip__remove",onClick:this.onRemoveClick,disabled:this.disabled,"aria-label":this.removeLabel,type:"button"},s("stzh-icon",{class:"stzh-chip__remove-icon",name:"close"})),s(r,this.href?{ref:r=>this.chip=r,class:{"stzh-chip__button":!0,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},href:this.disabled?null:this.href,target:this.target,tabindex:this.a11yTabindex,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}:{ref:r=>this.chip=r,class:{"stzh-chip__button":!0,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},disabled:this.disabled,type:"button",tabindex:this.a11yTabindex,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner())))}get element(){return t(this)}};h.style=".sc-stzh-chip-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-chip-h{display:none}.sc-stzh-chip-h *.sc-stzh-chip,.sc-stzh-chip-h *.sc-stzh-chip::before,.sc-stzh-chip-h *.sc-stzh-chip::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-chip-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--height:2rem;--padding:0 var(--stzh-space-medium);--border:0.0625rem solid var(--stzh-color-grey13);--border-radius:1rem;--remove-color:var(--stzh-base-lead-color);--remove-border-radius:1.5rem;--background-color:var(--stzh-color-white);--icon-size:var(--stzh-icon-size-small);--icon-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--counter-color:var(--stzh-color-primary60op);--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border:var(--border);--hover-background-color:var(--stzh-color-primary8);--hover-remove-color:var(--hover-color);--hover-remove-background-color:var(--hover-background-color);--hover-icon-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-counter-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));display:-ms-inline-flexbox;display:inline-flex;border-radius:var(--border-radius)}@media (forced-colors: active), (-ms-high-contrast: active){.sc-stzh-chip-h{--hover-color:Highlight;--hover-border:0.0625rem solid Highlight;--hover-background-color:Canvas;--hover-remove-color:Highlight;--hover-remove-background-color:Canvas;--hover-icon-color:Highlight;--hover-counter-color:Highlight}}[size=large].sc-stzh-chip-h{--height:2.5rem;--border-radius:1.25rem;--padding:0 var(--stzh-space-xlarge)}[size=small].sc-stzh-chip-h{--height:1.5rem;--icon-size:var(--stzh-icon-size-xsmall)}[variant=input].sc-stzh-chip-h{--border:0.0625rem solid transparent;--background-color:var(--stzh-color-grey5);--hover-border:0.0625rem solid transparent}[variant=tag].sc-stzh-chip-h{--color:var(--stzh-base-color);--icon-color:var(--stzh-base-color);--counter-color:var(--stzh-base-color);--border:0.0625rem solid transparent;--background-color:var(--stzh-color-black8);--hover-color:var(--stzh-base-color);--hover-border:0.0625rem solid transparent;--hover-background-color:var(--stzh-color-black8);--hover-icon-color:var(--stzh-base-color);--hover-counter-color:var(--stzh-base-color)}[type=secondary].sc-stzh-chip-h{--color:var(--stzh-base-lead-color);--counter-color:var(--stzh-color-grey40)}[type=important].sc-stzh-chip-h{--color:var(--stzh-color-error);--icon-color:var(--stzh-color-error);--counter-color:var(--stzh-color-error);--hover-color:var(--stzh-color-error);--hover-icon-color:var(--stzh-color-error);--hover-counter-color:var(--stzh-color-error)}@media (forced-colors: active), (-ms-high-contrast: active){[type=important].sc-stzh-chip-h{--hover-color:Highlight;--hover-icon-color:Highlight;--hover-counter-color:Highlight}}[active].sc-stzh-chip-h:not([active=false]){--color:var(--stzh-color-white);--border:0.0625rem solid transparent;--remove-color:var(--stzh-color-white);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--icon-color:var(--stzh-color-white);--counter-color:var(--stzh-color-white48);--hover-color:var(--stzh-color-white);--hover-border:0.0625rem solid transparent;--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-remove-color:var(--stzh-color-white);--hover-remove-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-icon-color:var(--stzh-color-white);--hover-counter-color:var(--stzh-color-white48)}@media (forced-colors: active), (-ms-high-contrast: active){[active].sc-stzh-chip-h:not([active=false]){--color:SelectedItem;--border:0.0625rem solid SelectedItem;--remove-color:SelectedItem;--background-color:Canvas;--icon-color:SelectedItem;--counter-color:SelectedItem;--hover-color:Highlight;--hover-border:0.0625rem solid Highlight;--hover-background-color:Canvas;--hover-remove-color:Highlight;--hover-remove-background-color:Canvas;--hover-icon-color:Highlight;--hover-counter-color:Highlight}}[non-interactive].sc-stzh-chip-h:not([non-interactive=false]){--hover-color:var(--color);--hover-border:var(--border);--hover-background-color:var(--background-color);--hover-icon-color:var(--icon-color);--hover-counter-color:var(--counter-color)}[disabled].sc-stzh-chip-h:not([disabled=false]){--color:var(--stzh-color-grey25);--border:0.0625rem solid var(--stzh-base-border-color);--remove-color:var(--stzh-color-grey13);--background-color:var(--stzh-color-white);--icon-color:var(--stzh-color-grey25);--counter-color:var(--stzh-color-grey25);--hover-color:var(--stzh-color-grey25);--hover-border:0.0625rem solid var(--stzh-base-border-color);--hover-background-color:var(--stzh-color-white);--hover-remove-color:var(--stzh-color-grey13);--hover-remove-background-color:transparent;--hover-icon-color:var(--stzh-color-grey25);--hover-counter-color:var(--stzh-color-grey25)}.sc-stzh-chip-h .sc-stzh-chip-s>stzh-icon,.stzh-chip__icon.sc-stzh-chip{--size:var(--icon-size)}.stzh-chip.sc-stzh-chip{position:relative}.stzh-chip__vhidden.sc-stzh-chip{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chip__button.sc-stzh-chip{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);font-family:inherit;height:var(--height);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;border-radius:var(--border-radius);padding:var(--padding);color:var(--color);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border);background-color:var(--background-color);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);text-decoration:none}.stzh-chip__button.is-button.sc-stzh-chip,.stzh-chip__button.is-link.sc-stzh-chip{cursor:pointer}.stzh-chip__label.sc-stzh-chip{text-align:left}.stzh-chip__icon-wrapper.sc-stzh-chip{display:-ms-flexbox;display:flex;color:var(--icon-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);-ms-flex-negative:0;flex-shrink:0}.stzh-chip__icon-wrapper.sc-stzh-chip:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-chip__counter.sc-stzh-chip{display:-ms-flexbox;display:flex;font-variant-numeric:tabular-nums;margin-left:var(--stzh-space-xsmall);color:var(--counter-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-chip__remove.sc-stzh-chip{position:absolute;top:0;right:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;background:none;padding:0;width:var(--height);height:var(--height);border-radius:var(--remove-border-radius);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-left:var(--stzh-space-xxsmall);color:var(--remove-color);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);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__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip{color:var(--hover-color);background-color:var(--hover-background-color);border:var(--hover-border)}.stzh-chip__button.sc-stzh-chip:hover .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{color:var(--hover-icon-color)}.stzh-chip--size-small.sc-stzh-chip .stzh-chip__button.sc-stzh-chip{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-chip--size-small.sc-stzh-chip .stzh-chip__icon-wrapper.sc-stzh-chip:not(:empty){margin-right:var(--stzh-space-xxsmall)}.stzh-chip--size-small.sc-stzh-chip .stzh-chip__counter.sc-stzh-chip{margin-left:var(--stzh-space-xxsmall)}.stzh-chip--is-removable.sc-stzh-chip .stzh-chip__button.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 c=class{constructor(o){r(this,o),this.lines=1,this.linesSmall=0,this.linesMedium=0,this.linesLarge=0,this.linesUltra=0}render(){return s(i,null,s("div",{class:{"stzh-clamp":!0}},s("slot",null)))}};c.style='.sc-stzh-clamp-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-clamp-h{display:none}.sc-stzh-clamp-h *.sc-stzh-clamp,.sc-stzh-clamp-h *.sc-stzh-clamp::before,.sc-stzh-clamp-h *.sc-stzh-clamp::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-clamp-h{--lines:1;width:100%;color:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:inherit;line-height:inherit}[lines="1"].sc-stzh-clamp-h{--lines:1}[lines="2"].sc-stzh-clamp-h{--lines:2}[lines="3"].sc-stzh-clamp-h{--lines:3}[lines="4"].sc-stzh-clamp-h{--lines:4}[lines="5"].sc-stzh-clamp-h{--lines:5}@media screen and (min-width: 600px){[lines-small="1"].sc-stzh-clamp-h{--lines:1}}@media screen and (min-width: 600px){[lines-small="2"].sc-stzh-clamp-h{--lines:2}}@media screen and (min-width: 600px){[lines-small="3"].sc-stzh-clamp-h{--lines:3}}@media screen and (min-width: 600px){[lines-small="4"].sc-stzh-clamp-h{--lines:4}}@media screen and (min-width: 600px){[lines-small="5"].sc-stzh-clamp-h{--lines:5}}@media screen and (min-width: 800px){[lines-smallheader="1"].sc-stzh-clamp-h{--lines:1}}@media screen and (min-width: 800px){[lines-smallheader="2"].sc-stzh-clamp-h{--lines:2}}@media screen and (min-width: 800px){[lines-smallheader="3"].sc-stzh-clamp-h{--lines:3}}@media screen and (min-width: 800px){[lines-smallheader="4"].sc-stzh-clamp-h{--lines:4}}@media screen and (min-width: 800px){[lines-smallheader="5"].sc-stzh-clamp-h{--lines:5}}@media screen and (min-width: 1024px){[lines-medium="1"].sc-stzh-clamp-h{--lines:1}}@media screen and (min-width: 1024px){[lines-medium="2"].sc-stzh-clamp-h{--lines:2}}@media screen and (min-width: 1024px){[lines-medium="3"].sc-stzh-clamp-h{--lines:3}}@media screen and (min-width: 1024px){[lines-medium="4"].sc-stzh-clamp-h{--lines:4}}@media screen and (min-width: 1024px){[lines-medium="5"].sc-stzh-clamp-h{--lines:5}}@media screen and (min-width: 1260px){[lines-large="1"].sc-stzh-clamp-h{--lines:1}}@media screen and (min-width: 1260px){[lines-large="2"].sc-stzh-clamp-h{--lines:2}}@media screen and (min-width: 1260px){[lines-large="3"].sc-stzh-clamp-h{--lines:3}}@media screen and (min-width: 1260px){[lines-large="4"].sc-stzh-clamp-h{--lines:4}}@media screen and (min-width: 1260px){[lines-large="5"].sc-stzh-clamp-h{--lines:5}}@media screen and (min-width: 1440px){[lines-ultra="1"].sc-stzh-clamp-h{--lines:1}}@media screen and (min-width: 1440px){[lines-ultra="2"].sc-stzh-clamp-h{--lines:2}}@media screen and (min-width: 1440px){[lines-ultra="3"].sc-stzh-clamp-h{--lines:3}}@media screen and (min-width: 1440px){[lines-ultra="4"].sc-stzh-clamp-h{--lines:4}}@media screen and (min-width: 1440px){[lines-ultra="5"].sc-stzh-clamp-h{--lines:5}}.stzh-clamp.sc-stzh-clamp{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden}';export{h as stzh_chip,c as stzh_clamp}
+import{r,e as o,h as s,F as e,c as i,g as t}from"./p-99a3742a.js";const h=class{constructor(s){r(this,s),this.stzhClick=o(this,"stzhClick",7),this.stzhRemove=o(this,"stzhRemove",7),this.stzhFocus=o(this,"stzhFocus",7),this.stzhBlur=o(this,"stzhBlur",7),this.onFocus=r=>{const o=new FocusEvent("focus",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(o),this.stzhFocus.emit({component:"stzh-chip",originalEvent:r})},this.onBlur=r=>{const o=new FocusEvent("blur",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(o),this.stzhBlur.emit({component:"stzh-chip",originalEvent:r})},this.onClick=r=>{this.stzhClick.emit({component:"stzh-chip",originalEvent:r})},this.onRemoveClick=r=>{this.stzhRemove.emit({component:"stzh-chip",originalEvent:r})},this.label="",this.icon="",this.href="",this.target="",this.nonInteractive=!1,this.removable=!1,this.variant="tag",this.size="default",this.type="default",this.counter="",this.removeLabel="",this.active=!1,this.disabled=!1,this.a11yTabindex=void 0,this.a11yLabel=void 0,this.a11yDescribedby=""}async setFocus(){this.chip.focus()}renderInner(){return s(e,null,s("div",{class:"stzh-chip__icon-wrapper"},this.icon?s("stzh-icon",{class:"stzh-chip__icon",name:this.icon}):s("slot",{name:"icon"})),s("stzh-clamp",{lines:1,class:"stzh-chip__label"},this.label?this.label:s("slot",null),s("span",{class:"stzh-chip__vhidden"}," (",this.counter,")")),this.counter&&s("div",{class:"stzh-chip__counter","aria-hidden":"true"},this.counter))}render(){const r=this.nonInteractive?"div":this.href?"a":"button";return s(i,null,s("div",{class:{"stzh-chip":!0,"stzh-chip--is-active":this.active,"stzh-chip--is-disabled":this.disabled,"stzh-chip--is-removable":this.removable,"stzh-chip--has-counter":!!this.counter,[`stzh-chip--type-${this.type}`]:!!this.type,[`stzh-chip--size-${this.size}`]:!!this.size,[`stzh-chip--${this.variant}`]:!!this.variant}},this.removable&&s("button",{class:"stzh-chip__remove",onClick:this.onRemoveClick,disabled:this.disabled,"aria-label":this.removeLabel,type:"button"},s("stzh-icon",{class:"stzh-chip__remove-icon",name:"close"})),s(r,this.href?{ref:r=>this.chip=r,class:{"stzh-chip__button":!0,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},href:this.disabled?null:this.href,target:this.target,tabindex:this.a11yTabindex,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}:{ref:r=>this.chip=r,class:{"stzh-chip__button":!0,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},disabled:this.disabled,type:"button",tabindex:this.a11yTabindex,"aria-label":this.a11yLabel,"aria-describedby":this.a11yDescribedby,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner())))}get element(){return t(this)}};h.style=".sc-stzh-chip-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-chip-h{display:none}.sc-stzh-chip-h *.sc-stzh-chip,.sc-stzh-chip-h *.sc-stzh-chip::before,.sc-stzh-chip-h *.sc-stzh-chip::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-chip-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--height:2rem;--padding:0 var(--stzh-space-medium);--border:0.0625rem solid var(--stzh-color-grey13);--border-radius:1rem;--remove-color:var(--stzh-base-lead-color);--remove-border-radius:1.5rem;--background-color:var(--stzh-color-white);--icon-size:var(--stzh-icon-size-small);--icon-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--counter-color:var(--stzh-color-primary60op);--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border:var(--border);--hover-background-color:var(--stzh-color-primary8);--hover-remove-color:var(--hover-color);--hover-remove-background-color:var(--hover-background-color);--hover-icon-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-counter-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));display:-ms-inline-flexbox;display:inline-flex;border-radius:var(--border-radius)}@media (forced-colors: active), (-ms-high-contrast: active){.sc-stzh-chip-h{--hover-color:Highlight;--hover-border:0.0625rem solid Highlight;--hover-background-color:Canvas;--hover-remove-color:Highlight;--hover-remove-background-color:Canvas;--hover-icon-color:Highlight;--hover-counter-color:Highlight}}[size=large].sc-stzh-chip-h{--height:2.5rem;--border-radius:1.25rem;--padding:0 var(--stzh-space-xlarge)}[size=small].sc-stzh-chip-h{--height:1.5rem;--icon-size:var(--stzh-icon-size-xsmall)}[variant=input].sc-stzh-chip-h{--border:0.0625rem solid transparent;--background-color:var(--stzh-color-grey5);--hover-border:0.0625rem solid transparent}[variant=tag].sc-stzh-chip-h{--color:var(--stzh-base-color);--icon-color:var(--stzh-base-color);--counter-color:var(--stzh-base-color);--border:0.0625rem solid transparent;--background-color:var(--stzh-color-black8);--hover-color:var(--stzh-base-color);--hover-border:0.0625rem solid transparent;--hover-background-color:var(--stzh-color-black8);--hover-icon-color:var(--stzh-base-color);--hover-counter-color:var(--stzh-base-color)}[type=secondary].sc-stzh-chip-h{--color:var(--stzh-base-lead-color);--counter-color:var(--stzh-color-grey40)}[type=important].sc-stzh-chip-h{--color:var(--stzh-color-error);--icon-color:var(--stzh-color-error);--counter-color:var(--stzh-color-error);--hover-color:var(--stzh-color-error);--hover-icon-color:var(--stzh-color-error);--hover-counter-color:var(--stzh-color-error)}@media (forced-colors: active), (-ms-high-contrast: active){[type=important].sc-stzh-chip-h{--hover-color:Highlight;--hover-icon-color:Highlight;--hover-counter-color:Highlight}}[active].sc-stzh-chip-h:not([active=false]){--color:var(--stzh-color-white);--border:0.0625rem solid transparent;--remove-color:var(--stzh-color-white);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--icon-color:var(--stzh-color-white);--counter-color:var(--stzh-color-white56);--hover-color:var(--stzh-color-white);--hover-border:0.0625rem solid transparent;--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-remove-color:var(--stzh-color-white);--hover-remove-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-icon-color:var(--stzh-color-white);--hover-counter-color:var(--stzh-color-white56)}@media (forced-colors: active), (-ms-high-contrast: active){[active].sc-stzh-chip-h:not([active=false]){--color:SelectedItem;--border:0.0625rem solid SelectedItem;--remove-color:SelectedItem;--background-color:Canvas;--icon-color:SelectedItem;--counter-color:SelectedItem;--hover-color:Highlight;--hover-border:0.0625rem solid Highlight;--hover-background-color:Canvas;--hover-remove-color:Highlight;--hover-remove-background-color:Canvas;--hover-icon-color:Highlight;--hover-counter-color:Highlight}}[non-interactive].sc-stzh-chip-h:not([non-interactive=false]){--hover-color:var(--color);--hover-border:var(--border);--hover-background-color:var(--background-color);--hover-icon-color:var(--icon-color);--hover-counter-color:var(--counter-color)}[disabled].sc-stzh-chip-h:not([disabled=false]){--color:var(--stzh-color-grey25);--border:0.0625rem solid var(--stzh-base-border-color);--remove-color:var(--stzh-color-grey13);--background-color:var(--stzh-color-white);--icon-color:var(--stzh-color-grey25);--counter-color:var(--stzh-color-grey25);--hover-color:var(--stzh-color-grey25);--hover-border:0.0625rem solid var(--stzh-base-border-color);--hover-background-color:var(--stzh-color-white);--hover-remove-color:var(--stzh-color-grey13);--hover-remove-background-color:transparent;--hover-icon-color:var(--stzh-color-grey25);--hover-counter-color:var(--stzh-color-grey25)}.sc-stzh-chip-h .sc-stzh-chip-s>stzh-icon,.stzh-chip__icon.sc-stzh-chip{--size:var(--icon-size)}.stzh-chip.sc-stzh-chip{position:relative}.stzh-chip__vhidden.sc-stzh-chip{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chip__button.sc-stzh-chip{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);font-family:inherit;height:var(--height);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;border-radius:var(--border-radius);padding:var(--padding);color:var(--color);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border);background-color:var(--background-color);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);text-decoration:none}.stzh-chip__button.is-button.sc-stzh-chip,.stzh-chip__button.is-link.sc-stzh-chip{cursor:pointer}.stzh-chip__label.sc-stzh-chip{text-align:left}.stzh-chip__icon-wrapper.sc-stzh-chip{display:-ms-flexbox;display:flex;color:var(--icon-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);-ms-flex-negative:0;flex-shrink:0}.stzh-chip__icon-wrapper.sc-stzh-chip:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-chip__counter.sc-stzh-chip{display:-ms-flexbox;display:flex;font-variant-numeric:tabular-nums;margin-left:var(--stzh-space-xsmall);color:var(--counter-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-chip__remove.sc-stzh-chip{position:absolute;top:0;right:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:none;background:none;padding:0;width:var(--height);height:var(--height);border-radius:var(--remove-border-radius);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-left:var(--stzh-space-xxsmall);color:var(--remove-color);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);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__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip{color:var(--hover-color);background-color:var(--hover-background-color);border:var(--hover-border)}.stzh-chip__button.sc-stzh-chip:hover .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{color:var(--hover-icon-color)}.stzh-chip--size-small.sc-stzh-chip .stzh-chip__button.sc-stzh-chip{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-chip--size-small.sc-stzh-chip .stzh-chip__icon-wrapper.sc-stzh-chip:not(:empty){margin-right:var(--stzh-space-xxsmall)}.stzh-chip--size-small.sc-stzh-chip .stzh-chip__counter.sc-stzh-chip{margin-left:var(--stzh-space-xxsmall)}.stzh-chip--is-removable.sc-stzh-chip .stzh-chip__button.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 c=class{constructor(o){r(this,o),this.lines=1,this.linesSmall=0,this.linesMedium=0,this.linesLarge=0,this.linesUltra=0}render(){return s(i,null,s("div",{class:{"stzh-clamp":!0}},s("slot",null)))}};c.style='.sc-stzh-clamp-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-clamp-h{display:none}.sc-stzh-clamp-h *.sc-stzh-clamp,.sc-stzh-clamp-h *.sc-stzh-clamp::before,.sc-stzh-clamp-h *.sc-stzh-clamp::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-clamp-h{--lines:1;width:100%;color:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:inherit;line-height:inherit}[lines="1"].sc-stzh-clamp-h{--lines:1}[lines="2"].sc-stzh-clamp-h{--lines:2}[lines="3"].sc-stzh-clamp-h{--lines:3}[lines="4"].sc-stzh-clamp-h{--lines:4}[lines="5"].sc-stzh-clamp-h{--lines:5}@media screen and (min-width: 600px){[lines-small="1"].sc-stzh-clamp-h{--lines:1}}@media screen and (min-width: 600px){[lines-small="2"].sc-stzh-clamp-h{--lines:2}}@media screen and (min-width: 600px){[lines-small="3"].sc-stzh-clamp-h{--lines:3}}@media screen and (min-width: 600px){[lines-small="4"].sc-stzh-clamp-h{--lines:4}}@media screen and (min-width: 600px){[lines-small="5"].sc-stzh-clamp-h{--lines:5}}@media screen and (min-width: 800px){[lines-smallheader="1"].sc-stzh-clamp-h{--lines:1}}@media screen and (min-width: 800px){[lines-smallheader="2"].sc-stzh-clamp-h{--lines:2}}@media screen and (min-width: 800px){[lines-smallheader="3"].sc-stzh-clamp-h{--lines:3}}@media screen and (min-width: 800px){[lines-smallheader="4"].sc-stzh-clamp-h{--lines:4}}@media screen and (min-width: 800px){[lines-smallheader="5"].sc-stzh-clamp-h{--lines:5}}@media screen and (min-width: 1024px){[lines-medium="1"].sc-stzh-clamp-h{--lines:1}}@media screen and (min-width: 1024px){[lines-medium="2"].sc-stzh-clamp-h{--lines:2}}@media screen and (min-width: 1024px){[lines-medium="3"].sc-stzh-clamp-h{--lines:3}}@media screen and (min-width: 1024px){[lines-medium="4"].sc-stzh-clamp-h{--lines:4}}@media screen and (min-width: 1024px){[lines-medium="5"].sc-stzh-clamp-h{--lines:5}}@media screen and (min-width: 1260px){[lines-large="1"].sc-stzh-clamp-h{--lines:1}}@media screen and (min-width: 1260px){[lines-large="2"].sc-stzh-clamp-h{--lines:2}}@media screen and (min-width: 1260px){[lines-large="3"].sc-stzh-clamp-h{--lines:3}}@media screen and (min-width: 1260px){[lines-large="4"].sc-stzh-clamp-h{--lines:4}}@media screen and (min-width: 1260px){[lines-large="5"].sc-stzh-clamp-h{--lines:5}}@media screen and (min-width: 1440px){[lines-ultra="1"].sc-stzh-clamp-h{--lines:1}}@media screen and (min-width: 1440px){[lines-ultra="2"].sc-stzh-clamp-h{--lines:2}}@media screen and (min-width: 1440px){[lines-ultra="3"].sc-stzh-clamp-h{--lines:3}}@media screen and (min-width: 1440px){[lines-ultra="4"].sc-stzh-clamp-h{--lines:4}}@media screen and (min-width: 1440px){[lines-ultra="5"].sc-stzh-clamp-h{--lines:5}}.stzh-clamp.sc-stzh-clamp{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden}';export{h as stzh_chip,c as stzh_clamp}