@postnord/pn-marketweb-components 4.1.0 → 4.1.2

package/umd/modules/@postnord/web-components/esm/{index-CJTbRJfo.js → index-CosyroON.js}

@@ -2,7 +2,7 @@
  * Built with Stencil
  * By PostNord.
  */
-import { r as registerInstance } from './index-BNA0ko5y.js';
+import { r as registerInstance } from './index-CAEP792y.js';
 import { reduceMotion } from './index.js';
 
 /** Import the State and functions needed to easily animate the height of an element. */
@@ -71,6 +71,3 @@ function animateHeightFactory(Base) {
 }
 
 export { animateHeightFactory as a };
-//# sourceMappingURL=index-CJTbRJfo.js.map
-
-//# sourceMappingURL=index-CJTbRJfo.js.map

package/umd/modules/@postnord/web-components/esm/index.js

@@ -2,6 +2,9 @@
  * Built with Stencil
  * By PostNord.
  */
+import { t as transformTag } from './index-CAEP792y.js';
+export { d as setTagTransformer } from './index-CAEP792y.js';
+
 const byteToHex = [];
 for (let i = 0; i < 256; ++i) {
     byteToHex.push((i + 0x100).toString(16).slice(1));
@@ -44,10 +47,7 @@ function rng() {
 const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
 var native = { randomUUID };
 
-function v4(options, buf, offset) {
-    if (native.randomUUID && true && !options) {
-        return native.randomUUID();
-    }
+function _v4(options, buf, offset) {
     options = options || {};
     const rnds = options.random ?? options.rng?.() ?? rng();
     if (rnds.length < 16) {
@@ -57,6 +57,12 @@ function v4(options, buf, offset) {
     rnds[8] = (rnds[8] & 0x3f) | 0x80;
     return unsafeStringify(rnds);
 }
+function v4(options, buf, offset) {
+    if (native.randomUUID && true && true) {
+        return native.randomUUID();
+    }
+    return _v4(options);
+}
 
 const SE = 'SE';
 const DK = 'DK';
@@ -171,7 +177,7 @@ const ripple = (event, host, rippleClass) => {
     const { left, top, width, height } = host.getBoundingClientRect();
     const { clientX = 0, clientY = 0 } = event || {};
     const elSize = width > height ? width : height;
-    const element = document.createElement('div');
+    const element = document.createElement(transformTag('div'));
     element.classList.add('pn-ripple');
     element.style.height = `${elSize * 2}px`;
     element.style.width = `${elSize * 2}px`;
@@ -185,4 +191,3 @@ const ripple = (event, host, rippleClass) => {
 };
 
 export { DK, FI, NO, SE, awaitTopbar, da, en, fi, getBytesFromHumanReadableFileSize, getMenuHeight, getMenuWidth, getTopbarHeight, getTotalHeightOffset, isSmallScreen, languages, marketMap, markets, no, reduceMotion, ripple, sv, uuidv4 };
-//# sourceMappingURL=index.js.map

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

@@ -2,15 +2,14 @@
  * Built with Stencil
  * By PostNord.
  */
-import { b as bootstrapLazy } from './index-BNA0ko5y.js';
-export { s as setNonce } from './index-BNA0ko5y.js';
+import { b as bootstrapLazy } from './index-CAEP792y.js';
+export { s as setNonce } from './index-CAEP792y.js';
 import { g as globalScripts } from './app-globals-Dh478Si7.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"pn-icon_2\",[[768,\"pn-tag\",{\"label\":[1],\"icon\":[1],\"appearance\":[1],\"dark\":[4],\"large\":[4],\"small\":[4],\"xsmall\":[4]}],[768,\"pn-icon\",{\"icon\":[1],\"small\":[516],\"color\":[1]},null,{\"color\":[\"handleColor\"]}]]],[\"pn-file-upload\",[[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\"],\"maxSize\":[\"handleMaxBytes\"]}]]],[\"pn-ocr-search\",[[768,\"pn-ocr-search\",{\"language\":[1],\"loading\":[32],\"error\":[32],\"ocrNumber\":[32],\"searchSuccess\":[32],\"invalidOcrNumber\":[32]}]]],[\"pn-pagination\",[[768,\"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-wizard\",[[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\"],\"pnId\":[\"handleIdChange\"]}]]],[\"pn-zipcode-search\",[[768,\"pn-zipcode-search\",{\"language\":[1],\"value\":[1025],\"validZipCode\":[32],\"loading\":[32],\"showResult\":[32],\"zipCodeSearchResult\":[32],\"error\":[32],\"errorMessage\":[32]}]]],[\"pn-action-menu\",[[768,\"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\"],\"open\":[\"openHandler\"],\"menuId\":[\"handleMenuId\"]}]]],[\"pn-button-dropdown\",[[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\"]}]]],[\"pn-counter\",[[768,\"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\",[[772,\"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\"],\"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\"],\"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\",[[772,\"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\",[[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\"],\"maxWidth\":[\"handleMaxWidth\"]}]]],[\"pn-tablist\",[[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\"],\"showScrollArrows\":[\"scrollHandler\"]}]]],[\"pn-footer\",[[768,\"pn-footer\",{\"market\":[1],\"language\":[1]}]]],[\"pn-header\",[[772,\"pn-header\",{\"heading\":[1],\"maxWidth\":[1,\"max-width\"],\"goBackHref\":[1,\"go-back-href\"],\"goBackText\":[1,\"go-back-text\"],\"language\":[1]},null,{\"maxWidth\":[\"setMaxWidth\"]}]]],[\"pn-tile\",[[772,\"pn-tile\",{\"label\":[1],\"text\":[1],\"url\":[1],\"target\":[1],\"rel\":[1],\"illustration\":[1],\"icon\":[1],\"horizontal\":[4],\"visibleOutline\":[32]}]]],[\"pn-toast\",[[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\"]}]]],[\"pn-accordion-row\",[[772,\"pn-accordion-row\",{\"label\":[1025],\"state\":[1028],\"buttonid\":[1],\"contentid\":[1],\"transparent\":[4],\"isClosing\":[32],\"isExpanding\":[32]},[[0,\"rowstate\",\"handleRowState\"]]]]],[\"pn-card\",[[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\"]}]]],[\"pn-checkbox\",[[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\"],\"checked\":[\"handleChecked\"]}]]],[\"pn-choice-chip\",[[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\",[[772,\"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\",[[772,\"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],\"isClosing\":[32],\"isExpanding\":[32],\"isSearching\":[32],\"open\":[32],\"upwards\":[32],\"srMessage\":[32]},[[9,\"resize\",\"handleResize\"]],{\"open\":[\"handleOpen\"],\"search\":[\"handleSearch\"],\"searchQuery\":[\"handleSearchQuery\"],\"selectId\":[\"handleSelectId\"]}]]],[\"pn-page-nav\",[[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\"],\"dropdownOpen\":[\"dropdownHandler\"]}]]],[\"pn-page-nav-dropdown-item\",[[772,\"pn-page-nav-dropdown-item\",{\"value\":[1],\"href\":[1],\"active\":[4]}]]],[\"pn-page-nav-item\",[[772,\"pn-page-nav-item\",{\"value\":[1],\"href\":[1],\"icon\":[1]}]]],[\"pn-radio-button\",[[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\"],\"checked\":[\"handleChecked\"]}]]],[\"pn-read-only-button\",[[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\"],\"tooltipOpen\":[\"openHandler\"]}]]],[\"pn-segment\",[[772,\"pn-segment\",{\"label\":[1],\"name\":[1],\"value\":[1],\"selected\":[4],\"segmentid\":[1],\"icon\":[1],\"disabled\":[4]}]]],[\"pn-segmented-control\",[[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\"]}]]],[\"pn-tab\",[[772,\"pn-tab\",{\"label\":[1],\"value\":[1],\"href\":[1],\"icon\":[1],\"ariacontrols\":[1],\"tabid\":[1],\"activeTab\":[1,\"active-tab\"]}]]],[\"pn-toggle-switch\",[[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\"]}]]],[\"pn-tooltip\",[[772,\"pn-tooltip\",{\"warning\":[4],\"light\":[4],\"tooltip\":[1],\"downwards\":[32],\"open\":[32],\"deltaX\":[32]},null,{\"open\":[\"openHandler\"]}]]],[\"pn-accordion\",[[772,\"pn-accordion\",{\"single\":[4],\"transparent\":[4]},[[0,\"togglerow\",\"handleSingleRow\"]]]]],[\"pn-progress-indicator\",[[772,\"pn-progress-indicator\",{\"activeStep\":[1026,\"active-step\"]},[[0,\"setactivestep\",\"setActiveStepHandler\"]]]]],[\"pn-progress-indicator-step\",[[772,\"pn-progress-indicator-step\",{\"activeStep\":[2,\"active-step\"],\"index\":[2],\"name\":[1],\"checked\":[4],\"active\":[1],\"activated\":[32],\"done\":[32]}]]],[\"pn-table\",[[772,\"pn-table\",{\"gray\":[4],\"bordered\":[4],\"striped\":[4]}]]],[\"pn-textarea\",[[768,\"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\",[[768,\"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\",[[772,\"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-progress-stepper\",[[768,\"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-search-field\",[[768,\"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\",[[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\",[[768,\"pn-illustration\",{\"illustration\":[1],\"width\":[1025],\"height\":[1025],\"fill\":[4]},null,{\"fill\":[\"handleFill\"]}]]],[\"pn-button_2\",[[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\"],\"tooltip\":[\"iconOnlyHandler\"]}],[768,\"pn-spinner\",{\"light\":[4],\"size\":[2]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"pn-icon_2\",[[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\",[[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\",[[512,\"pn-ocr-search\",{\"language\":[1],\"loading\":[32],\"error\":[32],\"ocrNumber\":[32],\"searchSuccess\":[32],\"invalidOcrNumber\":[32]}]]],[\"pn-pagination\",[[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\",[[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\",[[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\",[[512,\"pn-zipcode-search\",{\"language\":[1],\"value\":[1025],\"validZipCode\":[32],\"loading\":[32],\"showResult\":[32],\"zipCodeSearchResult\":[32],\"error\":[32],\"errorMessage\":[32]}]]],[\"pn-action-menu\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[512,\"pn-footer\",{\"market\":[1],\"language\":[1]}]]],[\"pn-header\",[[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\",[[772,\"pn-tile\",{\"label\":[1],\"text\":[1],\"url\":[1],\"target\":[1],\"rel\":[1],\"illustration\":[1],\"icon\":[1],\"horizontal\":[4],\"visibleOutline\":[32]}]]],[\"pn-toast\",[[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\",[[772,\"pn-accordion-row\",{\"label\":[1025],\"state\":[1028],\"buttonid\":[1],\"contentid\":[1],\"transparent\":[4],\"isClosing\":[32],\"isExpanding\":[32]},[[0,\"rowstate\",\"handleRowState\"]]]]],[\"pn-card\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[772,\"pn-page-nav-dropdown-item\",{\"value\":[1],\"href\":[1],\"active\":[4]}]]],[\"pn-page-nav-item\",[[772,\"pn-page-nav-item\",{\"value\":[1],\"href\":[1],\"icon\":[1]}]]],[\"pn-radio-button\",[[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\",[[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\",[[772,\"pn-segment\",{\"label\":[1],\"name\":[1],\"value\":[1],\"selected\":[4],\"segmentid\":[1],\"icon\":[1],\"disabled\":[4]}]]],[\"pn-segmented-control\",[[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\",[[772,\"pn-tab\",{\"label\":[1],\"value\":[1],\"href\":[1],\"icon\":[1],\"ariacontrols\":[1],\"tabid\":[1],\"activeTab\":[1,\"active-tab\"]}]]],[\"pn-toggle-switch\",[[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\",[[772,\"pn-tooltip\",{\"warning\":[4],\"light\":[4],\"tooltip\":[1],\"downwards\":[32],\"open\":[32],\"deltaX\":[32]},null,{\"open\":[{\"openHandler\":0}]}]]],[\"pn-accordion\",[[772,\"pn-accordion\",{\"single\":[4],\"transparent\":[4]},[[0,\"togglerow\",\"handleSingleRow\"]]]]],[\"pn-progress-indicator\",[[772,\"pn-progress-indicator\",{\"activeStep\":[1026,\"active-step\"]},[[0,\"setactivestep\",\"setActiveStepHandler\"]]]]],[\"pn-progress-indicator-step\",[[772,\"pn-progress-indicator-step\",{\"activeStep\":[2,\"active-step\"],\"index\":[2],\"name\":[1],\"checked\":[4],\"active\":[1],\"activated\":[32],\"done\":[32]}]]],[\"pn-table\",[[772,\"pn-table\",{\"gray\":[4],\"bordered\":[4],\"striped\":[4]}]]],[\"pn-textarea\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[512,\"pn-illustration\",{\"illustration\":[1],\"width\":[1025],\"height\":[1025],\"fill\":[4]},null,{\"fill\":[{\"handleFill\":0}]}]]],[\"pn-button_2\",[[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);
 };
 
 export { defineCustomElements };
-//# sourceMappingURL=loader.js.map

package/umd/modules/@postnord/web-components/esm/open_in_new-IFVOY5Gf.js

@@ -6,6 +6,3 @@ const icon = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="
 const open_in_new = icon;
 
 export { open_in_new as o };
-//# sourceMappingURL=open_in_new-IFVOY5Gf.js.map
-
-//# sourceMappingURL=open_in_new-IFVOY5Gf.js.map

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

@@ -2,11 +2,11 @@
  * Built with Stencil
  * By PostNord.
  */
-import { r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-BNA0ko5y.js';
+import { t as transformTag, r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-CAEP792y.js';
 import { c as chevron_down } from './chevron_down-DrYFvs2M.js';
 import { ripple, reduceMotion } from './index.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}pn-accordion-row .pn-accordion-row-text[data-transparent]{background-color:transparent}pn-accordion-row .pn-accordion-row-text{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)}@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}";
+const pnAccordionRowCss = () => `${transformTag("pn-accordion-row")}{position:relative;margin:0 -0.25em 0}${transformTag("pn-accordion-row")} .pn-accordion-row{width:100%;display:flex;flex-direction:column}${transformTag("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}${transformTag("pn-accordion-row")} .pn-accordion-row-summary:hover>.pn-accordion-row-text{background-color:#e0f8ff}${transformTag("pn-accordion-row")} .pn-accordion-row-summary:focus-visible>.pn-accordion-row-text{outline-color:#005d92}${transformTag("pn-accordion-row")} .pn-accordion-row-summary::-webkit-details-marker{display:none}${transformTag("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}${transformTag("pn-accordion-row")} .pn-accordion-row-text[data-transparent]{background-color:transparent}${transformTag("pn-accordion-row")} .pn-accordion-row-text{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)}@media (prefers-reduced-motion: reduce){${transformTag("pn-accordion-row")} .pn-accordion-row-text{transition-duration:0s;transition-delay:0s}}${transformTag("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}}${transformTag("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){${transformTag("pn-accordion-row")} .pn-accordion-row-icon{transition-duration:0s;transition-delay:0s}}${transformTag("pn-accordion-row")} .pn-accordion-row-icon path{fill:#005d92}${transformTag("pn-accordion-row")} .pn-accordion-row[open] .pn-accordion-row-icon{transform:rotate(-180deg)}${transformTag("pn-accordion-row")} .pn-accordion-row-content{color:#2d2013;display:block;padding:1em}`;
 
 const PnAccordionRow = class {
     constructor(hostRef) {
@@ -115,7 +115,6 @@ const PnAccordionRow = class {
         return (h(Host, { key: '2b50f9026275b623128e0a441ec4434c50a54338' }, h("details", { key: 'd60df44b58cd5c27306ec97dd42750bf1f01486c', class: "pn-accordion-row", open: this.state, ref: (el) => (this.details = el) }, h("summary", { key: '448587e8102df440a0d633702ea4af8cfe1d9da3', id: this.buttonid, class: "pn-accordion-row-summary", onClick: e => this.clickHandler(e), ref: el => (this.summary = el) }, h("div", { key: 'bef1fa9595b890919445a6631742c03fd7e18f3f', class: "pn-accordion-row-text", "data-transparent": this.transparent }, this.label ? this.label : '', h("slot", { key: '30742c10f2f557f39f80e97ec3e1c5473400d128', name: "label" }), h("pn-icon", { key: 'cfde3e68aab8348a0773c7aa41e02bb905a47e07', class: "pn-accordion-row-icon", icon: chevron_down }))), h("div", { key: '054aae1bcf9fb3bf9a050c9fdf7cefef38f164d0', id: this.contentid, class: "pn-accordion-row-content", ref: (el) => (this.content = el) }, h("slot", { key: '69378af205ca6c4c159c718f497a2ecf319be959' })))));
     }
 };
-PnAccordionRow.style = pnAccordionRowCss;
+PnAccordionRow.style = pnAccordionRowCss();
 
 export { PnAccordionRow as pn_accordion_row };
-//# sourceMappingURL=pn-accordion-row.entry.js.map

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

@@ -2,9 +2,9 @@
  * Built with Stencil
  * By PostNord.
  */
-import { r as registerInstance, g as getElement, f as forceUpdate, h, a as Host } from './index-BNA0ko5y.js';
+import { t as transformTag, r as registerInstance, g as getElement, f as forceUpdate, h, a as Host } from './index-CAEP792y.js';
 
-const pnAccordionCss = "pn-accordion{position:relative;background-color:#ffffff;display:flex;align-items:stretch;flex-direction:column;gap:0.25em}pn-accordion[data-transparent]{background-color:transparent}pn-accordion>pn-accordion-row+pn-accordion-row:after{content:\"\";position:absolute;top:-0.125em;left:0.25em;width:calc(100% - 0.5em);height:0;border-top:0.0625em solid #d3cecb}";
+const pnAccordionCss = () => `${transformTag("pn-accordion")}{position:relative;background-color:#ffffff;display:flex;align-items:stretch;flex-direction:column;gap:0.25em}${transformTag("pn-accordion")}[data-transparent]{background-color:transparent}${transformTag("pn-accordion")}>${transformTag("pn-accordion-row")}+${transformTag("pn-accordion-row")}:after{content:"";position:absolute;top:-0.125em;left:0.25em;width:calc(100% - 0.5em);height:0;border-top:0.0625em solid #d3cecb}`;
 
 const PnAccordion = class {
     constructor(hostRef) {
@@ -28,15 +28,14 @@ const PnAccordion = class {
         if (!this.single)
             return;
         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(`${transformTag("pn-accordion-row")}`);
+        const rows = Array.from(this.hostElement.querySelectorAll(`${transformTag("pn-accordion-row")}`));
         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' })));
     }
 };
-PnAccordion.style = pnAccordionCss;
+PnAccordion.style = pnAccordionCss();
 
 export { PnAccordion as pn_accordion };
-//# sourceMappingURL=pn-accordion.entry.js.map

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

@@ -2,8 +2,8 @@
  * Built with Stencil
  * By PostNord.
  */
-import { M as Mixin, r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-BNA0ko5y.js';
-import { a as animateHeightFactory } from './index-CJTbRJfo.js';
+import { t as transformTag, M as Mixin, r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-CAEP792y.js';
+import { a as animateHeightFactory } from './index-CosyroON.js';
 import { uuidv4, awaitTopbar, en, isSmallScreen, getTotalHeightOffset, getMenuWidth, ripple } from './index.js';
 import { c as chevron_down } from './chevron_down-DrYFvs2M.js';
 import { c as chevron_right, a as chevron_left } from './chevron_right-B6SVpr61.js';
@@ -19,7 +19,7 @@ const translations = {
     },
 };
 
-const pnActionMenuCss = "pn-action-menu{--pn-menu-height:unset;display:inline-block;position:relative}pn-action-menu .pn-action-menu{position:relative}pn-action-menu .pn-action-menu-container{--pn-action-menu-offset:0;scroll-behavior:smooth;list-style:none;text-align:left;position:absolute;z-index:100;top:calc(100% + 0.5em);left:var(--pn-action-menu-offset);right:0;background-color:#ffffff;box-shadow:0em 0.075em 0.225em 0em rgba(0, 0, 0, 0.1), 0em 0.4em 0.9em 0em rgba(0, 0, 0, 0.13);border-radius:0.5em;margin:0;padding:0;width:16em;visibility:hidden;overflow:hidden}pn-action-menu .pn-action-menu-container[data-open]{visibility:visible;overflow:unset}pn-action-menu .pn-action-menu-container[data-left]{right:0;left:unset}pn-action-menu .pn-action-menu-container[data-upwards]{top:unset;bottom:calc(100% + 0.5em);transform-origin:bottom left}pn-action-menu .pn-action-menu-container[data-moving]{overflow:hidden;visibility:visible;pointer-events:none}pn-action-menu .pn-action-menu-container{}pn-action-menu .pn-action-menu-container[data-small] .pn-action-menu-list{border-radius:0.5em;visibility:hidden;transition-property:visibility;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-container[data-small] .pn-action-menu-list{transition-duration:0s;transition-delay:0s}}pn-action-menu .pn-action-menu-container[data-small] .pn-action-menu-list{transition-delay:0.2s}pn-action-menu .pn-action-menu-container[data-small] .pn-action-menu-list[data-current]{overflow-x:auto;visibility:visible;transition-delay:0s}pn-action-menu .pn-action-menu-container[data-small][data-moving]>.pn-action-menu-list{visibility:visible}pn-action-menu .pn-action-menu-container[data-small] .pn-action-menu-item{position:unset}pn-action-menu .pn-action-menu-container[data-small] .pn-action-menu-sub{left:0;height:100%;box-shadow:unset;transform:translateX(0);visibility:hidden}pn-action-menu .pn-action-menu-container[data-small] .pn-action-menu-sub[data-current]{visibility:visible;overflow-x:auto}pn-action-menu .pn-action-menu-container::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}pn-action-menu .pn-action-menu-container::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}pn-action-menu .pn-action-menu-container::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}pn-action-menu .pn-action-menu-container::-webkit-scrollbar-thumb:hover{background-color:#5e554a}pn-action-menu .pn-action-menu-container::-webkit-scrollbar-corner,pn-action-menu .pn-action-menu-container::-webkit-scrollbar-button{display:none}pn-action-menu .pn-action-menu-list{margin:0;padding:0;list-style:none;height:var(--pn-menu-height)}pn-action-menu .pn-action-menu-list::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}pn-action-menu .pn-action-menu-list::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}pn-action-menu .pn-action-menu-list::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}pn-action-menu .pn-action-menu-list::-webkit-scrollbar-thumb:hover{background-color:#5e554a}pn-action-menu .pn-action-menu-list::-webkit-scrollbar-corner,pn-action-menu .pn-action-menu-list::-webkit-scrollbar-button{display:none}pn-action-menu .pn-action-menu-group{margin:0;padding:0;list-style:none}pn-action-menu .pn-action-menu-group-label{display:block;color:#2d2013;font-weight:700;font-size:0.875em;padding:1em 1em 0.5em}pn-action-menu .pn-action-menu-group-helpertext{display:block;color:#5e554a;font-weight:400;margin:0.25em 0 0}pn-action-menu .pn-action-menu-sub{z-index:110;position:absolute;top:0;width:100%;min-width:12em;margin:0;padding:0;list-style:none;background:#ffffff;border-radius:0.5em;box-shadow:0em 0.075em 0.225em 0em rgba(0, 0, 0, 0.1), 0em 0.4em 0.9em 0em rgba(0, 0, 0, 0.13);transform:translateX(-0.5em);opacity:0;visibility:hidden}pn-action-menu .pn-action-menu-sub::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}pn-action-menu .pn-action-menu-sub::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}pn-action-menu .pn-action-menu-sub::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}pn-action-menu .pn-action-menu-sub::-webkit-scrollbar-thumb:hover{background-color:#5e554a}pn-action-menu .pn-action-menu-sub::-webkit-scrollbar-corner,pn-action-menu .pn-action-menu-sub::-webkit-scrollbar-button{display:none}pn-action-menu .pn-action-menu-sub{transition-property:transform, opacity, visibility;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-sub{transition-duration:0s;transition-delay:0s}}pn-action-menu .pn-action-menu-sub{transition-delay:0s, 0s, 0.2s}pn-action-menu .pn-action-menu-sub[data-open=true]{transform:translateX(0);opacity:1;visibility:visible;transition-delay:0s, 0s, 0s}pn-action-menu .pn-action-menu-sub[data-open=false]{pointer-events:none}pn-action-menu .pn-action-menu-sub[data-x=left]{left:-100%}pn-action-menu .pn-action-menu-sub[data-x=center]{left:0}pn-action-menu .pn-action-menu-sub[data-x=right]{left:100%}pn-action-menu .pn-action-menu-sub[data-y=top]{top:unset;bottom:0}pn-action-menu .pn-action-menu-sub[data-y=bottom]{top:0}pn-action-menu .pn-action-menu-item{position:relative}pn-action-menu .pn-action-menu-item:first-child>.pn-action-menu-item-content>.pn-action-menu-button{border-top-left-radius:0.5em;border-top-right-radius:0.5em}pn-action-menu .pn-action-menu-item:last-child>.pn-action-menu-item-content>.pn-action-menu-button{border-bottom-right-radius:0.5em;border-bottom-left-radius:0.5em}pn-action-menu .pn-action-menu-item-text{display:flex;flex-direction:column;margin-right:auto}pn-action-menu .pn-action-menu-item-label{color:#005d92;font-weight:500;text-decoration:none}pn-action-menu .pn-action-menu-item-suffix{margin-left:auto;font-weight:400;color:#5e554a}pn-action-menu .pn-action-menu-item-helpertext{color:#5e554a;font-weight:400}pn-action-menu .pn-action-menu-item-content{display:flex;align-items:center;flex-direction:row;flex:1 1 100%;gap:0.5em;position:relative}pn-action-menu .pn-action-menu-item-content[data-close]{border-bottom:0.0625em solid #d3cecb}pn-action-menu .pn-action-menu-item-content>pn-icon{padding:0 0.25em}pn-action-menu .pn-action-menu-item[data-group],pn-action-menu .pn-action-menu-item[data-sub]{flex-direction:column}pn-action-menu .pn-action-menu-button{cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent;line-height:1.5;padding:0.75em 1em;border:0;width:100%;text-align:left;text-decoration-color:transparent;overflow:hidden;display:flex;align-items:center;flex:1 1 100%;gap:0.5em;font-size:1em;min-height:1.5em;background-color:#ffffff;transition-property:background-color, color, outline-color, text-decoration-color;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{transition-duration:0s;transition-delay:0s}}pn-action-menu .pn-action-menu-button .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#0d234b;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-action-menu .pn-action-menu-button{outline:0.2rem solid transparent;outline-offset:0.2rem}pn-action-menu .pn-action-menu-button:focus-visible{outline-color:#005d92}pn-action-menu .pn-action-menu-button{outline-offset:-0.2rem}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{transform:rotate(180deg)}pn-action-menu .pn-action-menu-button>pn-icon:last-child{margin-left:auto}pn-action-menu .pn-action-menu-button:disabled{pointer-events:none;color:#5e554a;background-color:#f3f2f2}pn-action-menu .pn-action-menu-button:hover{background-color:#effbff}pn-action-menu .pn-action-menu-button:focus{background-color:#e0f8ff}pn-action-menu .pn-action-menu-button[href]:hover,pn-action-menu .pn-action-menu-button[href]:focus{text-decoration-color:#005d92}pn-action-menu .pn-action-menu-button{}pn-action-menu .pn-action-menu-checkbox{background-color:#ffffff;flex:0 0 1.5em;width:1.5em;height:1.5em;border:0.0625em solid #969087;border-radius:0.25em;margin-left:auto;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, border-color, outline-color;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-checkbox{transition-duration:0s;transition-delay:0s}}pn-action-menu .pn-action-menu-checkbox svg polyline{stroke:#ffffff;stroke-linecap:round;stroke-dasharray:23;transition-property:stroke-dashoffset;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-checkbox svg polyline{transition-duration:0s;transition-delay:0s}}pn-action-menu .pn-action-menu-checkbox svg polyline{transition-delay:0s}pn-action-menu .pn-action-menu-checkbox svg polyline.pn-action-menu-checkbox-checkmark-path{stroke-dashoffset:23}pn-action-menu .pn-action-menu-radio{display:flex;gap:0.75em;padding:0;margin-left:auto}pn-action-menu .pn-action-menu-radio-outer{background-color:#ffffff;border:0.0625em solid #969087;border-radius:50%;height:1.5em;width:1.5em;display:flex;justify-content:center;align-items:center;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:border-color, background-color, outline-color;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-radio-outer{transition-duration:0s;transition-delay:0s}}pn-action-menu .pn-action-menu-radio-inner{transform:scale(0);height:0.75em;width:0.75em;background-color:#005d92;border-radius:50%;transform-origin:center center;transition-property:background-color, 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-radio-inner{transition-duration:0s;transition-delay:0s}}pn-action-menu .pn-action-menu-input{position:absolute;z-index:10;cursor:pointer;height:100%;width:100%;top:0;left:0;margin:0;opacity:0;-webkit-tap-highlight-color:transparent}pn-action-menu .pn-action-menu-input:checked+.pn-action-menu-button{background-color:#effbff}pn-action-menu .pn-action-menu-input:checked+.pn-action-menu-button .pn-action-menu-checkbox{border-color:#005d92;background-color:#005d92}pn-action-menu .pn-action-menu-input:checked+.pn-action-menu-button .pn-action-menu-checkbox polyline.pn-action-menu-checkbox-checkmark-path{transition-delay:0.2s;stroke-dashoffset:0}pn-action-menu .pn-action-menu-input:checked+.pn-action-menu-button .pn-action-menu-radio-outer{border-color:#005d92}pn-action-menu .pn-action-menu-input:checked+.pn-action-menu-button .pn-action-menu-radio-inner{transform:scale(1);background-color:#005d92}pn-action-menu .pn-action-menu-input:checked:hover{background-color:#e0f8ff}pn-action-menu .pn-action-menu-input:focus-visible+.pn-action-menu-button{background-color:#e0f8ff}pn-action-menu .pn-action-menu-input:disabled{pointer-events:none}pn-action-menu .pn-action-menu-input:disabled+.pn-action-menu-button{pointer-events:none;color:#5e554a;background-color:#f3f2f2}pn-action-menu .pn-action-menu-input:disabled+.pn-action-menu-button .pn-action-menu-item-label{color:#5e554a}pn-action-menu .pn-action-menu-input:disabled+.pn-action-menu-button .pn-action-menu-checkbox{background-color:#f3f2f2}pn-action-menu .pn-action-menu-input:disabled+.pn-action-menu-button .pn-action-menu-radio-outer{border-color:#969087;background-color:#f3f2f2}pn-action-menu .pn-action-menu-input:disabled+.pn-action-menu-button .pn-icon-svg path{fill:#5e554a}pn-action-menu .pn-action-menu-input:disabled:checked+.pn-action-menu-button .pn-action-menu-radio-inner{background-color:#969087}pn-action-menu .pn-action-menu-input:disabled:checked+.pn-action-menu-button .pn-action-menu-checkbox{border-color:#969087;background-color:#969087}pn-action-menu .pn-action-menu-input:hover+.pn-action-menu-button{background-color:#e0f8ff}pn-action-menu .pn-action-menu-input:hover+.pn-action-menu-button .pn-action-menu-radio-outer{border-color:#005d92;background-color:#e0f8ff}pn-action-menu .pn-action-menu-input:focus-visible+.pn-action-menu-button{background-color:#e0f8ff}pn-action-menu .pn-action-menu-input:focus-visible+.pn-action-menu-button .pn-action-menu-checkbox,pn-action-menu .pn-action-menu-input:focus-visible+.pn-action-menu-button .pn-action-menu-radio .pn-action-menu-radio-outer{outline-color:#005d92}pn-action-menu .pn-action-menu-p{margin:0}pn-action-menu .pn-action-menu>pn-button[data-default-icon] .pn-button[aria-expanded=true] .pn-icon-svg{transform:rotate(180deg);transition-delay:0s}pn-action-menu .pn-action-menu>pn-button[data-default-icon] .pn-button .pn-icon-svg{transform:rotate(0deg);transition-delay:0.2s;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>pn-button[data-default-icon] .pn-button .pn-icon-svg{transition-duration:0s;transition-delay:0s}}";
+const pnActionMenuCss = () => `${transformTag("pn-action-menu")}{--pn-menu-height:unset;display:inline-block;position:relative}${transformTag("pn-action-menu")} .pn-action-menu{position:relative}${transformTag("pn-action-menu")} .pn-action-menu-container{--pn-action-menu-offset:0;scroll-behavior:smooth;list-style:none;text-align:left;position:absolute;z-index:100;top:calc(100% + 0.5em);left:var(--pn-action-menu-offset);right:0;background-color:#ffffff;box-shadow:0em 0.075em 0.225em 0em rgba(0, 0, 0, 0.1), 0em 0.4em 0.9em 0em rgba(0, 0, 0, 0.13);border-radius:0.5em;margin:0;padding:0;width:16em;visibility:hidden;overflow:hidden}${transformTag("pn-action-menu")} .pn-action-menu-container[data-open]{visibility:visible;overflow:unset}${transformTag("pn-action-menu")} .pn-action-menu-container[data-left]{right:0;left:unset}${transformTag("pn-action-menu")} .pn-action-menu-container[data-upwards]{top:unset;bottom:calc(100% + 0.5em);transform-origin:bottom left}${transformTag("pn-action-menu")} .pn-action-menu-container[data-moving]{overflow:hidden;visibility:visible;pointer-events:none}${transformTag("pn-action-menu")} .pn-action-menu-container{}${transformTag("pn-action-menu")} .pn-action-menu-container[data-small] .pn-action-menu-list{border-radius:0.5em;visibility:hidden;transition-property:visibility;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-action-menu")} .pn-action-menu-container[data-small] .pn-action-menu-list{transition-duration:0s;transition-delay:0s}}${transformTag("pn-action-menu")} .pn-action-menu-container[data-small] .pn-action-menu-list{transition-delay:0.2s}${transformTag("pn-action-menu")} .pn-action-menu-container[data-small] .pn-action-menu-list[data-current]{overflow-x:auto;visibility:visible;transition-delay:0s}${transformTag("pn-action-menu")} .pn-action-menu-container[data-small][data-moving]>.pn-action-menu-list{visibility:visible}${transformTag("pn-action-menu")} .pn-action-menu-container[data-small] .pn-action-menu-item{position:unset}${transformTag("pn-action-menu")} .pn-action-menu-container[data-small] .pn-action-menu-sub{left:0;height:100%;box-shadow:unset;transform:translateX(0);visibility:hidden}${transformTag("pn-action-menu")} .pn-action-menu-container[data-small] .pn-action-menu-sub[data-current]{visibility:visible;overflow-x:auto}${transformTag("pn-action-menu")} .pn-action-menu-container::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}${transformTag("pn-action-menu")} .pn-action-menu-container::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}${transformTag("pn-action-menu")} .pn-action-menu-container::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}${transformTag("pn-action-menu")} .pn-action-menu-container::-webkit-scrollbar-thumb:hover{background-color:#5e554a}${transformTag("pn-action-menu")} .pn-action-menu-container::-webkit-scrollbar-corner,${transformTag("pn-action-menu")} .pn-action-menu-container::-webkit-scrollbar-button{display:none}${transformTag("pn-action-menu")} .pn-action-menu-list{margin:0;padding:0;list-style:none;height:var(--pn-menu-height)}${transformTag("pn-action-menu")} .pn-action-menu-list::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}${transformTag("pn-action-menu")} .pn-action-menu-list::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}${transformTag("pn-action-menu")} .pn-action-menu-list::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}${transformTag("pn-action-menu")} .pn-action-menu-list::-webkit-scrollbar-thumb:hover{background-color:#5e554a}${transformTag("pn-action-menu")} .pn-action-menu-list::-webkit-scrollbar-corner,${transformTag("pn-action-menu")} .pn-action-menu-list::-webkit-scrollbar-button{display:none}${transformTag("pn-action-menu")} .pn-action-menu-group{margin:0;padding:0;list-style:none}${transformTag("pn-action-menu")} .pn-action-menu-group-label{display:block;color:#2d2013;font-weight:700;font-size:0.875em;padding:1em 1em 0.5em}${transformTag("pn-action-menu")} .pn-action-menu-group-helpertext{display:block;color:#5e554a;font-weight:400;margin:0.25em 0 0}${transformTag("pn-action-menu")} .pn-action-menu-sub{z-index:110;position:absolute;top:0;width:100%;min-width:12em;margin:0;padding:0;list-style:none;background:#ffffff;border-radius:0.5em;box-shadow:0em 0.075em 0.225em 0em rgba(0, 0, 0, 0.1), 0em 0.4em 0.9em 0em rgba(0, 0, 0, 0.13);transform:translateX(-0.5em);opacity:0;visibility:hidden}${transformTag("pn-action-menu")} .pn-action-menu-sub::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}${transformTag("pn-action-menu")} .pn-action-menu-sub::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}${transformTag("pn-action-menu")} .pn-action-menu-sub::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}${transformTag("pn-action-menu")} .pn-action-menu-sub::-webkit-scrollbar-thumb:hover{background-color:#5e554a}${transformTag("pn-action-menu")} .pn-action-menu-sub::-webkit-scrollbar-corner,${transformTag("pn-action-menu")} .pn-action-menu-sub::-webkit-scrollbar-button{display:none}${transformTag("pn-action-menu")} .pn-action-menu-sub{transition-property:transform, opacity, visibility;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-action-menu")} .pn-action-menu-sub{transition-duration:0s;transition-delay:0s}}${transformTag("pn-action-menu")} .pn-action-menu-sub{transition-delay:0s, 0s, 0.2s}${transformTag("pn-action-menu")} .pn-action-menu-sub[data-open=true]{transform:translateX(0);opacity:1;visibility:visible;transition-delay:0s, 0s, 0s}${transformTag("pn-action-menu")} .pn-action-menu-sub[data-open=false]{pointer-events:none}${transformTag("pn-action-menu")} .pn-action-menu-sub[data-x=left]{left:-100%}${transformTag("pn-action-menu")} .pn-action-menu-sub[data-x=center]{left:0}${transformTag("pn-action-menu")} .pn-action-menu-sub[data-x=right]{left:100%}${transformTag("pn-action-menu")} .pn-action-menu-sub[data-y=top]{top:unset;bottom:0}${transformTag("pn-action-menu")} .pn-action-menu-sub[data-y=bottom]{top:0}${transformTag("pn-action-menu")} .pn-action-menu-item{position:relative}${transformTag("pn-action-menu")} .pn-action-menu-item:first-child>.pn-action-menu-item-content>.pn-action-menu-button{border-top-left-radius:0.5em;border-top-right-radius:0.5em}${transformTag("pn-action-menu")} .pn-action-menu-item:last-child>.pn-action-menu-item-content>.pn-action-menu-button{border-bottom-right-radius:0.5em;border-bottom-left-radius:0.5em}${transformTag("pn-action-menu")} .pn-action-menu-item-text{display:flex;flex-direction:column;margin-right:auto}${transformTag("pn-action-menu")} .pn-action-menu-item-label{color:#005d92;font-weight:500;text-decoration:none}${transformTag("pn-action-menu")} .pn-action-menu-item-suffix{margin-left:auto;font-weight:400;color:#5e554a}${transformTag("pn-action-menu")} .pn-action-menu-item-helpertext{color:#5e554a;font-weight:400}${transformTag("pn-action-menu")} .pn-action-menu-item-content{display:flex;align-items:center;flex-direction:row;flex:1 1 100%;gap:0.5em;position:relative}${transformTag("pn-action-menu")} .pn-action-menu-item-content[data-close]{border-bottom:0.0625em solid #d3cecb}${transformTag("pn-action-menu")} .pn-action-menu-item-content>${transformTag("pn-icon")}{padding:0 0.25em}${transformTag("pn-action-menu")} .pn-action-menu-item[data-group],${transformTag("pn-action-menu")} .pn-action-menu-item[data-sub]{flex-direction:column}${transformTag("pn-action-menu")} .pn-action-menu-button{cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent;line-height:1.5;padding:0.75em 1em;border:0;width:100%;text-align:left;text-decoration-color:transparent;overflow:hidden;display:flex;align-items:center;flex:1 1 100%;gap:0.5em;font-size:1em;min-height:1.5em;background-color:#ffffff;transition-property:background-color, color, outline-color, text-decoration-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-action-menu")} .pn-action-menu-button{transition-duration:0s;transition-delay:0s}}${transformTag("pn-action-menu")} .pn-action-menu-button .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#0d234b;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}}${transformTag("pn-action-menu")} .pn-action-menu-button{outline:0.2rem solid transparent;outline-offset:0.2rem}${transformTag("pn-action-menu")} .pn-action-menu-button:focus-visible{outline-color:#005d92}${transformTag("pn-action-menu")} .pn-action-menu-button{outline-offset:-0.2rem}${transformTag("pn-action-menu")} .pn-action-menu-button>${transformTag("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){${transformTag("pn-action-menu")} .pn-action-menu-button>${transformTag("pn-icon")} .pn-icon-svg>path{transition-duration:0s;transition-delay:0s}}${transformTag("pn-action-menu")} .pn-action-menu-button>${transformTag("pn-icon")}[data-suffix][data-active]>.pn-icon-svg>path{transform:rotate(180deg)}${transformTag("pn-action-menu")} .pn-action-menu-button>${transformTag("pn-icon")}:last-child{margin-left:auto}${transformTag("pn-action-menu")} .pn-action-menu-button:disabled{pointer-events:none;color:#5e554a;background-color:#f3f2f2}${transformTag("pn-action-menu")} .pn-action-menu-button:hover{background-color:#effbff}${transformTag("pn-action-menu")} .pn-action-menu-button:focus{background-color:#e0f8ff}${transformTag("pn-action-menu")} .pn-action-menu-button[href]:hover,${transformTag("pn-action-menu")} .pn-action-menu-button[href]:focus{text-decoration-color:#005d92}${transformTag("pn-action-menu")} .pn-action-menu-button{}${transformTag("pn-action-menu")} .pn-action-menu-checkbox{background-color:#ffffff;flex:0 0 1.5em;width:1.5em;height:1.5em;border:0.0625em solid #969087;border-radius:0.25em;margin-left:auto;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, border-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-action-menu")} .pn-action-menu-checkbox{transition-duration:0s;transition-delay:0s}}${transformTag("pn-action-menu")} .pn-action-menu-checkbox svg polyline{stroke:#ffffff;stroke-linecap:round;stroke-dasharray:23;transition-property:stroke-dashoffset;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-action-menu")} .pn-action-menu-checkbox svg polyline{transition-duration:0s;transition-delay:0s}}${transformTag("pn-action-menu")} .pn-action-menu-checkbox svg polyline{transition-delay:0s}${transformTag("pn-action-menu")} .pn-action-menu-checkbox svg polyline.pn-action-menu-checkbox-checkmark-path{stroke-dashoffset:23}${transformTag("pn-action-menu")} .pn-action-menu-radio{display:flex;gap:0.75em;padding:0;margin-left:auto}${transformTag("pn-action-menu")} .pn-action-menu-radio-outer{background-color:#ffffff;border:0.0625em solid #969087;border-radius:50%;height:1.5em;width:1.5em;display:flex;justify-content:center;align-items:center;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:border-color, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-action-menu")} .pn-action-menu-radio-outer{transition-duration:0s;transition-delay:0s}}${transformTag("pn-action-menu")} .pn-action-menu-radio-inner{transform:scale(0);height:0.75em;width:0.75em;background-color:#005d92;border-radius:50%;transform-origin:center center;transition-property:background-color, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-action-menu")} .pn-action-menu-radio-inner{transition-duration:0s;transition-delay:0s}}${transformTag("pn-action-menu")} .pn-action-menu-input{position:absolute;z-index:10;cursor:pointer;height:100%;width:100%;top:0;left:0;margin:0;opacity:0;-webkit-tap-highlight-color:transparent}${transformTag("pn-action-menu")} .pn-action-menu-input:checked+.pn-action-menu-button{background-color:#effbff}${transformTag("pn-action-menu")} .pn-action-menu-input:checked+.pn-action-menu-button .pn-action-menu-checkbox{border-color:#005d92;background-color:#005d92}${transformTag("pn-action-menu")} .pn-action-menu-input:checked+.pn-action-menu-button .pn-action-menu-checkbox polyline.pn-action-menu-checkbox-checkmark-path{transition-delay:0.2s;stroke-dashoffset:0}${transformTag("pn-action-menu")} .pn-action-menu-input:checked+.pn-action-menu-button .pn-action-menu-radio-outer{border-color:#005d92}${transformTag("pn-action-menu")} .pn-action-menu-input:checked+.pn-action-menu-button .pn-action-menu-radio-inner{transform:scale(1);background-color:#005d92}${transformTag("pn-action-menu")} .pn-action-menu-input:checked:hover{background-color:#e0f8ff}${transformTag("pn-action-menu")} .pn-action-menu-input:focus-visible+.pn-action-menu-button{background-color:#e0f8ff}${transformTag("pn-action-menu")} .pn-action-menu-input:disabled{pointer-events:none}${transformTag("pn-action-menu")} .pn-action-menu-input:disabled+.pn-action-menu-button{pointer-events:none;color:#5e554a;background-color:#f3f2f2}${transformTag("pn-action-menu")} .pn-action-menu-input:disabled+.pn-action-menu-button .pn-action-menu-item-label{color:#5e554a}${transformTag("pn-action-menu")} .pn-action-menu-input:disabled+.pn-action-menu-button .pn-action-menu-checkbox{background-color:#f3f2f2}${transformTag("pn-action-menu")} .pn-action-menu-input:disabled+.pn-action-menu-button .pn-action-menu-radio-outer{border-color:#969087;background-color:#f3f2f2}${transformTag("pn-action-menu")} .pn-action-menu-input:disabled+.pn-action-menu-button .pn-icon-svg path{fill:#5e554a}${transformTag("pn-action-menu")} .pn-action-menu-input:disabled:checked+.pn-action-menu-button .pn-action-menu-radio-inner{background-color:#969087}${transformTag("pn-action-menu")} .pn-action-menu-input:disabled:checked+.pn-action-menu-button .pn-action-menu-checkbox{border-color:#969087;background-color:#969087}${transformTag("pn-action-menu")} .pn-action-menu-input:hover+.pn-action-menu-button{background-color:#e0f8ff}${transformTag("pn-action-menu")} .pn-action-menu-input:hover+.pn-action-menu-button .pn-action-menu-radio-outer{border-color:#005d92;background-color:#e0f8ff}${transformTag("pn-action-menu")} .pn-action-menu-input:focus-visible+.pn-action-menu-button{background-color:#e0f8ff}${transformTag("pn-action-menu")} .pn-action-menu-input:focus-visible+.pn-action-menu-button .pn-action-menu-checkbox,${transformTag("pn-action-menu")} .pn-action-menu-input:focus-visible+.pn-action-menu-button .pn-action-menu-radio .pn-action-menu-radio-outer{outline-color:#005d92}${transformTag("pn-action-menu")} .pn-action-menu-p{margin:0}${transformTag("pn-action-menu")} .pn-action-menu>${transformTag("pn-button")}[data-default-icon] .pn-button[aria-expanded=true] .pn-icon-svg{transform:rotate(180deg);transition-delay:0s}${transformTag("pn-action-menu")} .pn-action-menu>${transformTag("pn-button")}[data-default-icon] .pn-button .pn-icon-svg{transform:rotate(0deg);transition-delay:0.2s;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-action-menu")} .pn-action-menu>${transformTag("pn-button")}[data-default-icon] .pn-button .pn-icon-svg{transition-duration:0s;transition-delay:0s}}`;
 
 const PnActionMenu = class extends Mixin(animateHeightFactory) {
     constructor(hostRef) {
@@ -394,12 +394,17 @@ const PnActionMenu = class extends Mixin(animateHeightFactory) {
         return (h(Host, { key: 'd77e6c7f658e2552260f5a8a30034a8d68d9bfa2' }, h("div", { key: '3d2584a7c12abf5948cec24c967ab573d33dafa0', id: this.menuId !== this.id ? this.menuId : null, class: "pn-action-menu" }, h("pn-button", { key: 'f8460fca3784d2cb04ac55bfa0070935006c864d', 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"],
-        "open": ["openHandler"],
-        "menuId": ["handleMenuId"]
+        "options": [{
+                "handleOptions": 0
+            }],
+        "open": [{
+                "openHandler": 0
+            }],
+        "menuId": [{
+                "handleMenuId": 0
+            }]
     }; }
 };
-PnActionMenu.style = pnActionMenuCss;
+PnActionMenu.style = pnActionMenuCss();
 
 export { PnActionMenu as pn_action_menu };
-//# sourceMappingURL=pn-action-menu.entry.js.map

package/umd/modules/@postnord/web-components/esm/pn-button-dropdown.entry.js

@@ -2,10 +2,10 @@
  * Built with Stencil
  * By PostNord.
  */
-import { r as registerInstance, g as getElement, h, a as Host } from './index-BNA0ko5y.js';
+import { t as transformTag, r as registerInstance, g as getElement, h, a as Host } from './index-CAEP792y.js';
 import { uuidv4 } from './index.js';
 
-const pnButtonDropdownCss = "pn-button-dropdown{display:inline-block;position:relative}pn-button-dropdown .pn-button-dropdown-container{z-index:10;position:absolute;top:130%;left:0;background-color:#ffffff;border-radius:1em;box-shadow:0 0.125em 1em rgba(0, 0, 0, 0.2);overflow-y:auto;max-width:95vw;max-width:min(95vw, 40em);max-height:80vh;transform:scale(0);transform-origin:top left;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-button-dropdown .pn-button-dropdown-container{transition-duration:0s;transition-delay:0s}}pn-button-dropdown .pn-button-dropdown-container{transition-delay:0.2s}pn-button-dropdown .pn-button-dropdown-container[data-right]{left:unset;right:0;transform-origin:top right}pn-button-dropdown .pn-button-dropdown-container[data-top]{top:unset;bottom:130%;transform-origin:bottom left}pn-button-dropdown .pn-button-dropdown-content{position:relative;padding:1em;opacity:0;width:max-content;max-width:100%;visibility:hidden;transition-property:opacity, visibility;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-button-dropdown .pn-button-dropdown-content{transition-duration:0s;transition-delay:0s}}pn-button-dropdown .pn-button-dropdown-content{transition-delay:0s, 0.2s}pn-button-dropdown .pn-button-dropdown[data-open=true] .pn-button-dropdown-container{transition-delay:0s}pn-button-dropdown .pn-button-dropdown[data-open=true] .pn-button-dropdown-content{opacity:1;visibility:visible}";
+const pnButtonDropdownCss = () => `${transformTag("pn-button-dropdown")}{display:inline-block;position:relative}${transformTag("pn-button-dropdown")} .pn-button-dropdown-container{z-index:10;position:absolute;top:130%;left:0;background-color:#ffffff;border-radius:1em;box-shadow:0 0.125em 1em rgba(0, 0, 0, 0.2);overflow-y:auto;max-width:95vw;max-width:min(95vw, 40em);max-height:80vh;transform:scale(0);transform-origin:top left;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-button-dropdown")} .pn-button-dropdown-container{transition-duration:0s;transition-delay:0s}}${transformTag("pn-button-dropdown")} .pn-button-dropdown-container{transition-delay:0.2s}${transformTag("pn-button-dropdown")} .pn-button-dropdown-container[data-right]{left:unset;right:0;transform-origin:top right}${transformTag("pn-button-dropdown")} .pn-button-dropdown-container[data-top]{top:unset;bottom:130%;transform-origin:bottom left}${transformTag("pn-button-dropdown")} .pn-button-dropdown-content{position:relative;padding:1em;opacity:0;width:max-content;max-width:100%;visibility:hidden;transition-property:opacity, visibility;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-button-dropdown")} .pn-button-dropdown-content{transition-duration:0s;transition-delay:0s}}${transformTag("pn-button-dropdown")} .pn-button-dropdown-content{transition-delay:0s, 0.2s}${transformTag("pn-button-dropdown")} .pn-button-dropdown[data-open=true] .pn-button-dropdown-container{transition-delay:0s}${transformTag("pn-button-dropdown")} .pn-button-dropdown[data-open=true] .pn-button-dropdown-content{opacity:1;visibility:visible}`;
 
 const PnButtonDropdown = class {
     constructor(hostRef) {
@@ -95,10 +95,11 @@ const PnButtonDropdown = class {
         return (h(Host, { key: '0b6deb752a9f01bea9571627205b5cd3efbc1c66' }, h("div", { key: 'c7833d539d682a980bb7cc529f17d9942ffd7eb2', class: "pn-button-dropdown" }, h("pn-button", { key: '42d252b99f98b0c3f51795c894e899c6489839c2', label: this.label, buttonId: this.dropdownButtonId, class: "pn-button-dropdown-label", appearance: this.appearance, variant: this.variant, small: this.small, icon: this.icon, iconOnly: !!this.tooltip && !!this.icon && !this.label, ariacontrols: this.dropdownContentId, ariahaspopup: "true", ariaexpanded: this.open.toString(), tooltip: this.tooltip, tooltipUp: !this.top, onPnClick: this.toggle }), h("div", { key: 'dd494c992ef2b51f31ed5c48d87fb3044ed40009', ref: el => (this.container = el), id: this.dropdownContentId, class: "pn-button-dropdown-container", role: "region", "aria-labelledby": this.dropdownButtonId, "data-right": this.right, "data-top": this.top }, h("div", { key: 'e217ae843fa641335ce0714272f68f9a080afe7d', class: "pn-button-dropdown-content" }, h("slot", { key: 'f52ad763a52e9ee17d9a95a1e3a959d61fae2fe1' }))))));
     }
     static get watchers() { return {
-        "open": ["openHandler"]
+        "open": [{
+                "openHandler": 0
+            }]
     }; }
 };
-PnButtonDropdown.style = pnButtonDropdownCss;
+PnButtonDropdown.style = pnButtonDropdownCss();
 
 export { PnButtonDropdown as pn_button_dropdown };
-//# sourceMappingURL=pn-button-dropdown.entry.js.map

package/umd/modules/@postnord/web-components/esm/pn-button_2.entry.js

@@ -2,10 +2,10 @@
  * Built with Stencil
  * By PostNord.
  */
-import { r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-BNA0ko5y.js';
+import { t as transformTag, r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-CAEP792y.js';
 import { ripple } from './index.js';
 
-const pnButtonCss = "pn-button{display:inline-block}pn-button .pn-button{position:relative;cursor:pointer;padding:0.75em 1.5em;width:round(up, 100%, 1px);min-height:3em;min-width:5.5em;border:none;border-radius:3em;font-family:inherit;font-size:1em;font-weight:500;color:#ffffff;background-color:transparent;display:flex;justify-content:center;align-items:center;text-decoration:none;line-height:1.5em;-webkit-tap-highlight-color:transparent;transition-property:color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-button .pn-button{transition-duration:0s;transition-delay:0s}}pn-button .pn-button{outline:0.2rem solid transparent;outline-offset:0.2rem}pn-button .pn-button:focus-visible{outline-color:#005d92}pn-button .pn-button:disabled,pn-button .pn-button[aria-disabled]{cursor:auto;pointer-events:none}pn-button .pn-button-content{z-index:2;display:flex;justify-content:center;align-items:center;gap:0.5em;transition-property:opacity, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-button .pn-button-content{transition-duration:0s;transition-delay:0s}}pn-button .pn-button-content{transition-delay:0.2s}pn-button .pn-button-bg{position:absolute;width:100%;height:100%;top:0;left:50%;transform:translateX(-50%) translateY(0);border-radius:3em;border:none;background-color:#005d92;overflow:hidden;transition-property:width, background-color, border-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-button .pn-button-bg{transition-duration:0s;transition-delay:0s}}pn-button .pn-button-bg{transition-delay:0.2s, 0s, 0s}pn-button .pn-button-bg::after{content:\"\";position:absolute;will-change:transform;width:100%;height:100%;background-color:#0d234b;border-radius:inherit;left:0;transform:translateX(-103%);opacity:0.5;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-button .pn-button-bg::after{transition-duration:0s;transition-delay:0s}}pn-button .pn-button .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#ffffff;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-button .pn-button-tooltip{z-index:5;position:absolute;top:calc(100% + 0.35em);left:50%;pointer-events:none;color:#ffffff;background-color:#0d234b;box-shadow:0 0.075em 0.225em rgba(0, 0, 0, 0.1), 0 0.4em 0.9em rgba(0, 0, 0, 0.13);padding:0.25em 0.75em;border-radius:inherit;max-width:min(95vw, 40em);transform:translateX(-50%) translateX(var(--pn-dx));width:max-content;opacity:0;transition-property:opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-button .pn-button-tooltip{transition-duration:0s;transition-delay:0s}}pn-button .pn-button-tooltip-text{font-size:0.875em;font-weight:300}pn-button .pn-button pn-icon{flex-shrink:0}pn-button .pn-button pn-icon .pn-icon-svg path{fill:#ffffff}pn-button .pn-button pn-spinner{position:absolute;transform:scale(0)}pn-button .pn-button:hover .pn-button-bg:after,pn-button .pn-button:focus .pn-button-bg:after{transform:translateX(0)}pn-button .pn-button[data-appearance=light]{color:#005d92}pn-button .pn-button[data-appearance=light] pn-icon .pn-icon-svg path{fill:#005d92}pn-button .pn-button[data-appearance=light] pn-spinner .pn-spinner-circle{stroke:#005d92}pn-button .pn-button[data-appearance=light] pn-spinner .pn-spinner-dot{fill:#005d92}pn-button .pn-button[data-appearance=light] .pn-button-bg{border-color:#005d92;background-color:#ffffff}pn-button .pn-button[data-appearance=light] .pn-button-bg:after{background-color:#e0f8ff;opacity:1}pn-button .pn-button[data-appearance=light] .pn-button-bg .pn-ripple{background-color:#005d92}pn-button .pn-button[data-appearance=warning]{color:#a70707}pn-button .pn-button[data-appearance=warning] pn-icon .pn-icon-svg path{fill:#a70707}pn-button .pn-button[data-appearance=warning] pn-spinner .pn-spinner-circle{stroke:#a70707}pn-button .pn-button[data-appearance=warning] pn-spinner .pn-spinner-dot{fill:#a70707}pn-button .pn-button[data-appearance=warning] .pn-button-bg{border:0.0625em solid #a70707;background-color:#fdefee}pn-button .pn-button[data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}pn-button .pn-button[data-appearance=warning]:hover,pn-button .pn-button[data-appearance=warning]:focus{color:#ffffff}pn-button .pn-button[data-appearance=warning]:hover pn-icon .pn-icon-svg path,pn-button .pn-button[data-appearance=warning]:focus pn-icon .pn-icon-svg path{fill:#ffffff}pn-button .pn-button[data-appearance=warning]:hover pn-spinner .pn-spinner-circle,pn-button .pn-button[data-appearance=warning]:focus pn-spinner .pn-spinner-circle{stroke:#ffffff}pn-button .pn-button[data-appearance=warning]:hover pn-spinner .pn-spinner-dot,pn-button .pn-button[data-appearance=warning]:focus pn-spinner .pn-spinner-dot{fill:#ffffff}pn-button .pn-button[data-appearance=warning]{outline:0.2rem solid transparent;outline-offset:0.2rem}pn-button .pn-button[data-appearance=warning]:focus-visible{outline-color:#a70707}pn-button .pn-button[data-variant=borderless] .pn-button-bg{border:none;background-color:transparent}pn-button .pn-button[data-variant=borderless] .pn-button-bg:after{background-color:#ffffff;opacity:0.1}pn-button .pn-button[data-variant=borderless][data-appearance=light] .pn-button-bg:after{background-color:#e0f8ff;opacity:1}pn-button .pn-button[data-variant=borderless][data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}pn-button .pn-button[data-variant=outlined] .pn-button-bg{border:0.0625em solid #ffffff;background-color:transparent}pn-button .pn-button[data-variant=outlined] .pn-button-bg:after{background-color:#ffffff;opacity:0.1}pn-button .pn-button[data-variant=outlined][data-appearance=light] .pn-button-bg{border-color:#005d92;background-color:#ffffff}pn-button .pn-button[data-variant=outlined][data-appearance=light] .pn-button-bg:after{background-color:#00a0d6;opacity:0.1}pn-button .pn-button[data-variant=outlined][data-appearance=warning] .pn-button-bg{border-color:#a70707}pn-button .pn-button[data-variant=outlined][data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}pn-button .pn-button[data-left-icon] .pn-button-content{flex-direction:row-reverse}pn-button .pn-button[data-icon-only]{width:3em;min-width:0}pn-button .pn-button[data-icon-only][data-small]{width:2em;min-width:0;padding:0}pn-button .pn-button[data-small]{padding:0.375em 1em;min-height:2em;min-width:unset;line-height:1.25em}pn-button .pn-button[data-small] .pn-button-content{gap:0.25em}pn-button .pn-button[data-small] .pn-button-text{font-size:0.875em}pn-button .pn-button[data-small] pn-icon .pn-icon-svg{height:1.25em;width:1.25em}pn-button .pn-button[data-tooltip-open] .pn-button-tooltip{opacity:1}pn-button .pn-button[data-tooltip-upwards] .pn-button-tooltip{top:auto;bottom:calc(100% + 0.35em)}pn-button .pn-button[data-loading] pn-spinner{transform:scale(1);transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-button .pn-button[data-loading] pn-spinner{transition-duration:0s;transition-delay:0s}}pn-button .pn-button[data-loading] pn-spinner{transition-delay:0.2s}pn-button .pn-button[data-loading] .pn-button-content{pointer-events:none;opacity:0;transition-delay:0s;transform:translateY(100%)}pn-button .pn-button[data-loading] .pn-button-bg{width:3em}pn-button .pn-button[data-loading][data-small] .pn-button-bg{width:2em}";
+const pnButtonCss = () => `${transformTag("pn-button")}{display:inline-block}${transformTag("pn-button")} .pn-button{position:relative;cursor:pointer;padding:0.75em 1.5em;width:round(up, 100%, 1px);min-height:3em;min-width:5.5em;border:none;border-radius:3em;font-family:inherit;font-size:1em;font-weight:500;color:#ffffff;background-color:transparent;display:flex;justify-content:center;align-items:center;text-decoration:none;line-height:1.5em;-webkit-tap-highlight-color:transparent;transition-property:color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-button")} .pn-button{transition-duration:0s;transition-delay:0s}}${transformTag("pn-button")} .pn-button{outline:0.2rem solid transparent;outline-offset:0.2rem}${transformTag("pn-button")} .pn-button:focus-visible{outline-color:#005d92}${transformTag("pn-button")} .pn-button:disabled,${transformTag("pn-button")} .pn-button[aria-disabled]{cursor:auto;pointer-events:none}${transformTag("pn-button")} .pn-button-content{z-index:2;display:flex;justify-content:center;align-items:center;gap:0.5em;transition-property:opacity, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-button")} .pn-button-content{transition-duration:0s;transition-delay:0s}}${transformTag("pn-button")} .pn-button-content{transition-delay:0.2s}${transformTag("pn-button")} .pn-button-bg{position:absolute;width:100%;height:100%;top:0;left:50%;transform:translateX(-50%) translateY(0);border-radius:3em;border:none;background-color:#005d92;overflow:hidden;transition-property:width, background-color, border-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-button")} .pn-button-bg{transition-duration:0s;transition-delay:0s}}${transformTag("pn-button")} .pn-button-bg{transition-delay:0.2s, 0s, 0s}${transformTag("pn-button")} .pn-button-bg::after{content:"";position:absolute;will-change:transform;width:100%;height:100%;background-color:#0d234b;border-radius:inherit;left:0;transform:translateX(-103%);opacity:0.5;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-button")} .pn-button-bg::after{transition-duration:0s;transition-delay:0s}}${transformTag("pn-button")} .pn-button .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#ffffff;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}}${transformTag("pn-button")} .pn-button-tooltip{z-index:5;position:absolute;top:calc(100% + 0.35em);left:50%;pointer-events:none;color:#ffffff;background-color:#0d234b;box-shadow:0 0.075em 0.225em rgba(0, 0, 0, 0.1), 0 0.4em 0.9em rgba(0, 0, 0, 0.13);padding:0.25em 0.75em;border-radius:inherit;max-width:min(95vw, 40em);transform:translateX(-50%) translateX(var(--pn-dx));width:max-content;opacity:0;transition-property:opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-button")} .pn-button-tooltip{transition-duration:0s;transition-delay:0s}}${transformTag("pn-button")} .pn-button-tooltip-text{font-size:0.875em;font-weight:300}${transformTag("pn-button")} .pn-button ${transformTag("pn-icon")}{flex-shrink:0}${transformTag("pn-button")} .pn-button ${transformTag("pn-icon")} .pn-icon-svg path{fill:#ffffff}${transformTag("pn-button")} .pn-button ${transformTag("pn-spinner")}{position:absolute;transform:scale(0)}${transformTag("pn-button")} .pn-button:hover .pn-button-bg:after,${transformTag("pn-button")} .pn-button:focus .pn-button-bg:after{transform:translateX(0)}${transformTag("pn-button")} .pn-button[data-appearance=light]{color:#005d92}${transformTag("pn-button")} .pn-button[data-appearance=light] ${transformTag("pn-icon")} .pn-icon-svg path{fill:#005d92}${transformTag("pn-button")} .pn-button[data-appearance=light] ${transformTag("pn-spinner")} .pn-spinner-circle{stroke:#005d92}${transformTag("pn-button")} .pn-button[data-appearance=light] ${transformTag("pn-spinner")} .pn-spinner-dot{fill:#005d92}${transformTag("pn-button")} .pn-button[data-appearance=light] .pn-button-bg{border-color:#005d92;background-color:#ffffff}${transformTag("pn-button")} .pn-button[data-appearance=light] .pn-button-bg:after{background-color:#e0f8ff;opacity:1}${transformTag("pn-button")} .pn-button[data-appearance=light] .pn-button-bg .pn-ripple{background-color:#005d92}${transformTag("pn-button")} .pn-button[data-appearance=warning]{color:#a70707}${transformTag("pn-button")} .pn-button[data-appearance=warning] ${transformTag("pn-icon")} .pn-icon-svg path{fill:#a70707}${transformTag("pn-button")} .pn-button[data-appearance=warning] ${transformTag("pn-spinner")} .pn-spinner-circle{stroke:#a70707}${transformTag("pn-button")} .pn-button[data-appearance=warning] ${transformTag("pn-spinner")} .pn-spinner-dot{fill:#a70707}${transformTag("pn-button")} .pn-button[data-appearance=warning] .pn-button-bg{border:0.0625em solid #a70707;background-color:#fdefee}${transformTag("pn-button")} .pn-button[data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}${transformTag("pn-button")} .pn-button[data-appearance=warning]:hover,${transformTag("pn-button")} .pn-button[data-appearance=warning]:focus{color:#ffffff}${transformTag("pn-button")} .pn-button[data-appearance=warning]:hover ${transformTag("pn-icon")} .pn-icon-svg path,${transformTag("pn-button")} .pn-button[data-appearance=warning]:focus ${transformTag("pn-icon")} .pn-icon-svg path{fill:#ffffff}${transformTag("pn-button")} .pn-button[data-appearance=warning]:hover ${transformTag("pn-spinner")} .pn-spinner-circle,${transformTag("pn-button")} .pn-button[data-appearance=warning]:focus ${transformTag("pn-spinner")} .pn-spinner-circle{stroke:#ffffff}${transformTag("pn-button")} .pn-button[data-appearance=warning]:hover ${transformTag("pn-spinner")} .pn-spinner-dot,${transformTag("pn-button")} .pn-button[data-appearance=warning]:focus ${transformTag("pn-spinner")} .pn-spinner-dot{fill:#ffffff}${transformTag("pn-button")} .pn-button[data-appearance=warning]{outline:0.2rem solid transparent;outline-offset:0.2rem}${transformTag("pn-button")} .pn-button[data-appearance=warning]:focus-visible{outline-color:#a70707}${transformTag("pn-button")} .pn-button[data-variant=borderless] .pn-button-bg{border:none;background-color:transparent}${transformTag("pn-button")} .pn-button[data-variant=borderless] .pn-button-bg:after{background-color:#ffffff;opacity:0.1}${transformTag("pn-button")} .pn-button[data-variant=borderless][data-appearance=light] .pn-button-bg:after{background-color:#e0f8ff;opacity:1}${transformTag("pn-button")} .pn-button[data-variant=borderless][data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}${transformTag("pn-button")} .pn-button[data-variant=outlined] .pn-button-bg{border:0.0625em solid #ffffff;background-color:transparent}${transformTag("pn-button")} .pn-button[data-variant=outlined] .pn-button-bg:after{background-color:#ffffff;opacity:0.1}${transformTag("pn-button")} .pn-button[data-variant=outlined][data-appearance=light] .pn-button-bg{border-color:#005d92;background-color:#ffffff}${transformTag("pn-button")} .pn-button[data-variant=outlined][data-appearance=light] .pn-button-bg:after{background-color:#00a0d6;opacity:0.1}${transformTag("pn-button")} .pn-button[data-variant=outlined][data-appearance=warning] .pn-button-bg{border-color:#a70707}${transformTag("pn-button")} .pn-button[data-variant=outlined][data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}${transformTag("pn-button")} .pn-button[data-left-icon] .pn-button-content{flex-direction:row-reverse}${transformTag("pn-button")} .pn-button[data-icon-only]{width:3em;min-width:0}${transformTag("pn-button")} .pn-button[data-icon-only][data-small]{width:2em;min-width:0;padding:0}${transformTag("pn-button")} .pn-button[data-small]{padding:0.375em 1em;min-height:2em;min-width:unset;line-height:1.25em}${transformTag("pn-button")} .pn-button[data-small] .pn-button-content{gap:0.25em}${transformTag("pn-button")} .pn-button[data-small] .pn-button-text{font-size:0.875em}${transformTag("pn-button")} .pn-button[data-small] ${transformTag("pn-icon")} .pn-icon-svg{height:1.25em;width:1.25em}${transformTag("pn-button")} .pn-button[data-tooltip-open] .pn-button-tooltip{opacity:1}${transformTag("pn-button")} .pn-button[data-tooltip-upwards] .pn-button-tooltip{top:auto;bottom:calc(100% + 0.35em)}${transformTag("pn-button")} .pn-button[data-loading] ${transformTag("pn-spinner")}{transform:scale(1);transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-button")} .pn-button[data-loading] ${transformTag("pn-spinner")}{transition-duration:0s;transition-delay:0s}}${transformTag("pn-button")} .pn-button[data-loading] ${transformTag("pn-spinner")}{transition-delay:0.2s}${transformTag("pn-button")} .pn-button[data-loading] .pn-button-content{pointer-events:none;opacity:0;transition-delay:0s;transform:translateY(100%)}${transformTag("pn-button")} .pn-button[data-loading] .pn-button-bg{width:3em}${transformTag("pn-button")} .pn-button[data-loading][data-small] .pn-button-bg{width:2em}`;
 
 const PnButton = class {
     constructor(hostRef) {
@@ -211,13 +211,17 @@ const PnButton = class {
         return (h(Host, { key: '9fd62df52e09b5f7915c1652c3bd23c47c40db42' }, h(TagName, { key: 'aecef05e4c20bb9c501399f18b7290a33e5d82e7', class: "pn-button", id: this.buttonId, "aria-label": this.arialabel, "aria-labelledby": this.arialabelledby, onClick: e => this.handleClick(e), ...this.getAttributes(), ref: (el) => (this.buttonEl = el) }, h("div", { key: '9cb56181926a77cd985be9447dd5277720370bf6', class: "pn-button-bg" }), h("div", { key: 'f81963c493162009d2219d72171f753c3ba5dcb8', class: "pn-button-content" }, h("div", { key: 'd6cc476c9bb3eaa59ae9cf80700b33e4bc836494', class: "pn-button-text", hidden: this.showIconOnly() }, this.label, h("slot", { key: '83b07110e17088f980e4a7f0094f5330f7dcc17b' })), !!this.icon && h("pn-icon", { key: '6d352caac885f7f5cf3819a7b555e278e7761259', icon: this.icon })), h("pn-spinner", { key: '3176c1f592b5e48c14f7baccc9366bf0fc0187dd', light: true }), h("div", { key: 'b97ecf99cdf1c4fa0c8db3b26c2eac33c5c9bba4', class: "pn-button-tooltip", hidden: !this.tooltip, ref: el => (this.tooltipEl = el) }, h("span", { key: '7825cd9635f5897db28ee4b32d2ac56a8c9a9b0d', class: "pn-button-tooltip-text" }, this.tooltip)))));
     }
     static get watchers() { return {
-        "tooltipOpen": ["openHandler"],
-        "tooltip": ["iconOnlyHandler"]
+        "tooltipOpen": [{
+                "openHandler": 0
+            }],
+        "tooltip": [{
+                "iconOnlyHandler": 0
+            }]
     }; }
 };
-PnButton.style = pnButtonCss;
+PnButton.style = pnButtonCss();
 
-const pnSpinnerCss = "pn-spinner{display:inline-block}pn-spinner .pn-spinner{--pn-spinner-size:1.5em;--pn-spinner-color:main.$blue700;height:var(--pn-spinner-size);width:var(--pn-spinner-size);display:block;animation:rotate 1s infinite;animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-spinner .pn-spinner{animation-duration:2s}}pn-spinner .pn-spinner-circle{stroke:var(--pn-spinner-color);transform-origin:center center;transform:rotate(-310deg);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:64;animation:loading 2s infinite;animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-spinner .pn-spinner-circle{animation-duration:4s}}pn-spinner .pn-spinner-dot{fill:var(--pn-spinner-color)}@keyframes loading{0%{stroke-dashoffset:55}50%{stroke-dashoffset:12}100%{stroke-dashoffset:55}}@keyframes rotate{from{transform:rotate(-180deg) scaleX(-1)}to{transform:rotate(180deg) scaleX(-1)}}";
+const pnSpinnerCss = () => `${transformTag("pn-spinner")}{display:inline-block}${transformTag("pn-spinner")} .pn-spinner{--pn-spinner-size:1.5em;--pn-spinner-color:main.$blue700;height:var(--pn-spinner-size);width:var(--pn-spinner-size);display:block;animation:rotate 1s infinite;animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-spinner")} .pn-spinner{animation-duration:2s}}${transformTag("pn-spinner")} .pn-spinner-circle{stroke:var(--pn-spinner-color);transform-origin:center center;transform:rotate(-310deg);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:64;animation:loading 2s infinite;animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-spinner")} .pn-spinner-circle{animation-duration:4s}}${transformTag("pn-spinner")} .pn-spinner-dot{fill:var(--pn-spinner-color)}@keyframes loading{0%{stroke-dashoffset:55}50%{stroke-dashoffset:12}100%{stroke-dashoffset:55}}@keyframes rotate{from{transform:rotate(-180deg) scaleX(-1)}to{transform:rotate(180deg) scaleX(-1)}}`;
 
 const PnSpinner = class {
     constructor(hostRef) {
@@ -240,7 +244,6 @@ const PnSpinner = class {
         return (h(Host, { key: 'a9ecba01b5b30a660a44439c714b7ad57cf02a88' }, h("svg", { key: '03fbe990bf1ae0402fcb27707e0c1712d8a84492', class: "pn-spinner", style: { '--pn-spinner-size': this.getSize(), '--pn-spinner-color': this.getColor() }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, h("circle", { key: 'c48784865cd9c8c3d55cd9b1bd3e0dff7a4ebe35', class: "pn-spinner-circle", cx: "12", cy: "12", r: "10", "stroke-width": "3" }), h("circle", { key: '5f69d1bbbf864842f9ae54dc9a29b61603a83bff', class: "pn-spinner-dot", cx: "21.3", cy: "16", r: "1.48" }))));
     }
 };
-PnSpinner.style = pnSpinnerCss;
+PnSpinner.style = pnSpinnerCss();
 
 export { PnButton as pn_button, PnSpinner as pn_spinner };
-//# sourceMappingURL=pn-button.pn-spinner.entry.js.map

package/umd/modules/@postnord/web-components/esm/pn-card.entry.js

@@ -2,12 +2,12 @@
  * Built with Stencil
  * By PostNord.
  */
-import { r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-BNA0ko5y.js';
+import { t as transformTag, r as registerInstance, c as createEvent, g as getElement, h, a as Host } from './index-CAEP792y.js';
 import { a as arrow_right } from './arrow_right-D_UyW-KH.js';
 import { o as open_in_new } from './open_in_new-IFVOY5Gf.js';
 import { uuidv4, ripple } from './index.js';
 
-const pnCardCss = "pn-card{position:relative;display:block}pn-card .pn-card{position:relative;background-color:#ffffff;color:#2d2013;border-radius:0.5em;display:flex;flex-direction:column;height:100%;overflow:hidden;box-shadow:0em 0.0625em 0.125em 0em rgba(20, 20, 20, 0.11), 0em 0.1875em 0.4375em 0em rgba(0, 0, 0, 0.13);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)}@media (prefers-reduced-motion: reduce){pn-card .pn-card{transition-duration:0s;transition-delay:0s}}pn-card .pn-card[data-link]:hover{background-color:#e0f8ff}pn-card .pn-card[data-link][data-focus]{outline-color:#005d92}pn-card .pn-card{}pn-card .pn-card[data-link] .pn-card-navigation>[slot=navigation]{display:none}pn-card .pn-card[data-horizontal]{flex-direction:row}pn-card .pn-card[data-horizontal][data-reverse]{flex-direction:row-reverse}pn-card .pn-card[data-horizontal][data-reverse] .pn-card-picture{clip-path:ellipse(100% 175% at right center)}pn-card .pn-card[data-horizontal] .pn-card-content{flex:1 1 50%}pn-card .pn-card[data-horizontal] .pn-card-image{flex:1 1 50%;flex-direction:row}pn-card .pn-card[data-horizontal] .pn-card-picture{width:100%;clip-path:ellipse(100% 175% at left center)}pn-card .pn-card[data-reverse]{flex-direction:column-reverse}pn-card .pn-card[data-reverse] .pn-card-picture{clip-path:ellipse(175% 100% at bottom center)}pn-card .pn-card-header{display:flex;flex-direction:column;gap:clamp(0.5em, 5vw, 0.75em)}pn-card .pn-card-label{font-size:clamp(1.125em, 5vw, 1.5em);font-weight:700;margin:0}pn-card .pn-card-label-overline{color:#5e554a;font-size:0.875em;font-weight:400;margin:0}pn-card .pn-card-link{display:inline-flex;align-items:center;gap:0.25em;color:#005d92;text-decoration-color:transparent;-webkit-tap-highlight-color:transparent;transition-property:color, text-decoration-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-card .pn-card-link{transition-duration:0s;transition-delay:0s}}pn-card .pn-card-link:hover{color:#0d234b;text-decoration-color:#0d234b}pn-card .pn-card-link:hover>pn-icon>.pn-icon-svg>path{fill:#0d234b}pn-card .pn-card-link:focus{outline:0;color:#0d234b;text-decoration-color:#0d234b}pn-card .pn-card-link:focus>pn-icon>.pn-icon-svg>path{fill:#0d234b}pn-card .pn-card-link:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%}pn-card .pn-card-content{display:flex;flex-direction:column;flex-wrap:nowrap;flex:1;gap:clamp(0.5em, 5vw, 0.75em);padding:clamp(0.75em, 5vw, 1.5em) clamp(0.75em, 5vw, 1.5em)}pn-card .pn-card-section{display:flex;flex-direction:column;gap:0.5em;color:#5e554a}pn-card .pn-card-section-paragraph,pn-card .pn-card-section p{margin:0 0 0.25em}pn-card .pn-card-section-paragraph:last-child,pn-card .pn-card-section p:last-child{margin:0em}pn-card .pn-card-navigation{margin-top:auto;padding-top:clamp(0.5em, 5vw, 0.75em);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5em}pn-card .pn-card-navigation>pn-button{flex:1 1 12em}pn-card .pn-card-navigation:empty{display:none}pn-card .pn-card-image{position:relative;display:flex;flex-direction:column}pn-card .pn-card-picture{margin:0;padding:0;display:block;overflow:hidden;clip-path:ellipse(175% 100% at top center);aspect-ratio:var(--pn-card-aspect-ratio)}pn-card .pn-card-picture:empty{display:none}pn-card .pn-card-picture>*[slot=image]{display:block;height:100%;width:100%;object-fit:cover}pn-card .pn-card-tags{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5em}pn-card .pn-card-tags:empty{display:none}pn-card .pn-card>.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}}";
+const pnCardCss = () => `${transformTag("pn-card")}{position:relative;display:block}${transformTag("pn-card")} .pn-card{position:relative;background-color:#ffffff;color:#2d2013;border-radius:0.5em;display:flex;flex-direction:column;height:100%;overflow:hidden;box-shadow:0em 0.0625em 0.125em 0em rgba(20, 20, 20, 0.11), 0em 0.1875em 0.4375em 0em rgba(0, 0, 0, 0.13);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)}@media (prefers-reduced-motion: reduce){${transformTag("pn-card")} .pn-card{transition-duration:0s;transition-delay:0s}}${transformTag("pn-card")} .pn-card[data-link]:hover{background-color:#e0f8ff}${transformTag("pn-card")} .pn-card[data-link][data-focus]{outline-color:#005d92}${transformTag("pn-card")} .pn-card{}${transformTag("pn-card")} .pn-card[data-link] .pn-card-navigation>[slot=navigation]{display:none}${transformTag("pn-card")} .pn-card[data-horizontal]{flex-direction:row}${transformTag("pn-card")} .pn-card[data-horizontal][data-reverse]{flex-direction:row-reverse}${transformTag("pn-card")} .pn-card[data-horizontal][data-reverse] .pn-card-picture{clip-path:ellipse(100% 175% at right center)}${transformTag("pn-card")} .pn-card[data-horizontal] .pn-card-content{flex:1 1 50%}${transformTag("pn-card")} .pn-card[data-horizontal] .pn-card-image{flex:1 1 50%;flex-direction:row}${transformTag("pn-card")} .pn-card[data-horizontal] .pn-card-picture{width:100%;clip-path:ellipse(100% 175% at left center)}${transformTag("pn-card")} .pn-card[data-reverse]{flex-direction:column-reverse}${transformTag("pn-card")} .pn-card[data-reverse] .pn-card-picture{clip-path:ellipse(175% 100% at bottom center)}${transformTag("pn-card")} .pn-card-header{display:flex;flex-direction:column;gap:clamp(0.5em, 5vw, 0.75em)}${transformTag("pn-card")} .pn-card-label{font-size:clamp(1.125em, 5vw, 1.5em);font-weight:700;margin:0}${transformTag("pn-card")} .pn-card-label-overline{color:#5e554a;font-size:0.875em;font-weight:400;margin:0}${transformTag("pn-card")} .pn-card-link{display:inline-flex;align-items:center;gap:0.25em;color:#005d92;text-decoration-color:transparent;-webkit-tap-highlight-color:transparent;transition-property:color, text-decoration-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-card")} .pn-card-link{transition-duration:0s;transition-delay:0s}}${transformTag("pn-card")} .pn-card-link:hover{color:#0d234b;text-decoration-color:#0d234b}${transformTag("pn-card")} .pn-card-link:hover>${transformTag("pn-icon")}>.pn-icon-svg>path{fill:#0d234b}${transformTag("pn-card")} .pn-card-link:focus{outline:0;color:#0d234b;text-decoration-color:#0d234b}${transformTag("pn-card")} .pn-card-link:focus>${transformTag("pn-icon")}>.pn-icon-svg>path{fill:#0d234b}${transformTag("pn-card")} .pn-card-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}${transformTag("pn-card")} .pn-card-content{display:flex;flex-direction:column;flex-wrap:nowrap;flex:1;gap:clamp(0.5em, 5vw, 0.75em);padding:clamp(0.75em, 5vw, 1.5em) clamp(0.75em, 5vw, 1.5em)}${transformTag("pn-card")} .pn-card-section{display:flex;flex-direction:column;gap:0.5em;color:#5e554a}${transformTag("pn-card")} .pn-card-section-paragraph,${transformTag("pn-card")} .pn-card-section p{margin:0 0 0.25em}${transformTag("pn-card")} .pn-card-section-paragraph:last-child,${transformTag("pn-card")} .pn-card-section p:last-child{margin:0em}${transformTag("pn-card")} .pn-card-navigation{margin-top:auto;padding-top:clamp(0.5em, 5vw, 0.75em);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5em}${transformTag("pn-card")} .pn-card-navigation>${transformTag("pn-button")}{flex:1 1 12em}${transformTag("pn-card")} .pn-card-navigation:empty{display:none}${transformTag("pn-card")} .pn-card-image{position:relative;display:flex;flex-direction:column}${transformTag("pn-card")} .pn-card-picture{margin:0;padding:0;display:block;overflow:hidden;clip-path:ellipse(175% 100% at top center);aspect-ratio:var(--pn-card-aspect-ratio)}${transformTag("pn-card")} .pn-card-picture:empty{display:none}${transformTag("pn-card")} .pn-card-picture>*[slot=image]{display:block;height:100%;width:100%;object-fit:cover}${transformTag("pn-card")} .pn-card-tags{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5em}${transformTag("pn-card")} .pn-card-tags:empty{display:none}${transformTag("pn-card")} .pn-card>.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}}`;
 
 const PnCard = class {
     constructor(hostRef) {
@@ -93,13 +93,14 @@ const PnCard = class {
     }
     render() {
         const TitleTag = this.getHeadingTag();
-        return (h(Host, { key: '38ae433a7a9a45051844529a355969adc7609be7' }, h("article", { key: 'f84f5663aaf6b7a5f814c1879e9c43a0c1cea55a', id: this.cardId, class: "pn-card", "data-link": !!this.href, "data-horizontal": this.horizontal, "data-reverse": this.reverse, "data-focus": this.visibleOutline }, h("div", { key: '29d7f3ef72d259417c07bf699dde3eb08174a724', class: "pn-card-image" }, h("picture", { key: '34578663711bbb2f079c1cbbe93a2e1121666743', class: "pn-card-picture", style: { '--pn-card-aspect-ratio': this.aspectRatio || 'unset' } }, h("slot", { key: '0daa13f16ef2ec666d9ca9dc9b969f27a0e52b9e', name: "image" }))), h("div", { key: '5d0b8a57c6ecbf58fe98391d7fab74d5dbd626ad', class: "pn-card-content" }, h("header", { key: '1a48800f585c09b14d04c468aba5d621d57be2cd', class: "pn-card-header" }, h("div", { key: '830c5901b52b38fdb6c5ed58786392f2bb1782b7', class: "pn-card-tags" }, h("slot", { key: 'd97dbbeae1763a74d7fbd39e90fa1b31504e0f9f', name: "tags" })), !!this.overline && h("p", { key: 'f88c629311c5a9cbec5f046a0d4c7e622b9fd6f3', class: "pn-card-label-overline" }, this.overline), !!this.label && (h(TitleTag, { key: '585f02ed063d2145ca83e95e007bedd4faf291aa', id: this.getTitleId(), class: "pn-card-label" }, this.label)), h("slot", { key: 'd15c587c99db40f1b09df450d017b55323505abf', name: "header" })), h("section", { key: '2ede235cec1f5e97eba9bdebf3582147432d1ecf', class: "pn-card-section" }, !!this.text && h("p", { key: 'a3ef3f6f84c0c4205c4de04fecde5f0b55b9bbc8', class: "pn-card-section-paragraph" }, this.text), h("slot", { key: '7db060522f673aa3f0c0d8cf78d029834a94d11b' })), h("nav", { key: '5cbd93fec3dcd0958f04ba4bc0350ca27295f110', class: "pn-card-navigation" }, this.showHref() && (h("a", { key: 'e872e4d9f36840f3318f606861f8fd850c8dd931', class: "pn-card-link", href: this.href, target: this.target, rel: this.rel, "aria-labelledby": this.getLabelledby(), onClick: event => this.handleClick(event), onFocus: event => this.handleFocus(event), onBlur: event => this.handleFocus(event) }, this.hrefLabel, h("pn-icon", { key: '3a812c2a58573d772b220cce1ee5ef3b0d7aa43e', color: "blue700", icon: this.getIcon() }))), h("slot", { key: '7ef4a0a3e9789e758828bdd5f053338c784e484b', name: "navigation" }))))));
+        return (h(Host, { key: '66bfbab30790857e909606b687989d845eef9c42' }, h("article", { key: 'eb3d30790de5f65da87dc40731b81fb9120c88db', id: this.cardId, class: "pn-card", "data-link": !!this.href, "data-horizontal": this.horizontal, "data-reverse": this.reverse, "data-focus": this.visibleOutline }, h("div", { key: '626daade06dd8b45c47e58cd5fbcef0322e3398f', class: "pn-card-image" }, h("picture", { key: '5f0539bf93afe3a8070c4e31bcabcd6e09f6cd5b', class: "pn-card-picture", style: { '--pn-card-aspect-ratio': this.aspectRatio || 'unset' } }, h("slot", { key: 'ead1ab12ad886e48daf022a26afc0deb29998d9e', name: "image" }))), h("div", { key: '79b1e1dcf658daf770ef2038770ad36d827d61fb', class: "pn-card-content" }, h("header", { key: '9b122547f47bace150f3dd17ccbe0ffe17a499b7', class: "pn-card-header" }, h("div", { key: 'eff03ae597d4d47ec6ef78634b9f1e3b3c65d420', class: "pn-card-tags" }, h("slot", { key: 'bce8ed2e135c2f7575923678477c278c82b26664', name: "tags" })), !!this.overline && h("p", { key: '4c5012ffa0d5e4054be3dc99fea4fd3d2d2e4383', class: "pn-card-label-overline" }, this.overline), !!this.label && (h(TitleTag, { key: 'a1a2a9ce01834943f3909a95dd4ac9c12c62fcc5', id: this.getTitleId(), class: "pn-card-label" }, this.label)), h("slot", { key: '7e231155db5155d5d4a5a272f845c6822235bb54', name: "header" })), h("section", { key: '118b273cd31a00de1fd16ee297bb206a33e7f977', class: "pn-card-section" }, !!this.text && h("p", { key: '66addec056571f3b511718cc8a4a60f64c3ac62b', class: "pn-card-section-paragraph" }, this.text), h("slot", { key: 'f9ec7149a4e48f59143b81470677be0b24791c8e' })), h("nav", { key: 'bb0ea19f4db135fd1b32496e167b67358df6ada8', class: "pn-card-navigation" }, this.showHref() && (h("a", { key: '182c9afcbb00b56c16b53ad15f12449e5feaf11a', class: "pn-card-link", href: this.href, target: this.target, rel: this.rel, "aria-labelledby": this.getLabelledby(), onClick: event => this.handleClick(event), onFocus: event => this.handleFocus(event), onBlur: event => this.handleFocus(event) }, this.hrefLabel, h("pn-icon", { key: '50ed52dbc3fd815c9d7b37542ad566a607e43da3', color: "blue700", icon: this.getIcon() }))), h("slot", { key: '6204a8a4944a85d522b4522352f67e73bc52792a', name: "navigation" }))))));
     }
     static get watchers() { return {
-        "cardId": ["watchCardId"]
+        "cardId": [{
+                "watchCardId": 0
+            }]
     }; }
 };
-PnCard.style = pnCardCss;
+PnCard.style = pnCardCss();
 
 export { PnCard as pn_card };
-//# sourceMappingURL=pn-card.entry.js.map