@postnord/pn-marketweb-components 2.3.12 → 2.3.14

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

@@ -1,4 +1,4 @@
-import { Component, h, Prop, Host, State, Watch } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { state } from "./pn-product-pricelist-store";
 import { sendDirectUrl, stampShopUrl } from "./data.js";
 export class PnFindProductPricelistResult {
@@ -32,27 +32,10 @@ export class PnFindProductPricelistResult {
     // (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))
+    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">
@@ -72,95 +55,105 @@ export class PnFindProductPricelistResult {
     ))));
   }
   static get is() { return "pn-product-pricelist-result"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-product-pricelist-result.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-product-pricelist-result.css"]
-  }; }
-  static get properties() { return {
-    "item": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "ProductPriceItem",
-        "resolved": "ProductPriceItem",
-        "references": {
-          "ProductPriceItem": {
-            "location": "import",
-            "path": "../../../globals/shared/productprice/product-price-types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["pn-product-pricelist-result.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pn-product-pricelist-result.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "item": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "ProductPriceItem",
+          "resolved": "ProductPriceItem",
+          "references": {
+            "ProductPriceItem": {
+              "location": "import",
+              "path": "../../../globals/shared/productprice/product-price-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "null"
       },
-      "defaultValue": "null"
-    },
-    "description": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "string[]",
-        "resolved": "string[]",
-        "references": {}
+      "description": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "[]"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "[]"
-    },
-    "shownitems": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "ProductPriceItem[]",
-        "resolved": "ProductPriceItem[]",
-        "references": {
-          "ProductPriceItem": {
-            "location": "import",
-            "path": "../../../globals/shared/productprice/product-price-types"
+      "shownitems": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ProductPriceItem[]",
+          "resolved": "ProductPriceItem[]",
+          "references": {
+            "ProductPriceItem": {
+              "location": "import",
+              "path": "../../../globals/shared/productprice/product-price-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "[]"
-    },
-    "showMeasurement": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "[]"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-measurement",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "weightText": {}
-  }; }
-  static get watchers() { return [{
-      "propName": "item",
-      "methodName": "composeItems"
-    }]; }
+      "showMeasurement": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-measurement",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "weightText": {}
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "item",
+        "methodName": "composeItems"
+      }];
+  }
 }

package/collection/components/widgets/pn-product-pricelist/pn-product-pricelist.js

@@ -1,4 +1,4 @@
-import { Component, h, Prop, State, Host, Watch } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { translations, markets } from "./pn-product-pricelist-translations";
 import { weights } from "./data.js";
 import { convertFileFromStream } from "../../../globals/shared/productprice/convert.js";
@@ -85,148 +85,145 @@ export class PnFindProductPricelist {
     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 })))))));
+    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 is() { return "pn-product-pricelist"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-product-pricelist.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-product-pricelist.css"]
-  }; }
-  static get properties() { return {
-    "source": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "source",
-      "reflect": false,
-      "defaultValue": "\"https://com-integration.postnord.com/globalassets/global/prices/sv-findprice-1-PN.xlsx\""
-    },
-    "language": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "language",
-      "reflect": false,
-      "defaultValue": "\"sv\""
-    },
-    "market": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["pn-product-pricelist.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pn-product-pricelist.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "source": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "source",
+        "reflect": false,
+        "defaultValue": "\"https://com-integration.postnord.com/globalassets/global/prices/sv-findprice-1-PN.xlsx\""
       },
-      "attribute": "market",
-      "reflect": false,
-      "defaultValue": "\"se\""
-    },
-    "productid": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "language": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "language",
+        "reflect": false,
+        "defaultValue": "\"sv\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "market": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "market",
+        "reflect": false,
+        "defaultValue": "\"se\""
       },
-      "attribute": "productid",
-      "reflect": false,
-      "defaultValue": "\"\""
-    }
-  }; }
-  static get states() { return {
-    "filteredItems": {},
-    "sourceData": {},
-    "gotData": {},
-    "loading": {},
-    "postagetype": {},
-    "weight": {},
-    "weightvalue": {}
-  }; }
-  static get watchers() { return [{
-      "propName": "market",
-      "methodName": "setState"
-    }, {
-      "propName": "language",
-      "methodName": "setState"
-    }, {
-      "propName": "postagetype",
-      "methodName": "filterItems"
-    }, {
-      "propName": "weightvalue",
-      "methodName": "filterItems"
-    }]; }
+      "productid": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "productid",
+        "reflect": false,
+        "defaultValue": "\"\""
+      }
+    };
+  }
+  static get states() {
+    return {
+      "filteredItems": {},
+      "sourceData": {},
+      "gotData": {},
+      "loading": {},
+      "postagetype": {},
+      "weight": {},
+      "weightvalue": {}
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "market",
+        "methodName": "setState"
+      }, {
+        "propName": "language",
+        "methodName": "setState"
+      }, {
+        "propName": "postagetype",
+        "methodName": "filterItems"
+      }, {
+        "propName": "weightvalue",
+        "methodName": "filterItems"
+      }];
+  }
 }