@postnord/pn-marketweb-components 2.0.23-beta3 → 2.0.23-beta6

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-card_4.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e3e27c79.js');
 
-const pnProductCardCss = "pn-product-card{border:0.1rem solid #D3CECB;outline:none;background:#FFFFFF;-webkit-box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);display:-ms-flexbox;display:flex;word-break:break-word;text-decoration:none;border-radius:0.8rem;position:relative;padding:11rem 2.4rem 2.4rem;margin-bottom:1.6rem}@media screen and (min-width: 36em){pn-product-card{padding:2.4rem}}pn-product-card [slot=title]{display:-ms-flexbox;display:flex;width:100%;margin-bottom:0.8rem;gap:1.6rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}@media screen and (min-width: 36em){pn-product-card [slot=title]{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:inherit;align-items:inherit}}pn-product-card [slot=title] h2{width:100%}@media screen and (min-width: 36em){pn-product-card [slot=title] h2{width:auto}}pn-product-card [slot=title] h2>a{color:#000000}pn-product-card [slot=title] h2>a::after{content:\"\" !important}pn-product-card [slot=note]{margin-top:1em;margin-bottom:1em}pn-product-card [slot=additionalUSP]{display:-ms-flexbox;display:flex}pn-product-card [slot=additionalUSP] :first-child{margin-left:0em}pn-product-card [slot=additionalUSP] span{margin-left:1em;background:#D3CECB;color:#2D2013;border-radius:0.25em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0.3em;margin-top:0.5em;font-size:0.75em}pn-product-card>pn-illustration{min-width:8rem;width:8rem;height:8rem;-ms-flex-item-align:center;align-self:center;position:absolute;top:1.6rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%;-webkit-box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);border-radius:100%}@media screen and (min-width: 36em){pn-product-card>pn-illustration{-webkit-box-shadow:none;box-shadow:none;top:1.6rem;right:1.6rem;left:auto;-webkit-transform:none;transform:none}}@media screen and (min-width: 48em){pn-product-card>pn-illustration{position:static;top:auto;right:auto;margin-right:3rem}}pn-product-card .cardcontent{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 48em){pn-product-card .cardcontent{-ms-flex-direction:row;flex-direction:row;gap:1.6rem}}pn-product-card [slot=cardprice]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:0.6em;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 36em){pn-product-card [slot=cardprice]{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=cardprice]{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}}pn-product-card [slot=mobiledownload]{margin-top:1rem;white-space:nowrap;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-product-card [slot=mobiledownload] #riktiga{-ms-flex-order:4;order:4;margin-top:1em}pn-product-card [slot=mobiledownload] #riktiga>div>a::after{content:\"\" !important}pn-product-card [slot=mobiledownload] .riktigaAndroidImg{width:6em;margin:0.5em}pn-product-card [slot=mobiledownload] .riktigaAppleImg{width:5.6em;margin:0.5em}pn-product-card [slot=mobiledownload] a{text-decoration:none;color:#005D92}pn-product-card [slot=mobiledownload] a h3{text-decoration:underline}pn-product-card [slot=servicepoint]{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:2;flex-grow:2;-ms-flex-align:end;align-items:flex-end;text-align:center}@media screen and (min-width: 36em){pn-product-card [slot=servicepoint]{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=servicepoint]{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}}pn-product-card .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:100%}pn-product-card .info{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-positive:1;flex-grow:1;-ms-flex-flow:wrap;flex-flow:wrap;padding:0 1em 0 0}pn-product-card .info>*{min-width:6em;margin:0.5em 1em 0.5em 0}";
+const pnProductCardCss = "pn-product-card{border:0.1rem solid #D3CECB;outline:none;background:#FFFFFF;-webkit-box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);display:-ms-flexbox;display:flex;word-break:break-word;text-decoration:none;border-radius:0.8rem;position:relative;padding:11rem 2.4rem 2.4rem;margin-bottom:1.6rem}@media screen and (min-width: 36em){pn-product-card{padding:2.4rem}}pn-product-card [slot=title]{display:-ms-flexbox;display:flex;width:100%;margin-bottom:0.8rem;gap:1.6rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}@media screen and (min-width: 36em){pn-product-card [slot=title]{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:inherit;align-items:inherit}}pn-product-card [slot=title] h2{width:100%}@media screen and (min-width: 36em){pn-product-card [slot=title] h2{width:auto}}pn-product-card [slot=title] h2>a{color:#000000}pn-product-card [slot=title] h2>a::after{content:\"\" !important}pn-product-card [slot=note]{margin-top:1em;margin-bottom:1em;font-size:0.8em}pn-product-card [slot=additionalUSP]{display:-ms-flexbox;display:flex}pn-product-card [slot=additionalUSP] :first-child{margin-left:0em}pn-product-card [slot=additionalUSP] span{margin-left:1em;background:#D3CECB;color:#2D2013;border-radius:0.25em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0.3em;margin-top:0.5em;font-size:0.75em}pn-product-card>pn-illustration{min-width:8rem;width:8rem;height:8rem;-ms-flex-item-align:center;align-self:center;position:absolute;top:1.6rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%;-webkit-box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);border-radius:100%}@media screen and (min-width: 36em){pn-product-card>pn-illustration{-webkit-box-shadow:none;box-shadow:none;top:1.6rem;right:1.6rem;left:auto;-webkit-transform:none;transform:none}}@media screen and (min-width: 48em){pn-product-card>pn-illustration{position:static;top:auto;right:auto;margin-right:3rem}}pn-product-card .cardcontent{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 48em){pn-product-card .cardcontent{-ms-flex-direction:row;flex-direction:row;gap:1.6rem}}pn-product-card [slot=cardprice]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:0.6em;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 36em){pn-product-card [slot=cardprice]{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=cardprice]{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}}pn-product-card [slot=mobiledownload]{margin-top:1rem;white-space:nowrap;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-product-card [slot=mobiledownload] #riktiga{-ms-flex-order:4;order:4;margin-top:1em}pn-product-card [slot=mobiledownload] #riktiga>div>a::after{content:\"\" !important}pn-product-card [slot=mobiledownload] .riktigaAndroidImg{width:6em;margin:0.5em}pn-product-card [slot=mobiledownload] .riktigaAppleImg{width:5.6em;margin:0.5em}pn-product-card [slot=mobiledownload] a{text-decoration:none;color:#005D92}pn-product-card [slot=mobiledownload] a h3{text-decoration:underline}pn-product-card [slot=servicepoint]{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:2;flex-grow:2;-ms-flex-align:end;align-items:flex-end;text-align:center}@media screen and (min-width: 36em){pn-product-card [slot=servicepoint]{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=servicepoint]{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}}pn-product-card .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:100%}pn-product-card .info{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-positive:1;flex-grow:1;-ms-flex-flow:wrap;flex-flow:wrap;padding:0 1em 0 0}pn-product-card .info>*{min-width:6em;margin:0.5em 1em 0.5em 0}";
 
 let PnProductCard = class {
   constructor(hostRef) {

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"; }
+}

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

@@ -0,0 +1,199 @@
+import { Component, Prop, h, Element, Watch, Host } from "@stencil/core";
+export class PnMarketwebSiteheaderLoginLinks {
+  constructor() {
+    // 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 (h(Host, Object.assign({}, hostElementAttribute),
+      (!this.loginDialog.overrideLoginMenu) ?
+        h("div", { "data-loggedin": this.loggedin + '' }, (this.loggedin) ?
+          h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loggedInLinks, loginManager: this.loginManager, idNamespace: this.idNamespace })
+          :
+            h("div", null, ((_a = this.loginDialog.loginMenuLinks) === null || _a === void 0 ? void 0 : _a.length) > 0 ?
+              h("pn-marketweb-siteheader-login-linklist", { heading: this.loginDialog.loginTitle, links: this.loginDialog.loginMenuLinks, loginManager: this.loginManager, idNamespace: this.idNamespace })
+              :
+                h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.legacyLoginLinks, loginManager: this.loginManager, idNamespace: this.idNamespace })))
+        : null,
+      (this.loginDialog.overrideLoginMenu) ?
+        h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loginMenuLinks, loginManager: this.loginManager, idNamespace: this.idNamespace })
+        : null));
+  }
+  static get is() { return "pn-marketweb-siteheader-login-links"; }
+  static get originalStyleUrls() { return {
+    "$": ["pn-marketweb-siteheader-login-links.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["pn-marketweb-siteheader-login-links.css"]
+  }; }
+  static get properties() { return {
+    "loginDialog": {
+      "type": "unknown",
+      "mutable": true,
+      "complexType": {
+        "original": "LoginDialog",
+        "resolved": "LoginDialog",
+        "references": {
+          "LoginDialog": {
+            "location": "import",
+            "path": "./pn-marketweb-siteheader-types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "defaultValue": "null"
+    },
+    "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"
+    },
+    "idNamespace": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "id-namespace",
+      "reflect": false,
+      "defaultValue": "\"\""
+    },
+    "loggedin": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "loggedin",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "username": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "username",
+      "reflect": false,
+      "defaultValue": "\"\""
+    }
+  }; }
+  static get elementRef() { return "hostElement"; }
+  static get watchers() { return [{
+      "propName": "loginDialog",
+      "methodName": "init"
+    }]; }
+}

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

@@ -0,0 +1,93 @@
+.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;
+  transform: translateX(calc(100% + 0.2em));
+}
+
+.pn-marketweb-siteheader-login-profileselection-profileoption-link {
+  display: flex;
+  background: #FFFFFF;
+  transition: background 0.15s ease-in-out;
+  margin: 0 -1em;
+  padding: 0.6rem 1.6rem;
+  text-decoration: none;
+  color: #005D92;
+  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 {
+  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;
+}