@postnord/pn-marketweb-components 2.0.149 → 2.0.150-test

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

@@ -1,4 +1,4 @@
-import { h, Host, } from '@stencil/core';
+import { Component, Element, Event, h, Host, Listen, Prop, State, Watch, } from '@stencil/core';
 import { FetchHelper } from '../../../globals/FetchHelper';
 import { MarketWebContextService } from '../../../globals/MarketWebContextService';
 import { state as headerState } from "./pn-marketweb-siteheader-store";
@@ -6,28 +6,49 @@ import { translations } from './translations';
 export class PnMarketwebSiteheader {
   constructor() {
     this.endpointPath = '/api/navigation/header';
-    // FetchHelper
-    this.fetchHelper = new 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;
+    /** 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: '',
@@ -42,15 +63,21 @@ export class PnMarketwebSiteheader {
     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 FetchHelper('siteheader');
   }
   componentWillLoad() {
     this.setInitialValues().then(() => {
@@ -301,492 +328,515 @@ export class PnMarketwebSiteheader {
   }
   render() {
     var _a, _b, _c, _d, _e, _f;
-    return (h(Host, { language: this.language, market: this.market, environment: this.environment }, h("header", null, h("div", { class: "siteheader-row" }, h("div", { class: "siteheader-topleft" }, h("slot", { name: "topleft" }), this.gotData && this.siteSelector && !this.hideSiteSelector && (h("pn-site-selector", { language: this.language, buttontext: (_b = (_a = this.siteSelector) === null || _a === void 0 ? void 0 : _a.currentSiteTitle) !== null && _b !== void 0 ? _b : 'postnord' }, this.gotData && ((_c = this.siteSelector) === null || _c === void 0 ? void 0 : _c.currentSiteTitle) && (h("pn-site-selector-item", { heading: this.siteSelector.currentSiteTitle + ' ', description: this.siteSelector.currentSiteDescription })), this.gotData &&
-      ((_d = this.siteSelector) === null || _d === void 0 ? void 0 : _d.siteSelections) &&
-      this.siteSelector.siteSelections.map(site => (h("pn-site-selector-item", { heading: site.linkText + ' ', description: site.linkDescription, url: this.adjustSiteSelectorUrl(site.href), newwindow: site.openInNewWindow })))))), h("div", { class: "siteheader-logocontainer" }, h("a", { href: this.homePageLink, title: "Home", class: "siteheader-logolink" }, h("slot", { name: "logo" }, h("svg", { class: "siteheader-logo", xmlns: "http://www.w3.org/2000/svg", width: "12.7rem", height: "2.4rem", viewBox: "0 0 141.73 26.65" }, h("path", { d: "M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z", fill: "#00A0D6", transform: "translate(0 0)" }))))), h("div", { class: "siteheader-topright" }, h("slot", { name: "toprightstart" }), this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { token: this.userToken, siteUrl: this.siteDefinition.url, fullname: this.userFullname, loggedin: this.userLoggedin, loginDialog: this.loginDialog, endpoint: this.endpoint, i18n: this.i18n, showProfileSelection: this.showProfileSelection, "check-user-logged-in-state-interval": this.checkUserLoggedInStateInterval })), this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => (h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))), h("slot", { name: "toprightend" }), h("div", { class: "siteheader-menu-top-search" }, h("pn-marketweb-siteheader-search", { language: this.language, siteid: this.siteid, search: this.search, "hide-search": this.hideSearch, i18n: this.i18n, icononly: false })))), h("slot", { name: "siteheader-menu-top-button" }), h("div", { class: "siteheader-row" }, h("div", { class: "siteheader-menu" }, this.gotData && this.menuItems && (h("pn-mainnav", { market: this.market, language: this.language, onMenuOpenChange: e => {
-        document.body.setAttribute('data-siteheader-menuopen', e.detail + '');
-      } }, h("pn-mainnav-level", null, h("pn-mainnav-list", null, this.menuItems.map(item => {
-      var _a, _b;
-      return (h("pn-mainnav-link", { name: item.name, href: item.href, itemid: item.id, target: (_a = item.linkTarget) !== null && _a !== void 0 ? _a : '_self', linkid: item.trackingId }, ((item.promotedMenuItems && item.promotedMenuItems.length > 0) || (item.children && item.children.length > 0)) && (h("pn-mainnav-level", { label: item.name }, item.children.length > 0 && (h("pn-mainnav-list", { heading: (_b = item.navigationHeading) !== null && _b !== void 0 ? _b : '' }, item.children.map(childitem => {
-        var _a;
-        return (h("pn-mainnav-link", { name: childitem.name, href: childitem.href, target: (_a = childitem.linkTarget) !== null && _a !== void 0 ? _a : '_self', linkid: childitem.trackingId }));
-      }))), item.promotedMenuItems && item.promotedMenuItems.length > 0 && (h("pn-mainnav-list", { heading: item.promotedMenuItemsHeader }, item.promotedMenuItems.map(childitem => (h("pn-mainnav-link", { href: childitem.href, name: childitem.linkText, target: childitem.openInNewWindow ? '_blank' : '_self', linkid: this.promotedItemId(childitem) + item.id })))))))));
-    })), h("div", { slot: "footer", class: "siteheader-menu-footer" }, h("slot", { name: "menu-footer-cta" }), this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { emitEvents: false, siteUrl: this.siteDefinition.url, loginDialog: this.loginDialog, endpoint: this.endpoint, fullname: this.userFullname, loggedin: this.userLoggedin, i18n: this.i18n, showProfileSelection: this.showProfileSelection })), this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => (h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))), !this.hideSiteSelector && (h("pn-site-selector", { language: this.language }, this.gotData && ((_e = this.siteSelector) === null || _e === void 0 ? void 0 : _e.currentSiteTitle) && (h("pn-site-selector-item", { heading: this.siteSelector.currentSiteTitle, description: this.siteSelector.currentSiteDescription })), this.gotData &&
-      ((_f = this.siteSelector) === null || _f === void 0 ? void 0 : _f.siteSelections) &&
-      this.siteSelector.siteSelections.map(site => (h("pn-site-selector-item", { heading: site.linkText, description: site.linkDescription, url: site.pageLink, newwindow: site.openInNewWindow })))))), h("div", { slot: "top", class: "siteheader-menu-top" }, h("pn-marketweb-siteheader-search", { language: this.language, siteid: this.siteid, search: this.search, "hide-search": this.hideSearch, i18n: this.i18n })))))), h("pn-marketweb-siteheader-search", { language: this.language, siteid: this.siteid, primary: true, search: this.search, "hide-search": this.hideSearch, "show-only-link": this.minimizeSearch, i18n: this.i18n }), h("slot", { name: "header-bottom-button" })))));
+    return (h(Host, { language: this.language, market: this.market, environment: this.environment },
+      h("header", null,
+        h("div", { class: "siteheader-row" },
+          h("div", { class: "siteheader-topleft" },
+            h("slot", { name: "topleft" }),
+            this.gotData && this.siteSelector && !this.hideSiteSelector && (h("pn-site-selector", { language: this.language, buttontext: (_b = (_a = this.siteSelector) === null || _a === void 0 ? void 0 : _a.currentSiteTitle) !== null && _b !== void 0 ? _b : 'postnord' },
+              this.gotData && ((_c = this.siteSelector) === null || _c === void 0 ? void 0 : _c.currentSiteTitle) && (h("pn-site-selector-item", { heading: this.siteSelector.currentSiteTitle + ' ', description: this.siteSelector.currentSiteDescription })),
+              this.gotData &&
+                ((_d = this.siteSelector) === null || _d === void 0 ? void 0 : _d.siteSelections) &&
+                this.siteSelector.siteSelections.map(site => (h("pn-site-selector-item", { heading: site.linkText + ' ', description: site.linkDescription, url: this.adjustSiteSelectorUrl(site.href), newwindow: site.openInNewWindow })))))),
+          h("div", { class: "siteheader-logocontainer" },
+            h("a", { href: this.homePageLink, title: "Home", class: "siteheader-logolink" },
+              h("slot", { name: "logo" },
+                h("svg", { class: "siteheader-logo", xmlns: "http://www.w3.org/2000/svg", width: "12.7rem", height: "2.4rem", viewBox: "0 0 141.73 26.65" },
+                  h("path", { d: "M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z", fill: "#00A0D6", transform: "translate(0 0)" }))))),
+          h("div", { class: "siteheader-topright" },
+            h("slot", { name: "toprightstart" }),
+            this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { token: this.userToken, siteUrl: this.siteDefinition.url, fullname: this.userFullname, loggedin: this.userLoggedin, loginDialog: this.loginDialog, endpoint: this.endpoint, i18n: this.i18n, showProfileSelection: this.showProfileSelection, "check-user-logged-in-state-interval": this.checkUserLoggedInStateInterval })),
+            this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => (h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))),
+            h("slot", { name: "toprightend" }),
+            h("div", { class: "siteheader-menu-top-search" },
+              h("pn-marketweb-siteheader-search", { language: this.language, siteid: this.siteid, search: this.search, "hide-search": this.hideSearch, i18n: this.i18n, icononly: false })))),
+        h("slot", { name: "siteheader-menu-top-button" }),
+        h("div", { class: "siteheader-row" },
+          h("div", { class: "siteheader-menu" }, this.gotData && this.menuItems && (h("pn-mainnav", { market: this.market, language: this.language, onMenuOpenChange: e => {
+              document.body.setAttribute('data-siteheader-menuopen', e.detail + '');
+            } },
+            h("pn-mainnav-level", null,
+              h("pn-mainnav-list", null, this.menuItems.map(item => {
+                var _a, _b;
+                return (h("pn-mainnav-link", { name: item.name, href: item.href, itemid: item.id, target: (_a = item.linkTarget) !== null && _a !== void 0 ? _a : '_self', linkid: item.trackingId }, ((item.promotedMenuItems && item.promotedMenuItems.length > 0) || (item.children && item.children.length > 0)) && (h("pn-mainnav-level", { label: item.name },
+                  item.children.length > 0 && (h("pn-mainnav-list", { heading: (_b = item.navigationHeading) !== null && _b !== void 0 ? _b : '' }, item.children.map(childitem => {
+                    var _a;
+                    return (h("pn-mainnav-link", { name: childitem.name, href: childitem.href, target: (_a = childitem.linkTarget) !== null && _a !== void 0 ? _a : '_self', linkid: childitem.trackingId }));
+                  }))),
+                  item.promotedMenuItems && item.promotedMenuItems.length > 0 && (h("pn-mainnav-list", { heading: item.promotedMenuItemsHeader }, item.promotedMenuItems.map(childitem => (h("pn-mainnav-link", { href: childitem.href, name: childitem.linkText, target: childitem.openInNewWindow ? '_blank' : '_self', linkid: this.promotedItemId(childitem) + item.id })))))))));
+              })),
+              h("div", { slot: "footer", class: "siteheader-menu-footer" },
+                h("slot", { name: "menu-footer-cta" }),
+                this.gotData && this.loginDialog && !this.hideLogin && (h("pn-marketweb-siteheader-login", { emitEvents: false, siteUrl: this.siteDefinition.url, loginDialog: this.loginDialog, endpoint: this.endpoint, fullname: this.userFullname, loggedin: this.userLoggedin, i18n: this.i18n, showProfileSelection: this.showProfileSelection })),
+                this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => (h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))),
+                !this.hideSiteSelector && (h("pn-site-selector", { language: this.language },
+                  this.gotData && ((_e = this.siteSelector) === null || _e === void 0 ? void 0 : _e.currentSiteTitle) && (h("pn-site-selector-item", { heading: this.siteSelector.currentSiteTitle, description: this.siteSelector.currentSiteDescription })),
+                  this.gotData &&
+                    ((_f = this.siteSelector) === null || _f === void 0 ? void 0 : _f.siteSelections) &&
+                    this.siteSelector.siteSelections.map(site => (h("pn-site-selector-item", { heading: site.linkText, description: site.linkDescription, url: site.pageLink, newwindow: site.openInNewWindow })))))),
+              h("div", { slot: "top", class: "siteheader-menu-top" },
+                h("pn-marketweb-siteheader-search", { language: this.language, siteid: this.siteid, search: this.search, "hide-search": this.hideSearch, i18n: this.i18n })))))),
+          h("pn-marketweb-siteheader-search", { language: this.language, siteid: this.siteid, primary: true, search: this.search, "hide-search": this.hideSearch, "show-only-link": this.minimizeSearch, i18n: this.i18n }),
+          h("slot", { name: "header-bottom-button" })))));
   }
   static get is() { return "pn-marketweb-siteheader"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["pn-marketweb-siteheader.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["pn-marketweb-siteheader.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "market": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Specifies which market we want to show (se,dk,fi,no,com)"
-        },
-        "attribute": "market",
-        "reflect": true,
-        "defaultValue": "null"
-      },
-      "language": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Specifies which language we want to show (sv,da,fi,no,en)"
-        },
-        "attribute": "language",
-        "reflect": true,
-        "defaultValue": "null"
-      },
-      "siteid": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Specifies the current site id (guid)"
-        },
-        "attribute": "siteid",
-        "reflect": false,
-        "defaultValue": "null"
-      },
-      "environment": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Specifies which environment we're fetching data from. (production, preproduction, integration, localhost)"
-        },
-        "attribute": "environment",
-        "reflect": true,
-        "defaultValue": "null"
-      },
-      "userToken": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Access token passed from backend"
-        },
-        "attribute": "user-token",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "userFullname": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "User Fullname"
-        },
-        "attribute": "user-fullname",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "userLoggedin": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "User Logged in state from the backend"
-        },
-        "attribute": "user-loggedin",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "endpoint": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Specifies which endpoint domain we should load from"
-        },
-        "attribute": "endpoint",
-        "reflect": false,
-        "defaultValue": "null"
-      },
-      "hideSiteSelector": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Hides the site selector if set to true"
-        },
-        "attribute": "hide-site-selector",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "hideHomeMenuItem": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Hides the \"home\" menu item in the navigation if set to true"
-        },
-        "attribute": "hide-home-menu-item",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "hideLanguageSelector": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Hides the language selector if set to true"
-        },
-        "attribute": "hide-language-selector",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "hideSearch": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Hides the search form if set to true"
-        },
-        "attribute": "hide-search",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "hideLogin": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Hides the login if set to true"
-        },
-        "attribute": "hide-login",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "showProfileSelection": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "If this is selected we will show the new profile selection dropdown instead of the login version"
-        },
-        "attribute": "show-profile-selection",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "siteDomainInUrls": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Adjusts the menus URLs"
-        },
-        "attribute": "site-domain-in-urls",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "AutocompleteEndpoint": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Autocomplete endpoint"
-        },
-        "attribute": "autocomplete-endpoint",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "sessionForward": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Forward session to backend"
-        },
-        "attribute": "session-forward",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "cache": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "If the component should use cached requests"
-        },
-        "attribute": "cache",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "searchPlaceholder": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Header search placeholder"
-        },
-        "attribute": "search-placeholder",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "spaMode": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Event based only language switch"
-        },
-        "attribute": "spa-mode",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "checkUserLoggedInStateInterval": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Continiously check if a user is logged in *"
-        },
-        "attribute": "check-user-logged-in-state-interval",
-        "reflect": false,
-        "defaultValue": "0"
+  static get originalStyleUrls() { return {
+    "$": ["pn-marketweb-siteheader.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["pn-marketweb-siteheader.css"]
+  }; }
+  static get properties() { return {
+    "market": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Specifies which market we want to show (se,dk,fi,no,com)"
+      },
+      "attribute": "market",
+      "reflect": true,
+      "defaultValue": "null"
+    },
+    "language": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Specifies which language we want to show (sv,da,fi,no,en)"
+      },
+      "attribute": "language",
+      "reflect": true,
+      "defaultValue": "null"
+    },
+    "siteid": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Specifies the current site id (guid)"
+      },
+      "attribute": "siteid",
+      "reflect": false,
+      "defaultValue": "null"
+    },
+    "environment": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Specifies which environment we're fetching data from. (production, preproduction, integration, localhost)"
+      },
+      "attribute": "environment",
+      "reflect": true,
+      "defaultValue": "null"
+    },
+    "userToken": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Access token passed from backend"
+      },
+      "attribute": "user-token",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "userFullname": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "User Fullname"
+      },
+      "attribute": "user-fullname",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "userLoggedin": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "User Logged in state from the backend"
+      },
+      "attribute": "user-loggedin",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "endpoint": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Specifies which endpoint domain we should load from"
+      },
+      "attribute": "endpoint",
+      "reflect": false,
+      "defaultValue": "null"
+    },
+    "hideSiteSelector": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Hides the site selector if set to true"
+      },
+      "attribute": "hide-site-selector",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "hideHomeMenuItem": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Hides the \"home\" menu item in the navigation if set to true"
+      },
+      "attribute": "hide-home-menu-item",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "hideLanguageSelector": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Hides the language selector if set to true"
+      },
+      "attribute": "hide-language-selector",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "hideSearch": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Hides the search form if set to true"
+      },
+      "attribute": "hide-search",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "hideLogin": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Hides the login if set to true"
+      },
+      "attribute": "hide-login",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "showProfileSelection": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "If this is selected we will show the new profile selection dropdown instead of the login version"
+      },
+      "attribute": "show-profile-selection",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "siteDomainInUrls": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Adjusts the menus URLs"
+      },
+      "attribute": "site-domain-in-urls",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "AutocompleteEndpoint": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Autocomplete endpoint"
+      },
+      "attribute": "autocomplete-endpoint",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "sessionForward": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Forward session to backend"
+      },
+      "attribute": "session-forward",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "cache": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "If the component should use cached requests"
+      },
+      "attribute": "cache",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "searchPlaceholder": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Header search placeholder"
+      },
+      "attribute": "search-placeholder",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "spaMode": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Event based only language switch"
+      },
+      "attribute": "spa-mode",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "checkUserLoggedInStateInterval": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Continiously check if a user is logged in *"
+      },
+      "attribute": "check-user-logged-in-state-interval",
+      "reflect": false,
+      "defaultValue": "0"
+    }
+  }; }
+  static get states() { return {
+    "i18n": {},
+    "gotData": {},
+    "fetchingData": {},
+    "homePageLink": {},
+    "menuItems": {},
+    "siteDefinition": {},
+    "search": {},
+    "siteSelector": {},
+    "languageSelector": {},
+    "languageOptions": {},
+    "loginDialog": {},
+    "minimizeSearch": {},
+    "loggedIn": {}
+  }; }
+  static get events() { return [{
+      "method": "changeLanguage",
+      "name": "changeLanguage",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
       }
-    };
-  }
-  static get states() {
-    return {
-      "i18n": {},
-      "gotData": {},
-      "fetchingData": {},
-      "homePageLink": {},
-      "menuItems": {},
-      "siteDefinition": {},
-      "search": {},
-      "siteSelector": {},
-      "languageSelector": {},
-      "languageOptions": {},
-      "loginDialog": {},
-      "minimizeSearch": {},
-      "loggedIn": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "changeLanguage",
-        "name": "changeLanguage",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "changeMarket",
-        "name": "changeMarket",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
+    }, {
+      "method": "changeMarket",
+      "name": "changeMarket",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }]; }
   static get elementRef() { return "hostElement"; }
-  static get watchers() {
-    return [{
-        "propName": "language",
-        "methodName": "onLanguageChange"
-      }, {
-        "propName": "market",
-        "methodName": "onMarketChange"
-      }];
-  }
-  static get listeners() {
-    return [{
-        "name": "setLanguage",
-        "method": "onLanguageSelectorChange",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "loginStateChange",
-        "method": "onLoginStateChange",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "resize",
-        "method": "handleResize",
-        "target": "window",
-        "capture": false,
-        "passive": true
-      }];
-  }
+  static get watchers() { return [{
+      "propName": "language",
+      "methodName": "onLanguageChange"
+    }, {
+      "propName": "market",
+      "methodName": "onMarketChange"
+    }]; }
+  static get listeners() { return [{
+      "name": "setLanguage",
+      "method": "onLanguageSelectorChange",
+      "target": undefined,
+      "capture": false,
+      "passive": false
+    }, {
+      "name": "loginStateChange",
+      "method": "onLoginStateChange",
+      "target": undefined,
+      "capture": false,
+      "passive": false
+    }, {
+      "name": "resize",
+      "method": "handleResize",
+      "target": "window",
+      "capture": false,
+      "passive": true
+    }]; }
 }