@postnord/pn-marketweb-components 2.0.23-beta4 → 2.0.24

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

@@ -0,0 +1,186 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-e3e27c79.js');
+
+const pnMarketwebSiteheaderLoginLinksCss = "";
+
+let PnMarketwebSiteheaderLoginLinks = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    // Login dialog
+    this.loginDialog = null;
+    this.loginManager = null;
+    this.idNamespace = "";
+    this.loggedin = false;
+    this.username = "";
+  }
+  componentWillLoad() {
+    this.init();
+    console.log('from links', this.loggedin);
+  }
+  async init() {
+    this.adjustLoginLinks();
+  }
+  adjustLoginLinks() {
+    var _a, _b, _c, _d;
+    if (!this.loginDialog) {
+      return;
+    }
+    const adjustLink = (link, i) => {
+      link.isLogoutLink = (link.href.indexOf('logout') !== -1);
+      if (link.isLogoutLink) {
+        link.href = this.loginManager.getLogoutUrl(link.href.replace('logout', '').replace('http://window.location.href/?', '').replace('https://window.location.href/?', ''));
+      }
+      if (i === 0 && !link.href) {
+        link.href = this.loginManager.getLoginUrl();
+        link.linkType = 'primary';
+      }
+      if (link.primaryLinkApperance && !link.linkType) {
+        link.linkType = 'primary';
+      }
+    };
+    if ((_a = this.loginDialog) === null || _a === void 0 ? void 0 : _a.loginMenuLinks) {
+      (_b = this.loginDialog) === null || _b === void 0 ? void 0 : _b.loginMenuLinks.forEach(adjustLink);
+    }
+    if ((_c = this.loginDialog) === null || _c === void 0 ? void 0 : _c.loggedInLinks) {
+      (_d = this.loginDialog) === null || _d === void 0 ? void 0 : _d.loggedInLinks.forEach(adjustLink);
+    }
+    this.loginDialog.legacyLoginLinks = [
+      {
+        href: this.loginManager.getLoginUrl(this.loginDialog.loginUrl),
+        linkText: this.loginDialog.loginLinkText,
+        openInNewWindow: false,
+        isLogoutLink: false,
+        pageLink: null,
+        linkType: 'primary',
+        primaryLinkApperance: true
+      },
+      {
+        href: this.loginManager.getLoginUrl(this.loginDialog.registerUrl),
+        linkText: this.loginDialog.createLoginLinkText,
+        openInNewWindow: false,
+        isLogoutLink: false,
+        pageLink: null,
+        primaryLinkApperance: false
+      }
+    ];
+  }
+  render() {
+    var _a;
+    if (!this.loginDialog) {
+      return;
+    }
+    let hostElementAttribute = {
+      username: null,
+      loggedin: false,
+    };
+    if (this.username) {
+      hostElementAttribute.username = this.username;
+      hostElementAttribute.loggedin = this.loggedin;
+    }
+    return (index.h(index.Host, Object.assign({}, hostElementAttribute), (!this.loginDialog.overrideLoginMenu) ?
+      index.h("div", { "data-loggedin": this.loggedin + '' }, (this.loggedin) ?
+        index.h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loggedInLinks, loginManager: this.loginManager, idNamespace: this.idNamespace })
+        :
+          index.h("div", null, ((_a = this.loginDialog.loginMenuLinks) === null || _a === void 0 ? void 0 : _a.length) > 0 ?
+            index.h("pn-marketweb-siteheader-login-linklist", { heading: this.loginDialog.loginTitle, links: this.loginDialog.loginMenuLinks, loginManager: this.loginManager, idNamespace: this.idNamespace })
+            :
+              index.h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.legacyLoginLinks, loginManager: this.loginManager, idNamespace: this.idNamespace })))
+      : null, (this.loginDialog.overrideLoginMenu) ?
+      index.h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loginMenuLinks, loginManager: this.loginManager, idNamespace: this.idNamespace })
+      : null));
+  }
+  get hostElement() { return index.getElement(this); }
+  static get watchers() { return {
+    "loginDialog": ["init"]
+  }; }
+};
+PnMarketwebSiteheaderLoginLinks.style = pnMarketwebSiteheaderLoginLinksCss;
+
+const pnMarketwebSiteheaderLoginProfileselectionCss = ".pn-marketweb-siteheader-login-profileselection-heading{display:block;padding:0.5rem 0 1rem}.pn-marketweb-siteheader-login-profileselection-user,.pn-marketweb-siteheader-login-profileselection-currentprofile{margin-top:1rem;margin-bottom:1rem}.pn-marketweb-siteheader-login-profileselection-user-name,.pn-marketweb-siteheader-login-profileselection-currentprofile-name{line-height:1}.pn-marketweb-siteheader-login-profileselection-user-description,.pn-marketweb-siteheader-login-profileselection-currentprofile-description{font-weight:400;white-space:normal;word-break:break-all;color:#5E554A;font-size:0.75em}.pn-marketweb-siteheader-login-profileselection-divider{height:1rem;width:100%;background:#00A0D6;position:relative;margin-left:-1em;margin-top:1.6rem;margin-bottom:1.6rem;border-radius:0 0.6em 0.6em 0;padding:0}.pn-marketweb-siteheader-login-profileselection-divider::after{content:\"\";width:0.6em;height:0.6em;border-radius:50%;position:absolute;right:0;top:0;background:inherit;-webkit-transform:translateX(calc(100% + 0.2em));transform:translateX(calc(100% + 0.2em))}.pn-marketweb-siteheader-login-profileselection-profileoption-link{display:-ms-flexbox;display:flex;background:#FFFFFF;-webkit-transition:background 0.15s ease-in-out;transition:background 0.15s ease-in-out;margin:0 -1em;padding:0.6rem 1.6rem;text-decoration:none;color:#005D92;-ms-flex-align:center;align-items:center}.pn-marketweb-siteheader-login-profileselection-profileoption-link:hover,.pn-marketweb-siteheader-login-profileselection-profileoption-link:focus,.pn-marketweb-siteheader-login-profileselection-profileoption-link:active{background:#F3F2F2}.pn-marketweb-siteheader-login-profileselection-profileoption-content{-ms-flex-positive:1;flex-grow:1}.pn-marketweb-siteheader-login-profileselection-profileoption-name{font-weight:700}.pn-marketweb-siteheader-login-profileselection-profileoption-description{font-weight:400;white-space:normal;word-break:break-all;color:#5E554A;font-size:0.75em}.pn-marketweb-siteheader-login-profileselection-logout{padding:1.6rem;text-align:center;width:100%}.pn-marketweb-siteheader-login-profileselection-logout-link{display:inline-block;font-weight:500;color:#005D92;text-decoration:none}.pn-marketweb-siteheader-login-profileselection-logout-link:hover,.pn-marketweb-siteheader-login-profileselection-logout-link:focus,.pn-marketweb-siteheader-login-profileselection-logout-link:active{text-decoration:underline}";
+
+let PnMarketwebSiteheaderLoginProfileselection = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    // Login dialog
+    this.loginDialog = null;
+    this.loginManager = null;
+    this.endpoint = "";
+    this.loggedin = false;
+    this.idNamespace = "";
+    this.heading = "";
+    this.i18n = { "searchlabel": "", "searchplaceholder": "", "searchbuttontext": "", "menuHomeButton": "", "menuGoBackButton": "", "mainMenuButton": "", "menuStartButton": "", "profileSelectionFlyoutHeading": "" };
+    this.user = null;
+    this.logoutLink = null;
+    this.profileSelectorDialog = {
+      currentProfile: {
+        name: 'Hedin',
+        customerid: '5560230053'
+      },
+      profiles: [
+        {
+          name: 'Bilmetro AB',
+          customerid: '5560612789'
+        }
+      ]
+    };
+  }
+  componentWillLoad() {
+    var _a;
+    console.log('loginDialog', this.loginDialog);
+    console.log('this.loginManager', this.loginManager);
+    console.log('### this.loggedin', this.loggedin);
+    console.log('this.endpoint', this.endpoint);
+    if (!this.heading && ((_a = this.i18n) === null || _a === void 0 ? void 0 : _a.profileSelectionFlyoutHeading)) {
+      this.heading = this.i18n.profileSelectionFlyoutHeading;
+    }
+    this.init();
+  }
+  init() {
+    this.updateUserInfo();
+    this.adjustLoginLinks();
+  }
+  adjustLoginLinks() {
+    var _a, _b, _c, _d;
+    const adjustLink = (link, i) => {
+      link.isLogoutLink = (link.href.indexOf('logout') !== -1);
+      if (link.isLogoutLink) {
+        link.href = this.loginManager.getLogoutUrl(link.href.replace('logout', '').replace('http://window.location.href/?', '').replace('https://window.location.href/?', ''));
+      }
+      if (i === 0 && !link.href) {
+        link.href = this.loginManager.getLoginUrl();
+        link.linkType = 'primary';
+      }
+      if (link.primaryLinkApperance && !link.linkType) {
+        link.linkType = 'primary';
+      }
+    };
+    if ((_a = this.loginDialog) === null || _a === void 0 ? void 0 : _a.loggedInLinks) {
+      (_b = this.loginDialog) === null || _b === void 0 ? void 0 : _b.loggedInLinks.forEach(adjustLink);
+    }
+    this.logoutLink = (_d = (_c = this.loginDialog) === null || _c === void 0 ? void 0 : _c.loggedInLinks.filter(x => x.isLogoutLink)[0]) !== null && _d !== void 0 ? _d : null;
+  }
+  updateUserInfo() {
+    const userInfo = this.loginManager.getUserInfo();
+    this.user = userInfo;
+    console.log('this.user', this.user);
+  }
+  render() {
+    if (!this.loginDialog || !this.profileSelectorDialog) {
+      return;
+    }
+    let hostElementAttribute = {};
+    return (index.h(index.Host, Object.assign({}, hostElementAttribute), this.heading ? index.h("strong", { class: "pn-marketweb-siteheader-login-profileselection-heading" }, this.heading) : null, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-user" }, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-user-name" }, this.user.given_name), index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-user-description" }, this.user.username)), index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile" }, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-name" }, this.profileSelectorDialog.currentProfile.name), index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-description" }, this.profileSelectorDialog.currentProfile.customerid)), index.h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loggedInLinks.filter(x => x.isLogoutLink === false), loginManager: this.loginManager, idNamespace: this.idNamespace }), index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-divider" }), this.profileSelectorDialog.profiles.map((profile) => {
+      return (index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption" }, index.h("a", { href: `${this.endpoint}?selectprofile=${profile.customerid}}`, class: "pn-marketweb-siteheader-login-profileselection-profileoption-link" }, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-content" }, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-name" }, profile.name), index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-description" }, profile.customerid)), index.h("pn-icon", { symbol: "arrow-right", small: "false", color: "blue700" }))));
+    }), this.logoutLink ?
+      index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-logout" }, index.h("a", { href: this.logoutLink.href, rel: "nofollower noopener", class: "pn-marketweb-siteheader-login-profileselection-logout-link" }, this.logoutLink.linkText))
+      : null));
+  }
+  get hostElement() { return index.getElement(this); }
+};
+PnMarketwebSiteheaderLoginProfileselection.style = pnMarketwebSiteheaderLoginProfileselectionCss;
+
+exports.pn_marketweb_siteheader_login_links = PnMarketwebSiteheaderLoginLinks;
+exports.pn_marketweb_siteheader_login_profileselection = PnMarketwebSiteheaderLoginProfileselection;

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

