@postnord/pn-marketweb-components 4.2.5 → 4.3.1

package/collection/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-top-row.js

@@ -0,0 +1,520 @@
+import { h, } from "@stencil/core";
+import { getAppearanceForTheme, } from "../utils/header-theme";
+import { renderHeaderLanguageSelector, renderHeaderLogin, renderHeaderLogo, renderHeaderMenuSwitcher, renderHeaderSiteSelector, } from "./shared/pn-marketweb-header-shared";
+export class PnMarketwebHeaderTopRow {
+    constructor() {
+        this.vm = undefined;
+        this.i18n = undefined;
+        this.language = undefined;
+        this.siteid = undefined;
+        this.endpoint = undefined;
+        this.environment = undefined;
+        this.userToken = undefined;
+        this.userFullname = undefined;
+        this.userLoggedin = undefined;
+        this.hideSiteSelector = undefined;
+        this.hideLanguageSelector = undefined;
+        this.hideSearch = undefined;
+        this.hideLogin = undefined;
+        this.showProfileSelection = undefined;
+        this.showUnifiedLogin = undefined;
+        this.spaMode = undefined;
+        this.checkUserLoggedInStateInterval = undefined;
+        this.useMarketwebLogin = undefined;
+        this.activeMenuMode = undefined;
+        this.navigateOnMenuToggle = undefined;
+        this.theme = undefined;
+        this.logoUrl = undefined;
+        this.menuToggleChangeHandler = undefined;
+        this.adjustSiteSelectorUrl = undefined;
+    }
+    render() {
+        const appearance = getAppearanceForTheme(this.theme);
+        return (h("div", { key: '9049f93d4fb66778b1b7091b417f5d5aba810a84', class: "siteheader-row siteheader-row-top" }, h("div", { key: '93f679b1fa27b8429ee7b06bf7f299f052217d3f', class: "siteheader-topleft" }, h("slot", { key: 'c55903c0bfe58aa095a949a3439a1138fbfec9f3', name: "header-top-left" }), renderHeaderSiteSelector({
+            vm: this.vm,
+            hideSiteSelector: this.hideSiteSelector,
+            language: this.language,
+            buttonText: this.vm.siteSelector?.currentSiteTitle ?? 'postnord',
+            appearance,
+            adjustSiteSelectorUrl: this.adjustSiteSelectorUrl,
+        }), renderHeaderMenuSwitcher({
+            vm: this.vm,
+            activeMenuMode: this.activeMenuMode,
+            navigateOnMenuToggle: this.navigateOnMenuToggle,
+            onMenuToggleChange: this.menuToggleChangeHandler,
+        })), renderHeaderLogo({
+            homePageLink: this.logoUrl, //this.vm.homePageLink,
+            homeLabel: this.i18n.home,
+        }), h("div", { key: '707a07896949fa60022384a49236ae78559f8290', class: "siteheader-topright" }, h("slot", { key: '03206c719b76c39694017db2125346686fe8c868', name: "header-top-right-start" }), renderHeaderLogin({
+            vm: this.vm,
+            hideLogin: this.hideLogin,
+            userToken: this.userToken,
+            userFullname: this.userFullname,
+            userLoggedin: this.userLoggedin,
+            endpoint: this.endpoint,
+            environment: this.environment,
+            i18n: this.i18n,
+            showProfileSelection: this.showProfileSelection,
+            showUnifiedLogin: this.showUnifiedLogin,
+            checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval,
+            useMarketwebLogin: this.useMarketwebLogin,
+            appearance
+        }), renderHeaderLanguageSelector({
+            vm: this.vm,
+            hideLanguageSelector: this.hideLanguageSelector,
+            language: this.language,
+            spaMode: this.spaMode,
+            appearance
+        }), h("slot", { key: '89b985631478ee126961384d73dc25614bfcf41f', name: "toprightend" }), h("div", { key: '8c70b69b1d87a942679c7a9e202bac6b07b484e9', class: "siteheader-menu-top-search" }, h("pn-marketweb-siteheader-search", { key: 'f541bb616b730459b8a55f6da9ef8752e4826cad', language: this.language, siteid: this.siteid, search: this.vm.search, "hide-search": this.hideSearch, i18n: this.i18n, icononly: true })))));
+    }
+    static get is() { return "pn-marketweb-header-top-row"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["pn-marketweb-header-top-row.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["pn-marketweb-header-top-row.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "vm": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "HeaderViewModel",
+                    "resolved": "HeaderViewModel",
+                    "references": {
+                        "HeaderViewModel": {
+                            "location": "import",
+                            "path": "../types/pn-marketweb-header.types",
+                            "id": "src/components/layout-components/pn-marketweb-header/types/pn-marketweb-header.types.ts::HeaderViewModel"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "i18n": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "SiteHeaderI18N",
+                    "resolved": "SiteHeaderI18N",
+                    "references": {
+                        "SiteHeaderI18N": {
+                            "location": "import",
+                            "path": "../../pn-marketweb-siteheader/pn-marketweb-siteheader-types",
+                            "id": "src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-types.ts::SiteHeaderI18N"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "language",
+                "reflect": false
+            },
+            "siteid": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "siteid",
+                "reflect": false
+            },
+            "endpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "endpoint",
+                "reflect": false
+            },
+            "environment": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "environment",
+                "reflect": false
+            },
+            "userToken": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "user-token",
+                "reflect": false
+            },
+            "userFullname": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "user-fullname",
+                "reflect": false
+            },
+            "userLoggedin": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "user-loggedin",
+                "reflect": false
+            },
+            "hideSiteSelector": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "hide-site-selector",
+                "reflect": false
+            },
+            "hideLanguageSelector": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "hide-language-selector",
+                "reflect": false
+            },
+            "hideSearch": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "hide-search",
+                "reflect": false
+            },
+            "hideLogin": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "hide-login",
+                "reflect": false
+            },
+            "showProfileSelection": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-profile-selection",
+                "reflect": false
+            },
+            "showUnifiedLogin": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-unified-login",
+                "reflect": false
+            },
+            "spaMode": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "spa-mode",
+                "reflect": false
+            },
+            "checkUserLoggedInStateInterval": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "check-user-logged-in-state-interval",
+                "reflect": false
+            },
+            "useMarketwebLogin": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "use-marketweb-login",
+                "reflect": false
+            },
+            "activeMenuMode": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "HeaderMenuMode",
+                    "resolved": "number",
+                    "references": {
+                        "HeaderMenuMode": {
+                            "location": "import",
+                            "path": "../types/pn-marketweb-header.types",
+                            "id": "src/components/layout-components/pn-marketweb-header/types/pn-marketweb-header.types.ts::HeaderMenuMode"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "active-menu-mode",
+                "reflect": false
+            },
+            "navigateOnMenuToggle": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "navigate-on-menu-toggle",
+                "reflect": false
+            },
+            "theme": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "HeaderTheme",
+                    "resolved": "\"business\" | \"private\"",
+                    "references": {
+                        "HeaderTheme": {
+                            "location": "import",
+                            "path": "../utils/header-theme",
+                            "id": "src/components/layout-components/pn-marketweb-header/utils/header-theme.ts::HeaderTheme"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "theme",
+                "reflect": false
+            },
+            "logoUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "logo-url",
+                "reflect": false
+            },
+            "menuToggleChangeHandler": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(e: CustomEvent<HeaderMenuMode>) => void",
+                    "resolved": "(e: CustomEvent<number>) => void",
+                    "references": {
+                        "CustomEvent": {
+                            "location": "global",
+                            "id": "global::CustomEvent"
+                        },
+                        "HeaderMenuMode": {
+                            "location": "import",
+                            "path": "../types/pn-marketweb-header.types",
+                            "id": "src/components/layout-components/pn-marketweb-header/types/pn-marketweb-header.types.ts::HeaderMenuMode"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "adjustSiteSelectorUrl": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(href: string) => string",
+                    "resolved": "(href: string) => string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            }
+        };
+    }
+}
+//# sourceMappingURL=pn-marketweb-header-top-row.js.map

