@postnord/pn-marketweb-components 1.0.48 → 1.0.49-beta3

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],"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

@@ -13,17 +13,28 @@ let PnfindPriceResult = class {
     index.registerInstance(this, hostRef);
     this.item = null;
     this.shownitems = [];
+    this.description = [];
     this.weightText = "";
   }
   componentWillLoad() {
     this.composeItems();
   }
   composeItems() {
+    if (this.item.additionalusp) {
+      var x = this.item.additionalusp.split("/");
+      this.Usp1 = (x.length > 0) ? x[0] : null;
+      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: "content" }, index.h("div", { class: "content" }, index.h("h3", null, this.item.name, (this.item.highestrankusp) ?
-      (this.item.highestrankusp === "Biligast") ?
-        (index.h("span", { slot: "Biligast" }, this.item.highestrankusp)) : (index.h("span", { slot: "Snabbast" }, this.item.highestrankusp)) : null), (this.item.description) ? (index.h("div", { class: "description" }, 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("small", { slot: "additionalUSP" }, index.h("p", null, this.item.additionalusp))) : null, this.item.maximummeasurements ? (index.h("pn-product-card-info", { label: pnFindPriceStore.state.i18n.maxmeasurementlabel, text: this.item.maximummeasurements })) : 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)));
+    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" }, 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.cjs.entry.js

