@oiz/stzh-components 2.11.0-beta1 → 2.11.1

package/dist/stzh-components/{p-1f1910e4.system.entry.js → p-0684cfac.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-290fcb28.system.js"],(function(t){"use strict";var e,s,l;return{setters:[function(t){e=t.r;s=t.h;l=t.a}],execute:function(){var n=':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{width:100%}:host([span="1"]) ::slotted(stzh-cell:not([span])){--cell-width:8.3333333333%}:host([span="2"]) ::slotted(stzh-cell:not([span])){--cell-width:16.6666666667%}:host([span="3"]) ::slotted(stzh-cell:not([span])){--cell-width:25%}:host([span="4"]) ::slotted(stzh-cell:not([span])){--cell-width:33.3333333333%}:host([span="5"]) ::slotted(stzh-cell:not([span])){--cell-width:41.6666666667%}:host([span="6"]) ::slotted(stzh-cell:not([span])){--cell-width:50%}:host([span="7"]) ::slotted(stzh-cell:not([span])){--cell-width:58.3333333333%}:host([span="8"]) ::slotted(stzh-cell:not([span])){--cell-width:66.6666666667%}:host([span="9"]) ::slotted(stzh-cell:not([span])){--cell-width:75%}:host([span="10"]) ::slotted(stzh-cell:not([span])){--cell-width:83.3333333333%}:host([span="11"]) ::slotted(stzh-cell:not([span])){--cell-width:91.6666666667%}:host([span="12"]) ::slotted(stzh-cell:not([span])){--cell-width:100%}@media screen and (min-width: 600px){:host([span-small="1"]) ::slotted(stzh-cell:not([span-small])){--cell-width:8.3333333333%}}@media screen and (min-width: 600px){:host([span-small="2"]) ::slotted(stzh-cell:not([span-small])){--cell-width:16.6666666667%}}@media screen and (min-width: 600px){:host([span-small="3"]) ::slotted(stzh-cell:not([span-small])){--cell-width:25%}}@media screen and (min-width: 600px){:host([span-small="4"]) ::slotted(stzh-cell:not([span-small])){--cell-width:33.3333333333%}}@media screen and (min-width: 600px){:host([span-small="5"]) ::slotted(stzh-cell:not([span-small])){--cell-width:41.6666666667%}}@media screen and (min-width: 600px){:host([span-small="6"]) ::slotted(stzh-cell:not([span-small])){--cell-width:50%}}@media screen and (min-width: 600px){:host([span-small="7"]) ::slotted(stzh-cell:not([span-small])){--cell-width:58.3333333333%}}@media screen and (min-width: 600px){:host([span-small="8"]) ::slotted(stzh-cell:not([span-small])){--cell-width:66.6666666667%}}@media screen and (min-width: 600px){:host([span-small="9"]) ::slotted(stzh-cell:not([span-small])){--cell-width:75%}}@media screen and (min-width: 600px){:host([span-small="10"]) ::slotted(stzh-cell:not([span-small])){--cell-width:83.3333333333%}}@media screen and (min-width: 600px){:host([span-small="11"]) ::slotted(stzh-cell:not([span-small])){--cell-width:91.6666666667%}}@media screen and (min-width: 600px){:host([span-small="12"]) ::slotted(stzh-cell:not([span-small])){--cell-width:100%}}@media screen and (min-width: 800px){:host([span-smallheader="1"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:8.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="2"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:16.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="3"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:25%}}@media screen and (min-width: 800px){:host([span-smallheader="4"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:33.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="5"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:41.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="6"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:50%}}@media screen and (min-width: 800px){:host([span-smallheader="7"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:58.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="8"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:66.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="9"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:75%}}@media screen and (min-width: 800px){:host([span-smallheader="10"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:83.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="11"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:91.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="12"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:100%}}@media screen and (min-width: 1024px){:host([span-medium="1"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:8.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="2"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:16.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="3"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:25%}}@media screen and (min-width: 1024px){:host([span-medium="4"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:33.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="5"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:41.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="6"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:50%}}@media screen and (min-width: 1024px){:host([span-medium="7"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:58.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="8"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:66.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="9"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:75%}}@media screen and (min-width: 1024px){:host([span-medium="10"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:83.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="11"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:91.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="12"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:100%}}@media screen and (min-width: 1260px){:host([span-large="1"]) ::slotted(stzh-cell:not([span-large])){--cell-width:8.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="2"]) ::slotted(stzh-cell:not([span-large])){--cell-width:16.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="3"]) ::slotted(stzh-cell:not([span-large])){--cell-width:25%}}@media screen and (min-width: 1260px){:host([span-large="4"]) ::slotted(stzh-cell:not([span-large])){--cell-width:33.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="5"]) ::slotted(stzh-cell:not([span-large])){--cell-width:41.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="6"]) ::slotted(stzh-cell:not([span-large])){--cell-width:50%}}@media screen and (min-width: 1260px){:host([span-large="7"]) ::slotted(stzh-cell:not([span-large])){--cell-width:58.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="8"]) ::slotted(stzh-cell:not([span-large])){--cell-width:66.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="9"]) ::slotted(stzh-cell:not([span-large])){--cell-width:75%}}@media screen and (min-width: 1260px){:host([span-large="10"]) ::slotted(stzh-cell:not([span-large])){--cell-width:83.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="11"]) ::slotted(stzh-cell:not([span-large])){--cell-width:91.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="12"]) ::slotted(stzh-cell:not([span-large])){--cell-width:100%}}@media screen and (min-width: 1440px){:host([span-ultra="1"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:8.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="2"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:16.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="3"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:25%}}@media screen and (min-width: 1440px){:host([span-ultra="4"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:33.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="5"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:41.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="6"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:50%}}@media screen and (min-width: 1440px){:host([span-ultra="7"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:58.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="8"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:66.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="9"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:75%}}@media screen and (min-width: 1440px){:host([span-ultra="10"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:83.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="11"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:91.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="12"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:100%}}.stzh-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start;margin-left:calc(var(--stzh-grid-gutter) / -2);margin-right:calc(var(--stzh-grid-gutter) / -2);}@media screen and (min-width: 600px){.stzh-row{margin-left:calc(var(--stzh-grid-gutter-small) / -2);margin-right:calc(var(--stzh-grid-gutter-small) / -2)}}@media screen and (min-width: 1024px){.stzh-row{margin-left:calc(var(--stzh-grid-gutter-medium) / -2);margin-right:calc(var(--stzh-grid-gutter-medium) / -2)}}.stzh-row--justify-end{-ms-flex-pack:end;justify-content:flex-end}.stzh-row--justify-center{-ms-flex-pack:center;justify-content:center}.stzh-row--justify-between{-ms-flex-pack:justify;justify-content:space-between}.stzh-row--justify-around{-ms-flex-pack:distribute;justify-content:space-around}.stzh-row--justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.stzh-row--items-end{-ms-flex-align:end;align-items:flex-end}.stzh-row--items-center{-ms-flex-align:center;align-items:center}.stzh-row--items-baseline{-ms-flex-align:baseline;align-items:baseline}.stzh-row--items-stretch{-ms-flex-align:stretch;align-items:stretch}.stzh-row--content-end{-ms-flex-line-pack:end;align-content:flex-end}.stzh-row--content-center{-ms-flex-line-pack:center;align-content:center}.stzh-row--content-between{-ms-flex-line-pack:justify;align-content:space-between}.stzh-row--content-around{-ms-flex-line-pack:distribute;align-content:space-around}.stzh-row--content-evenly{-ms-flex-line-pack:space-evenly;align-content:space-evenly}';var a=t("stzh_row",function(){function t(t){e(this,t);this.span=12;this.spanSmall=0;this.spanMedium=0;this.spanLarge=0;this.spanUltra=0;this.justify="start";this.items="start";this.content="start"}t.prototype.render=function(){var t;return s(l,null,s("div",{class:(t={"stzh-row":true},t["stzh-row--justify-".concat(this.justify)]=!!this.justify,t["stzh-row--items-".concat(this.items)]=!!this.items,t["stzh-row--content-".concat(this.content)]=!!this.content,t)},s("slot",null)))};return t}());a.style=n}}}));
-//# sourceMappingURL=p-1f1910e4.system.entry.js.map
+System.register(["./p-290fcb28.system.js"],(function(t){"use strict";var e,s,l;return{setters:[function(t){e=t.r;s=t.h;l=t.a}],execute:function(){var n=':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{width:100%}:host([span="1"]) ::slotted(stzh-cell:not([span])){--cell-width:8.3333333333%}:host([span="2"]) ::slotted(stzh-cell:not([span])){--cell-width:16.6666666667%}:host([span="3"]) ::slotted(stzh-cell:not([span])){--cell-width:25%}:host([span="4"]) ::slotted(stzh-cell:not([span])){--cell-width:33.3333333333%}:host([span="5"]) ::slotted(stzh-cell:not([span])){--cell-width:41.6666666667%}:host([span="6"]) ::slotted(stzh-cell:not([span])){--cell-width:50%}:host([span="7"]) ::slotted(stzh-cell:not([span])){--cell-width:58.3333333333%}:host([span="8"]) ::slotted(stzh-cell:not([span])){--cell-width:66.6666666667%}:host([span="9"]) ::slotted(stzh-cell:not([span])){--cell-width:75%}:host([span="10"]) ::slotted(stzh-cell:not([span])){--cell-width:83.3333333333%}:host([span="11"]) ::slotted(stzh-cell:not([span])){--cell-width:91.6666666667%}:host([span="12"]) ::slotted(stzh-cell:not([span])){--cell-width:100%}@media screen and (min-width: 600px){:host([span-small="1"]) ::slotted(stzh-cell:not([span-small])){--cell-width:8.3333333333%}}@media screen and (min-width: 600px){:host([span-small="2"]) ::slotted(stzh-cell:not([span-small])){--cell-width:16.6666666667%}}@media screen and (min-width: 600px){:host([span-small="3"]) ::slotted(stzh-cell:not([span-small])){--cell-width:25%}}@media screen and (min-width: 600px){:host([span-small="4"]) ::slotted(stzh-cell:not([span-small])){--cell-width:33.3333333333%}}@media screen and (min-width: 600px){:host([span-small="5"]) ::slotted(stzh-cell:not([span-small])){--cell-width:41.6666666667%}}@media screen and (min-width: 600px){:host([span-small="6"]) ::slotted(stzh-cell:not([span-small])){--cell-width:50%}}@media screen and (min-width: 600px){:host([span-small="7"]) ::slotted(stzh-cell:not([span-small])){--cell-width:58.3333333333%}}@media screen and (min-width: 600px){:host([span-small="8"]) ::slotted(stzh-cell:not([span-small])){--cell-width:66.6666666667%}}@media screen and (min-width: 600px){:host([span-small="9"]) ::slotted(stzh-cell:not([span-small])){--cell-width:75%}}@media screen and (min-width: 600px){:host([span-small="10"]) ::slotted(stzh-cell:not([span-small])){--cell-width:83.3333333333%}}@media screen and (min-width: 600px){:host([span-small="11"]) ::slotted(stzh-cell:not([span-small])){--cell-width:91.6666666667%}}@media screen and (min-width: 600px){:host([span-small="12"]) ::slotted(stzh-cell:not([span-small])){--cell-width:100%}}@media screen and (min-width: 800px){:host([span-smallheader="1"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:8.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="2"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:16.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="3"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:25%}}@media screen and (min-width: 800px){:host([span-smallheader="4"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:33.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="5"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:41.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="6"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:50%}}@media screen and (min-width: 800px){:host([span-smallheader="7"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:58.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="8"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:66.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="9"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:75%}}@media screen and (min-width: 800px){:host([span-smallheader="10"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:83.3333333333%}}@media screen and (min-width: 800px){:host([span-smallheader="11"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:91.6666666667%}}@media screen and (min-width: 800px){:host([span-smallheader="12"]) ::slotted(stzh-cell:not([span-smallheader])){--cell-width:100%}}@media screen and (min-width: 1024px){:host([span-medium="1"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:8.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="2"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:16.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="3"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:25%}}@media screen and (min-width: 1024px){:host([span-medium="4"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:33.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="5"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:41.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="6"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:50%}}@media screen and (min-width: 1024px){:host([span-medium="7"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:58.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="8"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:66.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="9"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:75%}}@media screen and (min-width: 1024px){:host([span-medium="10"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:83.3333333333%}}@media screen and (min-width: 1024px){:host([span-medium="11"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:91.6666666667%}}@media screen and (min-width: 1024px){:host([span-medium="12"]) ::slotted(stzh-cell:not([span-medium])){--cell-width:100%}}@media screen and (min-width: 1260px){:host([span-large="1"]) ::slotted(stzh-cell:not([span-large])){--cell-width:8.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="2"]) ::slotted(stzh-cell:not([span-large])){--cell-width:16.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="3"]) ::slotted(stzh-cell:not([span-large])){--cell-width:25%}}@media screen and (min-width: 1260px){:host([span-large="4"]) ::slotted(stzh-cell:not([span-large])){--cell-width:33.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="5"]) ::slotted(stzh-cell:not([span-large])){--cell-width:41.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="6"]) ::slotted(stzh-cell:not([span-large])){--cell-width:50%}}@media screen and (min-width: 1260px){:host([span-large="7"]) ::slotted(stzh-cell:not([span-large])){--cell-width:58.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="8"]) ::slotted(stzh-cell:not([span-large])){--cell-width:66.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="9"]) ::slotted(stzh-cell:not([span-large])){--cell-width:75%}}@media screen and (min-width: 1260px){:host([span-large="10"]) ::slotted(stzh-cell:not([span-large])){--cell-width:83.3333333333%}}@media screen and (min-width: 1260px){:host([span-large="11"]) ::slotted(stzh-cell:not([span-large])){--cell-width:91.6666666667%}}@media screen and (min-width: 1260px){:host([span-large="12"]) ::slotted(stzh-cell:not([span-large])){--cell-width:100%}}@media screen and (min-width: 1440px){:host([span-ultra="1"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:8.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="2"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:16.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="3"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:25%}}@media screen and (min-width: 1440px){:host([span-ultra="4"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:33.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="5"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:41.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="6"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:50%}}@media screen and (min-width: 1440px){:host([span-ultra="7"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:58.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="8"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:66.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="9"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:75%}}@media screen and (min-width: 1440px){:host([span-ultra="10"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:83.3333333333%}}@media screen and (min-width: 1440px){:host([span-ultra="11"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:91.6666666667%}}@media screen and (min-width: 1440px){:host([span-ultra="12"]) ::slotted(stzh-cell:not([span-ultra])){--cell-width:100%}}.stzh-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start;margin-left:calc(var(--stzh-grid-gutter) / -2);margin-right:calc(var(--stzh-grid-gutter) / -2);}@media screen and (min-width: 600px){.stzh-row{margin-left:calc(var(--stzh-grid-gutter-small) / -2);margin-right:calc(var(--stzh-grid-gutter-small) / -2)}}@media screen and (min-width: 1024px){.stzh-row{margin-left:calc(var(--stzh-grid-gutter-medium) / -2);margin-right:calc(var(--stzh-grid-gutter-medium) / -2)}}.stzh-row--justify-end{-ms-flex-pack:end;justify-content:flex-end}.stzh-row--justify-center{-ms-flex-pack:center;justify-content:center}.stzh-row--justify-between{-ms-flex-pack:justify;justify-content:space-between}.stzh-row--justify-around{-ms-flex-pack:distribute;justify-content:space-around}.stzh-row--justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.stzh-row--items-end{-ms-flex-align:end;align-items:flex-end}.stzh-row--items-center{-ms-flex-align:center;align-items:center}.stzh-row--items-baseline{-ms-flex-align:baseline;align-items:baseline}.stzh-row--items-stretch{-ms-flex-align:stretch;align-items:stretch}.stzh-row--content-end{-ms-flex-line-pack:end;align-content:flex-end}.stzh-row--content-center{-ms-flex-line-pack:center;align-content:center}.stzh-row--content-between{-ms-flex-line-pack:justify;align-content:space-between}.stzh-row--content-around{-ms-flex-line-pack:distribute;align-content:space-around}.stzh-row--content-evenly{-ms-flex-line-pack:space-evenly;align-content:space-evenly}';var a=t("stzh_row",function(){function t(t){e(this,t);this.span=12;this.spanSmall=undefined;this.spanMedium=undefined;this.spanLarge=undefined;this.spanUltra=undefined;this.justify="start";this.items="start";this.content="start"}t.prototype.render=function(){var t;return s(l,null,s("div",{class:(t={"stzh-row":true},t["stzh-row--justify-".concat(this.justify)]=!!this.justify,t["stzh-row--items-".concat(this.items)]=!!this.items,t["stzh-row--content-".concat(this.content)]=!!this.content,t)},s("slot",null)))};return t}());a.style=n}}}));
+//# sourceMappingURL=p-0684cfac.system.entry.js.map

package/dist/stzh-components/{p-1f1910e4.system.entry.js.map → p-0684cfac.system.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stzhRowCss","StzhRow","exports","class_1","prototype","render","h","Host","class","_a","concat","this","justify","items","content"],"sources":["src/components/stzh-row/stzh-row.scss?tag=stzh-row&encapsulation=shadow","src/components/stzh-row/stzh-row.tsx"],"sourcesContent":[":host {\n  width: 100%;\n}\n\n@mixin cellProps($breakpoint: null) {\n  @for $i from 1 through $gridCells {\n    @if $breakpoint {\n      :host([span-#{$breakpoint}=\"#{$i}\"])\n      ::slotted(stzh-cell:not([span-#{$breakpoint}])) {\n        @include mq($from: $breakpoint) {\n          --cell-width: #{100% / ($gridCells / $i)};\n        }\n      }\n    } @else {\n      :host([span=\"#{$i}\"])\n      ::slotted(stzh-cell:not([span])) {\n        --cell-width: #{100% / ($gridCells / $i)};\n      }\n    }\n  }\n}\n\n@include cellProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include cellProps($breakpoint);\n}\n\n.stzh-row {\n  display: flex;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n  margin-left: calc(#{$gridGutter} / -2);\n  margin-right: calc(#{$gridGutter} / -2);\n\n  @include mq($from: small) {\n    margin-left: calc(#{$gridGutterSmall} / -2);\n    margin-right: calc(#{$gridGutterSmall} / -2);\n  }\n\n  @include mq($from: medium) {\n    margin-left: calc(#{$gridGutterMedium} / -2);\n    margin-right: calc(#{$gridGutterMedium} / -2);\n  }\n\n  /* Justify content variants */\n\n  &--justify-end {\n    justify-content: flex-end;\n  }\n\n  &--justify-center {\n    justify-content: center;\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  /* Align content variants */\n\n  &--content-end {\n    align-content: flex-end;\n  }\n\n  &--content-center {\n    align-content: center;\n  }\n\n  &--content-between {\n    align-content: space-between;\n  }\n\n  &--content-around {\n    align-content: space-around;\n  }\n\n  &--content-evenly {\n    align-content: space-evenly;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/**\n * @slot - Slot for `stzh-cell` elements\n */\n@Component({\n  tag: \"stzh-row\",\n  styleUrl: \"stzh-row.scss\",\n  shadow: true\n})\nexport class StzhRow {\n  /** Default span of each cell */\n  @Prop() span: number = 12;\n  /** Default span of each cell above small breakpoint */\n  @Prop() spanSmall: number = 0;\n  /** Default span of each cell above medium breakpoint */\n  @Prop() spanMedium: number = 0;\n  /** Default span of each cell above large breakpoint */\n  @Prop() spanLarge: number = 0;\n  /** Default span of each cell above ultra breakpoint */\n  @Prop() spanUltra: number = 0;\n\n  /** Controlling how cells are positioned along a container's main axis */\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  /** Utilities for controlling how rows are positioned in multi-row flex containers. */\n  @Prop({ reflect: true }) content: Layout.Justify = \"start\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-row\": true,\n            [`stzh-row--justify-${this.justify}`]: !!this.justify,\n            [`stzh-row--items-${this.items}`]: !!this.items,\n            [`stzh-row--content-${this.content}`]: !!this.content\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAa,4rV,ICiBNC,EAAOC,EAAA,sB,kCAEK,G,eAEK,E,gBAEC,E,eAED,E,eAEA,E,aAGuB,Q,WAGJ,Q,aAGI,O,CAEnDC,EAAAC,UAAAC,OAAA,W,MACE,OACEC,EAACC,EAAI,KACHD,EAAA,OACEE,OAAKC,EAAA,CACH,WAAY,MACZA,EAAC,qBAAAC,OAAqBC,KAAKC,YAAcD,KAAKC,QAC9CH,EAAC,mBAAAC,OAAmBC,KAAKE,UAAYF,KAAKE,MAC1CJ,EAAC,qBAAAC,OAAqBC,KAAKG,YAAcH,KAAKG,Q,IAGhDR,EAAA,c,WAhCU,I"}
+{"version":3,"names":["stzhRowCss","StzhRow","exports","class_1","prototype","render","h","Host","class","_a","concat","this","justify","items","content"],"sources":["src/components/stzh-row/stzh-row.scss?tag=stzh-row&encapsulation=shadow","src/components/stzh-row/stzh-row.tsx"],"sourcesContent":[":host {\n  width: 100%;\n}\n\n@mixin cellProps($breakpoint: null) {\n  @for $i from 1 through $gridCells {\n    @if $breakpoint {\n      :host([span-#{$breakpoint}=\"#{$i}\"])\n      ::slotted(stzh-cell:not([span-#{$breakpoint}])) {\n        @include mq($from: $breakpoint) {\n          --cell-width: #{100% / ($gridCells / $i)};\n        }\n      }\n    } @else {\n      :host([span=\"#{$i}\"])\n      ::slotted(stzh-cell:not([span])) {\n        --cell-width: #{100% / ($gridCells / $i)};\n      }\n    }\n  }\n}\n\n@include cellProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include cellProps($breakpoint);\n}\n\n.stzh-row {\n  display: flex;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n  margin-left: calc(#{$gridGutter} / -2);\n  margin-right: calc(#{$gridGutter} / -2);\n\n  @include mq($from: small) {\n    margin-left: calc(#{$gridGutterSmall} / -2);\n    margin-right: calc(#{$gridGutterSmall} / -2);\n  }\n\n  @include mq($from: medium) {\n    margin-left: calc(#{$gridGutterMedium} / -2);\n    margin-right: calc(#{$gridGutterMedium} / -2);\n  }\n\n  /* Justify content variants */\n\n  &--justify-end {\n    justify-content: flex-end;\n  }\n\n  &--justify-center {\n    justify-content: center;\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  /* Align content variants */\n\n  &--content-end {\n    align-content: flex-end;\n  }\n\n  &--content-center {\n    align-content: center;\n  }\n\n  &--content-between {\n    align-content: space-between;\n  }\n\n  &--content-around {\n    align-content: space-around;\n  }\n\n  &--content-evenly {\n    align-content: space-evenly;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/**\n * @slot - Slot for `stzh-cell` elements\n */\n@Component({\n  tag: \"stzh-row\",\n  styleUrl: \"stzh-row.scss\",\n  shadow: true\n})\nexport class StzhRow {\n  /** Default span of each cell */\n  @Prop({ reflect: true }) span: number = 12;\n  /** Default span of each cell above small breakpoint */\n  @Prop({ reflect: true }) spanSmall: number;\n  /** Default span of each cell above medium breakpoint */\n  @Prop({ reflect: true }) spanMedium: number;\n  /** Default span of each cell above large breakpoint */\n  @Prop({ reflect: true }) spanLarge: number;\n  /** Default span of each cell above ultra breakpoint */\n  @Prop({ reflect: true }) spanUltra: number;\n\n  /** Controlling how cells are positioned along a container's main axis */\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  /** Utilities for controlling how rows are positioned in multi-row flex containers. */\n  @Prop({ reflect: true }) content: Layout.Justify = \"start\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-row\": true,\n            [`stzh-row--justify-${this.justify}`]: !!this.justify,\n            [`stzh-row--items-${this.items}`]: !!this.items,\n            [`stzh-row--content-${this.content}`]: !!this.content\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAa,4rV,ICiBNC,EAAOC,EAAA,sB,kCAEsB,G,kHAWW,Q,WAGJ,Q,aAGI,O,CAEnDC,EAAAC,UAAAC,OAAA,W,MACE,OACEC,EAACC,EAAI,KACHD,EAAA,OACEE,OAAKC,EAAA,CACH,WAAY,MACZA,EAAC,qBAAAC,OAAqBC,KAAKC,YAAcD,KAAKC,QAC9CH,EAAC,mBAAAC,OAAmBC,KAAKE,UAAYF,KAAKE,MAC1CJ,EAAC,qBAAAC,OAAqBC,KAAKG,YAAcH,KAAKG,Q,IAGhDR,EAAA,c,WAhCU,I"}

package/dist/stzh-components/p-07819ba5.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s,h as i,a as h,g as e}from"./p-c92165bd.js";import{a as o,o as c}from"./p-cfdb06e4.js";import"./p-9b063923.js";const n='.sc-stzh-sticky-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-sticky-h{display:none}.sc-stzh-sticky-h *.sc-stzh-sticky,.sc-stzh-sticky-h *.sc-stzh-sticky::before,.sc-stzh-sticky-h *.sc-stzh-sticky::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-sticky-h .has-focus.sc-stzh-sticky{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-sticky-h .stzh-fylingfocus-focused.sc-stzh-sticky{outline-style:none !important}.sc-stzh-sticky-h .stzh-fylingfocus-focused.sc-stzh-sticky::-moz-focus-inner{border:0 !important}.sc-stzh-sticky-h{--padding:var(--stzh-space-large) 0;display:contents}@media print{.sc-stzh-sticky-h{display:none}}.stzh-sticky.sc-stzh-sticky{display:contents}.stzh-sticky__sticky.sc-stzh-sticky{position:-webkit-sticky;position:sticky;top:-0.0625rem;bottom:-0.0625rem;z-index:var(--stzh-z-index-sticky)}.stzh-sticky__content.sc-stzh-sticky{position:relative;padding:var(--padding)}.stzh-sticky__content.sc-stzh-sticky::before,.stzh-sticky__content.sc-stzh-sticky::after{content:"";pointer-events:none;display:block;position:absolute;left:0;width:100%;height:var(--stzh-space-xxlarge);opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-sticky__content.sc-stzh-sticky::before{background:-webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(rgba(255, 255, 255, 0)));background:linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.stzh-sticky__content.sc-stzh-sticky::after{background:-webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(#FFFFFF));background:linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.stzh-sticky__spacer.sc-stzh-sticky{display:none}.stzh-sticky--is-disabled-sticky-top.sc-stzh-sticky .stzh-sticky__sticky.sc-stzh-sticky{top:auto}.stzh-sticky--is-disabled-sticky-bottom.sc-stzh-sticky .stzh-sticky__sticky.sc-stzh-sticky{bottom:auto}.stzh-sticky--is-stuck.sc-stzh-sticky .stzh-sticky__content.sc-stzh-sticky{background-color:var(--stzh-color-white)}.stzh-sticky--is-stuck-bottom.sc-stzh-sticky .stzh-sticky__content.sc-stzh-sticky::before{opacity:1}.stzh-sticky--is-stuck-top.sc-stzh-sticky .stzh-sticky__content.sc-stzh-sticky::after{opacity:1}.stzh-sticky--is-breakout.sc-stzh-sticky .stzh-sticky__content.sc-stzh-sticky{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;max-width:100vw}';const a=class{constructor(i){t(this,i);this.stzhStuckTop=s(this,"stzhStuckTop",7);this.stzhStuckBottom=s(this,"stzhStuckBottom",7);this.fixedHeight=0;this.fixedWidth=0;this.fixedLimit=null;this.handleScroll=()=>{if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.updateFixedByScroll)};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateFixedByResize)};this.updateFixedByScroll=()=>{if(!o(this.stickyElement)){return}this.scrollX=window.scrollX;this.scrollY=window.scrollY;this.fixedLimit=this.getFixedLimit();if(this.isStuckTop||this.isStuckBottom){const t=c(this.spacerElement);this.fixedTop=t.top;this.fixedLeft=t.left}else{const t=c(this.stickyElement);this.fixedTop=t.top;this.fixedLeft=t.left}this.isStuckBottom=!this.disableStickyBottom&&this.scrollY+this.windowHeight<=this.fixedTop+this.fixedHeight;this.isStuckTop=!this.disableStickyTop&&this.scrollY>=this.fixedTop;this.hasReachedTopLimit=this.fixedLimit&&this.scrollY+this.windowHeight-this.fixedHeight<=this.fixedLimit.top;this.hasReachedBottomLimit=this.fixedLimit&&this.scrollY>=this.fixedLimit.bottom-this.fixedHeight;if(this.isStuckTop||this.isStuckBottom){this.setFixed()}else{this.setUnfixed()}};this.updateFixedByResize=()=>{this.setUnfixed();this.stickyElement.style.position="static";this.isStuckTop=false;this.isStuckBottom=false;if(o(this.stickyElement)){this.windowHeight=window.innerHeight;this.fixedHeight=this.stickyElement.offsetHeight;this.fixedWidth=this.stickyElement.offsetWidth;this.spacerElement.style.height=`${this.fixedHeight}px`;this.updateFixedByScroll()}};this.observe=()=>{this.updateStuck()};this.disableStickyTop=false;this.disableStickyBottom=false;this.breakout=false;this.position="sticky";this.isStuckTop=false;this.isStuckBottom=false;this.hasReachedTopLimit=false;this.hasReachedBottomLimit=false}disableStickyWatcher(){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(this.position==="fixed"){this.updateFixedByResize()}else{this.updateStuck()}}))}))}isStuckTopWatcher(t){this.stzhStuckTop.emit({component:"stzh-sticky",sticky:t})}isStuckBottomWatcher(t){this.stzhStuckBottom.emit({component:"stzh-sticky",sticky:t})}positionWatcher(t){if(t==="fixed"){if(this.observer){this.observer.disconnect()}window.addEventListener("scroll",this.handleScroll,{passive:true});window.addEventListener("resize",this.handleResize);this.updateFixedByResize()}else{window.removeEventListener("scroll",this.handleScroll);window.removeEventListener("resize",this.handleResize);this.setUnfixed();this.observer=new IntersectionObserver(this.observe,{threshold:[1]});this.observer.observe(this.stickyElement);this.updateStuck()}}updateStuck(){const t=parseInt(getComputedStyle(this.stickyElement).top,10);const s=parseInt(getComputedStyle(this.stickyElement).bottom,10);const i=this.stickyElement.getBoundingClientRect();if(t){this.isStuckTop=i.top<0}else{this.isStuckTop=false}if(s){this.isStuckBottom=document.documentElement.clientHeight<i.bottom}else{this.isStuckBottom=false}}getFixedLimit(){const t=this.element.closest("[data-stzh-sticky-container]");if(!t){return null}const s=c(t);return{top:s.top,bottom:s.top+t.scrollHeight}}setUnfixed(){Object.assign(this.stickyElement.style,{position:null,top:null,bottom:null,left:null,width:null});Object.assign(this.spacerElement.style,{display:"none"})}setFixed(){const t=this.hasReachedTopLimit||this.hasReachedBottomLimit?"absolute":"fixed";Object.assign(this.stickyElement.style,{position:t,top:t==="absolute"?`${this.isStuckTop?this.fixedLimit.bottom-this.fixedHeight:this.fixedLimit.top}px`:this.isStuckTop?"0px":"auto",bottom:this.isStuckTop||t==="absolute"?"auto":"0px",left:`${this.fixedLeft+(t==="fixed"?this.scrollX:0)}px`,width:`${this.fixedWidth}px`});Object.assign(this.spacerElement.style,{display:"block"})}componentDidLoad(){this.positionWatcher(this.position)}disconnectedCallback(){if(this.observer){this.observer.disconnect()}window.removeEventListener("scroll",this.handleScroll);window.removeEventListener("resize",this.handleResize)}render(){const t=this.isStuckTop||this.isStuckBottom;const s={"stzh-sticky":true,"stzh-sticky--is-stuck":t,"stzh-sticky--is-stuck-top":this.isStuckTop,"stzh-sticky--is-stuck-bottom":this.isStuckBottom,"stzh-sticky--is-breakout":this.breakout,"stzh-sticky--is-disabled-sticky-top":this.disableStickyTop,"stzh-sticky--is-disabled-sticky-bottom":this.disableStickyBottom,[`stzh-sticky--position-${this.position}`]:!!this.position};return i(h,{"is-stuck":this.isStuckTop||this.isStuckBottom,"is-stuck-top":this.isStuckTop,"is-stuck-bottom":this.isStuckBottom},i("div",{class:s},i("div",{ref:t=>this.spacerElement=t,class:"stzh-sticky__spacer"}),i("div",{ref:t=>this.stickyElement=t,class:"stzh-sticky__sticky"},i("div",{class:"stzh-sticky__content"},i("slot",null)))))}get element(){return e(this)}static get watchers(){return{disableStickyTop:["disableStickyWatcher"],disableStickyBottom:["disableStickyWatcher"],isStuckTop:["isStuckTopWatcher"],isStuckBottom:["isStuckBottomWatcher"],position:["positionWatcher"]}}};a.style=n;export{a as stzh_sticky};
+//# sourceMappingURL=p-07819ba5.entry.js.map