@@ -14,7 +14,8 @@ const translations = {
     "menuHomeButton": "Hem",
     "menuGoBackButton": "Gå tillbaka",
     "mainMenuButton": "Meny",
-    "menuStartButton": "Start"
+    "menuStartButton": "Start",
+    "profileSelectionFlyoutHeading": "Inloggad som",
   },
   'en': {
     "searchlabel": "Search",
@@ -23,7 +24,8 @@ const translations = {
     "menuHomeButton": "Home",
     "menuGoBackButton": "Go back",
     "mainMenuButton": "Menu",
-    "menuStartButton": "Start"
+    "menuStartButton": "Start",
+    "profileSelectionFlyoutHeading": "Logged in as",
   },
   'da': {
     "searchlabel": "Søg",
@@ -32,7 +34,8 @@ const translations = {
     "menuHomeButton": "Hjem",
     "menuGoBackButton": "Gå tilbage",
     "mainMenuButton": "Menu",
-    "menuStartButton": "Start"
+    "menuStartButton": "Start",
+    "profileSelectionFlyoutHeading": "Logget ind som",
   },
   'no': {
     "searchlabel": "Søk",
@@ -41,7 +44,8 @@ const translations = {
     "menuHomeButton": "Hjem",
     "menuGoBackButton": "Gå tilbake",
     "mainMenuButton": "Meny",
-    "menuStartButton": "Start"
+    "menuStartButton": "Start",
+    "profileSelectionFlyoutHeading": "Logget på som",
   },
   'fi': {
     "searchlabel": "Hae",
@@ -50,7 +54,18 @@ const translations = {
     "menuHomeButton": "Koti",
     "menuGoBackButton": "Mene takaisin",
     "mainMenuButton": "Valikko",
-    "menuStartButton": "Alkaa"
+    "menuStartButton": "Alkaa",
+    "profileSelectionFlyoutHeading": "Kirjautunut sisään nimellä",
+  },
+  'de': {
+    "searchlabel": "Suche",
+    "searchplaceholder": "Wonach suchen Sie?",
+    "searchbuttontext": "Suche",
+    "menuHomeButton": "Heim",
+    "menuGoBackButton": "Geh zurück",
+    "mainMenuButton": "Menü",
+    "menuStartButton": "Start",
+    "profileSelectionFlyoutHeading": "Eingeloggt als",
   }
 };
 
@@ -86,6 +101,8 @@ let PnMarketwebSiteheader = class {
     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;
     /** Autocomplete endpoint */
     this.AutocompleteEndpoint = "";
     /** Forward session to backend */
@@ -94,6 +111,7 @@ let PnMarketwebSiteheader = class {
     this.cache = false;
     /** Event based only language switch */
     this.spaMode = false;
+    this.i18n = { "searchlabel": "", "searchplaceholder": "", "searchbuttontext": "", "menuHomeButton": "", "menuGoBackButton": "", "mainMenuButton": "", "menuStartButton": "", "profileSelectionFlyoutHeading": "" };
     this.gotData = false;
     this.fetchingData = false;
     this.homePageLink = "/";
@@ -256,6 +274,7 @@ let PnMarketwebSiteheader = class {
   }
   onLoginStateChange(e) {
     var _a, _b, _c;
+    console.log('onLoginStateChange(e', e);
     if (((_a = e.detail) === null || _a === void 0 ? void 0 : _a.loggedIn) && ((_b = e.detail) === null || _b === void 0 ? void 0 : _b.token)) {
       this.loggedIn = ((_c = e.detail) === null || _c === void 0 ? void 0 : _c.loggedIn) === true;
     }
@@ -303,7 +322,7 @@ let PnMarketwebSiteheader = class {
     var _a, _b, _c, _d, _e, _f;
     return (index.h(index.Host, { language: this.language, market: this.market, environment: this.environment }, index.h("header", null, index.h("div", { class: "siteheader-row" }, index.h("div", { class: "siteheader-topleft" }, index.h("slot", { name: "topleft" }), (this.gotData && this.siteSelector && !this.hideSiteSelector) &&
       index.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)) &&
-        index.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) => index.h("pn-site-selector-item", { heading: site.linkText + ' ', description: site.linkDescription, url: this.adjustSiteSelectorUrl(site.href), newwindow: site.openInNewWindow })))), index.h("div", { class: "siteheader-logocontainer" }, index.h("a", { href: this.homePageLink, title: "Home", class: "siteheader-logolink" }, index.h("slot", { name: "logo" }, index.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" }, index.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)" }))))), index.h("div", { class: "siteheader-topright" }, index.h("slot", { name: "toprightstart" }), (this.gotData && this.loginDialog && !this.hideLogin) && (index.h("pn-marketweb-siteheader-login", { token: this.userToken, fullname: this.userFullname, loggedin: this.userLoggedin, loginDialog: this.loginDialog, endpoint: this.endpoint, i18n: this.i18n })), (this.gotData && this.languageOptions && this.languageOptions.length) && !this.hideLanguageSelector &&
+        index.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) => index.h("pn-site-selector-item", { heading: site.linkText + ' ', description: site.linkDescription, url: this.adjustSiteSelectorUrl(site.href), newwindow: site.openInNewWindow })))), index.h("div", { class: "siteheader-logocontainer" }, index.h("a", { href: this.homePageLink, title: "Home", class: "siteheader-logolink" }, index.h("slot", { name: "logo" }, index.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" }, index.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)" }))))), index.h("div", { class: "siteheader-topright" }, index.h("slot", { name: "toprightstart" }), (this.gotData && this.loginDialog && !this.hideLogin) && (index.h("pn-marketweb-siteheader-login", { token: this.userToken, fullname: this.userFullname, loggedin: this.userLoggedin, loginDialog: this.loginDialog, endpoint: this.endpoint, i18n: this.i18n, showProfileSelection: this.showProfileSelection })), (this.gotData && this.languageOptions && this.languageOptions.length) && !this.hideLanguageSelector &&
       index.h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => index.h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))), index.h("slot", { name: "toprightend" }))), index.h("div", { class: "siteheader-row" }, index.h("div", { class: "siteheader-menu" }, (this.gotData && this.menuItems) && (index.h("pn-mainnav", { market: this.market, language: this.language, onMenuOpenChange: (e) => {
         document.body.setAttribute("data-siteheader-menuopen", (e.detail + ''));
       } }, index.h("pn-mainnav-level", null, index.h("pn-mainnav-list", null, this.menuItems.map((item) => {
@@ -315,7 +334,7 @@ let PnMarketwebSiteheader = class {
             return (index.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) &&
           index.h("pn-mainnav-list", { heading: item.promotedMenuItemsHeader }, item.promotedMenuItems.map((childitem) => (index.h("pn-mainnav-link", { href: childitem.href, name: childitem.linkText, target: childitem.openInNewWindow ? "_blank" : "_self", linkid: this.promotedItemId(childitem) + item.id })))))));
-    })), index.h("div", { slot: "footer", class: "siteheader-menu-footer" }, (this.gotData && this.loginDialog && !this.hideLogin) && (index.h("pn-marketweb-siteheader-login", { emitEvents: false, loginDialog: this.loginDialog, endpoint: this.endpoint, fullname: this.userFullname, loggedin: this.userLoggedin, i18n: this.i18n })), (this.gotData && this.languageOptions && this.languageOptions.length) && !this.hideLanguageSelector &&
+    })), index.h("div", { slot: "footer", class: "siteheader-menu-footer" }, (this.gotData && this.loginDialog && !this.hideLogin) && (index.h("pn-marketweb-siteheader-login", { emitEvents: false, 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 &&
       index.h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => index.h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))), !this.hideSiteSelector &&
       index.h("pn-site-selector", { language: this.language }, (this.gotData && ((_e = this.siteSelector) === null || _e === void 0 ? void 0 : _e.currentSiteTitle)) &&
         index.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) => index.h("pn-site-selector-item", { heading: site.linkText, description: site.linkDescription, url: site.pageLink, newwindow: site.openInNewWindow })))), index.h("div", { slot: "top", class: "siteheader-menu-top" }, index.h("pn-marketweb-siteheader-search", { language: this.language, search: this.search, "hide-search": this.hideSearch, i18n: this.i18n })))))), index.h("pn-marketweb-siteheader-search", { language: this.language, primary: true, search: this.search, "hide-search": this.hideSearch, "show-only-link": this.minimizeSearch, i18n: this.i18n })))));

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e3e27c79.js');
 const data = require('./data-e77c1ada.js');
 const convert = require('./convert-362ef5e6.js');
