npm - @swisspost/internet-header - Versions diffs - 1.5.0-beta.0 - Mend

@swisspost/internet-header 1.5.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (508) hide show

package/dist/esm-es5/language.service-e49858e0.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{s as state}from"./store-d495dc07.js";var translations={"Close overlay":{de:"Overlay Schliessen",fr:"Fermer la superposition",it:"Chiudi sovrapposizione"},"Current language is English":{de:"Die aktuelle Sprache ist Deutsch",fr:"La langue actuelle est le français",it:"La lingua corrente è l'italiano"},"Change language":{de:"Sprache wechseln",fr:"Changer de langue",it:"Cambia lingua"},"Go to main content":{de:"Zum Hauptinhalt springen",fr:"Aller au contenu principal",it:"Vai al contenuto principale"},"Go to search":{de:"Zur Suche springen",fr:"Aller à la recherche",it:"Vai alla ricerca"},"Go to login":{de:"Zum Login springen",fr:"Aller au login",it:"Vai al login"},"Open menu":{de:"Menü öffnen",fr:"Ouvrir le menu",it:"Apri il menu"}};var getUserLang=function(e,n,a,r){if(e.length===0){return undefined}if(e.length===1){return e[0]}var t=new URL(window.location.href);var i=[n,t.searchParams.get("lang"),t.pathname.split("/").find((function(n){return e.includes(n)})),a!==undefined?window.localStorage.getItem(a):null,getCookie("language"),getCookie("lang"),r!==undefined?getCookie(r):null,document.documentElement.lang,getPreferredLanguageFromBrowser(e),state.currentLanguage].filter((function(e){return!!e}));var o=i.find((function(n){return e.includes(n)}))\|\|e[0];if(!o\|\|o.length!==2){throw new Error("Current language could not be determined from settings or the language provided (".concat(o,") is not supported by the Header API."))}return o};var persistLanguageChoice=function(e,n,a){if(a!==undefined){window.localStorage.setItem(a,e)}if(n!==undefined){setCookie(n,e)}state.currentLanguage=e};var getCookie=function(e){var n;return((n=document.cookie.match("(^\|;)\\s"+e+"\\s=\\s*([^;]+)"))===null\|\|n===void 0?void 0:n.pop())\|\|""};var setCookie=function(e,n){document.cookie="".concat(encodeURIComponent(e),"=").concat(encodeURIComponent(n))};var getPreferredLanguageFromBrowser=function(e){if(navigator.language){var n=extractLanguage(navigator.language);if(e.indexOf(n)!==-1){return n}}if(navigator.languages){for(var a=0,r=navigator.languages;a<r.length;a++){var t=r[a];var n=extractLanguage(t);if(e.indexOf(n)!==-1){return n}}}return null};var extractLanguage=function(e){return e.substring(0,2).toLowerCase()};var translate=function(e,n,a){if(a===void 0){a=translations}var r,t,i;return(i=(r=a[e])===null\|\|r===void 0?void 0:r[(t=n!==null&&n!==void 0?n:state.currentLanguage)!==null&&t!==void 0?t:""])!==null&&i!==void 0?i:e};export{getUserLang as g,persistLanguageChoice as p,translate as t};
2	+ //# sourceMappingURL=language.service-e49858e0.js.map

package/dist/esm-es5/language.service-e49858e0.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["translations","de","fr","it","getUserLang","supportedLanguages","implementorPreferredLanguage","localStorageKey","cookieKey","length","undefined","url","URL","window","location","href","languagesSet","searchParams","get","pathname","split","find","segment","includes","localStorage","getItem","getCookie","document","documentElement","lang","getPreferredLanguageFromBrowser","state","currentLanguage","filter","language","Error","concat","persistLanguageChoice","setItem","setCookie","name","_a","cookie","match","pop","key","value","encodeURIComponent","navigator","extractLanguage","indexOf","languages","_i","_d","l","substring","toLowerCase","translate","translationObject","_b","_c"],"sources":["src/assets/i18n/translations.ts","src/services/language.service.ts"],"sourcesContent":["export const translations = {\r\n 'Close overlay': {\r\n de: 'Overlay Schliessen',\r\n fr: 'Fermer la superposition',\r\n it: 'Chiudi sovrapposizione',\r\n },\r\n 'Current language is English': {\r\n de: 'Die aktuelle Sprache ist Deutsch',\r\n fr: 'La langue actuelle est le français',\r\n it: \"La lingua corrente è l'italiano\",\r\n },\r\n 'Change language': {\r\n de: 'Sprache wechseln',\r\n fr: 'Changer de langue',\r\n it: 'Cambia lingua',\r\n },\r\n 'Go to main content': {\r\n de: 'Zum Hauptinhalt springen',\r\n fr: 'Aller au contenu principal',\r\n it: 'Vai al contenuto principale',\r\n },\r\n 'Go to search': {\r\n de: 'Zur Suche springen',\r\n fr: 'Aller à la recherche',\r\n it: 'Vai alla ricerca',\r\n },\r\n 'Go to login': {\r\n de: 'Zum Login springen',\r\n fr: 'Aller au login',\r\n it: 'Vai al login',\r\n },\r\n 'Open menu': {\r\n de: 'Menü öffnen',\r\n fr: 'Ouvrir le menu',\r\n it: 'Apri il menu',\r\n },\r\n};\r\n","import { translations } from '../assets/i18n/translations';\r\nimport { state } from '../data/store';\r\n\r\nexport const getUserLang = (\r\n supportedLanguages: string[],\r\n implementorPreferredLanguage?: string,\r\n localStorageKey?: string,\r\n cookieKey?: string,\r\n) => {\r\n // If there are no supported languages, well...\r\n if (supportedLanguages.length === 0) {\r\n return undefined;\r\n }\r\n\r\n // If there is only one language in the config, use this\r\n if (supportedLanguages.length === 1) {\r\n return supportedLanguages[0];\r\n }\r\n\r\n const url = new URL(window.location.href);\r\n\r\n /**\r\n * Build array of possible language definitions in order of importance.\r\n * At the end is a filter function that will weed out any undefined or null entries.\r\n */\r\n let languagesSet: Array<string> = [\r\n // Check if implementor overrides lang config\r\n implementorPreferredLanguage,\r\n\r\n // Check query string param\r\n url.searchParams.get('lang'),\r\n\r\n // Check url pathname\r\n url.pathname.split('/').find(segment => supportedLanguages.includes(segment)),\r\n\r\n // Check local storage with the key provided\r\n localStorageKey !== undefined ? window.localStorage.getItem(localStorageKey) : null,\r\n\r\n // Check cookies\r\n getCookie('language'),\r\n getCookie('lang'),\r\n cookieKey !== undefined ? getCookie(cookieKey) : null,\r\n\r\n // Check document language\r\n document.documentElement.lang,\r\n\r\n // Check browser preferred language\r\n getPreferredLanguageFromBrowser(supportedLanguages),\r\n\r\n // Check the state\r\n state.currentLanguage,\r\n ].filter((lang): lang is string => !!lang);\r\n\r\n // Check the set of languages to see if it matches\r\n // any of the supported languages. Return the first\r\n // supported language if there is none set\r\n const lang =\r\n languagesSet.find(language => supportedLanguages.includes(language)) || supportedLanguages[0];\r\n\r\n if (!lang || lang.length !== 2) {\r\n throw new Error(\r\n `Current language could not be determined from settings or the language provided (${lang}) is not supported by the Header API.`,\r\n );\r\n }\r\n\r\n return lang;\r\n};\r\n\r\n/**\r\n * Persist chosen language to local storage\r\n * @param lang Currently chose language, two char string\r\n */\r\nexport const persistLanguageChoice = (\r\n lang: string,\r\n cookieKey?: string,\r\n localStorageKey?: string,\r\n) => {\r\n if (localStorageKey !== undefined) {\r\n window.localStorage.setItem(localStorageKey, lang);\r\n }\r\n\r\n if (cookieKey !== undefined) {\r\n setCookie(cookieKey, lang);\r\n }\r\n\r\n state.currentLanguage = lang;\r\n};\r\n\r\n/**\r\n * Read a cookie by name\r\n * https://stackoverflow.com/questions/5639346/what-is-the-shortest-function-for-reading-a-cookie-by-name-in-javascript?rq=1\r\n * @param name Cookie name\r\n * @returns Cookie value or an empty string\r\n */\r\nexport const getCookie = (name: string) => {\r\n return document.cookie.match('(^|;)\\\\s*' + name + '\\\\s*=\\\\s*([^;]+)')?.pop() || '';\r\n};\r\n\r\n/**\r\n * Write a new cookie\r\n * https://developer.mozilla.org/en-US/docs/Web/API/document/cookie#A_little_framework.3A_a_complete_cookies_reader.2Fwriter_with_full_unicode_support\r\n * @param key\r\n * @param value\r\n */\r\nexport const setCookie = (key: string, value: string) => {\r\n document.cookie = `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;\r\n};\r\n\r\nconst getPreferredLanguageFromBrowser = (supportedLanguages: string[]): string | null => {\r\n // IE & Chrome\r\n if (navigator.language) {\r\n const lang = extractLanguage(navigator.language);\r\n if (supportedLanguages.indexOf(lang) !== -1) {\r\n return lang;\r\n }\r\n }\r\n\r\n // Chrome supports a list of preferred languages: if the preferred is not supported, we go down the list.\r\n if (navigator.languages) {\r\n for (const l of navigator.languages) {\r\n const lang = extractLanguage(l);\r\n if (supportedLanguages.indexOf(lang) !== -1) {\r\n return lang;\r\n }\r\n }\r\n }\r\n\r\n return null;\r\n};\r\n\r\nconst extractLanguage = (language: string): string => language.substring(0, 2).toLowerCase();\r\n\r\n/**\r\n * Simple translate function for general header UI strings\r\n *\r\n * @param key Translation key\r\n * @param lang Force a language\r\n * @param translationObject Optionally provide translations\r\n * @returns Translated string or the key\r\n */\r\nexport const translate = (key: string, lang?: string, translationObject = translations) =>\r\n translationObject[key]?.[lang ?? state.currentLanguage ?? ''] ?? key;\r\n"],"mappings":"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"}

package/dist/esm-es5/loader.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{p as promiseResolve,b as bootstrapLazy}from"./index-066666f4.js";export{s as setNonce}from"./index-066666f4.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,o){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["swisspost-internet-header",[[1,"swisspost-internet-header",{project:[1],stickyness:[1],language:[1],meta:[4],login:[4],search:[4],skiplinks:[4],configProxy:[1,"config-proxy"],environment:[1],languageSwitchOverrides:[1,"language-switch-overrides"],customConfig:[1,"custom-config"],languageCookieKey:[1,"language-cookie-key"],languageLocalStorageKey:[1,"language-local-storage-key"],activeRoute:[8,"active-route"],osFlyoutOverrides:[1,"os-flyout-overrides"],fullWidth:[4,"full-width"],activeFlyout:[32],activeDropdownElement:[32],getCurrentLanguage:[64]},[[0,"languageChanged","handleLanguageChangeEvent"]]]]],["swisspost-internet-breadcrumbs",[[1,"swisspost-internet-breadcrumbs",{customItems:[1,"custom-items"],customBreadcrumbItems:[32],overlayVisible:[32],isConcatenated:[32],dropdownOpen:[32],refsReady:[32]}]]],["swisspost-internet-footer",[[1,"swisspost-internet-footer",{liveSupportEnabled:[32]}]]],["post-klp-login-widget",[[1,"post-klp-login-widget",{setFocus:[64]}]]],["post-language-switch",[[1,"post-language-switch",{mode:[1],langSwitchOpen:[32],toggleDropdown:[64]}]]],["post-logo",[[1,"post-logo",{showFaviconLogo:[32]}]]],["post-main-navigation",[[1,"post-main-navigation",{activeFlyout:[32],mobileMenuOpen:[32],toggleDropdown:[64],setFocus:[64],setActiveFlyout:[64]}]]],["post-meta-navigation",[[1,"post-meta-navigation",{orientation:[1],fullWidth:[4,"full-width"]}]]],["post-search",[[1,"post-search",{searchDropdownOpen:[32],coveoSuggestions:[32],placeSuggestions:[32],parcelSuggestion:[32],toggleDropdown:[64],setFocus:[64]}]]],["post-skiplinks",[[0,"post-skiplinks"]]]],o)}))};export{defineCustomElements};
2	+ //# sourceMappingURL=loader.js.map

package/dist/esm-es5/loader.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["patchEsm","promiseResolve","defineCustomElements","win","options","window","Promise","resolve","then","bootstrapLazy","project","stickyness","language","meta","login","search","skiplinks","configProxy","environment","languageSwitchOverrides","customConfig","languageCookieKey","languageLocalStorageKey","activeRoute","osFlyoutOverrides","fullWidth","activeFlyout","activeDropdownElement","getCurrentLanguage","customItems","customBreadcrumbItems","overlayVisible","isConcatenated","dropdownOpen","refsReady","liveSupportEnabled","setFocus","mode","langSwitchOpen","toggleDropdown","showFaviconLogo","mobileMenuOpen","setActiveFlyout","orientation","searchDropdownOpen","coveoSuggestions","placeSuggestions","parcelSuggestion"],"sources":["../../node_modules/.pnpm/@stencil+core@3.0.0/node_modules/@stencil/core/internal/client/patch-esm.js","@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Esm v3.0.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD } from '@stencil/core/internal/app-data';\nimport { CSS, plt, win, promiseResolve } from '@stencil/core';\nconst patchEsm = () => {\n // NOTE!! This fn cannot use async/await!\n // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n // @ts-ignore\n if (BUILD.cssVarShim && !(CSS && CSS.supports && CSS.supports('color', 'var(--c)'))) {\n // @ts-ignore\n return import(/* webpackChunkName: \"polyfills-css-shim\" */ './css-shim.js').then(() => {\n if ((plt.$cssShim$ = win.__cssshim)) {\n // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n return plt.$cssShim$.i();\n }\n else {\n // for better minification\n return 0;\n }\n });\n }\n return promiseResolve();\n};\nexport { patchEsm };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchEsm } from '@stencil/core/internal/client/patch-esm';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = (win, options) => {\n if (typeof window === 'undefined') return Promise.resolve();\n return patchEsm().then(() => {\n globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n });\n};\n"],"mappings":"uHAKA,IAAMA,SAAW,WAiBb,OAAOC,gBACX,ECnBY,IAACC,qBAAuB,SAACC,EAAKC,GACxC,UAAWC,SAAW,YAAa,OAAOC,QAAQC,UAClD,OAAOP,WAAWQ,MAAK,WAEvB,OAAOC,cAAc,8BAA8B,gCAAS,CAAAC,QAAA,IAAAC,WAAA,IAAAC,SAAA,IAAAC,KAAA,IAAAC,MAAA,IAAAC,OAAA,IAAAC,UAAA,IAAAC,YAAA,mBAAAC,YAAA,IAAAC,wBAAA,gCAAAC,aAAA,oBAAAC,kBAAA,0BAAAC,wBAAA,iCAAAC,YAAA,mBAAAC,kBAAA,0BAAAC,UAAA,iBAAAC,aAAA,KAAAC,sBAAA,KAAAC,mBAAA,qIAAAC,YAAA,mBAAAC,sBAAA,KAAAC,eAAA,KAAAC,eAAA,KAAAC,aAAA,KAAAC,UAAA,uEAAAC,mBAAA,+DAAAC,SAAA,6DAAAC,KAAA,IAAAC,eAAA,KAAAC,eAAA,uCAAAC,gBAAA,6DAAAd,aAAA,KAAAe,eAAA,KAAAF,eAAA,KAAAH,SAAA,KAAAM,gBAAA,6DAAAC,YAAA,IAAAlB,UAAA,uDAAAmB,mBAAA,KAAAC,iBAAA,KAAAC,iBAAA,KAAAC,iBAAA,KAAAR,eAAA,KAAAH,SAAA,oDAAAhC,EAC9D,GACA,S"}

