@postnord/pn-marketweb-components 1.0.44-beta1 → 1.0.44-beta2

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",[[0,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"spamode":[4],"loginManager":[32],"loggedIn":[32],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["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]}],[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-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",[[0,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"spamode":[4],"loginManager":[32],"loggedIn":[32],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["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]}],[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);
   });
 };
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cd08e313.js');
-const pnFindPriceStore = require('./pn-find-price-store-85b100ba.js');
+const pnFindPriceStore = require('./pn-find-price-store-d9aabecb.js');
 require('./index-31d574c5.js');
 
-const pnFindPriceResultCss = "pn-find-price-result .test{margin:3em 0}";
+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}";
 
 let PnfindPriceResult = class {
   constructor(hostRef) {
@@ -19,21 +19,11 @@ let PnfindPriceResult = class {
     this.composeItems();
   }
   composeItems() {
-    this.shownitems = [];
-    if (this.item.pricestamps) {
-      this.shownitems.push(Object.assign(Object.assign({}, this.item), { priceagent: null, pricesenddirect: null }));
-    }
-    if (this.item.priceagent) {
-      this.shownitems.push(Object.assign(Object.assign({}, this.item), { pricestamps: null, pricesenddirect: null }));
-    }
-    if (this.item.pricesenddirect) {
-      this.shownitems.push(Object.assign(Object.assign({}, this.item), { pricestamps: null, priceagent: null }));
-    }
-    this.weightText = (this.item.maxweight <= 20) ? this.item.maxweight + 'kg' :
-      (this.item.maxweight > 999) ? Math.round(this.item.maxweight / 1000) + " kg" : this.item.maxweight + " g";
   }
   render() {
-    return (index.h(index.Host, null, this.shownitems.map((item) => (index.h("pn-product-tile", null, index.h("pn-illustration", { slot: "illustration", illustration: item.illustration }), index.h("div", { slot: "content" }, index.h("div", { class: "content" }, index.h("h3", null, item.name), (item.description) ? (index.h("div", { class: "description" }, item.description)) : null, (item.info) ? (index.h("div", { class: "description" }, item.info)) : null)), item.note ? (index.h("small", { slot: "note" }, index.h("p", null, item.note))) : null, item.maxweight ? (index.h("pn-product-tile-info", { label: pnFindPriceStore.state.i18n.maxweightlabel, text: this.weightText })) : null, item.maximummeasurements ? (index.h("pn-product-tile-info", { label: pnFindPriceStore.state.i18n.maxmeasurementlabel, text: item.maximummeasurements })) : null, item.priceagent ? (index.h("pn-product-tile-price", { slot: "price", label: "", amount: item.priceagent + '', currency: pnFindPriceStore.state.market.currency, url: "https://shop.postnord.se/ebutik/default.aspx" })) : null, item.pricestamps ? (index.h("pn-product-tile-price", { slot: "price", label: pnFindPriceStore.state.i18n.stampshopcta, amount: item.pricestamps + '', currency: pnFindPriceStore.state.market.currency })) : null, item.pricesenddirect ? (index.h("pn-product-tile-price", { slot: "price", label: pnFindPriceStore.state.i18n.senddirectcta, amount: item.pricesenddirect + '', currency: pnFindPriceStore.state.market.currency, url: "https://portal.postnord.com/skickadirekt/" })) : 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: "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)));
   }
   static get watchers() { return {
     "item": ["composeItems"]

package/cjs/{pn-find-price-store-85b100ba.js → pn-find-price-store-d9aabecb.js}

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

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cd08e313.js');
 const convert = require('./convert-b8a6d658.js');
-const pnFindPriceStore = require('./pn-find-price-store-85b100ba.js');
+const pnFindPriceStore = require('./pn-find-price-store-d9aabecb.js');
 require('./index-31d574c5.js');
 
 const translations = {
@@ -16,8 +16,9 @@ const translations = {
     'weightlabel': 'Vikt',
     'maxweightlabel': 'Maxvikt',
     'maxmeasurementlabel': 'Maxvolym',
-    'senddirectcta': 'Köp frakt via Skicka Direkt',
-    'stampshopcta': 'Köp frimärken via vår webshop',
+    'senddirectcta': 'Köp portokod online',
+    'stampshopcta': 'Beställ fysiska frimärken',
+    'message': '*Vid köp hos valfritt ombud'
   },
   'en': {
     'componentheading': 'What do you want to send?',
@@ -27,8 +28,9 @@ const translations = {
     'weightlabel': 'Weight',
     'maxweightlabel': 'Max weight',
     'maxmeasurementlabel': 'Maximum measurement',
-    'senddirectcta': 'Buy shipping in Send Direct',
-    'stampshopcta': 'Order home stamps from the webshop',
+    'senddirectcta': 'Buy postcode online',
+    'stampshopcta': 'Order physical stamps',
+    'message': 'When buying from any agent'
   },
   'da': {
     'componentheading': 'Vad vill du skicka?',
@@ -80,70 +82,46 @@ const markets = {
 };
 
 const sizeCategories = [
-    { name: "Document",   value: "document", illustration: "claims", unit: "gram" },
-    { name: "Box Of Chocolate",   value: "boxofchocolate", illustration: "outgoing", unit: "gram" },
-    { name: "Rubber Boots",   value: "rubberboots", illustration: "christmas", unit: "combo" },
-    { name: "Moving Box", value:"movingbox", illustration: "outgoing", unit: "kgram" },    
-  ];
+  { 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 },
+];
 
 const weights = {
-  "gram": [
-    { 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 },
-  ],
-  "kgram": [
-    { name: "1kg",   abbreviation: 'kg', value: 1 },
-    { name: "2kg",   abbreviation: 'kg', value: 2 },
-    { name: "3kg",   abbreviation: 'kg', value: 3 },
-    { name: "4kg",   abbreviation: 'kg', value: 4 },
-    { 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 },    
-  ],
-  "combo": [
-    { 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 },
-    { name: "3kg",   abbreviation: 'kg', value: 3 },
-    { name: "4kg",   abbreviation: 'kg', value: 4 },
-    { 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 }, 
-  ]
+"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 },
+],
+"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 },    
+],
+"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 }, 
+]
 };
 
-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}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 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}";
 
 let PnfindPrice = class {
   constructor(hostRef) {
@@ -211,6 +189,11 @@ let PnfindPrice = class {
         }
       }
     }
+    weightFilteredData.sort((a, b) => {
+      var rankA = a.highestrankusp ? a.highestrankusp.toLowerCase() : "z";
+      var rankB = b.highestrankusp ? b.highestrankusp.toLowerCase() : "z";
+      return (rankA.localeCompare(rankB));
+    });
     this.filteredItems = weightFilteredData;
   }
   render() {

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",[[0,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"spamode":[4],"loginManager":[32],"loggedIn":[32],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["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]}],[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-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",[[0,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"spamode":[4],"loginManager":[32],"loggedIn":[32],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["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]}],[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);
 });

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

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-cd08e313.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}";
+
+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" }))))));
+  }
+};
+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}";
+
+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)))));
+  }
+};
+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}";
+
+let PnProductCardPrice = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    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)));
+  }
+};
+PnProductCardPrice.style = pnProductCardPriceCss;
+
+exports.pn_product_card = PnProductCard;
+exports.pn_product_card_info = PnProductCardInfo;
+exports.pn_product_card_price = PnProductCardPrice;