package/dist/stzh-components/p-07819ba5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhStickyCss","StzhSticky","this","fixedHeight","fixedWidth","fixedLimit","handleScroll","debounceScroll","window","cancelAnimationFrame","requestAnimationFrame","updateFixedByScroll","handleResize","debounceResize","updateFixedByResize","isVisible","stickyElement","scrollX","scrollY","getFixedLimit","isStuckTop","isStuckBottom","off","offset","spacerElement","fixedTop","top","fixedLeft","left","disableStickyBottom","windowHeight","disableStickyTop","hasReachedTopLimit","hasReachedBottomLimit","bottom","setFixed","setUnfixed","style","position","innerHeight","offsetHeight","offsetWidth","height","observe","updateStuck","disableStickyWatcher","isStuckTopWatcher","newValue","stzhStuckTop","emit","component","sticky","isStuckBottomWatcher","stzhStuckBottom","positionWatcher","observer","disconnect","addEventListener","passive","removeEventListener","IntersectionObserver","threshold","topCss","parseInt","getComputedStyle","bottomCss","rect","getBoundingClientRect","document","documentElement","clientHeight","stickyContainer","element","closest","scrollHeight","Object","assign","width","display","componentDidLoad","disconnectedCallback","render","isStuck","classes","breakout","h","Host","class","ref","el"],"sources":["src/components/stzh-sticky/stzh-sticky.scss?tag=stzh-sticky&encapsulation=scoped","src/components/stzh-sticky/stzh-sticky.tsx"],"sourcesContent":["/**\n * @prop --padding: Padding of sticky element\n */\n\n:host {\n  --padding: #{space('large')} 0;\n\n  display: contents;\n\n  @media print {\n    display: none;\n  }\n}\n\n.stzh-sticky {\n  display: contents;\n\n  &__sticky {\n    position: sticky;\n    top: -1px;\n    bottom: -1px;\n    z-index: $zIndexSticky;\n  }\n\n  &__content {\n    position: relative;\n    padding: var(--padding);\n\n    &::before,\n    &::after {\n      content: '';\n      pointer-events: none;\n      display: block;\n      position: absolute;\n      left: 0;\n      width: 100%;\n      height: space('xxlarge');\n      opacity: 0;\n      transition: opacity $baseTransitionAnimationSpeed;\n    }\n\n    &::before {\n      background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);\n      top: 0;\n      transform: translateY(-100%);\n    }\n\n    &::after {\n      background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);\n      bottom: 0;\n      transform: translateY(100%);\n    }\n  }\n\n  &__spacer {\n    display: none;\n  }\n\n  &--is-disabled-sticky-top &__sticky {\n    top: auto;\n  }\n\n  &--is-disabled-sticky-bottom &__sticky {\n    bottom: auto;\n  }\n\n  &--is-stuck &__content {\n    background-color: $colorWhite;\n  }\n\n  &--is-stuck-bottom &__content {\n    &::before {\n      opacity: 1;\n    }\n  }\n\n  &--is-stuck-top &__content {\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  /* Position sticky variant */\n\n  &--is-breakout &__content {\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    width: 100vw;\n    max-width: 100vw;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  State,\n  Watch,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhStickyStuckTopEvent,\n  StzhStickyStuckBottomEvent\n} from \"../../index\";\n\nimport { isVisible, offset } from \"../../utils/utils\";\n\n/**\n *\n */\n@Component({\n  tag: \"stzh-sticky\",\n  styleUrl: \"stzh-sticky.scss\",\n  scoped: true\n})\nexport class StzhSticky {\n  /** Whether to disable sticking to top */\n  @Prop({ reflect: true }) disableStickyTop: boolean = false;\n\n  /** Whether to disable sticking to bottom */\n  @Prop({ reflect: true }) disableStickyBottom: boolean = false;\n\n  /** Whether to breakout container */\n  @Prop({ reflect: true }) breakout: boolean = false;\n\n  /**\n   * Position type used.\n   *\n   * - sticky: used only css position sticky\n   * - fixed: uses position fixed with js for positioning (`data-stzh-sticky-container` can be used on a container element to limit sticky position)\n   */\n  @Prop({ reflect: true }) position: \"sticky\" | \"fixed\" = \"sticky\";\n\n  @Watch(\"disableStickyTop\")\n  @Watch(\"disableStickyBottom\")\n  disableStickyWatcher() {\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        if (this.position === \"fixed\") {\n          this.updateFixedByResize();\n        } else {\n          this.updateStuck();\n        }\n      });\n    });\n  }\n\n  @Element() element: HTMLStzhStickyElement;\n\n  @State() isStuckTop: boolean = false;\n  @State() isStuckBottom: boolean = false;\n\n  @State() hasReachedTopLimit: boolean = false;\n  @State() hasReachedBottomLimit: boolean = false;\n\n  @Watch(\"isStuckTop\")\n  isStuckTopWatcher(newValue: boolean) {\n    this.stzhStuckTop.emit({\n      component: \"stzh-sticky\",\n      sticky: newValue\n    });\n  }\n\n  @Watch(\"isStuckBottom\")\n  isStuckBottomWatcher(newValue: boolean) {\n    this.stzhStuckBottom.emit({\n      component: \"stzh-sticky\",\n      sticky: newValue\n    });\n  }\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string) {\n    if (newValue === \"fixed\") {\n      if (this.observer) {\n        this.observer.disconnect();\n      }\n\n      window.addEventListener(\"scroll\", this.handleScroll, { passive: true });\n      window.addEventListener(\"resize\", this.handleResize);\n\n      this.updateFixedByResize();\n    } else {\n      window.removeEventListener(\"scroll\", this.handleScroll);\n      window.removeEventListener(\"resize\", this.handleResize);\n      this.setUnfixed();\n\n      this.observer = new IntersectionObserver(this.observe, { threshold: [1] });\n      this.observer.observe(this.stickyElement);\n\n      this.updateStuck();\n    }\n  }\n\n  /** Sticky stuck top event */\n  @Event() stzhStuckTop: EventEmitter<StzhStickyStuckTopEvent>;\n\n  /** Sticky stuck bottom event */\n  @Event() stzhStuckBottom: EventEmitter<StzhStickyStuckBottomEvent>;\n\n  private observer: IntersectionObserver;\n  private debounceScroll: number;\n  private debounceResize: number;\n  private stickyElement: HTMLElement;\n  private spacerElement: HTMLElement;\n\n  private windowHeight: number;\n  private scrollX: number;\n  private scrollY: number;\n  private fixedTop: number;\n  private fixedLeft: number;\n  private fixedHeight: number = 0;\n  private fixedWidth: number = 0;\n  private fixedLimit: { top: number, bottom: number } | null = null;\n\n  private updateStuck() {\n    const topCss = parseInt(getComputedStyle(this.stickyElement).top, 10);\n    const bottomCss = parseInt(getComputedStyle(this.stickyElement).bottom, 10);\n    const rect = this.stickyElement.getBoundingClientRect();\n\n    if (topCss) {\n      this.isStuckTop = rect.top < 0;\n    } else {\n      this.isStuckTop = false;\n    }\n\n    if (bottomCss) {\n      this.isStuckBottom = document.documentElement.clientHeight < rect.bottom;\n    } else {\n      this.isStuckBottom = false;\n    }\n  }\n\n  private getFixedLimit(): { top: number, bottom: number } | null {\n    const stickyContainer = this.element.closest(\"[data-stzh-sticky-container]\");\n\n    if (!stickyContainer) {\n      return null;\n    }\n\n    const off = offset(stickyContainer);\n\n    return {\n      top: off.top,\n      bottom: off.top + stickyContainer.scrollHeight,\n    };\n  }\n\n  private setUnfixed() {\n    Object.assign(this.stickyElement.style, {\n      position: null,\n      top: null,\n      bottom: null,\n      left: null,\n      width: null,\n    });\n\n    Object.assign(this.spacerElement.style, {\n      display: \"none\",\n    });\n  }\n\n  private setFixed() {\n    const position = (this.hasReachedTopLimit || this.hasReachedBottomLimit)\n      ? \"absolute\"\n      : \"fixed\";\n\n    Object.assign(this.stickyElement.style, {\n      position,\n      top: position === \"absolute\"\n        ? `${this.isStuckTop ? this.fixedLimit.bottom - this.fixedHeight : this.fixedLimit.top}px`\n        : this.isStuckTop ? \"0px\" : \"auto\",\n      bottom: this.isStuckTop || position === \"absolute\"\n        ? \"auto\" : \"0px\",\n      left: `${this.fixedLeft + (position === \"fixed\" ? this.scrollX : 0)}px`,\n      width: `${this.fixedWidth}px`,\n    });\n\n    Object.assign(this.spacerElement.style, {\n      display: \"block\",\n    });\n  }\n\n  private handleScroll = () => {\n    if (this.debounceScroll) {\n      window.cancelAnimationFrame(this.debounceScroll);\n    }\n\n    this.debounceScroll = requestAnimationFrame(this.updateFixedByScroll);\n  }\n\n  private handleResize = () => {\n    if (this.debounceResize) {\n      window.cancelAnimationFrame(this.debounceResize);\n    }\n\n    this.debounceResize = requestAnimationFrame(this.updateFixedByResize);\n  }\n\n  private updateFixedByScroll = () => {\n    if (!isVisible(this.stickyElement)) {\n      return;\n    }\n\n    this.scrollX = window.scrollX;\n    this.scrollY = window.scrollY;\n    this.fixedLimit = this.getFixedLimit();\n\n    if (this.isStuckTop || this.isStuckBottom) {\n      const off = offset(this.spacerElement);\n\n      this.fixedTop = off.top;\n      this.fixedLeft = off.left;\n    } else {\n      const off = offset(this.stickyElement);\n\n      this.fixedTop = off.top;\n      this.fixedLeft = off.left;\n    }\n\n    // console.log(\n    //   this.scrollX,\n    //   this.scrollY,\n    //   this.windowHeight, \n    //   this.fixedTop,\n    //   this.fixedLeft,\n    //   this.fixedHeight,\n    //   this.fixedLimit,\n    // );\n\n    this.isStuckBottom = !this.disableStickyBottom\n      && this.scrollY + this.windowHeight <= this.fixedTop + this.fixedHeight;\n    this.isStuckTop = !this.disableStickyTop\n      && this.scrollY >= this.fixedTop;\n\n    this.hasReachedTopLimit = this.fixedLimit \n      && this.scrollY + this.windowHeight - this.fixedHeight <= this.fixedLimit.top;\n    this.hasReachedBottomLimit = this.fixedLimit \n      && this.scrollY >= this.fixedLimit.bottom - this.fixedHeight;\n\n    // console.log(\n    //   this.isStuckBottom,\n    //   this.isStuckTop,\n    //   this.hasReachedBottomLimit,\n    //   this.hasReachedTopLimit,\n    // );\n\n    if (this.isStuckTop || this.isStuckBottom) {\n      this.setFixed();\n    } else {\n      this.setUnfixed();\n    }\n  }\n\n  private updateFixedByResize = () => {\n    // reset sticky so we can read current offsets\n    this.setUnfixed();\n    this.stickyElement.style.position = \"static\";\n    this.isStuckTop = false;\n    this.isStuckBottom = false;\n\n    if (isVisible(this.stickyElement)) {\n      this.windowHeight = window.innerHeight;\n      this.fixedHeight = this.stickyElement.offsetHeight; \n      this.fixedWidth = this.stickyElement.offsetWidth;\n      this.spacerElement.style.height = `${this.fixedHeight}px`;\n\n      this.updateFixedByScroll();\n    }\n  }\n\n  private observe = () => {\n    this.updateStuck();\n  };\n\n  componentDidLoad() {\n    this.positionWatcher(this.position);\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n\n    window.removeEventListener(\"scroll\", this.handleScroll);\n    window.removeEventListener(\"resize\", this.handleResize);\n  }\n\n  render() {\n    const isStuck = this.isStuckTop || this.isStuckBottom;\n\n    const classes = {\n      \"stzh-sticky\": true,\n      \"stzh-sticky--is-stuck\": isStuck,\n      \"stzh-sticky--is-stuck-top\": this.isStuckTop,\n      \"stzh-sticky--is-stuck-bottom\": this.isStuckBottom,\n      \"stzh-sticky--is-breakout\": this.breakout,\n      \"stzh-sticky--is-disabled-sticky-top\": this.disableStickyTop,\n      \"stzh-sticky--is-disabled-sticky-bottom\": this.disableStickyBottom,\n      [`stzh-sticky--position-${this.position}`]: !!this.position,\n    };\n\n    return (\n      <Host\n        is-stuck={this.isStuckTop || this.isStuckBottom}\n        is-stuck-top={this.isStuckTop}\n        is-stuck-bottom={this.isStuckBottom}\n      >\n        <div class={classes}>\n          <div\n            ref={(el) => (this.spacerElement = el as HTMLDivElement)}\n            class=\"stzh-sticky__spacer\"\n          ></div>\n          <div\n            ref={(el) => (this.stickyElement = el as HTMLDivElement)}\n            class=\"stzh-sticky__sticky\"\n          >\n            <div class=\"stzh-sticky__content\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mIAAA,MAAMA,EAAgB,o4F,MC2BTC,EAAU,M,qHAgGbC,KAAAC,YAAsB,EACtBD,KAAAE,WAAqB,EACrBF,KAAAG,WAAqD,KAsErDH,KAAAI,aAAe,KACrB,GAAIJ,KAAKK,eAAgB,CACvBC,OAAOC,qBAAqBP,KAAKK,e,CAGnCL,KAAKK,eAAiBG,sBAAsBR,KAAKS,oBAAoB,EAG/DT,KAAAU,aAAe,KACrB,GAAIV,KAAKW,eAAgB,CACvBL,OAAOC,qBAAqBP,KAAKW,e,CAGnCX,KAAKW,eAAiBH,sBAAsBR,KAAKY,oBAAoB,EAG/DZ,KAAAS,oBAAsB,KAC5B,IAAKI,EAAUb,KAAKc,eAAgB,CAClC,M,CAGFd,KAAKe,QAAUT,OAAOS,QACtBf,KAAKgB,QAAUV,OAAOU,QACtBhB,KAAKG,WAAaH,KAAKiB,gBAEvB,GAAIjB,KAAKkB,YAAclB,KAAKmB,cAAe,CACzC,MAAMC,EAAMC,EAAOrB,KAAKsB,eAExBtB,KAAKuB,SAAWH,EAAII,IACpBxB,KAAKyB,UAAYL,EAAIM,I,KAChB,CACL,MAAMN,EAAMC,EAAOrB,KAAKc,eAExBd,KAAKuB,SAAWH,EAAII,IACpBxB,KAAKyB,UAAYL,EAAIM,I,CAavB1B,KAAKmB,eAAiBnB,KAAK2B,qBACtB3B,KAAKgB,QAAUhB,KAAK4B,cAAgB5B,KAAKuB,SAAWvB,KAAKC,YAC9DD,KAAKkB,YAAclB,KAAK6B,kBACnB7B,KAAKgB,SAAWhB,KAAKuB,SAE1BvB,KAAK8B,mBAAqB9B,KAAKG,YAC1BH,KAAKgB,QAAUhB,KAAK4B,aAAe5B,KAAKC,aAAeD,KAAKG,WAAWqB,IAC5ExB,KAAK+B,sBAAwB/B,KAAKG,YAC7BH,KAAKgB,SAAWhB,KAAKG,WAAW6B,OAAShC,KAAKC,YASnD,GAAID,KAAKkB,YAAclB,KAAKmB,cAAe,CACzCnB,KAAKiC,U,KACA,CACLjC,KAAKkC,Y,GAIDlC,KAAAY,oBAAsB,KAE5BZ,KAAKkC,aACLlC,KAAKc,cAAcqB,MAAMC,SAAW,SACpCpC,KAAKkB,WAAa,MAClBlB,KAAKmB,cAAgB,MAErB,GAAIN,EAAUb,KAAKc,eAAgB,CACjCd,KAAK4B,aAAetB,OAAO+B,YAC3BrC,KAAKC,YAAcD,KAAKc,cAAcwB,aACtCtC,KAAKE,WAAaF,KAAKc,cAAcyB,YACrCvC,KAAKsB,cAAca,MAAMK,OAAS,GAAGxC,KAAKC,gBAE1CD,KAAKS,qB,GAIDT,KAAAyC,QAAU,KAChBzC,KAAK0C,aAAa,E,sBA/PiC,M,yBAGG,M,cAGX,M,cAQW,S,gBAkBzB,M,mBACG,M,wBAEK,M,2BACG,K,CAlB1C,oBAAAC,GACEnC,uBAAsB,KACpBA,uBAAsB,KACpB,GAAIR,KAAKoC,WAAa,QAAS,CAC7BpC,KAAKY,qB,KACA,CACLZ,KAAK0C,a,IAEP,G,CAaN,iBAAAE,CAAkBC,GAChB7C,KAAK8C,aAAaC,KAAK,CACrBC,UAAW,cACXC,OAAQJ,G,CAKZ,oBAAAK,CAAqBL,GACnB7C,KAAKmD,gBAAgBJ,KAAK,CACxBC,UAAW,cACXC,OAAQJ,G,CAKZ,eAAAO,CAAgBP,GACd,GAAIA,IAAa,QAAS,CACxB,GAAI7C,KAAKqD,SAAU,CACjBrD,KAAKqD,SAASC,Y,CAGhBhD,OAAOiD,iBAAiB,SAAUvD,KAAKI,aAAc,CAAEoD,QAAS,OAChElD,OAAOiD,iBAAiB,SAAUvD,KAAKU,cAEvCV,KAAKY,qB,KACA,CACLN,OAAOmD,oBAAoB,SAAUzD,KAAKI,cAC1CE,OAAOmD,oBAAoB,SAAUzD,KAAKU,cAC1CV,KAAKkC,aAELlC,KAAKqD,SAAW,IAAIK,qBAAqB1D,KAAKyC,QAAS,CAAEkB,UAAW,CAAC,KACrE3D,KAAKqD,SAASZ,QAAQzC,KAAKc,eAE3Bd,KAAK0C,a,EAyBD,WAAAA,GACN,MAAMkB,EAASC,SAASC,iBAAiB9D,KAAKc,eAAeU,IAAK,IAClE,MAAMuC,EAAYF,SAASC,iBAAiB9D,KAAKc,eAAekB,OAAQ,IACxE,MAAMgC,EAAOhE,KAAKc,cAAcmD,wBAEhC,GAAIL,EAAQ,CACV5D,KAAKkB,WAAa8C,EAAKxC,IAAM,C,KACxB,CACLxB,KAAKkB,WAAa,K,CAGpB,GAAI6C,EAAW,CACb/D,KAAKmB,cAAgB+C,SAASC,gBAAgBC,aAAeJ,EAAKhC,M,KAC7D,CACLhC,KAAKmB,cAAgB,K,EAIjB,aAAAF,GACN,MAAMoD,EAAkBrE,KAAKsE,QAAQC,QAAQ,gCAE7C,IAAKF,EAAiB,CACpB,OAAO,I,CAGT,MAAMjD,EAAMC,EAAOgD,GAEnB,MAAO,CACL7C,IAAKJ,EAAII,IACTQ,OAAQZ,EAAII,IAAM6C,EAAgBG,a,CAI9B,UAAAtC,GACNuC,OAAOC,OAAO1E,KAAKc,cAAcqB,MAAO,CACtCC,SAAU,KACVZ,IAAK,KACLQ,OAAQ,KACRN,KAAM,KACNiD,MAAO,OAGTF,OAAOC,OAAO1E,KAAKsB,cAAca,MAAO,CACtCyC,QAAS,Q,CAIL,QAAA3C,GACN,MAAMG,EAAYpC,KAAK8B,oBAAsB9B,KAAK+B,sBAC9C,WACA,QAEJ0C,OAAOC,OAAO1E,KAAKc,cAAcqB,MAAO,CACtCC,WACAZ,IAAKY,IAAa,WACd,GAAGpC,KAAKkB,WAAalB,KAAKG,WAAW6B,OAAShC,KAAKC,YAAcD,KAAKG,WAAWqB,QACjFxB,KAAKkB,WAAa,MAAQ,OAC9Bc,OAAQhC,KAAKkB,YAAckB,IAAa,WACpC,OAAS,MACbV,KAAM,GAAG1B,KAAKyB,WAAaW,IAAa,QAAUpC,KAAKe,QAAU,OACjE4D,MAAO,GAAG3E,KAAKE,iBAGjBuE,OAAOC,OAAO1E,KAAKsB,cAAca,MAAO,CACtCyC,QAAS,S,CAgGb,gBAAAC,GACE7E,KAAKoD,gBAAgBpD,KAAKoC,S,CAG5B,oBAAA0C,GACE,GAAI9E,KAAKqD,SAAU,CACjBrD,KAAKqD,SAASC,Y,CAGhBhD,OAAOmD,oBAAoB,SAAUzD,KAAKI,cAC1CE,OAAOmD,oBAAoB,SAAUzD,KAAKU,a,CAG5C,MAAAqE,GACE,MAAMC,EAAUhF,KAAKkB,YAAclB,KAAKmB,cAExC,MAAM8D,EAAU,CACd,cAAe,KACf,wBAAyBD,EACzB,4BAA6BhF,KAAKkB,WAClC,+BAAgClB,KAAKmB,cACrC,2BAA4BnB,KAAKkF,SACjC,sCAAuClF,KAAK6B,iBAC5C,yCAA0C7B,KAAK2B,oBAC/C,CAAC,yBAAyB3B,KAAKoC,cAAepC,KAAKoC,UAGrD,OACE+C,EAACC,EAAI,YACOpF,KAAKkB,YAAclB,KAAKmB,cAAa,eACjCnB,KAAKkB,WAAU,kBACZlB,KAAKmB,eAEtBgE,EAAA,OAAKE,MAAOJ,GACVE,EAAA,OACEG,IAAMC,GAAQvF,KAAKsB,cAAgBiE,EACnCF,MAAM,wBAERF,EAAA,OACEG,IAAMC,GAAQvF,KAAKc,cAAgByE,EACnCF,MAAM,uBAENF,EAAA,OAAKE,MAAM,wBACTF,EAAA,gB"}

package/dist/stzh-components/{p-6b9365fe.system.entry.js → p-0b4cba00.system.entry.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,e,r,s){function o(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,n){function i(t){try{c(s.next(t))}catch(t){n(t)}}function a(t){try{c(s["throw"](t))}catch(t){n(t)}}function c(t){t.done?r(t.value):o(t.value).then(i,a)}c((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},s,o,n,i;return i={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function a(t){return function(e){return c([t,e])}}function c(a){if(s)throw new TypeError("Generator is already executing.");while(i&&(i=0,a[0]&&(r=0)),r)try{if(s=1,o&&(n=a[0]&2?o["return"]:a[0]?o["throw"]||((n=o["return"])&&n.call(o),0):o.next)&&!(n=n.call(o,a[1])).done)return n;if(o=0,n)a=[a[0]&2,n.value];switch(a[0]){case 0:case 1:n=a;break;case 4:r.label++;return{value:a[1],done:false};case 5:r.label++;o=a[1];a=[0];continue;case 7:a=r.ops.pop();r.trys.pop();continue;default:if(!(n=r.trys,n=n.length>0&&n[n.length-1])&&(a[0]===6||a[0]===2)){r=0;continue}if(a[0]===3&&(!n||a[1]>n[0]&&a[1]<n[3])){r.label=a[1];break}if(a[0]===6&&r.label<n[1]){r.label=n[1];n=a;break}if(n&&r.label<n[2]){r.label=n[2];r.ops.push(a);break}if(n[2])r.ops.pop();r.trys.pop();continue}a=e.call(t,r)}catch(t){a=[6,t];o=0}finally{s=n=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-290fcb28.system.js","./p-53e44e89.system.js","./p-774595ba.system.js"],(function(t){"use strict";var e,r,s,o,n,i;return{setters:[function(t){e=t.r;r=t.h;s=t.a;o=t.g},function(t){n=t.g},function(t){i=t.b}],execute:function(){var a=".sc-stzh-share-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-share-h{display:none}.sc-stzh-share-h *.sc-stzh-share,.sc-stzh-share-h *.sc-stzh-share::before,.sc-stzh-share-h *.sc-stzh-share::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-share-h .has-focus.sc-stzh-share{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share{outline-style:none !important}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share::-moz-focus-inner{border:0 !important}.stzh-share__list.sc-stzh-share{list-style:none;margin:0;padding:0;display:-ms-flexbox;display:flex}.stzh-share__item.sc-stzh-share:not(:last-child){margin-right:var(--stzh-space-small)}.stzh-share__icon.sc-stzh-share{--size:var(--stzh-icon-size-xsmall)}.stzh-share__button.sc-stzh-share{color:var(--stzh-color-white);border-radius:var(--stzh-button-border-radius);display:grid;place-items:center;width:2.875rem;height:1.625rem}.stzh-share__button.is-facebook.sc-stzh-share{background-color:#3b5998}.stzh-share__button.is-facebook.sc-stzh-share:hover{background-color:#23355B}.stzh-share__button.is-twitter.sc-stzh-share{background-color:#1da1f2}.stzh-share__button.is-twitter.sc-stzh-share:hover{background-color:#116091}.stzh-share__button.is-linkedin.sc-stzh-share{background-color:#1485BD}.stzh-share__button.is-linkedin.sc-stzh-share:hover{background-color:#0C4F71}.stzh-share__button.is-xing.sc-stzh-share{background-color:#0E7574}.stzh-share__button.is-xing.sc-stzh-share:hover{background-color:#084645}.stzh-share__button.is-mail.sc-stzh-share{background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-share__button.is-mail.sc-stzh-share:hover{background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}";var c=256;var h=t("stzh_share",function(){function t(t){e(this,t);this._services=[];this.openPopup=function(t,e){e.preventDefault();window.open(t,"_blank","width=600,height=460")};this.localization=undefined;this.url=window.location.href;this.services=["facebook","twitter","linkedin","xing","mail"]}t.prototype.servicesWatcher=function(t){if(typeof t==="string"){this._services=JSON.parse(t)}else{this._services=t}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.servicesWatcher(this.services);if(!!this.localization)return[3,2];t=this;return[4,window.stzhComponents.utils.fetchTranslations(this.element,"share")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t=this;var e;var o={"stzh-share":true};var a=encodeURIComponent(this.url);var h=encodeURIComponent(this.localization.mailSubject);var l=encodeURIComponent((e=this.localization.mailBody)===null||e===void 0?void 0:e.replace(/\{shareUrl\}/gi,this.url));var u=encodeURIComponent(document.title);var f=encodeURIComponent(i(u,c));var b=encodeURIComponent(n("description"));var p={facebook:{popup:true,blank:true,url:"https://www.facebook.com/sharer/sharer.php?u=".concat(a),text:this.localization.shareFacebook,icon:"facebook-filled"},twitter:{popup:true,blank:true,url:"https://twitter.com/intent/tweet?text=".concat(f,"&url=").concat(a),text:this.localization.shareTwitter,icon:"twitter-filled"},linkedin:{popup:true,blank:true,url:"https://www.linkedin.com/shareArticle?mini=true&summary=".concat(b,"&title=").concat(u,"&url=").concat(a),text:this.localization.shareLinkedin,icon:"linkedin-filled"},xing:{popup:true,blank:true,url:"https://www.xing.com/spi/shares/new?url=".concat(a),text:this.localization.shareXing,icon:"xing-filled"},mail:{popup:false,blank:false,url:"mailto:?subject=".concat(h,"&body=").concat(l),text:this.localization.shareMail,icon:"mail-filled"}};return r(s,null,r("div",{class:o},r("ul",{class:"stzh-share__list"},this._services.map((function(e){return r("li",{class:"stzh-share__item"},r("stzh-tooltip",{content:p[e].text},r("a",{class:"stzh-share__button is-".concat(e),href:p[e].url,"aria-label":p[e].text,rel:p[e].blank?"nofollow noopener noreferrer":"nofollow",target:p[e].blank?"_blank":"_self",onClick:p[e].popup?function(r){return t.openPopup(p[e].url,r)}:null,"s-object-id":p[e].text},r("stzh-icon",{class:"stzh-share__icon",name:p[e].icon}))))})))))};Object.defineProperty(t.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{services:["servicesWatcher"]}},enumerable:false,configurable:true});return t}());h.style=a}}}));
-//# sourceMappingURL=p-6b9365fe.system.entry.js.map
+var __awaiter=this&&this.__awaiter||function(t,e,r,s){function o(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,n){function i(t){try{c(s.next(t))}catch(t){n(t)}}function a(t){try{c(s["throw"](t))}catch(t){n(t)}}function c(t){t.done?r(t.value):o(t.value).then(i,a)}c((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},s,o,n,i;return i={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function a(t){return function(e){return c([t,e])}}function c(a){if(s)throw new TypeError("Generator is already executing.");while(i&&(i=0,a[0]&&(r=0)),r)try{if(s=1,o&&(n=a[0]&2?o["return"]:a[0]?o["throw"]||((n=o["return"])&&n.call(o),0):o.next)&&!(n=n.call(o,a[1])).done)return n;if(o=0,n)a=[a[0]&2,n.value];switch(a[0]){case 0:case 1:n=a;break;case 4:r.label++;return{value:a[1],done:false};case 5:r.label++;o=a[1];a=[0];continue;case 7:a=r.ops.pop();r.trys.pop();continue;default:if(!(n=r.trys,n=n.length>0&&n[n.length-1])&&(a[0]===6||a[0]===2)){r=0;continue}if(a[0]===3&&(!n||a[1]>n[0]&&a[1]<n[3])){r.label=a[1];break}if(a[0]===6&&r.label<n[1]){r.label=n[1];n=a;break}if(n&&r.label<n[2]){r.label=n[2];r.ops.push(a);break}if(n[2])r.ops.pop();r.trys.pop();continue}a=e.call(t,r)}catch(t){a=[6,t];o=0}finally{s=n=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-290fcb28.system.js","./p-f9cb0fcd.system.js","./p-774595ba.system.js"],(function(t){"use strict";var e,r,s,o,n,i;return{setters:[function(t){e=t.r;r=t.h;s=t.a;o=t.g},function(t){n=t.g},function(t){i=t.b}],execute:function(){var a=".sc-stzh-share-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-share-h{display:none}.sc-stzh-share-h *.sc-stzh-share,.sc-stzh-share-h *.sc-stzh-share::before,.sc-stzh-share-h *.sc-stzh-share::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-share-h .has-focus.sc-stzh-share{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share{outline-style:none !important}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share::-moz-focus-inner{border:0 !important}.stzh-share__list.sc-stzh-share{list-style:none;margin:0;padding:0;display:-ms-flexbox;display:flex}.stzh-share__item.sc-stzh-share:not(:last-child){margin-right:var(--stzh-space-small)}.stzh-share__icon.sc-stzh-share{--size:var(--stzh-icon-size-xsmall)}.stzh-share__button.sc-stzh-share{color:var(--stzh-color-white);border-radius:var(--stzh-button-border-radius);display:grid;place-items:center;width:2.875rem;height:1.625rem}.stzh-share__button.is-facebook.sc-stzh-share{background-color:#3b5998}.stzh-share__button.is-facebook.sc-stzh-share:hover{background-color:#23355B}.stzh-share__button.is-twitter.sc-stzh-share{background-color:#1da1f2}.stzh-share__button.is-twitter.sc-stzh-share:hover{background-color:#116091}.stzh-share__button.is-linkedin.sc-stzh-share{background-color:#1485BD}.stzh-share__button.is-linkedin.sc-stzh-share:hover{background-color:#0C4F71}.stzh-share__button.is-xing.sc-stzh-share{background-color:#0E7574}.stzh-share__button.is-xing.sc-stzh-share:hover{background-color:#084645}.stzh-share__button.is-mail.sc-stzh-share{background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-share__button.is-mail.sc-stzh-share:hover{background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}";var c=256;var h=t("stzh_share",function(){function t(t){e(this,t);this._services=[];this.openPopup=function(t,e){e.preventDefault();window.open(t,"_blank","width=600,height=460")};this.localization=undefined;this.url=window.location.href;this.services=["facebook","twitter","linkedin","xing","mail"]}t.prototype.servicesWatcher=function(t){if(typeof t==="string"){this._services=JSON.parse(t)}else{this._services=t}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.servicesWatcher(this.services);if(!!this.localization)return[3,2];t=this;return[4,window.stzhComponents.utils.fetchTranslations(this.element,"share")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t=this;var e;var o={"stzh-share":true};var a=encodeURIComponent(this.url);var h=encodeURIComponent(this.localization.mailSubject);var l=encodeURIComponent((e=this.localization.mailBody)===null||e===void 0?void 0:e.replace(/\{shareUrl\}/gi,this.url));var u=encodeURIComponent(document.title);var f=encodeURIComponent(i(u,c));var b=encodeURIComponent(n("description"));var p={facebook:{popup:true,blank:true,url:"https://www.facebook.com/sharer/sharer.php?u=".concat(a),text:this.localization.shareFacebook,icon:"facebook-filled"},twitter:{popup:true,blank:true,url:"https://twitter.com/intent/tweet?text=".concat(f,"&url=").concat(a),text:this.localization.shareTwitter,icon:"twitter-filled"},linkedin:{popup:true,blank:true,url:"https://www.linkedin.com/shareArticle?mini=true&summary=".concat(b,"&title=").concat(u,"&url=").concat(a),text:this.localization.shareLinkedin,icon:"linkedin-filled"},xing:{popup:true,blank:true,url:"https://www.xing.com/spi/shares/new?url=".concat(a),text:this.localization.shareXing,icon:"xing-filled"},mail:{popup:false,blank:false,url:"mailto:?subject=".concat(h,"&body=").concat(l),text:this.localization.shareMail,icon:"mail-filled"}};return r(s,null,r("div",{class:o},r("ul",{class:"stzh-share__list"},this._services.map((function(e){return r("li",{class:"stzh-share__item"},r("stzh-tooltip",{content:p[e].text},r("a",{class:"stzh-share__button is-".concat(e),href:p[e].url,"aria-label":p[e].text,rel:p[e].blank?"nofollow noopener noreferrer":"nofollow",target:p[e].blank?"_blank":"_self",onClick:p[e].popup?function(r){return t.openPopup(p[e].url,r)}:null,"s-object-id":p[e].text},r("stzh-icon",{class:"stzh-share__icon",name:p[e].icon}))))})))))};Object.defineProperty(t.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{services:["servicesWatcher"]}},enumerable:false,configurable:true});return t}());h.style=a}}}));
+//# sourceMappingURL=p-0b4cba00.system.entry.js.map

package/dist/stzh-components/{p-b1fbe1d1.system.entry.js → p-0b8a15cc.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-290fcb28.system.js","./p-53e44e89.system.js","./p-774595ba.system.js"],(function(t){"use strict";var e,i,s,a,l;return{setters:[function(t){e=t.r;i=t.h;s=t.a;a=t.g},function(t){l=t.h},function(){}],execute:function(){var n='@charset "UTF-8";: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}@media screen and (min-width: 600px){:host{--col-left-width:50%}}@media screen and (min-width: 1260px){:host{--col-left-width:45%}}@media screen and (min-width: 1260px){:host([size=small]){--col-left-width:33%}}@media screen and (min-width: 1260px){:host([size=large]){--col-left-width:55%}}@media screen and (min-width: 600px){:host([floating]:not([floating=false])){--col-left-width:45%}}@media screen and (min-width: 600px){:host([size=small][floating]:not([floating=false])){--col-left-width:33%}}@media screen and (min-width: 600px){:host([size=large][floating]:not([floating=false])){--col-left-width:55%}}:host ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted([slot=left]){margin-bottom:0}}:host([fullwidth]:not([fullwidth=false])) ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host([fullwidth]:not([fullwidth=false])) ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([fullwidth]:not([fullwidth=false])) ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxxxlarge)}}:host([floating]:not([floating=false]):not([fullwidth]:not([fullwidth=false]))) ::slotted([slot=left]){float:left;width:100%}@media screen and (min-width: 600px){:host([floating]:not([floating=false]):not([fullwidth]:not([fullwidth=false]))) ::slotted([slot=left]){width:calc(var(--col-left-width) - var(--stzh-space-large) / 2);margin-right:var(--stzh-space-large)}}.stzh-textandimage{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start;margin:0 calc(var(--stzh-space-large) / -2);}.stzh-textandimage__left,.stzh-textandimage__right{width:auto;padding:0 calc(var(--stzh-space-large) / 2)}@media screen and (min-width: 600px){.stzh-textandimage__left{width:var(--col-left-width)}}@media screen and (min-width: 600px){.stzh-textandimage__right{width:calc(100% - var(--col-left-width))}}.stzh-textandimage--is-fullwidth .stzh-textandimage__left,.stzh-textandimage--is-fullwidth .stzh-textandimage__right{width:100%}.stzh-textandimage--is-floating .stzh-textandimage__left{width:auto}';var o=t("stzh_textandimage",function(){function t(t){e(this,t);this.floating=false;this.fullwidth=false;this.size="default"}t.prototype.render=function(){var t;var e=l(this.element,"left");var a=l(this.element,"right");var n=(t={"stzh-textandimage":true,"stzh-textandimage--has-left":e,"stzh-textandimage--has-right":a,"stzh-textandimage--is-fullwidth":this.fullwidth,"stzh-textandimage--is-floating":this.floating},t["stzh-textandimage--size-".concat(this.size)]=!!this.size,t);return i(s,null,i("div",{class:n},i("div",{class:"stzh-textandimage__left"},i("slot",{name:"left"}),this.floating&&i("slot",{name:"right"})),!this.floating&&i("div",{class:"stzh-textandimage__right"},i("slot",{name:"right"}))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());o.style=n}}}));
-//# sourceMappingURL=p-b1fbe1d1.system.entry.js.map
+System.register(["./p-290fcb28.system.js","./p-f9cb0fcd.system.js","./p-774595ba.system.js"],(function(t){"use strict";var e,i,s,a,l;return{setters:[function(t){e=t.r;i=t.h;s=t.a;a=t.g},function(t){l=t.h},function(){}],execute:function(){var n='@charset "UTF-8";: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}@media screen and (min-width: 600px){:host{--col-left-width:50%}}@media screen and (min-width: 1260px){:host{--col-left-width:45%}}@media screen and (min-width: 1260px){:host([size=small]){--col-left-width:33%}}@media screen and (min-width: 1260px){:host([size=large]){--col-left-width:55%}}@media screen and (min-width: 600px){:host([floating]:not([floating=false])){--col-left-width:45%}}@media screen and (min-width: 600px){:host([size=small][floating]:not([floating=false])){--col-left-width:33%}}@media screen and (min-width: 600px){:host([size=large][floating]:not([floating=false])){--col-left-width:55%}}:host ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted([slot=left]){margin-bottom:0}}:host([fullwidth]:not([fullwidth=false])) ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host([fullwidth]:not([fullwidth=false])) ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([fullwidth]:not([fullwidth=false])) ::slotted([slot=left]){margin-bottom:var(--stzh-space-xxxxlarge)}}:host([floating]:not([floating=false]):not([fullwidth]:not([fullwidth=false]))) ::slotted([slot=left]){float:left;width:100%}@media screen and (min-width: 600px){:host([floating]:not([floating=false]):not([fullwidth]:not([fullwidth=false]))) ::slotted([slot=left]){width:calc(var(--col-left-width) - var(--stzh-space-large) / 2);margin-right:var(--stzh-space-large)}}.stzh-textandimage{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start;margin:0 calc(var(--stzh-space-large) / -2);}.stzh-textandimage__left,.stzh-textandimage__right{width:auto;padding:0 calc(var(--stzh-space-large) / 2)}@media screen and (min-width: 600px){.stzh-textandimage__left{width:var(--col-left-width)}}@media screen and (min-width: 600px){.stzh-textandimage__right{width:calc(100% - var(--col-left-width))}}.stzh-textandimage--is-fullwidth .stzh-textandimage__left,.stzh-textandimage--is-fullwidth .stzh-textandimage__right{width:100%}.stzh-textandimage--is-floating .stzh-textandimage__left{width:auto}';var o=t("stzh_textandimage",function(){function t(t){e(this,t);this.floating=false;this.fullwidth=false;this.size="default"}t.prototype.render=function(){var t;var e=l(this.element,"left");var a=l(this.element,"right");var n=(t={"stzh-textandimage":true,"stzh-textandimage--has-left":e,"stzh-textandimage--has-right":a,"stzh-textandimage--is-fullwidth":this.fullwidth,"stzh-textandimage--is-floating":this.floating},t["stzh-textandimage--size-".concat(this.size)]=!!this.size,t);return i(s,null,i("div",{class:n},i("div",{class:"stzh-textandimage__left"},i("slot",{name:"left"}),this.floating&&i("slot",{name:"right"})),!this.floating&&i("div",{class:"stzh-textandimage__right"},i("slot",{name:"right"}))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());o.style=n}}}));
+//# sourceMappingURL=p-0b8a15cc.system.entry.js.map

package/dist/stzh-components/p-0bb08043.system.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","exports"],"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":"2FAowCiBA,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,MAAGU,EAAA,W"}
+{"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","exports"],"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":"2FA2xCiBA,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,MAAGU,EAAA,W"}

package/dist/stzh-components/p-0c049996.system.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,t,a,s){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,i){function n(e){try{o(s.next(e))}catch(e){i(e)}}function h(e){try{o(s["throw"](e))}catch(e){i(e)}}function o(e){e.done?a(e.value):r(e.value).then(n,h)}o((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},s,r,i,n;return n={next:h(0),throw:h(1),return:h(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function h(e){return function(t){return o([e,t])}}function o(h){if(s)throw new TypeError("Generator is already executing.");while(n&&(n=0,h[0]&&(a=0)),a)try{if(s=1,r&&(i=h[0]&2?r["return"]:h[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,h[1])).done)return i;if(r=0,i)h=[h[0]&2,i.value];switch(h[0]){case 0:case 1:i=h;break;case 4:a.label++;return{value:h[1],done:false};case 5:a.label++;r=h[1];h=[0];continue;case 7:h=a.ops.pop();a.trys.pop();continue;default:if(!(i=a.trys,i=i.length>0&&i[i.length-1])&&(h[0]===6||h[0]===2)){a=0;continue}if(h[0]===3&&(!i||h[1]>i[0]&&h[1]<i[3])){a.label=h[1];break}if(h[0]===6&&a.label<i[1]){a.label=i[1];i=h;break}if(i&&a.label<i[2]){a.label=i[2];a.ops.push(h);break}if(i[2])a.ops.pop();a.trys.pop();continue}h=t.call(e,a)}catch(e){h=[6,e];r=0}finally{s=i=0}if(h[0]&5)throw h[1];return{value:h[0]?h[1]:void 0,done:true}}};System.register(["./p-290fcb28.system.js","./p-f9cb0fcd.system.js","./p-bd1030c9.system.js","./p-774595ba.system.js"],(function(e){"use strict";var t,a,s,r,i,n,h,o;return{setters:[function(e){t=e.r;a=e.e;s=e.w;r=e.h;i=e.a;n=e.g},function(e){h=e.h},function(e){o=e.m},function(){}],execute:function(){var d=".sc-stzh-header-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-header-h{display:none}.sc-stzh-header-h *.sc-stzh-header,.sc-stzh-header-h *.sc-stzh-header::before,.sc-stzh-header-h *.sc-stzh-header::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-header-h .has-focus.sc-stzh-header{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-header-h .stzh-fylingfocus-focused.sc-stzh-header{outline-style:none !important}.sc-stzh-header-h .stzh-fylingfocus-focused.sc-stzh-header::-moz-focus-inner{border:0 !important}@-webkit-keyframes stzh-header-open{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes stzh-header-open{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0%);transform:translateY(0%)}}@-webkit-keyframes stzh-header-close{from{-webkit-transform:translateY(0%);transform:translateY(0%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes stzh-header-close{from{-webkit-transform:translateY(0%);transform:translateY(0%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@media print{.sc-stzh-header-h{display:none}}.sc-stzh-header-h .sc-stzh-header-s>[slot=logo]{width:auto;height:100%}.sc-stzh-header-h .sc-stzh-header-s>stzh-logo[slot=logo]{--width:auto;--height:100%}.sc-stzh-header-h .sc-stzh-header-s>stzh-logo[slot=logo]:not([type=stzh]):not([type=none]){--width:auto;--height:1.9375rem}@media screen and (min-width: 1024px){.sc-stzh-header-h .sc-stzh-header-s>stzh-logo[slot=logo]:not([type=stzh]):not([type=none]){--height:2.1875rem}}@media screen and (min-width: 1440px){.sc-stzh-header-h .sc-stzh-header-s>stzh-logo[slot=logo]:not([type=stzh]):not([type=none]){--height:3.3125rem}}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login]{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover,.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover__trigger{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);height:auto}@media screen and (max-width: 799px){.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button{border-radius:0;height:100%}}@media screen and (max-width: 799px){.sc-stzh-header-h .sc-stzh-header-s>stzh-popover[slot=login] .stzh-popover .stzh-popover__trigger stzh-button .stzh-button__badge{top:0.5rem;right:0.4375rem}}.header__inner.sc-stzh-header{-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}.header__main.sc-stzh-header{position:relative;z-index:var(--stzh-z-index-header);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header);background-color:var(--stzh-color-white);-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 800px){.header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-bottom:0.0625rem solid var(--stzh-base-border-color);padding-top:4rem}@supports ((position: -webkit-sticky) or (position: sticky)){.header__main.sc-stzh-header{padding-top:0}}}.header__metabar.sc-stzh-header{border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 800px){.header__metabar.sc-stzh-header{border-top:none;background-color:var(--stzh-color-grey5);z-index:1;position:absolute;top:0;left:0;right:0}@supports ((position: -webkit-sticky) or (position: sticky)){.header__metabar.sc-stzh-header{position:-webkit-sticky;position:sticky}}}.header__metabar-inner.sc-stzh-header{margin-left:1.25rem;margin-right:1.25rem;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;height:3rem}@media screen and (min-width: 600px){.header__metabar-inner.sc-stzh-header{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 1024px){.header__metabar-inner.sc-stzh-header{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.header__metabar-inner.sc-stzh-header{margin-left:5.5rem;margin-right:5.5rem}}@media screen and (min-width: 1440px){.header__metabar-inner.sc-stzh-header{margin-left:auto;margin-right:auto;width:78.75rem}}@media screen and (max-width: 799px){.header__metabar-inner.sc-stzh-header{margin:0 auto}}@media screen and (min-width: 800px){.header__metabar-inner.sc-stzh-header{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;height:4rem}}.header__metabar-nav.sc-stzh-header,.header__metabar-langnav.sc-stzh-header{display:none}@media screen and (min-width: 800px){.header__metabar-nav.sc-stzh-header,.header__metabar-langnav.sc-stzh-header{display:-ms-inline-flexbox;display:inline-flex}}.header__metabar-login.sc-stzh-header{display:-ms-flexbox;display:flex;-ms-flex-preferred-size:50%;flex-basis:50%}@media screen and (min-width: 800px){.header__metabar-login.sc-stzh-header:not(:empty){-ms-flex-preferred-size:auto;flex-basis:auto;margin-left:var(--stzh-space-small)}}@media screen and (min-width: 800px){.header__metabar-langnav.sc-stzh-header:not(:empty){margin-left:var(--stzh-space-medium)}}.header__logobar.sc-stzh-header{display:-ms-flexbox;display:flex;background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.header__logobar-logo.sc-stzh-header{-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-flexbox;display:flex;background-color:var(--stzh-color-white);overflow:hidden;width:calc(100% - 3rem - 0.0625rem)}@media screen and (min-width: 800px){.header__logobar-logo.sc-stzh-header{width:25rem}}@media screen and (min-width: 1260px){.header__logobar-logo.sc-stzh-header{width:28.75rem}}@media screen and (min-width: 1440px){.header__logobar-logo.sc-stzh-header{padding-left:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.header__logo-link.sc-stzh-header{-ms-flex-positive:1;flex-grow:1;display:-ms-inline-flexbox;display:inline-flex;height:4.75rem;padding:var(--stzh-space-medium);padding-left:1.25rem;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.header__logo-link.sc-stzh-header{padding-left:2rem}}@media screen and (min-width: 800px){.header__logo-link.sc-stzh-header{height:5.625rem}}@media screen and (min-width: 1260px){.header__logo-link.sc-stzh-header{height:7.5rem;padding:var(--stzh-space-large);padding-left:5.5rem}}@media screen and (min-width: 1440px){.header__logo-link.sc-stzh-header{padding-left:0}}.header__appnav.sc-stzh-header{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--stzh-z-index-header) - 1);-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header);background-color:var(--stzh-color-white)}@media screen and (min-width: 600px){.header__appnav.sc-stzh-header{position:static;-webkit-box-shadow:none;box-shadow:none}}@media screen and (min-width: 600px){.header__appnav-inner.sc-stzh-header{margin-left:1.25rem;margin-right:1.25rem}}@media screen and (min-width: 600px) and (min-width: 600px){.header__appnav-inner.sc-stzh-header{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 600px) and (min-width: 1024px){.header__appnav-inner.sc-stzh-header{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 600px) and (min-width: 1260px){.header__appnav-inner.sc-stzh-header{margin-left:5.5rem;margin-right:5.5rem}}@media screen and (min-width: 600px) and (min-width: 1440px){.header__appnav-inner.sc-stzh-header{margin-left:auto;margin-right:auto;width:78.75rem}}.header--hide-logo.sc-stzh-header .header__logo-link.sc-stzh-header{opacity:0}@media screen and (max-width: 799px){.header--has-empty-metabar-mobile.sc-stzh-header .header__metabar.sc-stzh-header{display:none}}.header--has-empty-metabar.sc-stzh-header .header__metabar.sc-stzh-header{display:none}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar-langnav.sc-stzh-header{display:-ms-inline-flexbox;display:inline-flex}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar-nav.sc-stzh-header{display:-ms-inline-flexbox;display:inline-flex}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-bottom:0.0625rem solid var(--stzh-base-border-color)}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar.sc-stzh-header{display:block;border-top:none;background-color:var(--stzh-color-grey5)}}@media screen and (max-width: 799px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin-left:1.25rem;margin-right:1.25rem;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}@media screen and (max-width: 799px) and (min-width: 600px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin-left:2rem;margin-right:2rem}}@media screen and (max-width: 799px) and (min-width: 1024px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (max-width: 799px) and (min-width: 1260px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin-left:5.5rem;margin-right:5.5rem}}@media screen and (max-width: 799px) and (min-width: 1440px){.header--has-metabar-stay.sc-stzh-header .header__metabar-inner.sc-stzh-header{margin-left:auto;margin-right:auto;width:78.75rem}}@media screen and (min-width: 800px){.header--sticky-metabar.sc-stzh-header:not(.header--sticky):not(.header--is-sticky-disabled) .header__metabar.sc-stzh-header{position:fixed}}@media screen and (min-width: 600px){.header--sticky.sc-stzh-header .header__inner.sc-stzh-header{-webkit-animation:stzh-header-open var(--stzh-base-transition-animation-speed);animation:stzh-header-open var(--stzh-base-transition-animation-speed);z-index:var(--stzh-z-index-header);position:fixed;top:0;left:0;right:0;margin:0;-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header)}}@media screen and (max-width: 599px){.header--sticky.sc-stzh-header .header__main.sc-stzh-header{-webkit-animation:stzh-header-open var(--stzh-base-transition-animation-speed);animation:stzh-header-open var(--stzh-base-transition-animation-speed);z-index:var(--stzh-z-index-header);position:fixed;top:0;left:0;right:0;margin:0}}@media screen and (min-width: 600px){.header--sticky.sc-stzh-header .header__main.sc-stzh-header{-webkit-box-shadow:none;box-shadow:none}}@media screen and (max-width: 799px){.header--sticky.sc-stzh-header .header__appnav.sc-stzh-header{border-top:0.0625rem solid var(--stzh-base-border-color)}}.header--sticky.sc-stzh-header .header__metabar.sc-stzh-header{border-top:none}.header--sticky.header--has-empty-metabar.sc-stzh-header .header__metabar.sc-stzh-header{display:none}@media screen and (min-width: 600px){.header--sticky.header--has-empty-metabar.sc-stzh-header:not(.header--has-appnav) .header__main.sc-stzh-header{border-bottom:none}}.header--sticky.sc-stzh-header .header__logobar.sc-stzh-header{display:none}@media screen and (max-width: 599px){.header--sticky.header--has-metabar-stay.sc-stzh-header .header__main.sc-stzh-header{-webkit-box-shadow:var(--stzh-box-shadow-header);box-shadow:var(--stzh-box-shadow-header)}}@media screen and (min-width: 600px){.header--sticky-closing.sc-stzh-header .header__inner.sc-stzh-header{-webkit-animation:stzh-header-close var(--stzh-base-transition-animation-speed);animation:stzh-header-close var(--stzh-base-transition-animation-speed)}}@media screen and (max-width: 599px){.header--sticky-closing.sc-stzh-header .header__main.sc-stzh-header{-webkit-animation:stzh-header-close var(--stzh-base-transition-animation-speed);animation:stzh-header-close var(--stzh-base-transition-animation-speed)}}@media screen and (min-width: 800px){@supports ((position: -webkit-sticky) or (position: sticky)){.header--is-sticky-disabled.sc-stzh-header .header__main.sc-stzh-header{padding-top:4rem}}}@media screen and (min-width: 800px){@supports ((position: -webkit-sticky) or (position: sticky)){.header--is-sticky-disabled.sc-stzh-header .header__metabar.sc-stzh-header{position:absolute}}}";var l=e("stzh_header",function(){function e(e){var r=this;t(this,e);this.handleResize=function(){if(r.stickyDisabled){return}if(r.debounceResize){window.cancelAnimationFrame(r.debounceResize)}r.debounceResize=requestAnimationFrame((function(){a((function(){r.isSmall=o("small").matches;r.isSmallheader=o("smallheader").matches;r.headerTop=r.element.offsetTop;r.headerHeight=r.element.offsetHeight;r.appnavHeight=r.appnavElement?r.appnavElement.offsetHeight:0;r.metabarHeight=r.metabarElement?r.metabarElement.offsetHeight:0}));s((function(){document.documentElement.style.setProperty("--stzh-header-height","".concat(r.headerHeight,"px"));document.documentElement.style.setProperty("--stzh-header-appnav-height","".concat(r.appnavHeight,"px"));document.documentElement.style.setProperty("--stzh-header-metabar-height","".concat(r.metabarHeight,"px"));if(r.appnavHeight&&!r.isSmall&&!r.preventAppnavPlaceholder){r.appnavPlaceholderElement.style.height="".concat(r.appnavHeight,"px");document.documentElement.style.setProperty("--stzh-header-sticky-appnav-height","".concat(r.appnavHeight,"px"))}else{r.appnavPlaceholderElement.style.height="0px";document.documentElement.style.setProperty("--stzh-header-sticky-appnav-height","0px")}}));r.scrollListener()}))};this.href="https://www.stadt-zuerich.ch";this.metabarStay=false;this.stickyDisabled=false;this.preventAppnavPlaceholder=false;this.logoAnalyticsId=undefined;this.hideLogo=false;this.paddingTop=undefined;this.metabarTransform=undefined;this.sticky=false;this.stickyClosing=false;this.stickyMetabar=false;this.stickyMetabarEnd=false}e.prototype.updatePosition=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;var a=this;return __generator(this,(function(s){if(this.stickyDisabled){return[2]}e=function(){a.sticky=false;a.stickyClosing=false;a.paddingTop=0};if(this.scrollingUp&&this.belowStayStickyPoint){if(!this.sticky&&this.belowStartStickyPoint){this.paddingTop=this.headerHeight;this.sticky=true}this.updateMetabarPosition()}else{if(this.sticky&&this.belowStayStickyPoint){t=function(){e();a.updateMetabarPosition();a.innerElement.removeEventListener("animationend",t)};this.innerElement.addEventListener("animationend",t);this.stickyClosing=true}else{e();this.updateMetabarPosition()}}return[2]}))}))};e.prototype.scrollListener=function(){var e=this;if(this.stickyDisabled){return}a((function(){e.scrollTop=window.scrollY;e.scrollingUp=e.lastScrollTop&&e.lastScrollTop>e.scrollTop;e.lastScrollTop=e.scrollTop;e.innerHeight=e.innerElement?e.innerElement.offsetHeight:0;e.mainHeight=e.mainElement?e.mainElement.offsetHeight:0;e.logobarHeight=e.sticky?e.isSmall?e.headerHeight-e.innerHeight:e.headerHeight-e.mainHeight:e.logobarElement?e.logobarElement.offsetHeight:0;e.belowStayStickyPoint=e.scrollTop>e.logobarHeight;e.belowStartStickyPoint=e.scrollTop>e.headerHeight;e.headerOverlap=(e.headerTop-e.scrollTop)/-1;e.hideLogo=e.isSmallheader&&e.headerOverlap>10}));s((function(){e.updatePosition()}))};e.prototype.updateMetabarPosition=function(){if(!this.metabarElement||this.stickyDisabled){return}if(CSS&&CSS.supports&&CSS.supports("position","sticky")){return}if(this.isSmallheader&&this.headerOverlap>0&&!this.sticky&&!this.stickyClosing){if(this.headerOverlap<this.mainHeight-this.metabarHeight){this.stickyMetabar=true;this.stickyMetabarEnd=false;this.metabarTransform="translateY(0)"}else{this.stickyMetabar=false;this.stickyMetabarEnd=true;this.metabarTransform="translateY(".concat(this.logobarHeight,"px)")}}else{this.stickyMetabar=false;this.stickyMetabarEnd=false;this.metabarTransform="translateY(0)"}};e.prototype.connectedCallback=function(){this.appnavPlaceholderElement=document.createElement("div");this.element.parentElement.appendChild(this.appnavPlaceholderElement);this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)};e.prototype.disconnectedCallback=function(){this.appnavPlaceholderElement.parentElement.removeChild(this.appnavPlaceholderElement);if(this.resizeObserver){this.resizeObserver.disconnect()}};e.prototype.render=function(){var e=this;var t=h(this.element,"nav");var a=h(this.element,"login");var s=h(this.element,"appnav");var n=h(this.element,"langnav");var o={header:true,"header--is-sticky-disabled":this.stickyDisabled,"header--sticky":this.sticky,"header--sticky-closing":this.stickyClosing,"header--hide-logo":this.hideLogo,"header--sticky-metabar":this.stickyMetabar,"header--sticky-metabar-end":this.stickyMetabarEnd,"header--has-metabar-stay":this.metabarStay,"header--has-empty-metabar-mobile":!a,"header--has-empty-metabar":!a&&!n&&!t,"header--has-appnav":s};return r(i,null,r("div",{style:{paddingTop:"".concat(this.paddingTop,"px")},class:o},r("div",{class:"header__inner",ref:function(t){return e.innerElement=t}},r("div",{class:"header__main",ref:function(t){return e.mainElement=t}},r("div",{class:"header__logobar",ref:function(t){return e.logobarElement=t}},r("div",{class:"header__logobar-logo"},r("a",{href:this.href,class:"header__logo-link","s-object-id":this.logoAnalyticsId||"Header Logo"},r("slot",{name:"logo"})))),r("div",{class:"header__metabar",style:{transform:this.metabarTransform},ref:function(t){return e.metabarElement=t}},r("div",{class:"header__metabar-inner"},r("div",{class:"header__metabar-nav"},r("slot",{name:"nav"})),r("div",{class:"header__metabar-login"},r("slot",{name:"login"})),r("div",{class:"header__metabar-langnav"},r("slot",{name:"langnav"}))))),r("div",{class:"header__appnav",ref:function(t){return e.appnavElement=t}},r("div",{class:"header__appnav-inner"},r("slot",{name:"appnav"}))))))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());l.style=d}}}));
+//# sourceMappingURL=p-0c049996.system.entry.js.map

package/dist/stzh-components/p-0c049996.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhHeaderCss","StzhHeader","exports","this","handleResize","_this","stickyDisabled","debounceResize","window","cancelAnimationFrame","requestAnimationFrame","readTask","isSmall","media","matches","isSmallheader","headerTop","element","offsetTop","headerHeight","offsetHeight","appnavHeight","appnavElement","metabarHeight","metabarElement","writeTask","document","documentElement","style","setProperty","concat","preventAppnavPlaceholder","appnavPlaceholderElement","height","scrollListener","class_1","prototype","updatePosition","removeSticky","sticky","stickyClosing","paddingTop","scrollingUp","belowStayStickyPoint","belowStartStickyPoint","updateMetabarPosition","animationEnd_1","innerElement","removeEventListener","addEventListener","scrollTop","scrollY","lastScrollTop","innerHeight","mainHeight","mainElement","logobarHeight","logobarElement","headerOverlap","hideLogo","CSS","supports","stickyMetabar","stickyMetabarEnd","metabarTransform","connectedCallback","createElement","parentElement","appendChild","resizeObserver","ResizeObserver","observe","disconnectedCallback","removeChild","disconnect","render","navSlotUsed","hasSlot","loginSlotUsed","appnavSlotUsed","langNavSlotUsed","classes","header","metabarStay","h","Host","class","ref","el","href","logoAnalyticsId","name","transform"],"sources":["src/components/stzh-header/stzh-header.scss?tag=stzh-header&encapsulation=scoped","src/components/stzh-header/stzh-header.tsx"],"sourcesContent":["/**\n * @prop --stzh-header-height: **Global**: Height of header (readonly variable)\n * @prop --stzh-header-appnav-height: **Global**: Height of appnav header if exists (readonly variable)\n * @prop --stzh-header-metabar-height: **Global**: Height of metabar header (readonly variable)\n * @prop --stzh-header-sticky-appnav-height: **Global**: Height of appnav header if he is sticky (readonly variable)\n */\n\n@keyframes stzh-header-open {\n\tfrom {\n\t\ttransform: translateY(-100%);\n\t}\n\n\tto {\n\t\ttransform: translateY(0%);\n\t}\n}\n\n@keyframes stzh-header-close {\n\tfrom {\n\t\ttransform: translateY(0%);\n\t}\n\n\tto {\n\t\ttransform: translateY(-100%);\n\t}\n}\n\n:host {\n  @media print {\n    display: none;\n  }\n\n  ::slotted([slot=\"logo\"]) {\n    width: auto;\n    height: 100%;\n  }\n\n  ::slotted(stzh-logo[slot=\"logo\"]) {\n    --width: auto;\n    --height: 100%;\n  }\n\n  ::slotted(stzh-logo[slot=\"logo\"]:not([type=\"stzh\"]):not([type=\"none\"])) {\n    --width: auto;\n    --height: 31px;\n\n    @include mq($from: medium) {\n      --height: 35px;\n    }\n\n    @include mq($from: ultra) {\n      --height: 53px;\n    }\n  }\n\n  ::slotted(stzh-popover[slot=\"login\"]) {\n    display: flex;\n    flex-grow: 1;\n\n    .stzh-popover,\n    .stzh-popover__trigger {\n      display: flex;\n      flex-grow: 1;\n    }\n\n    .stzh-popover .stzh-popover__trigger stzh-button .stzh-button {\n      @include fontSize('micro');\n      height: auto;\n\n      @include mq($to: smallheader) {\n        border-radius: 0;\n        height: 100%;\n      }\n\n      &__badge {\n        @include mq($to: smallheader) {\n          top: 8px;\n          right: 7px;\n        }\n      }\n    }\n  }\n}\n\n.header {\n  &__inner {\n    transition: box-shadow $baseTransitionAnimationSpeed;\n  }\n\n  &__main {\n    position: relative;\n    z-index: $zIndexHeader;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    box-shadow: $boxShadowHeader;\n    background-color: $colorWhite;\n    transition: box-shadow $baseTransitionAnimationSpeed;\n\n    @include mq($from: smallheader) {\n      box-shadow: none;\n      flex-direction: column-reverse;\n      border-bottom: 1px solid $baseBorderColor;\n      padding-top: $headerMetabarHeightRegularUp;\n\n      @supports (position: sticky) {\n        padding-top: 0;\n      }\n    }\n  }\n\n  &__metabar {\n    border-top: 1px solid $baseBorderColor;\n\n    @include mq($from: smallheader) {\n      border-top: none;\n      background-color: $colorGrey5;\n      z-index: 1;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n\n      @supports (position: sticky) {\n        position: sticky;\n      }\n    }\n  }\n\n  &__metabar-inner {\n    @include container;\n    display: flex;\n    align-items: stretch;\n    height: $headerMetabarHeight;\n\n\t\t@include mq($to: smallheader) {\n      // overwrite container margin for smallheader\n      // to be able to use fullwidth of metabar\n      margin: 0 auto;\n    }\n\n\t\t@include mq($from: smallheader) {\n      justify-content: flex-end;\n      align-items: center;\n      height: $headerMetabarHeightRegularUp;\n    }\n  }\n\n  &__metabar-nav,\n  &__metabar-langnav {\n    display: none;\n\n    @include mq($from: smallheader) {\n      display: inline-flex;\n    }\n  }\n\n  &__metabar-login {\n    display: flex;\n    flex-basis: 50%;\n\n    &:not(:empty) {\n  \t\t@include mq($from: smallheader) {\n        flex-basis: auto;\n        margin-left: space('small');\n      }\n    }\n  }\n\n  &__metabar-langnav {\n    &:not(:empty) {\n      @include mq($from: smallheader) {\n        margin-left: space('medium');\n      }\n    }\n  }\n\n  &__logobar {\n    display: flex;\n    background-color: $colorPrimary;\n  }\n\n  &__logobar-logo {\n    box-sizing: content-box;\n    display: flex;\n    background-color: $colorWhite;\n    overflow: hidden;\n    width: calc(100% - #{$headerMetabarHeight} - 1px);\n\n\t\t@include mq($from: smallheader) {\n      width: 400px;\n    }\n\n\t\t@include mq($from: large) {\n\t\t  width: 460px;\n\t\t}\n\n\t\t@include mq($from: ultra) {\n  \t\tpadding-left: calc((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2);\n\t\t}\n  }\n\n  &__logo-link {\n    flex-grow: 1;\n    display: inline-flex;\n\t\theight: 76px;\n    padding: space('medium');\n    padding-left: $containerMargin;\n    transition: opacity $baseTransitionAnimationSpeed;\n\n\t\t@include mq($from: small) {\n\t\t\tpadding-left: $containerMarginSmall;\n\t\t}\n\n\t\t@include mq($from: smallheader) {\n\t\t\theight: 90px;\n\t\t}\n\n\t\t@include mq($from: large) {\n\t\t\theight: 120px;\n      padding: space('large');\n\t\t\tpadding-left: $containerMarginLarge;\n    }\n\n\t\t@include mq($from: ultra) {\n      padding-left: 0;\n    }\n  }\n\n  &__appnav {\n    position: fixed;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: calc(#{$zIndexHeader} - 1);\n    box-shadow: $boxShadowHeader;\n    background-color: $colorWhite;\n\n    @include mq($from: small) {\n      position: static;\n      box-shadow: none;\n    }\n  }\n\n  &__appnav-inner {\n    @include mq($from: small) {\n      @include container;\n    }\n  }\n\n  /* Hide logo */\n\n  &--hide-logo &__logo-link {\n    opacity: 0;\n  }\n\n  /* Has empty metabar */\n\n  &--has-empty-metabar-mobile &__metabar {\n    @include mq($to: smallheader) {\n      display: none;\n    }\n  }\n\n  /* Has empty metabar */\n\n  &--has-empty-metabar &__metabar {\n    display: none;\n  }\n\n  /* Metabar Stay */\n\n  &--has-metabar-stay &__metabar-langnav {\n    @include mq($to: smallheader) {\n      display: inline-flex;\n    }\n  }\n\n  &--has-metabar-stay &__metabar-nav {\n    @include mq($to: smallheader) {\n      display: inline-flex;\n    }\n  }\n\n  &--has-metabar-stay &__main {\n    @include mq($to: smallheader) {\n      box-shadow: none;\n      flex-direction: column-reverse;\n      border-bottom: 1px solid $baseBorderColor;\n    }\n  }\n\n  &--has-metabar-stay &__metabar {\n    @include mq($to: smallheader) {\n      display: block;\n      border-top: none;\n      background-color: $colorGrey5;\n    }\n  }\n\n  &--has-metabar-stay &__metabar-inner {\n    @include mq($to: smallheader) {\n      @include container;\n      justify-content: flex-end;\n      align-items: center;\n    }\n  }\n\n  /* Sticky metabar */\n\n  &--sticky-metabar:not(#{&}--sticky):not(#{&}--is-sticky-disabled) &__metabar {\n    @include mq($from: smallheader) {\n      position: fixed;\n    }\n  }\n\n  /* Sticky variant */\n\n  &--sticky &__inner {\n\t\t@include mq($from: small) {\n      animation: stzh-header-open $baseTransitionAnimationSpeed;\n      z-index: $zIndexHeader;\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      margin: 0;\n      box-shadow: $boxShadowHeader;\n    }\n  }\n\n  &--sticky &__main {\n\t\t@include mq($to: small) {\n      animation: stzh-header-open $baseTransitionAnimationSpeed;\n      z-index: $zIndexHeader;\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      margin: 0;\n    }\n\n\t\t@include mq($from: small) {\n      box-shadow: none;\n    }\n  }\n\n  &--sticky &__appnav {\n\t\t@include mq($to: smallheader) {\n      border-top: 1px solid $baseBorderColor;\n    }\n  }\n\n  &--sticky &__metabar {\n    border-top: none;\n  }\n\n  &--sticky#{&}--has-empty-metabar &__metabar {\n    display: none;\n  }\n\n  &--sticky#{&}--has-empty-metabar:not(#{&}--has-appnav) &__main {\n\t\t@include mq($from: small) {\n      border-bottom: none;\n    }\n  }\n\n  &--sticky &__logobar {\n    display: none;\n  }\n\n  &--sticky#{&}--has-metabar-stay &__main {\n\t\t@include mq($to: small) {\n      box-shadow: $boxShadowHeader;\n    }\n  }\n\n  /* Sticky closing */\n\n  &--sticky-closing &__inner {\n\t\t@include mq($from: small) {\n      animation: stzh-header-close $baseTransitionAnimationSpeed;\n    }\n  }\n\n  &--sticky-closing &__main {\n\t\t@include mq($to: small) {\n      animation: stzh-header-close $baseTransitionAnimationSpeed;\n    }\n  }\n\n  /* Sticky disabled */\n\n  &--is-sticky-disabled &__main {\n    @include mq($from: smallheader) {\n      @supports (position: sticky) {\n        padding-top: $headerMetabarHeightRegularUp;\n      }\n    }\n  }\n\n  &--is-sticky-disabled &__metabar {\n    @include mq($from: smallheader) {\n      @supports (position: sticky) {\n        position: absolute;\n      }\n    }\n  }\n}\n","import {\n  Component,\n  Element,\n  Listen,\n  Host,\n  State,\n  h,\n  writeTask,\n  readTask,\n  Method,\n  Prop,\n} from \"@stencil/core\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { media } from \"../../utils/media-utils\";\n\n/**\n * @slot logo - Slot for brand logo\n * @slot nav - Slot for `stzh-metanav` element\n * @slot login - Slot for login button\n * @slot appnav - Slot for `stzh-appnav` element\n * @slot langnav - Slot for `stzh-langnav` element\n */\n@Component({\n  tag: \"stzh-header\",\n  styleUrl: \"stzh-header.scss\",\n  scoped: true\n})\nexport class StzhHeader {\n  /** Portal link (for logo) */\n  @Prop() href: string = \"https://www.stadt-zuerich.ch\";\n\n  /** Whether grey metabar should stay (on top) on mobile */\n  @Prop() metabarStay: boolean = false;\n\n  /** Whether sticky behaviour should be disabled */\n  @Prop() stickyDisabled: boolean = false;\n\n  /**\n   * Prevent creating a appnav placeholder element\n   * with the size of appnav inside header parent element.\n   * This prevents the fixed appnav to overlap\n   * content at the end on mikro breakpoint,\n   * but could lead to problems with certain layouts.\n   */\n  @Prop() preventAppnavPlaceholder: boolean = false;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the logo link element.\n   * Default value is \"Header Logo\".\n   */\n  @Prop() logoAnalyticsId: string;\n\n  @State() hideLogo: boolean = false;\n  @State() paddingTop: number;\n  @State() metabarTransform: string;\n  @State() sticky: boolean = false;\n  @State() stickyClosing: boolean = false;\n  @State() stickyMetabar: boolean = false;\n  @State() stickyMetabarEnd: boolean = false;\n\n  @Element() element: HTMLStzhHeaderElement;\n\n  /** Update position / sticky state of header */\n  @Method()\n  async updatePosition() {\n    if (this.stickyDisabled) {\n      return;\n    }\n\n    const removeSticky = () => {\n      this.sticky = false;\n      this.stickyClosing = false;\n      this.paddingTop = 0;\n    }\n\n    if (this.scrollingUp && this.belowStayStickyPoint) {\n      if (!this.sticky && this.belowStartStickyPoint) {\n        this.paddingTop = this.headerHeight;\n        this.sticky = true;\n      }\n\n      this.updateMetabarPosition();\n    } else {\n      if (this.sticky && this.belowStayStickyPoint) {\n        const animationEnd = () => {\n          removeSticky();\n          this.updateMetabarPosition();\n          this.innerElement.removeEventListener(\"animationend\", animationEnd);\n        };\n\n        this.innerElement.addEventListener(\"animationend\", animationEnd);\n        this.stickyClosing = true;\n      } else {\n        removeSticky();\n        this.updateMetabarPosition();\n      }\n    }\n  }\n\n  @Listen(\"scroll\", { target: \"window\" })\n  scrollListener() {\n    if (this.stickyDisabled) {\n      return;\n    }\n\n    readTask(() => {\n      this.scrollTop = window.scrollY;\n      this.scrollingUp = this.lastScrollTop && this.lastScrollTop > this.scrollTop;\n      this.lastScrollTop = this.scrollTop;\n\n      this.innerHeight = this.innerElement ? this.innerElement.offsetHeight : 0;\n      this.mainHeight = this.mainElement ? this.mainElement.offsetHeight : 0;\n\n      this.logobarHeight = this.sticky\n        ? this.isSmall\n          ? this.headerHeight - this.innerHeight\n          : this.headerHeight - this.mainHeight\n        : this.logobarElement\n          ? this.logobarElement.offsetHeight\n          : 0;\n\n      this.belowStayStickyPoint = this.scrollTop > this.logobarHeight;\n      this.belowStartStickyPoint = this.scrollTop > this.headerHeight;\n\n      this.headerOverlap = (this.headerTop - this.scrollTop) / -1;\n      this.hideLogo = this.isSmallheader && this.headerOverlap > 10;\n    });\n\n    writeTask(() => {\n      this.updatePosition();\n    });\n  }\n\n  private scrollTop: number;\n  private lastScrollTop: number;\n  private headerOverlap: number;\n  private scrollingUp: boolean;\n  private belowStayStickyPoint: boolean;\n  private belowStartStickyPoint: boolean;\n\n  private headerTop: number;\n  private headerHeight: number;\n  private innerHeight: number;\n  private mainHeight: number;\n  private metabarHeight: number;\n  private logobarHeight: number;\n  private appnavHeight: number;\n\n  private isSmall: boolean;\n  private isSmallheader: boolean;\n\n  private debounceResize: number;\n  private resizeObserver: ResizeObserver;\n\n  private innerElement: HTMLDivElement;\n  private mainElement: HTMLDivElement;\n  private logobarElement: HTMLDivElement;\n  private metabarElement: HTMLDivElement;\n  private appnavElement: HTMLDivElement;\n  private appnavPlaceholderElement: HTMLDivElement;\n\n  private handleResize = () => {\n    if (this.stickyDisabled) {\n      return;\n    }\n\n    if (this.debounceResize) {\n      window.cancelAnimationFrame(this.debounceResize);\n    }\n\n    this.debounceResize = requestAnimationFrame(() => {\n      readTask(() => {\n        this.isSmall = media(\"small\").matches;\n        this.isSmallheader = media(\"smallheader\").matches;\n\n        this.headerTop = this.element.offsetTop;\n        this.headerHeight = this.element.offsetHeight;\n        this.appnavHeight = this.appnavElement ? this.appnavElement.offsetHeight : 0;\n        this.metabarHeight = this.metabarElement ? this.metabarElement.offsetHeight : 0;\n      });\n\n      writeTask(() => {\n        document.documentElement.style.setProperty('--stzh-header-height', `${this.headerHeight}px`);\n        document.documentElement.style.setProperty('--stzh-header-appnav-height', `${this.appnavHeight}px`);\n        document.documentElement.style.setProperty('--stzh-header-metabar-height', `${this.metabarHeight}px`);\n\n        if (this.appnavHeight && !this.isSmall && !this.preventAppnavPlaceholder) {\n          this.appnavPlaceholderElement.style.height = `${this.appnavHeight}px`;\n          document.documentElement.style.setProperty('--stzh-header-sticky-appnav-height', `${this.appnavHeight}px`);\n        } else {\n          this.appnavPlaceholderElement.style.height = \"0px\";\n          document.documentElement.style.setProperty('--stzh-header-sticky-appnav-height', \"0px\");\n        }\n      });\n\n      this.scrollListener();\n    });\n  }\n\n  private updateMetabarPosition() {\n    if (!this.metabarElement || this.stickyDisabled) {\n      return;\n    }\n\n    if (CSS && CSS.supports && CSS.supports(\"position\", \"sticky\")) {\n      return;\n    }\n\n    if (this.isSmallheader && this.headerOverlap > 0 && !this.sticky && !this.stickyClosing) {\n      if (this.headerOverlap < this.mainHeight - this.metabarHeight) {\n        this.stickyMetabar = true;\n        this.stickyMetabarEnd = false;\n        this.metabarTransform = \"translateY(0)\";\n      } else {\n        this.stickyMetabar = false;\n        this.stickyMetabarEnd = true;\n        this.metabarTransform = `translateY(${this.logobarHeight}px)`;\n      }\n    } else {\n      this.stickyMetabar = false;\n      this.stickyMetabarEnd = false;\n      this.metabarTransform = \"translateY(0)\";\n    }\n  }\n\n  connectedCallback() {\n    this.appnavPlaceholderElement = document.createElement(\"div\");\n    this.element.parentElement.appendChild(this.appnavPlaceholderElement);\n\n    this.resizeObserver = new ResizeObserver(this.handleResize);\n    this.resizeObserver.observe(this.element);\n  }\n\n  disconnectedCallback() {\n    this.appnavPlaceholderElement.parentElement.removeChild(this.appnavPlaceholderElement);\n\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  render() {\n    const navSlotUsed: boolean = hasSlot(this.element, \"nav\");\n    const loginSlotUsed: boolean = hasSlot(this.element, \"login\");\n    const appnavSlotUsed: boolean = hasSlot(this.element, \"appnav\");\n    const langNavSlotUsed = hasSlot(this.element, \"langnav\");\n\n    const classes = {\n      \"header\": true,\n      \"header--is-sticky-disabled\": this.stickyDisabled,\n      \"header--sticky\": this.sticky,\n      \"header--sticky-closing\": this.stickyClosing,\n      \"header--hide-logo\": this.hideLogo,\n      \"header--sticky-metabar\": this.stickyMetabar,\n      \"header--sticky-metabar-end\": this.stickyMetabarEnd,\n      \"header--has-metabar-stay\": this.metabarStay,\n      \"header--has-empty-metabar-mobile\": !loginSlotUsed, // check for searchfield and burger slot when implemented\n      \"header--has-empty-metabar\": !loginSlotUsed && !langNavSlotUsed && !navSlotUsed,\n      \"header--has-appnav\": appnavSlotUsed\n    };\n\n    return (\n      <Host>\n        <div style={{paddingTop: `${this.paddingTop}px`}} class={classes}>\n          <div\n            class=\"header__inner\"\n            ref={(el) => (this.innerElement = el as HTMLDivElement)}\n          >\n            <div\n              class=\"header__main\"\n              ref={(el) => (this.mainElement = el as HTMLDivElement)}\n            >\n              <div\n                class=\"header__logobar\"\n                ref={(el) => (this.logobarElement = el as HTMLDivElement)}\n              >\n                <div class=\"header__logobar-logo\">\n                  <a href={this.href} class=\"header__logo-link\" s-object-id={this.logoAnalyticsId || \"Header Logo\"}>\n                    <slot name=\"logo\"></slot>\n                  </a>\n                </div>\n              </div>\n\n              <div\n                class=\"header__metabar\"\n                style={{transform: this.metabarTransform}}\n                ref={(el) => (this.metabarElement = el as HTMLDivElement)}\n              >\n                <div class=\"header__metabar-inner\">\n                  <div class=\"header__metabar-nav\">\n                    <slot name=\"nav\"></slot>\n                  </div>\n                  <div class=\"header__metabar-login\">\n                    <slot name=\"login\"></slot>\n                  </div>\n                  <div class=\"header__metabar-langnav\">\n                    <slot name=\"langnav\"></slot>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <div\n              class=\"header__appnav\"\n              ref={(el) => (this.appnavElement = el as HTMLDivElement)}\n            >\n              <div class=\"header__appnav-inner\">\n                <slot name=\"appnav\"></slot>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0vDAAA,IAAMA,EAAgB,k7a,IC4BTC,EAAUC,EAAA,yB,mCAuIbC,KAAAC,aAAe,WACrB,GAAIC,EAAKC,eAAgB,CACvB,M,CAGF,GAAID,EAAKE,eAAgB,CACvBC,OAAOC,qBAAqBJ,EAAKE,e,CAGnCF,EAAKE,eAAiBG,uBAAsB,WAC1CC,GAAS,WACPN,EAAKO,QAAUC,EAAM,SAASC,QAC9BT,EAAKU,cAAgBF,EAAM,eAAeC,QAE1CT,EAAKW,UAAYX,EAAKY,QAAQC,UAC9Bb,EAAKc,aAAed,EAAKY,QAAQG,aACjCf,EAAKgB,aAAehB,EAAKiB,cAAgBjB,EAAKiB,cAAcF,aAAe,EAC3Ef,EAAKkB,cAAgBlB,EAAKmB,eAAiBnB,EAAKmB,eAAeJ,aAAe,C,IAGhFK,GAAU,WACRC,SAASC,gBAAgBC,MAAMC,YAAY,uBAAwB,GAAAC,OAAGzB,EAAKc,aAAY,OACvFO,SAASC,gBAAgBC,MAAMC,YAAY,8BAA+B,GAAAC,OAAGzB,EAAKgB,aAAY,OAC9FK,SAASC,gBAAgBC,MAAMC,YAAY,+BAAgC,GAAAC,OAAGzB,EAAKkB,cAAa,OAEhG,GAAIlB,EAAKgB,eAAiBhB,EAAKO,UAAYP,EAAK0B,yBAA0B,CACxE1B,EAAK2B,yBAAyBJ,MAAMK,OAAS,GAAAH,OAAGzB,EAAKgB,aAAY,MACjEK,SAASC,gBAAgBC,MAAMC,YAAY,qCAAsC,GAAAC,OAAGzB,EAAKgB,aAAY,M,KAChG,CACLhB,EAAK2B,yBAAyBJ,MAAMK,OAAS,MAC7CP,SAASC,gBAAgBC,MAAMC,YAAY,qCAAsC,M,KAIrFxB,EAAK6B,gB,eAvKc,+B,iBAGQ,M,oBAGG,M,8BASU,M,6CASf,M,sEAGF,M,mBACO,M,mBACA,M,sBACG,K,CAM/BC,EAAAC,UAAAC,eAAN,W,wGACE,GAAIlC,KAAKG,eAAgB,CACvB,S,CAGIgC,EAAe,WACnBjC,EAAKkC,OAAS,MACdlC,EAAKmC,cAAgB,MACrBnC,EAAKoC,WAAa,C,EAGpB,GAAItC,KAAKuC,aAAevC,KAAKwC,qBAAsB,CACjD,IAAKxC,KAAKoC,QAAUpC,KAAKyC,sBAAuB,CAC9CzC,KAAKsC,WAAatC,KAAKgB,aACvBhB,KAAKoC,OAAS,I,CAGhBpC,KAAK0C,uB,KACA,CACL,GAAI1C,KAAKoC,QAAUpC,KAAKwC,qBAAsB,CACtCG,EAAe,WACnBR,IACAjC,EAAKwC,wBACLxC,EAAK0C,aAAaC,oBAAoB,eAAgBF,E,EAGxD3C,KAAK4C,aAAaE,iBAAiB,eAAgBH,GACnD3C,KAAKqC,cAAgB,I,KAChB,CACLF,IACAnC,KAAK0C,uB,mBAMXV,EAAAC,UAAAF,eAAA,eAAA7B,EAAAF,KACE,GAAIA,KAAKG,eAAgB,CACvB,M,CAGFK,GAAS,WACPN,EAAK6C,UAAY1C,OAAO2C,QACxB9C,EAAKqC,YAAcrC,EAAK+C,eAAiB/C,EAAK+C,cAAgB/C,EAAK6C,UACnE7C,EAAK+C,cAAgB/C,EAAK6C,UAE1B7C,EAAKgD,YAAchD,EAAK0C,aAAe1C,EAAK0C,aAAa3B,aAAe,EACxEf,EAAKiD,WAAajD,EAAKkD,YAAclD,EAAKkD,YAAYnC,aAAe,EAErEf,EAAKmD,cAAgBnD,EAAKkC,OACtBlC,EAAKO,QACHP,EAAKc,aAAed,EAAKgD,YACzBhD,EAAKc,aAAed,EAAKiD,WAC3BjD,EAAKoD,eACHpD,EAAKoD,eAAerC,aACpB,EAENf,EAAKsC,qBAAuBtC,EAAK6C,UAAY7C,EAAKmD,cAClDnD,EAAKuC,sBAAwBvC,EAAK6C,UAAY7C,EAAKc,aAEnDd,EAAKqD,eAAiBrD,EAAKW,UAAYX,EAAK6C,YAAc,EAC1D7C,EAAKsD,SAAWtD,EAAKU,eAAiBV,EAAKqD,cAAgB,E,IAG7DjC,GAAU,WACRpB,EAAKgC,gB,KAsEDF,EAAAC,UAAAS,sBAAA,WACN,IAAK1C,KAAKqB,gBAAkBrB,KAAKG,eAAgB,CAC/C,M,CAGF,GAAIsD,KAAOA,IAAIC,UAAYD,IAAIC,SAAS,WAAY,UAAW,CAC7D,M,CAGF,GAAI1D,KAAKY,eAAiBZ,KAAKuD,cAAgB,IAAMvD,KAAKoC,SAAWpC,KAAKqC,cAAe,CACvF,GAAIrC,KAAKuD,cAAgBvD,KAAKmD,WAAanD,KAAKoB,cAAe,CAC7DpB,KAAK2D,cAAgB,KACrB3D,KAAK4D,iBAAmB,MACxB5D,KAAK6D,iBAAmB,e,KACnB,CACL7D,KAAK2D,cAAgB,MACrB3D,KAAK4D,iBAAmB,KACxB5D,KAAK6D,iBAAmB,cAAAlC,OAAc3B,KAAKqD,cAAa,M,MAErD,CACLrD,KAAK2D,cAAgB,MACrB3D,KAAK4D,iBAAmB,MACxB5D,KAAK6D,iBAAmB,e,GAI5B7B,EAAAC,UAAA6B,kBAAA,WACE9D,KAAK6B,yBAA2BN,SAASwC,cAAc,OACvD/D,KAAKc,QAAQkD,cAAcC,YAAYjE,KAAK6B,0BAE5C7B,KAAKkE,eAAiB,IAAIC,eAAenE,KAAKC,cAC9CD,KAAKkE,eAAeE,QAAQpE,KAAKc,Q,EAGnCkB,EAAAC,UAAAoC,qBAAA,WACErE,KAAK6B,yBAAyBmC,cAAcM,YAAYtE,KAAK6B,0BAE7D,GAAI7B,KAAKkE,eAAgB,CACvBlE,KAAKkE,eAAeK,Y,GAIxBvC,EAAAC,UAAAuC,OAAA,eAAAtE,EAAAF,KACE,IAAMyE,EAAuBC,EAAQ1E,KAAKc,QAAS,OACnD,IAAM6D,EAAyBD,EAAQ1E,KAAKc,QAAS,SACrD,IAAM8D,EAA0BF,EAAQ1E,KAAKc,QAAS,UACtD,IAAM+D,EAAkBH,EAAQ1E,KAAKc,QAAS,WAE9C,IAAMgE,EAAU,CACdC,OAAU,KACV,6BAA8B/E,KAAKG,eACnC,iBAAkBH,KAAKoC,OACvB,yBAA0BpC,KAAKqC,cAC/B,oBAAqBrC,KAAKwD,SAC1B,yBAA0BxD,KAAK2D,cAC/B,6BAA8B3D,KAAK4D,iBACnC,2BAA4B5D,KAAKgF,YACjC,oCAAqCL,EACrC,6BAA8BA,IAAkBE,IAAoBJ,EACpE,qBAAsBG,GAGxB,OACEK,EAACC,EAAI,KACHD,EAAA,OAAKxD,MAAO,CAACa,WAAY,GAAAX,OAAG3B,KAAKsC,WAAU,OAAO6C,MAAOL,GACvDG,EAAA,OACEE,MAAM,gBACNC,IAAK,SAACC,GAAE,OAAMnF,EAAK0C,aAAeyC,CAA1B,GAERJ,EAAA,OACEE,MAAM,eACNC,IAAK,SAACC,GAAE,OAAMnF,EAAKkD,YAAciC,CAAzB,GAERJ,EAAA,OACEE,MAAM,kBACNC,IAAK,SAACC,GAAE,OAAMnF,EAAKoD,eAAiB+B,CAA5B,GAERJ,EAAA,OAAKE,MAAM,wBACTF,EAAA,KAAGK,KAAMtF,KAAKsF,KAAMH,MAAM,oBAAmB,cAAcnF,KAAKuF,iBAAmB,eACjFN,EAAA,QAAMO,KAAK,YAKjBP,EAAA,OACEE,MAAM,kBACN1D,MAAO,CAACgE,UAAWzF,KAAK6D,kBACxBuB,IAAK,SAACC,GAAE,OAAMnF,EAAKmB,eAAiBgE,CAA5B,GAERJ,EAAA,OAAKE,MAAM,yBACTF,EAAA,OAAKE,MAAM,uBACTF,EAAA,QAAMO,KAAK,SAEbP,EAAA,OAAKE,MAAM,yBACTF,EAAA,QAAMO,KAAK,WAEbP,EAAA,OAAKE,MAAM,2BACTF,EAAA,QAAMO,KAAK,gBAMnBP,EAAA,OACEE,MAAM,iBACNC,IAAK,SAACC,GAAE,OAAMnF,EAAKiB,cAAgBkE,CAA3B,GAERJ,EAAA,OAAKE,MAAM,wBACTF,EAAA,QAAMO,KAAK,e,4HAzRJ,I"}

package/dist/stzh-components/{p-9bd8613c.system.entry.js → p-0c2381f6.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-290fcb28.system.js","./p-53e44e89.system.js","./p-774595ba.system.js"],(function(t){"use strict";var s,e,n,a,i;return{setters:[function(t){s=t.r;e=t.h;n=t.a;a=t.g},function(t){i=t.s},function(){}],execute:function(){var r=".sc-stzh-appnav-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-appnav-h{display:none}.sc-stzh-appnav-h *.sc-stzh-appnav,.sc-stzh-appnav-h *.sc-stzh-appnav::before,.sc-stzh-appnav-h *.sc-stzh-appnav::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-appnav-h .has-focus.sc-stzh-appnav{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-appnav-h .stzh-fylingfocus-focused.sc-stzh-appnav{outline-style:none !important}.sc-stzh-appnav-h .stzh-fylingfocus-focused.sc-stzh-appnav::-moz-focus-inner{border:0 !important}.sc-stzh-appnav-h{width:100%}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link{--text-decoration-line:none;--hover-text-decoration-line:none;letter-spacing:0.01em}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__inner{-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__inner{-ms-flex-direction:row;flex-direction:row}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--has-icon .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:0}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--has-icon .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:var(--stzh-space-xsmall)}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:0}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:var(--stzh-space-small)}}@media screen and (max-width: 599px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__icon-wrapper{height:auto}}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>*:not(:last-child){margin-right:var(--stzh-space-xlarge)}}.stzh-appnav.sc-stzh-appnav{display:-ms-flexbox;display:flex;background-color:var(--stzh-color-white);height:4rem;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:center}@media screen and (min-width: 600px){.stzh-appnav.sc-stzh-appnav{height:3rem;text-align:left}}.stzh-appnav__items.sc-stzh-appnav{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 600px){.stzh-appnav__items.sc-stzh-appnav{-ms-flex-positive:0;flex-grow:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}}.stzh-appnav__title.sc-stzh-appnav{font-family:var(--stzh-font-family-light);font-weight:var(--stzh-font-weight-light);font-style:var(--stzh-font-style-light);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-base-color);-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);display:none}@media screen and (min-width: 800px){.stzh-appnav__title.sc-stzh-appnav{display:-ms-flexbox;display:flex}}.stzh-appnav__title.sc-stzh-appnav:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-appnav__title.sc-stzh-appnav:hover .stzh-appnav__status.sc-stzh-appnav{border-color:rgba(7, 2, 80, 0.4)}.stzh-appnav__status.sc-stzh-appnav{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:0.875rem;min-width:0.625rem;font-size:0.625rem;line-height:1.4;border-radius:0.875rem;padding:0.0625rem 0.375rem;border:0.0625rem solid rgba(115, 115, 115, 0.25);color:inherit;-webkit-transform:translateY(calc(var(--stzh-space-xsmall) * -1));transform:translateY(calc(var(--stzh-space-xsmall) * -1));margin-left:var(--stzh-space-xxsmall);-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed)}";var h=t("stzh_appnav",function(){function t(t){var e=this;s(this,t);this.init=function(){var t=e.element.querySelectorAll("stzh-link");t.forEach((function(t){i(t,{size:"small",variant:"secondary"});t.setAttribute("role","listitem")}))};this.appTitle="";this.appStatus="";this.appHref="";this.appAnalyticsId=undefined}t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};t.prototype.render=function(){return e(n,null,e("div",{class:"stzh-appnav"},e("div",{class:"stzh-appnav__items",role:"list"},e("slot",null)),this.appTitle&&e("a",{class:"stzh-appnav__title",href:this.appHref,"s-object-id":this.appAnalyticsId||this.appTitle},this.appTitle,this.appStatus&&e("span",{class:"stzh-appnav__status"},this.appStatus))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());h.style=r}}}));
-//# sourceMappingURL=p-9bd8613c.system.entry.js.map
+System.register(["./p-290fcb28.system.js","./p-f9cb0fcd.system.js","./p-774595ba.system.js"],(function(t){"use strict";var s,n,e,a,i;return{setters:[function(t){s=t.r;n=t.h;e=t.a;a=t.g},function(t){i=t.s},function(){}],execute:function(){var r=".sc-stzh-appnav-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-appnav-h{display:none}.sc-stzh-appnav-h *.sc-stzh-appnav,.sc-stzh-appnav-h *.sc-stzh-appnav::before,.sc-stzh-appnav-h *.sc-stzh-appnav::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-appnav-h .has-focus.sc-stzh-appnav{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-appnav-h .stzh-fylingfocus-focused.sc-stzh-appnav{outline-style:none !important}.sc-stzh-appnav-h .stzh-fylingfocus-focused.sc-stzh-appnav::-moz-focus-inner{border:0 !important}.sc-stzh-appnav-h{width:100%}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link{--text-decoration-line:none;--hover-text-decoration-line:none;letter-spacing:0.01em}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__inner{-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__inner{-ms-flex-direction:row;flex-direction:row}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--has-icon .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:0}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--has-icon .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:var(--stzh-space-xsmall)}}.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:0}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge .stzh-link__icon-wrapper+.stzh-link__text:not(:empty){margin-left:var(--stzh-space-small)}}@media screen and (max-width: 599px){.sc-stzh-appnav-h .sc-stzh-appnav-s>stzh-link .stzh-link__icon-wrapper{height:auto}}@media screen and (min-width: 600px){.sc-stzh-appnav-h .sc-stzh-appnav-s>*:not(:last-child){margin-right:var(--stzh-space-xlarge)}}.stzh-appnav.sc-stzh-appnav{display:-ms-flexbox;display:flex;background-color:var(--stzh-color-white);height:4rem;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:center}@media screen and (min-width: 600px){.stzh-appnav.sc-stzh-appnav{height:3rem;text-align:left}}.stzh-appnav__items.sc-stzh-appnav{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 600px){.stzh-appnav__items.sc-stzh-appnav{-ms-flex-positive:0;flex-grow:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}}.stzh-appnav__title.sc-stzh-appnav{font-family:var(--stzh-font-family-light);font-weight:var(--stzh-font-weight-light);font-style:var(--stzh-font-style-light);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-base-color);-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);display:none}@media screen and (min-width: 800px){.stzh-appnav__title.sc-stzh-appnav{display:-ms-flexbox;display:flex}}.stzh-appnav__title.sc-stzh-appnav:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-appnav__title.sc-stzh-appnav:hover .stzh-appnav__status.sc-stzh-appnav{border-color:rgba(7, 2, 80, 0.4)}.stzh-appnav__status.sc-stzh-appnav{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:0.875rem;min-width:0.625rem;font-size:0.625rem;line-height:1.4;border-radius:0.875rem;padding:0.0625rem 0.375rem;border:0.0625rem solid rgba(115, 115, 115, 0.25);color:inherit;-webkit-transform:translateY(calc(var(--stzh-space-xsmall) * -1));transform:translateY(calc(var(--stzh-space-xsmall) * -1));margin-left:var(--stzh-space-xxsmall);-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed)}";var h=t("stzh_appnav",function(){function t(t){var n=this;s(this,t);this.init=function(){var t=n.element.querySelectorAll("stzh-link");t.forEach((function(t){i(t,{size:"small",variant:"secondary"});t.setAttribute("role","listitem")}))};this.appTitle="";this.appStatus="";this.appHref="";this.appAnalyticsId=undefined}t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};t.prototype.render=function(){return n(e,null,n("div",{class:"stzh-appnav"},n("div",{class:"stzh-appnav__items",role:"list"},n("slot",null)),this.appTitle&&n("a",{class:"stzh-appnav__title",href:this.appHref,"s-object-id":this.appAnalyticsId||this.appTitle},this.appTitle,this.appStatus&&n("span",{class:"stzh-appnav__status"},this.appStatus))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());h.style=r}}}));
+//# sourceMappingURL=p-0c2381f6.system.entry.js.map

package/dist/stzh-components/p-0d9aa70c.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as s,a,g as t}from"./p-c92165bd.js";import{p as h}from"./p-23d404e1.js";const i=":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{--h-space:var(--stzh-space-default);--h-around-left:0;--h-around-right:0;--h-around:0;display:-ms-flexbox;display:flex}:host ::slotted(*){max-width:100%;padding-left:calc(var(--h-space) * var(--h-around-left));padding-right:calc(var(--h-space) * var(--h-around-right));margin:0}:host ::slotted(*:not(:last-child)){margin-right:calc(var(--h-space) * (1 - var(--h-around)))}:host ::slotted(stzh-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])){--h-around-left:1;--h-around-right:1;--h-around:1}:host(:empty){width:var(--h-space)}:host([around-left]:not([around-left=false])){--h-around-left:1;--h-around:1}:host([around-right]:not([around-right=false])){--h-around-right:1;--h-around:1}:host([border=left]),:host([border=left-right]){border-left:0.0625rem solid var(--stzh-base-border-color)}:host([border=right]),:host([border=left-right]){border-right:0.0625rem solid var(--stzh-base-border-color)}:host([curve=tiny]){--h-space:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host([curve=tiny]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([curve=tiny]){--h-space:var(--stzh-space-medium)}}:host([curve=small]){--h-space:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host([curve=small]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([curve=small]){--h-space:var(--stzh-space-large)}}:host([curve=regular]){--h-space:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host([curve=regular]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([curve=regular]){--h-space:var(--stzh-space-xlarge)}}:host([curve=medium]){--h-space:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host([curve=medium]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([curve=medium]){--h-space:var(--stzh-space-xxxlarge)}}:host([curve=large]){--h-space:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host([curve=large]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([curve=large]){--h-space:var(--stzh-space-xxxxlarge)}}:host([curve=big]){--h-space:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host([curve=big]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([curve=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([curve=big]){--h-space:var(--stzh-space-xbig)}}:host([curve=huge]){--h-space:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host([curve=huge]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([curve=huge]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([curve=huge]){--h-space:var(--stzh-space-huge)}}:host([size=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}:host([size=xxsmall]){--h-space:var(--stzh-space-xxsmall)}:host([size=xsmall]){--h-space:var(--stzh-space-xsmall)}:host([size=small]){--h-space:var(--stzh-space-small)}:host([size=medium]){--h-space:var(--stzh-space-medium)}:host([size=large]){--h-space:var(--stzh-space-large)}:host([size=xlarge]){--h-space:var(--stzh-space-xlarge)}:host([size=xxlarge]){--h-space:var(--stzh-space-xxlarge)}:host([size=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}:host([size=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}:host([size=big]){--h-space:var(--stzh-space-big)}:host([size=xbig]){--h-space:var(--stzh-space-xbig)}:host([size=huge]){--h-space:var(--stzh-space-huge)}:host([size=xhuge]){--h-space:var(--stzh-space-xhuge)}:host([size=none]){--h-space:var(--stzh-space-none)}:host([size=default]){--h-space:var(--stzh-space-default)}@media screen and (min-width: 600px){:host([size-small=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){:host([size-small=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){:host([size-small=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){:host([size-small=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 600px){:host([size-small=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){:host([size-small=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 600px){:host([size-small=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([size-small=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){:host([size-small=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){:host([size-small=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 600px){:host([size-small=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host([size-small=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host([size-small=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){:host([size-small=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 600px){:host([size-small=default]){--h-space:var(--stzh-space-default)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 800px){:host([size-smallheader=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 800px){:host([size-smallheader=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 800px){:host([size-smallheader=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 800px){:host([size-smallheader=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 800px){:host([size-smallheader=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 800px){:host([size-smallheader=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 800px){:host([size-smallheader=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 800px){:host([size-smallheader=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 800px){:host([size-smallheader=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 800px){:host([size-smallheader=default]){--h-space:var(--stzh-space-default)}}@media screen and (min-width: 1024px){:host([size-medium=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1024px){:host([size-medium=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1024px){:host([size-medium=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 1024px){:host([size-medium=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){:host([size-medium=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host([size-medium=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host([size-medium=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host([size-medium=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1024px){:host([size-medium=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 1024px){:host([size-medium=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1024px){:host([size-medium=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 1024px){:host([size-medium=default]){--h-space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){:host([size-large=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){:host([size-large=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){:host([size-large=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host([size-large=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([size-large=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host([size-large=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){:host([size-large=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host([size-large=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host([size-large=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){:host([size-large=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){:host([size-large=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){:host([size-large=default]){--h-space:var(--stzh-space-default)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxsmall]){--h-space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xxsmall]){--h-space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=xsmall]){--h-space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1440px){:host([size-ultra=small]){--h-space:var(--stzh-space-small)}}@media screen and (min-width: 1440px){:host([size-ultra=medium]){--h-space:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){:host([size-ultra=large]){--h-space:var(--stzh-space-large)}}@media screen and (min-width: 1440px){:host([size-ultra=xlarge]){--h-space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxlarge]){--h-space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxlarge]){--h-space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=xxxxlarge]){--h-space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1440px){:host([size-ultra=big]){--h-space:var(--stzh-space-big)}}@media screen and (min-width: 1440px){:host([size-ultra=xbig]){--h-space:var(--stzh-space-xbig)}}@media screen and (min-width: 1440px){:host([size-ultra=huge]){--h-space:var(--stzh-space-huge)}}@media screen and (min-width: 1440px){:host([size-ultra=xhuge]){--h-space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1440px){:host([size-ultra=none]){--h-space:var(--stzh-space-none)}}@media screen and (min-width: 1440px){:host([size-ultra=default]){--h-space:var(--stzh-space-default)}}.stzh-hspace{-ms-flex-positive:1;flex-grow:1;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;padding:0;margin:0;}.stzh-hspace--border-left{border-left:0.0625rem solid var(--stzh-base-border-color)}.stzh-hspace--border-right{border-right:0.0625rem solid var(--stzh-base-border-color)}.stzh-hspace--justify-center{-ms-flex-pack:center;justify-content:center}.stzh-hspace--justify-end{-ms-flex-pack:end;justify-content:flex-end}.stzh-hspace--justify-between{-ms-flex-pack:justify;justify-content:space-between}.stzh-hspace--justify-around{-ms-flex-pack:distribute;justify-content:space-around}.stzh-hspace--justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.stzh-hspace--items-end{-ms-flex-align:end;align-items:flex-end}.stzh-hspace--items-center{-ms-flex-align:center;align-items:center}.stzh-hspace--items-baseline{-ms-flex-align:baseline;align-items:baseline}.stzh-hspace--items-stretch{-ms-flex-align:stretch;align-items:stretch}";const r=class{constructor(s){e(this,s);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.aroundLeft=false;this.aroundRight=false;this.border="none"}render(){return s(a,null,s("div",{class:{"stzh-hspace":true,[`stzh-hspace--justify-${this.justify}`]:!!this.justify,[`stzh-hspace--items-${this.items}`]:!!this.items}},s("slot",null)))}};r.style=i;const d=":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{--show-display:block;--hide-display:none;display:var(--hide-display)}:host([mikro]){display:var(--show-display)}:host([mikro=false]){display:var(--hide-display)}@media screen and (min-width: 600px){:host([small]){display:var(--show-display)}}@media screen and (min-width: 600px){:host([small=false]){display:var(--hide-display)}}@media screen and (min-width: 1024px){:host([medium]){display:var(--show-display)}}@media screen and (min-width: 1024px){:host([medium=false]){display:var(--hide-display)}}@media screen and (min-width: 1260px){:host([large]){display:var(--show-display)}}@media screen and (min-width: 1260px){:host([large=false]){display:var(--hide-display)}}@media screen and (min-width: 1440px){:host([ultra]){display:var(--show-display)}}@media screen and (min-width: 1440px){:host([ultra=false]){display:var(--hide-display)}}";const n=class{constructor(s){e(this,s);this.mikro=undefined;this.small=undefined;this.medium=undefined;this.large=undefined;this.ultra=undefined;this.hideFromDate=undefined}hideFromDateWatcher(e){if(typeof e==="string"){this._hideFromDate=h(e)}else{this._hideFromDate=e}}componentWillLoad(){this.hideFromDateWatcher(this.hideFromDate)}render(){return s(a,{hidden:this._hideFromDate&&Date.now()>=this._hideFromDate.getTime()},s("slot",null))}get element(){return t(this)}static get watchers(){return{hideFromDate:["hideFromDateWatcher"]}}};n.style=d;export{r as stzh_hspace,n as stzh_show};
+//# sourceMappingURL=p-0d9aa70c.entry.js.map