@postnord/pn-marketweb-components 2.0.149 → 2.0.150-test1

package/esm/pn-proxio-findprice-result.entry.js

@@ -0,0 +1,59 @@
+import { r as registerInstance, h, a as Host } from './index-5397620b.js';
+import { t as translations } from './translations-022fefa0.js';
+
+const pnProxioFindpriceResultCss = "pn-proxio-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 PnProxioFindPriceResult = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.item = null;
+    this.activeweight = null;
+    this.shownitems = [];
+    this.description = [];
+    this.showMeasurement = false;
+    this.weightText = "";
+    this.linkId = '';
+    this.shopLabel = '';
+    this.shopUrl = '';
+    this.shopId = '';
+    this.i18n = translations["sv"];
+  }
+  componentWillLoad() {
+    this.composeItems();
+  }
+  composeItems() {
+    this.shownitems = [this.item];
+  }
+  getPriceString(product) {
+    var _a;
+    if (product.productWeightGroupList) {
+      const activeIndex = product.productWeightGroupList.findIndex((item) => item.item1 === this.activeweight);
+      let price = product.weightAndPriceList ? (_a = product === null || product === void 0 ? void 0 : product.weightAndPriceList[activeIndex]) === null || _a === void 0 ? void 0 : _a.item2 : '';
+      return price ? this.i18n.from + price : '';
+    }
+    return null;
+  }
+  getProductLink(product, productWeightGroupList) {
+    var _a;
+    if (product.productWeightGroupList) {
+      const activeIndex = product.productWeightGroupList.findIndex((item) => item.item1 === this.activeweight);
+      let productId = (_a = productWeightGroupList[activeIndex]) === null || _a === void 0 ? void 0 : _a.item2;
+      let productLink = product.productLink ? product === null || product === void 0 ? void 0 : product.productLink : '';
+      return productLink ? productLink + (productId ? "?productId=" + productId : '') : '';
+    }
+    return null;
+  }
+  render() {
+    return (h(Host, null, h("pn-proxio-productcard", null, h("pn-illustration", { slot: "illustrationmobile", illustration: this.item.proxioProduct.productIcon }), h("h2", { slot: "title" }, this.item.proxioProduct.productTitle), h("pn-proxio-productcard-description", { slot: "description", heading: this.item.proxioProduct.productPreamble, highlight: this.item.proxioProduct.deliveryDateInformation, list: this.item.proxioProduct.productDescriptionBulletListItems }), h("div", { slot: "information" }, h("pn-proxio-productcard-information", { label: this.i18n.labelMaxDimensions, information: this.item.proxioProduct.productPackageDimensionsList }), h("pn-proxio-productcard-information", { label: this.i18n.labelMaxDimensionsRoll, information: this.item.proxioProduct.productRollDimensionsList })), h("div", { slot: "bottomtags" }, this.item.proxioProduct.usp1 ?
+      (h("pn-titletag", { color: "gray50" }, this.item.proxioProduct.usp1)) : (null), this.item.proxioProduct.usp2 ?
+      (h("pn-titletag", { color: "gray50" }, this.item.proxioProduct.usp2)) : (null), this.item.proxioProduct.usp3 ?
+      (h("pn-titletag", { color: "gray50" }, this.item.proxioProduct.usp3)) : (null)), h("pn-illustration", { slot: "illustration", illustration: this.item.proxioProduct.productIcon }), h("div", { slot: "pricelink" }, h("pn-proxio-productcard-pricelink", { price: this.getPriceString(this.item.proxioProduct), link: this.getProductLink(this.item.proxioProduct, this.item.proxioProduct.productWeightGroupList), linktext: this.item.proxioProduct.productLinkText }), this.item.relatedProxioProducts ? (this.item.relatedProxioProducts.map((product) => (h("pn-proxio-productcard-pricelink", { price: this.getPriceString(product), link: product.productLink, linktext: product.productLinkText })))) : (null)))));
+  }
+  static get watchers() { return {
+    "item": ["composeItems"],
+    "activeweight": ["getPriceString", "getProductLink"]
+  }; }
+};
+PnProxioFindPriceResult.style = pnProxioFindpriceResultCss;
+
+export { PnProxioFindPriceResult as pn_proxio_findprice_result };

