@postnord/pn-marketweb-components 2.3.6 → 2.3.8

package/custom-elements/index.js

@@ -88,7 +88,7 @@ var classnames = createCommonjsModule(function (module) {
 }());
 });
 
-const pnAnimatedTileCss = "pn-animated-tile .pn-animated-tile__container{position:relative;border-radius:2.4rem;height:56rem;cursor:default}pn-animated-tile .pn-animated-tile__content{position:relative;display:-ms-flexbox;display:flex;height:100%;width:100%;background-color:transparent}pn-animated-tile [slot=side-a],pn-animated-tile [slot=side-b]{position:absolute;-ms-flex-item-align:stretch;align-self:stretch;top:0;left:0;width:100%;height:100%;padding:2.4rem}pn-animated-tile [slot=side-a]{opacity:1}pn-animated-tile [slot=side-b]{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}pn-animated-tile .pn-animated-tile__toggle{position:absolute;bottom:0;right:0;padding:2.4rem}pn-animated-tile .pn-animated-tile__toggle pn-icon{cursor:pointer;border-radius:50%;padding:0.8rem;margin:0.8rem 0 0 0}pn-animated-tile pn-icon .button-tooltip{display:none}.cat-animate [slot=side-a],.cat-animate [slot=side-b]{-webkit-transition:opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out 0.2s;transition:opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out 0.2s;transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out 0.2s;transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out 0.2s, -webkit-transform 0.5s ease-in-out 0.2s}.cat-animate.fade [slot=side-a]{opacity:0}.cat-animate.fade [slot=side-b]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:0.5s;transition-delay:0.5s}.cat-animate.fade--reversed [slot=side-a]{opacity:1;-webkit-transition-delay:0.5s;transition-delay:0.5s}.cat-animate.fade--reversed [slot=side-b]{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.cat-animate.toggle pn-icon{-webkit-transition:-webkit-transform 0.45s ease-in-out;transition:-webkit-transform 0.45s ease-in-out;transition:transform 0.45s ease-in-out;transition:transform 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;-webkit-transition-delay:0.5s;transition-delay:0.5s}.cat-animate.toggle.animate pn-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}[data-cat-theme=white] .pn-animated-tile__container{background-color:#FFFFFF}[data-cat-theme=white] .pn-animated-tile__toggle>pn-icon{background-color:#FFFFFF}[data-cat-theme=white] .pn-animated-tile__toggle>pn-icon svg>path{fill:#00A0D6}[data-cat-theme=coral400] .pn-animated-tile__container{background-color:#F06365}[data-cat-theme=coral400] .pn-animated-tile__toggle>pn-icon{background-color:#FFFFFF}[data-cat-theme=coral400] .pn-animated-tile__toggle>pn-icon svg>path{fill:#F06365}[data-cat-theme=private] .pn-animated-tile__container{background-color:#00A0D6}[data-cat-theme=private] .pn-animated-tile__toggle>pn-icon{background-color:#FFFFFF}[data-cat-theme=private] .pn-animated-tile__toggle>pn-icon svg>path{fill:#00A0D6}[data-cat-theme=business] .pn-animated-tile__container{background-color:#0D234B}[data-cat-theme=business] .pn-animated-tile__toggle>pn-icon{background-color:#FFFFFF}[data-cat-theme=business] .pn-animated-tile__toggle>pn-icon svg>path{fill:#0D234B}[data-cat-theme=hybrid] .pn-animated-tile__container{background-color:#e9e6e5}[data-cat-theme=hybrid] .pn-animated-tile__toggle>pn-icon{background-color:#FFFFFF}[data-cat-theme=hybrid] .pn-animated-tile__toggle>pn-icon svg>path{fill:#005D92}[data-cat-firstpage-only=true] [slot=side-b],[data-cat-firstpage-only=true] .pn-animated-tile__toggle{display:none}";
+const pnAnimatedTileCss = "pn-animated-tile .pn-animated-tile__container{position:relative;border-radius:2.4rem;height:56rem;cursor:default}pn-animated-tile .pn-animated-tile__content{position:relative;display:-ms-flexbox;display:flex;height:100%;width:100%;background-color:transparent}pn-animated-tile [slot=side-a],pn-animated-tile [slot=side-b]{position:absolute;-ms-flex-item-align:stretch;align-self:stretch;top:0;left:0;width:100%;height:100%}pn-animated-tile [slot=side-a]{padding:0;opacity:1}pn-animated-tile [slot=side-b]{padding:2.4rem 2.4rem 7rem 2.4rem;opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}pn-animated-tile .pn-animated-tile__toggle{position:absolute;bottom:2.4rem;right:2.4rem;padding:0.8rem;border-radius:50%;border:none;cursor:pointer}pn-animated-tile .pn-animated-tile__toggle:hover{background-color:#e9e6e5}pn-animated-tile .pn-animated-tile__toggle:hover pn-icon{background-color:#e9e6e5}pn-animated-tile .button-tooltip{display:none}.cat-animate [slot=side-a],.cat-animate [slot=side-b]{-webkit-transition:opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out 0.2s;transition:opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out 0.2s;transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out 0.2s;transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out 0.2s, -webkit-transform 0.5s ease-in-out 0.2s}.cat-animate.fade [slot=side-a]{opacity:0}.cat-animate.fade [slot=side-b]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:0.5s;transition-delay:0.5s}.cat-animate.fade--reversed [slot=side-a]{opacity:1;-webkit-transition-delay:0.5s;transition-delay:0.5s}.cat-animate.fade--reversed [slot=side-b]{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.cat-animate.toggle pn-icon{-webkit-transition:-webkit-transform 0.45s ease-in-out;transition:-webkit-transform 0.45s ease-in-out;transition:transform 0.45s ease-in-out;transition:transform 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;-webkit-transition-delay:0.5s;transition-delay:0.5s}.cat-animate.toggle.animate pn-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}[data-cat-theme=white] .pn-animated-tile__container{background-color:#FFFFFF}[data-cat-theme=white] .pn-animated-tile__toggle{background-color:#FFFFFF}[data-cat-theme=white] .pn-animated-tile__toggle pn-icon{background-color:#FFFFFF}[data-cat-theme=white] .pn-animated-tile__toggle pn-icon svg>path{fill:#00A0D6}[data-cat-theme=white] .pn-animated-tile__toggle:focus,[data-cat-theme=white] .pn-animated-tile__toggle:focus-visible{outline-color:#00A0D6}[data-cat-theme=coral400] .pn-animated-tile__container{background-color:#F06365}[data-cat-theme=coral400] .pn-animated-tile__toggle{background-color:#FFFFFF}[data-cat-theme=coral400] .pn-animated-tile__toggle pn-icon{background-color:#FFFFFF}[data-cat-theme=coral400] .pn-animated-tile__toggle pn-icon svg>path{fill:#F06365}[data-cat-theme=coral400] .pn-animated-tile__toggle:focus,[data-cat-theme=coral400] .pn-animated-tile__toggle:focus-visible{outline-color:#F06365}[data-cat-theme=private] .pn-animated-tile__container{background-color:#00A0D6}[data-cat-theme=private] .pn-animated-tile__toggle{background-color:#FFFFFF}[data-cat-theme=private] .pn-animated-tile__toggle pn-icon{background-color:#FFFFFF}[data-cat-theme=private] .pn-animated-tile__toggle pn-icon svg>path{fill:#00A0D6}[data-cat-theme=private] .pn-animated-tile__toggle:focus,[data-cat-theme=private] .pn-animated-tile__toggle:focus-visible{outline-color:#00A0D6}[data-cat-theme=business] .pn-animated-tile__container{background-color:#0D234B}[data-cat-theme=business] .pn-animated-tile__toggle{background-color:#FFFFFF}[data-cat-theme=business] .pn-animated-tile__toggle pn-icon{background-color:#FFFFFF}[data-cat-theme=business] .pn-animated-tile__toggle pn-icon svg>path{fill:#0D234B}[data-cat-theme=business] .pn-animated-tile__toggle:focus,[data-cat-theme=business] .pn-animated-tile__toggle:focus-visible{outline-color:#0D234B}[data-cat-theme=hybrid] .pn-animated-tile__container{background-color:#e9e6e5}[data-cat-theme=hybrid] .pn-animated-tile__toggle{background-color:#FFFFFF}[data-cat-theme=hybrid] .pn-animated-tile__toggle pn-icon{background-color:#FFFFFF}[data-cat-theme=hybrid] .pn-animated-tile__toggle pn-icon svg>path{fill:#005D92}[data-cat-theme=hybrid] .pn-animated-tile__toggle:focus,[data-cat-theme=hybrid] .pn-animated-tile__toggle:focus-visible{outline-color:#005D92}[data-cat-firstpage-only=true] [slot=side-b],[data-cat-firstpage-only=true] .pn-animated-tile__toggle{display:none}";
 
 let PnAnimatedTile$1 = class extends HTMLElement {
   constructor() {
@@ -106,7 +106,7 @@ let PnAnimatedTile$1 = class extends HTMLElement {
     this.animateIcon = classnames({ 'animate': this.toggled, '': !this.toggled });
   }
   render() {
-    return (h(Host, null, h("div", { class: "pn-animated-tile__container" }, h("div", { class: `pn-animated-tile__content cat-animate ${this.transitionClassName}` }, h("slot", { name: "side-a" }), h("slot", { name: "side-b" })), h("div", { class: `pn-animated-tile__toggle cat-animate toggle ${this.animateIcon}` }, h("pn-icon", { symbol: "plus", onClick: this.onClickHandler })))));
+    return (h(Host, null, h("div", { class: "pn-animated-tile__container" }, h("div", { class: `pn-animated-tile__content cat-animate ${this.transitionClassName}` }, h("slot", { name: "side-a" }), h("slot", { name: "side-b" })), h("button", { class: `pn-animated-tile__toggle cat-animate toggle ${this.animateIcon}`, onClick: this.onClickHandler }, h("pn-icon", { symbol: "plus" })))));
   }
   get hostElement() { return this; }
   static get watchers() { return {
@@ -24555,7 +24555,7 @@ const appendToMap = (map, propName, value) => {
         items.push(value);
     }
 };
-const debounce = (fn, ms) => {
+const debounce$1 = (fn, ms) => {
     let timeoutId;
     return (...args) => {
         if (timeoutId) {
@@ -24578,7 +24578,7 @@ const debounce = (fn, ms) => {
  * Better leak in Edge than to be useless.
  */
 const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
-const cleanupElements = debounce((map) => {
+const cleanupElements = debounce$1((map) => {
     for (let key of map.keys()) {
         map.set(key, map.get(key).filter(isConnected));
     }
@@ -27963,30 +27963,315 @@ let PnMarketwebSiteheaderUnifiedLogin$1 = class extends HTMLElement {
   static get style() { return pnMarketwebSiteheaderUnifiedLoginCss; }
 };
 
-const pnMultiInputCss = "";
+/**
+ * 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;
+
+  function later() {
+    var last = Date.now() - timestamp;
+
+    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;
+    }
+
+    return result;
+  };
+
+  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;
+    }
+  };
+
+  return debounced;
+}
+// Adds compatibility for ES modules
+debounce.debounce = debounce;
+
+var debounce_1 = debounce;
+
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+let getRandomValues;
+const rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+    }
+  }
+
+  return getRandomValues(rnds8);
+}
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+const byteToHex = [];
 
-let PnmultiInput = class extends HTMLElement {
+for (let i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).slice(1));
+}
+
+function unsafeStringify(arr, offset = 0) {
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+}
+
+const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const native = {
+  randomUUID
+};
+
+function v4(options, buf, offset) {
+  if (native.randomUUID && !buf && !options) {
+    return native.randomUUID();
+  }
+
+  options = options || {};
+  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  if (buf) {
+    offset = offset || 0;
+
+    for (let i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+
+    return buf;
+  }
+
+  return unsafeStringify(rnds);
+}
+
+const pnMultiFormfieldCss = ".pn-multi-formfield{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}";
+
+let PnMultiFormField = class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
-    this.inputElm = null;
+    this.changed = createEvent(this, "changed", 7);
+    this.containerElm = null;
+    this.slotElm = null;
+    this.formFields = null;
+    this.formFieldTypes = ["input", "textarea", "select"];
+    this.additionalRowStartIndex = 2;
+    this.formRow = [];
+    this.formValues = [];
+    this.elementToCopy = null;
+    this.fieldsPerRowCount = 0;
+    this.newRowStartIndex = 2;
+    this.originalLabelNames = [];
+    this.value = [];
+    this.formFieldClassName = "form-control";
+    this.formFieldOuterParentClassName = "formelement";
+    this.formFieldEvent = (e) => {
+      if (e.target.matches(`.${this.formFieldClassName}`)) {
+        ["change", "keyup"].forEach((eventName) => {
+          const debouncedAddValue = debounce_1.debounce(this.updateValues.bind(this, e.target), 1000);
+          e.target.addEventListener(eventName, debouncedAddValue);
+        });
+      }
+    };
+  }
+  generateUniqueId() {
+    return v4();
   }
-  async componentDidLoad() {
+  componentDidLoad() {
     this.init();
   }
-  init() {
-    this.inputElm = this.hostElement.querySelector(".pn-multi-input");
+  async init() {
+    this.addEventHandlers();
+    this.setDefaultValues();
   }
-  addRow(e) {
-    if (e.type === 'click') {
-      console.log(this.inputElm);
+  addEventHandlers() {
+    this.hostElement.addEventListener("click", this.formFieldEvent);
+  }
+  setDefaultValues() {
+    var _a;
+    const labelElms = (_a = this.containerElm) === null || _a === void 0 ? void 0 : _a.querySelectorAll("label");
+    if (labelElms) {
+      this.fieldsPerRowCount = labelElms.length;
+      this.originalLabelNames = [...labelElms].map((label) => label.innerHTML);
+      const emptyValues = this.originalLabelNames.map((label) => {
+        const obj = { Name: label, Value: "" };
+        return obj;
+      });
+      this.formValues = [...emptyValues];
+      this.setHiddenValue();
+    }
+  }
+  setHiddenValue() {
+    var _a;
+    const hiddenField = (_a = this.hostElement) === null || _a === void 0 ? void 0 : _a.querySelector(".hiddenValue");
+    if (hiddenField) {
+      hiddenField.value = JSON.stringify(this.formValues);
+    }
+  }
+  updateValues(field, e) {
+    var _a;
+    e.preventDefault();
+    const slotElm = field.closest(".pn-multi-formfield-slot");
+    const isSlotParent = !!slotElm;
+    let containerElm = isSlotParent ? slotElm : field.closest(".generated-parent");
+    if (containerElm) {
+      const formFields = (_a = [...containerElm === null || containerElm === void 0 ? void 0 : containerElm.querySelectorAll(`.${this.formFieldClassName}`)]) === null || _a === void 0 ? void 0 : _a.filter((x) => this.formFieldTypes.includes(x.nodeName.toLowerCase()));
+      formFields === null || formFields === void 0 ? void 0 : formFields.map((elm) => {
+        const fieldElm = elm;
+        const closestLabelElm = fieldElm.closest("div").querySelector("label");
+        const label = (closestLabelElm === null || closestLabelElm === void 0 ? void 0 : closestLabelElm.dataset.label) || (closestLabelElm === null || closestLabelElm === void 0 ? void 0 : closestLabelElm.innerHTML);
+        const newItem = { Name: label, Value: fieldElm.value };
+        this.setFormValues(newItem);
+      });
+    }
+    this.setHiddenValue();
+  }
+  setFormValues(obj) {
+    const item = this.formValues.find((item) => item.Name === obj.Name);
+    if (item === undefined) {
+      this.formValues.push(obj);
+    }
+    if (item !== undefined) {
+      item.Value = obj.Value;
     }
+    this.formValues = [...this.formValues];
+    this.value = this.formValues;
+    this.changed.emit(this.formValues);
+  }
+  addRow(e) {
+    if (e.type === "click") {
+      this.addFormElements();
+    }
+  }
+  addFormElements() {
+    if (!this.elementToCopy) {
+      const elm = this.hostElement.querySelector(".pn-multi-formfield");
+      const clone = elm.cloneNode(true);
+      this.elementToCopy = clone;
+    }
+    const setFormElements = [
+      ...this.elementToCopy.querySelectorAll(`.${this.formFieldOuterParentClassName}`),
+    ].map((elm) => {
+      const labelElm = elm.querySelector("label");
+      const fieldElm = elm.querySelector(`.${this.formFieldClassName}`);
+      const newId = this.generateUniqueId();
+      labelElm.dataset.label = `${labelElm.innerText} ${this.newRowStartIndex}`;
+      labelElm.setAttribute("for", newId);
+      fieldElm.setAttribute("id", newId);
+      fieldElm.setAttribute("name", `__${newId}`);
+      return elm;
+    });
+    this.newRowStartIndex++;
+    const parentId = this.generateUniqueId();
+    const parentElm = document.createElement("div");
+    parentElm.setAttribute("id", parentId);
+    parentElm.setAttribute("class", "generated-parent");
+    setFormElements.map((clone) => {
+      parentElm.innerHTML += clone.innerHTML;
+    });
+    parentElm.appendChild(this.createDeleteButton());
+    this.containerElm.appendChild(parentElm);
+  }
+  createDeleteButton() {
+    const buttonElm = document.createElement("pn-button");
+    buttonElm.onclick = (e) => this.deleteRow(e);
+    buttonElm.setAttribute("icon-only", "true");
+    buttonElm.setAttribute("icon", "minus");
+    buttonElm.setAttribute("appearance", "warning");
+    buttonElm.appendChild(document.createTextNode(`X`));
+    return buttonElm;
+  }
+  deleteRow(e) {
+    e.preventDefault();
+    const targetElm = e.currentTarget;
+    const parentElm = targetElm.parentElement;
+    const allFieldElms = parentElm.querySelectorAll(`.${this.formFieldClassName}`);
+    allFieldElms.forEach((elm) => {
+      elm.remove();
+    });
+    parentElm.remove();
+    this.newRowStartIndex--;
+    this.formValues = [...this.formValues.slice(0, this.fieldsPerRowCount)];
+    const allGeneratedElms = [...this.containerElm.querySelectorAll(".generated-parent")];
+    allGeneratedElms.map((elm, index) => {
+      const allLabelElms = [...elm.querySelectorAll("label")];
+      allLabelElms.map((labelElm) => {
+        const labelParts = this.getLabelParts(labelElm.dataset.label);
+        labelElm.dataset.label = this.getLabelName(labelParts[0], index);
+        const associatedField = labelElm.parentElement.querySelector(`.${this.formFieldClassName}`);
+        const updateItem = { Name: labelElm.dataset.label, Value: associatedField.value };
+        this.setFormValues(updateItem);
+      });
+    });
+    this.setHiddenValue();
+  }
+  getLabelParts(label) {
+    const part1 = label.substring(0, label.lastIndexOf(" "));
+    const part2 = label.substring(label.lastIndexOf(" ") + 1);
+    const parts = [part1, part2];
+    return parts;
+  }
+  getLabelName(name, index) {
+    return `${name} ${index + this.additionalRowStartIndex}`;
   }
   render() {
-    return (h(Host, null, h("div", { class: "pn-multi-input" }, h("slot", null)), h("button", { onClick: (e) => this.addRow(e) }, "+")));
+    return (h(Host, null, h("div", { ref: (el) => (this.containerElm = el), class: "pn-multi-formfield" }, h("div", { ref: (el) => (this.slotElm = el), class: "pn-multi-formfield-slot" }, h("slot", null))), h("pn-button", { "icon-only": "true", "aria-label": "Add", icon: "plus", onClick: (e) => this.addRow(e) }, "+")));
   }
   get hostElement() { return this; }
-  static get style() { return pnMultiInputCss; }
+  static get style() { return pnMultiFormfieldCss; }
 };
 
 const pnParcelTrackerCss = "pn-spotlight .pn-spotlight__container:has(pn-parcel-tracker) [slot=mobile-heading]{color:#005D92}.pn-spotlight__container__wrapper__content [slot=content]:has(pn-parcel-tracker){padding-left:2rem}pn-parcel-tracker{width:100%}pn-parcel-tracker .pn-parcel-tracker__container form{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;gap:1.6rem}pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{color:#005D92;font-weight:500;margin-bottom:0}@media screen and (max-width: 768px){pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{display:none}}@media screen and (min-width: 1640px){pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{font-size:2.4rem;font-weight:700}}pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{-ms-flex-positive:1;flex-grow:1;max-width:80%}@media screen and (min-width: 768px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:50%}}@media screen and (min-width: 992px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:45%}}@media screen and (min-width: 1640px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:35%}}pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input input{border-radius:6.4rem}";
@@ -29464,71 +29749,6 @@ let PnQuoteCard$1 = class extends HTMLElement {
   static get style() { return pnQuoteCardCss; }
 };
 
-// Unique ID creation requires a high quality random # generator. In the browser we therefore
-// require the crypto API and do not support built-in fallback to lower quality random number
-// generators (like Math.random()).
-let getRandomValues;
-const rnds8 = new Uint8Array(16);
-function rng() {
-  // lazy load so that environments that need to polyfill have a chance to do so
-  if (!getRandomValues) {
-    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
-    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
-
-    if (!getRandomValues) {
-      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-    }
-  }
-
-  return getRandomValues(rnds8);
-}
-
-/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-
-const byteToHex = [];
-
-for (let i = 0; i < 256; ++i) {
-  byteToHex.push((i + 0x100).toString(16).slice(1));
-}
-
-function unsafeStringify(arr, offset = 0) {
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
-}
-
-const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const native = {
-  randomUUID
-};
-
-function v4(options, buf, offset) {
-  if (native.randomUUID && !buf && !options) {
-    return native.randomUUID();
-  }
-
-  options = options || {};
-  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
-
-  rnds[6] = rnds[6] & 0x0f | 0x40;
-  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
-
-  if (buf) {
-    offset = offset || 0;
-
-    for (let i = 0; i < 16; ++i) {
-      buf[offset + i] = rnds[i];
-    }
-
-    return buf;
-  }
-
-  return unsafeStringify(rnds);
-}
-
 const pnScrollCss = "pn-scroll .scroll-wrapper{-webkit-transition:all var(--transition-duration) ease-in-out 250ms;transition:all var(--transition-duration) ease-in-out 250ms}pn-scroll .scroll-wrapper.fade{opacity:0}pn-scroll .scroll-wrapper.fade.in-view{opacity:1}pn-scroll .scroll-wrapper.slide-up{-webkit-transform:translateY(50px);transform:translateY(50px)}pn-scroll .scroll-wrapper.slide-up.in-view{-webkit-transform:translateY(0);transform:translateY(0)}";
 
 const defaultIntersectionCallback = (entries, observer, shouldLoop = false) => {
@@ -30177,7 +30397,7 @@ const PnMarketwebSiteheaderLoginMypageButton = /*@__PURE__*/proxyCustomElement(P
 const PnMarketwebSiteheaderLoginProfileselection = /*@__PURE__*/proxyCustomElement(PnMarketwebSiteheaderLoginProfileselection$1, [0,"pn-marketweb-siteheader-login-profileselection",{"loginDialog":[1040],"endpoint":[1],"loggedin":[4],"idNamespace":[1,"id-namespace"],"heading":[1],"i18n":[16],"currentProfile":[1040],"profileoptions":[1040],"user":[32],"logoutLink":[32],"userName":[32],"userEmail":[32]}]);
 const PnMarketwebSiteheaderSearch = /*@__PURE__*/proxyCustomElement(PnMarketwebSiteheaderSearch$1, [0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"language":[1537],"siteid":[1],"search":[1040],"primary":[4],"icononly":[4],"autoCompleteOptions":[32]}]);
 const PnMarketwebSiteheaderUnifiedLogin = /*@__PURE__*/proxyCustomElement(PnMarketwebSiteheaderUnifiedLogin$1, [0,"pn-marketweb-siteheader-unified-login",{"loggedIn":[4,"logged-in"],"myPageLabel":[1,"my-page-label"],"myPageUrl":[1,"my-page-url"],"logInLabel":[1,"log-in-label"]}]);
-const PnMultiInput = /*@__PURE__*/proxyCustomElement(PnmultiInput, [4,"pn-multi-input"]);
+const PnMultiFormfield = /*@__PURE__*/proxyCustomElement(PnMultiFormField, [4,"pn-multi-formfield",{"value":[1040],"formFieldClassName":[1,"form-field-class-name"],"formFieldOuterParentClassName":[1,"form-field-outer-parent-class-name"],"formRow":[32],"formValues":[32],"elementToCopy":[32],"fieldsPerRowCount":[32],"newRowStartIndex":[32],"originalLabelNames":[32]}]);
 const PnParcelTracker = /*@__PURE__*/proxyCustomElement(PnSpotlight$2, [0,"pn-parcel-tracker",{"formActionUrl":[1,"form-action-url"],"heading":[1],"buttonLabel":[1,"button-label"],"locale":[1],"placeholder":[1],"inputName":[1,"input-name"],"currentWidth":[32]},[[9,"resize","handleViewportSizeChange"]]]);
 const PnPexPricefinder = /*@__PURE__*/proxyCustomElement(PnPexPricefinder$1, [0,"pn-pex-pricefinder",{"language":[1],"currency":[1],"apiUrl":[1,"api-url"],"i18n":[32],"fromzip":[32],"tozip":[32],"weight":[32],"when":[32],"response":[32]},[[0,"language","setLanguage"]]]);
 const PnProductCard = /*@__PURE__*/proxyCustomElement(PnProductCard$1, [4,"pn-product-card"]);
@@ -30255,7 +30475,7 @@ const defineCustomElements = (opts) => {
   PnMarketwebSiteheaderLoginProfileselection,
   PnMarketwebSiteheaderSearch,
   PnMarketwebSiteheaderUnifiedLogin,
-  PnMultiInput,
+  PnMultiFormfield,
   PnParcelTracker,
   PnPexPricefinder,
   PnProductCard,
@@ -30305,4 +30525,4 @@ const defineCustomElements = (opts) => {
   }
 };
 
-export { PnAnimatedTile, PnBonusProgressbar, PnBonusProgressbarLevel, PnBreakpoints, PnChart, PnChartsCard, PnChoiceButton, PnCustomernumberSelector, PnCustomernumberSelectorOption, PnFilterCheckbox, PnFindPrice, PnFindPriceResult, PnFindServiceAndPrice, PnFindServiceAndPriceResult, PnLanguageSelector, PnLanguageSelectorOption, PnLineShape, PnMainnav, PnMainnavLevel, PnMainnavLink, PnMainnavList, PnMarketwebInput, PnMarketwebSearch, PnMarketwebSitefooter, PnMarketwebSiteheader, PnMarketwebSiteheaderLogin, PnMarketwebSiteheaderLoginButton, PnMarketwebSiteheaderLoginLinklist, PnMarketwebSiteheaderLoginLinks, PnMarketwebSiteheaderLoginMypageButton, PnMarketwebSiteheaderLoginProfileselection, PnMarketwebSiteheaderSearch, PnMarketwebSiteheaderUnifiedLogin, PnMultiInput, PnParcelTracker, PnPexPricefinder, PnProductCard, PnProductCardInfo, PnProductCardPrice, PnProductPricelist, PnProductPricelistResult, PnProductTile, PnProductTileInfo, PnProductTilePrice, PnProfileModal, PnProfileModalCustomernumber, PnProfileModalProfile, PnProfileModalType, PnProfileSelector, PnProfileSelectorOption, PnProxioFindprice, PnProxioFindpriceResult, PnProxioPricegroup, PnProxioProductcard, PnProxioProductcardDescription, PnProxioProductcardInformation, PnProxioProductcardPricelink, PnQuickCta, PnQuoteCard, PnScroll, PnShare, PnShareItem, PnSidenav, PnSidenavLevel, PnSidenavLink, PnSidenavTogglebutton, PnSiteFooter, PnSiteFooterCol, PnSiteSelector, PnSiteSelectorItem, PnSpotlight, PnStatsInfo, PnStatsInfoData, PnTeaserCard, PnTitletag, defineCustomElements };
+export { PnAnimatedTile, PnBonusProgressbar, PnBonusProgressbarLevel, PnBreakpoints, PnChart, PnChartsCard, PnChoiceButton, PnCustomernumberSelector, PnCustomernumberSelectorOption, PnFilterCheckbox, PnFindPrice, PnFindPriceResult, PnFindServiceAndPrice, PnFindServiceAndPriceResult, PnLanguageSelector, PnLanguageSelectorOption, PnLineShape, PnMainnav, PnMainnavLevel, PnMainnavLink, PnMainnavList, PnMarketwebInput, PnMarketwebSearch, PnMarketwebSitefooter, PnMarketwebSiteheader, PnMarketwebSiteheaderLogin, PnMarketwebSiteheaderLoginButton, PnMarketwebSiteheaderLoginLinklist, PnMarketwebSiteheaderLoginLinks, PnMarketwebSiteheaderLoginMypageButton, PnMarketwebSiteheaderLoginProfileselection, PnMarketwebSiteheaderSearch, PnMarketwebSiteheaderUnifiedLogin, PnMultiFormfield, PnParcelTracker, PnPexPricefinder, PnProductCard, PnProductCardInfo, PnProductCardPrice, PnProductPricelist, PnProductPricelistResult, PnProductTile, PnProductTileInfo, PnProductTilePrice, PnProfileModal, PnProfileModalCustomernumber, PnProfileModalProfile, PnProfileModalType, PnProfileSelector, PnProfileSelectorOption, PnProxioFindprice, PnProxioFindpriceResult, PnProxioPricegroup, PnProxioProductcard, PnProxioProductcardDescription, PnProxioProductcardInformation, PnProxioProductcardPricelink, PnQuickCta, PnQuoteCard, PnScroll, PnShare, PnShareItem, PnSidenav, PnSidenavLevel, PnSidenavLink, PnSidenavTogglebutton, PnSiteFooter, PnSiteFooterCol, PnSiteSelector, PnSiteSelectorItem, PnSpotlight, PnStatsInfo, PnStatsInfoData, PnTeaserCard, PnTitletag, defineCustomElements };

package/esm/loader.js

@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy(JSON.parse("[[\"pn-marketweb-siteheader\",[[4,\"pn-marketweb-siteheader\",{\"market\":[1537],\"language\":[1537],\"siteid\":[1],\"environment\":[1537],\"userToken\":[1,\"user-token\"],\"userFullname\":[1,\"user-fullname\"],\"userLoggedin\":[516,\"user-loggedin\"],\"endpoint\":[1],\"hideSiteSelector\":[1540,\"hide-site-selector\"],\"hideHomeMenuItem\":[1540,\"hide-home-menu-item\"],\"hideLanguageSelector\":[1540,\"hide-language-selector\"],\"hideSearch\":[1540,\"hide-search\"],\"hideLogin\":[1540,\"hide-login\"],\"showProfileSelection\":[1540,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"AutocompleteEndpoint\":[1,\"autocomplete-endpoint\"],\"sessionForward\":[4,\"session-forward\"],\"cache\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"spaMode\":[4,\"spa-mode\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32],\"homePageLink\":[32],\"menuItems\":[32],\"siteDefinition\":[32],\"search\":[32],\"siteSelector\":[32],\"languageSelector\":[32],\"languageOptions\":[32],\"loginDialog\":[32],\"minimizeSearch\":[32],\"loggedIn\":[32]},[[0,\"setLanguage\",\"onLanguageSelectorChange\"],[0,\"loginStateChange\",\"onLoginStateChange\"],[9,\"resize\",\"handleResize\"]]]]],[\"pn-proxio-findprice\",[[0,\"pn-proxio-findprice\",{\"endpoint\":[1025],\"language\":[1025],\"market\":[1025],\"showMedium\":[4,\"show-medium\"],\"cache\":[4],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"sizecategory\":[32],\"data\":[32]}]]],[\"pn-find-price\",[[0,\"pn-find-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"sourceData\":[32],\"sizecategory\":[32]}]]],[\"pn-find-service-and-price\",[[0,\"pn-find-service-and-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32],\"deliveryscope\":[32],\"sourceData\":[32]}]]],[\"pn-product-pricelist\",[[4,\"pn-product-pricelist\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"productid\":[1],\"filteredItems\":[32],\"sourceData\":[32],\"gotData\":[32],\"loading\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32]}]]],[\"pn-proxio-pricegroup\",[[0,\"pn-proxio-pricegroup\",{\"endpoint\":[1025],\"language\":[1],\"market\":[1],\"tariffid\":[1],\"cache\":[4],\"activeWeightIndex\":[32],\"data\":[32],\"i18n\":[32]},[[0,\"activeWeightIndex\",\"setActiveWeightIndex\"],[0,\"language\",\"setLanguage\"]]]]],[\"pn-product-pricelist-result\",[[0,\"pn-product-pricelist-result\",{\"item\":[1040],\"description\":[16],\"shownitems\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32]}]]],[\"pn-marketweb-sitefooter\",[[4,\"pn-marketweb-sitefooter\",{\"market\":[1537],\"language\":[1537],\"environment\":[1537],\"endpoint\":[1],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"cache\":[4],\"theme\":[513],\"backgroundcolor\":[513],\"siteDefinition\":[32],\"footerContent\":[32],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32]}]]],[\"pn-parcel-tracker\",[[0,\"pn-parcel-tracker\",{\"formActionUrl\":[1,\"form-action-url\"],\"heading\":[1],\"buttonLabel\":[1,\"button-label\"],\"locale\":[1],\"placeholder\":[1],\"inputName\":[1,\"input-name\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-pex-pricefinder\",[[0,\"pn-pex-pricefinder\",{\"language\":[1],\"currency\":[1],\"apiUrl\":[1,\"api-url\"],\"i18n\":[32],\"fromzip\":[32],\"tozip\":[32],\"weight\":[32],\"when\":[32],\"response\":[32]},[[0,\"language\",\"setLanguage\"]]]]],[\"pn-share\",[[0,\"pn-share\",{\"link\":[1],\"language\":[1537],\"i18n\":[32]}]]],[\"pn-stats-info\",[[4,\"pn-stats-info\",{\"heading\":[1],\"dataArray\":[1,\"data-array\"],\"backgroundUrl\":[1,\"background-url\"],\"myParsedArray\":[32]}]]],[\"pn-animated-tile\",[[4,\"pn-animated-tile\",{\"toggled\":[32],\"transitionClassName\":[32],\"animateIcon\":[32]}]]],[\"pn-bonus-progressbar\",[[4,\"pn-bonus-progressbar\",{\"icon\":[1],\"heading\":[1],\"sumtext\":[513],\"theme\":[513],\"bonuspercentage\":[1],\"currency\":[513],\"value\":[1538],\"min\":[1538],\"max\":[1538],\"valuepercentage\":[32],\"progresspercentage\":[32],\"levelValues\":[32],\"currentLevelAdjustedValue\":[32]}]]],[\"pn-bonus-progressbar-level\",[[0,\"pn-bonus-progressbar-level\",{\"current\":[516],\"value\":[1538],\"bonuspercentage\":[1537],\"visualpercentage\":[1538],\"percentage\":[32],\"max\":[32],\"min\":[32],\"currency\":[32]}]]],[\"pn-breakpoints\",[[0,\"pn-breakpoints\",{\"breakPointClass\":[1,\"break-point-class\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-chart\",[[0,\"pn-chart\",{\"labels\":[1],\"dataSets\":[1,\"data-sets\"],\"dataChartType\":[8,\"data-chart-type\"],\"myChartCtxRef\":[32]}]]],[\"pn-charts-card\",[[4,\"pn-charts-card\",{\"header\":[1],\"highlight\":[1],\"preamble\":[1],\"label\":[1],\"source\":[1],\"sourceUrl\":[1,\"source-url\"],\"ctaLinkText\":[1,\"cta-link-text\"],\"openInNewWindow\":[4,\"open-in-new-window\"]}]]],[\"pn-customernumber-selector\",[[4,\"pn-customernumber-selector\",{\"language\":[1537],\"open\":[1540],\"heading\":[1],\"description\":[1],\"i18n\":[32]}]]],[\"pn-customernumber-selector-option\",[[4,\"pn-customernumber-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-filter-checkbox\",[[1,\"pn-filter-checkbox\",{\"value\":[520],\"name\":[1],\"checkboxid\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-line-shape\",[[0,\"pn-line-shape\"]]],[\"pn-marketweb-search\",[[1,\"pn-marketweb-search\",{\"disabled\":[4],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"autocomplete\":[1],\"list\":[1],\"value\":[1],\"label\":[1],\"loading\":[4],\"button\":[1],\"light\":[4],\"suggestionObserver\":[32],\"hasClonedInput\":[32],\"listSuggestion\":[32]},[[0,\"input\",\"inputHandler\"]]]]],[\"pn-multi-input\",[[4,\"pn-multi-input\"]]],[\"pn-product-tile\",[[4,\"pn-product-tile\"]]],[\"pn-profile-modal\",[[4,\"pn-profile-modal\",{\"heading\":[1],\"continueCtaText\":[1,\"continue-cta-text\"],\"choosenCompanyText\":[1,\"choosen-company-text\"],\"toText\":[1,\"to-text\"],\"chooseCustomerNumberText\":[1,\"choose-customer-number-text\"],\"isLoading\":[32]},[[0,\"urlSelected\",\"onUrlSelected\"]]]]],[\"pn-profile-modal-customernumber\",[[4,\"pn-profile-modal-customernumber\",{\"url\":[513],\"customernumber\":[513],\"selected\":[516]}]]],[\"pn-profile-modal-profile\",[[4,\"pn-profile-modal-profile\",{\"heading\":[513],\"description\":[513],\"url\":[513],\"selected\":[1028],\"showCustomerNumbers\":[516,\"show-customer-numbers\"],\"pleaseSelectText\":[513,\"please-select-text\"],\"visible\":[1540],\"identifier\":[32]}]]],[\"pn-profile-modal-type\",[[4,\"pn-profile-modal-type\",{\"typeid\":[513],\"name\":[1025],\"selected\":[1028],\"selectedprofile\":[1025]}]]],[\"pn-profile-selector\",[[4,\"pn-profile-selector\",{\"language\":[1537],\"returnUrl\":[1,\"return-url\"],\"heading\":[1],\"i18n\":[32],\"isLoading\":[32],\"numberOfProfiles\":[32]}]]],[\"pn-profile-selector-option\",[[0,\"pn-profile-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-quick-cta\",[[4,\"pn-quick-cta\",{\"heading\":[1],\"preamble\":[1]}]]],[\"pn-quote-card\",[[4,\"pn-quote-card\",{\"quote\":[1],\"name\":[1],\"occupation\":[1]}]]],[\"pn-scroll\",[[4,\"pn-scroll\",{\"intersectionCustomCallback\":[16],\"observerOptions\":[16],\"behaviourClasses\":[1,\"behaviour-classes\"],\"transitionDurationSeconds\":[2,\"transition-duration-seconds\"],\"compId\":[32]}]]],[\"pn-sidenav\",[[4,\"pn-sidenav\",{\"language\":[1],\"navLabel\":[1,\"nav-label\"],\"i18n\":[32]},[[0,\"language\",\"setLanguage\"],[0,\"openSubMenuLevelChange\",\"onOpenSubMenuLevelChange\"]]]]],[\"pn-sidenav-level\",[[4,\"pn-sidenav-level\",{\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"alignment\":[32]}]]],[\"pn-sidenav-link\",[[4,\"pn-sidenav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"icon\":[1],\"current\":[4],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-sidenav-togglebutton\",[[4,\"pn-sidenav-togglebutton\",{\"label\":[1],\"i18n\":[32]}]]],[\"pn-spotlight\",[[4,\"pn-spotlight\",{\"heading\":[1],\"preamble\":[1],\"isDynamic\":[4,\"is-dynamic\"],\"addDynamic\":[32]}]]],[\"pn-teaser-card\",[[4,\"pn-teaser-card\",{\"text\":[1],\"heading\":[1],\"label\":[1],\"dataCardColor\":[513,\"data-card-color\"],\"dataCardAlignment\":[513,\"data-card-alignment\"],\"hasCtaSlotContent\":[32],\"hasIllustrationSlot\":[32]}]]],[\"pn-titletag\",[[4,\"pn-titletag\",{\"icon\":[1],\"color\":[1537]}]]],[\"pn-proxio-findprice-result\",[[0,\"pn-proxio-findprice-result\",{\"item\":[1040],\"activeweight\":[1026],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"language\":[1025],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32],\"i18n\":[32]}]]],[\"pn-product-card_3\",[[0,\"pn-product-card-info\",{\"rulle\":[1],\"paket\":[1],\"label\":[1],\"text\":[1]}],[0,\"pn-product-card-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"note\":[1],\"url\":[1],\"service\":[1],\"linkid\":[1]}],[4,\"pn-product-card\"]]],[\"pn-find-service-and-price-result\",[[0,\"pn-find-service-and-price-result\",{\"item\":[1040],\"shownitems\":[16],\"weightText\":[32]}]]],[\"pn-share-item\",[[4,\"pn-share-item\",{\"link\":[1],\"text\":[1]}]]],[\"pn-stats-info-data\",[[0,\"pn-stats-info-data\",{\"data\":[2],\"unit\":[1],\"preamble\":[1],\"duration\":[2],\"index\":[2],\"hasBeenShown\":[32],\"compId\":[32]}]]],[\"pn-find-price-result\",[[0,\"pn-find-price-result\",{\"item\":[1040],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32]}]]],[\"pn-site-footer_2\",[[4,\"pn-site-footer\",{\"url\":[1],\"linktitle\":[1],\"theme\":[513]}],[4,\"pn-site-footer-col\",{\"theme\":[513]}]]],[\"pn-mainnav-link\",[[4,\"pn-mainnav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-marketweb-input\",[[0,\"pn-marketweb-input\",{\"disabled\":[4],\"error\":[1],\"invalid\":[4],\"helpertext\":[1],\"label\":[1],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"required\":[4],\"type\":[1025],\"autocomplete\":[1],\"valid\":[4],\"value\":[1],\"maxlength\":[1],\"min\":[1],\"max\":[1],\"step\":[1],\"pattern\":[1],\"showText\":[32]}]]],[\"pn-choice-button\",[[4,\"pn-choice-button\",{\"value\":[520],\"name\":[1],\"choiceid\":[1],\"type\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-product-tile-info_2\",[[0,\"pn-product-tile-info\",{\"label\":[1],\"text\":[1],\"icon\":[1]}],[0,\"pn-product-tile-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"url\":[1]}]]],[\"pn-marketweb-siteheader-login-linklist\",[[0,\"pn-marketweb-siteheader-login-linklist\",{\"heading\":[1],\"links\":[16],\"idNamespace\":[1,\"id-namespace\"],\"showUnifiedLogin\":[4,\"show-unified-login\"]}]]],[\"pn-marketweb-siteheader-login-button_5\",[[0,\"pn-marketweb-siteheader-unified-login\",{\"loggedIn\":[4,\"logged-in\"],\"myPageLabel\":[1,\"my-page-label\"],\"myPageUrl\":[1,\"my-page-url\"],\"logInLabel\":[1,\"log-in-label\"]}],[0,\"pn-marketweb-siteheader-login-links\",{\"loginDialog\":[1040],\"idNamespace\":[1,\"id-namespace\"],\"loggedin\":[516],\"username\":[1],\"showUnifiedLogin\":[4,\"show-unified-login\"]}],[0,\"pn-marketweb-siteheader-login-profileselection\",{\"loginDialog\":[1040],\"endpoint\":[1],\"loggedin\":[4],\"idNamespace\":[1,\"id-namespace\"],\"heading\":[1],\"i18n\":[16],\"currentProfile\":[1040],\"profileoptions\":[1040],\"user\":[32],\"logoutLink\":[32],\"userName\":[32],\"userEmail\":[32]}],[0,\"pn-marketweb-siteheader-login-button\",{\"label\":[1]}],[0,\"pn-marketweb-siteheader-login-mypage-button\",{\"label\":[1],\"myPageUrl\":[1,\"my-page-url\"]}]]],[\"pn-language-selector_9\",[[0,\"pn-marketweb-siteheader-login\",{\"endpoint\":[1],\"token\":[1],\"i18n\":[16],\"siteUrl\":[1,\"site-url\"],\"emitEvents\":[4,\"emit-events\"],\"loginDialog\":[1040],\"fullname\":[1],\"loggedin\":[4],\"showProfileSelection\":[1028,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"environment\":[1],\"loginLinks\":[32],\"toggleButtonText\":[32],\"username\":[32]}],[4,\"pn-mainnav-level\",{\"label\":[1537],\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"listCount\":[32],\"alignment\":[32]}],[4,\"pn-language-selector\",{\"value\":[1537],\"selectedLanguageName\":[32],\"options\":[32],\"i18n\":[32]}],[0,\"pn-language-selector-option\",{\"name\":[1],\"code\":[1],\"url\":[1],\"selected\":[4],\"currentLanguage\":[1,\"current-language\"]}],[4,\"pn-mainnav\",{\"market\":[1],\"language\":[1],\"navigationId\":[1,\"navigation-id\"],\"openMenu\":[1028,\"open-menu\"],\"navLabel\":[1,\"nav-label\"]},[[0,\"language\",\"setLanguage\"],[0,\"market\",\"setMarket\"],[0,\"menuLanguageChange\",\"onLanguageChange\"],[0,\"setmenuopenstate\",\"setMenuOpenState\"],[0,\"openMenuLevelChange\",\"onOpenMenuLevelChange\"]]],[4,\"pn-mainnav-list\",{\"heading\":[1],\"linkCount\":[32]}],[0,\"pn-marketweb-siteheader-search\",{\"i18n\":[8,\"i-1-8n\"],\"showOnlyLink\":[1028,\"show-only-link\"],\"hideSearch\":[1028,\"hide-search\"],\"language\":[1537],\"siteid\":[1],\"search\":[1040],\"primary\":[4],\"icononly\":[4],\"autoCompleteOptions\":[32]}],[4,\"pn-site-selector\",{\"buttontext\":[1537],\"heading\":[1537],\"language\":[1537],\"i18n\":[32]}],[0,\"pn-site-selector-item\",{\"url\":[1],\"heading\":[1],\"description\":[1],\"newwindow\":[4]}]]],[\"pn-proxio-productcard_4\",[[4,\"pn-proxio-productcard\"],[0,\"pn-proxio-productcard-description\",{\"heading\":[1],\"highlight\":[1],\"description\":[1],\"list\":[1040]}],[0,\"pn-proxio-productcard-information\",{\"label\":[1],\"information\":[16]}],[0,\"pn-proxio-productcard-pricelink\",{\"price\":[1],\"vatText\":[1,\"vat-text\"],\"link\":[1],\"linktext\":[1]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"pn-marketweb-siteheader\",[[4,\"pn-marketweb-siteheader\",{\"market\":[1537],\"language\":[1537],\"siteid\":[1],\"environment\":[1537],\"userToken\":[1,\"user-token\"],\"userFullname\":[1,\"user-fullname\"],\"userLoggedin\":[516,\"user-loggedin\"],\"endpoint\":[1],\"hideSiteSelector\":[1540,\"hide-site-selector\"],\"hideHomeMenuItem\":[1540,\"hide-home-menu-item\"],\"hideLanguageSelector\":[1540,\"hide-language-selector\"],\"hideSearch\":[1540,\"hide-search\"],\"hideLogin\":[1540,\"hide-login\"],\"showProfileSelection\":[1540,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"AutocompleteEndpoint\":[1,\"autocomplete-endpoint\"],\"sessionForward\":[4,\"session-forward\"],\"cache\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"spaMode\":[4,\"spa-mode\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32],\"homePageLink\":[32],\"menuItems\":[32],\"siteDefinition\":[32],\"search\":[32],\"siteSelector\":[32],\"languageSelector\":[32],\"languageOptions\":[32],\"loginDialog\":[32],\"minimizeSearch\":[32],\"loggedIn\":[32]},[[0,\"setLanguage\",\"onLanguageSelectorChange\"],[0,\"loginStateChange\",\"onLoginStateChange\"],[9,\"resize\",\"handleResize\"]]]]],[\"pn-proxio-findprice\",[[0,\"pn-proxio-findprice\",{\"endpoint\":[1025],\"language\":[1025],\"market\":[1025],\"showMedium\":[4,\"show-medium\"],\"cache\":[4],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"sizecategory\":[32],\"data\":[32]}]]],[\"pn-find-price\",[[0,\"pn-find-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"sourceData\":[32],\"sizecategory\":[32]}]]],[\"pn-find-service-and-price\",[[0,\"pn-find-service-and-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32],\"deliveryscope\":[32],\"sourceData\":[32]}]]],[\"pn-product-pricelist\",[[4,\"pn-product-pricelist\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"productid\":[1],\"filteredItems\":[32],\"sourceData\":[32],\"gotData\":[32],\"loading\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32]}]]],[\"pn-proxio-pricegroup\",[[0,\"pn-proxio-pricegroup\",{\"endpoint\":[1025],\"language\":[1],\"market\":[1],\"tariffid\":[1],\"cache\":[4],\"activeWeightIndex\":[32],\"data\":[32],\"i18n\":[32]},[[0,\"activeWeightIndex\",\"setActiveWeightIndex\"],[0,\"language\",\"setLanguage\"]]]]],[\"pn-product-pricelist-result\",[[0,\"pn-product-pricelist-result\",{\"item\":[1040],\"description\":[16],\"shownitems\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32]}]]],[\"pn-marketweb-sitefooter\",[[4,\"pn-marketweb-sitefooter\",{\"market\":[1537],\"language\":[1537],\"environment\":[1537],\"endpoint\":[1],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"cache\":[4],\"theme\":[513],\"backgroundcolor\":[513],\"siteDefinition\":[32],\"footerContent\":[32],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32]}]]],[\"pn-parcel-tracker\",[[0,\"pn-parcel-tracker\",{\"formActionUrl\":[1,\"form-action-url\"],\"heading\":[1],\"buttonLabel\":[1,\"button-label\"],\"locale\":[1],\"placeholder\":[1],\"inputName\":[1,\"input-name\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-pex-pricefinder\",[[0,\"pn-pex-pricefinder\",{\"language\":[1],\"currency\":[1],\"apiUrl\":[1,\"api-url\"],\"i18n\":[32],\"fromzip\":[32],\"tozip\":[32],\"weight\":[32],\"when\":[32],\"response\":[32]},[[0,\"language\",\"setLanguage\"]]]]],[\"pn-share\",[[0,\"pn-share\",{\"link\":[1],\"language\":[1537],\"i18n\":[32]}]]],[\"pn-stats-info\",[[4,\"pn-stats-info\",{\"heading\":[1],\"dataArray\":[1,\"data-array\"],\"backgroundUrl\":[1,\"background-url\"],\"myParsedArray\":[32]}]]],[\"pn-animated-tile\",[[4,\"pn-animated-tile\",{\"toggled\":[32],\"transitionClassName\":[32],\"animateIcon\":[32]}]]],[\"pn-bonus-progressbar\",[[4,\"pn-bonus-progressbar\",{\"icon\":[1],\"heading\":[1],\"sumtext\":[513],\"theme\":[513],\"bonuspercentage\":[1],\"currency\":[513],\"value\":[1538],\"min\":[1538],\"max\":[1538],\"valuepercentage\":[32],\"progresspercentage\":[32],\"levelValues\":[32],\"currentLevelAdjustedValue\":[32]}]]],[\"pn-bonus-progressbar-level\",[[0,\"pn-bonus-progressbar-level\",{\"current\":[516],\"value\":[1538],\"bonuspercentage\":[1537],\"visualpercentage\":[1538],\"percentage\":[32],\"max\":[32],\"min\":[32],\"currency\":[32]}]]],[\"pn-breakpoints\",[[0,\"pn-breakpoints\",{\"breakPointClass\":[1,\"break-point-class\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-chart\",[[0,\"pn-chart\",{\"labels\":[1],\"dataSets\":[1,\"data-sets\"],\"dataChartType\":[8,\"data-chart-type\"],\"myChartCtxRef\":[32]}]]],[\"pn-charts-card\",[[4,\"pn-charts-card\",{\"header\":[1],\"highlight\":[1],\"preamble\":[1],\"label\":[1],\"source\":[1],\"sourceUrl\":[1,\"source-url\"],\"ctaLinkText\":[1,\"cta-link-text\"],\"openInNewWindow\":[4,\"open-in-new-window\"]}]]],[\"pn-customernumber-selector\",[[4,\"pn-customernumber-selector\",{\"language\":[1537],\"open\":[1540],\"heading\":[1],\"description\":[1],\"i18n\":[32]}]]],[\"pn-customernumber-selector-option\",[[4,\"pn-customernumber-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-filter-checkbox\",[[1,\"pn-filter-checkbox\",{\"value\":[520],\"name\":[1],\"checkboxid\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-line-shape\",[[0,\"pn-line-shape\"]]],[\"pn-marketweb-search\",[[1,\"pn-marketweb-search\",{\"disabled\":[4],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"autocomplete\":[1],\"list\":[1],\"value\":[1],\"label\":[1],\"loading\":[4],\"button\":[1],\"light\":[4],\"suggestionObserver\":[32],\"hasClonedInput\":[32],\"listSuggestion\":[32]},[[0,\"input\",\"inputHandler\"]]]]],[\"pn-multi-formfield\",[[4,\"pn-multi-formfield\",{\"value\":[1040],\"formFieldClassName\":[1,\"form-field-class-name\"],\"formFieldOuterParentClassName\":[1,\"form-field-outer-parent-class-name\"],\"formRow\":[32],\"formValues\":[32],\"elementToCopy\":[32],\"fieldsPerRowCount\":[32],\"newRowStartIndex\":[32],\"originalLabelNames\":[32]}]]],[\"pn-product-tile\",[[4,\"pn-product-tile\"]]],[\"pn-profile-modal\",[[4,\"pn-profile-modal\",{\"heading\":[1],\"continueCtaText\":[1,\"continue-cta-text\"],\"choosenCompanyText\":[1,\"choosen-company-text\"],\"toText\":[1,\"to-text\"],\"chooseCustomerNumberText\":[1,\"choose-customer-number-text\"],\"isLoading\":[32]},[[0,\"urlSelected\",\"onUrlSelected\"]]]]],[\"pn-profile-modal-customernumber\",[[4,\"pn-profile-modal-customernumber\",{\"url\":[513],\"customernumber\":[513],\"selected\":[516]}]]],[\"pn-profile-modal-profile\",[[4,\"pn-profile-modal-profile\",{\"heading\":[513],\"description\":[513],\"url\":[513],\"selected\":[1028],\"showCustomerNumbers\":[516,\"show-customer-numbers\"],\"pleaseSelectText\":[513,\"please-select-text\"],\"visible\":[1540],\"identifier\":[32]}]]],[\"pn-profile-modal-type\",[[4,\"pn-profile-modal-type\",{\"typeid\":[513],\"name\":[1025],\"selected\":[1028],\"selectedprofile\":[1025]}]]],[\"pn-profile-selector\",[[4,\"pn-profile-selector\",{\"language\":[1537],\"returnUrl\":[1,\"return-url\"],\"heading\":[1],\"i18n\":[32],\"isLoading\":[32],\"numberOfProfiles\":[32]}]]],[\"pn-profile-selector-option\",[[0,\"pn-profile-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-quick-cta\",[[4,\"pn-quick-cta\",{\"heading\":[1],\"preamble\":[1]}]]],[\"pn-quote-card\",[[4,\"pn-quote-card\",{\"quote\":[1],\"name\":[1],\"occupation\":[1]}]]],[\"pn-scroll\",[[4,\"pn-scroll\",{\"intersectionCustomCallback\":[16],\"observerOptions\":[16],\"behaviourClasses\":[1,\"behaviour-classes\"],\"transitionDurationSeconds\":[2,\"transition-duration-seconds\"],\"compId\":[32]}]]],[\"pn-sidenav\",[[4,\"pn-sidenav\",{\"language\":[1],\"navLabel\":[1,\"nav-label\"],\"i18n\":[32]},[[0,\"language\",\"setLanguage\"],[0,\"openSubMenuLevelChange\",\"onOpenSubMenuLevelChange\"]]]]],[\"pn-sidenav-level\",[[4,\"pn-sidenav-level\",{\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"alignment\":[32]}]]],[\"pn-sidenav-link\",[[4,\"pn-sidenav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"icon\":[1],\"current\":[4],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-sidenav-togglebutton\",[[4,\"pn-sidenav-togglebutton\",{\"label\":[1],\"i18n\":[32]}]]],[\"pn-spotlight\",[[4,\"pn-spotlight\",{\"heading\":[1],\"preamble\":[1],\"isDynamic\":[4,\"is-dynamic\"],\"addDynamic\":[32]}]]],[\"pn-teaser-card\",[[4,\"pn-teaser-card\",{\"text\":[1],\"heading\":[1],\"label\":[1],\"dataCardColor\":[513,\"data-card-color\"],\"dataCardAlignment\":[513,\"data-card-alignment\"],\"hasCtaSlotContent\":[32],\"hasIllustrationSlot\":[32]}]]],[\"pn-titletag\",[[4,\"pn-titletag\",{\"icon\":[1],\"color\":[1537]}]]],[\"pn-proxio-findprice-result\",[[0,\"pn-proxio-findprice-result\",{\"item\":[1040],\"activeweight\":[1026],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"language\":[1025],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32],\"i18n\":[32]}]]],[\"pn-product-card_3\",[[0,\"pn-product-card-info\",{\"rulle\":[1],\"paket\":[1],\"label\":[1],\"text\":[1]}],[0,\"pn-product-card-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"note\":[1],\"url\":[1],\"service\":[1],\"linkid\":[1]}],[4,\"pn-product-card\"]]],[\"pn-find-service-and-price-result\",[[0,\"pn-find-service-and-price-result\",{\"item\":[1040],\"shownitems\":[16],\"weightText\":[32]}]]],[\"pn-share-item\",[[4,\"pn-share-item\",{\"link\":[1],\"text\":[1]}]]],[\"pn-stats-info-data\",[[0,\"pn-stats-info-data\",{\"data\":[2],\"unit\":[1],\"preamble\":[1],\"duration\":[2],\"index\":[2],\"hasBeenShown\":[32],\"compId\":[32]}]]],[\"pn-find-price-result\",[[0,\"pn-find-price-result\",{\"item\":[1040],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32]}]]],[\"pn-site-footer_2\",[[4,\"pn-site-footer\",{\"url\":[1],\"linktitle\":[1],\"theme\":[513]}],[4,\"pn-site-footer-col\",{\"theme\":[513]}]]],[\"pn-mainnav-link\",[[4,\"pn-mainnav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-marketweb-input\",[[0,\"pn-marketweb-input\",{\"disabled\":[4],\"error\":[1],\"invalid\":[4],\"helpertext\":[1],\"label\":[1],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"required\":[4],\"type\":[1025],\"autocomplete\":[1],\"valid\":[4],\"value\":[1],\"maxlength\":[1],\"min\":[1],\"max\":[1],\"step\":[1],\"pattern\":[1],\"showText\":[32]}]]],[\"pn-choice-button\",[[4,\"pn-choice-button\",{\"value\":[520],\"name\":[1],\"choiceid\":[1],\"type\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-product-tile-info_2\",[[0,\"pn-product-tile-info\",{\"label\":[1],\"text\":[1],\"icon\":[1]}],[0,\"pn-product-tile-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"url\":[1]}]]],[\"pn-marketweb-siteheader-login-linklist\",[[0,\"pn-marketweb-siteheader-login-linklist\",{\"heading\":[1],\"links\":[16],\"idNamespace\":[1,\"id-namespace\"],\"showUnifiedLogin\":[4,\"show-unified-login\"]}]]],[\"pn-marketweb-siteheader-login-button_5\",[[0,\"pn-marketweb-siteheader-unified-login\",{\"loggedIn\":[4,\"logged-in\"],\"myPageLabel\":[1,\"my-page-label\"],\"myPageUrl\":[1,\"my-page-url\"],\"logInLabel\":[1,\"log-in-label\"]}],[0,\"pn-marketweb-siteheader-login-links\",{\"loginDialog\":[1040],\"idNamespace\":[1,\"id-namespace\"],\"loggedin\":[516],\"username\":[1],\"showUnifiedLogin\":[4,\"show-unified-login\"]}],[0,\"pn-marketweb-siteheader-login-profileselection\",{\"loginDialog\":[1040],\"endpoint\":[1],\"loggedin\":[4],\"idNamespace\":[1,\"id-namespace\"],\"heading\":[1],\"i18n\":[16],\"currentProfile\":[1040],\"profileoptions\":[1040],\"user\":[32],\"logoutLink\":[32],\"userName\":[32],\"userEmail\":[32]}],[0,\"pn-marketweb-siteheader-login-button\",{\"label\":[1]}],[0,\"pn-marketweb-siteheader-login-mypage-button\",{\"label\":[1],\"myPageUrl\":[1,\"my-page-url\"]}]]],[\"pn-language-selector_9\",[[0,\"pn-marketweb-siteheader-login\",{\"endpoint\":[1],\"token\":[1],\"i18n\":[16],\"siteUrl\":[1,\"site-url\"],\"emitEvents\":[4,\"emit-events\"],\"loginDialog\":[1040],\"fullname\":[1],\"loggedin\":[4],\"showProfileSelection\":[1028,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"environment\":[1],\"loginLinks\":[32],\"toggleButtonText\":[32],\"username\":[32]}],[4,\"pn-mainnav-level\",{\"label\":[1537],\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"listCount\":[32],\"alignment\":[32]}],[4,\"pn-language-selector\",{\"value\":[1537],\"selectedLanguageName\":[32],\"options\":[32],\"i18n\":[32]}],[0,\"pn-language-selector-option\",{\"name\":[1],\"code\":[1],\"url\":[1],\"selected\":[4],\"currentLanguage\":[1,\"current-language\"]}],[4,\"pn-mainnav\",{\"market\":[1],\"language\":[1],\"navigationId\":[1,\"navigation-id\"],\"openMenu\":[1028,\"open-menu\"],\"navLabel\":[1,\"nav-label\"]},[[0,\"language\",\"setLanguage\"],[0,\"market\",\"setMarket\"],[0,\"menuLanguageChange\",\"onLanguageChange\"],[0,\"setmenuopenstate\",\"setMenuOpenState\"],[0,\"openMenuLevelChange\",\"onOpenMenuLevelChange\"]]],[4,\"pn-mainnav-list\",{\"heading\":[1],\"linkCount\":[32]}],[0,\"pn-marketweb-siteheader-search\",{\"i18n\":[8,\"i-1-8n\"],\"showOnlyLink\":[1028,\"show-only-link\"],\"hideSearch\":[1028,\"hide-search\"],\"language\":[1537],\"siteid\":[1],\"search\":[1040],\"primary\":[4],\"icononly\":[4],\"autoCompleteOptions\":[32]}],[4,\"pn-site-selector\",{\"buttontext\":[1537],\"heading\":[1537],\"language\":[1537],\"i18n\":[32]}],[0,\"pn-site-selector-item\",{\"url\":[1],\"heading\":[1],\"description\":[1],\"newwindow\":[4]}]]],[\"pn-proxio-productcard_4\",[[4,\"pn-proxio-productcard\"],[0,\"pn-proxio-productcard-description\",{\"heading\":[1],\"highlight\":[1],\"description\":[1],\"list\":[1040]}],[0,\"pn-proxio-productcard-information\",{\"label\":[1],\"information\":[16]}],[0,\"pn-proxio-productcard-pricelink\",{\"price\":[1],\"vatText\":[1,\"vat-text\"],\"link\":[1],\"linktext\":[1]}]]]]"), options);
   });
 };
 

package/esm/pn-animated-tile.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, a as Host, g as getElement } from './index-53
 import { c as classnames } from './index-45541632.js';
 import './_commonjsHelpers-27f122dd.js';
 
-const pnAnimatedTileCss = "pn-animated-tile .pn-animated-tile__container{position:relative;border-radius:2.4rem;height:56rem;cursor:default}pn-animated-tile .pn-animated-tile__content{position:relative;display:-ms-flexbox;display:flex;height:100%;width:100%;background-color:transparent}pn-animated-tile [slot=side-a],pn-animated-tile [slot=side-b]{position:absolute;-ms-flex-item-align:stretch;align-self:stretch;top:0;left:0;width:100%;height:100%;padding:2.4rem}pn-animated-tile [slot=side-a]{opacity:1}pn-animated-tile [slot=side-b]{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}pn-animated-tile .pn-animated-tile__toggle{position:absolute;bottom:0;right:0;padding:2.4rem}pn-animated-tile .pn-animated-tile__toggle pn-icon{cursor:pointer;border-radius:50%;padding:0.8rem;margin:0.8rem 0 0 0}pn-animated-tile pn-icon .button-tooltip{display:none}.cat-animate [slot=side-a],.cat-animate [slot=side-b]{-webkit-transition:opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out 0.2s;transition:opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out 0.2s;transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out 0.2s;transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out 0.2s, -webkit-transform 0.5s ease-in-out 0.2s}.cat-animate.fade [slot=side-a]{opacity:0}.cat-animate.fade [slot=side-b]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:0.5s;transition-delay:0.5s}.cat-animate.fade--reversed [slot=side-a]{opacity:1;-webkit-transition-delay:0.5s;transition-delay:0.5s}.cat-animate.fade--reversed [slot=side-b]{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.cat-animate.toggle pn-icon{-webkit-transition:-webkit-transform 0.45s ease-in-out;transition:-webkit-transform 0.45s ease-in-out;transition:transform 0.45s ease-in-out;transition:transform 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;-webkit-transition-delay:0.5s;transition-delay:0.5s}.cat-animate.toggle.animate pn-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}[data-cat-theme=white] .pn-animated-tile__container{background-color:#FFFFFF}[data-cat-theme=white] .pn-animated-tile__toggle>pn-icon{background-color:#FFFFFF}[data-cat-theme=white] .pn-animated-tile__toggle>pn-icon svg>path{fill:#00A0D6}[data-cat-theme=coral400] .pn-animated-tile__container{background-color:#F06365}[data-cat-theme=coral400] .pn-animated-tile__toggle>pn-icon{background-color:#FFFFFF}[data-cat-theme=coral400] .pn-animated-tile__toggle>pn-icon svg>path{fill:#F06365}[data-cat-theme=private] .pn-animated-tile__container{background-color:#00A0D6}[data-cat-theme=private] .pn-animated-tile__toggle>pn-icon{background-color:#FFFFFF}[data-cat-theme=private] .pn-animated-tile__toggle>pn-icon svg>path{fill:#00A0D6}[data-cat-theme=business] .pn-animated-tile__container{background-color:#0D234B}[data-cat-theme=business] .pn-animated-tile__toggle>pn-icon{background-color:#FFFFFF}[data-cat-theme=business] .pn-animated-tile__toggle>pn-icon svg>path{fill:#0D234B}[data-cat-theme=hybrid] .pn-animated-tile__container{background-color:#e9e6e5}[data-cat-theme=hybrid] .pn-animated-tile__toggle>pn-icon{background-color:#FFFFFF}[data-cat-theme=hybrid] .pn-animated-tile__toggle>pn-icon svg>path{fill:#005D92}[data-cat-firstpage-only=true] [slot=side-b],[data-cat-firstpage-only=true] .pn-animated-tile__toggle{display:none}";
+const pnAnimatedTileCss = "pn-animated-tile .pn-animated-tile__container{position:relative;border-radius:2.4rem;height:56rem;cursor:default}pn-animated-tile .pn-animated-tile__content{position:relative;display:-ms-flexbox;display:flex;height:100%;width:100%;background-color:transparent}pn-animated-tile [slot=side-a],pn-animated-tile [slot=side-b]{position:absolute;-ms-flex-item-align:stretch;align-self:stretch;top:0;left:0;width:100%;height:100%}pn-animated-tile [slot=side-a]{padding:0;opacity:1}pn-animated-tile [slot=side-b]{padding:2.4rem 2.4rem 7rem 2.4rem;opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}pn-animated-tile .pn-animated-tile__toggle{position:absolute;bottom:2.4rem;right:2.4rem;padding:0.8rem;border-radius:50%;border:none;cursor:pointer}pn-animated-tile .pn-animated-tile__toggle:hover{background-color:#e9e6e5}pn-animated-tile .pn-animated-tile__toggle:hover pn-icon{background-color:#e9e6e5}pn-animated-tile .button-tooltip{display:none}.cat-animate [slot=side-a],.cat-animate [slot=side-b]{-webkit-transition:opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out 0.2s;transition:opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out 0.2s;transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out 0.2s;transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out 0.2s, -webkit-transform 0.5s ease-in-out 0.2s}.cat-animate.fade [slot=side-a]{opacity:0}.cat-animate.fade [slot=side-b]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:0.5s;transition-delay:0.5s}.cat-animate.fade--reversed [slot=side-a]{opacity:1;-webkit-transition-delay:0.5s;transition-delay:0.5s}.cat-animate.fade--reversed [slot=side-b]{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.cat-animate.toggle pn-icon{-webkit-transition:-webkit-transform 0.45s ease-in-out;transition:-webkit-transform 0.45s ease-in-out;transition:transform 0.45s ease-in-out;transition:transform 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;-webkit-transition-delay:0.5s;transition-delay:0.5s}.cat-animate.toggle.animate pn-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}[data-cat-theme=white] .pn-animated-tile__container{background-color:#FFFFFF}[data-cat-theme=white] .pn-animated-tile__toggle{background-color:#FFFFFF}[data-cat-theme=white] .pn-animated-tile__toggle pn-icon{background-color:#FFFFFF}[data-cat-theme=white] .pn-animated-tile__toggle pn-icon svg>path{fill:#00A0D6}[data-cat-theme=white] .pn-animated-tile__toggle:focus,[data-cat-theme=white] .pn-animated-tile__toggle:focus-visible{outline-color:#00A0D6}[data-cat-theme=coral400] .pn-animated-tile__container{background-color:#F06365}[data-cat-theme=coral400] .pn-animated-tile__toggle{background-color:#FFFFFF}[data-cat-theme=coral400] .pn-animated-tile__toggle pn-icon{background-color:#FFFFFF}[data-cat-theme=coral400] .pn-animated-tile__toggle pn-icon svg>path{fill:#F06365}[data-cat-theme=coral400] .pn-animated-tile__toggle:focus,[data-cat-theme=coral400] .pn-animated-tile__toggle:focus-visible{outline-color:#F06365}[data-cat-theme=private] .pn-animated-tile__container{background-color:#00A0D6}[data-cat-theme=private] .pn-animated-tile__toggle{background-color:#FFFFFF}[data-cat-theme=private] .pn-animated-tile__toggle pn-icon{background-color:#FFFFFF}[data-cat-theme=private] .pn-animated-tile__toggle pn-icon svg>path{fill:#00A0D6}[data-cat-theme=private] .pn-animated-tile__toggle:focus,[data-cat-theme=private] .pn-animated-tile__toggle:focus-visible{outline-color:#00A0D6}[data-cat-theme=business] .pn-animated-tile__container{background-color:#0D234B}[data-cat-theme=business] .pn-animated-tile__toggle{background-color:#FFFFFF}[data-cat-theme=business] .pn-animated-tile__toggle pn-icon{background-color:#FFFFFF}[data-cat-theme=business] .pn-animated-tile__toggle pn-icon svg>path{fill:#0D234B}[data-cat-theme=business] .pn-animated-tile__toggle:focus,[data-cat-theme=business] .pn-animated-tile__toggle:focus-visible{outline-color:#0D234B}[data-cat-theme=hybrid] .pn-animated-tile__container{background-color:#e9e6e5}[data-cat-theme=hybrid] .pn-animated-tile__toggle{background-color:#FFFFFF}[data-cat-theme=hybrid] .pn-animated-tile__toggle pn-icon{background-color:#FFFFFF}[data-cat-theme=hybrid] .pn-animated-tile__toggle pn-icon svg>path{fill:#005D92}[data-cat-theme=hybrid] .pn-animated-tile__toggle:focus,[data-cat-theme=hybrid] .pn-animated-tile__toggle:focus-visible{outline-color:#005D92}[data-cat-firstpage-only=true] [slot=side-b],[data-cat-firstpage-only=true] .pn-animated-tile__toggle{display:none}";
 
 let PnAnimatedTile = class {
   constructor(hostRef) {
@@ -19,7 +19,7 @@ let PnAnimatedTile = class {
     this.animateIcon = classnames({ 'animate': this.toggled, '': !this.toggled });
   }
   render() {
-    return (h(Host, null, h("div", { class: "pn-animated-tile__container" }, h("div", { class: `pn-animated-tile__content cat-animate ${this.transitionClassName}` }, h("slot", { name: "side-a" }), h("slot", { name: "side-b" })), h("div", { class: `pn-animated-tile__toggle cat-animate toggle ${this.animateIcon}` }, h("pn-icon", { symbol: "plus", onClick: this.onClickHandler })))));
+    return (h(Host, null, h("div", { class: "pn-animated-tile__container" }, h("div", { class: `pn-animated-tile__content cat-animate ${this.transitionClassName}` }, h("slot", { name: "side-a" }), h("slot", { name: "side-b" })), h("button", { class: `pn-animated-tile__toggle cat-animate toggle ${this.animateIcon}`, onClick: this.onClickHandler }, h("pn-icon", { symbol: "plus" })))));
   }
   get hostElement() { return getElement(this); }
   static get watchers() { return {