@swisspost/internet-header 1.13.3 → 1.13.4

package/dist/swisspost-internet-header/{p-2eb28b7c.js → p-a9256af7.js}

@@ -1,2 +1,2 @@
-import{h as i,r as t,c as e,H as n,g as o}from"./p-14b0f654.js";import{t as s}from"./p-a74b380d.js";import{s as a}from"./p-5c2bb553.js";import{u as r}from"./p-dc2f1d20.js";import{t as l}from"./p-8a65e8d6.js";import{S as f}from"./p-0589b170.js";import{S as d}from"./p-c8153649.js";const u=t=>{var e,n,o;const s=t.level.url?"a":"button";return i(s,{class:{"main-link":true,active:!!t.level.isActiveOverride,focus:t.isOpen},href:t.level.url,title:((e=t.level.title)===null||e===void 0?void 0:e.trim())&&((n=t.level.title)===null||n===void 0?void 0:n.trim())!==((o=t.level.text)===null||o===void 0?void 0:o.trim())?t.level.title:undefined,tabindex:t.level.url?undefined:0,"aria-haspopup":!t.level.noFlyout+"","aria-expanded":t.level.noFlyout?null:t.isOpen+"",onTouchEnd:i=>t.onTouchEnd(i),onKeyDown:i=>t.onKeyDown(i),onClick:i=>t.onClick(i)},i("span",null,t.level.text),t.level.isActiveOverride?i("span",{class:"visually-hidden"},l("Active navigation element")):null,i("svg",{"aria-hidden":"true"},i("use",{href:"#pi-pointy-arrow-right"})))};const c='.flyout-nav,.flyout-column h3{font-size:.9375rem}@media (min-width: 600px){.flyout-nav,.flyout-column h3{font-size:1rem}}@media (min-width: 1024px){.flyout-nav,.flyout-column h3{font-size:1.0625rem}}.flyout-title{font-size:1.0625rem}@media (min-width: 600px){.flyout-title{font-size:1.25rem}}@media (min-width: 1024px){.flyout-title{font-size:1.5rem}}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff")}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:rgba(0,0,0,0);border:none;border-radius:0;padding:0}.nav-link,.main-link,.flyout-close-button,.flyout-link{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0,0,0,.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem}.nav-link:is(:focus-visible,:focus-within,.pretend-focus),.main-link:is(:focus-visible,:focus-within,.pretend-focus),.flyout-close-button:is(:focus-visible,:focus-within,.pretend-focus),.flyout-link:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.main-link:hover,.flyout-close-button:hover,.flyout-link:hover,.nav-link:focus,.main-link:focus,.flyout-close-button:focus,.flyout-link:focus{color:#000}.nav-link:is(:focus-visible,:focus-within,.pretend-focus),.main-link:is(:focus-visible,:focus-within,.pretend-focus),.flyout-close-button:is(:focus-visible,:focus-within,.pretend-focus),.flyout-link:is(:focus-visible,:focus-within,.pretend-focus){z-index:1;position:relative}.nav-link>svg,.main-link>svg,.flyout-close-button>svg,.flyout-link>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.nav-link>span,.main-link>span,.flyout-close-button>span,.flyout-link>span{-ms-flex-negative:1;flex-shrink:1}.no-list,.main-container,.flyout-linklist{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}*,:host,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{font-family:"Frutiger Neue For Post",system-ui,sans-serif}button{font:inherit;padding:0}a,button{border-radius:4px;outline:none;outline-offset:2px}a:is(:focus-visible,:focus-within,.pretend-focus),button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color);border-radius:4px}img,svg{max-width:100%;max-height:100%}@media (forced-colors: active){svg{color:#fff}}.box>*:first-child{margin-top:0}.box>*:last-child{margin-bottom:0}.mirrored{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.bold{font-weight:700}.light{font-weight:300}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.align-items-center{-ms-flex-align:center;align-items:center}@media (min-width: 1441px){.wide-container{margin:0 auto;max-width:1440px}}@media (max-width: 599.98px){.container{padding-right:16px;padding-left:16px}}@media (min-width: 600px)and (max-width: 1023.98px){.container{padding-right:32px;padding-left:32px}}@media (min-width: 1024px){.container{padding-right:40px;padding-left:40px}}@media (max-width: -0.02px){.hidden-xs{display:none}}@media (max-width: 399.98px){.hidden-sm{display:none}}@media (max-width: 599.98px){.hidden-rg{display:none}}@media (max-width: 779.98px){.hidden-md{display:none}}@media (max-width: 1023.98px){.hidden-lg{display:none}}@media (max-width: 1279.98px){.hidden-xl{display:none}}@media (max-width: 1440.98px){.hidden-xxl{display:none}}:host{--host-window-height:var(--window-height, 100vh);--calculated-header-height:calc(var(--header-height) + 1px);display:block;min-width:0;height:var(--header-height);-ms-flex-negative:0;flex-shrink:0}:host(.no-animation) *{-webkit-animation:none !important;animation:none !important;-webkit-transition:none !important;transition:none !important}@media (min-width: 1024px){.main-navigation,.main-container,.main-container li,.main-link{height:100%}}.main-navigation{font-size:1.125rem}@media (min-width: 1024px){.main-navigation{font-size:1rem;margin:0 .75rem}}@media (min-width: 1280px){.main-navigation{font-size:1.125rem}}@media (min-width: 1441px){.main-navigation{font-size:1.25rem}}@media (max-width: 1023.98px){.main-navigation{position:absolute;top:var(--calculated-header-height);left:0;background:#fff;height:calc(var(--host-window-height) - var(--calculated-header-height));width:100%;margin:0;overflow:hidden scroll;-webkit-overflow-scrolling:touch;-ms-scroll-chaining:none;overscroll-behavior:contain;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;z-index:-1;visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:visibility .35s,-webkit-transform .35s;transition:visibility .35s,-webkit-transform .35s;transition:transform .35s,visibility .35s;transition:transform .35s,visibility .35s,-webkit-transform .35s}}@media (max-width: 1023.98px)and (prefers-reduced-motion: reduce){.main-navigation{-webkit-transition:none;transition:none}}@media (max-width: 1023.98px){.main-navigation.open{-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}}.main-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}@media (max-width: 1023.98px){.main-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;padding-top:2.5rem;padding-bottom:2.5rem}.main-container>li+li{border-top:1px solid #e6e6e6}}@media (min-width: 1024px){.main-container{padding-right:0;padding-left:0}}.main-container>li{-ms-flex:0 1 auto;flex:0 1 auto;min-width:0}.main-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-right:.75rem;padding-left:.75rem;text-align:left;cursor:pointer;width:100%}@media (min-width: 1024px){.main-link svg{display:none}}@media (max-width: 1023.98px){.main-link{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;font-weight:300;padding:.625rem 0;width:100%;text-align:left}.main-link svg{width:1.5rem;height:1.5rem}}.main-link span{overflow:hidden;text-overflow:ellipsis}.main-link,.flyout-link{position:relative;color:#000}.main-link::after,.flyout-link::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:4px;background-color:rgba(0,0,0,0);opacity:0;-webkit-transform:scaleX(0.8);transform:scaleX(0.8);-webkit-transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),transform .25s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1)}@media (prefers-reduced-motion: reduce){.main-link::after,.flyout-link::after{-webkit-transition:none;transition:none}}.main-link:hover::after,.main-link.focus::after,.flyout-link:hover::after,.flyout-link.focus::after{background-color:#ccc;opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),transform .25s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1)}.main-link.active,.flyout-link.active{font-weight:700}.main-link.active::after,.flyout-link.active::after{background-color:#fc0;opacity:1;-webkit-transform:scale(1);transform:scale(1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.main-link:hover,.main-link.focus,.main-link.active,.flyout-link:hover,.flyout-link.focus,.flyout-link.active{background-color:Highlight}}.flyout{left:0;width:100%;background:#fff;padding-bottom:3rem;overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;visibility:hidden}@media (min-width: 1024px){.flyout{position:absolute;top:100%;max-height:calc(100vh - var(--header-height) - var(--meta-header-height) - 1px);z-index:-1;-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,.4);box-shadow:0 0 1px 0 rgba(0,0,0,.4);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.flyout.open{-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.4);box-shadow:0 0 8px 0 rgba(0,0,0,.4);-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width: 1023.98px){.flyout{position:fixed;top:0;height:100%;z-index:1;-webkit-transform:translateX(100%);transform:translateX(100%)}.flyout.open{-webkit-transform:translateX(0);transform:translateX(0)}}.flyout.open{visibility:visible}.flyout.animate{-webkit-transition:visibility .35s,-webkit-transform .35s,-webkit-box-shadow .35s;transition:visibility .35s,-webkit-transform .35s,-webkit-box-shadow .35s;transition:transform .35s,visibility .35s,box-shadow .35s;transition:transform .35s,visibility .35s,box-shadow .35s,-webkit-transform .35s,-webkit-box-shadow .35s}@media (prefers-reduced-motion: reduce){.flyout.animate{-webkit-transition:none;transition:none}}.flyout-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;min-height:3.5rem;-webkit-box-sizing:content-box;box-sizing:content-box}.flyout-row{display:-ms-flexbox;display:flex;gap:1.5rem}@media (max-width: 1023.98px){.flyout-row{display:grid;grid-template-columns:1fr 1fr}}@media (max-width: 599.98px){.flyout-row{grid-template-columns:1fr}}.flyout-column{-ms-flex:1;flex:1;max-width:25%}@media (max-width: 1023.98px){.flyout-column{max-width:none}}.flyout-column h3{margin-top:0}.flyout-back-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:1rem;font-weight:400;cursor:pointer}@media (max-width: 599.98px){.flyout-back-button{padding-right:16px;padding-left:16px}}@media (min-width: 600px)and (max-width: 1023.98px){.flyout-back-button{padding-right:32px;padding-left:32px}}@media (min-width: 1024px){.flyout-back-button{padding-right:40px;padding-left:40px}}.flyout-back-button svg{width:1.5rem;height:1.5rem}@media (min-width: 1024px){.flyout-back-button{display:none}}.flyout-close-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:auto;padding:0 1.5rem;cursor:pointer}.flyout-close-button svg{width:1.5rem;height:1.5rem}@media (max-width: 1023.98px){.flyout-close-button{display:none}}.flyout-linklist li{border-top:1px solid #e6e6e6}.flyout-linklist:first-child>li{border-top-color:rgba(0,0,0,0)}.flyout-link{display:block;padding:.75rem 0}.flyout-title{margin:2.5rem 0 1.5rem 0}@media (min-width: 1024px){.flyout-title{display:none}}';const m=class{constructor(i){t(this,i);this.dropdownToggled=e(this,"dropdownToggled",7);this.flyoutToggled=e(this,"flyoutToggled",7);this.resizeTimer=null;this.mouseLeaveTimer=null;this.mouseEnterTimer=null;this.activeFlyout=undefined;this.mobileMenuOpen=undefined}connectedCallback(){this.throttledResize=s(300,(()=>this.handleResize()));window.addEventListener("resize",this.throttledResize,{passive:true});this.setWindowHeight()}disconnectedCallback(){window.removeEventListener("resize",this.throttledResize);if(this.mouseEnterTimer!==null)window.clearTimeout(this.mouseEnterTimer);if(this.mouseLeaveTimer!==null)window.clearTimeout(this.mouseLeaveTimer)}handleResize(){this.host.classList.add("no-animation");if(this.resizeTimer!==null)window.clearTimeout(this.resizeTimer);this.resizeTimer=window.setTimeout((()=>{this.host.classList.remove("no-animation")}),300);this.setWindowHeight()}setWindowHeight(){if(!this.host){return}this.host.style.setProperty("--window-height",`${window.innerHeight}px`);window.setTimeout((()=>{this.host.style.setProperty("--window-height",`${window.innerHeight}px`)}),100)}openFlyout(i){var t;const e=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.getElementById(i);if(e&&this.activeFlyout!==""){this.addFlyoutAnimation(e,"expand")}this.activeFlyout=i;this.flyoutToggled.emit(i);this.setWindowHeight();if(this.mouseLeaveTimer!==null){window.clearTimeout(this.mouseLeaveTimer);this.mouseLeaveTimer=null}}closeFlyout(i,t=true){var e;if(i===undefined)return;const n=(e=this.host.shadowRoot)===null||e===void 0?void 0:e.getElementById(i);if(n){this.addFlyoutAnimation(n,"collapse",t)}this.activeFlyout=null;this.flyoutToggled.emit()}addFlyoutAnimation(i,t,e=true){if(!r()){i.classList.add("animate");i.addEventListener("transitionend",(()=>{var n,o,s;if(e){if(t==="expand"){(n=i.querySelector("button.flyout-back-button"))===null||n===void 0?void 0:n.focus()}else if(t==="collapse"){(s=(o=i.parentElement)===null||o===void 0?void 0:o.querySelector("a.main-link"))===null||s===void 0?void 0:s.focus()}}i.classList.remove("animate")}),{once:true})}}isActiveFlyout(i){return i===this.activeFlyout}handleMouseEnter(i){if(this.mouseEnterTimer!==null){window.clearTimeout(this.mouseEnterTimer);this.mouseEnterTimer=null}if(this.mouseLeaveTimer&&this.activeFlyout===i.id){window.clearTimeout(this.mouseLeaveTimer);this.mouseLeaveTimer=null}if(window.innerWidth>=1024&&i.flyout.length>0&&this.activeFlyout!==i.id){this.mouseEnterTimer=window.setTimeout((()=>{this.mouseEnterTimer=null;if(i.id!==undefined)this.openFlyout(i.id)}),200)}}handleMouseLeave(i){if(this.mouseEnterTimer!==null){window.clearTimeout(this.mouseEnterTimer)}if(this.activeFlyout&&this.activeFlyout!==i.id){return}if(window.innerWidth>=1024&&i.flyout.length>0){this.mouseLeaveTimer=window.setTimeout((()=>{this.closeFlyout(i.id,false)}),300)}}handleTouchEnd(i,t){if(!this.isActiveFlyout(t.id)&&!t.noFlyout){if(i.cancelable)i.preventDefault();if(t.id)this.openFlyout(t.id)}}handleKeyPress(i,t){if(i.key==="Enter"&&!this.isActiveFlyout(t.id)&&!t.noFlyout){i.preventDefault();if(t.id)this.openFlyout(t.id)}}handleClick(i,t){if(!this.isActiveFlyout(t.id)&&!t.noFlyout){i.preventDefault();if(t.id)this.openFlyout(t.id)}}async toggleDropdown(i){this.mobileMenuOpen=i===undefined?!this.mobileMenuOpen:i;this.dropdownToggled.emit({open:this.mobileMenuOpen,element:this.host});if(i===false){this.closeFlyout()}this.setWindowHeight();return this.mobileMenuOpen}async setFocus(){var i;const t=(i=this.host.shadowRoot)===null||i===void 0?void 0:i.querySelector(".main-link");if(t){t.focus()}}async setActiveFlyout(i){this.activeFlyout=i;this.flyoutToggled.emit(this.activeFlyout)}render(){var t;if(((t=a.localizedConfig)===null||t===void 0?void 0:t.header)===undefined)return;const e=a.localizedConfig.header;return i(n,null,i(f,null),i("nav",{"aria-label":e.translations.navMainAriaLabel,id:"post-internet-header-main-navigation",class:{"main-navigation":true,open:this.mobileMenuOpen},role:"menu"},i("ul",{class:"main-container container"},e.navMain.map((t=>i("li",{key:t.text,onMouseLeave:()=>this.handleMouseLeave(t),onMouseEnter:()=>this.handleMouseEnter(t)},i(u,{level:t,isOpen:this.isActiveFlyout(t.id),onTouchEnd:i=>this.handleTouchEnd(i,t),onKeyDown:i=>this.handleKeyPress(i,t),onClick:i=>this.handleClick(i,t)}),!t.noFlyout?o.bind(this)(t):null)))),i("slot",null)));function o(t){return i("div",{id:t.id,class:{flyout:true,open:this.isActiveFlyout(t.id)}},i("div",{class:"wide-container"},i("div",{class:"flyout-nav"},i("button",{class:"nav-link flyout-back-button",onClick:()=>this.closeFlyout(t.id)},i(d,{name:"pi-pointy-arrow-right",classNames:"mirrored"}),i("span",null,e.translations.backButtonText)),i("button",{class:"flyout-close-button",onClick:()=>this.closeFlyout(t.id)},i("span",{class:"visually-hidden"},t.text,", ",e.translations.mobileNavToggleClose),i(d,{name:"pi-close"}))),i("h2",{class:"flyout-title container"},i("a",{href:t.url,class:"nav-link"},t.text)),i("div",{class:"flyout-row container"},t.flyout.map(((e,n)=>i("div",{key:e.title,class:"flyout-column"},e.title?i("h3",{id:`${t.id}-column-${n}`},e.title):null,i("ul",{class:"flyout-linklist","aria-labelledby":e.title?`${t.id}-column-${n}`:undefined},e.linkList.map((t=>i("li",{key:t.url},i("a",{class:{"flyout-link":true,active:!!(t===null||t===void 0?void 0:t.isActiveOverride)},href:t.url,target:t.target},t.title,(t===null||t===void 0?void 0:t.isActiveOverride)?i("span",{class:"visually-hidden"},", ",l("Active navigation element")):null)))))))))))}}get host(){return o(this)}};m.style=c;export{m as P};
-//# sourceMappingURL=p-2eb28b7c.js.map
+import{h as i,r as t,c as e,H as n,g as o}from"./p-197bbbde.js";import{t as s}from"./p-a74b380d.js";import{s as a}from"./p-f956d443.js";import{u as r}from"./p-dc2f1d20.js";import{t as l}from"./p-94c5c08e.js";import{S as f}from"./p-914ada58.js";import{S as d}from"./p-451d3317.js";const u=t=>{var e,n,o;const s=t.level.url?"a":"button";return i(s,{class:{"main-link":true,active:!!t.level.isActiveOverride,focus:t.isOpen},href:t.level.url,title:((e=t.level.title)===null||e===void 0?void 0:e.trim())&&((n=t.level.title)===null||n===void 0?void 0:n.trim())!==((o=t.level.text)===null||o===void 0?void 0:o.trim())?t.level.title:undefined,tabindex:t.level.url?undefined:0,"aria-haspopup":!t.level.noFlyout+"","aria-expanded":t.level.noFlyout?null:t.isOpen+"",onTouchEnd:i=>t.onTouchEnd(i),onKeyDown:i=>t.onKeyDown(i),onClick:i=>t.onClick(i)},i("span",null,t.level.text),t.level.isActiveOverride?i("span",{class:"visually-hidden"},l("Active navigation element")):null,i("svg",{"aria-hidden":"true"},i("use",{href:"#pi-pointy-arrow-right"})))};const c='.flyout-nav,.flyout-column h3{font-size:.9375rem}@media (min-width: 600px){.flyout-nav,.flyout-column h3{font-size:1rem}}@media (min-width: 1024px){.flyout-nav,.flyout-column h3{font-size:1.0625rem}}.flyout-title{font-size:1.0625rem}@media (min-width: 600px){.flyout-title{font-size:1.25rem}}@media (min-width: 1024px){.flyout-title{font-size:1.5rem}}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff")}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:rgba(0,0,0,0);border:none;border-radius:0;padding:0}.nav-link,.main-link,.flyout-close-button,.flyout-link{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0,0,0,.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem}.nav-link:is(:focus-visible,:focus-within,.pretend-focus),.main-link:is(:focus-visible,:focus-within,.pretend-focus),.flyout-close-button:is(:focus-visible,:focus-within,.pretend-focus),.flyout-link:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.main-link:hover,.flyout-close-button:hover,.flyout-link:hover,.nav-link:focus,.main-link:focus,.flyout-close-button:focus,.flyout-link:focus{color:#000}.nav-link:is(:focus-visible,:focus-within,.pretend-focus),.main-link:is(:focus-visible,:focus-within,.pretend-focus),.flyout-close-button:is(:focus-visible,:focus-within,.pretend-focus),.flyout-link:is(:focus-visible,:focus-within,.pretend-focus){z-index:1;position:relative}.nav-link>svg,.main-link>svg,.flyout-close-button>svg,.flyout-link>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.nav-link>span,.main-link>span,.flyout-close-button>span,.flyout-link>span{-ms-flex-negative:1;flex-shrink:1}.no-list,.main-container,.flyout-linklist{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}*,:host,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{font-family:"Frutiger Neue For Post",system-ui,sans-serif}button{font:inherit;padding:0}a,button{border-radius:4px;outline:none;outline-offset:2px}a:is(:focus-visible,:focus-within,.pretend-focus),button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color);border-radius:4px}img,svg{max-width:100%;max-height:100%}@media (forced-colors: active){svg{color:#fff}}.box>*:first-child{margin-top:0}.box>*:last-child{margin-bottom:0}.mirrored{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.bold{font-weight:700}.light{font-weight:300}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.align-items-center{-ms-flex-align:center;align-items:center}@media (min-width: 1441px){.wide-container{margin:0 auto;max-width:1440px}}@media (max-width: 599.98px){.container{padding-right:16px;padding-left:16px}}@media (min-width: 600px)and (max-width: 1023.98px){.container{padding-right:32px;padding-left:32px}}@media (min-width: 1024px){.container{padding-right:40px;padding-left:40px}}@media (max-width: -0.02px){.hidden-xs{display:none}}@media (max-width: 399.98px){.hidden-sm{display:none}}@media (max-width: 599.98px){.hidden-rg{display:none}}@media (max-width: 779.98px){.hidden-md{display:none}}@media (max-width: 1023.98px){.hidden-lg{display:none}}@media (max-width: 1279.98px){.hidden-xl{display:none}}@media (max-width: 1440.98px){.hidden-xxl{display:none}}:host{--host-window-height:var(--window-height, 100vh);--calculated-header-height:calc(var(--header-height) + 1px);display:block;min-width:0;height:var(--header-height);-ms-flex-negative:0;flex-shrink:0}:host(.no-animation) *{-webkit-animation:none !important;animation:none !important;-webkit-transition:none !important;transition:none !important}@media (min-width: 1024px){.main-navigation,.main-container,.main-container li,.main-link{height:100%}}.main-navigation{font-size:1.125rem}@media (min-width: 1024px){.main-navigation{font-size:1rem;margin:0 .75rem}}@media (min-width: 1280px){.main-navigation{font-size:1.125rem}}@media (min-width: 1441px){.main-navigation{font-size:1.25rem}}@media (max-width: 1023.98px){.main-navigation{position:absolute;top:var(--calculated-header-height);left:0;background:#fff;height:calc(var(--host-window-height) - var(--calculated-header-height));width:100%;margin:0;overflow:hidden scroll;-webkit-overflow-scrolling:touch;-ms-scroll-chaining:none;overscroll-behavior:contain;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;z-index:-1;visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:visibility .35s,-webkit-transform .35s;transition:visibility .35s,-webkit-transform .35s;transition:transform .35s,visibility .35s;transition:transform .35s,visibility .35s,-webkit-transform .35s}}@media (max-width: 1023.98px)and (prefers-reduced-motion: reduce){.main-navigation{-webkit-transition:none;transition:none}}@media (max-width: 1023.98px){.main-navigation.open{-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}}.main-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}@media (max-width: 1023.98px){.main-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;padding-top:2.5rem;padding-bottom:2.5rem}.main-container>li+li{border-top:1px solid #e6e6e6}}@media (min-width: 1024px){.main-container{padding-right:0;padding-left:0}}.main-container>li{-ms-flex:0 1 auto;flex:0 1 auto;min-width:0}.main-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-right:.75rem;padding-left:.75rem;text-align:left;cursor:pointer;width:100%}@media (min-width: 1024px){.main-link svg{display:none}}@media (max-width: 1023.98px){.main-link{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;font-weight:300;padding:.625rem 0;width:100%;text-align:left}.main-link svg{width:1.5rem;height:1.5rem}}.main-link span{overflow:hidden;text-overflow:ellipsis}.main-link,.flyout-link{position:relative;color:#000}.main-link::after,.flyout-link::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:4px;background-color:rgba(0,0,0,0);opacity:0;-webkit-transform:scaleX(0.8);transform:scaleX(0.8);-webkit-transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),transform .25s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1)}@media (prefers-reduced-motion: reduce){.main-link::after,.flyout-link::after{-webkit-transition:none;transition:none}}.main-link:hover::after,.main-link.focus::after,.flyout-link:hover::after,.flyout-link.focus::after{background-color:#ccc;opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),transform .25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1),transform .25s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .25s cubic-bezier(0.4, 0, 0.2, 1)}.main-link.active,.flyout-link.active{font-weight:700}.main-link.active::after,.flyout-link.active::after{background-color:#fc0;opacity:1;-webkit-transform:scale(1);transform:scale(1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.main-link:hover,.main-link.focus,.main-link.active,.flyout-link:hover,.flyout-link.focus,.flyout-link.active{background-color:Highlight}}.flyout{left:0;width:100%;background:#fff;padding-bottom:3rem;overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;visibility:hidden}@media (min-width: 1024px){.flyout{position:absolute;top:100%;max-height:calc(100vh - var(--header-height) - var(--meta-header-height) - 1px);z-index:-1;-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,.4);box-shadow:0 0 1px 0 rgba(0,0,0,.4);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.flyout.open{-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.4);box-shadow:0 0 8px 0 rgba(0,0,0,.4);-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width: 1023.98px){.flyout{position:fixed;top:0;height:100%;z-index:1;-webkit-transform:translateX(100%);transform:translateX(100%)}.flyout.open{-webkit-transform:translateX(0);transform:translateX(0)}}.flyout.open{visibility:visible}.flyout.animate{-webkit-transition:visibility .35s,-webkit-transform .35s,-webkit-box-shadow .35s;transition:visibility .35s,-webkit-transform .35s,-webkit-box-shadow .35s;transition:transform .35s,visibility .35s,box-shadow .35s;transition:transform .35s,visibility .35s,box-shadow .35s,-webkit-transform .35s,-webkit-box-shadow .35s}@media (prefers-reduced-motion: reduce){.flyout.animate{-webkit-transition:none;transition:none}}.flyout-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;min-height:3.5rem;-webkit-box-sizing:content-box;box-sizing:content-box}.flyout-row{display:-ms-flexbox;display:flex;gap:1.5rem}@media (max-width: 1023.98px){.flyout-row{display:grid;grid-template-columns:1fr 1fr}}@media (max-width: 599.98px){.flyout-row{grid-template-columns:1fr}}.flyout-column{-ms-flex:1;flex:1;max-width:25%}@media (max-width: 1023.98px){.flyout-column{max-width:none}}.flyout-column h3{margin-top:0}.flyout-back-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:1rem;font-weight:400;cursor:pointer}@media (max-width: 599.98px){.flyout-back-button{padding-right:16px;padding-left:16px}}@media (min-width: 600px)and (max-width: 1023.98px){.flyout-back-button{padding-right:32px;padding-left:32px}}@media (min-width: 1024px){.flyout-back-button{padding-right:40px;padding-left:40px}}.flyout-back-button svg{width:1.5rem;height:1.5rem}@media (min-width: 1024px){.flyout-back-button{display:none}}.flyout-close-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:auto;padding:0 1.5rem;cursor:pointer}.flyout-close-button svg{width:1.5rem;height:1.5rem}@media (max-width: 1023.98px){.flyout-close-button{display:none}}.flyout-linklist li{border-top:1px solid #e6e6e6}.flyout-linklist:first-child>li{border-top-color:rgba(0,0,0,0)}.flyout-link{display:block;padding:.75rem 0}.flyout-title{margin:2.5rem 0 1.5rem 0}@media (min-width: 1024px){.flyout-title{display:none}}';const m=c;const h=class{constructor(i){t(this,i);this.dropdownToggled=e(this,"dropdownToggled",7);this.flyoutToggled=e(this,"flyoutToggled",7);this.resizeTimer=null;this.mouseLeaveTimer=null;this.mouseEnterTimer=null;this.activeFlyout=undefined;this.mobileMenuOpen=undefined}connectedCallback(){this.throttledResize=s(300,(()=>this.handleResize()));window.addEventListener("resize",this.throttledResize,{passive:true});this.setWindowHeight()}disconnectedCallback(){window.removeEventListener("resize",this.throttledResize);if(this.mouseEnterTimer!==null)window.clearTimeout(this.mouseEnterTimer);if(this.mouseLeaveTimer!==null)window.clearTimeout(this.mouseLeaveTimer)}handleResize(){this.host.classList.add("no-animation");if(this.resizeTimer!==null)window.clearTimeout(this.resizeTimer);this.resizeTimer=window.setTimeout((()=>{this.host.classList.remove("no-animation")}),300);this.setWindowHeight()}setWindowHeight(){if(!this.host){return}this.host.style.setProperty("--window-height",`${window.innerHeight}px`);window.setTimeout((()=>{this.host.style.setProperty("--window-height",`${window.innerHeight}px`)}),100)}openFlyout(i){var t;const e=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.getElementById(i);if(e&&this.activeFlyout!==""){this.addFlyoutAnimation(e,"expand")}this.activeFlyout=i;this.flyoutToggled.emit(i);this.setWindowHeight();if(this.mouseLeaveTimer!==null){window.clearTimeout(this.mouseLeaveTimer);this.mouseLeaveTimer=null}}closeFlyout(i,t=true){var e;if(i===undefined)return;const n=(e=this.host.shadowRoot)===null||e===void 0?void 0:e.getElementById(i);if(n){this.addFlyoutAnimation(n,"collapse",t)}this.activeFlyout=null;this.flyoutToggled.emit()}addFlyoutAnimation(i,t,e=true){if(!r()){i.classList.add("animate");i.addEventListener("transitionend",(()=>{var n,o,s;if(e){if(t==="expand"){(n=i.querySelector("button.flyout-back-button"))===null||n===void 0?void 0:n.focus()}else if(t==="collapse"){(s=(o=i.parentElement)===null||o===void 0?void 0:o.querySelector("a.main-link"))===null||s===void 0?void 0:s.focus()}}i.classList.remove("animate")}),{once:true})}}isActiveFlyout(i){return i===this.activeFlyout}handleMouseEnter(i){if(this.mouseEnterTimer!==null){window.clearTimeout(this.mouseEnterTimer);this.mouseEnterTimer=null}if(this.mouseLeaveTimer&&this.activeFlyout===i.id){window.clearTimeout(this.mouseLeaveTimer);this.mouseLeaveTimer=null}if(window.innerWidth>=1024&&i.flyout.length>0&&this.activeFlyout!==i.id){this.mouseEnterTimer=window.setTimeout((()=>{this.mouseEnterTimer=null;if(i.id!==undefined)this.openFlyout(i.id)}),200)}}handleMouseLeave(i){if(this.mouseEnterTimer!==null){window.clearTimeout(this.mouseEnterTimer)}if(this.activeFlyout&&this.activeFlyout!==i.id){return}if(window.innerWidth>=1024&&i.flyout.length>0){this.mouseLeaveTimer=window.setTimeout((()=>{this.closeFlyout(i.id,false)}),300)}}handleTouchEnd(i,t){if(!this.isActiveFlyout(t.id)&&!t.noFlyout){if(i.cancelable)i.preventDefault();if(t.id)this.openFlyout(t.id)}}handleKeyPress(i,t){if(i.key==="Enter"&&!this.isActiveFlyout(t.id)&&!t.noFlyout){i.preventDefault();if(t.id)this.openFlyout(t.id)}}handleClick(i,t){if(!this.isActiveFlyout(t.id)&&!t.noFlyout){i.preventDefault();if(t.id)this.openFlyout(t.id)}}async toggleDropdown(i){this.mobileMenuOpen=i===undefined?!this.mobileMenuOpen:i;this.dropdownToggled.emit({open:this.mobileMenuOpen,element:this.host});if(i===false){this.closeFlyout()}this.setWindowHeight();return this.mobileMenuOpen}async setFocus(){var i;const t=(i=this.host.shadowRoot)===null||i===void 0?void 0:i.querySelector(".main-link");if(t){t.focus()}}async setActiveFlyout(i){this.activeFlyout=i;this.flyoutToggled.emit(this.activeFlyout)}render(){var t;if(((t=a.localizedConfig)===null||t===void 0?void 0:t.header)===undefined)return;const e=a.localizedConfig.header;return i(n,null,i(f,null),i("nav",{"aria-label":e.translations.navMainAriaLabel,id:"post-internet-header-main-navigation",class:{"main-navigation":true,open:this.mobileMenuOpen},role:"menu"},i("ul",{class:"main-container container"},e.navMain.map((t=>i("li",{key:t.text,onMouseLeave:()=>this.handleMouseLeave(t),onMouseEnter:()=>this.handleMouseEnter(t)},i(u,{level:t,isOpen:this.isActiveFlyout(t.id),onTouchEnd:i=>this.handleTouchEnd(i,t),onKeyDown:i=>this.handleKeyPress(i,t),onClick:i=>this.handleClick(i,t)}),!t.noFlyout?o.bind(this)(t):null)))),i("slot",null)));function o(t){return i("div",{id:t.id,class:{flyout:true,open:this.isActiveFlyout(t.id)}},i("div",{class:"wide-container"},i("div",{class:"flyout-nav"},i("button",{class:"nav-link flyout-back-button",onClick:()=>this.closeFlyout(t.id)},i(d,{name:"pi-pointy-arrow-right",classNames:"mirrored"}),i("span",null,e.translations.backButtonText)),i("button",{class:"flyout-close-button",onClick:()=>this.closeFlyout(t.id)},i("span",{class:"visually-hidden"},t.text,", ",e.translations.mobileNavToggleClose),i(d,{name:"pi-close"}))),i("h2",{class:"flyout-title container"},i("a",{href:t.url,class:"nav-link"},t.text)),i("div",{class:"flyout-row container"},t.flyout.map(((e,n)=>i("div",{key:e.title,class:"flyout-column"},e.title?i("h3",{id:`${t.id}-column-${n}`},e.title):null,i("ul",{class:"flyout-linklist","aria-labelledby":e.title?`${t.id}-column-${n}`:undefined},e.linkList.map((t=>i("li",{key:t.url},i("a",{class:{"flyout-link":true,active:!!(t===null||t===void 0?void 0:t.isActiveOverride)},href:t.url,target:t.target},t.title,(t===null||t===void 0?void 0:t.isActiveOverride)?i("span",{class:"visually-hidden"},", ",l("Active navigation element")):null)))))))))))}}get host(){return o(this)}};h.style=m;export{h as P};
+//# sourceMappingURL=p-a9256af7.js.map

