@postnord/pn-marketweb-components 2.3.11 → 2.3.13

package/components/pn-product-card2.js

@@ -0,0 +1,30 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const pnProductCardCss = "pn-product-card{border:0.1rem solid #D3CECB;outline:none;background:#FFFFFF;-webkit-box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);display:-ms-flexbox;display:flex;word-break:break-word;text-decoration:none;border-radius:0.8rem;position:relative;padding:11rem 2.4rem 2.4rem;margin-bottom:1.6rem}@media screen and (min-width: 36em){pn-product-card{padding:2.4rem}}pn-product-card [slot=title]{display:-ms-flexbox;display:flex;width:100%;margin-bottom:0.8rem;gap:1.6rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}@media screen and (min-width: 36em){pn-product-card [slot=title]{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:inherit;align-items:inherit}}pn-product-card [slot=title] h2{width:100%}@media screen and (min-width: 36em){pn-product-card [slot=title] h2{width:auto}}pn-product-card [slot=title] h2>a{color:#000000}pn-product-card [slot=title] h2>a::after{content:\"\" !important}pn-product-card [slot=note]{margin-top:1em;margin-bottom:1em;font-size:0.8em}pn-product-card [slot=additionalUSP]{display:-ms-flexbox;display:flex}pn-product-card [slot=additionalUSP] :first-child{margin-left:0em}pn-product-card [slot=additionalUSP] span{margin-left:1em;background:#D3CECB;color:#2D2013;border-radius:0.25em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0.3em;margin-top:0.5em;font-size:0.75em}pn-product-card>pn-illustration{min-width:8rem;width:8rem;height:8rem;-ms-flex-item-align:center;align-self:center;position:absolute;top:1.6rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%;-webkit-box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);border-radius:100%}@media screen and (min-width: 36em){pn-product-card>pn-illustration{-webkit-box-shadow:none;box-shadow:none;top:1.6rem;right:1.6rem;left:auto;-webkit-transform:none;transform:none}}@media screen and (min-width: 48em){pn-product-card>pn-illustration{position:static;top:auto;right:auto;margin-right:3rem}}pn-product-card .cardcontent{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 48em){pn-product-card .cardcontent{-ms-flex-direction:row;flex-direction:row;gap:1.6rem}}pn-product-card [slot=cardprice]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:0.6em;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 36em){pn-product-card [slot=cardprice]{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=cardprice]{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}}pn-product-card [slot=mobiledownload]{margin-top:1rem;white-space:nowrap;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-product-card [slot=mobiledownload] #riktiga{-ms-flex-order:4;order:4;margin-top:1em}pn-product-card [slot=mobiledownload] #riktiga>div>a::after{content:\"\" !important}pn-product-card [slot=mobiledownload] .riktigaAndroidImg{width:6em;margin:0.5em}pn-product-card [slot=mobiledownload] .riktigaAppleImg{width:5.6em;margin:0.5em}pn-product-card [slot=mobiledownload] a{text-decoration:none;color:#005D92}pn-product-card [slot=mobiledownload] a h3{text-decoration:underline}pn-product-card [slot=servicepoint]{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:2;flex-grow:2;-ms-flex-align:end;align-items:flex-end;text-align:center}@media screen and (min-width: 36em){pn-product-card [slot=servicepoint]{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=servicepoint]{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}}pn-product-card .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:100%}pn-product-card .info{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-positive:1;flex-grow:1;-ms-flex-flow:wrap;flex-flow:wrap;padding:0 1em 0 0}pn-product-card .info>*{min-width:6em;margin:0.5em 1em 0.5em 0}";
+
+const PnProductCard = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  render() {
+    return (h(Host, null, h("slot", { name: "illustration" }), h("div", { class: "cardcontent" }, h("div", { class: "details" }, h("slot", { name: "title" }), h("slot", { name: "content" }), h("div", { class: "info" }, h("slot", null)), h("slot", { name: "note" }), h("slot", { name: "additionalUSP" })), h("div", { class: "cardprice" }, h("slot", { name: "cardprice" }), h("slot", { name: "mobiledownload" }), h("slot", { name: "servicepoint" })))));
+  }
+  static get style() { return pnProductCardCss; }
+}, [4, "pn-product-card"]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["pn-product-card"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pn-product-card":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PnProductCard);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { PnProductCard as P, defineCustomElement as d };

package/components/pn-product-pricelist-result.d.ts

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

package/components/pn-product-pricelist-result.js

@@ -0,0 +1,130 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as createStore } from './index3.js';
+import { s as sendDirectUrl, a as stampShopUrl } from './data.js';
+import { d as defineCustomElement$5 } from './pn-product-card2.js';
+import { d as defineCustomElement$4 } from './pn-product-card-info2.js';
+import { d as defineCustomElement$3 } from './pn-product-card-price2.js';
+import { d as defineCustomElement$2 } from './pn-titletag2.js';
+
+// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store
+const { state, onChange } = createStore({
+  i18n: {
+    maxweightlabel: '',
+    weightlabel: '',
+    maxmeasurementlabel: '',
+    sizeheading: '',
+    senddirectcta: '',
+    stampshopcta: '',
+  },
+  market: {
+    currency: ""
+  }
+});
+
+const pnProductPricelistResultCss = "";
+
+const PnFindProductPricelistResult = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.item = null;
+    this.description = [];
+    this.shownitems = [];
+    this.showMeasurement = false;
+    this.weightText = "";
+  }
+  componentWillLoad() {
+    this.composeItems();
+  }
+  composeItems() {
+    if (this.item.description) {
+      this.description = this.item.description.split("#bullet").filter(x => x !== "");
+    }
+    this.showMeasurement = (this.item.maxmått !== null) || (this.item.rulle !== null);
+    this.shownitems = [this.item];
+    // if (this.item.pricestamps) {
+    //   this.shownitems.push({...this.item, priceagent: null, pricesenddirect: null});
+    // }
+    // if (this.item.priceagent) {
+    //   this.shownitems.push({...this.item, pricestamps: null, pricesenddirect: null});
+    // }
+    // if (this.item.pricesenddirect) {
+    //   this.shownitems.push({...this.item, pricestamps: null, priceagent: null});
+    // }
+    // // Parcels are always in KG. Letter KG must be converted from grams
+    // this.weightText = (this.item.what === "parcel") ? this.item.maxweight + 'kg' : 
+    // (this.item.what === "letter" && this.item.maxweight > 999) ? Math.round(this.item.maxweight/1000) + " kg" : this.item.maxweight + " g";
+  }
+  render() {
+    return (h(Host, null, this.shownitems.map((item) => (h("pn-product-card", { "data-productid": item.id }, h("pn-illustration", { slot: "illustration", illustration: this.item.illustration }), h("div", { slot: "title" }, h("h2", null, item.name, " "), (this.item.highestrankusp) ?
+      (this.item.highestrankusp === "Billigast") ?
+        (h("pn-titletag", { slot: "Billigast", icon: "box-label" }, this.item.highestrankusp))
+        : (h("pn-titletag", { slot: "Snabbast", icon: "bolt", color: "blue700" }, this.item.highestrankusp)) : null), h("div", { slot: "content" }, h("div", { class: "content" }, (this.item.description) ? (h("div", { class: "description" }, this.description.map((desc) => (h("li", null, desc))))) : null, (this.item.info) ? (h("div", { class: "description" }, this.item.info)) : null)), this.item.note ? (h("small", { slot: "note" }, h("p", null, this.item.note))) : null, this.item.additionalusp ? (h("div", { slot: "additionalUSP" })) : null, this.showMeasurement ? (h("pn-product-card-info", { paket: this.item.maxmått, rulle: this.item.rulle })) : null, h("div", { slot: "cardprice" }, this.item.pricesenddirect ? (h("pn-product-card-price", { slot: "sendDirectPrice", label: state.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: state.market.currency, url: sendDirectUrl, service: this.item.name + "-portal" })) : null, this.item.pricestamps ? (h("pn-product-card-price", { slot: "stampPrice", label: state.i18n.stampshopcta, amount: this.item.pricestamps + '', currency: state.market.currency, url: stampShopUrl, service: this.item.name + "-eshop" })) : null))
+    // <pn-product-tile>
+    //   <pn-illustration slot="illustration" illustration={ item.illustration }></pn-illustration>
+    //   <div slot="content">
+    //     <div class="content">
+    //       <h3>{item.name}</h3>
+    //       {(item.description) ? (<div class="description">{item.description}</div>) : null}
+    //       {(item.info) ? (<div class="description">{item.info}</div>) : null}
+    //     </div>
+    //   </div>
+    //   { item.maxweight ? (<pn-product-tile-info label={state.i18n.maxweightlabel} text={this.weightText}></pn-product-tile-info>) : null }
+    //   {/* { item.maximummeasurements ? (<pn-product-tile-info label={state.i18n.maxmeasurementlabel} text={item.maximummeasurements}></pn-product-tile-info>) : null } */}
+    //   { item.pricestamps ? (<pn-product-tile-price slot="price" label={state.i18n.stampshopcta} amount={item.pricestamps+''} currency={ state.market.currency }></pn-product-tile-price>) : null }
+    //   {/* { item.priceagent ? (<pn-product-tile-price slot="price" label="" amount={item.priceagent+''} currency={ state.market.currency } url="https://shop.postnord.se/ebutik/default.aspx"></pn-product-tile-price>) : null } */}
+    //   { item.pricesenddirect ? (<pn-product-tile-price slot="price" label={state.i18n.senddirectcta} amount={item.pricesenddirect+''} currency={ state.market.currency } url="https://portal.postnord.com/skickadirekt/"></pn-product-tile-price>) : null }
+    //   { item.note ? (<small slot="note"><p>{item.note}</p></small>) : null } 
+    // </pn-product-tile>
+    ))));
+  }
+  static get watchers() { return {
+    "item": ["composeItems"]
+  }; }
+  static get style() { return pnProductPricelistResultCss; }
+}, [0, "pn-product-pricelist-result", {
+    "item": [1040],
+    "description": [16],
+    "shownitems": [16],
+    "showMeasurement": [4, "show-measurement"],
+    "weightText": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["pn-product-pricelist-result", "pn-product-card", "pn-product-card-info", "pn-product-card-price", "pn-titletag"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pn-product-pricelist-result":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PnFindProductPricelistResult);
+      }
+      break;
+    case "pn-product-card":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "pn-product-card-info":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "pn-product-card-price":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "pn-titletag":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const PnProductPricelistResult = PnFindProductPricelistResult;
+const defineCustomElement = defineCustomElement$1;
+
+export { PnProductPricelistResult, defineCustomElement };

package/components/pn-product-pricelist.d.ts

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

package/components/pn-product-pricelist.js

@@ -0,0 +1,259 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { w as weights } from './data.js';
+import { a as convertFileFromStream } from './convert.js';
+import { a as state, d as defineCustomElement$6 } from './pn-find-price-result2.js';
+import { d as defineCustomElement$5 } from './pn-product-card2.js';
+import { d as defineCustomElement$4 } from './pn-product-card-info2.js';
+import { d as defineCustomElement$3 } from './pn-product-card-price2.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',
+    'weightlabel': 'Vikt',
+    'maxweightlabel': 'Maxvikt',
+    'maxmeasurementlabel': 'Maxvolym',
+    'senddirectcta': 'Köp online',
+    'stampshopcta': 'Köp frimärken',
+    'message': '*Vid köp hos valfritt ombud',
+    'servicePointHeader': 'Eller hitta närmaste serviceställe',
+    'servicePointLink': 'Sök serviceställe eller brevlåda'
+  },
+  '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',
+    'weightlabel': 'Weight',
+    'maxweightlabel': 'Max weight',
+    'maxmeasurementlabel': 'Maximum measurement',
+    'senddirectcta': 'Buy Online',
+    'stampshopcta': 'Buy Stamps',
+    'message': 'When buying from any agent',
+    'servicePointHeader': 'Or find nearest service point',
+    'servicePointLink': 'Search letter-box or service point'
+  },
+  'da': {
+    'componentheading': 'Vad vill du skicka?',
+    'deliveryscopeheading': 'Kun leveringer indenfor Sverige',
+    'resultlistheading': 'Some suitable options for you',
+    'weightlabel': 'Vægt',
+    'maxweightlabel': 'Max vægt',
+    'maxmeasurementlabel': 'Maks. Volumen',
+    'senddirectcta': 'Buy shipping in Send Direct',
+    'stampshopcta': 'Order home stamps from the webshop',
+  },
+  '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",
+  },
+  'dk': {
+    "currency": "dk",
+  },
+  'fi': {
+    "currency": " €",
+  },
+  'no': {
+    "currency": "kr",
+  }
+};
+
+const pnProductPricelistCss = "pn-product-pricelist pn-spinner{margin:1em auto}pn-product-pricelist h2,pn-product-pricelist .heading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:1rem}pn-product-pricelist .content,pn-product-pricelist .weightselection,pn-product-pricelist .resultlist{max-width:50em;margin:0 auto 1.6rem}pn-product-pricelist .weightoption{display:-ms-flexbox;display:flex;gap:1.6rem}pn-product-pricelist .weightoption-input{width:5em;position:relative;display:none}pn-product-pricelist .weightoption-input input::-webkit-outer-spin-button,pn-product-pricelist .weightoption-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}pn-product-pricelist .weightoption-input-abbreviation{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:1.2em;margin-top:1.55rem;font-weight:500}pn-product-pricelist .weightoption-range{-ms-flex-positive:1;flex-grow:1;-ms-flex-item-align:end;align-self:flex-end;position:relative;top:0.5em}pn-product-pricelist .weightoption-range input{width:calc(100% - 1.5em)}pn-product-pricelist .weightoption-range datalist{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;font-size:0.75em}pn-product-pricelist .resultlist:not([data-list-count=\"0\"]){margin-top:2em}";
+
+const PnFindProductPricelist = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.source = "https://com-integration.postnord.com/globalassets/global/prices/sv-findprice-1-PN.xlsx";
+    this.language = "sv";
+    this.market = "se";
+    this.productid = "";
+    this.filteredItems = [];
+    this.sourceData = { types: [], data: [] };
+    this.gotData = false;
+    this.loading = false;
+    this.postagetype = { value: "" };
+    this.weight = { value: 0, name: "" };
+    this.weightvalue = 0;
+  }
+  componentWillLoad() {
+    this.setState();
+    this.getDataSource().then(() => { });
+  }
+  setState() {
+    if (this.market) {
+      state.market = markets[this.market];
+    }
+    if (this.language && translations[this.language]) {
+      state.i18n = translations[this.language];
+    }
+  }
+  async getDataSource() {
+    if (!this.productid) {
+      return;
+    }
+    this.loading = true;
+    const cacheBusting = `?cache=${Math.floor(Math.random() * (10000 - 1) + 1)}`;
+    const req = await fetch(this.source + cacheBusting);
+    const reqbody = await req.blob();
+    try {
+      const convertedData = await convertFileFromStream(reqbody);
+      this.sourceData = convertedData;
+      this.filterItems();
+    }
+    catch (e) {
+      this.loading = false;
+      console.warn('Unable to parse data');
+    }
+  }
+  filterItems() {
+    var _a;
+    if (!((_a = this.sourceData) === null || _a === void 0 ? void 0 : _a.data)) {
+      console.info('Data has not yet been loaded');
+      return;
+    }
+    this.loading = false;
+    const productIdItems = this.sourceData.data.filter(x => x.id === this.productid);
+    if (productIdItems.length === 0) {
+      return;
+    }
+    this.postagetype.value = productIdItems[0].what;
+    if (!weights[this.postagetype.value] || weights[this.postagetype.value].length === 0) {
+      return;
+    }
+    if (this.weightvalue === 0) {
+      this.weight = weights[this.postagetype.value][0];
+      this.weightvalue = this.weight.value;
+    }
+    // For letters we use grams. Otherwise we use KG
+    const comparisonWeight = (this.weight.abbreviation.toLocaleLowerCase() === "kg" && this.postagetype.value === 'letter') ? this.weight.value * 1000 : this.weight.value;
+    let weightFilteredData = productIdItems.filter(x => x.maxweight === comparisonWeight);
+    // In parcels the maxwidths don't necessarily start at 1kg so we fetch any type below the user selected value
+    if (weightFilteredData.length === 0) {
+      weightFilteredData = productIdItems.filter(x => x.maxweight >= comparisonWeight);
+      if (weightFilteredData.length > 0) {
+        // We reverse the result array since the map will take the last unique item instead of the first
+        const uniqueWeightOptions = [...new Map(weightFilteredData.reverse().map(item => [item["id"], item])).values()];
+        if (uniqueWeightOptions.length > 0) {
+          weightFilteredData = uniqueWeightOptions;
+        }
+      }
+    }
+    this.filteredItems = weightFilteredData;
+    this.gotData = this.filteredItems.length > 0;
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "content" }, h("slot", null)), this.loading ? (h("pn-spinner", null)) : null, (this.postagetype.value && weights[this.postagetype.value]) ? (h("div", { class: "weightselection" }, h("div", { class: "weightoption" }, h("div", { class: "weightoption-input" }, h("pn-input", { inputid: "weightvalue", name: "weightvalue", type: "number", label: state.i18n.weightlabel, value: this.weightvalue, onChange: (e) => {
+        if (e && e.target && e.target.value) {
+          const weightNum = parseInt(e.target.value, 10);
+          if (!isNaN(weightNum)) {
+            let matchingWeights = weights[this.postagetype.value].filter((x) => {
+              let weightInGrams = (x.abbreviation === "kg") ? x.value * 1000 : x.value;
+              return weightInGrams >= weightNum;
+            });
+            if (matchingWeights && matchingWeights.length > 0) {
+              this.weight = matchingWeights[0];
+              this.weightvalue = this.weight.value;
+            }
+          }
+        }
+      } }), h("span", { class: "weightoption-input-abbreviation" }, this.weight.abbreviation)), h("div", { class: "weightoption-range" }, h("input", { type: "range", id: "weightrange", name: "weightrange", list: "weightlist", value: (!this.weight.value) ? 0 : weights[this.postagetype.value].findIndex((x) => x.value === this.weightvalue), onChange: (e) => {
+        const value = e.target.value;
+        this.weight = weights[this.postagetype.value][value];
+        this.weightvalue = this.weight.value;
+      }, min: "0",
+      // max={ weights[this.postagetype.value][weights[this.postagetype.value].length - 1].value }
+      max: weights[this.postagetype.value].length - 1 }), h("datalist", { id: "weightlist" }, weights[this.postagetype.value].map((weight, weightindex) => {
+      let labelText = weight.name;
+      if (weights[this.postagetype.value].length > 6) {
+        labelText = (weightindex % 5 === 0 || weightindex === 0 || weightindex === weights[this.postagetype.value].length - 1) ? weight.name : '';
+      }
+      return (h("option", Object.assign({ value: weightindex }, (labelText ? { label: labelText } : {}))));
+    })))))) : null, h("div", { class: "resultlist", "data-list-count": this.filteredItems.length }, this.filteredItems.map((item) => (h("div", null, h("pn-find-price-result", { item: item })))))));
+  }
+  static get watchers() { return {
+    "market": ["setState"],
+    "language": ["setState"],
+    "postagetype": ["filterItems"],
+    "weightvalue": ["filterItems"]
+  }; }
+  static get style() { return pnProductPricelistCss; }
+}, [4, "pn-product-pricelist", {
+    "source": [1],
+    "language": [1025],
+    "market": [1025],
+    "productid": [1],
+    "filteredItems": [32],
+    "sourceData": [32],
+    "gotData": [32],
+    "loading": [32],
+    "postagetype": [32],
+    "weight": [32],
+    "weightvalue": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["pn-product-pricelist", "pn-find-price-result", "pn-product-card", "pn-product-card-info", "pn-product-card-price", "pn-titletag"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pn-product-pricelist":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PnFindProductPricelist);
+      }
+      break;
+    case "pn-find-price-result":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "pn-product-card":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "pn-product-card-info":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "pn-product-card-price":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "pn-titletag":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const PnProductPricelist = PnFindProductPricelist;
+const defineCustomElement = defineCustomElement$1;
+
+export { PnProductPricelist, defineCustomElement };

package/components/pn-product-tile-info.d.ts

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

package/components/pn-product-tile-info.js

@@ -0,0 +1,6 @@
+import { P as PnProductTileInfo$1, d as defineCustomElement$1 } from './pn-product-tile-info2.js';
+
+const PnProductTileInfo = PnProductTileInfo$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { PnProductTileInfo, defineCustomElement };

package/components/pn-product-tile-info2.js

@@ -0,0 +1,38 @@
+import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
+
+const pnProductTileInfoCss = "pn-product-tile-info{-ms-flex-item-align:center;align-self:center}";
+
+const PnProductTileInfo = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.label = undefined;
+    this.text = undefined;
+    this.icon = undefined;
+  }
+  render() {
+    return (h(Host, null, (this.label) ? (h("p", null, h("small", null, this.label))) : null, (this.text) ? (h("h3", null, this.text)) : null));
+  }
+  static get style() { return pnProductTileInfoCss; }
+}, [0, "pn-product-tile-info", {
+    "label": [1],
+    "text": [1],
+    "icon": [1]
+  }]);
+h("pn-icon", { symbol: "align-center", small: "false", color: "black" });
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["pn-product-tile-info"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pn-product-tile-info":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PnProductTileInfo);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { PnProductTileInfo as P, defineCustomElement as d };

package/components/pn-product-tile-price.d.ts

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

package/components/pn-product-tile-price.js

@@ -0,0 +1,6 @@
+import { P as PnProductTilePrice$1, d as defineCustomElement$1 } from './pn-product-tile-price2.js';
+
+const PnProductTilePrice = PnProductTilePrice$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { PnProductTilePrice, defineCustomElement };

package/components/pn-product-tile-price2.js

@@ -0,0 +1,42 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const pnProductTilePriceCss = "pn-product-tile-price{margin-top:1em;white-space:nowrap;text-align:right}pn-product-tile-price span{font-size:3em;font-size:clamp(2em, 6vw, 3em)}pn-product-tile-price span:last-child{display:inline-block;margin-left:0.2em}pn-product-tile-price+pn-product-tile-price{margin-left:1.5em}pn-product-tile-price pn-icon{display:inline-block;-ms-flex-item-align:center;align-self:center}pn-product-tile-price a{text-decoration:none;color:#005D92}pn-product-tile-price a h3{text-decoration:underline}";
+
+const PnProductTilePrice = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.label = undefined;
+    this.amount = undefined;
+    this.currency = undefined;
+    this.url = undefined;
+  }
+  render() {
+    if (!this.amount) {
+      return;
+    }
+    return (this.url) ? (h(Host, null, h("h3", null, (this.amount) ? (h("span", null, this.amount)) : null, (this.currency) ? (h("span", null, this.currency)) : null), (this.label) ? (h("a", { href: this.url }, h("pn-button", { small: "true", icon: "arrow-right" }, this.label))) : null)) : (h(Host, null, h("h3", null, (this.amount) ? (h("span", null, this.amount)) : null, (this.currency) ? (h("span", null, this.currency)) : null)));
+  }
+  static get style() { return pnProductTilePriceCss; }
+}, [0, "pn-product-tile-price", {
+    "label": [1],
+    "amount": [1],
+    "currency": [1],
+    "url": [1]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["pn-product-tile-price"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pn-product-tile-price":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PnProductTilePrice);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { PnProductTilePrice as P, defineCustomElement as d };

package/components/pn-product-tile.d.ts

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

package/components/pn-product-tile.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const pnProductTileCss = "pn-product-tile{margin-bottom:1em;border:0.1rem solid #D3CECB;outline:none;background:white;-webkit-box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);display:-ms-flexbox;display:flex;padding:1.5em;word-break:break-word;text-decoration:none;border-radius:0.8rem}pn-product-tile [slot=content] h3{display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:0.5em}pn-product-tile>pn-illustration{min-width:8rem;width:8rem;height:8rem;margin-right:3rem;-ms-flex-item-align:center;align-self:center}pn-product-tile .tilecontent{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}pn-product-tile .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:100%}pn-product-tile .info{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-positive:1;flex-grow:1;max-width:66.6666666667%;-ms-flex-flow:wrap;flex-flow:wrap}pn-product-tile .info>*{min-width:6em;margin:0.2em 1em 0.2em 0}";
+
+const PnProductTile$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  render() {
+    return (h(Host, null, h("slot", { name: "illustration" }), h("div", { class: "tilecontent" }, h("div", { class: "details" }, h("slot", { name: "content" }), h("div", { class: "info" }, h("slot", null)), h("slot", { name: "note" })), h("slot", { name: "price" }))));
+  }
+  static get style() { return pnProductTileCss; }
+}, [4, "pn-product-tile"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["pn-product-tile"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pn-product-tile":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PnProductTile$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const PnProductTile = PnProductTile$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { PnProductTile, defineCustomElement };

package/components/pn-profile-modal-customernumber.d.ts

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