@postnord/pn-marketweb-components 2.1.8 → 2.2.0

package/custom-elements/index.js

@@ -22356,7 +22356,7 @@ let PnChoiceButton$1 = class extends HTMLElement {
   static get style() { return pnChoiceButtonCss; }
 };
 
-const translations$c = {
+const translations$d = {
   'sv': {
     'toggleLinkTitleText': `Välj kundnummer`,
   },
@@ -22387,7 +22387,7 @@ let PnCustomernumberSelector$1 = class extends HTMLElement {
     this.open = false;
     this.heading = "";
     this.description = "";
-    this.i18n = translations$c["en"];
+    this.i18n = translations$d["en"];
   }
   componentWillLoad() {
     this.init();
@@ -22396,8 +22396,8 @@ let PnCustomernumberSelector$1 = class extends HTMLElement {
     this.setTranslations();
   }
   setTranslations() {
-    if (this.language && translations$c[this.language]) {
-      this.i18n = translations$c[this.language];
+    if (this.language && translations$d[this.language]) {
+      this.i18n = translations$d[this.language];
     }
   }
   render() {
@@ -22487,7 +22487,7 @@ let PnFilterCheckbox$1 = class extends HTMLElement {
   static get style() { return pnFilterCheckboxCss; }
 };
 
-const translations$b = {
+const translations$c = {
   'sv': {
     'componentheading': 'Våra priser och villkor för inrikesförsändelser för dig som direktbetalande kund?',
     'deliveryscopeheading': 'Endast leveranser inom Sverige',
@@ -24716,8 +24716,8 @@ let PnfindPrice = class extends HTMLElement {
     if (this.market) {
       state$8.market = markets$3[this.market];
     }
-    if (this.language && translations$b[this.language]) {
-      state$8.i18n = translations$b[this.language];
+    if (this.language && translations$c[this.language]) {
+      state$8.i18n = translations$c[this.language];
     }
   }
   filterItems() {
@@ -24840,7 +24840,7 @@ let PnfindPriceResult = class extends HTMLElement {
   static get style() { return pnFindPriceResultCss; }
 };
 
-const translations$a = {
+const translations$b = {
   'sv': {
     'componentheading': 'Vad vill du skicka?',
     'deliveryscopeheading': 'Hit eller dit?',
@@ -25023,8 +25023,8 @@ let PnfindServiceAndPrice = class extends HTMLElement {
     if (this.market) {
       state$7.market = markets$2[this.market];
     }
-    if (this.language && translations$a[this.language]) {
-      state$7.i18n = translations$a[this.language];
+    if (this.language && translations$b[this.language]) {
+      state$7.i18n = translations$b[this.language];
     }
   }
   filterItems() {
@@ -25149,7 +25149,7 @@ let PnfindServiceAndPriceResult = class extends HTMLElement {
   static get style() { return pnFindServiceAndPriceResultCss; }
 };
 
-const translations$9 = {
+const translations$a = {
   'sv': {
     "heading": "Språk",
   },
@@ -25234,8 +25234,8 @@ let PnlanguageSelector = class extends HTMLElement {
     this.setLanguage.emit(this.value);
   }
   setTranslations() {
-    if (translations$9[this.value]) {
-      this.i18n = translations$9[this.value];
+    if (translations$a[this.value]) {
+      this.i18n = translations$a[this.value];
     }
   }
   onValueChange() {
@@ -25303,7 +25303,7 @@ let PnLineShape$1 = class extends HTMLElement {
   static get style() { return pnLineShapeCss; }
 };
 
-const translations$8 = {
+const translations$9 = {
   'sv': {
     "menuHomeButton": "Hem",
     "menuGoBackButton": "Gå tillbaka",
@@ -25397,8 +25397,8 @@ let PnMainnav$1 = class extends HTMLElement {
     this.marketChange.emit(this.market);
   }
   onLanguageChange(event) {
-    if (translations$8[event.detail]) {
-      state$6.i18n = translations$8[event.detail];
+    if (translations$9[event.detail]) {
+      state$6.i18n = translations$9[event.detail];
       if (!this.navLabel) {
         this.navLabel = state$6.i18n.navLabel;
       }
@@ -26082,7 +26082,7 @@ const getSocialMediaIconsByType = (linkType = '', fill = '#005D92') => {
   }
 };
 
-const translations$7 = {
+const translations$8 = {
   'sv': {
     "searchlabel": "Sök",
     "searchplaceholder": "Vad letar du efter?",
@@ -26190,8 +26190,8 @@ let PnMarketwebSiteheader$2 = class extends HTMLElement {
     await this.fetchData();
   }
   setTranslations() {
-    if (this.language && translations$7[this.language]) {
-      this.i18n = translations$7[this.language];
+    if (this.language && translations$8[this.language]) {
+      this.i18n = translations$8[this.language];
     }
   }
   onLanguageChange() {
@@ -26338,7 +26338,7 @@ const { state: state$5, onChange: onChange$5 } = createStore({
   loginManager: null
 });
 
-const translations$6 = {
+const translations$7 = {
   sv: {
     searchlabel: 'Sök',
     searchplaceholder: 'Vad letar du efter?',
@@ -26533,8 +26533,8 @@ let PnMarketwebSiteheader$1 = class extends HTMLElement {
     }, 50);
   }
   setTranslations() {
-    if (this.language && translations$6[this.language]) {
-      this.i18n = translations$6[this.language];
+    if (this.language && translations$7[this.language]) {
+      this.i18n = translations$7[this.language];
     }
     if (this.searchPlaceholder) {
       this.i18n.searchplaceholder = this.searchPlaceholder;
@@ -27537,15 +27537,24 @@ let PnMarketwebSiteheaderLoginProfileselection$1 = class extends HTMLElement {
     this.__registerHost();
     // Login dialog
     this.loginDialog = null;
-    this.endpoint = "";
+    this.endpoint = '';
     this.loggedin = false;
-    this.idNamespace = "";
+    this.idNamespace = '';
     this.heading = null;
-    this.i18n = { "searchlabel": "", "searchplaceholder": "", "searchbuttontext": "", "menuHomeButton": "", "menuGoBackButton": "", "mainMenuButton": "", "menuStartButton": "", "profileSelectionFlyoutHeading": "" };
+    this.i18n = {
+      searchlabel: '',
+      searchplaceholder: '',
+      searchbuttontext: '',
+      menuHomeButton: '',
+      menuGoBackButton: '',
+      mainMenuButton: '',
+      menuStartButton: '',
+      profileSelectionFlyoutHeading: '',
+    };
     this.user = null;
     this.logoutLink = null;
     this.userName = null;
-    this.userEmail = "";
+    this.userEmail = '';
     this.currentProfile = null;
     this.profileoptions = [];
   }
@@ -27565,84 +27574,84 @@ let PnMarketwebSiteheaderLoginProfileselection$1 = class extends HTMLElement {
     if (!this.loggedin || this.profileoptions.length > 0) {
       return;
     }
-    let apiUrl = `${this.endpoint}${(this.endpoint.lastIndexOf('/') > -1 && this.endpoint.lastIndexOf('/') === this.endpoint.length - 1) ? '' : '/'}api/user/parentorganizations`;
+    let apiUrl = `${this.endpoint}${this.endpoint.lastIndexOf('/') > -1 && this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? '' : '/'}api/user/parentorganizations`;
     const req = await fetch(apiUrl);
     const reqdata = await req.json();
     const fallbackData = {
       loggedin: true,
       organizations: [
         {
-          name: "Forsheda Livs AB",
-          customerNumber: "5564513603",
-          id: "dbba867d-1dff-3dbb-b420-c57b4b828b73",
+          name: 'Forsheda Livs AB',
+          customerNumber: '5564513603',
+          id: 'dbba867d-1dff-3dbb-b420-c57b4b828b73',
           selected: true,
           profiles: [
             {
-              name: "Forsheda Livs AB",
-              customerNumber: "20685482",
-              id: "f757ba28-9a73-15a2-f128-4b394d970f3f",
-              ssid: "",
+              name: 'Forsheda Livs AB',
+              customerNumber: '20685482',
+              id: 'f757ba28-9a73-15a2-f128-4b394d970f3f',
+              ssid: '',
               selected: false,
-              customerGroup: "Business"
+              customerGroup: 'Business',
             },
             {
-              name: "ICA MAXI KUNGSBACKA",
-              customerNumber: "20831191",
-              id: "5aea41df-32b0-3f7e-2946-78598360177d",
-              ssid: "259686",
+              name: 'ICA MAXI KUNGSBACKA',
+              customerNumber: '20831191',
+              id: '5aea41df-32b0-3f7e-2946-78598360177d',
+              ssid: '259686',
               selected: true,
-              customerGroup: "Agent"
-            }
-          ]
+              customerGroup: 'Agent',
+            },
+          ],
         },
         {
-          name: "Hem Livs i Kungsbacka AB",
-          customerNumber: "5565271250",
-          id: "97ca363c-40ef-cca9-7a3c-9e7f025567c2",
+          name: 'Hem Livs i Kungsbacka AB',
+          customerNumber: '5565271250',
+          id: '97ca363c-40ef-cca9-7a3c-9e7f025567c2',
           selected: false,
           profiles: [
             {
-              name: "ICA KVANTUM KUNGSBACKA",
-              customerNumber: "20831193",
-              id: "fbd61ffd-41c6-2206-b88e-cfef91e1dc39",
-              ssid: "259691",
+              name: 'ICA KVANTUM KUNGSBACKA',
+              customerNumber: '20831193',
+              id: 'fbd61ffd-41c6-2206-b88e-cfef91e1dc39',
+              ssid: '259691',
               selected: false,
-              customerGroup: "Agent"
-            }
-          ]
+              customerGroup: 'Agent',
+            },
+          ],
         },
         {
-          name: "ICA SUPERMARKET TORGET",
-          customerNumber: "5568902679",
-          id: "7cb76a94-e1a5-5f57-58fd-bc563851b28e",
+          name: 'ICA SUPERMARKET TORGET',
+          customerNumber: '5568902679',
+          id: '7cb76a94-e1a5-5f57-58fd-bc563851b28e',
           selected: false,
           profiles: [
             {
-              name: "ICA SUPERMARKET TORGET",
-              customerNumber: "20831212",
-              id: "3a2db017-b68f-6fa0-fe70-542c08cd97ce",
-              ssid: "",
+              name: 'ICA SUPERMARKET TORGET',
+              customerNumber: '20831212',
+              id: '3a2db017-b68f-6fa0-fe70-542c08cd97ce',
+              ssid: '',
               selected: false,
-              customerGroup: "Agent"
-            }
-          ]
-        }
-      ]
+              customerGroup: 'Agent',
+            },
+          ],
+        },
+      ],
     };
-    const data = (window.location.href.indexOf('localhost:6008') !== -1) ? fallbackData : reqdata;
+    const data = window.location.href.indexOf('localhost:6008') !== -1 ? fallbackData : reqdata;
     if (!data || !data.organizations || !data.organizations.length) {
       return;
     }
-    data.organizations.forEach((org) => {
+    data.organizations.forEach(org => {
       if (org.selected === true && org.profiles) {
         const selectedProfile = org.profiles.filter(x => x.selected === true);
-        if (selectedProfile && selectedProfile[0] && selectedProfile[0].customerGroup.toLocaleLowerCase() === "agent" && selectedProfile[0].ssid) {
+        if (selectedProfile && selectedProfile[0] && selectedProfile[0].customerGroup.toLocaleLowerCase() === 'agent' && selectedProfile[0].ssid) {
           org.customerNumber = selectedProfile[0].ssid;
         }
       }
       else {
-        if (org.customerNumber.length === 10 && org.customerNumber.substring(0, 2) === "55") {
-          org.customerNumber = org.customerNumber.substring(0, 6) + "-" + org.customerNumber.substring(6);
+        if (org.customerNumber.length === 10 && org.customerNumber.substring(0, 2) === '55') {
+          org.customerNumber = org.customerNumber.substring(0, 6) + '-' + org.customerNumber.substring(6);
         }
         this.profileoptions.push(org);
       }
@@ -27652,8 +27661,8 @@ let PnMarketwebSiteheaderLoginProfileselection$1 = class extends HTMLElement {
       name: this.userName,
       customerNumber: '',
       id: '',
-      selected: (!currentProfileObj),
-      profiles: []
+      selected: !currentProfileObj,
+      profiles: [],
     };
     if (!currentProfileObj) {
       currentProfileObj = userProfileOption;
@@ -27667,7 +27676,7 @@ let PnMarketwebSiteheaderLoginProfileselection$1 = class extends HTMLElement {
     var _a, _b, _c, _d;
     const adjustLink = (link, i) => {
       if (!link.isLogoutLink) {
-        link.isLogoutLink = (link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1);
+        link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;
       }
       if (link.isLogoutLink) {
         link.href = state$5.loginManager.getLogoutUrl(link.href);
@@ -27695,7 +27704,7 @@ let PnMarketwebSiteheaderLoginProfileselection$1 = class extends HTMLElement {
       this.userEmail = userInfo.email;
     }
     if (userInfo && userInfo.given_name) {
-      this.userName = userInfo.given_name + ((userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name) ? ` ${userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name}` : "");
+      this.userName = userInfo.given_name + ((userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name) ? ` ${userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name}` : '');
     }
     if (userInfo && userInfo.given_name) {
       this.userName = userInfo.given_name;
@@ -27710,19 +27719,20 @@ let PnMarketwebSiteheaderLoginProfileselection$1 = class extends HTMLElement {
       return;
     }
   }
+  filterLogoutLink(loggedInLinks) {
+    return loggedInLinks.filter((link) => !link.isLogoutLink);
+  }
   render() {
     if (!this.loginDialog) {
       return;
     }
     let hostElementAttribute = {};
-    return (h(Host, Object.assign({}, hostElementAttribute), this.heading ? h("strong", { class: "pn-marketweb-siteheader-login-profileselection-heading" }, this.heading) : null, this.currentProfile !== null && this.currentProfile.name ?
-      h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile" }, h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-name" }, this.currentProfile.name), h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-description" }, this.currentProfile.customerNumber ? this.currentProfile.customerNumber : this.userEmail))
-      : null, h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loggedInLinks, idNamespace: this.idNamespace }), h("div", { class: "pn-marketweb-siteheader-login-profileselection-divider" }), this.profileoptions.filter(x => x.selected !== true).map((organization) => {
-      let customerNumber = (organization.profiles.length > 0) ? organization.profiles[0].customerNumber : organization.customerNumber;
+    return (h(Host, Object.assign({}, hostElementAttribute), this.heading ? h("strong", { class: "pn-marketweb-siteheader-login-profileselection-heading" }, this.heading) : null, this.currentProfile !== null && this.currentProfile.name ? (h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile" }, h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-name" }, this.currentProfile.name), h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-description" }, this.currentProfile.customerNumber ? this.currentProfile.customerNumber : this.userEmail))) : null, h("pn-marketweb-siteheader-login-linklist", { links: this.filterLogoutLink(this.loginDialog.loggedInLinks), idNamespace: this.idNamespace }), h("div", { class: "pn-marketweb-siteheader-login-profileselection-divider" }), this.profileoptions
+      .filter(x => x.selected !== true)
+      .map(organization => {
+      let customerNumber = organization.profiles.length > 0 ? organization.profiles[0].customerNumber : organization.customerNumber;
       return (h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption" }, h("a", { href: `${this.endpoint}/api/user/setprofile?customernumber=${customerNumber}&returnUrl=${window.location.href}`, class: "pn-marketweb-siteheader-login-profileselection-profileoption-link" }, h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-content" }, h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-name" }, organization.name), h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-description" }, organization.customerNumber ? organization.customerNumber : this.userEmail)), h("pn-icon", { symbol: "arrow-right", small: "false", color: "blue700" }))));
-    }), this.logoutLink ?
-      h("div", { class: "pn-marketweb-siteheader-login-profileselection-logout" }, h("a", { href: this.logoutLink.href, rel: "nofollower noopener", id: "pn-marketweb-header-logoutlink", onClick: () => state$5.loginManager.clearUserData(), class: "pn-marketweb-siteheader-login-profileselection-logout-link" }, this.logoutLink.linkText))
-      : null));
+    }), this.logoutLink ? (h("div", { class: "pn-marketweb-siteheader-login-profileselection-logout" }, h("a", { href: this.logoutLink.href, rel: "nofollower noopener", id: "pn-marketweb-header-logoutlink", onClick: () => state$5.loginManager.clearUserData(), class: "pn-marketweb-siteheader-login-profileselection-logout-link" }, this.logoutLink.linkText))) : null));
   }
   get hostElement() { return this; }
   static get style() { return pnMarketwebSiteheaderLoginProfileselectionCss; }
@@ -27877,7 +27887,7 @@ let PnSpotlight$2 = class extends HTMLElement {
   static get style() { return pnParcelTrackerCss; }
 };
 
-const translations$5 = {
+const translations$6 = {
   'sv': {
     "heading": "Prisindikation med PEX Bud",
     "labelFrom": "Från postkod",
@@ -27912,7 +27922,7 @@ let PnPexPricefinder$1 = class extends HTMLElement {
     this.currency = "Kr";
     /** API Url */
     this.apiUrl = "/api/pex/order";
-    this.i18n = translations$5.sv;
+    this.i18n = translations$6.sv;
     this.fromzip = null;
     this.tozip = null;
     this.weight = 1;
@@ -27947,8 +27957,8 @@ let PnPexPricefinder$1 = class extends HTMLElement {
     });
   }
   setLanguage() {
-    if (translations$5[this.language]) {
-      this.i18n = translations$5[this.language];
+    if (translations$6[this.language]) {
+      this.i18n = translations$6[this.language];
     }
   }
   onSubmit(e) {
@@ -28048,7 +28058,7 @@ let PnProductCardPrice$1 = class extends HTMLElement {
   static get style() { return pnProductCardPriceCss; }
 };
 
-const translations$4 = {
+const translations$5 = {
   'sv': {
     'componentheading': 'Våra priser och villkor för inrikesförsändelser för dig som direktbetalande kund?',
     'deliveryscopeheading': 'Endast leveranser inom Sverige',
@@ -28183,8 +28193,8 @@ let PnFindProductPricelist = class extends HTMLElement {
     if (this.market) {
       state$8.market = markets$1[this.market];
     }
-    if (this.language && translations$4[this.language]) {
-      state$8.i18n = translations$4[this.language];
+    if (this.language && translations$5[this.language]) {
+      state$8.i18n = translations$5[this.language];
     }
   }
   async getDataSource() {
@@ -28569,7 +28579,7 @@ let PnProfileModalType$1 = class extends HTMLElement {
   static get style() { return pnProfileModalTypeCss; }
 };
 
-const translations$3 = {
+const translations$4 = {
   'sv': {
     'introMessage': `Välj ombud du vill agera som?`,
   },
@@ -28599,7 +28609,7 @@ let PnProfileSelector$1 = class extends HTMLElement {
     this.language = "sv"; //sv
     this.returnUrl = "/"; //sv
     this.heading = null; //sv
-    this.i18n = translations$3["en"];
+    this.i18n = translations$4["en"];
     this.isLoading = true;
     this.numberOfProfiles = 1;
   }
@@ -28610,8 +28620,8 @@ let PnProfileSelector$1 = class extends HTMLElement {
     this.setTranslations();
   }
   setTranslations() {
-    if (this.language && translations$3[this.language]) {
-      this.i18n = translations$3[this.language];
+    if (this.language && translations$4[this.language]) {
+      this.i18n = translations$4[this.language];
     }
   }
   render() {
@@ -28638,7 +28648,7 @@ let PnProfileSelectorOption$1 = class extends HTMLElement {
   static get style() { return pnProfileSelectorOptionCss; }
 };
 
-const translations$2 = {
+const translations$3 = {
   'sv': {
     'componentheading': 'Våra priser och villkor för inrikesförsändelser för dig som direktbetalande kund?',
     'deliveryscopeheading': 'Endast leveranser inom Sverige',
@@ -28887,8 +28897,8 @@ let PnProxioFindPrice = class extends HTMLElement {
     if (this.market) {
       state$1.market = markets[this.market];
     }
-    if (this.language && translations$2[this.language]) {
-      state$1.i18n = translations$2[this.language];
+    if (this.language && translations$3[this.language]) {
+      state$1.i18n = translations$3[this.language];
     }
   }
   filterItems() {
@@ -28938,7 +28948,7 @@ let PnProxioFindPrice = class extends HTMLElement {
   static get style() { return pnProxioFindpriceCss; }
 };
 
-const translations$1 = {
+const translations$2 = {
   'sv': {
     "from": "Från ",
     "labelMaxDimensionsRoll": "Rulle",
@@ -28972,7 +28982,7 @@ let PnProxioFindPriceResult = class extends HTMLElement {
     this.shopLabel = '';
     this.shopUrl = '';
     this.shopId = '';
-    this.i18n = translations$1["sv"];
+    this.i18n = translations$2["sv"];
   }
   componentWillLoad() {
     this.composeItems();
@@ -29027,7 +29037,7 @@ let PnProxioPricegroup$1 = class extends HTMLElement {
     this.cache = true;
     this.activeWeightIndex = 0;
     this.data = null;
-    this.i18n = translations$1["sv"];
+    this.i18n = translations$2["sv"];
     this.fetchHelper = new FetchHelper("proxiopricegroup");
   }
   componentWillLoad() {
@@ -29076,8 +29086,8 @@ let PnProxioPricegroup$1 = class extends HTMLElement {
     this.activeWeightIndex = weightIndex;
   }
   setLanguage() {
-    if (translations$1[this.language]) {
-      this.i18n = translations$1[this.language];
+    if (translations$2[this.language]) {
+      this.i18n = translations$2[this.language];
     }
   }
   getPriceString(product) {
@@ -29242,6 +29252,80 @@ let PnQuoteCard$1 = class extends HTMLElement {
   static get style() { return pnQuoteCardCss; }
 };
 
+const translations$1 = {
+  sv: {
+    sharelabel: 'Dela med',
+  },
+  en: {
+    sharelabel: 'Share to',
+  },
+  da: {
+    sharelabel: 'Del med',
+  },
+  no: {
+    sharelabel: 'Dele med',
+  },
+  fi: {
+    sharelabel: 'Jakaa',
+  },
+};
+
+const pnShareCss = "pn-share .pn-share__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:0.8rem}pn-share .pn-share__heading{font-size:1.6rem;font-weight:500}pn-share .pn-share__heading:after{content:\"\";display:block;height:0.2rem;background-color:#F3F2F2;margin-top:0.4rem;margin-bottom:0.8rem}pn-share .pn-share__items{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:0.8rem;-ms-flex-align:center;align-items:center}";
+
+const SHARE_URLS = [
+  { platform: 'linkedin', url: 'https://www.linkedin.com/sharing/share-offsite/?url=', text: 'LinkedIn' },
+  { platform: 'twitter', url: 'https://twitter.com/intent/tweet?url=', text: 'Twitter' },
+  { platform: 'facebook', url: 'https://www.facebook.com/sharer/sharer.php?u=', text: 'Facebook' },
+];
+let PnShare$1 = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.link = null;
+    this.language = 'sv';
+  }
+  componentWillLoad() {
+    this.setTranslations();
+  }
+  setTranslations() {
+    if (this.language === 'nb') {
+      this.language = 'no';
+    }
+    if (this.language && translations$1[this.language]) {
+      this.i18n = translations$1[this.language];
+    }
+  }
+  onLanguageChange() {
+    this.setTranslations();
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "pn-share__container" }, h("h3", { class: "pn-share__heading" }, this.i18n.sharelabel, ":"), h("div", { class: "pn-share__items" }, SHARE_URLS.map(platform => {
+      return (h("pn-share-item", { link: `${platform.url}${this.link}`, text: platform.text }, h("pn-icon", { slot: "icon", symbol: platform.platform })));
+    })))));
+  }
+  get hostElement() { return this; }
+  static get watchers() { return {
+    "language": ["onLanguageChange"]
+  }; }
+  static get style() { return pnShareCss; }
+};
+
+const pnShareItemCss = "pn-share-item .pn-share-item__container{padding:0.3rem 0.6rem;border:1px solid #D3CECB;border-radius:0.8rem;background-color:#FFFFFF;-webkit-transition:background-color ease-in-out 0.3s;transition:background-color ease-in-out 0.3s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}pn-share-item a{text-decoration:none;color:#005D92;-webkit-transition:color 0.3s;transition:color 0.3s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.8rem;font-size:1.6rem;font-weight:400}pn-share-item [slot=icon] svg{height:1.6rem;width:1.6rem}pn-share-item [slot=icon] svg path{fill:#005D92;-webkit-transition:fill 0.3s;transition:fill 0.3s}pn-share-item:hover{cursor:pointer}pn-share-item:hover .pn-share-item__container{background-color:#0D234B}pn-share-item:hover a{color:#FFFFFF;text-decoration:none}pn-share-item:hover [slot=icon] svg{fill:#0D234B}pn-share-item:hover [slot=icon] svg path{fill:#FFFFFF}";
+
+let PnShareItem$1 = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.link = null;
+    this.text = null;
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "pn-share-item__container" }, h("a", { href: `${this.link}` }, h("slot", { name: "icon" }), " ", this.text))));
+  }
+  get hostElement() { return this; }
+  static get style() { return pnShareItemCss; }
+};
+
 const translations = {
   'sv': {
     "open": "Öppna",
@@ -29849,6 +29933,8 @@ const PnProxioProductcardInformation = /*@__PURE__*/proxyCustomElement(PnProxioP
 const PnProxioProductcardPricelink = /*@__PURE__*/proxyCustomElement(PnProxioProductcardPricelink$1, [0,"pn-proxio-productcard-pricelink",{"price":[1],"link":[1],"linktext":[1]}]);
 const PnQuickCta = /*@__PURE__*/proxyCustomElement(PnQuickCta$1, [4,"pn-quick-cta",{"heading":[1],"preamble":[1]}]);
 const PnQuoteCard = /*@__PURE__*/proxyCustomElement(PnQuoteCard$1, [4,"pn-quote-card",{"quote":[1],"name":[1],"occupation":[1]}]);
+const PnShare = /*@__PURE__*/proxyCustomElement(PnShare$1, [0,"pn-share",{"link":[1],"language":[1537],"i18n":[32]}]);
+const PnShareItem = /*@__PURE__*/proxyCustomElement(PnShareItem$1, [4,"pn-share-item",{"link":[1],"text":[1]}]);
 const PnSidenav = /*@__PURE__*/proxyCustomElement(PnSidenav$1, [4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]);
 const PnSidenavLevel = /*@__PURE__*/proxyCustomElement(PnSidenavLevel$1, [4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]}]);
 const PnSidenavLink = /*@__PURE__*/proxyCustomElement(PnSidenavLink$1, [4,"pn-sidenav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"icon":[1],"current":[4],"levelId":[32],"open":[32],"hasChildren":[32]}]);
@@ -29922,6 +30008,8 @@ const defineCustomElements = (opts) => {
   PnProxioProductcardPricelink,
   PnQuickCta,
   PnQuoteCard,
+  PnShare,
+  PnShareItem,
   PnSidenav,
   PnSidenavLevel,
   PnSidenavLink,
@@ -29943,4 +30031,4 @@ const defineCustomElements = (opts) => {
   }
 };
 
-export { PnBonusProgressbar, PnBonusProgressbarLevel, PnBreakpoints, PnChart, PnChartsCard, PnChoiceButton, PnCustomernumberSelector, PnCustomernumberSelectorOption, PnFilterCheckbox, PnFindPrice, PnFindPriceResult, PnFindServiceAndPrice, PnFindServiceAndPriceResult, PnLanguageSelector, PnLanguageSelectorOption, PnLineShape, PnMainnav, PnMainnavLevel, PnMainnavLink, PnMainnavList, PnMarketwebInput, PnMarketwebSearch, PnMarketwebSitefooter, PnMarketwebSiteheader, PnMarketwebSiteheaderLogin, PnMarketwebSiteheaderLoginButton, PnMarketwebSiteheaderLoginLinklist, PnMarketwebSiteheaderLoginLinks, PnMarketwebSiteheaderLoginMypageButton, PnMarketwebSiteheaderLoginProfileselection, PnMarketwebSiteheaderSearch, PnMarketwebSiteheaderUnifiedLogin, PnParcelTracker, PnPexPricefinder, PnProductCard, PnProductCardInfo, PnProductCardPrice, PnProductPricelist, PnProductPricelistResult, PnProductTile, PnProductTileInfo, PnProductTilePrice, PnProfileModal, PnProfileModalCustomernumber, PnProfileModalProfile, PnProfileModalType, PnProfileSelector, PnProfileSelectorOption, PnProxioFindprice, PnProxioFindpriceResult, PnProxioPricegroup, PnProxioProductcard, PnProxioProductcardDescription, PnProxioProductcardInformation, PnProxioProductcardPricelink, PnQuickCta, PnQuoteCard, PnSidenav, PnSidenavLevel, PnSidenavLink, PnSidenavTogglebutton, PnSiteFooter, PnSiteFooterCol, PnSiteSelector, PnSiteSelectorItem, PnSpotlight, PnStatsInfo, PnStatsInfoData, PnTeaserCard, PnTitletag, defineCustomElements };
+export { PnBonusProgressbar, PnBonusProgressbarLevel, PnBreakpoints, PnChart, PnChartsCard, PnChoiceButton, PnCustomernumberSelector, PnCustomernumberSelectorOption, PnFilterCheckbox, PnFindPrice, PnFindPriceResult, PnFindServiceAndPrice, PnFindServiceAndPriceResult, PnLanguageSelector, PnLanguageSelectorOption, PnLineShape, PnMainnav, PnMainnavLevel, PnMainnavLink, PnMainnavList, PnMarketwebInput, PnMarketwebSearch, PnMarketwebSitefooter, PnMarketwebSiteheader, PnMarketwebSiteheaderLogin, PnMarketwebSiteheaderLoginButton, PnMarketwebSiteheaderLoginLinklist, PnMarketwebSiteheaderLoginLinks, PnMarketwebSiteheaderLoginMypageButton, PnMarketwebSiteheaderLoginProfileselection, PnMarketwebSiteheaderSearch, PnMarketwebSiteheaderUnifiedLogin, PnParcelTracker, PnPexPricefinder, PnProductCard, PnProductCardInfo, PnProductCardPrice, PnProductPricelist, PnProductPricelistResult, PnProductTile, PnProductTileInfo, PnProductTilePrice, PnProfileModal, PnProfileModalCustomernumber, PnProfileModalProfile, PnProfileModalType, PnProfileSelector, PnProfileSelectorOption, PnProxioFindprice, PnProxioFindpriceResult, PnProxioPricegroup, PnProxioProductcard, PnProxioProductcardDescription, PnProxioProductcardInformation, PnProxioProductcardPricelink, PnQuickCta, PnQuoteCard, PnShare, PnShareItem, PnSidenav, PnSidenavLevel, PnSidenavLink, PnSidenavTogglebutton, PnSiteFooter, PnSiteFooterCol, PnSiteSelector, PnSiteSelectorItem, PnSpotlight, PnStatsInfo, PnStatsInfoData, PnTeaserCard, PnTitletag, defineCustomElements };