@oiz/stzh-components 2.11.0-beta1 → 2.11.1

package/dist/esm-es5/stzh-vspace.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,a as Host}from"./index-bfb5b569.js";var stzhVspaceCss=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--v-space:var(--stzh-space-default);--v-around-top:0;--v-around-bottom:0;--v-around:0;display:-ms-flexbox;display:flex}:host ::slotted(*){max-width:100%;padding-top:calc(var(--v-space) * var(--v-around-top));padding-bottom:calc(var(--v-space) * var(--v-around-bottom));margin:0}:host ::slotted(*:not(:last-child)){margin-bottom:calc(var(--v-space) * (1 - var(--v-around)))}:host ::slotted(stzh-vspace),:host ::slotted(stzh-hspace),:host ::slotted(stzh-row),:host ::slotted(stzh-container),:host ::slotted(stzh-section){-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-positive:1;flex-grow:1}:host(:empty),:host([around]:not([around=false])){--v-around-top:1;--v-around-bottom:1;--v-around:1}:host(:empty){height:var(--v-space)}:host([around-top]:not([around-top=false])){--v-around-top:1;--v-around:1}:host([around-bottom]:not([around-bottom=false])){--v-around-bottom:1;--v-around:1}:host([border=top]),:host([border=top-bottom]){border-top:0.0625rem solid var(--stzh-base-border-color)}:host([border=bottom]),:host([border=top-bottom]){border-bottom:0.0625rem solid var(--stzh-base-border-color)}:host([curve=tiny]){--v-space:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host([curve=tiny]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([curve=tiny]){--v-space:var(--stzh-space-medium)}}:host([curve=small]){--v-space:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host([curve=small]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([curve=small]){--v-space:var(--stzh-space-large)}}:host([curve=regular]){--v-space:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host([curve=regular]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([curve=regular]){--v-space:var(--stzh-space-xlarge)}}:host([curve=medium]){--v-space:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host([curve=medium]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=medium]){--v-space:var(--stzh-space-xxxlarge)}}:host([curve=large]){--v-space:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host([curve=large]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=large]){--v-space:var(--stzh-space-xxxxlarge)}}:host([curve=big]){--v-space:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host([curve=big]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([curve=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([curve=big]){--v-space:var(--stzh-space-xbig)}}:host([curve=huge]){--v-space:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host([curve=huge]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([curve=huge]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([curve=huge]){--v-space:var(--stzh-space-huge)}}:host([size=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}:host([size=xxsmall]){--v-space:var(--stzh-space-xxsmall)}:host([size=xsmall]){--v-space:var(--stzh-space-xsmall)}:host([size=small]){--v-space:var(--stzh-space-small)}:host([size=medium]){--v-space:var(--stzh-space-medium)}:host([size=large]){--v-space:var(--stzh-space-large)}:host([size=xlarge]){--v-space:var(--stzh-space-xlarge)}:host([size=xxlarge]){--v-space:var(--stzh-space-xxlarge)}:host([size=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}:host([size=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}:host([size=big]){--v-space:var(--stzh-space-big)}:host([size=xbig]){--v-space:var(--stzh-space-xbig)}:host([size=huge]){--v-space:var(--stzh-space-huge)}:host([size=xhuge]){--v-space:var(--stzh-space-xhuge)}:host([size=none]){--v-space:var(--stzh-space-none)}:host([size=default]){--v-space:var(--stzh-space-default)}@media screen and (min-width: 600px){:host([size-small=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){:host([size-small=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){:host([size-small=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){:host([size-small=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 600px){:host([size-small=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){:host([size-small=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 600px){:host([size-small=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([size-small=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){:host([size-small=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 600px){:host([size-small=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host([size-small=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host([size-small=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){:host([size-small=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 600px){:host([size-small=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 800px){:host([size-smallheader=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 800px){:host([size-smallheader=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 800px){:host([size-smallheader=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 800px){:host([size-smallheader=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 800px){:host([size-smallheader=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 800px){:host([size-smallheader=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 800px){:host([size-smallheader=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 800px){:host([size-smallheader=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 1024px){:host([size-medium=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1024px){:host([size-medium=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1024px){:host([size-medium=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){:host([size-medium=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host([size-medium=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([size-medium=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1024px){:host([size-medium=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 1024px){:host([size-medium=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1024px){:host([size-medium=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 1024px){:host([size-medium=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){:host([size-large=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([size-large=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([size-large=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([size-large=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([size-large=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([size-large=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([size-large=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){:host([size-large=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){:host([size-large=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){:host([size-large=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1440px){:host([size-ultra=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){:host([size-ultra=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1440px){:host([size-ultra=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1440px){:host([size-ultra=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1440px){:host([size-ultra=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 1440px){:host([size-ultra=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1440px){:host([size-ultra=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 1440px){:host([size-ultra=default]){--v-space:var(--stzh-space-default)}}.stzh-vspace{-ms-flex-positive:1;flex-grow:1;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;padding:0;margin:0;}.stzh-vspace--border-top{border-top:0.0625rem solid var(--stzh-base-border-color)}.stzh-vspace--border-bottom{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-vspace--justify-center{-ms-flex-pack:center;justify-content:center}.stzh-vspace--justify-end{-ms-flex-pack:end;justify-content:flex-end}.stzh-vspace--justify-between{-ms-flex-pack:justify;justify-content:space-between}.stzh-vspace--justify-around{-ms-flex-pack:distribute;justify-content:space-around}.stzh-vspace--justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.stzh-vspace--items-end{-ms-flex-align:end;align-items:flex-end}.stzh-vspace--items-center{-ms-flex-align:center;align-items:center}.stzh-vspace--items-baseline{-ms-flex-align:baseline;align-items:baseline}.stzh-vspace--items-stretch{-ms-flex-align:stretch;align-items:stretch}";var StzhVspace=function(){function e(e){registerInstance(this,e);this.curve="none";this.size="inherit";this.sizeSmall="inherit";this.sizeMedium="inherit";this.sizeLarge="inherit";this.sizeUltra="inherit";this.justify="start";this.items="start";this.around=false;this.aroundTop=false;this.aroundBottom=false;this.border="none"}e.prototype.render=function(){var e;return h(Host,null,h("div",{class:(e={"stzh-vspace":true},e["stzh-vspace--justify-".concat(this.justify)]=!!this.justify,e["stzh-vspace--items-".concat(this.items)]=!!this.items,e)},h("slot",null)))};return e}();StzhVspace.style=stzhVspaceCss;export{StzhVspace as stzh_vspace};
+import{r as registerInstance,h,a as Host}from"./index-bfb5b569.js";var stzhVspaceCss=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--v-space:var(--stzh-space-default);--v-around-top:0;--v-around-bottom:0;--v-around:0;display:-ms-flexbox;display:flex}:host ::slotted(*){max-width:100%;padding-top:calc(var(--v-space) * var(--v-around-top));padding-bottom:calc(var(--v-space) * var(--v-around-bottom));margin:0}:host ::slotted(*:not(:last-child)){margin-bottom:calc(var(--v-space) * (1 - var(--v-around)))}:host ::slotted(stzh-vspace),:host ::slotted(stzh-hspace),:host ::slotted(stzh-row),:host ::slotted(stzh-container),:host ::slotted(stzh-section){-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-positive:1;flex-grow:1}:host(:empty),:host([around]:not([around=false])){--v-around-top:1;--v-around-bottom:1;--v-around:1}:host(:empty){height:var(--v-space)}:host([around-top]:not([around-top=false])){--v-around-top:1;--v-around:1}:host([around-bottom]:not([around-bottom=false])){--v-around-bottom:1;--v-around:1}:host([border=top]),:host([border=top-bottom]){border-top:0.0625rem solid var(--stzh-base-border-color)}:host([border=bottom]),:host([border=top-bottom]){border-bottom:0.0625rem solid var(--stzh-base-border-color)}:host([curve=tiny]){--v-space:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host([curve=tiny]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([curve=tiny]){--v-space:var(--stzh-space-medium)}}:host([curve=small]){--v-space:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host([curve=small]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([curve=small]){--v-space:var(--stzh-space-large)}}:host([curve=regular]){--v-space:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host([curve=regular]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([curve=regular]){--v-space:var(--stzh-space-xlarge)}}:host([curve=medium]){--v-space:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host([curve=medium]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=medium]){--v-space:var(--stzh-space-xxxlarge)}}:host([curve=large]){--v-space:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host([curve=large]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=large]){--v-space:var(--stzh-space-xxxxlarge)}}:host([curve=big]){--v-space:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host([curve=big]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([curve=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([curve=big]){--v-space:var(--stzh-space-xbig)}}:host([curve=huge]){--v-space:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host([curve=huge]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([curve=huge]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([curve=huge]){--v-space:var(--stzh-space-huge)}}:host([size=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}:host([size=xxsmall]){--v-space:var(--stzh-space-xxsmall)}:host([size=xsmall]){--v-space:var(--stzh-space-xsmall)}:host([size=small]){--v-space:var(--stzh-space-small)}:host([size=medium]){--v-space:var(--stzh-space-medium)}:host([size=large]){--v-space:var(--stzh-space-large)}:host([size=xlarge]){--v-space:var(--stzh-space-xlarge)}:host([size=xxlarge]){--v-space:var(--stzh-space-xxlarge)}:host([size=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}:host([size=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}:host([size=big]){--v-space:var(--stzh-space-big)}:host([size=xbig]){--v-space:var(--stzh-space-xbig)}:host([size=huge]){--v-space:var(--stzh-space-huge)}:host([size=xhuge]){--v-space:var(--stzh-space-xhuge)}:host([size=none]){--v-space:var(--stzh-space-none)}:host([size=default]){--v-space:var(--stzh-space-default)}@media screen and (min-width: 600px){:host([size-small=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){:host([size-small=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){:host([size-small=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){:host([size-small=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 600px){:host([size-small=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){:host([size-small=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 600px){:host([size-small=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([size-small=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){:host([size-small=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 600px){:host([size-small=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host([size-small=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host([size-small=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){:host([size-small=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 600px){:host([size-small=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 800px){:host([size-smallheader=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 800px){:host([size-smallheader=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 800px){:host([size-smallheader=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 800px){:host([size-smallheader=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 800px){:host([size-smallheader=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 800px){:host([size-smallheader=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 800px){:host([size-smallheader=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 800px){:host([size-smallheader=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 1024px){:host([size-medium=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1024px){:host([size-medium=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1024px){:host([size-medium=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){:host([size-medium=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host([size-medium=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([size-medium=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1024px){:host([size-medium=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 1024px){:host([size-medium=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1024px){:host([size-medium=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 1024px){:host([size-medium=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){:host([size-large=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([size-large=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([size-large=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([size-large=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([size-large=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([size-large=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([size-large=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){:host([size-large=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){:host([size-large=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){:host([size-large=default]){--v-space:var(--stzh-space-default)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxsmall]){--v-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xxsmall]){--v-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xsmall]){--v-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=small]){--v-space:var(--stzh-space-small)}}@media screen and (min-width: 1440px){:host([size-ultra=medium]){--v-space:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){:host([size-ultra=large]){--v-space:var(--stzh-space-large)}}@media screen and (min-width: 1440px){:host([size-ultra=xlarge]){--v-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxlarge]){--v-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxlarge]){--v-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxxlarge]){--v-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=big]){--v-space:var(--stzh-space-big)}}@media screen and (min-width: 1440px){:host([size-ultra=xbig]){--v-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1440px){:host([size-ultra=huge]){--v-space:var(--stzh-space-huge)}}@media screen and (min-width: 1440px){:host([size-ultra=xhuge]){--v-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1440px){:host([size-ultra=none]){--v-space:var(--stzh-space-none)}}@media screen and (min-width: 1440px){:host([size-ultra=default]){--v-space:var(--stzh-space-default)}}.stzh-vspace{-ms-flex-positive:1;flex-grow:1;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;padding:0;margin:0;}.stzh-vspace--border-top{border-top:0.0625rem solid var(--stzh-base-border-color)}.stzh-vspace--border-bottom{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-vspace--justify-center{-ms-flex-pack:center;justify-content:center}.stzh-vspace--justify-end{-ms-flex-pack:end;justify-content:flex-end}.stzh-vspace--justify-between{-ms-flex-pack:justify;justify-content:space-between}.stzh-vspace--justify-around{-ms-flex-pack:distribute;justify-content:space-around}.stzh-vspace--justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.stzh-vspace--items-end{-ms-flex-align:end;align-items:flex-end}.stzh-vspace--items-center{-ms-flex-align:center;align-items:center}.stzh-vspace--items-baseline{-ms-flex-align:baseline;align-items:baseline}.stzh-vspace--items-stretch{-ms-flex-align:stretch;align-items:stretch}";var StzhVspace=function(){function e(e){registerInstance(this,e);this.curve="none";this.size=undefined;this.sizeSmall=undefined;this.sizeMedium=undefined;this.sizeLarge=undefined;this.sizeUltra=undefined;this.justify="start";this.items="start";this.around=false;this.aroundTop=false;this.aroundBottom=false;this.border="none"}e.prototype.render=function(){var e;return h(Host,null,h("div",{class:(e={"stzh-vspace":true},e["stzh-vspace--justify-".concat(this.justify)]=!!this.justify,e["stzh-vspace--items-".concat(this.items)]=!!this.items,e)},h("slot",null)))};return e}();StzhVspace.style=stzhVspaceCss;export{StzhVspace as stzh_vspace};
 //# sourceMappingURL=stzh-vspace.entry.js.map

package/dist/esm-es5/stzh-vspace.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["stzhVspaceCss","StzhVspace","prototype","render","h","Host","class","_a","concat","this","justify","items"],"sources":["src/components/stzh-vspace/stzh-vspace.scss?tag=stzh-vspace&encapsulation=shadow","src/components/stzh-vspace/stzh-vspace.tsx"],"sourcesContent":[":host {\n  --v-space: #{space()};\n  --v-around-top: 0;\n  --v-around-bottom: 0;\n  --v-around: 0;\n\n  display: flex;\n\n  ::slotted(*) {\n    // fix IE11 not wrapping text\n    max-width: 100%;\n    padding-top: calc(var(--v-space) * var(--v-around-top));\n    padding-bottom: calc(var(--v-space) * var(--v-around-bottom));\n    margin: 0;\n  }\n\n  ::slotted(*:not(:last-child)) {\n    margin-bottom: calc(var(--v-space) * (1 - var(--v-around)));\n  }\n\n  ::slotted(stzh-vspace),\n  ::slotted(stzh-hspace),\n  ::slotted(stzh-row),\n  ::slotted(stzh-container),\n  ::slotted(stzh-section) {\n    align-self: stretch;\n    flex-grow: 1;\n  }\n}\n\n:host(:empty),\n:host([around]:not([around=\"false\"])) {\n  --v-around-top: 1;\n  --v-around-bottom: 1;\n  --v-around: 1;\n}\n\n:host(:empty) {\n  height: var(--v-space);\n}\n\n:host([around-top]:not([around-top=\"false\"])) {\n  --v-around-top: 1;\n  --v-around: 1;\n}\n\n:host([around-bottom]:not([around-bottom=\"false\"])) {\n  --v-around-bottom: 1;\n  --v-around: 1;\n}\n\n/* Border variants */\n\n:host([border=\"top\"]),\n:host([border=\"top-bottom\"]) {\n  border-top: 1px solid $baseBorderColor;\n}\n\n:host([border=\"bottom\"]),\n:host([border=\"top-bottom\"]) {\n  border-bottom: 1px solid $baseBorderColor;\n}\n\n/* Space variants */\n\n@each $spaceCurve, $value in $spaceCurves {\n  $defaultSize: map-get($value, 'size');\n  $breakpointSizes: map-get($value, 'sizes');\n\n  // :host([curve=\"#{$spaceCurve}\"]) > .stzh-vspace {\n  :host([curve=\"#{$spaceCurve}\"]) {\n    --v-space: #{space($defaultSize)};\n\n    @each $breakpoint, $size in $breakpointSizes {\n      @include mq($from: $breakpoint) {\n        --v-space: #{space($size)};\n      }\n    }\n  }\n}\n\n@mixin spaceProps($breakpoint: null) {\n  @each $space, $value in $spaceSizes {\n    @if $breakpoint {\n      // :host([size-#{$breakpoint}=\"#{$space}\"]) > .stzh-vspace {\n      :host([size-#{$breakpoint}=\"#{$space}\"]) {\n        @include mq($from: $breakpoint) {\n          --v-space: #{$value};\n        }\n      }\n    } @else {\n      // :host([size=\"#{$space}\"]) > .stzh-vspace {\n      :host([size=\"#{$space}\"]) {\n        --v-space: #{$value};\n      }\n    }\n  }\n}\n\n@include spaceProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include spaceProps($breakpoint);\n}\n\n.stzh-vspace {\n  flex-grow: 1;\n  width: 100%;\n  height: 100%;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding: 0;\n  margin: 0;\n\n  &--border-top {\n    border-top: 1px solid $baseBorderColor;\n  }\n\n  &--border-bottom {\n    border-bottom: 1px solid $baseBorderColor;\n  }\n\n  /* Justify content variants */\n\n  &--justify-center {\n    justify-content: center;\n  }\n\n  &--justify-end {\n    justify-content: flex-end;\n  }\n\n  &--justify-between {\n    justify-content: space-between;\n  }\n\n  &--justify-around {\n    justify-content: space-around;\n  }\n\n  &--justify-evenly {\n    justify-content: space-evenly;\n  }\n\n  /* Align items variants */\n\n  &--items-end {\n    align-items: flex-end;\n  }\n\n  &--items-center {\n    align-items: center;\n  }\n\n  &--items-baseline {\n    align-items: baseline;\n  }\n\n  &--items-stretch {\n    align-items: stretch;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nimport { Space, Layout } from \"../../index\";\n\n/**\n * @slot - Slot for any elements that should be vertically spaced\n */\n@Component({\n  tag: \"stzh-vspace\",\n  styleUrl: \"stzh-vspace.scss\",\n  shadow: true\n})\nexport class StzhVspace {\n  /** Type of curve (see [Spacings docs page](/docs/tokens-spacings--docs#curves) for more info). */\n  @Prop() curve: Space.Curves = \"none\";\n\n  /** Type of size (see [Spacings docs page](/docs/tokens-spacings--docs#values) for more info). */\n  @Prop() size: Space.Sizes = \"inherit\";\n  /** Type of size above small breakpoint (see [Spacings docs page](/docs/tokens-spacings--docs#values) for more info). */\n  @Prop() sizeSmall: Space.Sizes = \"inherit\";\n  /** Type of size above medium breakpoint (see [Spacings docs page](/docs/tokens-spacings--docs#values) for more info). */\n  @Prop() sizeMedium: Space.Sizes = \"inherit\";\n  /** Type of size above large breakpoint (see [Spacings docs page](/docs/tokens-spacings--docs#values) for more info). */\n  @Prop() sizeLarge: Space.Sizes = \"inherit\";\n  /** Type of size above ultra breakpoint (see [Spacings docs page](/docs/tokens-spacings--docs#values) for more info). */\n  @Prop() sizeUltra: Space.Sizes = \"inherit\";\n\n    /** Alignment */\n  @Prop() justify: Layout.Justify = \"start\";\n\n  /** Control how cells items are positioned along a container's cross axis */\n  @Prop() items: Layout.Items = \"start\";\n\n  /** Apply spacing to slotted elements (padding instead of margin) */\n  @Prop({ reflect: true }) around: boolean = false;\n\n  /** Apply spacing to slotted elements (padding instead of margin, only top) */\n  @Prop({ reflect: true }) aroundTop: boolean = false;\n\n  /** Apply spacing to slotted elements (padding instead of margin, only bottom) */\n  @Prop({ reflect: true }) aroundBottom: boolean = false;\n\n  /** Add border */\n  @Prop({ reflect: true }) border: \"none\" | \"top\" | \"bottom\" | \"top-bottom\" = \"none\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-vspace\": true,\n            [`stzh-vspace--justify-${this.justify}`]: !!this.justify,\n            [`stzh-vspace--items-${this.items}`]: !!this.items\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mEAAA,IAAMA,cAAgB,iib,ICiBTC,WAAU,W,kDAES,O,UAGF,U,eAEK,U,gBAEC,U,eAED,U,eAEA,U,aAGC,Q,WAGJ,Q,YAGa,M,eAGG,M,kBAGG,M,YAG2B,M,CAE5EA,EAAAC,UAAAC,OAAA,W,MACE,OACEC,EAACC,KAAI,KACHD,EAAA,OACEE,OAAKC,EAAA,CACH,cAAe,MACfA,EAAC,wBAAAC,OAAwBC,KAAKC,YAAcD,KAAKC,QACjDH,EAAC,sBAAAC,OAAsBC,KAAKE,UAAYF,KAAKE,M,IAG/CP,EAAA,c,WA3Ca,G"}
+{"version":3,"names":["stzhVspaceCss","StzhVspace","prototype","render","h","Host","class","_a","concat","this","justify","items"],"sources":["src/components/stzh-vspace/stzh-vspace.scss?tag=stzh-vspace&encapsulation=shadow","src/components/stzh-vspace/stzh-vspace.tsx"],"sourcesContent":[":host {\n  --v-space: #{space()};\n  --v-around-top: 0;\n  --v-around-bottom: 0;\n  --v-around: 0;\n\n  display: flex;\n\n  ::slotted(*) {\n    // fix IE11 not wrapping text\n    max-width: 100%;\n    padding-top: calc(var(--v-space) * var(--v-around-top));\n    padding-bottom: calc(var(--v-space) * var(--v-around-bottom));\n    margin: 0;\n  }\n\n  ::slotted(*:not(:last-child)) {\n    margin-bottom: calc(var(--v-space) * (1 - var(--v-around)));\n  }\n\n  ::slotted(stzh-vspace),\n  ::slotted(stzh-hspace),\n  ::slotted(stzh-row),\n  ::slotted(stzh-container),\n  ::slotted(stzh-section) {\n    align-self: stretch;\n    flex-grow: 1;\n  }\n}\n\n:host(:empty),\n:host([around]:not([around=\"false\"])) {\n  --v-around-top: 1;\n  --v-around-bottom: 1;\n  --v-around: 1;\n}\n\n:host(:empty) {\n  height: var(--v-space);\n}\n\n:host([around-top]:not([around-top=\"false\"])) {\n  --v-around-top: 1;\n  --v-around: 1;\n}\n\n:host([around-bottom]:not([around-bottom=\"false\"])) {\n  --v-around-bottom: 1;\n  --v-around: 1;\n}\n\n/* Border variants */\n\n:host([border=\"top\"]),\n:host([border=\"top-bottom\"]) {\n  border-top: 1px solid $baseBorderColor;\n}\n\n:host([border=\"bottom\"]),\n:host([border=\"top-bottom\"]) {\n  border-bottom: 1px solid $baseBorderColor;\n}\n\n/* Space variants */\n\n@each $spaceCurve, $value in $spaceCurves {\n  $defaultSize: map-get($value, 'size');\n  $breakpointSizes: map-get($value, 'sizes');\n\n  // :host([curve=\"#{$spaceCurve}\"]) > .stzh-vspace {\n  :host([curve=\"#{$spaceCurve}\"]) {\n    --v-space: #{space($defaultSize)};\n\n    @each $breakpoint, $size in $breakpointSizes {\n      @include mq($from: $breakpoint) {\n        --v-space: #{space($size)};\n      }\n    }\n  }\n}\n\n@mixin spaceProps($breakpoint: null) {\n  @each $space, $value in $spaceSizes {\n    @if $breakpoint {\n      // :host([size-#{$breakpoint}=\"#{$space}\"]) > .stzh-vspace {\n      :host([size-#{$breakpoint}=\"#{$space}\"]) {\n        @include mq($from: $breakpoint) {\n          --v-space: #{$value};\n        }\n      }\n    } @else {\n      // :host([size=\"#{$space}\"]) > .stzh-vspace {\n      :host([size=\"#{$space}\"]) {\n        --v-space: #{$value};\n      }\n    }\n  }\n}\n\n@include spaceProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include spaceProps($breakpoint);\n}\n\n.stzh-vspace {\n  flex-grow: 1;\n  width: 100%;\n  height: 100%;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding: 0;\n  margin: 0;\n\n  &--border-top {\n    border-top: 1px solid $baseBorderColor;\n  }\n\n  &--border-bottom {\n    border-bottom: 1px solid $baseBorderColor;\n  }\n\n  /* Justify content variants */\n\n  &--justify-center {\n    justify-content: center;\n  }\n\n  &--justify-end {\n    justify-content: flex-end;\n  }\n\n  &--justify-between {\n    justify-content: space-between;\n  }\n\n  &--justify-around {\n    justify-content: space-around;\n  }\n\n  &--justify-evenly {\n    justify-content: space-evenly;\n  }\n\n  /* Align items variants */\n\n  &--items-end {\n    align-items: flex-end;\n  }\n\n  &--items-center {\n    align-items: center;\n  }\n\n  &--items-baseline {\n    align-items: baseline;\n  }\n\n  &--items-stretch {\n    align-items: stretch;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nimport { Space, Layout } from \"../../index\";\n\n/**\n * @slot - Slot for any elements that should be vertically spaced\n */\n@Component({\n  tag: \"stzh-vspace\",\n  styleUrl: \"stzh-vspace.scss\",\n  shadow: true\n})\nexport class StzhVspace {\n  /** Type of curve (see [Spacings docs page](/docs/tokens-spacings--docs#curves) for more info). */\n  @Prop({ reflect: true }) curve: Space.Curves = \"none\";\n\n  /** Type of size (see [Spacings docs page](/docs/tokens-spacings--docs#values) for more info). */\n  @Prop({ reflect: true }) size: Space.Sizes;\n  /** Type of size above small breakpoint (see [Spacings docs page](/docs/tokens-spacings--docs#values) for more info). */\n  @Prop({ reflect: true }) sizeSmall: Space.Sizes;\n  /** Type of size above medium breakpoint (see [Spacings docs page](/docs/tokens-spacings--docs#values) for more info). */\n  @Prop({ reflect: true }) sizeMedium: Space.Sizes;\n  /** Type of size above large breakpoint (see [Spacings docs page](/docs/tokens-spacings--docs#values) for more info). */\n  @Prop({ reflect: true }) sizeLarge: Space.Sizes;\n  /** Type of size above ultra breakpoint (see [Spacings docs page](/docs/tokens-spacings--docs#values) for more info). */\n  @Prop({ reflect: true }) sizeUltra: Space.Sizes;\n\n    /** Alignment */\n  @Prop({ reflect: true }) justify: Layout.Justify = \"start\";\n\n  /** Control how cells items are positioned along a container's cross axis */\n  @Prop({ reflect: true }) items: Layout.Items = \"start\";\n\n  /** Apply spacing to slotted elements (padding instead of margin) */\n  @Prop({ reflect: true }) around: boolean = false;\n\n  /** Apply spacing to slotted elements (padding instead of margin, only top) */\n  @Prop({ reflect: true }) aroundTop: boolean = false;\n\n  /** Apply spacing to slotted elements (padding instead of margin, only bottom) */\n  @Prop({ reflect: true }) aroundBottom: boolean = false;\n\n  /** Add border */\n  @Prop({ reflect: true }) border: \"none\" | \"top\" | \"bottom\" | \"top-bottom\" = \"none\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-vspace\": true,\n            [`stzh-vspace--justify-${this.justify}`]: !!this.justify,\n            [`stzh-vspace--items-${this.items}`]: !!this.items\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mEAAA,IAAMA,cAAgB,iib,ICiBTC,WAAU,W,kDAE0B,O,sIAcI,Q,WAGJ,Q,YAGJ,M,eAGG,M,kBAGG,M,YAG2B,M,CAE5EA,EAAAC,UAAAC,OAAA,W,MACE,OACEC,EAACC,KAAI,KACHD,EAAA,OACEE,OAAKC,EAAA,CACH,cAAe,MACfA,EAAC,wBAAAC,OAAwBC,KAAKC,YAAcD,KAAKC,QACjDH,EAAC,sBAAAC,OAAsBC,KAAKE,UAAYF,KAAKE,M,IAG/CP,EAAA,c,WA3Ca,G"}

package/dist/esm-es5/utils-8bb4c3c6.js

@@ -0,0 +1,2 @@
+import{d as dashCase}from"./string-utils-e252977e.js";function hasSlot(e,t){if(t){return e.querySelector('[slot="'.concat(t,'"]'))!==null}return Array.from(childNodes(e)).some((function(e){if(e.nodeType===e.TEXT_NODE&&e.textContent.trim()!==""){return true}if(e.nodeType===e.ELEMENT_NODE){var t=e;if(!t.hasAttribute("slot")){return true}}return false}))}function setPropsIfNull(e,t){Object.keys(t).forEach((function(r){if(e.getAttribute(dashCase(r))===null){e[r]=t[r]}}))}function isStzhElement(e){if(!e||e.nodeType!==1){return false}return e.tagName.toLowerCase().indexOf("stzh-")===0}function getMeta(e){var t=document.querySelector('meta[name="'.concat(e,'"],[property="').concat(e,'"]'));return t?t.getAttribute("content"):""}function childNodes(e){var t=e.childNodes;if(e["s-sc"]){var r=[];for(var n=0;n<t.length;n++){var i=t[n]["s-nr"];if(i){r.push(i)}}return r}return Array.from(t)}function isVisible(e){if(typeof e.checkVisibility!=="undefined"){return e.checkVisibility({checkOpacity:false,checkVisibilityCSS:false})}else{return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)}}function offset(e){if(!e.getClientRects().length){return{top:0,left:0}}var t=e.getBoundingClientRect();var r=e.ownerDocument.defaultView;return{top:t.top+r.pageYOffset,left:t.left+r.pageXOffset}}export{isVisible as a,getMeta as g,hasSlot as h,isStzhElement as i,offset as o,setPropsIfNull as s};
+//# sourceMappingURL=utils-8bb4c3c6.js.map

package/dist/esm-es5/utils-8bb4c3c6.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["hasSlot","el","name","querySelector","concat","Array","from","childNodes","some","node","nodeType","TEXT_NODE","textContent","trim","ELEMENT_NODE","el_1","hasAttribute","setPropsIfNull","element","attributes","Object","keys","forEach","attribute","getAttribute","dashCase","isStzhElement","tagName","toLowerCase","indexOf","getMeta","meta","document","result","i","length","slot","push","isVisible","checkVisibility","checkOpacity","checkVisibilityCSS","offsetWidth","offsetHeight","getClientRects","offset","top","left","rect","getBoundingClientRect","win","ownerDocument","defaultView","pageYOffset","pageXOffset"],"sources":["src/utils/utils.ts"],"sourcesContent":["import { dashCase } from \"./string-utils\";\n\n// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named\n// slot, otherwise it will look for a \"default\" slot (e.g. a non-empty text node or an element with no slot attribute).\nexport function hasSlot(el: HTMLElement, name?: string) {\n  // Look for a named slot\n  if (name) {\n    return el.querySelector(`[slot=\"${name}\"]`) !== null;\n  }\n\n  // Look for a default slot\n  return Array.from(childNodes(el)).some(node => {\n    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {\n      return true;\n    }\n\n    if (node.nodeType === node.ELEMENT_NODE) {\n      const el = node as HTMLElement;\n      if (!el.hasAttribute('slot')) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n}\n\nexport function setPropsIfNull(element: Element, attributes: any) {\n  Object.keys(attributes).forEach(attribute => {\n    if (element.getAttribute(dashCase(attribute)) === null) {\n      element[attribute] = attributes[attribute];\n    }\n  })\n}\n\nexport function isStzhElement(element: Element) {\n  if (!element || element.nodeType !== 1) {\n    return false;\n  }\n\n  return element.tagName.toLowerCase().indexOf('stzh-') === 0;\n}\n\n// returns content of <meta name=\"\" content=\"\"> tags or '' if empty/non existant\nexport function getMeta(name) {\n  const meta = document.querySelector(`meta[name=\"${name}\"],[property=\"${name}\"]`);\n  return meta ? meta.getAttribute(\"content\") : \"\";\n}\n\nexport function parents(node: Element | Node) {\n  const parents = [];\n\n  while (node) {\n    parents.unshift(node);\n    node = node.parentNode;\n  }\n\n  return parents;\n}\n\nexport function childNodes(node: Element) {\n  const childNodes = node.childNodes;\n\n  // check if element is stencil element without shadow dom\n  // and then detect elements that were slotted into the element\n  if (node[\"s-sc\"]) {\n    const result = [];\n\n    for (let i = 0; i < childNodes.length; i++) {\n      const slot = childNodes[i][\"s-nr\"];\n\n      if (slot) {\n        result.push(slot);\n      }\n    }\n\n    return result;\n  }\n\n  return Array.from(childNodes);\n}\n\nexport function isVisible(element: HTMLElement): boolean {\n  if (typeof element.checkVisibility !== \"undefined\") {\n    return element.checkVisibility({\n      checkOpacity: false,\n      checkVisibilityCSS: false\n    });\n  } else {\n    return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length);\n  }\n}\n\nexport function offset(element): { top: number, left: number } {\n  if (!element.getClientRects().length) {\n    return { top: 0, left: 0 };\n  }\n\n  let rect = element.getBoundingClientRect();\n  let win = element.ownerDocument.defaultView;\n  \n  return {\n    top: rect.top + win.pageYOffset,\n    left: rect.left + win.pageXOffset\n  };   \n}\n\n\n// `extras.experimentalSlotFixes` stencil config flag resolves cloning light dom elements\n// so our own cloneElement / cloneWrappedStzhElement helpers are not needed right now\n// (used before in card-list and sortable component).\n\n// export function children(node: Element) {\n//   return childNodes(node).map((n: any) => n.nodeType === 1);\n// }\n\n// const nativeCloneNodeFn = Node.prototype.cloneNode;\n\n// export function cloneElement(node: Element, deep: boolean) {\n//   const clonedNode = nativeCloneNodeFn.call(node, false);\n//   const srcChildNodes = childNodes(node);\n\n//   if (deep) {\n//     for (let i = 0; i < srcChildNodes.length; i++) {\n//       if (srcChildNodes[i].nodeType !== 2) {\n//         const childClone = cloneElement(srcChildNodes[i], true);\n//         clonedNode.appendChild(childClone);\n//       }\n//     }\n//   }\n\n//   return clonedNode;\n// }\n\n// // Clone an stzh-* element that is using stencil polyfilled slots (no shadow dom)\n// // and potentially wrapped in normal elements (e.g. angular component)\n// export function cloneWrappedStzhElement(elementToClone: Element): [Element, Element, Element] {\n//   let clonedElement: Element;\n//   let clonedStzhElement: Element;\n//   let originalStzhElement: Element;\n\n//   if (isStzhElement(elementToClone)) {\n//     clonedElement = cloneElement(elementToClone, true);\n//     clonedStzhElement = clonedElement;\n//     originalStzhElement = elementToClone;\n//   } else {\n//     clonedElement = elementToClone.cloneNode() as Element;\n\n//     let clonedInnerElementLast: Element = clonedElement;\n//     let originalInnerElementLast: Element = elementToClone;\n\n//     // clone inner root elements separately until we find a stzh element\n//     while (originalInnerElementLast.children.length === 1 && !isStzhElement(originalInnerElementLast.children[0])) {\n//       originalInnerElementLast = originalInnerElementLast.children[0];\n//       const clonedInnerElementCurrent = originalInnerElementLast.cloneNode() as Element;\n\n//       clonedInnerElementLast.appendChild(clonedInnerElementCurrent);\n//       clonedInnerElementLast = clonedInnerElementCurrent;\n//     }\n\n//     if (isStzhElement(originalInnerElementLast.children[0])) {\n//       clonedStzhElement = cloneElement(originalInnerElementLast.children[0], true);\n//       originalStzhElement = originalInnerElementLast.children[0];\n//       clonedInnerElementLast.appendChild(clonedStzhElement);\n//     } else {\n//       // no root stzh element found, so we give up and just deep clone the root\n//       clonedElement = cloneElement(elementToClone, true);\n//     }\n//   }\n\n//   return [clonedElement, clonedStzhElement, originalStzhElement];\n// }\n"],"mappings":"+DAIgBA,QAAQC,EAAiBC,GAEvC,GAAIA,EAAM,CACR,OAAOD,EAAGE,cAAc,UAAAC,OAAUF,EAAI,SAAU,I,CAIlD,OAAOG,MAAMC,KAAKC,WAAWN,IAAKO,MAAK,SAAAC,GACrC,GAAIA,EAAKC,WAAaD,EAAKE,WAAaF,EAAKG,YAAYC,SAAW,GAAI,CACtE,OAAO,I,CAGT,GAAIJ,EAAKC,WAAaD,EAAKK,aAAc,CACvC,IAAMC,EAAKN,EACX,IAAKM,EAAGC,aAAa,QAAS,CAC5B,OAAO,I,EAIX,OAAO,K,GAEX,C,SAEgBC,eAAeC,EAAkBC,GAC/CC,OAAOC,KAAKF,GAAYG,SAAQ,SAAAC,GAC9B,GAAIL,EAAQM,aAAaC,SAASF,MAAgB,KAAM,CACtDL,EAAQK,GAAaJ,EAAWI,E,IAGtC,C,SAEgBG,cAAcR,GAC5B,IAAKA,GAAWA,EAAQR,WAAa,EAAG,CACtC,OAAO,K,CAGT,OAAOQ,EAAQS,QAAQC,cAAcC,QAAQ,WAAa,CAC5D,C,SAGgBC,QAAQ5B,GACtB,IAAM6B,EAAOC,SAAS7B,cAAc,cAAAC,OAAcF,EAAI,kBAAAE,OAAiBF,EAAI,OAC3E,OAAO6B,EAAOA,EAAKP,aAAa,WAAa,EAC/C,C,SAagBjB,WAAWE,GACzB,IAAMF,EAAaE,EAAKF,WAIxB,GAAIE,EAAK,QAAS,CAChB,IAAMwB,EAAS,GAEf,IAAK,IAAIC,EAAI,EAAGA,EAAI3B,EAAW4B,OAAQD,IAAK,CAC1C,IAAME,EAAO7B,EAAW2B,GAAG,QAE3B,GAAIE,EAAM,CACRH,EAAOI,KAAKD,E,EAIhB,OAAOH,C,CAGT,OAAO5B,MAAMC,KAAKC,EACpB,C,SAEgB+B,UAAUpB,GACxB,UAAWA,EAAQqB,kBAAoB,YAAa,CAClD,OAAOrB,EAAQqB,gBAAgB,CAC7BC,aAAc,MACdC,mBAAoB,O,KAEjB,CACL,SAAUvB,EAAQwB,aAAexB,EAAQyB,cAAgBzB,EAAQ0B,iBAAiBT,O,CAEtF,C,SAEgBU,OAAO3B,GACrB,IAAKA,EAAQ0B,iBAAiBT,OAAQ,CACpC,MAAO,CAAEW,IAAK,EAAGC,KAAM,E,CAGzB,IAAIC,EAAO9B,EAAQ+B,wBACnB,IAAIC,EAAMhC,EAAQiC,cAAcC,YAEhC,MAAO,CACLN,IAAKE,EAAKF,IAAMI,EAAIG,YACpBN,KAAMC,EAAKD,KAAOG,EAAII,YAE1B,Q"}

package/dist/stzh-components/assets/i18n/de.json

@@ -158,16 +158,16 @@
   "panorama": {
     "hotspotLabel": "Hotspot",
     "sceneLabel": "Szene",
-    "enableFullscreenLabel": "Fullscreen starten",
-    "disableFullscreenLabel": "Fullscreen beenden",
-    "panUp": "Pan up",
-    "panDown": "Pan down",
-    "panLeft": "Pan left",
-    "panRight": "Pan right",
-    "startOrientation": "Orientation starten",
-    "stopOrientation": "Orientation stoppen",
-    "zoomIn": "Zoom in",
-    "zoomOut": "Zoom out",
+    "enableFullscreenLabel": "Vollbild starten",
+    "disableFullscreenLabel": "Vollbild beenden",
+    "panUp": "nach oben",
+    "panDown": "nach unten",
+    "panLeft": "nach links",
+    "panRight": "nach rechts",
+    "startOrientation": "Orientierung starten",
+    "stopOrientation": "Orientierung stoppen",
+    "zoomIn": "vergrössern",
+    "zoomOut": "verkleinern",
     "loadButtonLabel": "Klicken Sie hier, um das\nPanorama\nzu laden",
     "loadingLabel": "Wird geladen...",
     "bylineLabel": "von %s",
@@ -271,6 +271,15 @@
   "imagecomparison": {
     "label": "Bildvergleich"
   },
+  "gallery": {
+    "closeTitle": "Schliessen",
+    "zoomTitle": "Zoomen",
+    "arrowPrevTitle": "Vorheriges",
+    "arrowNextTitle": "Nächstes",
+    "errorMsg": "Das Bild konnte nicht geladen werden",
+    "defaultAlt": "Gallerie Bild {current} von {total}",
+    "openLightbox": "Öffne Bild in Grossansicht"
+  },
   "vbz-ticker": {
     "moreInfo": "Weitere Informationen",
     "noDisturbances": "Alle Linien fahren wie geplant.",

package/dist/stzh-components/assets/i18n/en.json

@@ -158,16 +158,16 @@
   "panorama": {
     "hotspotLabel": "Hotspot",
     "sceneLabel": "Scene",
-    "enableFullscreenLabel": "Start fullscreen",
-    "disableFullscreenLabel": "Stop fullscreen",
-    "panUp": "Pan up",
-    "panDown": "Pan down",
-    "panLeft": "Pan left",
-    "panRight": "Pan right",
-    "startOrientation": "Start orientation",
-    "stopOrientation": "Stop orientation",
-    "zoomIn": "Zoom in",
-    "zoomOut": "Zoom out",
+    "enableFullscreenLabel": "start fullscreen",
+    "disableFullscreenLabel": "stop fullscreen",
+    "panUp": "pan up",
+    "panDown": "pan down",
+    "panLeft": "pan left",
+    "panRight": "pan right",
+    "startOrientation": "start orientation",
+    "stopOrientation": "stop orientation",
+    "zoomIn": "zoom in",
+    "zoomOut": "zoom out",
     "loadButtonLabel": "Click to\nLoad\nPanorama",
     "loadingLabel": "Loading...",
     "bylineLabel": "by %s",
@@ -271,6 +271,15 @@
   "imagecomparison": {
     "label": "Image comparison"
   },
+  "gallery": {
+    "closeTitle": "Close",
+    "zoomTitle": "Zoom",
+    "arrowPrevTitle": "Previous",
+    "arrowNextTitle": "Next",
+    "errorMsg": "The image cannot be loaded",
+    "defaultAlt": "Gallery image {current} from {total}",
+    "openLightbox": "Open image in fullwidth view"
+  },
   "vbz-ticker": {
     "moreInfo": "More information",
     "noDisturbances": "All lines are running as planned.",

package/dist/stzh-components/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["VBZ","BASE_TYPE_GLOBAL","CHANNEL_TICKER","CHANNEL_INFO_URL_FILTER","DISTURBANCE_GLOBAL","DISTURBANCE_INFORMATION","DISTURBANCE_CONSTRUCTION","DISTURBANCE_NORMAL","DISTURBANCE_EVENT","DISTURBANCE_BUS"],"sources":["src/index.ts"],"sourcesContent":["// ---\n// Global window types\n// ---\n\nimport { StzhLocaleAdapter } from './utils/date-adapter';\n\nimport {\n  StzhLocaleComponent,\n  StzhLocaleFormats,\n  StzhLocaleGlobals,\n} from './utils/translation-utils';\n\nexport type WindowStzhComponents = {\n  version: string\n  supportedLocales: string[]\n  defaultLocale: string\n  translations: null | StzhLocaleComponent\n  translationsLoading: Promise<StzhLocaleComponent>\n  pathMedia: string\n  pathTranslations: string\n  cacheTranslations: boolean\n  formats: StzhLocaleFormats\n  labels: \"flyout\" | \"fixed\"\n  utils: {\n    getLocale: (element: HTMLElement) => string\n    fetchTranslations: (host: HTMLElement, component: string) => Promise<StzhLocaleComponent & any>\n\n    format: (date: Date, type: string) => string\n    parse:(string: string, type: string) => Date\n    formatSpan: (date: Date | string, date2: Date | string, type: string) => string\n    parseSpan: (string: string, type: string) => [Date, Date, string]\n    createFormatParseAdapter: (formats: StzhLocaleFormats, globals: StzhLocaleGlobals) => StzhLocaleAdapter\n  }\n}\n\ndeclare global {\n  interface Window {\n    stzhComponents: WindowStzhComponents\n    pannellum: any\n    Dropzone: any\n    // readspeaker lib APIs\n    ReadSpeaker: any\n    rspkr: any\n    proj4: any\n  }\n}\n\n// ---\n// Event Types\n// ---\n\n/* Sortable */\n\nexport type StzhSortableUpdateEvent = {\n  component: \"stzh-sortable\"\n  data: string[]\n  item: HTMLElement\n  newIndex: number\n  oldIndex: number\n}\n\nexport type StzhSortableDisableEvent = {\n  component: \"stzh-sortable\"\n  disabled: boolean\n}\n\n/* Panorama */\n\nexport type PanoramaScene = {\n  sceneId: string\n  imageSrc: string\n  imageTitle: string\n\n  imageAuthor?: string\n  imageType?: \"equirectangular\" | \"cubemap\" | \"multires\"\n  caption?: string\n\n  pitch?: number\n  yaw?: number\n  hfov?: number\n\n  hotspots: PanoramaSceneHotSpot[]\n}\n\nexport type PanoramaScenesLibrary = {\n  [sceneKey: string]: {\n    panorama: string\n    type?: \"equirectangular\" | \"cubemap\" | \"multires\"\n\n    pitch?: number\n    yaw?: number\n    hfov?: number\n\n    hotSpots: PanoramaSceneHotSpot[]\n  }\n}\n\nexport type PanoramaSceneHotSpot = {\n  pitch: number\n  yaw: number\n  type: string\n  text: string\n  url?: string\n  id?: string,\n  sceneId?: string\n  targetPitch?: number\n  targetYaw?: number\n\n  cssClass?: string\n  createTooltipFunc?: Function\n  createTooltipArgs?: any\n}\n\nexport type StzhPanoramaLoadEvent = {\n  component: \"stzh-panorama\"\n}\n\nexport type StzhPanoramaChangeEvent = {\n  component: \"stzh-panorama\"\n  value: { pitch: number, yaw: number, hfov: number }\n}\n\nexport type StzhPanoramaFullscreenChangeEvent = {\n  component: \"stzh-panorama\"\n  value: boolean\n}\n\nexport type StzhPanoramaSceneChangeEvent = {\n  component: \"stzh-panorama\"\n  value: string\n}\n\nexport type StzhPanoramaZoomChangeEvent = {\n  component: \"stzh-panorama\"\n  value: number\n}\n\n/* Iframe */\n\nexport type StzhIframeView =\n  | \"iframe\"\n  | \"cookiewall\"\n  | \"preview\";\n\nexport type StzhIframeViewChangeEvent = {\n  component: \"stzh-iframe\"\n  value: StzhIframeView\n}\n\nexport type StzhIframePreviewSkipEvent = {\n  component: \"stzh-iframe\"\n}\n\n/* Olmap */\n\nexport type OlmapLayer = {\n  title?: string,\n  thumbnailUrl: string,\n  options: {\n    url: string,\n    layer: string,\n    matrixSet: string,\n    origin: number[],\n    extent: number[]\n  }\n}\n\nexport type StzhOlmapInitializedEvent = {\n  component: \"stzh-olmap\"\n}\n\nexport type StzhOlmapPostRenderEvent = {\n  component: \"stzh-olmap\"\n}\n\nexport type StzhOlmapMoveStartEvent = {\n  component: \"stzh-olmap\"\n}\n\nexport type StzhOlmapMoveEndEvent = {\n  component: \"stzh-olmap\"\n}\n\n/* Sticky */\n\nexport type StzhStickyStuckTopEvent = {\n  component: \"stzh-sticky\"\n  sticky: boolean\n}\n\nexport type StzhStickyStuckBottomEvent = {\n  component: \"stzh-sticky\"\n  sticky: boolean\n}\n\n/* Table */\n\nexport type StzhDatatableRowClickEvent = {\n  component: \"stzh-datatable\"\n  row: any\n  originalEvent: MouseEvent\n}\n\nexport type StzhDatatableCellClickEvent = {\n  component: \"stzh-datatable\"\n  row: any\n  column: any\n  cellIndex: number\n  rowIndex: number\n  originalEvent: MouseEvent\n}\n\nexport type StzhDatatableHeadingCellClickEvent = {\n  component: \"stzh-datatable\"\n  column: any\n  index: number\n  originalEvent: MouseEvent\n}\n\nexport type StzhDatatableSortClickEvent = {\n  component: \"stzh-datatable\"\n  column: any\n  originalEvent: MouseEvent\n}\n\nexport type StzhDatatableSortByChangeEvent = {\n  component: \"stzh-datatable\"\n  value: string\n  oldValue: string\n}\n\nexport type StzhDatatableSortDirectionChangeEvent = {\n  component: \"stzh-datatable\"\n  value: \"asc\" | \"desc\"\n  oldValue: \"asc\" | \"desc\"\n}\n\n/* Anchornav */\n\nexport type StzhAnchornavItem = {\n  label: string\n  href?: string\n  icon?: string\n}\n\nexport type StzhAnchornavItemClickEvent = {\n  component: \"stzh-anchornav\"\n  item: StzhAnchornavItem\n  originalEvent: MouseEvent\n}\n\n/* Actionset */\n\nexport type StzhActionsetItem = {\n  id: string\n  label?: string\n  icon?: string\n  iconPosition?: \"left\" | \"right\"\n  iconOnly?: boolean\n  badge?: string\n  badgeEmpty?: boolean\n  badgeType?: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\"\n  variant?:  \"default\" | \"secondary\" | \"input\" | \"tertiary\"\n  size?: \"default\" | \"small\" | \"tiny\"\n  badgePosition?: \"icon\" | \"button\"\n  tooltipContent?: string\n}\n\nexport type StzhActionsetItemClickEvent = {\n  component: \"stzh-actionset\"\n  action: StzhActionsetItem\n  originalEvent: MouseEvent\n}\n\n/* Audio */\n\nexport type StzhAudioPlayEvent = {\n  component: \"stzh-audio\"\n}\n\nexport type StzhAudioPlayingEvent = {\n  component: \"stzh-audio\"\n}\n\nexport type StzhAudioPauseEvent = {\n  component: \"stzh-audio\"\n}\n\nexport type StzhAudioReplayEvent = {\n  component: \"stzh-audio\"\n}\n\nexport type StzhAudioEndEvent = {\n  component: \"stzh-audio\"\n}\n\nexport type StzhAudioEndedEvent = {\n  component: \"stzh-audio\"\n}\n\nexport type StzhAudioErrorEvent = {\n  component: \"stzh-audio\"\n  originalEvent: ErrorEvent\n}\n\n/* Share */\n\nexport type ShareService = \"facebook\" | \"twitter\" | \"linkedin\" | \"xing\" | \"mail\";\n\n/* Card */\n\nexport type StzhCardHeaderAction = {\n  id: string\n  label?: string\n  icon?: string\n  badge?: string\n  badgeEmpty?: boolean\n  badgeType?: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\"\n  onlyCollapseText?: boolean\n}\n\nexport type StzhCardSubtitleClickEvent = {\n  component: \"stzh-card\"\n}\n\nexport type StzhCardCollapseEvent = {\n  component: \"stzh-card\"\n  collapsed: boolean\n}\n\nexport type StzhCardClickEvent = {\n  component: \"stzh-card\"\n  originalEvent: MouseEvent\n}\n\nexport type StzhCardStarClickEvent = {\n  component: \"stzh-card\"\n  starred: boolean\n}\n\nexport type StzhCardHeaderActionClickEvent = {\n  component: \"stzh-card\"\n  action: StzhCardHeaderAction\n}\n\n/* Microsite Teaserlist */\n\nexport type StzhMicrositeTeaserlistTag = {\n  id: string\n  name: string\n}\n\nexport type StzhMicrositeTeaserlistItem = {\n  title?: string\n  description?: string\n  image?: string\n  link: string\n  tags: string[]\n  teaserid: string\n}\n\n/* Card List */\n\nexport type StzhCardListCollapseAllEvent = {\n  component: \"stzh-card-list\"\n  allCollapsed: boolean\n}\n\n/* Calendar */\n\nexport type StzhCalendarChangeEvent = {\n  component: \"stzh-calendar\"\n  valueAsDate: Date\n  value: string\n}\n\n/* Datepicker */\n\nexport type StzhDatepickerChangeEvent = {\n  component: \"stzh-datepicker\"\n  value: string,\n  valueAsDate: Date\n}\n\n/* Pagination */\n\nexport type StzhPaginationChangeEvent = {\n  component: \"stzh-pagination\"\n  page: number\n}\n\n/* Timepicker */\n\nexport type StzhTimepickerChangeEvent = {\n  component: \"stzh-timepicker\"\n  value: string\n}\n\n/* Monthyearpicker */\n\nexport type StzhMonthyearpickerChangeEvent = {\n  component: \"stzh-monthyearpicker\"\n  value: string\n  valueMonth: string\n  valueYear: string\n}\n\n/* Amount */\n\nexport type StzhAmountChangeEvent = {\n  component: \"stzh-amount\"\n  value: string\n}\n\n/* Appointments */\n\nexport type StzhAppointmentsChangeEvent = {\n  component: \"stzh-appointments\"\n  value: string\n}\n\n/* Skiplink */\n\nexport type StzhSkiplinkFocusEvent = {\n  component: \"stzh-skiplink\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhSkiplinkBlurEvent = {\n  component: \"stzh-skiplink\"\n  originalEvent: FocusEvent\n}\n\n/* Checkbox */\n\nexport type StzhCheckboxChangeEvent = {\n  component: \"stzh-checkbox\"\n  originalEvent: InputEvent\n  value: string\n  checked: boolean\n}\n\nexport type StzhCheckboxFocusEvent = {\n  component: \"stzh-checkbox\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhCheckboxBlurEvent = {\n  component: \"stzh-checkbox\"\n  originalEvent: FocusEvent\n}\n\n/* Toggle */\n\nexport type StzhToggleChangeEvent = {\n  component: \"stzh-toggle\"\n  originalEvent: InputEvent\n  value: string\n  checked: boolean\n}\n\nexport type StzhToggleFocusEvent = {\n  component: \"stzh-toggle\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhToggleBlurEvent = {\n  component: \"stzh-toggle\"\n  originalEvent: FocusEvent\n}\n\n/* Button */\n\nexport type StzhButtonFocusEvent = {\n  component: \"stzh-button\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhButtonBlurEvent = {\n  component: \"stzh-button\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhButtonChangeEvent = {\n  component: \"stzh-button\"\n  originalEvent: InputEvent\n  value: string\n  checked: boolean\n}\n\n/* Link */\n\nexport type StzhLinkFocusEvent = {\n  component: \"stzh-link\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhLinkBlurEvent = {\n  component: \"stzh-link\"\n  originalEvent: FocusEvent\n}\n\n/* Menu Item */\n\nexport type StzhMenuItemFocusEvent = {\n  component: \"stzh-menu-item\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhMenuItemBlurEvent = {\n  component: \"stzh-menu-item\"\n  originalEvent: FocusEvent\n}\n\n/* Carousel */\n\nexport type StzhCarouselSlideStartEvent = {\n  component: \"stzh-carousel\"\n  index: number\n}\n\nexport type StzhCarouselSlidePassedEvent = {\n  component: \"stzh-carousel\"\n  index: number\n}\n\nexport type StzhCarouselSlideEndEvent = {\n  component: \"stzh-carousel\"\n  index: number\n}\n\n/* Chip Select */\n\nexport type StzhChipSelectChangeEvent = {\n  component: \"stzh-chip-select\"\n  value: string\n}\n\n/* Datalist */\n\nexport type StzhDatalistItemEntry = {\n  value: string\n  leadingIcon?: string\n  label?: string\n  meta?: string\n  icon?: string\n  iconLabel?: string\n  iconTooltip?: string\n  statusLabel?: string\n  statusType?: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\"\n  href?: string\n  rel?: string\n  target?: string\n  items?: StzhDatalistItemEntry[]\n}\n\nexport type StzhDatalistDirectionChangeEvent = {\n  component: \"stzh-datalist\"\n  value: \"vertical\" | \"horizontal\"\n}\n\nexport type StzhDatalistHideBorderChangeEvent = {\n  component: \"stzh-datalist\"\n  value: boolean\n}\n\n/* Datalist Item */\n\nexport type StzhDatalistItemActionClickEvent = {\n  component: \"stzh-datalist-item\"\n  originalEvent: MouseEvent\n}\n\n/* Datamessagelist */\n\nexport type StzhDatamessagelistItemEntryMeta = {\n  label: string\n  value: string\n}\n\nexport type StzhDatamessagelistItemEntryAction = {\n  id: string | number\n  icon: string\n  label: string,\n  badge?: string\n}\n\nexport type StzhDatamessagelistItemEntryTag = {\n  icon: string\n  label: string\n  type: \"default\" | \"important\"\n}\n\nexport type StzhDatamessagelistItemEntryLoadingStatus = {\n  percent: number\n  label: string\n  type: \"default\" | \"success\" | \"warning\" | \"error\"\n}\n\nexport type StzhDatamessagelistItemClickEvent = {\n  component: \"stzh-datamessagelist-item\",\n  originalEvent: MouseEvent\n}\n\nexport type StzhDatamessagelistItemActionClickEvent = {\n  component: \"stzh-datamessagelist-item\",\n  action: StzhDatamessagelistItemEntryAction,\n  originalEvent: MouseEvent\n}\n\n/* Chip */\n\nexport type StzhChipSelectItem = {\n  label: string\n  value: string\n  disabled?: boolean\n  variant?: \"tag\" | \"filter\" | \"input\"\n  type?: \"default\" | \"secondary\"\n  counter?: string\n  icon?: string\n  size?: \"default\" | \"small\"\n}\n\nexport type StzhChipClickEvent = {\n  component: \"stzh-chip\",\n  originalEvent: MouseEvent\n}\n\nexport type StzhChipRemoveEvent = {\n  component: \"stzh-chip\",\n  originalEvent: MouseEvent\n}\n\nexport type StzhChipFocusEvent = {\n  component: \"stzh-chip\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhChipBlurEvent = {\n  component: \"stzh-chip\"\n  originalEvent: FocusEvent\n}\n\n/* VBZ Major Ticker */\n\nexport type StzhVbzMajortickerDisturbance = {\n  id: string\n  head: string\n  text: string\n  startDate: Date\n  endDate: Date\n  altStart: string\n  altEnd: string\n  infoUrl?: VbzTickerInfoUrl\n};\n\nexport type StzhVbzMajortickerDisturbanceFetchedEvent = {\n  component: \"stzh-vbz-majorticker\"\n  disturbance: StzhVbzMajortickerDisturbance | null\n}\n\n/* VBZ Ticker */\n\nexport type VbzTickerInfoUrl = {\n  name: string\n  url: string\n};\n\nexport type VbzTickerDisturbance = {\n  id: string\n  head: string\n  startDate: Date\n  endDate: Date\n  altStart: string\n  altEnd: string\n  baseType?: string\n  infoUrl?: VbzTickerInfoUrl\n  category:\n    | typeof VBZ.DISTURBANCE_INFORMATION\n    | typeof VBZ.DISTURBANCE_CONSTRUCTION\n    | typeof VBZ.DISTURBANCE_NORMAL\n    | typeof VBZ.DISTURBANCE_EVENT\n    | typeof VBZ.DISTURBANCE_BUS\n};\n\nexport type VbzTickerLine = {\n  line: VBZ.Lines\n  name: string\n  disturbances: VbzTickerDisturbance[]\n  // whether normal or big disturbance for this line exist\n  alert: boolean\n  // 2 = Fernverkehr / 16 = Schiff / 32 = S-Bahn/Reg / 64 = Bus / 128 = Bergbahn / 256 = Nachtnetz / 512 = Tram\n  category: \"2\" | \"16\" | \"32\" | \"64\" | \"128\" | \"256\" | \"512\"\n};\n\n/* VBZ Line Chip */\n\nexport type StzhVbzLinechipLine = {\n  color: string\n  background: string\n  comment?: string\n}\n\nexport type StzhVbzLinechipFocusEvent = {\n  component: \"stzh-vbz-linechip\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhVbzLinechipBlurEvent = {\n  component: \"stzh-vbz-linechip\"\n  originalEvent: FocusEvent\n}\n\n/* Clamp */\n\nexport type StzhClampClampEvent = {\n  component: \"stzh-clamp\"\n  clamped: boolean\n}\n\nexport type StzhClampExpandEvent = {\n  component: \"stzh-clamp\"\n  expanded: boolean\n}\n\n/* Image Comparison */\n\nexport type StzhImagecomparisonChangeEvent = {\n  component: \"stzh-imagecomparison\"\n  originalEvent: InputEvent\n  value: number\n}\n\n/* Dialog */\n\nexport type StzhDialogOpenEvent = {\n  component: \"stzh-dialog\"\n}\n\nexport type StzhDialogCloseEvent = {\n  component: \"stzh-dialog\"\n}\n\n/* Contact */\n\nexport type ContactNumber = {\n  type: \"tel\" | \"fax\"\n  label: string\n  number: string\n  analyticsId?: string\n}\n\nexport type StzhContactAvailabilityItem = {\n  weekday: string\n  hours: string[]\n}\n\n/* Overlay */\n\nexport type StzhOverlayOpenEvent = {\n  component: \"stzh-overlay\"\n}\n\nexport type StzhOverlayCloseEvent = {\n  component: \"stzh-overlay\"\n}\n\n/* Message */\n\nexport type StzhMessageOpenEvent = {\n  component: \"stzh-message\"\n}\n\nexport type StzhMessageCloseEvent = {\n  component: \"stzh-message\"\n}\n\n/* Toastbar */\n\nexport type StzhToastbarInitialToast = {\n  label: string\n  type?: StzhToastType\n  link?: HTMLStzhLinkElement | {\n    href: string,\n    label: string\n  },\n  cookie?: string\n  cookieExpires?: number\n}\n\n/* Toast */\n\nexport type StzhToastType = \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport type StzhToastOpenEvent = {\n  component: \"stzh-toast\"\n}\n\nexport type StzhToastCloseEvent = {\n  component: \"stzh-toast\"\n}\n\nexport type StzhToastOpenedEvent = {\n  component: \"stzh-toast\"\n}\n\nexport type StzhToastClosedEvent = {\n  component: \"stzh-toast\"\n}\n\n/* Ghettobox */\n\nexport type StzhGhettoboxOpenEvent = {\n  component: \"stzh-ghettobox\"\n}\n\nexport type StzhGhettoboxCloseEvent = {\n  component: \"stzh-ghettobox\"\n}\n\n/* Input */\n\nexport type StzhInputChangeEvent = {\n  component: \"stzh-input\"\n  originalEvent: InputEvent | MouseEvent\n  value: string\n}\n\nexport type StzhInputChangedEvent = {\n  component: \"stzh-input\"\n  originalEvent: InputEvent | MouseEvent\n  value: string\n}\n\nexport type StzhInputFocusEvent = {\n  component: \"stzh-input\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhInputBlurEvent = {\n  component: \"stzh-input\"\n  originalEvent: FocusEvent\n}\n\n/* Popover */\n\nexport type StzhPopoverOpenEvent = {\n  component: \"stzh-popover\"\n}\n\nexport type StzhPopoverOpenedEvent = {\n  component: \"stzh-popover\"\n}\n\nexport type StzhPopoverCloseEvent = {\n  component: \"stzh-popover\"\n}\n\nexport type StzhPopoverClosedEvent = {\n  component: \"stzh-popover\"\n}\n\n/* Timeline */\n\nexport type StzhTimelineFoldableChangeEvent = {\n  component: \"stzh-timeline\"\n  value: boolean\n}\n\n/* TimelineItem */\n\nexport type StzhTimelineItemOpenEvent = {\n  component: \"stzh-timeline-item\"\n}\n\nexport type StzhTimelineItemOpenedEvent = {\n  component: \"stzh-timeline-item\"\n}\n\nexport type StzhTimelineItemCloseEvent = {\n  component: \"stzh-timeline-item\"\n}\n\nexport type StzhTimelineItemClosedEvent = {\n  component: \"stzh-timeline-item\"\n}\n\nexport type StzhTimelineItemFocusEvent = {\n  component: \"stzh-timeline-item\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhTimelineItemBlurEvent = {\n  component: \"stzh-timeline-item\"\n  originalEvent: FocusEvent\n}\n\n/* Accordion */\n\nexport type StzhAccordionItemOpenEvent = {\n  component: \"stzh-accordion-item\"\n}\n\nexport type StzhAccordionItemOpenedEvent = {\n  component: \"stzh-accordion-item\"\n}\n\nexport type StzhAccordionItemCloseEvent = {\n  component: \"stzh-accordion-item\"\n}\n\nexport type StzhAccordionItemClosedEvent = {\n  component: \"stzh-accordion-item\"\n}\n\nexport type StzhAccordionItemFocusEvent = {\n  component: \"stzh-accordion-item\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhAccordionItemBlurEvent = {\n  component: \"stzh-accordion-item\"\n  originalEvent: FocusEvent\n}\n\n/* Tooltip */\n\nexport type StzhTooltipOpenEvent = {\n  component: \"stzh-tooltip\"\n}\n\nexport type StzhTooltipOpenedEvent = {\n  component: \"stzh-tooltip\"\n}\n\nexport type StzhTooltipCloseEvent = {\n  component: \"stzh-tooltip\"\n}\n\nexport type StzhTooltipClosedEvent = {\n  component: \"stzh-tooltip\"\n}\n\n/* Radio */\n\nexport type StzhRadioChangeEvent = {\n  component: \"stzh-radio\"\n  originalEvent: InputEvent\n  value: string\n  checked: boolean\n}\n\nexport type StzhRadioFocusEvent = {\n  component: \"stzh-radio\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhRadioBlurEvent = {\n  component: \"stzh-radio\"\n  originalEvent: FocusEvent\n}\n\n/* Langnav */\n\nexport type StzhLangnavChangeEvent = {\n  component: \"stzh-langnav\",\n  value: string\n}\n\n/* Dropdown */\n\nexport type StzhDropdownOption = {\n  text: string,\n  value: string\n}\n\nexport type StzhDropdownChangeEvent = {\n  component: \"stzh-dropdown\",\n  value: string\n}\n\nexport type StzhDropdownItemAddEvent = {\n  component: \"stzh-dropdown\",\n  value: string\n}\n\nexport type StzhDropdownItemRemoveEvent = {\n  component: \"stzh-dropdown\",\n  value: string\n}\n\nexport type StzhDropdownOptionAddEvent = {\n  component: \"stzh-dropdown\",\n  value: string\n}\n\nexport type StzhDropdownOptionRemoveEvent = {\n  component: \"stzh-dropdown\",\n  value: string\n}\n\nexport type StzhDropdownOpenEvent = {\n  component: \"stzh-dropdown\"\n}\n\nexport type StzhDropdowCloseEvent = {\n  component: \"stzh-dropdown\"\n}\n\nexport type StzhDropdownFocusEvent = {\n  component: \"stzh-dropdown\"\n  originalEvent: {\n    target: Element\n  }\n}\n\nexport type StzhDropdownBlurEvent = {\n  component: \"stzh-dropdown\"\n}\n\nexport type StzhDropdowInitEvent = {\n  component: \"stzh-dropdown\"\n}\n\n/** Progressbar */\n\nexport type StzhProgressbarDataItem = {\n  label: string\n  icon?: string\n  disabled?: boolean\n  analyticsId?: string\n}\n\n/* Progressbar Item */\n\nexport type StzhProgressbarItemClickEvent = {\n  component: \"stzh-progressbar-item\",\n  originalEvent: MouseEvent\n}\n\nexport type StzhProgressbarItemDottedClickEvent = {\n  component: \"stzh-progressbar-item\",\n  originalEvent: MouseEvent\n}\n\n/* Upload */\n\nexport type StzhUploadFilesItem = {\n  name: string\n  size: number\n  [key: string]: any\n}\n\nexport type StzhUploadFile = File & {\n  xhr: XMLHttpRequest,\n  status: string\n  upload: any\n  accepted: boolean\n  previewElement: HTMLElement\n}\n\nexport type StzhUploadFileAddedEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile\n}\n\nexport type StzhUploadFilesAddedEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[]\n}\n\nexport type StzhUploadFileRemoveEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile\n}\n\nexport type StzhUploadFileRemovedEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile\n  force: boolean\n}\n\nexport type StzhUploadSendingEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile,\n  xhr: XMLHttpRequest,\n  formData: FormData\n}\n\nexport type StzhUploadSendingMultipleEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[],\n  xhr: XMLHttpRequest,\n  formData: FormData\n}\n\nexport type StzhUploadProcessingEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile\n}\n\nexport type StzhUploadProcessingMultipleEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[]\n}\n\nexport type StzhUploadProgressEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile,\n  progress: number,\n  bytesSent: number\n}\n\nexport type StzhUploadProgressTotalEvent = {\n  component: \"stzh-upload\",\n  totalUploadProgress: number,\n  totalBytes: number,\n  totalBytesSent: number\n}\n\nexport type StzhUploadErrorEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile,\n  message: string,\n  xhr: XMLHttpRequest\n}\n\nexport type StzhUploadErrorMultipleEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[],\n  message: string,\n  xhr: XMLHttpRequest\n}\n\nexport type StzhUploadSuccessEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile,\n  responseText: string,\n  event: ProgressEvent\n}\n\nexport type StzhUploadSuccessMultipleEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[],\n  responseText: string,\n  event: ProgressEvent\n}\n\nexport type StzhUploadCanceledEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile\n}\n\nexport type StzhUploadCanceledMultipleEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[]\n}\n\nexport type StzhUploadCompleteEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile\n}\n\nexport type StzhUploadCompleteMultipleEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[]\n}\n\n// Merged Types\n\nexport type StzhFocusEvent =\n  | StzhAccordionItemFocusEvent\n  | StzhButtonFocusEvent\n  | StzhCheckboxFocusEvent\n  | StzhChipFocusEvent\n  | StzhDropdownFocusEvent\n  | StzhInputFocusEvent\n  | StzhLinkFocusEvent\n  | StzhMenuItemFocusEvent\n  | StzhRadioFocusEvent\n  | StzhToggleFocusEvent\n  | StzhVbzLinechipFocusEvent\n  | StzhSkiplinkFocusEvent\n\n// ---\n// Prop Types\n// ---\n\nexport type StzhCalendarDateDisabledPredicate = (date: Date) => boolean\n\n\nexport namespace Layout {\n  export type Ratio = \"16:9\" | \"1:1\" | \"5:4\" | \"4:3\" | \"3:2\" | \"2:1\" | \"21:9\";\n\n  export type Justify =\n    | \"start\"\n    | \"end\"\n    | \"center\"\n    | \"between\"\n    | \"around\"\n    | \"evenly\";\n\n  export type Items =\n    | \"start\"\n    | \"end\"\n    | \"center\"\n    | \"baseline\"\n    | \"stretch\";\n\n  export type JustifySelf =\n    | \"auto\"\n    | Justify;\n\n  export type AlignSelf =\n    | \"auto\"\n    | Items;\n}\n\nexport namespace Space {\n  export type Sizes =\n    | \"xxxsmall\"\n    | \"xxsmall\"\n    | \"xsmall\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"xlarge\"\n    | \"xxlarge\"\n    | \"xxxlarge\"\n    | \"xxxxlarge\"\n    | \"big\"\n    | \"xbig\"\n    | \"huge\"\n    | \"xhuge\"\n    | \"none\"\n    | \"inherit\";\n\n    export type Curves =\n    | \"tiny\"\n    | \"small\"\n    | \"regular\"\n    | \"medium\"\n    | \"large\"\n    | \"big\"\n    | \"huge\"\n    | \"none\";\n}\n\nexport namespace Font {\n  export type Fonts =\n    | \"light\"\n    | \"regular\"\n    | \"medium\"\n    | \"heavy\"\n    | \"default\";\n\n  export type Sizes =\n    | \"pico\"\n    | \"nano\"\n    | \"micro\"\n    | \"milli\"\n    | \"centi\"\n    | \"deci\"\n    | \"regular\"\n    | \"deca\"\n    | \"hecto\"\n    | \"kilo\"\n    | \"mega\"\n    | \"giga\"\n    | \"hero\"\n    | \"inherit\";\n\n  export type Curves =\n    | \"p1\"\n    | \"p2\"\n    | \"caption\"\n    | \"h4\"\n    | \"h3\"\n    | \"h2\"\n    | \"h1\"\n    | \"hero\"\n    | \"default\";\n}\n\nexport namespace VBZ {\n  export const BASE_TYPE_GLOBAL = \"GLOBAL\";\n\n  export const CHANNEL_TICKER = \"ticker\";\n  export const CHANNEL_INFO_URL_FILTER = \"stadt-zuerich.ch/vbz\";\n\n  export const DISTURBANCE_GLOBAL = \"__global__\";\n  export const DISTURBANCE_INFORMATION = \"0\";\n  export const DISTURBANCE_CONSTRUCTION = \"1\";\n  export const DISTURBANCE_NORMAL = \"2\";\n  export const DISTURBANCE_EVENT = \"4\";\n  export const DISTURBANCE_BUS = \"5\";\n\n  export type Lines =\n    | \"2\"\n    | \"3\"\n    | \"4\"\n    | \"5\"\n    | \"6\"\n    | \"7\"\n    | \"8\"\n    | \"9\"\n    | \"10\"\n    | \"11\"\n    | \"12\"\n    | \"13\"\n    | \"14\"\n    | \"15\"\n    | \"16\"\n    | \"17\"\n    | \"19\"\n    | \"20\"\n    | \"21\"\n    | \"23\"\n    | \"24\"\n    | \"25\"\n    | \"29\"\n    | \"31\"\n    | \"32\"\n    | \"33\"\n    | \"34\"\n    | \"35\"\n    | \"36\"\n    | \"37\"\n    | \"38\"\n    | \"39\"\n    | \"40\"\n    | \"45\"\n    | \"46\"\n    | \"54\"\n    | \"61\"\n    | \"62\"\n    | \"63\"\n    | \"64\"\n    | \"66\"\n    | \"67\"\n    | \"69\"\n    | \"70\"\n    | \"72\"\n    | \"73\"\n    | \"75\"\n    | \"76\"\n    | \"77\"\n    | \"78\"\n    | \"79\"\n    | \"80\"\n    | \"83\"\n    | \"89\"\n    | \"91\"\n    | \"94\"\n    | \"95\"\n    | \"99\"\n    | \"151\"\n    | \"152\"\n    | \"153\"\n    | \"156\"\n    | \"161\"\n    | \"162\"\n    | \"163\"\n    | \"165\"\n    | \"184\"\n    | \"185\"\n    | \"200\"\n    | \"201\"\n    | \"215\"\n    | \"220\"\n    | \"235\"\n    | \"236\"\n    | \"245\"\n    | \"301\"\n    | \"302\"\n    | \"303\"\n    | \"304\"\n    | \"305\"\n    | \"306\"\n    | \"307\"\n    | \"308\"\n    | \"309\"\n    | \"311\"\n    | \"314\"\n    | \"315\"\n    | \"317\"\n    | \"321\"\n    | \"323\"\n    | \"325\"\n    | \"350\"\n    | \"444\"\n    | \"445\"\n    | \"701\"\n    | \"702\"\n    | \"703\"\n    | \"704\"\n    | \"705\"\n    | \"720\"\n    | \"721\"\n    | \"725\"\n    | \"726\"\n    | \"727\"\n    | \"742\"\n    | \"743\"\n    | \"744\"\n    | \"745\"\n    | \"747\"\n    | \"748\"\n    | \"751\"\n    | \"752\"\n    | \"753\"\n    | \"754\"\n    | \"759\"\n    | \"760\"\n    | \"765\"\n    | \"768\"\n    | \"781\"\n    | \"786\"\n    | \"787\"\n    | \"910\"\n    | \"912\"\n    | \"916\"\n    | \"917\"\n    | \"918\"\n    | \"919\"\n    | \"E\"\n    | \"N\"\n    | \"N1\"\n    | \"N2\"\n    | \"N4\"\n    | \"N5\"\n    | \"N6\"\n    | \"N7\"\n    | \"N8\"\n    | \"N9\"\n    | \"N10\"\n    | \"N11\"\n    | \"N12\"\n    | \"N13\"\n    | \"N14\"\n    | \"N15\"\n    | \"N16\"\n    | \"N17\"\n    | \"N18\"\n    | \"N19\"\n    | \"N30\"\n    | \"N31\"\n    | \"N32\"\n    | \"N33\"\n    | \"N34\"\n    | \"N45\"\n    | \"N72\"\n    | \"N78\"\n    | \"SN1\"\n    | \"SN4\"\n    | \"SN5\"\n    | \"SN6\"\n    | \"SN7\"\n    | \"SN8\"\n    | \"SN9\"\n    | \"S2\"\n    | \"S3\"\n    | \"S4\"\n    | \"S5\"\n    | \"S6\"\n    | \"S7\"\n    | \"S8\"\n    | \"S9\"\n    | \"S10\"\n    | \"S11\"\n    | \"S14\"\n    | \"S15\"\n    | \"S16\"\n    | \"S18\"\n    | \"S19\"\n    | \"S20\"\n    | \"S21\"\n    | \"S23\"\n    | \"S24\"\n    | \"S25\"\n}\n\n// ---\n// Stencil component types\n// ---\n\nexport * from './components';\n"],"mappings":"IAowCiBA,GAAjB,SAAiBA,GACFA,EAAAC,iBAAmB,SAEnBD,EAAAE,eAAiB,SACjBF,EAAAG,wBAA0B,uBAE1BH,EAAAI,mBAAqB,aACrBJ,EAAAK,wBAA0B,IAC1BL,EAAAM,yBAA2B,IAC3BN,EAAAO,mBAAqB,IACrBP,EAAAQ,kBAAoB,IACpBR,EAAAS,gBAAkB,GAyLhC,EApMD,CAAiBT,MAAG,Y"}
+{"version":3,"names":["VBZ","BASE_TYPE_GLOBAL","CHANNEL_TICKER","CHANNEL_INFO_URL_FILTER","DISTURBANCE_GLOBAL","DISTURBANCE_INFORMATION","DISTURBANCE_CONSTRUCTION","DISTURBANCE_NORMAL","DISTURBANCE_EVENT","DISTURBANCE_BUS"],"sources":["src/index.ts"],"sourcesContent":["// ---\n// Global window types\n// ---\n\nimport { StzhLocaleAdapter } from './utils/date-adapter';\n\nimport {\n  StzhLocaleComponent,\n  StzhLocaleFormats,\n  StzhLocaleGlobals,\n} from './utils/translation-utils';\n\nexport type WindowStzhComponents = {\n  version: string\n  supportedLocales: string[]\n  defaultLocale: string\n  translations: null | StzhLocaleComponent\n  translationsLoading: Promise<StzhLocaleComponent>\n  pathMedia: string\n  pathTranslations: string\n  cacheTranslations: boolean\n  formats: StzhLocaleFormats\n  labels: \"flyout\" | \"fixed\"\n  utils: {\n    getLocale: (element: HTMLElement) => string\n    fetchTranslations: (host: HTMLElement, component: string) => Promise<StzhLocaleComponent & any>\n\n    format: (date: Date, type: string) => string\n    parse:(string: string, type: string) => Date\n    formatSpan: (date: Date | string, date2: Date | string, type: string) => string\n    parseSpan: (string: string, type: string) => [Date, Date, string]\n    createFormatParseAdapter: (formats: StzhLocaleFormats, globals: StzhLocaleGlobals) => StzhLocaleAdapter\n  }\n}\n\ndeclare global {\n  interface Window {\n    stzhComponents: WindowStzhComponents\n    pannellum: any\n    Dropzone: any\n    // readspeaker lib APIs\n    ReadSpeaker: any\n    rspkr: any\n    proj4: any\n  }\n}\n\n// ---\n// Event Types\n// ---\n\n/* Sortable */\n\nexport type StzhSortableUpdateEvent = {\n  component: \"stzh-sortable\"\n  data: string[]\n  item: HTMLElement\n  newIndex: number\n  oldIndex: number\n}\n\nexport type StzhSortableDisableEvent = {\n  component: \"stzh-sortable\"\n  disabled: boolean\n}\n\n/* Panorama */\n\nexport type PanoramaScene = {\n  sceneId: string\n  imageSrc: string\n  imageTitle: string\n\n  imageAuthor?: string\n  imageType?: \"equirectangular\" | \"cubemap\" | \"multires\"\n  caption?: string\n  copyright?: string\n\n  pitch?: number\n  yaw?: number\n  hfov?: number\n\n  hotspots: PanoramaSceneHotSpot[]\n}\n\nexport type PanoramaScenesLibrary = {\n  [sceneKey: string]: {\n    title: string\n    author: string\n    panorama: string\n    type?: \"equirectangular\" | \"cubemap\" | \"multires\"\n\n    pitch?: number\n    yaw?: number\n    hfov?: number\n\n    hotSpots: PanoramaSceneHotSpot[]\n  }\n}\n\nexport type PanoramaSceneHotSpot = {\n  pitch: number\n  yaw: number\n  type: string\n  text: string\n  url?: string\n  id?: string,\n  sceneId?: string\n  targetPitch?: number\n  targetYaw?: number\n\n  cssClass?: string\n  createTooltipFunc?: Function\n  createTooltipArgs?: any\n}\n\nexport type StzhPanoramaLoadEvent = {\n  component: \"stzh-panorama\"\n}\n\nexport type StzhPanoramaChangeEvent = {\n  component: \"stzh-panorama\"\n  value: { pitch: number, yaw: number, hfov: number }\n}\n\nexport type StzhPanoramaFullscreenChangeEvent = {\n  component: \"stzh-panorama\"\n  value: boolean\n}\n\nexport type StzhPanoramaSceneChangeEvent = {\n  component: \"stzh-panorama\"\n  value: string\n}\n\nexport type StzhPanoramaZoomChangeEvent = {\n  component: \"stzh-panorama\"\n  value: number\n}\n\n/* Iframe */\n\nexport type StzhIframeView =\n  | \"iframe\"\n  | \"cookiewall\"\n  | \"preview\";\n\nexport type StzhIframeViewChangeEvent = {\n  component: \"stzh-iframe\"\n  value: StzhIframeView\n}\n\nexport type StzhIframePreviewSkipEvent = {\n  component: \"stzh-iframe\"\n}\n\n/* Olmap */\n\nexport type OlmapLayer = {\n  title?: string,\n  thumbnailUrl: string,\n  options: {\n    url: string,\n    layer: string,\n    matrixSet: string,\n    origin: number[],\n    extent: number[]\n  }\n}\n\nexport type StzhOlmapInitializedEvent = {\n  component: \"stzh-olmap\"\n}\n\nexport type StzhOlmapPostRenderEvent = {\n  component: \"stzh-olmap\"\n}\n\nexport type StzhOlmapMoveStartEvent = {\n  component: \"stzh-olmap\"\n}\n\nexport type StzhOlmapMoveEndEvent = {\n  component: \"stzh-olmap\"\n}\n\n/* Sticky */\n\nexport type StzhStickyStuckTopEvent = {\n  component: \"stzh-sticky\"\n  sticky: boolean\n}\n\nexport type StzhStickyStuckBottomEvent = {\n  component: \"stzh-sticky\"\n  sticky: boolean\n}\n\n/* Table */\n\nexport type StzhDatatableRowClickEvent = {\n  component: \"stzh-datatable\"\n  row: any\n  originalEvent: MouseEvent\n}\n\nexport type StzhDatatableCellClickEvent = {\n  component: \"stzh-datatable\"\n  row: any\n  column: any\n  cellIndex: number\n  rowIndex: number\n  originalEvent: MouseEvent\n}\n\nexport type StzhDatatableHeadingCellClickEvent = {\n  component: \"stzh-datatable\"\n  column: any\n  index: number\n  originalEvent: MouseEvent\n}\n\nexport type StzhDatatableSortClickEvent = {\n  component: \"stzh-datatable\"\n  column: any\n  originalEvent: MouseEvent\n}\n\nexport type StzhDatatableSortByChangeEvent = {\n  component: \"stzh-datatable\"\n  value: string\n  oldValue: string\n}\n\nexport type StzhDatatableSortDirectionChangeEvent = {\n  component: \"stzh-datatable\"\n  value: \"asc\" | \"desc\"\n  oldValue: \"asc\" | \"desc\"\n}\n\n/* Anchornav */\n\nexport type StzhAnchornavItem = {\n  label: string\n  href?: string\n  icon?: string\n}\n\nexport type StzhAnchornavItemClickEvent = {\n  component: \"stzh-anchornav\"\n  item: StzhAnchornavItem\n  originalEvent: MouseEvent\n}\n\n/* Actionset */\n\nexport type StzhActionsetItem = {\n  id: string\n  label?: string\n  icon?: string\n  iconPosition?: \"left\" | \"right\"\n  iconOnly?: boolean\n  badge?: string\n  badgeEmpty?: boolean\n  badgeType?: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\"\n  variant?:  \"default\" | \"secondary\" | \"input\" | \"tertiary\"\n  size?: \"default\" | \"small\" | \"tiny\"\n  badgePosition?: \"icon\" | \"button\"\n  tooltipContent?: string\n}\n\nexport type StzhActionsetItemClickEvent = {\n  component: \"stzh-actionset\"\n  action: StzhActionsetItem\n  originalEvent: MouseEvent\n}\n\n/* Audio */\n\nexport type StzhAudioPlayEvent = {\n  component: \"stzh-audio\"\n}\n\nexport type StzhAudioPlayingEvent = {\n  component: \"stzh-audio\"\n}\n\nexport type StzhAudioPauseEvent = {\n  component: \"stzh-audio\"\n}\n\nexport type StzhAudioReplayEvent = {\n  component: \"stzh-audio\"\n}\n\nexport type StzhAudioEndEvent = {\n  component: \"stzh-audio\"\n}\n\nexport type StzhAudioEndedEvent = {\n  component: \"stzh-audio\"\n}\n\nexport type StzhAudioErrorEvent = {\n  component: \"stzh-audio\"\n  originalEvent: ErrorEvent\n}\n\n/* Share */\n\nexport type ShareService = \"facebook\" | \"twitter\" | \"linkedin\" | \"xing\" | \"mail\";\n\n/* Card */\n\nexport type StzhCardHeaderAction = {\n  id: string\n  label?: string\n  icon?: string\n  badge?: string\n  badgeEmpty?: boolean\n  badgeType?: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\"\n  onlyCollapseText?: boolean\n}\n\nexport type StzhCardSubtitleClickEvent = {\n  component: \"stzh-card\"\n}\n\nexport type StzhCardCollapseEvent = {\n  component: \"stzh-card\"\n  collapsed: boolean\n}\n\nexport type StzhCardClickEvent = {\n  component: \"stzh-card\"\n  originalEvent: MouseEvent\n}\n\nexport type StzhCardStarClickEvent = {\n  component: \"stzh-card\"\n  starred: boolean\n}\n\nexport type StzhCardHeaderActionClickEvent = {\n  component: \"stzh-card\"\n  action: StzhCardHeaderAction\n}\n\n/* Microsite Teaserlist */\n\nexport type StzhMicrositeTeaserlistTag = {\n  id: string\n  name: string\n}\n\nexport type StzhMicrositeTeaserlistItem = {\n  title?: string\n  description?: string\n  image?: string\n  link: string\n  tags: string[]\n  teaserid: string\n}\n\n/* Card List */\n\nexport type StzhCardListCollapseAllEvent = {\n  component: \"stzh-card-list\"\n  allCollapsed: boolean\n}\n\n/* Calendar */\n\nexport type StzhCalendarChangeEvent = {\n  component: \"stzh-calendar\"\n  valueAsDate: Date\n  value: string\n}\n\n/* Datepicker */\n\nexport type StzhDatepickerChangeEvent = {\n  component: \"stzh-datepicker\"\n  value: string,\n  valueAsDate: Date\n}\n\n/* Pagination */\n\nexport type StzhPaginationChangeEvent = {\n  component: \"stzh-pagination\"\n  page: number\n}\n\n/* Timepicker */\n\nexport type StzhTimepickerChangeEvent = {\n  component: \"stzh-timepicker\"\n  value: string\n}\n\n/* Monthyearpicker */\n\nexport type StzhMonthyearpickerChangeEvent = {\n  component: \"stzh-monthyearpicker\"\n  value: string\n  valueMonth: string\n  valueYear: string\n}\n\n/* Amount */\n\nexport type StzhAmountChangeEvent = {\n  component: \"stzh-amount\"\n  value: string\n}\n\n/* Appointments */\n\nexport type StzhAppointmentsChangeEvent = {\n  component: \"stzh-appointments\"\n  value: string\n}\n\n/* Skiplink */\n\nexport type StzhSkiplinkFocusEvent = {\n  component: \"stzh-skiplink\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhSkiplinkBlurEvent = {\n  component: \"stzh-skiplink\"\n  originalEvent: FocusEvent\n}\n\n/* Checkbox */\n\nexport type StzhCheckboxChangeEvent = {\n  component: \"stzh-checkbox\"\n  originalEvent: InputEvent\n  value: string\n  checked: boolean\n}\n\nexport type StzhCheckboxFocusEvent = {\n  component: \"stzh-checkbox\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhCheckboxBlurEvent = {\n  component: \"stzh-checkbox\"\n  originalEvent: FocusEvent\n}\n\n/* Toggle */\n\nexport type StzhToggleChangeEvent = {\n  component: \"stzh-toggle\"\n  originalEvent: InputEvent\n  value: string\n  checked: boolean\n}\n\nexport type StzhToggleFocusEvent = {\n  component: \"stzh-toggle\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhToggleBlurEvent = {\n  component: \"stzh-toggle\"\n  originalEvent: FocusEvent\n}\n\n/* Button */\n\nexport type StzhButtonFocusEvent = {\n  component: \"stzh-button\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhButtonBlurEvent = {\n  component: \"stzh-button\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhButtonChangeEvent = {\n  component: \"stzh-button\"\n  originalEvent: InputEvent\n  value: string\n  checked: boolean\n}\n\n/* Link */\n\nexport type StzhLinkFocusEvent = {\n  component: \"stzh-link\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhLinkBlurEvent = {\n  component: \"stzh-link\"\n  originalEvent: FocusEvent\n}\n\n/* Menu Item */\n\nexport type StzhMenuItemFocusEvent = {\n  component: \"stzh-menu-item\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhMenuItemBlurEvent = {\n  component: \"stzh-menu-item\"\n  originalEvent: FocusEvent\n}\n\n/* Carousel */\n\nexport type StzhCarouselSlideStartEvent = {\n  component: \"stzh-carousel\"\n  index: number\n}\n\nexport type StzhCarouselSlidePassedEvent = {\n  component: \"stzh-carousel\"\n  index: number\n}\n\nexport type StzhCarouselSlideEndEvent = {\n  component: \"stzh-carousel\"\n  index: number\n}\n\n/* Chip Select */\n\nexport type StzhChipSelectChangeEvent = {\n  component: \"stzh-chip-select\"\n  value: string\n}\n\n/* Gallery */\n\nexport type StzhGalleryItem = {\n  width: number\n  height: number\n  src: string\n  srcLightbox?: string\n  srcsetLightbox?: string\n  alt?: string\n  copyright?: string\n  heading?: string\n  headingLightbox?: string\n  caption?: string\n  captionLightbox?: string\n  lightboxHtml?: string\n  hideCounter?: boolean\n}\n\n/* Datalist */\n\nexport type StzhDatalistItemEntry = {\n  value: string\n  leadingIcon?: string\n  label?: string\n  meta?: string\n  icon?: string\n  iconLabel?: string\n  iconTooltip?: string\n  statusLabel?: string\n  statusType?: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\"\n  href?: string\n  rel?: string\n  target?: string\n  items?: StzhDatalistItemEntry[]\n}\n\nexport type StzhDatalistDirectionChangeEvent = {\n  component: \"stzh-datalist\"\n  value: \"vertical\" | \"horizontal\"\n}\n\nexport type StzhDatalistHideBorderChangeEvent = {\n  component: \"stzh-datalist\"\n  value: boolean\n}\n\n/* Datalist Item */\n\nexport type StzhDatalistItemActionClickEvent = {\n  component: \"stzh-datalist-item\"\n  originalEvent: MouseEvent\n}\n\n/* Datamessagelist */\n\nexport type StzhDatamessagelistItemEntryMeta = {\n  label: string\n  value: string\n}\n\nexport type StzhDatamessagelistItemEntryAction = {\n  id: string | number\n  icon: string\n  label: string,\n  badge?: string\n}\n\nexport type StzhDatamessagelistItemEntryTag = {\n  icon: string\n  label: string\n  type: \"default\" | \"important\"\n}\n\nexport type StzhDatamessagelistItemEntryLoadingStatus = {\n  percent: number\n  label: string\n  type: \"default\" | \"success\" | \"warning\" | \"error\"\n}\n\nexport type StzhDatamessagelistItemClickEvent = {\n  component: \"stzh-datamessagelist-item\",\n  originalEvent: MouseEvent\n}\n\nexport type StzhDatamessagelistItemActionClickEvent = {\n  component: \"stzh-datamessagelist-item\",\n  action: StzhDatamessagelistItemEntryAction,\n  originalEvent: MouseEvent\n}\n\n/* Chip */\n\nexport type StzhChipSelectItem = {\n  label: string\n  value: string\n  disabled?: boolean\n  variant?: \"tag\" | \"filter\" | \"input\"\n  type?: \"default\" | \"secondary\"\n  counter?: string\n  icon?: string\n  size?: \"default\" | \"small\"\n}\n\nexport type StzhChipClickEvent = {\n  component: \"stzh-chip\",\n  originalEvent: MouseEvent\n}\n\nexport type StzhChipRemoveEvent = {\n  component: \"stzh-chip\",\n  originalEvent: MouseEvent\n}\n\nexport type StzhChipFocusEvent = {\n  component: \"stzh-chip\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhChipBlurEvent = {\n  component: \"stzh-chip\"\n  originalEvent: FocusEvent\n}\n\n/* VBZ Major Ticker */\n\nexport type StzhVbzMajortickerDisturbance = {\n  id: string\n  head: string\n  text: string\n  startDate: Date\n  endDate: Date\n  altStart: string\n  altEnd: string\n  infoUrl?: VbzTickerInfoUrl\n};\n\nexport type StzhVbzMajortickerDisturbanceFetchedEvent = {\n  component: \"stzh-vbz-majorticker\"\n  disturbance: StzhVbzMajortickerDisturbance | null\n}\n\n/* VBZ Ticker */\n\nexport type VbzTickerInfoUrl = {\n  name: string\n  url: string\n};\n\nexport type VbzTickerDisturbance = {\n  id: string\n  head: string\n  startDate: Date\n  endDate: Date\n  altStart: string\n  altEnd: string\n  baseType?: string\n  infoUrl?: VbzTickerInfoUrl\n  category:\n    | typeof VBZ.DISTURBANCE_INFORMATION\n    | typeof VBZ.DISTURBANCE_CONSTRUCTION\n    | typeof VBZ.DISTURBANCE_NORMAL\n    | typeof VBZ.DISTURBANCE_EVENT\n    | typeof VBZ.DISTURBANCE_BUS\n};\n\nexport type VbzTickerLine = {\n  line: VBZ.Lines\n  name: string\n  disturbances: VbzTickerDisturbance[]\n  // whether normal or big disturbance for this line exist\n  alert: boolean\n  // 2 = Fernverkehr / 16 = Schiff / 32 = S-Bahn/Reg / 64 = Bus / 128 = Bergbahn / 256 = Nachtnetz / 512 = Tram\n  category: \"2\" | \"16\" | \"32\" | \"64\" | \"128\" | \"256\" | \"512\"\n};\n\n/* VBZ Line Chip */\n\nexport type StzhVbzLinechipLine = {\n  color: string\n  background: string\n  comment?: string\n}\n\nexport type StzhVbzLinechipFocusEvent = {\n  component: \"stzh-vbz-linechip\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhVbzLinechipBlurEvent = {\n  component: \"stzh-vbz-linechip\"\n  originalEvent: FocusEvent\n}\n\n/* Clamp */\n\nexport type StzhClampClampEvent = {\n  component: \"stzh-clamp\"\n  clamped: boolean\n}\n\nexport type StzhClampExpandEvent = {\n  component: \"stzh-clamp\"\n  expanded: boolean\n}\n\n/* Image Comparison */\n\nexport type StzhImagecomparisonChangeEvent = {\n  component: \"stzh-imagecomparison\"\n  originalEvent: InputEvent\n  value: number\n}\n\n/* Dialog */\n\nexport type StzhDialogOpenEvent = {\n  component: \"stzh-dialog\"\n}\n\nexport type StzhDialogCloseEvent = {\n  component: \"stzh-dialog\"\n}\n\n/* Contact */\n\nexport type ContactNumber = {\n  type: \"tel\" | \"fax\"\n  label: string\n  number: string\n  analyticsId?: string\n}\n\nexport type StzhContactAvailabilityItem = {\n  weekday: string\n  hours: string[]\n}\n\n/* Overlay */\n\nexport type StzhOverlayOpenEvent = {\n  component: \"stzh-overlay\"\n}\n\nexport type StzhOverlayCloseEvent = {\n  component: \"stzh-overlay\"\n}\n\n/* Message */\n\nexport type StzhMessageOpenEvent = {\n  component: \"stzh-message\"\n}\n\nexport type StzhMessageCloseEvent = {\n  component: \"stzh-message\"\n}\n\n/* Toastbar */\n\nexport type StzhToastbarInitialToast = {\n  label: string\n  type?: StzhToastType\n  link?: HTMLStzhLinkElement | {\n    href: string,\n    label: string\n  },\n  cookie?: string\n  cookieExpires?: number\n}\n\n/* Toast */\n\nexport type StzhToastType = \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport type StzhToastOpenEvent = {\n  component: \"stzh-toast\"\n}\n\nexport type StzhToastCloseEvent = {\n  component: \"stzh-toast\"\n}\n\nexport type StzhToastOpenedEvent = {\n  component: \"stzh-toast\"\n}\n\nexport type StzhToastClosedEvent = {\n  component: \"stzh-toast\"\n}\n\n/* Ghettobox */\n\nexport type StzhGhettoboxOpenEvent = {\n  component: \"stzh-ghettobox\"\n}\n\nexport type StzhGhettoboxCloseEvent = {\n  component: \"stzh-ghettobox\"\n}\n\n/* Input */\n\nexport type StzhInputChangeEvent = {\n  component: \"stzh-input\"\n  originalEvent: InputEvent | MouseEvent\n  value: string\n}\n\nexport type StzhInputChangedEvent = {\n  component: \"stzh-input\"\n  originalEvent: InputEvent | MouseEvent\n  value: string\n}\n\nexport type StzhInputFocusEvent = {\n  component: \"stzh-input\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhInputBlurEvent = {\n  component: \"stzh-input\"\n  originalEvent: FocusEvent\n}\n\n/* Popover */\n\nexport type StzhPopoverOpenEvent = {\n  component: \"stzh-popover\"\n}\n\nexport type StzhPopoverOpenedEvent = {\n  component: \"stzh-popover\"\n}\n\nexport type StzhPopoverCloseEvent = {\n  component: \"stzh-popover\"\n}\n\nexport type StzhPopoverClosedEvent = {\n  component: \"stzh-popover\"\n}\n\n/* Timeline */\n\nexport type StzhTimelineFoldableChangeEvent = {\n  component: \"stzh-timeline\"\n  value: boolean\n}\n\n/* TimelineItem */\n\nexport type StzhTimelineItemOpenEvent = {\n  component: \"stzh-timeline-item\"\n}\n\nexport type StzhTimelineItemOpenedEvent = {\n  component: \"stzh-timeline-item\"\n}\n\nexport type StzhTimelineItemCloseEvent = {\n  component: \"stzh-timeline-item\"\n}\n\nexport type StzhTimelineItemClosedEvent = {\n  component: \"stzh-timeline-item\"\n}\n\nexport type StzhTimelineItemFocusEvent = {\n  component: \"stzh-timeline-item\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhTimelineItemBlurEvent = {\n  component: \"stzh-timeline-item\"\n  originalEvent: FocusEvent\n}\n\n/* Accordion */\n\nexport type StzhAccordionItemOpenEvent = {\n  component: \"stzh-accordion-item\"\n}\n\nexport type StzhAccordionItemOpenedEvent = {\n  component: \"stzh-accordion-item\"\n}\n\nexport type StzhAccordionItemCloseEvent = {\n  component: \"stzh-accordion-item\"\n}\n\nexport type StzhAccordionItemClosedEvent = {\n  component: \"stzh-accordion-item\"\n}\n\nexport type StzhAccordionItemFocusEvent = {\n  component: \"stzh-accordion-item\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhAccordionItemBlurEvent = {\n  component: \"stzh-accordion-item\"\n  originalEvent: FocusEvent\n}\n\n/* Tooltip */\n\nexport type StzhTooltipOpenEvent = {\n  component: \"stzh-tooltip\"\n}\n\nexport type StzhTooltipOpenedEvent = {\n  component: \"stzh-tooltip\"\n}\n\nexport type StzhTooltipCloseEvent = {\n  component: \"stzh-tooltip\"\n}\n\nexport type StzhTooltipClosedEvent = {\n  component: \"stzh-tooltip\"\n}\n\n/* Radio */\n\nexport type StzhRadioChangeEvent = {\n  component: \"stzh-radio\"\n  originalEvent: InputEvent\n  value: string\n  checked: boolean\n}\n\nexport type StzhRadioFocusEvent = {\n  component: \"stzh-radio\"\n  originalEvent: FocusEvent\n}\n\nexport type StzhRadioBlurEvent = {\n  component: \"stzh-radio\"\n  originalEvent: FocusEvent\n}\n\n/* Langnav */\n\nexport type StzhLangnavChangeEvent = {\n  component: \"stzh-langnav\",\n  value: string\n}\n\n/* Dropdown */\n\nexport type StzhDropdownOption = {\n  text: string,\n  value: string\n}\n\nexport type StzhDropdownChangeEvent = {\n  component: \"stzh-dropdown\",\n  value: string\n}\n\nexport type StzhDropdownItemAddEvent = {\n  component: \"stzh-dropdown\",\n  value: string\n}\n\nexport type StzhDropdownItemRemoveEvent = {\n  component: \"stzh-dropdown\",\n  value: string\n}\n\nexport type StzhDropdownOptionAddEvent = {\n  component: \"stzh-dropdown\",\n  value: string\n}\n\nexport type StzhDropdownOptionRemoveEvent = {\n  component: \"stzh-dropdown\",\n  value: string\n}\n\nexport type StzhDropdownOpenEvent = {\n  component: \"stzh-dropdown\"\n}\n\nexport type StzhDropdowCloseEvent = {\n  component: \"stzh-dropdown\"\n}\n\nexport type StzhDropdownFocusEvent = {\n  component: \"stzh-dropdown\"\n  originalEvent: {\n    target: Element\n  }\n}\n\nexport type StzhDropdownBlurEvent = {\n  component: \"stzh-dropdown\"\n}\n\nexport type StzhDropdowInitEvent = {\n  component: \"stzh-dropdown\"\n}\n\n/** Progressbar */\n\nexport type StzhProgressbarDataItem = {\n  label: string\n  icon?: string\n  disabled?: boolean\n  analyticsId?: string\n}\n\n/* Progressbar Item */\n\nexport type StzhProgressbarItemClickEvent = {\n  component: \"stzh-progressbar-item\",\n  originalEvent: MouseEvent,\n  index: number\n}\n\nexport type StzhProgressbarItemDottedClickEvent = {\n  component: \"stzh-progressbar-item\",\n  originalEvent: MouseEvent\n}\n\n/* Upload */\n\nexport type StzhUploadFilesItem = {\n  name: string\n  size: number\n  [key: string]: any\n}\n\nexport type StzhUploadFile = File & {\n  xhr: XMLHttpRequest,\n  status: string\n  upload: any\n  accepted: boolean\n  previewElement: HTMLElement\n}\n\nexport type StzhUploadFileAddedEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile\n}\n\nexport type StzhUploadFilesAddedEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[]\n}\n\nexport type StzhUploadFileRemoveEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile\n}\n\nexport type StzhUploadFileRemovedEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile\n  force: boolean\n}\n\nexport type StzhUploadSendingEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile,\n  xhr: XMLHttpRequest,\n  formData: FormData\n}\n\nexport type StzhUploadSendingMultipleEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[],\n  xhr: XMLHttpRequest,\n  formData: FormData\n}\n\nexport type StzhUploadProcessingEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile\n}\n\nexport type StzhUploadProcessingMultipleEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[]\n}\n\nexport type StzhUploadProgressEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile,\n  progress: number,\n  bytesSent: number\n}\n\nexport type StzhUploadProgressTotalEvent = {\n  component: \"stzh-upload\",\n  totalUploadProgress: number,\n  totalBytes: number,\n  totalBytesSent: number\n}\n\nexport type StzhUploadErrorEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile,\n  message: string,\n  xhr: XMLHttpRequest\n}\n\nexport type StzhUploadErrorMultipleEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[],\n  message: string,\n  xhr: XMLHttpRequest\n}\n\nexport type StzhUploadSuccessEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile,\n  responseText: string,\n  event: ProgressEvent\n}\n\nexport type StzhUploadSuccessMultipleEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[],\n  responseText: string,\n  event: ProgressEvent\n}\n\nexport type StzhUploadCanceledEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile\n}\n\nexport type StzhUploadCanceledMultipleEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[]\n}\n\nexport type StzhUploadCompleteEvent = {\n  component: \"stzh-upload\",\n  file: StzhUploadFile\n}\n\nexport type StzhUploadCompleteMultipleEvent = {\n  component: \"stzh-upload\",\n  files: StzhUploadFile[]\n}\n\n// Merged Types\n\nexport type StzhFocusEvent =\n  | StzhAccordionItemFocusEvent\n  | StzhButtonFocusEvent\n  | StzhCheckboxFocusEvent\n  | StzhChipFocusEvent\n  | StzhDropdownFocusEvent\n  | StzhInputFocusEvent\n  | StzhLinkFocusEvent\n  | StzhMenuItemFocusEvent\n  | StzhRadioFocusEvent\n  | StzhToggleFocusEvent\n  | StzhVbzLinechipFocusEvent\n  | StzhSkiplinkFocusEvent\n\n// ---\n// Prop Types\n// ---\n\nexport type StzhCalendarDateDisabledPredicate = (date: Date) => boolean\n\n\nexport namespace Layout {\n  export type Ratio = \"16:9\" | \"1:1\" | \"5:4\" | \"4:3\" | \"3:2\" | \"2:1\" | \"21:9\";\n\n  export type Justify =\n    | \"start\"\n    | \"end\"\n    | \"center\"\n    | \"between\"\n    | \"around\"\n    | \"evenly\";\n\n  export type Items =\n    | \"start\"\n    | \"end\"\n    | \"center\"\n    | \"baseline\"\n    | \"stretch\";\n\n  export type JustifySelf =\n    | \"auto\"\n    | Justify;\n\n  export type AlignSelf =\n    | \"auto\"\n    | Items;\n}\n\nexport namespace Space {\n  export type Sizes =\n    | \"xxxsmall\"\n    | \"xxsmall\"\n    | \"xsmall\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"xlarge\"\n    | \"xxlarge\"\n    | \"xxxlarge\"\n    | \"xxxxlarge\"\n    | \"big\"\n    | \"xbig\"\n    | \"huge\"\n    | \"xhuge\"\n    | \"none\"\n    | \"inherit\";\n\n    export type Curves =\n    | \"tiny\"\n    | \"small\"\n    | \"regular\"\n    | \"medium\"\n    | \"large\"\n    | \"big\"\n    | \"huge\"\n    | \"none\";\n}\n\nexport namespace Font {\n  export type Fonts =\n    | \"light\"\n    | \"regular\"\n    | \"medium\"\n    | \"heavy\"\n    | \"default\";\n\n  export type Sizes =\n    | \"pico\"\n    | \"nano\"\n    | \"micro\"\n    | \"milli\"\n    | \"centi\"\n    | \"deci\"\n    | \"regular\"\n    | \"deca\"\n    | \"hecto\"\n    | \"kilo\"\n    | \"mega\"\n    | \"giga\"\n    | \"hero\"\n    | \"inherit\";\n\n  export type Curves =\n    | \"p1\"\n    | \"p2\"\n    | \"caption\"\n    | \"h4\"\n    | \"h3\"\n    | \"h2\"\n    | \"h1\"\n    | \"hero\"\n    | \"default\"\n    | \"none\";\n}\n\nexport namespace VBZ {\n  export const BASE_TYPE_GLOBAL = \"GLOBAL\";\n\n  export const CHANNEL_TICKER = \"ticker\";\n  export const CHANNEL_INFO_URL_FILTER = \"stadt-zuerich.ch/vbz\";\n\n  export const DISTURBANCE_GLOBAL = \"__global__\";\n  export const DISTURBANCE_INFORMATION = \"0\";\n  export const DISTURBANCE_CONSTRUCTION = \"1\";\n  export const DISTURBANCE_NORMAL = \"2\";\n  export const DISTURBANCE_EVENT = \"4\";\n  export const DISTURBANCE_BUS = \"5\";\n\n  export type Lines =\n    | \"2\"\n    | \"3\"\n    | \"4\"\n    | \"5\"\n    | \"6\"\n    | \"7\"\n    | \"8\"\n    | \"9\"\n    | \"10\"\n    | \"11\"\n    | \"12\"\n    | \"13\"\n    | \"14\"\n    | \"15\"\n    | \"16\"\n    | \"17\"\n    | \"19\"\n    | \"20\"\n    | \"21\"\n    | \"23\"\n    | \"24\"\n    | \"25\"\n    | \"29\"\n    | \"31\"\n    | \"32\"\n    | \"33\"\n    | \"34\"\n    | \"35\"\n    | \"36\"\n    | \"37\"\n    | \"38\"\n    | \"39\"\n    | \"40\"\n    | \"45\"\n    | \"46\"\n    | \"54\"\n    | \"61\"\n    | \"62\"\n    | \"63\"\n    | \"64\"\n    | \"66\"\n    | \"67\"\n    | \"69\"\n    | \"70\"\n    | \"72\"\n    | \"73\"\n    | \"75\"\n    | \"76\"\n    | \"77\"\n    | \"78\"\n    | \"79\"\n    | \"80\"\n    | \"83\"\n    | \"89\"\n    | \"91\"\n    | \"94\"\n    | \"95\"\n    | \"99\"\n    | \"151\"\n    | \"152\"\n    | \"153\"\n    | \"156\"\n    | \"161\"\n    | \"162\"\n    | \"163\"\n    | \"165\"\n    | \"184\"\n    | \"185\"\n    | \"200\"\n    | \"201\"\n    | \"215\"\n    | \"220\"\n    | \"235\"\n    | \"236\"\n    | \"245\"\n    | \"301\"\n    | \"302\"\n    | \"303\"\n    | \"304\"\n    | \"305\"\n    | \"306\"\n    | \"307\"\n    | \"308\"\n    | \"309\"\n    | \"311\"\n    | \"314\"\n    | \"315\"\n    | \"317\"\n    | \"321\"\n    | \"323\"\n    | \"325\"\n    | \"350\"\n    | \"444\"\n    | \"445\"\n    | \"701\"\n    | \"702\"\n    | \"703\"\n    | \"704\"\n    | \"705\"\n    | \"720\"\n    | \"721\"\n    | \"725\"\n    | \"726\"\n    | \"727\"\n    | \"742\"\n    | \"743\"\n    | \"744\"\n    | \"745\"\n    | \"747\"\n    | \"748\"\n    | \"751\"\n    | \"752\"\n    | \"753\"\n    | \"754\"\n    | \"759\"\n    | \"760\"\n    | \"765\"\n    | \"768\"\n    | \"781\"\n    | \"786\"\n    | \"787\"\n    | \"910\"\n    | \"912\"\n    | \"916\"\n    | \"917\"\n    | \"918\"\n    | \"919\"\n    | \"E\"\n    | \"N\"\n    | \"N1\"\n    | \"N2\"\n    | \"N4\"\n    | \"N5\"\n    | \"N6\"\n    | \"N7\"\n    | \"N8\"\n    | \"N9\"\n    | \"N10\"\n    | \"N11\"\n    | \"N12\"\n    | \"N13\"\n    | \"N14\"\n    | \"N15\"\n    | \"N16\"\n    | \"N17\"\n    | \"N18\"\n    | \"N19\"\n    | \"N30\"\n    | \"N31\"\n    | \"N32\"\n    | \"N33\"\n    | \"N34\"\n    | \"N45\"\n    | \"N72\"\n    | \"N78\"\n    | \"SN1\"\n    | \"SN4\"\n    | \"SN5\"\n    | \"SN6\"\n    | \"SN7\"\n    | \"SN8\"\n    | \"SN9\"\n    | \"S2\"\n    | \"S3\"\n    | \"S4\"\n    | \"S5\"\n    | \"S6\"\n    | \"S7\"\n    | \"S8\"\n    | \"S9\"\n    | \"S10\"\n    | \"S11\"\n    | \"S14\"\n    | \"S15\"\n    | \"S16\"\n    | \"S18\"\n    | \"S19\"\n    | \"S20\"\n    | \"S21\"\n    | \"S23\"\n    | \"S24\"\n    | \"S25\"\n}\n\n// ---\n// Stencil component types\n// ---\n\nexport * from './components';\n"],"mappings":"IA2xCiBA,GAAjB,SAAiBA,GACFA,EAAAC,iBAAmB,SAEnBD,EAAAE,eAAiB,SACjBF,EAAAG,wBAA0B,uBAE1BH,EAAAI,mBAAqB,aACrBJ,EAAAK,wBAA0B,IAC1BL,EAAAM,yBAA2B,IAC3BN,EAAAO,mBAAqB,IACrBP,EAAAQ,kBAAoB,IACpBR,EAAAS,gBAAkB,GAyLhC,EApMD,CAAiBT,MAAG,Y"}

package/dist/stzh-components/{p-a509436d.entry.js → p-0164f9d1.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as t,h as r,F as s,a as i,g as e}from"./p-c92165bd.js";const h=".sc-stzh-chip-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-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;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-chip-h .has-focus.sc-stzh-chip{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.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{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--height:2rem;--padding:0 var(--stzh-space-medium);--border-color:var(--stzh-base-border-color);--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));--icon-gap:var(--stzh-space-xsmall);--counter-color:var(--stzh-color-primary60op);--counter-gap:var(--stzh-space-xsmall);--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--border-color);--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}@media (forced-colors: active), (-ms-high-contrast: active){.sc-stzh-chip-h{--hover-color:Highlight;--hover-border-color: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);--counter-gap:var(--stzh-space-xxsmall)}[variant=input].sc-stzh-chip-h{--border-color:transparent;--background-color:var(--stzh-color-grey5);--hover-border-color: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-color:transparent;--background-color:var(--stzh-color-black8);--hover-color:var(--stzh-base-color);--hover-border-color:transparent;--hover-background-color:var(--stzh-color-black8);--hover-icon-color:var(--stzh-base-color);--hover-counter-color:var(--stzh-base-color)}[variant=input][size=small].sc-stzh-chip-h{--padding:0 var(--stzh-space-small);--icon-gap:var(--stzh-space-xxsmall)}[variant=tag][size=small].sc-stzh-chip-h{--padding:0 var(--stzh-space-xsmall);--icon-gap:var(--stzh-space-xxsmall)}[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-color: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-color: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-color:SelectedItem;--remove-color:SelectedItem;--background-color:Canvas;--icon-color:SelectedItem;--counter-color:SelectedItem;--hover-color:Highlight;--hover-border-color: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-color:var(--border-color);--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-color: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-color: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-width:0.0625rem;border-style:solid;border-color:var(--border-color);background-color:var(--background-color);-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-text-decoration-line:none;text-decoration-line: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(--icon-gap)}.stzh-chip__counter.sc-stzh-chip{display:-ms-flexbox;display:flex;font-variant-numeric:tabular-nums;margin-left:var(--counter-gap);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-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);-webkit-transition-property:color, background-color, border-color;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__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip{color:var(--hover-color);background-color:var(--hover-background-color);border-color:var(--hover-border-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--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--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(r){o(this,r);this.stzhClick=t(this,"stzhClick",7);this.stzhRemove=t(this,"stzhRemove",7);this.stzhFocus=t(this,"stzhFocus",7);this.stzhBlur=t(this,"stzhBlur",7);this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.setFocus()}this.focusedByInput=false};this.onFocus=o=>{this.focusedByInput=true;const t=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(t);this.stzhFocus.emit({component:"stzh-chip",originalEvent:o})};this.onBlur=o=>{const t=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(t);this.stzhBlur.emit({component:"stzh-chip",originalEvent:o})};this.onClick=o=>{this.stzhClick.emit({component:"stzh-chip",originalEvent:o})};this.onRemoveClick=o=>{this.stzhRemove.emit({component:"stzh-chip",originalEvent:o})};this.label="";this.icon="";this.href="";this.target="";this.nonInteractive=false;this.removable=false;this.variant="tag";this.size="default";this.type="default";this.counter="";this.removeLabel="";this.active=false;this.disabled=false;this.a11yTabindex=undefined;this.a11yLabel=undefined;this.a11yDescribedby="";this.analyticsId=undefined;this.removeAnalyticsId=undefined}async setFocus(){this.chip.focus()}componentDidRender(){requestAnimationFrame((()=>{this.chip.setAttribute("s-object-id",this.analyticsId||this.text.innerText)}))}renderInner(){return r(s,null,r("div",{class:"stzh-chip__icon-wrapper"},this.icon?r("stzh-icon",{class:"stzh-chip__icon",name:this.icon}):r("slot",{name:"icon"})),r("stzh-clamp",{lines:1,class:"stzh-chip__label",ref:o=>this.text=o},this.label?this.label:r("slot",null),this.counter&&r("span",{class:"stzh-chip__vhidden"}," (",this.counter,")")),this.counter&&r("div",{class:"stzh-chip__counter","aria-hidden":"true"},this.counter))}render(){const o={"stzh-chip":true,"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};const t=this.nonInteractive?"div":this.href?"a":"button";return r(i,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},r("div",{class:o},this.removable&&r("button",{class:"stzh-chip__remove",onClick:this.onRemoveClick,disabled:this.disabled,"aria-label":this.removeLabel,type:"button","s-object-id":this.removeAnalyticsId||this.removeLabel},r("stzh-icon",{class:"stzh-chip__remove-icon",name:"close"})),this.href?r(t,{ref:o=>this.chip=o,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()):r(t,{ref:o=>this.chip=o,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 e(this)}};c.style=h;const a=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-clamp{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;--current-lines:var(--lines, 0);width:100%;color:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:inherit;line-height:inherit}stzh-clamp[hidden]{display:none}stzh-clamp *,stzh-clamp *::before,stzh-clamp *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}stzh-clamp .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}stzh-clamp .stzh-fylingfocus-focused{outline-style:none !important}stzh-clamp .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}@media screen and (min-width: 600px){stzh-clamp{--current-lines:var(--lines-small, var(--lines, 0))}}@media screen and (min-width: 1024px){stzh-clamp{--current-lines:var(--lines-medium, var(--lines-small, var(--lines, 0)))}}@media screen and (min-width: 1260px){stzh-clamp{--current-lines:var(--lines-large, var(--lines-medium, var(--lines-small, var(--lines, 0))))}}@media screen and (min-width: 1440px){stzh-clamp{--current-lines:var(--lines-ultra, var(--lines-large, var(--lines-medium, var(--lines-small, var(--lines, 0)))))}}.stzh-clamp{position:relative}.stzh-clamp__text{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;overflow:hidden}.stzh-clamp__text>*:first-child{margin-top:0 !important}.stzh-clamp__text>*:last-child{margin-bottom:0 !important}.stzh-clamp__text.is-clone{position:absolute;visibility:hidden;opacity:0;top:0;left:0;width:100%}.stzh-clamp__trigger{margin-top:var(--stzh-space-xxsmall)}.stzh-clamp--is-not-expanded .stzh-clamp__text,.stzh-clamp__text.is-clone{-webkit-line-clamp:var(--current-lines);line-clamp:var(--current-lines)}";const n=class{constructor(r){o(this,r);this.stzhClamp=t(this,"stzhClamp",7);this.stzhExpand=t(this,"stzhExpand",7);this.updateClamped=()=>{if(!this.textCloneElement){return}const o=this.clamped;this.clamped=this.textCloneElement.scrollHeight>this.textCloneElement.clientHeight;if(o!==this.clamped){this.stzhClamp.emit({component:"stzh-clamp",clamped:this.clamped})}};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateClamped)};this.handleMutaton=()=>{this.update()};this.handleExpandClick=()=>{this.expanded=!this.expanded;this.stzhExpand.emit({component:"stzh-clamp",expanded:this.expanded})};this.localization=undefined;this.lines=1;this.linesSmall=0;this.linesMedium=0;this.linesLarge=0;this.linesUltra=0;this.showExpandLink=false;this.expanded=false;this.clamped=false}async update(){this.textCloneElement.innerHTML=this.textElement.innerHTML;this.updateClamped()}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"clamp")}}componentDidLoad(){this.mutationObserver=new MutationObserver(this.handleMutaton);this.mutationObserver.observe(this.textElement,{childList:true,subtree:true})}componentDidRender(){this.update()}connectedCallback(){this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.mutationObserver){this.mutationObserver.disconnect()}}render(){const o={"stzh-clamp":true,"stzh-clamp--is-not-expanded":!this.expanded};return r(i,{style:{"--lines":this.lines?this.lines.toString():null,"--lines-small":this.linesSmall?this.linesSmall.toString():null,"--lines-medium":this.linesMedium?this.linesMedium.toString():null,"--lines-large":this.linesLarge?this.linesLarge.toString():null,"--lines-ultra":this.linesUltra?this.linesUltra.toString():null}},r("div",{class:o},r("div",{ref:o=>this.textElement=o,class:"stzh-clamp__text"},r("slot",null)),r("div",{ref:o=>this.textCloneElement=o,class:"stzh-clamp__text is-clone","aria-hidden":"true"}),this.showExpandLink&&this.clamped&&r("stzh-link",{class:"stzh-clamp__trigger",a11yTabindex:"-1","aria-hidden":"true",onClick:this.handleExpandClick},!this.expanded?this.localization.showMore:this.localization.showLess)))}get element(){return e(this)}};n.style=a;export{c as stzh_chip,n as stzh_clamp};
-//# sourceMappingURL=p-a509436d.entry.js.map
+import{r as o,c as t,h as r,F as s,a as i,g as e}from"./p-c92165bd.js";const h=".sc-stzh-chip-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-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;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-chip-h .has-focus.sc-stzh-chip{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.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{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--height:2rem;--padding:0 var(--stzh-space-medium);--border-color:var(--stzh-base-border-color);--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));--icon-gap:var(--stzh-space-xsmall);--counter-color:var(--stzh-color-primary60op);--counter-gap:var(--stzh-space-xsmall);--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--border-color);--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}@media (forced-colors: active), (-ms-high-contrast: active){.sc-stzh-chip-h{--hover-color:Highlight;--hover-border-color: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);--counter-gap:var(--stzh-space-xxsmall)}[variant=input].sc-stzh-chip-h{--border-color:transparent;--background-color:var(--stzh-color-grey5);--hover-border-color: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-color:transparent;--background-color:var(--stzh-color-black8);--hover-color:var(--stzh-base-color);--hover-border-color:transparent;--hover-background-color:var(--stzh-color-black8);--hover-icon-color:var(--stzh-base-color);--hover-counter-color:var(--stzh-base-color)}[variant=input][size=small].sc-stzh-chip-h{--padding:0 var(--stzh-space-small);--icon-gap:var(--stzh-space-xxsmall)}[variant=tag][size=small].sc-stzh-chip-h{--padding:0 var(--stzh-space-xsmall);--icon-gap:var(--stzh-space-xxsmall)}[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-color: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-color: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-color:SelectedItem;--remove-color:SelectedItem;--background-color:Canvas;--icon-color:SelectedItem;--counter-color:SelectedItem;--hover-color:Highlight;--hover-border-color: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-color:var(--border-color);--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-color: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-color: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-width:0.0625rem;border-style:solid;border-color:var(--border-color);background-color:var(--background-color);-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-text-decoration-line:none;text-decoration-line: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(--icon-gap)}.stzh-chip__counter.sc-stzh-chip{display:-ms-flexbox;display:flex;font-variant-numeric:tabular-nums;margin-left:var(--counter-gap);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-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);-webkit-transition-property:color, background-color, border-color;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__remove.sc-stzh-chip:hover+.stzh-chip__button.sc-stzh-chip{color:var(--hover-color);background-color:var(--hover-background-color);border-color:var(--hover-border-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--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--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(r){o(this,r);this.stzhClick=t(this,"stzhClick",7);this.stzhRemove=t(this,"stzhRemove",7);this.stzhFocus=t(this,"stzhFocus",7);this.stzhBlur=t(this,"stzhBlur",7);this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.setFocus()}this.focusedByInput=false};this.onFocus=o=>{this.focusedByInput=true;const t=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(t);this.stzhFocus.emit({component:"stzh-chip",originalEvent:o})};this.onBlur=o=>{const t=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(t);this.stzhBlur.emit({component:"stzh-chip",originalEvent:o})};this.onClick=o=>{this.stzhClick.emit({component:"stzh-chip",originalEvent:o})};this.onRemoveClick=o=>{this.stzhRemove.emit({component:"stzh-chip",originalEvent:o})};this.label="";this.icon="";this.href="";this.target="";this.nonInteractive=false;this.removable=false;this.variant="tag";this.size="default";this.type="default";this.counter="";this.removeLabel="";this.active=false;this.disabled=false;this.a11yTabindex=undefined;this.a11yLabel=undefined;this.a11yDescribedby="";this.analyticsId=undefined;this.removeAnalyticsId=undefined}async setFocus(){this.chip.focus()}componentDidRender(){requestAnimationFrame((()=>{this.chip.setAttribute("s-object-id",this.analyticsId||this.text.innerText)}))}renderInner(){return r(s,null,r("div",{class:"stzh-chip__icon-wrapper"},this.icon?r("stzh-icon",{class:"stzh-chip__icon",name:this.icon}):r("slot",{name:"icon"})),r("stzh-clamp",{lines:1,class:"stzh-chip__label",ref:o=>this.text=o},this.label?this.label:r("slot",null),this.counter&&r("span",{class:"stzh-chip__vhidden"}," (",this.counter,")")),this.counter&&r("div",{class:"stzh-chip__counter","aria-hidden":"true"},this.counter))}render(){const o={"stzh-chip":true,"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};const t=this.nonInteractive?"div":this.href?"a":"button";return r(i,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},r("div",{class:o},this.removable&&r("button",{class:"stzh-chip__remove",onClick:this.onRemoveClick,disabled:this.disabled,"aria-label":this.removeLabel,type:"button","s-object-id":this.removeAnalyticsId||this.removeLabel},r("stzh-icon",{class:"stzh-chip__remove-icon",name:"close"})),this.href?r(t,{ref:o=>this.chip=o,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()):r(t,{ref:o=>this.chip=o,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 e(this)}};c.style=h;const a=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-clamp{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;--current-lines:var(--lines, 0);width:100%;color:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:inherit;line-height:inherit}stzh-clamp[hidden]{display:none}stzh-clamp *,stzh-clamp *::before,stzh-clamp *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}stzh-clamp .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}stzh-clamp .stzh-fylingfocus-focused{outline-style:none !important}stzh-clamp .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}@media screen and (min-width: 600px){stzh-clamp{--current-lines:var(--lines-small, var(--lines, 0))}}@media screen and (min-width: 1024px){stzh-clamp{--current-lines:var(--lines-medium, var(--lines-small, var(--lines, 0)))}}@media screen and (min-width: 1260px){stzh-clamp{--current-lines:var(--lines-large, var(--lines-medium, var(--lines-small, var(--lines, 0))))}}@media screen and (min-width: 1440px){stzh-clamp{--current-lines:var(--lines-ultra, var(--lines-large, var(--lines-medium, var(--lines-small, var(--lines, 0)))))}}.stzh-clamp{position:relative}.stzh-clamp__text{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;overflow:hidden}.stzh-clamp__text>*:first-child{margin-top:0 !important}.stzh-clamp__text>*:last-child{margin-bottom:0 !important}.stzh-clamp__text.is-clone{position:absolute;visibility:hidden;opacity:0;top:0;left:0;width:100%}.stzh-clamp__trigger{margin-top:var(--stzh-space-xxsmall)}.stzh-clamp--is-not-expanded .stzh-clamp__text,.stzh-clamp__text.is-clone{-webkit-line-clamp:var(--current-lines);line-clamp:var(--current-lines)}";const n=class{constructor(r){o(this,r);this.stzhClamp=t(this,"stzhClamp",7);this.stzhExpand=t(this,"stzhExpand",7);this.updateClamped=()=>{if(!this.textCloneElement){return}const o=this.clamped;this.clamped=this.textCloneElement.scrollHeight>this.textCloneElement.clientHeight;if(o!==this.clamped){this.stzhClamp.emit({component:"stzh-clamp",clamped:this.clamped})}};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateClamped)};this.handleMutaton=()=>{this.update()};this.handleExpandClick=async()=>{this.expanded=!this.expanded;await this.waitForNextRender();this.stzhExpand.emit({component:"stzh-clamp",expanded:this.expanded})};this.localization=undefined;this.lines=1;this.linesSmall=0;this.linesMedium=0;this.linesLarge=0;this.linesUltra=0;this.showExpandLink=false;this.expanded=false;this.clamped=false}async update(){this.textCloneElement.innerHTML=this.textElement.innerHTML;this.updateClamped()}waitForNextRender(){return new Promise((o=>this.renderPromiseResolve=o))}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"clamp")}}componentDidLoad(){this.mutationObserver=new MutationObserver(this.handleMutaton);this.mutationObserver.observe(this.textElement,{childList:true,subtree:true})}componentDidRender(){if(this.renderPromiseResolve){this.renderPromiseResolve()}this.update()}connectedCallback(){this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.mutationObserver){this.mutationObserver.disconnect()}}render(){const o={"stzh-clamp":true,"stzh-clamp--is-not-expanded":!this.expanded};return r(i,{style:{"--lines":this.lines?this.lines.toString():null,"--lines-small":this.linesSmall?this.linesSmall.toString():null,"--lines-medium":this.linesMedium?this.linesMedium.toString():null,"--lines-large":this.linesLarge?this.linesLarge.toString():null,"--lines-ultra":this.linesUltra?this.linesUltra.toString():null}},r("div",{class:o},r("div",{ref:o=>this.textElement=o,class:"stzh-clamp__text"},r("slot",null)),r("div",{ref:o=>this.textCloneElement=o,class:"stzh-clamp__text is-clone","aria-hidden":"true"}),this.showExpandLink&&this.clamped&&r("stzh-link",{class:"stzh-clamp__trigger",a11yTabindex:"-1","aria-hidden":"true",onClick:this.handleExpandClick},!this.expanded?this.localization.showMore:this.localization.showLess)))}get element(){return e(this)}};n.style=a;export{c as stzh_chip,n as stzh_clamp};
+//# sourceMappingURL=p-0164f9d1.entry.js.map

package/dist/stzh-components/p-0164f9d1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhChipCss","StzhChip","this","focusedByInput","onRootFocus","setFocus","onFocus","event","focusEvent","FocusEvent","view","window","bubbles","cancelable","element","dispatchEvent","stzhFocus","emit","component","originalEvent","onBlur","blurEvent","stzhBlur","onClick","stzhClick","onRemoveClick","stzhRemove","chip","focus","componentDidRender","requestAnimationFrame","setAttribute","analyticsId","text","innerText","renderInner","h","Fragment","class","icon","name","lines","ref","el","label","counter","render","classes","active","disabled","removable","type","size","variant","Chip","nonInteractive","href","Host","tabindex","removeLabel","removeAnalyticsId","target","a11yTabindex","a11yLabel","a11yDescribedby","stzhClampCss","StzhClamp","updateClamped","textCloneElement","beforeClamped","clamped","scrollHeight","clientHeight","stzhClamp","handleResize","debounceResize","cancelAnimationFrame","handleMutaton","update","handleExpandClick","async","expanded","waitForNextRender","stzhExpand","innerHTML","textElement","Promise","resolve","renderPromiseResolve","componentWillLoad","localization","stzhComponents","utils","fetchTranslations","componentDidLoad","mutationObserver","MutationObserver","observe","childList","subtree","connectedCallback","resizeObserver","ResizeObserver","disconnectedCallback","disconnect","style","toString","linesSmall","linesMedium","linesLarge","linesUltra","showExpandLink","showMore","showLess"],"sources":["src/components/stzh-chip/stzh-chip.scss?tag=stzh-chip&encapsulation=scoped","src/components/stzh-chip/stzh-chip.tsx","src/components/stzh-clamp/stzh-clamp.scss?tag=stzh-clamp","src/components/stzh-clamp/stzh-clamp.tsx"],"sourcesContent":[":host {\n  --color: #{$colorPrimary};\n  --height: 32px;\n  --padding: 0 #{space('medium')};\n  --border-color: #{$baseBorderColor};\n  --border-radius: 16px;\n  --remove-color: #{$baseLeadColor};\n  --remove-border-radius: 24px;\n  --background-color: #{$colorWhite};\n  --icon-size: #{iconSize('small')};\n  --icon-color: #{$colorPrimary};\n  --icon-gap: #{space('xsmall')};\n  --counter-color: #{$colorPrimary60op};\n  --counter-gap: #{space('xsmall')};\n\n  --hover-color: #{$colorPrimaryHover};\n  --hover-border-color: var(--border-color);\n  --hover-background-color: #{$colorPrimary8};\n  --hover-remove-color: var(--hover-color);\n  --hover-remove-background-color: var(--hover-background-color);\n  --hover-icon-color: #{$colorPrimaryHover};\n  --hover-counter-color: #{$colorPrimaryHover};\n\n  display: inline-flex;\n\n  @include highContrast() {\n    --hover-color: Highlight;\n    --hover-border-color: Highlight;\n    --hover-background-color: Canvas;\n    --hover-remove-color: Highlight;\n    --hover-remove-background-color: Canvas;\n    --hover-icon-color: Highlight;\n    --hover-counter-color: Highlight;\n  }\n\n  &[size=\"large\"] {\n    --height: 40px;\n    --border-radius: 20px;\n    --padding: 0 #{space('xlarge')};\n  }\n\n  &[size=\"small\"] {\n    --height: 24px;\n    --icon-size: #{iconSize('xsmall')};\n    --counter-gap: #{space('xxsmall')};\n  }\n\n  &[variant=\"input\"] {\n    --border-color: transparent;\n    --background-color: #{$colorGrey5};\n\n    --hover-border-color: transparent;\n  }\n\n  &[variant=\"tag\"] {\n    --color: #{$baseColor};\n    --icon-color: #{$baseColor};\n    --counter-color: #{$baseColor};\n    --border-color: transparent;\n    --background-color: #{$colorBlack8};\n\n    --hover-color: #{$baseColor};\n    --hover-border-color: transparent;\n    --hover-background-color: #{$colorBlack8};\n    --hover-icon-color: #{$baseColor};\n    --hover-counter-color: #{$baseColor};\n  }\n\n  &[variant=\"input\"][size=\"small\"] {\n    --padding: 0 #{space('small')};\n    --icon-gap: #{space('xxsmall')};\n  }\n\n  &[variant=\"tag\"][size=\"small\"] {\n    --padding: 0 #{space('xsmall')};\n    --icon-gap: #{space('xxsmall')};\n  }\n\n  &[type=\"secondary\"] {\n    --color: #{$baseLeadColor};\n    --counter-color: #{$colorGrey40};\n  }\n\n  &[type=\"important\"] {\n    --color: #{$colorError};\n    --icon-color: #{$colorError};\n    --counter-color: #{$colorError};\n\n    --hover-color: #{$colorError};\n    --hover-icon-color: #{$colorError};\n    --hover-counter-color: #{$colorError};\n\n    @include highContrast() {\n      --hover-color: Highlight;\n      --hover-icon-color: Highlight;\n      --hover-counter-color: Highlight;\n    }\n  }\n\n  &[active]:not([active=\"false\"]) {\n    --color: #{$colorWhite};\n    --border-color: transparent;\n    --remove-color: #{$colorWhite};\n    --background-color: #{$colorPrimary};\n    --icon-color: #{$colorWhite};\n    --counter-color: #{$colorWhite56};\n\n    --hover-color: #{$colorWhite};\n    --hover-border-color: transparent;\n    --hover-background-color: #{$colorPrimaryHover};\n    --hover-remove-color: #{$colorWhite};\n    --hover-remove-background-color: #{$colorPrimaryHover};\n    --hover-icon-color: #{$colorWhite};\n    --hover-counter-color: #{$colorWhite56};\n\n    @include highContrast() {\n      --color: SelectedItem;\n      --border-color: SelectedItem;\n      --remove-color: SelectedItem;\n      --background-color: Canvas;\n      --icon-color: SelectedItem;\n      --counter-color: SelectedItem;\n\n      --hover-color: Highlight;\n      --hover-border-color: Highlight;\n      --hover-background-color: Canvas;\n      --hover-remove-color: Highlight;\n      --hover-remove-background-color: Canvas;\n      --hover-icon-color: Highlight;\n      --hover-counter-color: Highlight;\n    }\n  }\n\n  &[non-interactive]:not([non-interactive=\"false\"]) {\n    --hover-color: var(--color);\n    --hover-border-color: var(--border-color);\n    --hover-background-color: var(--background-color);\n    --hover-icon-color: var(--icon-color);\n    --hover-counter-color: var(--counter-color);\n  }\n\n  &[disabled]:not([disabled=\"false\"]) {\n    --color: #{$colorGrey25};\n    --border-color: #{$baseBorderColor};\n    --remove-color: #{$colorGrey13};\n    --background-color: #{$colorWhite};\n    --icon-color: #{$colorGrey25};\n    --counter-color: #{$colorGrey25};\n\n    --hover-color: #{$colorGrey25};\n    --hover-border-color: #{$baseBorderColor};\n    --hover-background-color: #{$colorWhite};\n    --hover-remove-color: #{$colorGrey13};\n    --hover-remove-background-color: transparent;\n    --hover-icon-color: #{$colorGrey25};\n    --hover-counter-color: #{$colorGrey25};\n  }\n}\n\n:host ::slotted(stzh-icon),\n.stzh-chip__icon {\n  --size: var(--icon-size);\n}\n\n.stzh-chip {\n  position: relative;\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n\n  &__button {\n    @include fontSize('micro');\n    font-family: inherit;\n    height: var(--height);\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    border-radius: var(--border-radius);\n    padding: var(--padding);\n    color: var(--color);\n    appearance: none;\n    border-width: 1px;\n    border-style: solid;\n    border-color: var(--border-color);\n    background-color: var(--background-color);\n    transition-duration: $baseTransitionAnimationSpeed;\n    transition-property: color, background-color, border-color;\n    text-decoration-line: none;\n\n    &.is-button,\n    &.is-link {\n      cursor: pointer;\n    }\n  }\n\n  &__label {\n    text-align: left;\n  }\n\n  &__icon-wrapper {\n    display: flex;\n    color: var(--icon-color);\n    transition: color $baseTransitionAnimationSpeed;\n    flex-shrink: 0;\n\n    &:not(:empty) {\n      margin-right: var(--icon-gap);\n    }\n  }\n\n  &__counter {\n    display: flex;\n    font-variant-numeric: tabular-nums;\n    margin-left: var(--counter-gap);\n    color: var(--counter-color);\n    transition: color $baseTransitionAnimationSpeed;\n  }\n\n  &__remove {\n    position: absolute;\n    top: 0;\n    right: 0;\n    appearance: none;\n    font-family: inherit;\n    border: none;\n    background: none;\n    padding: 0;\n    width: var(--height);\n    height: var(--height);\n    border-radius: var(--remove-border-radius);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-left: space('xxsmall');\n    color: var(--remove-color);\n    transition-duration: $baseTransitionAnimationSpeed;\n    transition-property: color, background-color, border-color;\n    cursor: pointer;\n\n    &:hover {\n      color: var(--hover-remove-color);\n      background-color: var(--hover-remove-background-color);\n    }\n  }\n\n  &__remove-icon {\n    --size: #{iconSize('xxsmall')};\n  }\n\n  &__button:hover,\n  &__remove:hover + &__button {\n    color: var(--hover-color);\n    background-color: var(--hover-background-color);\n    border-color: var(--hover-border-color);\n  }\n\n  &__button:hover &__counter,\n  &__remove:hover + &__button &__counter {\n    color: var(--hover-counter-color);\n  }\n\n  &__button:hover &__icon-wrapper,\n  &__remove:hover + &__button &__icon-wrapper {\n    color: var(--hover-icon-color);\n  }\n\n  /* Size */\n\n  &--size-small &__button {\n    @include fontSize('nano');\n  }\n\n  /* Removeable */\n\n  &--is-removable &__button {\n    padding-right: calc(var(--height) + #{space('xxsmall')});\n  }\n\n  /* Disabled */\n\n  &--is-disabled &__button,\n  &--is-disabled &__remove {\n    cursor: not-allowed;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  Method,\n  Fragment\n} from \"@stencil/core\";\n\nimport {\n  StzhChipClickEvent,\n  StzhChipRemoveEvent,\n  StzhChipFocusEvent,\n  StzhChipBlurEvent\n} from \"../../index\";\n\n/**\n * @slot - Slot for label\n * @slot icon - Slot for icon\n */\n@Component({\n  tag: \"stzh-chip\",\n  styleUrl: \"stzh-chip.scss\",\n  scoped: true\n})\nexport class StzhChip {\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Icon (use instead of icon slot) */\n  @Prop() icon: string = \"\";\n\n  /** `href` if the chip should be used as link  */\n  @Prop() href: string = \"\";\n\n  /** Target if the button is used as link (if `href` used)  */\n  @Prop() target: string = \"\";\n\n  /** Whether chip is not interactive */\n  @Prop({ reflect: true }) nonInteractive: boolean = false;\n\n  /** Whether remove button should be shown */\n  @Prop({ reflect: true }) removable: boolean = false;\n\n  /** Variant */\n  @Prop({ reflect: true }) variant: \"tag\" | \"filter\" | \"input\" = \"tag\";\n\n  /** Size */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" | \"large\" = \"default\";\n\n  /** Type */\n  @Prop({ reflect: true }) type: \"default\" | \"secondary\" | \"important\" = \"default\";\n\n  /** Counter */\n  @Prop() counter: string = \"\";\n\n  /** Label of remove button for screenreaders */\n  @Prop() removeLabel: string = \"\";\n\n  /** Active */\n  @Prop({ reflect: true }) active: boolean = false;\n\n  /** Disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Tabindex of link/button */\n  @Prop({ attribute: \"a11y-tabindex\" }) a11yTabindex: string;\n\n  /** Accessible label for screen readers to replace visible text */\n  @Prop({ attribute: \"a11y-label\" }) a11yLabel: string;\n\n  /** Id for element which describes the link/button */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link/button element.\n   * Default value will be taken from `label` prop or default slot.\n   */\n  @Prop() analyticsId: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the remove button element.\n   * Default value will be taken from `removeLabel` prop.\n   */\n  @Prop() removeAnalyticsId: string;\n\n  @Element() element: HTMLStzhChipElement;\n\n  /** Focus menu item */\n  @Method()\n  async setFocus() {\n    this.chip.focus();\n  }\n\n  /** Chip click event */\n  @Event() stzhClick: EventEmitter<StzhChipClickEvent>;\n\n  /** Chip remove event */\n  @Event() stzhRemove: EventEmitter<StzhChipRemoveEvent>;\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhChipFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhChipBlurEvent>;\n\n  private chip: HTMLButtonElement | HTMLAnchorElement;\n  private text: HTMLElement;\n  private focusedByInput: boolean = false;\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      this.chip.setAttribute(\"s-object-id\", this.analyticsId || this.text.innerText);\n    });\n  }\n\n  private renderInner(): DocumentFragment {\n    return (\n      <Fragment>\n        <div class=\"stzh-chip__icon-wrapper\">\n          {this.icon ?\n            <stzh-icon class=\"stzh-chip__icon\" name={this.icon}></stzh-icon>\n            :\n            <slot name=\"icon\"></slot>\n          }\n        </div>\n\n        <stzh-clamp\n          lines={1}\n          class=\"stzh-chip__label\"\n          ref={(el) => (this.text = el as HTMLElement)}\n        >\n          {this.label ? this.label : <slot></slot>}\n          {this.counter &&\n            <span class=\"stzh-chip__vhidden\">\n              &nbsp;({this.counter})\n            </span>\n          }\n        </stzh-clamp>\n\n        {this.counter &&\n          <div class=\"stzh-chip__counter\" aria-hidden=\"true\">\n            {this.counter}\n          </div>\n        }\n      </Fragment>\n    );\n  }\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.setFocus();\n    }\n\n    this.focusedByInput = false;\n  }\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    const focusEvent = new FocusEvent(\"focus\", {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(focusEvent);\n    this.stzhFocus.emit({\n      component: \"stzh-chip\",\n      originalEvent: event\n    });\n  }\n\n  private onBlur = (event: FocusEvent) => {\n    const blurEvent = new FocusEvent(\"blur\", {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(blurEvent);\n    this.stzhBlur.emit({\n      component: \"stzh-chip\",\n      originalEvent: event\n    });\n  }\n\n  private onClick = (event: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-chip\",\n      originalEvent: event\n    });\n  }\n\n  private onRemoveClick = (event: MouseEvent) => {\n    this.stzhRemove.emit({\n      component: \"stzh-chip\",\n      originalEvent: event\n    });\n  }\n\n  render() {\n    const classes = {\n      \"stzh-chip\": true,\n      \"stzh-chip--is-active\": this.active,\n      \"stzh-chip--is-disabled\": this.disabled,\n      \"stzh-chip--is-removable\": this.removable,\n      \"stzh-chip--has-counter\": !!this.counter,\n      [`stzh-chip--type-${this.type}`]: !!this.type,\n      [`stzh-chip--size-${this.size}`]: !!this.size,\n      [`stzh-chip--${this.variant}`]: !!this.variant\n    };\n\n    const Chip = this.nonInteractive ? \"div\" :\n      this.href ? \"a\" : \"button\";\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes}>\n          {this.removable &&\n            <button\n              class=\"stzh-chip__remove\"\n              onClick={this.onRemoveClick}\n              disabled={this.disabled}\n              aria-label={this.removeLabel}\n              type=\"button\"\n              s-object-id={this.removeAnalyticsId || this.removeLabel}\n            >\n              <stzh-icon class=\"stzh-chip__remove-icon\" name=\"close\"></stzh-icon>\n            </button>\n          }\n\n          {this.href ?\n            <Chip\n              ref={(el) => (this.chip = el as HTMLAnchorElement)}\n              class={{\n                \"stzh-chip__button\": true,\n                \"is-button\": !this.nonInteractive && !this.href,\n                \"is-link\": !this.nonInteractive && !!this.href\n              }}\n              href={this.disabled ? null : this.href}\n              target={this.target}\n              tabindex={this.a11yTabindex}\n              aria-label={this.a11yLabel || null}\n              aria-describedby={this.a11yDescribedby || null}\n              onClick={this.onClick}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n            >\n              {this.renderInner()}\n            </Chip>\n            :\n            <Chip\n              ref={(el) => (this.chip = el as HTMLButtonElement)}\n              class={{\n                \"stzh-chip__button\": true,\n                \"is-button\": !this.nonInteractive && !this.href,\n                \"is-link\": !this.nonInteractive && !!this.href\n              }}\n              disabled={this.disabled}\n              type=\"button\"\n              tabindex={this.a11yTabindex}\n              aria-label={this.a11yLabel || null}\n              aria-describedby={this.a11yDescribedby || null}\n              onClick={this.onClick}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n            >\n              {this.renderInner()}\n            </Chip>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n","/**\n * @prop --current-lines: Currently clamped lines number (can be used instead of `lines-{BREAKPOINT}` attributes)\n */\n\nstzh-clamp {\n  @include host;\n  --current-lines: var(--lines, 0);\n\n  @include mq($from: small) {\n    --current-lines: var(--lines-small, var(--lines, 0));\n  }\n\n  @include mq($from: medium) {\n    --current-lines: var(--lines-medium, var(--lines-small, var(--lines, 0)));\n  }\n\n  @include mq($from: large) {\n    --current-lines: var(--lines-large, var(--lines-medium, var(--lines-small, var(--lines, 0))));\n  }\n\n  @include mq($from: ultra) {\n    --current-lines: var(--lines-ultra, var(--lines-large, var(--lines-medium, var(--lines-small, var(--lines, 0)))));\n  }\n\n  width: 100%;\n  color: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.stzh-clamp {\n  position: relative;\n\n  &__text {\n    @include wordWrap;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    & > *:first-child {\n      margin-top: 0 !important;\n    }\n\n    & > *:last-child {\n      margin-bottom: 0 !important;\n    }\n\n    &.is-clone {\n      position: absolute;\n      visibility: hidden;\n      opacity: 0;\n      top: 0;\n      left: 0;\n      width: 100%;\n    }\n  }\n\n  &__trigger {\n    margin-top: space('xxsmall');\n  }\n\n  &--is-not-expanded &__text,\n  &__text.is-clone {\n    -webkit-line-clamp: var(--current-lines);\n    line-clamp: var(--current-lines);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Method,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhClampClampEvent,\n  StzhClampExpandEvent\n} from \"../../index\";\n\nimport { StzhClampLocalizedText } from \"./stzh-clamp.localization\";\n\n/**\n *\n */\n@Component({\n  tag: \"stzh-clamp\",\n  styleUrl: \"stzh-clamp.scss\"\n})\nexport class StzhClamp {\n  /** Translation strings */\n  @Prop() localization: StzhClampLocalizedText;\n\n  /** Line number */\n  @Prop() lines: number = 1;\n  /** Line number above small breakpoint */\n  @Prop() linesSmall: number = 0;\n  /** Line number above medium breakpoint */\n  @Prop() linesMedium: number = 0;\n  /** Line number above large breakpoint */\n  @Prop() linesLarge: number = 0;\n  /** Line number above ultra breakpoint */\n  @Prop() linesUltra: number = 0;\n\n  /** Whether expand link is shown */\n  @Prop() showExpandLink: boolean = false;\n\n  /** Whether clamping is expanded */\n  @Prop({ mutable: true, reflect: true }) expanded: boolean = false;\n\n  /** Whether the text is currently clamped (readonly) */\n  @Prop({ mutable: true, reflect: true }) clamped: boolean = false;\n\n  @Element() element: HTMLStzhClampElement;\n\n  /** Event when clamping state changed */\n  @Event() stzhClamp: EventEmitter<StzhClampClampEvent>;\n\n  /** Event when expanding state changed */\n  @Event() stzhExpand: EventEmitter<StzhClampExpandEvent>;\n\n  @Method()\n  async update() {\n    this.textCloneElement.innerHTML = this.textElement.innerHTML;\n    this.updateClamped();\n  }\n\n  private textElement: HTMLElement;\n  private textCloneElement: HTMLElement;\n\n  private debounceResize: number;\n  private resizeObserver: ResizeObserver;\n  private mutationObserver: MutationObserver;\n  private renderPromiseResolve: (value?: unknown) => void;\n\n  private updateClamped = () => {\n    if (!this.textCloneElement) {\n      return;\n    }\n\n    const beforeClamped = this.clamped;\n    this.clamped = this.textCloneElement.scrollHeight > this.textCloneElement.clientHeight;\n\n    if (beforeClamped !== this.clamped) {\n      this.stzhClamp.emit({\n        component: \"stzh-clamp\",\n        clamped: this.clamped\n      });\n    }\n  }\n\n  private handleResize = () => {\n    if (this.debounceResize) {\n      window.cancelAnimationFrame(this.debounceResize);\n    }\n\n    this.debounceResize = requestAnimationFrame(this.updateClamped);\n  }\n\n  private handleMutaton = () => {\n    this.update();\n  }\n\n  private handleExpandClick = async () => {\n    this.expanded = !this.expanded;\n    await this.waitForNextRender();\n\n    this.stzhExpand.emit({\n      component: \"stzh-clamp\",\n      expanded: this.expanded\n    });\n  }\n\n  waitForNextRender() {\n    return new Promise(resolve => this.renderPromiseResolve = resolve);\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"clamp\");\n    }\n  }\n\n  componentDidLoad() {\n    this.mutationObserver = new MutationObserver(this.handleMutaton);\n    this.mutationObserver.observe(this.textElement, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  componentDidRender() {\n    if (this.renderPromiseResolve) {\n      this.renderPromiseResolve();\n    }\n\n    this.update();\n  }\n\n  connectedCallback() {\n    this.resizeObserver = new ResizeObserver(this.handleResize);\n    this.resizeObserver.observe(this.element);\n  }\n\n  disconnectedCallback() {\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-clamp\": true,\n      \"stzh-clamp--is-not-expanded\": !this.expanded\n    };\n\n    return (\n      <Host\n        style={{\n          '--lines': this.lines ? this.lines.toString() : null,\n          '--lines-small': this.linesSmall ? this.linesSmall.toString() : null,\n          '--lines-medium': this.linesMedium ? this.linesMedium.toString() : null,\n          '--lines-large': this.linesLarge ? this.linesLarge.toString() : null,\n          '--lines-ultra': this.linesUltra ? this.linesUltra.toString() : null,\n        }}\n      >\n        <div class={classes}>\n          <div\n            ref={(el) => (this.textElement = el as HTMLDivElement)}\n            class=\"stzh-clamp__text\"\n          >\n            <slot></slot>\n          </div>\n\n          <div\n            ref={(el) => (this.textCloneElement = el as HTMLDivElement)}\n            class=\"stzh-clamp__text is-clone\"\n            aria-hidden=\"true\"\n          ></div>\n\n          {this.showExpandLink && this.clamped &&\n            <stzh-link\n              class=\"stzh-clamp__trigger\"\n              a11yTabindex=\"-1\"\n              aria-hidden=\"true\"\n              onClick={this.handleExpandClick}\n            >\n              {!this.expanded ? this.localization.showMore : this.localization.showLess}\n            </stzh-link>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"uEAAA,MAAMA,EAAc,kiT,MC4BPC,EAAQ,M,6KAqFXC,KAAAC,eAA0B,MAyC1BD,KAAAE,YAAc,KACpB,IAAKF,KAAKC,eAAgB,CACxBD,KAAKG,U,CAGPH,KAAKC,eAAiB,KAAK,EAGrBD,KAAAI,QAAWC,IACjBL,KAAKC,eAAiB,KAEtB,MAAMK,EAAa,IAAIC,WAAW,QAAS,CACzCC,KAAMC,OACNC,QAAS,MACTC,WAAY,QAGdX,KAAKY,QAAQC,cAAcP,GAC3BN,KAAKc,UAAUC,KAAK,CAClBC,UAAW,YACXC,cAAeZ,GACf,EAGIL,KAAAkB,OAAUb,IAChB,MAAMc,EAAY,IAAIZ,WAAW,OAAQ,CACvCC,KAAMC,OACNC,QAAS,MACTC,WAAY,QAGdX,KAAKY,QAAQC,cAAcM,GAC3BnB,KAAKoB,SAASL,KAAK,CACjBC,UAAW,YACXC,cAAeZ,GACf,EAGIL,KAAAqB,QAAWhB,IACjBL,KAAKsB,UAAUP,KAAK,CAClBC,UAAW,YACXC,cAAeZ,GACf,EAGIL,KAAAuB,cAAiBlB,IACvBL,KAAKwB,WAAWT,KAAK,CACnBC,UAAW,YACXC,cAAeZ,GACf,E,WA7KoB,G,UAGD,G,UAGA,G,YAGE,G,oBAG0B,M,eAGL,M,aAGiB,M,UAGA,U,UAGQ,U,aAG7C,G,iBAGI,G,YAGa,M,cAGE,M,0EASsB,G,4DAoBnE,cAAMF,GACJH,KAAKyB,KAAKC,O,CAmBZ,kBAAAC,GACEC,uBAAsB,KACpB5B,KAAKyB,KAAKI,aAAa,cAAe7B,KAAK8B,aAAe9B,KAAK+B,KAAKC,UAAU,G,CAI1E,WAAAC,GACN,OACEC,EAACC,EAAQ,KACPD,EAAA,OAAKE,MAAM,2BACRpC,KAAKqC,KACJH,EAAA,aAAWE,MAAM,kBAAkBE,KAAMtC,KAAKqC,OAE9CH,EAAA,QAAMI,KAAK,UAIfJ,EAAA,cACEK,MAAO,EACPH,MAAM,mBACNI,IAAMC,GAAQzC,KAAK+B,KAAOU,GAEzBzC,KAAK0C,MAAQ1C,KAAK0C,MAAQR,EAAA,aAC1BlC,KAAK2C,SACJT,EAAA,QAAME,MAAM,sBAAoB,KACtBpC,KAAK2C,QAAO,MAKzB3C,KAAK2C,SACJT,EAAA,OAAKE,MAAM,qBAAoB,cAAa,QACzCpC,KAAK2C,S,CA2DhB,MAAAC,GACE,MAAMC,EAAU,CACd,YAAa,KACb,uBAAwB7C,KAAK8C,OAC7B,yBAA0B9C,KAAK+C,SAC/B,0BAA2B/C,KAAKgD,UAChC,2BAA4BhD,KAAK2C,QACjC,CAAC,mBAAmB3C,KAAKiD,UAAWjD,KAAKiD,KACzC,CAAC,mBAAmBjD,KAAKkD,UAAWlD,KAAKkD,KACzC,CAAC,cAAclD,KAAKmD,aAAcnD,KAAKmD,SAGzC,MAAMC,EAAOpD,KAAKqD,eAAiB,MACjCrD,KAAKsD,KAAO,IAAM,SAEpB,OACEpB,EAACqB,EAAI,CAACC,SAAUxD,KAAK+C,SAAW,KAAO,KAAM3C,QAASJ,KAAKE,aACzDgC,EAAA,OAAKE,MAAOS,GACT7C,KAAKgD,WACJd,EAAA,UACEE,MAAM,oBACNf,QAASrB,KAAKuB,cACdwB,SAAU/C,KAAK+C,SAAQ,aACX/C,KAAKyD,YACjBR,KAAK,SAAQ,cACAjD,KAAK0D,mBAAqB1D,KAAKyD,aAE5CvB,EAAA,aAAWE,MAAM,yBAAyBE,KAAK,WAIlDtC,KAAKsD,KACJpB,EAACkB,EAAI,CACHZ,IAAMC,GAAQzC,KAAKyB,KAAOgB,EAC1BL,MAAO,CACL,oBAAqB,KACrB,aAAcpC,KAAKqD,iBAAmBrD,KAAKsD,KAC3C,WAAYtD,KAAKqD,kBAAoBrD,KAAKsD,MAE5CA,KAAMtD,KAAK+C,SAAW,KAAO/C,KAAKsD,KAClCK,OAAQ3D,KAAK2D,OACbH,SAAUxD,KAAK4D,aAAY,aACf5D,KAAK6D,WAAa,KAAI,mBAChB7D,KAAK8D,iBAAmB,KAC1CzC,QAASrB,KAAKqB,QACdjB,QAASJ,KAAKI,QACdc,OAAQlB,KAAKkB,QAEZlB,KAAKiC,eAGRC,EAACkB,EAAI,CACHZ,IAAMC,GAAQzC,KAAKyB,KAAOgB,EAC1BL,MAAO,CACL,oBAAqB,KACrB,aAAcpC,KAAKqD,iBAAmBrD,KAAKsD,KAC3C,WAAYtD,KAAKqD,kBAAoBrD,KAAKsD,MAE5CP,SAAU/C,KAAK+C,SACfE,KAAK,SACLO,SAAUxD,KAAK4D,aAAY,aACf5D,KAAK6D,WAAa,KAAI,mBAChB7D,KAAK8D,iBAAmB,KAC1CzC,QAASrB,KAAKqB,QACdjB,QAASJ,KAAKI,QACdc,OAAQlB,KAAKkB,QAEZlB,KAAKiC,gB,0CCjRpB,MAAM8B,EAAe,kuF,MCyBRC,EAAS,M,qGA8CZhE,KAAAiE,cAAgB,KACtB,IAAKjE,KAAKkE,iBAAkB,CAC1B,M,CAGF,MAAMC,EAAgBnE,KAAKoE,QAC3BpE,KAAKoE,QAAUpE,KAAKkE,iBAAiBG,aAAerE,KAAKkE,iBAAiBI,aAE1E,GAAIH,IAAkBnE,KAAKoE,QAAS,CAClCpE,KAAKuE,UAAUxD,KAAK,CAClBC,UAAW,aACXoD,QAASpE,KAAKoE,S,GAKZpE,KAAAwE,aAAe,KACrB,GAAIxE,KAAKyE,eAAgB,CACvBhE,OAAOiE,qBAAqB1E,KAAKyE,e,CAGnCzE,KAAKyE,eAAiB7C,sBAAsB5B,KAAKiE,cAAc,EAGzDjE,KAAA2E,cAAgB,KACtB3E,KAAK4E,QAAQ,EAGP5E,KAAA6E,kBAAoBC,UAC1B9E,KAAK+E,UAAY/E,KAAK+E,eAChB/E,KAAKgF,oBAEXhF,KAAKiF,WAAWlE,KAAK,CACnBC,UAAW,aACX+D,SAAU/E,KAAK+E,UACf,E,uCA5EoB,E,gBAEK,E,iBAEC,E,gBAED,E,gBAEA,E,oBAGK,M,cAG0B,M,aAGD,K,CAW3D,YAAMH,GACJ5E,KAAKkE,iBAAiBgB,UAAYlF,KAAKmF,YAAYD,UACnDlF,KAAKiE,e,CAiDP,iBAAAe,GACE,OAAO,IAAII,SAAQC,GAAWrF,KAAKsF,qBAAuBD,G,CAG5D,uBAAME,GACJ,IAAKvF,KAAKwF,aAAc,CACtBxF,KAAKwF,mBAAqB/E,OAAOgF,eAAeC,MAAMC,kBAAkB3F,KAAKY,QAAS,Q,EAI1F,gBAAAgF,GACE5F,KAAK6F,iBAAmB,IAAIC,iBAAiB9F,KAAK2E,eAClD3E,KAAK6F,iBAAiBE,QAAQ/F,KAAKmF,YAAa,CAC9Ca,UAAW,KACXC,QAAS,M,CAIb,kBAAAtE,GACE,GAAI3B,KAAKsF,qBAAsB,CAC7BtF,KAAKsF,sB,CAGPtF,KAAK4E,Q,CAGP,iBAAAsB,GACElG,KAAKmG,eAAiB,IAAIC,eAAepG,KAAKwE,cAC9CxE,KAAKmG,eAAeJ,QAAQ/F,KAAKY,Q,CAGnC,oBAAAyF,GACE,GAAIrG,KAAKmG,eAAgB,CACvBnG,KAAKmG,eAAeG,Y,CAGtB,GAAItG,KAAK6F,iBAAkB,CACzB7F,KAAK6F,iBAAiBS,Y,EAI1B,MAAA1D,GACE,MAAMC,EAAU,CACd,aAAc,KACd,+BAAgC7C,KAAK+E,UAGvC,OACE7C,EAACqB,EAAI,CACHgD,MAAO,CACL,UAAWvG,KAAKuC,MAAQvC,KAAKuC,MAAMiE,WAAa,KAChD,gBAAiBxG,KAAKyG,WAAazG,KAAKyG,WAAWD,WAAa,KAChE,iBAAkBxG,KAAK0G,YAAc1G,KAAK0G,YAAYF,WAAa,KACnE,gBAAiBxG,KAAK2G,WAAa3G,KAAK2G,WAAWH,WAAa,KAChE,gBAAiBxG,KAAK4G,WAAa5G,KAAK4G,WAAWJ,WAAa,OAGlEtE,EAAA,OAAKE,MAAOS,GACVX,EAAA,OACEM,IAAMC,GAAQzC,KAAKmF,YAAc1C,EACjCL,MAAM,oBAENF,EAAA,cAGFA,EAAA,OACEM,IAAMC,GAAQzC,KAAKkE,iBAAmBzB,EACtCL,MAAM,4BAA2B,cACrB,SAGbpC,KAAK6G,gBAAkB7G,KAAKoE,SAC3BlC,EAAA,aACEE,MAAM,sBACNwB,aAAa,KAAI,cACL,OACZvC,QAASrB,KAAK6E,oBAEZ7E,KAAK+E,SAAW/E,KAAKwF,aAAasB,SAAW9G,KAAKwF,aAAauB,W"}