@postnord/pn-marketweb-components 1.0.23 → 1.0.27

package/cjs/{MarketWebContextService-420668a7.js → MarketWebContextService-f4d6fac4.js}

@@ -31,7 +31,7 @@ class MarketWebContextService {
     this.environments = {
       "production": {
         "name": "production",
-        "url": "https://com-production.postnord.com/"
+        "url": "https://www.postnord.xx/"
       },
       "preproduction": {
         "name": "preproduction",
@@ -59,11 +59,19 @@ class MarketWebContextService {
     await this.resolveMarket();
     return this.market;
   }
-  async getEndpoint(environmentName) {
+  async getEndpoint(environmentName, marketName = "") {
+    let url = this.environments.production.url;
     if (this.environments[environmentName]) {
-      return this.environments[environmentName].url;
+      url = this.environments[environmentName].url;
+      if (environmentName === this.environments.production.name) {
+        console.log('market 1', marketName);
+        console.log('market 2', marketName);
+        url = url.replace(".xx", "." + marketName);
+        console.log('url', url);
+      }
+      console.log('this.environments.production.url', this.environments.production.url);
     }
-    return this.environments.production.url;
+    return url;
   }
   async getEnvironmentName() {
     const likelyEnvironment = this.environmentTypes.filter(x => this.url.hostname.indexOf(('-' + x)) !== -1)[0];

package/cjs/pn-filter-checkbox.cjs.entry.js

@@ -37,6 +37,7 @@ let PnFilterCheckbox = class {
     let outsideInput = this.hostElement.querySelector("input.hidden-" + this.checkboxid);
     if (outsideInput) {
       outsideInput.value = (checkboxInput.checked) ? this.value : "";
+      outsideInput.dispatchEvent(new CustomEvent("change", { detail: outsideInput }));
     }
   }
   checkAndSetIndeterminateState() {

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

@@ -225,7 +225,7 @@ let PnMainnav = class {
 };
 PnMainnav.style = pnMainnavCss;
 
-const pnMainnavLevelCss = "pn-mainnav-level{display:block}pn-mainnav-level[data-level=\"1\"]{width:100%;right:0;overflow-y:scroll;overflow-x:hidden;-ms-flex:1;flex:1}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"1\"]{width:auto;overflow:initial}pn-mainnav-level[data-level=\"1\"]::-webkit-scrollbar{display:none}}pn-mainnav-level[data-level=\"2\"]{position:absolute;top:0;bottom:0;left:0;width:100vw;padding:0;background-color:#FFFFFF;z-index:1;-webkit-transform:translateX(100vw);transform:translateX(100vw);-webkit-transition:-webkit-transform 0.2s 0s;transition:-webkit-transform 0.2s 0s;transition:transform 0.2s 0s;transition:transform 0.2s 0s, -webkit-transform 0.2s 0s;-webkit-transition-property:visibility, -webkit-transform;transition-property:visibility, -webkit-transform;transition-property:transform, visibility;transition-property:transform, visibility, -webkit-transform;overflow:scroll;visibility:hidden}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"]{left:0;top:calc(100% + 1rem);bottom:auto;border-radius:1.6rem;width:auto;padding:1.6rem 1.6rem 0 1.6rem;-webkit-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);-moz-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);height:auto;z-index:3;display:none}pn-mainnav-level[data-level=\"2\"][data-menuitem-rightaligned=true]{right:0;left:unset}}@media screen and (max-height: 33.125em){pn-mainnav-level[data-level=\"2\"]{-ms-overflow-style:none;scrollbar-width:none}pn-mainnav-level[data-level=\"2\"]::-webkit-scrollbar{display:none}}pn-mainnav-level[data-level=\"2\"][aria-hidden=false]{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"][aria-hidden=false]{display:block;overflow:visible}pn-mainnav-level[data-level=\"2\"][aria-hidden=false]:not([data-level-listcount=\"1\"]){display:grid;grid-template-columns:minmax(12em, 20em) 1fr;grid-template-rows:auto auto;gap:0px 1.6rem;grid-template-areas:\"top top\" \"left right\"}}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"][data-level-alignment=left]{right:0;left:unset}}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"][data-level-alignment=center]{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}pn-mainnav-level[data-level=\"2\"] a{color:#005D92;text-decoration:none}pn-mainnav-level [slot=top]{display:-ms-flexbox;display:flex}@media screen and (min-width: 48em){pn-mainnav-level [slot=top]{display:none}}[data-menu-currentlevel=\"2\"] pn-mainnav-level [slot=footer]{display:none}.mainnav-level-header{grid-area:top}.mainnav-level-header>label{position:absolute;width:0.1rem;height:0.1rem;padding:0;margin:-0.1rem;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;white-space:nowrap}.mainnav-level-header>button{display:block;position:relative;border:none;background-color:transparent;color:#005D92;padding:2.4rem 0 2.4rem 6.2rem;width:100%;text-align:left}@media screen and (min-width: 64em){.mainnav-level-header>button{display:none;speak:none}}.mainnav-level-header>button>pn-icon{speak:none;position:absolute;height:2.4rem;width:2.4rem;left:3rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-level=\"2\"] .mainnav-level-header>pn-mainnav-link>a{font-size:2.4rem}";
+const pnMainnavLevelCss = "pn-mainnav-level{display:block}pn-mainnav-level[data-level=\"1\"]{width:100%;right:0;overflow-y:scroll;overflow-x:hidden;-ms-flex:1;flex:1}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"1\"]{width:auto;overflow:initial}pn-mainnav-level[data-level=\"1\"]::-webkit-scrollbar{display:none}}pn-mainnav-level[data-level=\"2\"]{position:absolute;top:0;bottom:0;left:0;width:100vw;padding:0;background-color:#FFFFFF;z-index:1;-webkit-transform:translateX(100vw);transform:translateX(100vw);-webkit-transition:-webkit-transform 0.2s 0s;transition:-webkit-transform 0.2s 0s;transition:transform 0.2s 0s;transition:transform 0.2s 0s, -webkit-transform 0.2s 0s;-webkit-transition-property:visibility, -webkit-transform;transition-property:visibility, -webkit-transform;transition-property:transform, visibility;transition-property:transform, visibility, -webkit-transform;overflow:scroll;visibility:hidden}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"]{left:0;top:calc(100% + 1rem);bottom:auto;border-radius:1.6rem;width:auto;padding:1.6rem 1.6rem 0 1.6rem;-webkit-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);-moz-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);height:auto;z-index:3;display:none}pn-mainnav-level[data-level=\"2\"][data-menuitem-rightaligned=true]{right:0;left:unset}}@media screen and (max-height: 33.125em){pn-mainnav-level[data-level=\"2\"]{-ms-overflow-style:none;scrollbar-width:none}pn-mainnav-level[data-level=\"2\"]::-webkit-scrollbar{display:none}}pn-mainnav-level[data-level=\"2\"][aria-hidden=false]{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"][aria-hidden=false]{display:block;overflow:visible}pn-mainnav-level[data-level=\"2\"][aria-hidden=false]:not([data-level-listcount=\"1\"]){display:grid;grid-template-columns:minmax(12em, 20em) 1fr;grid-template-rows:auto auto;gap:0px 1.6rem;grid-template-areas:\"top top\" \"left right\"}}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"][data-level-alignment=left]{right:0;left:unset}}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"][data-level-alignment=center]{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}pn-mainnav-level[data-level=\"2\"] a{color:#005D92;text-decoration:none}pn-mainnav-level [slot=top]{display:-ms-flexbox;display:flex}@media screen and (min-width: 48em){pn-mainnav-level [slot=top]{display:none}}[data-menu-currentlevel=\"2\"] pn-mainnav-level [slot=footer]{display:none;-ms-scroll-chaining:none;overscroll-behavior:contain}.mainnav-level-header{grid-area:top}.mainnav-level-header>label{position:absolute;width:0.1rem;height:0.1rem;padding:0;margin:-0.1rem;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;white-space:nowrap}.mainnav-level-header>button{display:block;position:relative;border:none;background-color:transparent;color:#005D92;padding:2.4rem 0 2.4rem 6.2rem;width:100%;text-align:left}@media screen and (min-width: 64em){.mainnav-level-header>button{display:none;speak:none}}.mainnav-level-header>button>pn-icon{speak:none;position:absolute;height:2.4rem;width:2.4rem;left:3rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-level=\"2\"] .mainnav-level-header>pn-mainnav-link>a{font-size:2.4rem}";
 
 let PnMainnavLevel = class {
   constructor(hostRef) {
@@ -378,13 +378,15 @@ class PNLoginManager {
     this.endpoint = options.endpoint ? options.endpoint : `${window.location.protocol}//${window.location.host}`;
     (_a = this.storagePrefix) !== null && _a !== void 0 ? _a : (this.storagePrefix = options.storagePrefix);
   }
-  init() {
-    this.checkParameters();
-    this.checkExpireTime();
-    if (this.store.get(this.keys.token) && !this.store.get(this.keys.user)) {
-      this.fetchUserInfo();
+  init(checkParameters = true) {
+    if (checkParameters) {
+      this.checkParameters();
+      this.checkExpireTime();
+      if (this.store.get(this.keys.token) && !this.store.get(this.keys.user)) {
+        this.fetchUserInfo();
+      }
+      this.loginStateChange();
     }
-    this.loginStateChange();
   }
   isLoggedIn() {
     const isLoggedIn = (this.store.get(this.keys.token) && this.store.get(this.keys.user)) ? true : false;
@@ -529,7 +531,7 @@ let PnMarketwebSiteheaderLogin = class {
   }
   async init() {
     this.toggleButtonText = this.loginDialog.loginMenuLinkText;
-    this.loginManager.init();
+    this.loginManager.init(this.emitEvents);
     this.setToggleButtonText();
   }
   setToggleButtonText() {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0404c97e.js');
-const MarketWebContextService = require('./MarketWebContextService-420668a7.js');
+const MarketWebContextService = require('./MarketWebContextService-f4d6fac4.js');
 
 const translations = {
   'sv': {
@@ -78,21 +78,21 @@ let PnMarketwebSiteheader = class {
   async setInitialValues(href = window.location.href) {
     var _a;
     const marketWebContextService = new MarketWebContextService.MarketWebContextService(href);
-    if (this.market === null) {
+    if (!this.market) {
       const resolvedMarket = await marketWebContextService.getMarket();
       this.market = resolvedMarket;
     }
-    if (this.language === null) {
+    if (!this.language) {
       const resolvedMarket = await marketWebContextService.getLanguage();
       this.language = resolvedMarket;
     }
-    if (this.environment === null) {
+    if (!this.environment) {
       this.environment = await marketWebContextService.getEnvironmentName();
     }
-    if (this.endpoint === null && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
-      this.endpoint = await marketWebContextService.getEndpoint(this.environment);
+    if ((!this.endpoint) && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
+      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);
     }
-    if (this.endpoint === null) {
+    if (!this.endpoint) {
       this.endpoint = "";
     }
   }
@@ -161,19 +161,24 @@ let PnMarketwebSiteheader = class {
     this.gotData = true;
     this.fetchingData = true;
   }
+  uniqueId(text) {
+    return "footer-" + text.replace(/[^A-Za-z0-9.\\\/]/igm, "");
+  }
   render() {
     var _a, _b, _c, _d, _e;
     return (index.h(index.Host, { language: this.language, market: this.market, environment: this.environment }, index.h("pn-site-footer", { url: (_b = (_a = this.siteDefinition) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : "" }, (this.gotData && ((_c = this.footerContent) === null || _c === void 0 ? void 0 : _c.columns)) ? this.footerContent.columns.map((column) => (index.h("pn-site-footer-col", null, index.h("h3", null, column.heading), column.links ? (index.h("ul", Object.assign({}, ((column.links && column.links[0] && column.links[0].linkType) && { 'class': 'social-media' })), column.links.map((link) => {
-      var linkText = link.linkText;
+      let linkText = link.linkText;
       if (link.linkType) {
         linkText = this.getLinkContentByType(link.linkType);
       }
-      return (index.h("li", null, index.h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, innerHTML: linkText }))));
+      let linkId = this.uniqueId(linkText);
+      return (index.h("li", null, index.h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, innerHTML: linkText, id: linkId }))));
     }))) : null, column.body ? (index.h("div", { innerHTML: column.body })) : null))) : null, index.h("div", { slot: "bottom" }, (this.gotData && ((_d = this.footerContent) === null || _d === void 0 ? void 0 : _d.copyrightText)) ? (index.h("span", null, this.footerContent.copyrightText)) : null, (this.gotData && ((_e = this.footerContent) === null || _e === void 0 ? void 0 : _e.bottomLinks)) ? (index.h("span", null, this.footerContent.bottomLinks.map((link) => {
       if (!link.linkHref) {
         return (index.h("span", null, link.linkText));
       }
-      return (index.h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText }), link.linkText));
+      let linkId = this.uniqueId(link.linkText);
+      return (index.h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, id: linkId }), link.linkText));
     }))) : null))));
   }
   get hostElement() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0404c97e.js');
-const MarketWebContextService = require('./MarketWebContextService-420668a7.js');
+const MarketWebContextService = require('./MarketWebContextService-f4d6fac4.js');
 
 const translations = {
   'sv': {
@@ -105,21 +105,21 @@ let PnMarketwebSiteheader = class {
   async setInitialValues(href = window.location.href) {
     var _a;
     const marketWebContextService = new MarketWebContextService.MarketWebContextService(href);
-    if (this.market === null) {
+    if (!this.market) {
       const resolvedMarket = await marketWebContextService.getMarket();
       this.market = resolvedMarket;
     }
-    if (this.language === null) {
+    if (!this.language) {
       const resolvedMarket = await marketWebContextService.getLanguage();
       this.language = resolvedMarket;
     }
-    if (this.environment === null) {
+    if (!this.environment) {
       this.environment = await marketWebContextService.getEnvironmentName();
     }
-    if (this.endpoint === null && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
-      this.endpoint = await marketWebContextService.getEndpoint(this.environment);
+    if (!this.endpoint && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
+      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);
     }
-    if (this.endpoint === null) {
+    if (!this.endpoint) {
       this.endpoint = "";
     }
   }
@@ -153,7 +153,9 @@ let PnMarketwebSiteheader = class {
     this.fetchingData = true;
     const endpointBase = (this.endpoint.lastIndexOf("/") === this.endpoint.length - 1) ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;
     const fetchUrl = `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}`;
-    const response = await fetch(fetchUrl);
+    const response = await fetch(fetchUrl, {
+      'mode': 'cors'
+    });
     const data = await response.json();
     await this.setStateFromData(data);
   }

package/cjs/pn-site-footer_2.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0404c97e.js');
 
-const pnSiteFooterCss = "pn-site-footer{display:block;line-height:1.5}pn-site-footer a{color:#005D92}pn-site-footer a:hover{color:#0D234B;text-decoration:underline}pn-site-footer h3{font-size:2.4rem;margin-bottom:0.5rem;line-height:1.2}pn-site-footer p{font-size:1.6rem}pn-site-footer ul.social-media{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row}pn-site-footer ul.social-media li{margin-right:1.6rem}pn-site-footer>svg{display:block}pn-site-footer>div{background:#F3F2F2}.pn-sitefooter-cols{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;max-width:90em}.pn-sitefooter-bottom [slot=bottom]{max-width:90em;margin:0 auto;padding:1.6rem 0;display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #D3CECB;border-bottom:1px solid #D3CECB}.pn-sitefooter-bottom [slot=bottom] span,.pn-sitefooter-bottom [slot=bottom] a{line-height:2;margin:0 1.6rem;text-decoration:none}.pn-sitefooter-bottom [slot=bottom] li{line-height:2em;margin:0 1.6rem}.pn-sitefooter-logo{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;padding:3rem}.pn-sitefooter-logo svg{display:block;width:13.3rem;height:2.6rem}";
+const pnSiteFooterCss = "pn-site-footer{display:block;line-height:1.5}pn-site-footer a{color:#005D92}pn-site-footer a:hover{color:#0D234B;text-decoration:underline}pn-site-footer h3{font-size:2.4rem;margin-bottom:0.5rem;line-height:1.2}pn-site-footer p{font-size:1.6rem}pn-site-footer ul.social-media{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row}pn-site-footer ul.social-media li{margin-right:1.6rem}pn-site-footer>svg{display:block}pn-site-footer>div{background:#F3F2F2}.pn-sitefooter-top{display:-ms-flexbox;display:flex}.pn-sitefooter-cols{-ms-flex-item-align:center;align-self:center;-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;max-width:90em}.pn-sitefooter-bottom [slot=bottom]{max-width:90em;margin:0 auto;padding:1.6rem 0;display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #D3CECB;border-bottom:1px solid #D3CECB}.pn-sitefooter-bottom [slot=bottom] span,.pn-sitefooter-bottom [slot=bottom] a{line-height:2;margin:0 1.6rem;text-decoration:none}.pn-sitefooter-bottom [slot=bottom] li{line-height:2em;margin:0 1.6rem}.pn-sitefooter-logo{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;padding:3rem}.pn-sitefooter-logo svg{display:block;width:13.3rem;height:2.6rem}";
 
 let PnSiteFooter = class {
   constructor(hostRef) {
@@ -20,7 +20,7 @@ let PnSiteFooter = class {
 };
 PnSiteFooter.style = pnSiteFooterCss;
 
-const pnSiteFooterColCss = "pn-site-footer-col{min-width:25%;padding:2.5em 1.5rem 0}pn-site-footer-col ul{list-style-type:none;padding:0;margin:0}pn-site-footer-col li{margin-bottom:1.6rem}pn-site-footer-col a{text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}pn-site-footer-col p{margin-top:0;margin-bottom:1rem}";
+const pnSiteFooterColCss = "pn-site-footer-col{min-width:15em;padding:2.5em 1.5rem 0}@media screen and (min-width: 48em){pn-site-footer-col{max-width:25%}}pn-site-footer-col ul{list-style-type:none;padding:0;margin:0}pn-site-footer-col li{margin-bottom:1.6rem}pn-site-footer-col a{text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}pn-site-footer-col p{margin-top:0;margin-bottom:1rem}";
 
 let PnSiteFooterCol = class {
   constructor(hostRef) {

package/collection/components/input/pn-filter-checkbox/pn-filter-checkbox.js

@@ -29,6 +29,7 @@ export class PnFilterCheckbox {
     let outsideInput = this.hostElement.querySelector("input.hidden-" + this.checkboxid);
     if (outsideInput) {
       outsideInput.value = (checkboxInput.checked) ? this.value : "";
+      outsideInput.dispatchEvent(new CustomEvent("change", { detail: outsideInput }));
     }
   }
   checkAndSetIndeterminateState() {

package/collection/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.js

@@ -23,21 +23,21 @@ export class PnMarketwebSiteheader {
   async setInitialValues(href = window.location.href) {
     var _a;
     const marketWebContextService = new MarketWebContextService(href);
-    if (this.market === null) {
+    if (!this.market) {
       const resolvedMarket = await marketWebContextService.getMarket();
       this.market = resolvedMarket;
     }
-    if (this.language === null) {
+    if (!this.language) {
       const resolvedMarket = await marketWebContextService.getLanguage();
       this.language = resolvedMarket;
     }
-    if (this.environment === null) {
+    if (!this.environment) {
       this.environment = await marketWebContextService.getEnvironmentName();
     }
-    if (this.endpoint === null && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
-      this.endpoint = await marketWebContextService.getEndpoint(this.environment);
+    if ((!this.endpoint) && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
+      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);
     }
-    if (this.endpoint === null) {
+    if (!this.endpoint) {
       this.endpoint = "";
     }
   }
@@ -106,6 +106,9 @@ export class PnMarketwebSiteheader {
     this.gotData = true;
     this.fetchingData = true;
   }
+  uniqueId(text) {
+    return "footer-" + text.replace(/[^A-Za-z0-9.\\\/]/igm, "");
+  }
   render() {
     var _a, _b, _c, _d, _e;
     return (h(Host, { language: this.language, market: this.market, environment: this.environment },
@@ -113,12 +116,13 @@ export class PnMarketwebSiteheader {
         (this.gotData && ((_c = this.footerContent) === null || _c === void 0 ? void 0 : _c.columns)) ? this.footerContent.columns.map((column) => (h("pn-site-footer-col", null,
           h("h3", null, column.heading),
           column.links ? (h("ul", Object.assign({}, ((column.links && column.links[0] && column.links[0].linkType) && { 'class': 'social-media' })), column.links.map((link) => {
-            var linkText = link.linkText;
+            let linkText = link.linkText;
             if (link.linkType) {
               linkText = this.getLinkContentByType(link.linkType);
             }
+            let linkId = this.uniqueId(linkText);
             return (h("li", null,
-              h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, innerHTML: linkText }))));
+              h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, innerHTML: linkText, id: linkId }))));
           }))) : null,
           column.body ? (h("div", { innerHTML: column.body })) : null))) : null,
         h("div", { slot: "bottom" },
@@ -127,7 +131,8 @@ export class PnMarketwebSiteheader {
             if (!link.linkHref) {
               return (h("span", null, link.linkText));
             }
-            return (h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText }), link.linkText));
+            let linkId = this.uniqueId(link.linkText);
+            return (h("a", Object.assign({ href: link.linkHref }, (link.openInNewWindow && { target: '_blank' }), { title: link.linkText, id: linkId }), link.linkText));
           }))) : null))));
   }
   static get is() { return "pn-marketweb-sitefooter"; }

package/collection/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.stories.js

@@ -4,7 +4,7 @@ export default {
   title: "Web Components/Market web site Footer",
   parameters: {
     notes: readme,
-    layout: 'fullscreen'
+    layout: 'fullscreen',
   },
   argTypes: {
     market : {
@@ -42,15 +42,18 @@ const Template = ({ ...args }) => {
   return `<pn-marketweb-sitefooter 
   market="${ args.market }"
   language="${ args.language }"
-  endpoint="${ args.endpoint }">
+  endpoint="${ args.endpoint }"
+  environment="${ args.environment }"
+  >
 </pn-marketweb-sitefooter>`;
 };
 
 export const Primary = Template.bind({});
 Primary.args = {
-  market : "se",
-  language: 'sv',
-  endpoint: 'https://com-integration.postnord.com'
+  market : "com",
+  language: 'en',
+  environment: "production",
+  endpoint: "",// 'https://www.postnord.se'
 };
 
 

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.js

@@ -19,7 +19,7 @@ export class PnMarketwebSiteheaderLogin {
   }
   async init() {
     this.toggleButtonText = this.loginDialog.loginMenuLinkText;
-    this.loginManager.init();
+    this.loginManager.init(this.emitEvents);
     this.setToggleButtonText();
   }
   setToggleButtonText() {

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-loginmanager.js

@@ -59,14 +59,15 @@ class PNLoginManager {
     this.endpoint = options.endpoint ? options.endpoint : `${window.location.protocol}//${window.location.host}`;
     (_a = this.storagePrefix) !== null && _a !== void 0 ? _a : (this.storagePrefix = options.storagePrefix);
   }
-  init() {
-    window.addEventListener;
-    this.checkParameters();
-    this.checkExpireTime();
-    if (this.store.get(this.keys.token) && !this.store.get(this.keys.user)) {
-      this.fetchUserInfo();
+  init(checkParameters = true) {
+    if (checkParameters) {
+      this.checkParameters();
+      this.checkExpireTime();
+      if (this.store.get(this.keys.token) && !this.store.get(this.keys.user)) {
+        this.fetchUserInfo();
+      }
+      this.loginStateChange();
     }
-    this.loginStateChange();
   }
   isLoggedIn() {
     const isLoggedIn = (this.store.get(this.keys.token) && this.store.get(this.keys.user)) ? true : false;

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js

@@ -48,21 +48,21 @@ export class PnMarketwebSiteheader {
   async setInitialValues(href = window.location.href) {
     var _a;
     const marketWebContextService = new MarketWebContextService(href);
-    if (this.market === null) {
+    if (!this.market) {
       const resolvedMarket = await marketWebContextService.getMarket();
       this.market = resolvedMarket;
     }
-    if (this.language === null) {
+    if (!this.language) {
       const resolvedMarket = await marketWebContextService.getLanguage();
       this.language = resolvedMarket;
     }
-    if (this.environment === null) {
+    if (!this.environment) {
       this.environment = await marketWebContextService.getEnvironmentName();
     }
-    if (this.endpoint === null && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
-      this.endpoint = await marketWebContextService.getEndpoint(this.environment);
+    if (!this.endpoint && ((_a = this.environment) === null || _a === void 0 ? void 0 : _a.indexOf('local')) === -1) {
+      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);
     }
-    if (this.endpoint === null) {
+    if (!this.endpoint) {
       this.endpoint = "";
     }
   }
@@ -96,7 +96,9 @@ export class PnMarketwebSiteheader {
     this.fetchingData = true;
     const endpointBase = (this.endpoint.lastIndexOf("/") === this.endpoint.length - 1) ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;
     const fetchUrl = `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}`;
-    const response = await fetch(fetchUrl);
+    const response = await fetch(fetchUrl, {
+      'mode': 'cors'
+    });
     const data = await response.json();
     await this.setStateFromData(data);
   }

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js

@@ -62,7 +62,7 @@ export const Primary = PrimaryTemplate.bind({});
 Primary.args = {
   market : "se",
   language: 'sv',
-  endpoint: 'https://com-preproduction.postnord.com'
+  endpoint: 'https://com-integration.postnord.com'
 };
 
 

package/collection/components/navigation/pn-mainnav/pn-mainnav-level.css

@@ -104,6 +104,7 @@ pn-mainnav-level [slot=top] {
 }
 [data-menu-currentlevel="2"] pn-mainnav-level [slot=footer] {
   display: none;
+  overscroll-behavior: contain;
 }
 
 .mainnav-level-header {

package/collection/components/navigation/pn-site-footer/pn-site-footer-col.css

@@ -1,7 +1,12 @@
 pn-site-footer-col {
-  min-width: 25%;
+  min-width: 15em;
   padding: 2.5em 1.5rem 0;
 }
+@media screen and (min-width: 48em) {
+  pn-site-footer-col {
+    max-width: 25%;
+  }
+}
 pn-site-footer-col ul {
   list-style-type: none;
   padding: 0;

package/collection/components/navigation/pn-site-footer/pn-site-footer.css

@@ -31,7 +31,13 @@ pn-site-footer > div {
   background: #F3F2F2;
 }
 
+.pn-sitefooter-top {
+  display: flex;
+}
+
 .pn-sitefooter-cols {
+  align-self: center;
+  justify-content: center;
   display: flex;
   flex-flow: row wrap;
   margin: 0 auto;

package/collection/components/navigation/pn-site-footer/site-footer.stories.js

@@ -85,3 +85,81 @@ export const Primary = Template.bind({});
 Primary.args = {
   logoUrl : "https://www.postnord.se"
 };
+
+
+
+const TemplateNorwegian = ({ ...args }) => {
+  return `
+  <pn-site-footer url="${args.logoUrl}">
+  <pn-site-footer-col>
+        <h3>Finn oss</h3>
+        <ul></ul>
+        <div><a href="https://my.postnord.no/service-points?context=privat"
+                title="Søk etter pakkeleveringssted">
+                <pn-icon symbol="map-marker" color="blue700" class="pn-icon hydrated"
+                    innerhtml="<svg viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;><path fill-rule=&quot;evenodd&quot; clip-rule=&quot;evenodd&quot; d=&quot;M12 2a8 8 0 00-6.857 12.124l.014.022 4.454 6.586a2.884 2.884 0 004.778 0l4.454-6.586.014-.022A8 8 0 0012 2zm-6 8a6 6 0 1111.156 3.07l-4.424 6.541a.883.883 0 01-1.464 0L6.844 13.07A5.968 5.968 0 016 10zm6-2.5a2.5 2.5 0 100 5 2.5 2.5 0 000-5z&quot; fill=&quot;#005D92&quot;/></svg>">
+                    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path fill-rule="evenodd" clip-rule="evenodd"
+                            d="M12 2a8 8 0 00-6.857 12.124l.014.022 4.454 6.586a2.884 2.884 0 004.778 0l4.454-6.586.014-.022A8 8 0 0012 2zm-6 8a6 6 0 1111.156 3.07l-4.424 6.541a.883.883 0 01-1.464 0L6.844 13.07A5.968 5.968 0 016 10zm6-2.5a2.5 2.5 0 100 5 2.5 2.5 0 000-5z"
+                            fill="#005D92"></path>
+                    </svg></pn-icon>Søk etter pakkeleveringssted
+            </a>
+            <p>&nbsp;</p>
+            <p>Besøksadresse:<br>Alfaset, 3. industrivei 25<br>0668 Oslo</p>
+            <p>Postadresse:<br>Postboks 6441 Etterstad<br>0605 Oslo</p>
+        </div>
+    </pn-site-footer-col>
+    <pn-site-footer-col>
+        <h3>Om oss</h3>
+        <ul>
+            <li><a href="/om-oss/jobb" title="Jobb og karriere">Jobb og karriere</a></li>
+            <li><a href="/nyheter" title="Nyheter og pressemeldinger">Nyheter og pressemeldinger</a></li>
+            <li><a href="/om-oss/avdelinger-og-butikker" title="Avdelinger og PostNord-butikker">Avdelinger og
+                    PostNord-butikker</a></li>
+            <li><a href="/om-oss/samfunnsansvar" title="Samfunnsansvar">Samfunnsansvar</a></li>
+        </ul>
+    </pn-site-footer-col>
+    <pn-site-footer-col>
+        <h3>Kontakt oss</h3>
+        <ul>
+            <li><a href="/om-oss/media" title="Pressekontakter">Pressekontakter</a></li>
+            <li><a href="/tjenester-bedrift/tilbud" title="Bli kunde">Bli kunde</a></li>
+        </ul>
+    </pn-site-footer-col>
+    <pn-site-footer-col>
+        <h3>Følg oss</h3>
+        <ul class="social-media">
+            <li><a href="https://www.facebook.com/PostNordNorge" title="Facebook"><svg width="56" height="56"
+                        viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <circle cx="28" cy="28" r="28" fill="#005D92"></circle>
+                        <path fill-rule="evenodd" clip-rule="evenodd"
+                            d="M38.6754 16H17.3246C16.593 16 16 16.5929 16 17.3246V38.6754C16 39.407 16.593 40 17.3246 40H28.8191V30.706H25.6915V27.0839H28.8191V24.4127C28.8191 21.3128 30.7124 19.6248 33.4778 19.6248C34.8023 19.6248 35.9409 19.7235 36.2726 19.7675V23.0071L34.3547 23.008C32.8507 23.008 32.5596 23.7226 32.5596 24.7713V27.0839H36.1463L35.6793 30.706H32.5596V40H38.6754C39.407 40 40 39.407 40 38.6754V17.3246C40 16.5929 39.407 16 38.6754 16Z"
+                            fill="white"></path>
+                    </svg></a></li>
+            <li><a href="https://twitter.com/PostNordNorgeAS" title="Twitter"><svg width="56" height="56"
+                        viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <circle cx="28" cy="28" r="28" fill="#005D92"></circle>
+                        <path fill-rule="evenodd" clip-rule="evenodd"
+                            d="M41.3337 19.8587C40.3525 20.2871 39.2981 20.5766 38.1914 20.7068C39.321 20.0402 40.1884 18.9847 40.5969 17.7272C39.5399 18.3443 38.369 18.7925 37.1228 19.0341C36.1248 17.9874 34.7029 17.3333 33.1294 17.3333C30.1079 17.3333 27.6583 19.7446 27.6583 22.7188C27.6583 23.1409 27.7067 23.552 27.8 23.9461C23.253 23.7216 19.2218 21.5775 16.5234 18.3191C16.0525 19.1146 15.7827 20.0397 15.7827 21.0267C15.7827 22.8951 16.7486 24.5436 18.2166 25.5093C17.3197 25.4814 16.4762 25.2391 15.7385 24.8358C15.7381 24.8582 15.7381 24.8808 15.7381 24.9035C15.7381 27.5129 17.6239 29.6896 20.1267 30.1843C19.6676 30.3074 19.1843 30.3732 18.6853 30.3732C18.3328 30.3732 17.99 30.3395 17.656 30.2766C18.3522 32.4163 20.3726 33.9733 22.7667 34.0168C20.8943 35.4612 18.5353 36.3222 15.9721 36.3222C15.5305 36.3222 15.095 36.2968 14.667 36.2471C17.0881 37.7751 19.9639 38.6666 23.0535 38.6666C33.1166 38.6666 38.6195 30.4602 38.6195 23.3433C38.6195 23.1098 38.6142 22.8776 38.6037 22.6466C39.6725 21.8873 40.6002 20.9387 41.3337 19.8587Z"
+                            fill="white"></path>
+                    </svg></a></li>
+            <li><a href="https://www.linkedin.com/company/postnord-norge" title="LinkedIn "><svg width="56"
+                        height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <circle cx="28" cy="28" r="28" fill="#005D92"></circle>
+                        <path
+                            d="M37.5809 16H18.4191C17.0832 16 16 17.0747 16 18.399V37.601C16 38.9267 17.0832 40 18.4191 40H37.5809C38.9182 40 40 38.9253 40 37.601V18.399C40 17.0747 38.9182 16 37.5809 16ZM23.7013 34.9895H20.4725V24.7229H23.7013V34.9895ZM22.0653 23.4634C21.0462 23.4634 20.3874 22.7487 20.3874 21.8672C20.3874 20.965 21.0672 20.2711 22.1085 20.2711C23.1499 20.2711 23.7864 20.9636 23.8074 21.8672C23.8074 22.7501 23.1485 23.4634 22.0653 23.4634ZM35.4912 34.9895H32.2624V29.3002C32.2624 27.9772 31.7948 27.075 30.6264 27.075C29.7344 27.075 29.204 27.6834 28.9695 28.2711C28.8843 28.4808 28.8634 28.7746 28.8634 29.0685V34.9881H25.6332V27.9979C25.6332 26.7177 25.5913 25.6472 25.5481 24.7229H28.3525L28.5018 26.1507H28.566C28.9904 25.4789 30.0318 24.4925 31.7739 24.4925C33.8984 24.4925 35.4912 25.8996 35.4912 28.9222V34.9895Z"
+                            fill="white"></path>
+                    </svg></a></li>
+        </ul>
+    </pn-site-footer-col>
+    <div slot="bottom"><span>PostNord AS</span><span><a href="/cookies" title="PostNords cookiepolicy">PostNords
+        cookiepolicy</a><a href="/personvernerklaering"
+        title="Personvernerklæring">Personvernerklæring</a></span>
+    </div>
+</pn-site-footer>
+`;
+};
+export const Norwegian = TemplateNorwegian.bind({});
+Primary.args = {
+  logoUrl : "https://www.postnord.no"
+};

package/collection/globals/MarketWebContextService.js

@@ -29,7 +29,7 @@ class MarketWebContextService {
     this.environments = {
       "production": {
         "name": "production",
-        "url": "https://com-production.postnord.com/"
+        "url": "https://www.postnord.xx/"
       },
       "preproduction": {
         "name": "preproduction",
@@ -57,11 +57,21 @@ class MarketWebContextService {
     await this.resolveMarket();
     return this.market;
   }
-  async getEndpoint(environmentName) {
+  async getEndpoint(environmentName, marketName = "") {
+    let url = this.environments.production.url;
     if (this.environments[environmentName]) {
-      return this.environments[environmentName].url;
+      url = this.environments[environmentName].url;
+      if (environmentName === this.environments.production.name) {
+        console.log('market 1', marketName);
+        if (marketName) {
+        }
+        console.log('market 2', marketName);
+        url = url.replace(".xx", "." + marketName);
+        console.log('url', url);
+      }
+      console.log('this.environments.production.url', this.environments.production.url);
     }
-    return this.environments.production.url;
+    return url;
   }
   async getEnvironmentName() {
     const likelyEnvironment = this.environmentTypes.filter(x => this.url.hostname.indexOf(('-' + x)) !== -1)[0];