@postnord/pn-marketweb-components 2.1.9 → 2.2.1

package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.js

@@ -1,13 +1,10 @@
-import { h, Host } from "@stencil/core";
+import { Component, h, Prop, Host, Watch, State } from "@stencil/core";
 import { translations } from "../pn-proxio-pricegroup/translations";
 export class PnProxioFindPriceResult {
   constructor() {
     this.item = null;
     this.activeweight = null;
     this.shownitems = [];
-    this.Usp1 = undefined;
-    this.Usp2 = undefined;
-    this.Usp3 = undefined;
     this.description = [];
     this.showMeasurement = false;
     this.weightText = "";
@@ -43,191 +40,195 @@ export class PnProxioFindPriceResult {
     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)))));
+    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 is() { return "pn-proxio-findprice-result"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["pn-proxio-findprice-result.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["pn-proxio-findprice-result.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "item": {
-        "type": "unknown",
-        "mutable": true,
-        "complexType": {
-          "original": "ProxioPriceListGroupResponse",
-          "resolved": "ProxioPriceListGroupResponse",
-          "references": {
-            "ProxioPriceListGroupResponse": {
-              "location": "import",
-              "path": "../pn-proxio-pricegroup/types"
-            }
+  static get originalStyleUrls() { return {
+    "$": ["pn-proxio-findprice-result.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["pn-proxio-findprice-result.css"]
+  }; }
+  static get properties() { return {
+    "item": {
+      "type": "unknown",
+      "mutable": true,
+      "complexType": {
+        "original": "ProxioPriceListGroupResponse",
+        "resolved": "ProxioPriceListGroupResponse",
+        "references": {
+          "ProxioPriceListGroupResponse": {
+            "location": "import",
+            "path": "../pn-proxio-pricegroup/types"
           }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "null"
-      },
-      "activeweight": {
-        "type": "number",
-        "mutable": true,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "activeweight",
-        "reflect": false,
-        "defaultValue": "null"
-      },
-      "shownitems": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "ProxioPriceListGroupResponse[]",
-          "resolved": "ProxioPriceListGroupResponse[]",
-          "references": {
-            "ProxioPriceListGroupResponse": {
-              "location": "import",
-              "path": "../pn-proxio-pricegroup/types"
-            }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "defaultValue": "null"
+    },
+    "activeweight": {
+      "type": "number",
+      "mutable": true,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "activeweight",
+      "reflect": false,
+      "defaultValue": "null"
+    },
+    "shownitems": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "ProxioPriceListGroupResponse[]",
+        "resolved": "ProxioPriceListGroupResponse[]",
+        "references": {
+          "ProxioPriceListGroupResponse": {
+            "location": "import",
+            "path": "../pn-proxio-pricegroup/types"
           }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "[]"
-      },
-      "Usp1": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "usp-1",
-        "reflect": false
-      },
-      "Usp2": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "usp-2",
-        "reflect": false
-      },
-      "Usp3": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "usp-3",
-        "reflect": false
-      },
-      "description": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "string[]",
-          "resolved": "string[]",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "[]"
-      },
-      "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": {},
-      "linkId": {},
-      "shopLabel": {},
-      "shopUrl": {},
-      "shopId": {},
-      "i18n": {}
-    };
-  }
-  static get watchers() {
-    return [{
-        "propName": "item",
-        "methodName": "composeItems"
-      }, {
-        "propName": "activeweight",
-        "methodName": "getPriceString"
-      }, {
-        "propName": "activeweight",
-        "methodName": "getProductLink"
-      }];
-  }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "defaultValue": "[]"
+    },
+    "Usp1": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "usp-1",
+      "reflect": false
+    },
+    "Usp2": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "usp-2",
+      "reflect": false
+    },
+    "Usp3": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "usp-3",
+      "reflect": false
+    },
+    "description": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "string[]",
+        "resolved": "string[]",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "defaultValue": "[]"
+    },
+    "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": {},
+    "linkId": {},
+    "shopLabel": {},
+    "shopUrl": {},
+    "shopId": {},
+    "i18n": {}
+  }; }
+  static get watchers() { return [{
+      "propName": "item",
+      "methodName": "composeItems"
+    }, {
+      "propName": "activeweight",
+      "methodName": "getPriceString"
+    }, {
+      "propName": "activeweight",
+      "methodName": "getProductLink"
+    }]; }
 }