@postnord/pn-marketweb-components 2.1.8 → 2.1.9

package/collection/components/cta/pn-parcel-tracker/pn-parcel-tracker.js

@@ -1,4 +1,4 @@
-import { Component, Element, h, Host, Listen, Prop, State, } from '@stencil/core';
+import { h, Host, } from '@stencil/core';
 export class PnSpotlight {
   constructor() {
     this.formActionUrl = null;
@@ -13,139 +13,144 @@ export class PnSpotlight {
     this.currentWidth = event.target.innerWidth;
   }
   render() {
-    return (h(Host, null,
-      h("div", { class: "pn-parcel-tracker__container" },
-        h("form", { method: "GET", action: this.formActionUrl },
-          h("h3", { class: "pn-parcel-tracker__container__heading" }, this.heading),
-          h("pn-marketweb-input", { name: this.inputName, placeholder: this.placeholder }),
-          h("pn-button", { type: "submit", icon: "search", "icon-only": this.currentWidth < 412 }, this.currentWidth >= 412 && this.buttonLabel)))));
+    return (h(Host, null, h("div", { class: "pn-parcel-tracker__container" }, h("form", { method: "GET", action: this.formActionUrl }, h("h3", { class: "pn-parcel-tracker__container__heading" }, this.heading), h("pn-marketweb-input", { name: this.inputName, placeholder: this.placeholder }), h("pn-button", { type: "submit", icon: "search", "icon-only": this.currentWidth < 412 }, this.currentWidth >= 412 && this.buttonLabel)))));
   }
   static get is() { return "pn-parcel-tracker"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-parcel-tracker.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-parcel-tracker.css"]
-  }; }
-  static get properties() { return {
-    "formActionUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "form-action-url",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "heading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "heading",
-      "reflect": false,
-      "defaultValue": "'Track your parcel'"
-    },
-    "buttonLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "button-label",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "locale": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["pn-parcel-tracker.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pn-parcel-tracker.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "formActionUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "form-action-url",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "attribute": "locale",
-      "reflect": false,
-      "defaultValue": "'en'"
-    },
-    "placeholder": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "heading": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "heading",
+        "reflect": false,
+        "defaultValue": "'Track your parcel'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "buttonLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "button-label",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "attribute": "placeholder",
-      "reflect": false,
-      "defaultValue": "'Enter shipment ID'"
-    },
-    "inputName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "locale": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "locale",
+        "reflect": false,
+        "defaultValue": "'en'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "placeholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "placeholder",
+        "reflect": false,
+        "defaultValue": "'Enter shipment ID'"
       },
-      "attribute": "input-name",
-      "reflect": false,
-      "defaultValue": "'shipmentID'"
-    }
-  }; }
-  static get states() { return {
-    "currentWidth": {}
-  }; }
+      "inputName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "input-name",
+        "reflect": false,
+        "defaultValue": "'shipmentID'"
+      }
+    };
+  }
+  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/cta/pn-quick-cta/pn-quick-cta.js

@@ -1,60 +1,62 @@
-import { Component, Element, h, Host, Prop, } from '@stencil/core';
+import { h, Host, } from '@stencil/core';
 export class PnQuickCta {
   constructor() {
     this.heading = null;
     this.preamble = null;
   }
   render() {
-    return (h(Host, null,
-      h("div", { class: "quick-cta__content" },
-        h("h2", { class: "quick-cta__content__heading" }, this.heading),
-        h("p", { class: "quick-cta__content__preamble" }, this.preamble),
-        h("slot", { name: "quick-cta-cta" }))));
+    return (h(Host, null, h("div", { class: "quick-cta__content" }, h("h2", { class: "quick-cta__content__heading" }, this.heading), h("p", { class: "quick-cta__content__preamble" }, this.preamble), h("slot", { name: "quick-cta-cta" }))));
   }
   static get is() { return "pn-quick-cta"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-quick-cta.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-quick-cta.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,
-      "defaultValue": "null"
-    },
-    "preamble": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["pn-quick-cta.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pn-quick-cta.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,
+        "defaultValue": "null"
       },
-      "attribute": "preamble",
-      "reflect": false,
-      "defaultValue": "null"
-    }
-  }; }
+      "preamble": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "preamble",
+        "reflect": false,
+        "defaultValue": "null"
+      }
+    };
+  }
   static get elementRef() { return "hostElement"; }
 }

package/collection/components/cta/pn-spotlight/pn-spotlight.js

@@ -1,62 +1,62 @@
-import { Component, Element, h, Host, Prop, } from '@stencil/core';
+import { h, Host, } from '@stencil/core';
 export class PnSpotlight {
   constructor() {
     this.heading = null;
     this.preamble = null;
   }
   render() {
-    return (h(Host, null,
-      h("div", { class: "pn-spotlight__container" },
-        h("slot", { name: "mobile-heading" }),
-        h("div", { class: "pn-spotlight__container__wrapper" },
-          h("div", { class: "pn-spotlight__container__wrapper__content" },
-            h("div", { class: "pn-spotlight__container__wrapper__content__ball" }),
-            h("slot", { name: "content" }))))));
+    return (h(Host, null, h("div", { class: "pn-spotlight__container" }, h("slot", { name: "mobile-heading" }), h("div", { class: "pn-spotlight__container__wrapper" }, h("div", { class: "pn-spotlight__container__wrapper__content" }, h("div", { class: "pn-spotlight__container__wrapper__content__ball" }), h("slot", { name: "content" }))))));
   }
   static get is() { return "pn-spotlight"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-spotlight.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-spotlight.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,
-      "defaultValue": "null"
-    },
-    "preamble": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["pn-spotlight.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pn-spotlight.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,
+        "defaultValue": "null"
       },
-      "attribute": "preamble",
-      "reflect": false,
-      "defaultValue": "null"
-    }
-  }; }
+      "preamble": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "preamble",
+        "reflect": false,
+        "defaultValue": "null"
+      }
+    };
+  }
   static get elementRef() { return "hostElement"; }
 }