npm - @postnord/pn-marketweb-components - Versions diffs - 2.0.140 → 2.0.142 - Mend

@postnord/pn-marketweb-components 2.0.140 → 2.0.142

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (665) hide show

package/collection/components/utilities/pn-breakpoints/pn-breakpoints.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Component, Element, h, Host, Listen, Prop, State, } from '@stencil/core';
+import { h, Host, } from '@stencil/core';
 export class PnBreakpoints {
   constructor() {
     this.currentWidth = window.innerWidth;
@@ -11,48 +11,54 @@ export class PnBreakpoints {
     return `breakpoints--${this.breakPointClass}`;
   }
   render() {
-    return (h(Host, null,
-      h("div", { class: `breakpoints ${this.createBreakpointClass()} ` },
-        `${this.currentWidth} px`,
-        ' min-width: ',
-        h("span", { class: "reference" }, ' px'))));
+    return (h(Host, null, h("div", { class: `breakpoints ${this.createBreakpointClass()} ` }, `${this.currentWidth} px`, ' min-width: ', h("span", { class: "reference" }, ' px'))));
   }
   static get is() { return "pn-breakpoints"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-breakpoints.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-breakpoints.css"]
-  }; }
-  static get properties() { return {
-    "breakPointClass": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "break-point-class",
-      "reflect": false,
-      "defaultValue": "'dotcom'"
-    }
-  }; }
-  static get states() { return {
-    "currentWidth": {}
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["pn-breakpoints.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pn-breakpoints.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "breakPointClass": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "break-point-class",
+        "reflect": false,
+        "defaultValue": "'dotcom'"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "currentWidth": {}
+    };
+  }
   static get elementRef() { return "hostElement"; }
-  static get listeners() { return [{
-      "name": "resize",
-      "method": "handleViewportSizeChange",
-      "target": "window",
-      "capture": false,
-      "passive": true
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "resize",
+        "method": "handleViewportSizeChange",
+        "target": "window",
+        "capture": false,
+        "passive": true
+      }];
+  }
 }

package/collection/components/widgets/pn-find-price/pn-find-price-result.js CHANGED Viewed

