@postnord/pn-marketweb-components 2.4.21 → 2.4.22

package/collection/components/input/pn-marketweb-input/pn-marketweb-input.js

@@ -2,23 +2,23 @@ import { h, Host } from "@stencil/core";
 export class PnMarketwebInput {
   constructor() {
     this.disabled = false;
-    this.error = '';
+    this.error = "";
     this.invalid = false;
-    this.helpertext = '';
-    this.label = '';
-    this.placeholder = '';
+    this.helpertext = "";
+    this.label = "";
+    this.placeholder = "";
     this.inputid = `${Math.random()}`;
-    this.name = '';
-    this.required = null;
-    this.type = 'text';
-    this.autocomplete = '';
+    this.name = "";
+    this.required = false;
+    this.type = "text";
+    this.autocomplete = "";
     this.valid = null;
-    this.value = '';
-    this.maxlength = '';
-    this.min = '';
-    this.max = '';
-    this.step = '';
-    this.pattern = '';
+    this.value = "";
+    this.maxlength = "";
+    this.min = "";
+    this.max = "";
+    this.step = "";
+    this.pattern = "";
     this.showText = false;
   }
   getTextMessage() {
@@ -32,8 +32,21 @@ export class PnMarketwebInput {
     this.showText = !this.showText;
   }
   getInputType() {
-    let types = ['text', 'password', 'url', 'tel', 'search', 'number', 'email', 'date', 'datetime-local', 'month', 'week', 'time'];
-    return (types.includes(this.type) && !this.showText) ? this.type : 'text';
+    let types = [
+      "text",
+      "password",
+      "url",
+      "tel",
+      "search",
+      "number",
+      "email",
+      "date",
+      "datetime-local",
+      "month",
+      "week",
+      "time",
+    ];
+    return types.includes(this.type) && !this.showText ? this.type : "text";
   }
   setVal(e) {
     var _a;
@@ -41,21 +54,19 @@ export class PnMarketwebInput {
     this.value = target.value;
   }
   getClassNames() {
-    let classNames = 'pn-input ';
+    let classNames = "pn-input ";
     if (this.error.length > 0 || this.invalid)
-      classNames += 'error ';
+      classNames += "error ";
     if (this.valid)
-      classNames += 'valid ';
-    if (this.type === 'password')
-      classNames += 'password ';
+      classNames += "valid ";
+    if (this.type === "password")
+      classNames += "password ";
     if (this.error || this.invalid || this.valid)
-      classNames += 'icon ';
+      classNames += "icon ";
     return classNames;
   }
   render() {
-    return (h(Host, { class: this.getClassNames() }, (this.label || this.maxlength) &&
-      h("div", { class: "label-container" }, this.label && h("label", { htmlFor: this.inputid }, this.label), parseInt(this.maxlength) > 0 && h("label", { class: "char-count", htmlFor: this.inputid }, `${this.value.length}/${this.maxlength}`)), h("div", { class: "input-container" }, h("input", { type: this.getInputType(), value: this.value, id: this.inputid, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autocomplete: this.autocomplete, onInput: (e) => this.setVal(e), maxlength: this.maxlength ? this.maxlength : null, min: (this.min ? this.min : null), max: (this.max ? this.max : null), step: (this.step ? this.step : null), pattern: (this.pattern ? this.pattern : null) }), h("svg", { class: "pn-input-checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, h("polyline", { class: "checkmark-path", points: "4,12 9,17 20,6", "stroke-width": "3" })), this.type === 'password' && !this.disabled && h("button", { onClick: () => this.toggleTextVisibility() }, "Show")), this.getTextMessage() &&
-      h("small", null, this.error && h("pn-icon", { symbol: "alert-exclamation-circle", small: true, color: "warning" }), this.getTextMessage())));
+    return (h(Host, { class: this.getClassNames() }, (this.label || this.maxlength) && (h("div", { class: "label-container" }, this.label && h("label", { htmlFor: this.inputid }, this.label), parseInt(this.maxlength) > 0 && (h("label", { class: "char-count", htmlFor: this.inputid }, `${this.value.length}/${this.maxlength}`)))), h("div", { class: "input-container" }, h("input", { type: this.getInputType(), value: this.value, id: this.inputid, name: this.name, placeholder: this.placeholder, disabled: this.disabled, required: this.required, autocomplete: this.autocomplete, onInput: (e) => this.setVal(e), maxlength: this.maxlength ? this.maxlength : null, min: this.min ? this.min : null, max: this.max ? this.max : null, step: this.step ? this.step : null, pattern: this.pattern ? this.pattern : null }), h("svg", { class: "pn-input-checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, h("polyline", { class: "checkmark-path", points: "4,12 9,17 20,6", "stroke-width": "3" })), this.type === "password" && !this.disabled && (h("button", { onClick: () => this.toggleTextVisibility() }, "Show"))), this.getTextMessage() && (h("small", null, this.error && h("pn-icon", { symbol: "alert-exclamation-circle", small: true, color: "warning" }), this.getTextMessage()))));
   }
   static get is() { return "pn-marketweb-input"; }
   static get originalStyleUrls() {
@@ -104,7 +115,7 @@ export class PnMarketwebInput {
         },
         "attribute": "error",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "invalid": {
         "type": "boolean",
@@ -140,7 +151,7 @@ export class PnMarketwebInput {
         },
         "attribute": "helpertext",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "label": {
         "type": "string",
@@ -158,7 +169,7 @@ export class PnMarketwebInput {
         },
         "attribute": "label",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "placeholder": {
         "type": "string",
@@ -176,7 +187,7 @@ export class PnMarketwebInput {
         },
         "attribute": "placeholder",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "inputid": {
         "type": "string",
@@ -212,7 +223,7 @@ export class PnMarketwebInput {
         },
         "attribute": "name",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "required": {
         "type": "boolean",
@@ -230,7 +241,7 @@ export class PnMarketwebInput {
         },
         "attribute": "required",
         "reflect": false,
-        "defaultValue": "null"
+        "defaultValue": "false"
       },
       "type": {
         "type": "string",
@@ -248,7 +259,7 @@ export class PnMarketwebInput {
         },
         "attribute": "type",
         "reflect": false,
-        "defaultValue": "'text'"
+        "defaultValue": "\"text\""
       },
       "autocomplete": {
         "type": "string",
@@ -266,7 +277,7 @@ export class PnMarketwebInput {
         },
         "attribute": "autocomplete",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "valid": {
         "type": "boolean",
@@ -302,7 +313,7 @@ export class PnMarketwebInput {
         },
         "attribute": "value",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "maxlength": {
         "type": "string",
@@ -320,7 +331,7 @@ export class PnMarketwebInput {
         },
         "attribute": "maxlength",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "min": {
         "type": "string",
@@ -338,7 +349,7 @@ export class PnMarketwebInput {
         },
         "attribute": "min",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "max": {
         "type": "string",
@@ -356,7 +367,7 @@ export class PnMarketwebInput {
         },
         "attribute": "max",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "step": {
         "type": "string",
@@ -374,7 +385,7 @@ export class PnMarketwebInput {
         },
         "attribute": "step",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       },
       "pattern": {
         "type": "string",
@@ -392,7 +403,7 @@ export class PnMarketwebInput {
         },
         "attribute": "pattern",
         "reflect": false,
-        "defaultValue": "''"
+        "defaultValue": "\"\""
       }
     };
   }

package/collection/components/input/pn-multi-formfield/types.js

@@ -0,0 +1 @@
+export {};

package/components/index.d.ts

@@ -1,4 +1,5 @@
 /* PnMarketWebComponents custom elements */
+export { PnAddressAutofill as PnAddressAutofill } from '../types/components/input/pn-address-autofill/pn-address-autofill';
 export { PnAnimatedTile as PnAnimatedTile } from '../types/components/animation/pn-animated-tile/pn-animated-tile';
 export { PnAppBanner as PnAppBanner } from '../types/components/minor/pn-app-banner/pn-app-banner';
 export { PnBonusProgressbar as PnBonusProgressbar } from '../types/components/input/pn-bonus-progressbar/pn-bonus-progressbar';
@@ -35,7 +36,7 @@ export { PnMarketwebSiteheaderLoginMypageButton as PnMarketwebSiteheaderLoginMyp
 export { PnMarketwebSiteheaderLoginProfileselection as PnMarketwebSiteheaderLoginProfileselection } from '../types/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection';
 export { PnMarketwebSiteheaderSearch as PnMarketwebSiteheaderSearch } from '../types/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-search';
 export { PnMarketwebSiteheaderUnifiedLogin as PnMarketwebSiteheaderUnifiedLogin } from '../types/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-unified-login';
-export { PnMultiFormField as PnMultiFormfield } from '../types/components/layout-components/pn-multi-formfield/pn-multi-formfield';
+export { PnMultiFormField as PnMultiFormfield } from '../types/components/input/pn-multi-formfield/pn-multi-formfield';
 export { PnSpotlight as PnParcelTracker } from '../types/components/cta/pn-parcel-tracker/pn-parcel-tracker';
 export { PnPexPricefinder as PnPexPricefinder } from '../types/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder';
 export { PnPlayOnScroll as PnPlayOnScroll } from '../types/components/animation/pn-play-on-scroll/pn-play-on-scroll';

package/components/index.js

@@ -1,4 +1,5 @@
 export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+export { PnAddressAutofill, defineCustomElement as defineCustomElementPnAddressAutofill } from './pn-address-autofill.js';
 export { PnAnimatedTile, defineCustomElement as defineCustomElementPnAnimatedTile } from './pn-animated-tile.js';
 export { PnAppBanner, defineCustomElement as defineCustomElementPnAppBanner } from './pn-app-banner.js';
 export { PnBonusProgressbar, defineCustomElement as defineCustomElementPnBonusProgressbar } from './pn-bonus-progressbar.js';

package/components/index2.js

@@ -1,59 +1,70 @@
-import { c as createCommonjsModule } from './_commonjsHelpers.js';
+/**
+ * Returns a function, that, as long as it continues to be invoked, will not
+ * be triggered. The function will be called after it stops being called for
+ * N milliseconds. If `immediate` is passed, trigger the function on the
+ * leading edge, instead of the trailing. The function also has a property 'clear' 
+ * that is a function which will clear the timer to prevent previously scheduled executions. 
+ *
+ * @source underscore.js
+ * @see http://unscriptable.com/2009/03/20/debouncing-javascript-methods/
+ * @param {Function} function to wrap
+ * @param {Number} timeout in ms (`100`)
+ * @param {Boolean} whether to execute at the beginning (`false`)
+ * @api public
+ */
+function debounce(func, wait, immediate){
+  var timeout, args, context, timestamp, result;
+  if (null == wait) wait = 100;
 
-var classnames = createCommonjsModule(function (module) {
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-/* global define */
+  function later() {
+    var last = Date.now() - timestamp;
 
-(function () {
+    if (last < wait && last >= 0) {
+      timeout = setTimeout(later, wait - last);
+    } else {
+      timeout = null;
+      if (!immediate) {
+        result = func.apply(context, args);
+        context = args = null;
+      }
+    }
+  }
+  var debounced = function(){
+    context = this;
+    args = arguments;
+    timestamp = Date.now();
+    var callNow = immediate && !timeout;
+    if (!timeout) timeout = setTimeout(later, wait);
+    if (callNow) {
+      result = func.apply(context, args);
+      context = args = null;
+    }
 
-	var hasOwn = {}.hasOwnProperty;
+    return result;
+  };
 
-	function classNames() {
-		var classes = [];
+  debounced.clear = function() {
+    if (timeout) {
+      clearTimeout(timeout);
+      timeout = null;
+    }
+  };
+  
+  debounced.flush = function() {
+    if (timeout) {
+      result = func.apply(context, args);
+      context = args = null;
+      
+      clearTimeout(timeout);
+      timeout = null;
+    }
+  };
 
-		for (var i = 0; i < arguments.length; i++) {
-			var arg = arguments[i];
-			if (!arg) continue;
+  return debounced;
+}
+// Adds compatibility for ES modules
+debounce.debounce = debounce;
 
-			var argType = typeof arg;
+var debounce_1 = debounce;
 
-			if (argType === 'string' || argType === 'number') {
-				classes.push(arg);
-			} else if (Array.isArray(arg)) {
-				if (arg.length) {
-					var inner = classNames.apply(null, arg);
-					if (inner) {
-						classes.push(inner);
-					}
-				}
-			} else if (argType === 'object') {
-				if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
-					classes.push(arg.toString());
-					continue;
-				}
-
-				for (var key in arg) {
-					if (hasOwn.call(arg, key) && arg[key]) {
-						classes.push(key);
-					}
-				}
-			}
-		}
-
-		return classes.join(' ');
-	}
-
-	if (module.exports) {
-		classNames.default = classNames;
-		module.exports = classNames;
-	} else {
-		window.classNames = classNames;
-	}
-}());
-});
-
-export { classnames as c };
+export { debounce_1 as d };

package/components/index3.js

@@ -1,70 +1,59 @@
-/**
- * Returns a function, that, as long as it continues to be invoked, will not
- * be triggered. The function will be called after it stops being called for
- * N milliseconds. If `immediate` is passed, trigger the function on the
- * leading edge, instead of the trailing. The function also has a property 'clear' 
- * that is a function which will clear the timer to prevent previously scheduled executions. 
- *
- * @source underscore.js
- * @see http://unscriptable.com/2009/03/20/debouncing-javascript-methods/
- * @param {Function} function to wrap
- * @param {Number} timeout in ms (`100`)
- * @param {Boolean} whether to execute at the beginning (`false`)
- * @api public
- */
-function debounce(func, wait, immediate){
-  var timeout, args, context, timestamp, result;
-  if (null == wait) wait = 100;
+import { c as createCommonjsModule } from './_commonjsHelpers.js';
 
-  function later() {
-    var last = Date.now() - timestamp;
+var classnames = createCommonjsModule(function (module) {
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+/* global define */
 
-    if (last < wait && last >= 0) {
-      timeout = setTimeout(later, wait - last);
-    } else {
-      timeout = null;
-      if (!immediate) {
-        result = func.apply(context, args);
-        context = args = null;
-      }
-    }
-  }
-  var debounced = function(){
-    context = this;
-    args = arguments;
-    timestamp = Date.now();
-    var callNow = immediate && !timeout;
-    if (!timeout) timeout = setTimeout(later, wait);
-    if (callNow) {
-      result = func.apply(context, args);
-      context = args = null;
-    }
+(function () {
 
-    return result;
-  };
+	var hasOwn = {}.hasOwnProperty;
 
-  debounced.clear = function() {
-    if (timeout) {
-      clearTimeout(timeout);
-      timeout = null;
-    }
-  };
-  
-  debounced.flush = function() {
-    if (timeout) {
-      result = func.apply(context, args);
-      context = args = null;
-      
-      clearTimeout(timeout);
-      timeout = null;
-    }
-  };
+	function classNames() {
+		var classes = [];
 
-  return debounced;
-}
-// Adds compatibility for ES modules
-debounce.debounce = debounce;
+		for (var i = 0; i < arguments.length; i++) {
+			var arg = arguments[i];
+			if (!arg) continue;
 
-var debounce_1 = debounce;
+			var argType = typeof arg;
 
-export { debounce_1 as d };
+			if (argType === 'string' || argType === 'number') {
+				classes.push(arg);
+			} else if (Array.isArray(arg)) {
+				if (arg.length) {
+					var inner = classNames.apply(null, arg);
+					if (inner) {
+						classes.push(inner);
+					}
+				}
+			} else if (argType === 'object') {
+				if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+					classes.push(arg.toString());
+					continue;
+				}
+
+				for (var key in arg) {
+					if (hasOwn.call(arg, key) && arg[key]) {
+						classes.push(key);
+					}
+				}
+			}
+		}
+
+		return classes.join(' ');
+	}
+
+	if (module.exports) {
+		classNames.default = classNames;
+		module.exports = classNames;
+	} else {
+		window.classNames = classNames;
+	}
+}());
+});
+
+export { classnames as c };

package/components/pn-address-autofill.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PnAddressAutofill extends Components.PnAddressAutofill, HTMLElement {}
+export const PnAddressAutofill: {
+  prototype: PnAddressAutofill;
+  new (): PnAddressAutofill;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;