package/collection/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-top-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pn-marketweb-header-top-row.js","sourceRoot":"","sources":["../../../../../src/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-top-row.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    h,\n    Prop,\n} from '@stencil/core';\n\nimport type {\n    SiteHeaderI18N,\n} from '../../pn-marketweb-siteheader/pn-marketweb-siteheader-types';\nimport type {\n    HeaderMenuMode,\n    HeaderViewModel,\n} from '../types/pn-marketweb-header.types';\nimport {\n    getAppearanceForTheme,\n    HeaderTheme,\n} from '../utils/header-theme';\nimport {\n    renderHeaderLanguageSelector,\n    renderHeaderLogin,\n    renderHeaderLogo,\n    renderHeaderMenuSwitcher,\n    renderHeaderSiteSelector,\n} from './shared/pn-marketweb-header-shared';\n\n@Component({\n    tag: 'pn-marketweb-header-top-row',\n    styleUrl: 'pn-marketweb-header-top-row.scss',\n})\nexport class PnMarketwebHeaderTopRow {\n    @Prop() vm!: HeaderViewModel;\n    @Prop() i18n!: SiteHeaderI18N;\n\n    @Prop() language?: string;\n    @Prop() siteid?: string;\n    @Prop() endpoint?: string;\n    @Prop() environment?: string;\n\n    @Prop() userToken!: string;\n    @Prop() userFullname!: string;\n    @Prop() userLoggedin!: boolean;\n\n    @Prop() hideSiteSelector!: boolean;\n    @Prop() hideLanguageSelector!: boolean;\n    @Prop() hideSearch!: boolean;\n    @Prop() hideLogin!: boolean;\n\n    @Prop() showProfileSelection!: boolean;\n    @Prop() showUnifiedLogin!: boolean;\n    @Prop() spaMode!: boolean;\n    @Prop() checkUserLoggedInStateInterval!: number;\n    @Prop() useMarketwebLogin!: boolean;\n\n    @Prop() activeMenuMode!: HeaderMenuMode;\n    @Prop() navigateOnMenuToggle!: boolean;\n\n    @Prop() theme: HeaderTheme;\n    @Prop() logoUrl:string;\n\n    @Prop() menuToggleChangeHandler!: (e: CustomEvent<HeaderMenuMode>) => void;\n    @Prop() adjustSiteSelectorUrl!: (href: string) => string;\n\n    render() {\n        const appearance = getAppearanceForTheme(this.theme);        \n        return (\n            <div class=\"siteheader-row siteheader-row-top\">\n                <div class=\"siteheader-topleft\">\n                    <slot name=\"header-top-left\"></slot>\n\n                    {renderHeaderSiteSelector({\n                        vm: this.vm,\n                        hideSiteSelector: this.hideSiteSelector,\n                        language: this.language,\n                        buttonText: this.vm.siteSelector?.currentSiteTitle ?? 'postnord',\n                        appearance,\n                        adjustSiteSelectorUrl: this.adjustSiteSelectorUrl,\n                    })}\n\n                    {renderHeaderMenuSwitcher({\n                        vm: this.vm,\n                        activeMenuMode: this.activeMenuMode,\n                        navigateOnMenuToggle: this.navigateOnMenuToggle,\n                        onMenuToggleChange: this.menuToggleChangeHandler,\n                    })}\n\n                </div>\n\n                {renderHeaderLogo({\n                    homePageLink: this.logoUrl, //this.vm.homePageLink,\n                    homeLabel: this.i18n.home,\n                })}\n\n                <div class=\"siteheader-topright\">\n                    <slot name=\"header-top-right-start\"></slot>\n\n                    {renderHeaderLogin({\n                        vm: this.vm,\n                        hideLogin: this.hideLogin,\n                        userToken: this.userToken,\n                        userFullname: this.userFullname,\n                        userLoggedin: this.userLoggedin,\n                        endpoint: this.endpoint,\n                        environment: this.environment,\n                        i18n: this.i18n,\n                        showProfileSelection: this.showProfileSelection,\n                        showUnifiedLogin: this.showUnifiedLogin,\n                        checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval,\n                        useMarketwebLogin: this.useMarketwebLogin,\n                        appearance\n                    })}\n\n                    {renderHeaderLanguageSelector({\n                        vm: this.vm,\n                        hideLanguageSelector: this.hideLanguageSelector,\n                        language: this.language,\n                        spaMode: this.spaMode,\n                        appearance\n                    })}\n\n                    <slot name=\"toprightend\"></slot>\n\n                    <div class=\"siteheader-menu-top-search\">\n                        <pn-marketweb-siteheader-search\n                            language={this.language}\n                            siteid={this.siteid}\n                            search={this.vm.search}\n                            hide-search={this.hideSearch}\n                            i18n={this.i18n}\n                            icononly={true}\n                        ></pn-marketweb-siteheader-search>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n}"]}

package/collection/components/layout-components/pn-marketweb-header/components/shared/pn-marketweb-header-shared.js

@@ -0,0 +1,37 @@
+import { h } from "@stencil/core";
+import { getLanguageVersionUrl } from "../../utils/header-language";
+import { extractToggleableMenuStructure } from "../../utils/header-toggle-menu";
+export function renderHeaderMenuSwitcher(props) {
+    const structure = extractToggleableMenuStructure(props.vm.rawMenuItems);
+    if (!structure.hasMenuSwitching) {
+        return null;
+    }
+    const options = structure.menuModeOptions.map(option => ({
+        ...option,
+        href: props.navigateOnMenuToggle ? option.href : undefined,
+    }));
+    return (h("pn-marketweb-header-toggle", { value: props.activeMenuMode, options: options, onToggleChange: props.onMenuToggleChange }));
+}
+export function renderHeaderLogo(props) {
+    const homePageLink = props.homePageLink ?? '/';
+    return (h("div", { class: "siteheader-logocontainer" }, h("a", { href: homePageLink, title: props.homeLabel, "aria-label": props.homeLabel, class: "siteheader-logolink" }, h("slot", { name: "logo" }, h("svg", { class: "siteheader-logo", xmlns: "http://www.w3.org/2000/svg", width: "12.7rem", height: "2.4rem", viewBox: "0 0 141.73 26.65", role: "img", "aria-label": "PostNord" }, h("path", { d: "M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z", fill: "currentColor", transform: "translate(0 0)" }))))));
+}
+export function renderHeaderLogin(props) {
+    if (!props.vm.loginDialog || props.hideLogin) {
+        return null;
+    }
+    return (h("pn-marketweb-siteheader-login", { token: props.userToken, siteUrl: props.vm.siteDefinition?.url, fullname: props.userFullname, loggedin: props.userLoggedin, loginDialog: props.vm.loginDialog, endpoint: props.endpoint ?? '', i18n: props.i18n, showProfileSelection: props.showProfileSelection, showUnifiedLogin: props.showUnifiedLogin, "check-user-logged-in-state-interval": props.checkUserLoggedInStateInterval, useMarketwebLogin: props.useMarketwebLogin, environment: props.environment, appearance: props.appearance }));
+}
+export function renderHeaderLanguageSelector(props) {
+    if (!props.vm.languageOptions.length || props.hideLanguageSelector) {
+        return null;
+    }
+    return (h("pn-language-selector", { value: props.language, appearance: props.appearance }, props.vm.languageOptions.map(language => (h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: getLanguageVersionUrl(language, props.vm.siteDefinition, props.spaMode) })))));
+}
+export function renderHeaderSiteSelector(props) {
+    if (!props.vm.siteSelector || props.hideSiteSelector) {
+        return null;
+    }
+    return (h("pn-site-selector", { language: props.language, buttontext: props.buttonText, appearance: props.appearance }, props.vm.siteSelector.currentSiteTitle && (h("pn-site-selector-item", { heading: props.vm.siteSelector.currentSiteTitle, description: props.vm.siteSelector.currentSiteDescription })), (props.vm.siteSelector.siteSelections ?? []).map(site => (h("pn-site-selector-item", { heading: site.linkText, description: site.linkDescription, url: props.adjustSiteSelectorUrl(site.href ?? site.pageLink ?? ''), newwindow: site.openInNewWindow })))));
+}
+//# sourceMappingURL=pn-marketweb-header-shared.js.map

