@postnord/pn-marketweb-components 2.1.9 → 2.2.0

package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard-description.js

@@ -1,98 +1,93 @@
-import { h, Host } from "@stencil/core";
+import { Component, h, Prop, Host } from "@stencil/core";
 export class PnProxioProductcardDescription {
   constructor() {
-    this.heading = undefined;
-    this.highlight = undefined;
-    this.description = undefined;
     this.list = [];
   }
   render() {
-    return (h(Host, null, this.heading ? (h("h3", null, this.heading)) : (null), this.highlight ? (h("h3", { class: "highlight" }, this.highlight)) : (null), this.description ? (h("span", null, this.description)) : (null), this.list ?
-      (h("ul", null, this.list.map((text) => {
-        return (h("li", null, text));
-      })))
-      : (null)));
+    return (h(Host, null,
+      this.heading ? (h("h3", null, this.heading)) : (null),
+      this.highlight ? (h("h3", { class: "highlight" }, this.highlight)) : (null),
+      this.description ? (h("span", null, this.description)) : (null),
+      this.list ?
+        (h("ul", null, this.list.map((text) => {
+          return (h("li", null, text));
+        })))
+        : (null)));
   }
   static get is() { return "pn-proxio-productcard-description"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["pn-proxio-productcard-description.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["pn-proxio-productcard-description.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "heading": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "heading",
-        "reflect": false
+  static get originalStyleUrls() { return {
+    "$": ["pn-proxio-productcard-description.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["pn-proxio-productcard-description.css"]
+  }; }
+  static get properties() { return {
+    "heading": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
       },
-      "highlight": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "highlight",
-        "reflect": false
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
       },
-      "description": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "description",
-        "reflect": false
+      "attribute": "heading",
+      "reflect": false
+    },
+    "highlight": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
       },
-      "list": {
-        "type": "unknown",
-        "mutable": true,
-        "complexType": {
-          "original": "string[]",
-          "resolved": "string[]",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "[]"
-      }
-    };
-  }
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "highlight",
+      "reflect": false
+    },
+    "description": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "description",
+      "reflect": false
+    },
+    "list": {
+      "type": "unknown",
+      "mutable": true,
+      "complexType": {
+        "original": "string[]",
+        "resolved": "string[]",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "defaultValue": "[]"
+    }
+  }; }
 }

package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard-information.js

@@ -1,65 +1,67 @@
-import { h, Host } from "@stencil/core";
+import { Component, h, Prop, Host } from "@stencil/core";
 export class PnProxioProductcardInformation {
   constructor() {
-    this.label = undefined;
     this.information = [];
   }
   render() {
-    return (h(Host, null, h("div", { class: "cardinfocontent" }, this.information && this.information.length > 0 && this.label ? (h("div", { class: "cardinfocontent-item" }, this.label ? (h("p", { class: "cardinfocontent-title" }, h("strong", null, this.label))) : (null), this.information.map((item) => (item ?
-      (h("p", null, h("strong", { class: "cardinfocontent-label" }, item.item1, ":"), " ", item.item2))
-      : (null))))) : null)));
+    return (h(Host, null,
+      h("div", { class: "cardinfocontent" }, this.information && this.information.length > 0 && this.label ? (h("div", { class: "cardinfocontent-item" },
+        this.label ? (h("p", { class: "cardinfocontent-title" },
+          h("strong", null, this.label))) : (null),
+        this.information.map((item) => (item ?
+          (h("p", null,
+            h("strong", { class: "cardinfocontent-label" },
+              item.item1,
+              ":"),
+            " ",
+            item.item2))
+          : (null))))) : null)));
   }
   static get is() { return "pn-proxio-productcard-information"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["pn-proxio-productcard-information.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["pn-proxio-productcard-information.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
+  static get originalStyleUrls() { return {
+    "$": ["pn-proxio-productcard-information.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["pn-proxio-productcard-information.css"]
+  }; }
+  static get properties() { return {
+    "label": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
       },
-      "information": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "ProductGenericItem[]",
-          "resolved": "ProductGenericItem[]",
-          "references": {
-            "ProductGenericItem": {
-              "location": "import",
-              "path": "../pn-proxio-pricegroup/types"
-            }
+      "attribute": "label",
+      "reflect": false
+    },
+    "information": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "ProductGenericItem[]",
+        "resolved": "ProductGenericItem[]",
+        "references": {
+          "ProductGenericItem": {
+            "location": "import",
+            "path": "../pn-proxio-pricegroup/types"
           }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "[]"
-      }
-    };
-  }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "defaultValue": "[]"
+    }
+  }; }
 }