@@ -1,10 +1,13 @@
-import { Component, h, Prop, Host, Watch, State } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { state } from "./pn-find-price-store";
 import { sendDirectUrl, stampShopUrl, RiktigaValues } from "./data.js";
 export class PnfindPriceResult {
   constructor() {
     this.item = null;
     this.shownitems = [];
+    this.Usp1 = undefined;
+    this.Usp2 = undefined;
+    this.Usp3 = undefined;
     this.description = [];
     this.showMeasurement = false;
     this.weightText = "";
@@ -34,192 +37,173 @@ export class PnfindPriceResult {
     this.shopId = showServicepointLink ? '-servicepoint' : '-stampshop';
   }
   render() {
-    return (h(Host, null, h("pn-product-card", { "data-productid": this.item.id },
-      h("pn-illustration", { slot: "illustration", illustration: this.item.illustration }),
-      h("div", { slot: "title" },
-        this.item.infopagelink ?
-          (h("h2", null,
-            h("a", { href: this.item.infopagelink, target: "_blank" }, this.item.name))) :
-          (h("h2", null, this.item.name)),
-        (this.item.highestrankusp === "Snabbast") ?
-          (h("pn-titletag", { slot: "Snabbast", icon: "bolt", color: "blue700" }, this.item.highestrankusp))
-          : (this.item.highestrankusp === "Billigast") ?
-            (h("pn-titletag", { slot: "Billigast", icon: "box-label", color: "green700" }, 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("div", { slot: "note" },
-        h("p", null, this.item.note))) : null,
-      this.item.additionalusp ? (h("div", { slot: "additionalUSP" },
-        this.Usp1 ? (h("span", null, this.Usp1)) : null,
-        this.Usp2 ? (h("span", null, this.Usp2)) : null,
-        this.Usp3 ? (h("span", null, this.Usp3)) : null)) : 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, linkid: this.linkId + '-portal' })) : null,
-        this.item.pricestamps ? ((this.item.name.toLocaleLowerCase() !== "riktiga vykort") ?
-          (h("pn-product-card-price", { slot: "stampPrice", label: this.shopLabel, amount: this.item.pricestamps + '', currency: state.market.currency, url: this.shopUrl, linkid: this.linkId + this.shopId })) :
-          (h("pn-product-card-price", { slot: "riktiga", label: state.i18n.riktigaVykort, amount: this.item.pricestamps + '', currency: state.market.currency, url: RiktigaValues["WebUrl"], linkid: this.linkId + '-riktiga' }))) : null),
-      h("div", { slot: "servicepoint" }, (this.item.showservicepointlink) ? (h("a", { href: state.market.servicePoint, target: "_blank" },
-        h("pn-icon", { symbol: "map-marker", color: "blue700" }),
-        state.i18n.servicePointLink)) : null),
-      h("div", { slot: "mobiledownload" }, (this.item.name.toLocaleLowerCase() === "riktiga vykort") ?
-        (h("div", { id: "riktiga" },
-          h("h4", null, state.i18n.riktigaVykortMobile),
-          h("div", null,
-            h("a", { href: RiktigaValues["AndroidAppUrl"], target: "_blank" },
-              h("img", { class: "riktigaAndroidImg", src: RiktigaValues["AndroidImg"] })),
-            h("a", { href: RiktigaValues["IosAppUrl"], target: "_blank" },
-              h("img", { class: "riktigaAppleImg", src: RiktigaValues["IosImg"] }))))) : null))));
+    return (h(Host, null, h("pn-product-card", { "data-productid": this.item.id }, h("pn-illustration", { slot: "illustration", illustration: this.item.illustration }), h("div", { slot: "title" }, this.item.infopagelink ?
+      (h("h2", null, h("a", { href: this.item.infopagelink, target: "_blank" }, this.item.name))) :
+      (h("h2", null, this.item.name)), (this.item.highestrankusp === "Snabbast") ?
+      (h("pn-titletag", { slot: "Snabbast", icon: "bolt", color: "blue700" }, this.item.highestrankusp))
+      : (this.item.highestrankusp === "Billigast") ?
+        (h("pn-titletag", { slot: "Billigast", icon: "box-label", color: "green700" }, 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("div", { slot: "note" }, h("p", null, this.item.note))) : null, this.item.additionalusp ? (h("div", { slot: "additionalUSP" }, this.Usp1 ? (h("span", null, this.Usp1)) : null, this.Usp2 ? (h("span", null, this.Usp2)) : null, this.Usp3 ? (h("span", null, this.Usp3)) : null)) : 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, linkid: this.linkId + '-portal' })) : null, this.item.pricestamps ? ((this.item.name.toLocaleLowerCase() !== "riktiga vykort") ?
+      (h("pn-product-card-price", { slot: "stampPrice", label: this.shopLabel, amount: this.item.pricestamps + '', currency: state.market.currency, url: this.shopUrl, linkid: this.linkId + this.shopId })) :
+      (h("pn-product-card-price", { slot: "riktiga", label: state.i18n.riktigaVykort, amount: this.item.pricestamps + '', currency: state.market.currency, url: RiktigaValues["WebUrl"], linkid: this.linkId + '-riktiga' }))) : null), h("div", { slot: "servicepoint" }, (this.item.showservicepointlink) ? (h("a", { href: state.market.servicePoint, target: "_blank" }, h("pn-icon", { symbol: "map-marker", color: "blue700" }), state.i18n.servicePointLink)) : null), h("div", { slot: "mobiledownload" }, (this.item.name.toLocaleLowerCase() === "riktiga vykort") ?
+      (h("div", { id: "riktiga" }, h("h4", null, state.i18n.riktigaVykortMobile), h("div", null, h("a", { href: RiktigaValues["AndroidAppUrl"], target: "_blank" }, h("img", { class: "riktigaAndroidImg", src: RiktigaValues["AndroidImg"] })), h("a", { href: RiktigaValues["IosAppUrl"], target: "_blank" }, h("img", { class: "riktigaAppleImg", src: RiktigaValues["IosImg"] }))))) : null))));
   }
   static get is() { return "pn-find-price-result"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-find-price-result.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-find-price-result.css"]
-  }; }
-  static get properties() { return {
-    "item": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "ProductPriceItem",
-        "resolved": "ProductPriceItem",
-        "references": {
-          "ProductPriceItem": {
-            "location": "import",
-            "path": "./pn-find-price-types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["pn-find-price-result.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pn-find-price-result.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "item": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "ProductPriceItem",
+          "resolved": "ProductPriceItem",
+          "references": {
+            "ProductPriceItem": {
+              "location": "import",
+              "path": "./pn-find-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": "./pn-find-price-types"
+      "shownitems": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ProductPriceItem[]",
+          "resolved": "ProductPriceItem[]",
+          "references": {
+            "ProductPriceItem": {
+              "location": "import",
+              "path": "./pn-find-price-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": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "[]"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "Usp1": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "usp-1",
+        "reflect": false
       },
-      "attribute": "usp-2",
-      "reflect": false
-    },
-    "Usp3": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "Usp2": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "usp-2",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "Usp3": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "usp-3",
+        "reflect": false
       },
-      "attribute": "usp-3",
-      "reflect": false
-    },
-    "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": "[]"
-    },
-    "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": {}
-  }; }
-  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": {},
+      "linkId": {},
+      "shopLabel": {},
+      "shopUrl": {},
+      "shopId": {}
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "item",
+        "methodName": "composeItems"
+      }];
+  }
 }