package/collection/collection-manifest.json

@@ -28,6 +28,9 @@
     "./components/widgets/pn-find-service-and-price/pn-find-service-and-price-result.js",
     "./components/widgets/pn-find-service-and-price/pn-find-service-and-price.js",
     "./components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.js",
+    "./components/widgets/pn-product-card/pn-product-card-info.js",
+    "./components/widgets/pn-product-card/pn-product-card-price.js",
+    "./components/widgets/pn-product-card/pn-product-card.js",
     "./components/widgets/pn-product-pricelist/pn-product-pricelist-result.js",
     "./components/widgets/pn-product-pricelist/pn-product-pricelist.js",
     "./components/widgets/pn-product-tile/pn-product-tile-info.js",

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

@@ -1,68 +1,42 @@
 
 const sizeCategories = [
-    { name: "Document",   value: "document", illustration: "claims", unit: "gram" },
-    { name: "Box Of Chocolate",   value: "boxofchocolate", illustration: "outgoing", unit: "gram" },
-    { name: "Rubber Boots",   value: "rubberboots", illustration: "christmas", unit: "combo" },
-    { name: "Moving Box", value:"movingbox", illustration: "outgoing", unit: "kgram" },    
-  ];
+  { 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 },
+];
 
 const weights = {
-  "gram": [
-    { 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 },
-  ],
-  "kgram": [
-    { name: "1kg",   abbreviation: 'kg', value: 1 },
-    { name: "2kg",   abbreviation: 'kg', value: 2 },
-    { name: "3kg",   abbreviation: 'kg', value: 3 },
-    { name: "4kg",   abbreviation: 'kg', value: 4 },
-    { 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 },    
-  ],
-  "combo": [
-    { 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 },
-    { name: "3kg",   abbreviation: 'kg', value: 3 },
-    { name: "4kg",   abbreviation: 'kg', value: 4 },
-    { 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 }, 
-  ]
+"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 },
+],
+"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 },    
+],
+"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 }, 
+]
 };
 
-
-
-export { weights, sizeCategories};
+export { weights, sizeCategories};

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

@@ -1,3 +1,9 @@
 pn-find-price-result .test {
   margin: 3em 0;
+}
+
+.resultcontent {
+  display: flex;
+  justify-content: center;
+  flex-grow: 1;
 }

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