package/dist/swisspost-internet-header/p-a9256af7.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LevelOneAction","props","TagName","level","url","h","class","active","isActiveOverride","focus","isOpen","href","title","_a","trim","_b","_c","text","undefined","tabindex","noFlyout","onTouchEnd","e","onKeyDown","onClick","translate","postMainNavigationCss","PostMainNavigationStyle0","PostMainNavigation","this","resizeTimer","mouseLeaveTimer","mouseEnterTimer","connectedCallback","throttledResize","throttle","handleResize","window","addEventListener","passive","setWindowHeight","disconnectedCallback","removeEventListener","clearTimeout","host","classList","add","setTimeout","remove","style","setProperty","innerHeight","openFlyout","id","flyout","shadowRoot","getElementById","activeFlyout","addFlyoutAnimation","flyoutToggled","emit","closeFlyout","manageFocus","direction","userPrefersReducedMotion","querySelector","parentElement","once","isActiveFlyout","handleMouseEnter","innerWidth","length","handleMouseLeave","handleTouchEnd","event","cancelable","preventDefault","handleKeyPress","key","handleClick","toggleDropdown","force","mobileMenuOpen","dropdownToggled","open","element","setFocus","firstLink","setActiveFlyout","render","state","localizedConfig","header","headerConfig","Host","SvgSprite","translations","navMainAriaLabel","role","navMain","map","levelOne","onMouseLeave","onMouseEnter","renderLevelOneFlyout","bind","SvgIcon","name","classNames","backButtonText","mobileNavToggleClose","i","linkList","link","target"],"sources":["src/components/post-main-navigation/components/level-one-action.component.tsx","src/components/post-main-navigation/post-main-navigation.scss?tag=post-main-navigation&encapsulation=shadow","src/components/post-main-navigation/post-main-navigation.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport { NavMainEntity } from '../../../models/header.model';\nimport { translate } from '../../../services/language.service';\n\nexport const LevelOneAction = (props: {\n  level: NavMainEntity;\n  isOpen: boolean;\n  onTouchEnd: (e: any) => void;\n  onKeyDown: (e: any) => void;\n  onClick: (e: any) => void;\n}) => {\n  const TagName = props.level.url ? 'a' : 'button';\n\n  return (\n    <TagName\n      class={{\n        'main-link': true,\n        'active': !!props.level.isActiveOverride,\n        'focus': props.isOpen,\n      }}\n      href={props.level.url}\n      title={\n        props.level.title?.trim() && props.level.title?.trim() !== props.level.text?.trim()\n          ? props.level.title\n          : undefined\n      }\n      tabindex={props.level.url ? undefined : 0}\n      aria-haspopup={!props.level.noFlyout + ''}\n      aria-expanded={props.level.noFlyout ? null : props.isOpen + ''}\n      onTouchEnd={e => props.onTouchEnd(e)}\n      onKeyDown={e => props.onKeyDown(e)}\n      onClick={e => props.onClick(e)}\n    >\n      <span>{props.level.text}</span>\n      {props.level.isActiveOverride ? (\n        <span class=\"visually-hidden\">{translate('Active navigation element')}</span>\n      ) : null}\n      <svg aria-hidden=\"true\">\n        <use href=\"#pi-pointy-arrow-right\" />\n      </svg>\n    </TagName>\n  );\n};\n","@use '@swisspost/design-system-styles/variables/color';\n@use '@swisspost/design-system-styles/placeholders/text';\n@use '@swisspost/design-system-styles/functions';\n@use '@swisspost/design-system-styles/mixins/utilities';\n@use '../../utils/utils.scss';\n@use '../../utils/mixins.scss';\n\n:host {\n  --host-window-height: var(--window-height, 100vh);\n  --calculated-header-height: calc(var(--header-height) + 1px);\n\n  display: block;\n  min-width: 0;\n  height: var(--header-height);\n  flex-shrink: 0;\n}\n\n:host(.no-animation) {\n  * {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n\n.main-navigation,\n.main-container,\n.main-container li,\n.main-link {\n  @include mixins.min(lg) {\n    height: 100%;\n  }\n}\n\n.main-navigation {\n  font-size: functions.px-to-rem(18px);\n\n  @include mixins.min(lg) {\n    font-size: functions.px-to-rem(16px);\n    margin: 0 0.75rem;\n  }\n\n  @include mixins.min(xl) {\n    font-size: functions.px-to-rem(18px);\n  }\n\n  @include mixins.min(xxl) {\n    font-size: functions.px-to-rem(20px);\n  }\n\n  @include mixins.max(lg) {\n    position: absolute;\n    top: var(--calculated-header-height);\n    left: 0;\n    background: white;\n    height: calc(var(--host-window-height) - var(--calculated-header-height));\n    width: 100%;\n    margin: 0;\n    overflow: hidden scroll;\n    -webkit-overflow-scrolling: touch;\n    overscroll-behavior: contain;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    z-index: -1;\n    visibility: hidden;\n    transform: translateY(-100%);\n    transition: transform 0.35s, visibility 0.35s;\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n\n    &.open {\n      transform: translateY(0);\n      visibility: visible;\n    }\n  }\n}\n\n.main-container {\n  @extend %no-list;\n\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  @include mixins.max(lg) {\n    flex-direction: column;\n    align-items: stretch;\n    justify-content: flex-start;\n    padding-top: 2.5rem;\n    padding-bottom: 2.5rem;\n\n    > li + li {\n      border-top: 1px solid color.$gray-10;\n    }\n  }\n\n  @include mixins.min(lg) {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  > li {\n    flex: 0 1 auto;\n    min-width: 0;\n  }\n}\n\n.main-link {\n  @extend %nav-link;\n\n  display: flex;\n  align-items: center;\n  padding-right: 0.75rem;\n  padding-left: 0.75rem;\n  text-align: left;\n  cursor: pointer;\n  width: 100%;\n\n  @include mixins.min(lg) {\n    svg {\n      display: none;\n    }\n  }\n\n  @include mixins.max(lg) {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    font-weight: 300;\n    padding: 0.625rem 0;\n    width: 100%;\n    text-align: left;\n\n    svg {\n      width: 1.5rem;\n      height: 1.5rem;\n    }\n  }\n\n  span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.main-link,\n.flyout-link {\n  position: relative;\n  color: black;\n\n  &::after {\n    content: '';\n    position: absolute;\n    bottom: -1px;\n    left: 0;\n    width: 100%;\n    height: 4px;\n    background-color: transparent;\n    opacity: 0;\n    transform: scaleX(0.8);\n    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),\n      transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n\n  &:hover,\n  &.focus {\n    &::after {\n      background-color: color.$gray-20;\n      opacity: 1;\n      transform: scale(1);\n      transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),\n        transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n  }\n\n  &.active {\n    font-weight: 700;\n\n    &::after {\n      background-color: color.$yellow;\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  &:hover,\n  &.focus,\n  &.active {\n    @include utilities.high-contrast-mode() {\n      background-color: Highlight;\n    }\n  }\n}\n\n.flyout {\n  left: 0;\n  width: 100%;\n  background: white;\n  padding-bottom: 3rem;\n  overflow: auto;\n  overscroll-behavior: contain;\n  visibility: hidden;\n\n  @include mixins.min(lg) {\n    position: absolute;\n    top: 100%;\n    max-height: calc(100vh - var(--header-height) - var(--meta-header-height) - 1px);\n    z-index: -1;\n    box-shadow: 0 0 1px 0 rgb(0 0 0 / 40%);\n    transform: translateY(-100%);\n\n    &.open {\n      box-shadow: 0 0 8px 0 rgb(0 0 0 / 40%);\n      transform: translateY(0);\n    }\n  }\n\n  @include mixins.max(lg) {\n    position: fixed;\n    top: 0;\n    height: 100%;\n    z-index: 1;\n    transform: translateX(100%);\n\n    &.open {\n      transform: translateX(0);\n    }\n  }\n\n  &.open {\n    visibility: visible;\n  }\n\n  &.animate {\n    transition: transform 0.35s, visibility 0.35s, box-shadow 0.35s;\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n}\n\n.flyout-nav {\n  @extend %font-curve-small;\n\n  display: flex;\n  justify-content: space-between;\n  min-height: 3.5rem;\n\n  // Change box-sizing to content-box to add 1px border width to flyout-nav hight.\n  // This ensures flyout-nav has same hight as main-navigation-container.\n  box-sizing: content-box;\n}\n\n.flyout-row {\n  display: flex;\n  gap: 1.5rem;\n\n  @include mixins.max(lg) {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @include mixins.max(rg) {\n    grid-template-columns: 1fr;\n  }\n}\n\n.flyout-column {\n  flex: 1;\n  max-width: 25%;\n\n  @include mixins.max(lg) {\n    max-width: none;\n  }\n\n  h3 {\n    @extend %font-curve-small;\n    margin-top: 0;\n  }\n}\n\n.flyout-back-button {\n  @include mixins.container-padding();\n\n  display: flex;\n  align-items: center;\n  font-size: functions.px-to-rem(16px);\n  font-weight: 400;\n  cursor: pointer;\n\n  svg {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n\n  @include mixins.min(lg) {\n    display: none;\n  }\n}\n\n.flyout-close-button {\n  @extend %nav-link;\n\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n  padding: 0 1.5rem;\n  cursor: pointer;\n\n  svg {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n\n  @include mixins.max(lg) {\n    display: none;\n  }\n}\n\n.flyout-linklist {\n  @extend %no-list;\n\n  li {\n    border-top: 1px solid color.$gray-10;\n  }\n\n  &:first-child > li {\n    border-top-color: transparent;\n  }\n}\n\n.flyout-link {\n  @extend %nav-link;\n\n  display: block;\n  padding: 0.75rem 0;\n}\n\n.flyout-title {\n  @extend %font-curve-bigger-regular;\n\n  margin: 2.5rem 0 1.5rem 0;\n\n  @include mixins.min(lg) {\n    display: none;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, State } from '@stencil/core';\nimport { throttle } from 'throttle-debounce';\nimport { state } from '../../data/store';\nimport {\n  DropdownElement,\n  DropdownEvent,\n  HasDropdown,\n  IsFocusable,\n  NavMainEntity,\n} from '../../models/header.model';\nimport { userPrefersReducedMotion } from '../../services/ui.service';\nimport { translate } from '../../services/language.service';\nimport { SvgSprite } from '../../utils/svg-sprite.component';\nimport { SvgIcon } from '../../utils/svg-icon.component';\nimport { LevelOneAction } from './components/level-one-action.component';\n\n@Component({\n  tag: 'post-main-navigation',\n  styleUrl: 'post-main-navigation.scss',\n  shadow: true,\n})\nexport class PostMainNavigation implements HasDropdown, IsFocusable {\n  @State() activeFlyout: string | null;\n  @State() mobileMenuOpen: boolean;\n  @Event() dropdownToggled: EventEmitter<DropdownEvent>;\n  @Event() flyoutToggled: EventEmitter<string | null>;\n  @Element() host: DropdownElement;\n  private throttledResize: throttle<() => void>;\n  private resizeTimer: number | null = null;\n  private mouseLeaveTimer: number | null = null;\n  private mouseEnterTimer: number | null = null;\n\n  connectedCallback() {\n    this.throttledResize = throttle(300, () => this.handleResize());\n    window.addEventListener('resize', this.throttledResize, { passive: true });\n    this.setWindowHeight();\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.throttledResize);\n    if (this.mouseEnterTimer !== null) window.clearTimeout(this.mouseEnterTimer);\n    if (this.mouseLeaveTimer !== null) window.clearTimeout(this.mouseLeaveTimer);\n  }\n\n  handleResize() {\n    // Suspend all animations and transitions on window resize\n    this.host.classList.add('no-animation');\n    if (this.resizeTimer !== null) window.clearTimeout(this.resizeTimer);\n    this.resizeTimer = window.setTimeout(() => {\n      this.host.classList.remove('no-animation');\n    }, 300);\n\n    this.setWindowHeight();\n  }\n\n  // Update window height var\n  setWindowHeight() {\n    if (!this.host) {\n      return;\n    }\n    this.host.style.setProperty('--window-height', `${window.innerHeight}px`);\n\n    // Safari might or might not show a blank bar at the bottom where the browser\n    // controls should be. This timeout waits for this bar to appear before resetting the available height\n    window.setTimeout(() => {\n      this.host.style.setProperty('--window-height', `${window.innerHeight}px`);\n    }, 100);\n  }\n\n  openFlyout(id: string) {\n    const flyout = this.host.shadowRoot?.getElementById(id);\n\n    if (flyout && this.activeFlyout !== '') {\n      // Add flyout animation if there's no flyout open\n      this.addFlyoutAnimation(flyout, 'expand');\n    }\n\n    this.activeFlyout = id;\n    this.flyoutToggled.emit(id);\n    this.setWindowHeight();\n\n    if (this.mouseLeaveTimer !== null) {\n      window.clearTimeout(this.mouseLeaveTimer);\n      this.mouseLeaveTimer = null;\n    }\n  }\n\n  closeFlyout(id?: string, manageFocus = true) {\n    if (id === undefined) return;\n    const flyout = this.host.shadowRoot?.getElementById(id);\n\n    if (flyout) {\n      // Add flyout animation for close action\n      this.addFlyoutAnimation(flyout, 'collapse', manageFocus);\n    }\n\n    this.activeFlyout = null;\n    this.flyoutToggled.emit();\n  }\n\n  addFlyoutAnimation(flyout: HTMLElement, direction?: 'expand' | 'collapse', manageFocus = true) {\n    // Check if user prefers to see animations or not\n    if (!userPrefersReducedMotion()) {\n      flyout.classList.add('animate');\n\n      // Remove flyout animation after transition ended\n      flyout.addEventListener(\n        'transitionend',\n        () => {\n          if (manageFocus) {\n            if (direction === 'expand') {\n              flyout.querySelector<HTMLElement>('button.flyout-back-button')?.focus();\n            } else if (direction === 'collapse') {\n              flyout.parentElement?.querySelector<HTMLElement>('a.main-link')?.focus();\n            }\n          }\n\n          flyout.classList.remove('animate');\n        },\n        {\n          once: true,\n        },\n      );\n    }\n  }\n\n  isActiveFlyout(id?: string) {\n    return id === this.activeFlyout;\n  }\n\n  handleMouseEnter(level: NavMainEntity) {\n    // Cancel opening the flyout if there already is one scheduled to open\n    if (this.mouseEnterTimer !== null) {\n      window.clearTimeout(this.mouseEnterTimer);\n      this.mouseEnterTimer = null;\n    }\n\n    // Cancel closing if we enter again\n    if (this.mouseLeaveTimer && this.activeFlyout === level.id) {\n      window.clearTimeout(this.mouseLeaveTimer);\n      this.mouseLeaveTimer = null;\n    }\n\n    if (window.innerWidth >= 1024 && level.flyout.length > 0 && this.activeFlyout !== level.id) {\n      // Delay opening the flyout for a moment to give users a chance to move the mouse over the navigation without triggering the flyout\n      this.mouseEnterTimer = window.setTimeout(() => {\n        this.mouseEnterTimer = null;\n        if (level.id !== undefined) this.openFlyout(level.id);\n      }, 200);\n    }\n  }\n\n  handleMouseLeave(level: NavMainEntity) {\n    // Cancel opening the flyout if a mouseleave event happens before the flyout opened\n    if (this.mouseEnterTimer !== null) {\n      window.clearTimeout(this.mouseEnterTimer);\n    }\n\n    // Don't close an open flyout if the mouseleave is from another mainnav entry\n    if (this.activeFlyout && this.activeFlyout !== level.id) {\n      return;\n    }\n\n    if (window.innerWidth >= 1024 && level.flyout.length > 0) {\n      // Allow the pointer to shortly leave the flyout without closing it. This\n      // allows for user mistakes and makes the experience less nervous\n      this.mouseLeaveTimer = window.setTimeout(() => {\n        this.closeFlyout(level.id, false);\n      }, 300);\n    }\n  }\n\n  handleTouchEnd(event: TouchEvent, level: NavMainEntity) {\n    if (!this.isActiveFlyout(level.id) && !level.noFlyout) {\n      // It's the first touchstart and has a flyout, prevent link activation and open the flyout\n      if (event.cancelable) event.preventDefault();\n      if (level.id) this.openFlyout(level.id);\n    }\n  }\n\n  handleKeyPress(event: KeyboardEvent, level: NavMainEntity) {\n    if (event.key === 'Enter' && !this.isActiveFlyout(level.id) && !level.noFlyout) {\n      // It's the first enter keypress and has a flyout, prevent link activation and open the flyout\n      event.preventDefault();\n      if (level.id) this.openFlyout(level.id);\n    }\n  }\n\n  handleClick(event: MouseEvent, level: NavMainEntity) {\n    if (!this.isActiveFlyout(level.id) && !level.noFlyout) {\n      // It's the first click, always open the flyout, never the link\n      // This is relevant for desktop with active screenreader which\n      // translates an enter keypress to a click\n      event.preventDefault();\n      if (level.id) this.openFlyout(level.id);\n    }\n  }\n\n  /**\n   * Toggle the main navigation (only visible on mobile)\n   * @param force Force a state\n   * @returns Boolean indicating new state\n   */\n  @Method()\n  async toggleDropdown(force?: boolean) {\n    this.mobileMenuOpen = force === undefined ? !this.mobileMenuOpen : force;\n    this.dropdownToggled.emit({ open: this.mobileMenuOpen, element: this.host });\n\n    if (force === false) {\n      this.closeFlyout();\n    }\n\n    this.setWindowHeight();\n\n    return this.mobileMenuOpen;\n  }\n\n  /**\n   * Focus the main navigation toggle button\n   */\n  @Method()\n  async setFocus() {\n    const firstLink = this.host.shadowRoot?.querySelector<HTMLElement>('.main-link');\n    if (firstLink) {\n      firstLink.focus();\n    }\n  }\n\n  /**\n   * Open a specific flyout\n   * @param id Flyout ID\n   */\n  @Method()\n  async setActiveFlyout(id: string | null) {\n    this.activeFlyout = id;\n    this.flyoutToggled.emit(this.activeFlyout);\n  }\n\n  render() {\n    if (state.localizedConfig?.header === undefined) return;\n    const headerConfig = state.localizedConfig.header;\n\n    return (\n      <Host>\n        <SvgSprite />\n        <nav\n          aria-label={headerConfig.translations.navMainAriaLabel}\n          id=\"post-internet-header-main-navigation\"\n          class={{ 'main-navigation': true, 'open': this.mobileMenuOpen }}\n          role=\"menu\"\n        >\n          <ul class=\"main-container container\">\n            {headerConfig.navMain.map(levelOne => (\n              <li\n                key={levelOne.text}\n                onMouseLeave={() => this.handleMouseLeave(levelOne)}\n                onMouseEnter={() => this.handleMouseEnter(levelOne)}\n              >\n                <LevelOneAction\n                  level={levelOne}\n                  isOpen={this.isActiveFlyout(levelOne.id)}\n                  onTouchEnd={e => this.handleTouchEnd(e, levelOne)}\n                  onKeyDown={e => this.handleKeyPress(e, levelOne)}\n                  onClick={e => this.handleClick(e, levelOne)}\n                />\n                {!levelOne.noFlyout ? renderLevelOneFlyout.bind(this)(levelOne) : null}\n              </li>\n            ))}\n          </ul>\n          <slot></slot>\n        </nav>\n      </Host>\n    );\n\n    function renderLevelOneFlyout(levelOne: NavMainEntity) {\n      return (\n        <div id={levelOne.id} class={{ flyout: true, open: this.isActiveFlyout(levelOne.id) }}>\n          <div class=\"wide-container\">\n            <div class=\"flyout-nav\">\n              <button\n                class=\"nav-link flyout-back-button\"\n                onClick={() => this.closeFlyout(levelOne.id)}\n              >\n                <SvgIcon name=\"pi-pointy-arrow-right\" classNames=\"mirrored\" />\n                <span>{headerConfig.translations.backButtonText}</span>\n              </button>\n              <button class=\"flyout-close-button\" onClick={() => this.closeFlyout(levelOne.id)}>\n                <span class=\"visually-hidden\">\n                  {levelOne.text}, {headerConfig.translations.mobileNavToggleClose}\n                </span>\n                <SvgIcon name=\"pi-close\" />\n              </button>\n            </div>\n            <h2 class=\"flyout-title container\">\n              <a href={levelOne.url} class=\"nav-link\">\n                {levelOne.text}\n              </a>\n            </h2>\n            <div class=\"flyout-row container\">\n              {levelOne.flyout.map((flyout, i) => (\n                <div key={flyout.title} class=\"flyout-column\">\n                  {flyout.title ? <h3 id={`${levelOne.id}-column-${i}`}>{flyout.title}</h3> : null}\n                  <ul\n                    class=\"flyout-linklist\"\n                    aria-labelledby={flyout.title ? `${levelOne.id}-column-${i}` : undefined}\n                  >\n                    {flyout.linkList.map(link => (\n                      <li key={link.url}>\n                        <a\n                          class={{\n                            'flyout-link': true,\n                            'active': !!link?.isActiveOverride,\n                          }}\n                          href={link.url}\n                          target={link.target}\n                        >\n                          {link.title}\n                          {link?.isActiveOverride ? (\n                            <span class=\"visually-hidden\">\n                              , {translate('Active navigation element')}\n                            </span>\n                          ) : null}\n                        </a>\n                      </li>\n                    ))}\n                  </ul>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      );\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/swisspost-internet-header/p-a9bfbac2.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-19771ee8.system.js","./p-d83602cb.system.js","./p-332e638f.system.js"],(function(t){"use strict";return{setters:[function(e){t("post_meta_navigation",e.P)},function(){},function(){}],execute:function(){}}}));
+//# sourceMappingURL=p-a9bfbac2.system.entry.js.map

package/dist/swisspost-internet-header/{p-2f221bb5.system.js → p-b645daf7.system.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,n){function o(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function s(t){try{u(n.next(t))}catch(t){r(t)}}function a(t){try{u(n["throw"](t))}catch(t){r(t)}}function u(t){t.done?i(t.value):o(t.value).then(s,a)}u((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,o,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return u([t,e])}}function u(a){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(n=1,o&&(r=a[0]&2?o["return"]:a[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,a[1])).done)return r;if(o=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;o=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t];o=0}finally{n=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var n=0,o=e.length,r;n<o;n++){if(r||!(n in e)){if(!r)r=Array.prototype.slice.call(e,0,n);r[n]=e[n]}}return t.concat(r||Array.prototype.slice.call(e))};System.register(["./p-fe4736f9.system.js","./p-9b4d5e90.system.js","./p-c895eccc.system.js","./p-d7e221af.system.js","./p-a9f840df.system.js","./p-8b9d7320.system.js","./p-5a69c918.system.js","./p-1fd8561a.system.js"],(function(t){"use strict";var e,i,n,o,r,s,a,u,l,f,c,d,h,p,v,g;return{setters:[function(t){e=t.r;i=t.c;n=t.h;o=t.H;r=t.g},function(t){s=t.d;a=t.t},function(t){u=t.g;l=t.p;f=t.t},function(t){c=t.u},function(t){d=t.s;h=t.d},function(t){p=t.S},function(t){v=t.S},function(t){g=t.I}],execute:function(){var m=this;var w=function(t,e){if(e===false){return t}var i;t=x(t);if(e==="auto"||e==="exact"){if(y(t)){return b(t)}i=new URL(window.location.href)}else{try{i=new URL(e,document.location.origin)}catch(i){console.warn("Active Route: ".concat(e," is not a valid URL. Navigation highlighting has been disabled."));return t}}var n=k(t,i,e);if(n.length===0){return t}var o=n[0];o.main.isActiveOverride=true;if(o.sub)o.sub.isActiveOverride=true;return t};var y=function(t){return t.filter((function(t){return t.isActive})).length>0};var b=function(t){return t.map((function(t){return Object.assign(Object.assign({},t),{isActiveOverride:t.isActive,flyout:t.flyout.map((function(t){return Object.assign(Object.assign({},t),{linkList:t.linkList.map((function(t){return Object.assign(Object.assign({},t),{isActiveOverride:t.isActive})}))})}))})}))};var x=function(t){return t.map((function(t){return Object.assign(Object.assign({},t),{isActiveOverride:false,flyout:t.flyout.map((function(t){return Object.assign(Object.assign({},t),{linkList:t.linkList.map((function(t){return Object.assign(Object.assign({},t),{isActiveOverride:false})}))})}))})}))};var k=function(t,e,i){var n=false;var o=[];t.filter((function(t){return!n&&t})).forEach((function(t){try{var r=_(e,new URL(t.url),i);n=j(o,r,{main:t,score:r},n)}catch(t){}t.flyout.forEach((function(r){var s;(s=r.linkList)===null||s===void 0?void 0:s.forEach((function(r){if(r.isActive&&(i==="auto"||i==="exact")){n=true;return}try{var s=new URL(r.url);var a=_(e,s,i);n=j(o,a,{main:t,sub:r,score:a},n)}catch(t){}}))}))}));return o.sort((function(t,e){return e.score-t.score}))};function j(t,e,i,n){var o=n;if(e>0){if(e===Infinity)o=true;t.push(i)}return o}var _=function(t,e,i){if(t===null||e===null||t.origin!==e.origin){return 0}var n=t.pathname.toLocaleLowerCase();var o=e.pathname.toLocaleLowerCase();if(n===o){return Infinity}if(t.pathname.length<e.pathname.length){return 0}if(i==="auto"){var r=__spreadArray([t.origin.toLocaleLowerCase()],n.split("/").filter((function(t){return t!==null&&t!==""})),true);var s=__spreadArray([e.origin.toLocaleLowerCase()],o.split("/").filter((function(t){return t!==null&&t!==""})),true);var a=O(r,s);return Math.min(r.length,s.length)===a?a:0}return 0};var O=function(t,e){if(t==null||e==null||t.length===0||e.length===0){return 0}var i=0;for(;i<Math.min(t.length,e.length);i++){if(t[i]!==e[i]){return 0}}return i};var F=null;var N=null;var P=function(){var t=document.querySelector("#PPM_HEADER_DATA");if((t===null||t===void 0?void 0:t.textContent)!=null){return JSON.parse(t.textContent)}return null};var C=function(t){var e=t.projectId,i=t.environment,n=t.language,o=t.cookieKey,r=t.localStorageKey,s=t.activeRouteProp,a=t.localizedCustomConfig,f=t.osFlyoutOverrides;return __awaiter(m,void 0,void 0,(function(){var t,c,d,h,p,v,g;return __generator(this,(function(m){switch(m.label){case 0:d=P();p=null;if(!d)return[3,1];h=d;v=document.documentElement.lang;return[3,3];case 1:if(F==null){F=I(e,i)}return[4,F];case 2:p=m.sent();v=u(Object.keys(p),n,r,o);if(v===undefined){throw new Error("Internet Header: unable to determine current language")}h=Object.assign({},p[v]);m.label=3;case 3:if(a){g=((t=a===null||a===void 0?void 0:a.header)===null||t===void 0?void 0:t.navMain)?Object.assign(Object.assign({},h.header),{navMain:__spreadArray(__spreadArray([],h.header.navMain,true),a.header.navMain,true)}):h.header;h=Object.assign(Object.assign({},h),{header:g})}if(f)h.header.navMain=A(h,f);if(s!=null)h.header.navMain=w(h.header.navMain,s);R((c=h===null||h===void 0?void 0:h.header)===null||c===void 0?void 0:c.navMain);l(v,o,r);return[2,h]}}))}))};var A=function(t,e){if(e==null)return t.header.navMain;return t.header.navMain.map((function(t){var i,n;if(t.id!=="flyout_os")return t;if(N===null){N=JSON.parse(JSON.stringify(t))}var o=(i=e.text)!==null&&i!==void 0?i:N.text;var r=(n=e.title)!==null&&n!==void 0?n:N.title;if(N.flyout==null||N.flyout.length===0||e.flyout==null||e.flyout.length===0)return Object.assign(Object.assign({},t),{title:r,text:o});var s=__spreadArray(__spreadArray([],N.flyout.map((function(t,i){var n;var o=e.flyout[i];var r=(n=o.title)!==null&&n!==void 0?n:t.title;var s=o.linkList!=null?e.flyout[i].linkList:[];return{title:r,linkList:__spreadArray(__spreadArray([],t.linkList,true),s,true)}})),true),e.flyout.slice(N.flyout.length),true);return Object.assign(Object.assign({},t),{text:o,title:r,flyout:s})}))};var I=function(t,e){return __awaiter(m,void 0,void 0,(function(){var i,n,o;return __generator(this,(function(r){switch(r.label){case 0:if(!z(t)){throw new Error('Internet Header: invalid project id "'.concat(t,'"'))}if(t==="test"){e="int01"}i=S(t,e);r.label=1;case 1:r.trys.push([1,4,,5]);return[4,fetch(i)];case 2:n=r.sent();return[4,n.json()];case 3:return[2,r.sent()];case 4:o=r.sent();throw new Error("Internet Header: fetching config failed. ".concat(o.message));case 5:return[2]}}))}))};var S=function(t,e){if(t==="test")return"assets/config/test-configuration.json";var i=e.toLowerCase();var n=i==="prod";var o="https://".concat(n?"www":"int",".post.ch");try{return new URL("".concat(o,"/api/headerjs/Json?serviceid=").concat(encodeURIComponent(t)).concat(!n?"&environment="+i:"")).toString()}catch(t){throw new Error("Internet Header: Config URL is invalid.")}};var z=function(t){return t!==""&&t.length>0&&/^[a-zA-Z][\w-]*[a-zA-Z0-9]$/.test(t)};var L=function(t,e){var i;var n;try{n=typeof t==="string"?JSON.parse(t):t}catch(t){throw new Error("Internet Header: Custom config is invalid. Make sure your custom config contains valid JSON syntax and matches the definition. ")}var o=n[e];if((i=o===null||o===void 0?void 0:o.header)===null||i===void 0?void 0:i.navMain)R(o.header.navMain);return o};var R=function(t){t.forEach((function(t){t.id=t.id==="flyout_os"?t.id:c("main-nav-")}))};var E="@swisspost/internet-header";var T="1.13.3";var W="The header for client facing applications.";var J="Swiss Post <oss@post.ch>";var K="Apache-2.0";var H={type:"git",url:"https://github.com/swisspost/design-system.git"};var M="https://next.design-system.post.ch";var D={url:"https://github.com/swisspost/design-system/issues"};var U="loader/index.cjs.js";var B="loader/index.js";var G="loader/index.es2017.js";var q="loader/index.d.ts";var V="dist/collection/collection-manifest.json";var X="dist/swisspost-internet-header/swisspost-internet-header.esm.js";var Z={access:"public"};var Y=["dist/","loader/"];var $={dev:"stencil build --serve --port 9310 --watch --docs-readme",start:"stencil build --watch --docs-readme",build:"stencil build --docs-readme",clean:"rimraf www dist loader",test:"npm run unit",unit:"jest","unit:watch":"jest --watch",e2e:"cypress run","e2e:watch":"cypress open",lint:"eslint src/**/*{.ts,.tsx}","lint:fix":"eslint src/**/*{.ts,.tsx} --fix",generate:"stencil generate"};var Q={"@swisspost/design-system-styles":"workspace:6.6.0","body-scroll-lock":"4.0.0-beta.0","iframe-resizer":"4.3.9",jquery:"3.7.1",tabbable:"6.2.0","throttle-debounce":"5.0.0","url-polyfill":"1.1.12"};var tt={"@babel/core":"7.23.7","@percy/cli":"1.27.7","@percy/cypress":"3.1.2","@stencil-community/eslint-plugin":"0.7.1","@stencil/core":"4.10.0","@stencil/sass":"3.0.8","@stencil/store":"2.0.12","@types/body-scroll-lock":"3.1.2","@types/iframe-resizer":"3.5.13","@types/jest":"29.5.11","@types/jquery":"3.5.29","@types/node":"18.19.7","@types/throttle-debounce":"5.0.2","babel-loader":"9.1.3",bootstrap:"5.3.2",cypress:"13.6.2","cypress-each":"1.13.3","cypress-storybook":"0.5.1","eslint-plugin-react":"7.33.2",globby:"14.0.0",jest:"29.7.0","jest-environment-jsdom":"29.7.0",rimraf:"5.0.5","rollup-plugin-node-polyfills":"0.2.1","rollup-plugin-scss":"4.0.0","rollup-plugin-visualizer":"5.12.0",sass:"1.69.7","start-server-and-test":"2.0.3","ts-jest":"29.1.1",typescript:"4.9.5"};var et=["components","web-components","header","stencil","design-system","ui","frontend"];var it={name:E,version:T,description:W,author:J,license:K,repository:H,homepage:M,bugs:D,main:U,module:B,es2017:G,types:q,collection:V,"collection:main":"dist/collection/index.js",unpkg:X,publishConfig:Z,files:Y,scripts:$,dependencies:Q,devDependencies:tt,keywords:et};var nt=function(t){if(!(t instanceof HTMLElement||t instanceof SVGElement)){return false}var e=getComputedStyle(t);return["overflow","overflow-x","overflow-y"].some((function(t){var i=e.getPropertyValue(t);return i==="auto"||i==="scroll"}))};var ot=function(t){var e=t.parentElement;while(e){if(e.nodeName==="BODY"){return document}if(nt(e)){return e}e=e.parentElement}return document};var rt=function(t,e){var i=ot(e);var n=function(){var n=d.stickyness==="full";var o=1;var r=e.clientHeight-1;var s=i instanceof Element?i.scrollTop:i.documentElement.scrollTop;var a=n?0:s;if(t.clientHeight>0){o=Math.max((r-Math.max(a,0))/(r-t.clientHeight),1)}e.style.setProperty("--logo-scale",o.toString())};var o=s(150,n);var r=new IntersectionObserver((function(t){t.forEach((function(t){if(t.isIntersecting&&t.intersectionRatio>0){i.addEventListener("scroll",n,{passive:true});window.addEventListener("resize",o);window.requestAnimationFrame(n)}else{i.removeEventListener("scroll",n);window.removeEventListener("resize",o);window.requestAnimationFrame(n)}}))}),{threshold:[0,.001]});r.observe(t);return n};var st='@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff")}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:rgba(0,0,0,0);border:none;border-radius:0;padding:0}.nav-link{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0,0,0,.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem}.nav-link:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.nav-link:focus{color:#000}.nav-link:is(:focus-visible,:focus-within,.pretend-focus){z-index:1;position:relative}.nav-link>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.nav-link>span{-ms-flex-negative:1;flex-shrink:1}.no-list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}*,:host,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{font-family:"Frutiger Neue For Post",system-ui,sans-serif}button{font:inherit;padding:0}a,button{border-radius:4px;outline:none;outline-offset:2px}a:is(:focus-visible,:focus-within,.pretend-focus),button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color);border-radius:4px}img,svg{max-width:100%;max-height:100%}@media (forced-colors: active){svg{color:#fff}}.box>*:first-child{margin-top:0}.box>*:last-child{margin-bottom:0}.mirrored{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.bold{font-weight:700}.light{font-weight:300}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.align-items-center{-ms-flex-align:center;align-items:center}@media (min-width: 1441px){.wide-container{margin:0 auto;max-width:1440px}}@media (max-width: 599.98px){.container{padding-right:16px;padding-left:16px}}@media (min-width: 600px)and (max-width: 1023.98px){.container{padding-right:32px;padding-left:32px}}@media (min-width: 1024px){.container{padding-right:40px;padding-left:40px}}@media (max-width: -0.02px){.hidden-xs{display:none}}@media (max-width: 399.98px){.hidden-sm{display:none}}@media (max-width: 599.98px){.hidden-rg{display:none}}@media (max-width: 779.98px){.hidden-md{display:none}}@media (max-width: 1023.98px){.hidden-lg{display:none}}@media (max-width: 1279.98px){.hidden-xl{display:none}}@media (max-width: 1440.98px){.hidden-xxl{display:none}}:host{--logo-scale:1}@media (max-width: 1023.98px){:host{--logo-scale:1 !important}}post-logo{height:var(--header-height);-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:scale(var(--logo-scale));transform:scale(var(--logo-scale))}post-main-navigation{margin-left:calc(var(--header-height)*var(--logo-scale) - var(--header-height))}:host{display:block;position:relative;font-size:1rem;font-weight:300;z-index:var(--header-z-index, 10);--header-height:3.5rem;--meta-header-height:0px;--language-dropdown-margin-top:0px}@media (min-width: 1024px){:host{--meta-header-height:3rem;--header-height:4rem}}@media (min-width: 1280px){:host{--header-height:4.5rem}}:host([meta=false]){--meta-header-height:0px;--language-dropdown-margin-top:1px}@supports ((position: -webkit-sticky) or (position: sticky)){:host(:not(.stickyness-none)){position:-webkit-sticky;position:sticky}:host(.stickyness-full){top:0}:host(.stickyness-main){top:calc(var(--meta-header-height, 0px)*-1)}:host(.stickyness-minimal){top:calc((var(--header-height, 0px) + var(--meta-header-height, 0px) + 1px)*-1);-webkit-transition:top 200ms ease-in;transition:top 200ms ease-in}:host(.stickyness-minimal.scrolling-up),:host(.stickyness-minimal.dropdown-open){top:calc(var(--meta-header-height, 0px)*-1);-webkit-transition:top 200ms ease-out;transition:top 200ms ease-out}}.post-internet-header{border-bottom:1px solid #e6e6e6;background-color:#fff}.main-navigation-container{display:-ms-flexbox;display:flex}.main-navigation-container>.main-navigation-controls{-ms-flex:0 1 auto;flex:0 1 auto}.main-navigation{display:-ms-flexbox;display:flex}.sub-navigation-container{position:absolute;top:100%;left:0;width:100%;display:-ms-flexbox;display:flex;background:#fff;visibility:hidden}.main-navigation-item:hover .sub-navigation-container{visibility:visible}.main-navigation-controls{display:-ms-flexbox;display:flex;margin-left:auto}@media (max-width: 1023.98px){.main-navigation-controls{font-weight:400}}@media (min-width: 1024px){.main-navigation-controls{font-size:1.0625rem}}.main-navigation-controls>*{border-left:1px solid #e6e6e6;-ms-flex:0 0 auto;flex:0 0 auto}.main-navigation-custom-content{max-height:var(--header-height);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:1;flex-shrink:1}.menu-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 calc(1rem - 1px);font-weight:300;cursor:pointer;border-left:1px solid #e6e6e6;-ms-flex-order:1;order:1}@media (min-width: 1024px){.menu-button{display:none}}@media (min-width: 600px)and (max-width: 1023.98px){.menu-button .visually-hidden{position:static;width:auto;height:auto;margin:auto;overflow:visible;clip:auto;visibility:visible;margin-right:.5rem}}.menu-button svg{width:1.5rem;height:1.5rem}.full-width .wide-container{max-width:none}';var at=t("P",function(){function t(t){e(this,t);this.headerLoaded=i(this,"headerLoaded",7);this.lastScrollTop=window.scrollY||document.documentElement.scrollTop;this.lastWindowWidth=window.innerWidth;this.handleClickOutsideBound=this.handleClickOutside.bind(this);this.project=undefined;this.stickyness="minimal";this.language=undefined;this.meta=true;this.login=true;this.search=true;this.skiplinks=true;this.configProxy=undefined;this.environment="prod";this.languageSwitchOverrides=undefined;this.customConfig=undefined;this.languageCookieKey=undefined;this.languageLocalStorageKey="swisspost-internet-header-language";this.logoutUrl=undefined;this.activeRoute="auto";this.osFlyoutOverrides=undefined;this.fullWidth=false;this.activeFlyout=null;this.activeDropdownElement=null;this.isMainSlotEmpty=true;if(this.project===undefined||this.project===""||!z(this.project)){throw new Error('Internet Header project key is "'.concat(this.project,'". Please provide a valid project key.'))}}t.prototype.getCurrentLanguage=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){return[2,(t=d.currentLanguage)!==null&&t!==void 0?t:"de"]}))}))};t.prototype.connectedCallback=function(){var t=this;this.throttledScroll=a(300,(function(){return t.handleScrollEvent()}));this.debouncedResize=s(200,(function(){return t.handleResize()}))};t.prototype.disconnectedCallback=function(){this.scrollParent.removeEventListener("scroll",this.throttledScroll);this.scrollParent.removeEventListener("resize",this.debouncedResize);h()};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n;return __generator(this,(function(o){switch(o.label){case 0:this.scrollParent=ot(this.host);this.scrollParent.addEventListener("scroll",this.throttledScroll,{passive:true});this.scrollParent.addEventListener("resize",this.debouncedResize,{passive:true});o.label=1;case 1:o.trys.push([1,3,,4]);d.projectId=this.project;d.stickyness=this.stickyness;d.environment=this.environment.toLocaleLowerCase();if(this.language!==undefined)d.currentLanguage=this.language;d.languageSwitchOverrides=typeof this.languageSwitchOverrides==="string"?JSON.parse(this.languageSwitchOverrides):this.languageSwitchOverrides;d.osFlyoutOverrides=typeof this.osFlyoutOverrides==="string"?JSON.parse(this.osFlyoutOverrides):this.osFlyoutOverrides;if(this.customConfig!==undefined){t=Object.keys(typeof this.customConfig==="string"?JSON.parse(this.customConfig):this.customConfig);e=d.currentLanguage||u(t,this.language);d.localizedCustomConfig=L(this.customConfig,e)}i=d;return[4,C({projectId:this.project,environment:d.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:d.localizedCustomConfig,osFlyoutOverrides:d.osFlyoutOverrides})];case 2:i.localizedConfig=o.sent();return[3,4];case 3:n=o.sent();console.error(n);return[3,4];case 4:return[2]}}))}))};t.prototype.componentDidLoad=function(){var t=this;window.requestAnimationFrame((function(){t.handleResize();t.headerLoaded.emit();t.host.classList.add("header-loaded");if(t.meta&&t.metaNav){t.updateLogoAnimation=rt(t.metaNav,t.host)}}));if(this.stickyness==="full")console.warn('Internet Header: The stickyness="full" option is deprecated.')};t.prototype.handleLanguageChange=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:d.currentLanguage=t;e=d;return[4,C({projectId:this.project,environment:this.environment,language:t,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:d.localizedCustomConfig,osFlyoutOverrides:d.osFlyoutOverrides})];case 1:e.localizedConfig=i.sent();if(this.customConfig)d.localizedCustomConfig=L(this.customConfig,t);return[2]}}))}))};t.prototype.handleAvailableLanguagesChange=function(t){d.languageSwitchOverrides=typeof t==="string"?JSON.parse(t):t};t.prototype.handleOsFlyoutOverrides=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:d.osFlyoutOverrides=typeof t==="string"?JSON.parse(t):t;e=d;return[4,C({projectId:this.project,environment:this.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:d.localizedCustomConfig,osFlyoutOverrides:d.osFlyoutOverrides})];case 1:e.localizedConfig=i.sent();return[2]}}))}))};t.prototype.handleActiveRouteChange=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:e=d;return[4,C({projectId:this.project,environment:this.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:t,localizedCustomConfig:d.localizedCustomConfig,osFlyoutOverrides:d.osFlyoutOverrides})];case 1:e.localizedConfig=i.sent();return[2]}}))}))};t.prototype.handleCustomConfigChange=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i;return __generator(this,(function(n){switch(n.label){case 0:if(this.language===undefined)return[2];e=L(t,this.language);d.localizedCustomConfig=e;i=d;return[4,C({projectId:this.project,environment:this.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:e,osFlyoutOverrides:d.osFlyoutOverrides})];case 1:i.localizedConfig=n.sent();return[2]}}))}))};t.prototype.handleSearchChange=function(t){d.search=t};t.prototype.handleLoginChange=function(t){d.login=t};t.prototype.handleMetaChange=function(t){d.meta=t};t.prototype.handleLanguageChangeEvent=function(t){void this.handleLanguageChange(t.detail)};t.prototype.handleStickynessChange=function(t){d.stickyness=t;if(typeof this.updateLogoAnimation==="function")this.updateLogoAnimation()};t.prototype.handleClickOutside=function(t){if(this.activeDropdownElement&&!t.composedPath().includes(this.activeDropdownElement)){void this.activeDropdownElement.toggleDropdown(false)}};t.prototype.handleKeyUp=function(t){if(t.key==="Escape"){if(this.activeDropdownElement){void this.activeDropdownElement.toggleDropdown(false)}if(this.activeFlyout!==null&&this.mainNav){void this.mainNav.toggleDropdown(false)}}};t.prototype.handleScrollEvent=function(){var t=this.scrollParent instanceof Document?this.scrollParent.documentElement.scrollTop:this.scrollParent.scrollTop;if(this.stickyness==="minimal"){this.host.classList.toggle("scrolling-up",t<=this.lastScrollTop)}this.lastScrollTop=t<=0?0:t};t.prototype.handleResize=function(){var t;if(this.isMainNavOpen()&&this.lastWindowWidth<1024&&window.innerWidth>=1024){(t=this.activeDropdownElement)===null||t===void 0?void 0:t.toggleDropdown(false)}this.lastWindowWidth=window.innerWidth};t.prototype.handleDropdownToggled=function(t){var e=this;if(!t.detail.open&&this.activeDropdownElement!==t.detail.element){return}if(t.detail.open){if(this.activeDropdownElement){void this.activeDropdownElement.toggleDropdown(false)}this.activeDropdownElement=t.detail.element;if(window.innerWidth>=1024){window.setTimeout((function(){window.addEventListener("click",e.handleClickOutsideBound)}),10)}if(this.activeFlyout!==null&&this.mainNav){void this.mainNav.setActiveFlyout(null)}}else{this.activeDropdownElement=null;window.removeEventListener("click",this.handleClickOutsideBound)}};t.prototype.handleFlyoutToggled=function(t){this.activeFlyout=t.detail;if(this.activeDropdownElement&&t.detail&&!this.isMainNavOpen()){void this.activeDropdownElement.toggleDropdown(false)}};t.prototype.toggleMobileDropdown=function(){var t;(t=this.mainNav)===null||t===void 0?void 0:t.toggleDropdown()};t.prototype.isMainNavOpen=function(){return this.activeDropdownElement&&this.activeDropdownElement.tagName==="POST-MAIN-NAVIGATION"};t.prototype.handleMainSlotChange=function(t){var e=t.target;this.isMainSlotEmpty=e.assignedElements().length===0};t.prototype.render=function(){var t=this;var e,i,r;if(!((e=d.localizedConfig)===null||e===void 0?void 0:e.header)){console.error(new Error("Internet Header: Config cannot be loaded"));return}var s=d.localizedConfig;var a=this.meta&&s.header.navMeta!==undefined&&((i=s.header.navMeta)===null||i===void 0?void 0:i.filter((function(t){return!t.isHomeLink})).length)>0;var u=((r=this.login)!==null&&r!==void 0?r:!s.header.isLoginWidgetHidden)&&s.header.loginWidgetOptions;var l=s.header.navLang.length>1;return n(o,{class:"stickyness-".concat(this.stickyness," ").concat(Boolean(this.activeDropdownElement)||Boolean(this.activeFlyout)?"dropdown-open":""),"data-version":it.version,onKeyup:function(e){return t.handleKeyUp(e)}},n("header",{class:"post-internet-header".concat(this.fullWidth?" full-width":"")},n(p,null),n("h1",{class:"visually-hidden"},f("Navigate on post.ch")),n(g,{condition:this.skiplinks},n("post-skiplinks",null)),n(g,{condition:a},n("post-meta-navigation",{orientation:"horizontal",class:"hidden-lg","full-width":this.fullWidth,ref:function(e){return t.metaNav=e}},n(g,{condition:l},n("post-language-switch",{id:"post-language-switch-desktop",mode:"dropdown",onDropdownToggled:function(e){return t.handleDropdownToggled(e)}})))),n("div",{class:"main-navigation-container wide-container"},n("post-logo",null),n("button",{class:"menu-button nav-link",onClick:function(){return t.toggleMobileDropdown()},"aria-haspopup":"menu","aria-controls":"post-internet-header-main-navigation","aria-expanded":this.activeDropdownElement?"true":"false"},n("span",{class:"menu-button-text visually-hidden"},s.header.mobileMenu.text),n(v,{name:this.isMainNavOpen()?"pi-close":"pi-menu"})),n("post-main-navigation",{onDropdownToggled:function(e){return t.handleDropdownToggled(e)},onFlyoutToggled:function(e){return t.handleFlyoutToggled(e)},ref:function(e){return t.mainNav=e}},n(g,{condition:a},n("post-meta-navigation",{orientation:"vertical"},n(g,{condition:l},n("post-language-switch",{id:"post-language-switch-mobile",mode:"list"}))))),n("div",{class:"main-navigation-controls"},n("div",{class:"main-navigation-custom-content",hidden:this.isMainSlotEmpty},n("slot",{name:"main",onSlotchange:function(e){return t.handleMainSlotChange(e)}})),n(g,{condition:this.search},n("post-search",{onDropdownToggled:function(e){return t.handleDropdownToggled(e)}})),n(g,{condition:!!u},n("post-klp-login-widget",{"logout-url":this.logoutUrl},n("slot",{name:"login-widget"}))),n(g,{condition:!a&&l},n("post-language-switch",{id:"post-language-switch-no-meta",onDropdownToggled:function(e){return t.handleDropdownToggled(e)},mode:"dropdown"}))))))};Object.defineProperty(t.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{language:["handleLanguageChange"],languageSwitchOverrides:["handleAvailableLanguagesChange"],osFlyoutOverrides:["handleOsFlyoutOverrides"],activeRoute:["handleActiveRouteChange"],customConfig:["handleCustomConfigChange"],search:["handleSearchChange"],login:["handleLoginChange"],meta:["handleMetaChange"],stickyness:["handleStickynessChange"]}},enumerable:false,configurable:true});return t}());at.style=st}}}));
-//# sourceMappingURL=p-2f221bb5.system.js.map
+var __awaiter=this&&this.__awaiter||function(t,e,i,n){function o(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function s(t){try{u(n.next(t))}catch(t){r(t)}}function a(t){try{u(n["throw"](t))}catch(t){r(t)}}function u(t){t.done?i(t.value):o(t.value).then(s,a)}u((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,o,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return u([t,e])}}function u(a){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(n=1,o&&(r=a[0]&2?o["return"]:a[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,a[1])).done)return r;if(o=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;o=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t];o=0}finally{n=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var n=0,o=e.length,r;n<o;n++){if(r||!(n in e)){if(!r)r=Array.prototype.slice.call(e,0,n);r[n]=e[n]}}return t.concat(r||Array.prototype.slice.call(e))};System.register(["./p-d83602cb.system.js","./p-9b4d5e90.system.js","./p-d0246e04.system.js","./p-d7e221af.system.js","./p-332e638f.system.js","./p-88424db0.system.js","./p-237918ac.system.js","./p-1fd8561a.system.js"],(function(t){"use strict";var e,i,n,o,r,s,a,u,l,f,c,d,h,p,v,g;return{setters:[function(t){e=t.r;i=t.c;n=t.h;o=t.H;r=t.g},function(t){s=t.d;a=t.t},function(t){u=t.g;l=t.p;f=t.t},function(t){c=t.u},function(t){d=t.s;h=t.d},function(t){p=t.S},function(t){v=t.S},function(t){g=t.I}],execute:function(){var m=this;var w=function(t,e){if(e===false){return t}var i;t=x(t);if(e==="auto"||e==="exact"){if(y(t)){return b(t)}i=new URL(window.location.href)}else{try{i=new URL(e,document.location.origin)}catch(i){console.warn("Active Route: ".concat(e," is not a valid URL. Navigation highlighting has been disabled."));return t}}var n=k(t,i,e);if(n.length===0){return t}var o=n[0];o.main.isActiveOverride=true;if(o.sub)o.sub.isActiveOverride=true;return t};var y=function(t){return t.filter((function(t){return t.isActive})).length>0};var b=function(t){return t.map((function(t){return Object.assign(Object.assign({},t),{isActiveOverride:t.isActive,flyout:t.flyout.map((function(t){return Object.assign(Object.assign({},t),{linkList:t.linkList.map((function(t){return Object.assign(Object.assign({},t),{isActiveOverride:t.isActive})}))})}))})}))};var x=function(t){return t.map((function(t){return Object.assign(Object.assign({},t),{isActiveOverride:false,flyout:t.flyout.map((function(t){return Object.assign(Object.assign({},t),{linkList:t.linkList.map((function(t){return Object.assign(Object.assign({},t),{isActiveOverride:false})}))})}))})}))};var k=function(t,e,i){var n=false;var o=[];t.filter((function(t){return!n&&t})).forEach((function(t){try{var r=_(e,new URL(t.url),i);n=j(o,r,{main:t,score:r},n)}catch(t){}t.flyout.forEach((function(r){var s;(s=r.linkList)===null||s===void 0?void 0:s.forEach((function(r){if(r.isActive&&(i==="auto"||i==="exact")){n=true;return}try{var s=new URL(r.url);var a=_(e,s,i);n=j(o,a,{main:t,sub:r,score:a},n)}catch(t){}}))}))}));return o.sort((function(t,e){return e.score-t.score}))};function j(t,e,i,n){var o=n;if(e>0){if(e===Infinity)o=true;t.push(i)}return o}var _=function(t,e,i){if(t===null||e===null||t.origin!==e.origin){return 0}var n=t.pathname.toLocaleLowerCase();var o=e.pathname.toLocaleLowerCase();if(n===o){return Infinity}if(t.pathname.length<e.pathname.length){return 0}if(i==="auto"){var r=__spreadArray([t.origin.toLocaleLowerCase()],n.split("/").filter((function(t){return t!==null&&t!==""})),true);var s=__spreadArray([e.origin.toLocaleLowerCase()],o.split("/").filter((function(t){return t!==null&&t!==""})),true);var a=O(r,s);return Math.min(r.length,s.length)===a?a:0}return 0};var O=function(t,e){if(t==null||e==null||t.length===0||e.length===0){return 0}var i=0;for(;i<Math.min(t.length,e.length);i++){if(t[i]!==e[i]){return 0}}return i};var F=null;var N=null;var P=function(){var t=document.querySelector("#PPM_HEADER_DATA");if((t===null||t===void 0?void 0:t.textContent)!=null){return JSON.parse(t.textContent)}return null};var C=function(t){var e=t.projectId,i=t.environment,n=t.language,o=t.cookieKey,r=t.localStorageKey,s=t.activeRouteProp,a=t.localizedCustomConfig,f=t.osFlyoutOverrides;return __awaiter(m,void 0,void 0,(function(){var t,c,d,h,p,v,g;return __generator(this,(function(m){switch(m.label){case 0:d=P();p=null;if(!d)return[3,1];h=d;v=document.documentElement.lang;return[3,3];case 1:if(F==null){F=I(e,i)}return[4,F];case 2:p=m.sent();v=u(Object.keys(p),n,r,o);if(v===undefined){throw new Error("Internet Header: unable to determine current language")}h=Object.assign({},p[v]);m.label=3;case 3:if(a){g=((t=a===null||a===void 0?void 0:a.header)===null||t===void 0?void 0:t.navMain)?Object.assign(Object.assign({},h.header),{navMain:__spreadArray(__spreadArray([],h.header.navMain,true),a.header.navMain,true)}):h.header;h=Object.assign(Object.assign({},h),{header:g})}if(f)h.header.navMain=A(h,f);if(s!=null)h.header.navMain=w(h.header.navMain,s);R((c=h===null||h===void 0?void 0:h.header)===null||c===void 0?void 0:c.navMain);l(v,o,r);return[2,h]}}))}))};var A=function(t,e){if(e==null)return t.header.navMain;return t.header.navMain.map((function(t){var i,n;if(t.id!=="flyout_os")return t;if(N===null){N=JSON.parse(JSON.stringify(t))}var o=(i=e.text)!==null&&i!==void 0?i:N.text;var r=(n=e.title)!==null&&n!==void 0?n:N.title;if(N.flyout==null||N.flyout.length===0||e.flyout==null||e.flyout.length===0)return Object.assign(Object.assign({},t),{title:r,text:o});var s=__spreadArray(__spreadArray([],N.flyout.map((function(t,i){var n;var o=e.flyout[i];var r=(n=o.title)!==null&&n!==void 0?n:t.title;var s=o.linkList!=null?e.flyout[i].linkList:[];return{title:r,linkList:__spreadArray(__spreadArray([],t.linkList,true),s,true)}})),true),e.flyout.slice(N.flyout.length),true);return Object.assign(Object.assign({},t),{text:o,title:r,flyout:s})}))};var I=function(t,e){return __awaiter(m,void 0,void 0,(function(){var i,n,o;return __generator(this,(function(r){switch(r.label){case 0:if(!z(t)){throw new Error('Internet Header: invalid project id "'.concat(t,'"'))}if(t==="test"){e="int01"}i=S(t,e);r.label=1;case 1:r.trys.push([1,4,,5]);return[4,fetch(i)];case 2:n=r.sent();return[4,n.json()];case 3:return[2,r.sent()];case 4:o=r.sent();throw new Error("Internet Header: fetching config failed. ".concat(o.message));case 5:return[2]}}))}))};var S=function(t,e){if(t==="test")return"assets/config/test-configuration.json";var i=e.toLowerCase();var n=i==="prod";var o="https://".concat(n?"www":"int",".post.ch");try{return new URL("".concat(o,"/api/headerjs/Json?serviceid=").concat(encodeURIComponent(t)).concat(!n?"&environment="+i:"")).toString()}catch(t){throw new Error("Internet Header: Config URL is invalid.")}};var z=function(t){return t!==""&&t.length>0&&/^[a-zA-Z][\w-]*[a-zA-Z0-9]$/.test(t)};var L=function(t,e){var i;var n;try{n=typeof t==="string"?JSON.parse(t):t}catch(t){throw new Error("Internet Header: Custom config is invalid. Make sure your custom config contains valid JSON syntax and matches the definition. ")}var o=n[e];if((i=o===null||o===void 0?void 0:o.header)===null||i===void 0?void 0:i.navMain)R(o.header.navMain);return o};var R=function(t){t.forEach((function(t){t.id=t.id==="flyout_os"?t.id:c("main-nav-")}))};var E="@swisspost/internet-header";var T="1.13.4";var W="The header for client facing applications.";var J="Swiss Post <oss@post.ch>";var K="Apache-2.0";var H={type:"git",url:"https://github.com/swisspost/design-system.git"};var M="https://next.design-system.post.ch";var D={url:"https://github.com/swisspost/design-system/issues"};var U="loader/index.cjs.js";var B="loader/index.js";var G="loader/index.es2017.js";var q="loader/index.d.ts";var V="dist/collection/collection-manifest.json";var X="dist/swisspost-internet-header/swisspost-internet-header.esm.js";var Z={access:"public"};var Y=["dist/","loader/"];var $={dev:"stencil build --serve --port 9310 --watch --docs-readme",start:"stencil build --watch --docs-readme",build:"stencil build --docs-readme",clean:"rimraf www dist loader",test:"npm run unit",unit:"jest","unit:watch":"jest --watch",e2e:"cypress run","e2e:watch":"cypress open",lint:"eslint src/**/*{.ts,.tsx}","lint:fix":"eslint src/**/*{.ts,.tsx} --fix",generate:"stencil generate"};var Q={"@swisspost/design-system-styles":"workspace:6.6.0","body-scroll-lock":"4.0.0-beta.0","iframe-resizer":"4.3.9",jquery:"3.7.1",tabbable:"6.2.0","throttle-debounce":"5.0.0","url-polyfill":"1.1.12"};var tt={"@babel/core":"7.23.7","@percy/cli":"1.27.7","@percy/cypress":"3.1.2","@stencil-community/eslint-plugin":"0.7.1","@stencil/core":"4.11.0","@stencil/sass":"3.0.8","@stencil/store":"2.0.12","@types/body-scroll-lock":"3.1.2","@types/iframe-resizer":"3.5.13","@types/jest":"29.5.11","@types/jquery":"3.5.29","@types/node":"18.19.9","@types/throttle-debounce":"5.0.2","babel-loader":"9.1.3",bootstrap:"5.3.2",cypress:"13.6.3","cypress-each":"1.13.3","cypress-storybook":"0.5.1","eslint-plugin-react":"7.33.2",globby:"14.0.0",jest:"29.7.0","jest-environment-jsdom":"29.7.0",rimraf:"5.0.5","rollup-plugin-node-polyfills":"0.2.1","rollup-plugin-scss":"4.0.0","rollup-plugin-visualizer":"5.12.0",sass:"1.70.0","start-server-and-test":"2.0.3","ts-jest":"29.1.2",typescript:"4.9.5"};var et=["components","web-components","header","stencil","design-system","ui","frontend"];var it={name:E,version:T,description:W,author:J,license:K,repository:H,homepage:M,bugs:D,main:U,module:B,es2017:G,types:q,collection:V,"collection:main":"dist/collection/index.js",unpkg:X,publishConfig:Z,files:Y,scripts:$,dependencies:Q,devDependencies:tt,keywords:et};var nt=function(t){if(!(t instanceof HTMLElement||t instanceof SVGElement)){return false}var e=getComputedStyle(t);return["overflow","overflow-x","overflow-y"].some((function(t){var i=e.getPropertyValue(t);return i==="auto"||i==="scroll"}))};var ot=function(t){var e=t.parentElement;while(e){if(e.nodeName==="BODY"){return document}if(nt(e)){return e}e=e.parentElement}return document};var rt=function(t,e){var i=ot(e);var n=function(){var n=d.stickyness==="full";var o=1;var r=e.clientHeight-1;var s=i instanceof Element?i.scrollTop:i.documentElement.scrollTop;var a=n?0:s;if(t.clientHeight>0){o=Math.max((r-Math.max(a,0))/(r-t.clientHeight),1)}e.style.setProperty("--logo-scale",o.toString())};var o=s(150,n);var r=new IntersectionObserver((function(t){t.forEach((function(t){if(t.isIntersecting&&t.intersectionRatio>0){i.addEventListener("scroll",n,{passive:true});window.addEventListener("resize",o);window.requestAnimationFrame(n)}else{i.removeEventListener("scroll",n);window.removeEventListener("resize",o);window.requestAnimationFrame(n)}}))}),{threshold:[0,.001]});r.observe(t);return n};var st='@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff")}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:rgba(0,0,0,0);border:none;border-radius:0;padding:0}.nav-link{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0,0,0,.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem}.nav-link:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.nav-link:focus{color:#000}.nav-link:is(:focus-visible,:focus-within,.pretend-focus){z-index:1;position:relative}.nav-link>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.nav-link>span{-ms-flex-negative:1;flex-shrink:1}.no-list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}*,:host,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{font-family:"Frutiger Neue For Post",system-ui,sans-serif}button{font:inherit;padding:0}a,button{border-radius:4px;outline:none;outline-offset:2px}a:is(:focus-visible,:focus-within,.pretend-focus),button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color);border-radius:4px}img,svg{max-width:100%;max-height:100%}@media (forced-colors: active){svg{color:#fff}}.box>*:first-child{margin-top:0}.box>*:last-child{margin-bottom:0}.mirrored{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.bold{font-weight:700}.light{font-weight:300}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.align-items-center{-ms-flex-align:center;align-items:center}@media (min-width: 1441px){.wide-container{margin:0 auto;max-width:1440px}}@media (max-width: 599.98px){.container{padding-right:16px;padding-left:16px}}@media (min-width: 600px)and (max-width: 1023.98px){.container{padding-right:32px;padding-left:32px}}@media (min-width: 1024px){.container{padding-right:40px;padding-left:40px}}@media (max-width: -0.02px){.hidden-xs{display:none}}@media (max-width: 399.98px){.hidden-sm{display:none}}@media (max-width: 599.98px){.hidden-rg{display:none}}@media (max-width: 779.98px){.hidden-md{display:none}}@media (max-width: 1023.98px){.hidden-lg{display:none}}@media (max-width: 1279.98px){.hidden-xl{display:none}}@media (max-width: 1440.98px){.hidden-xxl{display:none}}:host{--logo-scale:1}@media (max-width: 1023.98px){:host{--logo-scale:1 !important}}post-logo{height:var(--header-height);width:var(--header-height);-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:scale(var(--logo-scale));transform:scale(var(--logo-scale))}post-main-navigation{margin-left:calc(var(--header-height)*var(--logo-scale) - var(--header-height))}:host{display:block;position:relative;font-size:1rem;font-weight:300;z-index:var(--header-z-index, 10);--header-height:3.5rem;--meta-header-height:0px;--language-dropdown-margin-top:0px}@media (min-width: 1024px){:host{--meta-header-height:3rem;--header-height:4rem}}@media (min-width: 1280px){:host{--header-height:4.5rem}}:host([meta=false]){--meta-header-height:0px;--language-dropdown-margin-top:1px}@supports ((position: -webkit-sticky) or (position: sticky)){:host(:not(.stickyness-none)){position:-webkit-sticky;position:sticky}:host(.stickyness-full){top:0}:host(.stickyness-main){top:calc(var(--meta-header-height, 0px)*-1)}:host(.stickyness-minimal){top:calc((var(--header-height, 0px) + var(--meta-header-height, 0px) + 1px)*-1);-webkit-transition:top 200ms ease-in;transition:top 200ms ease-in}:host(.stickyness-minimal.scrolling-up),:host(.stickyness-minimal.dropdown-open){top:calc(var(--meta-header-height, 0px)*-1);-webkit-transition:top 200ms ease-out;transition:top 200ms ease-out}}.post-internet-header{border-bottom:1px solid #e6e6e6;background-color:#fff}.main-navigation-container{display:-ms-flexbox;display:flex}.main-navigation-container>.main-navigation-controls{-ms-flex:0 1 auto;flex:0 1 auto}.main-navigation{display:-ms-flexbox;display:flex}.sub-navigation-container{position:absolute;top:100%;left:0;width:100%;display:-ms-flexbox;display:flex;background:#fff;visibility:hidden}.main-navigation-item:hover .sub-navigation-container{visibility:visible}.main-navigation-controls{display:-ms-flexbox;display:flex;margin-left:auto}@media (max-width: 1023.98px){.main-navigation-controls{font-weight:400}}@media (min-width: 1024px){.main-navigation-controls{font-size:1.0625rem}}.main-navigation-controls>*{border-left:1px solid #e6e6e6;-ms-flex:0 0 auto;flex:0 0 auto}.main-navigation-custom-content{max-height:var(--header-height);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:1;flex-shrink:1}.menu-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 calc(1rem - 1px);font-weight:300;cursor:pointer;border-left:1px solid #e6e6e6;-ms-flex-order:1;order:1}@media (min-width: 1024px){.menu-button{display:none}}@media (min-width: 600px)and (max-width: 1023.98px){.menu-button .visually-hidden{position:static;width:auto;height:auto;margin:auto;overflow:visible;clip:auto;visibility:visible;margin-right:.5rem}}.menu-button svg{width:1.5rem;height:1.5rem}.full-width .wide-container{max-width:none}';var at=st;var ut=t("P",function(){function t(t){e(this,t);this.headerLoaded=i(this,"headerLoaded",7);this.lastScrollTop=window.scrollY||document.documentElement.scrollTop;this.lastWindowWidth=window.innerWidth;this.handleClickOutsideBound=this.handleClickOutside.bind(this);this.project=undefined;this.stickyness="minimal";this.language=undefined;this.meta=true;this.login=true;this.search=true;this.skiplinks=true;this.configProxy=undefined;this.environment="prod";this.languageSwitchOverrides=undefined;this.customConfig=undefined;this.languageCookieKey=undefined;this.languageLocalStorageKey="swisspost-internet-header-language";this.logoutUrl=undefined;this.activeRoute="auto";this.osFlyoutOverrides=undefined;this.fullWidth=false;this.activeFlyout=null;this.activeDropdownElement=null;this.isMainSlotEmpty=true;if(this.project===undefined||this.project===""||!z(this.project)){throw new Error('Internet Header project key is "'.concat(this.project,'". Please provide a valid project key.'))}}t.prototype.getCurrentLanguage=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){return[2,(t=d.currentLanguage)!==null&&t!==void 0?t:"de"]}))}))};t.prototype.connectedCallback=function(){var t=this;this.throttledScroll=a(300,(function(){return t.handleScrollEvent()}));this.debouncedResize=s(200,(function(){return t.handleResize()}))};t.prototype.disconnectedCallback=function(){this.scrollParent.removeEventListener("scroll",this.throttledScroll);this.scrollParent.removeEventListener("resize",this.debouncedResize);h()};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n;return __generator(this,(function(o){switch(o.label){case 0:this.scrollParent=ot(this.host);this.scrollParent.addEventListener("scroll",this.throttledScroll,{passive:true});this.scrollParent.addEventListener("resize",this.debouncedResize,{passive:true});o.label=1;case 1:o.trys.push([1,3,,4]);d.projectId=this.project;d.stickyness=this.stickyness;d.environment=this.environment.toLocaleLowerCase();if(this.language!==undefined)d.currentLanguage=this.language;d.languageSwitchOverrides=typeof this.languageSwitchOverrides==="string"?JSON.parse(this.languageSwitchOverrides):this.languageSwitchOverrides;d.osFlyoutOverrides=typeof this.osFlyoutOverrides==="string"?JSON.parse(this.osFlyoutOverrides):this.osFlyoutOverrides;if(this.customConfig!==undefined){t=Object.keys(typeof this.customConfig==="string"?JSON.parse(this.customConfig):this.customConfig);e=d.currentLanguage||u(t,this.language);d.localizedCustomConfig=L(this.customConfig,e)}i=d;return[4,C({projectId:this.project,environment:d.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:d.localizedCustomConfig,osFlyoutOverrides:d.osFlyoutOverrides})];case 2:i.localizedConfig=o.sent();return[3,4];case 3:n=o.sent();console.error(n);return[3,4];case 4:return[2]}}))}))};t.prototype.componentDidLoad=function(){var t=this;window.requestAnimationFrame((function(){t.handleResize();t.headerLoaded.emit();t.host.classList.add("header-loaded");if(t.meta&&t.metaNav){t.updateLogoAnimation=rt(t.metaNav,t.host)}}));if(this.stickyness==="full")console.warn('Internet Header: The stickyness="full" option is deprecated.')};t.prototype.handleLanguageChange=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:d.currentLanguage=t;e=d;return[4,C({projectId:this.project,environment:this.environment,language:t,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:d.localizedCustomConfig,osFlyoutOverrides:d.osFlyoutOverrides})];case 1:e.localizedConfig=i.sent();if(this.customConfig)d.localizedCustomConfig=L(this.customConfig,t);return[2]}}))}))};t.prototype.handleAvailableLanguagesChange=function(t){d.languageSwitchOverrides=typeof t==="string"?JSON.parse(t):t};t.prototype.handleOsFlyoutOverrides=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:d.osFlyoutOverrides=typeof t==="string"?JSON.parse(t):t;e=d;return[4,C({projectId:this.project,environment:this.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:d.localizedCustomConfig,osFlyoutOverrides:d.osFlyoutOverrides})];case 1:e.localizedConfig=i.sent();return[2]}}))}))};t.prototype.handleActiveRouteChange=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:e=d;return[4,C({projectId:this.project,environment:this.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:t,localizedCustomConfig:d.localizedCustomConfig,osFlyoutOverrides:d.osFlyoutOverrides})];case 1:e.localizedConfig=i.sent();return[2]}}))}))};t.prototype.handleCustomConfigChange=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i;return __generator(this,(function(n){switch(n.label){case 0:if(this.language===undefined)return[2];e=L(t,this.language);d.localizedCustomConfig=e;i=d;return[4,C({projectId:this.project,environment:this.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:e,osFlyoutOverrides:d.osFlyoutOverrides})];case 1:i.localizedConfig=n.sent();return[2]}}))}))};t.prototype.handleSearchChange=function(t){d.search=t};t.prototype.handleLoginChange=function(t){d.login=t};t.prototype.handleMetaChange=function(t){d.meta=t};t.prototype.handleLanguageChangeEvent=function(t){void this.handleLanguageChange(t.detail)};t.prototype.handleStickynessChange=function(t){d.stickyness=t;if(typeof this.updateLogoAnimation==="function")this.updateLogoAnimation()};t.prototype.handleClickOutside=function(t){if(this.activeDropdownElement&&!t.composedPath().includes(this.activeDropdownElement)){void this.activeDropdownElement.toggleDropdown(false)}};t.prototype.handleKeyUp=function(t){if(t.key==="Escape"){if(this.activeDropdownElement){void this.activeDropdownElement.toggleDropdown(false)}if(this.activeFlyout!==null&&this.mainNav){void this.mainNav.toggleDropdown(false)}}};t.prototype.handleScrollEvent=function(){var t=this.scrollParent instanceof Document?this.scrollParent.documentElement.scrollTop:this.scrollParent.scrollTop;if(this.stickyness==="minimal"){this.host.classList.toggle("scrolling-up",t<=this.lastScrollTop)}this.lastScrollTop=t<=0?0:t};t.prototype.handleResize=function(){var t;if(this.isMainNavOpen()&&this.lastWindowWidth<1024&&window.innerWidth>=1024){(t=this.activeDropdownElement)===null||t===void 0?void 0:t.toggleDropdown(false)}this.lastWindowWidth=window.innerWidth};t.prototype.handleDropdownToggled=function(t){var e=this;if(!t.detail.open&&this.activeDropdownElement!==t.detail.element){return}if(t.detail.open){if(this.activeDropdownElement){void this.activeDropdownElement.toggleDropdown(false)}this.activeDropdownElement=t.detail.element;if(window.innerWidth>=1024){window.setTimeout((function(){window.addEventListener("click",e.handleClickOutsideBound)}),10)}if(this.activeFlyout!==null&&this.mainNav){void this.mainNav.setActiveFlyout(null)}}else{this.activeDropdownElement=null;window.removeEventListener("click",this.handleClickOutsideBound)}};t.prototype.handleFlyoutToggled=function(t){this.activeFlyout=t.detail;if(this.activeDropdownElement&&t.detail&&!this.isMainNavOpen()){void this.activeDropdownElement.toggleDropdown(false)}};t.prototype.toggleMobileDropdown=function(){var t;(t=this.mainNav)===null||t===void 0?void 0:t.toggleDropdown()};t.prototype.isMainNavOpen=function(){return this.activeDropdownElement&&this.activeDropdownElement.tagName==="POST-MAIN-NAVIGATION"};t.prototype.handleMainSlotChange=function(t){var e=t.target;this.isMainSlotEmpty=e.assignedElements().length===0};t.prototype.render=function(){var t=this;var e,i,r;if(!((e=d.localizedConfig)===null||e===void 0?void 0:e.header)){console.error(new Error("Internet Header: Config cannot be loaded"));return}var s=d.localizedConfig;var a=this.meta&&s.header.navMeta!==undefined&&((i=s.header.navMeta)===null||i===void 0?void 0:i.filter((function(t){return!t.isHomeLink})).length)>0;var u=((r=this.login)!==null&&r!==void 0?r:!s.header.isLoginWidgetHidden)&&s.header.loginWidgetOptions;var l=s.header.navLang.length>1;return n(o,{class:"stickyness-".concat(this.stickyness," ").concat(Boolean(this.activeDropdownElement)||Boolean(this.activeFlyout)?"dropdown-open":""),"data-version":it.version,onKeyup:function(e){return t.handleKeyUp(e)}},n("header",{class:"post-internet-header".concat(this.fullWidth?" full-width":"")},n(p,null),n("h1",{class:"visually-hidden"},f("Navigate on post.ch")),n(g,{condition:this.skiplinks},n("post-skiplinks",null)),n(g,{condition:a},n("post-meta-navigation",{orientation:"horizontal",class:"hidden-lg","full-width":this.fullWidth,ref:function(e){return t.metaNav=e}},n(g,{condition:l},n("post-language-switch",{id:"post-language-switch-desktop",mode:"dropdown",onDropdownToggled:function(e){return t.handleDropdownToggled(e)}})))),n("div",{class:"main-navigation-container wide-container"},n("post-logo",null),n("button",{class:"menu-button nav-link",onClick:function(){return t.toggleMobileDropdown()},"aria-haspopup":"menu","aria-controls":"post-internet-header-main-navigation","aria-expanded":this.activeDropdownElement?"true":"false"},n("span",{class:"menu-button-text visually-hidden"},s.header.mobileMenu.text),n(v,{name:this.isMainNavOpen()?"pi-close":"pi-menu"})),n("post-main-navigation",{onDropdownToggled:function(e){return t.handleDropdownToggled(e)},onFlyoutToggled:function(e){return t.handleFlyoutToggled(e)},ref:function(e){return t.mainNav=e}},n(g,{condition:a},n("post-meta-navigation",{orientation:"vertical"},n(g,{condition:l},n("post-language-switch",{id:"post-language-switch-mobile",mode:"list"}))))),n("div",{class:"main-navigation-controls"},n("div",{class:"main-navigation-custom-content",hidden:this.isMainSlotEmpty},n("slot",{name:"main",onSlotchange:function(e){return t.handleMainSlotChange(e)}})),n(g,{condition:this.search},n("post-search",{onDropdownToggled:function(e){return t.handleDropdownToggled(e)}})),n(g,{condition:!!u},n("post-klp-login-widget",{"logout-url":this.logoutUrl},n("slot",{name:"login-widget"}))),n(g,{condition:!a&&l},n("post-language-switch",{id:"post-language-switch-no-meta",onDropdownToggled:function(e){return t.handleDropdownToggled(e)},mode:"dropdown"}))))))};Object.defineProperty(t.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{language:["handleLanguageChange"],languageSwitchOverrides:["handleAvailableLanguagesChange"],osFlyoutOverrides:["handleOsFlyoutOverrides"],activeRoute:["handleActiveRouteChange"],customConfig:["handleCustomConfigChange"],search:["handleSearchChange"],login:["handleLoginChange"],meta:["handleMetaChange"],stickyness:["handleStickynessChange"]}},enumerable:false,configurable:true});return t}());ut.style=at}}}));
+//# sourceMappingURL=p-b645daf7.system.js.map

