@postnord/pn-marketweb-components 2.0.140 → 2.0.142

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

@@ -1,4 +1,4 @@
-import { Component, h, Prop, State, Watch } from "@stencil/core";
+import { h } from "@stencil/core";
 import { translations, markets } from "./pn-find-price-translations";
 import { weights, sizeCategories, fileLocation } from "./data.js";
 import { convertFileForSizeCategogy } from "../../../globals/shared/productprice/convert.js";
@@ -93,120 +93,106 @@ export class PnfindPrice {
     this.filteredItems = weightFilteredData;
   }
   render() {
-    return (h("div", { class: "findprice-form" },
-      h("div", null,
-        h("h4", { class: "heading" }, state.i18n.sizeheading),
-        h("div", { class: "sizecategory" },
-          h("table", { class: "sizeTable" },
-            h("img", { id: "clouds", src: clouds }),
-            h("tr", null,
-              h("td", null,
-                h("img", { class: "firstCell", src: person })),
-              h("td", null,
-                h("img", { src: small })),
-              h("td", null,
-                h("img", { src: medium })),
-              h("td", null,
-                h("img", { src: large }))),
-            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-find-price-result", { item: item })))))) : null));
+    return (h("div", { class: "findprice-form" }, h("div", null, h("h4", { class: "heading" }, state.i18n.sizeheading), h("div", { class: "sizecategory" }, h("table", { class: "sizeTable" }, h("img", { id: "clouds", src: clouds }), h("tr", null, h("td", null, h("img", { class: "firstCell", src: person })), h("td", null, h("img", { src: small })), h("td", null, h("img", { src: medium })), h("td", null, h("img", { src: large }))), 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-find-price-result", { item: item })))))) : null));
   }
   static get is() { return "pn-find-price"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-find-price.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-find-price.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": "fileLocation"
-    },
-    "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": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["pn-find-price.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pn-find-price.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": "fileLocation"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "language": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "language",
+        "reflect": false,
+        "defaultValue": "\"sv\""
       },
-      "attribute": "market",
-      "reflect": false,
-      "defaultValue": "\"se\""
-    }
-  }; }
-  static get states() { return {
-    "filteredItems": {},
-    "weight": {},
-    "weightvalue": {},
-    "sourceData": {},
-    "sizecategory": {}
-  }; }
-  static get watchers() { return [{
-      "propName": "market",
-      "methodName": "setState"
-    }, {
-      "propName": "language",
-      "methodName": "setState"
-    }, {
-      "propName": "sizecategory",
-      "methodName": "filterItems"
-    }, {
-      "propName": "weightvalue",
-      "methodName": "filterItems"
-    }]; }
+      "market": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "market",
+        "reflect": false,
+        "defaultValue": "\"se\""
+      }
+    };
+  }
+  static get states() {
+    return {
+      "filteredItems": {},
+      "weight": {},
+      "weightvalue": {},
+      "sourceData": {},
+      "sizecategory": {}
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "market",
+        "methodName": "setState"
+      }, {
+        "propName": "language",
+        "methodName": "setState"
+      }, {
+        "propName": "sizecategory",
+        "methodName": "filterItems"
+      }, {
+        "propName": "weightvalue",
+        "methodName": "filterItems"
+      }];
+  }
 }

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

@@ -1,4 +1,4 @@
-import { Component, h, Prop, Host, Watch, State } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { state } from "./pn-find-service-and-price-store";
 export class PnfindServiceAndPriceResult {
   constructor() {
@@ -26,75 +26,74 @@ export class PnfindServiceAndPriceResult {
     // (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", null,
-      h("pn-illustration", { slot: "illustration", illustration: item.illustration }),
-      h("div", { slot: "content" },
-        h("div", { class: "content" },
-          h("h3", null, item.name),
-          (item.description) ? (h("div", { class: "description" }, item.description)) : null,
-          (item.info) ? (h("div", { class: "description" }, item.info)) : null)),
-      item.maxweight ? (h("pn-product-tile-info", { label: state.i18n.maxweightlabel, text: this.weightText })) : null,
-      item.pricestamps ? (h("pn-product-tile-price", { slot: "price", label: state.i18n.stampshopcta, amount: item.pricestamps + '', currency: state.market.currency })) : null,
-      item.pricesenddirect ? (h("pn-product-tile-price", { slot: "price", label: state.i18n.senddirectcta, amount: item.pricesenddirect + '', currency: state.market.currency, url: "https://portal.postnord.com/skickadirekt/" })) : null,
-      item.note ? (h("small", { slot: "note" },
-        h("p", null, item.note))) : null)))));
+    return (h(Host, null, this.shownitems.map((item) => (h("pn-product-card", null, h("pn-illustration", { slot: "illustration", illustration: item.illustration }), h("div", { slot: "content" }, h("div", { class: "content" }, h("h3", null, item.name), (item.description) ? (h("div", { class: "description" }, item.description)) : null, (item.info) ? (h("div", { class: "description" }, item.info)) : null)), item.maxweight ? (h("pn-product-tile-info", { label: state.i18n.maxweightlabel, text: this.weightText })) : null, item.pricestamps ? (h("pn-product-tile-price", { slot: "price", label: state.i18n.stampshopcta, amount: item.pricestamps + '', currency: state.market.currency })) : null, item.pricesenddirect ? (h("pn-product-tile-price", { slot: "price", label: state.i18n.senddirectcta, amount: item.pricesenddirect + '', currency: state.market.currency, url: "https://portal.postnord.com/skickadirekt/" })) : null, item.note ? (h("small", { slot: "note" }, h("p", null, item.note))) : null)))));
   }
   static get is() { return "pn-find-service-and-price-result"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-find-service-and-price-result.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-find-service-and-price-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-find-service-and-price-result.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pn-find-service-and-price-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": ""
+        },
+        "defaultValue": "null"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "null"
-    },
-    "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": "[]"
-    }
-  }; }
-  static get states() { return {
-    "weightText": {}
-  }; }
-  static get watchers() { return [{
-      "propName": "item",
-      "methodName": "composeItems"
-    }]; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "[]"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "weightText": {}
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "item",
+        "methodName": "composeItems"
+      }];
+  }
 }