@oiz/stzh-components 1.5.0-alpha → 2.0.0-beta

package/dist/stzh-components/{p-32988d74.entry.js → p-001b7d10.entry.js}

@@ -1 +1 @@
-import{r as e,e as s,f as a,h as t,a as i,g as r}from"./p-65282c9d.js";import{h}from"./p-1f57d28e.js";import{m as n}from"./p-9111e257.js";const d=class{constructor(s){e(this,s),this.href="https://stadt-zuerich.ch",this.preventAppnavPlaceholder=!1,this.hideLogo=!1,this.sticky=!1,this.stickyClosing=!1,this.stickyMetabar=!1,this.stickyMetabarEnd=!1}async updatePosition(){const e=()=>{this.sticky=!1,this.stickyClosing=!1,this.paddingTop=0};if(this.scrollingUp&&this.belowStayStickyPoint)!this.sticky&&this.belowStartStickyPoint&&(this.paddingTop=this.headerHeight,this.sticky=!0),this.updateMetabarPosition();else if(this.sticky&&this.belowStayStickyPoint){const s=()=>{e(),this.updateMetabarPosition(),this.innerElement.removeEventListener("animationend",s)};this.innerElement.addEventListener("animationend",s),this.stickyClosing=!0}else e(),this.updateMetabarPosition()}resizeListener(){this.debounceResize&&window.cancelAnimationFrame(this.debounceResize),this.debounceResize=requestAnimationFrame((()=>{s((()=>{this.isSmall=n("small").matches,this.isSmallheader=n("smallheader").matches,this.headerTop=this.element.offsetTop,this.headerHeight=this.element.offsetHeight,this.appnavHeight=this.appnavElement?this.appnavElement.offsetHeight:0,this.metabarHeight=this.metabarElement?this.metabarElement.offsetHeight:0})),a((()=>{this.appnavPlaceholderElement.style.height=!this.appnavHeight||this.isSmall||this.preventAppnavPlaceholder?"0px":`${this.appnavHeight}px`})),this.scrollListener()}))}scrollListener(){s((()=>{this.scrollTop=this.getScrollTop(),this.scrollingUp=this.lastScrollTop&&this.lastScrollTop>this.scrollTop,this.lastScrollTop=this.scrollTop,this.innerHeight=this.innerElement?this.innerElement.offsetHeight:0,this.mainHeight=this.mainElement?this.mainElement.offsetHeight:0,this.logobarHeight=this.sticky?this.isSmall?this.headerHeight-this.innerHeight:this.headerHeight-this.mainHeight:this.logobarElement?this.logobarElement.offsetHeight:0,this.belowStayStickyPoint=this.scrollTop>this.logobarHeight,this.belowStartStickyPoint=this.scrollTop>this.headerHeight,this.headerOverlap=(this.headerTop-this.scrollTop)/-1,this.hideLogo=this.isSmallheader&&this.headerOverlap>10})),a((()=>{this.updatePosition()}))}getScrollTop(){return window.pageYOffset||document.documentElement.scrollTop}updateMetabarPosition(){this.metabarElement&&(CSS&&CSS.supports&&CSS.supports("position","sticky")||(this.isSmallheader&&this.headerOverlap>0&&!this.sticky&&!this.stickyClosing?this.headerOverlap<this.mainHeight-this.metabarHeight?(this.stickyMetabar=!0,this.stickyMetabarEnd=!1,this.metabarTransform="translateY(0)"):(this.stickyMetabar=!1,this.stickyMetabarEnd=!0,this.metabarTransform=`translateY(${this.logobarHeight}px)`):(this.stickyMetabar=!1,this.stickyMetabarEnd=!1,this.metabarTransform="translateY(0)")))}connectedCallback(){this.appnavPlaceholderElement=document.createElement("div"),this.element.parentElement.appendChild(this.appnavPlaceholderElement)}disconnectedCallback(){this.appnavPlaceholderElement.parentElement.removeChild(this.appnavPlaceholderElement)}render(){const e=h(this.element,"nav"),s=h(this.element,"login"),a=h(this.element,"appnav");return t(i,null,t("div",{style:{paddingTop:`${this.paddingTop}px`},class:{header:!0,"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-empty-metabar":!e&&!s,"header--has-appnav":a}},t("div",{class:"header__inner",ref:e=>this.innerElement=e},t("div",{class:"header__main",ref:e=>this.mainElement=e},t("div",{class:"header__logobar",ref:e=>this.logobarElement=e},t("div",{class:"header__logobar-logo"},t("a",{href:this.href,class:"header__logo-link"},t("slot",{name:"logo"})))),t("div",{class:"header__metabar",style:{transform:this.metabarTransform},ref:e=>this.metabarElement=e},t("div",{class:"header__metabar-inner"},t("div",{class:"header__metabar-nav"},t("slot",{name:"nav"})),t("div",{class:"header__metabar-login"},t("slot",{name:"login"}))))),t("div",{class:"header__appnav",ref:e=>this.appnavElement=e},t("div",{class:"header__appnav-inner"},t("slot",{name:"appnav"}))))))}get element(){return r(this)}};d.style=".sc-stzh-header-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-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}@-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%)}}.sc-stzh-header-h .sc-stzh-header-s>img[slot=logo]{width:auto;height:100%}.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:0 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:0 2rem}}@media screen and (min-width: 1024px){.header__metabar-inner.sc-stzh-header{margin:0 2.5rem}}@media screen and (min-width: 1260px){.header__metabar-inner.sc-stzh-header{margin:0 5.5rem}}@media screen and (min-width: 1440px){.header__metabar-inner.sc-stzh-header{margin:0 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{display:none}@media screen and (min-width: 800px){.header__metabar-nav.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(:first-child){-ms-flex-preferred-size:auto;flex-basis:auto;margin-left:var(--stzh-space-small)}}.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:0 1.25rem}}@media screen and (min-width: 600px) and (min-width: 600px){.header__appnav-inner.sc-stzh-header{margin:0 2rem}}@media screen and (min-width: 600px) and (min-width: 1024px){.header__appnav-inner.sc-stzh-header{margin:0 2.5rem}}@media screen and (min-width: 600px) and (min-width: 1260px){.header__appnav-inner.sc-stzh-header{margin:0 5.5rem}}@media screen and (min-width: 600px) and (min-width: 1440px){.header__appnav-inner.sc-stzh-header{margin:0 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.sc-stzh-header .header__metabar.sc-stzh-header{display:none}}@media screen and (min-width: 800px){.header--sticky-metabar.sc-stzh-header:not(.header--sticky) .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}.header--sticky.sc-stzh-header .header__logobar.sc-stzh-header{display:none}@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)}}";export{d as stzh_header}
+import{r as e,e as s,i as a,h as t,a as i,g as r}from"./p-93e8e31f.js";import{h}from"./p-1f57d28e.js";import{m as n}from"./p-9111e257.js";const d=class{constructor(s){e(this,s),this.href="https://stadt-zuerich.ch",this.preventAppnavPlaceholder=!1,this.hideLogo=!1,this.sticky=!1,this.stickyClosing=!1,this.stickyMetabar=!1,this.stickyMetabarEnd=!1}async updatePosition(){const e=()=>{this.sticky=!1,this.stickyClosing=!1,this.paddingTop=0};if(this.scrollingUp&&this.belowStayStickyPoint)!this.sticky&&this.belowStartStickyPoint&&(this.paddingTop=this.headerHeight,this.sticky=!0),this.updateMetabarPosition();else if(this.sticky&&this.belowStayStickyPoint){const s=()=>{e(),this.updateMetabarPosition(),this.innerElement.removeEventListener("animationend",s)};this.innerElement.addEventListener("animationend",s),this.stickyClosing=!0}else e(),this.updateMetabarPosition()}resizeListener(){this.debounceResize&&window.cancelAnimationFrame(this.debounceResize),this.debounceResize=requestAnimationFrame((()=>{s((()=>{this.isSmall=n("small").matches,this.isSmallheader=n("smallheader").matches,this.headerTop=this.element.offsetTop,this.headerHeight=this.element.offsetHeight,this.appnavHeight=this.appnavElement?this.appnavElement.offsetHeight:0,this.metabarHeight=this.metabarElement?this.metabarElement.offsetHeight:0})),a((()=>{this.appnavPlaceholderElement.style.height=!this.appnavHeight||this.isSmall||this.preventAppnavPlaceholder?"0px":`${this.appnavHeight}px`})),this.scrollListener()}))}scrollListener(){s((()=>{this.scrollTop=this.getScrollTop(),this.scrollingUp=this.lastScrollTop&&this.lastScrollTop>this.scrollTop,this.lastScrollTop=this.scrollTop,this.innerHeight=this.innerElement?this.innerElement.offsetHeight:0,this.mainHeight=this.mainElement?this.mainElement.offsetHeight:0,this.logobarHeight=this.sticky?this.isSmall?this.headerHeight-this.innerHeight:this.headerHeight-this.mainHeight:this.logobarElement?this.logobarElement.offsetHeight:0,this.belowStayStickyPoint=this.scrollTop>this.logobarHeight,this.belowStartStickyPoint=this.scrollTop>this.headerHeight,this.headerOverlap=(this.headerTop-this.scrollTop)/-1,this.hideLogo=this.isSmallheader&&this.headerOverlap>10})),a((()=>{this.updatePosition()}))}getScrollTop(){return window.pageYOffset||document.documentElement.scrollTop}updateMetabarPosition(){this.metabarElement&&(CSS&&CSS.supports&&CSS.supports("position","sticky")||(this.isSmallheader&&this.headerOverlap>0&&!this.sticky&&!this.stickyClosing?this.headerOverlap<this.mainHeight-this.metabarHeight?(this.stickyMetabar=!0,this.stickyMetabarEnd=!1,this.metabarTransform="translateY(0)"):(this.stickyMetabar=!1,this.stickyMetabarEnd=!0,this.metabarTransform=`translateY(${this.logobarHeight}px)`):(this.stickyMetabar=!1,this.stickyMetabarEnd=!1,this.metabarTransform="translateY(0)")))}connectedCallback(){this.appnavPlaceholderElement=document.createElement("div"),this.element.parentElement.appendChild(this.appnavPlaceholderElement)}disconnectedCallback(){this.appnavPlaceholderElement.parentElement.removeChild(this.appnavPlaceholderElement)}render(){const e=h(this.element,"nav"),s=h(this.element,"login"),a=h(this.element,"appnav");return t(i,null,t("div",{style:{paddingTop:`${this.paddingTop}px`},class:{header:!0,"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-empty-metabar":!e&&!s,"header--has-appnav":a}},t("div",{class:"header__inner",ref:e=>this.innerElement=e},t("div",{class:"header__main",ref:e=>this.mainElement=e},t("div",{class:"header__logobar",ref:e=>this.logobarElement=e},t("div",{class:"header__logobar-logo"},t("a",{href:this.href,class:"header__logo-link"},t("slot",{name:"logo"})))),t("div",{class:"header__metabar",style:{transform:this.metabarTransform},ref:e=>this.metabarElement=e},t("div",{class:"header__metabar-inner"},t("div",{class:"header__metabar-nav"},t("slot",{name:"nav"})),t("div",{class:"header__metabar-login"},t("slot",{name:"login"}))))),t("div",{class:"header__appnav",ref:e=>this.appnavElement=e},t("div",{class:"header__appnav-inner"},t("slot",{name:"appnav"}))))))}get element(){return r(this)}};d.style=".sc-stzh-header-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-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}@-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%)}}.sc-stzh-header-h .sc-stzh-header-s>img[slot=logo]{width:auto;height:100%}.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:0 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:0 2rem}}@media screen and (min-width: 1024px){.header__metabar-inner.sc-stzh-header{margin:0 2.5rem}}@media screen and (min-width: 1260px){.header__metabar-inner.sc-stzh-header{margin:0 5.5rem}}@media screen and (min-width: 1440px){.header__metabar-inner.sc-stzh-header{margin:0 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{display:none}@media screen and (min-width: 800px){.header__metabar-nav.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(:first-child){-ms-flex-preferred-size:auto;flex-basis:auto;margin-left:var(--stzh-space-small)}}.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:0 1.25rem}}@media screen and (min-width: 600px) and (min-width: 600px){.header__appnav-inner.sc-stzh-header{margin:0 2rem}}@media screen and (min-width: 600px) and (min-width: 1024px){.header__appnav-inner.sc-stzh-header{margin:0 2.5rem}}@media screen and (min-width: 600px) and (min-width: 1260px){.header__appnav-inner.sc-stzh-header{margin:0 5.5rem}}@media screen and (min-width: 600px) and (min-width: 1440px){.header__appnav-inner.sc-stzh-header{margin:0 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.sc-stzh-header .header__metabar.sc-stzh-header{display:none}}@media screen and (min-width: 800px){.header--sticky-metabar.sc-stzh-header:not(.header--sticky) .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}.header--sticky.sc-stzh-header .header__logobar.sc-stzh-header{display:none}@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)}}";export{d as stzh_header}