package/dist/esm-es5/post-klp-login-widget.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var __awaiter=this&&this.__awaiter\|\|function(t,e,i,n){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i\|\|(i=Promise))((function(i,o){function g(t){try{l(n.next(t))}catch(t){o(t)}}function a(t){try{l(n["throw"](t))}catch(t){o(t)}}function l(t){t.done?i(t.value):r(t.value).then(g,a)}l((n=n.apply(t,e\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(t,e){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,g;return g={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this}),g;function a(t){return function(e){return l([t,e])}}function l(a){if(n)throw new TypeError("Generator is already executing.");while(g&&(g=0,a[0]&&(i=0)),i)try{if(n=1,r&&(o=a[0]&2?r["return"]:a[0]?r["throw"]\|\|((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;if(r=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6\|\|a[0]===2)){i=0;continue}if(a[0]===3&&(!o\|\|a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(a[0]===6&&i.label<o[1]){i.label=o[1];o=a;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(a);break}if(o[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t];r=0}finally{n=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,g as getElement}from"./index-066666f4.js";import{s as state}from"./store-d495dc07.js";import{S as SvgSprite}from"./svg-sprite.component-ec0ac38c.js";var postKlpLoginWidgetCss='.btn-default,.btn-secondary{border:2px solid rgba(var(--post-contrast-color-rgb), 0.2)}.btn-default:focus,.btn-secondary:focus,.btn-default:not(:disabled):hover,.btn-secondary:not(:disabled):hover,.pretend-hover.btn-default,.pretend-hover.btn-secondary{border-color:var(--post-contrast-color);color:var(--post-contrast-color)}:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-petrol-bright,.bg-coral,.bg-coral-bright,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-default,:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-petrol-bright,.bg-coral,.bg-coral-bright,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-secondary{border-color:var(--post-contrast-color)}:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-petrol-bright,.bg-coral,.bg-coral-bright,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-default:focus,:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-petrol-bright,.bg-coral,.bg-coral-bright,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-secondary:focus,:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-petrol-bright,.bg-coral,.bg-coral-bright,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-default:not(:disabled):hover,:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-petrol-bright,.bg-coral,.bg-coral-bright,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-secondary:not(:disabled):hover,:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-petrol-bright,.bg-coral,.bg-coral-bright,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .pretend-hover.btn-default,:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-petrol-bright,.bg-coral,.bg-coral-bright,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .pretend-hover.btn-secondary{border-color:rgba(var(--post-contrast-color-rgb), 0.4)}.btn-default:disabled,.btn-secondary:disabled{border-color:rgba(var(--post-contrast-color-rgb), 0.4);color:rgba(var(--post-contrast-color-rgb), 0.6)}.btn{min-height:3rem;padding:0 2rem;font-size:1rem;gap:1rem;outline:none;outline-offset:2px;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms, border-color 250ms, background-color 250ms, color 250ms;transition:opacity 250ms, border-color 250ms, background-color 250ms, color 250ms;border-width:2px;border-style:solid;border-radius:3px;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:var(--post-contrast-color);font-family:inherit;font-weight:400;line-height:inherit;text-decoration:none !important;white-space:nowrap}.btn>.pi{width:1.25rem;height:1.25rem}.btn:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.btn-primary{border-color:transparent;background-color:rgba(var(--post-contrast-color-rgb), 0.8);color:var(--post-contrast-color-inverted)}.btn-primary:focus,.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{background-color:var(--post-contrast-color);color:var(--post-contrast-color-inverted)}:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-petrol-bright,.bg-coral,.bg-coral-bright,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-primary{background-color:var(--post-contrast-color)}:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-petrol-bright,.bg-coral,.bg-coral-bright,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-primary:focus,:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-petrol-bright,.bg-coral,.bg-coral-bright,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-primary:not(:disabled):hover,:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-petrol-bright,.bg-coral,.bg-coral-bright,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-primary.pretend-hover{background-color:rgba(var(--post-contrast-color-rgb), 0.8)}:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-petrol-bright,.bg-coral,.bg-coral-bright,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-primary .pi{-webkit-filter:invert(0);filter:invert(0)}@media (forced-colors: active), (-ms-high-contrast: active), (-ms-high-contrast: white-on-black){.btn-primary{border-color:var(--post-contrast-color);background-color:ButtonFace}.btn-primary:not(:disabled,.disabled):hover,.btn-primary:not(:disabled,.disabled):focus-visible{border-color:highlight}.btn-primary .pi{-webkit-filter:invert(1) !important;filter:invert(1) !important}}.btn-primary:disabled{background-color:rgba(var(--post-contrast-color-rgb), 0.4)}.btn-primary .pi{-webkit-filter:invert(1);filter:invert(1);forced-color-adjust:none}:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-petrol-bright,.bg-coral,.bg-coral-bright,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-default .pi,:is(.bg-dark,.bg-primary,.bg-black,.bg-success,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-petrol-bright,.bg-coral,.bg-coral-bright,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright) .btn-secondary .pi{-webkit-filter:invert(1);filter:invert(1)}.btn-link,.btn-tertiary{border:0;padding-right:0.375rem;padding-left:0.375rem}.btn-link:focus,.btn-link:not(:disabled):hover,.btn-link.pretend-hover,.btn-tertiary:focus,.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{color:rgba(var(--post-contrast-color-rgb), 0.8)}.btn-link:disabled,.btn-tertiary:disabled{color:rgba(var(--post-contrast-color-rgb), 0.6)}@media (forced-colors: active), (-ms-high-contrast: active), (-ms-high-contrast: white-on-black){.btn-link,.btn-tertiary{color:linktext;text-decoration:underline !important}}.btn-icon{min-width:3rem;padding-right:0.75rem;padding-left:0.75rem}.btn-icon.btn-sm{min-width:2rem;padding-right:0.375rem;padding-left:0.375rem}.btn-icon.btn-rg{min-width:2.5rem;padding-right:0.5625rem;padding-left:0.5625rem}.btn-icon.btn-lg{min-width:3.5rem;padding-right:0.875rem;padding-left:0.875rem}.btn-animated:not(.btn-link,.btn-tertiary)::after{content:"";position:absolute;right:1.25rem;width:0.625em;height:0.625em;-webkit-transform:rotateZ(315deg) translate(-2px, -2px);transform:rotateZ(315deg) translate(-2px, -2px);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:opacity 250ms, -webkit-transform 250ms;transition:opacity 250ms, -webkit-transform 250ms;transition:opacity 250ms, transform 250ms;transition:opacity 250ms, transform 250ms, -webkit-transform 250ms;border-right:2px solid currentColor;border-bottom:2px solid currentColor;opacity:0}.btn-animated:not(.btn-link,.btn-tertiary).btn-sm::after{right:0.5rem}.btn-animated:not(.btn-link,.btn-tertiary).btn-rg::after{right:0.875rem}.btn-animated:not(.btn-link,.btn-tertiary).btn-lg::after{right:1.5rem}.btn-animated:not(.btn-link,.btn-tertiary)>span{-webkit-transition:-webkit-transform 250ms;transition:-webkit-transform 250ms;transition:transform 250ms;transition:transform 250ms, -webkit-transform 250ms}@media (prefers-reduced-motion: no-preference){.btn-animated:not(.btn-link,.btn-tertiary):focus>span,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover>span,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover>span{-webkit-transform:translateX(-0.75rem);transform:translateX(-0.75rem)}.btn-animated:not(.btn-link,.btn-tertiary):focus.btn-sm>span,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover.btn-sm>span,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover.btn-sm>span{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}.btn-animated:not(.btn-link,.btn-tertiary):focus.btn-rg>span,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover.btn-rg>span,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover.btn-rg>span{-webkit-transform:translateX(-0.625rem);transform:translateX(-0.625rem)}.btn-animated:not(.btn-link,.btn-tertiary):focus.btn-lg>span,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover.btn-lg>span,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover.btn-lg>span{-webkit-transform:translateX(-1rem);transform:translateX(-1rem)}.btn-animated:not(.btn-link,.btn-tertiary):focus::after,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover::after,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover::after{-webkit-transform:rotateZ(315deg) translate(0, 0);transform:rotateZ(315deg) translate(0, 0);opacity:1}.btn-animated:not(.btn-link,.btn-tertiary)>span{-webkit-transform:translateX(0);transform:translateX(0)}}.btn-sm{min-height:2rem;padding:0 1rem;font-size:0.8125rem;gap:0.5rem}.btn-sm>.pi{width:1rem;height:1rem}.btn-rg{min-height:2.5rem;padding:0 1.5rem;font-size:1rem;gap:0.75rem}.btn-rg>.pi{width:1.125rem;height:1.125rem}.btn-lg{min-height:3.5rem;padding:0 2.5rem;font-size:1.0625rem;gap:1.25rem}.btn-lg>.pi{width:1.5rem;height:1.5rem}.btn-nightblue{border-color:transparent;background-color:#004976;color:#fff}.btn-nightblue:focus,.btn-nightblue:not(:disabled):hover,.btn-nightblue.pretend-hover{background-color:#002943}.btn-nightblue-bright{border-color:transparent;background-color:#0076a8;color:#fff}.btn-nightblue-bright:focus,.btn-nightblue-bright:not(:disabled):hover,.btn-nightblue-bright.pretend-hover{background-color:#005275}.btn-petrol{border-color:transparent;background-color:#006d68;color:#fff}.btn-petrol:focus,.btn-petrol:not(:disabled):hover,.btn-petrol.pretend-hover{background-color:#003a37}.btn-petrol-bright{border-color:transparent;background-color:#00968f;color:#fff}.btn-petrol-bright:focus,.btn-petrol-bright:not(:disabled):hover,.btn-petrol-bright.pretend-hover{background-color:#00635e}.btn-coral{border-color:transparent;background-color:#9e2a2f;color:#fff}.btn-coral:focus,.btn-coral:not(:disabled):hover,.btn-coral.pretend-hover{background-color:#761f23}.btn-coral-bright{border-color:transparent;background-color:#e03c31;color:#fff}.btn-coral-bright:focus,.btn-coral-bright:not(:disabled):hover,.btn-coral-bright.pretend-hover{background-color:#c1271d}.btn-olive{border-color:transparent;background-color:#716135;color:#fff}.btn-olive:focus,.btn-olive:not(:disabled):hover,.btn-olive.pretend-hover{background-color:#4e4325}.btn-olive-bright{border-color:transparent;background-color:#aa9d2e}.btn-olive-bright:focus,.btn-olive-bright:not(:disabled):hover,.btn-olive-bright.pretend-hover{background-color:#827823}.btn-purple{border-color:transparent;background-color:#80276c;color:#fff}.btn-purple:focus,.btn-purple:not(:disabled):hover,.btn-purple.pretend-hover{background-color:#591b4b}.btn-purple-bright{border-color:transparent;background-color:#c5299b;color:#fff}.btn-purple-bright:focus,.btn-purple-bright:not(:disabled):hover,.btn-purple-bright.pretend-hover{background-color:#9b207a}.btn-aubergine{border-color:transparent;background-color:#523178;color:#fff}.btn-aubergine:focus,.btn-aubergine:not(:disabled):hover,.btn-aubergine.pretend-hover{background-color:#392254}.btn-aubergine-bright{border-color:transparent;background-color:#7566a0;color:#fff}.btn-aubergine-bright:focus,.btn-aubergine-bright:not(:disabled):hover,.btn-aubergine-bright.pretend-hover{background-color:#5e5182}.btn-success{border-color:transparent;background-color:#2c911c;color:#fff}.btn-success:focus,.btn-success:not(:disabled):hover,.btn-success.pretend-hover{background-color:#1f6614}.btn-info{border-color:transparent;background-color:#fc0}.btn-info:focus,.btn-info:not(:disabled):hover,.btn-info.pretend-hover{background-color:#cca300}.btn-warning{border-color:transparent;background-color:#f49e00}.btn-warning:focus,.btn-warning:not(:disabled):hover,.btn-warning.pretend-hover{background-color:#c17d00}.btn-danger{border-color:transparent;background-color:#a51728;color:#fff}.btn-danger:focus,.btn-danger:not(:disabled):hover,.btn-danger.pretend-hover{background-color:#78111d}@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: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: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")},: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}img,svg{max-width:100%;max-height:100%}@media (forced-colors: active){svg{color:white}}.no-list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}.btn-blank{background-color:transparent;border:none;border-radius:0;padding:0}.nav-link{text-decoration:none;color:rgba(0, 0, 0, 0.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5rem}.nav-link:hover,.nav-link:focus{color:black}.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}.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}}.klp-widget-anonymous__text,.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}@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}}/!\n * ------------------------------------------------------------------------------------------------\n * Copyright 2014 by Swiss Post, Information Technology Services\n * ------------------------------------------------------------------------------------------------\n * $Id$\n * ------------------------------------------------------------------------------------------------\n */.klp-widget-support{background-color:#f49e00 !important}.klp-widget-authenticated-session-link{display:block;padding:12px 10px;text-decoration:none;outline:none}@media (min-width: 600px) and (max-width: 1279px){.klp-widget-authenticated-session-link{padding:12px 12px}}@media (min-width: 1280px){.klp-widget-authenticated-session-link{padding:16px 16px}}.klp-widget-authenticated-menu li{position:relative;display:-ms-inline-flexbox;display:inline-flex;width:296px;height:40px;margin:0;padding:0;list-style-type:none;background-color:white;border-top:none}.notification-link:active{background-color:#ffcc00 !important}.notification-link:hover,.notification-link:focus{background-color:#f4f3f1}.klp-widget-authenticated-menu li:hover>a{color:black}.klp-widget-authenticated-session-name{position:relative;display:table-cell;width:117px;height:55px;overflow:hidden;color:black;font-weight:normal;font-size:15px;font-style:normal;font-stretch:normal;line-height:1;letter-spacing:normal;white-space:nowrap;text-indent:1em;text-overflow:ellipsis;vertical-align:middle}.klp-widget-authenticated-menu a{color:rgba(0, 0, 0, 0.6);font-weight:normal;font-size:17px;font-style:normal;font-stretch:normal;line-height:17px;letter-spacing:normal}.klp-widget-authenticated-menu ul{padding-bottom:8px;padding-left:0;background-color:white;-webkit-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.4);box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.4)}.klp-widget-authenticated-menu li:nth-child(2){margin:9px 0 0 0}.klp-widget-authenticated-menu li.name-and-surname:active{background-color:white}.klp-widget-authenticated-menu li.name-and-surname:hover{background-color:white}.klp-widget-anonymous{height:100%;overflow:hidden;color:rgba(0, 0, 0, 0.6)}.klp-widget-anonymous__wrapper{height:100%}.klp-widget-anonymous a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;padding:0 16px;color:rgba(0, 0, 0, 0.6);font-weight:300;font-size:1rem;text-decoration:none;background-color:white;outline-offset:-2px}.klp-widget-anonymous a:hover{color:black}.notification-number-detail{position:relative;width:25px;height:20px;margin-left:23px;padding:2px 6px;color:white;font-size:13px;text-align:center;background-color:#a51728;border-radius:10px}li.name-and-surname{display:-ms-flexbox;display:flex;min-width:296px;height:78px;padding-top:0;vertical-align:middle;border-bottom:1px solid rgba(0, 0, 0, 0.2)}.initials-circle{position:relative;display:table;width:40px;height:40px;margin:19px 16px;overflow:hidden;color:white;background-color:#004976;border-radius:40px}.initials-container{display:table-cell;font-weight:300;font-size:17px;line-height:1.65;letter-spacing:normal;text-align:center;vertical-align:middle}.initials-mobile{display:none;visibility:hidden}.notification-link{display:-ms-flexbox;display:flex;-ms-flex:0 0 100%;flex:0 0 100%;text-decoration:none}.klp-widget-notification-link-text{overflow:hidden;font-weight:normal;font-size:17px;white-space:nowrap;text-overflow:ellipsis}li.name-and-surname span.name{position:relative;display:block;width:12em;overflow:hidden;color:black;font-weight:bold;font-size:17px;line-height:24px}li.name-and-surname span.nameCentered{position:relative;display:block;-ms-flex-item-align:center;align-self:center;width:12em;padding:0;overflow:hidden;color:black;font-weight:bold;font-size:17px;line-height:24px}li.name-and-surname span.info{position:relative;display:block;width:12em;overflow:hidden;color:black;font-weight:normal;font-size:15px;line-height:22px}li.name-and-surname span.infoHidden{position:relative;display:none;width:12em;overflow:hidden;color:black;font-weight:normal;font-size:15px;line-height:22px}.nameAndInfoWrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:224px;height:78px;padding:16px 0;line-height:46px}.widget_icon_profile{display:inline-block;width:24px;height:24px;margin:8px 12px;color:black;font-weight:normal;font-style:normal;font-variant:normal;text-transform:none;text-decoration:inherit;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iYSIgZD0iTTI0IDQwLjQ0NGE1LjM0IDUuMzQgMCAwIDAgNS4zMzMtNS4zMzNBNS4zNCA1LjM0IDAgMCAwIDI0IDI5Ljc3OGE1LjM0IDUuMzQgMCAwIDAtNS4zMzMgNS4zMzNBNS4zNCA1LjM0IDAgMCAwIDI0IDQwLjQ0NHpNMjQgMjhhNy4xMTggNy4xMTggMCAwIDEgNy4xMTEgNy4xMTFBNy4xMTggNy4xMTggMCAwIDEgMjQgNDIuMjIyYy0zLjkyIDAtNy4xMTEtMy4xOS03LjExMS03LjExQzE2Ljg4OSAzMS4xOSAyMC4wNzkgMjggMjQgMjh6bTgtMi42NjdIMTZjLTQuNDEyIDAtOC0zLjU4OS04LThWNGgxLjc3OHYxMy4zMzNBNi4yMyA2LjIzIDAgMCAwIDE2IDIzLjU1NmgxNmE2LjIzIDYuMjMgMCAwIDAgNi4yMjItNi4yMjNWNEg0MHYxMy4zMzNjMCA0LjQxMS0zLjU4OSA4LTggOHpNMTUuMTExIDRoMS43Nzh2MTIuNDQ0SDE1LjExVjR6bTE2IDBoMS43Nzh2MTIuNDQ0SDMxLjExVjR6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tNzgxLTQ3OUg2NTl2MTY4MkgtNzgxeiIvPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8ZyBmaWxsPSIjNjY2IiBtYXNrPSJ1cmwoI2IpIj4KICAgICAgICAgICAgPHBhdGggZD0iTTAgMGg0OHY0OEgweiIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==");background-repeat:no-repeat;background-size:contain;-webkit-transform:rotate(180deg);transform:rotate(180deg);content:" "}.widget_icon_settings{display:inline-block;width:24px;height:24px;margin:8px 12px;color:black;font-weight:normal;font-style:normal;font-variant:normal;text-transform:none;text-decoration:inherit;background-image:url("data:image/svg+xml,%3Csvg version=\'1.1\' xmlns=\'http://www.w3.org/2000/svg\' width=\'32\' height=\'32\' viewBox=\'0 0 32 32\'%3E%3Cpath opacity=\'1\' fill=\'%23000000\' d=\'M26.4 20h4.267v-6.667h-4.267c-0.4-0.267-0.667-0.533-0.8-0.933-0.267-0.4-0.133-0.8-0.133-1.2l3.067-3.067-4.667-4.667-3.067 3.067c-0.4 0.133-0.8 0-1.2-0.133s-0.667-0.4-0.933-0.8v-4.267h-6.667v4.267c-0.267 0.4-0.533 0.667-0.933 0.8-0.267 0.133-0.667 0.267-1.2 0.133l-3.067-3.067-4.667 4.667 3.067 3.067c0.133 0.4 0 0.8-0.133 1.2s-0.4 0.667-0.8 0.933h-4.267v6.667h4.267c0.4 0.267 0.667 0.533 0.8 0.933s0.133 0.8 0.133 1.2l-3.067 3.067 4.667 4.667 3.067-3.067c0.4-0.133 0.8 0 1.2 0.133s0.667 0.4 0.933 0.8v4.267h6.667v-4.267c0.267-0.4 0.533-0.667 0.933-0.8s0.8-0.133 1.2-0.133l3.067 3.067 4.667-4.667-3.067-3.067c-0.133-0.4 0-0.8 0.133-1.2s0.4-0.667 0.8-0.933zM24.267 22.667v0.133l2.4 2.4-2.8 2.8-2.4-2.4h-0.133c-0.8-0.267-1.6-0.133-2.267 0.133s-1.2 0.8-1.6 1.467l-0.133 0.133v3.333h-4v-3.333l-0.133-0.133c-0.4-0.667-0.933-1.2-1.6-1.467v0c-0.667-0.4-1.467-0.4-2.267-0.133h-0.133l-2.4 2.4-2.8-2.8 2.4-2.4v-0.133c0.267-0.8 0.267-1.6-0.133-2.267-0.267-0.667-0.8-1.2-1.467-1.6l-0.133-0.133h-3.333v-4h3.333l0.133-0.133c0.667-0.4 1.2-0.933 1.467-1.6 0.4-0.667 0.4-1.467 0.133-2.267v-0.133l-2.4-2.4 2.8-2.8 2.4 2.4h0.133c0.8 0.267 1.6 0.267 2.267-0.133 0.667-0.267 1.2-0.8 1.6-1.467l0.133-0.133v-3.333h4v3.333l0.133 0.133c0.4 0.667 0.933 1.2 1.6 1.467 0.667 0.4 1.467 0.4 2.267 0.133h0.133l2.4-2.4 2.8 2.8-2.4 2.4v0.133c-0.267 0.8-0.267 1.6 0.133 2.267 0.267 0.667 0.8 1.2 1.467 1.6l0.133 0.133h3.333v4h-3.333l-0.133 0.133c-0.667 0.4-1.2 0.933-1.467 1.6-0.4 0.667-0.4 1.467-0.133 2.267z\'%3E%3C/path%3E %3Cpath opacity=\'1\' fill=\'%23000000\' d=\'M15.333 10.667c-3.333 0-6 2.667-6 6s2.667 6 6 6c3.333 0 6-2.667 6-6s-2.667-6-6-6zM15.333 21.333c-2.533 0-4.667-2.133-4.667-4.667s2.133-4.667 4.667-4.667c2.533 0 4.667 2.133 4.667 4.667s-2.133 4.667-4.667 4.667z\'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:" "}.widget_icon_changecompany{display:inline-block;width:24px;height:24px;margin:8px 12px;color:black;font-weight:normal;font-style:normal;font-variant:normal;text-transform:none;text-decoration:inherit;background-image:url("data:image/svg+xml;base64,IDxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MDAuMDAwMDAwcHQiIGhlaWdodD0iODYzLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgNzAwLjAwMDAwMCA4NjMuMDAwMDAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsODYzLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIgZmlsbD0iIzY2NiIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTY3ODIgODMzOCBjLTE4IC0xOCAtMzk0MCAtMjUgLTQwNTUgLTggLTk4IDE2IC0xMDkgOSAtOTUgLTU2IDkgLTM5CjcgLTE2MiAtNCAtMjQ0IC0yIC0yMCAyIC0yNiAyMSAtMjggMTMgLTIgMzUgMiA0OCA5IDE4IDEwIDM0IDEwIDYyIDMgMjIgLTYKNDggLTcgNjEgLTIgMTIgNCA4NDMgNyAxODQ3IDYgbDE4MjUgLTMgMTkgLTI0IGMxNiAtMTkgMTkgLTQwIDE5IC0xMTYgMCAtNTIKLTUgLTEwNiAtMTAgLTEyMSAtOCAtMTkgLTggLTMwIDAgLTM4IDE1IC0xNSAxNCAtNTk5OCAtMSAtNjAxMyAtNyAtNyAtOSAtMjMKLTUgLTM3IGw2IC0yNSAxMjAgNiBjOTIgNSAxMjcgMyAxNDYgLTcgMzUgLTE5IDYwIC0zIDU1IDM2IC04IDYyIC04IDY0MDQgMAo2NDk5IDEyIDEzNSAxMiAxNDYgMiAxNTUgLTE3IDE2IC00OSAyMCAtNjEgOHoiPjwvcGF0aD4KPHBhdGggZD0iTTUwNCA3MjY1IGMtNCAtMTAgLTIgLTMyIDQgLTQ5IDE3IC00NiAxNyAtNjU3NyAxIC02NTkzIC05IC05IC05Ci0xOSAtMSAtNDAgMTAgLTI1IDkgLTE3NyAtMSAtMzA2IC01IC01NiA2IC02MCAxMjEgLTQ3IDcyIDkgMTA5IDkgMTQwIDEgMjYKLTggNTUgLTggODEgLTIgMjUgNSA1OCA1IDg2IC0xIDMyIC03IDY3IC02IDExMyAyIDg0IDE0IDEyNzggMTMgMTQzMCAtMiAxMTcKLTExIDEzNyAtNSAxMjUgNDEgLTQgMTQgLTYgNTggLTYgOTYgMCAzOSAwIDEwNCAtMSAxNDUgMCA0MSAtMSAzMDYgLTEgNTg4IGwwCjUxNCAyMyAxOCBjMjEgMTcgNTQgMTggNTI3IDIwIGw1MDUgMSAyNSAtMjUgMjUgLTI1IDAgLTY1MCBjLTEgLTM5OCAtNSAtNjUzCi0xMSAtNjU2IC0xNCAtOSAtMTEgLTUxIDYgLTY1IDExIC05IDMzIC0xMCA5MiAtMiA2NSA4IDE3NjkgOCAxOTUyIC0xIDQxIC0yCjQ1IDAgNTMgMjggNSAxOCA0IDQwIC0zIDU3IC0xNSAzNyAtMTYgMTk1IC0xIDIxMCA4IDggOCAxNiAtMSAzMiAtOSAxNiAtMTIKNzM1IC0xMiAzMTc2IDAgMTczNSAyIDMyNDAgNCAzMzQ0IDQgMTc5IDMgMTkwIC0xNSAxOTYgLTEwIDQgLTMwIDMgLTQ0IC0yCi0zMSAtMTAgLTUxMjAgLTQgLTUxNzIgNiAtMzEgNyAtMzkgNSAtNDQgLTl6IG00OTQzIC0zMjggYzE3IC0xNyAxOCAtMTU5IDIwCi0zMTgxIDMgLTMwOTUgMiAtMzE2NSAtMTYgLTMxODggLTE4IC0yMiAtMjYgLTIzIC0xNTYgLTI2IC04NyAtMiAtMTQxIDAgLTE0OQo3IC05IDggLTIyIDggLTQzIDAgLTIwIC03IC0yMDEgLTkgLTU0MSAtNyAtNDg1IDMgLTUxMSA0IC01MzEgMjIgLTIxIDE5IC0yMQoyMSAtMjEgNjczIDAgNDM1IDMgNjYxIDEwIDY3NCA2IDExIDcgMjYgMiAzNCAtNyAxNCAtMTEwIDE2IC04NzcgMTYgbC04NzAgMAotNiAtMjQgYy00IC0xNCAtMyAtMzEgMiAtMzggMTEgLTE4IDExIC0xMzAgMCAtMTQ4IC01IC04IC0zIC0yNCA0IC00MCA5IC0yMAoxMiAtMTU5IDExIC01NzggLTEgLTUxNiAtMiAtNTUzIC0xOSAtNTcwIC0xNyAtMTcgLTYwIC0xOCAtNjg1IC0yMSAtNjc4IC0zCi03MzMgLTEgLTc0NiAzNCAtMyA4IC02IDE0MzcgLTYgMzE3NiAtMSAyOTE3IDEgMzE2MiAxNiAzMTc5IDkgMTAgMzQgMjAgNTgKMjIgMjIgMiAxMDUwIDMgMjI4MyAzIDIxMzkgLTEgMjI0MyAtMiAyMjYwIC0xOXoiPjwvcGF0aD4KPHBhdGggZD0iTTIwNzUgNjIwOSBjLTUgLTcgLTg1IC0xMCAtMjUxIC04IGwtMjQ1IDMgMCAtNjg3IC0xIC02ODcgNjg2IC0xCjY4NyAwIDAgNjkzIDAgNjkzIC0yMSAzIGMtMTIgMiAtMjYgLTEgLTMzIC02IC0xNiAtMTMgLTc4NSAtMTQgLTc5MyAtMSAtNyAxMgotMjEgMTEgLTI5IC0yeiBtNTQ2IC0zMzYgYzExIC0xMyAxNCAtODIgMTQgLTM1MyAwIC0zMTkgLTEgLTMzOSAtMTkgLTM1OSAtMTkKLTIxIC0yNSAtMjEgLTM1NCAtMjAgLTMxNSAxIC0zMzUgMiAtMzUzIDIwIC0xOCAxOCAtMTkgMzggLTE5IDM1NiAwIDI5OSAyCjMzOCAxNyAzNTUgMTUgMTcgMzkgMTggMzU4IDE4IDMwNiAwIDM0NCAtMiAzNTYgLTE3eiI+PC9wYXRoPgo8cGF0aCBkPSJNMzM0MSA2MjExIGMtMTEgLTcgLTEyIC0xOSAtNiAtNTIgOSAtNDYgMTMgLTExOTggNSAtMTI4MiBsLTUgLTQ4CjY4OSAwIGMzNzkgMSA2OTMgNCA2OTYgOCA0IDUgNCA0NCAtMSA4NyAtNiA2NyAtNCAxMTQ0IDQgMTI0NSBsMiAzMyAtNTcwIDIKYy0zMTMgMiAtNTc3IDMgLTU4NSA0IC04IDEgLTUxIDEgLTk1IDAgLTQ0IC0xIC04OSAxIC0xMDAgNSAtMTEgNCAtMjYgMyAtMzQKLTJ6IG0xMDI2IC0zMjYgYzQwIC05IDQ1IC01NiA0MSAtMzkyIC0zIC0yODQgLTUgLTMxNCAtMjEgLTMzMCAtMTYgLTE2IC00NwotMTggLTM1MSAtMjEgLTMxNyAtMyAtMzM0IC0yIC0zNTcgMTcgbC0yNCAxOSAwIDMzNSBjMCAzMTIgMSAzMzYgMTkgMzU1IDEwCjEyIDMyIDIyIDUwIDI0IDUyIDUgNjE5IC0xIDY0MyAtN3oiPjwvcGF0aD4KPHBhdGggZD0iTTI4ODMgNDA4OSBjLTcgLTcgLTIxNSAtOSAtNjYyIC03IC02MjMgMyAtNjUxIDIgLTY1NyAtMTUgLTMgLTEwIC0xCi0zMSA2IC00NiA4IC0yMCAxMCAtMjA2IDggLTY3MiBsLTMgLTY0NCA2ODggMiA2ODggMiAwIDY4OCBjMCA2NTMgLTEgNjg4IC0xOAo2OTQgLTI2IDExIC0zOCAxMCAtNTAgLTJ6IG0tMjYzIC0zNDYgYzIxIC0yOCAyMiAtMzIgMTggLTM1NiBsLTMgLTMyOSAtMjQKLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM1MiAtMTkgLTMxMiAwIC0zMzAgMSAtMzQ4IDE5IC0xOSAxOSAtMjAgMzcgLTIxIDM1NSAwCjMyNCAwIDMzNiAyMCAzNTYgMTkgMTkgMzIgMjAgMzU0IDIwIGwzMzUgMCAyMSAtMjd6Ij48L3BhdGg+CjxwYXRoIGQ9Ik00Njc1IDQwODkgYy0xNiAtNSAtMzI1IC04IC02ODUgLTggbC02NTUgMiA0IC0zNCBjMTAgLTkyIDExIC0xMjQ3CjEgLTEyODcgLTE0IC01NyAtMiAtNzQgNDMgLTYxIDE5IDYgMzAyIDkgNjg3IDggbDY1NSAtMSAtMyAzNCBjLTEgMTggLTUgMzAxCi04IDYyOCAtNSA0NjQgLTMgNjA3IDcgNjQ4IDE1IDY1IDMgODUgLTQ2IDcxeiBtLTI5MCAtMzM5IGMxNiAtMTggMTkgLTQyIDIxCi0xNzcgMiAtMTE4IC0xIC0xNjMgLTExIC0xODMgLTExIC0yMSAtMTEgLTMwIC0yIC0zOSA4IC05IDExIC01NCAxMCAtMTU0IC0zCi0xMzEgLTUgLTE0MyAtMjQgLTE1OSAtMTkgLTE2IC01MiAtMTggLTM0OSAtMTggLTM5OSAwIC0zNzAgLTExIC0zNzEgMTM1IDAKNTUgLTEgMTM0IC0yIDE3NSAtMSA0MSAtMSAxNDggLTEgMjM4IDEgMTQxIDMgMTY1IDE5IDE4MiAxNyAxOSAzMSAyMCAzNTUgMjAKMzI2IDAgMzM3IC0xIDM1NSAtMjB6Ij48L3BhdGg+CjwvZz4KPC9zdmc+");background-repeat:no-repeat;background-size:contain;content:" "}.widget_icon_logout{display:inline-block;width:24px;height:24px;margin:8px 12px;color:black;font-weight:normal;font-style:normal;font-variant:normal;text-transform:none;text-decoration:inherit;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iYSIgZD0iTTAgMGgyOHYySDJ2NDRoMjZ2MkgwVjB6bTMzLjU4NiAxNGgyLjgyOGwxMSAxMS0xMSAxMWgtMi44MjhsMTAtMTBIMTh2LTJoMjUuNTg2bC0xMC0xMHoiLz4KICAgIDwvZGVmcz4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0ibm9uZSIgZD0iTS00MTAtMzIwaDE0NDB2MTY4MkgtNDEweiIvPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIvPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8ZyBmaWxsPSIjNjY2IiBtYXNrPSJ1cmwoI2IpIj4KICAgICAgICAgICAgPHBhdGggZD0iTTAgMGg0OHY0OEgweiIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==");background-repeat:no-repeat;background-size:contain;content:" "}.widget_icon_notification{display:inline-block;width:24px;height:24px;margin:8px 12px;color:black;font-weight:normal;font-size:1em;font-style:normal;font-variant:normal;text-transform:none;text-decoration:inherit;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iYSIgZD0iTTIgNDBoNDRWOEgydjMyem0yMy40NDYtMTEuOTYzYy0uNzYyLjc5Ny0yLjEzLjc5OC0yLjg5Mi0uMDAyTDUuMzM3IDEwaDM3LjMyN0wyNS40NDYgMjguMDM3ek0xNS45MzUgMjRMNCAzNi41MDRWMTEuNDk2TDE1LjkzNSAyNHptMS4zODQgMS40NDhsMy43ODcgMy45NjdBMy45NjYgMy45NjYgMCAwIDAgMjQgMzAuNjU2YTMuOTcgMy45NyAwIDAgMCAyLjg5My0xLjIzOGwzLjc4OC0zLjk3TDQyLjY2MiAzOEg1LjMzOGwxMS45ODEtMTIuNTUyek0zMi4wNjQgMjRMNDQgMTEuNDk1djI1LjAwOUwzMi4wNjQgMjR6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tMTE0OS0zMThIMjkxdjE2ODJoLTE0NDB6Ii8+CiAgICAgICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNhIi8+CiAgICAgICAgPC9tYXNrPgogICAgICAgIDxnIGZpbGw9IiM2NjYiIG1hc2s9InVybCgjYikiPgogICAgICAgICAgICA8cGF0aCBkPSJNMCAwaDQ4djQ4SDB6Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K");background-repeat:no-repeat;background-size:contain;content:" "}#post-klp-login-widget.bubble:before{position:absolute;top:calc(100% + 2px);right:50%;z-index:9999;width:0;height:0;margin-right:-7px;border-color:transparent transparent white transparent;border-style:solid;border-width:0 7px 7px 7px;content:""}#post-klp-login-widget.bubble:after{position:absolute;top:100%;right:50%;z-index:9998;width:0;height:0;margin-right:-8px;border-color:transparent transparent rgba(0, 0, 0, 0.07) transparent;border-style:solid;border-width:0 8px 8px 8px;content:""}.klp-widget-anonymous .klp-widget-anonymous__text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0)}@media (min-width: 600px) and (max-width: 1023px){.klp-widget-anonymous .klp-widget-anonymous__text{position:static;width:auto;height:auto;margin:0;padding-right:10px;overflow:visible;clip:auto}}@media (min-width: 1024px) and (max-width: 1279px){.klp-widget-anonymous .klp-widget-anonymous__text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0)}}@media (min-width: 1280px){.klp-widget-anonymous .klp-widget-anonymous__text{position:static;width:auto;height:auto;margin:0;padding-right:8px;overflow:visible;font-size:17px;clip:auto}}.klp-widget-anonymous a{padding:0 1rem}@media (min-width: 600px) and (max-width: 1023px){.klp-widget-anonymous a{padding:0 16px}}@media (min-width: 1024px){.klp-widget-anonymous a{padding:0 20px}}.initials-mobile{display:block;width:32px;height:32px;color:white;font-weight:normal;font-size:13px;line-height:32px;letter-spacing:1px;text-align:center;background-color:#004976;border-radius:32px;visibility:visible}@media (min-width: 1024px){.initials-mobile{width:40px;height:40px;font-size:15px;line-height:40px;border-radius:40px}}.notification-number{position:absolute;top:6px;right:5px;display:block;width:15px;height:15px;color:white;font-size:12px;line-height:20px;text-align:center;background-color:#a51728;background-clip:padding-box;border:2px solid white;border-radius:10px}@media (min-width: 600px) and (max-width: 1023px){.notification-number{right:8px}}@media (min-width: 1024px) and (max-width: 1279px){.notification-number{right:8px;width:17px;height:17px}}@media (min-width: 1280px){.notification-number{top:10px;right:12px;width:17px;height:17px}}.klp-widget-authenticated-session-name{display:none}.linkContainer{-ms-flex-item-align:center;align-self:center;height:16px;margin:10px 0}.klp-widget-authenticated-menu{position:fixed;top:64px;z-index:3;width:296px}@media (max-width: 399px){.klp-widget-authenticated-menu{right:0;left:0;margin:0 auto}}@media (min-width: 400px) and (max-width: 1023px){.klp-widget-authenticated-menu{position:absolute;top:64px;right:8px}}@media (min-width: 1024px) and (max-width: 1279px){.klp-widget-authenticated-menu{position:absolute;top:72px;right:8px}}@media (min-width: 1280px){.klp-widget-authenticated-menu{position:absolute;top:80px;right:8px}}.klp-widget-authenticated-menu>ul{margin:0}.klp-widget-authenticated{min-width:52px;max-height:55px;background-color:white}@media (min-width: 1024px) and (max-width: 1279px){.klp-widget-authenticated{max-height:64px}}@media (min-width: 1280px){.klp-widget-authenticated{max-height:72px}}.item-centered{-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.item-left{-ms-flex-align:start;align-items:flex-start;-ms-flex-item-align:start;align-self:flex-start}.item-right{-ms-flex-align:end;align-items:flex-end;-ms-flex-item-align:end;align-self:flex-end}.changeAccountModal{display:table}.modal{position:fixed;top:0;left:0;z-index:9999;display:none;width:100vw;height:100vh;padding-top:100px;overflow:auto;background-color:black;background-color:rgba(0, 0, 0, 0.4);}.modal-content{-ms-flex-align:center;align-items:center;width:80%;min-height:20em;margin:auto;background-color:white;border:1px solid #888}@media (min-width: 1024px){.modal-content{max-width:584px;margin:1.75rem auto}}.close{position:absolute;top:0;right:15px;color:#000;font-weight:lighter;font-size:40px}.close:hover,.close:focus{text-decoration:none;cursor:pointer}.btn-modal-container{position:absolute;bottom:1em;width:100%}.pi{display:inline-block;width:1.5rem;height:1.5rem;vertical-align:middle;background-repeat:no-repeat;background-position:center center;background-size:contain;border:none}.pi-2086{width:4.5rem;height:4.5rem;margin-bottom:2em;background-image:url("data:image/svg+xml,%3Csvg version=\'1.1\' xmlns=\'http://www.w3.org/2000/svg\' width=\'32\' height=\'32\' viewBox=\'0 0 32 32\'%3E%3Cpath fill=\'%23000\' d=\'M17.333 25.333v-16h-4.667v2.667h2v13.333h-2v2.667h6.667v-2.667z\'%3E%3C/path%3E %3Cpath fill=\'%23000\' d=\'M14.667 4h2.667v2.667h-2.667v-2.667z\'%3E%3C/path%3E%3C/svg%3E");border-color:#000}.modal-text-container{-ms-flex-line-pack:center;align-content:center;width:100%;min-height:17em;background:#ffcc00}.modal-button-container{-ms-flex-line-pack:center;align-content:center;width:100%;height:6em;margin-right:0;margin-left:0;background:white}.text-align-center{text-align:center}.modal-text{color:black;font-weight:bold}:host{display:block}.widget-wrapper{position:relative}.widget-wrapper,#post-klp-login-widget,.klp-widget-anonymous,.klp-widget-anonymous__wrapper,.klp-widget-anonymous__wrapper a{height:100%}.klp-widget-anonymous__wrapper a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#333333;text-decoration:none;padding:0 1rem;-webkit-transition:color 200ms;transition:color 200ms}.klp-widget-anonymous__wrapper a:hover,.klp-widget-anonymous__wrapper a:focus{color:black}@media (min-width: 1024px){.klp-widget-anonymous__wrapper a{padding:0 1.125rem}}.klp-widget-anonymous__wrapper a span{margin-right:0.5rem}.klp-widget-anonymous__wrapper a svg{width:1.5rem;height:1.5rem}@media (min-width: 600px) and (max-width: 1023.98px){.klp-widget-anonymous__text{position:static;width:auto;height:auto;margin:auto;overflow:visible;clip:auto;visibility:visible}}@media (min-width: 1280px){.klp-widget-anonymous__text{position:static;width:auto;height:auto;margin:auto;overflow:visible;clip:auto;visibility:visible}}#post-klp-login-widget .nameAndInfoWrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;width:224px;height:78px;padding:16px 0px;line-height:46px;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.modal-content{position:relative}.modal-text-container{padding-top:3rem}#post-klp-login-widget .modal-button-container{height:auto;padding:2rem}#post-klp-login-widget .modal-button-container>.item-centered{-ms-flex-pack:center;justify-content:center}';var PostKlpLoginWidget=function(){function t(t){registerInstance(this,t)}t.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:return[4,import("./klp-widget.controller-be1eeb16.js")];case 1:e=i.sent().initializeKLPLoginWidget;if(((t=state.localizedConfig)===null\|\|t===void 0?void 0:t.header.loginWidgetOptions)===undefined)return[2];e("post-klp-login-widget",Object.assign(Object.assign({},state.localizedConfig.header.loginWidgetOptions),{environment:state.environment}));return[2]}}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){e=(t=this.host.shadowRoot)===null\|\|t===void 0?void 0:t.querySelectorAll(".klp-widget-anonymous__wrapper a, .klp-widget-authenticated-session a");if(e&&e.length){e[0].focus()}return[2]}))}))};t.prototype.render=function(){var t,e;if(!((e=(t=state===null\|\|state===void 0?void 0:state.localizedConfig)===null\|\|t===void 0?void 0:t.header)===null\|\|e===void 0?void 0:e.loginWidgetOptions)){console.warn('Internet Header: the login widget is not configured in your portal config. Use <swisspost-internet-header project="'.concat(state.projectId,'" login="false"></swisspost-internet-header> to turn off the login widget or configure it via the portal config.'));return null}return h(Host,null,h(SvgSprite,null),h("div",{class:"widget-wrapper","data-hj-suppress":true},h("div",{id:"post-klp-login-widget"})))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PostKlpLoginWidget.style=postKlpLoginWidgetCss;export{PostKlpLoginWidget as post_klp_login_widget};
2	+ //# sourceMappingURL=post-klp-login-widget.entry.js.map

package/dist/esm-es5/post-klp-login-widget.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["postKlpLoginWidgetCss","PostKlpLoginWidget","class_1","prototype","componentDidLoad","import","initializeKLPLoginWidget","_c","sent","_a","state","localizedConfig","header","loginWidgetOptions","undefined","Object","assign","environment","setFocus","loginButton","this","host","shadowRoot","querySelectorAll","length","focus","render","_b","console","warn","concat","projectId","h","Host","SvgSprite","class","id"],"sources":["src/components/post-klp-login-widget/post-klp-login-widget.scss?tag=post-klp-login-widget&encapsulation=shadow","src/components/post-klp-login-widget/post-klp-login-widget.tsx"],"sourcesContent":["@use '@swisspost/design-system-styles/variables/color';\r\n@use '@swisspost/design-system-styles/components/button';\r\n@use '../../utils/utils.scss';\r\n@use '../../utils/mixins.scss';\r\n\r\n@use './widget-styles.scss';\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n.widget-wrapper {\r\n position: relative;\r\n}\r\n\r\n.widget-wrapper,\r\n#post-klp-login-widget,\r\n.klp-widget-anonymous,\r\n.klp-widget-anonymous__wrapper,\r\n.klp-widget-anonymous__wrapper a {\r\n height: 100%;\r\n}\r\n\r\n.klp-widget-anonymous__wrapper a {\r\n display: flex;\r\n align-items: center;\r\n color: color.$gray-80;\r\n text-decoration: none;\r\n padding: 0 1rem;\r\n transition: color 200ms;\r\n\r\n &:hover,\r\n &:focus {\r\n color: black;\r\n }\r\n\r\n @include mixins.min(lg) {\r\n padding: 0 1.125rem;\r\n }\r\n\r\n span {\r\n margin-right: 0.5rem;\r\n }\r\n\r\n svg {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n }\r\n}\r\n\r\n.klp-widget-anonymous__text {\r\n @extend %visually-hidden;\r\n\r\n @include mixins.between(rg, lg) {\r\n @include mixins.reset-visually-hidden();\r\n }\r\n\r\n @include mixins.min(xl) {\r\n @include mixins.reset-visually-hidden();\r\n }\r\n}\r\n\r\n#post-klp-login-widget .nameAndInfoWrapper {\r\n position: relative;\r\n display: flex;\r\n\r\n align-items: flex-start;\r\n width: 224px;\r\n height: 78px;\r\n padding: 16px 0px;\r\n line-height: 46px;\r\n flex-direction: column;\r\n justify-content: center;\r\n}\r\n\r\n.modal-content {\r\n position: relative;\r\n}\r\n\r\n.modal-text-container {\r\n padding-top: 3rem;\r\n}\r\n\r\n#post-klp-login-widget .modal-button-container {\r\n height: auto;\r\n padding: 2rem;\r\n\r\n & > .item-centered {\r\n justify-content: center;\r\n }\r\n}\r\n","import { Component, Host, h, Method, Element } from '@stencil/core';\r\nimport { state } from '../../data/store';\r\nimport { IsFocusable } from '../../models/header.model';\r\nimport { SvgSprite } from '../../utils/svg-sprite.component';\r\n\r\n@Component({\r\n tag: 'post-klp-login-widget',\r\n styleUrl: 'post-klp-login-widget.scss',\r\n scoped: false,\r\n shadow: true,\r\n})\r\nexport class PostKlpLoginWidget implements IsFocusable {\r\n @Element() host: HTMLElement;\r\n\r\n async componentDidLoad() {\r\n const { initializeKLPLoginWidget } = await import('./klp-widget.controller');\r\n if (state.localizedConfig?.header.loginWidgetOptions === undefined) return;\r\n initializeKLPLoginWidget('post-klp-login-widget', {\r\n ...state.localizedConfig.header.loginWidgetOptions,\r\n environment: state.environment,\r\n });\r\n }\r\n\r\n /**\r\n * Sets the focus on the login button\r\n */\r\n @Method()\r\n async setFocus() {\r\n const loginButton = this.host.shadowRoot?.querySelectorAll<HTMLElement>(\r\n '.klp-widget-anonymous__wrapper a, .klp-widget-authenticated-session a',\r\n );\r\n if (loginButton && loginButton.length) {\r\n loginButton[0].focus();\r\n }\r\n }\r\n\r\n render() {\r\n if (!state?.localizedConfig?.header?.loginWidgetOptions) {\r\n console.warn(\r\n `Internet Header: the login widget is not configured in your portal config. Use <swisspost-internet-header project=\"${state.projectId}\" login=\"false\"></swisspost-internet-header> to turn off the login widget or configure it via the portal config.`,\r\n );\r\n return null;\r\n }\r\n return (\r\n <Host>\r\n <SvgSprite />\r\n <div class=\"widget-wrapper\" data-hj-suppress>\r\n <div id=\"post-klp-login-widget\"></div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"mappings":"4oDAAA,IAAMA,sBAAwB,umqC,ICWjBC,mBAAkB,W,uCAGvBC,EAAAC,UAAAC,iBAAN,W,oHACuC,SAAMC,OAAO,wC,OAA1CC,EAA6BC,EAAAC,OAAuCF,yBAC5E,KAAIG,EAAAC,MAAMC,mBAAe,MAAAF,SAAA,SAAAA,EAAEG,OAAOC,sBAAuBC,UAAW,UACpER,EAAyB,wBAAuBS,OAAAC,OAAAD,OAAAC,OAAA,GAC3CN,MAAMC,gBAAgBC,OAAOC,oBAAkB,CAClDI,YAAaP,MAAMO,e,kBAQjBf,EAAAC,UAAAe,SAAN,W,6FACQC,GAAcV,EAAAW,KAAKC,KAAKC,cAAU,MAAAb,SAAA,SAAAA,EAAEc,iBACxC,yEAEF,GAAIJ,GAAeA,EAAYK,OAAQ,CACrCL,EAAY,GAAGM,O,kBAInBvB,EAAAC,UAAAuB,OAAA,W,QACE,MAAKC,GAAAlB,EAAAC,QAAK,MAALA,aAAK,SAALA,MAAOC,mBAAe,MAAAF,SAAA,SAAAA,EAAEG,UAAM,MAAAe,SAAA,SAAAA,EAAEd,oBAAoB,CACvDe,QAAQC,KACN,sHAAAC,OAAsHpB,MAAMqB,UAAS,qHAEvI,OAAO,I,CAET,OACEC,EAACC,KAAI,KACHD,EAACE,UAAS,MACVF,EAAA,OAAKG,MAAM,iBAAgB,yBACzBH,EAAA,OAAKI,GAAG,2B,kIApCa,G"}

package/dist/esm-es5/post-language-switch.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var __awaiter=this&&this.__awaiter\|\|function(t,e,n,o){function a(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n\|\|(n=Promise))((function(n,r){function i(t){try{l(o.next(t))}catch(t){r(t)}}function s(t){try{l(o["throw"](t))}catch(t){r(t)}}function l(t){t.done?n(t.value):a(t.value).then(i,s)}l((o=o.apply(t,e\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,a,r,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(t){return function(e){return l([t,e])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(n=0)),n)try{if(o=1,a&&(r=s[0]&2?a["return"]:s[0]?a["throw"]\|\|((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,s[1])).done)return r;if(a=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;a=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6\|\|s[0]===2)){n=0;continue}if(s[0]===3&&(!r\|\|s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(t){s=[6,t];a=0}finally{o=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-066666f4.js";import{S as SvgSprite}from"./svg-sprite.component-ec0ac38c.js";import{S as SvgIcon}from"./svg-icon.component-1b1b27a2.js";import{s as state}from"./store-d495dc07.js";import{e as elementHasTransition,u as userPrefersReducedMotion}from"./ui.service-1d9b0f51.js";import{t as translate}from"./language.service-e49858e0.js";var PostLanguageSwitchList=function(t){return h("nav",{class:"language-switch-dropdown",ref:function(e){return t.dropdownRef(e)}},h("h3",{class:"visually-hidden"},translate("Change language")),h("ul",null,t.navLang.filter((function(t){return!t.isCurrent})).map((function(e){var n=e.url===null?"button":"a";return h("li",{key:e.lang},h(n,{onClick:function(){return t.switchLanguage(e)},href:e.url,lang:e.lang,title:e.title},h("span",{class:"visually-hidden"},e.title),h("span",{"aria-hidden":"true"},e.text)))}))))};var postLanguageSwitchCss='@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: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: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")},: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}img,svg{max-width:100%;max-height:100%}@media (forced-colors: active){svg{color:white}}.language-switch-dropdown ul,.no-list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}.btn-blank{background-color:transparent;border:none;border-radius:0;padding:0}.language-switch-dropdown a,.language-switch-dropdown button,.nav-link{text-decoration:none;color:rgba(0, 0, 0, 0.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5rem}.language-switch-dropdown a:hover,.language-switch-dropdown button:hover,.nav-link:hover,.language-switch-dropdown a:focus,.language-switch-dropdown button:focus,.nav-link:focus{color:black}.language-switch-dropdown a>svg,.language-switch-dropdown button>svg,.nav-link>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.language-switch-dropdown a>span,.language-switch-dropdown button>span,.nav-link>span{-ms-flex-negative:1;flex-shrink:1}.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}}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}@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{--separator-display:none;--separator-height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch}:host::before{display:var(--separator-display);height:var(--separator-height);border-left:1px solid #e6e6e6;content:""}.lang-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;padding:0 1rem;border:none;-webkit-box-shadow:none;box-shadow:none;background:none;text-transform:uppercase;cursor:pointer;color:rgba(0, 0, 0, 0.8)}.lang-btn:hover,.lang-btn:focus{color:black}.lang-btn svg{width:1.5em;height:1.5em;-webkit-transition:-webkit-transform 250ms;transition:-webkit-transform 250ms;transition:transform 250ms;transition:transform 250ms, -webkit-transform 250ms}.lang-btn svg.rotated{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.language-switch{position:relative;-ms-flex-item-align:stretch;align-self:stretch;height:100%}.language-switch.list{margin-top:1.5rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.current-language{text-transform:uppercase;border-right:1px solid #cccccc;padding:0.5rem 1rem 0.5rem 0}.dropdown .language-switch-dropdown{position:absolute;top:100%;width:100%;background:white;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2), 0 2px 6px 2px rgba(0, 0, 0, 0.1);box-shadow:0 1px 2px rgba(0, 0, 0, 0.2), 0 2px 6px 2px rgba(0, 0, 0, 0.1);z-index:1;-webkit-transform:scale(0.1);transform:scale(0.1);-webkit-transform-origin:center top;transform-origin:center top;-webkit-transition:-webkit-transform 0.1s;transition:-webkit-transform 0.1s;transition:transform 0.1s;transition:transform 0.1s, -webkit-transform 0.1s;margin-top:var(--language-dropdown-margin-top)}@media (prefers-reduced-motion: reduce){.dropdown .language-switch-dropdown{-webkit-transition:none;transition:none}}.dropdown .language-switch-dropdown.open{-webkit-transform:scale(1);transform:scale(1)}.list .language-switch-dropdown ul{display:-ms-flexbox;display:flex}.list .language-switch-dropdown ul>li+li{border-left:1px solid #cccccc}.language-switch-dropdown a,.language-switch-dropdown button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:3rem;padding:0 0.25rem;text-transform:uppercase;cursor:pointer;-webkit-transition:background-color 200ms, color 200ms;transition:background-color 200ms, color 200ms}.language-switch-dropdown a:hover,.language-switch-dropdown a:focus,.language-switch-dropdown button:hover,.language-switch-dropdown button:focus{background:#f4f3f1}.language-switch-dropdown a span,.language-switch-dropdown button span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.list .language-switch-dropdown a,.list .language-switch-dropdown button{color:black;height:auto;padding:0.5rem 1rem}';var PostLanguageSwitch=function(){function t(t){registerInstance(this,t);this.dropdownToggled=createEvent(this,"dropdownToggled",7);this.languageChanged=createEvent(this,"languageChanged",7);this.mode=undefined;this.langSwitchOpen=false}t.prototype.componentWillUpdate=function(){var t=this;if(this.languageSwitchDropdown&&!this.langSwitchOpen&&this.mode=="dropdown"){this.languageSwitchDropdown.classList.remove("open");if(elementHasTransition(this.languageSwitchDropdown,"transform")&&!userPrefersReducedMotion()){return new Promise((function(e){var n;(n=t.languageSwitchDropdown)===null\|\|n===void 0?void 0:n.addEventListener("transitionend",(function(t){if(t.propertyName==="transform"){e(true)}}))}))}}};t.prototype.componentDidUpdate=function(){if(this.languageSwitchDropdown&&this.langSwitchOpen){this.languageSwitchDropdown.getBoundingClientRect();this.languageSwitchDropdown.classList.add("open")}};t.prototype.toggleDropdown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.langSwitchOpen=t!==null&&t!==void 0?t:!this.langSwitchOpen;this.dropdownToggled.emit({open:this.langSwitchOpen,element:this.host});return[2,this.langSwitchOpen]}))}))};t.prototype.switchLanguage=function(t){this.languageChanged.emit(t.lang);this.toggleDropdown(false)};t.prototype.getMergedLanguageConfig=function(t,e){if(e===undefined){return t}return t.map((function(t){return Object.assign({},t,e.find((function(e){return e.lang===t.lang})))}))};t.prototype.setDropdownRef=function(t){this.languageSwitchDropdown=t};t.prototype.render=function(){var t=this;var e;if(((e=state.localizedConfig)===null\|\|e===void 0?void 0:e.header)===undefined)return;var n=state.localizedConfig.header;var o=this.getMergedLanguageConfig(n.navLang,state.languageSwitchOverrides);return h(Host,null,h("div",{class:"language-switch ".concat(this.mode)},h(SvgSprite,null),this.mode==="dropdown"?h("button",{class:"lang-btn","aria-expanded":"".concat(this.langSwitchOpen),"aria-haspopup":"listbox",onClick:function(){return t.toggleDropdown()}},h("span",{class:"visually-hidden"},n.translations.navLangAriaLabel),h("span",{"aria-hidden":"true"},state.currentLanguage),h(SvgIcon,{name:"pi-arrow-down",classNames:this.langSwitchOpen?"rotated":""})):h("span",{class:"bold current-language"},h("span",{class:"visually-hidden"},translate("Current language is English")),h("span",null,state.currentLanguage)),this.langSwitchOpen\|\|this.mode==="list"?h(PostLanguageSwitchList,{navLang:o,switchLanguage:function(e){return t.switchLanguage(e)},dropdownRef:function(e){return e!==undefined&&t.setDropdownRef(e)}}):null))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PostLanguageSwitch.style=postLanguageSwitchCss;export{PostLanguageSwitch as post_language_switch};
2	+ //# sourceMappingURL=post-language-switch.entry.js.map

package/dist/esm-es5/post-language-switch.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["PostLanguageSwitchList","props","h","class","ref","e","dropdownRef","translate","navLang","filter","lang","isCurrent","map","TagName","url","key","onClick","switchLanguage","href","title","text","postLanguageSwitchCss","PostLanguageSwitch","class_1","prototype","componentWillUpdate","_this","this","languageSwitchDropdown","langSwitchOpen","mode","classList","remove","elementHasTransition","userPrefersReducedMotion","Promise","resolve","_a","addEventListener","event","propertyName","componentDidUpdate","getBoundingClientRect","add","toggleDropdown","force","dropdownToggled","emit","open","element","host","newLang","languageChanged","getMergedLanguageConfig","config","overrides","undefined","langConfig","Object","assign","find","l","setDropdownRef","render","state","localizedConfig","header","mergedConfig","languageSwitchOverrides","Host","concat","SvgSprite","translations","navLangAriaLabel","currentLanguage","SvgIcon","name","classNames"],"sources":["src/components/post-language-switch/components/post-language-switch-list.tsx","src/components/post-language-switch/post-language-switch.scss?tag=post-language-switch&encapsulation=shadow","src/components/post-language-switch/post-language-switch.tsx"],"sourcesContent":["import { h } from '@stencil/core';\r\nimport { NavLangEntity } from '../../../models/header.model';\r\nimport { translate } from '../../../services/language.service';\r\n\r\nexport const PostLanguageSwitchList = (props: {\r\n navLang: NavLangEntity[];\r\n switchLanguage: (lang: NavLangEntity) => void;\r\n dropdownRef: (element: HTMLElement | undefined) => void;\r\n}) => (\r\n <nav class=\"language-switch-dropdown\" ref={e => props.dropdownRef(e)}>\r\n <h3 class=\"visually-hidden\">{translate('Change language')}</h3>\r\n <ul>\r\n {props.navLang\r\n .filter(lang => !lang.isCurrent)\r\n .map(lang => {\r\n const TagName = lang.url === null ? 'button' : 'a';\r\n return (\r\n <li key={lang.lang}>\r\n <TagName\r\n onClick={() => props.switchLanguage(lang)}\r\n href={lang.url}\r\n lang={lang.lang}\r\n title={lang.title}\r\n >\r\n <span class=\"visually-hidden\">{lang.title}</span>\r\n <span aria-hidden=\"true\">{lang.text}</span>\r\n </TagName>\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </nav>\r\n);\r\n","@use \"@swisspost/design-system-styles/variables/color\";\r\n@use \"@swisspost/design-system-styles/functions\";\r\n@use \"../../utils/utils.scss\";\r\n\r\n:host {\r\n --separator-display: none;\r\n --separator-height: 100%;\r\n\r\n display: flex;\r\n align-items: center;\r\n align-self: stretch;\r\n\r\n &::before {\r\n display: var(--separator-display);\r\n height: var(--separator-height);\r\n border-left: 1px solid color.$gray-10;\r\n content: '';\r\n }\r\n}\r\n\r\n.lang-btn {\r\n display: flex;\r\n align-items: center;\r\n height: 100%;\r\n padding: 0 1rem;\r\n border: none;\r\n box-shadow: none;\r\n background: none;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n color: rgba(color.$black, 0.8);\r\n\r\n &:hover,\r\n &:focus {\r\n color: black;\r\n }\r\n\r\n svg {\r\n width: 1.5em;\r\n height: 1.5em;\r\n transition: transform 250ms;\r\n\r\n &.rotated {\r\n transform: rotate(180deg);\r\n }\r\n }\r\n}\r\n\r\n.language-switch {\r\n position: relative;\r\n align-self: stretch;\r\n height: 100%;\r\n\r\n &.list {\r\n margin-top: 1.5rem;\r\n display: flex;\r\n align-items: center;\r\n }\r\n}\r\n\r\n.current-language {\r\n text-transform: uppercase;\r\n border-right: 1px solid color.$gray-20;\r\n padding: 0.5rem 1rem 0.5rem 0;\r\n}\r\n\r\n.language-switch-dropdown {\r\n .dropdown & {\r\n position: absolute;\r\n top: 100%;\r\n width: 100%;\r\n background: white;\r\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%), 0 2px 6px 2px rgb(0 0 0 / 10%);\r\n z-index: 1;\r\n transform: scale(0.1);\r\n transform-origin: center top;\r\n transition: transform 0.1s;\r\n margin-top: var(--language-dropdown-margin-top);\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n transition: none;\r\n }\r\n\r\n &.open {\r\n transform: scale(1);\r\n }\r\n }\r\n\r\n ul {\r\n @extend %no-list;\r\n\r\n .list & {\r\n display: flex;\r\n\r\n > li + li {\r\n border-left: 1px solid color.$gray-20;\r\n }\r\n }\r\n }\r\n\r\n a,\r\n button {\r\n @extend %nav-link;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n height: functions.px-to-rem(48px);\r\n padding: 0 0.25rem;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n transition: background-color 200ms, color 200ms;\r\n\r\n &:hover,\r\n &:focus {\r\n background: color.$gray-background;\r\n }\r\n\r\n span {\r\n // Worst case scenario\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n .list & {\r\n color: black;\r\n height: auto;\r\n padding: 0.5rem 1rem;\r\n }\r\n }\r\n}\r\n","import {\r\n Component,\r\n Event,\r\n Host,\r\n h,\r\n Method,\r\n EventEmitter,\r\n State,\r\n Prop,\r\n Element,\r\n} from '@stencil/core';\r\nimport { SvgSprite } from '../../utils/svg-sprite.component';\r\nimport { SvgIcon } from '../../utils/svg-icon.component';\r\nimport { state } from '../../data/store';\r\nimport {\r\n DropdownElement,\r\n DropdownEvent,\r\n HasDropdown,\r\n NavLangEntity,\r\n} from '../../models/header.model';\r\nimport { userPrefersReducedMotion, elementHasTransition } from '../../services/ui.service';\r\nimport { translate } from '../../services/language.service';\r\nimport { PostLanguageSwitchList } from './components/post-language-switch-list';\r\nimport { IAvailableLanguage } from '../../models/language.model';\r\n\r\n@Component({\r\n tag: 'post-language-switch',\r\n styleUrl: 'post-language-switch.scss',\r\n shadow: true,\r\n})\r\nexport class PostLanguageSwitch implements HasDropdown {\r\n @Prop() mode: 'dropdown' | 'list';\r\n @State() langSwitchOpen = false;\r\n @Element() host: DropdownElement;\r\n @Event() dropdownToggled: EventEmitter<DropdownEvent>;\r\n @Event({ bubbles: true }) languageChanged: EventEmitter<string>;\r\n private languageSwitchDropdown: HTMLElement | undefined;\r\n\r\n componentWillUpdate() {\r\n // Check if language switch got set to close and if mode is dropdown\r\n if (this.languageSwitchDropdown && !this.langSwitchOpen && this.mode == 'dropdown') {\r\n this.languageSwitchDropdown.classList.remove('open');\r\n\r\n // Check if element has transition applied and whether user prefers to see animations or not\r\n if (\r\n elementHasTransition(this.languageSwitchDropdown, 'transform') &&\r\n !userPrefersReducedMotion()\r\n ) {\r\n // Wait for CSS transition 'transform' to end before continuing\r\n return new Promise<boolean>(resolve => {\r\n this.languageSwitchDropdown?.addEventListener('transitionend', event => {\r\n if (event.propertyName === 'transform') {\r\n resolve(true);\r\n }\r\n });\r\n });\r\n }\r\n }\r\n }\r\n\r\n componentDidUpdate() {\r\n // Language switch got set to open\r\n if (this.languageSwitchDropdown && this.langSwitchOpen) {\r\n // Force browser to redraw/refresh DOM before adding 'open' class\r\n this.languageSwitchDropdown.getBoundingClientRect();\r\n this.languageSwitchDropdown.classList.add('open');\r\n }\r\n }\r\n\r\n /**\r\n * Open or close the language switch programatically\r\n * @param force Boolean to force a state\r\n * @returns Boolean indicating new state\r\n */\r\n @Method()\r\n async toggleDropdown(force?: boolean) {\r\n this.langSwitchOpen = force ?? !this.langSwitchOpen;\r\n this.dropdownToggled.emit({ open: this.langSwitchOpen, element: this.host });\r\n return this.langSwitchOpen;\r\n }\r\n\r\n /**\r\n * Emit a language change to the parent component\r\n *\r\n * @param newLang Config of the new language\r\n */\r\n switchLanguage(newLang: NavLangEntity) {\r\n this.languageChanged.emit(newLang.lang);\r\n this.toggleDropdown(false);\r\n }\r\n\r\n private getMergedLanguageConfig(config: NavLangEntity[], overrides?: IAvailableLanguage[]) {\r\n if (overrides === undefined) {\r\n return config;\r\n }\r\n\r\n return config.map(langConfig =>\r\n Object.assign(\r\n {},\r\n langConfig,\r\n overrides.find(l => l.lang === langConfig.lang),\r\n ),\r\n );\r\n }\r\n\r\n private setDropdownRef(element: HTMLElement | undefined) {\r\n this.languageSwitchDropdown = element;\r\n }\r\n\r\n render() {\r\n if (state.localizedConfig?.header === undefined) return;\r\n const config = state.localizedConfig.header;\r\n const mergedConfig = this.getMergedLanguageConfig(\r\n config.navLang,\r\n state.languageSwitchOverrides,\r\n );\r\n\r\n return (\r\n <Host>\r\n <div class={`language-switch ${this.mode}`}>\r\n <SvgSprite />\r\n {this.mode === 'dropdown' ? (\r\n <button\r\n class=\"lang-btn\"\r\n aria-expanded={`${this.langSwitchOpen}`}\r\n aria-haspopup=\"listbox\"\r\n onClick={() => this.toggleDropdown()}\r\n >\r\n <span class=\"visually-hidden\">{config.translations.navLangAriaLabel}</span>\r\n <span aria-hidden=\"true\">{state.currentLanguage}</span>\r\n <SvgIcon name=\"pi-arrow-down\" classNames={this.langSwitchOpen ? 'rotated' : ''} />\r\n </button>\r\n ) : (\r\n <span class=\"bold current-language\">\r\n <span class=\"visually-hidden\">{translate('Current language is English')}</span>\r\n <span>{state.currentLanguage}</span>\r\n </span>\r\n )}\r\n {this.langSwitchOpen || this.mode === 'list' ? (\r\n <PostLanguageSwitchList\r\n navLang={mergedConfig}\r\n switchLanguage={e => this.switchLanguage(e)}\r\n dropdownRef={e => e !== undefined && this.setDropdownRef(e)}\r\n />\r\n ) : null}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"mappings":"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"}

package/dist/esm-es5/post-logo.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{h,r as registerInstance,H as Host,g as getElement}from"./index-066666f4.js";import{t as throttle}from"./index-a75df186.js";import{s as state}from"./store-d495dc07.js";var LogoSprite=function(){return h("svg",{"aria-hidden":"true",style:{display:"none"}},h("symbol",{id:"favicon",viewBox:"0 0 48 48"},h("g",{"clip-path":"url(#a)"},h("path",{fill:"#FC0",d:"M47.2 0H0v47.2h47.2V0Z"}),h("path",{fill:"#fff","fill-rule":"evenodd",d:"m18.68 35.91 1.48-7.02H6.42l-1.47 7.02h13.73Z","clip-rule":"evenodd"}),h("path",{fill:"#000","fill-rule":"evenodd",d:"M16.96 16.56c-.47-.07-.94-.1-1.42-.1H11.6L8.5 31.1h3.1l.95-4.47h1.8c.74.02 1.48-.07 2.18-.27a5.8 5.8 0 0 0 4-4.59c.49-2.73-.87-4.76-3.57-5.2Zm.47 5.06a2.63 2.63 0 0 1-2.06 2.22c-.33.06-.66.1-1 .1h-1.25l1-4.78h1.36c.31-.01.62.03.92.11.77.26 1.24 1.03 1.03 2.35","clip-rule":"evenodd"}),h("path",{fill:"red","fill-rule":"evenodd",d:"m34.5 16.43 1.86-8.84H24.63l-2.45 11.58h2.9l1.87-8.84h5.93L31 19.17h8.8l-1.17 5.53h-8.75l-1.75 8.28H21.5l-.57 2.78h9.54l1.75-8.3h8.72l2.34-11.03H34.5Z","clip-rule":"evenodd"})),h("defs",null,h("clipPath",{id:"a"},h("path",{fill:"#fff",d:"M0 0h47.2v47.2H0z"})))))};var FaviconSvg=function(e){return h("svg",{viewBox:"0 0 48 48",class:e.className,"aria-hidden":"true"},h("use",{href:"#favicon"}))};var postLogoCss='@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: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: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")},: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}img,svg{max-width:100%;max-height:100%}@media (forced-colors: active){svg{color:white}}.no-list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}.btn-blank{background-color:transparent;border:none;border-radius:0;padding:0}.nav-link{text-decoration:none;color:rgba(0, 0, 0, 0.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5rem}.nav-link:hover,.nav-link:focus{color:black}.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}.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}}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}@media (max-width: -0.02px){.hidden-xs{display:none}}@media (max-width: 399.98px){.hidden-sm{display:none}}@media (max-width: 599.98px){.hidden-rg{display:none}}@media (max-width: 779.98px){.hidden-md{display:none}}@media (max-width: 1023.98px){.hidden-lg{display:none}}@media (max-width: 1279.98px){.hidden-xl{display:none}}@media (max-width: 1440.98px){.hidden-xxl{display:none}}:host{display:block}.logo{display:block;-ms-flex-align:center;align-items:center;background:#fc0}svg,.logo-svg{display:block;height:var(--header-height)}.square-logo{display:block}@media (min-width: 400px){.square-logo{display:none}}.full-logo{display:none}@media (min-width: 400px){.full-logo{display:block}}';var PostLogo=function(){function e(e){var o=this;registerInstance(this,e);this.showFaviconLogo=undefined;this.throttledResize=throttle(300,(function(){return o.handleResize()}));window.addEventListener("resize",this.throttledResize,{passive:true});this.resizeObserver=new ResizeObserver(this.handleResize.bind(this));this.handleResize()}e.prototype.componentDidLoad=function(){var e;var o=(e=this.host.parentElement)===null\|\|e===void 0?void 0:e.querySelector(".main-navigation-controls");if(o){this.resizeObserver.observe(o)}};e.prototype.disconnectedCallback=function(){window.removeEventListener("resize",this.throttledResize);this.resizeObserver.disconnect()};e.prototype.handleResize=function(){var e,o;var t=(e=this.host.parentElement)===null\|\|e===void 0?void 0:e.querySelector(".main-navigation-controls");var i=(o=this.host.parentElement)===null\|\|o===void 0?void 0:o.querySelector(".menu-button");if(t&&i)this.showFaviconLogo=window.innerWidth-(150+t.clientWidth+i.clientWidth)<=0};e.prototype.render=function(){var e;if(((e=state.localizedConfig)===null\|\|e===void 0?void 0:e.header.logo)===undefined)return;var o=state.localizedConfig.header.logo;return h(Host,null,h(LogoSprite,null),h("a",{href:o.logoLink,class:"logo"},h("span",{class:"visually-hidden"},o.logoLinkTitle),h(FaviconSvg,{className:"square-logo"}),h("img",{class:"logo-svg full-logo",src:o.logoSvg,alt:o.logoText})))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PostLogo.style=postLogoCss;export{PostLogo as post_logo};
2	+ //# sourceMappingURL=post-logo.entry.js.map

package/dist/esm-es5/post-logo.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["LogoSprite","h","style","display","id","viewBox","fill","d","FaviconSvg","props","class","className","href","postLogoCss","PostLogo","hostRef","_this","this","throttledResize","throttle","handleResize","window","addEventListener","passive","resizeObserver","ResizeObserver","bind","prototype","componentDidLoad","mainNavControls","_a","host","parentElement","querySelector","observe","disconnectedCallback","removeEventListener","disconnect","menuButton","_b","showFaviconLogo","innerWidth","clientWidth","render","state","localizedConfig","header","logo","undefined","config","Host","logoLink","logoLinkTitle","src","logoSvg","alt","logoText"],"sources":["src/components/post-logo/logo-sprite.component.tsx","src/components/post-logo/post-logo.scss?tag=post-logo&encapsulation=shadow","src/components/post-logo/post-logo.tsx"],"sourcesContent":["import { h } from '@stencil/core';\r\n\r\nexport const LogoSprite = () => (\r\n <svg aria-hidden=\"true\" style={{ display: 'none' }}>\r\n <symbol id=\"favicon\" viewBox=\"0 0 48 48\">\r\n <g clip-path=\"url(#a)\">\r\n <path fill=\"#FC0\" d=\"M47.2 0H0v47.2h47.2V0Z\" />\r\n <path\r\n fill=\"#fff\"\r\n fill-rule=\"evenodd\"\r\n d=\"m18.68 35.91 1.48-7.02H6.42l-1.47 7.02h13.73Z\"\r\n clip-rule=\"evenodd\"\r\n />\r\n <path\r\n fill=\"#000\"\r\n fill-rule=\"evenodd\"\r\n d=\"M16.96 16.56c-.47-.07-.94-.1-1.42-.1H11.6L8.5 31.1h3.1l.95-4.47h1.8c.74.02 1.48-.07 2.18-.27a5.8 5.8 0 0 0 4-4.59c.49-2.73-.87-4.76-3.57-5.2Zm.47 5.06a2.63 2.63 0 0 1-2.06 2.22c-.33.06-.66.1-1 .1h-1.25l1-4.78h1.36c.31-.01.62.03.92.11.77.26 1.24 1.03 1.03 2.35\"\r\n clip-rule=\"evenodd\"\r\n />\r\n <path\r\n fill=\"red\"\r\n fill-rule=\"evenodd\"\r\n d=\"m34.5 16.43 1.86-8.84H24.63l-2.45 11.58h2.9l1.87-8.84h5.93L31 19.17h8.8l-1.17 5.53h-8.75l-1.75 8.28H21.5l-.57 2.78h9.54l1.75-8.3h8.72l2.34-11.03H34.5Z\"\r\n clip-rule=\"evenodd\"\r\n />\r\n </g>\r\n <defs>\r\n <clipPath id=\"a\">\r\n <path fill=\"#fff\" d=\"M0 0h47.2v47.2H0z\" />\r\n </clipPath>\r\n </defs>\r\n </symbol>\r\n </svg>\r\n);\r\n\r\nexport const FaviconSvg = (props: { className?: string }) => (\r\n <svg viewBox=\"0 0 48 48\" class={props.className} aria-hidden=\"true\">\r\n <use href=\"#favicon\" />\r\n </svg>\r\n);\r\n","@use \"@swisspost/design-system-styles/variables/color\";\r\n@use \"../../utils/utils.scss\";\r\n@use \"../../utils/mixins.scss\";\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n.logo {\r\n display: block;\r\n align-items: center;\r\n background: color.$yellow;\r\n\r\n}\r\n\r\nsvg,\r\n.logo-svg {\r\n display: block;\r\n height: var(--header-height);\r\n}\r\n\r\n.square-logo {\r\n display: block;\r\n\r\n @include mixins.min(sm) {\r\n display: none;\r\n }\r\n}\r\n\r\n.full-logo {\r\n display: none;\r\n\r\n @include mixins.min(sm) {\r\n display: block;\r\n }\r\n}\r\n","import { Component, Host, h, State, Element } from '@stencil/core';\r\nimport { throttle } from 'throttle-debounce';\r\nimport { state } from '../../data/store';\r\nimport { LogoSprite, FaviconSvg } from './logo-sprite.component';\r\n\r\n@Component({\r\n tag: 'post-logo',\r\n styleUrl: 'post-logo.scss',\r\n shadow: true,\r\n})\r\nexport class PostLogo {\r\n @State() showFaviconLogo: boolean;\r\n @Element() host: HTMLPostLogoElement;\r\n private throttledResize: throttle<() => void>;\r\n private resizeObserver: ResizeObserver;\r\n\r\n constructor() {\r\n // Register window resize event listener and a resize observer on the mainnav controls (they change size while controls are being loaded) to display an accurately sized logo\r\n this.throttledResize = throttle(300, () => this.handleResize());\r\n window.addEventListener('resize', this.throttledResize, { passive: true });\r\n this.resizeObserver = new ResizeObserver(this.handleResize.bind(this));\r\n\r\n // Initially call the resize handler\r\n this.handleResize();\r\n }\r\n\r\n componentDidLoad() {\r\n const mainNavControls = this.host.parentElement?.querySelector('.main-navigation-controls');\r\n if (mainNavControls) {\r\n this.resizeObserver.observe(mainNavControls);\r\n }\r\n }\r\n\r\n disconnectedCallback() {\r\n window.removeEventListener('resize', this.throttledResize);\r\n this.resizeObserver.disconnect();\r\n }\r\n\r\n handleResize() {\r\n const mainNavControls = this.host.parentElement?.querySelector('.main-navigation-controls');\r\n const menuButton = this.host.parentElement?.querySelector('.menu-button');\r\n if (mainNavControls && menuButton)\r\n this.showFaviconLogo =\r\n window.innerWidth - (150 + mainNavControls.clientWidth + menuButton.clientWidth) <= 0;\r\n }\r\n\r\n render() {\r\n if (state.localizedConfig?.header.logo === undefined) return;\r\n const config = state.localizedConfig.header.logo;\r\n\r\n return (\r\n <Host>\r\n <LogoSprite />\r\n <a href={config.logoLink} class=\"logo\">\r\n <span class=\"visually-hidden\">{config.logoLinkTitle}</span>\r\n <FaviconSvg className=\"square-logo\" />\r\n <img class=\"logo-svg full-logo\" src={config.logoSvg} alt={config.logoText} />\r\n </a>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"mappings":"8KAEO,IAAMA,WAAa,kBACxBC,EAAA,qBAAiB,OAAOC,MAAO,CAAEC,QAAS,SACxCF,EAAA,UAAQG,GAAG,UAAUC,QAAQ,aAC3BJ,EAAA,iBAAa,WACXA,EAAA,QAAMK,KAAK,OAAOC,EAAE,2BACpBN,EAAA,QACEK,KAAK,OAAM,YACD,UACVC,EAAE,gDAA+C,YACvC,YAEZN,EAAA,QACEK,KAAK,OAAM,YACD,UACVC,EAAE,sQAAqQ,YAC7P,YAEZN,EAAA,QACEK,KAAK,MAAK,YACA,UACVC,EAAE,yJAAwJ,YAChJ,aAGdN,EAAA,YACEA,EAAA,YAAUG,GAAG,KACXH,EAAA,QAAMK,KAAK,OAAOC,EAAE,yBA1BJ,EAiCnB,IAAMC,WAAa,SAACC,GAA6B,OACtDR,EAAA,OAAKI,QAAQ,YAAYK,MAAOD,EAAME,UAAS,cAAc,QAC3DV,EAAA,OAAKW,KAAK,aAF0C,ECnCxD,IAAMC,YAAc,mtG,ICUPC,SAAQ,WAMnB,SAAAA,EAAAC,GAAA,IAAAC,EAAAC,K,wDAEEA,KAAKC,gBAAkBC,SAAS,KAAK,WAAM,OAAAH,EAAKI,cAAL,IAC3CC,OAAOC,iBAAiB,SAAUL,KAAKC,gBAAiB,CAAEK,QAAS,OACnEN,KAAKO,eAAiB,IAAIC,eAAeR,KAAKG,aAAaM,KAAKT,OAGhEA,KAAKG,c,CAGPN,EAAAa,UAAAC,iBAAA,W,MACE,IAAMC,GAAkBC,EAAAb,KAAKc,KAAKC,iBAAa,MAAAF,SAAA,SAAAA,EAAEG,cAAc,6BAC/D,GAAIJ,EAAiB,CACnBZ,KAAKO,eAAeU,QAAQL,E,GAIhCf,EAAAa,UAAAQ,qBAAA,WACEd,OAAOe,oBAAoB,SAAUnB,KAAKC,iBAC1CD,KAAKO,eAAea,Y,EAGtBvB,EAAAa,UAAAP,aAAA,W,QACE,IAAMS,GAAkBC,EAAAb,KAAKc,KAAKC,iBAAa,MAAAF,SAAA,SAAAA,EAAEG,cAAc,6BAC/D,IAAMK,GAAaC,EAAAtB,KAAKc,KAAKC,iBAAa,MAAAO,SAAA,SAAAA,EAAEN,cAAc,gBAC1D,GAAIJ,GAAmBS,EACrBrB,KAAKuB,gBACHnB,OAAOoB,YAAc,IAAMZ,EAAgBa,YAAcJ,EAAWI,cAAgB,C,EAG1F5B,EAAAa,UAAAgB,OAAA,W,MACE,KAAIb,EAAAc,MAAMC,mBAAe,MAAAf,SAAA,SAAAA,EAAEgB,OAAOC,QAASC,UAAW,OACtD,IAAMC,EAASL,MAAMC,gBAAgBC,OAAOC,KAE5C,OACE9C,EAACiD,KAAI,KACHjD,EAACD,WAAU,MACXC,EAAA,KAAGW,KAAMqC,EAAOE,SAAUzC,MAAM,QAC9BT,EAAA,QAAMS,MAAM,mBAAmBuC,EAAOG,eACtCnD,EAACO,WAAU,CAACG,UAAU,gBACtBV,EAAA,OAAKS,MAAM,qBAAqB2C,IAAKJ,EAAOK,QAASC,IAAKN,EAAOO,Y,kIA9CtD,G"}

package/dist/esm-es5/post-main-navigation.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var __awaiter=this&&this.__awaiter\|\|function(t,i,e,n){function o(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e\|\|(e=Promise))((function(e,r){function a(t){try{s(n.next(t))}catch(t){r(t)}}function l(t){try{s(n["throw"](t))}catch(t){r(t)}}function s(t){t.done?e(t.value):o(t.value).then(a,l)}s((n=n.apply(t,i\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(t,i){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,o,r,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(t){return function(i){return s([t,i])}}function s(l){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,l[0]&&(e=0)),e)try{if(n=1,o&&(r=l[0]&2?o["return"]:l[0]?o["throw"]\|\|((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,l[1])).done)return r;if(o=0,r)l=[l[0]&2,r.value];switch(l[0]){case 0:case 1:r=l;break;case 4:e.label++;return{value:l[1],done:false};case 5:e.label++;o=l[1];l=[0];continue;case 7:l=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(l[0]===6\|\|l[0]===2)){e=0;continue}if(l[0]===3&&(!r\|\|l[1]>r[0]&&l[1]<r[3])){e.label=l[1];break}if(l[0]===6&&e.label<r[1]){e.label=r[1];r=l;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(l);break}if(r[2])e.ops.pop();e.trys.pop();continue}l=i.call(t,e)}catch(t){l=[6,t];o=0}finally{n=r=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-066666f4.js";import{t as throttle}from"./index-a75df186.js";import{c as clearAllBodyScrollLocks,d as disableBodyScroll,e as enableBodyScroll}from"./bodyScrollLock.esm-afcc00e3.js";import{s as state}from"./store-d495dc07.js";import{u as userPrefersReducedMotion}from"./ui.service-1d9b0f51.js";import{S as SvgSprite}from"./svg-sprite.component-ec0ac38c.js";import{S as SvgIcon}from"./svg-icon.component-1b1b27a2.js";var LevelOneAction=function(t){var i,e,n;var o=t.level.url?"a":"button";return h(o,{class:{"main-link":true,active:!!t.level.isActiveOverride,focus:t.isOpen},href:t.level.url,title:((i=t.level.title)===null\|\|i===void 0?void 0:i.trim())&&((e=t.level.title)===null\|\|e===void 0?void 0:e.trim())!==((n=t.level.text)===null\|\|n===void 0?void 0:n.trim())?t.level.title:undefined,tabindex:t.level.url?undefined:0,"aria-haspopup":!t.level.noFlyout+"","aria-expanded":t.level.noFlyout?null:t.isOpen+"",onTouchEnd:function(i){return t.onTouchEnd(i)},onKeyDown:function(i){return t.onKeyDown(i)},onClick:function(i){return t.onClick(i)}},h("span",null,t.level.text),h("svg",{"aria-hidden":"true"},h("use",{href:"#pi-pointy-arrow-right"})))};var postMainNavigationCss='.flyout-nav,.flyout-column h3{font-size:0.9375rem;line-height:1.4}@media (min-width: 600px){.flyout-nav,.flyout-column h3{font-size:1rem}}@media (min-width: 1024px){.flyout-nav,.flyout-column h3{font-size:1.0625rem}}.flyout-title{font-size:1.0625rem;line-height:1.4}@media (min-width: 600px){.flyout-title{font-size:1.25rem}}@media (min-width: 1024px){.flyout-title{font-size:1.5rem;line-height:1.1}}@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: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: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")},: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}img,svg{max-width:100%;max-height:100%}@media (forced-colors: active){svg{color:white}}.main-container,.flyout-linklist,.no-list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}.btn-blank{background-color:transparent;border:none;border-radius:0;padding:0}.main-link,.flyout-close-button,.flyout-link,.nav-link{text-decoration:none;color:rgba(0, 0, 0, 0.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5rem}.main-link:hover,.flyout-close-button:hover,.flyout-link:hover,.nav-link:hover,.main-link:focus,.flyout-close-button:focus,.flyout-link:focus,.nav-link:focus{color:black}.main-link>svg,.flyout-close-button>svg,.flyout-link>svg,.nav-link>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.main-link>span,.flyout-close-button>span,.flyout-link>span,.nav-link>span{-ms-flex-negative:1;flex-shrink:1}.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}}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}@media (max-width: -0.02px){.hidden-xs{display:none}}@media (max-width: 399.98px){.hidden-sm{display:none}}@media (max-width: 599.98px){.hidden-rg{display:none}}@media (max-width: 779.98px){.hidden-md{display:none}}@media (max-width: 1023.98px){.hidden-lg{display:none}}@media (max-width: 1279.98px){.hidden-xl{display:none}}@media (max-width: 1440.98px){.hidden-xxl{display:none}}:host{--host-window-height:var(--window-height, 100vh);--calculated-header-height:calc(var(--header-height) + 1px);display:block;min-width:0;height:var(--header-height)}:host(.no-animation) {-webkit-animation:none !important;animation:none !important;-webkit-transition:none !important;transition:none !important}@media (min-width: 1024px){.main-navigation,.main-container,.main-container li,.main-link{height:100%}}.main-navigation{font-size:1.125rem}@media (min-width: 1024px){.main-navigation{font-size:1rem}}@media (min-width: 1280px){.main-navigation{margin:0 0.75rem;font-size:1.125rem}}@media (min-width: 1441px){.main-navigation{font-size:1.25rem}}@media (max-width: 1023.98px){.main-navigation{position:absolute;top:var(--calculated-header-height);left:0;background:white;height:calc(var(--host-window-height) - var(--calculated-header-height));width:100%;margin:0;overflow:hidden scroll;-webkit-overflow-scrolling:touch;-ms-scroll-chaining:none;overscroll-behavior:contain;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;z-index:-1;visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:visibility 0.35s, -webkit-transform 0.35s;transition:visibility 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, visibility 0.35s;transition:transform 0.35s, visibility 0.35s, -webkit-transform 0.35s}}@media (max-width: 1023.98px) and (prefers-reduced-motion: reduce){.main-navigation{-webkit-transition:none;transition:none}}@media (max-width: 1023.98px){.main-navigation.open{-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}}.main-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}@media (max-width: 1023.98px){.main-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;padding-top:2.5rem;padding-bottom:2.5rem}.main-container>li+li{border-top:1px solid #e6e6e6}}@media (min-width: 1024px){.main-container{padding-right:0;padding-left:0}}.main-container>li{-ms-flex:0 1 auto;flex:0 1 auto;min-width:0}.main-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-right:0.75rem;padding-left:0.75rem;text-align:left;cursor:pointer;width:100%}@media (min-width: 1024px){.main-link svg{display:none}}@media (max-width: 1023.98px){.main-link{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;font-weight:300;padding:0.625rem 0;width:100%;text-align:left}.main-link svg{width:1.5rem;height:1.5rem}}.main-link span{overflow:hidden;text-overflow:ellipsis}.main-link,.flyout-link{position:relative;color:black}.main-link::after,.flyout-link::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:4px;background-color:transparent;opacity:0;-webkit-transform:scaleX(0.8);transform:scaleX(0.8);-webkit-transition:opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)}@media (prefers-reduced-motion: reduce){.main-link::after,.flyout-link::after{-webkit-transition:none;transition:none}}.main-link:hover::after,.main-link.focus::after,.flyout-link:hover::after,.flyout-link.focus::after{background-color:#cccccc;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.main-link.active,.flyout-link.active{font-weight:700}.main-link.active::after,.flyout-link.active::after{background-color:#fc0;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.flyout{left:0;width:100%;background:white;padding-bottom:3rem;overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;visibility:hidden}@media (min-width: 1024px){.flyout{position:absolute;top:100%;max-height:calc(100vh - var(--header-height) - var(--meta-header-height) - 1px);z-index:-1;-webkit-box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.4);box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.4);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.flyout.open{-webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.4);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.4);-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width: 1023.98px){.flyout{position:fixed;top:0;height:100%;z-index:1;-webkit-transform:translateX(100%);transform:translateX(100%)}.flyout.open{-webkit-transform:translateX(0);transform:translateX(0)}}.flyout.open{visibility:visible}.flyout.animate{-webkit-transition:visibility 0.35s, -webkit-transform 0.35s, -webkit-box-shadow 0.35s;transition:visibility 0.35s, -webkit-transform 0.35s, -webkit-box-shadow 0.35s;transition:transform 0.35s, visibility 0.35s, box-shadow 0.35s;transition:transform 0.35s, visibility 0.35s, box-shadow 0.35s, -webkit-transform 0.35s, -webkit-box-shadow 0.35s}@media (prefers-reduced-motion: reduce){.flyout.animate{-webkit-transition:none;transition:none}}.flyout-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;min-height:3.5rem;-webkit-box-sizing:content-box;box-sizing:content-box}.flyout-row{display:-ms-flexbox;display:flex;gap:1.5rem}@media (max-width: 1023.98px){.flyout-row{display:grid;grid-template-columns:1fr 1fr}}@media (max-width: 599.98px){.flyout-row{grid-template-columns:1fr}}.flyout-column{-ms-flex:1;flex:1;max-width:25%}@media (max-width: 1023.98px){.flyout-column{max-width:none}}.flyout-column h3{margin-top:0}.flyout-back-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:1rem;font-weight:400;cursor:pointer}@media (max-width: 599.98px){.flyout-back-button{padding-right:16px;padding-left:16px}}@media (min-width: 600px) and (max-width: 1023.98px){.flyout-back-button{padding-right:32px;padding-left:32px}}@media (min-width: 1024px){.flyout-back-button{padding-right:40px;padding-left:40px}}.flyout-back-button svg{width:1.5rem;height:1.5rem}@media (min-width: 1024px){.flyout-back-button{display:none}}.flyout-close-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:auto;padding:0 1.5rem;cursor:pointer}.flyout-close-button svg{width:1.5rem;height:1.5rem}@media (max-width: 1023.98px){.flyout-close-button{display:none}}.flyout-linklist li{border-top:1px solid #e6e6e6}.flyout-linklist:first-child>li{border-top-color:transparent}.flyout-link{display:block;padding:0.75rem 0}.flyout-title{margin:2.5rem 0 1.5rem 0}@media (min-width: 1024px){.flyout-title{display:none}}';var PostMainNavigation=function(){function t(t){registerInstance(this,t);this.dropdownToggled=createEvent(this,"dropdownToggled",7);this.flyoutToggled=createEvent(this,"flyoutToggled",7);this.resizeTimer=null;this.mouseLeaveTimer=null;this.mouseEnterTimer=null;this.activeFlyout=undefined;this.mobileMenuOpen=undefined}t.prototype.connectedCallback=function(){var t=this;this.throttledResize=throttle(300,(function(){return t.handleResize()}));window.addEventListener("resize",this.throttledResize,{passive:true});this.setWindowHeight()};t.prototype.disconnectedCallback=function(){window.removeEventListener("resize",this.throttledResize);clearAllBodyScrollLocks();if(this.mouseEnterTimer!==null)window.clearTimeout(this.mouseEnterTimer);if(this.mouseLeaveTimer!==null)window.clearTimeout(this.mouseLeaveTimer)};t.prototype.handleResize=function(){var t=this;this.host.classList.add("no-animation");if(this.resizeTimer!==null)window.clearTimeout(this.resizeTimer);this.resizeTimer=window.setTimeout((function(){t.host.classList.remove("no-animation")}),300);this.setWindowHeight()};t.prototype.setWindowHeight=function(){var t=this;if(!this.host){return}this.host.style.setProperty("--window-height","".concat(window.innerHeight,"px"));window.setTimeout((function(){t.host.style.setProperty("--window-height","".concat(window.innerHeight,"px"))}),100)};t.prototype.openFlyout=function(t){var i;var e=(i=this.host.shadowRoot)===null\|\|i===void 0?void 0:i.getElementById(t);if(e&&this.activeFlyout!==""){this.addFlyoutAnimation(e)}this.activeFlyout=t;this.flyoutToggled.emit(t);this.setWindowHeight();if(this.mouseLeaveTimer!==null){window.clearTimeout(this.mouseLeaveTimer);this.mouseLeaveTimer=null}};t.prototype.closeFlyout=function(t){var i;if(t===undefined)return;var e=(i=this.host.shadowRoot)===null\|\|i===void 0?void 0:i.getElementById(t);if(e){this.addFlyoutAnimation(e)}this.activeFlyout=null;this.flyoutToggled.emit()};t.prototype.addFlyoutAnimation=function(t){var i=this;if(!userPrefersReducedMotion()){t.classList.add("animate");t.addEventListener("transitionend",(function(){return i.removeFlyoutAnimation(t)}),{once:true})}};t.prototype.removeFlyoutAnimation=function(t){t.classList.remove("animate")};t.prototype.isActiveFlyout=function(t){return t===this.activeFlyout};t.prototype.handleMouseEnter=function(t){var i=this;if(this.mouseEnterTimer!==null){window.clearTimeout(this.mouseEnterTimer);this.mouseEnterTimer=null}if(this.mouseLeaveTimer&&this.activeFlyout===t.id){window.clearTimeout(this.mouseLeaveTimer);this.mouseLeaveTimer=null}if(window.innerWidth>=1024&&t.flyout.length>0&&this.activeFlyout!==t.id){this.mouseEnterTimer=window.setTimeout((function(){i.mouseEnterTimer=null;if(t.id!==undefined)i.openFlyout(t.id)}),200)}};t.prototype.handleMouseLeave=function(t){var i=this;if(this.mouseEnterTimer!==null){window.clearTimeout(this.mouseEnterTimer)}if(this.activeFlyout&&this.activeFlyout!==t.id){return}if(window.innerWidth>=1024&&t.flyout.length>0){this.mouseLeaveTimer=window.setTimeout((function(){i.closeFlyout(t.id)}),300)}};t.prototype.handleTouchEnd=function(t,i){if(!this.isActiveFlyout(i.id)&&!i.noFlyout){if(t.cancelable)t.preventDefault();if(i.id)this.openFlyout(i.id)}};t.prototype.handleKeyPress=function(t,i){if(t.key==="Enter"&&!this.isActiveFlyout(i.id)&&!i.noFlyout){t.preventDefault();if(i.id)this.openFlyout(i.id)}};t.prototype.handleClick=function(t,i){if(!this.isActiveFlyout(i.id)&&!i.noFlyout){t.preventDefault();if(i.id)this.openFlyout(i.id)}};t.prototype.setBodyScroll=function(){if(this.mobileMenuOpen){disableBodyScroll(this.flyoutElement)}else{enableBodyScroll(this.flyoutElement)}};t.prototype.toggleDropdown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.mobileMenuOpen=t===undefined?!this.mobileMenuOpen:t;this.dropdownToggled.emit({open:this.mobileMenuOpen,element:this.host});if(t===false){this.closeFlyout()}this.setBodyScroll();this.setWindowHeight();return[2,this.mobileMenuOpen]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){i=(t=this.host.shadowRoot)===null\|\|t===void 0?void 0:t.querySelector(".main-link");if(i){i.focus()}return[2]}))}))};t.prototype.setActiveFlyout=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.activeFlyout=t;this.flyoutToggled.emit(this.activeFlyout);return[2]}))}))};t.prototype.render=function(){var t=this;var i;if(((i=state.localizedConfig)===null\|\|i===void 0?void 0:i.header)===undefined)return;var e=state.localizedConfig.header;return h(Host,null,h(SvgSprite,null),h("nav",{id:"post-internet-header-main-navigation",class:{"main-navigation":true,open:this.mobileMenuOpen},ref:function(i){return t.flyoutElement=i}},h("h2",{class:"visually-hidden"},e.translations.navMainAriaLabel),h("ul",{class:"main-container container"},e.navMain.map((function(i){return h("li",{key:i.text,onMouseLeave:function(){return t.handleMouseLeave(i)},onMouseEnter:function(){return t.handleMouseEnter(i)}},h(LevelOneAction,{level:i,isOpen:t.isActiveFlyout(i.id),onTouchEnd:function(e){return t.handleTouchEnd(e,i)},onKeyDown:function(e){return t.handleKeyPress(e,i)},onClick:function(e){return t.handleClick(e,i)}}),!i.noFlyout?h("div",{id:i.id,class:{flyout:true,open:t.isActiveFlyout(i.id)}},h("div",{class:"wide-container"},h("div",{class:"flyout-nav"},h("button",{class:"nav-link flyout-back-button",onClick:function(){return t.closeFlyout(i.id)}},h(SvgIcon,{name:"pi-pointy-arrow-right",classNames:"mirrored"}),h("span",null,e.translations.backButtonText)),h("button",{class:"flyout-close-button",onClick:function(){return t.closeFlyout(i.id)}},h("span",{class:"visually-hidden"},e.translations.mobileNavToggleClose),h(SvgIcon,{name:"pi-close"}))),h("h2",{class:"flyout-title container"},h("a",{href:i.url,class:"nav-link"},i.text)),h("div",{class:"flyout-row container"},i.flyout.map((function(t){return h("div",{key:t.title,class:"flyout-column"},t.title?h("h3",null,t.title):null,h("ul",{class:"flyout-linklist"},t.linkList.map((function(t){return h("li",{key:t.url},h("a",{class:{"flyout-link":true,active:!!(t===null\|\|t===void 0?void 0:t.isActiveOverride)},href:t.url,target:t.target},t.title))}))))}))))):null)}))),h("slot",null)))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PostMainNavigation.style=postMainNavigationCss;export{PostMainNavigation as post_main_navigation};
2	+ //# sourceMappingURL=post-main-navigation.entry.js.map

package/dist/esm-es5/post-main-navigation.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/esm-es5/post-meta-navigation.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as registerInstance,h,H as Host}from"./index-066666f4.js";import{s as state}from"./store-d495dc07.js";var postMetaNavigationCss='@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: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: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")},: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}img,svg{max-width:100%;max-height:100%}@media (forced-colors: active){svg{color:white}}.meta-list,.no-list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}.btn-blank{background-color:transparent;border:none;border-radius:0;padding:0}.meta-link,.nav-link{text-decoration:none;color:rgba(0, 0, 0, 0.8);-webkit-transition:color 200ms;transition:color 200ms;background-color:transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5rem}.meta-link:hover,.nav-link:hover,.meta-link:focus,.nav-link:focus{color:black}.meta-link>svg,.nav-link>svg{width:1.4em;height:1.4em;-ms-flex-negative:0;flex-shrink:0}.meta-link>span,.nav-link>span{-ms-flex-negative:1;flex-shrink:1}.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}}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}@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;background:#faf9f8;font-size:0.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}@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}.horizontal .meta-navigation{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:0.875rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 0.5rem;min-height:2.125rem;border-radius:3px}.meta-link.active{background:#fc0;color:black}.vertical .meta-link{color:black;padding:0}.vertical .meta-link.active{padding:0 0.5rem;margin-left:-0.5rem}';var PostMetaNavigation=function(){function t(t){registerInstance(this,t);this.orientation=undefined;this.fullWidth=false}t.prototype.render=function(){var t;if(((t=state.localizedConfig)===null\|\|t===void 0?void 0:t.header.navMeta)===undefined)return;var e=state.localizedConfig.header.navMeta;return h(Host,null,h("div",{class:"meta-container ".concat(this.orientation).concat(this.fullWidth?" full-width":"")},h("nav",{class:"meta-navigation"},h("ul",{class:"meta-list"},e===null\|\|e===void 0?void 0:e.filter((function(t){return!t.isHomeLink})).map((function(t){return h("li",{key:t.url},h("a",{class:{active:t.isActive,"meta-link":true},target:t.target,href:t.url},h("span",{"aria-hidden":"true"},t.text)))})))),h("slot",null)))};return t}();PostMetaNavigation.style=postMetaNavigationCss;export{PostMetaNavigation as post_meta_navigation};
2	+ //# sourceMappingURL=post-meta-navigation.entry.js.map

package/dist/esm-es5/post-meta-navigation.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["postMetaNavigationCss","PostMetaNavigation","prototype","render","_a","state","localizedConfig","header","navMeta","undefined","h","Host","class","concat","this","orientation","fullWidth","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\";\r\n@use \"@swisspost/design-system-styles/functions\";\r\n@use \"../../utils/utils.scss\";\r\n@use \"../../utils/mixins.scss\";\r\n\r\n:host {\r\n display: block;\r\n background: color.$gray-background-light;\r\n font-size: functions.px-to-rem(14px);\r\n}\r\n\r\n.meta-container {\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n min-height: functions.px-to-rem(48px);\r\n\r\n @media (min-width: 1441px) {\r\n &:not(.full-width) {\r\n margin: 0 auto;\r\n max-width: 1440px;\r\n }\r\n }\r\n\r\n &.vertical {\r\n @include mixins.container-padding();\r\n\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding-top: 2.5rem;\r\n padding-bottom: 2.5rem;\r\n\r\n @include mixins.min(lg) {\r\n display: none;\r\n }\r\n }\r\n\r\n &.horizontal {\r\n ::slotted(*) {\r\n --separator-display: block;\r\n --separator-height: #{functions.px-to-rem(34px)};\r\n }\r\n }\r\n}\r\n\r\n.meta-navigation {\r\n .horizontal & {\r\n padding-right: 1rem;\r\n }\r\n}\r\n\r\n.meta-list {\r\n @extend %no-list;\r\n display: flex;\r\n\r\n .vertical & {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n}\r\n\r\n.meta-link {\r\n @extend %nav-link;\r\n\r\n font-size: functions.px-to-rem(14px);\r\n display: flex;\r\n align-items: center;\r\n padding: 0 0.5rem;\r\n min-height: functions.px-to-rem(34px);\r\n border-radius: 3px;\r\n\r\n &.active {\r\n background: color.$yellow;\r\n color: black;\r\n }\r\n\r\n .vertical & {\r\n color: black;\r\n padding: 0;\r\n\r\n &.active {\r\n padding: 0 0.5rem;\r\n margin-left: -0.5rem;\r\n }\r\n }\r\n}\r\n","import { Component, Host, h, Prop } from '@stencil/core';\r\nimport { state } from '../../data/store';\r\n\r\n@Component({\r\n tag: 'post-meta-navigation',\r\n styleUrl: 'post-meta-navigation.scss',\r\n shadow: true,\r\n})\r\nexport class PostMetaNavigation {\r\n @Prop() orientation: 'horizontal' | 'vertical';\r\n @Prop() fullWidth?: boolean = false;\r\n\r\n render() {\r\n if (state.localizedConfig?.header.navMeta === undefined) return;\r\n const { navMeta } = state.localizedConfig.header;\r\n\r\n return (\r\n <Host>\r\n <div class={`meta-container ${this.orientation}${this.fullWidth ? ' full-width' : ''}`}>\r\n <nav class=\"meta-navigation\">\r\n <ul class=\"meta-list\">\r\n {navMeta\r\n ?.filter(meta => !meta.isHomeLink)\r\n .map(meta => (\r\n <li key={meta.url}>\r\n <a\r\n class={{ 'active': meta.isActive, 'meta-link': true }}\r\n target={meta.target}\r\n href={meta.url}\r\n >\r\n <span aria-hidden=\"true\">{meta.text}</span>\r\n </a>\r\n </li>\r\n ))}\r\n </ul>\r\n </nav>\r\n <slot></slot>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"mappings":"+GAAA,IAAMA,sBAAwB,84I,ICQjBC,mBAAkB,W,iFAEC,K,CAE9BA,EAAAC,UAAAC,OAAA,W,MACE,KAAIC,EAAAC,MAAMC,mBAAe,MAAAF,SAAA,SAAAA,EAAEG,OAAOC,WAAYC,UAAW,OACjD,IAAAD,EAAYH,MAAMC,gBAAgBC,OAAMC,QAEhD,OACEE,EAACC,KAAI,KACHD,EAAA,OAAKE,MAAO,kBAAAC,OAAkBC,KAAKC,aAAWF,OAAGC,KAAKE,UAAY,cAAgB,KAChFN,EAAA,OAAKE,MAAM,mBACTF,EAAA,MAAIE,MAAM,aACPJ,IAAO,MAAPA,SAAO,SAAPA,EACGS,QAAO,SAAAC,GAAQ,OAACA,EAAKC,UAAN,IAChBC,KAAI,SAAAF,GAAI,OACPR,EAAA,MAAIW,IAAKH,EAAKI,KACZZ,EAAA,KACEE,MAAO,CAAEW,OAAUL,EAAKM,SAAU,YAAa,MAC/CC,OAAQP,EAAKO,OACbC,KAAMR,EAAKI,KAEXZ,EAAA,sBAAkB,QAAQQ,EAAKS,OAP5B,MAafjB,EAAA,c,WA5BqB,G"}