package/esm/pn-proxio-findprice.entry.js

@@ -0,0 +1,307 @@
+import { r as registerInstance, h } from './index-5397620b.js';
+import { F as FetchHelper, M as MarketWebContextService } from './MarketWebContextService-872043cc.js';
+import { c as createStore } from './index-7b21ecff.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"
+  },
+  '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"
+  },
+  'da': {
+    'componentheading': 'Vad vill du skicka?',
+    'deliveryscopeheading': 'Kun leveringer indenfor Sverige',
+    'resultlistheading': 'Nogle passende muligheder for dig',
+    'sizeheading': 'Anslå størrelsen på din forsendelse',
+    'weightheading': 'Anslå vægten af 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": "Från ",
+    "labelMaxDimensionsRoll": "Rulle",
+    "labelMaxDimensions": "Maks måle"
+  },
+  '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',
+  },
+  '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',
+  }
+};
+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 = {
+"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 }, 
+]
+};
+
+// 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: ''
+  },
+  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 0}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}pn-proxio-findprice .sizeTable #clouds{position:absolute;top:0em;left:4em;z-index:-1}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 .heading{text-align:center;line-height:1.1;font-weight:bold;margin-bottom:1rem;color:#000000}pn-proxio-findprice .resultHeading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:2em}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 .weightoption-content{text-align:center}pn-proxio-findprice .weightoption-content pn-choice-button{width:7em;line-height:3.3em;font-size:0.9em;vertical-align:bottom}pn-proxio-findprice .weightoption-content pn-choice-button>label{-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center}pn-proxio-findprice .weightoption-content pn-choice-button ::before{content:\"Max  \";font-weight:lighter}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}";
+
+let PnProxioFindPrice = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.endpoint = null;
+    this.language = "da";
+    this.market = "dk";
+    this.cache = false;
+    this.filteredItems = [];
+    this.weight = { value: 0, name: "" };
+    this.weightvalue = 0;
+    this.sizecategory = { value: "", name: "", icon: "", unit: "" };
+    this.data = { proxioProducts: [] };
+    this.fetchHelper = new FetchHelper("proxiopricegroups");
+  }
+  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.endpoint = await marketWebContextService.getEndpoint(environment, market);
+    }
+    if (!this.endpoint) {
+      this.endpoint = "";
+    }
+  }
+  init() {
+    this.setState();
+    this.getDataSource();
+    this.fetchData();
+  }
+  async getDataSource() {
+    try {
+      //for keeping small value preselected
+      this.sizecategory = sizeCategories.filter(x => x.value === "S")[0];
+      console.log(this.sizecategory);
+      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',
+    }, this.cache, this.onFetchData.bind(this));
+    if (data) {
+      this.data.proxioProducts = data;
+    }
+    this.filterItems();
+  }
+  onFetchData(data) {
+    this.data = data;
+  }
+  setState() {
+    this.market = "dk";
+    if (this.market) {
+      state.market = markets[this.market];
+    }
+    if (this.language && translations[this.language]) {
+      state.i18n = translations[this.language];
+    }
+  }
+  filterItems() {
+    if (!this.data) {
+      console.log('Data has not yet been loaded');
+      return;
+    }
+    console.log("data ", this.data);
+    const sizeItemData = this.data.proxioProducts.filter(item => {
+      return item.proxioProduct.productWeightGroupList.some(weightGroup => {
+        return weightGroup.item3.includes(this.sizecategory.value);
+      });
+    });
+    console.log("sizeItemData ", sizeItemData);
+    if (!this.weight) {
+      return;
+    }
+    const comparisonWeight = this.weight.value;
+    let weightFilteredData = sizeItemData.filter(item => {
+      return item.proxioProduct.productWeightGroupList.some(weightGroup => {
+        return weightGroup.item1 === comparisonWeight;
+      });
+    });
+    console.log("weightFilteredData ", weightFilteredData);
+    if (weightFilteredData.length === 0 && this.weightvalue !== 0) {
+      weightFilteredData = sizeItemData.filter(item => {
+        return item.proxioProduct.productWeightGroupList.some(weightGroup => {
+          return weightGroup.item1 === comparisonWeight;
+        });
+      });
+    }
+    this.filteredItems = weightFilteredData;
+  }
+  render() {
+    return (h("div", { class: "findprice-form" }, h("div", { class: "findprice-form-wrapper" }, h("h4", { class: "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 })), h("td", null, h("img", { src: mediumPackageSvg })), h("td", null, h("img", { src: largePackageSvg }))), h("tr", null, h("td", null), sizeCategories.map((sizeCategory) => (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: "heading" }, state.i18n.weightheading), (this.sizecategory.value && weights[this.sizecategory.unit]) ? (h("div", { class: "weightoption" }, h("div", { class: "weightoption-content" }, weights[this.sizecategory.unit].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 : weights[this.sizecategory.unit].findIndex((x) => x.value === this.weightvalue), checked: wght.value === this.weight.value, onChange: () => {
+        this.weight = weights[this.sizecategory.unit].filter(x => x.value === wght.value)[0];
+        this.weightvalue = this.weight.value;
+      } }, wght.name)))))) : null), (this.filteredItems && this.filteredItems.length > 0) ? (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 })))))) : null));
+  }
+  static get watchers() { return {
+    "market": ["setState"],
+    "language": ["setState"],
+    "sizecategory": ["filterItems"],
+    "weightvalue": ["filterItems"]
+  }; }
+};
+PnProxioFindPrice.style = pnProxioFindpriceCss;
+
+export { PnProxioFindPrice as pn_proxio_findprice };

