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/cta/pn-quick-cta/pn-quick-cta.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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"; }
 }

package/collection/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.js CHANGED Viewed

@@ -1,19 +1,19 @@
-import { Component, h, Host, Prop, State, Watch, } from '@stencil/core';
+import { h, Host, } from '@stencil/core';
 import { animateValue } from './animationHelper';
 import { inViewport } from './viewIntersectionHelper';
 export class PnStatsInfoData {
   constructor() {
-    this.data = 0;
-    this.unit = null;
-    this.preamble = null;
-    this.compId = null;
-    this.duration = 1000; //ms;
-    this.hasBeenShown = false;
     this.inViewPortCallback = (entry) => {
       if (entry.isIntersecting) {
         this.hasBeenShown = true;
       }
     };
+    this.data = 0;
+    this.unit = null;
+    this.preamble = null;
+    this.compId = null;
+    this.duration = 1000;
+    this.hasBeenShown = false;
   }
   watchStateHandlder(newValue, oldValue) {
     const obj = document.getElementById(`pn-stats-info-data-${this.compId}`);
@@ -22,12 +22,7 @@ export class PnStatsInfoData {
     }
   }
   render() {
-    return (h(Host, null,
-      h("div", { class: "pn-stats-info-data__container" },
-        h("div", { class: "pn-stats-info-data__container__content" },
-          h("div", { class: "pn-stats-info-data__container__content__data", id: `pn-stats-info-data-${this.compId}` }),
-          h("div", { class: "pn-stats-info-data__container__content__unit" }, this.unit)),
-        h("div", { class: "pn-stats-info-data__container__content__preamble" }, this.preamble))));
+    return (h(Host, null, h("div", { class: "pn-stats-info-data__container" }, h("div", { class: "pn-stats-info-data__container__content" }, h("div", { class: "pn-stats-info-data__container__content__data", id: `pn-stats-info-data-${this.compId}` }), h("div", { class: "pn-stats-info-data__container__content__unit" }, this.unit)), h("div", { class: "pn-stats-info-data__container__content__preamble" }, this.preamble))));
   }
   componentDidRender() {
     const observer = new IntersectionObserver(entries => inViewport(entries, 'is-inViewport', this.inViewPortCallback));
@@ -35,109 +30,119 @@ export class PnStatsInfoData {
     observer.observe(obj);
   }
   static get is() { return "pn-stats-info-data"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-stats-info-data.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-stats-info-data.css"]
-  }; }
-  static get properties() { return {
-    "data": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "unit": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "unit",
-      "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"
-    },
-    "compId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["pn-stats-info-data.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pn-stats-info-data.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "data": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data",
+        "reflect": false,
+        "defaultValue": "0"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "unit": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "unit",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "attribute": "comp-id",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "duration": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "preamble": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "preamble",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "compId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "comp-id",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "attribute": "duration",
-      "reflect": false,
-      "defaultValue": "1000"
-    }
-  }; }
-  static get states() { return {
-    "hasBeenShown": {}
-  }; }
-  static get watchers() { return [{
-      "propName": "hasBeenShown",
-      "methodName": "watchStateHandlder"
-    }]; }
+      "duration": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "duration",
+        "reflect": false,
+        "defaultValue": "1000"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "hasBeenShown": {}
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "hasBeenShown",
+        "methodName": "watchStateHandlder"
+      }];
+  }
 }

package/collection/components/data-visualization/pn-stats-info/pn-stats-info.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Component, h, Host, Prop, State, Watch, } from '@stencil/core';
+import { h, Host, } from '@stencil/core';
 const mockStringArray = '[{ "preamble": "Million parcels", "data": 226, "unit": null, "duration": 1000 }, { "preamble": "weighted parcel delivery quality", "data": 94.5, "unit": "%", "duration": 2500 },{ "preamble": "billion letters and other mail items", "data": 1.5, "unit": "", "duration": 3000 },{ "preamble": "carbon dioxide emissions since 2009", "data": -44, "unit": "%", "duration": 2000 }]';
 export class PnStatsInfo {
   constructor() {
@@ -15,84 +15,89 @@ export class PnStatsInfo {
     return Date.now();
   }
   render() {
-    return (h(Host, null,
-      h("div", { class: "pn-stats-info__container" },
-        h("div", { class: "pn-stats-info__container__map", style: { backgroundImage: `url(${this.backgroundUrl})` } }),
-        h("div", { class: "pn-stats-info__container__content", style: { backgroundImage: `url(${this.backgroundUrl})` } },
-          h("h3", { class: "pn-stats-info__container__content__heading" }, this.heading),
-          h("div", { class: "pn-stats-info__container__content__data" }, this.myParsedArray &&
-            this.myParsedArray.map((stats, index) => {
-              return (h("pn-stats-info-data", { "comp-id": `${this.generateUniqueID()}-${index}`, data: stats.data, unit: stats.unit, preamble: stats.preamble, duration: stats.duration }));
-            }))))));
+    return (h(Host, null, h("div", { class: "pn-stats-info__container" }, h("div", { class: "pn-stats-info__container__map", style: { backgroundImage: `url(${this.backgroundUrl})` } }), h("div", { class: "pn-stats-info__container__content", style: { backgroundImage: `url(${this.backgroundUrl})` } }, h("h3", { class: "pn-stats-info__container__content__heading" }, this.heading), h("div", { class: "pn-stats-info__container__content__data" }, this.myParsedArray &&
+      this.myParsedArray.map((stats, index) => {
+        return (h("pn-stats-info-data", { "comp-id": `${this.generateUniqueID()}-${index}`, data: stats.data, unit: stats.unit, preamble: stats.preamble, duration: stats.duration }));
+      }))))));
   }
   static get is() { return "pn-stats-info"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-stats-info.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-stats-info.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": "'Heading'"
-    },
-    "dataArray": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-array",
-      "reflect": false,
-      "defaultValue": "mockStringArray"
-    },
-    "backgroundUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["pn-stats-info.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pn-stats-info.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": "'Heading'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "dataArray": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data-array",
+        "reflect": false,
+        "defaultValue": "mockStringArray"
       },
-      "attribute": "background-url",
-      "reflect": false,
-      "defaultValue": "null"
-    }
-  }; }
-  static get states() { return {
-    "myParsedArray": {}
-  }; }
-  static get watchers() { return [{
-      "propName": "dataArray",
-      "methodName": "parseMyArrayProp"
-    }]; }
+      "backgroundUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "background-url",
+        "reflect": false,
+        "defaultValue": "null"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "myParsedArray": {}
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "dataArray",
+        "methodName": "parseMyArrayProp"
+      }];
+  }
 }