@postnord/pn-marketweb-components 4.3.6 → 4.3.7

package/umd/modules/@postnord/web-components/cjs/pn-wizard.cjs.entry.js

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CfUQZtlH.js');
+var index = require('./index-DWu-2oJc.js');
 var index$1 = require('./index.cjs.js');
 var arrow_right = require('./arrow_right-CABi9Wkp.js');
 var close = require('./close-Bn5ieKko.js');
@@ -40,14 +40,14 @@ const translations = {
     },
 };
 
-const pnWizardCss = () => `${index.transformTag("pn-wizard")} .pn-wizard{z-index:10000;position:absolute;top:0;border:none;margin:0;padding:0;background-color:transparent;outline:none;overflow:unset;height:100%;width:100%;max-width:unset;max-height:unset;display:none;opacity:0;transition-property:display, opacity;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-wizard")} .pn-wizard{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-wizard")} .pn-wizard{transition-behavior:allow-discrete}${index.transformTag("pn-wizard")} .pn-wizard[open]{display:block;opacity:1}@starting-style{${index.transformTag("pn-wizard")} .pn-wizard[open]{display:block;opacity:0}}${index.transformTag("pn-wizard")} .pn-wizard::backdrop{background-color:transparent}${index.transformTag("pn-wizard")} .pn-wizard-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}${index.transformTag("pn-wizard")} .pn-wizard-overlay{z-index:0}${index.transformTag("pn-wizard")} .pn-wizard-highlight{position:absolute;left:0;top:0;width:var(--pn-spotlight-width, 0%);height:var(--pn-spotlight-height, 0%);border-radius:var(--pn-spotlight-radius, 0.25em);box-shadow:0 0 0 9999px rgba(0, 0, 0, 0.55);z-index:0;transform:translate(var(--pn-spotlight-x, 0%), var(--pn-spotlight-y, 0%));transition-property:transform, width, height, border-radius;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-wizard")} .pn-wizard-highlight{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-wizard")} .pn-wizard-content{position:absolute;z-index:1;background:#ffffff;border-radius:2em;max-width:20em;box-shadow:0 0 0.5em rgba(0, 0, 0, 0.3);left:0;top:0;transform:translate(var(--pn-wizard-content-x), var(--pn-wizard-content-y));transition-property:transform;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-wizard")} .pn-wizard-content{transition-duration:0s;transition-delay:0s}}@media (max-width: 55em){${index.transformTag("pn-wizard")} .pn-wizard-content{position:fixed;top:unset;bottom:0;left:0.5em;border-radius:2em 2em 0 0;width:calc(100vw - 1em);max-width:unset;transform:none}}${index.transformTag("pn-wizard")} .pn-wizard-cancel{position:absolute;top:1em;right:1em;z-index:10}${index.transformTag("pn-wizard")} .pn-wizard-text{padding:3em 1em 1em;text-align:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:clamp(0.5em, 5vw, 1em)}${index.transformTag("pn-wizard")} .pn-wizard-label{margin:0;font-size:clamp(1.25em, 5vw, 1.5em);font-weight:700;color:#2d2013}${index.transformTag("pn-wizard")} .pn-wizard-helpertext{margin:0;font-size:clamp(0.875em, 5vw, 1em);font-weight:400;color:#5e554a}${index.transformTag("pn-wizard")} .pn-wizard-controls{border-top:0.0625em solid #d3cecb;padding:1em;display:flex;justify-content:end;gap:0.5em;flex-wrap:wrap}${index.transformTag("pn-wizard")} .pn-wizard-indicator{margin-right:auto;align-self:center;font-size:1em;color:#5e554a;padding:0 0.625em}${index.transformTag("pn-wizard")} .pn-wizard-arrow{position:absolute;width:0;height:0;border:0.5em solid transparent;top:0;right:0;bottom:0;left:0;transition-property:top, right, bottom, left, border-color;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-wizard")} .pn-wizard-arrow{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-wizard")} .pn-wizard-arrow[data-arrow=bottom]{top:100%;bottom:-1em;left:var(--pn-arrow-offset);border-top-color:#ffffff}${index.transformTag("pn-wizard")} .pn-wizard-arrow[data-arrow=top]{top:-1em;left:var(--pn-arrow-offset);border-bottom-color:#ffffff}${index.transformTag("pn-wizard")} .pn-wizard-arrow[data-arrow=right]{right:-1em;left:100%;top:var(--pn-arrow-offset);border-left-color:#ffffff}${index.transformTag("pn-wizard")} .pn-wizard-arrow[data-arrow=left]{left:-1em;top:var(--pn-arrow-offset);border-right-color:#ffffff}${index.transformTag("pn-wizard")} .pn-wizard-arrow[data-arrow=none]{display:none}`;
+const pnWizardCss = () => `${index.transformTag("pn-wizard")} .pn-wizard{z-index:10000;position:absolute;top:0;border:none;margin:0;padding:0;background-color:transparent;outline:none;overflow:unset;height:100%;width:100%;max-width:unset;max-height:unset;display:none;opacity:0;transition-property:display, opacity;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-wizard")} .pn-wizard{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-wizard")} .pn-wizard{transition-behavior:allow-discrete}${index.transformTag("pn-wizard")} .pn-wizard[open]{display:block;opacity:1}@starting-style{${index.transformTag("pn-wizard")} .pn-wizard[open]{display:block;opacity:0}}${index.transformTag("pn-wizard")} .pn-wizard::backdrop{background-color:transparent}${index.transformTag("pn-wizard")} .pn-wizard-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}${index.transformTag("pn-wizard")} .pn-wizard-overlay{z-index:0}${index.transformTag("pn-wizard")} .pn-wizard-highlight{position:absolute;left:0;top:0;width:var(--pn-spotlight-width, 0%);height:var(--pn-spotlight-height, 0%);border-radius:var(--pn-spotlight-radius, 0.25em);box-shadow:0 0 0 9999px rgba(0, 0, 0, 0.55);z-index:0;transform:translate(var(--pn-spotlight-x, 0%), var(--pn-spotlight-y, 0%));transition-property:transform, width, height, border-radius;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-wizard")} .pn-wizard-highlight{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-wizard")} .pn-wizard-content{position:absolute;z-index:1;background:#ffffff;border-radius:2em;max-width:20em;box-shadow:0 0 0.5em rgba(0, 0, 0, 0.3);left:0;top:0;transform:translate(var(--pn-wizard-content-x), var(--pn-wizard-content-y));transition-property:transform;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-wizard")} .pn-wizard-content{transition-duration:0s;transition-delay:0s}}@media (max-width: 55em){${index.transformTag("pn-wizard")} .pn-wizard-content{position:fixed;top:unset;bottom:0;left:0.5em;border-radius:2em 2em 0 0;width:calc(100vw - 1em);max-width:unset;transform:none}}${index.transformTag("pn-wizard")} .pn-wizard-cancel{position:absolute;top:1em;right:1em;z-index:10}${index.transformTag("pn-wizard")} .pn-wizard-text{padding:3em 1em 1em;text-align:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:clamp(0.5em, 5vw, 1em)}${index.transformTag("pn-wizard")} .pn-wizard-label{margin:0;font-size:clamp(1.25em, 5vw, 1.5em);font-weight:700;color:#2d2013}${index.transformTag("pn-wizard")} .pn-wizard-helpertext{margin:0;font-size:clamp(0.875em, 5vw, 1em);font-weight:400;color:#5e554a}${index.transformTag("pn-wizard")} .pn-wizard-controls{border-top:0.0625em solid #d3cecb;padding:1em;display:flex;justify-content:end;gap:0.5em;flex-wrap:wrap}${index.transformTag("pn-wizard")} .pn-wizard-indicator{margin-right:auto;align-self:center;font-size:1em;color:#5e554a;padding:0 0.625em}${index.transformTag("pn-wizard")} .pn-wizard-arrow{position:absolute;width:0;height:0;border:0.5em solid transparent;top:0;right:0;bottom:0;left:0;transition-property:top, right, bottom, left, border-color;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-wizard")} .pn-wizard-arrow{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-wizard")} .pn-wizard-arrow[data-arrow=bottom]{top:100%;bottom:-0.9375em;left:var(--pn-arrow-offset);border-top-color:#ffffff}${index.transformTag("pn-wizard")} .pn-wizard-arrow[data-arrow=top]{top:-0.9375em;left:var(--pn-arrow-offset);border-bottom-color:#ffffff}${index.transformTag("pn-wizard")} .pn-wizard-arrow[data-arrow=right]{right:-0.9375em;left:100%;top:var(--pn-arrow-offset);border-left-color:#ffffff}${index.transformTag("pn-wizard")} .pn-wizard-arrow[data-arrow=left]{left:-0.9375em;top:var(--pn-arrow-offset);border-right-color:#ffffff}${index.transformTag("pn-wizard")} .pn-wizard-arrow[data-arrow=none]{border-color:transparent}`;
 
 const PnWizard = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.wizardStep = index.createEvent(this, "wizardStep");
-        this.wizardHighlightClick = index.createEvent(this, "wizardHighlightClick");
-        this.wizardClose = index.createEvent(this, "wizardClose");
+        this.wizardStep = index.createEvent(this, "wizardStep", 7);
+        this.wizardHighlightClick = index.createEvent(this, "wizardHighlightClick", 7);
+        this.wizardClose = index.createEvent(this, "wizardClose", 7);
     }
     id = `pn-wizard-${index$1.uuidv4()}`;
     wizardIdLabel;