package/esm/pn-proxio-pricegroup.entry.js

@@ -1,31 +1,15 @@
-import { r as registerInstance, h, a as Host } from './index-c118284d.js';
+import { r as registerInstance, h, a as Host } from './index-5397620b.js';
 import { F as FetchHelper, M as MarketWebContextService } from './MarketWebContextService-872043cc.js';
+import { t as translations } from './translations-022fefa0.js';
 
-const translations = {
-  'sv': {
-    "from": "Från ",
-    "labelMaxDimensionsRoll": "Rulle",
-    "labelMaxDimensions": "Maxmått"
-  },
-  'da': {
-    "from": "Från ",
-    "labelMaxDimensionsRoll": "Rulle",
-    "labelMaxDimensions": "Maks måle"
-  },
-  'en': {
-    "from": "From ",
-    "labelMaxDimensionsRoll": "Roll",
-    "labelMaxDimensions": "Maximum dimensions"
-  }
-};
-
-const pnProxioPricegroupCss = "pn-proxio-pricegroup div.proxio-pricegroup-container{max-width:99.4rem}pn-proxio-pricegroup div.weightcontainer{margin:2.8rem 0}pn-proxio-pricegroup div.weightvaluecontainer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}pn-proxio-pricegroup div.weightvaluecontainer pn-button{-webkit-transform:translateY(-0.4rem);transform:translateY(-0.4rem)}pn-proxio-pricegroup div.weightradios{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#005D92;width:80%;margin:0 3.6rem;position:relative;width:0%}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:45%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{width:65%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{margin-right:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:45%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{width:65%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{margin-left:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{-ms-flex:0 0 auto;flex:0 0 auto;width:80%}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{width:65%}}pn-proxio-pricegroup div.weightdata{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;gap:1.2rem;min-width:4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata label{font-size:1.4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata[data-carousel-position=\"0\"]{font-size:2rem;font-weight:700}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightdata[data-carousel-position=\"2\"],pn-proxio-pricegroup div.weightdata[data-carousel-position=\"-2\"]{display:none}}pn-proxio-pricegroup div.weightdata[data-carousel-position=outside]{display:none}pn-proxio-pricegroup div.weightdata input[type=radio]{-webkit-appearance:none;-moz-appearance:none;width:1.2rem;height:1.2rem;background-color:#005D92;border-radius:50%;margin:0;cursor:pointer}pn-proxio-pricegroup div.weightdata input[type=radio]:checked{z-index:1;-webkit-transform:translateY(-0.1rem);transform:translateY(-0.1rem);height:1.4rem;width:1.4rem;-webkit-box-shadow:0 0 0 0.3rem #FFFFFF, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.3rem #FFFFFF, 0 0 0 0.4rem #005D92}pn-proxio-pricegroup div.weightline{width:100%;background-color:#F3F2F2;z-index:-1;height:0.8rem;-webkit-transform:translateX(2.1rem) translateY(1.32rem);transform:translateX(2.1rem) translateY(1rem);border-radius:2rem;margin-right:3.5rem}pn-proxio-pricegroup pn-button[disabled=disabled]{opacity:0.2}pn-proxio-pricegroup pn-button[disabled=disabled] button{cursor:default}pn-proxio-pricegroup pn-button[disabled=disabled] button.pn-button-light .pn-button-bg:after{background-color:#FFFFFF}pn-proxio-pricegroup pn-button[disabled=disabled] button[data-tooltip-open]:before{display:none}pn-proxio-pricegroup pn-button button div.button-tooltip{display:none}pn-proxio-pricegroup pn-button button:focus .pn-button-bg{-webkit-box-shadow:none;box-shadow:none}";
+const pnProxioPricegroupCss = "pn-proxio-pricegroup div.proxio-pricegroup-container{max-width:99.4rem}pn-proxio-pricegroup div.weightcontainer{margin:2.8rem 0}pn-proxio-pricegroup div.weightvaluecontainer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}pn-proxio-pricegroup div.weightvaluecontainer pn-button{-webkit-transform:translateY(-0.4rem);transform:translateY(-0.4rem)}pn-proxio-pricegroup div.weightvaluecontainer pn-button button::before{display:none}pn-proxio-pricegroup div.weightradios{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#005D92;width:80%;margin:0 3.6rem;position:relative;width:0%}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:45%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{width:65%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{margin-right:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:45%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{width:65%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{margin-left:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{-ms-flex:0 0 auto;flex:0 0 auto;width:80%}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{width:65%}}pn-proxio-pricegroup div.weightdata{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;gap:1.2rem;min-width:4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata label{font-size:1.4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata[data-carousel-position=\"0\"]{font-size:2rem;font-weight:700}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightdata[data-carousel-position=\"2\"],pn-proxio-pricegroup div.weightdata[data-carousel-position=\"-2\"]{display:none}}pn-proxio-pricegroup div.weightdata[data-carousel-position=outside]{display:none}pn-proxio-pricegroup div.weightdata input[type=radio]{-webkit-appearance:none;-moz-appearance:none;width:1.2rem;height:1.2rem;background-color:#005D92;border-radius:50%;margin:0;cursor:pointer}pn-proxio-pricegroup div.weightdata input[type=radio]:checked{z-index:1;-webkit-transform:translateY(-0.1rem);transform:translateY(-0.1rem);height:1.4rem;width:1.4rem;-webkit-box-shadow:0 0 0 0.3rem #FFFFFF, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.3rem #FFFFFF, 0 0 0 0.4rem #005D92}pn-proxio-pricegroup div.weightline{width:100%;background-color:#F3F2F2;z-index:-1;height:0.8rem;-webkit-transform:translateX(2.1rem) translateY(1.32rem);transform:translateX(2.1rem) translateY(1rem);border-radius:2rem;margin-right:3.5rem}pn-proxio-pricegroup pn-button[disabled=disabled]{opacity:0.2}pn-proxio-pricegroup pn-button[disabled=disabled] button{cursor:default}pn-proxio-pricegroup pn-button[disabled=disabled] button.pn-button-light .pn-button-bg:after{background-color:#FFFFFF}pn-proxio-pricegroup pn-button[disabled=disabled] button[data-tooltip-open]:before{display:none}pn-proxio-pricegroup pn-button button div.button-tooltip{display:none}pn-proxio-pricegroup pn-button button:focus .pn-button-bg{-webkit-box-shadow:none;box-shadow:none}";
 
