@postnord/pn-marketweb-components 2.1.9 → 2.2.0

package/cjs/pn-marketweb-siteheader-login-button_5.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4199ff85.js');
-const pnMarketwebSiteheaderStore = require('./pn-marketweb-siteheader-store-5ced6902.js');
-require('./index-95e5b7f9.js');
+const index = require('./index-e3e27c79.js');
+const pnMarketwebSiteheaderStore = require('./pn-marketweb-siteheader-store-e29ad918.js');
+require('./index-28bbc937.js');
 
 const getLoginUrl = currentDomain => {
   /*
@@ -46,7 +46,7 @@ If non of the above matches, then use the production portal endpoint to log in
 
 const pnMarketwebSiteheaderLoginButtonCss = "";
 
-const PnMarketwebSiteheaderLoginButton = class {
+let PnMarketwebSiteheaderLoginButton = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.label = 'Log in';
@@ -67,9 +67,10 @@ PnMarketwebSiteheaderLoginButton.style = pnMarketwebSiteheaderLoginButtonCss;
 
 const pnMarketwebSiteheaderLoginLinksCss = "";
 
-const PnMarketwebSiteheaderLoginLinks = class {
+let PnMarketwebSiteheaderLoginLinks = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    // Login dialog
     this.loginDialog = null;
     this.idNamespace = '';
     this.loggedin = false;
@@ -153,11 +154,10 @@ PnMarketwebSiteheaderLoginLinks.style = pnMarketwebSiteheaderLoginLinksCss;
 
 const pnMarketwebSiteheaderLoginMypageButtonCss = "";
 
-const PnMarketwebSiteheaderLoginMypageButton = class {
+let PnMarketwebSiteheaderLoginMypageButton = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.label = 'Mina sidor!';
-    this.myPageUrl = undefined;
   }
   render() {
     return (index.h(index.Host, null, index.h("pn-button", { href: this.myPageUrl }, this.label)));
@@ -168,19 +168,29 @@ PnMarketwebSiteheaderLoginMypageButton.style = pnMarketwebSiteheaderLoginMypageB
 
 const pnMarketwebSiteheaderLoginProfileselectionCss = ".pn-marketweb-siteheader-login-profileselection-heading{display:block;padding:0.5rem 0 1rem}.pn-marketweb-siteheader-login-profileselection-user,.pn-marketweb-siteheader-login-profileselection-currentprofile{margin-top:1rem;margin-bottom:1rem}.pn-marketweb-siteheader-login-profileselection-user-name,.pn-marketweb-siteheader-login-profileselection-currentprofile-name{line-height:1}.pn-marketweb-siteheader-login-profileselection-user-description,.pn-marketweb-siteheader-login-profileselection-currentprofile-description{font-weight:400;white-space:normal;word-break:break-all;color:#5E554A;font-size:0.75em}.pn-marketweb-siteheader-login-profileselection-divider{height:1rem;width:100%;background:#00A0D6;position:relative;margin-left:-1em;margin-top:1.6rem;margin-bottom:1.6rem;border-radius:0 0.6em 0.6em 0;padding:0}.pn-marketweb-siteheader-login-profileselection-divider::after{content:\"\";width:0.6em;height:0.6em;border-radius:50%;position:absolute;right:0;top:0;background:inherit;-webkit-transform:translateX(calc(100% + 0.2em));transform:translateX(calc(100% + 0.2em))}.pn-marketweb-siteheader-login-profileselection-profileoption-link{display:-ms-flexbox;display:flex;background:#FFFFFF;-webkit-transition:background 0.15s ease-in-out;transition:background 0.15s ease-in-out;margin:0 -1em;padding:0.6rem 1.6rem;text-decoration:none;color:#005D92;-ms-flex-align:center;align-items:center}.pn-marketweb-siteheader-login-profileselection-profileoption-link:hover,.pn-marketweb-siteheader-login-profileselection-profileoption-link:focus,.pn-marketweb-siteheader-login-profileselection-profileoption-link:active{background:#F3F2F2}.pn-marketweb-siteheader-login-profileselection-profileoption-content{-ms-flex-positive:1;flex-grow:1}.pn-marketweb-siteheader-login-profileselection-profileoption-name{font-weight:700}.pn-marketweb-siteheader-login-profileselection-profileoption-description{font-weight:400;white-space:normal;word-break:break-all;color:#5E554A;font-size:0.75em}.pn-marketweb-siteheader-login-profileselection-logout{padding:1.6rem;text-align:center;width:100%}.pn-marketweb-siteheader-login-profileselection-logout-link{display:inline-block;font-weight:500;color:#005D92;text-decoration:none}.pn-marketweb-siteheader-login-profileselection-logout-link:hover,.pn-marketweb-siteheader-login-profileselection-logout-link:focus,.pn-marketweb-siteheader-login-profileselection-logout-link:active{text-decoration:underline}";
 
-const PnMarketwebSiteheaderLoginProfileselection = class {
+let PnMarketwebSiteheaderLoginProfileselection = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    // Login dialog
     this.loginDialog = null;
-    this.endpoint = "";
+    this.endpoint = '';
     this.loggedin = false;
-    this.idNamespace = "";
+    this.idNamespace = '';
     this.heading = null;
-    this.i18n = { "searchlabel": "", "searchplaceholder": "", "searchbuttontext": "", "menuHomeButton": "", "menuGoBackButton": "", "mainMenuButton": "", "menuStartButton": "", "profileSelectionFlyoutHeading": "" };
+    this.i18n = {
+      searchlabel: '',
+      searchplaceholder: '',
+      searchbuttontext: '',
+      menuHomeButton: '',
+      menuGoBackButton: '',
+      mainMenuButton: '',
+      menuStartButton: '',
+      profileSelectionFlyoutHeading: '',
+    };
     this.user = null;
     this.logoutLink = null;
     this.userName = null;
-    this.userEmail = "";
+    this.userEmail = '';
     this.currentProfile = null;
     this.profileoptions = [];
   }
@@ -200,84 +210,84 @@ const PnMarketwebSiteheaderLoginProfileselection = class {
     if (!this.loggedin || this.profileoptions.length > 0) {
       return;
     }
-    let apiUrl = `${this.endpoint}${(this.endpoint.lastIndexOf('/') > -1 && this.endpoint.lastIndexOf('/') === this.endpoint.length - 1) ? '' : '/'}api/user/parentorganizations`;
+    let apiUrl = `${this.endpoint}${this.endpoint.lastIndexOf('/') > -1 && this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? '' : '/'}api/user/parentorganizations`;
     const req = await fetch(apiUrl);
     const reqdata = await req.json();
     const fallbackData = {
       loggedin: true,
       organizations: [
         {
-          name: "Forsheda Livs AB",
-          customerNumber: "5564513603",
-          id: "dbba867d-1dff-3dbb-b420-c57b4b828b73",
+          name: 'Forsheda Livs AB',
+          customerNumber: '5564513603',
+          id: 'dbba867d-1dff-3dbb-b420-c57b4b828b73',
           selected: true,
           profiles: [
             {
-              name: "Forsheda Livs AB",
-              customerNumber: "20685482",
-              id: "f757ba28-9a73-15a2-f128-4b394d970f3f",
-              ssid: "",
+              name: 'Forsheda Livs AB',
+              customerNumber: '20685482',
+              id: 'f757ba28-9a73-15a2-f128-4b394d970f3f',
+              ssid: '',
               selected: false,
-              customerGroup: "Business"
+              customerGroup: 'Business',
             },
             {
-              name: "ICA MAXI KUNGSBACKA",
-              customerNumber: "20831191",
-              id: "5aea41df-32b0-3f7e-2946-78598360177d",
-              ssid: "259686",
+              name: 'ICA MAXI KUNGSBACKA',
+              customerNumber: '20831191',
+              id: '5aea41df-32b0-3f7e-2946-78598360177d',
+              ssid: '259686',
               selected: true,
-              customerGroup: "Agent"
-            }
-          ]
+              customerGroup: 'Agent',
+            },
+          ],
         },
         {
-          name: "Hem Livs i Kungsbacka AB",
-          customerNumber: "5565271250",
-          id: "97ca363c-40ef-cca9-7a3c-9e7f025567c2",
+          name: 'Hem Livs i Kungsbacka AB',
+          customerNumber: '5565271250',
+          id: '97ca363c-40ef-cca9-7a3c-9e7f025567c2',
           selected: false,
           profiles: [
             {
-              name: "ICA KVANTUM KUNGSBACKA",
-              customerNumber: "20831193",
-              id: "fbd61ffd-41c6-2206-b88e-cfef91e1dc39",
-              ssid: "259691",
+              name: 'ICA KVANTUM KUNGSBACKA',
+              customerNumber: '20831193',
+              id: 'fbd61ffd-41c6-2206-b88e-cfef91e1dc39',
+              ssid: '259691',
               selected: false,
-              customerGroup: "Agent"
-            }
-          ]
+              customerGroup: 'Agent',
+            },
+          ],
         },
         {
-          name: "ICA SUPERMARKET TORGET",
-          customerNumber: "5568902679",
-          id: "7cb76a94-e1a5-5f57-58fd-bc563851b28e",
+          name: 'ICA SUPERMARKET TORGET',
+          customerNumber: '5568902679',
+          id: '7cb76a94-e1a5-5f57-58fd-bc563851b28e',
           selected: false,
           profiles: [
             {
-              name: "ICA SUPERMARKET TORGET",
-              customerNumber: "20831212",
-              id: "3a2db017-b68f-6fa0-fe70-542c08cd97ce",
-              ssid: "",
+              name: 'ICA SUPERMARKET TORGET',
+              customerNumber: '20831212',
+              id: '3a2db017-b68f-6fa0-fe70-542c08cd97ce',
+              ssid: '',
               selected: false,
-              customerGroup: "Agent"
-            }
-          ]
-        }
-      ]
+              customerGroup: 'Agent',
+            },
+          ],
+        },
+      ],
     };
-    const data = (window.location.href.indexOf('localhost:6008') !== -1) ? fallbackData : reqdata;
+    const data = window.location.href.indexOf('localhost:6008') !== -1 ? fallbackData : reqdata;
     if (!data || !data.organizations || !data.organizations.length) {
       return;
     }
-    data.organizations.forEach((org) => {
+    data.organizations.forEach(org => {
       if (org.selected === true && org.profiles) {
         const selectedProfile = org.profiles.filter(x => x.selected === true);
-        if (selectedProfile && selectedProfile[0] && selectedProfile[0].customerGroup.toLocaleLowerCase() === "agent" && selectedProfile[0].ssid) {
+        if (selectedProfile && selectedProfile[0] && selectedProfile[0].customerGroup.toLocaleLowerCase() === 'agent' && selectedProfile[0].ssid) {
           org.customerNumber = selectedProfile[0].ssid;
         }
       }
       else {
-        if (org.customerNumber.length === 10 && org.customerNumber.substring(0, 2) === "55") {
-          org.customerNumber = org.customerNumber.substring(0, 6) + "-" + org.customerNumber.substring(6);
+        if (org.customerNumber.length === 10 && org.customerNumber.substring(0, 2) === '55') {
+          org.customerNumber = org.customerNumber.substring(0, 6) + '-' + org.customerNumber.substring(6);
         }
         this.profileoptions.push(org);
       }
@@ -287,8 +297,8 @@ const PnMarketwebSiteheaderLoginProfileselection = class {
       name: this.userName,
       customerNumber: '',
       id: '',
-      selected: (!currentProfileObj),
-      profiles: []
+      selected: !currentProfileObj,
+      profiles: [],
     };
     if (!currentProfileObj) {
       currentProfileObj = userProfileOption;
@@ -302,7 +312,7 @@ const PnMarketwebSiteheaderLoginProfileselection = class {
     var _a, _b, _c, _d;
     const adjustLink = (link, i) => {
       if (!link.isLogoutLink) {
-        link.isLogoutLink = (link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1);
+        link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;
       }
       if (link.isLogoutLink) {
         link.href = pnMarketwebSiteheaderStore.state.loginManager.getLogoutUrl(link.href);
@@ -330,7 +340,7 @@ const PnMarketwebSiteheaderLoginProfileselection = class {
       this.userEmail = userInfo.email;
     }
     if (userInfo && userInfo.given_name) {
-      this.userName = userInfo.given_name + ((userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name) ? ` ${userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name}` : "");
+      this.userName = userInfo.given_name + ((userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name) ? ` ${userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name}` : '');
     }
     if (userInfo && userInfo.given_name) {
       this.userName = userInfo.given_name;
@@ -345,19 +355,20 @@ const PnMarketwebSiteheaderLoginProfileselection = class {
       return;
     }
   }
+  filterLogoutLink(loggedInLinks) {
+    return loggedInLinks.filter((link) => !link.isLogoutLink);
+  }
   render() {
     if (!this.loginDialog) {
       return;
     }
     let hostElementAttribute = {};
-    return (index.h(index.Host, Object.assign({}, hostElementAttribute), this.heading ? index.h("strong", { class: "pn-marketweb-siteheader-login-profileselection-heading" }, this.heading) : null, this.currentProfile !== null && this.currentProfile.name ?
-      index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile" }, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-name" }, this.currentProfile.name), index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-description" }, this.currentProfile.customerNumber ? this.currentProfile.customerNumber : this.userEmail))
-      : null, index.h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loggedInLinks, idNamespace: this.idNamespace }), index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-divider" }), this.profileoptions.filter(x => x.selected !== true).map((organization) => {
-      let customerNumber = (organization.profiles.length > 0) ? organization.profiles[0].customerNumber : organization.customerNumber;
+    return (index.h(index.Host, Object.assign({}, hostElementAttribute), this.heading ? index.h("strong", { class: "pn-marketweb-siteheader-login-profileselection-heading" }, this.heading) : null, this.currentProfile !== null && this.currentProfile.name ? (index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile" }, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-name" }, this.currentProfile.name), index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-description" }, this.currentProfile.customerNumber ? this.currentProfile.customerNumber : this.userEmail))) : null, index.h("pn-marketweb-siteheader-login-linklist", { links: this.filterLogoutLink(this.loginDialog.loggedInLinks), idNamespace: this.idNamespace }), index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-divider" }), this.profileoptions
+      .filter(x => x.selected !== true)
+      .map(organization => {
+      let customerNumber = organization.profiles.length > 0 ? organization.profiles[0].customerNumber : organization.customerNumber;
       return (index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption" }, index.h("a", { href: `${this.endpoint}/api/user/setprofile?customernumber=${customerNumber}&returnUrl=${window.location.href}`, class: "pn-marketweb-siteheader-login-profileselection-profileoption-link" }, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-content" }, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-name" }, organization.name), index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-description" }, organization.customerNumber ? organization.customerNumber : this.userEmail)), index.h("pn-icon", { symbol: "arrow-right", small: "false", color: "blue700" }))));
-    }), this.logoutLink ?
-      index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-logout" }, index.h("a", { href: this.logoutLink.href, rel: "nofollower noopener", id: "pn-marketweb-header-logoutlink", onClick: () => pnMarketwebSiteheaderStore.state.loginManager.clearUserData(), class: "pn-marketweb-siteheader-login-profileselection-logout-link" }, this.logoutLink.linkText))
-      : null));
+    }), this.logoutLink ? (index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-logout" }, index.h("a", { href: this.logoutLink.href, rel: "nofollower noopener", id: "pn-marketweb-header-logoutlink", onClick: () => pnMarketwebSiteheaderStore.state.loginManager.clearUserData(), class: "pn-marketweb-siteheader-login-profileselection-logout-link" }, this.logoutLink.linkText))) : null));
   }
   get hostElement() { return index.getElement(this); }
 };
@@ -365,13 +376,10 @@ PnMarketwebSiteheaderLoginProfileselection.style = pnMarketwebSiteheaderLoginPro
 
 const pnMarketwebSiteheaderUnifiedLoginCss = "";
 
-const PnMarketwebSiteheaderUnifiedLogin = class {
+let PnMarketwebSiteheaderUnifiedLogin = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.loggedIn = false;
-    this.myPageLabel = undefined;
-    this.myPageUrl = undefined;
-    this.logInLabel = undefined;
   }
   render() {
     return (index.h(index.Host, null, this.loggedIn ? (index.h("pn-marketweb-siteheader-login-mypage-button", { label: this.myPageLabel, myPageUrl: this.myPageUrl })) : (index.h("pn-marketweb-siteheader-login-button", { label: this.logInLabel }))));

package/cjs/pn-marketweb-siteheader-login-linklist.cjs.entry.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4199ff85.js');
-const pnMarketwebSiteheaderStore = require('./pn-marketweb-siteheader-store-5ced6902.js');
-require('./index-95e5b7f9.js');
+const index = require('./index-e3e27c79.js');
+const pnMarketwebSiteheaderStore = require('./pn-marketweb-siteheader-store-e29ad918.js');
+require('./index-28bbc937.js');
 
 const pnMarketwebSiteheaderLoginLinklistCss = "pn-marketweb-siteheader-login-linklist{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-marketweb-siteheader-login-linklist strong{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul{list-style-type:none;padding:0;margin:0}pn-marketweb-siteheader-login-linklist ul>li{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul>li a:not(.pn-button){color:#005D92}pn-marketweb-siteheader-login-linklist ul>li a{text-decoration:none;font-size:1.6rem;line-height:1.5;font-weight:500}pn-marketweb-siteheader-login-linklist ul>li pn-icon{padding-left:0.8rem}pn-marketweb-siteheader-login-linklist ul>li pn-icon svg>path{fill:#005D92 !important}pn-marketweb-siteheader-login-linklist ul>li:hover a{text-decoration:underline}pn-marketweb-siteheader-login-linklist ul>li:last-of-type{margin-bottom:0}";
 
-const PnMarketwebSiteheaderLoginLinklist = class {
+let PnMarketwebSiteheaderLoginLinklist = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.heading = null;

package/cjs/{pn-marketweb-siteheader-store-5ced6902.js → pn-marketweb-siteheader-store-e29ad918.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-95e5b7f9.js');
+const index = require('./index-28bbc937.js');
 
 // Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store
 const { state, onChange } = index.createStore({

package/cjs/pn-marketweb-siteheader.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4199ff85.js');
+const index = require('./index-e3e27c79.js');
 const MarketWebContextService = require('./MarketWebContextService-392b4585.js');
-const pnMarketwebSiteheaderStore = require('./pn-marketweb-siteheader-store-5ced6902.js');
-require('./index-95e5b7f9.js');
+const pnMarketwebSiteheaderStore = require('./pn-marketweb-siteheader-store-e29ad918.js');
+require('./index-28bbc937.js');
 
 const translations = {
   sv: {
@@ -84,35 +84,57 @@ const translations = {
 
 const pnMarketwebSiteheaderCss = "body[data-siteheader-menuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-menuopen=true]{max-height:initial;overflow:initial}}pn-marketweb-siteheader{display:block;background:#FFFFFF}pn-marketweb-siteheader header{position:relative;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-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);box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 48em){pn-marketweb-siteheader header{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:initial;justify-content:initial}}pn-marketweb-siteheader .siteheader-row{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-align:center;align-items:center;width:100%;padding:0 1.6rem;min-height:2em}pn-marketweb-siteheader .siteheader-row:not(:last-child){border-bottom:0.1rem solid #F3F2F2}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row{-ms-flex-pack:justify;justify-content:space-between;min-height:3.2em}}pn-marketweb-siteheader .siteheader-topright{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}pn-marketweb-siteheader .siteheader-logocontainer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;min-height:3em;background:#FFFFFF;z-index:1}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-logocontainer{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}pn-marketweb-siteheader .siteheader-logolink{height:100%;max-height:6.4rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}pn-marketweb-siteheader .siteheader-logolink:hover,pn-marketweb-siteheader .siteheader-logolink:focus,pn-marketweb-siteheader .siteheader-logolink:active{-webkit-box-shadow:none;box-shadow:none}pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:none}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:block;max-width:30rem;min-width:23.3rem;width:100%}}pn-marketweb-siteheader pn-spinner{display:none}pn-marketweb-siteheader pn-nav-dropdown:not(.hydrated) .nav-dropdown-content-container{display:none}.siteheader-topleft pn-site-selector{padding:1rem 0;display:none}@media screen and (min-width: 48em){.siteheader-topleft pn-site-selector{display:block}}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector{margin-left:1.3rem}}.siteheader-topleft pn-site-selector .pn-nav-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:0}.siteheader-topleft pn-site-selector .pn-nav-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector .pn-nav-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:initial}.siteheader-topleft pn-site-selector .pn-nav-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{margin-left:0.4em}}@media screen and (min-width: 60em){.siteheader-topright{margin-right:1.6rem}}.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{padding:1rem 0;display:none;-ms-flex-item-align:center;align-self:center}@media screen and (min-width: 48em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{display:block;margin-left:1rem}}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{margin-left:1.6rem}}.siteheader-topright>pn-language-selector .pn-nav-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-nav-dropdown-label,.siteheader-topright>a:is(a){font-size:0}.siteheader-topright>pn-language-selector .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-nav-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector .pn-nav-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-nav-dropdown-label,.siteheader-topright>a:is(a){font-size:initial}.siteheader-topright>pn-language-selector .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-nav-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{margin-left:0.4em}}.siteheader-menu{max-width:100%;width:100%;overflow:visible;overflow-x:clip}@media screen and (min-width: 60em){.siteheader-menu{margin-top:auto;overflow:visible}}.siteheader-menu pn-mainnav-link a[target]::after{content:none}.siteheader-menu pn-marketweb-siteheader-search{padding:0.3rem 1.6rem;width:100%}.siteheader-menu [slot=top] pn-search-field{width:100%}.siteheader-menu-footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.siteheader-menu-footer>*{margin:1.6rem}header[data-header-theme=dotcom]>pn-marketweb-siteheader pn-button a{text-decoration:none}header[data-header-theme=dotcom]>pn-marketweb-siteheader pn-button a:hover{text-decoration:none}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header{background-color:#0D234B;-webkit-box-shadow:none;box-shadow:none}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row:not(:last-child){border-bottom:0.1rem solid #0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-nav-dropdown-label:hover{background-color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-nav-dropdown-label:active{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-nav-dropdown-label:focus{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:active{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{-ms-flex-item-align:center;align-self:center;margin-left:1rem}@media screen and (max-width: 48em){header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{display:none}}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .mainnav-toggle button{background-color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .first-level_icon svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input{background-color:#FFFFFF;color:#0D234B;border:0.1rem solid #FFFFFF;padding:0.65rem 1.5rem}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-webkit-input-placeholder{color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-moz-placeholder{color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:-ms-input-placeholder{color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-ms-input-placeholder{color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav{background-color:#0D234B}@media screen and (min-width: 48em){header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav{top:6.4em}}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav a{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search{padding-bottom:0.5rem;background-color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container{border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top-right-radius:50%;border-bottom-right-radius:50%}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container button.clear{border:2px solid #FFFFFF;border-radius:50%;padding:0.5rem}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level .mainnav-level-header .secondlevel-backbtn pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-level[data-level=\"2\"] .mainnav-level-header pn-mainnav-link>a:hover{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button,header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a{background-color:#0D234B;border-bottom:0.1rem solid rgba(0, 93, 146, 0.5)}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button:hover,header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a:hover{text-decoration:none}@media screen and (min-width: 1024px){header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button,header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a{border-bottom:none}}@media screen and (max-width: 1023px){header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link:first-child{border-top:0.1rem solid rgba(0, 93, 146, 0.5)}}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link a,header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link button{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link a:focus,header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link button:focus{outline:none}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level=\"1\"]){background-color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level=\"1\"]) pn-mainnav-list{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level=\"1\"]) pn-mainnav-list pn-mainnav-link>a:hover{background-color:#00A0D6;text-decoration:none}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-marketweb-siteheader-login-linklist ul li a{color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header [data-level=\"1\"] pn-mainnav-link pn-icon.first-level_arrow svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#FFFFFF}@media screen and (min-width: 48em){header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}.siteheader-menu-top-search{display:none}header[data-header-theme=tpl]>pn-marketweb-siteheader pn-button a{text-decoration:none}header[data-header-theme=tpl]>pn-marketweb-siteheader pn-button a:hover{text-decoration:none}@media screen and (max-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button]{display:none}}header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a{color:#0D234B;font-weight:500;font-size:1.6rem;padding:0.8rem 2.4rem}header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-bg{background-color:#FBC2C1}header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-content pn-icon svg>path{fill:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover .pn-button-bg{background-color:#0D234B;-webkit-transition:backgrond-color linear 1s;transition:backgrond-color linear 1s}header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover .pn-button-content pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:not(:last-child){background-color:#0D234B;border-bottom:0.1rem solid #0D234B}@media screen and (max-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:last-child{background-color:#0D234B}}@media screen and (min-width: 60em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header [data-level=\"1\"] pn-mainnav-link>button::before,header[data-header-theme=tpl]>pn-marketweb-siteheader>header [data-level=\"1\"] pn-mainnav-link>a::before{background-color:#FBC2C1}}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{background:#0D234B;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media screen and (min-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{display:none}}@media screen and (max-width: 415px){header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{display:none}}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a{color:#0D234B;font-weight:500}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-bg{background-color:#FBC2C1}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-content pn-icon svg>path{fill:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover .pn-button-bg{background-color:#0D234B;-webkit-transition:backgrond-color linear 1s;transition:backgrond-color linear 1s}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover .pn-button-content pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header a{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header pn-mainnav-link button{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header pn-mainnav-link button pn-icon svg path{fill:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label:hover{background:#00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-nav-dropdown-label:hover{background-color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-nav-dropdown-label:active{background-color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-nav-dropdown-label:focus{background-color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright{margin-right:0;-ms-flex-item-align:center;align-self:center;margin-left:1rem}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:active,header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search{display:inline-block;margin-top:auto;margin-bottom:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search{display:none}}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search pn-search-field{-ms-flex-pack:end;justify-content:flex-end;min-width:inherit}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form{margin-right:0}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container{position:absolute;width:100%}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input{cursor:pointer;background-color:transparent;color:transparent;border:none;position:relative;z-index:3;border-radius:0}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::-webkit-input-placeholder{color:transparent}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::-moz-placeholder{color:transparent}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input:-ms-input-placeholder{color:transparent}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::-ms-input-placeholder{color:transparent}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::placeholder{color:transparent}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .input-container:focus-within{margin-left:2rem}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .input-container:focus-within input{background-color:#FFFFFF;color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .siteheader-search pn-button button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:1rem 1.9rem}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .siteheader-search pn-button button .pn-button-bg{background:#0D234B}@media screen and (min-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:last-child pn-marketweb-siteheader-search{display:none}}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input{background-color:#FFFFFF;color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-webkit-input-placeholder{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-moz-placeholder{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:-ms-input-placeholder{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-ms-input-placeholder{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}@media screen and (max-width: 415px){header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:block;color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-bg{background-color:#FBC2C1}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content{font-weight:500;color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content pn-icon svg>path{fill:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-bg{background-color:#0D234B;-webkit-transition:backgrond-color linear 1s;transition:backgrond-color linear 1s}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-content pn-icon svg>path{fill:#FFFFFF}}@media screen and (max-width: 1024px){header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-nav-dropdown button:focus,header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-nav-dropdown button:hover{color:#FFFFFF;background-color:#00A0D6;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #00A0D6;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-nav-dropdown button:focus svg>path,header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-nav-dropdown button:hover svg>path{fill:#FFFFFF}}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005D92}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#FFFFFF}@media screen and (max-width: 1024px){header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button pn-icon svg>path{fill:#0D234B}}@media screen and (min-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}";
 
-const PnMarketwebSiteheader = class {
+let PnMarketwebSiteheader = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.changeLanguage = index.createEvent(this, "changeLanguage", 7);
     this.changeMarket = index.createEvent(this, "changeMarket", 7);
     this.endpointPath = '/api/navigation/header';
-    // FetchHelper
-    this.fetchHelper = new MarketWebContextService.FetchHelper('siteheader');
-    this.market = null;
-    this.language = null;
+    // allowedLanguages = ["sv","da","fi","no","en"];
+    // allowedMarkets = ["se","dk","fi","no","com", "tpl"];
+    /** Specifies which market we want to show (se,dk,fi,no,com) */
+    this.market = null; //se
+    /** Specifies which language we want to show (sv,da,fi,no,en) */
+    this.language = null; //sv
+    /** Specifies the current site id (guid) */
     this.siteid = null;
-    this.environment = null;
+    /** Specifies which environment we're fetching data from. (production, preproduction, integration, localhost) */
+    this.environment = null; //sv
+    /** Access token passed from backend */
     this.userToken = '';
+    /** User Fullname */
     this.userFullname = '';
+    /** User Logged in state from the backend */
     this.userLoggedin = false;
+    /** Specifies which endpoint domain we should load from */
     this.endpoint = null;
+    /** Hides the site selector if set to true*/
     this.hideSiteSelector = false;
+    /** Hides the "home" menu item in the navigation if set to true*/
     this.hideHomeMenuItem = false;
+    /** Hides the language selector if set to true*/
     this.hideLanguageSelector = false;
+    /** Hides the search form if set to true*/
     this.hideSearch = false;
+    /** Hides the login if set to true*/
     this.hideLogin = false;
+    /** If this is selected we will show the new profile selection dropdown instead of the login version */
     this.showProfileSelection = false;
+    /** if this is selected we will show the unified-login button aswell as a new look for dropdown menu */
     this.showUnifiedLogin = false;
+    /** Adjusts the menus URLs */
     this.siteDomainInUrls = false;
+    /** Autocomplete endpoint */
     this.AutocompleteEndpoint = '';
+    /** Forward session to backend */
     this.sessionForward = false;
+    /** If the component should use cached requests */
     this.cache = false;
+    /** Header search placeholder */
     this.searchPlaceholder = '';
+    /** Event based only language switch */
     this.spaMode = false;
+    /** Continiously check if a user is logged in **/
     this.checkUserLoggedInStateInterval = 0;
     this.i18n = {
       searchlabel: '',
@@ -129,15 +151,21 @@ const PnMarketwebSiteheader = class {
     this.gotData = false;
     this.fetchingData = false;
     this.homePageLink = '/';
+    // Menu state
     this.menuItems = [];
-    this.siteDefinition = undefined;
+    // Search
     this.search = { AutocompleteEndpoint: this.AutocompleteEndpoint };
+    // Site selector
     this.siteSelector = null;
+    // Language Selector
     this.languageSelector = null;
     this.languageOptions = [];
+    // Login dialog
     this.loginDialog = null;
     this.minimizeSearch = false;
     this.loggedIn = false;
+    // FetchHelper
+    this.fetchHelper = new MarketWebContextService.FetchHelper('siteheader');
   }
   componentWillLoad() {
     this.setInitialValues().then(() => {

package/cjs/pn-parcel-tracker.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4199ff85.js');
+const index = require('./index-e3e27c79.js');
 
 const pnParcelTrackerCss = "pn-spotlight .pn-spotlight__container:has(pn-parcel-tracker) [slot=mobile-heading]{color:#005D92}.pn-spotlight__container__wrapper__content [slot=content]:has(pn-parcel-tracker){padding-left:2rem}pn-parcel-tracker{width:100%}pn-parcel-tracker .pn-parcel-tracker__container form{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;gap:1.6rem}pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{color:#005D92;font-weight:500;margin-bottom:0}@media screen and (max-width: 768px){pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{display:none}}@media screen and (min-width: 1640px){pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{font-size:2.4rem;font-weight:700}}pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{-ms-flex-positive:1;flex-grow:1;max-width:80%}@media screen and (min-width: 768px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:50%}}@media screen and (min-width: 992px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:45%}}@media screen and (min-width: 1640px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:35%}}pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input input{border-radius:6.4rem}";
 
-const PnSpotlight = class {
+let PnSpotlight = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.formActionUrl = null;

package/cjs/pn-pex-pricefinder.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4199ff85.js');
+const index = require('./index-e3e27c79.js');
 
 const translations = {
   'sv': {
@@ -29,11 +29,14 @@ const translations = {
 
 const pnPexPricefinderCss = ".pex-pricefinder-top{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.pex-pricefinder-top pn-illustration{width:5.5rem;height:5.5rem;margin-right:1.6rem}.pex-pricefinder-form{margin:1.6rem 0 0 0;padding:0;border:0}.pex-pricefinder-form fieldset{margin:0;padding:0;border:0}.pex-pricefinder-form fieldset+fieldset{margin-top:1.6rem}.pex-pricefinder-form fieldset>div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:1em}.pex-pricefinder-form fieldset>div>*{-ms-flex-positive:1;flex-grow:1;width:100%}.pex-pricefinder-form pn-button{-ms-flex-item-align:end;align-self:end;margin-left:auto}.pex-pricefinder-form .datepicker{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}.pex-pricefinder-form .datepicker label{margin-bottom:0.4rem;color:#5E554A;font-size:0.875em;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:end;align-items:flex-end;cursor:pointer;-webkit-transition:color 0.2s;transition:color 0.2s}.pex-pricefinder-form .datepicker pn-date-picker{width:100%}.pex-pricefinder-response{margin-top:2.4rem;text-align:center;font-size:2.4em}";
 
-const PnPexPricefinder = class {
+let PnPexPricefinder = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    /** Specifies which language we want to show component in (sv,da,fi,no,en) */
     this.language = "sv";
+    /** Currency (Kr, €)*/
     this.currency = "Kr";
+    /** API Url */
     this.apiUrl = "/api/pex/order";
     this.i18n = translations.sv;
     this.fromzip = null;

package/cjs/pn-product-card_3.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4199ff85.js');
+const index = require('./index-e3e27c79.js');
 
 const pnProductCardCss = "pn-product-card{border:0.1rem solid #D3CECB;outline:none;background:#FFFFFF;-webkit-box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);display:-ms-flexbox;display:flex;word-break:break-word;text-decoration:none;border-radius:0.8rem;position:relative;padding:11rem 2.4rem 2.4rem;margin-bottom:1.6rem}@media screen and (min-width: 36em){pn-product-card{padding:2.4rem}}pn-product-card [slot=title]{display:-ms-flexbox;display:flex;width:100%;margin-bottom:0.8rem;gap:1.6rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}@media screen and (min-width: 36em){pn-product-card [slot=title]{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:inherit;align-items:inherit}}pn-product-card [slot=title] h2{width:100%}@media screen and (min-width: 36em){pn-product-card [slot=title] h2{width:auto}}pn-product-card [slot=title] h2>a{color:#000000}pn-product-card [slot=title] h2>a::after{content:\"\" !important}pn-product-card [slot=note]{margin-top:1em;margin-bottom:1em;font-size:0.8em}pn-product-card [slot=additionalUSP]{display:-ms-flexbox;display:flex}pn-product-card [slot=additionalUSP] :first-child{margin-left:0em}pn-product-card [slot=additionalUSP] span{margin-left:1em;background:#D3CECB;color:#2D2013;border-radius:0.25em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0.3em;margin-top:0.5em;font-size:0.75em}pn-product-card>pn-illustration{min-width:8rem;width:8rem;height:8rem;-ms-flex-item-align:center;align-self:center;position:absolute;top:1.6rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%;-webkit-box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);border-radius:100%}@media screen and (min-width: 36em){pn-product-card>pn-illustration{-webkit-box-shadow:none;box-shadow:none;top:1.6rem;right:1.6rem;left:auto;-webkit-transform:none;transform:none}}@media screen and (min-width: 48em){pn-product-card>pn-illustration{position:static;top:auto;right:auto;margin-right:3rem}}pn-product-card .cardcontent{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 48em){pn-product-card .cardcontent{-ms-flex-direction:row;flex-direction:row;gap:1.6rem}}pn-product-card [slot=cardprice]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:0.6em;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 36em){pn-product-card [slot=cardprice]{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=cardprice]{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}}pn-product-card [slot=mobiledownload]{margin-top:1rem;white-space:nowrap;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-product-card [slot=mobiledownload] #riktiga{-ms-flex-order:4;order:4;margin-top:1em}pn-product-card [slot=mobiledownload] #riktiga>div>a::after{content:\"\" !important}pn-product-card [slot=mobiledownload] .riktigaAndroidImg{width:6em;margin:0.5em}pn-product-card [slot=mobiledownload] .riktigaAppleImg{width:5.6em;margin:0.5em}pn-product-card [slot=mobiledownload] a{text-decoration:none;color:#005D92}pn-product-card [slot=mobiledownload] a h3{text-decoration:underline}pn-product-card [slot=servicepoint]{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:2;flex-grow:2;-ms-flex-align:end;align-items:flex-end;text-align:center}@media screen and (min-width: 36em){pn-product-card [slot=servicepoint]{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=servicepoint]{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}}pn-product-card .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:100%}pn-product-card .info{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-positive:1;flex-grow:1;-ms-flex-flow:wrap;flex-flow:wrap;padding:0 1em 0 0}pn-product-card .info>*{min-width:6em;margin:0.5em 1em 0.5em 0}";
 
-const PnProductCard = class {
+let PnProductCard = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
@@ -18,13 +18,9 @@ PnProductCard.style = pnProductCardCss;
 
 const pnProductCardInfoCss = "pn-product-card-info{-ms-flex-item-align:center;align-self:center}.cardinfocontent{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-positive:1;flex-grow:1;font-size:0.875em;gap:1.6rem}@media screen and (min-width: 36em){.cardinfocontent{-ms-flex-direction:row;flex-direction:row}}.cardinfocontent>div p{margin:0.25em 0.25em 0 0}.cardinfocontent-item{margin-top:0.5em}[slot=formatPre]{font-family:\"PostNordSans\", \"Verdana\";margin:0.5em 3em 0 0}[slot=formatPre]>strong{font-weight:bold}.cardinfoprice{display:-ms-flexbox;display:flex;font-size:1em;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}";
 
-const PnProductCardInfo = class {
+let PnProductCardInfo = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.rulle = undefined;
-    this.paket = undefined;
-    this.label = undefined;
-    this.text = undefined;
   }
   render() {
     return (this.label) ? (index.h(index.Host, null, index.h("div", { class: "cardinfocontent" }, (this.text) ? (index.h("pre", { slot: "formatPre" }, this.text)) : null))) : (index.h(index.Host, null, index.h("div", { class: "cardinfocontent" }, (this.paket) ? (index.h("div", { class: "cardinfocontent-item" }, index.h("strong", null, "Maxm\u00E5tt"), this.paket.split("/").map((item) => ((item.split(":").length > 1) ?
@@ -40,16 +36,9 @@ PnProductCardInfo.style = pnProductCardInfoCss;
 
 const pnProductCardPriceCss = "pn-product-card-price{margin-top:1rem;white-space:nowrap;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-product-card-price span:last-child{display:inline-block;margin-left:0.2em}pn-product-card-price+pn-product-card-price{margin-right:0}pn-product-card-price pn-icon{display:inline-block;-ms-flex-item-align:center;align-self:center}pn-product-card-price .price{font-size:2.5em;font-weight:bold;-ms-flex-order:1;order:1}pn-product-card-price pn-button{min-width:12.8em;font-size:1.25;-ms-flex-order:2;order:2}@media screen and (min-width: 48em){pn-product-card-price pn-button{-ms-flex-order:3;order:3;margin-bottom:1.6rem}}pn-product-card-price p{font-weight:lighter;font-size:0.875em;-ms-flex-item-align:center;align-self:center;margin-top:0.8rem;-ms-flex-order:3;order:3}@media screen and (min-width: 48em){pn-product-card-price p{-ms-flex-order:2;order:2}}";
 
-const PnProductCardPrice = class {
+let PnProductCardPrice = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.label = undefined;
-    this.amount = undefined;
-    this.currency = undefined;
-    this.note = undefined;
-    this.url = undefined;
-    this.service = undefined;
-    this.linkid = undefined;
   }
   render() {
     if (!this.amount) {

package/cjs/pn-product-pricelist-result.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-4199ff85.js');
-const index = require('./index-95e5b7f9.js');
+const index$1 = require('./index-e3e27c79.js');
+const index = require('./index-28bbc937.js');
 const data = require('./data-e77c1ada.js');
 
 // Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store
@@ -23,7 +23,7 @@ const { state, onChange } = index.createStore({
 
 const pnProductPricelistResultCss = "";
 
-const PnFindProductPricelistResult = class {
+let PnFindProductPricelistResult = class {
   constructor(hostRef) {
     index$1.registerInstance(this, hostRef);
     this.item = null;

package/cjs/pn-product-pricelist.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4199ff85.js');
+const index = require('./index-e3e27c79.js');
 const data = require('./data-e77c1ada.js');
 const convert = require('./convert-b219d02d.js');
-const pnFindPriceStore = require('./pn-find-price-store-e0d1e412.js');
+const pnFindPriceStore = require('./pn-find-price-store-a91ce3f6.js');
 require('./_commonjsHelpers-206db00d.js');
-require('./index-95e5b7f9.js');
+require('./index-28bbc937.js');
 
 const translations = {
   'sv': {
@@ -84,7 +84,7 @@ const markets = {
 
 const pnProductPricelistCss = "pn-product-pricelist pn-spinner{margin:1em auto}pn-product-pricelist h2,pn-product-pricelist .heading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:1rem}pn-product-pricelist .content,pn-product-pricelist .weightselection,pn-product-pricelist .resultlist{max-width:50em;margin:0 auto 1.6rem}pn-product-pricelist .weightoption{display:-ms-flexbox;display:flex;gap:1.6rem}pn-product-pricelist .weightoption-input{width:5em;position:relative;display:none}pn-product-pricelist .weightoption-input input::-webkit-outer-spin-button,pn-product-pricelist .weightoption-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}pn-product-pricelist .weightoption-input-abbreviation{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:1.2em;margin-top:1.55rem;font-weight:500}pn-product-pricelist .weightoption-range{-ms-flex-positive:1;flex-grow:1;-ms-flex-item-align:end;align-self:flex-end;position:relative;top:0.5em}pn-product-pricelist .weightoption-range input{width:calc(100% - 1.5em)}pn-product-pricelist .weightoption-range datalist{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;font-size:0.75em}pn-product-pricelist .resultlist:not([data-list-count=\"0\"]){margin-top:2em}";
 
-const PnFindProductPricelist = class {
+let PnFindProductPricelist = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.source = "https://com-integration.postnord.com/globalassets/global/prices/sv-findprice-1-PN.xlsx";