package/dist/swisspost-internet-header/p-b645daf7.system.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["markActiveRoute","config","activeRouteProp","compareUrl","resetOverrideConfig","hasActivePortalRoute","resetActiveStateToPortalConfig","URL","window","location","href","document","origin","error","console","warn","concat","scoreList","compileScoreList","length","winnerPair","main","isActiveOverride","sub","filter","nav","isActive","map","Object","assign","flyout","linkList","link","hadAnyActiveLink","mainNav","forEach","score","compareRoutes","url","updateScoreList","_a","linklist","sort","a","b","scoreListItem","hadActiveLink","Infinity","push","baseUrl","matchMode","baseUrlPath","pathname","toLocaleLowerCase","compareUrlPath","baseSegments","__spreadArray","split","x","compareSegments","getSimilarityScore","Math","min","i","request","osFlyoutCache","getPPMConfig","ppmConfigScript","querySelector","textContent","JSON","parse","getLocalizedConfig","_d","projectId","environment","language","cookieKey","localStorageKey","localizedCustomConfig","osFlyoutOverrides","ppmConfig","localizedConfig","lang","documentElement","fetchConfig","_e","sent","getUserLang","keys","undefined","Error","header","navMain","mergeOsFlyoutOverrides","setMainNavigationIds","_b","persistLanguageChoice","id","stringify","mainNavText","text","mainNavTitle","title","mainNavFlyout","col","index","overrides","slice","__awaiter","_this","isValidProjectId","generateConfigUrl","fetch","res","json","error_1","message","parsedEnvironment","toLowerCase","isProd","host","encodeURIComponent","toString","test","getLocalizedCustomConfig","customConfig","navMainEntities","navMainEntity","uniqueId","isScrollable","node","HTMLElement","SVGElement","style","getComputedStyle","some","propertyName","value","getPropertyValue","getScrollParent","currentParent","parentElement","nodeName","registerLogoAnimationObserver","target","headerRef","scrollParent","handleScroll","fullStickyness","state","stickyness","scale","adjustedHeaderHeight","clientHeight","scrollDistance","Element","scrollTop","scrollY","max","setProperty","debounced","debounce","observer","IntersectionObserver","entries","entry","isIntersecting","intersectionRatio","addEventListener","passive","requestAnimationFrame","removeEventListener","threshold","observe","postInternetHeaderCss","SwisspostInternetHeaderStyle0","PostInternetHeader","exports","class_1","hostRef","this","lastScrollTop","lastWindowWidth","innerWidth","handleClickOutsideBound","handleClickOutside","bind","project","prototype","getCurrentLanguage","currentLanguage","connectedCallback","throttledScroll","throttle","handleScrollEvent","debouncedResize","handleResize","disconnectedCallback","dispose","componentWillLoad","languageSwitchOverrides","langs","languageCookieKey","languageLocalStorageKey","activeRoute","error_2","componentDidLoad","headerLoaded","emit","classList","add","meta","metaNav","updateLogoAnimation","handleLanguageChange","newValue","handleAvailableLanguagesChange","handleOsFlyoutOverrides","handleActiveRouteChange","handleCustomConfigChange","handleSearchChange","search","handleLoginChange","login","handleMetaChange","handleLanguageChangeEvent","event","detail","handleStickynessChange","activeDropdownElement","composedPath","includes","toggleDropdown","handleKeyUp","key","activeFlyout","st","Document","toggle","isMainNavOpen","handleDropdownToggled","open","element","setTimeout","setActiveFlyout","handleFlyoutToggled","toggleMobileDropdown","tagName","handleMainSlotChange","e","mainSlot","isMainSlotEmpty","assignedElements","render","renderMetaNavigation","navMeta","isHomeLink","renderLogin","_c","isLoginWidgetHidden","loginWidgetOptions","renderLanguageSwitch","navLang","h","Host","class","Boolean","packageJson","version","onKeyup","fullWidth","SvgSprite","translate","If","condition","skiplinks","orientation","ref","el","mode","onDropdownToggled","onClick","mobileMenu","SvgIcon","name","onFlyoutToggled","hidden","onSlotchange","logoutUrl"],"sources":["src/services/route.service.ts","src/services/config.service.ts","src/utils/scrollparent.ts","src/components/post-internet-header/logo-animation/logo-animation.ts","src/components/post-internet-header/post-internet-header.scss?tag=swisspost-internet-header&encapsulation=shadow","src/components/post-internet-header/post-internet-header.tsx"],"sourcesContent":["import { ActiveRouteProp } from '../models/general.model';\nimport { NavMainEntity, MainNavScoreList } from '../models/header.model';\n\n/**\n * Activate the current route based on the config and the match mode\n * @param config Main Navigation Config\n * @param activeRouteProp Match mode\n * @returns Modified Main Navigation Config\n */\nexport const markActiveRoute = (\n  config: NavMainEntity[],\n  activeRouteProp: ActiveRouteProp,\n): NavMainEntity[] => {\n  // Don't highlight any route\n  if (activeRouteProp === false) {\n    return config;\n  }\n\n  // Set compare URL and check if activeRouteProp is valid\n  let compareUrl: URL;\n  config = resetOverrideConfig(config);\n\n  if (activeRouteProp === 'auto' || activeRouteProp === 'exact') {\n    // Check if an active route is already configured, set override to that and return\n    if (hasActivePortalRoute(config)) {\n      return resetActiveStateToPortalConfig(config);\n    }\n\n    compareUrl = new URL(window.location.href);\n  } else {\n    try {\n      compareUrl = new URL(activeRouteProp, document.location.origin);\n    } catch (error) {\n      console.warn(\n        `Active Route: ${activeRouteProp} is not a valid URL. Navigation highlighting has been disabled.`,\n      );\n      return config;\n    }\n  }\n\n  const scoreList = compileScoreList(config, compareUrl, activeRouteProp);\n\n  if (scoreList.length === 0) {\n    // No match found or already active links defined\n    return config;\n  }\n\n  const winnerPair = scoreList[0];\n  winnerPair.main.isActiveOverride = true;\n  if (winnerPair.sub) winnerPair.sub.isActiveOverride = true;\n\n  return config;\n};\n\n/**\n * Check if the portal config set any active route\n * @param config Main navigation config\n * @returns True if portal set any route as active\n */\nexport const hasActivePortalRoute = (config: NavMainEntity[]): boolean => {\n  return config.filter(nav => nav.isActive).length > 0;\n};\n\nexport const resetActiveStateToPortalConfig = (config: NavMainEntity[]): NavMainEntity[] => {\n  return config.map(nav => ({\n    ...nav,\n    isActiveOverride: nav.isActive,\n    flyout: nav.flyout.map(flyout => ({\n      ...flyout,\n      linkList: flyout.linkList.map(link => ({ ...link, isActiveOverride: link.isActive })),\n    })),\n  }));\n};\n\nconst resetOverrideConfig = (config: NavMainEntity[]): NavMainEntity[] => {\n  return config.map(nav => ({\n    ...nav,\n    isActiveOverride: false,\n    flyout: nav.flyout.map(flyout => ({\n      ...flyout,\n      linkList: flyout.linkList.map(link => ({ ...link, isActiveOverride: false })),\n    })),\n  }));\n};\n\n/**\n * Compile a list of scores based on the map mode, sorted in descending order\n * @param config Main Nav Config\n * @param compareUrl Current Browser URL or a custom URL\n * @param activeRouteProp Match mode\n * @returns A list of scored URLs if any matched\n */\nexport const compileScoreList = (\n  config: NavMainEntity[],\n  compareUrl: URL,\n  activeRouteProp: ActiveRouteProp,\n): MainNavScoreList => {\n  // Flag to check if the Portal set any active links or if there are any exact matches\n  let hadAnyActiveLink = false;\n  const scoreList: MainNavScoreList = [];\n\n  config\n    .filter(mainNav => !hadAnyActiveLink && mainNav)\n    .forEach(mainNav => {\n      try {\n        const score = compareRoutes(\n          compareUrl,\n          new URL(mainNav.url),\n          activeRouteProp as 'auto' | 'exact',\n        );\n\n        hadAnyActiveLink = updateScoreList(\n          scoreList,\n          score,\n          { main: mainNav, score },\n          hadAnyActiveLink,\n        );\n      } catch {\n        // Not a valid url, continue\n      }\n\n      // Loop through flyout links 2nd level\n      mainNav.flyout.forEach(flyout => {\n        flyout.linkList?.forEach(linklist => {\n          // Don't override if any link is already active\n          if (linklist.isActive && (activeRouteProp === 'auto' || activeRouteProp === 'exact')) {\n            hadAnyActiveLink = true;\n            return;\n          }\n\n          try {\n            const url = new URL(linklist.url);\n            const score = compareRoutes(compareUrl, url, activeRouteProp as 'auto' | 'exact');\n\n            hadAnyActiveLink = updateScoreList(\n              scoreList,\n              score,\n              { main: mainNav, sub: linklist, score },\n              hadAnyActiveLink,\n            );\n          } catch {\n            // Not a valid URL, continue\n          }\n        });\n      });\n    });\n\n  return scoreList.sort((a, b) => b.score - a.score);\n};\n\n/**\n * Update score list\n */\nfunction updateScoreList(\n  scoreList: MainNavScoreList,\n  score: number,\n  scoreListItem: any,\n  hadAnyActiveLink: boolean,\n) {\n  let hadActiveLink = hadAnyActiveLink;\n\n  if (score > 0) {\n    if (score === Infinity) hadActiveLink = true;\n    // Push score\n    scoreList.push(scoreListItem);\n  }\n\n  return hadActiveLink;\n}\n\n/**\n * Compare two URLs for similarity based on a match mode\n * @param baseUrl Browser URL\n * @param compareUrl Navigatgion URL\n * @param matchMode exact or auto matching\n * @returns Score\n */\nexport const compareRoutes = (\n  baseUrl: URL,\n  compareUrl: URL,\n  matchMode?: 'auto' | 'exact',\n): number => {\n  // One url is not defined or they don't share the same orign\n  if (baseUrl === null || compareUrl === null || baseUrl.origin !== compareUrl.origin) {\n    return 0;\n  }\n\n  const baseUrlPath = baseUrl.pathname.toLocaleLowerCase();\n  const compareUrlPath = compareUrl.pathname.toLocaleLowerCase();\n\n  // Exact match, origin and pathname are the same\n  if (baseUrlPath === compareUrlPath) {\n    return Infinity;\n  }\n\n  // The basepath is longer than the comparison, a match is impossible\n  if (baseUrl.pathname.length < compareUrl.pathname.length) {\n    return 0;\n  }\n\n  if (matchMode === 'auto') {\n    const baseSegments = [\n      baseUrl.origin.toLocaleLowerCase(),\n      ...baseUrlPath.split('/').filter(x => x !== null && x !== ''),\n    ];\n    const compareSegments = [\n      compareUrl.origin.toLocaleLowerCase(),\n      ...compareUrlPath.split('/').filter(x => x !== null && x !== ''),\n    ];\n\n    const score = getSimilarityScore(baseSegments, compareSegments);\n\n    // If only some segments match, but not the whole smaller array, it's not a match\n    return Math.min(baseSegments.length, compareSegments.length) === score ? score : 0;\n  }\n\n  return 0;\n};\n\n/**\n * Check how many items in an array match\n * @param a Base array\n * @param b Compare array\n * @returns Score\n */\nexport const getSimilarityScore = (a: string[], b: string[]): number => {\n  if (a == null || b == null || a.length === 0 || b.length === 0) {\n    return 0;\n  }\n\n  let i = 0;\n  for (; i < Math.min(a.length, b.length); i++) {\n    if (a[i] !== b[i]) {\n      return 0;\n    }\n  }\n\n  return i;\n};\n","import {\n  Environment,\n  IPortalConfig,\n  ILocalizedConfig,\n  ICustomConfig,\n  ILocalizedCustomConfig,\n  LocalizedConfigParameters,\n} from '../models/general.model';\nimport { NavMainEntity } from '../models/header.model';\nimport { getUserLang, persistLanguageChoice } from './language.service';\nimport { uniqueId } from '../utils/utils';\nimport { markActiveRoute } from './route.service';\n\n// Prevent double requests\nlet request: Promise<IPortalConfig> | null = null;\n\n// Cache the original os flyout to use it for updates\nlet osFlyoutCache: NavMainEntity | null = null;\n\nconst getPPMConfig = (): ILocalizedConfig | null => {\n  const ppmConfigScript = document.querySelector('#PPM_HEADER_DATA');\n\n  if (ppmConfigScript?.textContent != null) {\n    return JSON.parse(ppmConfigScript.textContent);\n  }\n\n  return null;\n};\n\n/**\n * Get a localized config object\n *\n * @param projectId String identifying the project\n * @param language [optional] Preferred language\n * @returns Localized config object\n */\nexport const getLocalizedConfig = async ({\n  projectId,\n  environment,\n  language,\n  cookieKey,\n  localStorageKey,\n  activeRouteProp,\n  localizedCustomConfig,\n  osFlyoutOverrides,\n}: LocalizedConfigParameters): Promise<ILocalizedConfig> => {\n  const ppmConfig = getPPMConfig();\n  let localizedConfig: ILocalizedConfig;\n  let config: IPortalConfig | null = null;\n  let lang: string | undefined;\n\n  if (ppmConfig) {\n    localizedConfig = ppmConfig;\n    lang = document.documentElement.lang;\n  } else {\n    if (request == null) {\n      request = fetchConfig(projectId, environment);\n    }\n\n    config = await request;\n    lang = getUserLang(Object.keys(config), language, localStorageKey, cookieKey);\n\n    if (lang === undefined) {\n      throw new Error('Internet Header: unable to determine current language');\n    }\n\n    // Clone config for more predictable state updates\n    localizedConfig = { ...config[lang] };\n  }\n\n  // Merge custom config with portal config\n  if (localizedCustomConfig) {\n    const header = localizedCustomConfig?.header?.navMain\n      ? {\n          ...localizedConfig.header,\n          navMain: [...localizedConfig.header.navMain, ...localizedCustomConfig.header.navMain],\n        }\n      : localizedConfig.header;\n    localizedConfig = {\n      ...localizedConfig,\n      header,\n    };\n  }\n\n  // Add entries to flyout_os\n  if (osFlyoutOverrides)\n    localizedConfig.header.navMain = mergeOsFlyoutOverrides(localizedConfig, osFlyoutOverrides);\n\n  // Mark active route\n  if (activeRouteProp != null)\n    localizedConfig.header.navMain = markActiveRoute(\n      localizedConfig.header.navMain,\n      activeRouteProp,\n    );\n\n  setMainNavigationIds(localizedConfig?.header?.navMain);\n\n  // Set the new language choice\n  persistLanguageChoice(lang, cookieKey, localStorageKey);\n\n  return localizedConfig;\n};\n\n/**\n * Merge portal config with custom os flyout overrides\n * @param config Localized config\n * @param osFlyoutOverrides Overrides for the flyout\n * @returns Merged localized config\n */\nexport const mergeOsFlyoutOverrides = (\n  config: ILocalizedConfig,\n  osFlyoutOverrides: NavMainEntity,\n): NavMainEntity[] => {\n  if (osFlyoutOverrides == null) return config.header.navMain;\n\n  return config.header.navMain.map(mainNav => {\n    if (mainNav.id !== 'flyout_os') return mainNav;\n\n    if (osFlyoutCache === null) {\n      osFlyoutCache = JSON.parse(JSON.stringify(mainNav)) as NavMainEntity;\n    }\n\n    const mainNavText = osFlyoutOverrides.text ?? osFlyoutCache.text;\n    const mainNavTitle = osFlyoutOverrides.title ?? osFlyoutCache.title;\n\n    if (\n      osFlyoutCache.flyout == null ||\n      osFlyoutCache.flyout.length === 0 ||\n      osFlyoutOverrides.flyout == null ||\n      osFlyoutOverrides.flyout.length === 0\n    )\n      return {\n        ...mainNav,\n        title: mainNavTitle,\n        text: mainNavText,\n      };\n\n    // Add entries for os flyout columns without overriding existing config\n    const mainNavFlyout = [\n      ...osFlyoutCache.flyout.map((col, index) => {\n        const overrides = osFlyoutOverrides.flyout[index];\n        const title = overrides.title ?? col.title;\n\n        const linkList = overrides.linkList != null ? osFlyoutOverrides.flyout[index].linkList : [];\n\n        return {\n          title,\n          linkList: [...col.linkList, ...linkList],\n        };\n      }),\n      ...osFlyoutOverrides.flyout.slice(osFlyoutCache.flyout.length),\n    ];\n\n    return {\n      ...mainNav,\n      text: mainNavText,\n      title: mainNavTitle,\n      flyout: mainNavFlyout,\n    } as NavMainEntity;\n  });\n};\n\n/**\n * Fetch the general config based on project id\n *\n * @returns Promise for Post Portal general config\n */\nexport const fetchConfig = async (\n  projectId: string,\n  environment: Environment,\n): Promise<IPortalConfig> => {\n  // Check if project id is sanitized\n  if (!isValidProjectId(projectId)) {\n    throw new Error(`Internet Header: invalid project id \"${projectId}\"`);\n  }\n\n  if (projectId === 'test') {\n    environment = 'int01';\n  }\n\n  let url = generateConfigUrl(projectId, environment);\n\n  // Get the config if cache is invalid\n  try {\n    const res = await fetch(url);\n    return (await res.json()) as IPortalConfig;\n  } catch (error) {\n    throw new Error(`Internet Header: fetching config failed. ${error.message}`);\n  }\n};\n\n/**\n * Generate an URL with all necessary query params to get the configuration.\n * Project id \"test\" will return a test configuration\n * @param projectId string\n * @param environment int01, int02 or prod\n * @returns URL pointing to the project config\n */\nexport const generateConfigUrl = (projectId: string, environment: Environment): string => {\n  if (projectId === 'test') return 'assets/config/test-configuration.json';\n\n  const parsedEnvironment = environment.toLowerCase();\n  const isProd = parsedEnvironment === 'prod';\n  const host = `https://${isProd ? 'www' : 'int'}.post.ch`;\n  try {\n    // Use URL to validate the generated URL\n    return new URL(\n      `${host}/api/headerjs/Json?serviceid=${encodeURIComponent(projectId)}${\n        !isProd ? '&environment=' + parsedEnvironment : ''\n      }`,\n    ).toString();\n  } catch (error) {\n    throw new Error(`Internet Header: Config URL is invalid.`);\n  }\n};\n\n/**\n * Check if project id contains only URL safe characters\n *\n * @param projectId Project Id string\n * @returns The valid project id\n */\nexport const isValidProjectId = (projectId: string): boolean => {\n  return projectId !== '' && projectId.length > 0 && /^[a-zA-Z][\\w-]*[a-zA-Z0-9]$/.test(projectId);\n};\n\n/**\n * Get the localized config object from a custom config\n *\n * @param config String or json object of the custom config\n * @param language Specific language\n * @returns Localized custom config object\n */\nexport const getLocalizedCustomConfig = (\n  config: string | ICustomConfig,\n  language: string,\n): ILocalizedCustomConfig | undefined => {\n  let customConfig: ICustomConfig;\n  try {\n    customConfig = typeof config === 'string' ? JSON.parse(config) : config;\n  } catch (error) {\n    throw new Error(\n      `Internet Header: Custom config is invalid. Make sure your custom config contains valid JSON syntax and matches the definition. `,\n    );\n  }\n  let localizedCustomConfig: ILocalizedCustomConfig | undefined = customConfig[language];\n  if (localizedCustomConfig?.header?.navMain)\n    setMainNavigationIds(localizedCustomConfig.header.navMain);\n  return localizedCustomConfig;\n};\n\n/**\n * Check if mobile header styles are applied or not\n * @returns True if browser is smaller than 1024px\n */\nexport const isMobile = () => window.innerWidth < 1024;\n\n/**\n * Set unique ID's on main navigation entities but conserve flyout_os to be able to\n * identify the online-service flyout, which can be configured by osFlyoutOverrides\n */\nexport const setMainNavigationIds = (navMainEntities: NavMainEntity[]): void => {\n  navMainEntities.forEach(navMainEntity => {\n    navMainEntity.id = navMainEntity.id === 'flyout_os' ? navMainEntity.id : uniqueId('main-nav-');\n  });\n};\n","const isScrollable = (node: Element) => {\n  if (!(node instanceof HTMLElement || node instanceof SVGElement)) {\n    return false;\n  }\n  const style = getComputedStyle(node);\n  return ['overflow', 'overflow-x', 'overflow-y'].some(propertyName => {\n    const value = style.getPropertyValue(propertyName);\n    return value === 'auto' || value === 'scroll';\n  });\n};\n\nexport const getScrollParent = (node: Element): Element | Document => {\n  let currentParent = node.parentElement;\n  while (currentParent) {\n    if (currentParent.nodeName === 'BODY') {\n      return document;\n    }\n    if (isScrollable(currentParent)) {\n      return currentParent;\n    }\n    currentParent = currentParent.parentElement;\n  }\n  return document;\n};\n","import { debounce } from 'throttle-debounce';\nimport { state } from '../../../data/store';\nimport { getScrollParent } from '../../../utils/scrollparent';\n\nexport const registerLogoAnimationObserver = (\n  target: HTMLElement,\n  headerRef: HTMLSwisspostInternetHeaderElement,\n) => {\n  const scrollParent = getScrollParent(headerRef);\n\n  /**\n   * Set intersection ratio as CSS custom property\n   */\n  const handleScroll = () => {\n    const fullStickyness = state.stickyness === 'full';\n    let scale = 1;\n    // Minus 1px border at the bottom that the logo is not covering\n    const adjustedHeaderHeight = headerRef.clientHeight - 1;\n    const scrollDistance = scrollParent instanceof Element  ? scrollParent.scrollTop : scrollParent.documentElement.scrollTop;\n    const scrollY = fullStickyness ? 0 : scrollDistance;\n\n    // If meta navigation is not visible (mobile, not configured), scale should just be 1\n    if (target.clientHeight > 0) {\n      scale = Math.max(\n        (adjustedHeaderHeight - Math.max(scrollY, 0)) /\n          (adjustedHeaderHeight - target.clientHeight),\n        1,\n      );\n    }\n    headerRef.style.setProperty('--logo-scale', scale.toString());\n  };\n\n  const debounced = debounce(150, handleScroll);\n\n  /**\n   * Observe the meta navigation in order to not track scroll events throughout the whole page.\n   * This ensures that the scroll listener is only active while the meta navigation is visible.\n   */\n  const observer = new IntersectionObserver(\n    entries => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting && entry.intersectionRatio > 0) {\n          scrollParent.addEventListener('scroll', handleScroll, { passive: true });\n          window.addEventListener('resize', debounced);\n\n          // Ensure callback is called at least once in case main thread is too busy while scrolling up\n          window.requestAnimationFrame(handleScroll);\n        } else {\n          scrollParent.removeEventListener('scroll', handleScroll);\n          window.removeEventListener('resize', debounced);\n          window.requestAnimationFrame(handleScroll);\n        }\n      });\n    },\n    {\n      // Fires when element leaves viewport (0) and when it just about enters it (0.001)\n      threshold: [0, 0.001],\n    },\n  );\n  observer.observe(target);\n\n  return handleScroll;\n};\n","@use '@swisspost/design-system-styles/variables/color';\n@use '../../utils/utils.scss';\n@use '../../utils/mixins.scss';\n@use './logo-animation/logo-animation.scss';\n\n:host {\n  display: block;\n  position: relative;\n  font-size: 1rem;\n  font-weight: 300;\n  z-index: var(--header-z-index, 10);\n\n  --header-height: 3.5rem; // 56px\n  --meta-header-height: 0px; // Not visible on mobile\n  --language-dropdown-margin-top: 0px;\n\n  @include mixins.min(lg) {\n    --meta-header-height: 3rem; // 48px\n    --header-height: 4rem; // 64px\n  }\n\n  @include mixins.min(xl) {\n    --header-height: 4.5rem; // 72px\n  }\n}\n\n// Set height to 0 if meta is never visible\n:host([meta='false']) {\n  --meta-header-height: 0px;\n  // Compensation for header border-bottom, when language dropdown is displayed within main navigation controls\n  --language-dropdown-margin-top: 1px;\n}\n\n// Support different kinds of stickyness modes\n// Works only in combination with setting header heights dynamically\n@supports (position: sticky) {\n  // If stickyness is none, simply apply no styles, all others are sticky\n  :host(:not(.stickyness-none)) {\n    position: sticky;\n  }\n\n  // Everything is always sticky\n  :host(.stickyness-full) {\n    top: 0;\n  }\n\n  // Only main nav is sticky\n  :host(.stickyness-main) {\n    top: calc(var(--meta-header-height, 0px) * -1);\n  }\n\n  // Hide everything\n  :host(.stickyness-minimal) {\n    top: calc((var(--header-height, 0px) + var(--meta-header-height, 0px) + 1px) * -1);\n    transition: top 200ms ease-in;\n  }\n\n  // Show main when scrolling up or any of the menus are open\n  :host(.stickyness-minimal.scrolling-up),\n  :host(.stickyness-minimal.dropdown-open) {\n    top: calc(var(--meta-header-height, 0px) * -1);\n    transition: top 200ms ease-out;\n  }\n}\n\n.post-internet-header {\n  border-bottom: 1px solid color.$gray-10;\n  background-color: white;\n}\n\n.main-navigation-container {\n  display: flex;\n\n  & > .main-navigation-controls {\n    flex: 0 1 auto;\n  }\n}\n\n.main-navigation {\n  display: flex;\n}\n\n.sub-navigation-container {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: 100%;\n  display: flex;\n  background: white;\n  visibility: hidden;\n}\n\n.main-navigation-item:hover .sub-navigation-container {\n  visibility: visible;\n}\n\n.main-navigation-controls {\n  display: flex;\n  margin-left: auto;\n\n  @include mixins.max(lg) {\n    font-weight: 400;\n  }\n\n  @include mixins.min(lg) {\n    font-size: 1.0625rem;\n  }\n\n  & > * {\n    border-left: 1px solid color.$gray-10;\n    flex: 0 0 auto;\n  }\n}\n\n.main-navigation-custom-content {\n  max-height: var(--header-height);\n  display: flex;\n  align-items: center;\n  flex-shrink: 1;\n}\n\n.menu-button {\n  display: flex;\n  align-items: center;\n  padding: 0 calc(1rem - 1px);\n  font-weight: 300;\n  cursor: pointer;\n  border-left: 1px solid color.$gray-10;\n  order: 1; /* Display on the far right because of tab order */\n\n  @include mixins.min(lg) {\n    display: none;\n  }\n\n  .visually-hidden {\n    @include mixins.between(rg, lg) {\n      @include mixins.reset-visually-hidden();\n\n      margin-right: 0.5rem;\n    }\n  }\n\n  svg {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n}\n\n.full-width {\n  .wide-container {\n    max-width: none;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { debounce, throttle } from 'throttle-debounce';\nimport {\n  getLocalizedConfig,\n  getLocalizedCustomConfig,\n  isValidProjectId,\n} from '../../services/config.service';\nimport { dispose, state } from '../../data/store';\nimport { DropdownElement, DropdownEvent, NavMainEntity } from '../../models/header.model';\nimport { SvgSprite } from '../../utils/svg-sprite.component';\nimport { SvgIcon } from '../../utils/svg-icon.component';\nimport { StickynessOptions } from '../../models/implementor.model';\nimport { ActiveRouteProp, Environment, ICustomConfig } from '../../models/general.model';\nimport { IAvailableLanguage } from '../../models/language.model';\nimport { getUserLang, translate } from '../../services/language.service';\nimport { If } from '../../utils/if.component';\nimport packageJson from '../../../package.json';\nimport { registerLogoAnimationObserver } from './logo-animation/logo-animation';\nimport { getScrollParent } from '../../utils/scrollparent';\n\n@Component({\n  tag: 'swisspost-internet-header',\n  styleUrl: 'post-internet-header.scss',\n  shadow: true,\n})\nexport class PostInternetHeader {\n  /**\n   * Your project id, previously passed as query string parameter serviceId.\n   */\n  @Prop() project: string;\n\n  /**\n   * Sticky behaviour of the header.\n   */\n  @Prop() stickyness: StickynessOptions = 'minimal';\n\n  /**\n   * Initial language to be used. Overrides automatic language detection.\n   */\n  @Prop() language?: 'de' | 'fr' | 'it' | 'en';\n\n  /**\n   * Toggle the meta navigation.\n   */\n  @Prop() meta: boolean = true;\n\n  /**\n   * Toggle the login link (when logged out) or the user widget (when logged in).\n   */\n  @Prop() login: boolean = true;\n\n  /**\n   * Toggle the search button.\n   */\n  @Prop() search: boolean = true;\n\n  /**\n   * Toggle skiplinks. They help keyboard users to quickly jump to important sections of the page.\n   */\n  @Prop() skiplinks: boolean = true;\n\n  /**\n   * DEPRECATED!: Define a proxy URL for the config fetch request. Will be removed in the next major version\n   */\n  @Prop() configProxy?: string;\n\n  /**\n   * Target environment. Choose 'int01' for local testing.\n   */\n  @Prop() environment: Environment = 'prod';\n\n  /**\n   * Override the language switch links with custom URLs. Helpful when your application contains sub-pages, and you\n   * would like to stay on subpages when the user changes language.\n   */\n  @Prop() languageSwitchOverrides?: string | IAvailableLanguage[];\n\n  /**\n   * Customize the header config loaded from the post portal.\n   */\n  @Prop() customConfig?: string | ICustomConfig;\n\n  /**\n   * The header uses this cookie to set the language. Disables automatic language detection.\n   */\n  @Prop() languageCookieKey?: string;\n\n  /**\n   * The header uses this local storage key to set the language. Disables automatic language selection.\n   */\n  @Prop() languageLocalStorageKey?: string = 'swisspost-internet-header-language';\n\n  /**\n   * Override the logout-url provided by the portal config.\n   */\n  @Prop() logoutUrl?: string;\n\n  /**\n   * Set the currently activated route. If there is a link matching this URL in the header, it will be highlighted.\n   * Will also highlight partly matching URLs. When set to auto, will use current location.href for comparison.\n   */\n  @Prop() activeRoute?: 'auto' | false | string = 'auto';\n\n  /**\n   * Online Services only: Add custom links to the special online service navigation entry\n   */\n  @Prop() osFlyoutOverrides?: string | NavMainEntity;\n\n  /**\n   * Displays the header at full width for full-screen applications\n   */\n  @Prop() fullWidth?: boolean = false;\n\n  /**\n   * Fires when the header has been rendered to the page.\n   */\n  @Event() headerLoaded: EventEmitter<void>;\n\n  @State() activeFlyout: string | null = null;\n  @State() activeDropdownElement: DropdownElement | null = null;\n  @State() isMainSlotEmpty = true;\n  @Element() host: HTMLSwisspostInternetHeaderElement;\n\n  /**\n   * Get the currently set language as a two letter string (\"de\", \"fr\" \"it\" or \"en\")\n   * @returns string\n   */\n  @Method()\n  async getCurrentLanguage(): Promise<'de' | 'fr' | 'it' | 'en' | string> {\n    return state.currentLanguage ?? 'de';\n  }\n\n  private mainNav?: HTMLPostMainNavigationElement;\n  private metaNav?: HTMLPostMetaNavigationElement;\n  private lastScrollTop = window.scrollY || document.documentElement.scrollTop;\n  private throttledScroll: throttle<() => void>;\n  private debouncedResize: debounce<() => void>;\n  private lastWindowWidth: number = window.innerWidth;\n  private updateLogoAnimation: () => void;\n  private scrollParent: Element | Document;\n\n  constructor() {\n    if (this.project === undefined || this.project === '' || !isValidProjectId(this.project)) {\n      throw new Error(\n        `Internet Header project key is \"${this.project}\". Please provide a valid project key.`,\n      );\n    }\n  }\n\n  connectedCallback() {\n    this.throttledScroll = throttle(300, () => this.handleScrollEvent());\n    this.debouncedResize = debounce(200, () => this.handleResize());\n  }\n\n  disconnectedCallback() {\n    this.scrollParent.removeEventListener('scroll', this.throttledScroll);\n    this.scrollParent.removeEventListener('resize', this.debouncedResize);\n\n    // Reset the store to its original state\n    dispose();\n  }\n\n  async componentWillLoad() {\n    this.scrollParent = getScrollParent(this.host);\n    this.scrollParent.addEventListener('scroll', this.throttledScroll, { passive: true });\n    this.scrollParent.addEventListener('resize', this.debouncedResize, { passive: true });\n\n    // Wait for the config to arrive, then render the header\n    try {\n      state.projectId = this.project;\n      state.stickyness = this.stickyness;\n      state.environment = this.environment.toLocaleLowerCase() as Environment;\n      if (this.language !== undefined) state.currentLanguage = this.language;\n      state.languageSwitchOverrides =\n        typeof this.languageSwitchOverrides === 'string'\n          ? JSON.parse(this.languageSwitchOverrides)\n          : this.languageSwitchOverrides;\n      state.osFlyoutOverrides =\n        typeof this.osFlyoutOverrides === 'string'\n          ? JSON.parse(this.osFlyoutOverrides)\n          : this.osFlyoutOverrides;\n\n      if (this.customConfig !== undefined) {\n        const langs = Object.keys(\n          typeof this.customConfig === 'string' ? JSON.parse(this.customConfig) : this.customConfig,\n        );\n        const lang = state.currentLanguage || getUserLang(langs, this.language);\n        state.localizedCustomConfig = getLocalizedCustomConfig(this.customConfig, lang);\n      }\n\n      state.localizedConfig = await getLocalizedConfig({\n        projectId: this.project,\n        environment: state.environment,\n        language: this.language,\n        cookieKey: this.languageCookieKey,\n        localStorageKey: this.languageLocalStorageKey,\n        activeRouteProp: this.activeRoute,\n        localizedCustomConfig: state.localizedCustomConfig,\n        osFlyoutOverrides: state.osFlyoutOverrides,\n      });\n    } catch (error) {\n      console.error(error);\n    }\n  }\n\n  componentDidLoad() {\n    window.requestAnimationFrame(() => {\n      this.handleResize();\n      this.headerLoaded.emit();\n      this.host.classList.add('header-loaded');\n      if (this.meta && this.metaNav) {\n        this.updateLogoAnimation = registerLogoAnimationObserver(this.metaNav, this.host);\n      }\n    });\n\n    if (this.stickyness === 'full')\n      console.warn('Internet Header: The stickyness=\"full\" option is deprecated.');\n  }\n\n  @Watch('language')\n  async handleLanguageChange(newValue: string) {\n    state.currentLanguage = newValue;\n    state.localizedConfig = await getLocalizedConfig({\n      projectId: this.project,\n      environment: this.environment,\n      language: newValue,\n      cookieKey: this.languageCookieKey,\n      localStorageKey: this.languageLocalStorageKey,\n      activeRouteProp: this.activeRoute,\n      localizedCustomConfig: state.localizedCustomConfig,\n      osFlyoutOverrides: state.osFlyoutOverrides,\n    });\n    if (this.customConfig)\n      state.localizedCustomConfig = getLocalizedCustomConfig(this.customConfig, newValue);\n  }\n\n  @Watch('languageSwitchOverrides')\n  handleAvailableLanguagesChange(newValue: string | IAvailableLanguage[]) {\n    state.languageSwitchOverrides = typeof newValue === 'string' ? JSON.parse(newValue) : newValue;\n  }\n\n  @Watch('osFlyoutOverrides')\n  async handleOsFlyoutOverrides(newValue: string | NavMainEntity) {\n    state.osFlyoutOverrides = typeof newValue === 'string' ? JSON.parse(newValue) : newValue;\n    state.localizedConfig = await getLocalizedConfig({\n      projectId: this.project,\n      environment: this.environment,\n      language: this.language,\n      cookieKey: this.languageCookieKey,\n      localStorageKey: this.languageLocalStorageKey,\n      activeRouteProp: this.activeRoute,\n      localizedCustomConfig: state.localizedCustomConfig,\n      osFlyoutOverrides: state.osFlyoutOverrides,\n    });\n  }\n\n  @Watch('activeRoute')\n  async handleActiveRouteChange(newValue: string | ActiveRouteProp) {\n    state.localizedConfig = await getLocalizedConfig({\n      projectId: this.project,\n      environment: this.environment,\n      language: this.language,\n      cookieKey: this.languageCookieKey,\n      localStorageKey: this.languageLocalStorageKey,\n      activeRouteProp: newValue,\n      localizedCustomConfig: state.localizedCustomConfig,\n      osFlyoutOverrides: state.osFlyoutOverrides,\n    });\n  }\n\n  @Watch('customConfig')\n  async handleCustomConfigChange(newValue: string | ICustomConfig) {\n    if (this.language === undefined) return;\n    const localizedCustomConfig = getLocalizedCustomConfig(newValue, this.language);\n    state.localizedCustomConfig = localizedCustomConfig;\n    state.localizedConfig = await getLocalizedConfig({\n      projectId: this.project,\n      environment: this.environment,\n      language: this.language,\n      cookieKey: this.languageCookieKey,\n      localStorageKey: this.languageLocalStorageKey,\n      activeRouteProp: this.activeRoute,\n      localizedCustomConfig: localizedCustomConfig,\n      osFlyoutOverrides: state.osFlyoutOverrides,\n    });\n  }\n\n  @Watch('search')\n  handleSearchChange(newValue: boolean) {\n    state.search = newValue;\n  }\n\n  @Watch('login')\n  handleLoginChange(newValue: boolean) {\n    state.login = newValue;\n  }\n\n  @Watch('meta')\n  handleMetaChange(newValue: boolean) {\n    state.meta = newValue;\n  }\n\n  @Listen('languageChanged')\n  handleLanguageChangeEvent(event: CustomEvent<string>) {\n    void this.handleLanguageChange(event.detail);\n  }\n\n  @Watch('stickyness')\n  handleStickynessChange(newValue: StickynessOptions) {\n    state.stickyness = newValue;\n    if (typeof this.updateLogoAnimation === 'function') this.updateLogoAnimation();\n  }\n\n  private handleClickOutsideBound = this.handleClickOutside.bind(this);\n\n  private handleClickOutside(event: Event) {\n    // Close active dropdown element on click outside of it\n    if (this.activeDropdownElement && !event.composedPath().includes(this.activeDropdownElement)) {\n      void this.activeDropdownElement.toggleDropdown(false);\n    }\n  }\n\n  private handleKeyUp(event: KeyboardEvent) {\n    if (event.key === 'Escape') {\n      if (this.activeDropdownElement) {\n        void this.activeDropdownElement.toggleDropdown(false);\n      }\n      if (this.activeFlyout !== null && this.mainNav) {\n        void this.mainNav.toggleDropdown(false);\n      }\n    }\n  }\n\n  private handleScrollEvent() {\n    // Credits: \"https://github.com/qeremy/so/blob/master/so.dom.js#L426\"\n    const st =\n      this.scrollParent instanceof Document\n        ? this.scrollParent.documentElement.scrollTop\n        : this.scrollParent.scrollTop;\n\n    // Toggle class without re-rendering the component if stickyness is minimal\n    // the other stickyness modes do not need the class\n    if (this.stickyness === 'minimal') {\n      this.host.classList.toggle('scrolling-up', st <= this.lastScrollTop);\n    }\n\n    // For Mobile or negative scrolling\n    this.lastScrollTop = st <= 0 ? 0 : st;\n  }\n\n  private handleResize() {\n    // Close main navigation dropdown if size changed to bigger than 1024px (search dropdown will be kept open)\n    if (this.isMainNavOpen() && this.lastWindowWidth < 1024 && window.innerWidth >= 1024) {\n      this.activeDropdownElement?.toggleDropdown(false);\n    }\n\n    this.lastWindowWidth = window.innerWidth;\n  }\n\n  /**\n   * Close open dropdown menus if another is being opened\n   *\n   * @param event Dropdown toggled event\n   * @returns void\n   */\n  private handleDropdownToggled(event: CustomEvent<DropdownEvent>) {\n    if (!event.detail.open && this.activeDropdownElement !== event.detail.element) {\n      // Some dropdown got closed programmatically (possibly by this function). To prevent\n      // a circle or an outdated state, we'll not handle this event\n      return;\n    }\n\n    if (event.detail.open) {\n      if (this.activeDropdownElement) {\n        void this.activeDropdownElement.toggleDropdown(false);\n      }\n\n      this.activeDropdownElement = event.detail.element;\n\n      if (window.innerWidth >= 1024) {\n        // Add event listener to close active dropdown element on click outside of it\n        // Also adds 10ms delay in case of an external interaction:\n        //    Some button on the page calls toggleDropdown() -> dropdown opens\n        //    Click event bubbles to the window, this.handleClickOutsideBound closes dropdown again\n        window.setTimeout(() => {\n          window.addEventListener('click', this.handleClickOutsideBound);\n        }, 10);\n      }\n\n      if (this.activeFlyout !== null && this.mainNav) {\n        void this.mainNav.setActiveFlyout(null);\n      }\n    } else {\n      this.activeDropdownElement = null;\n\n      // Remove event listener as it is not needed if no dropdown element is active\n      window.removeEventListener('click', this.handleClickOutsideBound);\n    }\n  }\n\n  /**\n   * Close open dropdowns if the flyout is being opened\n   * @param event Flyout toggle event\n   */\n  private handleFlyoutToggled(event: CustomEvent<string | null>) {\n    this.activeFlyout = event.detail;\n\n    if (this.activeDropdownElement && event.detail && !this.isMainNavOpen()) {\n      void this.activeDropdownElement.toggleDropdown(false);\n    }\n  }\n\n  private toggleMobileDropdown() {\n    this.mainNav?.toggleDropdown();\n  }\n\n  private isMainNavOpen() {\n    return (\n      this.activeDropdownElement && this.activeDropdownElement.tagName === 'POST-MAIN-NAVIGATION'\n    );\n  }\n\n  private handleMainSlotChange(e: Event) {\n    const mainSlot = e.target as HTMLSlotElement;\n    this.isMainSlotEmpty = mainSlot.assignedElements().length === 0;\n  }\n\n  render() {\n    if (!state.localizedConfig?.header) {\n      console.error(new Error('Internet Header: Config cannot be loaded'));\n      return;\n    }\n\n    const config = state.localizedConfig;\n    const renderMetaNavigation =\n      this.meta &&\n      config.header.navMeta !== undefined &&\n      config.header.navMeta?.filter(meta => !meta.isHomeLink).length > 0;\n    const renderLogin =\n      (this.login ?? !config.header.isLoginWidgetHidden) && config.header.loginWidgetOptions;\n    const renderLanguageSwitch = config.header.navLang.length > 1;\n\n    return (\n      <Host\n        class={`stickyness-${this.stickyness} ${\n          Boolean(this.activeDropdownElement) || Boolean(this.activeFlyout) ? 'dropdown-open' : ''\n        }`}\n        data-version={packageJson.version}\n        onKeyup={(e: KeyboardEvent) => this.handleKeyUp(e)}\n      >\n        <header class={`post-internet-header${this.fullWidth ? ' full-width' : ''}`}>\n          <SvgSprite />\n          <h1 class=\"visually-hidden\">{translate('Navigate on post.ch')}</h1>\n          <If condition={this.skiplinks}>\n            <post-skiplinks></post-skiplinks>\n          </If>\n          <If condition={renderMetaNavigation}>\n            <post-meta-navigation\n              orientation=\"horizontal\"\n              class=\"hidden-lg\"\n              full-width={this.fullWidth}\n              ref={el => (this.metaNav = el)}\n            >\n              <If condition={renderLanguageSwitch}>\n                <post-language-switch\n                  id=\"post-language-switch-desktop\"\n                  mode=\"dropdown\"\n                  onDropdownToggled={e => this.handleDropdownToggled(e)}\n                ></post-language-switch>\n              </If>\n            </post-meta-navigation>\n          </If>\n          <div class=\"main-navigation-container wide-container\">\n            <post-logo></post-logo>\n            <button\n              class=\"menu-button nav-link\"\n              onClick={() => this.toggleMobileDropdown()}\n              aria-haspopup=\"menu\"\n              aria-controls=\"post-internet-header-main-navigation\"\n              aria-expanded={this.activeDropdownElement ? 'true' : 'false'}\n            >\n              <span class=\"menu-button-text visually-hidden\">{config.header.mobileMenu.text}</span>\n              <SvgIcon name={this.isMainNavOpen() ? 'pi-close' : 'pi-menu'}></SvgIcon>\n            </button>\n            <post-main-navigation\n              onDropdownToggled={e => this.handleDropdownToggled(e)}\n              onFlyoutToggled={e => this.handleFlyoutToggled(e)}\n              ref={el => (this.mainNav = el)}\n            >\n              <If condition={renderMetaNavigation}>\n                <post-meta-navigation orientation=\"vertical\">\n                  <If condition={renderLanguageSwitch}>\n                    <post-language-switch\n                      id=\"post-language-switch-mobile\"\n                      mode=\"list\"\n                    ></post-language-switch>\n                  </If>\n                </post-meta-navigation>\n              </If>\n            </post-main-navigation>\n            <div class=\"main-navigation-controls\">\n              <div class=\"main-navigation-custom-content\" hidden={this.isMainSlotEmpty}>\n                <slot name=\"main\" onSlotchange={e => this.handleMainSlotChange(e)}></slot>\n              </div>\n              <If condition={this.search}>\n                <post-search onDropdownToggled={e => this.handleDropdownToggled(e)}></post-search>\n              </If>\n              <If condition={!!renderLogin}>\n                <post-klp-login-widget logout-url={this.logoutUrl}>\n                  <slot name=\"login-widget\"></slot>\n                </post-klp-login-widget>\n              </If>\n              <If condition={!renderMetaNavigation && renderLanguageSwitch}>\n                <post-language-switch\n                  id=\"post-language-switch-no-meta\"\n                  onDropdownToggled={e => this.handleDropdownToggled(e)}\n                  mode=\"dropdown\"\n                ></post-language-switch>\n              </If>\n            </div>\n          </div>\n        </header>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/swisspost-internet-header/p-b8380f66.js

@@ -0,0 +1,2 @@
+import{r as i,h as n,H as s,g as t}from"./p-197bbbde.js";import{s as l}from"./p-f956d443.js";import{t as o}from"./p-94c5c08e.js";import{S as a}from"./p-451d3317.js";const e=":host{display:block}.skiplinks a{position:absolute;top:.5rem;left:.5rem;clip:rect(0 0 0 0);width:1px;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem;background:#fff}.skiplinks a:focus-visible{position:absolute;clip:unset;width:auto}";const r=e;const p=class{constructor(n){i(this,n)}getMainId(){var i;return(i=document.querySelector("main[id]"))===null||i===void 0?void 0:i.getAttribute("id")}setFocus(i){const n=this.host.closest(".post-internet-header");if(!n){return}const s=n.querySelector(i);if(s){s.setFocus()}}focusMain(){this.setFocus("post-main-navigation")}focusSearch(){this.setFocus("post-search")}focusLogin(){this.setFocus("post-klp-login-widget")}render(){var i;const t=(i=l.localizedConfig)===null||i===void 0?void 0:i.header;const e=this.getMainId();if(t===undefined){return}return n(s,null,n("div",{class:"skiplinks"},n("ul",{class:"no-list","aria-label":o("Skip Links")},n("li",null,n("a",{class:"nav-link",href:t.logo.logoLink},n("span",null,t.logo.logoLinkTitle),n(a,{name:"pi-pointy-arrow-right"}))),n("li",null,n("a",{class:"nav-link",href:"#post-internet-header-main-navigation",onClick:()=>this.focusMain()},n("span",null,t.translations.navMainAriaLabel),n(a,{name:"pi-pointy-arrow-right"}))),e?n("li",null,n("a",{class:"nav-link",href:`#${e}`},n("span",null,o("Go to main content")),n(a,{name:"pi-pointy-arrow-right"}))):null,l.search?n("li",null,n("a",{class:"nav-link",href:"#post-internet-header-search-button",onClick:()=>this.focusSearch()},n("span",null,o("Go to search")),n(a,{name:"pi-pointy-arrow-right"}))):null,l.login?n("li",null,n("a",{class:"nav-link",href:"#post-klp-login-widget",onClick:()=>this.focusLogin()},n("span",null,o("Go to login")),n(a,{name:"pi-pointy-arrow-right"}))):null)))}get host(){return t(this)}};p.style=r;export{p as P};
+//# sourceMappingURL=p-b8380f66.js.map

package/dist/swisspost-internet-header/p-b8380f66.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["postSkiplinksCss","PostSkiplinksStyle0","PostSkiplinks","getMainId","_a","document","querySelector","getAttribute","setFocus","tagname","rootHost","this","host","closest","focusable","focusMain","focusSearch","focusLogin","render","config","state","localizedConfig","header","mainId","undefined","h","Host","class","translate","href","logo","logoLink","logoLinkTitle","SvgIcon","name","onClick","translations","navMainAriaLabel","search","login"],"sources":["src/components/post-skiplinks/post-skiplinks.scss?tag=post-skiplinks","src/components/post-skiplinks/post-skiplinks.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.skiplinks {\n  a {\n    position: absolute;\n    top: 0.5rem;\n    left: 0.5rem;\n    clip: rect(0 0 0 0);\n    width: 1px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    padding: 0.25rem;\n    background: white;\n\n    &:focus-visible {\n      position: absolute;\n      clip: unset;\n      width: auto;\n    }\n  }\n}\n","import { Component, Element, h, Host } from '@stencil/core';\nimport { state } from '../../data/store';\nimport { FocusableElement } from '../../models/header.model';\nimport { translate } from '../../services/language.service';\nimport { SvgIcon } from '../../utils/svg-icon.component';\n\n@Component({\n  tag: 'post-skiplinks',\n  styleUrl: 'post-skiplinks.scss',\n  shadow: false,\n})\nexport class PostSkiplinks {\n  @Element() host: HTMLPostSkiplinksElement;\n\n  private getMainId() {\n    return document.querySelector('main[id]')?.getAttribute('id');\n  }\n\n  private setFocus(tagname: string) {\n    const rootHost = this.host.closest('.post-internet-header');\n    if (!rootHost) {\n      return;\n    }\n\n    const focusable = rootHost.querySelector<FocusableElement>(tagname);\n    if (focusable) {\n      focusable.setFocus();\n    }\n  }\n\n  private focusMain() {\n    this.setFocus('post-main-navigation');\n  }\n\n  private focusSearch() {\n    this.setFocus('post-search');\n  }\n\n  private focusLogin() {\n    this.setFocus('post-klp-login-widget');\n  }\n\n  render() {\n    const config = state.localizedConfig?.header;\n    const mainId = this.getMainId();\n\n    if (config === undefined) {\n      return;\n    }\n\n    return (\n      <Host>\n        <div class=\"skiplinks\">\n          <ul class=\"no-list\" aria-label={translate('Skip Links')}>\n            <li>\n              <a class=\"nav-link\" href={config.logo.logoLink}>\n                <span>{config.logo.logoLinkTitle}</span>\n                <SvgIcon name=\"pi-pointy-arrow-right\" />\n              </a>\n            </li>\n            <li>\n              <a\n                class=\"nav-link\"\n                href=\"#post-internet-header-main-navigation\"\n                onClick={() => this.focusMain()}\n              >\n                <span>{config.translations.navMainAriaLabel}</span>\n                <SvgIcon name=\"pi-pointy-arrow-right\" />\n              </a>\n            </li>\n            {mainId ? (\n              <li>\n                <a class=\"nav-link\" href={`#${mainId}`}>\n                  <span>{translate('Go to main content')}</span>\n                  <SvgIcon name=\"pi-pointy-arrow-right\" />\n                </a>\n              </li>\n            ) : null}\n            {state.search ? (\n              <li>\n                <a\n                  class=\"nav-link\"\n                  href=\"#post-internet-header-search-button\"\n                  onClick={() => this.focusSearch()}\n                >\n                  <span>{translate('Go to search')}</span>\n                  <SvgIcon name=\"pi-pointy-arrow-right\" />\n                </a>\n              </li>\n            ) : null}\n            {state.login ? (\n              <li>\n                <a class=\"nav-link\" href=\"#post-klp-login-widget\" onClick={() => this.focusLogin()}>\n                  <span>{translate('Go to login')}</span>\n                  <SvgIcon name=\"pi-pointy-arrow-right\" />\n                </a>\n              </li>\n            ) : null}\n          </ul>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qKAAA,MAAMA,EAAmB,oSACzB,MAAAC,EAAeD,E,MCUFE,EAAa,M,yBAGhB,SAAAC,G,MACN,OAAOC,EAAAC,SAASC,cAAc,eAAW,MAAAF,SAAA,SAAAA,EAAEG,aAAa,K,CAGlD,QAAAC,CAASC,GACf,MAAMC,EAAWC,KAAKC,KAAKC,QAAQ,yBACnC,IAAKH,EAAU,CACb,M,CAGF,MAAMI,EAAYJ,EAASJ,cAAgCG,GAC3D,GAAIK,EAAW,CACbA,EAAUN,U,EAIN,SAAAO,GACNJ,KAAKH,SAAS,uB,CAGR,WAAAQ,GACNL,KAAKH,SAAS,c,CAGR,UAAAS,GACNN,KAAKH,SAAS,wB,CAGhB,MAAAU,G,MACE,MAAMC,GAASf,EAAAgB,EAAMC,mBAAe,MAAAjB,SAAA,SAAAA,EAAEkB,OACtC,MAAMC,EAASZ,KAAKR,YAEpB,GAAIgB,IAAWK,UAAW,CACxB,M,CAGF,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAM,aACTF,EAAA,MAAIE,MAAM,UAAS,aAAaC,EAAU,eACxCH,EAAA,UACEA,EAAA,KAAGE,MAAM,WAAWE,KAAMV,EAAOW,KAAKC,UACpCN,EAAA,YAAON,EAAOW,KAAKE,eACnBP,EAACQ,EAAO,CAACC,KAAK,4BAGlBT,EAAA,UACEA,EAAA,KACEE,MAAM,WACNE,KAAK,wCACLM,QAAS,IAAMxB,KAAKI,aAEpBU,EAAA,YAAON,EAAOiB,aAAaC,kBAC3BZ,EAACQ,EAAO,CAACC,KAAK,4BAGjBX,EACCE,EAAA,UACEA,EAAA,KAAGE,MAAM,WAAWE,KAAM,IAAIN,KAC5BE,EAAA,YAAOG,EAAU,uBACjBH,EAACQ,EAAO,CAACC,KAAK,4BAGhB,KACHd,EAAMkB,OACLb,EAAA,UACEA,EAAA,KACEE,MAAM,WACNE,KAAK,sCACLM,QAAS,IAAMxB,KAAKK,eAEpBS,EAAA,YAAOG,EAAU,iBACjBH,EAACQ,EAAO,CAACC,KAAK,4BAGhB,KACHd,EAAMmB,MACLd,EAAA,UACEA,EAAA,KAAGE,MAAM,WAAWE,KAAK,yBAAyBM,QAAS,IAAMxB,KAAKM,cACpEQ,EAAA,YAAOG,EAAU,gBACjBH,EAACQ,EAAO,CAACC,KAAK,4BAGhB,O"}

package/dist/swisspost-internet-header/p-b978f6df.system.js

@@ -0,0 +1,2 @@
+System.register(["./p-b645daf7.system.js","./p-5c30b6e5.system.js","./p-20c7d029.system.js","./p-237ac2bd.system.js","./p-19771ee8.system.js","./p-636b0d26.system.js","./p-cb0d43c6.system.js","./p-1d369fcc.system.js","./p-e6b6ae72.system.js","./p-d7a5b1c5.system.js","./p-d83602cb.system.js","./p-9b4d5e90.system.js","./p-d0246e04.system.js","./p-332e638f.system.js","./p-d7e221af.system.js","./p-88424db0.system.js","./p-237918ac.system.js","./p-1fd8561a.system.js","./p-b3014611.system.js","./p-06f51515.system.js"],(function(s){"use strict";return{setters:[function(t){s("PostInternetHeader",t.P)},function(t){s("PostInternetBreadcrumbs",t.P)},function(t){s("PostInternetFooter",t.P)},function(t){s("PostSkiplinks",t.P)},function(t){s("PostMetaNavigation",t.P)},function(t){s("PostLanguageSwitch",t.P)},function(t){s("PostLogo",t.P)},function(t){s("PostMainNavigation",t.P)},function(t){s("PostSearch",t.P)},function(t){s("PostKlpLoginWidget",t.P)},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){}}}));
+//# sourceMappingURL=p-b978f6df.system.js.map

package/dist/swisspost-internet-header/p-c1b1ec14.entry.js

@@ -0,0 +1,2 @@
+export{P as post_meta_navigation}from"./p-501b0f06.js";import"./p-197bbbde.js";import"./p-f956d443.js";
+//# sourceMappingURL=p-c1b1ec14.entry.js.map

package/dist/swisspost-internet-header/{p-c7f451bd.js → p-c34a0ce2.js}

@@ -1,2 +1,2 @@
-import{r as t,h as o,H as e,g as i}from"./p-14b0f654.js";import{s as r}from"./p-5c2bb553.js";const n='@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff")}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:rgba(0,0,0,0);border:none;border-radius:0;padding:0}.nav-link{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0,0,0,.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem}.nav-link:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.nav-link:focus{color:#000}.nav-link:is(:focus-visible,:focus-within,.pretend-focus){z-index:1;position:relative}.nav-link>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.nav-link>span{-ms-flex-negative:1;flex-shrink:1}.no-list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}*,:host,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{font-family:"Frutiger Neue For Post",system-ui,sans-serif}button{font:inherit;padding:0}a,button{border-radius:4px;outline:none;outline-offset:2px}a:is(:focus-visible,:focus-within,.pretend-focus),button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color);border-radius:4px}img,svg{max-width:100%;max-height:100%}@media (forced-colors: active){svg{color:#fff}}.box>*:first-child{margin-top:0}.box>*:last-child{margin-bottom:0}.mirrored{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.bold{font-weight:700}.light{font-weight:300}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.align-items-center{-ms-flex-align:center;align-items:center}@media (min-width: 1441px){.wide-container{margin:0 auto;max-width:1440px}}@media (max-width: 599.98px){.container{padding-right:16px;padding-left:16px}}@media (min-width: 600px)and (max-width: 1023.98px){.container{padding-right:32px;padding-left:32px}}@media (min-width: 1024px){.container{padding-right:40px;padding-left:40px}}@media (max-width: -0.02px){.hidden-xs{display:none}}@media (max-width: 399.98px){.hidden-sm{display:none}}@media (max-width: 599.98px){.hidden-rg{display:none}}@media (max-width: 779.98px){.hidden-md{display:none}}@media (max-width: 1023.98px){.hidden-lg{display:none}}@media (max-width: 1279.98px){.hidden-xl{display:none}}@media (max-width: 1440.98px){.hidden-xxl{display:none}}:host{display:block;aspect-ratio:1/1}.logo{display:block;-ms-flex-align:center;align-items:center;background:#fc0}.logo svg{display:block;width:100%;height:100%}';const s=class{constructor(o){t(this,o)}render(){var t;if(((t=r.localizedConfig)===null||t===void 0?void 0:t.header.logo)===undefined)return;const i=r.localizedConfig.header.logo;return o(e,null,o("a",{href:i.logoLink,class:"logo"},o("span",{class:"visually-hidden"},i.logoLinkTitle),o("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72","aria-hidden":"true"},o("g",{id:"Logo"},o("rect",{fill:"#ffcc00",x:"0",y:"0",width:"72",height:"72"}),o("polygon",{fill:"#ff0000",points:"34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3"}),o("path",{d:"M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z"})))))}get host(){return i(this)}};s.style=n;export{s as P};
-//# sourceMappingURL=p-c7f451bd.js.map
+import{r as t,h as o,H as e,g as i}from"./p-197bbbde.js";import{s as r}from"./p-f956d443.js";const n='@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:700;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-BdIt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:400;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-It.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff")}@font-face{font-display:swap;font-family:"Frutiger Neue For Post";font-weight:300;font-style:italic;src:url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff2") format("woff2"),url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-LtIt.woff") format("woff")}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:rgba(0,0,0,0);border:none;border-radius:0;padding:0}.nav-link{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0,0,0,.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem}.nav-link:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.nav-link:focus{color:#000}.nav-link:is(:focus-visible,:focus-within,.pretend-focus){z-index:1;position:relative}.nav-link>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.nav-link>span{-ms-flex-negative:1;flex-shrink:1}.no-list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}*,:host,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{font-family:"Frutiger Neue For Post",system-ui,sans-serif}button{font:inherit;padding:0}a,button{border-radius:4px;outline:none;outline-offset:2px}a:is(:focus-visible,:focus-within,.pretend-focus),button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color);border-radius:4px}img,svg{max-width:100%;max-height:100%}@media (forced-colors: active){svg{color:#fff}}.box>*:first-child{margin-top:0}.box>*:last-child{margin-bottom:0}.mirrored{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.bold{font-weight:700}.light{font-weight:300}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.align-items-center{-ms-flex-align:center;align-items:center}@media (min-width: 1441px){.wide-container{margin:0 auto;max-width:1440px}}@media (max-width: 599.98px){.container{padding-right:16px;padding-left:16px}}@media (min-width: 600px)and (max-width: 1023.98px){.container{padding-right:32px;padding-left:32px}}@media (min-width: 1024px){.container{padding-right:40px;padding-left:40px}}@media (max-width: -0.02px){.hidden-xs{display:none}}@media (max-width: 399.98px){.hidden-sm{display:none}}@media (max-width: 599.98px){.hidden-rg{display:none}}@media (max-width: 779.98px){.hidden-md{display:none}}@media (max-width: 1023.98px){.hidden-lg{display:none}}@media (max-width: 1279.98px){.hidden-xl{display:none}}@media (max-width: 1440.98px){.hidden-xxl{display:none}}:host{display:block}.logo{display:block;-ms-flex-align:center;align-items:center;background:#fc0}.logo svg{display:block;width:100%;height:100%}';const s=n;const f=class{constructor(o){t(this,o)}render(){var t;if(((t=r.localizedConfig)===null||t===void 0?void 0:t.header.logo)===undefined)return;const i=r.localizedConfig.header.logo;return o(e,null,o("a",{href:i.logoLink,class:"logo"},o("span",{class:"visually-hidden"},i.logoLinkTitle),o("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 72 72","aria-hidden":"true"},o("g",{id:"Logo"},o("rect",{fill:"#ffcc00",x:"0",y:"0",width:"72",height:"72"}),o("polygon",{fill:"#ff0000",points:"34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3"}),o("path",{d:"M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z"})))))}get host(){return i(this)}};f.style=s;export{f as P};
+//# sourceMappingURL=p-c34a0ce2.js.map