package/dist/stzh-components/{p-0837657c.entry.js → p-08a564af.entry.js}

@@ -1 +1 @@
-import{r as t,h as s,a as e,g as a}from"./p-65282c9d.js";const h=class{constructor(s){t(this,s),this.init=()=>{this.element.querySelectorAll("stzh-link").forEach((t=>{t.setAttribute("role","listitem")}))}}connectedCallback(){this.init(),this.observer=new MutationObserver(this.init),this.observer.observe(this.element,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer.disconnect()}render(){return s(e,null,s("div",{class:"stzh-metanav",role:"list"},s("slot",null)))}get element(){return a(this)}};h.style=".sc-stzh-metanav-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-metanav-h{display:none}.sc-stzh-metanav-h *.sc-stzh-metanav,.sc-stzh-metanav-h *.sc-stzh-metanav::before,.sc-stzh-metanav-h *.sc-stzh-metanav::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-metanav-h .sc-stzh-metanav-s>stzh-link .stzh-link{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);padding:var(--stzh-space-xsmall) var(--stzh-space-small);color:var(--stzh-color-grey61)}.sc-stzh-metanav-h .sc-stzh-metanav-s>stzh-link .stzh-link:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.sc-stzh-metanav-h .sc-stzh-metanav-s>stzh-link .stzh-link:hover .stzh-link__text{text-decoration:underline}.sc-stzh-metanav-h .sc-stzh-metanav-s>stzh-link .stzh-link__text{text-decoration:none}.stzh-metanav.sc-stzh-metanav{display:-ms-flexbox;display:flex}";export{h as stzh_metanav}
+import{r as t,h as s,a as e,g as a}from"./p-93e8e31f.js";const h=class{constructor(s){t(this,s),this.init=()=>{this.element.querySelectorAll("stzh-link").forEach((t=>{t.setAttribute("role","listitem")}))}}connectedCallback(){this.init(),this.observer=new MutationObserver(this.init),this.observer.observe(this.element,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer.disconnect()}render(){return s(e,null,s("div",{class:"stzh-metanav",role:"list"},s("slot",null)))}get element(){return a(this)}};h.style=".sc-stzh-metanav-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-metanav-h{display:none}.sc-stzh-metanav-h *.sc-stzh-metanav,.sc-stzh-metanav-h *.sc-stzh-metanav::before,.sc-stzh-metanav-h *.sc-stzh-metanav::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-metanav-h .sc-stzh-metanav-s>stzh-link .stzh-link{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);padding:var(--stzh-space-xsmall) var(--stzh-space-small);color:var(--stzh-color-grey61)}.sc-stzh-metanav-h .sc-stzh-metanav-s>stzh-link .stzh-link:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.sc-stzh-metanav-h .sc-stzh-metanav-s>stzh-link .stzh-link:hover .stzh-link__text{text-decoration:underline}.sc-stzh-metanav-h .sc-stzh-metanav-s>stzh-link .stzh-link__text{text-decoration:none}.stzh-metanav.sc-stzh-metanav{display:-ms-flexbox;display:flex}";export{h as stzh_metanav}