@postnord/pn-marketweb-components 1.0.49-beta1 → 1.0.49-beta4

package/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["pn-marketweb-siteheader.cjs",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"token":[1],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"sessionForward":[4,"session-forward"],"cache":[4],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32],"loggedIn":[32],"loginManager":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["pn-find-price.cjs",[[0,"pn-find-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"weight":[32],"weightvalue":[32],"sourceData":[32],"sizecategory":[32]}]]],["pn-find-service-and-price.cjs",[[0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]}]]],["pn-product-pricelist.cjs",[[4,"pn-product-pricelist",{"source":[1],"language":[1025],"market":[1025],"productid":[1],"filteredItems":[32],"sourceData":[32],"gotData":[32],"loading":[32],"postagetype":[32],"weight":[32],"weightvalue":[32]}]]],["pn-marketweb-sitefooter.cjs",[[0,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-bonus-progressbar.cjs",[[4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[32]}]]],["pn-filter-checkbox.cjs",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-filter-search.cjs",[[1,"pn-filter-search",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4]},[[0,"input","inputHandler"]]]]],["pn-pex-pricefinder.cjs",[[0,"pn-pex-pricefinder",{"language":[1],"currency":[1],"apiUrl":[1,"api-url"],"i18n":[32],"fromzip":[32],"tozip":[32],"weight":[32],"when":[32],"response":[32]},[[0,"language","setLanguage"]]]]],["pn-profile-selector.cjs",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-profile-selector-option.cjs",[[0,"pn-profile-selector-option",{"name":[1],"identifier":[1],"url":[1]}]]],["pn-sidenav.cjs",[[4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["pn-sidenav-level.cjs",[[4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]}]]],["pn-sidenav-link.cjs",[[4,"pn-sidenav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"icon":[1],"current":[4],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-find-price-result.cjs",[[0,"pn-find-price-result",{"item":[1040],"shownitems":[16],"Usp1":[1,"usp-1"],"Usp2":[1,"usp-2"],"Usp3":[1,"usp-3"],"weightText":[32]}]]],["pn-find-service-and-price-result.cjs",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]]],["pn-product-pricelist-result.cjs",[[0,"pn-product-pricelist-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]]],["pn-bonus-progressbar-level.cjs",[[0,"pn-bonus-progressbar-level",{"current":[516],"value":[1538],"bonuspercentage":[1537],"visualpercentage":[1538],"percentage":[32],"max":[32],"min":[32],"currency":[32]}]]],["pn-site-footer_2.cjs",[[4,"pn-site-footer",{"url":[1],"linktitle":[1]}],[4,"pn-site-footer-col"]]],["pn-choice-button.cjs",[[4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-mainnav-link.cjs",[[4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-product-card_3.cjs",[[4,"pn-product-card"],[0,"pn-product-card-info",{"rulle":[1],"paket":[1],"label":[1],"text":[1]}],[0,"pn-product-card-price",{"label":[1],"amount":[1],"currency":[1],"note":[1],"url":[1]}]]],["pn-language-selector_9.cjs",[[4,"pn-mainnav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"listCount":[32],"alignment":[32]}],[4,"pn-language-selector",{"value":[1537],"selectedLanguageName":[32],"options":[32],"i18n":[32]}],[0,"pn-language-selector-option",{"name":[1],"code":[1],"url":[1],"selected":[4],"currentLanguage":[1,"current-language"]}],[4,"pn-mainnav",{"market":[1],"language":[1],"navigationId":[1,"navigation-id"],"openMenu":[1028,"open-menu"],"navLabel":[1,"nav-label"]},[[0,"language","setLanguage"],[0,"market","setMarket"],[0,"menuLanguageChange","onLanguageChange"],[0,"setmenuopenstate","setMenuOpenState"],[0,"openMenuLevelChange","onOpenMenuLevelChange"]]],[4,"pn-mainnav-list",{"heading":[1],"linkCount":[32]}],[0,"pn-marketweb-siteheader-login",{"endpoint":[1],"token":[1],"i18n":[8,"i-1-8n"],"emitEvents":[4,"emit-events"],"loginDialog":[1040],"loginManager":[32],"loggedIn":[32],"toggleButtonText":[32],"username":[32]}],[0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"search":[1040]}],[4,"pn-site-selector",{"buttontext":[1537],"heading":[1537],"language":[1537],"i18n":[32]}],[0,"pn-site-selector-item",{"url":[1],"heading":[1],"description":[1],"newwindow":[4]}]]],["pn-product-tile_3.cjs",[[4,"pn-product-tile"],[0,"pn-product-tile-info",{"label":[1],"text":[1],"icon":[1]}],[0,"pn-product-tile-price",{"label":[1],"amount":[1],"currency":[1],"url":[1]}]]]], options);
+  return index.bootstrapLazy([["pn-marketweb-siteheader.cjs",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"token":[1],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"sessionForward":[4,"session-forward"],"cache":[4],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32],"loggedIn":[32],"loginManager":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["pn-find-price.cjs",[[0,"pn-find-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"weight":[32],"weightvalue":[32],"sourceData":[32],"sizecategory":[32]}]]],["pn-find-service-and-price.cjs",[[0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]}]]],["pn-product-pricelist.cjs",[[4,"pn-product-pricelist",{"source":[1],"language":[1025],"market":[1025],"productid":[1],"filteredItems":[32],"sourceData":[32],"gotData":[32],"loading":[32],"postagetype":[32],"weight":[32],"weightvalue":[32]}]]],["pn-marketweb-sitefooter.cjs",[[0,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-bonus-progressbar.cjs",[[4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[32]}]]],["pn-filter-checkbox.cjs",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-filter-search.cjs",[[1,"pn-filter-search",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4]},[[0,"input","inputHandler"]]]]],["pn-pex-pricefinder.cjs",[[0,"pn-pex-pricefinder",{"language":[1],"currency":[1],"apiUrl":[1,"api-url"],"i18n":[32],"fromzip":[32],"tozip":[32],"weight":[32],"when":[32],"response":[32]},[[0,"language","setLanguage"]]]]],["pn-profile-selector.cjs",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-profile-selector-option.cjs",[[0,"pn-profile-selector-option",{"name":[1],"identifier":[1],"url":[1]}]]],["pn-sidenav.cjs",[[4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["pn-sidenav-level.cjs",[[4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]}]]],["pn-sidenav-link.cjs",[[4,"pn-sidenav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"icon":[1],"current":[4],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-find-price-result.cjs",[[0,"pn-find-price-result",{"item":[1040],"shownitems":[16],"Usp1":[1,"usp-1"],"Usp2":[1,"usp-2"],"Usp3":[1,"usp-3"],"description":[16],"weightText":[32]}]]],["pn-find-service-and-price-result.cjs",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]]],["pn-product-pricelist-result.cjs",[[0,"pn-product-pricelist-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]]],["pn-bonus-progressbar-level.cjs",[[0,"pn-bonus-progressbar-level",{"current":[516],"value":[1538],"bonuspercentage":[1537],"visualpercentage":[1538],"percentage":[32],"max":[32],"min":[32],"currency":[32]}]]],["pn-site-footer_2.cjs",[[4,"pn-site-footer",{"url":[1],"linktitle":[1]}],[4,"pn-site-footer-col"]]],["pn-choice-button.cjs",[[4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-mainnav-link.cjs",[[4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-product-card_3.cjs",[[4,"pn-product-card"],[0,"pn-product-card-info",{"rulle":[1],"paket":[1],"label":[1],"text":[1]}],[0,"pn-product-card-price",{"label":[1],"amount":[1],"currency":[1],"note":[1],"url":[1],"service":[1]}]]],["pn-language-selector_9.cjs",[[4,"pn-mainnav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"listCount":[32],"alignment":[32]}],[4,"pn-language-selector",{"value":[1537],"selectedLanguageName":[32],"options":[32],"i18n":[32]}],[0,"pn-language-selector-option",{"name":[1],"code":[1],"url":[1],"selected":[4],"currentLanguage":[1,"current-language"]}],[4,"pn-mainnav",{"market":[1],"language":[1],"navigationId":[1,"navigation-id"],"openMenu":[1028,"open-menu"],"navLabel":[1,"nav-label"]},[[0,"language","setLanguage"],[0,"market","setMarket"],[0,"menuLanguageChange","onLanguageChange"],[0,"setmenuopenstate","setMenuOpenState"],[0,"openMenuLevelChange","onOpenMenuLevelChange"]]],[4,"pn-mainnav-list",{"heading":[1],"linkCount":[32]}],[0,"pn-marketweb-siteheader-login",{"endpoint":[1],"token":[1],"i18n":[8,"i-1-8n"],"emitEvents":[4,"emit-events"],"loginDialog":[1040],"loginManager":[32],"loggedIn":[32],"toggleButtonText":[32],"username":[32]}],[0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"search":[1040]}],[4,"pn-site-selector",{"buttontext":[1537],"heading":[1537],"language":[1537],"i18n":[32]}],[0,"pn-site-selector-item",{"url":[1],"heading":[1],"description":[1],"newwindow":[4]}]]],["pn-product-tile_3.cjs",[[4,"pn-product-tile"],[0,"pn-product-tile-info",{"label":[1],"text":[1],"icon":[1]}],[0,"pn-product-tile-price",{"label":[1],"amount":[1],"currency":[1],"url":[1]}]]]], options);
   });
 };
 

package/cjs/pn-find-price-result.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0a6b1eef.js');
-const pnFindPriceStore = require('./pn-find-price-store-346abc1a.js');
+const pnFindPriceStore = require('./pn-find-price-store-f9766c41.js');
 require('./index-9027dc96.js');
 
 const pnFindPriceResultCss = "pn-find-price-result .test{margin:3em 0}.resultcontent{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}";