package/dist/swisspost-internet-header/p-c34a0ce2.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["postLogoCss","PostLogoStyle0","PostLogo","render","_a","state","localizedConfig","header","logo","undefined","config","h","Host","href","logoLink","class","logoLinkTitle","xmlns","viewBox","id","fill","x","y","width","height","points","d"],"sources":["src/components/post-logo/post-logo.scss?tag=post-logo&encapsulation=shadow","src/components/post-logo/post-logo.tsx"],"sourcesContent":["@use '@swisspost/design-system-styles/variables/color';\n@use '../../utils/utils.scss';\n@use '../../utils/mixins.scss';\n\n:host {\n  display: block;\n}\n\n.logo {\n  display: block;\n  align-items: center;\n  background: color.$yellow;\n\n  svg {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n}\n","import { Component, Host, h, Element } from '@stencil/core';\nimport { state } from '../../data/store';\n\n@Component({\n  tag: 'post-logo',\n  styleUrl: 'post-logo.scss',\n  shadow: true,\n})\nexport class PostLogo {\n  @Element() host: HTMLPostLogoElement;\n\n  render() {\n    if (state.localizedConfig?.header.logo === undefined) return;\n    const config = state.localizedConfig.header.logo;\n\n    return (\n      <Host>\n        <a href={config.logoLink} class=\"logo\">\n          <span class=\"visually-hidden\">{config.logoLinkTitle}</span>\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 72 72\" aria-hidden=\"true\">\n            <g id=\"Logo\">\n              <rect fill=\"#ffcc00\" x=\"0\" y=\"0\" width=\"72\" height=\"72\" />\n              <polygon\n                fill=\"#ff0000\"\n                points=\"34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3\"\n              />\n              <path d=\"M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z\" />\n            </g>\n          </svg>\n        </a>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAc,s3IACpB,MAAAC,EAAeD,E,MCOFE,EAAQ,M,yBAGnB,MAAAC,G,MACE,KAAIC,EAAAC,EAAMC,mBAAe,MAAAF,SAAA,SAAAA,EAAEG,OAAOC,QAASC,UAAW,OACtD,MAAMC,EAASL,EAAMC,gBAAgBC,OAAOC,KAE5C,OACEG,EAACC,EAAI,KACHD,EAAA,KAAGE,KAAMH,EAAOI,SAAUC,MAAM,QAC9BJ,EAAA,QAAMI,MAAM,mBAAmBL,EAAOM,eACtCL,EAAA,OAAKM,MAAM,6BAA6BC,QAAQ,YAAW,cAAa,QACtEP,EAAA,KAAGQ,GAAG,QACJR,EAAA,QAAMS,KAAK,UAAUC,EAAE,IAAIC,EAAE,IAAIC,MAAM,KAAKC,OAAO,OACnDb,EAAA,WACES,KAAK,UACLK,OAAO,wLAETd,EAAA,QAAMe,EAAE,kQ"}

package/dist/swisspost-internet-header/p-c98c5063.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-237ac2bd.system.js","./p-d83602cb.system.js","./p-332e638f.system.js","./p-d0246e04.system.js","./p-237918ac.system.js"],(function(s){"use strict";return{setters:[function(t){s("post_skiplinks",t.P)},function(){},function(){},function(){},function(){}],execute:function(){}}}));
+//# sourceMappingURL=p-c98c5063.system.entry.js.map