@postnord/pn-marketweb-components 2.1.7 → 2.1.9

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

@@ -1,4 +1,4 @@
-import { Component, Element, Event, h, Host, Listen, Prop, State, Watch } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { FetchHelper } from '../../../globals/FetchHelper';
 import { MarketWebContextService } from '../../../globals/MarketWebContextService';
 import { state as headerState } from './pn-marketweb-siteheader-store';
@@ -6,51 +6,29 @@ import { translations } from './translations';
 export class PnMarketwebSiteheader {
   constructor() {
     this.endpointPath = '/api/navigation/header';
-    // 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) */
+    // FetchHelper
+    this.fetchHelper = new FetchHelper('siteheader');
+    this.market = null;
+    this.language = null;
     this.siteid = null;
-    /** Specifies which environment we're fetching data from. (production, preproduction, integration, localhost) */
-    this.environment = null; //sv
-    /** Access token passed from backend */
+    this.environment = null;
     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: '',
@@ -67,21 +45,15 @@ export class PnMarketwebSiteheader {
     this.gotData = false;
     this.fetchingData = false;
     this.homePageLink = '/';
-    // Menu state
     this.menuItems = [];
-    // Search
+    this.siteDefinition = undefined;
     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(() => {
@@ -332,533 +304,510 @@ 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, showUnifiedLogin: this.showUnifiedLogin, "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, showUnifiedLogin: this.showUnifiedLogin, environment: this.environment })),
-                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, showUnifiedLogin: this.showUnifiedLogin, "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, showUnifiedLogin: this.showUnifiedLogin, environment: this.environment })), 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"
-    },
-    "showUnifiedLogin": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "if this is selected we will show the unified-login button aswell as a new look for dropdown menu"
-      },
-      "attribute": "show-unified-login",
-      "reflect": false,
-      "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": {}
-      }
-    }, {
-      "method": "changeMarket",
-      "name": "changeMarket",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+  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"
+      },
+      "showUnifiedLogin": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "if this is selected we will show the unified-login button aswell as a new look for dropdown menu"
+        },
+        "attribute": "show-unified-login",
+        "reflect": false,
+        "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": {}
+        }
+      }, {
+        "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
+      }];
+  }
 }