-const PnProxioPricegroup = class {
+let PnProxioPricegroup = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.fetchHelper = new FetchHelper("proxiopricegroup");
+    /** Specifies which endpoint domain we should load from */
     this.endpoint = null;
+    //@Prop() culture: string = "sv-SE";
     this.language = "sv";
     this.market = "se";
     this.tariffid = "";
@@ -33,6 +17,7 @@ const PnProxioPricegroup = class {
     this.activeWeightIndex = 0;
     this.data = null;
     this.i18n = translations["sv"];
+    this.fetchHelper = new FetchHelper("proxiopricegroup");
   }
   componentWillLoad() {
     this.setInitialValues().then(() => {
@@ -60,6 +45,7 @@ const PnProxioPricegroup = class {
     }
     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-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;
+    //const fetchUrl = `http://localhost:51444/api/proxio/price-list-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;
     const data = await this.fetchHelper.fetchJson(fetchUrl, {
       'mode': 'cors',
     }, this.cache, this.onFetchData.bind(this));

package/esm/pn-proxio-productcard_4.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, a as Host } from './index-c118284d.js';
+import { r as registerInstance, h, a as Host } from './index-5397620b.js';
 
 const pnProxioProductcardCss = "pn-proxio-productcard .cardcontent{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;border:solid 0.1rem #F9F8F8;border-radius:0.8rem;overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcontent{-ms-flex-direction:column;flex-direction:column}}pn-proxio-productcard .carddetails{min-width:70%;padding:2.4rem;display:-ms-flexbox;display:flex;gap:0.8rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails{gap:1.6rem;margin-bottom:0.8rem}}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{display:none}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{margin-top:1.6rem;display:block}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile] .pn-illustration{max-width:8rem;height:8rem;margin-left:auto;margin-right:auto}}pn-proxio-productcard .cardcalltoactions{min-width:30%;background-color:#EFFBFF;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}@media screen and (max-width: 48em){pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:none}}pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration] .pn-illustration{max-width:8rem;margin-left:auto;margin-right:auto;margin-top:4rem}pn-proxio-productcard [slot=information]{display:-ms-flexbox;display:flex;gap:1rem}@media screen and (max-width: 48em){pn-proxio-productcard [slot=information]{-ms-flex-direction:column;flex-direction:column;gap:1.6rem}}pn-proxio-productcard [slot=uppertags]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:2rem}pn-proxio-productcard [slot=bottomtags]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:2rem;margin:0.8rem 0}pn-proxio-productcard .heading{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row}pn-proxio-productcard [slot=title]{text-decoration:underline}@media screen and (max-width: 48em){pn-proxio-productcard [slot=title]{text-decoration:none}}";
 
-const PnProxioProductcard = class {
+let PnProxioProductcard = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }
@@ -14,12 +14,9 @@ PnProxioProductcard.style = pnProxioProductcardCss;
 
 const pnProxioProductcardDescriptionCss = "pn-proxio-productcard-description h3{font-size:1.6rem}pn-proxio-productcard-description ul{padding-left:2.5rem}pn-proxio-productcard-description li{font-size:1.6rem;line-height:2.2rem}pn-proxio-productcard-description .highlight{color:#0AA85C}";
 
-const PnProxioProductcardDescription = class {
+let PnProxioProductcardDescription = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.heading = undefined;
-    this.highlight = undefined;
-    this.description = undefined;
     this.list = [];
   }
   render() {
@@ -34,10 +31,9 @@ PnProxioProductcardDescription.style = pnProxioProductcardDescriptionCss;
 
 const pnProxioProductcardInformationCss = "pn-proxio-productcard-information p.cardinfocontent-title{margin-bottom:0.4rem}pn-proxio-productcard-information p strong.cardinfocontent-label{font-size:1.4rem;font-weight:500}";
 
-const PnProxioProductcardInformation = class {
+let PnProxioProductcardInformation = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.label = undefined;
     this.information = [];
   }
   render() {
@@ -50,12 +46,9 @@ PnProxioProductcardInformation.style = pnProxioProductcardInformationCss;
 
 const pnProxioProductcardPricelinkCss = "pn-proxio-productcard-pricelink{-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:2rem 1rem;gap:0.8rem;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink{margin:2.4rem 1rem}}pn-proxio-productcard-pricelink h3{font-size:2rem}pn-proxio-productcard-pricelink pn-button{min-width:17.3rem}pn-proxio-productcard-pricelink pn-button a .pn-button-content{font-size:1.4rem;font-weight:500}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink pn-button{min-width:30rem}}";
 
-const PnProxioProductcardPricelink = class {
+let PnProxioProductcardPricelink = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.price = undefined;
-    this.link = undefined;
-    this.linktext = undefined;
   }
   render() {
     return this.link && this.linktext ?

package/esm/pn-quick-cta.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-c118284d.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-5397620b.js';
 
 const pnQuickCtaCss = "pn-quick-cta{width:100%}pn-quick-cta .quick-cta__content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;gap:2.4rem;width:100%}pn-quick-cta .quick-cta__content .quick-cta__content__heading{padding:0;margin:0;font-size:2.4rem;font-weight:500;color:#0D234B}@media screen and (max-width: 768px){pn-quick-cta .quick-cta__content .quick-cta__content__heading{display:none}}@media screen and (min-width: 1640px){pn-quick-cta .quick-cta__content .quick-cta__content__heading{font-size:2.8rem;font-weight:700}}pn-quick-cta .quick-cta__content .quick-cta__content__preamble{font-weight:400;font-size:1.6rem;line-height:140%;padding:0;margin:0;color:#2D2013}pn-quick-cta .quick-cta__content [slot=quick-cta-cta] a{white-space:nowrap}pn-quick-cta .quick-cta__content [slot=quick-cta-cta] a:hover{text-decoration:none}";
 
-const PnQuickCta = class {
+let PnQuickCta = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.heading = null;

package/esm/pn-quote-card.entry.js

@@ -1,10 +1,11 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-c118284d.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-5397620b.js';
 
 const pnQuoteCardCss = "pn-quote-card .pn-quote-card__container{margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;min-height:262px;padding:0 2.4rem}pn-quote-card .pn-quote-card__quote__container{padding:0 3.2rem}pn-quote-card .pn-quote-card__quote{position:relative;font-weight:400;font-size:2rem;line-height:140%;margin:0}pn-quote-card .pn-quote-card__quote svg{position:absolute;left:-3.2rem;top:0.2rem}pn-quote-card .pn-quote-card__reference__container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;gap:1.6rem;-ms-flex-align:center;align-items:center}pn-quote-card .pn-quote-card__reference__name{display:block;font-weight:400;font-size:2.4rem;line-height:2.9rem}pn-quote-card .pn-quote-card__reference__occupation{display:block;font-weight:400;font-size:1.4rem;line-height:1.7rem}pn-quote-card [slot=illustration]{padding:0}pn-quote-card [slot=illustration-big]{padding:0.8rem 0}pn-quote-card [slot=illustration],pn-quote-card [slot=illustration-big]{aspect-ratio:1/1}pn-quote-card [slot=illustration] picture,pn-quote-card [slot=illustration-big] picture{aspect-ratio:1/1}pn-quote-card [slot=illustration] picture img,pn-quote-card [slot=illustration-big] picture img{-webkit-clip-path:circle(50%);clip-path:circle(50%)}pn-quote-card [slot=horizontal-line],pn-quote-card [slot=vertical-line]{display:-ms-flexbox;display:flex}pn-quote-card[data-line-color=white] .pn-quote-card__section{background-color:#005D92;color:#FFFFFF}pn-quote-card[data-line-color=white] .pn-line-shape__line,pn-quote-card[data-line-color=white] .pn-line-shape__dot{border-color:#FFFFFF}pn-quote-card[data-line-color=white] .pn-quote-card__quote svg>path{fill:#FFFFFF}pn-quote-card[data-line-color=blue] .pn-quote-card__section{background-color:#FFFFFF}pn-quote-card[data-line-color=blue] .pn-line-shape__line,pn-quote-card[data-line-color=blue] .pn-line-shape__dot{border-color:#00A0D6}pn-quote-card[data-line-color=blue] .pn-quote-card__quote svg>path{fill:#00A0D6}pn-quote-card[data-card-style=standalone][data-line-color=white] .pn-quote-card__section{border-radius:2.4rem}pn-quote-card[data-card-style=standalone][data-line-color=white] .pn-quote-card__container{padding:2.4rem}pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:100%;margin:0 auto}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:70%}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:60%}}pn-quote-card[data-card-style=standalone] .pn-quote-card__container{min-height:unset;padding:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=standalone] .pn-quote-card__container{padding:0 2.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;gap:3.2rem;padding:2.4rem 1.6rem 1.6rem 1.6rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=standalone] .pn-quote-card__quote__container{padding:2.4rem 3.2rem 1.6rem 3.2rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote{font-size:1.6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__quote{font-size:2rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote svg{display:block;margin-bottom:0.8rem;position:relative;top:0;left:0}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__container [slot=illustration] picture img{height:60px;width:60px}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__container [slot=illustration] picture img{height:90px;width:90px}}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__name{font-size:1.6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__name{font-size:2.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__occupation{font-size:1.2rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__occupation{font-size:1.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__large-photo{display:none}pn-quote-card[data-card-style=combo] .pn-quote-card__section{width:100%;margin:0 auto;padding-top:4rem;padding-bottom:4rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__section{padding-bottom:0}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__section{padding-top:10rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__container{min-height:10rem;padding-bottom:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:90%;width:100%}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:768px;width:100%}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:1140px;width:100%;padding:0 5.6rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:1440px;width:100%;padding:0 12rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__quote__container{padding-bottom:0;padding-left:0;padding-right:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote__container{padding-left:2.4rem;padding-right:2.4rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:2rem;padding-left:2.4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-0.8rem;top:0.2rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{padding-left:4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:0}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:2.4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:0;top:0.4rem;scale:1.3}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{padding-left:0;font-size:3.2rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-4.8rem;top:1rem;scale:1.4}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-6.4rem;top:1.6rem;scale:1.8}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}pn-quote-card[data-card-style=combo] [slot=illustration] picture>img{max-width:6rem;max-height:6rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] [slot=illustration] picture>img{max-width:10rem;max-height:10rem}}@media screen and (min-width: 1140px){pn-quote-card[data-card-style=combo] [slot=illustration]{display:none}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference{text-align:right}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{display:block;font-size:1.4rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:1.6rem}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:2rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:3.2rem;margin-bottom:1rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{display:block;font-size:1.2rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{font-size:1.4rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{font-size:2rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:none}@media screen and (min-width: 1140px){pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:block}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]{width:18rem;height:18rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big] picture>img{width:18rem;height:18rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:block;width:24rem;height:24rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]{width:24rem;height:24rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]>picture>img{width:24rem;height:24rem}}";
 
-const PnQuoteCard = class {
+let PnQuoteCard = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    //props
     this.quote = null;
     this.name = null;
     this.occupation = null;

package/esm/pn-sidenav-level.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-c118284d.js';
-import { s as state, o as onChange } from './pn-sidenav-store-94be19c8.js';
-import './index-7f77b0ba.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-5397620b.js';
+import { s as state, o as onChange } from './pn-sidenav-store-50b186d6.js';
+import './index-7b21ecff.js';
 
 const pnSidenavLevelCss = "pn-sidenav-level{display:block;-ms-flex-preferred-size:100%;flex-basis:100%}pn-sidenav-level[data-level=\"2\"]{padding-left:2.5em;overflow:hidden;-webkit-transition:max-height ease 0.2s;transition:max-height ease 0.2s;max-height:40em}pn-sidenav-level[data-level=\"2\"][aria-hidden=true]{max-height:0}";
 
-const PnSidenavLevel = class {
+let PnSidenavLevel = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.level = 1;