@@ -13,6 +13,7 @@ let PnfindPriceResult = class {
     index.registerInstance(this, hostRef);
     this.item = null;
     this.shownitems = [];
+    this.description = [];
     this.weightText = "";
   }
   componentWillLoad() {
@@ -25,12 +26,15 @@ let PnfindPriceResult = class {
       this.Usp2 = (x.length > 1) ? x[1] : null;
       this.Usp3 = (x.length > 2) ? x[2] : null;
     }
+    if (this.item.description) {
+      this.description = this.item.description.split("#bullet").filter(x => x !== "");
+    }
   }
   render() {
     return (index.h(index.Host, null, index.h("pn-product-card", null, index.h("pn-illustration", { slot: "illustration", illustration: this.item.illustration }), index.h("div", { slot: "title" }, index.h("h2", null, this.item.name, " "), (this.item.highestrankusp) ?
       (this.item.highestrankusp === "Billigast") ?
         (index.h("span", { slot: "Biligast" }, this.item.highestrankusp, index.h("pn-icon", { symbol: "box-label", small: "false", color: "green700" })))
-        : (index.h("span", { slot: "Snabbast" }, this.item.highestrankusp, index.h("pn-icon", { symbol: "bolt", small: "false", color: "blue700" }))) : null), index.h("div", { slot: "content" }, index.h("div", { class: "content" }, (this.item.description) ? (index.h("div", { class: "description" }, index.h("pre", null, this.item.description))) : null, (this.item.info) ? (index.h("div", { class: "description" }, this.item.info)) : null)), this.item.note ? (index.h("small", { slot: "note" }, index.h("p", null, this.item.note))) : null, this.item.additionalusp ? (index.h("div", { slot: "additionalUSP" }, this.Usp1 ? (index.h("span", null, this.Usp1)) : null, this.Usp2 ? (index.h("span", null, this.Usp2)) : null, this.Usp3 ? (index.h("span", null, this.Usp3)) : null)) : null, this.item.paket ? (index.h("pn-product-card-info", { paket: this.item.paket, rulle: this.item.rulle })) : null, this.item.priceagent ? (index.h("pn-product-card-price", { slot: "price", label: "", amount: this.item.priceagent + '', currency: pnFindPriceStore.state.market.currency, url: "https://shop.postnord.se/ebutik/default.aspx" })) : null, this.item.pricesenddirect ? (index.h("pn-product-card-price", { slot: "sendDirectPrice", label: pnFindPriceStore.state.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: pnFindPriceStore.state.market.currency, url: "https://portal.postnord.com/skickadirekt/" })) : null, this.item.pricestamps ? (index.h("pn-product-card-price", { slot: "stampPrice", label: pnFindPriceStore.state.i18n.stampshopcta, amount: this.item.pricestamps + '', currency: pnFindPriceStore.state.market.currency, url: "https://shop.postnord.se/ebutik/default.aspx", note: pnFindPriceStore.state.i18n.message })) : null)));
+        : (index.h("span", { slot: "Snabbast" }, this.item.highestrankusp, index.h("pn-icon", { symbol: "bolt", small: "false", color: "blue700" }))) : null), index.h("div", { slot: "content" }, index.h("div", { class: "content" }, (this.item.description) ? (index.h("div", { class: "description" }, this.description.map((desc) => (index.h("li", null, desc))))) : null, (this.item.info) ? (index.h("div", { class: "description" }, this.item.info)) : null)), this.item.note ? (index.h("small", { slot: "note" }, index.h("p", null, this.item.note))) : null, this.item.additionalusp ? (index.h("div", { slot: "additionalUSP" }, this.Usp1 ? (index.h("span", null, this.Usp1)) : null, this.Usp2 ? (index.h("span", null, this.Usp2)) : null, this.Usp3 ? (index.h("span", null, this.Usp3)) : null)) : null, this.item.paket ? (index.h("pn-product-card-info", { paket: this.item.paket, rulle: this.item.rulle })) : null, index.h("div", { slot: "cardprice" }, this.item.priceagent ? (index.h("pn-product-card-price", { slot: "price", label: "", amount: this.item.priceagent + '', currency: pnFindPriceStore.state.market.currency, url: "https://shop.postnord.se/ebutik/default.aspx", service: this.item.name + "-eshop" })) : null, this.item.pricesenddirect ? (index.h("pn-product-card-price", { slot: "sendDirectPrice", label: pnFindPriceStore.state.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: pnFindPriceStore.state.market.currency, url: "https://portal.postnord.com/skickadirekt/", service: this.item.name + "-portal" })) : null, this.item.pricestamps ? (index.h("pn-product-card-price", { slot: "stampPrice", label: pnFindPriceStore.state.i18n.stampshopcta, amount: this.item.pricestamps + '', currency: pnFindPriceStore.state.market.currency, url: "https://shop.postnord.se/ebutik/default.aspx", service: this.item.name + "-eshop", note: pnFindPriceStore.state.i18n.message })) : null))));
   }
   static get watchers() { return {
     "item": ["composeItems"]

package/cjs/{pn-find-price-store-346abc1a.js → pn-find-price-store-f9766c41.js}

@@ -14,7 +14,9 @@ const { state, onChange } = index.createStore({
     maxmeasurementlabel: '',
     senddirectcta: '',
     stampshopcta: '',
-    message: ''
+    message: '',
+    servicePointHeader: '',
+    servicePointLink: ''
   },
   market: {
     currency: ""

package/cjs/pn-find-price.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0a6b1eef.js');
 const convert = require('./convert-362ef5e6.js');
-const pnFindPriceStore = require('./pn-find-price-store-346abc1a.js');
+const pnFindPriceStore = require('./pn-find-price-store-f9766c41.js');
 require('./index-9027dc96.js');
 
 const translations = {
@@ -18,7 +18,9 @@ const translations = {
     'maxmeasurementlabel': 'Maxvolym',
     'senddirectcta': 'Köp portokod online',
     'stampshopcta': 'Beställ fysiska frimärken',
-    'message': '*Vid köp hos valfritt ombud'
+    'message': '*Vid köp hos valfritt ombud',
+    'servicePointHeader': 'Eller hitta närmaste serviceställe',
+    'servicePointLink': 'Sök brevlåda eller serviceställe'
   },
   'en': {
     'componentheading': 'Our prices and terms and conditions for domestic shipments for you as a direct paying customer',
@@ -30,7 +32,9 @@ const translations = {
     'maxmeasurementlabel': 'Maximum measurement',
     'senddirectcta': 'Buy postcode online',
     'stampshopcta': 'Order physical stamps',
-    'message': 'When buying from any agent'
+    'message': 'When buying from any agent',
+    'servicePointHeader': 'Or find nearest service point',
+    'servicePointLink': 'Search letter-box or service point'
   },
   'da': {
     'componentheading': 'Vad vill du skicka?',
@@ -116,6 +120,8 @@ const weights = {
 
 const fileLocation = "https://com-integration.postnord.com/globalassets/global/prices/sv-findprice-first.xlsx";
 
+const ServicePointUrl = "https://www.postnord.se/vara-verktyg/sok-brevlada-eller-servicestalle";
+
 const smallPackageSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCA1NCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ0LjM4NDggMzhINTAuMzAxN0M1MS45MzM5IDM4IDUzLjMxMTEgMzYuMjM1NyA1My4zMTExIDMzLjk5NjRWNC4wMDM1N0M1My4zMTExIDEuODMyMTQgNTEuOTg0OSAwIDUwLjMwMTcgMEg0NC4zODQ4VjM4WiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNNDcuMzQzMyAzOEgxMy4zMjFDMTEuNjg4NyAzOCAxMC4zMTE1IDM2LjIzNTcgMTAuMzExNSAzMy45OTY0VjQuMDAzNTdDMTAuMzExNSAxLjgzMjE0IDExLjYzNzcgMCAxMy4zMjEgMEg0NC44NDM5QzQ2LjIyMTEgMCA0Ny4zNDMzIDEuNDkyODYgNDcuMzQzMyAzLjMyNVYzOFoiIGZpbGw9IiMwMEEwRDYiLz4KPHBhdGggZD0iTTQzLjMxNDMgMTAuNzg5NUM0My4zMTQzIDEyLjk2MDkgNDEuOTg4MSAxNC43MjUyIDQwLjM1NTkgMTQuNzI1MkgzNS45NjkyQzM0LjMzNjkgMTQuNzI1MiAzMy4wMTA3IDEyLjk2MDkgMzMuMDEwNyAxMC43ODk1QzMzLjAxMDcgOC42MTgwNCAzNC4zMzY5IDYuODUzNzYgMzUuOTY5MiA2Ljg1Mzc2SDQwLjM1NTlDNDIuMDM5MSA2LjkyMTYyIDQzLjMxNDMgOC42MTgwNCA0My4zMTQzIDEwLjc4OTVaIiBmaWxsPSIjOEVEREY5Ii8+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMjQ2XzM0NzAzKSI+CjxwYXRoIGQ9Ik0yMy4zMTE0IDMyLjY3NzJIMC42ODg0NzdWMjMuMjM0OEwxMC4zNzg0IDEzLjQ2OTRDMTEuMzA0NyAxMi41MzU4IDEyLjc4NDkgMTIuNTM4OSAxMy43MDc0IDEzLjQ3NjNMMjMuMzExNCAyMy4yMzQ4VjMyLjY3NzJaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik01LjI4NjI3IDE3LjAxNzZIMTguNzEzMkMxOS4zNDAxIDE3LjAxNzYgMTkuOTQxNCAxNy4yMDEzIDIwLjM4NDcgMTcuNTI4NEMyMC44MjggMTcuODU1NSAyMS4wNzcxIDE4LjI5OTEgMjEuMDc3MSAxOC43NjE3VjMzLjM3MzRIMi45MjI4NVYxOC43NjE3QzIuOTIyODUgMTguMjk5MSAzLjE3MTkgMTcuODU1NSAzLjYxNTIxIDE3LjUyODRDNC4wNTg1MiAxNy4yMDEzIDQuNjU5NzggMTcuMDE3NiA1LjI4NjcxIDE3LjAxNzZINS4yODYyN1oiIGZpbGw9IiNGOUY4RjgiLz4KPHBhdGggZD0iTTEyLjA3NzYgMjMuNzQzMkg3LjQxNjU3QzcuMTk4OTEgMjMuNzQzMiA3LjAyMjQ2IDIzLjkyNTYgNy4wMjI0NiAyNC4xNTA3VjI0LjE1MDhDNy4wMjI0NiAyNC4zNzU5IDcuMTk4OTEgMjQuNTU4MyA3LjQxNjU3IDI0LjU1ODNIMTIuMDc3NkMxMi4yOTUyIDI0LjU1ODMgMTIuNDcxNyAyNC4zNzU5IDEyLjQ3MTcgMjQuMTUwOFYyNC4xNTA3QzEyLjQ3MTcgMjMuOTI1NiAxMi4yOTUyIDIzLjc0MzIgMTIuMDc3NiAyMy43NDMyWiIgZmlsbD0iI0QzQ0VDQiIvPgo8cGF0aCBkPSJNMTYuOTg3IDI1Ljc2MUg3LjQxNjU3QzcuMTk4OTEgMjUuNzYxIDcuMDIyNDYgMjUuOTQzNCA3LjAyMjQ2IDI2LjE2ODVWMjYuMTY4NkM3LjAyMjQ2IDI2LjM5MzcgNy4xOTg5MSAyNi41NzYyIDcuNDE2NTcgMjYuNTc2MkgxNi45ODdDMTcuMjA0NiAyNi41NzYyIDE3LjM4MTEgMjYuMzkzNyAxNy4zODExIDI2LjE2ODZWMjYuMTY4NUMxNy4zODExIDI1Ljk0MzQgMTcuMjA0NiAyNS43NjEgMTYuOTg3IDI1Ljc2MVoiIGZpbGw9IiNEM0NFQ0IiLz4KPHBhdGggZD0iTTE2Ljk4NyAyNy42NTk4SDcuNDE2NTdDNy4xOTg5MSAyNy42NTk4IDcuMDIyNDYgMjcuODQyMiA3LjAyMjQ2IDI4LjA2NzNWMjguMDY3NEM3LjAyMjQ2IDI4LjI5MjUgNy4xOTg5MSAyOC40NzUgNy40MTY1NyAyOC40NzVIMTYuOTg3QzE3LjIwNDYgMjguNDc1IDE3LjM4MTEgMjguMjkyNSAxNy4zODExIDI4LjA2NzRWMjguMDY3M0MxNy4zODExIDI3Ljg0MjIgMTcuMjA0NiAyNy42NTk4IDE2Ljk4NyAyNy42NTk4WiIgZmlsbD0iI0QzQ0VDQiIvPgo8cGF0aCBkPSJNMTAuMzIxNyAzMC4yMjMxSDcuNDE2NTdDNy4xOTg5MSAzMC4yMjMxIDcuMDIyNDYgMzAuNDA1NiA3LjAyMjQ2IDMwLjYzMDdWMzAuNjMwOEM3LjAyMjQ2IDMwLjg1NTkgNy4xOTg5MSAzMS4wMzgzIDcuNDE2NTcgMzEuMDM4M0gxMC4zMjE3QzEwLjUzOTQgMzEuMDM4MyAxMC43MTU4IDMwLjg1NTkgMTAuNzE1OCAzMC42MzA4VjMwLjYzMDdDMTAuNzE1OCAzMC40MDU2IDEwLjUzOTQgMzAuMjIzMSAxMC4zMjE3IDMwLjIyMzFaIiBmaWxsPSIjRDNDRUNCIi8+CjxwYXRoIGQ9Ik0wLjY4ODgxMyAyMy4yMzQ2TDE5Ljg1MzcgMzcuOTE2NUgzLjEwNjg5QzEuNzcxMjQgMzcuOTE2NSAwLjY4ODQ3NyAzNi43OTk3IDAuNjg4NDc3IDM1LjQyMTlMMC42ODg4MTMgMjMuMjM0NloiIGZpbGw9IiMwMEEwRDYiLz4KPHBhdGggZD0iTTIzLjMxMTkgMjMuMzI0Mkw0LjEzNDc3IDM3LjkxNjFIMjAuODkzNEMyMi4yMjkxIDM3LjkxNjEgMjMuMzExOSAzNi43OTkzIDIzLjMxMTkgMzUuNDIxNVYyMy4zMjQyWiIgZmlsbD0iIzhFRERGOSIvPgo8cGF0aCBkPSJNMTIuMDM3OCAyMS45NTM3QzEyLjk0OTIgMjEuOTUzNyAxMy42ODgxIDIxLjE5MTYgMTMuNjg4MSAyMC4yNTEzQzEzLjY4ODEgMTkuMzExMSAxMi45NDg5IDE4LjU0OSAxMi4wMzc4IDE4LjU0OUMxMS4xMjY3IDE4LjU0OSAxMC4zODc3IDE5LjMxMTEgMTAuMzg3NyAyMC4yNTEzQzEwLjM4NzcgMjEuMTkxNiAxMS4xMjY1IDIxLjk1MzcgMTIuMDM3OCAyMS45NTM3WiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNMTMuNjc3OCAyMC4wNjYyQzEzLjQxMTkgMjAuMTkzNiAxMy4xMzE4IDIwLjMxNjMgMTIuODcxNCAyMC40MzA2QzEyLjM1MzggMjAuNjU4MSAxMS44NjUgMjAuODcyOCAxMS41MTA3IDIxLjA5MDdDMTEuMzkyNSAyMS4xNjMyIDExLjEwODcgMjEuMzM3NSAxMC45OTcxIDIxLjU3MjVDMTEuMDg3NiAyMS42NDgxIDExLjE4NTcgMjEuNzEzNSAxMS4yODk2IDIxLjc2NzdDMTEuMjg4OCAyMS42ODEzIDExLjQzMDUgMjEuNTQzMSAxMS42ODI1IDIxLjM4ODNDMTIuMDE3MyAyMS4xODI4IDEyLjQ5NjEgMjAuOTcyNSAxMy4wMDMgMjAuNzQ5OEMxMy4yMzMgMjAuNjQ4NiAxMy40NTk3IDIwLjU0ODcgMTMuNjc1OCAyMC40NDg3QzEzLjY5MSAyMC4zMjE4IDEzLjY5MTYgMjAuMTkzNSAxMy42Nzc0IDIwLjA2NjVMMTMuNjc3OCAyMC4wNjYyWiIgZmlsbD0iIzAwQTBENiIvPgo8cGF0aCBkPSJNMTMuMjU2OCAxOS4zNzAzQzEzLjIxMzEgMTkuMjg4MSAxMy4xNjAzIDE5LjIxMDIgMTMuMDk5MiAxOS4xMzc4QzEyLjcyOTEgMTkuMzczMSAxMi4yODE0IDE5LjY0NDcgMTEuNzYwMSAxOS44MjQzQzExLjIyNjIgMjAuMDA4NCAxMC44MDg1IDIwLjA5MzYgMTAuNDYzOSAyMC4wNzM4QzEwLjQ3MjkgMjAuMTY3MiAxMC40OTI4IDIwLjI1OTQgMTAuNTIzMSAyMC4zNDg5QzEwLjkyODEgMjAuMzU3MiAxMS4zNzQ5IDIwLjI0ODcgMTEuODY2NCAyMC4wNzkzQzEyLjQxNDQgMTkuODkwNCAxMi44NzU1IDE5LjYxMjIgMTMuMjU2OCAxOS4zNzAzWiIgZmlsbD0iIzAwQTBENiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzEyNDZfMzQ3MDMiPgo8cmVjdCB3aWR0aD0iMjIuNjIzIiBoZWlnaHQ9IjI3LjU2MjUiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjY4ODQ3NyAxMC4zNTQxKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=';
 
 const mediumPackageSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjciIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2NyA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMDM4NDIgNTkuOTk5OEg0Ny44OTAzVjguMTg4MjNINC4wMjkzVjU1LjE0NDhDNC4wMjkzIDU3LjgyNTkgNS44MjQ0MiA1OS45OTk4IDguMDM4NDIgNTkuOTk5OFoiIGZpbGw9IiMwMEEwRDYiLz4KPHBhdGggZD0iTTU4LjI0MzcgNjBINDYuNzU0OVY2LjUyMTczSDYyLjkxMVY1NC4yNzUzQzYyLjkxMSA1Ny40NjM3IDYwLjgxNjcgNjAgNTguMjQzNyA2MFoiIGZpbGw9IiMwMDVEOTIiLz4KPHBhdGggZD0iTTQuNDQ5MjggMTYuMTU5M0g0Ny40NzI2QzQ5LjY4NjYgMTYuMTU5MyA1MS40MjE4IDEzLjk4NTQgNTEuNDIxOCAxMS4zNzY3QzUxLjQyMTggOC42OTU1NiA0OS42MjY3IDYuNTk0MTIgNDcuNDcyNiA2LjU5NDEySDQuNDQ5MjhDMi4yMzUyOSA2LjU5NDEyIDAuNSA4Ljc2ODAzIDAuNSAxMS4zNzY3QzAuNSAxMy45ODU0IDIuMjM1MjkgMTYuMTU5MyA0LjQ0OTI4IDE2LjE1OTNaIiBmaWxsPSIjMDBBMEQ2Ii8+CjxwYXRoIGQ9Ik02Mi41NTExIDE2LjE1OTFINTYuMTQ4NUM1My45MzQ1IDE2LjE1OTEgNTIuMTk5MiAxMy45ODUyIDUyLjE5OTIgMTEuMzc2NUM1Mi4xOTkyIDguNjk1MzIgNTMuOTk0NCA2LjU5Mzg3IDU2LjE0ODUgNi41OTM4N0g2Mi41NTExQzY0Ljc2NTEgNi41OTM4NyA2Ni41MDA0IDguNzY3NzggNjYuNTAwNCAxMS4zNzY1QzY2LjUwMDQgMTMuOTg1MiA2NC43MDUzIDE2LjE1OTEgNjIuNTUxMSAxNi4xNTkxWiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNNC4wMjkzIDE2Ljg4MzlMNDYuNzUzNCAyNC43ODI1VjE2LjE1OTNINC4wMjkzVjE2Ljg4MzlaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik0xOC41NzAzIDYwSDE3LjY3MjdWNi44ODQwNkMxNy40OTMyIDYuODg0MDYgMTcuMzczNiA2LjgxMTU5IDE3LjI1MzkgNi43MzkxM0MxNS44Nzc2IDUuOTQyMDMgMTQuODAwNSAzLjI2MDg3IDE1LjE1OTYgMS41OTQyQzE1LjMzOTEgMC41Nzk3MTEgMTYuMDU3MSAwIDE3LjAxNDUgMEMxNy42NzI3IDAgMTguMTUxNCAwLjM2MjMxOSAxOC41MTA1IDAuODY5NTY2QzE4LjkyOTMgMS41MjE3NCAxOS4wNDkgMi41MzYyMyAxOC45ODkyIDMuNDc4MjZDMjAuMTI2MSAxLjg4NDA2IDIxLjY4MTkgMC44Njk1NjYgMjIuNzU4OSAxLjAxNDQ5QzIzLjQ3NyAxLjE1OTQyIDIzLjk1NTcgMS43MzkxMyAyNC4wMTU1IDIuNjgxMTZDMjQuMDc1NCAzLjMzMzMzIDIzLjg5NTkgNC4zNDc4MyAyMi44MTg4IDUuMjE3MzlDMjEuNzQxNyA2LjE1OTQyIDE5Ljk0NjYgNi43MzkxMyAxOC42MzAyIDYuODExNTlWNjBIMTguNTcwM1pNMTYuODk0OSAxLjA4Njk2QzE2LjIzNjYgMS4wODY5NiAxNi4wNTcxIDEuNTIxNzQgMTUuOTk3MyAxLjgxMTU5QzE1Ljc1NzkgMy4wNDM0OCAxNi42NTU1IDUuMjE3MzkgMTcuNjEyOSA1LjcyNDY0QzE3LjY3MjcgNS43MjQ2NCAxNy42NzI3IDUuNzI0NjQgMTcuNzMyNiA1Ljc5NzFDMTcuOTcxOSA0LjcxMDE0IDE4LjI3MTEgMi40NjM3NyAxNy43MzI2IDEuNTIxNzRDMTcuNTUzMSAxLjIzMTg4IDE3LjMxMzcgMS4wODY5NiAxNi44OTQ5IDEuMDg2OTZDMTYuOTU0NyAxLjA4Njk2IDE2Ljg5NDkgMS4wODY5NiAxNi44OTQ5IDEuMDg2OTZaTTIyLjQ1OTggMi4xMDE0NUMyMS40NDI1IDIuMTAxNDUgMTkuNTg3NiAzLjYyMzE5IDE4Ljc0OTggNS43OTcxQzE5Ljc2NzEgNS42NTIxNyAyMS4yNjMgNS4yMTczOSAyMi4yMjA0IDQuNDIwMjlDMjIuODE4OCAzLjkxMzA0IDIzLjExOCAzLjQwNTggMjMuMDU4MSAyLjgyNjA5QzIyLjk5ODMgMi4yNDYzOCAyMi44MTg4IDIuMTczOTEgMjIuNTc5NCAyLjEwMTQ1QzIyLjUxOTYgMi4xMDE0NSAyMi41MTk2IDIuMTAxNDUgMjIuNDU5OCAyLjEwMTQ1WiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNNTAuNDAzNSAzMi42MDg2SDQuMDI5M1YzMy42OTU2SDUwLjQwMzVWMzIuNjA4NloiIGZpbGw9IiMwMDVEOTIiLz4KPC9zdmc+Cg==';
@@ -124,7 +130,7 @@ const largePackageSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTciIGhlaWdod
 
 const postnordPerson1Svg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA0IiBoZWlnaHQ9IjE2MiIgdmlld0JveD0iMCAwIDEwNCAxNjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yOS4wMDE2IDE0My4zOTlIMTkuNjAxNlYxNTIuMTk5SDI5LjAwMTZWMTQzLjM5OVoiIGZpbGw9IiM5OTI5MEEiLz4KPHBhdGggZD0iTTE5LjYgMTUyLjJMMTcgMTU5SDMyTDI4LjkgMTUwLjNMMTkuNiAxNTIuMloiIGZpbGw9IiMwRDIzNEIiLz4KPHBhdGggZD0iTTQ5LjEgMTQ3LjVIMzlWMTU0LjhINDkuMVYxNDcuNVoiIGZpbGw9IiM5OTI5MEEiLz4KPHBhdGggZD0iTTM5IDE1Mi45VjE1OS4ySDY1LjVMNDkuMSAxNTEuNVYxNDkuM0wzOSAxNTIuOVoiIGZpbGw9IiMwRDIzNEIiLz4KPHBhdGggZD0iTTY1LjUgMTU5LjE5OUgzOVYxNjEuNzk5SDY1LjVWMTU5LjE5OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00NC41MDE2IDE1Ny4xQzQ1LjU1MDkgMTU3LjEgNDYuNDAxNiAxNTYuMjQ5IDQ2LjQwMTYgMTU1LjJDNDYuNDAxNiAxNTQuMTUgNDUuNTUwOSAxNTMuMyA0NC41MDE2IDE1My4zQzQzLjQ1MjIgMTUzLjMgNDIuNjAxNiAxNTQuMTUgNDIuNjAxNiAxNTUuMkM0Mi42MDE2IDE1Ni4yNDkgNDMuNDUyMiAxNTcuMSA0NC41MDE2IDE1Ny4xWiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNMjkuMDAxNiAxNDMuMzk5SDE5LjYwMTZWMTUyLjE5OUgyOS4wMDE2VjE0My4zOTlaIiBmaWxsPSIjOTkyOTBBIi8+CjxwYXRoIGQ9Ik0xOS42IDE1Mi4yTDE3IDE1OUgzMkwyOC45IDE1MC4zTDE5LjYgMTUyLjJaIiBmaWxsPSIjMEQyMzRCIi8+CjxwYXRoIGQ9Ik00OS4xIDE0Ny41SDM5VjE1NC44SDQ5LjFWMTQ3LjVaIiBmaWxsPSIjOTkyOTBBIi8+CjxwYXRoIGQ9Ik0xMS42MDE2IDg0LjQ5OTJMMTIuODAxNiA4Ni44OTkyQzEzLjcwMTYgODguNjk5MiAxNS4zMDE2IDg5Ljk5OTIgMTcuMjAxNiA5MC40OTkyTDE4LjIwMTYgOTAuNzk5MkwxNS4yMDE2IDgzLjE5OTJMMTEuNjAxNiA4NC40OTkyWiIgZmlsbD0iIzk5MjkwQSIvPgo8cGF0aCBkPSJNMzkgMTUyLjlWMTU5SDY1LjVMNDkuMSAxNTEuNVYxNDkuM0wzOSAxNTIuOVoiIGZpbGw9IiMwRDIzNEIiLz4KPHBhdGggZD0iTTIwLjYgODUuMUgxMi4zQzExLjMgODUuMSAxMC41IDg0LjMgMTAuNSA4My4zVjYySDIwLjZWODUuMVoiIGZpbGw9IiNGQkMyQzEiLz4KPHBhdGggZD0iTTMzLjM5ODQgNjUuNjk5MlYxNDcuODk5SDE0Ljg5ODRWODkuNTk5MkMxNC44OTg0IDgwLjk5OTIgMTcuMzk4NCA3Mi44OTkyIDIyLjA5ODQgNjUuNjk5MkgzMy4zOTg0WiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNMzMuODk5MiA2NS42OTkySDQ0LjQ5OTJMNTUuMTk5MiAxMDMuNjk5QzU1Ljg5OTIgMTA2LjA5OSA1Ni4yOTkyIDEwOC42OTkgNTYuMjk5MiAxMTEuMTk5VjE0Ny44OTlIMzguOTk5MlYxMTEuNTk5TDMyLjY5OTIgODYuNzk5MlY2NS42OTkySDMzLjg5OTJaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZD0iTTM3LjggODIuNUwzOSAxMTEuNkwzMy41IDg5LjlMMzMuNiA4NC4yTDM0LjIgODMuNkwzNy44IDgyLjVaIiBmaWxsPSIjMEQyMzRCIi8+CjxwYXRoIGQ9Ik0yOC4zOTg0IDM1LjFIMTYuMzk4NFYxOS4zQzE2LjM5ODQgMTUgMTkuODk4NCAxMS41IDI0LjE5ODQgMTEuNUgyOC40OTg0VjM1LjFIMjguMzk4NFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik00Mi41IDM1LjA5OTZIMjBWMTIuMzk5NkMyMCA2LjE5OTYxIDI1IDEuMDk5NjEgMzEuMyAxLjA5OTYxQzM3LjUgMS4xOTk2MSA0Mi41IDYuMTk5NjEgNDIuNSAxMi4zOTk2VjM1LjA5OTZaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMzMuNTk5IDI1LjY5OTJIMzIuMjk5QzI4LjA5OSAyNS41OTkyIDI0LjY5OSAyMS45OTkyIDI0Ljg5OSAxNy43OTkyTDI1LjA5OSAxMi40OTkyQzI1LjE5OSA4LjI5OTIxIDI4Ljc5OSA0Ljg5OTIxIDMyLjk5OSA1LjA5OTIxQzM3LjE5OSA1LjE5OTIxIDQwLjU5OSA4Ljc5OTIxIDQwLjM5OSAxMi45OTkyTDQwLjE5OSAxOS42OTkyQzM5Ljk5OSAyMy4wOTkyIDM3LjA5OSAyNS43OTkyIDMzLjU5OSAyNS42OTkyWiIgZmlsbD0iIzk5MjkwQSIvPgo8cGF0aCBkPSJNMjUuODAwOCAxNS40OTkySDI3LjUwMDhDMjguNzAwOCAxNS40OTkyIDI5LjcwMDggMTQuNDk5MiAyOS43MDA4IDEzLjI5OTJWMTEuNTk5MkMzNC4zMDA4IDE0LjA5OTIgNDEuODAwOCAxMi42OTkyIDQxLjgwMDggMTIuNjk5Mkw0MC4xMDA4IDYuMTk5MjJMMjguODAwOCA3Ljk5OTIyTDI1LjgwMDggMTUuNDk5MloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yNS44IDE1LjQ5OThIMjEuNUwyNS44IDQuNzk5OEwzMS42IDMuMjk5OEwzNy45IDQuMzk5OEwzOS44IDguNzk5OEwyOC4zIDkuMzk5ODFMMjUuOCAxNS40OTk4WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTI0LjQ5OTIgMTguNjk5NkMyNS43Njk1IDE4LjY5OTYgMjYuNzk5MiAxNy42Njk5IDI2Ljc5OTIgMTYuMzk5NkMyNi43OTkyIDE1LjEyOTQgMjUuNzY5NSAxNC4wOTk2IDI0LjQ5OTIgMTQuMDk5NkMyMy4yMjkgMTQuMDk5NiAyMi4xOTkyIDE1LjEyOTQgMjIuMTk5MiAxNi4zOTk2QzIyLjE5OTIgMTcuNjY5OSAyMy4yMjkgMTguNjk5NiAyNC40OTkyIDE4LjY5OTZaIiBmaWxsPSIjOTkyOTBBIi8+CjxwYXRoIGQ9Ik0zNC43MDE2IDMxLjRIMjYuMTAxNkwyNi45MDE2IDIyLjVMMzQuNzAxNiAyMy44VjMxLjRaIiBmaWxsPSIjOTkyOTBBIi8+CjxwYXRoIGQ9Ik0zNC41IDI1LjY5OTRDMzQuNSAyNS42OTk0IDMxLjcgMjYuMDk5NCAyOS41IDI0Ljg5OTQiIHN0cm9rZT0iIzRGMTYwMCIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik02NS41IDE1OUgzOVYxNjJINjUuNVYxNTlaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik0zMiAxNTlIMTdWMTYySDMyVjE1OVoiIGZpbGw9IiMwMDVEOTIiLz4KPHBhdGggZD0iTTQ1LjUgNjYuNDA5OEwxMC41IDY1LjYwOThWMzkuMzA5OEMxMC41IDM0LjEwOTggMTQuNyAzMC4wMDk4IDE5LjggMzAuMDA5OEg0MUw0NS41IDQwLjMwOThWNjYuNDA5OFoiIGZpbGw9IiNGQkMyQzEiLz4KPHBhdGggZD0iTTM3LjIwMDggNzIuMTk5MkgyMS4xMDA4QzE4LjcwMDggNzIuMTk5MiAxNi44MDA4IDY5Ljg5OTIgMTcuNDAwOCA2Ny40OTkyTDIzLjcwMDggNDYuODk5MkwzNy4yMDA4IDQ2LjE5OTJWNzIuMTk5MloiIGZpbGw9IiNGQkMyQzEiLz4KPHBhdGggZD0iTTQ2LjQwMTYgNDkuODk5NEw0Ni41MDE2IDcyLjc5OTRIMTUuNjAxNlY0Ny4zOTk0TDQ2LjQwMTYgNDkuODk5NFoiIGZpbGw9IiNGQkMyQzEiLz4KPHBhdGggZD0iTTMzLjYwMTYgOTAuNTk5OFY4My43OTk4IiBzdHJva2U9IiMwRDIzNEIiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzMuNjAxNiA4My44TDM3LjgwMTYgODIuNSIgc3Ryb2tlPSIjMEQyMzRCIiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTM3LjQwMTYgMjcuMTk5MkgyNC4xMDE2VjM1LjI5OTJIMzcuNDAxNlYyNy4xOTkyWiIgZmlsbD0iI0ZCQzJDMSIvPgo8cGF0aCBkPSJNMzMuMzk4NCAxNDEuOEgxNC44OTg0VjE0OEgzMy4zOTg0VjE0MS44WiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNNTYuMiAxNDEuOEgzOVYxNDhINTYuMlYxNDEuOFoiIGZpbGw9IiMwMDVEOTIiLz4KPHBhdGggZD0iTTQ0LjUwMTYgMTU3LjFDNDUuNTUwOSAxNTcuMSA0Ni40MDE2IDE1Ni4yNDkgNDYuNDAxNiAxNTUuMkM0Ni40MDE2IDE1NC4xNSA0NS41NTA5IDE1My4zIDQ0LjUwMTYgMTUzLjNDNDMuNDUyMiAxNTMuMyA0Mi42MDE2IDE1NC4xNSA0Mi42MDE2IDE1NS4yQzQyLjYwMTYgMTU2LjI0OSA0My40NTIyIDE1Ny4xIDQ0LjUwMTYgMTU3LjFaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik01Ni4yIDE0My4zOTlIMzkiIHN0cm9rZT0iIzBEMjM0QiIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zMy4zOTg0IDE0My4zOTlIMTQuODk4NCIgc3Ryb2tlPSIjMEQyMzRCIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggb3BhY2l0eT0iMC4zIiBkPSJNMjYuMTAxNiAyOC4zOTk0VjMxLjU5OTQiIHN0cm9rZT0iI0YwNjM2NSIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIG9wYWNpdHk9IjAuMyIgZD0iTTI4LjUgMjguMzk5NFYzMS41OTk0IiBzdHJva2U9IiNGMDYzNjUiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBvcGFjaXR5PSIwLjMiIGQ9Ik0zMC44MDA4IDI4LjM5OTRWMzEuNTk5NCIgc3Ryb2tlPSIjRjA2MzY1IiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggb3BhY2l0eT0iMC4zIiBkPSJNMzMuMTAxNiAyOC4zOTk0VjMxLjU5OTQiIHN0cm9rZT0iI0YwNjM2NSIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIG9wYWNpdHk9IjAuMyIgZD0iTTM1LjUgMjguMzk5NFYzMS41OTk0IiBzdHJva2U9IiNGMDYzNjUiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzAuNjAxNiA4MC43OTk4TDE1LjYwMTYgNzYuMzk5OFY3Mi43OTk4SDMyLjYwMTZMMzAuNjAxNiA4MC43OTk4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTQ5LjgwMTYgNzguOTk5MkwzNS42MDE2IDc4Ljc5OTJMMzIuNjAxNiA3Mi43OTkyTDQ2LjYwMTYgNzIuNjk5Mkw0OS44MDE2IDc4Ljk5OTJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTUuNjAxNiA3Mi43OTk0VjQ3LjM5OTQiIHN0cm9rZT0iIzJEMjAxMyIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDAxMyA1NS4wOTkzTDM2LjMwMTMgNDAuMDk5M0MzNC4wMDEzIDM3LjM5OTMgMzQuNTAxMyAzMy4yOTkzIDM3LjMwMTMgMzEuMjk5M0M0MC4xMDEzIDI5LjA5OTMgNDQuMTAxMyAyOS43OTkzIDQ2LjAwMTMgMzIuNzk5M0w1Ni4wMDEzIDQ5LjA5OTNMNDguMDAxMyA1NS4wOTkzWiIgZmlsbD0iI0ZCQzJDMSIvPgo8cGF0aCBkPSJNNDYuMzk4NCA1My4zOTkyVjQ3LjE5OTIiIHN0cm9rZT0iIzJEMjAxMyIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNODQuMTUxMSA0OC44TDc0LjY5NiA0N0M3NC42OTYgNDcgNzQuNDk2OSA0NyA3NC4zOTc0IDQ3SDUyVjU3TDc0LjE5ODMgNTIuMUM3NS4wOTQxIDUxLjkgNzUuNDkyMiA1MS42IDc1Ljc5MDggNTAuOEw4My43NTMgNTEuMkM4NC4zNTAxIDUxLjIgODQuNzQ4MyA1MC45IDg0Ljk0NzMgNTAuM0M4NS4wNDY4IDQ5LjggODUuMDQ2OCA0OS4zIDg0LjU0OTIgNDlDODQuNDQ5NyA0OC45IDg0LjM1MDEgNDguOSA4NC4xNTExIDQ4LjhaIiBmaWxsPSIjOTkyOTBBIi8+CjxwYXRoIGQ9Ik02OS42MTkyIDU1LjI5MTlMNTIgNTdWNDdINzIuMDAwMkw3MS41MDQxIDUzLjA4NzdDNzEuNDA0OSA1NC4yNDIzIDcwLjYxMTMgNTUuMTg2OSA2OS42MTkyIDU1LjI5MTlaIiBmaWxsPSIjRkJDMkMxIi8+CjxyZWN0IHg9IjQ3IiB5PSI0NyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiByeD0iNSIgZmlsbD0iI0ZCQzJDMSIvPgo8cGF0aCBvcGFjaXR5PSIwLjIiIGQ9Ik01NC41IDQ3TDUzIDUwTDU3IDQ3SDU0LjVaIiBmaWxsPSIjRTU0NzRDIi8+Cjwvc3ZnPgo=';
 
-const pnFindPriceCss = "@charset \"UTF-8\";pn-find-price td{margin-bottom:1em;text-align:center;vertical-align:bottom;padding-right:1em}pn-find-price .firstCell{margin-right:0;margin-left:auto}pn-find-price .findprice-form{max-width:50em;margin:0 auto}pn-find-price h2,pn-find-price .heading,pn-find-price .resultHeading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:1rem}pn-find-price .sizeheading{text-align:center;font-size:1em;line-height:1.1;font-weight:bold;margin-bottom:1rem;margin-top:3.5em}pn-find-price .sizecategory{margin-bottom:3rem;font-size:0.9em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}pn-find-price .weightoption{font-size:0.9em;max-width:41rem;margin:0 auto}pn-find-price .weightoption-content{text-align:center}pn-find-price .weightoption-content pn-choice-button{width:7em;line-height:3.3em;font-size:0.9em;vertical-align:bottom}pn-find-price .weightoption-content pn-choice-button>label{-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center}pn-find-price .weightoption-content pn-choice-button ::before{content:\"Max  \";font-weight:lighter}pn-find-price .resultlist{margin:3em 0}";
+const pnFindPriceCss = "@charset \"UTF-8\";pn-find-price .sizeTable{border-style:none !important;border:0 !important}pn-find-price .sizeTable>tr td{margin-bottom:1em;text-align:center;vertical-align:bottom;padding-right:1em}pn-find-price .firstCell{margin-right:0;margin-left:auto}pn-find-price .findprice-form{max-width:60em;margin:0 auto 3em auto}pn-find-price h2,pn-find-price .heading,pn-find-price .resultHeading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:1rem}pn-find-price .sizeheading{text-align:center;font-size:1.25em;line-height:1.1;font-weight:bold;margin-bottom:1rem}pn-find-price .sizecategory{margin-top:5em;margin-bottom:3rem;font-size:0.9em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}pn-find-price .weightoption{font-size:0.9em;max-width:41rem;margin:0 auto}pn-find-price .weightoption-content{text-align:center}pn-find-price .weightoption-content pn-choice-button{width:7em;line-height:3.3em;font-size:0.9em;vertical-align:bottom}pn-find-price .weightoption-content pn-choice-button>label{-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center}pn-find-price .weightoption-content pn-choice-button ::before{content:\"Max  \";font-weight:lighter}pn-find-price .resultlist{margin:3em 0}pn-find-price .servicePoint{text-align:center}pn-find-price .servicePoint pn-illustration{display:block;max-width:5em;max-height:5em;margin:1.5em auto 0 auto}pn-find-price .servicePoint h3{margin-top:1.8em;margin-bottom:0.9em}pn-find-price .servicePoint a{color:#005D92}";
 
 let PnfindPrice = class {
   constructor(hostRef) {
@@ -149,6 +155,8 @@ let PnfindPrice = class {
     try {
       const convertedData = await convert.convertFileForSizeCategogy(reqbody);
       this.sourceData = convertedData;
+      //for keeping small value preselected
+      this.sizecategory = sizeCategories.filter(x => x.value === "Small")[0];
       this.filterItems();
     }
     catch (e) {
@@ -174,13 +182,13 @@ let PnfindPrice = class {
       return;
     }
     const sizeItemData = deliveryScopeData.filter((x) => x.sizecategory.toLocaleLowerCase() === this.sizecategory.value.toLocaleLowerCase());
-    if (!this.weight || !this.weight.value) {
+    if (!this.weight) {
       return;
     }
     const comparisonWeight = this.weight.value <= 20 ? this.weight.value * 1000 : this.weight.value;
     let weightFilteredData = sizeItemData.filter(x => (x.maxweight <= 20 ? x.maxweight * 1000 : x.maxweight) === comparisonWeight);
     // if no value found select the next available value
-    if (weightFilteredData.length === 0) {
+    if (weightFilteredData.length === 0 && this.weightvalue !== 0) {
       weightFilteredData = sizeItemData.filter(x => (x.maxweight <= 20 ? x.maxweight * 1000 : x.maxweight) >= comparisonWeight);
       if (weightFilteredData.length > 0) {
         //sort based on the maxvalue
@@ -200,20 +208,20 @@ let PnfindPrice = class {
     this.filteredItems = weightFilteredData;
   }
   render() {
-    return (index.h("div", null, index.h("div", { class: "findprice-form" }, index.h("div", null, (index.h("div", { class: "heading" }, pnFindPriceStore.state.i18n.componentheading))), index.h("div", null, (index.h("div", { class: "sizeheading" }, pnFindPriceStore.state.i18n.sizeheading)), index.h("div", { class: "sizecategory" }, index.h("table", null, index.h("tr", null, index.h("td", null, index.h("img", { class: "firstCell", src: postnordPerson1Svg })), index.h("td", null, index.h("img", { src: smallPackageSvg })), index.h("td", null, index.h("img", { src: mediumPackageSvg })), index.h("td", null, index.h("img", { src: largePackageSvg }))), index.h("tr", null, index.h("td", null), sizeCategories.map((sizeCategory) => (index.h("td", null, index.h("pn-radio-button", { radioid: sizeCategory.value, value: sizeCategory.value, name: "sizecategory", checked: sizeCategory.value === this.sizecategory.value, onChange: () => {
+    return (index.h("div", { class: "findprice-form" }, index.h("div", null, (index.h("div", { class: "sizeheading" }, pnFindPriceStore.state.i18n.sizeheading)), index.h("div", { class: "sizecategory" }, index.h("table", { class: "sizeTable" }, index.h("tr", null, index.h("td", null, index.h("img", { class: "firstCell", src: postnordPerson1Svg })), index.h("td", null, index.h("img", { src: smallPackageSvg })), index.h("td", null, index.h("img", { src: mediumPackageSvg })), index.h("td", null, index.h("img", { src: largePackageSvg }))), index.h("tr", null, index.h("td", null), sizeCategories.map((sizeCategory) => (index.h("td", null, index.h("pn-radio-button", { radioid: sizeCategory.value, value: sizeCategory.value, name: "sizecategory", checked: sizeCategory.value === this.sizecategory.value, onChange: () => {
         this.sizecategory = sizeCategories.filter(x => x.value === sizeCategory.value)[0];
-        this.weight = weights[this.sizecategory.unit][0];
+        this.weight = { value: 0, name: "" };
         this.weightvalue = this.weight.value;
-      } })))))))), (this.sizecategory.value && weights[this.sizecategory.unit]) ? (index.h("div", { class: "weightoption" }, index.h("div", { class: "weightoption-content" }, weights[this.sizecategory.unit].map((wght) => (index.h("pn-choice-button", { choiceid: this.sizecategory.value + wght.value, value: wght.value, name: "weight", type: "radio", checked: wght.value === this.weight.value, onChange: () => {
+      } })))))))), (this.sizecategory.value && weights[this.sizecategory.unit]) ? (index.h("div", { class: "weightoption" }, index.h("div", { class: "weightoption-content" }, weights[this.sizecategory.unit].map((wght) => (index.h("pn-choice-button", { choiceid: this.sizecategory.value + wght.value, name: "weight", type: "radio", value: (!this.weight.value) ? 0 : weights[this.sizecategory.unit].findIndex((x) => x.value === this.weightvalue), checked: wght.value === this.weight.value, onChange: () => {
         this.weight = weights[this.sizecategory.unit].filter(x => x.value === wght.value)[0];
         this.weightvalue = this.weight.value;
-      } }, wght.name)))))) : null), (this.filteredItems && this.filteredItems.length > 0) ? (index.h("div", { class: "resultlist" }, (pnFindPriceStore.state.i18n.resultlistheading) ? (index.h("div", { class: "resultHeading" }, pnFindPriceStore.state.i18n.resultlistheading)) : null, this.filteredItems.map((item) => (index.h("div", null, index.h("pn-find-price-result", { item: item })))))) : null));
+      } }, wght.name)))))) : null, (this.filteredItems && this.filteredItems.length > 0) ? (index.h("div", { class: "resultlist" }, (pnFindPriceStore.state.i18n.resultlistheading) ? (index.h("div", { class: "resultHeading" }, pnFindPriceStore.state.i18n.resultlistheading)) : null, this.filteredItems.map((item) => (index.h("div", null, index.h("pn-find-price-result", { item: item })))), index.h("div", { class: "servicePoint" }, index.h("pn-illustration", { illustration: "character-box-letters-house" }), index.h("h3", null, pnFindPriceStore.state.i18n.servicePointHeader), index.h("a", { href: ServicePointUrl, target: "_blank" }, pnFindPriceStore.state.i18n.servicePointLink, index.h("pn-icon", { symbol: "map-marker", color: "blue700" }))))) : null));
   }
   static get watchers() { return {
     "market": ["setState"],
     "language": ["setState"],
-    "weightvalue": ["filterItems"],
-    "sizecategory": ["filterItems"]
+    "sizecategory": ["filterItems"],
+    "weightvalue": ["filterItems"]
   }; }
 };
 PnfindPrice.style = pnFindPriceCss;

package/cjs/pn-market-web-components.cjs.js

@@ -55,5 +55,5 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["pn-marketweb-siteheader.cjs",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"token":[1],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"sessionForward":[4,"session-forward"],"cache":[4],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32],"loggedIn":[32],"loginManager":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["pn-find-price.cjs",[[0,"pn-find-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"weight":[32],"weightvalue":[32],"sourceData":[32],"sizecategory":[32]}]]],["pn-find-service-and-price.cjs",[[0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]}]]],["pn-product-pricelist.cjs",[[4,"pn-product-pricelist",{"source":[1],"language":[1025],"market":[1025],"productid":[1],"filteredItems":[32],"sourceData":[32],"gotData":[32],"loading":[32],"postagetype":[32],"weight":[32],"weightvalue":[32]}]]],["pn-marketweb-sitefooter.cjs",[[0,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-bonus-progressbar.cjs",[[4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[32]}]]],["pn-filter-checkbox.cjs",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-filter-search.cjs",[[1,"pn-filter-search",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4]},[[0,"input","inputHandler"]]]]],["pn-pex-pricefinder.cjs",[[0,"pn-pex-pricefinder",{"language":[1],"currency":[1],"apiUrl":[1,"api-url"],"i18n":[32],"fromzip":[32],"tozip":[32],"weight":[32],"when":[32],"response":[32]},[[0,"language","setLanguage"]]]]],["pn-profile-selector.cjs",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-profile-selector-option.cjs",[[0,"pn-profile-selector-option",{"name":[1],"identifier":[1],"url":[1]}]]],["pn-sidenav.cjs",[[4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["pn-sidenav-level.cjs",[[4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]}]]],["pn-sidenav-link.cjs",[[4,"pn-sidenav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"icon":[1],"current":[4],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-find-price-result.cjs",[[0,"pn-find-price-result",{"item":[1040],"shownitems":[16],"Usp1":[1,"usp-1"],"Usp2":[1,"usp-2"],"Usp3":[1,"usp-3"],"weightText":[32]}]]],["pn-find-service-and-price-result.cjs",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]]],["pn-product-pricelist-result.cjs",[[0,"pn-product-pricelist-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]]],["pn-bonus-progressbar-level.cjs",[[0,"pn-bonus-progressbar-level",{"current":[516],"value":[1538],"bonuspercentage":[1537],"visualpercentage":[1538],"percentage":[32],"max":[32],"min":[32],"currency":[32]}]]],["pn-site-footer_2.cjs",[[4,"pn-site-footer",{"url":[1],"linktitle":[1]}],[4,"pn-site-footer-col"]]],["pn-choice-button.cjs",[[4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-mainnav-link.cjs",[[4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-product-card_3.cjs",[[4,"pn-product-card"],[0,"pn-product-card-info",{"rulle":[1],"paket":[1],"label":[1],"text":[1]}],[0,"pn-product-card-price",{"label":[1],"amount":[1],"currency":[1],"note":[1],"url":[1]}]]],["pn-language-selector_9.cjs",[[4,"pn-mainnav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"listCount":[32],"alignment":[32]}],[4,"pn-language-selector",{"value":[1537],"selectedLanguageName":[32],"options":[32],"i18n":[32]}],[0,"pn-language-selector-option",{"name":[1],"code":[1],"url":[1],"selected":[4],"currentLanguage":[1,"current-language"]}],[4,"pn-mainnav",{"market":[1],"language":[1],"navigationId":[1,"navigation-id"],"openMenu":[1028,"open-menu"],"navLabel":[1,"nav-label"]},[[0,"language","setLanguage"],[0,"market","setMarket"],[0,"menuLanguageChange","onLanguageChange"],[0,"setmenuopenstate","setMenuOpenState"],[0,"openMenuLevelChange","onOpenMenuLevelChange"]]],[4,"pn-mainnav-list",{"heading":[1],"linkCount":[32]}],[0,"pn-marketweb-siteheader-login",{"endpoint":[1],"token":[1],"i18n":[8,"i-1-8n"],"emitEvents":[4,"emit-events"],"loginDialog":[1040],"loginManager":[32],"loggedIn":[32],"toggleButtonText":[32],"username":[32]}],[0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"search":[1040]}],[4,"pn-site-selector",{"buttontext":[1537],"heading":[1537],"language":[1537],"i18n":[32]}],[0,"pn-site-selector-item",{"url":[1],"heading":[1],"description":[1],"newwindow":[4]}]]],["pn-product-tile_3.cjs",[[4,"pn-product-tile"],[0,"pn-product-tile-info",{"label":[1],"text":[1],"icon":[1]}],[0,"pn-product-tile-price",{"label":[1],"amount":[1],"currency":[1],"url":[1]}]]]], options);
+  return index.bootstrapLazy([["pn-marketweb-siteheader.cjs",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"token":[1],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"sessionForward":[4,"session-forward"],"cache":[4],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32],"loggedIn":[32],"loginManager":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["pn-find-price.cjs",[[0,"pn-find-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"weight":[32],"weightvalue":[32],"sourceData":[32],"sizecategory":[32]}]]],["pn-find-service-and-price.cjs",[[0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]}]]],["pn-product-pricelist.cjs",[[4,"pn-product-pricelist",{"source":[1],"language":[1025],"market":[1025],"productid":[1],"filteredItems":[32],"sourceData":[32],"gotData":[32],"loading":[32],"postagetype":[32],"weight":[32],"weightvalue":[32]}]]],["pn-marketweb-sitefooter.cjs",[[0,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-bonus-progressbar.cjs",[[4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[32]}]]],["pn-filter-checkbox.cjs",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-filter-search.cjs",[[1,"pn-filter-search",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4]},[[0,"input","inputHandler"]]]]],["pn-pex-pricefinder.cjs",[[0,"pn-pex-pricefinder",{"language":[1],"currency":[1],"apiUrl":[1,"api-url"],"i18n":[32],"fromzip":[32],"tozip":[32],"weight":[32],"when":[32],"response":[32]},[[0,"language","setLanguage"]]]]],["pn-profile-selector.cjs",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-profile-selector-option.cjs",[[0,"pn-profile-selector-option",{"name":[1],"identifier":[1],"url":[1]}]]],["pn-sidenav.cjs",[[4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["pn-sidenav-level.cjs",[[4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]}]]],["pn-sidenav-link.cjs",[[4,"pn-sidenav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"icon":[1],"current":[4],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-find-price-result.cjs",[[0,"pn-find-price-result",{"item":[1040],"shownitems":[16],"Usp1":[1,"usp-1"],"Usp2":[1,"usp-2"],"Usp3":[1,"usp-3"],"description":[16],"weightText":[32]}]]],["pn-find-service-and-price-result.cjs",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]]],["pn-product-pricelist-result.cjs",[[0,"pn-product-pricelist-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]]],["pn-bonus-progressbar-level.cjs",[[0,"pn-bonus-progressbar-level",{"current":[516],"value":[1538],"bonuspercentage":[1537],"visualpercentage":[1538],"percentage":[32],"max":[32],"min":[32],"currency":[32]}]]],["pn-site-footer_2.cjs",[[4,"pn-site-footer",{"url":[1],"linktitle":[1]}],[4,"pn-site-footer-col"]]],["pn-choice-button.cjs",[[4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-mainnav-link.cjs",[[4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-product-card_3.cjs",[[4,"pn-product-card"],[0,"pn-product-card-info",{"rulle":[1],"paket":[1],"label":[1],"text":[1]}],[0,"pn-product-card-price",{"label":[1],"amount":[1],"currency":[1],"note":[1],"url":[1],"service":[1]}]]],["pn-language-selector_9.cjs",[[4,"pn-mainnav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"listCount":[32],"alignment":[32]}],[4,"pn-language-selector",{"value":[1537],"selectedLanguageName":[32],"options":[32],"i18n":[32]}],[0,"pn-language-selector-option",{"name":[1],"code":[1],"url":[1],"selected":[4],"currentLanguage":[1,"current-language"]}],[4,"pn-mainnav",{"market":[1],"language":[1],"navigationId":[1,"navigation-id"],"openMenu":[1028,"open-menu"],"navLabel":[1,"nav-label"]},[[0,"language","setLanguage"],[0,"market","setMarket"],[0,"menuLanguageChange","onLanguageChange"],[0,"setmenuopenstate","setMenuOpenState"],[0,"openMenuLevelChange","onOpenMenuLevelChange"]]],[4,"pn-mainnav-list",{"heading":[1],"linkCount":[32]}],[0,"pn-marketweb-siteheader-login",{"endpoint":[1],"token":[1],"i18n":[8,"i-1-8n"],"emitEvents":[4,"emit-events"],"loginDialog":[1040],"loginManager":[32],"loggedIn":[32],"toggleButtonText":[32],"username":[32]}],[0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"search":[1040]}],[4,"pn-site-selector",{"buttontext":[1537],"heading":[1537],"language":[1537],"i18n":[32]}],[0,"pn-site-selector-item",{"url":[1],"heading":[1],"description":[1],"newwindow":[4]}]]],["pn-product-tile_3.cjs",[[4,"pn-product-tile"],[0,"pn-product-tile-info",{"label":[1],"text":[1],"icon":[1]}],[0,"pn-product-tile-price",{"label":[1],"amount":[1],"currency":[1],"url":[1]}]]]], options);
 });

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

@@ -4,32 +4,37 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0a6b1eef.js');
 
-const pnProductCardCss = "pn-product-card{margin-bottom:1em;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;padding:1.5em;word-break:break-word;text-decoration:none;border-radius:0.8rem}pn-product-card .description>pre{margin-top:0;margin-left:0.5em;font-family:\"PostNordSans\", \"Verdana\";font-size:1em}pn-product-card .description>pre>strong{font-weight:bold}pn-product-card [slot=title]{display:-ms-flexbox;display:flex;width:100%;margin-bottom:0.5em}pn-product-card [slot=title]>[slot=Biligast]{color:#005E41;background:#DCF6E7;border-radius:0.37em;width:6.3em;height:2em;margin-left:1.5em;font-weight:normal;font-size:0.75em;text-align:center;vertical-align:bottom;padding-top:0.25em}pn-product-card [slot=title]>[slot=Biligast] pn-icon{vertical-align:middle;margin-left:0.6em}pn-product-card [slot=title]>[slot=Snabbast]{background:#E0F8FF;color:#005D92;border-radius:0.37em;width:7em;height:2em;margin-left:1.5em;font-weight:normal;font-size:0.75em;text-align:center;vertical-align:bottom;padding-top:0.25em}pn-product-card [slot=title]>[slot=Snabbast] pn-icon{vertical-align:middle;margin-left:0.6em}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;margin-right:3rem;-ms-flex-item-align:center;align-self:center}pn-product-card .cardcontent{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}pn-product-card .cardprice{display:-ms-flexbox;display:flex;font-size:1em;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}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;max-width:66.6666666667%;-ms-flex-flow:wrap;flex-flow:wrap}pn-product-card .info>*{min-width:6em;margin:0.2em 1em 0.2em 0}";
+const pnProductCardCss = "pn-product-card{margin-bottom:1em;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;padding:1.5em;word-break:break-word;text-decoration:none;border-radius:0.8rem}pn-product-card [slot=title]{display:-ms-flexbox;display:flex;width:100%;margin-bottom:0.5em}pn-product-card [slot=title]>[slot=Biligast]{color:#005E41;background:#DCF6E7;border-radius:0.37em;width:6.3em;height:2em;margin-left:1.5em;font-weight:normal;font-size:0.75em;text-align:center;vertical-align:bottom;padding-top:0.25em}pn-product-card [slot=title]>[slot=Biligast] pn-icon{vertical-align:middle;margin-left:0.6em}pn-product-card [slot=title]>[slot=Snabbast]{background:#E0F8FF;color:#005D92;border-radius:0.37em;width:7em;height:2em;margin-left:1.5em;font-weight:normal;font-size:0.75em;text-align:center;vertical-align:bottom;padding-top:0.25em}pn-product-card [slot=title]>[slot=Snabbast] pn-icon{vertical-align:middle;margin-left:0.6em}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;margin-right:3rem;-ms-flex-item-align:center;align-self:center}pn-product-card .cardcontent{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}pn-product-card [slot=cardprice]{display:block;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}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 2em 0.5em 0}";
 
 let PnProductCard = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
   render() {
-    return (index.h(index.Host, null, index.h("slot", { name: "illustration" }), index.h("div", { class: "cardcontent" }, index.h("div", { class: "details" }, index.h("slot", { name: "title" }), index.h("slot", { name: "content" }), index.h("div", { class: "info" }, index.h("slot", null)), index.h("slot", { name: "note" }), index.h("slot", { name: "additionalUSP" })), index.h("div", { class: "cardprice" }, index.h("div", null, index.h("slot", { name: "price" }), index.h("slot", { name: "sendDirectPrice" }), index.h("slot", { name: "stampPrice" }))))));
+    return (index.h(index.Host, null, index.h("slot", { name: "illustration" }), index.h("div", { class: "cardcontent" }, index.h("div", { class: "details" }, index.h("slot", { name: "title" }), index.h("slot", { name: "content" }), index.h("div", { class: "info" }, index.h("slot", null)), index.h("slot", { name: "note" }), index.h("slot", { name: "additionalUSP" })), index.h("div", null, index.h("slot", { name: "cardprice" })))));
   }
 };
 PnProductCard.style = pnProductCardCss;
 
-const pnProductCardInfoCss = "pn-product-card-info{-ms-flex-item-align:center;align-self:center}.cardinfocontent{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-positive:1;flex-grow:1;font-size:0.875em}.cardinfocontent>div{margin:0.625em}[slot=formatPre]{font-family:\"PostNordSans\", \"Verdana\";font-size:1em}[slot=formatPre]>strong{font-weight:bold}.cardinfoprice{display:-ms-flexbox;display:flex;font-size:1em;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}";
+const pnProductCardInfoCss = "pn-product-card-info{-ms-flex-item-align:center;align-self:center}.cardinfocontent{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-positive:1;flex-grow:1;font-size:0.875em}.cardinfocontent>div p{margin:0.25em 0.25em 0 0}.cardinfocontent #sp{width:5em}[slot=formatPre]{font-family:\"PostNordSans\", \"Verdana\";margin:0.5em 3em 0 0}[slot=formatPre]>strong{font-weight:bold}.cardinfoprice{display:-ms-flexbox;display:flex;font-size:1em;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}";
 
 let PnProductCardInfo = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
   render() {
-    return (this.label) ? (index.h(index.Host, null, index.h("div", { class: "cardinfocontent" }, (this.text) ? (index.h("pre", { slot: "formatPre" }, this.text)) : null))) : (index.h(index.Host, null, index.h("div", { class: "cardinfocontent" }, index.h("div", null, index.h("h4", null, "Paket:"), index.h("pre", { slot: "formatPre" }, this.paket)), index.h("div", null, index.h("h4", null, "Rulle:"), index.h("pre", { slot: "formatPre" }, this.rulle)))));
+    return (this.label) ? (index.h(index.Host, null, index.h("div", { class: "cardinfocontent" }, (this.text) ? (index.h("pre", { slot: "formatPre" }, this.text)) : null))) : (index.h(index.Host, null, index.h("div", { class: "cardinfocontent" }, index.h("div", null, index.h("strong", null, "Paket:"), this.paket.split("/").map((item) => ((item.split(":").length > 0) ?
+      index.h("p", null, index.h("strong", null, item.split(":")[0] + ": "), " ", item.split(":")[1]) :
+      index.h("p", null, item)))), index.h("div", { id: "sp" }), (this.rulle) ?
+      (index.h("div", null, index.h("strong", null, "Rulle:"), this.rulle.split("/").map((item) => ((item.split(":").length > 0) ?
+        index.h("p", null, index.h("strong", null, item.split(":")[0] + ": "), " ", item.split(":")[1]) :
+        index.h("p", null, item))))) : null)));
   }
 };
 index.h("pn-icon", { symbol: "align-center", small: "false", color: "black" });
 PnProductCardInfo.style = pnProductCardInfoCss;
 
-const pnProductCardPriceCss = "pn-product-card-price{margin-top:1em;white-space:nowrap;text-align:center}pn-product-card-price span{font-size:1.25em}pn-product-card-price span:last-child{display:inline-block;margin-left:0.2em}pn-product-card-price+pn-product-card-price{margin-left:1.5em}pn-product-card-price pn-icon{display:inline-block;-ms-flex-item-align:center;align-self:center}pn-product-card-price pn-button{width:12.8em;margin-bottom:1em;margin-top:0.5em}pn-product-card-price p{font-weight:lighter;font-size:0.6em;-ms-flex-item-align:center;align-self:center;margin-top:0.5em}pn-product-card-price a{text-decoration:none;color:#005D92}pn-product-card-price a h3{text-decoration:underline}";
+const pnProductCardPriceCss = "pn-product-card-price{margin-top:1em;white-space:nowrap;text-align:center}pn-product-card-price span:last-child{display:inline-block;margin-left:0.2em}pn-product-card-price+pn-product-card-price{margin-right:0}pn-product-card-price pn-icon{display:inline-block;-ms-flex-item-align:center;align-self:center}pn-product-card-price pn-button{width:12.8em;margin-bottom:1em;margin-top:0.5em;font-size:1.25}pn-product-card-price p{font-weight:lighter;font-size:0.875em;-ms-flex-item-align:center;align-self:center;margin-top:0.5em}pn-product-card-price a{text-decoration:none;color:#005D92}pn-product-card-price a h3{text-decoration:underline}";
 
 let PnProductCardPrice = class {
   constructor(hostRef) {
@@ -39,7 +44,7 @@ let PnProductCardPrice = class {
     if (!this.amount) {
       return;
     }
-    return (this.url) ? (index.h(index.Host, null, index.h("h3", null, (this.amount) ? (index.h("span", null, this.amount)) : null, (this.currency) ? (index.h("span", null, this.currency)) : null, (this.note) ? (index.h("p", null, this.note)) : null), (this.label) ? (index.h("a", { href: this.url }, index.h("pn-button", { small: "true", icon: "arrow-right", appearance: "secondary" }, this.label))) : null)) : (index.h(index.Host, null, index.h("h3", null, (this.amount) ? (index.h("span", null, this.amount)) : null, (this.currency) ? (index.h("span", null, this.currency)) : null)));
+    return (this.url) ? (index.h(index.Host, null, index.h("h3", null, (this.amount) ? (index.h("span", null, this.amount)) : null, (this.currency) ? (index.h("span", null, " " + this.currency)) : null), (this.note) ? (index.h("p", null, this.note)) : null, (this.label) ? (index.h("pn-button", { small: "true", icon: "arrow-right", appearance: "secondary", href: this.url, target: "_blank", id: this.service.split(" ").join("-").toLocaleLowerCase() }, this.label)) : null)) : (index.h(index.Host, null, index.h("h3", null, (this.amount) ? (index.h("span", null, this.amount)) : null, (this.currency) ? (index.h("span", null, this.currency)) : null)));
   }
 };
 PnProductCardPrice.style = pnProductCardPriceCss;

package/collection/components/widgets/pn-find-price/data.js

@@ -34,4 +34,6 @@ const weights = {
 
 const fileLocation = "https://com-integration.postnord.com/globalassets/global/prices/sv-findprice-first.xlsx";
 
-export { weights, sizeCategories, fileLocation};
+const ServicePointUrl = "https://www.postnord.se/vara-verktyg/sok-brevlada-eller-servicestalle";
+
+export { weights, sizeCategories, fileLocation, ServicePointUrl };

package/collection/components/widgets/pn-find-price/pn-find-price-result.js

@@ -4,6 +4,7 @@ export class PnfindPriceResult {
   constructor() {
     this.item = null;
     this.shownitems = [];
+    this.description = [];
     this.weightText = "";
   }
   componentWillLoad() {
@@ -16,6 +17,9 @@ export class PnfindPriceResult {
       this.Usp2 = (x.length > 1) ? x[1] : null;
       this.Usp3 = (x.length > 2) ? x[2] : null;
     }
+    if (this.item.description) {
+      this.description = this.item.description.split("#bullet").filter(x => x !== "");
+    }
   }
   render() {
     return (h(Host, null, h("pn-product-card", null,
@@ -34,8 +38,7 @@ export class PnfindPriceResult {
               h("pn-icon", { symbol: "bolt", small: "false", color: "blue700" }))) : null),
       h("div", { slot: "content" },
         h("div", { class: "content" },
-          (this.item.description) ? (h("div", { class: "description" },
-            h("pre", null, this.item.description))) : null,
+          (this.item.description) ? (h("div", { class: "description" }, this.description.map((desc) => (h("li", null, desc))))) : null,
           (this.item.info) ? (h("div", { class: "description" }, this.item.info)) : null)),
       this.item.note ? (h("small", { slot: "note" },
         h("p", null, this.item.note))) : null,
@@ -44,9 +47,10 @@ export class PnfindPriceResult {
         this.Usp2 ? (h("span", null, this.Usp2)) : null,
         this.Usp3 ? (h("span", null, this.Usp3)) : null)) : null,
       this.item.paket ? (h("pn-product-card-info", { paket: this.item.paket, rulle: this.item.rulle })) : null,
-      this.item.priceagent ? (h("pn-product-card-price", { slot: "price", label: "", amount: this.item.priceagent + '', currency: state.market.currency, url: "https://shop.postnord.se/ebutik/default.aspx" })) : null,
-      this.item.pricesenddirect ? (h("pn-product-card-price", { slot: "sendDirectPrice", label: state.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: state.market.currency, url: "https://portal.postnord.com/skickadirekt/" })) : null,
-      this.item.pricestamps ? (h("pn-product-card-price", { slot: "stampPrice", label: state.i18n.stampshopcta, amount: this.item.pricestamps + '', currency: state.market.currency, url: "https://shop.postnord.se/ebutik/default.aspx", note: state.i18n.message })) : null)));
+      h("div", { slot: "cardprice" },
+        this.item.priceagent ? (h("pn-product-card-price", { slot: "price", label: "", amount: this.item.priceagent + '', currency: state.market.currency, url: "https://shop.postnord.se/ebutik/default.aspx", service: this.item.name + "-eshop" })) : null,
+        this.item.pricesenddirect ? (h("pn-product-card-price", { slot: "sendDirectPrice", label: state.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: state.market.currency, url: "https://portal.postnord.com/skickadirekt/", service: this.item.name + "-portal" })) : null,
+        this.item.pricestamps ? (h("pn-product-card-price", { slot: "stampPrice", label: state.i18n.stampshopcta, amount: this.item.pricestamps + '', currency: state.market.currency, url: "https://shop.postnord.se/ebutik/default.aspx", service: this.item.name + "-eshop", note: state.i18n.message })) : null))));
   }
   static get is() { return "pn-find-price-result"; }
   static get originalStyleUrls() { return {
@@ -148,6 +152,22 @@ export class PnfindPriceResult {
       },
       "attribute": "usp-3",
       "reflect": false
+    },
+    "description": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "string[]",
+        "resolved": "string[]",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "defaultValue": "[]"
     }
   }; }
   static get states() { return {

package/collection/components/widgets/pn-find-price/pn-find-price-store.js

@@ -11,7 +11,9 @@ const { state, onChange } = createStore({
     maxmeasurementlabel: '',
     senddirectcta: '',
     stampshopcta: '',
-    message: ''
+    message: '',
+    servicePointHeader: '',
+    servicePointLink: ''
   },
   market: {
     currency: ""

package/collection/components/widgets/pn-find-price/pn-find-price-translations.js

@@ -9,7 +9,9 @@ export const translations = {
     'maxmeasurementlabel': 'Maxvolym',
     'senddirectcta': 'Köp portokod online',
     'stampshopcta': 'Beställ fysiska frimärken',
-    'message': '*Vid köp hos valfritt ombud'
+    'message': '*Vid köp hos valfritt ombud',
+    'servicePointHeader': 'Eller hitta närmaste serviceställe',
+    'servicePointLink': 'Sök brevlåda eller serviceställe'
   },
   'en': {
     'componentheading': 'Our prices and terms and conditions for domestic shipments for you as a direct paying customer',
@@ -21,7 +23,9 @@ export const translations = {
     'maxmeasurementlabel': 'Maximum measurement',
     'senddirectcta': 'Buy postcode online',
     'stampshopcta': 'Order physical stamps',
-    'message': 'When buying from any agent'
+    'message': 'When buying from any agent',
+    'servicePointHeader': 'Or find nearest service point',
+    'servicePointLink': 'Search letter-box or service point'
   },
   'da': {
     'componentheading': 'Vad vill du skicka?',

package/collection/components/widgets/pn-find-price/pn-find-price.css

@@ -1,5 +1,9 @@
 @charset "UTF-8";
-pn-find-price td {
+pn-find-price .sizeTable {
+  border-style: none !important;
+  border: 0 !important;
+}
+pn-find-price .sizeTable > tr td {
   margin-bottom: 1em;
   text-align: center;
   vertical-align: bottom;
@@ -10,8 +14,8 @@ pn-find-price .firstCell {
   margin-left: auto;
 }
 pn-find-price .findprice-form {
-  max-width: 50em;
-  margin: 0 auto;
+  max-width: 60em;
+  margin: 0 auto 3em auto;
 }
 pn-find-price h2,
 pn-find-price .heading, pn-find-price .resultHeading {
@@ -23,13 +27,13 @@ pn-find-price .heading, pn-find-price .resultHeading {
 }
 pn-find-price .sizeheading {
   text-align: center;
-  font-size: 1em;
+  font-size: 1.25em;
   line-height: 1.1;
   font-weight: bold;
   margin-bottom: 1rem;
-  margin-top: 3.5em;
 }
 pn-find-price .sizecategory {
+  margin-top: 5em;
   margin-bottom: 3rem;
   font-size: 0.9em;
   display: flex;
@@ -60,4 +64,20 @@ pn-find-price .weightoption-content pn-choice-button ::before {
 }
 pn-find-price .resultlist {
   margin: 3em 0;
+}
+pn-find-price .servicePoint {
+  text-align: center;
+}
+pn-find-price .servicePoint pn-illustration {
+  display: block;
+  max-width: 5em;
+  max-height: 5em;
+  margin: 1.5em auto 0 auto;
+}
+pn-find-price .servicePoint h3 {
+  margin-top: 1.8em;
+  margin-bottom: 0.9em;
+}
+pn-find-price .servicePoint a {
+  color: #005D92;
 }