@@ -10,34 +10,28 @@ export class PnfindPriceResult {
     this.composeItems();
   }
   composeItems() {
-    this.shownitems = [];
-    if (this.item.pricestamps) {
-      this.shownitems.push(Object.assign(Object.assign({}, this.item), { priceagent: null, pricesenddirect: null }));
-    }
-    if (this.item.priceagent) {
-      this.shownitems.push(Object.assign(Object.assign({}, this.item), { pricestamps: null, pricesenddirect: null }));
-    }
-    if (this.item.pricesenddirect) {
-      this.shownitems.push(Object.assign(Object.assign({}, this.item), { pricestamps: null, priceagent: null }));
-    }
-    this.weightText = (this.item.maxweight <= 20) ? this.item.maxweight + 'kg' :
-      (this.item.maxweight > 999) ? Math.round(this.item.maxweight / 1000) + " kg" : this.item.maxweight + " g";
   }
   render() {
-    return (h(Host, null, this.shownitems.map((item) => (h("pn-product-tile", null,
-      h("pn-illustration", { slot: "illustration", illustration: item.illustration }),
+    return (h(Host, null, h("pn-product-card", null,
+      h("pn-illustration", { slot: "illustration", illustration: this.item.illustration }),
       h("div", { slot: "content" },
         h("div", { class: "content" },
-          h("h3", null, item.name),
-          (item.description) ? (h("div", { class: "description" }, item.description)) : null,
-          (item.info) ? (h("div", { class: "description" }, item.info)) : null)),
-      item.note ? (h("small", { slot: "note" },
-        h("p", null, item.note))) : null,
-      item.maxweight ? (h("pn-product-tile-info", { label: state.i18n.maxweightlabel, text: this.weightText })) : null,
-      item.maximummeasurements ? (h("pn-product-tile-info", { label: state.i18n.maxmeasurementlabel, text: item.maximummeasurements })) : null,
-      item.priceagent ? (h("pn-product-tile-price", { slot: "price", label: "", amount: item.priceagent + '', currency: state.market.currency, url: "https://shop.postnord.se/ebutik/default.aspx" })) : null,
-      item.pricestamps ? (h("pn-product-tile-price", { slot: "price", label: state.i18n.stampshopcta, amount: item.pricestamps + '', currency: state.market.currency })) : null,
-      item.pricesenddirect ? (h("pn-product-tile-price", { slot: "price", label: state.i18n.senddirectcta, amount: item.pricesenddirect + '', currency: state.market.currency, url: "https://portal.postnord.com/skickadirekt/" })) : null)))));
+          h("h3", null,
+            this.item.name,
+            (this.item.highestrankusp) ?
+              (this.item.highestrankusp === "Biligast") ?
+                (h("span", { slot: "Biligast" }, this.item.highestrankusp)) : (h("span", { slot: "Snabbast" }, this.item.highestrankusp)) : null),
+          (this.item.description) ? (h("div", { class: "description" }, this.item.description)) : 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,
+      this.item.additionalusp ? (h("small", { slot: "additionalUSP" },
+        h("p", null, this.item.additionalusp))) : null,
+      this.item.maximummeasurements ? (h("pn-product-card-info", { label: state.i18n.maxmeasurementlabel, text: this.item.maximummeasurements })) : 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)));
   }
   static get is() { return "pn-find-price-result"; }
   static get originalStyleUrls() { return {

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

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

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

@@ -7,8 +7,9 @@ export const translations = {
     'weightlabel': 'Vikt',
     'maxweightlabel': 'Maxvikt',
     'maxmeasurementlabel': 'Maxvolym',
-    'senddirectcta': 'Köp frakt via Skicka Direkt',
-    'stampshopcta': 'Köp frimärken via vår webshop',
+    'senddirectcta': 'Köp portokod online',
+    'stampshopcta': 'Beställ fysiska frimärken',
+    'message': '*Vid köp hos valfritt ombud'
   },
   'en': {
     'componentheading': 'What do you want to send?',
@@ -18,8 +19,9 @@ export const translations = {
     'weightlabel': 'Weight',
     'maxweightlabel': 'Max weight',
     'maxmeasurementlabel': 'Maximum measurement',
-    'senddirectcta': 'Buy shipping in Send Direct',
-    'stampshopcta': 'Order home stamps from the webshop',
+    'senddirectcta': 'Buy postcode online',
+    'stampshopcta': 'Order physical stamps',
+    'message': 'When buying from any agent'
   },
   'da': {
     'componentheading': 'Vad vill du skicka?',

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

@@ -13,6 +13,7 @@ pn-find-price .heading {
 pn-find-price .sizecategory {
   text-align: center;
   margin-bottom: 3rem;
+  font-size: 0.9em;
 }
 pn-find-price .weightoption {
   display: flex;

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

@@ -68,6 +68,11 @@ export class PnfindPrice {
         }
       }
     }
+    weightFilteredData.sort((a, b) => {
+      var rankA = a.highestrankusp ? a.highestrankusp.toLowerCase() : "z";
+      var rankB = b.highestrankusp ? b.highestrankusp.toLowerCase() : "z";
+      return (rankA.localeCompare(rankB));
+    });
     this.filteredItems = weightFilteredData;
   }
   render() {