-const pnFindPriceStore = require('./pn-find-price-store-a2728ff4.js');
+const pnFindPriceStore = require('./pn-find-price-store-0b8c195c.js');
 require('./index-28bbc937.js');
 
 const translations = {

package/cjs/pn-profile-selector-option.cjs.entry.js

@@ -9,12 +9,12 @@ const pnProfileSelectorOptionCss = "pn-profile-selector-option{display:-ms-flexb
 let PnProfileSelectorOption = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.title = "";
+    this.heading = "";
     this.description = "";
     this.url = "";
   }
   render() {
-    return (index.h(index.Host, null, index.h("a", { class: "profileselectoroption", href: this.url }, index.h("span", { class: "profileselectoroption-text" }, index.h("span", { class: "profileselectoroption-title" }, this.title), index.h("span", { class: "profileselectoroption-description" }, this.description)), index.h("pn-icon", { symbol: "arrow-right", small: "false", color: "blue700" }))));
+    return (index.h(index.Host, null, index.h("a", { class: "profileselectoroption", href: this.url }, index.h("span", { class: "profileselectoroption-text" }, index.h("span", { class: "profileselectoroption-title" }, this.heading), index.h("span", { class: "profileselectoroption-description" }, this.description)), index.h("pn-icon", { symbol: "arrow-right", small: "false", color: "blue700" }))));
   }
   get hostElement() { return index.getElement(this); }
 };