@@ -9,10 +9,10 @@ require('./index-9027dc96.js');
 
 const translations = {
   'sv': {
-    'componentheading': 'Vad vill du skicka?',
+    'componentheading': 'Våra priser och villkor för inrikesförsändelser för dig som direktbetalande kund?',
     'deliveryscopeheading': 'Endast leveranser inom Sverige',
-    'sizeheading': 'Hur mycket väger det?',
-    'resultlistheading': 'Några utvalda val',
+    'sizeheading': 'Uppskatta storlek och vikt på din försändelse',
+    'resultlistheading': 'Några bra alternativ för dig',
     'weightlabel': 'Vikt',
     'maxweightlabel': 'Maxvikt',
     'maxmeasurementlabel': 'Maxvolym',
@@ -21,9 +21,9 @@ const translations = {
     'message': '*Vid köp hos valfritt ombud'
   },
   'en': {
-    'componentheading': 'What do you want to send?',
+    'componentheading': 'Our prices and terms and conditions for domestic shipments for you as a direct paying customer',
     'deliveryscopeheading': 'Deliveries within Sweden only',
-    'sizeheading': 'How much does it weigh?',
+    'sizeheading': 'Estimate the size and weight of your shipment',
     'resultlistheading': 'Some suitable options for you',
     'weightlabel': 'Weight',
     'maxweightlabel': 'Max weight',
@@ -82,51 +82,54 @@ const markets = {
 };
 
 const sizeCategories = [
-  { name: "Dokument eller paket upp till 2 kg",   value: "upto2kg", illustration: "package-letter-calendar", unit: "2kg", maxWeight:2 },
-  { name: "Större paket M-L upp till 5 kg",   value: "upto5kg", illustration: "packages-in-a-pile", unit: "5kg", maxWeight:5},
-  { name: "Tyngre paket upp till 20 kg",   value: "upto20kg", illustration: "scale-package-16-abroad", unit: "20kg", maxWeight: 20 },
+  { name: "Small",   value: "Small", illustration: "eli1n", unit: "small", maxWeight:2, img:"./small-package.svg" },
+  { name: "Medium",   value: "Medium", illustration: "medium-package", unit: "medium", maxWeight:5, img:"./medium-package.svg"},
+  { name: "Large",   value: "Large", illustration: "large-package", unit: "large", maxWeight: 20 , img:"./large-package.svg"},
 ];
 
 const weights = {
-"2kg": [
-  { name: "50g",   abbreviation: 'g', value: 50 },
-  { name: "100g",  abbreviation: 'g', value: 100 },
-  { name: "250g",  abbreviation: 'g', value: 250 },
-  { name: "500g",  abbreviation: 'g', value: 500 },
-  { name: "1kg",   abbreviation: 'kg', value: 1 },
-  { name: "2kg",   abbreviation: 'kg', value: 2 },
+"small": [
+  { name: "50 g",   abbreviation: 'g', value: 50 },
+  { name: "100 g",  abbreviation: 'g', value: 100 },
+  { name: "250 g",  abbreviation: 'g', value: 250 },
+  { name: "500 g",  abbreviation: 'g', value: 500 },
+  { name: "1 kg",   abbreviation: 'kg', value: 1 },
+  { name: "2 kg",   abbreviation: 'kg', value: 2 },
 ],
-"5kg": [
-  { name: "2kg",   abbreviation: 'kg', value: 2 },
-  { name: "3kg",   abbreviation: 'kg', value: 3 },
-  { name: "4kg",   abbreviation: 'kg', value: 4 },
-  { name: "5kg",   abbreviation: 'kg', value: 5 },    
+"medium": [
+  { name: "1 kg",   abbreviation: 'kg', value: 1 },
+  { name: "2 kg",   abbreviation: 'kg', value: 2 },
+  { name: "3 kg",   abbreviation: 'kg', value: 3 },
+  { name: "5 kg",   abbreviation: 'kg', value: 5 },
+  { name: "10 kg",  abbreviation: 'kg', value: 10 },
+  { name: "15 kg",  abbreviation: 'kg', value: 15 },
+  { name: "20 kg",  abbreviation: 'kg', value: 20 },    
 ],
-"20kg": [
-  { name: "5kg",   abbreviation: 'kg', value: 5 },
-  { name: "6kg",   abbreviation: 'kg', value: 6 },
-  { name: "7Kg",   abbreviation: 'kg', value: 7 },
-  { name: "8kg",   abbreviation: 'kg', value: 8 },
-  { name: "9kg",   abbreviation: 'kg', value: 9 },
-  { name: "10kg",  abbreviation: 'kg', value: 10 },
-  { name: "11kg",  abbreviation: 'kg', value: 11 },
-  { name: "12kg",  abbreviation: 'kg', value: 12 },
-  { name: "13kg",  abbreviation: 'kg', value: 13 },
-  { name: "14kg",  abbreviation: 'kg', value: 14 },
-  { name: "15kg",  abbreviation: 'kg', value: 15 },
-  { name: "16kg",  abbreviation: 'kg', value: 16 },
-  { name: "17kg",  abbreviation: 'kg', value: 17 },
-  { name: "18kg",  abbreviation: 'kg', value: 18 },
-  { name: "20kg",  abbreviation: 'kg', value: 20 }, 
+"large": [
+  { name: "3 kg",   abbreviation: 'kg', value: 3 },
+  { name: "5 kg",   abbreviation: 'kg', value: 5 },
+  { name: "10 kg",  abbreviation: 'kg', value: 10 },
+  { name: "15 kg",  abbreviation: 'kg', value: 15 },
+  { name: "20 kg",  abbreviation: 'kg', value: 20 }, 
 ]
 };
 
-const pnFindPriceCss = "pn-find-price .findprice-form{max-width:50em;margin:0 auto}pn-find-price h2,pn-find-price .heading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:1rem}pn-find-price .sizecategory{text-align:center;margin-bottom:3rem;font-size:0.9em}pn-find-price .weightoption{display:-ms-flexbox;display:flex;gap:1em}pn-find-price .weightoption-input{width:5em;position:relative}pn-find-price .weightoption-input input::-webkit-outer-spin-button,pn-find-price .weightoption-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}pn-find-price .weightoption-input-abbreviation{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:1.2em;margin-top:1.55rem;font-weight:500}pn-find-price .weightoption-range{-ms-flex-positive:1;flex-grow:1;-ms-flex-item-align:end;align-self:flex-end;position:relative;top:0.5em}pn-find-price .weightoption-range input{width:calc(100% - 1.5em)}pn-find-price .weightoption-range datalist{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;font-size:0.75em}pn-find-price .resultlist{margin:3em 0}";
+const fileLocation = "https://com-integration.postnord.com/globalassets/global/prices/sv-findprice-first.xlsx";
+
+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==';
+
+const largePackageSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTciIGhlaWdodD0iMTIxIiB2aWV3Qm94PSIwIDAgOTcgMTIxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTIuNTk5OCAxMjAuMjI0SDY5LjMyNjVWMTYuMTczN0g1LjgwMzcxVjEwOC43NzRDNS44MDM3MSAxMTUuMTA0IDguODQ1MjkgMTIwLjIyNCAxMi41OTk4IDEyMC4yMjRaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik04NC4zNjEyIDEyMC4yMjRINjcuNzI3NVYxMi43NTRIOTEuMTU3M1YxMDguNzg0QzkxLjE1NzMgMTE1LjEwNCA4OC4xMTU3IDEyMC4yMjQgODQuMzYxMiAxMjAuMjI0WiIgZmlsbD0iIzBEMjM0QiIvPgo8cGF0aCBkPSJNNi4zNjg2NyAzMi4xMTRINjguNzY4N0M3MS45NDEgMzIuMTE0IDc0LjUxOTIgMjcuNzg0IDc0LjUxOTIgMjIuNDM0Qzc0LjUxOTIgMTcuMDk0IDcxLjk0NyAxMi43NTQgNjguNzY4NyAxMi43NTRINi4zNjg2N0MzLjE5NjM5IDEyLjc1NCAwLjYxODE2NCAxNy4wODQgMC42MTgxNjQgMjIuNDM0QzAuNjE4MTY0IDI3Ljc3NCAzLjE5NjM5IDMyLjExNCA2LjM2ODY3IDMyLjExNFoiIGZpbGw9IiMwMDVEOTIiLz4KPHBhdGggZD0iTTkwLjYzMTIgMzIuMTE0SDgxLjI4NjZDNzguMTE0MyAzMi4xMTQgNzUuNTM2MSAyNy43ODQgNzUuNTM2MSAyMi40MzRDNzUuNTM2MSAxNy4wOTQgNzguMTA4NCAxMi43NTQgODEuMjg2NiAxMi43NTRIOTAuNjMxMkM5My44MDM1IDEyLjc1NCA5Ni4zODE3IDE3LjA4NCA5Ni4zODE3IDIyLjQzNEM5Ni4zODE3IDI3Ljc3NCA5My44MDk0IDMyLjExNCA5MC42MzEyIDMyLjExNFoiIGZpbGw9IiMwRDIzNEIiLz4KPHBhdGggZD0iTTUuODAzNzEgMzMuNjQzOUw2Ny43Mjg1IDQ5LjM5MzlWMzIuMTEzOUg1LjgwMzcxVjMzLjY0MzlaIiBmaWxsPSIjMEQyMzRCIi8+CjxwYXRoIGQ9Ik0yNi42MzgxIDEyMC4yMjRIMjUuNzQ3VjEzLjIwMzhDMjUuNDM4IDEzLjE1MzggMjUuMTgyNiAxMy4wNjM4IDI1LjAwNDQgMTIuOTEzOEMyMy4xMzkgMTEuNDEzOCAyMS42MDYzIDYuMTczODIgMjIuMDc1NyAyLjg5MzgyQzIyLjIzNiAxLjc4MzgyIDIyLjc1MjkgLTAuMDk2MTY2NiAyNC41NDEgMC4wMDM4MzMzOUMyNS40MDgzIDAuMDQzODMzNCAyNi4wODU2IDAuNjAzODI2IDI2LjU0MyAxLjY4MzgzQzI3LjIwMjQgMy4yMjM4MyAyNy4yNzM3IDUuNjAzODMgMjcuMTYwOCA3LjczMzgzQzI4LjgwMDQgNC4xMzM4MyAzMS4yMTgzIDEuODAzODMgMzIuODEwNCAyLjEzMzgzQzMzLjc1NDkgMi4zMzM4MyAzNC4zNDkgMy40NDM4MiAzNC40MzgxIDUuMTkzODJDMzQuNTI3MiA2Ljk3MzgyIDMzLjk1NjkgOC42NDM4MyAzMi43NzQ3IDEwLjAyMzhDMzEuMDk5NSAxMS45ODM4IDI4LjQzODEgMTMuMDkzOCAyNi42MzIxIDEzLjIyMzhWMTIwLjIyNEgyNi42MzgxWk0yNC40MzQxIDEuNTAzODNDMjMuNTk2NSAxLjUwMzgzIDIzLjEwOTMgMi4wNzM4MyAyMi45NDMgMy4yNTM4M0MyMi41NzQ3IDUuODYzODMgMjMuODk5NCAxMC4zNjM4IDI1LjM5MDUgMTEuNTYzOEMyNS40ODU2IDExLjY0MzggMjUuNjM0MSAxMS42OTM4IDI1LjgxODIgMTEuNzIzOEMyNi4xNjg3IDkuNjMzODMgMjYuNzMzMSA0LjY5MzgzIDI1LjgxODIgMi41NjM4M0MyNS41MjcyIDEuODgzODMgMjUuMDk5NCAxLjUzMzgzIDI0LjUxNzMgMS41MTM4M0MyNC40ODc1IDEuNTAzODMgMjQuNDYzOCAxLjUwMzgzIDI0LjQzNDEgMS41MDM4M1pNMzIuNDk1NSAzLjU5MzgyQzMwLjg5NzUgMy41OTM4MiAyNy45ODY2IDYuOTYzODMgMjYuNzkyNSAxMS43MTM4QzI4LjM0MyAxMS41MjM4IDMwLjcyNTIgMTAuNTkzOCAzMi4yNzU3IDguNzgzODNDMzMuMTkwNiA3LjcxMzgzIDMzLjYxODMgNi41NTM4MyAzMy41NTg5IDUuMzEzODNDMzMuNDg3NiAzLjkzMzgzIDMzLjAzNjEgMy42ODM4MyAzMi43MDk0IDMuNjEzODNDMzIuNjM4MSAzLjYwMzgzIDMyLjU2NjggMy41OTM4MiAzMi40OTU1IDMuNTkzODJaIiBmaWxsPSIjMEQyMzRCIi8+CjxwYXRoIGQ9Ik03MC40OTE3IDY1LjcwNEg1LjgxMDU1VjY3LjIwNDFINzAuNDkxN1Y2NS43MDRaIiBmaWxsPSIjMEQyMzRCIi8+Cjwvc3ZnPgo=';
+
+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 table{border-style:none;border:0}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:1.25em;line-height:1.1;font-weight:bold;margin-bottom:1rem}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}";
 
 let PnfindPrice = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.source = "https://com-integration.postnord.com/globalassets/global/prices/sv-findprice.xlsx";
+    this.source = fileLocation;
     this.language = "sv";
     this.market = "se";
     this.filteredItems = [];
@@ -166,11 +169,11 @@ let PnfindPrice = class {
       console.log('Data has not yet been loaded');
       return;
     }
-    const deliveryScopeData = this.sourceData.data.filter((x) => x.deliveryscope === "Sweden");
+    const deliveryScopeData = this.sourceData.data.filter((x) => x.deliveryscope.toLocaleLowerCase() === "sweden");
     if (!this.sizecategory) {
       return;
     }
-    const sizeItemData = deliveryScopeData.filter((x) => x.sizecategory === this.sizecategory.value);
+    const sizeItemData = deliveryScopeData.filter((x) => x.sizecategory.toLocaleLowerCase() === this.sizecategory.value.toLocaleLowerCase());
     if (!this.weight || !this.weight.value) {
       return;
     }
@@ -197,45 +200,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.deliveryscopeheading))), index.h("div", null, (index.h("div", { class: "heading" }, pnFindPriceStore.state.i18n.componentheading)), index.h("div", { class: "sizecategory" }, sizeCategories.map((sizeCategory) => (index.h("pn-choice-button", { choiceid: sizeCategory.value, value: sizeCategory.value, name: "sizecategory", type: "radio", checked: sizeCategory.value === this.sizecategory.value, onChange: () => {
+    return (index.h("div", null, 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", 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: () => {
         this.sizecategory = sizeCategories.filter(x => x.value === sizeCategory.value)[0];
-        if (this.weight.value === 0) {
-          this.weight = weights[this.sizecategory.unit][0];
-          this.weightvalue = this.weight.value;
-        }
-      } }, index.h("pn-illustration", { illustration: sizeCategory.illustration }), " ", sizeCategory.name))))), (this.sizecategory.value && weights[this.sizecategory.unit]) ? (index.h("div", null, (pnFindPriceStore.state.i18n.sizeheading) ? (index.h("div", { class: "heading" }, pnFindPriceStore.state.i18n.sizeheading)) : null, index.h("div", { class: "weightoption" }, index.h("div", { class: "weightoption-input" }, index.h("pn-input", { inputid: "weightvalue", name: "weightvalue", type: "number", label: pnFindPriceStore.state.i18n.weightlabel, value: this.weightvalue, onChange: (e) => {
-        if (e && e.target && e.target.value) {
-          const weightNum = parseInt(e.target.value, 10);
-          if (!isNaN(weightNum)) {
-            let matchingWeights = weights[this.sizecategory.unit].filter((x) => {
-              let weightInGrams = (x.abbreviation === "kg") ? x.value * 1000 : x.value;
-              return weightInGrams >= weightNum;
-            });
-            if (matchingWeights && matchingWeights.length > 0) {
-              this.weight = matchingWeights[0];
-              this.weightvalue = this.weight.value;
-            }
-          }
-        }
-      } }), index.h("span", { class: "weightoption-input-abbreviation" }, this.weight.abbreviation)), index.h("div", { class: "weightoption-range" }, index.h("input", { type: "range", id: "weightrange", name: "weightrange", list: "weightlist", value: (!this.weight.value) ? 0 : weights[this.sizecategory.unit].findIndex((x) => x.value === this.weightvalue), onChange: (e) => {
-        const value = e.target.value;
-        this.weight = weights[this.sizecategory.unit][value];
+        this.weight = weights[this.sizecategory.unit][0];
         this.weightvalue = this.weight.value;
-      }, min: "0",
-      // max={ weights[this.postagetype.value][weights[this.postagetype.value].length - 1].value }
-      max: weights[this.sizecategory.unit].length - 1 }), index.h("datalist", { id: "weightlist" }, weights[this.sizecategory.unit].map((weight, weightindex) => {
-      let labelText = weight.name;
-      if (weights[this.sizecategory.unit].length > 6) {
-        labelText = (weightindex % 5 === 0 || weightindex === 0 || weightindex === weights[this.sizecategory.unit].length - 1) ? weight.name : '';
-      }
-      return (index.h("option", Object.assign({ value: weightindex }, (labelText ? { label: labelText } : {}))));
-    })))))) : null), (this.filteredItems && this.filteredItems.length > 0) ? (index.h("div", { class: "resultlist" }, (pnFindPriceStore.state.i18n.resultlistheading) ? (index.h("div", { class: "heading" }, pnFindPriceStore.state.i18n.resultlistheading)) : null, this.filteredItems.map((item) => (index.h("div", null, index.h("pn-find-price-result", { item: item })))))) : null));
+      } })))))))), (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));
   }
   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],"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:white;-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=content] h3{display:-ms-flexbox;display:flex;width:100%;margin-bottom:0.5em}pn-product-card [slot=content] h3>[slot=Biligast]{font-size:0.6em;background:#005E41;color:white;border-radius:0.37em;width:4em;line-height:2em;text-align:center;margin-left:0.6em;font-weight:normal}pn-product-card [slot=content] h3>[slot=Snabbast]{font-size:0.6em;background:#005D92;color:white;border-radius:0.37em;width:5em;line-height:2em;text-align:center;vertical-align:bottom;margin-left:0.6em;font-weight:normal}pn-product-card [slot=additionalUSP]{font-size:0.6em;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}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: "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:10px}[slot=formatPre]{font-size:1em;font-family:\"PostNordSans\", \"Verdana\"}[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("h4", 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("h4", 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

@@ -1,42 +1,37 @@
 
 const sizeCategories = [
-  { name: "Dokument eller paket upp till 2 kg",   value: "upto2kg", illustration: "package-letter-calendar", unit: "2kg", maxWeight:2 },
-  { name: "Större paket M-L upp till 5 kg",   value: "upto5kg", illustration: "packages-in-a-pile", unit: "5kg", maxWeight:5},
-  { name: "Tyngre paket upp till 20 kg",   value: "upto20kg", illustration: "scale-package-16-abroad", unit: "20kg", maxWeight: 20 },
+  { name: "Small",   value: "Small", illustration: "eli1n", unit: "small", maxWeight:2, img:"./small-package.svg" },
+  { name: "Medium",   value: "Medium", illustration: "medium-package", unit: "medium", maxWeight:5, img:"./medium-package.svg"},
+  { name: "Large",   value: "Large", illustration: "large-package", unit: "large", maxWeight: 20 , img:"./large-package.svg"},
 ];
 
 const weights = {
-"2kg": [
-  { name: "50g",   abbreviation: 'g', value: 50 },
-  { name: "100g",  abbreviation: 'g', value: 100 },
-  { name: "250g",  abbreviation: 'g', value: 250 },
-  { name: "500g",  abbreviation: 'g', value: 500 },
-  { name: "1kg",   abbreviation: 'kg', value: 1 },
-  { name: "2kg",   abbreviation: 'kg', value: 2 },
+"small": [
+  { name: "50 g",   abbreviation: 'g', value: 50 },
+  { name: "100 g",  abbreviation: 'g', value: 100 },
+  { name: "250 g",  abbreviation: 'g', value: 250 },
+  { name: "500 g",  abbreviation: 'g', value: 500 },
+  { name: "1 kg",   abbreviation: 'kg', value: 1 },
+  { name: "2 kg",   abbreviation: 'kg', value: 2 },
 ],
-"5kg": [
-  { name: "2kg",   abbreviation: 'kg', value: 2 },
-  { name: "3kg",   abbreviation: 'kg', value: 3 },
-  { name: "4kg",   abbreviation: 'kg', value: 4 },
-  { name: "5kg",   abbreviation: 'kg', value: 5 },    
+"medium": [
+  { name: "1 kg",   abbreviation: 'kg', value: 1 },
+  { name: "2 kg",   abbreviation: 'kg', value: 2 },
+  { name: "3 kg",   abbreviation: 'kg', value: 3 },
+  { name: "5 kg",   abbreviation: 'kg', value: 5 },
+  { name: "10 kg",  abbreviation: 'kg', value: 10 },
+  { name: "15 kg",  abbreviation: 'kg', value: 15 },
+  { name: "20 kg",  abbreviation: 'kg', value: 20 },    
 ],
-"20kg": [
-  { name: "5kg",   abbreviation: 'kg', value: 5 },
-  { name: "6kg",   abbreviation: 'kg', value: 6 },
-  { name: "7Kg",   abbreviation: 'kg', value: 7 },
-  { name: "8kg",   abbreviation: 'kg', value: 8 },
-  { name: "9kg",   abbreviation: 'kg', value: 9 },
-  { name: "10kg",  abbreviation: 'kg', value: 10 },
-  { name: "11kg",  abbreviation: 'kg', value: 11 },
-  { name: "12kg",  abbreviation: 'kg', value: 12 },
-  { name: "13kg",  abbreviation: 'kg', value: 13 },
-  { name: "14kg",  abbreviation: 'kg', value: 14 },
-  { name: "15kg",  abbreviation: 'kg', value: 15 },
-  { name: "16kg",  abbreviation: 'kg', value: 16 },
-  { name: "17kg",  abbreviation: 'kg', value: 17 },
-  { name: "18kg",  abbreviation: 'kg', value: 18 },
-  { name: "20kg",  abbreviation: 'kg', value: 20 }, 
+"large": [
+  { name: "3 kg",   abbreviation: 'kg', value: 3 },
+  { name: "5 kg",   abbreviation: 'kg', value: 5 },
+  { name: "10 kg",  abbreviation: 'kg', value: 10 },
+  { name: "15 kg",  abbreviation: 'kg', value: 15 },
+  { name: "20 kg",  abbreviation: 'kg', value: 20 }, 
 ]
 };
 
-export { weights, sizeCategories};
+const fileLocation = "https://com-integration.postnord.com/globalassets/global/prices/sv-findprice-first.xlsx";
+
+export { weights, sizeCategories, fileLocation};

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

@@ -21,7 +21,7 @@ const Template = ({ ...args }) => {
 
 export const Primary = Template.bind({});
 Primary.args = {
-  source: 'https://com-integration.postnord.com/globalassets/global/prices/sv-findprice.xlsx',
+  source: 'https://com-integration.postnord.com/globalassets/global/prices/sv-findprice-first.xlsx',
   language: 'sv',
   market: 'se',
 };

package/collection/components/widgets/pn-find-price/img/large-package.svg

@@ -0,0 +1,9 @@
+<svg width="97" height="121" viewBox="0 0 97 121" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5998 120.224H69.3265V16.1737H5.80371V108.774C5.80371 115.104 8.84529 120.224 12.5998 120.224Z" fill="#005D92"/>
+<path d="M84.3612 120.224H67.7275V12.754H91.1573V108.784C91.1573 115.104 88.1157 120.224 84.3612 120.224Z" fill="#0D234B"/>
+<path d="M6.36867 32.114H68.7687C71.941 32.114 74.5192 27.784 74.5192 22.434C74.5192 17.094 71.947 12.754 68.7687 12.754H6.36867C3.19639 12.754 0.618164 17.084 0.618164 22.434C0.618164 27.774 3.19639 32.114 6.36867 32.114Z" fill="#005D92"/>
+<path d="M90.6312 32.114H81.2866C78.1143 32.114 75.5361 27.784 75.5361 22.434C75.5361 17.094 78.1084 12.754 81.2866 12.754H90.6312C93.8035 12.754 96.3817 17.084 96.3817 22.434C96.3817 27.774 93.8094 32.114 90.6312 32.114Z" fill="#0D234B"/>
+<path d="M5.80371 33.6439L67.7285 49.3939V32.1139H5.80371V33.6439Z" fill="#0D234B"/>
+<path d="M26.6381 120.224H25.747V13.2038C25.438 13.1538 25.1826 13.0638 25.0044 12.9138C23.139 11.4138 21.6063 6.17382 22.0757 2.89382C22.236 1.78382 22.7529 -0.0961666 24.541 0.00383339C25.4083 0.0438334 26.0856 0.603826 26.543 1.68383C27.2024 3.22383 27.2737 5.60383 27.1608 7.73383C28.8004 4.13383 31.2183 1.80383 32.8104 2.13383C33.7549 2.33383 34.349 3.44382 34.4381 5.19382C34.5272 6.97382 33.9569 8.64383 32.7747 10.0238C31.0995 11.9838 28.4381 13.0938 26.6321 13.2238V120.224H26.6381ZM24.4341 1.50383C23.5965 1.50383 23.1093 2.07383 22.943 3.25383C22.5747 5.86383 23.8994 10.3638 25.3905 11.5638C25.4856 11.6438 25.6341 11.6938 25.8182 11.7238C26.1687 9.63383 26.7331 4.69383 25.8182 2.56383C25.5272 1.88383 25.0994 1.53383 24.5173 1.51383C24.4875 1.50383 24.4638 1.50383 24.4341 1.50383ZM32.4955 3.59382C30.8975 3.59382 27.9866 6.96383 26.7925 11.7138C28.343 11.5238 30.7252 10.5938 32.2757 8.78383C33.1906 7.71383 33.6183 6.55383 33.5589 5.31383C33.4876 3.93383 33.0361 3.68383 32.7094 3.61383C32.6381 3.60383 32.5668 3.59382 32.4955 3.59382Z" fill="#0D234B"/>
+<path d="M70.4917 65.704H5.81055V67.2041H70.4917V65.704Z" fill="#0D234B"/>
+</svg>

package/collection/components/widgets/pn-find-price/img/medium-package.svg

@@ -0,0 +1,9 @@
+<svg width="67" height="60" viewBox="0 0 67 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.03842 59.9998H47.8903V8.18823H4.0293V55.1448C4.0293 57.8259 5.82442 59.9998 8.03842 59.9998Z" fill="#00A0D6"/>
+<path d="M58.2437 60H46.7549V6.52173H62.911V54.2753C62.911 57.4637 60.8167 60 58.2437 60Z" fill="#005D92"/>
+<path d="M4.44928 16.1593H47.4726C49.6866 16.1593 51.4218 13.9854 51.4218 11.3767C51.4218 8.69556 49.6267 6.59412 47.4726 6.59412H4.44928C2.23529 6.59412 0.5 8.76803 0.5 11.3767C0.5 13.9854 2.23529 16.1593 4.44928 16.1593Z" fill="#00A0D6"/>
+<path d="M62.5511 16.1591H56.1485C53.9345 16.1591 52.1992 13.9852 52.1992 11.3765C52.1992 8.69532 53.9944 6.59387 56.1485 6.59387H62.5511C64.7651 6.59387 66.5004 8.76778 66.5004 11.3765C66.5004 13.9852 64.7053 16.1591 62.5511 16.1591Z" fill="#005D92"/>
+<path d="M4.0293 16.8839L46.7534 24.7825V16.1593H4.0293V16.8839Z" fill="#005D92"/>
+<path d="M18.5703 60H17.6727V6.88406C17.4932 6.88406 17.3736 6.81159 17.2539 6.73913C15.8776 5.94203 14.8005 3.26087 15.1596 1.5942C15.3391 0.579711 16.0571 0 17.0145 0C17.6727 0 18.1514 0.362319 18.5105 0.869566C18.9293 1.52174 19.049 2.53623 18.9892 3.47826C20.1261 1.88406 21.6819 0.869566 22.7589 1.01449C23.477 1.15942 23.9557 1.73913 24.0155 2.68116C24.0754 3.33333 23.8959 4.34783 22.8188 5.21739C21.7417 6.15942 19.9466 6.73913 18.6302 6.81159V60H18.5703ZM16.8949 1.08696C16.2366 1.08696 16.0571 1.52174 15.9973 1.81159C15.7579 3.04348 16.6555 5.21739 17.6129 5.72464C17.6727 5.72464 17.6727 5.72464 17.7326 5.7971C17.9719 4.71014 18.2711 2.46377 17.7326 1.52174C17.5531 1.23188 17.3137 1.08696 16.8949 1.08696C16.9547 1.08696 16.8949 1.08696 16.8949 1.08696ZM22.4598 2.10145C21.4425 2.10145 19.5876 3.62319 18.7498 5.7971C19.7671 5.65217 21.263 5.21739 22.2204 4.42029C22.8188 3.91304 23.118 3.4058 23.0581 2.82609C22.9983 2.24638 22.8188 2.17391 22.5794 2.10145C22.5196 2.10145 22.5196 2.10145 22.4598 2.10145Z" fill="#005D92"/>
+<path d="M50.4035 32.6086H4.0293V33.6956H50.4035V32.6086Z" fill="#005D92"/>
+</svg>