@postnord/pn-marketweb-components 2.3.12 → 2.3.14

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

@@ -1,70 +1,78 @@
-import { Component, h, Prop, Host } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class PnProductTileInfo {
+  constructor() {
+    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));
+    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 is() { return "pn-product-tile-info"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-product-tile-info.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-product-tile-info.css"]
-  }; }
-  static get properties() { return {
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "label",
-      "reflect": false
-    },
-    "text": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "text",
-      "reflect": false
-    },
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["pn-product-tile-info.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pn-product-tile-info.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "text": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "text",
+        "reflect": false
       },
-      "attribute": "icon",
-      "reflect": false
-    }
-  }; }
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "icon",
+        "reflect": false
+      }
+    };
+  }
 }
 h("pn-icon", { symbol: "align-center", small: "false", color: "black" });

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

@@ -1,94 +1,98 @@
-import { Component, h, Prop, Host } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class PnProductTilePrice {
+  constructor() {
+    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)));
+    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 is() { return "pn-product-tile-price"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-product-tile-price.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-product-tile-price.css"]
-  }; }
-  static get properties() { return {
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "label",
-      "reflect": false
-    },
-    "amount": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "amount",
-      "reflect": false
-    },
-    "currency": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["pn-product-tile-price.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pn-product-tile-price.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label",
+        "reflect": false
       },
-      "attribute": "currency",
-      "reflect": false
-    },
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "amount": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "amount",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "currency": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "currency",
+        "reflect": false
       },
-      "attribute": "url",
-      "reflect": false
-    }
-  }; }
+      "url": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "url",
+        "reflect": false
+      }
+    };
+  }
 }

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

@@ -1,21 +1,17 @@
-import { Component, h, Host } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class PnProductTile {
   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" }))));
+    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 is() { return "pn-product-tile"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-product-tile.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-product-tile.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["pn-product-tile.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pn-product-tile.css"]
+    };
+  }
 }