@postnord/pn-marketweb-components 3.5.3 → 4.0.0

package/types/globals/HeadingTag.d.ts

@@ -1,7 +1,7 @@
 import { FunctionalComponent } from '../stencil-public-runtime';
 interface HeadingTagProps {
-    heading: string;
     level: string;
+    id?: string;
     cssClass?: string;
     additionalProps?: {
         [key: string]: string;

package/types/globals/LocalStorageService.d.ts

@@ -0,0 +1,14 @@
+export interface StorageService {
+    get(key: string): any | null;
+    set(key: string, value: any): void;
+    remove(key: string): void;
+    clear(): void;
+}
+export declare class LocalStorageService implements StorageService {
+    private available;
+    constructor();
+    get(key: string): any | null;
+    set(key: string, value: any): void;
+    remove(key: string): void;
+    clear(): void;
+}

package/types/globals/ScreensizeDetect.d.ts

@@ -0,0 +1,29 @@
+interface Breakpoints {
+    mobile: number;
+    tablet: number;
+    desktop: number;
+}
+type ScreenSize = 'mobile' | 'tablet' | 'desktop';
+export interface ScreenWidthInfo {
+    width: number;
+    size: ScreenSize;
+    isTouch: boolean;
+}
+export declare const DEFAULT_BREAKPOINTS: Breakpoints;
+export declare class ScreenWidth {
+    private static instance;
+    private breakpoints;
+    private callbacks;
+    private resizeTimeout?;
+    private constructor();
+    static getInstance(): ScreenWidth;
+    setBreakpoints(breakpoints: Partial<Breakpoints>): void;
+    private getWidth;
+    private isTouch;
+    private getScreenSize;
+    getScreenInfo(): ScreenWidthInfo;
+    private initializeListeners;
+    private notifyListeners;
+    subscribe(callback: (info: ScreenWidthInfo) => void): () => void;
+}
+export {};

package/types/globals/types.d.ts

@@ -0,0 +1,18 @@
+export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export interface PnButton {
+    content: string;
+    class?: string;
+    appearance?: string;
+    variant?: string;
+    small?: boolean;
+    loading?: boolean;
+    icon?: string;
+    leftIcon?: boolean;
+    tooltip?: string;
+    href?: string;
+    rel?: string;
+    download?: string;
+    form?: string;
+    buttonId?: string;
+    customAttribute?: string;
+}

package/types/utils/utils.d.ts

@@ -1 +1,2 @@
 export declare function format(first: string, middle: string, last: string): string;
+export declare function isLocalStorageAvailable(): boolean;

package/umd/modules/@postnord/web-components/cjs/{chevron_down-83e72319.js → angle_down-0b63ebde.js}

@@ -5,8 +5,8 @@
 'use strict';
 
 const icon = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M12.707 16.707a1 1 0 0 1-1.414 0l-8-8a1 1 0 0 1 1.414-1.414L12 14.586l7.293-7.293a1 1 0 1 1 1.414 1.414z" clip-rule="evenodd"/></svg>';
-const chevron_down = icon;
+const angle_down = icon;
 
-exports.chevron_down = chevron_down;
+exports.angle_down = angle_down;
 
-//# sourceMappingURL=chevron_down-83e72319.js.map
+//# sourceMappingURL=angle_down-0b63ebde.js.map

package/umd/modules/@postnord/web-components/cjs/angle_down-0b63ebde.js.map

@@ -0,0 +1 @@
+{"file":"angle_down-0b63ebde.js","mappings":";;;;;;AAAA,MAAM,IAAI,GAAG,4QAA4Q,CAAC;AAC9Q,MAAC,UAAU,GAAG;;;;","names":[],"sources":["node_modules/pn-design-assets/pn-assets/icons/angle_down.js"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M12.707 16.707a1 1 0 0 1-1.414 0l-8-8a1 1 0 0 1 1.414-1.414L12 14.586l7.293-7.293a1 1 0 1 1 1.414 1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const angle_down = icon;\nexport const angleDown = icon;\n"],"version":3}

package/umd/modules/@postnord/web-components/cjs/{chevron_right-aeb6aef3.js → angle_right-c8c55b43.js}

@@ -5,12 +5,12 @@
 'use strict';
 
 const icon$1 = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M6.293 12.707a1 1 0 0 1 0-1.414l8-8a1 1 0 1 1 1.414 1.414L8.414 12l7.293 7.293a1 1 0 0 1-1.414 1.414z" clip-rule="evenodd"/></svg>';
-const chevron_left = icon$1;
+const angle_left = icon$1;
 
 const icon = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M17.707 11.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414-1.414L15.586 12 8.293 4.707a1 1 0 0 1 1.414-1.414z" clip-rule="evenodd"/></svg>';
-const chevron_right = icon;
+const angle_right = icon;
 
-exports.chevron_left = chevron_left;
-exports.chevron_right = chevron_right;
+exports.angle_left = angle_left;
+exports.angle_right = angle_right;
 
-//# sourceMappingURL=chevron_right-aeb6aef3.js.map
+//# sourceMappingURL=angle_right-c8c55b43.js.map

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

@@ -0,0 +1 @@
+{"file":"angle_right-c8c55b43.js","mappings":";;;;;;AAAA,MAAMA,MAAI,GAAG,yQAAyQ,CAAC;AAC3Q,MAAC,UAAU,GAAGA;;ACD1B,MAAM,IAAI,GAAG,4QAA4Q,CAAC;AAC9Q,MAAC,WAAW,GAAG;;;;;","names":["icon"],"sources":["node_modules/pn-design-assets/pn-assets/icons/angle_left.js","node_modules/pn-design-assets/pn-assets/icons/angle_right.js"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M6.293 12.707a1 1 0 0 1 0-1.414l8-8a1 1 0 1 1 1.414 1.414L8.414 12l7.293 7.293a1 1 0 0 1-1.414 1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const angle_left = icon;\nexport const angleLeft = icon;\n","const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M17.707 11.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414-1.414L15.586 12 8.293 4.707a1 1 0 0 1 1.414-1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const angle_right = icon;\nexport const angleRight = icon;\n"],"version":3}

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

@@ -12,7 +12,7 @@ const appGlobals = require('./app-globals-db178d5b.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"pn-file-upload.cjs\",[[4,\"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\"],\"maxSize\":[\"handleMaxBytes\"]}]]],[\"pn-ocr-search.cjs\",[[0,\"pn-ocr-search\",{\"language\":[1],\"loading\":[32],\"error\":[32],\"ocrNumber\":[32],\"searchSuccess\":[32],\"invalidOcrNumber\":[32]}]]],[\"pn-pagination.cjs\",[[0,\"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\"],\"pages\":[\"handlePages\"],\"pagesVisible\":[\"handlePagesVisible\"]}]]],[\"pn-zipcode-search.cjs\",[[0,\"pn-zipcode-search\",{\"language\":[1],\"value\":[1025],\"validZipCode\":[32],\"loading\":[32],\"showResult\":[32],\"zipCodeSearchResult\":[32],\"error\":[32],\"errorMessage\":[32]}]]],[\"pn-action-menu.cjs\",[[0,\"pn-action-menu\",{\"options\":[16],\"button\":[16],\"menuId\":[1,\"menu-id\"],\"language\":[1025],\"open\":[1540],\"menuUp\":[4,\"menu-up\"],\"menuLeft\":[4,\"menu-left\"],\"smallMenu\":[32],\"upwards\":[32],\"activeSubmenu\":[32],\"isClosing\":[32],\"isExpanding\":[32]},[[9,\"resize\",\"handleResize\"]],{\"options\":[\"handleOptions\"],\"open\":[\"openHandler\"],\"menuId\":[\"handleMenuId\"]}]]],[\"pn-button-dropdown.cjs\",[[4,\"pn-button-dropdown\",{\"label\":[1],\"icon\":[1],\"appearance\":[1],\"variant\":[1],\"small\":[4],\"tooltip\":[1],\"open\":[1540],\"right\":[32],\"top\":[32]},null,{\"open\":[\"openHandler\"]}]]],[\"pn-counter.cjs\",[[0,\"pn-counter\",{\"label\":[1],\"helpertext\":[1],\"value\":[1538],\"counterid\":[1],\"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\"],\"counterid\":[\"handleId\"]}]]],[\"pn-date-picker.cjs\",[[4,\"pn-date-picker\",{\"labelFrom\":[1,\"label-from\"],\"labelTo\":[1,\"label-to\"],\"helpertext\":[1],\"start\":[1025],\"end\":[1025],\"format\":[1],\"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\"],\"open\":[32],\"openUp\":[32],\"selectingTo\":[32],\"grid\":[32],\"viewYearStart\":[32],\"dateViewYear\":[32],\"dateViewMonth\":[32],\"dateViewDate\":[32],\"showHelperSlot\":[32],\"showErrorSlot\":[32],\"isClosing\":[32],\"isExpanding\":[32]},[[9,\"resize\",\"handleResize\"]],{\"minDate\":[\"watchMin\"],\"maxDate\":[\"watchMax\"],\"start\":[\"watchValue\"],\"end\":[\"watchValueTo\"],\"format\":[\"handleFormat\"],\"id\":[\"watchId\"],\"dateViewYear\":[\"watchView\"],\"dateViewMonth\":[\"watchView\"],\"dateViewDate\":[\"watchView\"],\"open\":[\"watchOpen\"],\"helpertext\":[\"handleMessage\"],\"error\":[\"handleMessage\"],\"view\":[\"handleView\"]}]]],[\"pn-input.cjs\",[[4,\"pn-input\",{\"label\":[1],\"helpertext\":[1],\"inputid\":[1],\"value\":[1025],\"language\":[1],\"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\"],\"textSuffix\":[\"handleOffset\"],\"helpertext\":[\"handleMessage\"],\"error\":[\"handleMessage\"]}]]],[\"pn-modal.cjs\",[[4,\"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\"],\"maxWidth\":[\"handleMaxWidth\"]}]]],[\"pn-tablist.cjs\",[[4,\"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\"],\"showScrollArrows\":[\"scrollHandler\"]}]]],[\"pn-footer.cjs\",[[0,\"pn-footer\",{\"market\":[1],\"language\":[1]}]]],[\"pn-header.cjs\",[[4,\"pn-header\",{\"heading\":[1],\"maxWidth\":[1,\"max-width\"],\"goBackHref\":[1,\"go-back-href\"],\"goBackText\":[1,\"go-back-text\"],\"language\":[1],\"goBackTextTranslated\":[32]},null,{\"maxWidth\":[\"setMaxWidth\"],\"language\":[\"setLanguage\"]}]]],[\"pn-tile.cjs\",[[4,\"pn-tile\",{\"label\":[1],\"text\":[1],\"url\":[1],\"target\":[1],\"rel\":[1],\"illustration\":[1],\"icon\":[1],\"horizontal\":[4],\"visibleOutline\":[32]}]]],[\"pn-toast.cjs\",[[4,\"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\"]}]]],[\"pn-accordion-row.cjs\",[[4,\"pn-accordion-row\",{\"label\":[1025],\"state\":[1028],\"buttonid\":[1],\"contentid\":[1],\"transparent\":[4],\"isClosing\":[32],\"isExpanding\":[32]},[[0,\"rowstate\",\"handleRowState\"]]]]],[\"pn-checkbox.cjs\",[[0,\"pn-checkbox\",{\"label\":[1],\"value\":[513],\"name\":[1],\"checked\":[4],\"helpertext\":[1],\"checkboxid\":[1],\"disabled\":[4],\"required\":[4],\"invalid\":[4],\"indeterminate\":[1028],\"tile\":[4],\"icon\":[1]},[[0,\"change\",\"handlechange\"]],{\"checkboxid\":[\"handleId\"]}]]],[\"pn-read-only-button.cjs\",[[4,\"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\"],\"tooltipOpen\":[\"openHandler\"]}]]],[\"pn-segmented-control.cjs\",[[4,\"pn-segmented-control\",{\"name\":[1],\"value\":[1025],\"showScrollArrows\":[32],\"showLeftArrow\":[32],\"showRightArrow\":[32]},[[0,\"change\",\"changeHandler\"],[9,\"resize\",\"handleResize\"],[0,\"segmentHover\",\"handleHover\"]],{\"value\":[\"valueHandler\"]}]]],[\"pn-tooltip.cjs\",[[4,\"pn-tooltip\",{\"warning\":[4],\"light\":[4],\"tooltip\":[1],\"downwards\":[32],\"open\":[32],\"deltaX\":[32]},null,{\"open\":[\"openHandler\"]}]]],[\"pn-accordion.cjs\",[[4,\"pn-accordion\",{\"single\":[4],\"transparent\":[4]},[[0,\"togglerow\",\"handleSingleRow\"]]]]],[\"pn-icon_2.cjs\",[[0,\"pn-tag\",{\"label\":[1],\"icon\":[1],\"appearance\":[1],\"dark\":[4],\"large\":[4],\"small\":[4],\"xsmall\":[4]}],[0,\"pn-icon\",{\"icon\":[1],\"small\":[516],\"color\":[1]},null,{\"color\":[\"handleColor\"]}]]],[\"pn-card.cjs\",[[4,\"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\"]}]]],[\"pn-choice-chip.cjs\",[[4,\"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\",[[4,\"pn-fieldset\",{\"legend\":[1],\"helpertext\":[1],\"fieldsetId\":[1,\"fieldset-id\"],\"form\":[1],\"name\":[1],\"disabled\":[4],\"invalid\":[4],\"error\":[1]},null,{\"fieldsetId\":[\"handleId\"]}]]],[\"pn-multiselect.cjs\",[[4,\"pn-multiselect\",{\"label\":[1],\"helpertext\":[1],\"placeholder\":[1],\"name\":[1],\"selectId\":[1,\"select-id\"],\"selectName\":[1,\"select-name\"],\"icon\":[1],\"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],\"isSearching\":[32],\"open\":[32],\"upwards\":[32],\"srMessage\":[32],\"isClosing\":[32],\"isExpanding\":[32]},[[9,\"resize\",\"handleResize\"]],{\"open\":[\"handleOpen\"],\"search\":[\"handleSearch\"],\"searchQuery\":[\"handleSearchQuery\"],\"selectId\":[\"handleSelectId\"]}]]],[\"pn-page-nav.cjs\",[[4,\"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\"],\"dropdownOpen\":[\"dropdownHandler\"]}]]],[\"pn-page-nav-dropdown-item.cjs\",[[4,\"pn-page-nav-dropdown-item\",{\"value\":[1],\"href\":[1],\"active\":[4]}]]],[\"pn-page-nav-item.cjs\",[[4,\"pn-page-nav-item\",{\"value\":[1],\"href\":[1],\"icon\":[1]}]]],[\"pn-radio-button.cjs\",[[0,\"pn-radio-button\",{\"label\":[1],\"value\":[513],\"name\":[1],\"checked\":[4],\"helpertext\":[1],\"radioid\":[1],\"disabled\":[4],\"required\":[4],\"invalid\":[4],\"tile\":[4],\"icon\":[1]},null,{\"radioid\":[\"handleId\"]}]]],[\"pn-segment.cjs\",[[4,\"pn-segment\",{\"label\":[1],\"name\":[1],\"value\":[1],\"selected\":[4],\"segmentid\":[1],\"icon\":[1],\"disabled\":[4]}]]],[\"pn-tab.cjs\",[[4,\"pn-tab\",{\"label\":[1],\"value\":[1],\"href\":[1],\"icon\":[1],\"ariacontrols\":[1],\"tabid\":[1],\"activeTab\":[1,\"active-tab\"]}]]],[\"pn-button_2.cjs\",[[4,\"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\"],\"tooltip\":[\"iconOnlyHandler\"]}],[0,\"pn-spinner\",{\"light\":[4],\"size\":[2]}]]],[\"pn-toggle-switch.cjs\",[[4,\"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\"]}]]],[\"pn-progress-indicator.cjs\",[[4,\"pn-progress-indicator\",{\"activeStep\":[1026,\"active-step\"]},[[0,\"setactivestep\",\"setActiveStepHandler\"]]]]],[\"pn-progress-indicator-step.cjs\",[[4,\"pn-progress-indicator-step\",{\"activeStep\":[2,\"active-step\"],\"index\":[2],\"name\":[1],\"checked\":[4],\"active\":[1],\"activated\":[32],\"done\":[32]}]]],[\"pn-progress-stepper.cjs\",[[0,\"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\"],\"totalSteps\":[\"stepWatchers\"],\"language\":[\"watchLanguage\"]}]]],[\"pn-table.cjs\",[[4,\"pn-table\",{\"gray\":[4],\"bordered\":[4],\"striped\":[4]}]]],[\"pn-textarea.cjs\",[[0,\"pn-textarea\",{\"label\":[1],\"value\":[1],\"helpertext\":[1],\"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],\"content\":[32]}]]],[\"pn-progress-bar.cjs\",[[0,\"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\"]}]]],[\"pn-select.cjs\",[[4,\"pn-select\",{\"label\":[1],\"helpertext\":[1],\"selectId\":[1,\"select-id\"],\"icon\":[1],\"name\":[1],\"form\":[1],\"autocomplete\":[1],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"error\":[1]}]]],[\"pn-search-field.cjs\",[[0,\"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\"],\"buttonLight\":[4,\"button-light\"]},[[0,\"input\",\"inputHandler\"]]]]],[\"pn-text-link.cjs\",[[4,\"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\",[[0,\"pn-illustration\",{\"illustration\":[1],\"width\":[1025],\"height\":[1025],\"fill\":[4]},null,{\"fill\":[\"handleFill\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"pn-file-upload.cjs\",[[4,\"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\"],\"maxSize\":[\"handleMaxBytes\"]}]]],[\"pn-ocr-search.cjs\",[[0,\"pn-ocr-search\",{\"language\":[1],\"loading\":[32],\"error\":[32],\"ocrNumber\":[32],\"searchSuccess\":[32],\"invalidOcrNumber\":[32]}]]],[\"pn-pagination.cjs\",[[0,\"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\"],\"pages\":[\"handlePages\"],\"pagesVisible\":[\"handlePagesVisible\"]}]]],[\"pn-zipcode-search.cjs\",[[0,\"pn-zipcode-search\",{\"language\":[1],\"value\":[1025],\"validZipCode\":[32],\"loading\":[32],\"showResult\":[32],\"zipCodeSearchResult\":[32],\"error\":[32],\"errorMessage\":[32]}]]],[\"pn-action-menu.cjs\",[[0,\"pn-action-menu\",{\"options\":[16],\"button\":[16],\"menuId\":[1,\"menu-id\"],\"language\":[1025],\"open\":[1540],\"menuUp\":[4,\"menu-up\"],\"menuLeft\":[4,\"menu-left\"],\"smallMenu\":[32],\"upwards\":[32],\"activeSubmenu\":[32],\"isClosing\":[32],\"isExpanding\":[32]},[[9,\"resize\",\"handleResize\"]],{\"options\":[\"handleOptions\"],\"open\":[\"openHandler\"],\"menuId\":[\"handleMenuId\"]}]]],[\"pn-button-dropdown.cjs\",[[4,\"pn-button-dropdown\",{\"label\":[1],\"icon\":[1],\"appearance\":[1],\"variant\":[1],\"small\":[4],\"tooltip\":[1],\"open\":[1540],\"right\":[32],\"top\":[32]},null,{\"open\":[\"openHandler\"]}]]],[\"pn-counter.cjs\",[[0,\"pn-counter\",{\"label\":[1],\"helpertext\":[1],\"value\":[1538],\"counterid\":[1],\"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\"],\"counterid\":[\"handleId\"]}]]],[\"pn-date-picker.cjs\",[[4,\"pn-date-picker\",{\"labelFrom\":[1,\"label-from\"],\"labelTo\":[1,\"label-to\"],\"helpertext\":[1],\"start\":[1025],\"end\":[1025],\"format\":[1],\"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\"],\"open\":[32],\"openUp\":[32],\"selectingTo\":[32],\"grid\":[32],\"viewYearStart\":[32],\"dateViewYear\":[32],\"dateViewMonth\":[32],\"dateViewDate\":[32],\"showHelperSlot\":[32],\"showErrorSlot\":[32],\"isClosing\":[32],\"isExpanding\":[32]},[[9,\"resize\",\"handleResize\"]],{\"minDate\":[\"watchMin\"],\"maxDate\":[\"watchMax\"],\"start\":[\"watchValue\"],\"end\":[\"watchValueTo\"],\"format\":[\"handleFormat\"],\"id\":[\"watchId\"],\"dateViewYear\":[\"watchView\"],\"dateViewMonth\":[\"watchView\"],\"dateViewDate\":[\"watchView\"],\"open\":[\"watchOpen\"],\"helpertext\":[\"handleMessage\"],\"error\":[\"handleMessage\"],\"view\":[\"handleView\"]}]]],[\"pn-input.cjs\",[[4,\"pn-input\",{\"label\":[1],\"helpertext\":[1],\"inputid\":[1],\"value\":[1025],\"language\":[1],\"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\"],\"textSuffix\":[\"handleOffset\"],\"helpertext\":[\"handleMessage\"],\"error\":[\"handleMessage\"]}]]],[\"pn-modal.cjs\",[[4,\"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]},null,{\"open\":[\"handleOpen\"],\"maxWidth\":[\"handleMaxWidth\"]}]]],[\"pn-tablist.cjs\",[[4,\"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\"],\"showScrollArrows\":[\"scrollHandler\"]}]]],[\"pn-footer.cjs\",[[0,\"pn-footer\",{\"market\":[1],\"language\":[1]}]]],[\"pn-header.cjs\",[[4,\"pn-header\",{\"heading\":[1],\"maxWidth\":[1,\"max-width\"],\"goBackHref\":[1,\"go-back-href\"],\"goBackText\":[1,\"go-back-text\"],\"language\":[1],\"goBackTextTranslated\":[32]},null,{\"maxWidth\":[\"setMaxWidth\"],\"language\":[\"setLanguage\"]}]]],[\"pn-tile.cjs\",[[4,\"pn-tile\",{\"label\":[1],\"text\":[1],\"url\":[1],\"target\":[1],\"rel\":[1],\"illustration\":[1],\"icon\":[1],\"horizontal\":[4],\"visibleOutline\":[32]}]]],[\"pn-toast.cjs\",[[4,\"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\"]}]]],[\"pn-accordion-row.cjs\",[[4,\"pn-accordion-row\",{\"label\":[1025],\"state\":[1028],\"buttonid\":[1],\"contentid\":[1],\"transparent\":[4],\"isClosing\":[32],\"isExpanding\":[32]},[[0,\"rowstate\",\"handleRowState\"]]]]],[\"pn-checkbox.cjs\",[[0,\"pn-checkbox\",{\"label\":[1],\"value\":[513],\"name\":[1],\"checked\":[4],\"helpertext\":[1],\"checkboxid\":[1],\"disabled\":[4],\"required\":[4],\"invalid\":[4],\"indeterminate\":[1028],\"tile\":[4],\"icon\":[1]},[[0,\"change\",\"handlechange\"]],{\"checkboxid\":[\"handleId\"]}]]],[\"pn-read-only-button.cjs\",[[4,\"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\"],\"tooltipOpen\":[\"openHandler\"]}]]],[\"pn-segmented-control.cjs\",[[4,\"pn-segmented-control\",{\"name\":[1],\"value\":[1025],\"showScrollArrows\":[32],\"showLeftArrow\":[32],\"showRightArrow\":[32]},[[0,\"change\",\"changeHandler\"],[9,\"resize\",\"handleResize\"],[0,\"segmentHover\",\"handleHover\"]],{\"value\":[\"valueHandler\"]}]]],[\"pn-tooltip.cjs\",[[4,\"pn-tooltip\",{\"warning\":[4],\"light\":[4],\"tooltip\":[1],\"downwards\":[32],\"open\":[32],\"deltaX\":[32]},null,{\"open\":[\"openHandler\"]}]]],[\"pn-accordion.cjs\",[[4,\"pn-accordion\",{\"single\":[4],\"transparent\":[4]},[[0,\"togglerow\",\"handleSingleRow\"]]]]],[\"pn-icon_2.cjs\",[[0,\"pn-tag\",{\"label\":[1],\"icon\":[1],\"appearance\":[1],\"dark\":[4],\"large\":[4],\"small\":[4],\"xsmall\":[4]}],[0,\"pn-icon\",{\"icon\":[1],\"small\":[516],\"color\":[1]},null,{\"color\":[\"handleColor\"]}]]],[\"pn-card.cjs\",[[4,\"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\"]}]]],[\"pn-choice-chip.cjs\",[[4,\"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\",[[4,\"pn-fieldset\",{\"legend\":[1],\"helpertext\":[1],\"fieldsetId\":[1,\"fieldset-id\"],\"form\":[1],\"name\":[1],\"disabled\":[4],\"invalid\":[4],\"error\":[1]},null,{\"fieldsetId\":[\"handleId\"]}]]],[\"pn-multiselect.cjs\",[[4,\"pn-multiselect\",{\"label\":[1],\"helpertext\":[1],\"placeholder\":[1],\"name\":[1],\"selectId\":[1,\"select-id\"],\"selectName\":[1,\"select-name\"],\"icon\":[1],\"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],\"isSearching\":[32],\"open\":[32],\"upwards\":[32],\"srMessage\":[32],\"isClosing\":[32],\"isExpanding\":[32]},[[9,\"resize\",\"handleResize\"]],{\"open\":[\"handleOpen\"],\"search\":[\"handleSearch\"],\"searchQuery\":[\"handleSearchQuery\"],\"selectId\":[\"handleSelectId\"]}]]],[\"pn-page-nav.cjs\",[[4,\"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\"],\"dropdownOpen\":[\"dropdownHandler\"]}]]],[\"pn-page-nav-dropdown-item.cjs\",[[4,\"pn-page-nav-dropdown-item\",{\"value\":[1],\"href\":[1],\"active\":[4]}]]],[\"pn-page-nav-item.cjs\",[[4,\"pn-page-nav-item\",{\"value\":[1],\"href\":[1],\"icon\":[1]}]]],[\"pn-radio-button.cjs\",[[0,\"pn-radio-button\",{\"label\":[1],\"value\":[513],\"name\":[1],\"checked\":[4],\"helpertext\":[1],\"radioid\":[1],\"disabled\":[4],\"required\":[4],\"invalid\":[4],\"tile\":[4],\"icon\":[1]},null,{\"radioid\":[\"handleId\"]}]]],[\"pn-segment.cjs\",[[4,\"pn-segment\",{\"label\":[1],\"name\":[1],\"value\":[1],\"selected\":[4],\"segmentid\":[1],\"icon\":[1],\"disabled\":[4]}]]],[\"pn-tab.cjs\",[[4,\"pn-tab\",{\"label\":[1],\"value\":[1],\"href\":[1],\"icon\":[1],\"ariacontrols\":[1],\"tabid\":[1],\"activeTab\":[1,\"active-tab\"]}]]],[\"pn-button_2.cjs\",[[4,\"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\"],\"tooltip\":[\"iconOnlyHandler\"]}],[0,\"pn-spinner\",{\"light\":[4],\"size\":[2]}]]],[\"pn-toggle-switch.cjs\",[[4,\"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\"]}]]],[\"pn-progress-indicator.cjs\",[[4,\"pn-progress-indicator\",{\"activeStep\":[1026,\"active-step\"]},[[0,\"setactivestep\",\"setActiveStepHandler\"]]]]],[\"pn-progress-indicator-step.cjs\",[[4,\"pn-progress-indicator-step\",{\"activeStep\":[2,\"active-step\"],\"index\":[2],\"name\":[1],\"checked\":[4],\"active\":[1],\"activated\":[32],\"done\":[32]}]]],[\"pn-progress-stepper.cjs\",[[0,\"pn-progress-stepper\",{\"label\":[1025],\"totalSteps\":[1026,\"total-steps\"],\"currentStep\":[1026,\"current-step\"],\"stepName\":[1,\"step-name\"],\"progressStepperId\":[1,\"progress-stepper-id\"],\"language\":[1],\"progressValue\":[32]},null,{\"currentStep\":[\"validateCurrentStep\"],\"totalSteps\":[\"validateTotalSteps\"],\"language\":[\"watchLanguage\"],\"progressStepperId\":[\"watchId\"]}]]],[\"pn-table.cjs\",[[4,\"pn-table\",{\"gray\":[4],\"bordered\":[4],\"striped\":[4]}]]],[\"pn-textarea.cjs\",[[0,\"pn-textarea\",{\"label\":[1],\"value\":[1],\"helpertext\":[1],\"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],\"content\":[32]}]]],[\"pn-progress-bar.cjs\",[[0,\"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\"]}]]],[\"pn-select.cjs\",[[4,\"pn-select\",{\"label\":[1],\"helpertext\":[1],\"selectId\":[1,\"select-id\"],\"icon\":[1],\"name\":[1],\"form\":[1],\"autocomplete\":[1],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"error\":[1]}]]],[\"pn-search-field.cjs\",[[0,\"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\"],\"buttonLight\":[4,\"button-light\"]},[[0,\"input\",\"inputHandler\"]]]]],[\"pn-text-link.cjs\",[[4,\"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\",[[0,\"pn-illustration\",{\"illustration\":[1],\"width\":[1025],\"height\":[1025],\"fill\":[4]},null,{\"fill\":[\"handleFill\"]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

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

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ec4ed1cc.js');
-const chevron_down = require('./chevron_down-83e72319.js');
+const angle_down = require('./angle_down-0b63ebde.js');
 const helpers = require('./helpers-bff6a1c2.js');
 
 const pnAccordionRowCss = "pn-accordion-row{position:relative;margin:0 -0.25em 0}pn-accordion-row .pn-accordion-row{width:100%;display:flex;flex-direction:column}pn-accordion-row .pn-accordion-row-summary{color:#2d2013;position:relative;border:none;outline:0;cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;padding:0.25em;font-size:1em;font-weight:400;border-radius:0.5em;list-style:none}pn-accordion-row .pn-accordion-row-summary:hover>.pn-accordion-row-text{background-color:#e0f8ff}pn-accordion-row .pn-accordion-row-summary:focus-visible>.pn-accordion-row-text{outline-color:#005d92}pn-accordion-row .pn-accordion-row-summary::-webkit-details-marker{display:none}pn-accordion-row .pn-accordion-row-text{position:relative;overflow:hidden;display:flex;align-items:center;padding:0.75em;background-color:#ffffff;border-radius:0.5em;-webkit-tap-highlight-color:transparent;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}pn-accordion-row .pn-accordion-row-text[data-transparent]{background-color:transparent}@media (prefers-reduced-motion: reduce){pn-accordion-row .pn-accordion-row-text{transition-duration:0s;transition-delay:0s}}pn-accordion-row .pn-accordion-row-text .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}pn-accordion-row .pn-accordion-row-icon{margin-left:auto;flex-shrink:0;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-accordion-row .pn-accordion-row-icon{transition-duration:0s;transition-delay:0s}}pn-accordion-row .pn-accordion-row-icon path{fill:#005d92}pn-accordion-row .pn-accordion-row[open] .pn-accordion-row-icon{transform:rotate(-180deg)}pn-accordion-row .pn-accordion-row-content{color:#2d2013;display:block;padding:1em}";
@@ -112,7 +112,7 @@ const PnAccordionRow = class {
             this.animation.cancel();
     }
     render() {
-        return (index.h(index.Host, { key: '0dcedaab706f95589734c04230abbdbeca16cdf1' }, index.h("details", { key: '58bead8dce64594af81aae11a42beea75ba0db88', class: "pn-accordion-row", open: this.state, ref: (el) => (this.details = el) }, index.h("summary", { key: '7447539647210cb5b132ce16d7019e310c8ca1f4', id: this.buttonid, class: "pn-accordion-row-summary", onClick: e => this.clickHandler(e), ref: el => (this.summary = el) }, index.h("div", { key: '83c87346e27703cab3203920848691fc8d3d007f', class: "pn-accordion-row-text", "data-transparent": this.transparent }, this.label ? this.label : '', index.h("slot", { key: '8904be6cbec811925b0fa935ed10c4b7bc12fb5d', name: "label" }), index.h("pn-icon", { key: 'cf71062d11b3a20c106dec2bec2aab1dc4bf0c7f', class: "pn-accordion-row-icon", icon: chevron_down.chevron_down }))), index.h("div", { key: 'ae73f9fa6e7121352979ec2dad9a4620cff58a91', id: this.contentid, class: "pn-accordion-row-content", ref: (el) => (this.content = el) }, index.h("slot", { key: '4d7d894af656c1b7e95028832611530d04f3d439' })))));
+        return (index.h(index.Host, { key: '9f3142a471217bc0656c4d5641c420262a913c13' }, index.h("details", { key: 'c742d23b97fe2d489166f18f53b3e5f0d12107d8', class: "pn-accordion-row", open: this.state, ref: (el) => (this.details = el) }, index.h("summary", { key: 'd061093bf3bb58150d4bbb102caf9da3e9559fb8', id: this.buttonid, class: "pn-accordion-row-summary", onClick: e => this.clickHandler(e), ref: el => (this.summary = el) }, index.h("div", { key: '921e67cc639e701df60a7bc359d3415ccdec39e3', class: "pn-accordion-row-text", "data-transparent": this.transparent }, this.label ? this.label : '', index.h("slot", { key: 'e355acdeeb2e62e4056837b26f808d3e5663343e', name: "label" }), index.h("pn-icon", { key: 'c10681330981f5d019db4d6f7f6cd03d3c67234b', class: "pn-accordion-row-icon", icon: angle_down.angle_down }))), index.h("div", { key: 'ddb95ef323966c0c55292dde2b5776e0700bf27a', id: this.contentid, class: "pn-accordion-row-content", ref: (el) => (this.content = el) }, index.h("slot", { key: 'e0ded60210d472842a8aa5cd87a6374ad7120e58' })))));
     }
 };
 PnAccordionRow.style = PnAccordionRowStyle0;

package/umd/modules/@postnord/web-components/cjs/pn-accordion-row.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"pn-accordion-row.entry.cjs.js","mappings":"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","names":["ripple","reduceMotion","h","Host","chevron_down"],"sources":["src/components/content/pn-accordion/row/pn-accordion-row.scss?tag=pn-accordion-row","src/components/content/pn-accordion/row/pn-accordion-row.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-accordion-row {\n  position: relative;\n  margin: 0 -0.25em 0;\n}\n\npn-accordion-row .pn-accordion-row {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n\n  &-summary {\n    color: main.$gray900;\n    position: relative;\n    border: none;\n    outline: 0;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    width: 100%;\n    padding: 0.25em;\n    font-size: 1em;\n    font-weight: 400;\n    border-radius: 0.5em;\n\n    list-style: none;\n\n    &:hover > .pn-accordion-row-text {\n      background-color: main.$blue50;\n    }\n\n    &:focus-visible > .pn-accordion-row-text {\n      @include main.pn-focus-visible();\n    }\n\n    &::-webkit-details-marker {\n      display: none;\n    }\n  }\n\n  &-text {\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    padding: 0.75em;\n    background-color: main.$white;\n    border-radius: 0.5em;\n    -webkit-tap-highlight-color: transparent;\n\n    &[data-transparent] {\n      background-color: transparent;\n    }\n\n    @include main.pn-focus-base();\n    @include main.pn-transition('background-color, outline-color');\n    @include main.pn-ripple(main.$blue700);\n  }\n\n  &-icon {\n    margin-left: auto;\n    flex-shrink: 0;\n    @include main.pn-transition('transform');\n    path {\n      fill: main.$blue700;\n    }\n  }\n\n  &[open] .pn-accordion-row-icon {\n    transform: rotate(-180deg);\n  }\n\n  &-content {\n    color: main.$gray900;\n    display: block;\n    padding: 1em;\n  }\n}\n","import { Component, h, Host, Element, Event, EventEmitter, Prop, State, Listen } from '@stencil/core';\nimport { chevron_down } from 'pn-design-assets/pn-assets/icons.js';\nimport { reduceMotion, ripple } from '@/index';\n\n/**\n * Use this row component inside a `pn-accordion` to create an accordion group.\n *\n * **Note**: you can use the `pn-accordion-row` without the parent accordion.\n * But you will have to style the gap between each row.\n *\n * @slot label - Include your own HTML as the label.\n * ```\n * <h3 slot=\"label\">Custom title</h3>\n * ```\n */\n@Component({\n  tag: 'pn-accordion-row',\n  styleUrl: 'pn-accordion-row.scss',\n})\nexport class PnAccordionRow {\n  private details: HTMLDetailsElement;\n  private summary: HTMLElement;\n  private content: HTMLDivElement;\n  private animation: Animation;\n\n  private readonly defaultAnimationDuration: number = 400;\n  private animationDuration: number = this.defaultAnimationDuration;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() isClosing = false;\n  @State() isExpanding = false;\n\n  /** The label/title of the accordion row, you can also pass a slot with the name \"label\" if you want to put custom HTML content in there. */\n  @Prop({ mutable: true }) label: string;\n  /** The open/close status of the accordion row. */\n  @Prop({ mutable: true }) state?: boolean = false;\n\n  /** Optional unique id for the `summary` element. @category ID */\n  @Prop() buttonid?: string;\n  /** Optional unique id for the `div` element containing the content. @category ID */\n  @Prop() contentid?: string;\n  /** Optional prop that removes the default white background on the accordion row */\n  @Prop() transparent: boolean = false;\n\n  /** Dispatched every time the row is toggled. Includes the row element and the boolean `state` prop. */\n  @Event() togglerow: EventEmitter<{ element: HTMLElement; state: Boolean }>;\n\n  /** Internal function for closing rows when using the `single` prop on the `pn-accordion`. */\n  @Listen('rowstate')\n  handleRowState(event: CustomEvent) {\n    if (event.detail !== this.state) {\n      this.details.style.overflow = 'hidden';\n      this.closeAccordion();\n    }\n  }\n\n  componentWillLoad() {\n    const slottedLabel = !!this.hostElement.querySelector('[slot=\"label\"]');\n    this.label = slottedLabel ? null : this.label;\n  }\n\n  private toggleOpen(open?: boolean) {\n    const state = open ?? !this.state;\n    if (this.state !== open) this.togglerow.emit({ element: this.details, state });\n    this.state = state;\n  }\n\n  private clickHandler(e: MouseEvent) {\n    e.preventDefault();\n\n    this.details.style.overflow = 'hidden';\n\n    if (this.isClosing || !this.state) this.openAccordion();\n    else if (this.isClosing || this.state) this.closeAccordion();\n\n    const { x, width, y, top } = this.hostElement.getBoundingClientRect();\n    const clientCor = e.clientX === 0 && e.clientY === 0 ? { clientX: x + width - 24, clientY: y - top } : e;\n\n    ripple(clientCor, this.hostElement, '.pn-accordion-row-text');\n  }\n\n  private openAccordion() {\n    this.details.style.height = `${this.details.offsetHeight}px`;\n    this.toggleOpen(true);\n\n    requestAnimationFrame(() => {\n      this.isExpanding = true;\n\n      const startHeight = `${this.details.offsetHeight}px`;\n      const endHeight = `${this.summary.offsetHeight + this.content.offsetHeight}px`;\n\n      this.cancelAnimations();\n\n      this.animate(true, startHeight, endHeight);\n    });\n  }\n\n  private closeAccordion() {\n    this.isClosing = true;\n\n    const startHeight = `${this.details.offsetHeight}px`;\n    const endHeight = `${this.summary.offsetHeight}px`;\n\n    this.cancelAnimations();\n\n    this.animate(false, startHeight, endHeight);\n  }\n\n  private animate(open: boolean, startHeight: string, endHeight: string) {\n    if (reduceMotion()) this.animationDuration = 0;\n    else this.animationDuration = this.defaultAnimationDuration;\n\n    this.animation = this.details.animate(\n      {\n        height: [startHeight, endHeight],\n      },\n      {\n        duration: this.animationDuration,\n        easing: 'cubic-bezier(0.6, 0, 0.2, 1)',\n      },\n    );\n\n    this.animation.onfinish = () => this.animationFinish(open);\n\n    this.animation.oncancel = () => {\n      if (open) this.isExpanding = false;\n      else this.isClosing = false;\n    };\n  }\n\n  private animationFinish(open: boolean) {\n    this.toggleOpen(open);\n    this.cancelAnimations();\n\n    this.isClosing = false;\n    this.isExpanding = false;\n\n    this.details.style.height = '';\n    this.details.style.overflow = '';\n  }\n\n  private cancelAnimations() {\n    if (this.animation) this.animation.cancel();\n  }\n\n  render() {\n    return (\n      <Host>\n        <details class=\"pn-accordion-row\" open={this.state} ref={(el: HTMLDetailsElement) => (this.details = el)}>\n          <summary\n            id={this.buttonid}\n            class=\"pn-accordion-row-summary\"\n            onClick={e => this.clickHandler(e)}\n            ref={el => (this.summary = el)}\n          >\n            <div class=\"pn-accordion-row-text\" data-transparent={this.transparent}>\n              {this.label ? this.label : ''}\n              <slot name=\"label\" />\n\n              <pn-icon class=\"pn-accordion-row-icon\" icon={chevron_down} />\n            </div>\n          </summary>\n\n          <div id={this.contentid} class=\"pn-accordion-row-content\" ref={(el: HTMLDivElement) => (this.content = el)}>\n            <slot />\n          </div>\n        </details>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pn-accordion-row.entry.cjs.js","mappings":"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","names":["ripple","reduceMotion","h","Host","angle_down"],"sources":["src/components/content/pn-accordion/row/pn-accordion-row.scss?tag=pn-accordion-row","src/components/content/pn-accordion/row/pn-accordion-row.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-accordion-row {\n  position: relative;\n  margin: 0 -0.25em 0;\n}\n\npn-accordion-row .pn-accordion-row {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n\n  &-summary {\n    color: main.$gray900;\n    position: relative;\n    border: none;\n    outline: 0;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    width: 100%;\n    padding: 0.25em;\n    font-size: 1em;\n    font-weight: 400;\n    border-radius: 0.5em;\n\n    list-style: none;\n\n    &:hover > .pn-accordion-row-text {\n      background-color: main.$blue50;\n    }\n\n    &:focus-visible > .pn-accordion-row-text {\n      @include main.pn-focus-visible();\n    }\n\n    &::-webkit-details-marker {\n      display: none;\n    }\n  }\n\n  &-text {\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    padding: 0.75em;\n    background-color: main.$white;\n    border-radius: 0.5em;\n    -webkit-tap-highlight-color: transparent;\n\n    &[data-transparent] {\n      background-color: transparent;\n    }\n\n    @include main.pn-focus-base();\n    @include main.pn-transition('background-color, outline-color');\n    @include main.pn-ripple(main.$blue700);\n  }\n\n  &-icon {\n    margin-left: auto;\n    flex-shrink: 0;\n    @include main.pn-transition('transform');\n    path {\n      fill: main.$blue700;\n    }\n  }\n\n  &[open] .pn-accordion-row-icon {\n    transform: rotate(-180deg);\n  }\n\n  &-content {\n    color: main.$gray900;\n    display: block;\n    padding: 1em;\n  }\n}\n","import { Component, h, Host, Element, Event, EventEmitter, Prop, State, Listen } from '@stencil/core';\nimport { angle_down } from 'pn-design-assets/pn-assets/icons.js';\nimport { reduceMotion, ripple } from '@/index';\n\n/**\n * Use this row component inside a `pn-accordion` to create an accordion group.\n *\n * **Note**: you can use the `pn-accordion-row` without the parent accordion.\n * But you will have to style the gap between each row.\n *\n * @slot label - Include your own HTML as the label.\n * ```\n * <h3 slot=\"label\">Custom title</h3>\n * ```\n */\n@Component({\n  tag: 'pn-accordion-row',\n  styleUrl: 'pn-accordion-row.scss',\n})\nexport class PnAccordionRow {\n  private details: HTMLDetailsElement;\n  private summary: HTMLElement;\n  private content: HTMLDivElement;\n  private animation: Animation;\n\n  private readonly defaultAnimationDuration: number = 400;\n  private animationDuration: number = this.defaultAnimationDuration;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() isClosing = false;\n  @State() isExpanding = false;\n\n  /** The label/title of the accordion row, you can also pass a slot with the name \"label\" if you want to put custom HTML content in there. */\n  @Prop({ mutable: true }) label: string;\n  /** The open/close status of the accordion row. */\n  @Prop({ mutable: true }) state?: boolean = false;\n\n  /** Optional unique id for the `summary` element. @category ID */\n  @Prop() buttonid?: string;\n  /** Optional unique id for the `div` element containing the content. @category ID */\n  @Prop() contentid?: string;\n  /** Optional prop that removes the default white background on the accordion row */\n  @Prop() transparent: boolean = false;\n\n  /** Dispatched every time the row is toggled. Includes the row element and the boolean `state` prop. */\n  @Event() togglerow: EventEmitter<{ element: HTMLElement; state: Boolean }>;\n\n  /** Internal function for closing rows when using the `single` prop on the `pn-accordion`. */\n  @Listen('rowstate')\n  handleRowState(event: CustomEvent) {\n    if (event.detail !== this.state) {\n      this.details.style.overflow = 'hidden';\n      this.closeAccordion();\n    }\n  }\n\n  componentWillLoad() {\n    const slottedLabel = !!this.hostElement.querySelector('[slot=\"label\"]');\n    this.label = slottedLabel ? null : this.label;\n  }\n\n  private toggleOpen(open?: boolean) {\n    const state = open ?? !this.state;\n    if (this.state !== open) this.togglerow.emit({ element: this.details, state });\n    this.state = state;\n  }\n\n  private clickHandler(e: MouseEvent) {\n    e.preventDefault();\n\n    this.details.style.overflow = 'hidden';\n\n    if (this.isClosing || !this.state) this.openAccordion();\n    else if (this.isClosing || this.state) this.closeAccordion();\n\n    const { x, width, y, top } = this.hostElement.getBoundingClientRect();\n    const clientCor = e.clientX === 0 && e.clientY === 0 ? { clientX: x + width - 24, clientY: y - top } : e;\n\n    ripple(clientCor, this.hostElement, '.pn-accordion-row-text');\n  }\n\n  private openAccordion() {\n    this.details.style.height = `${this.details.offsetHeight}px`;\n    this.toggleOpen(true);\n\n    requestAnimationFrame(() => {\n      this.isExpanding = true;\n\n      const startHeight = `${this.details.offsetHeight}px`;\n      const endHeight = `${this.summary.offsetHeight + this.content.offsetHeight}px`;\n\n      this.cancelAnimations();\n\n      this.animate(true, startHeight, endHeight);\n    });\n  }\n\n  private closeAccordion() {\n    this.isClosing = true;\n\n    const startHeight = `${this.details.offsetHeight}px`;\n    const endHeight = `${this.summary.offsetHeight}px`;\n\n    this.cancelAnimations();\n\n    this.animate(false, startHeight, endHeight);\n  }\n\n  private animate(open: boolean, startHeight: string, endHeight: string) {\n    if (reduceMotion()) this.animationDuration = 0;\n    else this.animationDuration = this.defaultAnimationDuration;\n\n    this.animation = this.details.animate(\n      {\n        height: [startHeight, endHeight],\n      },\n      {\n        duration: this.animationDuration,\n        easing: 'cubic-bezier(0.6, 0, 0.2, 1)',\n      },\n    );\n\n    this.animation.onfinish = () => this.animationFinish(open);\n\n    this.animation.oncancel = () => {\n      if (open) this.isExpanding = false;\n      else this.isClosing = false;\n    };\n  }\n\n  private animationFinish(open: boolean) {\n    this.toggleOpen(open);\n    this.cancelAnimations();\n\n    this.isClosing = false;\n    this.isExpanding = false;\n\n    this.details.style.height = '';\n    this.details.style.overflow = '';\n  }\n\n  private cancelAnimations() {\n    if (this.animation) this.animation.cancel();\n  }\n\n  render() {\n    return (\n      <Host>\n        <details class=\"pn-accordion-row\" open={this.state} ref={(el: HTMLDetailsElement) => (this.details = el)}>\n          <summary\n            id={this.buttonid}\n            class=\"pn-accordion-row-summary\"\n            onClick={e => this.clickHandler(e)}\n            ref={el => (this.summary = el)}\n          >\n            <div class=\"pn-accordion-row-text\" data-transparent={this.transparent}>\n              {this.label ? this.label : ''}\n              <slot name=\"label\" />\n\n              <pn-icon class=\"pn-accordion-row-icon\" icon={angle_down} />\n            </div>\n          </summary>\n\n          <div id={this.contentid} class=\"pn-accordion-row-content\" ref={(el: HTMLDivElement) => (this.content = el)}>\n            <slot />\n          </div>\n        </details>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ec4ed1cc.js');
 const helpers = require('./helpers-bff6a1c2.js');
-const chevron_down = require('./chevron_down-83e72319.js');
-const chevron_right = require('./chevron_right-aeb6aef3.js');
+const angle_down = require('./angle_down-0b63ebde.js');
+const angle_right = require('./angle_right-c8c55b43.js');
 const open_in_new = require('./open_in_new-5149c4cf.js');
 
 const translations = {
@@ -113,20 +113,6 @@ const PnActionMenu = class {
     translate(prop) {
         return translations[prop][this.language || helpers.en];
     }
-    globalEvents = (event) => {
-        const target = event.target;
-        const isWithinActionMenu = target?.closest(this.hostElement.localName);
-        if (!isWithinActionMenu)
-            this.closeEachSubMenu(true);
-    };
-    addGlobalEventListeners() {
-        const root = this.hostElement.getRootNode();
-        root.addEventListener('click', this.globalEvents);
-    }
-    removeGlobalEventListeners() {
-        const root = this.hostElement.getRootNode();
-        root.removeEventListener('click', this.globalEvents);
-    }
     /** Open/close the action menu. */
     toggleActionMenu(state) {
         this.open = state ?? !this.open;
@@ -196,24 +182,11 @@ const PnActionMenu = class {
     }
     setOffset() {
         const data = this.getRect(this.hostElement);
-        const sideMenuWidth = helpers.getMenuWidth();
-        // Calculate potential menu position
-        const menuLeft = data.left;
-        const menuRight = data.left + this.menuWidth;
-        // Define boundaries
-        const leftBoundary = sideMenuWidth + 16; // Left menu + buffer
-        const rightBoundary = innerWidth - 16; // Right edge - buffer
-        let offset = 0;
-        // Check if menu would overlap left menu or go off left edge
-        if (menuLeft < leftBoundary) {
-            offset = leftBoundary - menuLeft;
-        }
-        // Check if menu would go off right edge
-        else if (menuRight > rightBoundary) {
-            offset = rightBoundary - menuRight;
-        }
+        const fullWidth = data.left - helpers.getMenuWidth() + this.menuWidth;
+        const isWide = fullWidth > innerWidth;
+        const offset = isWide ? fullWidth - innerWidth + 16 : 0;
         if (this.menuContainer)
-            this.menuContainer.style.setProperty('--pn-action-menu-offset', `${offset}px`);
+            this.menuContainer.style.setProperty('--pn-action-menu-offset', `-${offset}px`);
     }
     getListId(option) {
         return `pn-menu-${option.value}-list`;
@@ -224,7 +197,7 @@ const PnActionMenu = class {
     getTriggerIcon() {
         if (this.button?.icon)
             return;
-        return chevron_down.chevron_down;
+        return angle_down.angle_down;
     }
     /** Set the path of open sub menus. */
     getSubMenuPath(options, value, path = []) {
@@ -240,9 +213,8 @@ const PnActionMenu = class {
         }
         return null;
     }
-    closeEachSubMenu(preventFocus = false) {
-        if (!preventFocus)
-            this.menuTrigger?.querySelector('button')?.focus({ preventScroll: true });
+    closeEachSubMenu() {
+        this.menuTrigger?.querySelector('button')?.focus({ preventScroll: true });
         const interval = setInterval(() => {
             if (this.smallMenu || this.activeSubmenu.length === 0) {
                 clearInterval(interval);
@@ -270,7 +242,6 @@ const PnActionMenu = class {
             this.closeGrid();
     }
     openGrid() {
-        this.addGlobalEventListeners();
         const list = this.getRect(this.menuList);
         const { clientHeight } = this.menuContainer;
         const height = this.isClosing ? clientHeight : 0;
@@ -279,7 +250,6 @@ const PnActionMenu = class {
         this.animateGrid(true, `${height}px`, `${list.height}px`);
     }
     closeGrid() {
-        this.removeGlobalEventListeners();
         const list = this.getRect(this.menuList);
         const { clientHeight } = this.menuContainer;
         const height = this.isExpanding ? clientHeight : list.height;
@@ -370,7 +340,7 @@ const PnActionMenu = class {
         return Boolean(this.activeSubmenu[this.activeSubmenu.length - 1] === value);
     }
     getOptionTrailing(option) {
-        const useButtonIcon = option.options?.length && chevron_right.chevron_right;
+        const useButtonIcon = option.options?.length && angle_right.angle_right;
         const useTrailingIcon = option.trailingIcon;
         const useLinkIcon = option.target === '_blank' && open_in_new.open_in_new;
         /** If the user has defined a trialing icon, use it first. */
@@ -412,7 +382,7 @@ const PnActionMenu = class {
                 disabled: option.disabled,
             };
         const Tag = isLink ? 'a' : 'button';
-        return isGroup ? (index.h("div", { class: "pn-action-menu-group-label" }, index.h("p", { class: "pn-action-menu-p" }, option.label), option.helpertext && index.h("p", { class: "pn-action-menu-group-helpertext" }, option.helpertext))) : (index.h("div", { class: "pn-action-menu-item-content", "data-close": isCloseButton }, index.h(Tag, { id: this.getButtonId(option) + appendedId, class: "pn-action-menu-button", ...subMenuAttrs, ...attrs, tabIndex: this.open ? null : -1, onClick: event => this.optionSelect(option, event), onKeyDown: (event) => this.escButton(event, option) }, hasIcon && index.h("pn-icon", { icon: isCloseButton ? chevron_right.chevron_left : option.icon, color: "blue700" }), index.h("div", { class: "pn-action-menu-item-text" }, index.h("span", { class: "pn-action-menu-item-label" }, isCloseButton ? this.translate('BACK') : option.label), option.helpertext && !isLink && index.h("span", { class: "pn-action-menu-item-helpertext" }, option.helpertext)), trailingObject)));
+        return isGroup ? (index.h("div", { class: "pn-action-menu-group-label" }, index.h("p", { class: "pn-action-menu-p" }, option.label), option.helpertext && index.h("p", { class: "pn-action-menu-group-helpertext" }, option.helpertext))) : (index.h("div", { class: "pn-action-menu-item-content", "data-close": isCloseButton }, index.h(Tag, { id: this.getButtonId(option) + appendedId, class: "pn-action-menu-button", ...subMenuAttrs, ...attrs, tabIndex: this.open ? null : -1, onClick: event => this.optionSelect(option, event), onKeyDown: (event) => this.escButton(event, option) }, hasIcon && index.h("pn-icon", { icon: isCloseButton ? angle_right.angle_left : option.icon, color: "blue700" }), index.h("div", { class: "pn-action-menu-item-text" }, index.h("span", { class: "pn-action-menu-item-label" }, isCloseButton ? this.translate('BACK') : option.label), option.helpertext && !isLink && index.h("span", { class: "pn-action-menu-item-helpertext" }, option.helpertext)), trailingObject)));
     }
     renderSub(option) {
         return (index.h("menu", { id: this.getListId(option), "aria-labelledby": this.getButtonId(option), class: "pn-action-menu-sub", "data-open": this.isSubmenuActive(option.value)?.toString(), "data-current": this.isCurrentSubMenu(option.value) }, this.smallMenu && (index.h("li", { class: "pn-action-menu-item" }, this.renderButton({
@@ -434,7 +404,7 @@ const PnActionMenu = class {
         return (index.h("div", { id: this.menuListId, class: "pn-action-menu-container", role: "region", "aria-labelledby": this.menuButtonId, "data-open": this.open, "data-moving": this.isClosing || this.isExpanding, "data-upwards": this.upwards, "data-small": this.smallMenu, style: { height: '0px' }, ref: el => (this.menuContainer = el) }, index.h("menu", { class: "pn-action-menu-list", ref: el => (this.menuList = el), "data-current": this.isMenuActive() }, this.options?.map(option => this.renderMenuItem(option)))));
     }
     render() {
-        return (index.h(index.Host, { key: '474e0e58bfa5f3105b98e3bee9d2d0b39f450dac' }, index.h("div", { key: '262f0895ad57b5edeffa360530cda0a7144cfe33', id: this.menuId !== this.id ? this.menuId : null, class: "pn-action-menu" }, index.h("pn-button", { key: 'b77ec7bd057e59c795eea8a16db6cba68c5c527c', icon: this.getTriggerIcon(), ...this.button, buttonId: this.menuButtonId, tooltipUp: !this.upwards, ariahaspopup: "true", ariacontrols: this.open ? this.menuListId : null, ariaexpanded: this.open.toString(), "data-default-icon": !this.button?.icon, onPnClick: () => this.toggleActionMenu(), ref: el => (this.menuTrigger = el) }), this.renderMenu())));
+        return (index.h(index.Host, { key: '5a1638b9b0f880ebd9f3ebe2571df19c6b852baf' }, index.h("div", { key: '87bf62a943099ce0a556ade3ce3eb11eedb003b2', id: this.menuId !== this.id ? this.menuId : null, class: "pn-action-menu" }, index.h("pn-button", { key: 'a3024016a2a5962d9eefc3c4d617f946a3575c23', icon: this.getTriggerIcon(), ...this.button, buttonId: this.menuButtonId, tooltipUp: !this.upwards, ariahaspopup: "true", ariacontrols: this.open ? this.menuListId : null, ariaexpanded: this.open.toString(), "data-default-icon": !this.button?.icon, onPnClick: () => this.toggleActionMenu(), ref: el => (this.menuTrigger = el) }), this.renderMenu())));
     }
     static get watchers() { return {
         "options": ["handleOptions"],