package/collection/collection-manifest.json

@@ -7,8 +7,10 @@
     "./components/input/pn-marketweb-input/pn-marketweb-input.js",
     "./components/input/pn-marketweb-search/pn-marketweb-search.js",
     "./components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.js",
+    "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.js",
+    "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-links.js",
+    "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.js",
     "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.js",
-    "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-profileselection.js",
     "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-search.js",
     "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js",
     "./components/minor/pn-titletag/pn-titletag.js",

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.css

@@ -0,0 +1,22 @@
+pn-marketweb-siteheader-login-linklist {
+  padding: 1rem 0;
+  max-height: 5.2rem;
+  position: relative;
+}
+pn-marketweb-siteheader-login-linklist strong {
+  padding: 0.8rem 1.6rem;
+  display: flex;
+  align-items: center;
+}
+pn-marketweb-siteheader-login-linklist ul, pn-marketweb-siteheader-login-linklist li {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+pn-marketweb-siteheader-login-linklist li {
+  padding: 0.8rem 1.6rem;
+}
+pn-marketweb-siteheader-login-linklist li pn-button {
+  display: block;
+  width: 100%;
+}

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

@@ -0,0 +1,149 @@
+import { Component, Prop, h, Element, Host } from "@stencil/core";
+export class PnMarketwebSiteheaderLoginLinklist {
+  constructor() {
+    this.heading = null;
+    this.links = [];
+    this.idNamespace = "";
+    this.loginManager = null;
+  }
+  componentWillLoad() {
+  }
+  uniqueId(text) {
+    return "loginlink-" + text.replace(/[^A-Za-z0-9.\\\/]/igm, "") + "-" + this.idNamespace;
+  }
+  linkAppearanceAttributes(link) {
+    let attributes = {};
+    if (link.linkType) {
+      switch (link.linkType) {
+        case 'primary':
+          attributes = {
+            appearance: '',
+            variant: ''
+          };
+          break;
+        case 'secondary':
+          attributes = {
+            appearance: 'light',
+            variant: 'outlined'
+          };
+          break;
+        case 'regularlink':
+        default:
+          attributes = {
+            appearance: 'light',
+            variant: 'borderless',
+            icon: 'arrow-right'
+          };
+          break;
+      }
+      return attributes;
+    }
+    if (!link.linkType) {
+      attributes = {
+        appearance: link.primaryLinkApperance ? "dark" : "light"
+      };
+    }
+    return attributes;
+  }
+  render() {
+    if (!this.links || this.links.length === 0) {
+      return;
+    }
+    return (h(Host, null,
+      this.heading ? h("strong", null, this.heading) : null,
+      h("ul", null, this.links.map((link) => {
+        return (h("li", null,
+          h("pn-button", Object.assign({ href: link.href, id: this.uniqueId(link.linkText) }, (link.openInNewWindow && { target: '_blank' }), this.linkAppearanceAttributes(link), { onClick: () => { if (link.isLogoutLink) {
+              this.loginManager.clearUserData();
+            } } }), link.linkText)));
+      }))));
+  }
+  static get is() { return "pn-marketweb-siteheader-login-linklist"; }
+  static get originalStyleUrls() { return {
+    "$": ["pn-marketweb-siteheader-login-linklist.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["pn-marketweb-siteheader-login-linklist.css"]
+  }; }
+  static get properties() { return {
+    "heading": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "heading",
+      "reflect": false,
+      "defaultValue": "null"
+    },
+    "links": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "LoginDialogLink[]",
+        "resolved": "LoginDialogLink[]",
+        "references": {
+          "LoginDialogLink": {
+            "location": "import",
+            "path": "./pn-marketweb-siteheader-types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "defaultValue": "[]"
+    },
+    "idNamespace": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "id-namespace",
+      "reflect": false,
+      "defaultValue": "\"\""
+    },
+    "loginManager": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "MarketWebLoginManager",
+        "resolved": "MarketWebLoginManager",
+        "references": {
+          "MarketWebLoginManager": {
+            "location": "import",
+            "path": "../../../globals/MarketWebLoginManager"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "defaultValue": "null"
+    }
+  }; }
+  static get elementRef() { return "hostElement"; }
+}