package/collection/components/layout-components/pn-marketweb-header/components/shared/pn-marketweb-header-shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pn-marketweb-header-shared.js","sourceRoot":"","sources":["../../../../../../src/components/layout-components/pn-marketweb-header/components/shared/pn-marketweb-header-shared.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\n\nimport type {\n    SiteHeaderI18N,\n} from '../../../pn-marketweb-siteheader/pn-marketweb-siteheader-types';\nimport type {\n    HeaderMenuMode,\n    HeaderViewModel,\n} from '../../types/pn-marketweb-header.types';\nimport { getLanguageVersionUrl } from '../../utils/header-language';\nimport { HeaderAppearance } from '../../utils/header-theme';\nimport { extractToggleableMenuStructure } from '../../utils/header-toggle-menu';\n\nexport interface HeaderLogoRenderProps {\n    homePageLink?: string;\n    homeLabel: string;\n}\n\nexport interface HeaderMenuToggleRenderProps {\n    vm: HeaderViewModel;\n    activeMenuMode: HeaderMenuMode;\n    navigateOnMenuToggle: boolean;\n    onMenuToggleChange: (e: CustomEvent<HeaderMenuMode>) => void;\n}\n\nexport interface HeaderLoginRenderProps {\n    vm: HeaderViewModel;\n    hideLogin: boolean;\n    userToken: string;\n    userFullname: string;\n    userLoggedin: boolean;\n    endpoint?: string;\n    environment?: string;\n    i18n: SiteHeaderI18N;\n    showProfileSelection: boolean;\n    showUnifiedLogin: boolean;\n    checkUserLoggedInStateInterval: number;\n    useMarketwebLogin: boolean;\n    appearance: HeaderAppearance;\n}\n\nexport interface HeaderLanguageSelectorRenderProps {\n    vm: HeaderViewModel;\n    hideLanguageSelector: boolean;\n    language?: string;\n    spaMode: boolean;\n    appearance: HeaderAppearance;\n}\n\nexport interface HeaderSiteSelectorRenderProps {\n    vm: HeaderViewModel;\n    hideSiteSelector: boolean;\n    language?: string;\n    buttonText?: string;\n    appearance: HeaderAppearance;\n    adjustSiteSelectorUrl: (href: string) => string;\n}\n\nexport function renderHeaderMenuSwitcher(props: HeaderMenuToggleRenderProps) {\n    const structure = extractToggleableMenuStructure(props.vm.rawMenuItems);\n\n    if (!structure.hasMenuSwitching) {\n        return null;\n    }\n\n    const options = structure.menuModeOptions.map(option => ({\n        ...option,\n        href: props.navigateOnMenuToggle ? option.href : undefined,\n    }));\n\n    return (\n        <pn-marketweb-header-toggle\n            value={props.activeMenuMode}\n            options={options}\n            onToggleChange={props.onMenuToggleChange}\n        />\n    );\n}\n\nexport function renderHeaderLogo(props: HeaderLogoRenderProps) {\n    const homePageLink = props.homePageLink ?? '/';\n\n    return (\n        <div class=\"siteheader-logocontainer\">\n            <a\n                href={homePageLink}\n                title={props.homeLabel}\n                aria-label={props.homeLabel}\n                class=\"siteheader-logolink\"\n            >\n                <slot name=\"logo\">\n                    <svg\n                        class=\"siteheader-logo\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        width=\"12.7rem\"\n                        height=\"2.4rem\"\n                        viewBox=\"0 0 141.73 26.65\"\n                        role=\"img\"\n                        aria-label=\"PostNord\"\n                    >\n                        <path\n                            d=\"M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z\"\n                            fill=\"currentColor\"\n                            transform=\"translate(0 0)\"\n                        ></path>\n                    </svg>\n                </slot>\n            </a>\n        </div>\n    );\n}\n\nexport function renderHeaderLogin(props: HeaderLoginRenderProps) {\n    if (!props.vm.loginDialog || props.hideLogin) {\n        return null;\n    }\n\n\n\n    return (\n        <pn-marketweb-siteheader-login\n            token={props.userToken}\n            siteUrl={props.vm.siteDefinition?.url}\n            fullname={props.userFullname}\n            loggedin={props.userLoggedin}\n            loginDialog={props.vm.loginDialog}\n            endpoint={props.endpoint ?? ''}\n            i18n={props.i18n}\n            showProfileSelection={props.showProfileSelection}\n            showUnifiedLogin={props.showUnifiedLogin}\n            check-user-logged-in-state-interval={props.checkUserLoggedInStateInterval}\n            useMarketwebLogin={props.useMarketwebLogin}\n            environment={props.environment}\n            appearance={props.appearance}\n        ></pn-marketweb-siteheader-login>\n    );\n}\n\nexport function renderHeaderLanguageSelector(props: HeaderLanguageSelectorRenderProps) {\n    if (!props.vm.languageOptions.length || props.hideLanguageSelector) {\n        return null;\n    }\n\n    return (\n        <pn-language-selector value={props.language} appearance={props.appearance}>\n            {props.vm.languageOptions.map(language => (\n                <pn-language-selector-option\n                    name={language.nativeName}\n                    code={language.twoLetterISOLanguageName}\n                    selected={language.isCurrent}\n                    url={getLanguageVersionUrl(language, props.vm.siteDefinition, props.spaMode)}\n                ></pn-language-selector-option>\n            ))}\n        </pn-language-selector>\n    );\n}\n\nexport function renderHeaderSiteSelector(props: HeaderSiteSelectorRenderProps) {\n    if (!props.vm.siteSelector || props.hideSiteSelector) {\n        return null;\n    }\n\n    return (\n        <pn-site-selector\n            language={props.language}\n            buttontext={props.buttonText}\n            appearance={props.appearance}\n        >\n            {props.vm.siteSelector.currentSiteTitle && (\n                <pn-site-selector-item\n                    heading={props.vm.siteSelector.currentSiteTitle}\n                    description={props.vm.siteSelector.currentSiteDescription}\n                ></pn-site-selector-item>\n            )}\n\n            {(props.vm.siteSelector.siteSelections ?? []).map(site => (\n                <pn-site-selector-item\n                    heading={site.linkText}\n                    description={site.linkDescription}\n                    url={props.adjustSiteSelectorUrl(site.href ?? site.pageLink ?? '')}\n                    newwindow={site.openInNewWindow}\n                ></pn-site-selector-item>\n            ))}\n        </pn-site-selector>\n    );\n}"]}