@postnord/pn-marketweb-components 2.3.12 → 2.3.13

package/components/pn-proxio-findprice.js

@@ -0,0 +1,454 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { F as FetchHelper, M as MarketWebContextService } from './MarketWebContextService.js';
+import { c as createStore } from './index3.js';
+import { d as defineCustomElement$8 } from './pn-choice-button2.js';
+import { d as defineCustomElement$7 } from './pn-proxio-findprice-result2.js';
+import { d as defineCustomElement$6 } from './pn-proxio-productcard2.js';
+import { d as defineCustomElement$5 } from './pn-proxio-productcard-description2.js';
+import { d as defineCustomElement$4 } from './pn-proxio-productcard-information2.js';
+import { d as defineCustomElement$3 } from './pn-proxio-productcard-pricelink2.js';
+import { d as defineCustomElement$2 } from './pn-titletag2.js';
+
+const translations = {
+  'sv': {
+    'componentheading': 'Våra priser och villkor för inrikesförsändelser för dig som direktbetalande kund?',
+    'deliveryscopeheading': 'Endast leveranser inom Sverige',
+    'resultlistheading': 'Några bra alternativ för dig',
+    'sizeheading': 'Uppskatta storleken på din försändelse',
+    'weightheading': 'Uppskatta vikten på din försändelse',
+    'weightlabel': 'Vikt',
+    'maxweightlabel': 'Maxvikt',
+    'maxmeasurementlabel': 'Maxvolym',
+    'senddirectcta': 'Köp online',
+    'stampshopcta': 'Till butiken',
+    'message': '*Vid köp hos valfritt ombud',
+    'servicePointHeader': 'Eller hitta närmaste serviceställe',
+    'servicePointLink': 'Hitta Serviceställe',
+    'realPostcard': 'Köp Riktiga Vykort',
+    'realPostcardMobile': 'Ladda ner appen',
+    'ombudHeader': 'Köp via ombud',
+    "from": "Från ",
+    "labelMaxDimensionsRoll": "Rulle",
+    "labelMaxDimensions": "Maxmått",
+    'noResultMessage': 'Inga produkter matchar dina kriterier',
+    'clearFilterButton': 'Rensa alla filter'
+  },
+  'en': {
+    'componentheading': 'Our prices and terms and conditions for domestic shipments for you as a direct paying customer',
+    'deliveryscopeheading': 'Deliveries within Sweden only',
+    'resultlistheading': 'Some suitable options for you',
+    'sizeheading': 'Estimate the size of your shipment',
+    'weightheading': 'Estimate the weight of your shipment',
+    'weightlabel': 'Weight',
+    'maxweightlabel': 'Max weight',
+    'maxmeasurementlabel': 'Maximum measurement',
+    'senddirectcta': 'Buy Online',
+    'stampshopcta': 'To the Store',
+    'message': 'When buying from any agent',
+    'servicePointHeader': 'Find service point',
+    'servicePointLink': 'Find service point',
+    'realPostcard': 'Buy Postcards',
+    'realPostcardMobile': 'Download the app',
+    'ombudHeader': 'Purchase by agent',
+    "from": "From ",
+    "labelMaxDimensionsRoll": "Roll",
+    "labelMaxDimensions": "Maximum dimensions",
+    'noResultMessage': 'No products match your criterias',
+    'clearFilterButton': 'Clear all filters'
+  },
+  'da': {
+    'componentheading': 'Vad vill du skicka?',
+    'deliveryscopeheading': 'Kun leveringer indenfor Sverige',
+    'resultlistheading': 'Dine muligheder',
+    'sizeheading': 'Hvor stor er din forsendelse?',
+    'weightheading': 'Hvor meget vejer din forsendelse?',
+    'weightlabel': 'Vægt',
+    'maxweightlabel': 'Max vægt',
+    'maxmeasurementlabel': 'Maks. Volumen',
+    'senddirectcta': 'Køb Online',
+    'stampshopcta': 'Til butikken',
+    'message': 'When buying from any agent',
+    'servicePointHeader': 'Find nærmeste servicested',
+    'servicePointLink': 'Find nærmeste servicested',
+    'realPostcard': 'Køb Riktiga Vykort',
+    'ombudHeader': 'Køb af agent',
+    "from": "Fra ",
+    "labelMaxDimensionsRoll": "Rulle",
+    "labelMaxDimensions": "Maks. mål og vægt",
+    'noResultMessage': 'Ingen produkter matcher dine kriterier',
+    'clearFilterButton': 'Ryd alle filtre'
+  },
+  'no': {
+    'componentheading': 'Vad vill du skicka?',
+    'deliveryscopeheading': 'Kun leveranser innen Sverige',
+    'resultlistheading': 'Some suitable options for you',
+    'weightlabel': 'Vekt',
+    'maxweightlabel': 'Maks vekt',
+    'maxmeasurementlabel': 'Maks volum',
+    'senddirectcta': 'Buy shipping in Send Direct',
+    'stampshopcta': 'Order home stamps from the webshop',
+    'noResultMessage': 'No products match your criterias',
+    'clearFilterButton': 'Clear all filters'
+  },
+  'fi': {
+    'componentheading': 'Vad vill du skicka?',
+    'deliveryscopeheading': 'Toimitukset vain Ruotsin sisällä',
+    'resultlistheading': 'Some suitable options for you',
+    'weightlabel': 'Paino',
+    'maxweightlabel': 'Max paino',
+    'maxmeasurementlabel': 'Max äänenvoimakkuus',
+    'senddirectcta': 'Buy shipping in Send Direct',
+    'stampshopcta': 'Order home stamps from the webshop',
+    'noResultMessage': 'No products match your criterias',
+    'clearFilterButton': 'Clear all filters'
+  }
+};
+const markets = {
+  'se': {
+    "currency": "kr",
+    "country": "Sweden",
+    "servicePoint": "https://www.postnord.se/vara-verktyg/sok-brevlada-eller-servicestalle",
+  },
+  'dk': {
+    "currency": "dk",
+    "country": "Denmark",
+    "servicePoint": "https://www.postnord.dk/varktojer/find-os",
+  },
+  'fi': {
+    "currency": " €",
+    "country": "Finland",
+    "servicePoint": "",
+  },
+  'no': {
+    "currency": "kr",
+    "country": "Norway",
+    "servicePoint": "",
+  }
+};
+
+const sizeCategories = [
+  { name: "S",   value: "S", illustration: "eli1n", unit: "S" },
+  { name: "M",   value: "M", illustration: "medium-package", unit: "M"},
+  { name: "L",   value: "L", illustration: "large-package", unit: "L"},
+];
+
+const weights = {
+  "se": {
+    "S": [
+      { 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: 1000 },
+      { name: "2 kg", abbreviation: 'kg', value: 2000 },
+    ],
+    "M": [
+      { name: "1 kg", abbreviation: 'kg', value: 1000 },
+      { name: "2 kg", abbreviation: 'kg', value: 2000 },
+      { name: "3 kg", abbreviation: 'kg', value: 3000 },
+      { name: "5 kg", abbreviation: 'kg', value: 5000 },
+      { name: "10 kg", abbreviation: 'kg', value: 10000 },
+      { name: "15 kg", abbreviation: 'kg', value: 15000 },
+      { name: "20 kg", abbreviation: 'kg', value: 20000 },
+    ],
+    "L": [
+      { name: "3 kg", abbreviation: 'kg', value: 3000 },
+      { name: "5 kg", abbreviation: 'kg', value: 5000 },
+      { name: "10 kg", abbreviation: 'kg', value: 10000 },
+      { name: "15 kg", abbreviation: 'kg', value: 15000 },
+      { name: "20 kg", abbreviation: 'kg', value: 20000 },
+    ]
+  },
+  "dk": {
+    "S": [
+      { 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: 1000 },
+      { name: "2 kg", abbreviation: 'kg', value: 2000 },
+    ],
+    "M": [],
+    "L": [
+      { name: "2 kg", abbreviation: 'kg', value: 2000 },
+      { name: "5 kg", abbreviation: 'kg', value: 5000 },
+      { name: "10 kg", abbreviation: 'kg', value: 10000 },
+      { name: "15 kg", abbreviation: 'kg', value: 15000 },
+      { name: "20 kg", abbreviation: 'kg', value: 20000 },
+      { name: "25 kg", abbreviation: 'kg', value: 25000 },
+      { name: "30 kg", abbreviation: 'kg', value: 30000 },
+      { name: "35 kg", abbreviation: 'kg', value: 35000 },
+    ]
+  }
+};
+
+// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store
+const { state, onChange } = createStore({
+  i18n: {
+    componentheading: '',
+    deliveryscopeheading: '',
+    resultlistheading: '',
+    sizeheading: '',
+    weightheading: '',
+    weightlabel: '',
+    maxweightlabel: '',
+    maxmeasurementlabel: '',
+    senddirectcta: '',
+    stampshopcta: '',
+    message: '',
+    servicePointHeader: '',
+    servicePointLink: '',
+    realPostcard: '',
+    realPostcardMobile: '',
+    ombudHeader: '',
+    noResultMessage: '',
+    clearFilterButton: ''
+  },
+  market: {
+    currency: "",
+    country: "",
+    servicePoint: "",
+  }
+});
+
+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 postnordPerson2Svg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcxIiBoZWlnaHQ9IjI0NiIgdmlld0JveD0iMCAwIDE3MSAyNDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjUuMDk0NiAxMDAuODM4TDQ5LjIzMjEgODAuNjAzMUM0Ni4xMTM4IDc2LjkzNjQgNDYuNzkxNyA3MS4zNjg1IDUwLjU4NzggNjguNjUyNUM1NC4zODQgNjUuNjY0OCA1OS44MDcxIDY2LjYxNTQgNjIuMzgzIDcwLjY4OTVMNzUuOTQwNyA5Mi44MjUzTDY1LjA5NDYgMTAwLjgzOFoiIGZpbGw9IiMwMDVFNDEiLz4KPHBhdGggZD0iTTY1Ljc2ODUgMjI2LjMxOUg1Mi4wNzUyVjIzNi4yMzNINjUuNzY4NVYyMjYuMzE5WiIgZmlsbD0iI0ZGQzhBMyIvPgo8cGF0aCBkPSJNNTIuMDc1MiAyMzMuNjUyVjI0Mi4yMDhIODguMDAzMUw2NS43Njg1IDIzMS43NTFWMjI4Ljc2M0w1Mi4wNzUyIDIzMy42NTJaIiBmaWxsPSIjMEQyMzRCIi8+CjxwYXRoIGQ9Ik01Mi4wNzUyIDIzMy42NTJWMjQyLjIwOEg4OC4wMDMxTDY1Ljc2ODUgMjMxLjc1MVYyMjguNzYzTDUyLjA3NTIgMjMzLjY1MloiIGZpbGw9IiNGMDYzNjUiLz4KPHBhdGggZD0iTTM5LjMzMDIgMjIwLjc1MkgyNi41ODU5VjIzMi43MDNIMzkuMzMwMlYyMjAuNzUyWiIgZmlsbD0iI0ZGQzhBMyIvPgo8cGF0aCBkPSJNMjYuNTg4NSAyMzIuNzAyTDIyLjY1NjcgMjQyLjIwOEg0My4yNjQ0TDM5LjE5NzEgMjMwLjEyMkwyNi41ODg1IDIzMi43MDJaIiBmaWxsPSIjRjA2MzY1Ii8+CjxwYXRoIGQ9Ik00My4yNjQ0IDI0Mi4yMDhIMjIuNjU2N1YyNDZINDMuMjY0NFYyNDIuMjA4WiIgZmlsbD0iIzUwMDcxNSIvPgo8cGF0aCBkPSJNNDQuNzUzIDExNS4yMzJWMjI2Ljg2MkgyMS4xNjI2VjE0Ny41NTNDMjEuMTYyNiAxMzUuODc0IDI0LjQxNjQgMTI0Ljg3NCAzMC4zODE4IDExNS4wOTdINDQuNzUzVjExNS4yMzJaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik00NS41Njc5IDExNS4yMzNINTguOTlMNzIuNjgzMiAxNjYuODM4QzczLjYzMjMgMTcwLjA5NyA3NC4wMzkgMTczLjYyOCA3NC4wMzkgMTc3LjAyM1YyMjYuODYzSDUyLjA3NTVWMTc3LjU2Nkw0NC42MTg4IDE0My44ODdMNDMuOTQwOSAxMTUuMjMzSDQ1LjU2NzlaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZD0iTTUwLjg1NCAxNDQuMjk0TDUyLjM0NTQgMTc3LjU2Nkw0NS41NjY2IDE0Ny45NjFMNDQuODg4NyAxNDUuMTA5SDQ1LjgzNzdMNTAuODU0IDE0NC4yOTRaIiBmaWxsPSIjMEQyMzRCIi8+CjxwYXRoIGQ9Ik00Mi45OTA1IDExOC45SDIxLjE2MjZWMTUyLjQ0M0g0Mi45OTA1VjExOC45WiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBvcGFjaXR5PSIwLjIiIGQ9Ik02My4xOTQzIDEzMS4xMjJMMjEuMzAxIDEzNS44NzVDMjEuMzAxIDEzNS44NzUgMjEuMTY1NCAxMzAuNDQzIDIxLjU3MjEgMTI1LjY5TDYyLjI0NTIgMTI2LjA5N0w2Mi45MjMxIDEyOS42MjhDNjIuOTIzMSAxMzAuMzA3IDYzLjA1ODcgMTMwLjg1IDYzLjE5NDMgMTMxLjEyMloiIGZpbGw9IiMwRDIzNEIiLz4KPHBhdGggZD0iTTg4LjAwMzEgMjQyLjIwOEg1Mi4wNzUyVjI0Nkg4OC4wMDMxVjI0Mi4yMDhaIiBmaWxsPSIjNTAwNzE1Ii8+CjxwYXRoIGQ9Ik01OS45NDAzIDExOS4wMzVMNTguMzEzNCA4MC40Njc1TDYwLjQ4MjYgNzYuNTI5MkM2MS40MzE2IDcwLjY4OTcgNTAuNDQ5OSA2NC41Nzg2IDQ0LjQ4NDUgNjQuNTc4NkwyNS41MDM3IDY3LjU2NjNDMjEuOTc4NyA2OC4yNDUzIDIwLjg5NDEgNjguOTI0MyAxOC45OTYgNzAuNjg5N0MxNi45NjI0IDcyLjU5MSAxNS4xOTk5IDc0Ljg5OTYgMTMuOTc5NyA3Ny4zNDRMMi4wNDg5MiAxMDIuODc1QzAuOTY0MzA2IDEwNS4wNDggMS4wOTk4OCAxMDcuNjI4IDIuMzIwMDcgMTA5LjgwMUwxNC4xMTUzIDEyOC40MDZMMjQuNDE5MSAxMjIuNTY2TDE2LjE0ODkgMTA1LjcyN0wyNS42MzkzIDkyLjk2MTNMMjMuNjA1NyAxMDAuODM4TDIyLjUyMSAxMTkuMDM1QzIyLjExNDMgMTIwLjkzNyAyMy40NzAxIDEyMi41NjYgMjUuMzY4MSAxMjIuNTY2SDU3LjkwNjZDNjAuNDgyNiAxMjIuNzAyIDYwLjQ4MjYgMTIxLjQ4IDU5Ljk0MDMgMTE5LjAzNVoiIGZpbGw9IiMwMDVFNDEiLz4KPHBhdGggZD0iTTU3LjUwMTYgNjcuMDIzMkw0OS4yMzE0IDY0Ljk4NjJWNjkuMDYwM0w1Ny41MDE2IDY3LjAyMzJaIiBmaWxsPSIjMDA1RTQxIi8+CjxwYXRoIGQ9Ik00OS45MDY0IDEyNC4wNkgyOC4wNzg1QzI0LjgyNDYgMTI0LjA2IDIyLjI0ODcgMTIwLjkzNyAyMy4wNjIxIDExNy42NzhMMzEuNjAzNSA4OS43MDIzTDQ5LjkwNjQgODguNzUxN1YxMjQuMDZaIiBmaWxsPSIjRkJDMkMxIi8+CjxwYXRoIGQ9Ik02Mi42NTM0IDg1Ljc2MzhIMjEuNDM4VjEyOC45NDlINjIuNjUzNFY4NS43NjM4WiIgZmlsbD0iIzAwNUU0MSIvPgo8cGF0aCBkPSJNMjAuODkyNiA5OC45MzcxTDI4LjM0OTMgODkuNzAyNSIgc3Ryb2tlPSIjMDAyRjI0IiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTYyLjM4MDkgOTcuNzE0NVY4OC4wNzI1IiBzdHJva2U9IiMwMDJGMjQiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjMuMTk3MyAxMjIuNzAyTDI2LjA0NDUgMTI1LjY5TDI4LjA3ODEgMTI2LjM2OUMyOS40MzM5IDEyNi43NzYgMzAuNTE4NSAxMjcuNDU1IDMxLjYwMzEgMTI4LjI3TDM3LjcwNDEgMTMzLjQzMUMzOC4yNDY0IDEzMy44MzggMzguMzgyIDEzNC41MTcgMzguMTEwOCAxMzUuMDZDMzcuNzA0MSAxMzUuNzM5IDM2Ljg5MDYgMTM2LjAxMSAzNi4wNzcyIDEzNS42MDRMMzIuODIzMyAxMzMuNTY2QzMyLjgyMzMgMTMzLjU2NiAzMi4wMDk4IDEzNy41MDUgMjMuNzM5NyAxMzYuNjlDMjMuNzM5NyAxMzYuNjkgMjEuNzA2IDEzNC41MTcgMjEuNTcwNCAxMzEuMTIyTDE4Ljg1ODkgMTI3Ljg2M0wyMy4xOTczIDEyMi43MDJaIiBmaWxsPSIjRkZDOEEzIi8+CjxwYXRoIGQ9Ik0yNy41MzczIDEyMy45MjRMMTYuNTU1NiAxMzIuODg3TDMuNTQwMTkgMTExLjcwMkMyLjQ1NTU4IDEwOS45MzcgMi4xODQ0MiAxMDcuNzY0IDIuOTk3ODggMTA1LjcyN0w2LjUyMjg5IDk2LjIyMDdMMTQuOTI4NyAxMDAuOTc0TDI3LjUzNzMgMTIzLjkyNFoiIGZpbGw9IiMwMDVFNDEiLz4KPHBhdGggZD0iTTU0LjY1MjggODIuMzY4N0gyNy4xMzA2TDIzLjc0MTIgNjguNjUyN0w0My45NDIyIDY0Ljg1MDJMNTQuNjUyOCA4Mi4zNjg3WiIgZmlsbD0iIzAwNUU0MSIvPgo8cGF0aCBkPSJNNDUuMDI2NiA3NS45ODZINDIuNDUwNkM0MC4wMTAyIDc1Ljk4NiAzNy45NzY2IDczLjk0OSAzNy45NzY2IDcxLjUwNDVWNTQuMTIxOEg0OS4zNjVWNzEuNTA0NUM0OS41MDA2IDczLjk0OSA0Ny40NjY5IDc1Ljk4NiA0NS4wMjY2IDc1Ljk4NloiIGZpbGw9IiNGRkM4QTMiLz4KPHBhdGggZD0iTTUzLjE1OTYgNDIuOTg2M0M1My4xNTk2IDQyLjk4NjMgNDcuODcyMSA1MC40NTU0IDM2LjYxOTIgNTAuMDQ4QzM2LjYxOTIgNTAuMDQ4IDM1Ljk0MTMgNDMuNjY1MyAzNy45NzUgNDAuNjc3N0MzOS44NzMgMzcuNTU0MiA0Ny4zMjk4IDM2Ljg3NTIgNDkuMjI3OSAzNy40MTg0QzUxLjI2MTUgMzcuOTYxNiA1My4wMjQgNDIuMDM1NyA1My4xNTk2IDQyLjk4NjNaIiBmaWxsPSIjMDQyMDQ4Ii8+CjxwYXRoIGQ9Ik00Mi45OTQ5IDUyLjIyMDZIMzUuNTM4MkMzNC4zMTggNTIuMjIwNiAzMy4yMzM0IDUxLjY3NzQgMzIuNTU1NSA1MC43MjY3QzMyLjE0ODggNTAuMDQ3NyAzMS44Nzc2IDQ5LjM2ODcgMzEuODc3NiA0OC41NTM5TDMxLjc0MiA0My41MjkyQzMxLjQ3MDkgNDEuNDkyMiAzMy4wOTc4IDM5LjU5MDkgMzUuMTMxNCAzOS41OTA5SDQyLjk5NDlWNTIuMjIwNloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik01NC4xMTAzIDUxLjQwNTlMNTAuODU2NCA1MC44NjI3TDUzLjAyNTcgMzkuMzE5NUw1OS45NDAxIDQwLjU0MTdMNTguNDQ4OCA0OC40MTgyQzU4LjE3NzYgNTAuNDU1MyA1Ni4xNDM5IDUxLjgxMzMgNTQuMTEwMyA1MS40MDU5WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTQ4Ljk1NzEgNjIuOTQ4NUw0NS4yOTY1IDYyLjgxMjdDMzkuNjAyMyA2Mi42NzY5IDM1LjEyODIgNTguMzMxMiAzNS4zOTk0IDUzLjMwNjVMMzUuNjcwNiA0NS40M0MzNS44MDYxIDQwLjQwNTMgNDAuNTUxMyAzNi4zMzEyIDQ2LjI0NTYgMzYuNDY3SDQ3LjQ2NTdDNTMuMTYgMzYuNjAyOCA1Ny42MzQgNDAuOTQ4NSA1Ny4zNjI5IDQ1Ljk3MzJMNTYuOTU2MSA1Ni4wMjI2QzU2LjgyMDYgNjAuMDk2NyA1My4yOTU2IDYzLjA4NDMgNDguOTU3MSA2Mi45NDg1WiIgZmlsbD0iI0ZGQzhBMyIvPgo8cGF0aCBkPSJNNDYuMjQ0NiAzNS4xMDk1TDUyLjYxNjcgMjguMDQ3OEM1NC41MTQ4IDI2LjE0NjYgNTcuNDk3NSAyNS43MzkyIDU5LjgwMjMgMjcuMjMzQzYyLjUxMzkgMjguOTk4NCA2My4xOTE3IDMyLjgwMDkgNjEuMjkzNyAzNS4zODExTDU3LjM2MTkgNDAuNjc3NEw0Ni4yNDQ2IDM1LjEwOTVaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik01Ny4zNjE2IDQzLjgwMDJINDIuMTc3QzM5LjE5NDMgNDMuODAwMiAzNi43NTM5IDQxLjM1NTggMzYuNzUzOSAzOC4zNjgxQzM2Ljc1MzkgMzUuMzgwNSAzOS4xOTQzIDMyLjkzNiA0Mi4xNzcgMzIuOTM2SDU3LjM2MTZDNjAuMzQ0MyAzMi45MzYgNjIuNzg0NyAzNS4zODA1IDYyLjc4NDcgMzguMzY4MUM2Mi43ODQ3IDQxLjM1NTggNjAuMzQ0MyA0My44MDAyIDU3LjM2MTYgNDMuODAwMloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0zNi43NTY4IDUxLjk0OTFIMzMuNTAyOVY0MC4xMzQzSDQwLjU1MjlWNDguMTQ2NkM0MC41NTI5IDUwLjE4MzcgMzguOTI2IDUxLjk0OTEgMzYuNzU2OCA1MS45NDkxWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTM0Ljg1NTkgNTMuNDQyN0MzNi40MjgzIDUzLjQ0MjcgMzcuNzAzIDUyLjE2NTkgMzcuNzAzIDUwLjU5MDlDMzcuNzAzIDQ5LjAxNTggMzYuNDI4MyA0Ny43MzkgMzQuODU1OSA0Ny43MzlDMzMuMjgzNSA0Ny43MzkgMzIuMDA4OCA0OS4wMTU4IDMyLjAwODggNTAuNTkwOUMzMi4wMDg4IDUyLjE2NTkgMzMuMjgzNSA1My40NDI3IDM0Ljg1NTkgNTMuNDQyN1oiIGZpbGw9IiNGRkM4QTMiLz4KPHBhdGggZD0iTTMxLjczODMgNDguNTU0MUw0OC4xNDMxIDMzLjA3MjZDNDguMTQzMSAzMy4wNzI2IDQzLjM5NzkgMjkuNjc3NSAzNi4zNDc5IDMyLjgwMUMzNi4zNDc5IDMyLjgwMSAyNy4yNjQzIDM2LjE5NiAzMS43MzgzIDQ4LjU1NDFaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik0zNy45NzgzIDQyLjcxMzhMNDcuODc1NSAzMi45MzZMNDMuNTM3IDMzLjYxNUwzNy4wMjkzIDQxLjIyTDM3Ljk3ODMgNDIuNzEzOFoiIGZpbGw9IiMwMDVEOTIiLz4KPHBhdGggZD0iTTMzLjUwMDggMzYuNDY2OUwzMi44MjI5IDM1LjM4MDVDMzIuNDE2MiAzNC44MzczIDMyLjU1MTggMzQuMDIyNSAzMy4wOTQxIDMzLjQ3OTNDMzMuNzcyIDMyLjgwMDIgMzQuODU2NiAzMi45MzYgMzUuMzk4OSAzMy42MTUxTDM2LjIxMjMgMzQuNzAxNUwzMy41MDA4IDM2LjQ2NjlaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik00NC42MTk5IDQzLjI1NzdINDAuMDEwM1Y0Ny4zMzE4SDQ0LjYxOTlWNDMuMjU3N1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik00OS4wOTI2IDQ4LjgyNUg0MC41NTEzVjQ2Ljc4NzlDNDAuNTUxMyA0NS4xNTgzIDQxLjkwNzEgNDMuODAwMyA0My41MzQgNDMuODAwM0g0OS4wOTI2VjQ4LjgyNVoiIGZpbGw9IiNGRkM4QTMiLz4KPHBhdGggZD0iTTM4LjExNDMgNjcuNDMwNEw0My44MDg2IDcyLjU5MDlMNDkuNTAyOCA2Ny40MzA0TDUyLjIxNDMgNjcuODM3OEw1Mi4zNDk5IDc4LjE1ODhIMzIuOTYyNEwzNC4wNDcgNjcuODM3OEwzOC4xMTQzIDY3LjQzMDRaIiBmaWxsPSIjMDA1RTQxIi8+CjxwYXRoIGQ9Ik00My42NzA5IDcyLjk5ODRWODguODg3MyIgc3Ryb2tlPSIjMDA1RTQxIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTM0LjA0MjUgNjguNjUzMkwzOC4xMDk4IDc2LjEyMjNMNDMuNjY4NCA3Mi45OTg5TDQ3LjczNTcgNzUuNzE0OUw1MS42Njc1IDcwLjgyNiIgc3Ryb2tlPSIjMDA1RTQxIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTQ5LjIyOTUgNjMuMjIwN0M0OS4yMjk1IDYzLjIyMDcgNDUuNDMzNCA2My42MjgxIDQyLjA0MzkgNjIuNDA1OSIgc3Ryb2tlPSIjNEYxNjAwIiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTIyLjkyNjMgMTM2LjgyNkMyMi45MjYzIDEzNi44MjYgMjkuODQwNyAxMzguNTkxIDMyLjk1OSAxMzMuODM4IiBzdHJva2U9IiMwRDIzNEIiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzEuNjA2NCAxMjguMjdMMzcuNzA3NCAxMzMuNDNDMzguMjQ5NyAxMzMuODM4IDM4LjM4NTMgMTM0LjUxNyAzOC4xMTQxIDEzNS4wNkMzNy43MDc0IDEzNS43MzkgMzYuODkzOSAxMzYuMDEgMzYuMDgwNSAxMzUuNjAzTDMyLjgyNjYgMTMzLjU2NiIgZmlsbD0iI0ZGQzhBMyIvPgo8cGF0aCBkPSJNNDEuOTA3MiAxNDUuMjQ1TDUxLjgwNDMgMTQzLjg4NyIgc3Ryb2tlPSIjMEQyMzRCIiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE3LjA5NTcgMTA0LjkxMkwxNS4wNjIgMTAxLjEwOSIgc3Ryb2tlPSIjMDAyRjI0IiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTY4LjQ4MTcgMjMzLjEwOUw2NC42ODU1IDIzNy43MjciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNzIuOTU1OCAyMzQuNDY4TDY5LjE1OTcgMjM5LjA4NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yOS44NDIzIDIzNC40NjhIMzcuMjk5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTI5LjI5NzQgMjM3LjcyN0gzNy44Mzg3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTQzLjY3MDkgNzIuOTk4NFY4OC44ODczIiBzdHJva2U9IiMwMDJGMjQiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzQuMDQyNSA2OC42NTMyTDM4LjEwOTggNzYuMTIyM0w0My42Njg0IDcyLjk5ODlMNDcuNzM1NyA3NS43MTQ5TDUxLjY2NzUgNzAuODI2IiBzdHJva2U9IiMwMDJGMjQiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwNS4zOTggMTIzLjE1MUw5Ny42NzAzIDExMi42Qzk3LjY3MDMgMTEyLjYgOTcuNDcyNSAxMTIuNDE2IDk3LjM3MzYgMTEyLjMyNEw3NS4xMTY3IDkxLjU2ODZMNjUuODUgMTAxLjUwNkw5Mi40NDk4IDExNy4yMDdDOTMuNTI1MyAxMTcuODM4IDk0LjE5ODkgMTE3LjkwOSA5NS4yMzcgMTE3LjM5MUwxMDIuNzc5IDEyNS4xNjdDMTAzLjM3MiAxMjUuNzIgMTA0LjA0NiAxMjUuNzkxIDEwNC43OTkgMTI1LjM3OUMxMDUuMzYyIDEyNC45NzQgMTA1LjgyNSAxMjQuNDc4IDEwNS42MDggMTIzLjcxOEMxMDUuNjAyIDEyMy41MjcgMTA1LjUwMyAxMjMuNDM1IDEwNS4zOTggMTIzLjE1MVoiIGZpbGw9IiNGRkM4QTMiLz4KPHBhdGggZD0iTTg0Ljk0MTYgMTE2LjEzNUw2NS44NSAxMDEuNTA2TDc1LjExNjcgOTEuNTY4NEw5NC45OTE0IDExMC4xMDJMODguODU3MyAxMTUuNjkyQzg3LjY4ODggMTE2Ljc0NyA4Ni4wMjQ3IDExNi45NSA4NC45NDE2IDExNi4xMzVaIiBmaWxsPSIjMDA1RTQxIi8+CjxyZWN0IHg9IjcwLjE0NzkiIHk9Ijg2LjkzNTEiIHdpZHRoPSIxMy41ODc1IiBoZWlnaHQ9IjEzLjU4NzUiIHJ4PSI2Ljc5Mzc3IiB0cmFuc2Zvcm09InJvdGF0ZSg0MyA3MC4xNDc5IDg2LjkzNTEpIiBmaWxsPSIjMDA1RTQxIi8+CjxwYXRoIG9wYWNpdHk9IjAuMyIgZD0iTTc3LjYwMDkgOTMuODg1MUw3My4zMzAzIDk1LjQ3NjNMODAuMDg1MyA5Ni4yMDE4TDc3LjYwMDkgOTMuODg1MVoiIGZpbGw9IiMwMDJGMjQiLz4KPC9zdmc+Cg==';
+
+const cloudsSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc4IiBoZWlnaHQ9IjU1IiB2aWV3Qm94PSIwIDAgMjc4IDU1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjQ3LjM1NSA0OS42ODE1QzI0Ny42OTQgNTIuNDc5IDI0OS43MjIgNTQuNjI2MSAyNTIuMTgxIDU0LjYyNjFIMjcyLjkyNkMyNzUuNjIgNTQuNjI2MSAyNzcuNzk4IDUyLjA1MjIgMjc3Ljc5OCA0OC44Njg2VjQ4LjgwMDhDMjc3Ljc5OCA0NS42MTczIDI3NS42MiA0My4wNDMzIDI3Mi45MjYgNDMuMDQzM0gyNzAuNTM3QzI2OS42MDggMzkuMjQzOSAyNjYuODQ2IDM2LjQ3MyAyNjMuNTg1IDM2LjQ3M0gyNTkuNzE3QzI1OS4zNzMgMzEuODQxIDI1Ni4xMDEgMjguMjA5MiAyNTIuMTI0IDI4LjIwOTJDMjQ4LjE0NiAyOC4yMDkyIDI0NC44OCAzMS44NDEgMjQ0LjUzIDM2LjQ3M0gyNDIuMDk1QzIzOC4wODMgMzYuNDczIDIzNC44MTYgNDAuNjcyNiAyMzQuODE2IDQ1LjgyMDVWNDkuNjgxNUgyNDcuMzU1WiIgZmlsbD0iI0UwRjhGRiIvPgo8cGF0aCBkPSJNMTIuMDM5MSA0Ni4xMDIyQzEyLjMxNzYgNDguNTU2OSAxNC4wODY3IDUwLjQzNzMgMTYuMjQyMSA1MC40MzczSDM0LjU4MDdDMzYuOTMwNCA1MC40MzczIDM4LjgyMTYgNDguMjAyIDM4LjgyMTYgNDUuNDI0OFY0NS4zNTcxQzM4LjgyMTYgNDIuNTc5OSAzNi45MzA0IDQwLjM0NDYgMzQuNTgwNyA0MC4zNDQ2SDMyLjQ2ODRDMzEuNjY3OCAzNy4wMjA5IDI5LjIyNyAzNC41ODcyIDI2LjMyODMgMzQuNTg3MkgyMi45MTc5QzIyLjYwMDQgMzAuNTU5NyAxOS43MzI3IDI3LjQwNzEgMTYuMjQyMSAyNy40MDcxQzEyLjc1MTQgMjcuNDA3MSA5Ljg4MzcxIDMwLjU1OTcgOS41NjYyMiAzNC41ODcySDcuNDE2NThDMy44NjM0NiAzNC41ODcyIDAuOTk4MDQ3IDM4LjI0NDggMC45OTgwNDcgNDIuNzE1NFY0Ni4xMDIySDEyLjAzOTFaIiBmaWxsPSIjRTBGOEZGIi8+CjxwYXRoIGQ9Ik0xMzEuMDU2IDI2LjU4NjRDMTMxLjQ0OSAzMC4wNDIzIDEzMy45NDggMzIuNjg5NSAxMzYuOTkxIDMyLjY4OTVIMTYyLjg5MUMxNjYuMjA5IDMyLjY4OTUgMTY4Ljg4IDI5LjU0MjYgMTY4Ljg4IDI1LjYzMjhWMjUuNTM3NUMxNjguODggMjEuNjI3NyAxNjYuMjA5IDE4LjQ4MDggMTYyLjg5MSAxOC40ODA4SDE1OS45MDdDMTU4Ljc3NyAxMy44MDE1IDE1NS4zMyAxMC4zNzUzIDE1MS4yMzYgMTAuMzc1M0gxNDYuNDJDMTQ1Ljk3MSA0LjcwNTMzIDE0MS45MjEgMC4yNjcwOSAxMzYuOTkxIDAuMjY3MDlDMTMyLjA2MiAwLjI2NzA5IDEyOC4wMTIgNC43MDUzMyAxMjcuNTYzIDEwLjM3NTNIMTI0LjUyOEMxMTkuNTEgMTAuMzc1MyAxMTUuNDYzIDE1LjUyNDcgMTE1LjQ2MyAyMS44MTg0VjI2LjU4NjRIMTMxLjA1NloiIGZpbGw9IiNFMEY4RkYiLz4KPC9zdmc+Cg==';
+
+const pnProxioFindpriceCss = "@charset \"UTF-8\";pn-proxio-findprice .findprice-form{margin:0em auto 3em auto}pn-proxio-findprice .findprice-form-wrapper{background-color:#EFFBFF;padding:3.2rem}pn-proxio-findprice .sizeTable{border-style:none !important;border:0 !important;position:relative}pn-proxio-findprice .sizeTable>tr td{margin-bottom:1em;text-align:center;vertical-align:bottom;padding-right:1em;padding-top:1em;position:relative;z-index:1}pn-proxio-findprice .sizeTable #clouds{position:absolute;top:3rem;width:100%}pn-proxio-findprice .firstCell{margin-right:0;margin-left:auto}pn-proxio-findprice [slot=title]{margin-bottom:1rem}pn-proxio-findprice h2{text-align:center}pn-proxio-findprice .findprice__heading{text-align:center;line-height:1.1;font-weight:bold;color:#000000;font-size:3.2rem;font-weight:700}pn-proxio-findprice .findprice__subheading{font-size:2.4rem;margin-bottom:2.4rem}pn-proxio-findprice .resultHeading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:2em}pn-proxio-findprice .findprice__clear-all-filters{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:2.4rem;color:#005D92}pn-proxio-findprice .findprice__clear-all-filters .findprice__clear-all-filters__btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer}pn-proxio-findprice .sizecategory{margin-top:1em;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-proxio-findprice .weightoption{font-size:0.9em;margin:0 auto}pn-proxio-findprice .findprice-form-wrapper .weightoption .weightoption-content{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:row;flex-direction:row}pn-proxio-findprice .findprice-form-wrapper .weightoption .weightoption-content pn-choice-button{width:7em;line-height:3.3em;font-size:0.9em;vertical-align:bottom;background:#FFFFFF;border-radius:1rem}pn-proxio-findprice .findprice-form-wrapper .weightoption .weightoption-content pn-choice-button>label{-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center;color:#000000;margin-bottom:0}pn-proxio-findprice .findprice-form-wrapper .weightoption .weightoption-content pn-choice-button ::before{content:\"Max  \";font-weight:lighter;color:#5E554A}pn-proxio-findprice .resultlist{max-width:60em;margin:3.2rem auto 3.2rem auto}pn-proxio-findprice .servicePoint{text-align:center}pn-proxio-findprice .servicePoint pn-illustration{display:block;max-width:5em;max-height:5em;margin:1.5em auto 0 auto}pn-proxio-findprice .servicePoint h3{margin-top:0.8em;margin-bottom:0.9em}pn-proxio-findprice .servicePoint a{color:#005D92;text-decoration:none}pn-proxio-findprice .servicePoint a:hover{color:#0D234B;text-decoration:underline}";
+
+const PnProxioFindPrice = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.fetchHelper = new FetchHelper("proxiopricegroups");
+    this.endpoint = null;
+    this.language = "da";
+    this.market = "dk";
+    this.showMedium = false;
+    this.cache = false;
+    this.filteredItems = [];
+    this.weight = { value: 0, name: "" };
+    this.weightvalue = 0;
+    this.sizecategory = { value: "", name: "", icon: "", unit: "" };
+    this.data = { proxioProducts: [] };
+  }
+  componentWillLoad() {
+    this.setInitialValues().then(() => {
+      this.init();
+    });
+  }
+  async setInitialValues(href = window.location.href) {
+    const marketWebContextService = new MarketWebContextService(href);
+    const environment = await marketWebContextService.getEnvironmentName();
+    if ((!this.endpoint && (environment === null || environment === void 0 ? void 0 : environment.indexOf('local')) === -1)) {
+      const market = await marketWebContextService.getMarket();
+      this.market = this.market ? this.market : market;
+      this.endpoint = await marketWebContextService.getEndpoint(environment, market);
+    }
+    if (!this.endpoint) {
+      this.endpoint = "";
+    }
+  }
+  init() {
+    this.setState();
+    this.fetchData().then(() => {
+      this.getDataSource();
+    });
+  }
+  async getDataSource() {
+    try {
+      this.sizecategory = sizeCategories.filter(x => x.value === "S")[0];
+      this.filterItems();
+    }
+    catch (e) {
+      console.log('Unable to parse data');
+    }
+  }
+  async fetchData() {
+    if (!this.market || !this.language) {
+      return;
+    }
+    const endpoint = (this.endpoint.lastIndexOf("/") === this.endpoint.length - 1) ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;
+    const fetchUrl = `${endpoint}/api/proxio/price-list-groups?market=${this.market}&language=${this.language}&cached=${this.cache}`;
+    //const fetchUrl = `http://localhost:51444/api/proxio/price-list-groups?market=${this.market}&language=${this.language}&cached=${this.cache}`;
+    const data = await this.fetchHelper.fetchJson(fetchUrl, {
+      'mode': 'cors',
+    }, false, this.onFetchData.bind(this));
+    if (data) {
+      this.data.proxioProducts = data;
+    }
+    this.filterItems();
+  }
+  onFetchData(data) {
+    this.data = data;
+  }
+  setState() {
+    this.market = this.market ? this.market : "dk";
+    if (this.market) {
+      state.market = markets[this.market];
+    }
+    if (this.language && translations[this.language]) {
+      state.i18n = translations[this.language];
+    }
+  }
+  filterItems() {
+    var _a;
+    if (!this.data || !this.data.proxioProducts) {
+      console.log('Data has not yet been loaded, fetching again');
+      this.fetchData().then(() => {
+        if (!this.data) {
+          console.log('Data could not be loaded');
+          return;
+        }
+      });
+    }
+    const sizeItemData = this.data.proxioProducts.filter(item => {
+      return item.proxioProduct.productWeightGroupList.some(weightGroup => {
+        return weightGroup.item3.includes(this.sizecategory.value);
+      });
+    });
+    if (!this.weight) {
+      return;
+    }
+    const comparisonWeight = this.weight.value;
+    let weightFilteredData = sizeItemData.filter(item => {
+      return item.proxioProduct.productWeightGroupList.some(weightGroup => {
+        return weightGroup.item1 === comparisonWeight;
+      });
+    });
+    if (weightFilteredData.length === 0 && this.weightvalue !== 0) {
+      weightFilteredData = sizeItemData.filter(item => {
+        return item.proxioProduct.productWeightGroupList.some(weightGroup => {
+          return weightGroup.item1 === comparisonWeight;
+        });
+      });
+    }
+    (_a = weightFilteredData === null || weightFilteredData === void 0 ? void 0 : weightFilteredData.sort((a, b) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
+      let aIndex = a.proxioProduct.productWeightGroupList.findIndex(weightGroup => weightGroup.item1 === comparisonWeight);
+      if (aIndex < 0)
+        aIndex = 0;
+      let aValue = (_d = (_c = (_b = (_a = a === null || a === void 0 ? void 0 : a.proxioProduct) === null || _a === void 0 ? void 0 : _a.weightAndPriceList[aIndex]) === null || _b === void 0 ? void 0 : _b.item2) === null || _c === void 0 ? void 0 : _c.toLowerCase()) !== null && _d !== void 0 ? _d : "";
+      let aNumber = this.parseFloatFromString(aValue);
+      let bIndex = b.proxioProduct.productWeightGroupList.findIndex(weightGroup => weightGroup.item1 === comparisonWeight);
+      if (bIndex < 0)
+        bIndex = 0;
+      let bValue = (_h = (_g = (_f = (_e = b === null || b === void 0 ? void 0 : b.proxioProduct) === null || _e === void 0 ? void 0 : _e.weightAndPriceList[bIndex]) === null || _f === void 0 ? void 0 : _f.item2) === null || _g === void 0 ? void 0 : _g.toLowerCase()) !== null && _h !== void 0 ? _h : "";
+      let bNumber = this.parseFloatFromString(bValue);
+      if (aNumber && bNumber) {
+        return aNumber - bNumber;
+      }
+      if (aNumber < bNumber) {
+        return -1;
+      }
+      if (aNumber > bNumber) {
+        return 1;
+      }
+      return 0;
+    })) !== null && _a !== void 0 ? _a : [];
+    this.filteredItems = weightFilteredData;
+  }
+  parseFloatFromString(text) {
+    var _a;
+    return parseFloat((_a = text === null || text === void 0 ? void 0 : text.replace(/[^\d\.\,]*/g, '')) !== null && _a !== void 0 ? _a : 100000);
+  }
+  resetFilters() {
+    this.weight = { value: 0, name: "" };
+    this.sizecategory = sizeCategories.filter(x => x.value === "S")[0];
+    this.weightvalue = 0;
+  }
+  getWeights() {
+    var _a;
+    let marketWeightsArray = (_a = weights[this.market]) !== null && _a !== void 0 ? _a : { "S": [], "M": [], "L": [] };
+    return marketWeightsArray[this.sizecategory.unit];
+  }
+  render() {
+    return (h("div", { class: "findprice-form" }, h("div", { class: "findprice-form-wrapper" }, h("h4", { class: "findprice__heading" }, state.i18n.sizeheading), h("div", { class: "sizecategory" }, h("table", { class: "sizeTable" }, h("img", { id: "clouds", src: cloudsSvg }), h("tr", null, h("td", null, h("img", { class: "firstCell", src: postnordPerson2Svg })), h("td", null, h("img", { src: smallPackageSvg })), this.showMedium ? h("td", null, h("img", { src: mediumPackageSvg })) : null, h("td", null, h("img", { src: largePackageSvg }))), h("tr", null, h("td", null), sizeCategories.map((sizeCategory) => (!this.showMedium && sizeCategory.value === "M" ? null : (h("td", null, h("pn-radio-button", { id: 'findpricecategory-' + sizeCategory.value, radioid: sizeCategory.value, value: sizeCategory.value, name: "sizecategory", checked: sizeCategory.value === this.sizecategory.value, onChange: () => {
+        this.sizecategory = sizeCategories.filter(x => x.value === sizeCategory.value)[0];
+        this.weight = { value: 0, name: "" };
+        this.weightvalue = this.weight.value;
+      } })))))))), h("h4", { class: "findprice__heading findprice__subheading" }, state.i18n.weightheading), (this.sizecategory.value && this.getWeights()) ? (h("div", { class: "weightoption" }, h("div", { class: "weightoption-content" }, this.getWeights().map((wght) => (h("pn-choice-button", { id: 'findpriceweight-' + wght.value, choiceid: this.sizecategory.value + wght.value, name: "weight", type: "radio", value: (!this.weight.value) ? 0 : this.getWeights().findIndex((x) => x.value === this.weightvalue), checked: wght.value === this.weight.value, onChange: () => {
+        this.weight = this.getWeights().filter(x => x.value === wght.value)[0];
+        this.weightvalue = this.weight.value;
+      } }, wght.name)))))) : null, h("div", { class: 'findprice__clear-all-filters', role: 'button' }, h("div", { class: 'findprice__clear-all-filters__btn', onClick: () => this.resetFilters() }, h("pn-icon", { symbol: "trash-can", color: "blue700" }), h("span", { class: 'clear-all-filters__text' }, state.i18n.clearFilterButton)))), (this.filteredItems && this.filteredItems.length > 0) ? (h("div", { class: "resultlist" }, (state.i18n.resultlistheading) ? (h("div", { class: "resultHeading" }, state.i18n.resultlistheading)) : null, this.filteredItems.map((item) => (h("div", null, h("pn-proxio-findprice-result", { activeweight: this.weight.value, item: item, language: this.language })))))) : ((this.weightvalue !== 0) ? (h("h4", { class: "resultHeading" }, state.i18n.noResultMessage)) : null)));
+  }
+  static get watchers() { return {
+    "market": ["setState"],
+    "language": ["setState"],
+    "sizecategory": ["filterItems"],
+    "weightvalue": ["filterItems"]
+  }; }
+  static get style() { return pnProxioFindpriceCss; }
+}, [0, "pn-proxio-findprice", {
+    "endpoint": [1025],
+    "language": [1025],
+    "market": [1025],
+    "showMedium": [4, "show-medium"],
+    "cache": [4],
+    "filteredItems": [32],
+    "weight": [32],
+    "weightvalue": [32],
+    "sizecategory": [32],
+    "data": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["pn-proxio-findprice", "pn-choice-button", "pn-proxio-findprice-result", "pn-proxio-productcard", "pn-proxio-productcard-description", "pn-proxio-productcard-information", "pn-proxio-productcard-pricelink", "pn-titletag"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pn-proxio-findprice":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PnProxioFindPrice);
+      }
+      break;
+    case "pn-choice-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "pn-proxio-findprice-result":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "pn-proxio-productcard":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "pn-proxio-productcard-description":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "pn-proxio-productcard-information":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "pn-proxio-productcard-pricelink":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "pn-titletag":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const PnProxioFindprice = PnProxioFindPrice;
+const defineCustomElement = defineCustomElement$1;
+
+export { PnProxioFindprice, defineCustomElement };

package/components/pn-proxio-pricegroup.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PnProxioPricegroup extends Components.PnProxioPricegroup, HTMLElement {}
+export const PnProxioPricegroup: {
+  prototype: PnProxioPricegroup;
+  new (): PnProxioPricegroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;