@postnord/pn-marketweb-components 4.2.5 → 4.3.1

package/cjs/pn-language-selector_9.cjs.entry.js

@@ -1,1156 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-9a9efa1c.js');
-const pnMainnavStore = require('./pn-mainnav-store-13aaa243.js');
-const bars = require('./bars-3fdeb31f.js');
-const close = require('./close-9e014a80.js');
-const arrow_left = require('./arrow_left-71879efe.js');
-const pnMarketwebSiteheaderStore = require('./pn-marketweb-siteheader-store-7548aafe.js');
-const index$1 = require('./index-a8de2b09.js');
-const search = require('./search-3785cc26.js');
-const angle_small_down = require('./angle_small_down-f00f19b1.js');
-
-const icon$2 = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M16.707 11.293a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L14.586 12 9.293 6.707a1 1 0 0 1 1.414-1.414z" clip-rule="evenodd"/></svg>';
-const angle_small_right = icon$2;
-
-const icon$1 = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M4.252 10A8 8 0 0 0 4 12c0 .69.088 1.36.252 2h3.166a13.8 13.8 0 0 1 0-4zm.818-2h2.795a13.6 13.6 0 0 1 1.719-3.629A8.02 8.02 0 0 0 5.07 8M12 4.48A11.7 11.7 0 0 0 9.972 8h4.056A11.7 11.7 0 0 0 12 4.48M14.557 10H9.443a11.8 11.8 0 0 0 0 4h5.114a11.8 11.8 0 0 0 0-4m2.025 4a13.8 13.8 0 0 0 0-4h3.166c.165.64.252 1.31.252 2s-.087 1.36-.252 2zm-2.554 2H9.972A11.7 11.7 0 0 0 12 19.52 11.7 11.7 0 0 0 14.028 16m-4.444 3.629A13.6 13.6 0 0 1 7.864 16H5.07a8.02 8.02 0 0 0 4.514 3.629m4.832 0A13.6 13.6 0 0 0 16.136 16h2.794a8.02 8.02 0 0 1-4.514 3.629M18.93 8h-2.795a13.6 13.6 0 0 0-1.719-3.629A8.02 8.02 0 0 1 18.93 8M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12" clip-rule="evenodd"/></svg>';
-const globe = icon$1;
-
-const icon = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M7.5 7.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0M12 5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.928 20.372a1 1 0 0 1-1.856-.743l.883.353a82 82 0 0 1-.883-.354v-.002l.001-.002.003-.007.008-.018a4 4 0 0 1 .114-.25c.078-.161.193-.383.35-.645.315-.523.8-1.217 1.495-1.911C6.444 15.39 8.688 14 12 14s5.556 1.391 6.957 2.793a10 10 0 0 1 1.494 1.911 8 8 0 0 1 .44.837q.016.036.025.058l.008.018.003.007.001.004-.883.354.883-.353a1 1 0 0 1-1.856.744v.001l.001.001v-.002a2 2 0 0 0-.07-.15 6 6 0 0 0-.267-.49 8 8 0 0 0-1.193-1.526C16.444 17.11 14.688 16 12 16s-4.444 1.109-5.543 2.207a8 8 0 0 0-1.193 1.526 6 6 0 0 0-.336.64m0 0-.001.003zm14.144.001" clip-rule="evenodd"/></svg>';
-const user = icon;
-
-const translations$1 = {
-    'sv': {
-        heading: 'Språk',
-    },
-    'en': {
-        heading: 'Language',
-    },
-    'da': {
-        heading: 'Sprog',
-    },
-    'no': {
-        heading: 'Språk',
-    },
-    'fi': {
-        heading: 'Kieli',
-    },
-    'de': {
-        heading: 'Sprache',
-    },
-    'zh': {
-        heading: '语言',
-    },
-    'fr': {
-        heading: 'Langue',
-    },
-    'es': {
-        heading: 'Idioma',
-    },
-    'nl': {
-        heading: 'Spraak',
-    },
-    'it': {
-        heading: 'Idioma',
-    },
-    'tr': {
-        heading: 'Dil',
-    },
-    'pl': {
-        heading: 'Język',
-    },
-    'pt': {
-        heading: 'Linguagem',
-    },
-    'pt-BR': {
-        heading: 'Linguagem',
-    },
-};
-
-const pnLanguageSelectorCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-language-selector{max-height:5.2rem}.languageselector{position:relative}.languageselector-togglebtn{cursor:pointer;border:0;padding:0.64rem 0;background-color:#ffffff;color:#005d92;font-size:1.6rem}.languageselector-togglebtn:hover,.languageselector-togglebtn:focus,.languageselector-togglebtn:active{color:#0d234b;text-decoration:underline}.languageselector-togglebtn svg{width:1.9rem;height:1.9rem}.languageselector-title{padding:0.8rem 1.6rem;display:flex;align-items:center}.languageselector-list{margin:0;padding:0;list-style:none}";
-const PnLanguageSelectorStyle0 = pnLanguageSelectorCss;
-
-const PnlanguageSelector = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.setLanguage = index.createEvent(this, "setLanguage", 7);
-        this.value = '';
-        this.selectedLanguageName = '';
-        this.options = [];
-        this.i18n = undefined;
-    }
-    get hostElement() { return index.getElement(this); }
-    // Events
-    setLanguage;
-    componentWillLoad() {
-        this.setInitialSelectedLanguageName();
-        this.setTranslations();
-    }
-    componentDidLoad() {
-        this.initialize();
-    }
-    initialize() {
-        this.setSelectedLanguageName();
-        this.addEventBindingsToOptions();
-    }
-    setInitialSelectedLanguageName() {
-        if (!window.Intl || !this.value) {
-            return;
-        }
-        const langs = new Intl.DisplayNames([this.value], { type: 'language' });
-        if (!langs) {
-            return;
-        }
-        const languageName = langs.of(this.value);
-        if (!languageName) {
-            return;
-        }
-        this.selectedLanguageName = languageName.charAt(0).toUpperCase() + languageName.slice(1);
-    }
-    addEventBindingsToOptions() {
-        const options = [].slice.apply(this.hostElement.querySelectorAll('pn-language-selector-option'));
-        options.map((option) => {
-            option.removeEventListener('setCurrentLanguage', (event) => {
-                this.onSetCurrentLanguage(event.detail);
-            });
-            // Bind event listener for when a user change language
-            option.addEventListener('setCurrentLanguage', (event) => {
-                this.onSetCurrentLanguage(event.detail);
-            });
-        });
-    }
-    setSelectedLanguageName() {
-        const options = [].slice.apply(this.hostElement.querySelectorAll('pn-language-selector-option'));
-        options.map((option) => {
-            // Set current label of language selector
-            if (option.getAttribute('code') == this.value) {
-                //  || option.getAttribute("selected") == "true"
-                this.selectedLanguageName = option.getAttribute('name');
-            }
-        });
-    }
-    onSetCurrentLanguage(option) {
-        this.value = option.code;
-        this.selectedLanguageName = option.name;
-        this.setLanguage.emit(this.value);
-    }
-    setTranslations() {
-        if (translations$1[this.value]) {
-            this.i18n = translations$1[this.value];
-        }
-    }
-    onValueChange() {
-        const components = this.hostElement.querySelectorAll('pn-language-selector-option') ?? [];
-        components.forEach(component => {
-            // Pass values as props into slotted components
-            // component.setAttribute("current-language", this.value);
-            const isSelected = (component.getAttribute('code') === this.value) + '';
-            if (component.getAttribute('selected') + '' !== isSelected) {
-                component.setAttribute('selected', isSelected);
-            }
-        });
-    }
-    render() {
-        return (index.h(index.Host, { key: '31ba8a191cf41b208613c260e0e82f73bf9a21ed', value: this.value }, index.h("pn-button-dropdown", { key: '7ee9810953acd357e5ce1a161c4e23854b34d08a', label: this.selectedLanguageName, icon: globe, appearance: "light", variant: "borderless", "aria-label": this.i18n.heading }, index.h("div", { key: '145b4d1a2388aac7e30d038b8f84859cb8bb94fc', class: "languageselector-nav" }, index.h("strong", { key: '9e71f062f8647e64c5224317927162acc8145da9', class: "languageselector-title" }, this.i18n.heading), index.h("div", { key: '395930740f87fd1157ffdfa3d4565e1c49146b09', class: "languageselector-list", role: "list" }, index.h("slot", { key: '7d126ea2c02a40169305c20114604616db35cfaf' }))))));
-    }
-    static get watchers() { return {
-        "value": ["setSelectedLanguageName", "setTranslations", "onValueChange"]
-    }; }
-};
-PnlanguageSelector.style = PnLanguageSelectorStyle0;
-
-const pnLanguageSelectorOptionCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-language-selector-option{margin:0;padding:0;list-style:none}.languageselector-button,.languageselector-link{width:100%;padding:1.1rem 1.6rem 1.1rem 1.4rem;display:flex;align-items:center;position:relative;text-decoration:none;border:0;cursor:pointer;background-color:#ffffff;color:#005d92;font-size:1.6rem;font-weight:bold;border-radius:0}.languageselector-button:hover,.languageselector-button:focus,.languageselector-button:active,.languageselector-link:hover,.languageselector-link:focus,.languageselector-link:active{color:#0d234b;text-decoration:underline;box-shadow:none;background-color:#f3f2f2;color:#005d92;outline:none}.languageselector-itemtext{display:inline-block;margin-left:1rem}.languageselector-radio-outer{background:#fff;border:0.1em solid #d3cecb;border-radius:50%;height:1.5em;width:1.5em;display:flex;justify-content:center;align-items:center;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s;cursor:pointer}.languageselector-radio-outer:focus>.languageselector-radio-outer,.languageselector-radio-outer:active>.languageselector-radio-outer{box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005d92}.languageselector-radio-outer:hover>.languageselector-radio-outer{border:0.1rem solid #005d92;background:#e0f8ff}[selected=true] .languageselector-radio-outer{border:0.1rem solid #005d92}.languageselector-radio-inner{transform:scale(0);height:1em;width:1em;background-color:#005d92;border-radius:50%;transform-origin:center center;transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}[selected=true] .languageselector-radio-inner{transform:scale(1)}";
-const PnLanguageSelectorOptionStyle0 = pnLanguageSelectorOptionCss;
-
-const PnlanguageSelectorOption = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.setCurrentLanguage = index.createEvent(this, "setCurrentLanguage", 7);
-        this.name = '';
-        this.code = '';
-        this.url = '';
-        this.selected = false;
-        this.currentLanguage = undefined;
-    }
-    spanEl;
-    setCurrentLanguage;
-    onOptionClick() {
-        const currentlanguage = {
-            name: this.name,
-            code: this.code,
-            url: this.url,
-            current: true,
-        };
-        this.setCurrentLanguage.emit(currentlanguage);
-    }
-    componentDidLoad() {
-        if (this.spanEl) {
-            this.spanEl.setAttribute("xml:lang", this.code);
-        }
-    }
-    render() {
-        return (index.h(index.Host, { key: '855fcd50a4177ac29fb5dad8e7b4f790f7f64046', role: "listitem", selected: this.selected + '', code: this.code, name: this.name }, !this.url ? (index.h("button", { class: "languageselector-button", "data-langcode": this.code, onClick: this.onOptionClick.bind(this) }, index.h("span", { class: "languageselector-radio-outer" }, index.h("span", { class: "languageselector-radio-inner" })), index.h("span", { ref: (el) => (this.spanEl = el), lang: this.code, class: "languageselector-itemtext" }, this.name, " - ", this.code))) : (index.h("a", { href: this.url, target: "_self", class: "languageselector-link", "data-langcode": this.code }, index.h("span", { class: "languageselector-radio-outer" }, index.h("span", { class: "languageselector-radio-inner" })), index.h("span", { ref: (el) => (this.spanEl = el), lang: this.code, class: "languageselector-itemtext" }, this.name, " - ", this.code)))));
-    }
-};
-PnlanguageSelectorOption.style = PnLanguageSelectorOptionStyle0;
-
-const translations = {
-    'sv': {
-        menuHomeButton: 'Hem',
-        menuGoBackButton: 'Gå tillbaka',
-        mainMenuButton: 'Meny',
-        menuStartButton: 'Start',
-        navLabel: 'Huvudnavigation',
-    },
-    'en': {
-        menuHomeButton: 'Home',
-        menuGoBackButton: 'Go back',
-        mainMenuButton: 'Menu',
-        menuStartButton: 'Start',
-        navLabel: 'Main navigation',
-    },
-    'da': {
-        menuHomeButton: 'Hjem',
-        menuGoBackButton: 'Gå tilbage',
-        mainMenuButton: 'Menu',
-        menuStartButton: 'Start',
-        navLabel: 'Hovednavigation',
-    },
-    'no': {
-        menuHomeButton: 'Hjem',
-        menuGoBackButton: 'Gå tilbake',
-        mainMenuButton: 'Meny',
-        menuStartButton: 'Start',
-        navLabel: 'Hovednavigasjon',
-    },
-    'de': {
-        menuHomeButton: 'Home',
-        menuGoBackButton: 'Geh zurück',
-        mainMenuButton: 'Menü',
-        menuStartButton: 'Start',
-        navLabel: 'Hauptnavigation',
-    },
-    'zh': {
-        menuHomeButton: 'Home',
-        menuGoBackButton: 'Go back',
-        mainMenuButton: 'Menu',
-        menuStartButton: 'Start',
-        navLabel: 'Main navigation',
-    },
-    'it': {
-        menuHomeButton: 'Home',
-        menuGoBackButton: 'Go back',
-        mainMenuButton: 'Menu',
-        menuStartButton: 'Start',
-        navLabel: 'Main navigation',
-    },
-    'nl': {
-        menuHomeButton: 'Home',
-        menuGoBackButton: 'Go back',
-        mainMenuButton: 'Menu',
-        menuStartButton: 'Start',
-        navLabel: 'Main navigation',
-    },
-    'tr': {
-        menuHomeButton: 'Anasayfa',
-        menuGoBackButton: 'Geri git',
-        mainMenuButton: 'Menü',
-        menuStartButton: 'Başlat',
-        navLabel: 'Ana gezinme',
-    },
-    'pt': {
-        menuHomeButton: 'Página inicial',
-        menuGoBackButton: 'Go back',
-        mainMenuButton: 'Menu',
-        menuStartButton: 'Start',
-        navLabel: 'Main navigation',
-    },
-    'pl': {
-        menuHomeButton: 'Strona główna',
-        menuGoBackButton: 'Powrót',
-        mainMenuButton: 'Menu',
-        menuStartButton: 'Początek',
-        navLabel: 'Menu główne systemu',
-    },
-    'pt-BR': {
-        menuHomeButton: 'Página inicial',
-        menuGoBackButton: 'Voltar',
-        mainMenuButton: 'Menu',
-        menuStartButton: 'Iniciar',
-        navLabel: 'Navegação principal',
-    },
-};
-
-const pnMainnavCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-mainnav{display:flex;flex-flow:row-reverse;position:relative;width:100%;min-height:5.1rem}@media screen and (min-width: 48em){pn-mainnav{flex-flow:row}}@media screen and (min-width: 64em){pn-mainnav{flex-flow:column}}@media screen and (min-width: 64em){pn-mainnav [slot=footer]{display:none}}pn-mainnav>nav{height:auto;width:100vw;background-color:#ffffff;z-index:2;transform:translateX(100vw);transition:transform 0.2s 0s;transition-property:transform, visibility;display:flex;flex-flow:column;visibility:hidden;position:fixed;top:3em;bottom:0;left:0}@media screen and (min-width: 48em){pn-mainnav>nav{top:6.5em}}pn-mainnav>nav[data-menu-open=true]{visibility:visible;transform:translateX(0)}@media screen and (min-width: 64em){pn-mainnav>nav{flex-flow:row-reverse;top:0;position:static;height:auto;width:100%;justify-content:space-between;visibility:visible;transform:translateX(0)}}pn-mainnav>nav a{text-decoration:none}pn-mainnav>nav button{cursor:pointer}.mainnav-toggle{display:flex;align-items:center;align-self:center}@media screen and (min-width: 64em){.mainnav-toggle{display:none}}.mainnav-toggle>button{display:flex;align-items:center;background-color:#005d92;color:#ffffff;border-radius:2.4rem;border:none;padding:0.6rem 1.6rem;cursor:pointer;font-size:1.6rem}.mainnav-toggle>button:focus{outline:0}.mainnav-toggle>button pn-icon{margin-left:0.8rem;display:block}.mainnav-toggle>button svg{display:block;margin:-0.2rem -0.5rem -0.2rem 0;height:1.9rem;width:1.9rem}";
-const PnMainnavStyle0 = pnMainnavCss;
-
-const PnMainnav = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.menuLanguageChange = index.createEvent(this, "menuLanguageChange", 7);
-        this.marketChange = index.createEvent(this, "marketChange", 7);
-        this.menuOpenChange = index.createEvent(this, "menuOpenChange", 7);
-        this.market = 'se';
-        this.language = 'sv';
-        this.navigationId = 'mainnav';
-        this.openMenu = false;
-        this.navLabel = '';
-    }
-    get hostElement() { return index.getElement(this); }
-    menuLanguageChange; // Could not use language change since it's a existing window event
-    marketChange;
-    menuOpenChange;
-    componentWillLoad() {
-        this.init();
-        document.removeEventListener('mousedown', this._onClickOutside.bind(this));
-        document.addEventListener('mousedown', this._onClickOutside.bind(this));
-    }
-    async init() {
-        this.setLanguage();
-        this.setMarket();
-    }
-    _onClickOutside(event) {
-        const clickedOutside = !this.hostElement.contains(event.target);
-        if (clickedOutside) {
-            pnMainnavStore.state.openLevel = '';
-        }
-    }
-    setLanguage() {
-        this.menuLanguageChange.emit(this.language);
-    }
-    setMarket() {
-        this.marketChange.emit(this.market);
-    }
-    onLanguageChange(event) {
-        if (translations[event.detail]) {
-            pnMainnavStore.state.i18n = translations[event.detail];
-            if (!this.navLabel) {
-                this.navLabel = pnMainnavStore.state.i18n.navLabel;
-            }
-        }
-    }
-    setMenuOpenState() {
-        pnMainnavStore.state.openMenu = !pnMainnavStore.state.openMenu;
-        this.menuOpenChange.emit(pnMainnavStore.state.openMenu);
-    }
-    onOpenMenuLevelChange(event) {
-        pnMainnavStore.state.openLevel = event.detail;
-    }
-    render() {
-        return (index.h(index.Host, { key: '6514e2ec63194c0ec5b0ecd048abefd2d172d411' }, index.h("div", { key: 'b23ea254b54e7012a1a266c8f8079660c19ca0fb', class: "mainnav-toggle" }, index.h("button", { key: '560f2c92bb4d60e26ff8098774ba35c323a28a87', "aria-controls": this.navigationId, "aria-expanded": pnMainnavStore.state.openMenu + '', onClick: this.setMenuOpenState.bind(this) }, pnMainnavStore.state.i18n.mainMenuButton, index.h("pn-icon", { key: '4b36d30045d98fa12d5e1d0df6875c8f41a51e73', icon: pnMainnavStore.state.openMenu ? close.close : bars.bars, color: "white" }))), index.h("nav", { key: '09d11719992e893a0d746a0b001ff8c06427186a', class: "mainnav", "aria-label": this.navLabel, "data-menu-open": pnMainnavStore.state.openMenu + '', "data-menu-currentlevel": pnMainnavStore.state.currentLevel, id: this.navigationId }, index.h("slot", { key: '422b9d89ae5b8a3b56047a6c98a380336f346f1e' }))));
-    }
-};
-PnMainnav.style = PnMainnavStyle0;
-
-const pnMainnavLevelCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-mainnav-level{display:block}pn-mainnav-level:not(.hydrated){max-height:5.6rem;overflow:hidden}pn-mainnav-level[data-level=\"1\"]{width:100%;right:0;overflow-y:scroll;overflow-x:hidden;flex:1}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"1\"]{width:auto;overflow:initial}pn-mainnav-level[data-level=\"1\"]::-webkit-scrollbar{display:none}}pn-mainnav-level[data-level=\"2\"]{position:absolute;top:0;bottom:0;left:0;width:100vw;padding:0;background-color:#ffffff;z-index:1;transform:translateX(100vw);transition:transform 0.2s 0s;transition-property:transform, visibility;overflow:scroll;visibility:hidden}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"]{left:0;top:calc(100% + 1rem);bottom:auto;border-radius:1.6rem;width:auto;padding:1.6rem 1.6rem 0 1.6rem;-webkit-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);-moz-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);height:auto;z-index:3;display:none}pn-mainnav-level[data-level=\"2\"][data-menuitem-rightaligned=true]{right:0;left:unset}}@media screen and (max-height: 33.125em){pn-mainnav-level[data-level=\"2\"]{-ms-overflow-style:none;scrollbar-width:none}pn-mainnav-level[data-level=\"2\"]::-webkit-scrollbar{display:none}}pn-mainnav-level[data-level=\"2\"][aria-hidden=false]{transform:translateX(0);visibility:visible}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"][aria-hidden=false]{display:block;overflow:visible}pn-mainnav-level[data-level=\"2\"][aria-hidden=false]:not([data-level-listcount=\"1\"]){display:grid;grid-template-columns:minmax(12em, 20em) 1fr;grid-template-rows:auto auto;gap:0px 1.6rem;grid-template-areas:\"top top\" \"left right\"}}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"][data-level-alignment=left]{right:0;left:unset}}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"][data-level-alignment=center]{left:50%;transform:translateX(-50%)}}pn-mainnav-level[data-level=\"2\"] a{color:#005d92;text-decoration:none}pn-mainnav-level [slot=top]{display:flex}@media screen and (min-width: 48em){pn-mainnav-level [slot=top]{display:none}}[data-menu-currentlevel=\"2\"] pn-mainnav-level [slot=footer]{display:none;overscroll-behavior:contain}.mainnav-level-header{grid-area:top}.mainnav-level-header>label{position:absolute;width:0.1rem;height:0.1rem;padding:0;margin:-0.1rem;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;white-space:nowrap}.mainnav-level-header>button{display:block;position:relative;border:none;background-color:transparent;color:#005d92;padding:2.4rem 0 2.4rem 6.2rem;width:100%;text-align:left}@media screen and (min-width: 64em){.mainnav-level-header>button{display:none;speak:none}}.mainnav-level-header>button>pn-icon{speak:none;position:absolute;height:2.4rem;width:2.4rem;left:3rem;top:50%;transform:translateY(-50%)}[data-level=\"2\"] .mainnav-level-header>pn-mainnav-link>a{font-size:2.4rem}";
-const PnMainnavLevelStyle0 = pnMainnavLevelCss;
-
-const PnMainnavLevel = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.label = '';
-        this.level = 1;
-        this.levelId = '';
-        this.isOpen = false;
-        this.parentName = '';
-        this.parentHref = '';
-        this.parentLinkId = '';
-        this.listCount = 0;
-        this.alignment = 'right';
-    }
-    get hostElement() { return index.getElement(this); }
-    async componentWillLoad() {
-        this.setState();
-        pnMainnavStore.onChange('openLevel', () => {
-            this.onChangeOpenLevel();
-        });
-    }
-    setState() {
-        this.listCount = this.hostElement.querySelectorAll(':scope > pn-mainnav-list').length;
-        const parentElm = this.hostElement.parentElement;
-        if (parentElm.tagName.toLowerCase() !== 'nav') {
-            this.level = 2;
-        }
-        if (parentElm.tagName.toLowerCase() === 'pn-mainnav-link') {
-            this.parentName = parentElm.getAttribute('name') + '';
-            if ((!this.label && this.parentName) || this.label !== this.parentName) {
-                this.label = this.parentName;
-            }
-            this.parentHref = parentElm.getAttribute('href') + '';
-            this.parentLinkId = parentElm.getAttribute('linkid') + '';
-            const parentLinkName = this.parentName.toLowerCase().replace(/\W/gi, '_');
-            this.levelId = `mainnav-lvl${this.level}-${parentLinkName}`;
-        }
-    }
-    onOpen() {
-        if (this.level === 2) {
-            requestAnimationFrame(() => {
-                const levelClientRect = this.hostElement.getClientRects()[0];
-                if (!levelClientRect) {
-                    return;
-                }
-                const navElm = this.hostElement.parentElement.parentElement.parentElement.parentElement;
-                if (navElm && navElm.tagName.toLowerCase() === 'nav') {
-                    const navClientRect = navElm.getClientRects()[0];
-                    if (!navClientRect) {
-                        return;
-                    }
-                    if (levelClientRect.right > window.innerWidth) {
-                        const levelParentRect = this.hostElement.parentElement.getClientRects()[0];
-                        if (levelParentRect.left - levelClientRect.width < 0) {
-                            this.alignment = 'center';
-                        }
-                        else {
-                            this.alignment = 'left';
-                        }
-                    }
-                }
-            });
-        }
-    }
-    onChangeOpenLevel() {
-        this.isOpen = pnMainnavStore.state.openLevel === this.levelId;
-        pnMainnavStore.state.currentLevel = this.level;
-    }
-    render() {
-        return (index.h(index.Host, { key: '371552512ee381b8054f7fd0a81a5982b1d526ba', ...(this.level > 1 && this.levelId ? { 'aria-hidden': !this.isOpen + '' } : {}), "data-level-listcount": this.listCount + '', "data-level-alignment": this.alignment, "data-level": this.level + '', ...(this.levelId ? { id: this.levelId } : {}) }, this.level > 1 ? (index.h("div", { class: "mainnav-level-header" }, index.h("label", { htmlFor: this.levelId }, pnMainnavStore.state.i18n.menuGoBackButton), index.h("button", { class: "secondlevel-backbtn", onClick: () => {
-                pnMainnavStore.state.openLevel = '';
-                pnMainnavStore.state.currentLevel = 1;
-            }, "aria-expanded": (pnMainnavStore.state.openLevel === this.levelId) + '' }, index.h("pn-icon", { icon: arrow_left.arrow_left, color: "blue700" }), pnMainnavStore.state.i18n.menuStartButton), this.parentHref && this.label ? index.h("pn-mainnav-link", { href: this.parentHref, name: this.label, linkid: this.parentLinkId }) : null)) : null, index.h("slot", { key: 'b660beb4b8fecf272fd8ef59218f75a62b2dca67', name: "top" }), index.h("slot", { key: '9f23fba0672bf74e90f091091742c67ddd83bc16' }), index.h("slot", { key: 'b84d4f6abe2e8718220f231cb2ae4778758022a1', name: "additional" }), index.h("slot", { key: '47c442eeb3f55300630fb493a3f63ce2e9cceb31', name: "footer" })));
-    }
-    static get watchers() { return {
-        "label": ["setState"],
-        "isOpen": ["onOpen"]
-    }; }
-};
-PnMainnavLevel.style = PnMainnavLevelStyle0;
-
-const pnMainnavListCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-mainnav-list{display:block;overflow:visible;list-style:none;margin:0;padding:0;grid-area:right}@media screen and (min-width: 64em){pn-mainnav-list+pn-mainnav-list{grid-area:left;border-right:0.1rem solid #d3cecb;margin-bottom:1.6rem;margin-right:-0.7rem;padding-right:0.7rem}}[data-level=\"1\"]>pn-mainnav-list{overflow:scroll;-webkit-overflow-scrolling:touch}@media screen and (min-width: 64em){[data-level=\"1\"]>pn-mainnav-list{height:100%;display:flex;flex-flow:row;overflow:visible;padding:0}}@media screen and (min-width: 64em){[data-level=\"2\"]>pn-mainnav-list[data-navlist-showcolumns=true]{column-count:2;column-gap:1.6rem;padding-bottom:1.6rem}}.mainnav-list-heading{display:none;font-weight:bold;column-span:all;font-size:1.8rem;padding:1.4rem 1.4rem 1.4rem 4.8rem}@media screen and (min-width: 64em){.mainnav-list-heading{display:block;padding:0 1.4rem 1.4rem 1.4rem}}";
-const PnMainnavListStyle0 = pnMainnavListCss;
-
-const PnMainnavList = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.heading = '';
-        this.linkCount = 0;
-    }
-    get hostElement() { return index.getElement(this); }
-    componentWillLoad() {
-        this.linkCount = this.hostElement.querySelectorAll(':scope > pn-mainnav-link').length;
-    }
-    render() {
-        return (index.h(index.Host, { key: '86966c572a7cbd574263cbc2c86cd9453f86347a', class: "mainnav-list", role: "list", "data-navlist-itemcount": this.linkCount + '', "data-navlist-showcolumns": (this.linkCount >= 8) + '' }, this.heading ? index.h("div", { class: "mainnav-list-heading" }, this.heading) : null, index.h("slot", { key: '5abcc1048dbf7edc1eda42e56d17fd988d9cc16a' })));
-    }
-};
-PnMainnavList.style = PnMainnavListStyle0;
-
-class MarketWebLoginManager {
-    eventTarget = window ?? document?.body;
-    endpoint = '';
-    storagePrefix = 'pn-user';
-    checkUserLoggedInStateInterval = 0;
-    baseUrls = {
-        at: 'https://atportal.postnord.com/api/unified-login/backend',
-        prod: 'https://portal.postnord.com/api/unified-login/backend',
-    };
-    events = {
-        loginstatechange: 'loginstatechange',
-    };
-    endpoints = {
-        authorizationEndpoint: `/authorization`,
-        tokenExchangeEndpoint: `/token`,
-        userInfoEndpoint: `/user`,
-        logoutEndpoint: `/logout`,
-    };
-    keys = {
-        tokensource: 'tokensource',
-        token: 'token',
-        accessToken: 'accessToken',
-        user: 'user',
-        expire: 'expire',
-        expireDate: 'expiredate',
-    };
-    overridetokenValue = 'overridetokenValue';
-    siteUrl = window.location.origin;
-    abortSignalForLoginCheck = null;
-    loginCheckInProgress = false;
-    loginCheckTimer = null;
-    constructor(options = null) {
-        if (!options) {
-            return;
-        }
-        this.eventTarget = options.eventTarget ? options.eventTarget : this.eventTarget;
-        this.endpoint = options.endpoint ? options.endpoint : `${window.location.protocol}//${window.location.host}`;
-        this.storagePrefix ??= options.storagePrefix;
-        this.checkUserLoggedInStateInterval =
-            options.checkUserLoggedInStateInterval && options.checkUserLoggedInStateInterval > 0 ? parseInt(options.checkUserLoggedInStateInterval + '', 10) : 0;
-        if (options.userInfo) {
-            this.store.set(this.keys.user, options.userInfo);
-            this.registerToken(this.overridetokenValue, 'override');
-        }
-    }
-    init(checkParameters = true) {
-        if (checkParameters) {
-            this.checkParameters();
-            this.checkPNTopbar();
-            this.checkExpireTime();
-            if (this.store.get(this.keys.token) && !this.store.get(this.keys.user)) {
-                this.fetchUserInfo();
-            }
-            this.loginStateChange();
-            if (this.checkUserLoggedInStateInterval > 0) {
-                this.initiateLoggedInCheck();
-            }
-        }
-    }
-    setSiteUrl(siteUrl) {
-        if (siteUrl) {
-            this.siteUrl = siteUrl;
-        }
-    }
-    initiateLoggedInCheck() {
-        if (this.isLoggedIn()) {
-            if (window && window['AbortController']) {
-                this.abortSignalForLoginCheck = new AbortController();
-            }
-            this.loginCheckTimer = window.setInterval(() => {
-                this.doExternalLoggedInCheck()
-                    .then(() => { })
-                    .catch(() => { });
-            }, this.checkUserLoggedInStateInterval);
-        }
-    }
-    async doExternalLoggedInCheck() {
-        if (!window.navigator.onLine) {
-            // Don't check if the user is not online
-            return;
-        }
-        if (!this.getToken()) {
-            window.clearInterval(this.checkUserLoggedInStateInterval);
-            return;
-        }
-        if (this.loginCheckInProgress && this.abortSignalForLoginCheck) {
-            this.abortSignalForLoginCheck.abort();
-            this.abortSignalForLoginCheck = new AbortController();
-        }
-        this.loginCheckInProgress = true;
-        const reqConfig = {
-            method: 'GET',
-            headers: {
-                'Accept': 'application/json',
-                'Content-Type': 'application/json',
-                'Authorization': this.getToken(),
-            },
-        };
-        if (this.abortSignalForLoginCheck && this.abortSignalForLoginCheck['signal']) {
-            reqConfig['signal'] = this.abortSignalForLoginCheck['signal'];
-        }
-        const response = await fetch(`${this.getBaseUrl()}${this.endpoints.userInfoEndpoint}`, reqConfig);
-        if (response.status === 409) {
-            // This is a status the API returns if a user has been logged out
-            window.clearInterval(this.checkUserLoggedInStateInterval);
-            console.log('Cleared out user data due to bad response from authentication endpoint');
-            this.LogoutUser();
-            return;
-        }
-        if (!response.ok) {
-            // The response was "bad". This could be due to bad connectivity or something else.
-            // We'll ignore it so we don't unecessarily log users out or have them loose state if they're switching connection
-            return;
-        }
-        const data = await response.json();
-        if (!data || !data['accessToken']) {
-            window.clearInterval(this.checkUserLoggedInStateInterval);
-            console.log('Cleared out user data due to bad response from authentication endpoint');
-            this.LogoutUser();
-        }
-        this.loginCheckInProgress = false;
-    }
-    LogoutUser() {
-        this.clearUserData();
-        // Log out user
-        if (this.eventTarget) {
-            const logoutLink = this.eventTarget.querySelector('#pn-marketweb-header-logoutlink');
-            if (logoutLink) {
-                logoutLink.click();
-                return;
-            }
-        }
-        this.loginStateChange();
-        // If no logout link was found, attempt to change URL to redirect link
-        const currentPageHref = window.location.href;
-        window.location.href = this.getLogoutUrl(currentPageHref);
-    }
-    isLoggedIn(override = false) {
-        if (override) {
-            return override;
-        }
-        let isLoggedIn = this.store.get(this.keys.token) && this.store.get(this.keys.user) ? true : false;
-        if (!isLoggedIn && this.store.get(this.keys.token) === this.overridetokenValue) {
-            isLoggedIn = true;
-        }
-        return isLoggedIn;
-    }
-    registerToken(token = '', tokenSource = 'frontend') {
-        if (!token || token === this.getToken()) {
-            return;
-        }
-        this.clearUserData();
-        this.store.set(this.keys.tokensource, tokenSource);
-        this.store.set(this.keys.token, token);
-        this.fetchUserInfo();
-    }
-    invalidateTokenOfType(tokenSource = 'frontend') {
-        const currentToken = this.store.get(this.keys.token);
-        if (!currentToken) {
-            return;
-        }
-        const currentTokenSource = this.store.get(this.keys.tokensource);
-        if (currentTokenSource !== tokenSource) {
-            return;
-        }
-        // If we have a token and the source is set then we will invalidate the user data
-        this.clearUserData();
-    }
-    getLoginUrl(redirectPage = '') {
-        const currentPage = window.location.href;
-        redirectPage = redirectPage ? redirectPage : currentPage;
-        return `${this.getBaseUrl()}${this.endpoints.authorizationEndpoint}?redirectionUrl=${redirectPage}`;
-    }
-    getLogoutUrl(linkHref = '') {
-        if (linkHref.indexOf('logout?logoutUrl') !== -1) {
-            // Link has already been formatted.
-            return linkHref;
-        }
-        let redirectPage = linkHref
-            .replace('logout', '')
-            .replace('http://window.location.href/?', window.location.href)
-            .replace('https://window.location.href/?', window.location.href);
-        let rootUrl = this.siteUrl;
-        try {
-            const url = new URL(this.siteUrl + '');
-            rootUrl = url.origin;
-        }
-        catch (e) { }
-        const addSlash = rootUrl.lastIndexOf('/') !== rootUrl.length - 1;
-        const siteUrl = rootUrl + (addSlash ? '/' : '') + 'logout';
-        const secondLogoutUrl = `${this.getBaseUrl()}${this.endpoints.logoutEndpoint}?authorization=${this.store.get(this.keys.token)}%26redirectionUrl=${redirectPage}`;
-        const logoutUrl = `${siteUrl}?logoutUrl=${secondLogoutUrl}`;
-        return logoutUrl;
-    }
-    getUserInfo() {
-        if (this.isLoggedIn()) {
-            return this.store.get(this.keys.user);
-        }
-    }
-    getEventTarget() {
-        return this.eventTarget;
-    }
-    checkExpireTime() {
-        const expire = this.store.get(this.keys.expire);
-        if (!expire) {
-            return;
-        }
-        const now = new Date();
-        const expireDate = new Date(Math.floor(parseInt(expire, 10) * 1000));
-        if (now > expireDate) {
-            console.info('Login time has expired');
-            this.clearUserData();
-            this.loginStateChange();
-        }
-    }
-    checkPNTopbar() {
-        if (this.isLoggedIn() || !window['pnTopbar'] || !window['pnTopbar']['session_id']) {
-            return;
-        }
-        this.store.set(this.keys.token, window['pnTopbar']['session_id']);
-        this.fetchUserInfo();
-    }
-    checkParameters() {
-        if (!window?.location) {
-            return;
-        }
-        const params = new URLSearchParams(window.location.search);
-        if (params.get('oneTimeCode')) {
-            const oneTimeCode = params.get('oneTimeCode');
-            this.exchangeToken(oneTimeCode).then(() => {
-                const currentHref = window.location.href;
-                const paramPrefix = currentHref.indexOf('?oneTimeCode') !== -1 ? '?' : '&';
-                const newUrl = currentHref.replace(`${paramPrefix}oneTimeCode=${oneTimeCode}`, '');
-                history.replaceState({}, document.querySelector('title').innerText, newUrl);
-            });
-        }
-    }
-    async fetchUserInfo() {
-        const token = this.store.get(this.keys.token);
-        if (this.store.get(this.keys.token) === this.overridetokenValue) {
-            console.info('Did not fetch user data since it was set by an override');
-            return;
-        }
-        const reqConfig = {
-            method: 'GET',
-            headers: {
-                'Accept': 'application/json',
-                'Content-Type': 'application/json',
-                'Authorization': token,
-            },
-        };
-        const response = await fetch(`${this.getBaseUrl()}${this.endpoints.userInfoEndpoint}`, reqConfig);
-        const data = await response.json();
-        if (data && data['idToken']) {
-            try {
-                const { idToken, expiryTime, accessToken } = data;
-                const userInfo = this.parseUserInfo(idToken);
-                if (!userInfo) {
-                    console.error('Userdata is not valid');
-                    this.clearUserData();
-                    return;
-                }
-                this.store.set(this.keys.user, userInfo);
-                // 10 Min early expire
-                this.store.set(this.keys.accessToken, accessToken);
-                this.store.set(this.keys.expire, expiryTime);
-                this.store.set(this.keys.expireDate, new Date(Math.floor(parseInt(expiryTime, 10) * 1000)));
-                this.loginStateChange();
-            }
-            catch (e) {
-                console.error('Unable to get user information', e);
-            }
-        }
-        else {
-            console.error('Unable to get user information. Clearing login state');
-            this.clearUserData();
-        }
-    }
-    clearUserData() {
-        this.store.remove(this.keys.user);
-        this.store.remove(this.keys.tokensource);
-        this.store.remove(this.keys.accessToken);
-        this.store.remove(this.keys.token);
-        this.store.remove(this.keys.expire);
-        this.store.remove(this.keys.expireDate);
-    }
-    getToken() {
-        return this.store.get(this.keys.token);
-    }
-    getAccessToken() {
-        return this.store.get(this.keys.accessToken);
-    }
-    async exchangeToken(oneTimeCode) {
-        this.clearUserData();
-        const response = await fetch(`${this.getBaseUrl()}${this.endpoints.tokenExchangeEndpoint}?oneTimeCode=${oneTimeCode}`);
-        const { token } = await response.json();
-        if (typeof token === 'string' && token) {
-            this.store.set(this.keys.token, token);
-        }
-        this.fetchUserInfo();
-    }
-    loginStateChange() {
-        if (!this.eventTarget) {
-            return;
-        }
-        this.eventTarget.dispatchEvent(new CustomEvent(this.events.loginstatechange, {
-            detail: this.isLoggedIn(),
-        }));
-    }
-    getBaseUrl() {
-        const atEnvironments = ['localhost', 'integration.', 'inte.', 'local.', 'prep.'];
-        let useATEnv = atEnvironments.filter(x => this.endpoint.indexOf(x) !== -1).length > 0;
-        if (['devportal.postnord.com', 'atportal.postnord.com'].indexOf(window.location.hostname) !== -1) {
-            useATEnv = true;
-        }
-        if (useATEnv) {
-            return this.baseUrls.at;
-        }
-        return this.baseUrls.prod;
-    }
-    parseUserInfo(idToken) {
-        if (!idToken) {
-            return null;
-        }
-        var base64Url = idToken.split('.')[1];
-        var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
-        var jsonPayload = decodeURIComponent(atob(base64)
-            .split('')
-            .map(function (c) {
-            return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
-        })
-            .join(''));
-        return JSON.parse(jsonPayload);
-    }
-    store = {
-        get: (key) => {
-            const value = window.localStorage.getItem(`${this.storagePrefix}-${key}`);
-            if (!value) {
-                return value;
-            }
-            if (value.indexOf('{') === 0) {
-                try {
-                    return JSON.parse(value);
-                }
-                catch (e) { }
-            }
-            if (value.indexOf(',') !== -1) {
-                return value.split(',');
-            }
-            return value;
-        },
-        set: (key, value) => {
-            if (typeof value === 'object' && typeof value.length === 'undefined') {
-                window.localStorage.setItem(`${this.storagePrefix}-${key}`, JSON.stringify(value));
-                return;
-            }
-            window.localStorage.setItem(`${this.storagePrefix}-${key}`, value);
-        },
-        remove: (key) => {
-            window.localStorage.removeItem(`${this.storagePrefix}-${key}`);
-        },
-    };
-}
-
-const pnMarketwebSiteheaderLoginCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-marketweb-siteheader-login{padding:1rem 0;max-height:5.2rem;position:relative}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content{max-width:350px;display:flex;flex-direction:column;gap:2.4rem;padding:4rem}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content pn-button{width:100%}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content pn-marketweb-siteheader-unified-login::after{display:block;content:\"\";height:2px;background:#f9f8f8;width:100%;margin-top:2.4rem}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span::before{display:block;content:\"\";height:2px;background:#f9f8f8;width:100%;margin-bottom:2.4rem}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span{font-size:1.4rem;color:#2d2013}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span a{text-decoration:none;color:#005d92}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span a:hover{text-decoration:underline}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span *{margin-bottom:0}pn-marketweb-siteheader-login pn-button-dropdown{display:none}pn-marketweb-siteheader-login.hydrated pn-button-dropdown{display:block}";
-const PnMarketwebSiteheaderLoginStyle0 = pnMarketwebSiteheaderLoginCss;
-
-const PnMarketwebSiteheaderLogin = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.loginStateChange = index.createEvent(this, "loginStateChange", 7);
-        this.endpoint = '';
-        this.token = '';
-        this.i18n = {
-            searchlabel: '',
-            searchplaceholder: '',
-            searchbuttontext: '',
-            menuHomeButton: '',
-            menuGoBackButton: '',
-            mainMenuButton: '',
-            menuStartButton: '',
-            profileSelectionFlyoutHeading: '',
-            unifiedLoginButton: '',
-            unifiedMyPagesButton: '',
-        };
-        this.siteUrl = '';
-        this.emitEvents = true;
-        this.loginDialog = null;
-        this.fullname = '';
-        this.loggedin = false;
-        this.showProfileSelection = false;
-        this.showUnifiedLogin = false;
-        this.checkUserLoggedInStateInterval = 0;
-        this.environment = undefined;
-        this.loginLinks = undefined;
-        this.toggleButtonText = this.loginDialog?.loginMenuLinkText ? this.loginDialog.loginMenuLinkText : '';
-        this.username = this.fullname;
-        this.useMarketwebLogin = undefined;
-    }
-    get hostElement() { return index.getElement(this); }
-    // Events
-    loginStateChange;
-    componentWillLoad() {
-        const userInfo = this.loggedin && this.fullname ? { given_name: this.fullname } : null;
-        pnMarketwebSiteheaderStore.state.loginManager = new MarketWebLoginManager({
-            endpoint: this.endpoint,
-            eventTarget: this.hostElement,
-            checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval,
-            userInfo,
-        });
-        pnMarketwebSiteheaderStore.state.loginManager.setSiteUrl(this.siteUrl);
-        this.hostElement['loginmanager'] = pnMarketwebSiteheaderStore.state.loginManager;
-        if (this.token) {
-            pnMarketwebSiteheaderStore.state.loginManager.registerToken(this.token, 'backend');
-        }
-        else if (this.emitEvents) {
-            // The primary login instance
-            pnMarketwebSiteheaderStore.state.loginManager.invalidateTokenOfType('backend');
-        }
-        this.hostElement.addEventListener(pnMarketwebSiteheaderStore.state.loginManager.events.loginstatechange, this.onLoginStateChange.bind(this));
-        this.init();
-        this.setUserName();
-        this.setToggleButtonText();
-    }
-    async init() {
-        pnMarketwebSiteheaderStore.state.loginManager.init(this.emitEvents);
-        this.setToggleButtonText();
-        this.adjustLoginLinks();
-    }
-    adjustLoginLinks() {
-        if (!this.loginDialog?.loginMenuLinks) {
-            return;
-        }
-        const adjustLink = (link, i) => {
-            if (!link.isLogoutLink) {
-                link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;
-            }
-            if (link.isLogoutLink) {
-                link.href = pnMarketwebSiteheaderStore.state.loginManager.getLogoutUrl(link.pageLink);
-            }
-            if (i === 0 && !link.href) {
-                link.href = pnMarketwebSiteheaderStore.state.loginManager.getLoginUrl();
-                link.linkType = 'primary';
-            }
-            if (link.primaryLinkApperance && !link.linkType) {
-                link.linkType = 'primary';
-            }
-            return link;
-        };
-        if (this.loginDialog) {
-            this.loginDialog.loginMenuLinks = this.loginDialog.loginMenuLinks.map(adjustLink);
-            this.loginDialog.loggedInLinks = this.loginDialog.loggedInLinks.map(adjustLink);
-        }
-        this.loginDialog.legacyLoginLinks = [
-            {
-                href: pnMarketwebSiteheaderStore.state.loginManager.getLoginUrl(this.loginDialog.loginUrl),
-                linkText: this.loginDialog.loginLinkText,
-                openInNewWindow: false,
-                isLogoutLink: false,
-                pageLink: null,
-                linkType: 'primary',
-                primaryLinkApperance: true,
-            },
-            {
-                href: pnMarketwebSiteheaderStore.state.loginManager.getLoginUrl(this.loginDialog.registerUrl),
-                linkText: this.loginDialog.createLoginLinkText,
-                openInNewWindow: false,
-                isLogoutLink: false,
-                pageLink: null,
-                primaryLinkApperance: false,
-            },
-        ];
-    }
-    setUserName() {
-        const userInfo = pnMarketwebSiteheaderStore.state.loginManager.getUserInfo();
-        let name = '';
-        if (!this.loggedin || !userInfo) {
-            this.username = name;
-        }
-        if (userInfo && userInfo.given_name) {
-            name = userInfo.given_name + (userInfo?.family_name ? ` ${userInfo?.family_name}` : '');
-        }
-        if (!name && userInfo && userInfo.email) {
-            name = userInfo.email;
-        }
-        if (!name && this.fullname) {
-            name = this.fullname;
-        }
-        this.username = name;
-        this.adjustLoginLinks();
-    }
-    setToggleButtonText() {
-        if (this.loggedin) {
-            this.toggleButtonText = this.username;
-            if (!this.toggleButtonText) {
-                this.toggleButtonText = this.loginDialog.loggedInButtonText;
-            }
-        }
-        else {
-            this.toggleButtonText = this.loginDialog.loginMenuLinkText;
-        }
-    }
-    onLoginStateChange(e) {
-        if (this.loggedin !== e.detail && this.emitEvents) {
-            this.loggedin = e.detail;
-            this.loginStateChange.emit({ loggedIn: this.loggedin, token: pnMarketwebSiteheaderStore.state.loginManager.getToken() });
-            this.setUserName();
-            this.setToggleButtonText();
-        }
-    }
-    render() {
-        if (!this.loginDialog) {
-            return;
-        }
-        let hostElementAttribute = {
-            username: null,
-            loggedin: 'false',
-        };
-        if (this.username) {
-            hostElementAttribute.username = this.username;
-            hostElementAttribute.loggedin = this.loggedin + '';
-        }
-        return (index.h(index.Host, { ...hostElementAttribute }, index.h("pn-button-dropdown", { label: this.toggleButtonText, icon: user, appearance: "light", variant: "borderless", class: "siteheader-logindialog" }, this.showUnifiedLogin && !this.loggedin && (index.h("pn-marketweb-siteheader-unified-login", { loggedIn: this.loggedin, logInLabel: this.i18n.unifiedLoginButton, useMarketwebLogin: this.useMarketwebLogin, environment: this.environment })), this.loggedin && this.showProfileSelection ? (index.h("pn-marketweb-siteheader-login-profileselection", { loginDialog: this.loginDialog, loggedin: this.loggedin, i18n: this.i18n, idNamespace: this.emitEvents ? '1' : '2', endpoint: this.endpoint })) : (index.h("pn-marketweb-siteheader-login-links", { loginDialog: this.loginDialog, loggedin: this.loggedin, idNamespace: this.emitEvents ? '1' : '2', username: this.username, showUnifiedLogin: this.showUnifiedLogin })), !this.loggedin && this.loginDialog?.loginInfo && (index.h("span", { innerHTML: `${this.loginDialog.loginInfo}` })))));
-    }
-    static get watchers() { return {
-        "i18n": ["init"],
-        "loginDialog": ["init"]
-    }; }
-};
-PnMarketwebSiteheaderLogin.style = PnMarketwebSiteheaderLoginStyle0;
-
-// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store
-const { state, onChange } = index$1.createStore({
-    searchValue: '',
-    autocompleteSuggestions: {},
-    requestAbortController: new AbortController(),
-});
-
-const pnMarketwebSiteheaderSearchCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}.siteheader-search a{display:none}@media screen and (min-width: 48em){.siteheader-search a{display:block}}.siteheader-search pn-search-field>.input-container button{background:#ffffff}.siteheader-search pn-search-field.button-icon pn-button,.siteheader-search pn-button{display:inline-flex}.siteheader-search pn-search-field.button-icon pn-button button,.siteheader-search pn-button button{align-self:center;padding:0;height:2.3em;width:2.4em;line-height:0;min-height:unset;min-width:initial}.siteheader-search pn-search-field.button-icon pn-button pn-icon,.siteheader-search pn-button pn-icon{margin-left:0}.siteheader-search pn-search-field.button-icon pn-button .pn-button-tooltip,.siteheader-search pn-button .pn-button-tooltip{line-height:initial !important}.siteheader-search form{justify-content:flex-end;align-items:stretch;width:auto;flex:none;display:flex;padding:0;margin:0 0 0 0.4rem;position:relative;flex-direction:column}@media screen and (min-width: 60em){.siteheader-search form{margin-right:1.6rem}}.siteheader-search form pn-search-field{min-width:13.5em}.siteheader-search form pn-search-field .input-container{align-self:center}.siteheader-search form pn-search-field input{height:auto;min-height:1em;padding:0.6em 0.75em}";
-const PnMarketwebSiteheaderSearchStyle0 = pnMarketwebSiteheaderSearchCss;
-
-const PnMarketwebSiteheaderSearch = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.i18n = undefined;
-        this.showOnlyLink = false;
-        this.hideSearch = false;
-        this.language = null;
-        this.siteid = null;
-        this.search = {};
-        this.primary = false;
-        this.icononly = true;
-        this.autoCompleteOptions = [];
-    }
-    get hostElement() { return index.getElement(this); }
-    onSearchValueUpdate() {
-        this.getAutocomplete(state.searchValue);
-    }
-    async getAutocomplete(prefix) {
-        if (!this.search.AutocompleteEndpoint || prefix.length < 2) {
-            this.autoCompleteOptions = [];
-            return;
-        }
-        if (state.autocompleteSuggestions[prefix]) {
-            this.setAutocompleteSuggestions(state.autocompleteSuggestions[prefix]);
-            return;
-        }
-        let autocompleteUrl = `${this.search.AutocompleteEndpoint}?prefix=${prefix}&size=10`;
-        if (this.language || this.siteid) {
-            autocompleteUrl += `&tags=`;
-            if (this.language) {
-                autocompleteUrl += `language:${this.language}`;
-            }
-            if (this.language && this.siteid) {
-                autocompleteUrl += `,`;
-            }
-            if (this.siteid) {
-                autocompleteUrl += `siteid:${this.siteid}`;
-            }
-        }
-        const req = await fetch(autocompleteUrl, { signal: state.requestAbortController.signal }).catch(e => {
-            console.warn('Unable to fetch autocomplete suggestions', e);
-        });
-        if (!req) {
-            return;
-        }
-        const data = await req.json();
-        if (!data || !data.hits || !data.hits.length) {
-            return;
-        }
-        const suggestions = data.hits
-            .filter(item => item.type === 'editorial')
-            .map(item => {
-            return item.query;
-        });
-        // Store query in store
-        state.autocompleteSuggestions[prefix] = suggestions;
-        this.setAutocompleteSuggestions(suggestions);
-    }
-    setAutocompleteSuggestions(suggestions) {
-        if (typeof suggestions !== 'object' || typeof suggestions.length !== 'number' || suggestions.length === 0) {
-            return;
-        }
-        this.autoCompleteOptions = suggestions;
-    }
-    componentWillLoad() {
-        onChange('searchValue', () => {
-            this.onSearchValueUpdate();
-        });
-    }
-    componentDidRender() {
-        const inputSearchElm = this.hostElement.querySelector('pn-search-field input:not([list])');
-        if (inputSearchElm && this.search.AutocompleteEndpoint) {
-            inputSearchElm.setAttribute('list', 'siteheader-search-autocomplete');
-        }
-    }
-    render() {
-        if (!this.search.formActionUrl || this.hideSearch) {
-            return;
-        }
-        const autocompleteAttribute = this.search.AutocompleteEndpoint ? { list: 'siteheader-search-autocomplete' } : {};
-        return (index.h("div", { class: "siteheader-search" }, this.showOnlyLink ? (index.h("pn-button", { href: this.search.formActionUrl, appearance: "light", icon: search.search, tooltip: this.i18n.searchlabel })) : (index.h("form", { method: "get", action: this.search.formActionUrl, role: "search" }, index.h("pn-search-field", { ...autocompleteAttribute, label: this.i18n.searchlabel, name: "q", button: this.icononly ? 'icon' : null, "button-label": 'Search', placeholder: this.i18n.searchplaceholder, onUpdate: (e) => {
-                state.searchValue = e.detail;
-            }, onSearch: () => {
-                const form = this.hostElement.querySelector('form');
-                if (form) {
-                    form.submit();
-                }
-            } }), this.primary && this.search.AutocompleteEndpoint ? (index.h("datalist", { id: "siteheader-search-autocomplete" }, this.autoCompleteOptions.map(item => (index.h("option", null, item))))) : null))));
-    }
-};
-PnMarketwebSiteheaderSearch.style = PnMarketwebSiteheaderSearchStyle0;
-
-const languageData = {
-  sv: {
-    navlabel: 'Webbplatsväljare',
-  },
-  en: {
-    navlabel: 'Website selector',
-  },
-  da: {
-    navlabel: 'Webstedsvælger',
-  },
-  no: {
-    navlabel: 'Nettstedsvelger',
-  },
-  fi: {
-    navlabel: 'Verkkosivun valitsin',
-  },
-  de: {
-    navlabel: 'Website-Selektor',
-  },
-};
-
-const pnSiteSelectorCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-site-selector{display:flex;position:relative;justify-content:center;max-height:5.2rem}@media screen and (min-width: 75em){pn-site-selector{display:block}}.siteselector-heading{display:block;padding:0;margin-bottom:1.6rem}@media screen and (min-width: 75em){.siteselector-heading{display:flex;align-items:center;margin-top:0.8rem}}.siteselector-list{list-style:none;margin:0;padding:0}";
-const PnSiteSelectorStyle0 = pnSiteSelectorCss;
-
-const PnSiteSelector = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.buttontext = 'postnord';
-        this.heading = 'PostNord';
-        this.language = 'sv';
-        this.i18n = { navlabel: 'Site selector' };
-    }
-    get hostElement() { return index.getElement(this); }
-    componentWillLoad() {
-        this.setLanguage();
-    }
-    setLanguage() {
-        if (languageData[this.language]) {
-            this.i18n = languageData[this.language];
-        }
-    }
-    render() {
-        return (index.h(index.Host, { key: '818f95d25b52f12606f0f16d9542e6885984dfd2' }, index.h("pn-button-dropdown", { key: 'fb45e47d2579770a61cf304adf01b73fee264af9', label: this.buttontext, icon: angle_small_down.angle_small_down, appearance: "light", variant: "borderless", "aria-label": this.i18n.navlabel }, index.h("div", { key: '32fe7d80a99ba0a90b8f0c8609054662f75a21c7', class: "siteselector-nav" }, this.heading ? index.h("strong", { class: "siteselector-heading" }, this.heading) : null, index.h("div", { key: '048a1e94dd9633f78401a23f3f6295ae5f6d2c11', role: "menu", class: "siteselector-list" }, index.h("slot", { key: '820048c94c2b838c483fd0e404b36f556fed8372' }))))));
-    }
-};
-PnSiteSelector.style = PnSiteSelectorStyle0;
-
-const pnSiteSelectorItemCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-site-selector-item{display:block}pn-site-selector-item>div,pn-site-selector-item>a{padding:0.8rem 0;display:flex;flex-flow:column;position:relative}.siteselector-item-link{border-radius:0;text-decoration:none;color:#005d92;flex-direction:row}.siteselector-item-link:hover,.siteselector-item-link:focus{background-color:#f3f2f2;color:#005d92;text-decoration:underline;outline:none;box-shadow:none}.siteselector-item-link:active{background-color:#f3f2f2;color:#00a0d6;outline:none}.siteselector-item-link>span{flex-grow:1}.siteselector-item-link pn-icon{right:3.2rem;height:1.9rem;width:1.9rem;align-self:center}.siteselector-item-link pn-icon svg{width:100%;height:auto}.siteselector-item-title{display:block}.siteselector-item-description{color:#2d2013;font-size:1.28rem}a:hover>.siteselector-item-description,a:focus>.siteselector-item-description{background-color:#f3f2f2;color:#005d92;text-decoration:underline;outline:none}a:active>.siteselector-item-description{background-color:#f3f2f2;color:#00a0d6;outline:none}";
-const PnSiteSelectorItemStyle0 = pnSiteSelectorItemCss;
-
-const PnSiteSelectorItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.url = '';
-        this.heading = '';
-        this.description = '';
-        this.newwindow = false;
-    }
-    render() {
-        return (index.h(index.Host, { key: 'b943a5ff3b426b0c59a36b8444360e515ac7ea2c', role: "menuitem" }, this.url ? (index.h("a", { class: "siteselector-item-link", href: this.url, target: this.newwindow ? '_blank' : 'self', rel: this.newwindow ? 'nofollow noopener' : '' }, index.h("span", null, this.heading && index.h("span", { class: "siteselector-item-title" }, this.heading), this.description && index.h("small", { class: "siteselector-item-description" }, this.description)), index.h("pn-icon", { icon: angle_small_right, color: "blue700" }))) : (index.h("div", null, this.heading && index.h("span", { class: "siteselector-item-title" }, this.heading), this.description && index.h("small", { class: "siteselector-item-description" }, this.description)))));
-    }
-};
-PnSiteSelectorItem.style = PnSiteSelectorItemStyle0;
-
-exports.pn_language_selector = PnlanguageSelector;
-exports.pn_language_selector_option = PnlanguageSelectorOption;
-exports.pn_mainnav = PnMainnav;
-exports.pn_mainnav_level = PnMainnavLevel;
-exports.pn_mainnav_list = PnMainnavList;
-exports.pn_marketweb_siteheader_login = PnMarketwebSiteheaderLogin;
-exports.pn_marketweb_siteheader_search = PnMarketwebSiteheaderSearch;
-exports.pn_site_selector = PnSiteSelector;
-exports.pn_site_selector_item = PnSiteSelectorItem;
-
-//# sourceMappingURL=pn-language-selector_9.cjs.entry.js.map