package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard-pricelink.js

@@ -1,78 +1,69 @@
-import { h, Host } from "@stencil/core";
+import { Component, h, Prop, Host } from "@stencil/core";
 export class PnProxioProductcardPricelink {
-  constructor() {
-    this.price = undefined;
-    this.link = undefined;
-    this.linktext = undefined;
-  }
   render() {
     return this.link && this.linktext ?
-      (h(Host, null, this.price ? (h("h3", null, this.price)) : (null), h("pn-button", { small: "true", icon: "arrow-right", appearance: "light", href: this.link, target: "_blank", rel: "noopener nofollower noreferrer" }, this.linktext))) : (null);
+      (h(Host, null,
+        this.price ? (h("h3", null, this.price)) : (null),
+        h("pn-button", { small: "true", icon: "arrow-right", appearance: "light", href: this.link, target: "_blank", rel: "noopener nofollower noreferrer" }, this.linktext))) : (null);
   }
   static get is() { return "pn-proxio-productcard-pricelink"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["pn-proxio-productcard-pricelink.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["pn-proxio-productcard-pricelink.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "price": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "price",
-        "reflect": false
+  static get originalStyleUrls() { return {
+    "$": ["pn-proxio-productcard-pricelink.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["pn-proxio-productcard-pricelink.css"]
+  }; }
+  static get properties() { return {
+    "price": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
       },
-      "link": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "link",
-        "reflect": false
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
       },
-      "linktext": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "linktext",
-        "reflect": false
-      }
-    };
-  }
+      "attribute": "price",
+      "reflect": false
+    },
+    "link": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "link",
+      "reflect": false
+    },
+    "linktext": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "linktext",
+      "reflect": false
+    }
+  }; }
 }

package/collection/components/widgets/pn-proxio-productcard/pn-proxio-productcard.js

@@ -1,17 +1,25 @@
-import { h, Host } from "@stencil/core";
+import { Component, h, Host } from "@stencil/core";
 export class PnProxioProductcard {
   render() {
-    return (h(Host, null, h("div", { class: "cardcontent" }, h("div", { class: "carddetails" }, h("slot", { name: "illustrationmobile" }), h("div", { class: "heading" }, h("slot", { name: "title" }), h("slot", { name: "uppertags" })), h("slot", { name: "description" }), h("slot", { name: "information" }), h("slot", { name: "bottomtags" })), h("div", { class: "cardcalltoactions" }, h("slot", { name: "illustration" }), h("slot", { name: "pricelink" })))));
+    return (h(Host, null,
+      h("div", { class: "cardcontent" },
+        h("div", { class: "carddetails" },
+          h("slot", { name: "illustrationmobile" }),
+          h("div", { class: "heading" },
+            h("slot", { name: "title" }),
+            h("slot", { name: "uppertags" })),
+          h("slot", { name: "description" }),
+          h("slot", { name: "information" }),
+          h("slot", { name: "bottomtags" })),
+        h("div", { class: "cardcalltoactions" },
+          h("slot", { name: "illustration" }),
+          h("slot", { name: "pricelink" })))));
   }
   static get is() { return "pn-proxio-productcard"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["pn-proxio-productcard.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["pn-proxio-productcard.css"]
-    };
-  }
+  static get originalStyleUrls() { return {
+    "$": ["pn-proxio-productcard.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["pn-proxio-productcard.css"]
+  }; }
 }