@@ -73,6 +73,8 @@ const PnWizard = class {
     step = -1;
     /**
      * The list of querySelectors that the wizards will highlight.
+     * If a selector is invalid or empty, the wizard will be centered on the screen.
+     *
      * Recommended maximum of 7 steps.
      * @category Wizard steps
      **/
@@ -111,10 +113,6 @@ const PnWizard = class {
     /** Emitted when the wizard is canceled or finished. */
     wizardClose;
     handleStepChange(step, prevStep) {
-        if (prevStep === -1) {
-            this.highlightElement();
-            this.positionModal();
-        }
         if (step === -1) {
             const finished = prevStep === this.steps.length;
             this.wizardClose.emit({ step: finished ? prevStep - 1 : prevStep, finished });
@@ -125,8 +123,11 @@ const PnWizard = class {
             return;
         }
         if (!this.wizardElement.open) {
-            this.handleDisplayOverflow();
-            this.wizardElement?.showModal();
+            this.runStepLogic();
+            requestAnimationFrame(() => {
+                this.handleDisplayOverflow();
+                this.wizardElement?.showModal();
+            });
         }
         this.wizardStep.emit({
             step,
@@ -142,18 +143,14 @@ const PnWizard = class {
         if (!this.isActive())
             return;
         clearTimeout(this.timeoutRerender);
-        this.timeoutRerender = setTimeout(() => {
-            this.highlightElement();
-            this.positionModal();
-        }, 250);
+        this.timeoutRerender = setTimeout(() => this.runStepLogic(), 250);
     }
     async componentWillLoad() {
-        this.handleIdChange();
         if (this.language === null)
             await index$1.awaitTopbar(this.hostElement);
     }
     componentDidRender() {
-        this.runStepLogic();
+        requestAnimationFrame(() => this.isActive() && this.runStepLogic());
     }
     getRect(element) {
         return element.getBoundingClientRect();
@@ -161,6 +158,12 @@ const PnWizard = class {
     translate(prop) {
         return translations?.[prop]?.[this.language || index$1.en] || prop;
     }
+    runStepLogic() {
+        if (this.isOpen())
+            this.scrollToElement();
+        this.highlightElement();
+        this.positionModal();
+    }
     handleDisplayOverflow() {
         if (this.displayOverflow)
             return;
@@ -168,7 +171,7 @@ const PnWizard = class {
         const scrollbarWidth = innerWidth - document.documentElement.clientWidth;
         if (this.isActive()) {
             body.style.setProperty('overflow', 'hidden');
-            body.style.marginRight = `${scrollbarWidth}px`;
+            body.style.setProperty('margin-right', `${scrollbarWidth}px`);
         }
         else {
             body.style.removeProperty('overflow');
@@ -221,15 +224,6 @@ const PnWizard = class {
     showFinishButton() {
         return !this.hideFinish && this.isLastStep();
     }
-    runStepLogic() {
-        if (this.isOpen()) {
-            requestAnimationFrame(() => {
-                this.highlightElement();
-                this.positionModal();
-                this.scrollToElement();
-            });
-        }
-    }
     nextStep() {
         const next = this.step + 1;
         this.step = next;
@@ -249,13 +243,17 @@ const PnWizard = class {
     }
     getHighlightTarget() {
         const selector = this.steps[this.step];
+        if (!selector)
+            return null;
         const target = document.querySelector(selector);
         return target;
     }
     getHighlightRect() {
         const target = this.getHighlightTarget();
-        if (!target)
+        if (!target) {
+            this.resetToCenter();
             return;
+        }
         const rect = this.getRect(target);
         const margin = parseFloat(getComputedStyle(target).margin) || 0;
         const top = rect.top + window.scrollY - margin;
@@ -265,47 +263,70 @@ const PnWizard = class {
         const radius = parseFloat(getComputedStyle(target).borderRadius) || 4;
         return { top, left, width, height, radius };
     }
+    isInViewport(element) {
+        const { top, left, bottom, right } = element.getBoundingClientRect();
+        return (top >= 0 &&
+            left >= 0 &&
+            bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
+            right <= (window.innerWidth || document.documentElement.clientWidth));
+    }
     scrollToElement() {
         const target = this.getHighlightTarget();
-        if (!target)
+        if (!target || this.isInViewport(target))
             return;
-        target.scrollIntoView({ behavior: 'smooth', block: this.scrollBlock });
+        target.scrollIntoView({ behavior: 'instant', block: this.scrollBlock });
     }
     highlightElement() {
         const target = this.getHighlightTarget();
         if (!target)
-            return;
+            return this.resetToCenter();
         this.setHighlightVars(this.getHighlightRect());
     }
+    resetToCenter() {
+        const { width, height } = this.getWizardContentRect();
+        const top = window.scrollY + window.innerHeight / 2 - height / 2;
+        const left = window.scrollX + window.innerWidth / 2 - width / 2;
+        this.setHighlightVars({ top, left, width: 0, height: 0, radius: 0 });
+        this.setModalVars({ top, left });
+        this.setArrowVars('none', 0);
+    }
+    getWizardContentRect() {
+        if (!this.wizardContent)
+            return { width: 0, height: 0 };
+        return this.getRect(this.wizardContent);
+    }
     positionModal() {
         const target = this.getHighlightTarget();
         if (!target)
             return;
+        /** The distance between the highlight and the modal */
         const gap = 16;
-        // Target = Highlighted element
+        /** The minimum offset from the edge of the viewport */
+        const minOffset = gap / 2;
+        /** Target = Highlighted element */
         const { top: targetTop, left: targetLeft, width: targetWidth, height: targetHeight } = this.getHighlightRect();
-        // Modal = Wizard content
-        const { width: modalWidth, height: modalHeight } = this.getRect(this.wizardContent);
         const targetCenter = targetLeft + targetWidth / 2;
+        /** Modal = Wizard content */
+        const { width: modalWidth, height: modalHeight } = this.getWizardContentRect();
+        /** The X position of the modal */
         let contentX = 0;
+        /** The Y position of the modal */
         let contentY = 0;
-        // Get viewport dimensions and scroll position
+        /** Get viewport dimensions and scroll position */
         const { scrollY, scrollX, innerWidth, innerHeight } = window;
         const scrollbarWidth = innerWidth - document.documentElement.clientWidth;
-        // If highlight is very tall, position wizardContent left or right
-        // const highlightIsTall = modalHeight > targetTop && modalHeight > innerHeight - (targetTop + targetHeight);
         // Where does the modal fit?
         const modalFitsDown = targetTop + targetHeight + gap + modalHeight < scrollY + innerHeight;
-        const modalFitsUp = targetTop - gap - modalHeight > scrollY;
+        const modalFitsUp = targetTop - scrollY > modalHeight + gap;
         const modalFitsLeft = targetLeft - gap - modalWidth > scrollX;
         const modalFitsRight = targetLeft + targetWidth + gap + modalWidth < scrollX + innerWidth;
         const modalFitsNone = !modalFitsDown && !modalFitsUp && !modalFitsLeft && !modalFitsRight;
         const fitsY = modalFitsDown || modalFitsUp;
         const fitsX = modalFitsLeft || modalFitsRight;
-        let maxY = 8;
-        let maxX = 8;
+        let maxY = minOffset;
+        let maxX = minOffset;
         maxY = modalFitsDown ? targetTop + targetHeight + gap : targetTop - modalHeight - gap;
-        maxX = scrollX + innerWidth - modalWidth - scrollbarWidth - 8;
+        maxX = scrollX + innerWidth - modalWidth - scrollbarWidth - minOffset;
         // Arrow stuff
         let arrowOffset = 0;
         let arrowDirection = 'top';
@@ -318,22 +339,22 @@ const PnWizard = class {
         else if (fitsX) {
             contentX = modalFitsRight ? targetLeft + targetWidth + gap : targetLeft - modalWidth - gap;
             contentY = targetTop + targetHeight / 2 - modalHeight / 2;
-            maxY = targetTop + targetHeight / 2;
+            maxY = scrollY + innerHeight - modalHeight - minOffset;
             arrowDirection = modalFitsRight ? 'left' : 'right';
             arrowOffset = modalHeight / 2;
         }
         else if (modalFitsNone) {
             contentX = targetCenter - modalWidth / 2;
             contentY = targetTop + targetHeight - modalHeight / 2;
-            maxY = innerHeight - modalHeight - 8;
+            maxY = scrollY - modalHeight - minOffset;
             arrowDirection = 'top';
             arrowOffset = targetCenter - contentX;
         }
         // Clamp horizontally within viewport
-        const minX = scrollX + scrollbarWidth || 8;
+        const minX = scrollX + scrollbarWidth || minOffset;
         contentX = Math.max(minX, Math.min(contentX, maxX));
         // Clamp vertically within viewport
-        const minY = 8;
+        const minY = minOffset;
         contentY = Math.max(minY, Math.min(contentY, maxY));
         this.setModalVars({ top: contentY, left: contentX });
         if (index$1.isSmallScreen()) {
@@ -346,8 +367,9 @@ const PnWizard = class {
         else {
             arrowOffset = targetTop + targetHeight / 2 - contentY;
         }
-        arrowOffset = Math.max(32, // Minimum offset from edge
-        Math.min(arrowOffset - 8, (fitsX ? modalHeight : modalWidth) - 32));
+        const modalSize = arrowDirection === 'top' || arrowDirection === 'bottom' ? modalWidth : modalHeight;
+        arrowOffset = Math.max(32, // Minimum offset from edge of modal
+        Math.min(arrowOffset - minOffset, modalSize - 32));
         this.setArrowVars(arrowDirection, arrowOffset);
     }
     setHighlightVars({ top, left, width, height, radius, }) {
@@ -367,14 +389,14 @@ const PnWizard = class {
         this.hostElement.style.setProperty('--pn-arrow-offset', `${Math.round(offset)}px`);
     }
     render() {
-        return (index.h(index.Host, { key: '08f0d484f684188c7283535da328d6bd681b74d5' }, index.h("dialog", { key: '56810278e58795390973a9ebbe0bd797b731b1f8', id: this.pnId, "aria-labelledby": this.label ? this.wizardIdLabel : null, "aria-describedby": this.helpertext ? this.wizardIdHelpertext : null, class: "pn-wizard", ref: el => (this.wizardElement = el), onCancel: () => this.endWizard(), onClose: () => this.endWizard() }, index.h("div", { key: '824bbd673177648865e9328ee5aa51e157aa7347', class: "pn-wizard-overlay" }, index.h("div", { key: 'a2236247ba49e18de2a4aa2666fa1e07e6aaa1c4', class: "pn-wizard-highlight", onClick: e => this.wizardHighlightClick.emit(e) })), index.h("div", { key: '77d5f6e74c49b2a92a8c9c8f9207594bec0545c7', class: "pn-wizard-content", ref: el => (this.wizardContent = el) }, index.h("pn-button", { key: '28fdec2fa470ff03b916325d0085a7bd4cd8f504', class: "pn-wizard-cancel", arialabel: this.translate('CANCEL'), icon: close.close, iconOnly: true, small: true, appearance: "light", variant: "borderless", onPnClick: () => this.endWizard() }), index.h("div", { key: 'ff7e6051e041c008c639e392896e885e4dcb0364', class: "pn-wizard-text" }, this.label && (index.h("h2", { key: '9b8098099707558b66f1b422dc6ada70084d9829', class: "pn-wizard-label", id: this.wizardIdLabel }, this.label)), this.helpertext && (index.h("p", { key: '4db3b8ab391daf06f5731be43c9c116acd934b1f', class: "pn-wizard-helpertext", id: this.wizardIdHelpertext }, this.helpertext)), index.h("slot", { key: '5f72315df3102a605d2d4a220cfebfa216101f8c' }), this.renderProgress() && (index.h("pn-progress-stepper", { key: 'becee14c8d2ad3fe3a9d902dd080f4df760e227e', class: !this.isProgressDots() && 'pn-wizard-sr-only', totalSteps: this.steps.length, currentStep: this.step > 0 ? this.step + 1 : 1, dots: true }))), index.h("div", { key: '264270d944373b1570a09a330bef6c6e8ad07e4d', class: "pn-wizard-arrow", ref: el => (this.wizardArrow = el) }), index.h("div", { key: '1420663b8cc3996eb67f640d3a7f981f1fafff82', class: "pn-wizard-controls" }, this.isProgressText() && (index.h("span", { key: '99cd61e352d16b15129239c8c1932a1e8ff3d675', class: "pn-wizard-indicator", "aria-hidden": "true" }, this.step + 1, "/", this.steps.length)), index.h("slot", { key: 'f48e48097089a24ed48726046e5bb9b8a36ca1ec', name: "buttons" }), this.showBackButton() && (index.h("pn-button", { key: '9504536c3602f6280d30aa6f95043d2a66c2ac98', label: this.labelBack || this.translate('PREV'), small: true, appearance: "light", variant: "outlined", onPnClick: () => this.prevStep() })), this.showNextButton() && (index.h("pn-button", { key: 'c5997f60733d2f220138fbf3caf24f44271d63f3', label: this.getNextLabel(), small: true, icon: arrow_right.arrow_right, onPnClick: () => this.nextStep() })))))));
+        return (index.h(index.Host, { key: '3fbeaf58c3adc8ea380a81b93dc66fb8a6bece5c' }, index.h("dialog", { key: 'f0f94968cba2e2dc8baba4752d80a7bea862c929', id: this.pnId, "aria-labelledby": this.label ? this.wizardIdLabel : null, "aria-describedby": this.helpertext ? this.wizardIdHelpertext : null, class: "pn-wizard", ref: el => (this.wizardElement = el), onCancel: () => this.endWizard(), onClose: () => this.endWizard() }, index.h("div", { key: '737f8207c19876c82c6a3d2418305fc7268ee251', class: "pn-wizard-overlay" }, index.h("div", { key: 'd420a48ad3b30828b4dd496f56073eea375bbe34', class: "pn-wizard-highlight", onClick: e => this.wizardHighlightClick.emit(e) })), index.h("div", { key: '03d6e169d95b7fe7bdb65a31e839b5744db190d0', class: "pn-wizard-content", ref: el => (this.wizardContent = el) }, index.h("pn-button", { key: '3534ecbbd28f9171b0ba1adfa07a91a4a20a1dd1', class: "pn-wizard-cancel", arialabel: this.translate('CANCEL'), icon: close.close, iconOnly: true, small: true, appearance: "light", variant: "borderless", onPnClick: () => this.endWizard() }), index.h("div", { key: 'b1f3f3ddb93efe5201091d19df4ff22acde76391', class: "pn-wizard-text" }, this.label && (index.h("h2", { key: 'b689ff85832dd65814d30ca85c00b59281aef1d1', class: "pn-wizard-label", id: this.wizardIdLabel }, this.label)), this.helpertext && (index.h("p", { key: '6a978db802f3faa402435c84c233e84c3456f657', class: "pn-wizard-helpertext", id: this.wizardIdHelpertext }, this.helpertext)), index.h("slot", { key: '52d0440d5b470fd06eb3a0c21921d540c79c0ac9' }), this.renderProgress() && (index.h("pn-progress-stepper", { key: '63f08858ddef511b92d622a559fe3888b5a6508a', class: !this.isProgressDots() && 'pn-wizard-sr-only', totalSteps: this.steps.length, currentStep: this.step > 0 ? this.step + 1 : 1, dots: true }))), index.h("div", { key: 'c5b266d5421f09bbc2ab199d6d71f5938dc8ae72', class: "pn-wizard-arrow", ref: el => (this.wizardArrow = el) }), index.h("div", { key: '00aef3606f751ca56142fe2b0a6a08a36e4f92f3', class: "pn-wizard-controls" }, this.isProgressText() && (index.h("span", { key: 'd6c0c85554253580d65aa42742cdabf55158bfe5', class: "pn-wizard-indicator", "aria-hidden": "true" }, this.step + 1, "/", this.steps.length)), index.h("slot", { key: '76a1b7c69280ffbbc81f210acdfb8812b241329d', name: "buttons" }), this.showBackButton() && (index.h("pn-button", { key: '560aa03d06aec0b32ae94ee2264b6bd059b5f305', label: this.labelBack || this.translate('PREV'), small: true, appearance: "light", variant: "outlined", onPnClick: () => this.prevStep() })), this.showNextButton() && (index.h("pn-button", { key: '00d8a13c7ee3413aa2e3d751d101de41e228f866', label: this.getNextLabel(), small: true, icon: arrow_right.arrow_right, onPnClick: () => this.nextStep() })))))));
     }
     static get watchers() { return {
         "step": [{
                 "handleStepChange": 0
             }],
         "pnId": [{
-                "handleIdChange": 0
+                "handleIdChange": 1
             }]
     }; }
 };

package/umd/modules/@postnord/web-components/cjs/pn-zipcode-search.cjs.entry.js

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CfUQZtlH.js');
+var index = require('./index-DWu-2oJc.js');
 var index$1 = require('./index.cjs.js');
 
 const translations = {
@@ -43,7 +43,7 @@ const pnZipcodeSearchCss = () => `${index.transformTag("pn-zipcode-search")}{dis
 const PnZipcodeSearch = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.searchsuccessful = index.createEvent(this, "searchsuccessful");
+        this.searchsuccessful = index.createEvent(this, "searchsuccessful", 7);
     }
     /** This language property will update when pnTopbar loads */
     searchId = `pn-zipcode-${index$1.uuidv4()}`;
@@ -122,7 +122,7 @@ const PnZipcodeSearch = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b9314bbca808c725bc074d1dc9e58223bb551468' }, index.h("pn-search-field", { key: '4c7eaf8c96aa36e17c546371345c7aac6a0c5ee7', label: this.translation('PLACEHOLDER_TEXT'), value: this.value, searchid: this.searchId, loading: this.loading, button: "icon", buttonLabel: this.translation('SEARCH'), placeholder: this.translation('PLACEHOLDER_TEXT'), onSearch: e => this.handleSearch(e.detail) }), this.renderSearchResult(), this.renderErrorMessage()));
+        return (index.h(index.Host, { key: '2631586788c0b4fc5e5b4914dd44e9b20c87598e' }, index.h("pn-search-field", { key: '0d9743b99db487cb1acb27825fca4e872e25c72d', label: this.translation('PLACEHOLDER_TEXT'), value: this.value, searchid: this.searchId, loading: this.loading, button: "icon", buttonLabel: this.translation('SEARCH'), placeholder: this.translation('PLACEHOLDER_TEXT'), onSearch: e => this.handleSearch(e.detail) }), this.renderSearchResult(), this.renderErrorMessage()));
     }
 };
 PnZipcodeSearch.style = pnZipcodeSearchCss();

package/umd/modules/@postnord/web-components/cjs/postnord-web-components.cjs.js

@@ -4,12 +4,12 @@
  */
 'use strict';
 
-var index = require('./index-CfUQZtlH.js');
+var index = require('./index-DWu-2oJc.js');
 var appGlobals = require('./app-globals-DztCprK-.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
- Stencil Client Patch Browser v4.41.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.43.2 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {
@@ -44,7 +44,7 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"pn-icon_2.cjs\",[[512,\"pn-tag\",{\"label\":[1],\"icon\":[1],\"appearance\":[1],\"dark\":[4],\"large\":[4],\"small\":[4],\"xsmall\":[4]}],[512,\"pn-icon\",{\"icon\":[1],\"small\":[516],\"color\":[1]},null,{\"color\":[{\"handleColor\":0}]}]]],[\"pn-file-upload.cjs\",[[772,\"pn-file-upload\",{\"label\":[1],\"helpertext\":[1],\"language\":[1],\"hideProgress\":[4,\"hide-progress\"],\"name\":[1],\"accept\":[1],\"maxSize\":[1,\"max-size\"],\"capture\":[1],\"limit\":[2],\"multiple\":[1028],\"required\":[4],\"disabled\":[4],\"files\":[32],\"isHovering\":[32],\"startUpload\":[64],\"clearUpload\":[64],\"removeFile\":[64],\"updateFile\":[64]},null,{\"limit\":[{\"handleLimit\":0}],\"maxSize\":[{\"handleMaxBytes\":0}]}]]],[\"pn-ocr-search.cjs\",[[512,\"pn-ocr-search\",{\"language\":[1],\"loading\":[32],\"error\":[32],\"ocrNumber\":[32],\"searchSuccess\":[32],\"invalidOcrNumber\":[32]}]]],[\"pn-pagination.cjs\",[[512,\"pn-pagination\",{\"label\":[1],\"urlTemplate\":[1,\"url-template\"],\"paginationId\":[1,\"pagination-id\"],\"language\":[1],\"page\":[1538],\"pages\":[1026],\"pagesVisible\":[1026,\"pages-visible\"],\"rows\":[1026],\"rowsList\":[1,\"rows-list\"],\"rowsLabel\":[1,\"rows-label\"],\"list\":[32]},null,{\"page\":[{\"handlePage\":0}],\"pages\":[{\"handlePages\":0}],\"pagesVisible\":[{\"handlePagesVisible\":0}]}]]],[\"pn-range.cjs\",[[772,\"pn-range\",{\"label\":[1],\"labelEnd\":[1,\"label-end\"],\"helpertext\":[1],\"markers\":[16],\"textPrefix\":[1,\"text-prefix\"],\"textSuffix\":[1,\"text-suffix\"],\"icon\":[1],\"iconEnd\":[1,\"icon-end\"],\"pnId\":[1,\"pn-id\"],\"pnIdEnd\":[1,\"pn-id-end\"],\"name\":[1],\"nameEnd\":[1,\"name-end\"],\"min\":[2],\"max\":[2],\"value\":[1538],\"valueEnd\":[1538,\"value-end\"],\"step\":[1],\"multiple\":[4],\"input\":[4],\"tooltipHide\":[4,\"tooltip-hide\"],\"tooltipTemplate\":[1,\"tooltip-template\"],\"disabled\":[4],\"error\":[1],\"invalid\":[4],\"showHelperSlot\":[32],\"showErrorSlot\":[32],\"isPressing\":[32],\"pressControl\":[32]},null,{\"value\":[{\"handleValue\":1}],\"valueEnd\":[{\"handleValueEnd\":1}],\"pnId\":[{\"handleId\":1}],\"helpertext\":[{\"handleMessage\":1}],\"error\":[{\"handleMessage\":0}],\"multiple\":[{\"handleMultiple\":0}]}]]],[\"pn-wizard.cjs\",[[772,\"pn-wizard\",{\"label\":[1],\"helpertext\":[1],\"language\":[1025],\"pnId\":[1025,\"pn-id\"],\"step\":[1538],\"steps\":[16],\"progress\":[1],\"scrollBlock\":[1,\"scroll-block\"],\"displayOverflow\":[4,\"display-overflow\"],\"hideBack\":[4,\"hide-back\"],\"hideNext\":[4,\"hide-next\"],\"hideFinish\":[4,\"hide-finish\"],\"labelBack\":[1,\"label-back\"],\"labelNext\":[1,\"label-next\"],\"labelFinish\":[1,\"label-finish\"]},[[9,\"resize\",\"handleOverflow\"]],{\"step\":[{\"handleStepChange\":0}],\"pnId\":[{\"handleIdChange\":0}]}]]],[\"pn-zipcode-search.cjs\",[[512,\"pn-zipcode-search\",{\"language\":[1],\"value\":[1025],\"validZipCode\":[32],\"loading\":[32],\"showResult\":[32],\"zipCodeSearchResult\":[32],\"error\":[32],\"errorMessage\":[32]}]]],[\"pn-action-menu.cjs\",[[512,\"pn-action-menu\",{\"options\":[16],\"button\":[16],\"menuId\":[1,\"menu-id\"],\"language\":[1025],\"open\":[1540],\"menuUp\":[4,\"menu-up\"],\"menuLeft\":[4,\"menu-left\"],\"isClosing\":[32],\"isExpanding\":[32],\"smallMenu\":[32],\"upwards\":[32],\"activeSubmenu\":[32]},[[9,\"resize\",\"handleResize\"]],{\"options\":[{\"handleOptions\":0}],\"open\":[{\"openHandler\":0}],\"menuId\":[{\"handleMenuId\":0}]}]]],[\"pn-button-dropdown.cjs\",[[772,\"pn-button-dropdown\",{\"label\":[1],\"icon\":[1],\"appearance\":[1],\"variant\":[1],\"small\":[4],\"tooltip\":[1],\"open\":[1540],\"right\":[32],\"top\":[32]},null,{\"open\":[{\"openHandler\":0}]}]]],[\"pn-counter.cjs\",[[512,\"pn-counter\",{\"label\":[1],\"helpertext\":[1],\"value\":[1538],\"counterid\":[1],\"compact\":[4],\"language\":[1],\"labelDecrease\":[1,\"label-decrease\"],\"labelIncrease\":[1,\"label-increase\"],\"minMessage\":[1,\"min-message\"],\"maxMessage\":[1,\"max-message\"],\"name\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"list\":[1],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"clearAriaTimer\":[32],\"displaySrValue\":[32],\"showMinMaxMessage\":[32],\"lastDispatchedValue\":[32],\"interactType\":[32]},null,{\"value\":[{\"watchValue\":0}],\"counterid\":[{\"handleId\":0}]}]]],[\"pn-date-picker.cjs\",[[772,\"pn-date-picker\",{\"labelFrom\":[1,\"label-from\"],\"labelTo\":[1,\"label-to\"],\"helpertext\":[1],\"start\":[1025],\"end\":[1025],\"format\":[1],\"compact\":[4],\"language\":[1],\"dateId\":[1,\"date-id\"],\"name\":[1],\"placeholder\":[1],\"endPlaceholder\":[1,\"end-placeholder\"],\"autocomplete\":[1],\"list\":[1],\"listEnd\":[1,\"list-end\"],\"pattern\":[1],\"range\":[4],\"rangeLimit\":[2,\"range-limit\"],\"view\":[1025],\"calendarUp\":[4,\"calendar-up\"],\"weekNumbers\":[4,\"week-numbers\"],\"disableTypeAhead\":[4,\"disable-type-ahead\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disabledDates\":[1,\"disabled-dates\"],\"disableMaxLength\":[4,\"disable-max-length\"],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"error\":[1],\"invalid\":[4],\"minDate\":[1025,\"min-date\"],\"maxDate\":[1025,\"max-date\"],\"isClosing\":[32],\"isExpanding\":[32],\"open\":[32],\"openUp\":[32],\"selectingTo\":[32],\"grid\":[32],\"viewYearStart\":[32],\"dateViewYear\":[32],\"dateViewMonth\":[32],\"dateViewDate\":[32],\"showHelperSlot\":[32],\"showErrorSlot\":[32]},[[9,\"resize\",\"handleResize\"]],{\"minDate\":[{\"watchMin\":0}],\"maxDate\":[{\"watchMax\":0}],\"start\":[{\"watchValue\":0}],\"end\":[{\"watchValueTo\":0}],\"format\":[{\"handleFormat\":0}],\"id\":[{\"watchId\":0}],\"dateViewYear\":[{\"watchView\":0}],\"dateViewMonth\":[{\"watchView\":0}],\"dateViewDate\":[{\"watchView\":0}],\"open\":[{\"watchOpen\":0}],\"helpertext\":[{\"handleMessage\":0}],\"error\":[{\"handleMessage\":0}],\"view\":[{\"handleView\":0}]}]]],[\"pn-modal.cjs\",[[772,\"pn-modal\",{\"label\":[1],\"helpertext\":[1],\"language\":[1],\"open\":[1540],\"persistent\":[4],\"hideClose\":[4,\"hide-close\"],\"allowOverflow\":[4,\"allow-overflow\"],\"sheet\":[4],\"maxWidth\":[1,\"max-width\"],\"isClosing\":[32],\"isOpening\":[32],\"removeOverflow\":[32]},[[9,\"resize\",\"handleOverflow\"]],{\"open\":[{\"handleOpen\":0}],\"maxWidth\":[{\"handleMaxWidth\":0}]}]]],[\"pn-tablist.cjs\",[[772,\"pn-tablist\",{\"label\":[1],\"value\":[1537],\"small\":[4],\"stackedicons\":[4],\"language\":[1],\"showScrollArrows\":[32],\"arrowLeft\":[32],\"arrowRight\":[32]},[[0,\"setActiveTab\",\"setActiveTabHandler\"],[9,\"resize\",\"rerender\"],[0,\"tabEnter\",\"handleEnter\"],[0,\"tabLeave\",\"handleLeave\"]],{\"value\":[{\"setValue\":0}],\"showScrollArrows\":[{\"scrollHandler\":0}]}]]],[\"pn-footer.cjs\",[[512,\"pn-footer\",{\"market\":[1],\"language\":[1]}]]],[\"pn-header.cjs\",[[772,\"pn-header\",{\"heading\":[1],\"maxWidth\":[1,\"max-width\"],\"goBackHref\":[1,\"go-back-href\"],\"goBackText\":[1,\"go-back-text\"],\"language\":[1]},null,{\"maxWidth\":[{\"setMaxWidth\":0}]}]]],[\"pn-tile.cjs\",[[772,\"pn-tile\",{\"label\":[1],\"text\":[1],\"url\":[1],\"target\":[1],\"rel\":[1],\"illustration\":[1],\"icon\":[1],\"horizontal\":[4],\"visibleOutline\":[32]}]]],[\"pn-toast.cjs\",[[772,\"pn-toast\",{\"heading\":[1],\"text\":[1],\"toastId\":[1,\"toast-id\"],\"appearance\":[1],\"temporary\":[4],\"icon\":[1],\"illustration\":[1],\"hide\":[1540],\"closable\":[4],\"language\":[1025],\"isClosing\":[32],\"isExpanding\":[32],\"hasSlottedContent\":[32]},null,{\"hide\":[{\"handleHide\":0}]}]]],[\"pn-accordion-row.cjs\",[[772,\"pn-accordion-row\",{\"label\":[1025],\"state\":[1028],\"buttonid\":[1],\"contentid\":[1],\"transparent\":[4],\"isClosing\":[32],\"isExpanding\":[32]},[[0,\"rowstate\",\"handleRowState\"]]]]],[\"pn-card.cjs\",[[772,\"pn-card\",{\"label\":[1],\"labelTag\":[1,\"label-tag\"],\"overline\":[1],\"text\":[1],\"cardId\":[1,\"card-id\"],\"horizontal\":[4],\"reverse\":[4],\"aspectRatio\":[1,\"aspect-ratio\"],\"href\":[1],\"hrefLabel\":[1,\"href-label\"],\"target\":[1],\"rel\":[1],\"icon\":[1],\"visibleOutline\":[32]},null,{\"cardId\":[{\"watchCardId\":0}]}]]],[\"pn-checkbox.cjs\",[[772,\"pn-checkbox\",{\"label\":[1],\"helpertext\":[1],\"value\":[513],\"name\":[1],\"checked\":[1028],\"checkboxid\":[1],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"indeterminate\":[1028],\"tile\":[4],\"expand\":[4],\"icon\":[1],\"isClosing\":[32],\"isExpanding\":[32]},null,{\"checkboxid\":[{\"handleId\":0}],\"checked\":[{\"handleChecked\":0}]}]]],[\"pn-choice-chip.cjs\",[[772,\"pn-choice-chip\",{\"label\":[1],\"value\":[513],\"name\":[1],\"checked\":[1028],\"radio\":[4],\"choiceid\":[1],\"icon\":[1],\"required\":[4],\"disabled\":[4],\"small\":[4],\"large\":[4],\"moving\":[32]}]]],[\"pn-fieldset.cjs\",[[772,\"pn-fieldset\",{\"legend\":[1],\"helpertext\":[1],\"fieldsetId\":[1,\"fieldset-id\"],\"form\":[1],\"name\":[1],\"disabled\":[4],\"invalid\":[4],\"error\":[1]},null,{\"fieldsetId\":[{\"handleId\":0}]}]]],[\"pn-multiselect.cjs\",[[772,\"pn-multiselect\",{\"label\":[1],\"helpertext\":[1],\"placeholder\":[1],\"name\":[1],\"selectId\":[1,\"select-id\"],\"selectName\":[1,\"select-name\"],\"icon\":[1],\"compact\":[4],\"language\":[1],\"options\":[1040],\"selectAll\":[4,\"select-all\"],\"allValue\":[1,\"all-value\"],\"search\":[4],\"searchQuery\":[1025,\"search-query\"],\"itemCount\":[2,\"item-count\"],\"maxHeight\":[1,\"max-height\"],\"top\":[4],\"bottom\":[4],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"error\":[1],\"isClosing\":[32],\"isExpanding\":[32],\"isSearching\":[32],\"open\":[32],\"upwards\":[32],\"srMessage\":[32]},[[9,\"resize\",\"handleResize\"]],{\"open\":[{\"handleOpen\":0}],\"search\":[{\"handleSearch\":0}],\"searchQuery\":[{\"handleSearchQuery\":0}],\"selectId\":[{\"handleSelectId\":0}]}]]],[\"pn-page-nav.cjs\",[[772,\"pn-page-nav\",{\"value\":[1025],\"dropdown\":[8],\"navid\":[1],\"currentSelection\":[32],\"showScrollArrows\":[32],\"showLeftArrow\":[32],\"showRightArrow\":[32],\"dropdownOpen\":[32],\"dropdownLinks\":[32],\"dropdownActive\":[32]},[[0,\"itemselection\",\"changeHandler\"],[9,\"resize\",\"handleResize\"]],{\"value\":[{\"valueHandler\":0}],\"dropdownOpen\":[{\"dropdownHandler\":0}]}]]],[\"pn-page-nav-dropdown-item.cjs\",[[772,\"pn-page-nav-dropdown-item\",{\"value\":[1],\"href\":[1],\"active\":[4]}]]],[\"pn-page-nav-item.cjs\",[[772,\"pn-page-nav-item\",{\"value\":[1],\"href\":[1],\"icon\":[1]}]]],[\"pn-radio-button.cjs\",[[772,\"pn-radio-button\",{\"label\":[1],\"helpertext\":[1],\"value\":[513],\"name\":[1],\"checked\":[1028],\"radioid\":[1],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"tile\":[4],\"expand\":[4],\"icon\":[1],\"isClosing\":[32],\"isExpanding\":[32]},[[8,\"change\",\"handleChange\"]],{\"radioid\":[{\"handleId\":0}],\"checked\":[{\"handleChecked\":0}]}]]],[\"pn-read-only-button.cjs\",[[772,\"pn-read-only-button\",{\"icon\":[1],\"leftIcon\":[4,\"left-icon\"],\"iconOnly\":[4,\"icon-only\"],\"small\":[4],\"language\":[1],\"readOnlyModeText\":[32],\"tooltipOpen\":[32],\"tooltipEl\":[32],\"tooltipDx\":[32]},null,{\"language\":[{\"setReadOnlyModeText\":0}],\"tooltipOpen\":[{\"openHandler\":0}]}]]],[\"pn-segment.cjs\",[[772,\"pn-segment\",{\"label\":[1],\"name\":[1],\"value\":[1],\"selected\":[4],\"segmentid\":[1],\"icon\":[1],\"disabled\":[4]}]]],[\"pn-segmented-control.cjs\",[[772,\"pn-segmented-control\",{\"name\":[1],\"value\":[1025],\"showScrollArrows\":[32],\"showLeftArrow\":[32],\"showRightArrow\":[32]},[[0,\"change\",\"changeHandler\"],[9,\"resize\",\"handleResize\"],[0,\"segmentHover\",\"handleHover\"]],{\"value\":[{\"valueHandler\":0}]}]]],[\"pn-tab.cjs\",[[772,\"pn-tab\",{\"label\":[1],\"value\":[1],\"href\":[1],\"icon\":[1],\"ariacontrols\":[1],\"tabid\":[1],\"activeTab\":[1,\"active-tab\"]}]]],[\"pn-toggle-switch.cjs\",[[772,\"pn-toggle-switch\",{\"label\":[1],\"helpertext\":[1],\"checked\":[1028],\"toggleid\":[1],\"name\":[1],\"value\":[1],\"small\":[4],\"large\":[4],\"disabled\":[4],\"loading\":[4]},null,{\"toggleid\":[{\"handleHelperId\":0}]}]]],[\"pn-tooltip.cjs\",[[772,\"pn-tooltip\",{\"warning\":[4],\"light\":[4],\"tooltip\":[1],\"downwards\":[32],\"open\":[32],\"deltaX\":[32]},null,{\"open\":[{\"openHandler\":0}]}]]],[\"pn-accordion.cjs\",[[772,\"pn-accordion\",{\"single\":[4],\"transparent\":[4]},[[0,\"togglerow\",\"handleSingleRow\"]]]]],[\"pn-progress-indicator.cjs\",[[772,\"pn-progress-indicator\",{\"activeStep\":[1026,\"active-step\"]},[[0,\"setactivestep\",\"setActiveStepHandler\"]]]]],[\"pn-progress-indicator-step.cjs\",[[772,\"pn-progress-indicator-step\",{\"activeStep\":[2,\"active-step\"],\"index\":[2],\"name\":[1],\"checked\":[4],\"active\":[1],\"activated\":[32],\"done\":[32]}]]],[\"pn-table.cjs\",[[772,\"pn-table\",{\"gray\":[4],\"bordered\":[4],\"striped\":[4]}]]],[\"pn-textarea.cjs\",[[512,\"pn-textarea\",{\"label\":[1],\"value\":[1025],\"helpertext\":[1],\"compact\":[4],\"textareaid\":[1],\"name\":[1],\"form\":[1],\"rows\":[2],\"cols\":[2],\"wrap\":[1],\"maxlength\":[2],\"autocomplete\":[1],\"spellcheck\":[4],\"placeholder\":[1],\"resize\":[4],\"required\":[4],\"valid\":[4],\"invalid\":[4],\"error\":[1],\"disabled\":[4],\"readonly\":[4]},null,{\"textareaid\":[{\"handleId\":1}]}]]],[\"pn-input.cjs\",[[772,\"pn-input\",{\"label\":[1],\"helpertext\":[1],\"inputid\":[1],\"value\":[1025],\"language\":[1],\"compact\":[4],\"icon\":[1],\"textPrefix\":[1,\"text-prefix\"],\"textSuffix\":[1,\"text-suffix\"],\"type\":[1025],\"name\":[1],\"placeholder\":[1],\"autocomplete\":[1],\"maxlength\":[2],\"inputmode\":[1],\"list\":[1],\"pattern\":[1],\"min\":[8],\"max\":[8],\"step\":[8],\"arialabel\":[1],\"ariacontrols\":[1],\"required\":[4],\"disabled\":[4],\"readonly\":[4],\"valid\":[4],\"invalid\":[4],\"error\":[1],\"offsetLeft\":[32],\"offsetRight\":[32],\"showHelperSlot\":[32],\"showErrorSlot\":[32],\"showPassword\":[32]},null,{\"textPrefix\":[{\"handleOffset\":0}],\"textSuffix\":[{\"handleOffset\":0}],\"helpertext\":[{\"handleMessage\":0}],\"error\":[{\"handleMessage\":0}]}]]],[\"pn-progress-bar.cjs\",[[512,\"pn-progress-bar\",{\"label\":[1],\"progress\":[2],\"progressText\":[1,\"progress-text\"],\"successText\":[1,\"success-text\"],\"error\":[1],\"progressId\":[1,\"progress-id\"],\"progressPercentage\":[32]},null,{\"progress\":[{\"setProgress\":0}]}]]],[\"pn-select.cjs\",[[772,\"pn-select\",{\"label\":[1],\"helpertext\":[1],\"selectId\":[1,\"select-id\"],\"icon\":[1],\"compact\":[4],\"name\":[1],\"form\":[1],\"autocomplete\":[1],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"error\":[1]}]]],[\"pn-progress-stepper.cjs\",[[512,\"pn-progress-stepper\",{\"label\":[1],\"progressStepperId\":[1,\"progress-stepper-id\"],\"language\":[1],\"totalSteps\":[1026,\"total-steps\"],\"currentStep\":[1026,\"current-step\"],\"stepName\":[1,\"step-name\"],\"dots\":[4],\"builtInLabel\":[32],\"progressValue\":[32]},null,{\"currentStep\":[{\"stepWatchers\":0}],\"totalSteps\":[{\"stepWatchers\":0}],\"language\":[{\"watchLanguage\":0}]}]]],[\"pn-search-field.cjs\",[[512,\"pn-search-field\",{\"label\":[1],\"value\":[1025],\"placeholder\":[1],\"searchid\":[1],\"name\":[1],\"autocomplete\":[1],\"list\":[1],\"language\":[1],\"disabled\":[4],\"required\":[4],\"loading\":[4],\"button\":[1],\"buttonLabel\":[1,\"button-label\"],\"buttonTooltip\":[1,\"button-tooltip\"],\"buttonLight\":[4,\"button-light\"]},[[0,\"input\",\"inputHandler\"]]]]],[\"pn-text-link.cjs\",[[772,\"pn-text-link\",{\"label\":[1],\"href\":[1],\"light\":[4],\"icon\":[1],\"leftIcon\":[4,\"left-icon\"],\"download\":[1],\"hreflang\":[1],\"media\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"target\":[1],\"linkid\":[1]}]]],[\"pn-illustration.cjs\",[[512,\"pn-illustration\",{\"illustration\":[1],\"width\":[1025],\"height\":[1025],\"fill\":[4]},null,{\"fill\":[{\"handleFill\":0}]}]]],[\"pn-button_2.cjs\",[[772,\"pn-button\",{\"label\":[1],\"appearance\":[1],\"variant\":[1],\"small\":[4],\"loading\":[516],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"leftIcon\":[4,\"left-icon\"],\"tooltip\":[1],\"tooltipUp\":[4,\"tooltip-up\"],\"type\":[1],\"form\":[1],\"href\":[1],\"rel\":[1],\"target\":[1],\"download\":[1],\"buttonId\":[1,\"button-id\"],\"arialabel\":[1],\"arialabelledby\":[1],\"ariacurrent\":[1],\"ariacontrols\":[1],\"ariapressed\":[1],\"ariahaspopup\":[1],\"ariaexpanded\":[1],\"noTab\":[4,\"no-tab\"],\"tooltipOpen\":[32],\"tooltipUpwards\":[32]},null,{\"tooltipOpen\":[{\"openHandler\":0}],\"tooltip\":[{\"iconOnlyHandler\":0}]}],[512,\"pn-spinner\",{\"light\":[4],\"size\":[2]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"pn-icon_2.cjs\",[[512,\"pn-tag\",{\"label\":[1],\"icon\":[1],\"appearance\":[1],\"dark\":[4],\"large\":[4],\"small\":[4],\"xsmall\":[4]}],[512,\"pn-icon\",{\"icon\":[1],\"small\":[4],\"color\":[1]},null,{\"color\":[{\"handleColor\":0}]}]]],[\"pn-file-upload.cjs\",[[772,\"pn-file-upload\",{\"label\":[1],\"helpertext\":[1],\"language\":[1],\"name\":[1],\"accept\":[1],\"capture\":[1],\"multiple\":[1028],\"required\":[4],\"disabled\":[4],\"limit\":[2],\"maxSize\":[1,\"max-size\"],\"hideProgress\":[4,\"hide-progress\"],\"pnId\":[1,\"pn-id\"],\"files\":[32],\"isHovering\":[32],\"startUpload\":[64],\"clearUpload\":[64],\"removeFile\":[64],\"updateFile\":[64]},null,{\"pnId\":[{\"handleId\":1}],\"limit\":[{\"handleLimit\":1}],\"maxSize\":[{\"handleMaxBytes\":1}]}]]],[\"pn-ocr-search.cjs\",[[512,\"pn-ocr-search\",{\"language\":[1],\"loading\":[32],\"error\":[32],\"ocrNumber\":[32],\"searchSuccess\":[32],\"invalidOcrNumber\":[32]}]]],[\"pn-pagination.cjs\",[[512,\"pn-pagination\",{\"label\":[1],\"urlTemplate\":[1,\"url-template\"],\"paginationId\":[1,\"pagination-id\"],\"language\":[1],\"page\":[1538],\"pages\":[1026],\"pagesVisible\":[1026,\"pages-visible\"],\"rows\":[1026],\"rowsList\":[1,\"rows-list\"],\"rowsLabel\":[1,\"rows-label\"],\"list\":[32]},null,{\"page\":[{\"handlePage\":0}],\"pages\":[{\"handlePages\":0}],\"pagesVisible\":[{\"handlePagesVisible\":0}]}]]],[\"pn-range.cjs\",[[772,\"pn-range\",{\"label\":[1],\"labelEnd\":[1,\"label-end\"],\"helpertext\":[1],\"value\":[1538],\"valueEnd\":[1538,\"value-end\"],\"name\":[1],\"nameEnd\":[1,\"name-end\"],\"min\":[2],\"max\":[2],\"step\":[1],\"disabled\":[4],\"markers\":[16],\"input\":[4],\"tooltipTemplate\":[1,\"tooltip-template\"],\"tooltipHide\":[4,\"tooltip-hide\"],\"textPrefix\":[1,\"text-prefix\"],\"textSuffix\":[1,\"text-suffix\"],\"icon\":[1],\"iconEnd\":[1,\"icon-end\"],\"multiple\":[4],\"invalid\":[4],\"error\":[1],\"pnId\":[1,\"pn-id\"],\"pnIdEnd\":[1,\"pn-id-end\"],\"pnAriaLabel\":[1,\"pn-aria-label\"],\"pnAriaLabelEnd\":[1,\"pn-aria-label-end\"],\"pnAriaLabelledby\":[1,\"pn-aria-labelledby\"],\"pnAriaLabelledbyEnd\":[1,\"pn-aria-labelledby-end\"],\"showHelperSlot\":[32],\"showErrorSlot\":[32],\"isPressing\":[32],\"pressControl\":[32]},null,{\"value\":[{\"handleValue\":1}],\"valueEnd\":[{\"handleValueEnd\":1}],\"pnId\":[{\"handleId\":0}],\"pnIdEnd\":[{\"handleId\":1}],\"helpertext\":[{\"handleMessage\":1}],\"error\":[{\"handleMessage\":0}],\"multiple\":[{\"handleMultiple\":0}]}]]],[\"pn-wizard.cjs\",[[772,\"pn-wizard\",{\"label\":[1],\"helpertext\":[1],\"language\":[1025],\"pnId\":[1025,\"pn-id\"],\"step\":[1538],\"steps\":[16],\"progress\":[1],\"scrollBlock\":[1,\"scroll-block\"],\"displayOverflow\":[4,\"display-overflow\"],\"hideBack\":[4,\"hide-back\"],\"hideNext\":[4,\"hide-next\"],\"hideFinish\":[4,\"hide-finish\"],\"labelBack\":[1,\"label-back\"],\"labelNext\":[1,\"label-next\"],\"labelFinish\":[1,\"label-finish\"]},[[9,\"resize\",\"handleOverflow\"]],{\"step\":[{\"handleStepChange\":0}],\"pnId\":[{\"handleIdChange\":1}]}]]],[\"pn-zipcode-search.cjs\",[[512,\"pn-zipcode-search\",{\"language\":[1],\"value\":[1025],\"validZipCode\":[32],\"loading\":[32],\"showResult\":[32],\"zipCodeSearchResult\":[32],\"error\":[32],\"errorMessage\":[32]}]]],[\"pn-action-menu.cjs\",[[512,\"pn-action-menu\",{\"options\":[16],\"button\":[16],\"menuId\":[1,\"menu-id\"],\"language\":[1025],\"open\":[1540],\"menuUp\":[4,\"menu-up\"],\"menuLeft\":[4,\"menu-left\"],\"isClosing\":[32],\"isExpanding\":[32],\"smallMenu\":[32],\"upwards\":[32],\"activeSubmenu\":[32]},[[9,\"resize\",\"handleResize\"]],{\"options\":[{\"handleOptions\":0}],\"open\":[{\"openHandler\":0}],\"menuId\":[{\"handleMenuId\":0}]}]]],[\"pn-button-dropdown.cjs\",[[772,\"pn-button-dropdown\",{\"label\":[1],\"icon\":[1],\"appearance\":[1],\"variant\":[1],\"small\":[4],\"tooltip\":[1],\"open\":[1540],\"right\":[32],\"top\":[32]},null,{\"open\":[{\"openHandler\":0}]}]]],[\"pn-counter.cjs\",[[772,\"pn-counter\",{\"label\":[1],\"helpertext\":[1],\"language\":[1],\"value\":[1538],\"name\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"list\":[1],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"compact\":[4],\"labelDecrease\":[1,\"label-decrease\"],\"labelIncrease\":[1,\"label-increase\"],\"hideTooltips\":[4,\"hide-tooltips\"],\"minMessage\":[1,\"min-message\"],\"maxMessage\":[1,\"max-message\"],\"pnId\":[1,\"pn-id\"],\"pnAriaLabel\":[1,\"pn-aria-label\"],\"pnAriaLabelledby\":[1,\"pn-aria-labelledby\"],\"counterid\":[1],\"clearAriaTimer\":[32],\"displaySrValue\":[32],\"showMinMaxMessage\":[32],\"lastDispatchedValue\":[32],\"interactType\":[32]},null,{\"value\":[{\"watchValue\":0}],\"counterid\":[{\"handleId\":0}],\"pnId\":[{\"handleId\":1}]}]]],[\"pn-date-picker.cjs\",[[772,\"pn-date-picker\",{\"labelFrom\":[1,\"label-from\"],\"labelTo\":[1,\"label-to\"],\"helpertext\":[1],\"language\":[1],\"start\":[1025],\"end\":[1025],\"name\":[1],\"nameEnd\":[1,\"name-end\"],\"placeholder\":[1],\"endPlaceholder\":[1,\"end-placeholder\"],\"placeholderEnd\":[1,\"placeholder-end\"],\"autocomplete\":[1],\"list\":[1],\"listEnd\":[1,\"list-end\"],\"pattern\":[1],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"format\":[1],\"disableTypeAhead\":[4,\"disable-type-ahead\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disabledDates\":[1,\"disabled-dates\"],\"disableMaxLength\":[4,\"disable-max-length\"],\"range\":[4],\"rangeLimit\":[2,\"range-limit\"],\"weekNumbers\":[4,\"week-numbers\"],\"compact\":[4],\"calendarUp\":[4,\"calendar-up\"],\"view\":[1025],\"invalid\":[4],\"error\":[1],\"pnId\":[1,\"pn-id\"],\"pnAriaLabel\":[1,\"pn-aria-label\"],\"pnAriaLabelEnd\":[1,\"pn-aria-label-end\"],\"pnAriaLabelledby\":[1,\"pn-aria-labelledby\"],\"pnAriaLabelledbyEnd\":[1,\"pn-aria-labelledby-end\"],\"dateId\":[1,\"date-id\"],\"minDate\":[1025,\"min-date\"],\"maxDate\":[1025,\"max-date\"],\"isClosing\":[32],\"isExpanding\":[32],\"open\":[32],\"openUp\":[32],\"selectingEnd\":[32],\"grid\":[32],\"viewYearStart\":[32],\"dateViewYear\":[32],\"dateViewMonth\":[32],\"dateViewDate\":[32],\"showHelperSlot\":[32],\"showErrorSlot\":[32]},[[9,\"resize\",\"handleResize\"]],{\"minDate\":[{\"watchMin\":1}],\"maxDate\":[{\"watchMax\":1}],\"start\":[{\"watchValue\":0}],\"end\":[{\"watchValueTo\":0}],\"format\":[{\"handleFormat\":0}],\"dateId\":[{\"watchId\":0}],\"pnId\":[{\"watchId\":1}],\"dateViewYear\":[{\"watchView\":0}],\"dateViewMonth\":[{\"watchView\":0}],\"dateViewDate\":[{\"watchView\":0}],\"open\":[{\"watchOpen\":0}],\"helpertext\":[{\"handleMessage\":0}],\"error\":[{\"handleMessage\":0}],\"view\":[{\"handleView\":0}]}]]],[\"pn-modal.cjs\",[[772,\"pn-modal\",{\"label\":[1],\"helpertext\":[1],\"language\":[1],\"pnId\":[1,\"pn-id\"],\"open\":[1540],\"persistent\":[4],\"hideClose\":[4,\"hide-close\"],\"allowOverflow\":[4,\"allow-overflow\"],\"sheet\":[4],\"maxWidth\":[1,\"max-width\"],\"isClosing\":[32],\"isOpening\":[32],\"removeOverflow\":[32]},[[9,\"resize\",\"handleOverflow\"]],{\"open\":[{\"handleOpen\":0}],\"maxWidth\":[{\"handleMaxWidth\":0}]}]]],[\"pn-tablist.cjs\",[[772,\"pn-tablist\",{\"label\":[1],\"value\":[1537],\"small\":[4],\"stackedicons\":[4],\"language\":[1],\"showScrollArrows\":[32],\"arrowLeft\":[32],\"arrowRight\":[32]},[[0,\"setActiveTab\",\"setActiveTabHandler\"],[9,\"resize\",\"rerender\"],[0,\"tabEnter\",\"handleEnter\"],[0,\"tabLeave\",\"handleLeave\"]],{\"value\":[{\"setValue\":0}],\"showScrollArrows\":[{\"scrollHandler\":0}]}]]],[\"pn-footer.cjs\",[[512,\"pn-footer\",{\"market\":[1],\"language\":[1]}]]],[\"pn-header.cjs\",[[772,\"pn-header\",{\"heading\":[1],\"maxWidth\":[1,\"max-width\"],\"goBackHref\":[1,\"go-back-href\"],\"goBackText\":[1,\"go-back-text\"],\"language\":[1]},null,{\"maxWidth\":[{\"setMaxWidth\":0}]}]]],[\"pn-tile.cjs\",[[772,\"pn-tile\",{\"label\":[1],\"text\":[1],\"url\":[1],\"target\":[1],\"rel\":[1],\"illustration\":[1],\"icon\":[1],\"horizontal\":[4],\"visibleOutline\":[32]}]]],[\"pn-toast.cjs\",[[772,\"pn-toast\",{\"heading\":[1],\"text\":[1],\"toastId\":[1,\"toast-id\"],\"appearance\":[1],\"temporary\":[4],\"icon\":[1],\"illustration\":[1],\"hide\":[1540],\"closable\":[4],\"language\":[1025],\"isClosing\":[32],\"isExpanding\":[32],\"hasSlottedContent\":[32]},null,{\"hide\":[{\"handleHide\":0}]}]]],[\"pn-accordion-row.cjs\",[[772,\"pn-accordion-row\",{\"label\":[1025],\"state\":[1028],\"buttonid\":[1],\"contentid\":[1],\"transparent\":[4],\"isClosing\":[32],\"isExpanding\":[32]},[[0,\"rowstate\",\"handleRowState\"]]]]],[\"pn-card.cjs\",[[772,\"pn-card\",{\"label\":[1],\"labelTag\":[1,\"label-tag\"],\"overline\":[1],\"text\":[1],\"cardId\":[1,\"card-id\"],\"horizontal\":[4],\"reverse\":[4],\"aspectRatio\":[1,\"aspect-ratio\"],\"href\":[1],\"hrefLabel\":[1,\"href-label\"],\"target\":[1],\"rel\":[1],\"icon\":[1],\"visibleOutline\":[32]},null,{\"cardId\":[{\"watchCardId\":0}]}]]],[\"pn-checkbox.cjs\",[[772,\"pn-checkbox\",{\"label\":[1],\"helpertext\":[1],\"value\":[513],\"name\":[1],\"checked\":[1540],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"indeterminate\":[1028],\"tile\":[4],\"expand\":[4],\"icon\":[1],\"pnId\":[1,\"pn-id\"],\"pnAriaLabel\":[1,\"pn-aria-label\"],\"pnAriaLabelledby\":[1,\"pn-aria-labelledby\"],\"checkboxid\":[1],\"isClosing\":[32],\"isExpanding\":[32]},null,{\"checkboxid\":[{\"handleId\":0}],\"pnId\":[{\"handleId\":1}],\"checked\":[{\"handleChecked\":0}]}]]],[\"pn-choice-chip.cjs\",[[772,\"pn-choice-chip\",{\"label\":[1],\"value\":[513],\"name\":[1],\"checked\":[1028],\"required\":[4],\"disabled\":[4],\"radio\":[4],\"icon\":[1],\"small\":[4],\"large\":[4],\"pnId\":[1,\"pn-id\"],\"choiceid\":[1]}]]],[\"pn-fieldset.cjs\",[[772,\"pn-fieldset\",{\"legend\":[1],\"helpertext\":[1],\"name\":[1],\"form\":[1],\"disabled\":[4],\"invalid\":[4],\"error\":[1],\"pnId\":[1,\"pn-id\"],\"fieldsetId\":[1,\"fieldset-id\"]},null,{\"fieldsetId\":[{\"handleId\":0}],\"pnId\":[{\"handleId\":1}]}]]],[\"pn-multiselect.cjs\",[[772,\"pn-multiselect\",{\"label\":[1],\"helpertext\":[1],\"language\":[1],\"name\":[1],\"selectName\":[1,\"select-name\"],\"placeholder\":[1],\"required\":[4],\"disabled\":[4],\"options\":[1040],\"compact\":[4],\"icon\":[1],\"selectAll\":[4,\"select-all\"],\"allValue\":[1,\"all-value\"],\"search\":[4],\"searchQuery\":[1025,\"search-query\"],\"itemCount\":[2,\"item-count\"],\"maxHeight\":[1,\"max-height\"],\"top\":[4],\"bottom\":[4],\"invalid\":[4],\"error\":[1],\"pnId\":[1,\"pn-id\"],\"pnAriaLabel\":[1,\"pn-aria-label\"],\"pnAriaLabelledby\":[1,\"pn-aria-labelledby\"],\"selectId\":[1,\"select-id\"],\"isClosing\":[32],\"isExpanding\":[32],\"isSearching\":[32],\"open\":[32],\"upwards\":[32],\"srMessage\":[32]},[[9,\"resize\",\"handleResize\"]],{\"open\":[{\"handleOpen\":0}],\"search\":[{\"handleSearch\":0}],\"searchQuery\":[{\"handleSearchQuery\":0}],\"selectId\":[{\"handleSelectId\":0}],\"pnId\":[{\"handleSelectId\":1}]}]]],[\"pn-page-nav.cjs\",[[772,\"pn-page-nav\",{\"value\":[1025],\"dropdown\":[8],\"navid\":[1],\"currentSelection\":[32],\"showScrollArrows\":[32],\"showLeftArrow\":[32],\"showRightArrow\":[32],\"dropdownOpen\":[32],\"dropdownLinks\":[32],\"dropdownActive\":[32]},[[0,\"itemselection\",\"changeHandler\"],[9,\"resize\",\"handleResize\"]],{\"value\":[{\"valueHandler\":0}],\"dropdownOpen\":[{\"dropdownHandler\":0}]}]]],[\"pn-page-nav-dropdown-item.cjs\",[[772,\"pn-page-nav-dropdown-item\",{\"value\":[1],\"href\":[1],\"active\":[4]}]]],[\"pn-page-nav-item.cjs\",[[772,\"pn-page-nav-item\",{\"value\":[1],\"href\":[1],\"icon\":[1]}]]],[\"pn-radio-button.cjs\",[[772,\"pn-radio-button\",{\"label\":[1],\"helpertext\":[1],\"value\":[513],\"name\":[1],\"checked\":[1028],\"required\":[4],\"disabled\":[4],\"tile\":[4],\"expand\":[4],\"icon\":[1],\"invalid\":[4],\"pnId\":[1,\"pn-id\"],\"pnAriaLabel\":[1,\"pn-aria-label\"],\"pnAriaLabelledby\":[1,\"pn-aria-labelledby\"],\"radioid\":[1],\"isClosing\":[32],\"isExpanding\":[32]},[[8,\"change\",\"handleChange\"]],{\"radioid\":[{\"handleId\":0}],\"pnId\":[{\"handleId\":1}],\"checked\":[{\"handleChecked\":0}]}]]],[\"pn-read-only-button.cjs\",[[772,\"pn-read-only-button\",{\"icon\":[1],\"leftIcon\":[4,\"left-icon\"],\"iconOnly\":[4,\"icon-only\"],\"small\":[4],\"language\":[1],\"readOnlyModeText\":[32],\"tooltipOpen\":[32],\"tooltipEl\":[32],\"tooltipDx\":[32]},null,{\"language\":[{\"setReadOnlyModeText\":0}],\"tooltipOpen\":[{\"openHandler\":0}]}]]],[\"pn-segment.cjs\",[[772,\"pn-segment\",{\"label\":[1],\"value\":[1],\"name\":[1],\"disabled\":[4],\"selected\":[4],\"icon\":[1],\"pnId\":[1,\"pn-id\"],\"segmentid\":[1]}]]],[\"pn-segmented-control.cjs\",[[772,\"pn-segmented-control\",{\"name\":[1],\"value\":[1537],\"showScrollArrows\":[32],\"showLeftArrow\":[32],\"showRightArrow\":[32]},[[0,\"change\",\"changeHandler\"],[9,\"resize\",\"handleResize\"],[0,\"segmentHover\",\"handleHover\"]],{\"value\":[{\"valueHandler\":0}]}]]],[\"pn-tab.cjs\",[[772,\"pn-tab\",{\"label\":[1],\"value\":[1],\"href\":[1],\"icon\":[1],\"ariacontrols\":[1],\"tabid\":[1],\"activeTab\":[1,\"active-tab\"]}]]],[\"pn-toggle-switch.cjs\",[[772,\"pn-toggle-switch\",{\"label\":[1],\"helpertext\":[1],\"value\":[1],\"name\":[1],\"checked\":[1028],\"required\":[4],\"disabled\":[4],\"small\":[4],\"large\":[4],\"loading\":[4],\"pnId\":[1,\"pn-id\"],\"pnAriaLabel\":[1,\"pn-aria-label\"],\"pnAriaLabelledby\":[1,\"pn-aria-labelledby\"],\"toggleid\":[1]},null,{\"pnId\":[{\"handleHelperId\":0}],\"toggleid\":[{\"handleHelperId\":1}]}]]],[\"pn-tooltip.cjs\",[[772,\"pn-tooltip\",{\"warning\":[4],\"light\":[4],\"tooltip\":[1],\"downwards\":[32],\"open\":[32],\"deltaX\":[32]},null,{\"open\":[{\"openHandler\":0}]}]]],[\"pn-accordion.cjs\",[[772,\"pn-accordion\",{\"single\":[4],\"transparent\":[4]},[[0,\"togglerow\",\"handleSingleRow\"]]]]],[\"pn-progress-indicator.cjs\",[[772,\"pn-progress-indicator\",{\"activeStep\":[1026,\"active-step\"]},[[0,\"setactivestep\",\"setActiveStepHandler\"]]]]],[\"pn-progress-indicator-step.cjs\",[[772,\"pn-progress-indicator-step\",{\"activeStep\":[2,\"active-step\"],\"index\":[2],\"name\":[1],\"checked\":[4],\"active\":[1],\"activated\":[32],\"done\":[32]}]]],[\"pn-table.cjs\",[[772,\"pn-table\",{\"gray\":[4],\"bordered\":[4],\"striped\":[4]}]]],[\"pn-textarea.cjs\",[[772,\"pn-textarea\",{\"label\":[1],\"helpertext\":[1],\"value\":[1025],\"name\":[1],\"placeholder\":[1],\"form\":[1],\"rows\":[2],\"cols\":[2],\"wrap\":[1],\"maxlength\":[2],\"autocomplete\":[1],\"spellcheck\":[4],\"resize\":[4],\"required\":[4],\"disabled\":[4],\"readonly\":[4],\"compact\":[4],\"valid\":[4],\"invalid\":[4],\"error\":[1],\"pnId\":[1,\"pn-id\"],\"pnAriaLabel\":[1,\"pn-aria-label\"],\"pnAriaLabelledby\":[1,\"pn-aria-labelledby\"],\"textareaid\":[1]},null,{\"textareaid\":[{\"handleId\":0}],\"pnId\":[{\"handleId\":1}]}]]],[\"pn-input.cjs\",[[772,\"pn-input\",{\"label\":[1],\"helpertext\":[1],\"language\":[1],\"value\":[1025],\"type\":[1025],\"name\":[1],\"placeholder\":[1],\"autocomplete\":[1],\"maxlength\":[2],\"inputmode\":[1],\"list\":[1],\"pattern\":[1],\"min\":[8],\"max\":[8],\"step\":[8],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"compact\":[4],\"icon\":[1],\"textPrefix\":[1,\"text-prefix\"],\"textSuffix\":[1,\"text-suffix\"],\"valid\":[4],\"invalid\":[4],\"error\":[1],\"pnId\":[1,\"pn-id\"],\"pnAriaLabel\":[1,\"pn-aria-label\"],\"pnAriaLabelledby\":[1,\"pn-aria-labelledby\"],\"pnAriaControls\":[1,\"pn-aria-controls\"],\"inputid\":[1],\"arialabel\":[1],\"ariacontrols\":[1],\"offsetLeft\":[32],\"offsetRight\":[32],\"showPassword\":[32]},null,{\"textPrefix\":[{\"handleOffset\":0}],\"textSuffix\":[{\"handleOffset\":0}],\"inputid\":[{\"handleId\":0}],\"pnId\":[{\"handleId\":1}]}]]],[\"pn-progress-bar.cjs\",[[512,\"pn-progress-bar\",{\"label\":[1],\"progress\":[2],\"progressText\":[1,\"progress-text\"],\"successText\":[1,\"success-text\"],\"error\":[1],\"progressId\":[1,\"progress-id\"],\"progressPercentage\":[32]},null,{\"progress\":[{\"setProgress\":0}]}]]],[\"pn-select.cjs\",[[772,\"pn-select\",{\"label\":[1],\"helpertext\":[1],\"name\":[1],\"form\":[1],\"autocomplete\":[1],\"required\":[4],\"disabled\":[4],\"compact\":[4],\"icon\":[1],\"invalid\":[4],\"error\":[1],\"pnId\":[1,\"pn-id\"],\"pnAriaLabel\":[1,\"pn-aria-label\"],\"pnAriaLabelledby\":[1,\"pn-aria-labelledby\"],\"selectId\":[1,\"select-id\"]},null,{\"selectId\":[{\"handleId\":0}],\"pnId\":[{\"handleId\":1}]}]]],[\"pn-progress-stepper.cjs\",[[512,\"pn-progress-stepper\",{\"label\":[1],\"progressStepperId\":[1,\"progress-stepper-id\"],\"language\":[1],\"totalSteps\":[1026,\"total-steps\"],\"currentStep\":[1026,\"current-step\"],\"stepName\":[1,\"step-name\"],\"dots\":[4],\"builtInLabel\":[32],\"progressValue\":[32]},null,{\"currentStep\":[{\"stepWatchers\":0}],\"totalSteps\":[{\"stepWatchers\":0}],\"language\":[{\"watchLanguage\":0}]}]]],[\"pn-search-field.cjs\",[[512,\"pn-search-field\",{\"label\":[1],\"language\":[1],\"value\":[1025],\"name\":[1],\"placeholder\":[1],\"autocomplete\":[1],\"list\":[1],\"required\":[4],\"disabled\":[4],\"loading\":[4],\"button\":[1],\"buttonLabel\":[1,\"button-label\"],\"buttonTooltip\":[1,\"button-tooltip\"],\"buttonLight\":[4,\"button-light\"],\"pnId\":[1,\"pn-id\"],\"pnAriaLabelledby\":[1,\"pn-aria-labelledby\"],\"searchid\":[1]},[[0,\"input\",\"inputHandler\"]]]]],[\"pn-text-link.cjs\",[[772,\"pn-text-link\",{\"label\":[1],\"href\":[1],\"light\":[4],\"icon\":[1],\"leftIcon\":[4,\"left-icon\"],\"download\":[1],\"hreflang\":[1],\"media\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"target\":[1],\"linkid\":[1]}]]],[\"pn-illustration.cjs\",[[512,\"pn-illustration\",{\"illustration\":[1],\"width\":[1025],\"height\":[1025],\"fill\":[4]},null,{\"fill\":[{\"handleFill\":0}]}]]],[\"pn-button_2.cjs\",[[772,\"pn-button\",{\"label\":[1],\"appearance\":[1],\"variant\":[1],\"small\":[4],\"loading\":[516],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"leftIcon\":[4,\"left-icon\"],\"tooltip\":[1],\"tooltipUp\":[4,\"tooltip-up\"],\"type\":[1],\"form\":[1],\"href\":[1],\"rel\":[1],\"target\":[1],\"download\":[1],\"buttonId\":[1,\"button-id\"],\"arialabel\":[1],\"arialabelledby\":[1],\"ariacurrent\":[1],\"ariacontrols\":[1],\"ariapressed\":[1],\"ariahaspopup\":[1],\"ariaexpanded\":[1],\"noTab\":[4,\"no-tab\"],\"tooltipOpen\":[32],\"tooltipUpwards\":[32]},null,{\"tooltipOpen\":[{\"openHandler\":0}],\"tooltip\":[{\"iconOnlyHandler\":0}]}],[512,\"pn-spinner\",{\"light\":[4],\"size\":[2]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/umd/modules/@postnord/web-components/collection/collection-manifest.json

@@ -49,9 +49,12 @@
     "components/web-components/pn-ocr-search/pn-ocr-search.js",
     "components/web-components/pn-zipcode-search/pn-zipcode-search.js"
   ],
+  "mixins": [
+    "globals/mixins/index.js"
+  ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.41.3",
+    "version": "4.43.2",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

package/umd/modules/@postnord/web-components/collection/components/buttons/pn-action-menu/pn-action-menu.css

@@ -334,17 +334,8 @@ pn-action-menu .pn-action-menu-button {
 pn-action-menu .pn-action-menu-button > pn-icon .pn-icon-svg > path {
   transform-origin: center;
   transform: rotate(0deg);
-  transition-property: transform;
-  transition-duration: 0.2s;
-  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
-}
-@media (prefers-reduced-motion: reduce) {
-  pn-action-menu .pn-action-menu-button > pn-icon .pn-icon-svg > path {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
 }
-pn-action-menu .pn-action-menu-button > pn-icon[data-suffix][data-active] > .pn-icon-svg > path {
+pn-action-menu .pn-action-menu-button > pn-icon[data-suffix][data-active] .pn-icon-svg > path {
   transform: rotate(180deg);
 }
 pn-action-menu .pn-action-menu-button > pn-icon:last-child {

package/umd/modules/@postnord/web-components/collection/components/content/pn-accordion/pn-accordion.js

@@ -2,7 +2,7 @@
  * Built with Stencil
  * By PostNord.
  */
-import { h, Host, forceUpdate } from "@stencil/core";
+import { h, Host, forceUpdate, transformTag } from "@stencil/core";
 /**
  * The `pn-accordion` is a wrapper for `pn-accordion-row` components.
  * This component gives the accordion rows some space between each one and provides the `single` feature.
@@ -26,13 +26,14 @@ export class PnAccordion {
     handleSingleRow({ detail }) {
         if (!this.single)
             return;
+        const rowName = transformTag('pn-accordion-row');
         const element = detail.element;
-        const activeRow = element.closest('pn-accordion-row');
-        const rows = Array.from(this.hostElement.querySelectorAll('pn-accordion-row'));
+        const activeRow = element.closest(rowName);
+        const rows = Array.from(this.hostElement.querySelectorAll(rowName));
         rows.forEach(row => !row.isSameNode(activeRow) && row.dispatchEvent(this.closeEvent));
     }
     render() {
-        return (h(Host, { key: 'd8cd9ef7bd0d93aafda0e6955a9ad35ec81d55ae', class: "pn-accordion", "data-transparent": this.transparent }, h("slot", { key: '43233bb6107dcc4608edb0086ef347d7c936556f' })));
+        return (h(Host, { key: 'e6a1b3b18e0b6f366191f7b25154349e8fb3f81d', class: "pn-accordion", "data-transparent": this.transparent }, h("slot", { key: '4bdd61aafbb42520ed3af9e50045376104bee491' })));
     }
     static get is() { return "pn-accordion"; }
     static get originalStyleUrls() {

package/umd/modules/@postnord/web-components/collection/components/design-tokens/pn-icon/pn-icon.css

@@ -7,26 +7,30 @@ pn-icon {
   /** @prop --pn-icon-color: The icon color. */
   --pn-icon-color: main.$gray900;
 }
-pn-icon[small] svg {
-  height: 1em;
-  width: 1em;
+
+pn-icon .pn-icon {
+  margin: 0;
 }
-pn-icon svg {
+pn-icon .pn-icon svg {
   display: block;
   height: 1.5em;
   width: 1.5em;
 }
-pn-icon .pn-icon-svg > circle,
-pn-icon .pn-icon-svg > path {
+pn-icon .pn-icon svg > circle,
+pn-icon .pn-icon svg > path {
   fill: var(--pn-icon-color);
-  transition-property: fill;
+  transition-property: fill, transform;
   transition-duration: 0.2s;
   transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
 }
 @media (prefers-reduced-motion: reduce) {
-  pn-icon .pn-icon-svg > circle,
-  pn-icon .pn-icon-svg > path {
+  pn-icon .pn-icon svg > circle,
+  pn-icon .pn-icon svg > path {
     transition-duration: 0s;
     transition-delay: 0s;
   }
+}
+pn-icon .pn-icon[data-small] svg {
+  height: 1em;
+  width: 1em;
 }