@swisspost/internet-header 1.13.4 → 1.13.6

package/dist/swisspost-internet-header/p-1097010e.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,H as o,g as n}from"./p-197bbbde.js";import{d as s,t as a}from"./p-a74b380d.js";import{g as r,p as l,t as d}from"./p-94c5c08e.js";import{u as c}from"./p-a39139a9.js";import{s as h,d as f}from"./p-f956d443.js";import{S as u}from"./p-914ada58.js";import{S as p}from"./p-451d3317.js";import{I as g}from"./p-840aa5c6.js";const m=(t,e)=>{if(e===false){return t}let i;t=y(t);if(e==="auto"||e==="exact"){if(v(t)){return w(t)}i=new URL(window.location.href)}else{try{i=new URL(e,document.location.origin)}catch(i){console.warn(`Active Route: ${e} is not a valid URL. Navigation highlighting has been disabled.`);return t}}const o=b(t,i,e);if(o.length===0){return t}const n=o[0];n.main.isActiveOverride=true;if(n.sub)n.sub.isActiveOverride=true;return t};const v=t=>t.filter((t=>t.isActive)).length>0;const w=t=>t.map((t=>Object.assign(Object.assign({},t),{isActiveOverride:t.isActive,flyout:t.flyout.map((t=>Object.assign(Object.assign({},t),{linkList:t.linkList.map((t=>Object.assign(Object.assign({},t),{isActiveOverride:t.isActive})))})))})));const y=t=>t.map((t=>Object.assign(Object.assign({},t),{isActiveOverride:false,flyout:t.flyout.map((t=>Object.assign(Object.assign({},t),{linkList:t.linkList.map((t=>Object.assign(Object.assign({},t),{isActiveOverride:false})))})))})));const b=(t,e,i)=>{let o=false;const n=[];t.filter((t=>!o&&t)).forEach((t=>{try{const s=k(e,new URL(t.url),i);o=x(n,s,{main:t,score:s},o)}catch(t){}t.flyout.forEach((s=>{var a;(a=s.linkList)===null||a===void 0?void 0:a.forEach((s=>{if(s.isActive&&(i==="auto"||i==="exact")){o=true;return}try{const a=new URL(s.url);const r=k(e,a,i);o=x(n,r,{main:t,sub:s,score:r},o)}catch(t){}}))}))}));return n.sort(((t,e)=>e.score-t.score))};function x(t,e,i,o){let n=o;if(e>0){if(e===Infinity)n=true;t.push(i)}return n}const k=(t,e,i)=>{if(t===null||e===null||t.origin!==e.origin){return 0}const o=t.pathname.toLocaleLowerCase();const n=e.pathname.toLocaleLowerCase();if(o===n){return Infinity}if(t.pathname.length<e.pathname.length){return 0}if(i==="auto"){const i=[t.origin.toLocaleLowerCase(),...o.split("/").filter((t=>t!==null&&t!==""))];const s=[e.origin.toLocaleLowerCase(),...n.split("/").filter((t=>t!==null&&t!==""))];const a=j(i,s);return Math.min(i.length,s.length)===a?a:0}return 0};const j=(t,e)=>{if(t==null||e==null||t.length===0||e.length===0){return 0}let i=0;for(;i<Math.min(t.length,e.length);i++){if(t[i]!==e[i]){return 0}}return i};let O=null;let C=null;const F=()=>{const t=document.querySelector("#PPM_HEADER_DATA");if((t===null||t===void 0?void 0:t.textContent)!=null){return JSON.parse(t.textContent)}return null};const N=async({projectId:t,environment:e,language:i,cookieKey:o,localStorageKey:n,activeRouteProp:s,localizedCustomConfig:a,osFlyoutOverrides:d})=>{var c,h;const f=F();let u;let p=null;let g;if(f){u=f;g=document.documentElement.lang}else{if(O==null){O=S(t,e)}p=await O;g=r(Object.keys(p),i,n,o);if(g===undefined){throw new Error("Internet Header: unable to determine current language")}u=Object.assign({},p[g])}if(a){const t=((c=a===null||a===void 0?void 0:a.header)===null||c===void 0?void 0:c.navMain)?Object.assign(Object.assign({},u.header),{navMain:[...u.header.navMain,...a.header.navMain]}):u.header;u=Object.assign(Object.assign({},u),{header:t})}if(d)u.header.navMain=P(u,d);if(s!=null)u.header.navMain=m(u.header.navMain,s);R((h=u===null||u===void 0?void 0:u.header)===null||h===void 0?void 0:h.navMain);l(g,o,n);return u};const P=(t,e)=>{if(e==null)return t.header.navMain;return t.header.navMain.map((t=>{var i,o;if(t.id!=="flyout_os")return t;if(C===null){C=JSON.parse(JSON.stringify(t))}const n=(i=e.text)!==null&&i!==void 0?i:C.text;const s=(o=e.title)!==null&&o!==void 0?o:C.title;if(C.flyout==null||C.flyout.length===0||e.flyout==null||e.flyout.length===0)return Object.assign(Object.assign({},t),{title:s,text:n});const a=[...C.flyout.map(((t,i)=>{var o;const n=e.flyout[i];const s=(o=n.title)!==null&&o!==void 0?o:t.title;const a=n.linkList!=null?e.flyout[i].linkList:[];return{title:s,linkList:[...t.linkList,...a]}})),...e.flyout.slice(C.flyout.length)];return Object.assign(Object.assign({},t),{text:n,title:s,flyout:a})}))};const S=async(t,e)=>{if(!L(t)){throw new Error(`Internet Header: invalid project id "${t}"`)}if(t==="test"){e="int01"}let i=I(t,e);try{const t=await fetch(i);return await t.json()}catch(t){throw new Error(`Internet Header: fetching config failed. ${t.message}`)}};const I=(t,e)=>{if(t==="test")return"assets/config/test-configuration.json";const i=e.toLowerCase();const o=i==="prod";const n=`https://${o?"www":"int"}.post.ch`;try{return new URL(`${n}/api/headerjs/Json?serviceid=${encodeURIComponent(t)}${!o?"&environment="+i:""}`).toString()}catch(t){throw new Error(`Internet Header: Config URL is invalid.`)}};const L=t=>t!==""&&t.length>0&&/^[a-zA-Z][\w-]*[a-zA-Z0-9]$/.test(t);const z=(t,e)=>{var i;let o;try{o=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. `)}let n=o[e];if((i=n===null||n===void 0?void 0:n.header)===null||i===void 0?void 0:i.navMain)R(n.header.navMain);return n};const R=t=>{t.forEach((t=>{t.id=t.id==="flyout_os"?t.id:c("main-nav-")}))};const A="@swisspost/internet-header";const E="1.13.4";const K="The header for client facing applications.";const M="Swiss Post <oss@post.ch>";const T="Apache-2.0";const W={type:"git",url:"https://github.com/swisspost/design-system.git"};const D="https://next.design-system.post.ch";const $={url:"https://github.com/swisspost/design-system/issues"};const H="loader/index.cjs.js";const J="loader/index.js";const U="loader/index.es2017.js";const B="loader/index.d.ts";const _="dist/collection/collection-manifest.json";const q="dist/swisspost-internet-header/swisspost-internet-header.esm.js";const G={access:"public"};const V=["dist/","loader/"];const X={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"};const Z={"@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"};const Y={"@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"};const Q=["components","web-components","header","stencil","design-system","ui","frontend"];const tt={name:A,version:E,description:K,author:M,license:T,repository:W,homepage:D,bugs:$,main:H,module:J,es2017:U,types:B,collection:_,"collection:main":"dist/collection/index.js",unpkg:q,publishConfig:G,files:V,scripts:X,dependencies:Z,devDependencies:Y,keywords:Q};const et=t=>{if(!(t instanceof HTMLElement||t instanceof SVGElement)){return false}const e=getComputedStyle(t);return["overflow","overflow-x","overflow-y"].some((t=>{const i=e.getPropertyValue(t);return i==="auto"||i==="scroll"}))};const it=t=>{let e=t.parentElement;while(e){if(e.nodeName==="BODY"){return document}if(et(e)){return e}e=e.parentElement}return document};const ot=(t,e)=>{const i=it(e);const o=()=>{const o=h.stickyness==="full";let n=1;const s=e.clientHeight-1;const a=i instanceof Element?i.scrollTop:i.documentElement.scrollTop;const r=o?0:a;if(t.clientHeight>0){n=Math.max((s-Math.max(r,0))/(s-t.clientHeight),1)}e.style.setProperty("--logo-scale",n.toString())};const n=s(150,o);const a=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting&&t.intersectionRatio>0){i.addEventListener("scroll",o,{passive:true});window.addEventListener("resize",n);window.requestAnimationFrame(o)}else{i.removeEventListener("scroll",o);window.removeEventListener("resize",n);window.requestAnimationFrame(o)}}))}),{threshold:[0,.001]});a.observe(t);return o};const nt='@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}';const st=nt;const at=class{async getCurrentLanguage(){var t;return(t=h.currentLanguage)!==null&&t!==void 0?t:"de"}constructor(i){t(this,i);this.headerLoaded=e(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===""||!L(this.project)){throw new Error(`Internet Header project key is "${this.project}". Please provide a valid project key.`)}}connectedCallback(){this.throttledScroll=a(300,(()=>this.handleScrollEvent()));this.debouncedResize=s(200,(()=>this.handleResize()))}disconnectedCallback(){this.scrollParent.removeEventListener("scroll",this.throttledScroll);this.scrollParent.removeEventListener("resize",this.debouncedResize);f()}async componentWillLoad(){this.scrollParent=it(this.host);this.scrollParent.addEventListener("scroll",this.throttledScroll,{passive:true});this.scrollParent.addEventListener("resize",this.debouncedResize,{passive:true});try{h.projectId=this.project;h.stickyness=this.stickyness;h.environment=this.environment.toLocaleLowerCase();if(this.language!==undefined)h.currentLanguage=this.language;h.languageSwitchOverrides=typeof this.languageSwitchOverrides==="string"?JSON.parse(this.languageSwitchOverrides):this.languageSwitchOverrides;h.osFlyoutOverrides=typeof this.osFlyoutOverrides==="string"?JSON.parse(this.osFlyoutOverrides):this.osFlyoutOverrides;if(this.customConfig!==undefined){const t=Object.keys(typeof this.customConfig==="string"?JSON.parse(this.customConfig):this.customConfig);const e=h.currentLanguage||r(t,this.language);h.localizedCustomConfig=z(this.customConfig,e)}h.localizedConfig=await N({projectId:this.project,environment:h.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:h.localizedCustomConfig,osFlyoutOverrides:h.osFlyoutOverrides})}catch(t){console.error(t)}}componentDidLoad(){window.requestAnimationFrame((()=>{this.handleResize();this.headerLoaded.emit();this.host.classList.add("header-loaded");if(this.meta&&this.metaNav){this.updateLogoAnimation=ot(this.metaNav,this.host)}}));if(this.stickyness==="full")console.warn('Internet Header: The stickyness="full" option is deprecated.')}async handleLanguageChange(t){h.currentLanguage=t;h.localizedConfig=await N({projectId:this.project,environment:this.environment,language:t,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:h.localizedCustomConfig,osFlyoutOverrides:h.osFlyoutOverrides});if(this.customConfig)h.localizedCustomConfig=z(this.customConfig,t)}handleAvailableLanguagesChange(t){h.languageSwitchOverrides=typeof t==="string"?JSON.parse(t):t}async handleOsFlyoutOverrides(t){h.osFlyoutOverrides=typeof t==="string"?JSON.parse(t):t;h.localizedConfig=await N({projectId:this.project,environment:this.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:h.localizedCustomConfig,osFlyoutOverrides:h.osFlyoutOverrides})}async handleActiveRouteChange(t){h.localizedConfig=await N({projectId:this.project,environment:this.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:t,localizedCustomConfig:h.localizedCustomConfig,osFlyoutOverrides:h.osFlyoutOverrides})}async handleCustomConfigChange(t){if(this.language===undefined)return;const e=z(t,this.language);h.localizedCustomConfig=e;h.localizedConfig=await N({projectId:this.project,environment:this.environment,language:this.language,cookieKey:this.languageCookieKey,localStorageKey:this.languageLocalStorageKey,activeRouteProp:this.activeRoute,localizedCustomConfig:e,osFlyoutOverrides:h.osFlyoutOverrides})}handleSearchChange(t){h.search=t}handleLoginChange(t){h.login=t}handleMetaChange(t){h.meta=t}handleLanguageChangeEvent(t){void this.handleLanguageChange(t.detail)}handleStickynessChange(t){h.stickyness=t;if(typeof this.updateLogoAnimation==="function")this.updateLogoAnimation()}handleClickOutside(t){if(this.activeDropdownElement&&!t.composedPath().includes(this.activeDropdownElement)){void this.activeDropdownElement.toggleDropdown(false)}}handleKeyUp(t){if(t.key==="Escape"){if(this.activeDropdownElement){void this.activeDropdownElement.toggleDropdown(false)}if(this.activeFlyout!==null&&this.mainNav){void this.mainNav.toggleDropdown(false)}}}handleScrollEvent(){const 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}handleResize(){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}handleDropdownToggled(t){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((()=>{window.addEventListener("click",this.handleClickOutsideBound)}),10)}if(this.activeFlyout!==null&&this.mainNav){void this.mainNav.setActiveFlyout(null)}}else{this.activeDropdownElement=null;window.removeEventListener("click",this.handleClickOutsideBound)}}handleFlyoutToggled(t){this.activeFlyout=t.detail;if(this.activeDropdownElement&&t.detail&&!this.isMainNavOpen()){void this.activeDropdownElement.toggleDropdown(false)}}toggleMobileDropdown(){var t;(t=this.mainNav)===null||t===void 0?void 0:t.toggleDropdown()}isMainNavOpen(){return this.activeDropdownElement&&this.activeDropdownElement.tagName==="POST-MAIN-NAVIGATION"}handleMainSlotChange(t){const e=t.target;this.isMainSlotEmpty=e.assignedElements().length===0}render(){var t,e,n;if(!((t=h.localizedConfig)===null||t===void 0?void 0:t.header)){console.error(new Error("Internet Header: Config cannot be loaded"));return}const s=h.localizedConfig;const a=this.meta&&s.header.navMeta!==undefined&&((e=s.header.navMeta)===null||e===void 0?void 0:e.filter((t=>!t.isHomeLink)).length)>0;const r=((n=this.login)!==null&&n!==void 0?n:!s.header.isLoginWidgetHidden)&&s.header.loginWidgetOptions;const l=s.header.navLang.length>1;return i(o,{class:`stickyness-${this.stickyness} ${Boolean(this.activeDropdownElement)||Boolean(this.activeFlyout)?"dropdown-open":""}`,"data-version":tt.version,onKeyup:t=>this.handleKeyUp(t)},i("header",{class:`post-internet-header${this.fullWidth?" full-width":""}`},i(u,null),i("h1",{class:"visually-hidden"},d("Navigate on post.ch")),i(g,{condition:this.skiplinks},i("post-skiplinks",null)),i(g,{condition:a},i("post-meta-navigation",{orientation:"horizontal",class:"hidden-lg","full-width":this.fullWidth,ref:t=>this.metaNav=t},i(g,{condition:l},i("post-language-switch",{id:"post-language-switch-desktop",mode:"dropdown",onDropdownToggled:t=>this.handleDropdownToggled(t)})))),i("div",{class:"main-navigation-container wide-container"},i("post-logo",null),i("button",{class:"menu-button nav-link",onClick:()=>this.toggleMobileDropdown(),"aria-haspopup":"menu","aria-controls":"post-internet-header-main-navigation","aria-expanded":this.activeDropdownElement?"true":"false"},i("span",{class:"menu-button-text visually-hidden"},s.header.mobileMenu.text),i(p,{name:this.isMainNavOpen()?"pi-close":"pi-menu"})),i("post-main-navigation",{onDropdownToggled:t=>this.handleDropdownToggled(t),onFlyoutToggled:t=>this.handleFlyoutToggled(t),ref:t=>this.mainNav=t},i(g,{condition:a},i("post-meta-navigation",{orientation:"vertical"},i(g,{condition:l},i("post-language-switch",{id:"post-language-switch-mobile",mode:"list"}))))),i("div",{class:"main-navigation-controls"},i("div",{class:"main-navigation-custom-content",hidden:this.isMainSlotEmpty},i("slot",{name:"main",onSlotchange:t=>this.handleMainSlotChange(t)})),i(g,{condition:this.search},i("post-search",{onDropdownToggled:t=>this.handleDropdownToggled(t)})),i(g,{condition:!!r},i("post-klp-login-widget",{"logout-url":this.logoutUrl},i("slot",{name:"login-widget"}))),i(g,{condition:!a&&l},i("post-language-switch",{id:"post-language-switch-no-meta",onDropdownToggled:t=>this.handleDropdownToggled(t),mode:"dropdown"}))))))}get host(){return n(this)}static get watchers(){return{language:["handleLanguageChange"],languageSwitchOverrides:["handleAvailableLanguagesChange"],osFlyoutOverrides:["handleOsFlyoutOverrides"],activeRoute:["handleActiveRouteChange"],customConfig:["handleCustomConfigChange"],search:["handleSearchChange"],login:["handleLoginChange"],meta:["handleMetaChange"],stickyness:["handleStickynessChange"]}}};at.style=st;export{at as P};
-//# sourceMappingURL=p-1097010e.js.map

package/dist/swisspost-internet-header/p-1097010e.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["markActiveRoute","config","activeRouteProp","compareUrl","resetOverrideConfig","hasActivePortalRoute","resetActiveStateToPortalConfig","URL","window","location","href","document","origin","error","console","warn","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","split","x","compareSegments","getSimilarityScore","Math","min","i","request","osFlyoutCache","getPPMConfig","ppmConfigScript","querySelector","textContent","JSON","parse","getLocalizedConfig","async","projectId","environment","language","cookieKey","localStorageKey","localizedCustomConfig","osFlyoutOverrides","ppmConfig","localizedConfig","lang","documentElement","fetchConfig","getUserLang","keys","undefined","Error","header","navMain","mergeOsFlyoutOverrides","setMainNavigationIds","_b","persistLanguageChoice","id","stringify","mainNavText","text","mainNavTitle","title","mainNavFlyout","col","index","overrides","slice","isValidProjectId","generateConfigUrl","res","fetch","json","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","getCurrentLanguage","currentLanguage","constructor","hostRef","this","lastScrollTop","lastWindowWidth","innerWidth","handleClickOutsideBound","handleClickOutside","bind","project","connectedCallback","throttledScroll","throttle","handleScrollEvent","debouncedResize","handleResize","disconnectedCallback","dispose","componentWillLoad","languageSwitchOverrides","langs","languageCookieKey","languageLocalStorageKey","activeRoute","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-19771ee8.system.js

@@ -1,2 +0,0 @@
-System.register(["./p-d83602cb.system.js","./p-332e638f.system.js"],(function(t){"use strict";var e,i,o,n;return{setters:[function(t){e=t.r;i=t.h;o=t.H},function(t){n=t.s}],execute:function(){var r='@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,.meta-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),.meta-link:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.meta-link:hover,.nav-link:focus,.meta-link:focus{color:#000}.nav-link:is(:focus-visible,:focus-within,.pretend-focus),.meta-link:is(:focus-visible,:focus-within,.pretend-focus){z-index:1;position:relative}.nav-link>svg,.meta-link>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.nav-link>span,.meta-link>span{-ms-flex-negative:1;flex-shrink:1}.no-list,.meta-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;font-size:.875rem}.meta-container{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;min-height:3rem;background:#faf9f8}@media (min-width: 1441px){.meta-container:not(.full-width){margin:0 auto;max-width:1440px}}.meta-container.vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;padding-top:2.5rem;padding-bottom:2.5rem}@media (max-width: 599.98px){.meta-container.vertical{padding-right:16px;padding-left:16px}}@media (min-width: 600px)and (max-width: 1023.98px){.meta-container.vertical{padding-right:32px;padding-left:32px}}@media (min-width: 1024px){.meta-container.vertical{padding-right:40px;padding-left:40px}}@media (min-width: 1024px){.meta-container.vertical{display:none}}.meta-container.horizontal ::slotted(*){--separator-display:block;--separator-height:2.125rem}.meta-container.horizontal::before{display:block;content:"";position:absolute;top:0px;height:var(--meta-header-height);background-color:#faf9f8;left:50%;width:50%}.horizontal .meta-navigation{position:relative;padding-right:1rem}.meta-list{display:-ms-flexbox;display:flex}.vertical .meta-list{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.meta-link{font-size:.875rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 .5rem;min-height:2.125rem;border-radius:3px}.meta-link.active{background:#fc0;color:#000}.vertical .meta-link{color:#000;padding:0}.vertical .meta-link.active{padding:0 .5rem;margin-left:-0.5rem}';var a=r;var s=t("P",function(){function t(t){e(this,t);this.orientation=undefined;this.fullWidth=false}t.prototype.render=function(){var t,e;if(((t=n.localizedConfig)===null||t===void 0?void 0:t.header.navMeta)===undefined)return;var r=n.localizedConfig.header;return i(o,null,i("div",{class:"meta-container ".concat(this.orientation).concat(this.fullWidth?" full-width":"")},i("nav",{"aria-label":r.translations.navMetaAriaLabel,class:"meta-navigation"},i("ul",{class:"meta-list"},(e=r.navMeta)===null||e===void 0?void 0:e.filter((function(t){return!t.isHomeLink})).map((function(t){return i("li",{key:t.url},i("a",{class:{active:t.isActive,"meta-link":true},target:t.target,href:t.url},i("span",{"aria-hidden":"true"},t.text)))})))),i("slot",null)))};return t}());s.style=a}}}));
-//# sourceMappingURL=p-19771ee8.system.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["postMetaNavigationCss","PostMetaNavigationStyle0","PostMetaNavigation","exports","class_1","prototype","render","_a","state","localizedConfig","header","navMeta","undefined","headerConfig","h","Host","class","concat","this","orientation","fullWidth","translations","navMetaAriaLabel","_b","filter","meta","isHomeLink","map","key","url","active","isActive","target","href","text"],"sources":["src/components/post-meta-navigation/post-meta-navigation.scss?tag=post-meta-navigation&encapsulation=shadow","src/components/post-meta-navigation/post-meta-navigation.tsx"],"sourcesContent":["@use '@swisspost/design-system-styles/variables/color';\n@use '@swisspost/design-system-styles/functions';\n@use '../../utils/utils.scss';\n@use '../../utils/mixins.scss';\n\n:host {\n  display: block;\n  font-size: functions.px-to-rem(14px);\n}\n\n.meta-container {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  min-height: functions.px-to-rem(48px);\n\n  background: color.$gray-background-light;\n\n  @media (min-width: 1441px) {\n    &:not(.full-width) {\n      margin: 0 auto;\n      max-width: 1440px;\n    }\n  }\n\n  &.vertical {\n    @include mixins.container-padding();\n\n    flex-direction: column;\n    align-items: flex-start;\n    padding-top: 2.5rem;\n    padding-bottom: 2.5rem;\n\n    @include mixins.min(lg) {\n      display: none;\n    }\n  }\n\n  &.horizontal {\n    ::slotted(*) {\n      --separator-display: block;\n      --separator-height: #{functions.px-to-rem(34px)};\n    }\n\n    &::before {\n      display: block;\n      content: '';\n      position: absolute;\n      top: 0px;\n      height: var(--meta-header-height);\n      background-color: color.$gray-background-light;\n      left: 50%;\n      width: 50%;\n    }\n  }\n}\n\n.meta-navigation {\n  .horizontal & {\n    position: relative;\n    padding-right: 1rem;\n  }\n}\n\n.meta-list {\n  @extend %no-list;\n  display: flex;\n\n  .vertical & {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n\n.meta-link {\n  @extend %nav-link;\n\n  font-size: functions.px-to-rem(14px);\n  display: flex;\n  align-items: center;\n  padding: 0 0.5rem;\n  min-height: functions.px-to-rem(34px);\n  border-radius: 3px;\n\n  &.active {\n    background: color.$yellow;\n    color: black;\n  }\n\n  .vertical & {\n    color: black;\n    padding: 0;\n\n    &.active {\n      padding: 0 0.5rem;\n      margin-left: -0.5rem;\n    }\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport { state } from '../../data/store';\n\n@Component({\n  tag: 'post-meta-navigation',\n  styleUrl: 'post-meta-navigation.scss',\n  shadow: true,\n})\nexport class PostMetaNavigation {\n  @Prop() orientation: 'horizontal' | 'vertical';\n  @Prop() fullWidth?: boolean = false;\n\n  render() {\n    if (state.localizedConfig?.header.navMeta === undefined) return;\n    const headerConfig = state.localizedConfig.header;\n\n    return (\n      <Host>\n        <div class={`meta-container ${this.orientation}${this.fullWidth ? ' full-width' : ''}`}>\n          <nav aria-label={headerConfig.translations.navMetaAriaLabel} class=\"meta-navigation\">\n            <ul class=\"meta-list\">\n              {headerConfig.navMeta\n                ?.filter(meta => !meta.isHomeLink)\n                .map(meta => (\n                  <li key={meta.url}>\n                    <a\n                      class={{ 'active': meta.isActive, 'meta-link': true }}\n                      target={meta.target}\n                      href={meta.url}\n                    >\n                      <span aria-hidden=\"true\">{meta.text}</span>\n                    </a>\n                  </li>\n                ))}\n            </ul>\n          </nav>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gMAAA,IAAMA,EAAwB,0/LAC9B,IAAAC,EAAeD,E,ICOFE,EAAkBC,EAAA,e,kEAEC,K,CAE9BC,EAAAC,UAAAC,OAAA,W,QACE,KAAIC,EAAAC,EAAMC,mBAAe,MAAAF,SAAA,SAAAA,EAAEG,OAAOC,WAAYC,UAAW,OACzD,IAAMC,EAAeL,EAAMC,gBAAgBC,OAE3C,OACEI,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAO,kBAAAC,OAAkBC,KAAKC,aAAWF,OAAGC,KAAKE,UAAY,cAAgB,KAChFN,EAAA,oBAAiBD,EAAaQ,aAAaC,iBAAkBN,MAAM,mBACjEF,EAAA,MAAIE,MAAM,cACPO,EAAAV,EAAaF,WAAO,MAAAY,SAAA,SAAAA,EACjBC,QAAO,SAAAC,GAAQ,OAACA,EAAKC,UAAN,IAChBC,KAAI,SAAAF,GAAI,OACPX,EAAA,MAAIc,IAAKH,EAAKI,KACZf,EAAA,KACEE,MAAO,CAAEc,OAAUL,EAAKM,SAAU,YAAa,MAC/CC,OAAQP,EAAKO,OACbC,KAAMR,EAAKI,KAEXf,EAAA,sBAAkB,QAAQW,EAAKS,OAP5B,MAafpB,EAAA,c,WA5BqB,I"}

package/dist/swisspost-internet-header/p-197bbbde.js

@@ -1,3 +0,0 @@
-const t="swisspost-internet-header";let e;let n;let s=false;let o=null;let l=false;const c=(t,e="")=>{{return()=>{}}};const i=(t,e)=>{{return()=>{}}};const f="{visibility:hidden}.hydrated{visibility:inherit}";const r="slot-fb{display:contents}slot-fb[hidden]{display:none}";const u={};const a="http://www.w3.org/2000/svg";const d="http://www.w3.org/1999/xhtml";const v=t=>t!=null;const p=t=>{t=typeof t;return t==="object"||t==="function"};function h(t){var e,n,s;return(s=(n=(e=t.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const y=(t,e,...n)=>{let s=null;let o=null;let l=false;let c=false;const i=[];const f=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){f(s)}else if(s!=null&&typeof s!=="boolean"){if(l=typeof t!=="function"&&!p(s)){s=String(s)}if(l&&c){i[i.length-1].t+=s}else{i.push(l?m(null,s):s)}c=l}}};f(n);if(e){if(e.key){o=e.key}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}if(typeof t==="function"){return t(e===null?{}:e,i,$)}const r=m(t,null);r.o=e;if(i.length>0){r.l=i}{r.i=o}return r};const m=(t,e)=>{const n={u:0,v:t,t:e,p:null,l:null};{n.o=null}{n.i=null}return n};const b={};const w=t=>t&&t.v===b;const $={forEach:(t,e)=>t.map(g).forEach(e),map:(t,e)=>t.map(g).map(e).map(S)};const g=t=>({vattrs:t.o,vchildren:t.l,vkey:t.i,vname:t.h,vtag:t.v,vtext:t.t});const S=t=>{if(typeof t.vtag==="function"){const e=Object.assign({},t.vattrs);if(t.vkey){e.key=t.vkey}if(t.vname){e.name=t.vname}return y(t.vtag,e,...t.vchildren||[])}const e=m(t.vtag,t.vtext);e.o=t.vattrs;e.l=t.vchildren;e.i=t.vkey;e.h=t.vname;return e};const j=(t,e)=>{if(t!=null&&!p(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&1){return String(t)}return t}return t};const O=t=>wt(t).$hostElement$;const k=(t,e,n)=>{const s=O(t);return{emit:t=>C(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const C=(t,e,n)=>{const s=Pt.ce(e,n);t.dispatchEvent(s);return s};const M=new WeakMap;const x=(t,e,n)=>{let s=Ct.get(t);if(Lt&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}Ct.set(t,s)};const P=(t,e,n)=>{var s;const o=E(e);const l=Ct.get(o);t=t.nodeType===11?t:xt;if(l){if(typeof l==="string"){t=t.head||t;let n=M.get(t);let c;if(!n){M.set(t,n=new Set)}if(!n.has(o)){{c=xt.createElement("style");c.innerHTML=l;const e=(s=Pt.m)!==null&&s!==void 0?s:h(xt);if(e!=null){c.setAttribute("nonce",e)}t.insertBefore(c,t.querySelector("link"))}if(e.u&4){c.innerHTML+=r}if(n){n.add(o)}}}else if(!t.adoptedStyleSheets.includes(l)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]}}return o};const U=t=>{const e=t.$;const n=t.$hostElement$;const s=e.u;const o=c("attachStyles",e.S);const l=P(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(s&10){n["s-sc"]=l;n.classList.add(l+"-h")}o()};const E=(t,e)=>"sc-"+t.S;const L=(t,e,n,s,o,l)=>{if(n!==s){let c=St(t,e);let i=e.toLowerCase();if(e==="class"){const e=t.classList;const o=A(n);const l=A(s);e.remove(...o.filter((t=>t&&!l.includes(t))));e.add(...l.filter((t=>t&&!o.includes(t))))}else if(e==="style"){{for(const e in n){if(!s||s[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in s){if(!n||s[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,s[e])}else{t.style[e]=s[e]}}}}else if(e==="key");else if(e==="ref"){if(s){s(t)}}else if(!c&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(St(Mt,i)){e=i.slice(2)}else{e=i[2]+e.slice(3)}if(n||s){const o=e.endsWith(N);e=e.replace(R,"");if(n){Pt.rel(t,e,n,o)}if(s){Pt.ael(t,e,s,o)}}}else{const i=p(s);if((c||i&&s!==null)&&!o){try{if(!t.tagName.includes("-")){const o=s==null?"":s;if(e==="list"){c=false}else if(n==null||t[e]!=o){t[e]=o}}else{t[e]=s}}catch(t){}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){{t.removeAttribute(e)}}}else if((!c||l&4||o)&&!i){s=s===true?"":s;{t.setAttribute(e,s)}}}}};const W=/\s/;const A=t=>!t?[]:t.split(W);const N="Capture";const R=new RegExp(N+"$");const T=(t,e,n,s)=>{const o=e.p.nodeType===11&&e.p.host?e.p.host:e.p;const l=t&&t.o||u;const c=e.o||u;{for(s in l){if(!(s in c)){L(o,s,l[s],undefined,n,e.u)}}}for(s in c){L(o,s,l[s],c[s],n,e.u)}};const D=(t,o,l,c)=>{const i=o.l[l];let f=0;let r;let u;if(i.t!==null){r=i.p=xt.createTextNode(i.t)}else{if(!s){s=i.v==="svg"}r=i.p=xt.createElementNS(s?a:d,i.v);if(s&&i.v==="foreignObject"){s=false}{T(null,i,s)}if(v(e)&&r["s-si"]!==e){r.classList.add(r["s-si"]=e)}if(i.l){for(f=0;f<i.l.length;++f){u=D(t,i,f);if(u){r.appendChild(u)}}}{if(i.v==="svg"){s=false}else if(r.tagName==="foreignObject"){s=true}}}r["s-hn"]=n;return r};const H=(t,e,s,o,l,c)=>{let i=t;let f;if(i.shadowRoot&&i.tagName===n){i=i.shadowRoot}for(;l<=c;++l){if(o[l]){f=D(null,s,l);if(f){o[l].p=f;i.insertBefore(f,e)}}}};const q=(t,e,n)=>{for(let s=e;s<=n;++s){const e=t[s];if(e){const t=e.p;_(e);if(t){t.remove()}}}};const F=(t,e,n,s,o=false)=>{let l=0;let c=0;let i=0;let f=0;let r=e.length-1;let u=e[0];let a=e[r];let d=s.length-1;let v=s[0];let p=s[d];let h;let y;while(l<=r&&c<=d){if(u==null){u=e[++l]}else if(a==null){a=e[--r]}else if(v==null){v=s[++c]}else if(p==null){p=s[--d]}else if(I(u,v,o)){V(u,v,o);u=e[++l];v=s[++c]}else if(I(a,p,o)){V(a,p,o);a=e[--r];p=s[--d]}else if(I(u,p,o)){V(u,p,o);t.insertBefore(u.p,a.p.nextSibling);u=e[++l];p=s[--d]}else if(I(a,v,o)){V(a,v,o);t.insertBefore(a.p,u.p);a=e[--r];v=s[++c]}else{i=-1;{for(f=l;f<=r;++f){if(e[f]&&e[f].i!==null&&e[f].i===v.i){i=f;break}}}if(i>=0){y=e[i];if(y.v!==v.v){h=D(e&&e[c],n,i)}else{V(y,v,o);e[i]=undefined;h=y.p}v=s[++c]}else{h=D(e&&e[c],n,c);v=s[++c]}if(h){{u.p.parentNode.insertBefore(h,u.p)}}}}if(l>r){H(t,s[d+1]==null?null:s[d+1].p,n,s,c,d)}else if(c>d){q(e,l,r)}};const I=(t,e,n=false)=>{if(t.v===e.v){if(!n){return t.i===e.i}return true}return false};const V=(t,e,n=false)=>{const o=e.p=t.p;const l=t.l;const c=e.l;const i=e.v;const f=e.t;if(f===null){{s=i==="svg"?true:i==="foreignObject"?false:s}{if(i==="slot");else{T(t,e,s)}}if(l!==null&&c!==null){F(o,l,e,c,n)}else if(c!==null){if(t.t!==null){o.textContent=""}H(o,null,e,c,0,c.length-1)}else if(l!==null){q(l,0,l.length-1)}if(s&&i==="svg"){s=false}}else if(t.t!==f){o.data=f}};const _=t=>{{t.o&&t.o.ref&&t.o.ref(null);t.l&&t.l.map(_)}};const z=(t,s,o=false)=>{const l=t.$hostElement$;const c=t.j||m(null,null);const i=w(s)?s:y(null,null,s);n=l.tagName;if(o&&i.o){for(const t of Object.keys(i.o)){if(l.hasAttribute(t)&&!["key","ref","style","class"].includes(t)){i.o[t]=l[t]}}}i.v=null;i.u|=4;t.j=i;i.p=c.p=l.shadowRoot||l;{e=l["s-sc"]}V(c,i,o)};const B=(t,e)=>{if(e&&!t.O&&e["s-p"]){e["s-p"].push(new Promise((e=>t.O=e)))}};const G=(t,e)=>{{t.u|=16}if(t.u&4){t.u|=512;return}B(t,t.k);const n=()=>J(t,e);return Ht(n)};const J=(t,e)=>{const n=c("scheduleUpdate",t.$.S);const s=t.C;let o;if(e){{t.u|=256;if(t.M){t.M.map((([t,e])=>st(s,t,e)));t.M=undefined}}{o=st(s,"componentWillLoad")}}else{{o=st(s,"componentWillUpdate")}}n();return K(o,(()=>X(t,s,e)))};const K=(t,e)=>Q(t)?t.then(e):e();const Q=t=>t instanceof Promise||t&&t.then&&typeof t.then==="function";const X=async(t,e,n)=>{var s;const o=t.$hostElement$;const l=c("update",t.$.S);const i=o["s-rc"];if(n){U(t)}const f=c("render",t.$.S);{Y(t,e,o,n)}if(i){i.map((t=>t()));o["s-rc"]=undefined}f();l();{const e=(s=o["s-p"])!==null&&s!==void 0?s:[];const n=()=>tt(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.u|=4;e.length=0}}};const Y=(t,e,n,s)=>{try{o=e;e=e.render();{t.u&=~16}{t.u|=2}{{{z(t,e,s)}}}}catch(e){jt(e,t.$hostElement$)}o=null;return null};const Z=()=>o;const tt=t=>{const e=t.$.S;const n=t.$hostElement$;const s=c("postUpdate",e);const o=t.C;const l=t.k;if(!(t.u&64)){t.u|=64;{ot(n)}{st(o,"componentDidLoad")}s();{t.P(n);if(!l){nt()}}}else{{st(o,"componentDidUpdate")}s()}{t.U(n)}{if(t.O){t.O();t.O=undefined}if(t.u&512){Dt((()=>G(t,false)))}t.u&=~(4|512)}};const et=t=>{{const e=wt(t);const n=e.$hostElement$.isConnected;if(n&&(e.u&(2|16))===2){G(e,false)}return n}};const nt=e=>{{ot(xt.documentElement)}Dt((()=>C(Mt,"appload",{detail:{namespace:t}})))};const st=(t,e,n)=>{if(t&&t[e]){try{return t[e](n)}catch(t){jt(t)}}return undefined};const ot=t=>t.classList.add("hydrated");const lt=(t,e)=>wt(t).L.get(e);const ct=(t,e,n,s)=>{const o=wt(t);const l=o.$hostElement$;const c=o.L.get(e);const i=o.u;const f=o.C;n=j(n,s.W[e][0]);const r=Number.isNaN(c)&&Number.isNaN(n);const u=n!==c&&!r;if((!(i&8)||c===undefined)&&u){o.L.set(e,n);if(f){if(s.A&&i&128){const t=s.A[e];if(t){t.map((t=>{try{f[t](n,c,e)}catch(t){jt(t,l)}}))}}if((i&(2|16))===2){G(o,false)}}}};const it=(t,e,n)=>{var s;const o=t.prototype;if(e.W){if(t.watchers){e.A=t.watchers}const l=Object.entries(e.W);l.map((([t,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(o,t,{get(){return lt(this,t)},set(n){ct(this,t,n,e)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(o,t,{value(...e){var n;const s=wt(this);return(n=s===null||s===void 0?void 0:s.N)===null||n===void 0?void 0:n.then((()=>{var n;return(n=s.C)===null||n===void 0?void 0:n[t](...e)}))}})}}));if(n&1){const n=new Map;o.attributeChangedCallback=function(t,s,l){Pt.jmp((()=>{var c;const i=n.get(t);if(this.hasOwnProperty(i)){l=this[i];delete this[i]}else if(o.hasOwnProperty(i)&&typeof this[i]==="number"&&this[i]==l){return}else if(i==null){const n=wt(this);const o=n===null||n===void 0?void 0:n.u;if(o&&!(o&8)&&o&128&&l!==s){const o=n.C;const i=(c=e.A)===null||c===void 0?void 0:c[t];i===null||i===void 0?void 0:i.forEach((e=>{if(o[e]!=null){o[e].call(o,l,s,t)}}))}return}this[i]=l===null&&typeof this[i]==="boolean"?false:l}))};t.observedAttributes=Array.from(new Set([...Object.keys((s=e.A)!==null&&s!==void 0?s:{}),...l.filter((([t,e])=>e[0]&15)).map((([t,e])=>{const s=e[1]||t;n.set(s,t);return s}))]))}}return t};const ft=async(t,e,n,s)=>{let o;if((e.u&32)===0){e.u|=32;{o=kt(n);if(o.then){const t=i();o=await o;t()}if(!o.isProxied){{n.A=o.watchers}it(o,n,2);o.isProxied=true}const t=c("createInstance",n.S);{e.u|=8}try{new o(e)}catch(t){jt(t)}{e.u&=~8}{e.u|=128}t();rt(e.C)}if(o.style){let t=o.style;const e=E(n);if(!Ct.has(e)){const s=c("registerStyles",n.S);x(e,t,!!(n.u&1));s()}}}const l=e.k;const f=()=>G(e,true);if(l&&l["s-rc"]){l["s-rc"].push(f)}else{f()}};const rt=t=>{{st(t,"connectedCallback")}};const ut=t=>{if((Pt.u&1)===0){const e=wt(t);const n=e.$;const s=c("connectedCallback",n.S);if(!(e.u&1)){e.u|=1;{let n=t;while(n=n.parentNode||n.host){if(n["s-p"]){B(e,e.k=n);break}}}if(n.W){Object.entries(n.W).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{ft(t,e,n)}}else{pt(t,e,n.R);if(e===null||e===void 0?void 0:e.C){rt(e.C)}else if(e===null||e===void 0?void 0:e.T){e.T.then((()=>rt(e.C)))}}s()}};const at=t=>{{st(t,"disconnectedCallback")}};const dt=async t=>{if((Pt.u&1)===0){const e=wt(t);{if(e.D){e.D.map((t=>t()));e.D=undefined}}if(e===null||e===void 0?void 0:e.C){at(e.C)}else if(e===null||e===void 0?void 0:e.T){e.T.then((()=>at(e.C)))}}};const vt=(t,e={})=>{var n;const s=c();const o=[];const l=e.exclude||[];const i=Mt.customElements;const u=xt.head;const a=u.querySelector("meta[charset]");const d=xt.createElement("style");const v=[];let p;let y=true;Object.assign(Pt,e);Pt.H=new URL(e.resourcesUrl||"./",xt.baseURI).href;let m=false;t.map((t=>{t[1].map((e=>{var n;const s={u:e[0],S:e[1],W:e[2],R:e[3]};if(s.u&4){m=true}{s.W=e[2]}{s.R=e[3]}{s.A=(n=e[4])!==null&&n!==void 0?n:{}}const c=s.S;const f=class extends HTMLElement{constructor(t){super(t);t=this;gt(t,s);if(s.u&1){{{t.attachShadow({mode:"open"})}}}}connectedCallback(){if(p){clearTimeout(p);p=null}if(y){v.push(this)}else{Pt.jmp((()=>ut(this)))}}disconnectedCallback(){Pt.jmp((()=>dt(this)))}componentOnReady(){return wt(this).T}};s.q=t[0];if(!l.includes(c)&&!i.get(c)){o.push(c);i.define(c,it(f,s,1))}}))}));if(m){d.innerHTML+=r}{d.innerHTML+=o+f}if(d.innerHTML.length){d.setAttribute("data-styles","");const t=(n=Pt.m)!==null&&n!==void 0?n:h(xt);if(t!=null){d.setAttribute("nonce",t)}u.insertBefore(d,a?a.nextSibling:u.firstChild)}y=false;if(v.length){v.map((t=>t.connectedCallback()))}else{{Pt.jmp((()=>p=setTimeout(nt,30)))}}s()};const pt=(t,e,n,s)=>{if(n){n.map((([n,s,o])=>{const l=t;const c=ht(e,o);const i=yt(n);Pt.ael(l,s,c,i);(e.D=e.D||[]).push((()=>Pt.rel(l,s,c,i)))}))}};const ht=(t,e)=>n=>{try{{if(t.u&256){t.C[e](n)}else{(t.M=t.M||[]).push([e,n])}}}catch(t){jt(t)}};const yt=t=>Ut?{passive:(t&1)!==0,capture:(t&2)!==0}:(t&2)!==0;const mt=t=>Pt.m=t;const bt=new WeakMap;const wt=t=>bt.get(t);const $t=(t,e)=>bt.set(e.C=t,e);const gt=(t,e)=>{const n={u:0,$hostElement$:t,$:e,L:new Map};{n.N=new Promise((t=>n.U=t))}{n.T=new Promise((t=>n.P=t));t["s-p"]=[];t["s-rc"]=[]}pt(t,n,e.R);return bt.set(t,n)};const St=(t,e)=>e in t;const jt=(t,e)=>(0,console.error)(t,e);const Ot=new Map;const kt=(t,e,n)=>{const s=t.S.replace(/-/g,"_");const o=t.q;const l=Ot.get(o);if(l){return l[s]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${o}.entry.js${""}`).then((t=>{{Ot.set(o,t)}return t[s]}),jt)};const Ct=new Map;const Mt=typeof window!=="undefined"?window:{};const xt=Mt.document||{head:{}};const Pt={u:0,H:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const Ut=(()=>{let t=false;try{xt.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(t){}return t})();const Et=t=>Promise.resolve(t);const Lt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Wt=[];const At=[];const Nt=(t,e)=>n=>{t.push(n);if(!l){l=true;if(e&&Pt.u&4){Dt(Tt)}else{Pt.raf(Tt)}}};const Rt=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){jt(t)}}t.length=0};const Tt=()=>{Rt(Wt);{Rt(At);if(l=Wt.length>0){Pt.raf(Tt)}}};const Dt=t=>Et().then(t);const Ht=Nt(At,true);export{b as H,Z as a,vt as b,k as c,et as f,O as g,y as h,Et as p,$t as r,mt as s};
-//# sourceMappingURL=p-197bbbde.js.map