@postnord/pn-marketweb-components 4.1.1 → 4.1.2

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

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 var index$1 = require('./index.cjs.js');
 var alert_exclamation_circle = require('./alert_exclamation_circle-BiBEJK9P.js');
 var alert_info_circle = require('./alert_info_circle-BaN88M1m.js');
@@ -72,7 +72,7 @@ const PnFieldset = class {
         return alert_exclamation_circle.alert_exclamation_circle;
     }
     render() {
-        return (index.h(index.Host, { key: 'b7ec45925ea5371173faf440a530c7ba3f03b0f4' }, index.h("fieldset", { key: '2caaf0877158f2aa059c1d4e6ece96650ec29bf7', id: this.fieldsetId, class: "pn-fieldset", disabled: this.disabled, "aria-describedby": this.helpertext && this.idHelpertext, "aria-invalid": this.hasError().toString() }, index.h("legend", { key: 'b9f6768922473c764ac40bca471d976286941b9a', class: "pn-fieldset-legend" }, this.legend), this.helpertext && (index.h("p", { key: '2f189ecd40ae974f4471722e7c2fc17fbc65a1ab', id: this.idHelpertext, class: "pn-fieldset-helpertext" }, this.helpertext)), index.h("div", { key: '760907f09aeca87ddf98941faf84f908da154e28', class: "pn-fieldset-items" }, index.h("slot", { key: '58e258065ab6344207c9b56526fdcdf42de9aa42' })), index.h("div", { key: '122ebee3ba24bb5bb66d7eaf828ac573540fdf5c', class: "pn-fieldset-message-wrapper", role: "alert", hidden: !this.error }, index.h("pn-icon", { key: '48e77425756edf11dbc8dfe811b18041919bf6d8', icon: this.getSymbol() }), index.h("p", { key: 'c5e8933004a643ef3ed87b20f54d384535ccb054', class: "pn-fieldset-message" }, this.error)))));
+        return (index.h(index.Host, { key: '4eac26b9a4c9095888cbe548f30eddcbed3efcdf' }, index.h("fieldset", { key: '341684c752c43382f37d0d95f9ea8c0d2d170ef1', id: this.fieldsetId, class: "pn-fieldset", disabled: this.disabled, "aria-describedby": this.helpertext && this.idHelpertext, "aria-invalid": this.hasError().toString() }, index.h("legend", { key: '3f98ab3a56288cebb07cce9c49b6e1bebd2096f2', class: "pn-fieldset-legend" }, this.legend), this.helpertext && (index.h("p", { key: '979b9b47ae0baa2f84bf19de877149773bfd63b9', id: this.idHelpertext, class: "pn-fieldset-helpertext" }, this.helpertext)), index.h("div", { key: 'a67905a01003d767e26061ff8fa3af86a0900c27', class: "pn-fieldset-items" }, index.h("slot", { key: 'a2a02e54157e39e43cf03839c8bb2a561533eb39' })), index.h("div", { key: '4c618709e6a3cbaa20761368acc70b6d2e964930', class: "pn-fieldset-message-wrapper", role: "alert", hidden: !this.error }, index.h("pn-icon", { key: 'db1b62bccada153943c62195242e66b62d9cc2c3', icon: this.getSymbol() }), index.h("p", { key: '9b94853b5064d9563e39c20491d7139eead83f56', class: "pn-fieldset-message" }, this.error)))));
     }
     static get watchers() { return {
         "fieldsetId": [{

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

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 var index$1 = require('./index.cjs.js');
 var alert_exclamation_circle = require('./alert_exclamation_circle-BiBEJK9P.js');
 var check = require('./check-CQU2BD5S.js');
@@ -449,7 +449,7 @@ const PnFileUpload = class {
         return list.join(',');
     }
     render() {
-        return (index.h(index.Host, { key: '1c7df13d284805a69618cac9130a3599dac09afa' }, index.h("div", { key: 'e6f37c7ac6e0283c06049562b3e20b11cf89f1c3', class: "pn-file-upload-container" }, index.h("div", { key: '7647d0f6afdccef876e8c86b084b7b1106715764', class: "pn-dropzone-container" }, index.h("input", { key: 'a5cc41ce25c13ef1d4046b0fb9c45372da932b86', id: this.idFileUpload, class: "pn-file-upload-input", type: "file", name: this.name, multiple: this.multiple, accept: this.accept, capture: this.capture, disabled: this.disabled, required: this.required, "aria-describedby": this.describedBy(), "aria-invalid": this.invalid?.toString(), onClick: e => index$1.ripple(e, this.hostElement, '.pn-dropzone-inner'), onChange: () => this._onAddFile(), onDragOver: e => this._onDragOverFile(e), onDragLeave: e => this._onDragLeaveFile(e), onDrop: e => this._onDropFile(e), ref: el => (this.fileInputElement = el) }), index.h("div", { key: 'ccd799f14663e8d645fcea967e526a4be89324dd', class: "pn-dropzone-inner", "data-hover": this.isHovering, "data-invalid": this.invalid }, index.h("pn-icon", { key: '42c98b09e804d9fa8747c16cfe20773dfecd286c', class: "pn-file-upload-icon-element", icon: upload, color: "blue700" }), index.h("label", { key: 'd4c0d0d127830a82cc6c05e6b2bdb7007b87384c', htmlFor: this.idFileUpload, class: "pn-file-upload-title" }, this.label || this.translate('CLICKORDRAG')), this.helpertext && (index.h("p", { key: '7dc83f69dd408af25194e644075ab7d852da4564', id: this.idHelpertext, class: "pn-file-upload-subtitle" }, this.helpertext)), this.accept && (index.h("p", { key: '64ba6ca78c6b2c9b626e7c4d4ca45074bbd0a6c7', id: this.idAccepttext, class: "pn-file-upload-subtitle" }, this.translate('ACCEPTEDFORMATS'), ": ", this.accept, this.maxSize && (index.h("span", { key: '1bf59a1291145d6adc7e9c6c2516f98e4b1522b2' }, ' ', "(", this.translate('MAXFILESIZE'), ": ", this.maxSize, ")")))))), !!this.files.length && (index.h("ul", { key: '06a0f4c327edee2c192e8b8fb38eb9ce5ab7e51a', class: "files-list" }, this.files.map((file) => (index.h("li", { class: "files-list-item-container", key: file.uuid }, index.h("div", { class: this.getFileItemClass(file) }, index.h("div", { class: "file-list-item-title" }, index.h("pn-icon", { icon: this.getFileIcon(file), color: this.getFileColor(file) }), this.hideProgress || file.progress === 0 ? (index.h("div", { class: "filename" }, file.filename)) : (index.h("pn-progress-bar", { label: file.filename, progress: file.progress, error: file.error && file.errorMessage }))), index.h("pn-button", { small: true, variant: "borderless", arialabel: `${this.translate('REMOVE_FILE')} ${file.filename}`, appearance: file.error ? 'warning' : 'light', icon: trash_can, iconOnly: true, tooltip: this.translate('REMOVE_FILE'), loading: this.isLoading(file), onClick: () => this.removeFile(file) })), file.error ? (index.h("div", { class: "files-list-item-text-error" }, file.errorMessage || file.error.message)) : null))))), index.h("slot", { key: '38c1a1703b7d2c418ecc76823f32248c5d8b1ec7' }))));
+        return (index.h(index.Host, { key: 'bce5d5c3684f31a2841ecf631155ab384f318879' }, index.h("div", { key: '07abc549d0ad86fb818f446e4fa223e3b4ea6c84', class: "pn-file-upload-container" }, index.h("div", { key: '1a9d09dd8cf39db11dc741732a7c04276e10a6a9', class: "pn-dropzone-container" }, index.h("input", { key: '387071f47d9aa658929448b041285c01d5187da4', id: this.idFileUpload, class: "pn-file-upload-input", type: "file", name: this.name, multiple: this.multiple, accept: this.accept, capture: this.capture, disabled: this.disabled, required: this.required, "aria-describedby": this.describedBy(), "aria-invalid": this.invalid?.toString(), onClick: e => index$1.ripple(e, this.hostElement, '.pn-dropzone-inner'), onChange: () => this._onAddFile(), onDragOver: e => this._onDragOverFile(e), onDragLeave: e => this._onDragLeaveFile(e), onDrop: e => this._onDropFile(e), ref: el => (this.fileInputElement = el) }), index.h("div", { key: '71c627aa6044908835b0f6e2227d7744da76680e', class: "pn-dropzone-inner", "data-hover": this.isHovering, "data-invalid": this.invalid }, index.h("pn-icon", { key: 'a621fd0abb16c8c7b2efcb67932a0e50e12942dd', class: "pn-file-upload-icon-element", icon: upload, color: "blue700" }), index.h("label", { key: 'cc90d1af83fe3814b8ea9991bcdf85c40f48f874', htmlFor: this.idFileUpload, class: "pn-file-upload-title" }, this.label || this.translate('CLICKORDRAG')), this.helpertext && (index.h("p", { key: '8d4032bcd909516779d07f042be878105f3479a1', id: this.idHelpertext, class: "pn-file-upload-subtitle" }, this.helpertext)), this.accept && (index.h("p", { key: '715cc9ed4c8878068182a30affa8649c904f041d', id: this.idAccepttext, class: "pn-file-upload-subtitle" }, this.translate('ACCEPTEDFORMATS'), ": ", this.accept, this.maxSize && (index.h("span", { key: 'a217dcfd8528d86deb9aee37b7750eb574936a56' }, ' ', "(", this.translate('MAXFILESIZE'), ": ", this.maxSize, ")")))))), !!this.files.length && (index.h("ul", { key: 'c1a1cd0c816992c6f524eaf82296ad4fd3300a6b', class: "files-list" }, this.files.map((file) => (index.h("li", { class: "files-list-item-container", key: file.uuid }, index.h("div", { class: this.getFileItemClass(file) }, index.h("div", { class: "file-list-item-title" }, index.h("pn-icon", { icon: this.getFileIcon(file), color: this.getFileColor(file) }), this.hideProgress || file.progress === 0 ? (index.h("div", { class: "filename" }, file.filename)) : (index.h("pn-progress-bar", { label: file.filename, progress: file.progress, error: file.error && file.errorMessage }))), index.h("pn-button", { small: true, variant: "borderless", arialabel: `${this.translate('REMOVE_FILE')} ${file.filename}`, appearance: file.error ? 'warning' : 'light', icon: trash_can, iconOnly: true, tooltip: this.translate('REMOVE_FILE'), loading: this.isLoading(file), onClick: () => this.removeFile(file) })), file.error ? (index.h("div", { class: "files-list-item-text-error" }, file.errorMessage || file.error.message)) : null))))), index.h("slot", { key: '2690ccdc2c5e97a41c99a3b385e68739bb69cecb' }))));
     }
     static get watchers() { return {
         "limit": [{

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

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 var open_in_new = require('./open_in_new-B-zmn5xr.js');
 var index$1 = require('./index.cjs.js');
 
@@ -178,7 +178,7 @@ const PnFooter = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'cd42b1837b00386532e130fa79d0265746ad37cd' }, index.h("div", { key: 'd55038fafcccf752f7ac479ffb66127077f7ddc2', class: "pn-footer-row" }, index.h("p", { key: '3f90862fda949d3be7905f257806f367e25756bb' }, this.getText('questions')), this.renderLink('contact')), index.h("div", { key: '87285a48ed5a82822bff8b28d657be62720ca0f9', class: "pn-footer-row" }, this.market !== index$1.NO && this.renderLink('terms'), this.renderLink('privacy'), this.renderLink('cookies')), index.h("div", { key: '83fdad97337a671248f921dc7889a94bcff9a12e', class: "pn-footer-row" }, index.h("p", { key: 'bf0cdf1f3d4409922fea94aca5290ca5ad33b872' }, this.getText('info')), this.renderLink('domain'))));
+        return (index.h(index.Host, { key: '5ba1e53dd0dc631bf8bbe878a622ec577224a9f3' }, index.h("div", { key: '530b0e803506fed3cae180d1289535538f64e1bb', class: "pn-footer-row" }, index.h("p", { key: '47e19b88eb7c6860f0921fdacc79686aff3d2b61' }, this.getText('questions')), this.renderLink('contact')), index.h("div", { key: '2986a92cb2183d53c871030db72ef34aa08e847b', class: "pn-footer-row" }, this.market !== index$1.NO && this.renderLink('terms'), this.renderLink('privacy'), this.renderLink('cookies')), index.h("div", { key: '550a23c5b872b6dc9c69b4e231ce7634d5f12994', class: "pn-footer-row" }, index.h("p", { key: '52871c90b92a2a64fc247ac83fdc62215e54a574' }, this.getText('info')), this.renderLink('domain'))));
     }
 };
 PnFooter.style = pnFooterCss();

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

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 var index$1 = require('./index.cjs.js');
 var arrow_left = require('./arrow_left-Crkz484c.js');
 
@@ -67,7 +67,7 @@ const PnHeader = class {
         return this.goBackText || translations[this.language || index$1.en];
     }
     render() {
-        return (index.h(index.Host, { key: '1ee027d9ec1a7d440bad15e7a3e21d7a1bea82d7' }, index.h("header", { key: '94f8a61e7e4499b43e84e184ce068141d1eda7a4', class: "pn-header" }, index.h("div", { key: '2faf70a3e269d616761a1a64e0a06373a80ccd38', class: "pn-header-container" }, index.h("div", { key: 'b802a380cb0c6f5917ac5a009ae12eb8b0eebd7d', class: "pn-header-breadcrumbs", hidden: !this.showBreadcrumb() }, this.goBackHref && (index.h("pn-text-link", { key: '3264b691fbca455627ee57a52bd75a1d3e346deb', label: this.getButtonText(), href: this.goBackHref, icon: arrow_left.arrow_left, leftIcon: true })), index.h("slot", { key: '1b23c5b3a3b8659e1d3cbf9d2243b82c5dc44b16', name: "breadcrumb" })), index.h("div", { key: '7be900c2d2569bfa16b360ac5f1707ef8c8ea9e3', class: "pn-header-content" }, this.heading && index.h("h1", { key: 'a6cfd61f1f89f47ffbfc9f9b6457d1d4bee6d18b' }, this.heading), index.h("slot", { key: '2ad205fcdce972fac8c276dfbc68ea81369dce43' })), index.h("div", { key: '52ca88b82d1672a4784f1a478d9ca620cca27e90', class: "pn-header-buttons", hidden: !this.hasButtons }, index.h("slot", { key: 'f873dab64a32aee3afe2a445d55385125d62272d', name: "buttons" })), index.h("slot", { key: 'b9fa83ad5ebcff6478eed5bb8c02cdb9234e6449', name: "menu" })))));
+        return (index.h(index.Host, { key: 'f19310a092999791304499d72c1b8e566949c0d3' }, index.h("header", { key: 'c6b50a1d93bf18f2050b37a9bdf69d3706b8aea4', class: "pn-header" }, index.h("div", { key: '7bfa1bd37978daf85d266b7306a71705bdc8cac5', class: "pn-header-container" }, index.h("div", { key: '09ed187b0f201d435c99b3c6e0f245ca48857d47', class: "pn-header-breadcrumbs", hidden: !this.showBreadcrumb() }, this.goBackHref && (index.h("pn-text-link", { key: 'ba657cb77da06d42009738c64d815a23d8dae527', label: this.getButtonText(), href: this.goBackHref, icon: arrow_left.arrow_left, leftIcon: true })), index.h("slot", { key: '278bf254489dbd76f53e047cd16c247bcfd696eb', name: "breadcrumb" })), index.h("div", { key: 'e9b2e873fb9ed01fabbd669aa7cace973a55cbfa', class: "pn-header-content" }, this.heading && index.h("h1", { key: 'baec009bf6807009ea53d184be9a8c15ea0253a0' }, this.heading), index.h("slot", { key: '7a777967b19a19077486d88d775b4a1c4f9d3134' })), index.h("div", { key: '46fa0cc4120b341e4a03c60bb865e077c6231986', class: "pn-header-buttons", hidden: !this.hasButtons }, index.h("slot", { key: '8932d6bbb5e1647be6b666d1879b163575dfd760', name: "buttons" })), index.h("slot", { key: 'afc6e39f45ef72ba762772f84a66cc24fdbcf368', name: "menu" })))));
     }
     static get watchers() { return {
         "maxWidth": [{

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

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 var colors = require('./colors-Dzlq0FRO.js');
 
 const pnIconCss = () => `${index.transformTag("pn-icon")}{display:inline-block;vertical-align:top;--pn-icon-color:main.$gray900}${index.transformTag("pn-icon")}[small] svg{height:1em;width:1em}${index.transformTag("pn-icon")} svg{display:block;height:1.5em;width:1.5em}${index.transformTag("pn-icon")} .pn-icon-svg>circle,${index.transformTag("pn-icon")} .pn-icon-svg>path{fill:var(--pn-icon-color);transition-property:fill;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-icon")} .pn-icon-svg>circle,${index.transformTag("pn-icon")} .pn-icon-svg>path{transition-duration:0s;transition-delay:0s}}`;

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

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 
 const pnIllustrationCss = () => `${index.transformTag("pn-illustration")}{display:inline-block}${index.transformTag("pn-illustration")}[data-fill]{display:block}${index.transformTag("pn-illustration")}>svg{width:var(--pn-width);height:var(--pn-height);display:block}`;
 

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

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 var index$1 = require('./index.cjs.js');
 var alert_exclamation_circle = require('./alert_exclamation_circle-BiBEJK9P.js');
 var check = require('./check-CQU2BD5S.js');
@@ -40,7 +40,7 @@ const translations = {
     },
 };
 
-const pnInputCss = () => `${index.transformTag("pn-input")}{display:inline-flex;flex-direction:column}${index.transformTag("pn-input")} .pn-input-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-input")} .pn-input-label{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-input")} .pn-input-label>span{font-size:0.875em}${index.transformTag("pn-input")} .pn-input-group{position:relative}${index.transformTag("pn-input")} .pn-input-element{--pn-input-offset-left:0em;--pn-input-offset-right:0em;color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}${index.transformTag("pn-input")} .pn-input-element:-webkit-autofill,${index.transformTag("pn-input")} .pn-input-element:-webkit-autofill:hover,${index.transformTag("pn-input")} .pn-input-element:-webkit-autofill:focus,${index.transformTag("pn-input")} .pn-input-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}${index.transformTag("pn-input")} .pn-input-element{outline:0.2rem solid transparent;outline-offset:0.2rem}${index.transformTag("pn-input")} .pn-input-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${index.transformTag("pn-input")} .pn-input-element{transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-input")} .pn-input-element{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-input")} .pn-input-element::placeholder{color:#5e554a;font-weight:normal}${index.transformTag("pn-input")} .pn-input-element:hover{border-color:#005d92}${index.transformTag("pn-input")} .pn-input-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${index.transformTag("pn-input")} .pn-input-element{width:100%;padding-left:calc(var(--pn-input-offset-left) + 0.75em);padding-right:calc(var(--pn-input-offset-right) + 0.75em)}${index.transformTag("pn-input")} .pn-input-element:read-only{border-color:#ffffff}${index.transformTag("pn-input")} .pn-input-element:disabled~.pn-input-eyecandy>${index.transformTag("pn-icon")}>.pn-icon-svg>path{fill:#969087}${index.transformTag("pn-input")} .pn-input-element::-webkit-calendar-picker-indicator{visibility:hidden;display:none !important}${index.transformTag("pn-input")} .pn-input-element::-webkit-textfield-decoration-container,${index.transformTag("pn-input")} .pn-input-element::-webkit-search-cancel-button,${index.transformTag("pn-input")} .pn-input-element::-webkit-inner-spin-button,${index.transformTag("pn-input")} .pn-input-element::-webkit-outer-spin-button,${index.transformTag("pn-input")} .pn-input-element::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}${index.transformTag("pn-input")} .pn-input-element[type=number]{appearance:textfield}${index.transformTag("pn-input")} .pn-input-eyecandy{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:0.5em;height:1.5em}${index.transformTag("pn-input")} .pn-input-eyecandy[data-prefix]{left:0.75em}${index.transformTag("pn-input")} .pn-input-eyecandy[data-suffix]{right:0.75em}${index.transformTag("pn-input")} .pn-input-text{color:#5e554a;font-weight:400;line-height:1.5em}${index.transformTag("pn-input")} .pn-input-message{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}${index.transformTag("pn-input")} .pn-input-message[hidden],${index.transformTag("pn-input")} .pn-input-message>span[hidden]{display:none}${index.transformTag("pn-input")} .pn-input[data-error]>.pn-input-label{color:#a70707}${index.transformTag("pn-input")} .pn-input[data-error]>.pn-input-group>.pn-input-element{border-color:#a70707}${index.transformTag("pn-input")} .pn-input[data-error]>.pn-input-group>.pn-input-element:hover{border-color:#500715}${index.transformTag("pn-input")} .pn-input[data-error]>.pn-input-group>.pn-input-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}${index.transformTag("pn-input")} .pn-input[data-error]>.pn-input-message[role=alert]{color:#a70707}${index.transformTag("pn-input")} .pn-input[data-valid]>.pn-input-label{color:#005e41}${index.transformTag("pn-input")} .pn-input[data-valid]>.pn-input-group>.pn-input-element{border-color:#005e41}${index.transformTag("pn-input")} .pn-input[data-valid]>.pn-input-group>.pn-input-element:hover{border-color:#002f24}${index.transformTag("pn-input")} .pn-input[data-valid]>.pn-input-group>.pn-input-element:focus-visible{background-color:#ffffff;border-color:#005e41;outline-color:#005e41}`;
+const pnInputCss = () => `${index.transformTag("pn-input")}{display:inline-flex;flex-direction:column}${index.transformTag("pn-input")} .pn-input{--pn-input-offset-left:0em;--pn-input-offset-right:0em}${index.transformTag("pn-input")} .pn-input-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-input")} .pn-input-label{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-input")} .pn-input-label[data-compact]{position:absolute;top:1.5625em;left:calc(var(--pn-input-offset-left, 0px) + 0.75em + 0.0625em);margin:0;pointer-events:none;align-items:center;height:1.5em;max-width:calc(100% - (var(--pn-input-offset-left, 0px) + 0.75em) - (var(--pn-input-offset-right, 0px) + 0.75em));transform:translateY(-50%) scale(1) translateZ(0);transform-origin:0 0;transition-delay:0.2s}${index.transformTag("pn-input")} .pn-input-label[data-compact]>span{font-size:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.5em}${index.transformTag("pn-input")} .pn-input-label>span{font-size:0.875em}${index.transformTag("pn-input")} .pn-input-group{position:relative}${index.transformTag("pn-input")} .pn-input-element{width:100%;color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em calc(0.75em + var(--pn-input-offset-right)) 0.75em calc(0.75em + var(--pn-input-offset-left));font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}${index.transformTag("pn-input")} .pn-input-element:-webkit-autofill,${index.transformTag("pn-input")} .pn-input-element:-webkit-autofill:hover,${index.transformTag("pn-input")} .pn-input-element:-webkit-autofill:focus,${index.transformTag("pn-input")} .pn-input-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}${index.transformTag("pn-input")} .pn-input-element{outline:0.2rem solid transparent;outline-offset:0.2rem}${index.transformTag("pn-input")} .pn-input-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${index.transformTag("pn-input")} .pn-input-element{transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-input")} .pn-input-element{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-input")} .pn-input-element[data-compact]{text-align:left;padding-top:1.125em;padding-bottom:0.375em;max-width:unset}${index.transformTag("pn-input")} .pn-input-element[data-compact]::placeholder{color:transparent}${index.transformTag("pn-input")} .pn-input-element[data-compact]:focus+.pn-input-label,${index.transformTag("pn-input")} .pn-input-element[data-compact]:not(:placeholder-shown)+.pn-input-label{transform:translateY(-85%) scale(0.75);transition-delay:0s}${index.transformTag("pn-input")} .pn-input-element::placeholder{color:#5e554a;font-weight:normal}${index.transformTag("pn-input")} .pn-input-element:hover{border-color:#005d92}${index.transformTag("pn-input")} .pn-input-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${index.transformTag("pn-input")} .pn-input-element:read-only{border-color:#ffffff}${index.transformTag("pn-input")} .pn-input-element:disabled~.pn-input-eyecandy>${index.transformTag("pn-icon")}>.pn-icon-svg>path{fill:#969087}${index.transformTag("pn-input")} .pn-input-element::-webkit-calendar-picker-indicator{visibility:hidden;display:none !important}${index.transformTag("pn-input")} .pn-input-element::-webkit-textfield-decoration-container,${index.transformTag("pn-input")} .pn-input-element::-webkit-search-cancel-button,${index.transformTag("pn-input")} .pn-input-element::-webkit-inner-spin-button,${index.transformTag("pn-input")} .pn-input-element::-webkit-outer-spin-button,${index.transformTag("pn-input")} .pn-input-element::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}${index.transformTag("pn-input")} .pn-input-element[type=number]{appearance:textfield}${index.transformTag("pn-input")} .pn-input-eyecandy{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:0.5em;height:1.5em}${index.transformTag("pn-input")} .pn-input-eyecandy[data-prefix]{left:0.75em}${index.transformTag("pn-input")} .pn-input-eyecandy[data-suffix]{right:0.75em}${index.transformTag("pn-input")} .pn-input-text{color:#5e554a;font-weight:400;line-height:1.5em}${index.transformTag("pn-input")} .pn-input-message{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}${index.transformTag("pn-input")} .pn-input-message[hidden],${index.transformTag("pn-input")} .pn-input-message>span[hidden]{display:none}${index.transformTag("pn-input")} .pn-input[data-error]>.pn-input-label{color:#a70707}${index.transformTag("pn-input")} .pn-input[data-error]>.pn-input-group>.pn-input-element{border-color:#a70707}${index.transformTag("pn-input")} .pn-input[data-error]>.pn-input-group>.pn-input-element:hover{border-color:#500715}${index.transformTag("pn-input")} .pn-input[data-error]>.pn-input-group>.pn-input-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}${index.transformTag("pn-input")} .pn-input[data-error]>.pn-input-group>.pn-input-element:-webkit-autofill,${index.transformTag("pn-input")} .pn-input[data-error]>.pn-input-group>.pn-input-element:-webkit-autofill:hover,${index.transformTag("pn-input")} .pn-input[data-error]>.pn-input-group>.pn-input-element:-webkit-autofill:focus,${index.transformTag("pn-input")} .pn-input[data-error]>.pn-input-group>.pn-input-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #fef7f6 inset;-webkit-text-fill-color:#2d2013}${index.transformTag("pn-input")} .pn-input[data-error]>.pn-input-message[role=alert]{color:#a70707}${index.transformTag("pn-input")} .pn-input[data-valid]>.pn-input-label{color:#005e41}${index.transformTag("pn-input")} .pn-input[data-valid]>.pn-input-group>.pn-input-element{border-color:#005e41}${index.transformTag("pn-input")} .pn-input[data-valid]>.pn-input-group>.pn-input-element:hover{border-color:#002f24}${index.transformTag("pn-input")} .pn-input[data-valid]>.pn-input-group>.pn-input-element:focus-visible{background-color:#ffffff;border-color:#005e41;outline-color:#005e41}${index.transformTag("pn-input")} .pn-input[data-valid]>.pn-input-group>.pn-input-element:-webkit-autofill,${index.transformTag("pn-input")} .pn-input[data-valid]>.pn-input-group>.pn-input-element:-webkit-autofill:hover,${index.transformTag("pn-input")} .pn-input[data-valid]>.pn-input-group>.pn-input-element:-webkit-autofill:focus,${index.transformTag("pn-input")} .pn-input[data-valid]>.pn-input-group>.pn-input-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #edfbf3 inset;-webkit-text-fill-color:#2d2013}`;
 
 const PnInput = class {
     constructor(hostRef) {
@@ -76,6 +76,8 @@ const PnInput = class {
      * Not needed if you have the pntopbar on the page.
      **/
     language = null;
+    /** Use the compact label variant. The `placeholder` you provide will not be visible if used at the same time. @since v7.21.0 */
+    compact = false;
     /**
      * Select an icon to display before the input field value.
      * `icon` takes precedence over the `text-prefix` prop.
@@ -174,17 +176,29 @@ const PnInput = class {
      **/
     error;
     handleOffset() {
-        requestAnimationFrame(() => requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
             const left = this.prefix?.clientWidth ? this.prefix.clientWidth + 8 : 0;
             const right = this.suffix?.clientWidth ? this.suffix.clientWidth + 8 : 0;
             this.offsetLeft = left;
             this.offsetRight = right;
-        }));
+        });
     }
     handleMessage() {
         this.checkSlottedHelper();
         this.checkSlottedError();
     }
+    connectedCallback() {
+        this.mo = new MutationObserver(() => {
+            index.forceUpdate(this.hostElement);
+            this.handleOffset();
+            this.handleMessage();
+        });
+        this.mo.observe(this.hostElement, { childList: true, subtree: true });
+    }
+    disconnectedCallback() {
+        if (this.mo)
+            this.mo.disconnect();
+    }
     async componentWillLoad() {
         this.handleMessage();
         if (this.inputid !== this.id)
@@ -194,16 +208,6 @@ const PnInput = class {
     }
     componentDidLoad() {
         this.handleOffset();
-        if (this.mo)
-            this.mo.disconnect();
-        this.mo = new MutationObserver(() => {
-            this.handleOffset();
-            this.handleMessage();
-        });
-        this.mo.observe(this.hostElement, {
-            subtree: true,
-            childList: true,
-        });
     }
     setVal(event) {
         const target = event.composedPath?.()[0];
@@ -288,11 +292,24 @@ const PnInput = class {
             return false;
         return this.type === 'search' && !!this.value?.length;
     }
+    validLabel() {
+        return this.label?.length > 0 || this.maxlength >= 1;
+    }
+    useLabel() {
+        return this.validLabel() && !this.compact;
+    }
+    /** Compact label must be positioned after the input element in order to work. */
+    useCompactLabel() {
+        return this.validLabel() && this.compact;
+    }
+    renderLabel() {
+        return (index.h("label", { htmlFor: this.inputid, class: "pn-input-label", "data-compact": this.compact }, this.label && index.h("span", null, this.label), this.maxlength >= 0 && index.h("span", null, `${this.value.length}/${this.maxlength}`)));
+    }
     render() {
-        return (index.h(index.Host, { key: 'f6553d466069c8e7558eb98dfd6deba21905d888' }, index.h("div", { key: 'e4eb511c59f571eccf70570cff7b44145ee64a70', class: "pn-input", "data-valid": this.valid, "data-error": this.hasError() }, (this.label || this.maxlength >= 1) && (index.h("label", { key: 'fc2a2516335378e1b6dabdb39b5da538c4cca995', htmlFor: this.inputid, class: "pn-input-label" }, this.label && index.h("span", { key: '63571398139a931d8a5dd59698f7ec26e0bc6ba9' }, this.label), this.maxlength >= 0 && index.h("span", { key: 'eb08d059863c41a86ff77102f837565d9eafe3ce' }, `${this.value.length}/${this.maxlength}`))), index.h("div", { key: '56ab6a577a2712b5430749515b22e776ec9b56a8', class: "pn-input-group" }, index.h("input", { key: 'ace87466651b4ef525d739f9499b4fa8b10a36e1', type: this.getInputType(), id: this.inputid, class: "pn-input-element", name: this.name, placeholder: this.placeholder, autocomplete: this.autocomplete, maxlength: this.maxlength, list: this.list, pattern: this.pattern, min: this.min, max: this.max, step: this.step, value: this.value, inputmode: this.inputmode, disabled: this.disabled, required: this.required, readonly: this.readonly, "aria-label": this.arialabel, "aria-describedby": this.hasMessage() ? this.idMessage : null, "aria-controls": this.ariacontrols, "aria-invalid": this.hasError()?.toString(), style: {
+        return (index.h(index.Host, { key: '3250630450288d09811b7c78bca5091ba93ec7ab' }, index.h("div", { key: 'db673ba19f300966eaf5c38136fe7d6143aa661d', class: "pn-input", "data-valid": this.valid, "data-error": this.hasError(), style: {
                 '--pn-input-offset-left': `${this.offsetLeft}px`,
                 '--pn-input-offset-right': `${this.offsetRight}px`,
-            }, onInput: e => this.setVal(e) }), index.h("div", { key: '334cb0b553144a1271e1a2e094ef3d19776f308d', class: "pn-input-eyecandy", "data-prefix": true, ref: el => (this.prefix = el) }, !!this.icon && index.h("pn-icon", { key: 'ac827d5f752445b4a5d0e94ae44646513deeb84f', icon: this.icon, "aria-hidden": "true" }), this.showPrefix() && index.h("span", { key: 'd0d4e2ad948ca3c9155e7b405ea2f4cd4f064f71', class: "pn-input-text" }, this.textPrefix)), index.h("div", { key: 'e972870933dfb2d8cf294facf51dceb7c64d8bf6', class: "pn-input-eyecandy", "data-suffix": true, ref: el => (this.suffix = el) }, this.showSuffix() && index.h("span", { key: 'd37da7ccf870f54455731417ac6afbe573589e8a', class: "pn-input-text" }, this.textSuffix), this.displayState() && index.h("pn-icon", { key: '5432e13d6a53b1e8d143498d0c068b035b89da21', "aria-hidden": "true", icon: this.stateIcon(), color: this.stateColor() }), this.isPassword() && (index.h("pn-button", { key: '7a04e3189a7ed5d3b29e93d0ac1031c22ffb14e0', icon: this.showPassword ? preview_on : preview_off, iconOnly: true, arialabel: this.passwordText(), small: true, appearance: "light", variant: "borderless", onClick: () => this.togglePassword() })), this.showClear() && (index.h("pn-button", { key: 'b9941892bb3cf8d64b810be56d3525b4fe7aa394', icon: close.close, iconOnly: true, arialabel: this.translate('CLEAR'), small: true, appearance: "light", variant: "borderless", onClick: () => this.clearVal() })))), index.h("p", { key: '466cf477bb1a8fd5f69c24cf9769a53b77a84167', class: "pn-input-message", id: this.idMessage, role: this.hasErrorMessage() ? 'alert' : null, hidden: !this.hasMessage() }, this.hasHelperText() && !this.hasError() && index.h("span", { key: '760f744cdc4cd0f35399b3e5e5dfb563a6e326a2', class: "pn-input-helper" }, this.helpertext), index.h("span", { key: '853ecf5094683f8ea69acd81ffa454c2ad7da383', class: "pn-input-helper-slot", hidden: !this.showHelperSlot || this.hasError() }, index.h("slot", { key: '634e73d6d3b93a1d5f0429de708fd3901968ec31', name: "helpertext" })), this.hasErrorMessage() && index.h("span", { key: 'f150a81d23c50bf2b705f7082d31bf748aaf91e7', class: "pn-input-error" }, this.error), index.h("span", { key: '2cd93c90d13a0ef9f153d051f3ee99ff9e25d025', class: "pn-input-error-slot", hidden: !this.showErrorSlot }, index.h("slot", { key: 'c1d461b5a82d635c57af689f29bf485e82117303', name: "error" }))))));
+            } }, this.useLabel() && this.renderLabel(), index.h("div", { key: 'b216b7f951be237aed6e46f1ccbcfd29b2a3cad1', class: "pn-input-group" }, index.h("input", { key: '4ee129c35c6a74a359df9d611b236132d7afac38', type: this.getInputType(), id: this.inputid, class: "pn-input-element", name: this.name, placeholder: this.compact ? this.placeholder || ' ' : this.placeholder, autocomplete: this.autocomplete, maxlength: this.maxlength, list: this.list, pattern: this.pattern, min: this.min, max: this.max, step: this.step, value: this.value, inputmode: this.inputmode, disabled: this.disabled, required: this.required, readonly: this.readonly, "aria-label": this.arialabel, "aria-describedby": this.hasMessage() ? this.idMessage : null, "aria-controls": this.ariacontrols, "aria-invalid": this.hasError()?.toString(), "data-compact": this.compact, "data-value": this.value?.length > 0, onInput: e => this.setVal(e) }), this.useCompactLabel() && this.renderLabel(), index.h("div", { key: '753a9abeaf5bfa5ffb3be10042a76aa7863bce9c', class: "pn-input-eyecandy", "data-prefix": true, ref: el => (this.prefix = el) }, !!this.icon && index.h("pn-icon", { key: 'acf1a6e42c9d37cab6f6a0453d8ea674df1cd0c3', icon: this.icon, "aria-hidden": "true" }), this.showPrefix() && index.h("span", { key: '70d2eb7e94e790d665a57557595c2bce4855b827', class: "pn-input-text" }, this.textPrefix)), index.h("div", { key: '1dcae3fb8489d2dc6aa7325baea693591acef31c', class: "pn-input-eyecandy", "data-suffix": true, ref: el => (this.suffix = el) }, this.showSuffix() && index.h("span", { key: '05044f3fbea582d507de30a0ff751abaf1da3206', class: "pn-input-text" }, this.textSuffix), this.displayState() && index.h("pn-icon", { key: '727650c9e6c9b9da2ef43e933fab95b6adc8a6bb', "aria-hidden": "true", icon: this.stateIcon(), color: this.stateColor() }), this.isPassword() && (index.h("pn-button", { key: '4e28eddff11c9aea670a6764aeb0316bccba1c1c', icon: this.showPassword ? preview_on : preview_off, iconOnly: true, arialabel: this.passwordText(), small: true, appearance: "light", variant: "borderless", onClick: () => this.togglePassword() })), this.showClear() && (index.h("pn-button", { key: '2181adb68c152d837ef03bf9b7e0eb66eb3ea6d2', icon: close.close, iconOnly: true, arialabel: this.translate('CLEAR'), small: true, appearance: "light", variant: "borderless", onClick: () => this.clearVal() })))), index.h("p", { key: 'b8b1039a61a23efd24ebd71285b15cce7bfc5ec0', class: "pn-input-message", id: this.idMessage, role: this.hasErrorMessage() ? 'alert' : null, hidden: !this.hasMessage() }, this.hasHelperText() && !this.hasError() && index.h("span", { key: '4433df6b700cc40ce2ae698d2474f57163b398a1', class: "pn-input-helper" }, this.helpertext), index.h("span", { key: '41c8fb1cbbc17b7c349922cac2ff42244a017e0c', class: "pn-input-helper-slot", hidden: !this.showHelperSlot || this.hasError() }, index.h("slot", { key: '5628bbc8db75161d18ad3e75c259bf3eb5fc9052', name: "helpertext" })), this.hasErrorMessage() && index.h("span", { key: 'e41145d7fab9f3ae35dd428971c79673d0531301', class: "pn-input-error" }, this.error), index.h("span", { key: 'ae85a9420fcb449cc874eadc7a066dd772f097a9', class: "pn-input-error-slot", hidden: !this.showErrorSlot }, index.h("slot", { key: 'bdd31ab2f706cac6e243562d035361a381ecfa43', name: "error" }))))));
     }
     static get watchers() { return {
         "textPrefix": [{

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

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 var index$1 = require('./index.cjs.js');
 var close = require('./close-Bn5ieKko.js');
 

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

@@ -4,8 +4,8 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
-var index$1 = require('./index-BNXSyZmU.js');
+var index = require('./index-CfUQZtlH.js');
+var index$1 = require('./index-CNdVg5VI.js');
 var alert_exclamation_circle = require('./alert_exclamation_circle-BiBEJK9P.js');
 var chevron_down = require('./chevron_down-BLU6_yOG.js');
 var close = require('./close-Bn5ieKko.js');
@@ -112,7 +112,7 @@ const translations = {
     },
 };
 
-const pnMultiselectCss = () => `${index.transformTag("pn-multiselect")}{display:inline-block}${index.transformTag("pn-multiselect")} .pn-multiselect{border:0;margin:0;padding:0}${index.transformTag("pn-multiselect")} .pn-multiselect[data-icon] .pn-multiselect-element{padding-left:3em}${index.transformTag("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element{padding-right:5.5em;border-color:#a70707}${index.transformTag("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element:hover{border-color:#500715}${index.transformTag("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}${index.transformTag("pn-multiselect")} .pn-multiselect-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-multiselect")} .pn-multiselect-label{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-multiselect")} .pn-multiselect-label>span{font-size:0.875em}${index.transformTag("pn-multiselect")} .pn-multiselect-label{width:100%}${index.transformTag("pn-multiselect")} .pn-multiselect-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}${index.transformTag("pn-multiselect")} .pn-multiselect-group{position:relative;padding:0;margin:0}${index.transformTag("pn-multiselect")} .pn-multiselect-input{position:relative}${index.transformTag("pn-multiselect")} .pn-multiselect-input>${index.transformTag("pn-icon")}{pointer-events:none;position:absolute;top:0.75em;right:3.5em}${index.transformTag("pn-multiselect")} .pn-multiselect-input>${index.transformTag("pn-icon")}[data-custom]{left:0.75em;right:unset}${index.transformTag("pn-multiselect")} .pn-multiselect-button{cursor:pointer;position:absolute;right:0.75em;top:50%;transform:translateY(-50%);padding:0;margin:0;border:0;width:2em;height:2em;font-size:1em;border-radius:50%;background-color:transparent;-webkit-tap-highlight-color:transparent;transition-property:background-color, outline-color, border-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-multiselect")} .pn-multiselect-button{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-multiselect")} .pn-multiselect-button{outline:0.2rem solid transparent;outline-offset:0.2rem}${index.transformTag("pn-multiselect")} .pn-multiselect-button:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${index.transformTag("pn-multiselect")} .pn-multiselect-button>${index.transformTag("pn-icon")}>svg>path{transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-multiselect")} .pn-multiselect-button>${index.transformTag("pn-icon")}>svg>path{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-multiselect")} .pn-multiselect-button>${index.transformTag("pn-icon")}>svg>path{transition-delay:0.2s;transform-origin:center;transform:rotate(0deg)}${index.transformTag("pn-multiselect")} .pn-multiselect-button:hover{background-color:#effbff}${index.transformTag("pn-multiselect")} .pn-multiselect-button[aria-expanded=true]{background-color:#effbff}${index.transformTag("pn-multiselect")} .pn-multiselect-button[aria-expanded=true]>${index.transformTag("pn-icon")}>svg>path{transform:rotate(180deg);transition-delay:0s}${index.transformTag("pn-multiselect")} .pn-multiselect-element{color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}${index.transformTag("pn-multiselect")} .pn-multiselect-element:-webkit-autofill,${index.transformTag("pn-multiselect")} .pn-multiselect-element:-webkit-autofill:hover,${index.transformTag("pn-multiselect")} .pn-multiselect-element:-webkit-autofill:focus,${index.transformTag("pn-multiselect")} .pn-multiselect-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}${index.transformTag("pn-multiselect")} .pn-multiselect-element{outline:0.2rem solid transparent;outline-offset:0.2rem}${index.transformTag("pn-multiselect")} .pn-multiselect-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${index.transformTag("pn-multiselect")} .pn-multiselect-element{transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-multiselect")} .pn-multiselect-element{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-multiselect")} .pn-multiselect-element::placeholder{color:#5e554a;font-weight:normal}${index.transformTag("pn-multiselect")} .pn-multiselect-element:hover{border-color:#005d92}${index.transformTag("pn-multiselect")} .pn-multiselect-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${index.transformTag("pn-multiselect")} .pn-multiselect-element{cursor:text;text-align:left;transition-delay:0.1s, 0.1s, 0s;width:100%;padding-right:3.5em;display:flex;align-items:center;justify-content:space-between;gap:0.5em;overflow:hidden;text-overflow:ellipsis}${index.transformTag("pn-multiselect")} .pn-multiselect-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2;pointer-events:none}${index.transformTag("pn-multiselect")} .pn-multiselect-element:disabled+.pn-multiselect-button{pointer-events:none}${index.transformTag("pn-multiselect")} .pn-multiselect-element:disabled+.pn-multiselect-button path{fill:#5e554a}${index.transformTag("pn-multiselect")} .pn-multiselect-element:placeholder{color:#5e554a;font-weight:normal}${index.transformTag("pn-multiselect")} .pn-multiselect-element[type=input]:hover{cursor:pointer;color:#2d2013;background-color:#effbff;transition-delay:0s}${index.transformTag("pn-multiselect")} .pn-multiselect-element[type=input]:hover[aria-invalid=true]{background-color:#fdefee}${index.transformTag("pn-multiselect")} .pn-multiselect-element:focus-visible{transition-delay:0s}${index.transformTag("pn-multiselect")} .pn-multiselect-element::-webkit-search-cancel-button,${index.transformTag("pn-multiselect")} .pn-multiselect-element::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}${index.transformTag("pn-multiselect")} .pn-multiselect-options{scroll-behavior:smooth;position:absolute;z-index:10;top:calc(100% + 0.5em);left:0;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;list-style:none;margin:0;padding:0;width:var(--pn-select-options-width);max-height:var(--pn-select-max-height);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;visibility:hidden;transform-origin:top left}${index.transformTag("pn-multiselect")} .pn-multiselect-options[data-open]{visibility:visible}${index.transformTag("pn-multiselect")} .pn-multiselect-options[data-upwards]{top:unset;bottom:calc(100% + 0.5em);transform-origin:bottom left;box-shadow:0 -0.0625em 0.125em rgba(0, 0, 0, 0.2)}${index.transformTag("pn-multiselect")} .pn-multiselect-options[data-moving]{overflow:hidden;visibility:visible}${index.transformTag("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}${index.transformTag("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}${index.transformTag("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}${index.transformTag("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar-thumb:hover{background-color:#5e554a}${index.transformTag("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar-corner,${index.transformTag("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar-button{display:none}${index.transformTag("pn-multiselect")} .pn-multiselect-options>${index.transformTag("pn-input")}{padding:0.5em}${index.transformTag("pn-multiselect")} .pn-multiselect-optgroup{list-style:none;padding:0}${index.transformTag("pn-multiselect")} .pn-multiselect-optgroup>.pn-multiselect-option>.pn-multiselect-option-content{padding-left:2em}${index.transformTag("pn-multiselect")} .pn-multiselect-chips{list-style:none;display:flex;flex-wrap:wrap;gap:0.5em;padding:0;margin:0.5em 0 0 0;color:#5e554a;font-weight:400}${index.transformTag("pn-multiselect")} .pn-multiselect-chips:empty{display:none}${index.transformTag("pn-multiselect")} .pn-multiselect-chip{margin:0;display:inline-flex;align-items:center;gap:0.25em;background-color:#ffffff;border-radius:0.5em;padding:0.125em 0.25em 0.125em 0.5em;line-height:1.5em;border:0.0625em solid #5e554a;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-multiselect")} .pn-multiselect-chip{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-multiselect")} .pn-multiselect-chip:focus-within{color:#005d92;outline-color:#005d92;background-color:#effbff;border-color:#005d92}${index.transformTag("pn-multiselect")} .pn-multiselect-chip[data-count]{pointer-events:none;border:0;padding-left:0;padding-right:0;background-color:unset}${index.transformTag("pn-multiselect")} .pn-multiselect-chip-label{font-size:0.875em;white-space:nowrap}${index.transformTag("pn-multiselect")} .pn-multiselect-chip-button{cursor:pointer;font-size:1em;padding:0.25em;height:1.5em;width:1.5em;border:0;background-color:unset;border-radius:50%;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-multiselect")} .pn-multiselect-chip-button{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-multiselect")} .pn-multiselect-chip-button{-webkit-tap-highlight-color:transparent}${index.transformTag("pn-multiselect")} .pn-multiselect-chip-button:hover{background-color:#8eddf9}${index.transformTag("pn-multiselect")} .pn-multiselect-chip-button:focus{outline:0}${index.transformTag("pn-multiselect")} .pn-multiselect-no-results{margin:0;padding:0.75em}${index.transformTag("pn-multiselect")} .pn-multiselect-description{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}${index.transformTag("pn-multiselect")} .pn-multiselect-description[role=alert]{color:#a70707}${index.transformTag("pn-multiselect")} .pn-multiselect-option{position:relative;margin:0;padding:0}${index.transformTag("pn-multiselect")} .pn-multiselect-option .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}}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input{cursor:pointer;position:absolute;opacity:0;left:0;top:0;height:100%;width:100%;margin:0;-webkit-tap-highlight-color:transparent}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:disabled{pointer-events:none}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:disabled+.pn-multiselect-option-content{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2;pointer-events:none}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:disabled+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#f3f2f2;border-color:#969087}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:disabled+.pn-multiselect-option-content path{fill:#5e554a}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#969087;border-color:#969087}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content path{fill:#5e554a}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#a70707}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]+.pn-multiselect-option-content .pn-ripple{background-color:#a70707}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked+.pn-multiselect-option-content{background-color:#fdefee}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#a70707;border-color:#a70707}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked:focus-visible+.pn-multiselect-option-content{background-color:#fdefee}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#500715;border-color:#500715}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked:hover+.pn-multiselect-option-content{background-color:#fef7f6}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#500715;border-color:#500715}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:hover+.pn-multiselect-option-content{background-color:#fef7f6}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#fdefee;border-color:#a70707}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{outline-color:#a70707;background-color:#fdefee;border-color:#a70707}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:hover+.pn-multiselect-option-content{background-color:#effbff}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#005d92;background-color:#e0f8ff}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{outline-color:#005d92;background-color:#e0f8ff;border-color:#005d92}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:checked+.pn-multiselect-option-content{background-color:#e0f8ff}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#005d92;background-color:#005d92}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-checkmark-path{transition-delay:0.2s;stroke-dashoffset:0}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:checked:hover+.pn-multiselect-option-content{background-color:#effbff}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:checked:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#0d234b;background-color:#0d234b}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:checked:focus-visible+.pn-multiselect-option-content{background-color:#e0f8ff}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:checked:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#0d234b;background-color:#0d234b}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#005d92;border-color:#005d92}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content svg .pn-multiselect-option-checkbox-checkmark-path{stroke-dashoffset:23}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content svg .pn-multiselect-option-checkbox-indeterminate-path{stroke-dashoffset:0}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:indeterminate:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#0d234b;border-color:#0d234b}${index.transformTag("pn-multiselect")} .pn-multiselect-option-content{position:relative;overflow:hidden;z-index:-1;display:flex;align-items:center;padding:0.75em 1em;gap:0.5em;background-color:#ffffff;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-multiselect")} .pn-multiselect-option-content{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-multiselect")} .pn-multiselect-option-text{flex:1;text-overflow:ellipsis;overflow:hidden}${index.transformTag("pn-multiselect")} .pn-multiselect-option-label{color:#2d2013;font-weight:400}${index.transformTag("pn-multiselect")} .pn-multiselect-option-helper{color:#5e554a;margin:0}${index.transformTag("pn-multiselect")} .pn-multiselect-option-checkbox{background-color:#ffffff;flex:0 0 1.5em;width:1.5em;height:1.5em;border:0.0625em solid #969087;border-radius:0.25em;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){${index.transformTag("pn-multiselect")} .pn-multiselect-option-checkbox{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-multiselect")} .pn-multiselect-option-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){${index.transformTag("pn-multiselect")} .pn-multiselect-option-checkbox svg polyline{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-multiselect")} .pn-multiselect-option-checkbox svg polyline{transition-delay:0s}${index.transformTag("pn-multiselect")} .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-checkmark-path{stroke-dashoffset:23}${index.transformTag("pn-multiselect")} .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-indeterminate-path{stroke-dashoffset:23}`;
+const pnMultiselectCss = () => `${index.transformTag("pn-multiselect")}{display:inline-block}${index.transformTag("pn-multiselect")} .pn-multiselect{position:relative;border:0;margin:0;padding:0}${index.transformTag("pn-multiselect")} .pn-multiselect[data-icon]{--pn-input-offset-left:2em}${index.transformTag("pn-multiselect")} .pn-multiselect[data-icon] .pn-multiselect-element{padding-left:2.75em}${index.transformTag("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-label{color:#a70707}${index.transformTag("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-label[data-compact]{color:#2d2013}${index.transformTag("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element{padding-right:5.5em;border-color:#a70707}${index.transformTag("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element:hover{border-color:#500715}${index.transformTag("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}${index.transformTag("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element:-webkit-autofill,${index.transformTag("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element:-webkit-autofill:hover,${index.transformTag("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element:-webkit-autofill:focus,${index.transformTag("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #fef7f6 inset;-webkit-text-fill-color:#2d2013}${index.transformTag("pn-multiselect")} .pn-multiselect-label{width:100%;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-multiselect")} .pn-multiselect-label{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-multiselect")} .pn-multiselect-label[data-compact]{position:absolute;top:1.5625em;left:calc(var(--pn-input-offset-left, 0px) + 0.75em + 0.0625em);margin:0;pointer-events:none;align-items:center;height:1.5em;max-width:calc(100% - (var(--pn-input-offset-left, 0px) + 0.75em) - (var(--pn-input-offset-right, 0px) + 0.75em));transform:translateY(-50%) scale(1) translateZ(0);transform-origin:0 0;transition-delay:0.2s}${index.transformTag("pn-multiselect")} .pn-multiselect-label[data-compact]>span{font-size:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.5em}${index.transformTag("pn-multiselect")} .pn-multiselect-label>span{font-size:0.875em}${index.transformTag("pn-multiselect")} .pn-multiselect-label[data-compact]{justify-content:start}${index.transformTag("pn-multiselect")} .pn-multiselect-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}${index.transformTag("pn-multiselect")} .pn-multiselect-group{position:relative;padding:0;margin:0}${index.transformTag("pn-multiselect")} .pn-multiselect-input{position:relative}${index.transformTag("pn-multiselect")} .pn-multiselect-input>${index.transformTag("pn-icon")}{pointer-events:none;position:absolute;top:0.75em;right:3.5em}${index.transformTag("pn-multiselect")} .pn-multiselect-input>${index.transformTag("pn-icon")}[data-custom]{left:0.75em;right:unset}${index.transformTag("pn-multiselect")} .pn-multiselect-button{cursor:pointer;position:absolute;right:0.75em;top:50%;transform:translateY(-50%);padding:0;margin:0;border:0;width:2em;height:2em;font-size:1em;border-radius:50%;background-color:transparent;-webkit-tap-highlight-color:transparent;transition-property:background-color, outline-color, border-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-multiselect")} .pn-multiselect-button{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-multiselect")} .pn-multiselect-button{outline:0.2rem solid transparent;outline-offset:0.2rem}${index.transformTag("pn-multiselect")} .pn-multiselect-button:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${index.transformTag("pn-multiselect")} .pn-multiselect-button>${index.transformTag("pn-icon")}>svg>path{transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-multiselect")} .pn-multiselect-button>${index.transformTag("pn-icon")}>svg>path{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-multiselect")} .pn-multiselect-button>${index.transformTag("pn-icon")}>svg>path{transition-delay:0.2s;transform-origin:center;transform:rotate(0deg)}${index.transformTag("pn-multiselect")} .pn-multiselect-button:hover{background-color:#effbff}${index.transformTag("pn-multiselect")} .pn-multiselect-button[aria-expanded=true]{background-color:#effbff}${index.transformTag("pn-multiselect")} .pn-multiselect-button[aria-expanded=true]>${index.transformTag("pn-icon")}>svg>path{transform:rotate(180deg);transition-delay:0s}${index.transformTag("pn-multiselect")} .pn-multiselect-element{cursor:text;text-align:left;transition-delay:0.1s, 0.1s, 0s;width:100%;display:flex;align-items:center;justify-content:space-between;gap:0.5em;overflow:hidden;text-overflow:ellipsis;color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em 3.5em 0.75em 0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}${index.transformTag("pn-multiselect")} .pn-multiselect-element:-webkit-autofill,${index.transformTag("pn-multiselect")} .pn-multiselect-element:-webkit-autofill:hover,${index.transformTag("pn-multiselect")} .pn-multiselect-element:-webkit-autofill:focus,${index.transformTag("pn-multiselect")} .pn-multiselect-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}${index.transformTag("pn-multiselect")} .pn-multiselect-element{outline:0.2rem solid transparent;outline-offset:0.2rem}${index.transformTag("pn-multiselect")} .pn-multiselect-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${index.transformTag("pn-multiselect")} .pn-multiselect-element{transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-multiselect")} .pn-multiselect-element{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-multiselect")} .pn-multiselect-element[data-compact]{text-align:left;padding-top:1.125em;padding-bottom:0.375em;max-width:unset}${index.transformTag("pn-multiselect")} .pn-multiselect-element[data-compact]::placeholder{color:transparent}${index.transformTag("pn-multiselect")} .pn-multiselect-element[data-compact]:focus+.pn-multiselect-label,${index.transformTag("pn-multiselect")} .pn-multiselect-element[data-compact]:not(:placeholder-shown)+.pn-multiselect-label{transform:translateY(-85%) scale(0.75);transition-delay:0s}${index.transformTag("pn-multiselect")} .pn-multiselect-element::placeholder{color:#5e554a;font-weight:normal}${index.transformTag("pn-multiselect")} .pn-multiselect-element:hover{border-color:#005d92}${index.transformTag("pn-multiselect")} .pn-multiselect-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${index.transformTag("pn-multiselect")} .pn-multiselect-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2;pointer-events:none}${index.transformTag("pn-multiselect")} .pn-multiselect-element:disabled+.pn-multiselect-button{pointer-events:none}${index.transformTag("pn-multiselect")} .pn-multiselect-element:disabled+.pn-multiselect-button path{fill:#5e554a}${index.transformTag("pn-multiselect")} .pn-multiselect-element:placeholder{color:#5e554a;font-weight:normal}${index.transformTag("pn-multiselect")} .pn-multiselect-element[type=input]:hover{cursor:pointer;color:#2d2013;background-color:#effbff;transition-delay:0s}${index.transformTag("pn-multiselect")} .pn-multiselect-element[type=input]:hover[aria-invalid=true]{background-color:#fdefee}${index.transformTag("pn-multiselect")} .pn-multiselect-element:focus-visible{transition-delay:0s}${index.transformTag("pn-multiselect")} .pn-multiselect-element::-webkit-search-cancel-button,${index.transformTag("pn-multiselect")} .pn-multiselect-element::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}${index.transformTag("pn-multiselect")} .pn-multiselect-options{scroll-behavior:smooth;position:absolute;z-index:10;top:calc(100% + 0.5em);left:0;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;list-style:none;margin:0;padding:0;width:var(--pn-select-options-width);max-height:var(--pn-select-max-height);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;visibility:hidden;transform-origin:top left}${index.transformTag("pn-multiselect")} .pn-multiselect-options[data-open]{visibility:visible}${index.transformTag("pn-multiselect")} .pn-multiselect-options[data-upwards]{top:unset;bottom:calc(100% + 0.5em);transform-origin:bottom left;box-shadow:0 -0.0625em 0.125em rgba(0, 0, 0, 0.2)}${index.transformTag("pn-multiselect")} .pn-multiselect-options[data-moving]{overflow:hidden;visibility:visible}${index.transformTag("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}${index.transformTag("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}${index.transformTag("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}${index.transformTag("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar-thumb:hover{background-color:#5e554a}${index.transformTag("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar-corner,${index.transformTag("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar-button{display:none}${index.transformTag("pn-multiselect")} .pn-multiselect-options>${index.transformTag("pn-input")}{padding:0.5em}${index.transformTag("pn-multiselect")} .pn-multiselect-optgroup{list-style:none;padding:0}${index.transformTag("pn-multiselect")} .pn-multiselect-optgroup>.pn-multiselect-option>.pn-multiselect-option-content{padding-left:2em}${index.transformTag("pn-multiselect")} .pn-multiselect-chips{list-style:none;display:flex;flex-wrap:wrap;gap:0.5em;padding:0;margin:0.5em 0 0 0;color:#5e554a;font-weight:400}${index.transformTag("pn-multiselect")} .pn-multiselect-chips:empty{display:none}${index.transformTag("pn-multiselect")} .pn-multiselect-chip{margin:0;display:inline-flex;align-items:center;gap:0.25em;background-color:#ffffff;border-radius:0.5em;padding:0.125em 0.25em 0.125em 0.5em;line-height:1.5em;border:0.0625em solid #5e554a;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-multiselect")} .pn-multiselect-chip{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-multiselect")} .pn-multiselect-chip:focus-within{color:#005d92;outline-color:#005d92;background-color:#effbff;border-color:#005d92}${index.transformTag("pn-multiselect")} .pn-multiselect-chip[data-count]{pointer-events:none;border:0;padding-left:0;padding-right:0;background-color:unset}${index.transformTag("pn-multiselect")} .pn-multiselect-chip-label{font-size:0.875em;white-space:nowrap}${index.transformTag("pn-multiselect")} .pn-multiselect-chip-button{cursor:pointer;font-size:1em;padding:0.25em;height:1.5em;width:1.5em;border:0;background-color:unset;border-radius:50%;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-multiselect")} .pn-multiselect-chip-button{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-multiselect")} .pn-multiselect-chip-button{-webkit-tap-highlight-color:transparent}${index.transformTag("pn-multiselect")} .pn-multiselect-chip-button:hover{background-color:#8eddf9}${index.transformTag("pn-multiselect")} .pn-multiselect-chip-button:focus{outline:0}${index.transformTag("pn-multiselect")} .pn-multiselect-no-results{margin:0;padding:0.75em}${index.transformTag("pn-multiselect")} .pn-multiselect-description{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}${index.transformTag("pn-multiselect")} .pn-multiselect-description[role=alert]{color:#a70707}${index.transformTag("pn-multiselect")} .pn-multiselect-option{position:relative;margin:0;padding:0}${index.transformTag("pn-multiselect")} .pn-multiselect-option .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}}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input{cursor:pointer;position:absolute;opacity:0;left:0;top:0;height:100%;width:100%;margin:0;-webkit-tap-highlight-color:transparent}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:disabled{pointer-events:none}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:disabled+.pn-multiselect-option-content{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2;pointer-events:none}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:disabled+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#f3f2f2;border-color:#969087}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:disabled+.pn-multiselect-option-content path{fill:#5e554a}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#969087;border-color:#969087}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content path{fill:#5e554a}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#a70707}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]+.pn-multiselect-option-content .pn-ripple{background-color:#a70707}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked+.pn-multiselect-option-content{background-color:#fdefee}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#a70707;border-color:#a70707}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked:focus-visible+.pn-multiselect-option-content{background-color:#fdefee}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#500715;border-color:#500715}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked:hover+.pn-multiselect-option-content{background-color:#fef7f6}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#500715;border-color:#500715}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:hover+.pn-multiselect-option-content{background-color:#fef7f6}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#fdefee;border-color:#a70707}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{outline-color:#a70707;background-color:#fdefee;border-color:#a70707}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:hover+.pn-multiselect-option-content{background-color:#effbff}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#005d92;background-color:#e0f8ff}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{outline-color:#005d92;background-color:#e0f8ff;border-color:#005d92}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:checked+.pn-multiselect-option-content{background-color:#e0f8ff}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#005d92;background-color:#005d92}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-checkmark-path{transition-delay:0.2s;stroke-dashoffset:0}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:checked:hover+.pn-multiselect-option-content{background-color:#effbff}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:checked:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#0d234b;background-color:#0d234b}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:checked:focus-visible+.pn-multiselect-option-content{background-color:#e0f8ff}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:checked:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#0d234b;background-color:#0d234b}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#005d92;border-color:#005d92}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content svg .pn-multiselect-option-checkbox-checkmark-path{stroke-dashoffset:23}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content svg .pn-multiselect-option-checkbox-indeterminate-path{stroke-dashoffset:0}${index.transformTag("pn-multiselect")} .pn-multiselect-option-input:indeterminate:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#0d234b;border-color:#0d234b}${index.transformTag("pn-multiselect")} .pn-multiselect-option-content{position:relative;overflow:hidden;z-index:-1;display:flex;align-items:center;padding:0.75em 1em;gap:0.5em;background-color:#ffffff;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-multiselect")} .pn-multiselect-option-content{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-multiselect")} .pn-multiselect-option-text{flex:1;text-overflow:ellipsis;overflow:hidden}${index.transformTag("pn-multiselect")} .pn-multiselect-option-helper{color:#5e554a;margin:0}${index.transformTag("pn-multiselect")} .pn-multiselect-option-checkbox{background-color:#ffffff;flex:0 0 1.5em;width:1.5em;height:1.5em;border:0.0625em solid #969087;border-radius:0.25em;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){${index.transformTag("pn-multiselect")} .pn-multiselect-option-checkbox{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-multiselect")} .pn-multiselect-option-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){${index.transformTag("pn-multiselect")} .pn-multiselect-option-checkbox svg polyline{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-multiselect")} .pn-multiselect-option-checkbox svg polyline{transition-delay:0s}${index.transformTag("pn-multiselect")} .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-checkmark-path{stroke-dashoffset:23}${index.transformTag("pn-multiselect")} .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-indeterminate-path{stroke-dashoffset:23}`;
 
 const PnMultiselect = class extends index.Mixin(index$1.animateHeightFactory) {
     constructor(hostRef) {
@@ -160,6 +160,8 @@ const PnMultiselect = class extends index.Mixin(index$1.animateHeightFactory) {
     selectName;
     /** Display an icon to the left of the select input */
     icon;
+    /** Set the date picker label as compact. If used, the `placeholder` will no longer be displayed. @since v7.21.0 */
+    compact = false;
     /** Manually set the language, not needed if you have the pnTopbar available */
     language = null;
     /**
@@ -367,7 +369,8 @@ const PnMultiselect = class extends index.Mixin(index$1.animateHeightFactory) {
     optionsCheckedLabels() {
         return this.optionsChecked()
             ?.map(({ label }) => label)
-            ?.join(', ');
+            ?.join(', ')
+            ?.trim();
     }
     optionsSearch() {
         const list = this.options?.reduce((sum, item) => {
@@ -653,8 +656,16 @@ const PnMultiselect = class extends index.Mixin(index$1.animateHeightFactory) {
     renderChips() {
         return (index.h("ul", { id: this.idChips, class: "pn-multiselect-chips", "aria-label": this.translate('SELECTED_OPTIONS'), ref: el => (this.elChips = el) }, this.optionsCheckedPreview()?.map(({ label, value }, index$1) => (index.h("li", { class: "pn-multiselect-chip", "aria-setsize": this.optionsCheckedTotal(), "aria-posinset": index$1 + 1, key: `${label}-${value}` }, index.h("span", { class: "pn-multiselect-chip-label" }, label), index.h("button", { type: "button", class: "pn-multiselect-chip-button", "aria-label": `${this.translate('REMOVE')} ${label}`, onClick: () => this.optionSelect({ val: value, checked: false, chip: index$1 }) }, index.h("pn-icon", { icon: close.close, small: true, color: "blue700" }))))), this.optionsCheckedTotal() > this.itemCount && (index.h("li", { class: "pn-multiselect-chip", "data-count": true }, index.h("span", { class: "pn-multiselect-chip-label" }, "+ ", this.additonalOptions())))));
     }
+    renderLabel(compactLabel = false) {
+        if (!this.label)
+            return null;
+        const Tag = compactLabel ? 'div' : 'legend';
+        const id = compactLabel ? null : this.idLegend;
+        const attrs = compactLabel ? { inert: true } : { onClick: () => this.handleLabel() };
+        return (index.h(Tag, { id: id, class: { 'pn-multiselect-label': true, 'pn-multiselect-sr-only': this.compact && !compactLabel }, "data-compact": this.compact, ...attrs }, index.h("span", null, this.label), !!this.optionsChecked()?.length && (index.h("span", null, this.optionsCheckedTotal(), "/", this.optionsTotal()))));
+    }
     render() {
-        return (index.h(index.Host, { key: '9b25af2f368c47c8820ae000ed1389215cd952a2' }, index.h("fieldset", { key: '3aa70d5b8d62ee84616afe853c2ea746c991fc67', class: "pn-multiselect", "data-icon": !!this.icon, "data-error": this.hasError(), disabled: this.disabled }, this.label && (index.h("legend", { key: '2e1bd83a8c6cb64bc9da287c70abcffccb334cbb', id: this.idLegend, class: "pn-multiselect-label", onClick: () => this.handleLabel() }, index.h("span", { key: '1d3073c63643320b9b9fde625832d89e41edaa35' }, this.label), !!this.optionsChecked()?.length && (index.h("span", { key: '316c9d892808df273840dcac243971e5fb5d2b62' }, this.optionsCheckedTotal(), "/", this.optionsTotal())))), index.h("div", { key: 'f79e79c0406ca659a6380902a6c8296df89bde97', class: "pn-multiselect-group", ref: el => (this.elGroup = el) }, index.h("div", { key: '73bc49a104f3846a41fa65f4e6e2623dba0806c2', class: "pn-multiselect-input" }, !!this.icon && index.h("pn-icon", { key: 'a68a06de67861057dd6d853ab53b7a34d76ca7ee', class: "pn-multiselect-icon", "data-custom": true, icon: this.icon }), index.h("input", { key: '5df7e2ededf6e196ae47053ce650628391bc282d', tabindex: this.search ? null : '-1', type: this.search ? 'search' : 'input', id: this.selectId, class: "pn-multiselect-element", value: this.search ? this.searchQuery : this.optionsCheckedLabels(), name: this.selectName, placeholder: this.getPlaceholder(), required: this.search ? null : this.required, "aria-labelledby": this.idLegend, "aria-describedby": this.describedBy(), "aria-controls": `${this.idOptions} ${this.search ? this.idChips : ''}`, "aria-invalid": this.hasError()?.toString(), disabled: this.disabled, readonly: !this.search, onClick: () => (this.search && this.open ? null : this.toggleOpen()), onKeyDown: e => this.handleInputKeyboard(e), onBlur: e => this.handleBlur(e), onInput: e => this.search && this.setSearchQuery(e.target.value), ref: el => (this.elInput = el) }), this.hasError() && (index.h("pn-icon", { key: '5204a96efe2e88fee5d762a89b0623b1f8a163ce', class: "pn-multiselect-icon", "data-error": true, icon: alert_exclamation_circle.alert_exclamation_circle, color: "warning" })), index.h("button", { key: '78a487b3afc8c91e588d7922f3a2b490e9173d2f', id: this.idButton, type: "button", class: "pn-multiselect-button", "aria-label": this.translate(`BUTTON_${this.open ? 'CLOSE' : 'OPEN'}`), "aria-describedby": this.search ? null : this.selectId, "aria-controls": this.idOptions, "aria-expanded": this.open.toString(), onClick: () => this.toggleOpen(), ref: el => (this.elButton = el) }, index.h("pn-icon", { key: '061e6c886b21d559c439d2e689cfc02b328d87c9', class: "pn-multiselect-icon", icon: chevron_down.chevron_down, color: "blue700" }))), this.renderOptions()), this.hasMessage() && (index.h("p", { key: 'a1c3cdabb02dfc2403dbe55cc4ce2fb38f71578c', id: this.idHelper, class: "pn-multiselect-description", role: !!this.error ? 'alert' : null }, index.h("span", { key: '3f9428b50a5d440866462e52181e13aa3b894e6a' }, this.error || this.helpertext))), this.search && this.renderChips(), index.h("slot", { key: '74dc717f4f662fbc53b0e73f0690a10a13feeb22' }), this.search && (index.h("p", { key: '85126ac7f1b59b4f2fd988bff08b5b2bcb561cbb', id: this.idSr, class: "pn-multiselect-sr-only", role: "alert", "aria-live": "assertive" }, this.srMessage && index.h("span", { key: '45615fbfb30b133134d06c6fbee20a75a1dd61bd' }, this.srMessage))))));
+        return (index.h(index.Host, { key: '55af777ec6dd7165b4d16bdad6ec784fe81b8f20' }, index.h("fieldset", { key: '41a5e9a45b3460a96676d606c458a062efe6ab80', class: "pn-multiselect", "data-icon": !!this.icon, "data-error": this.hasError(), disabled: this.disabled }, this.renderLabel(), index.h("div", { key: 'fb6874e8d17a70ec0e1e21bf3474575b01c3e669', class: "pn-multiselect-group", ref: el => (this.elGroup = el) }, index.h("div", { key: 'ab6aa995337f5a80e2026d98fe69399571249c24', class: "pn-multiselect-input" }, !!this.icon && index.h("pn-icon", { key: '0d9495e8864e266a6ababc752781b6e9c75595c3', class: "pn-multiselect-icon", "data-custom": true, icon: this.icon }), index.h("input", { key: '6b5adbc27ab64b9cdb7f53a99d2f4cd9a2185e47', tabindex: this.search ? null : '-1', type: this.search ? 'search' : 'input', id: this.selectId, class: "pn-multiselect-element", value: this.search ? this.searchQuery : this.optionsCheckedLabels(), name: this.selectName, placeholder: this.getPlaceholder(), required: this.search ? null : this.required, "aria-labelledby": this.idLegend, "aria-describedby": this.describedBy(), "aria-controls": `${this.idOptions} ${this.search ? this.idChips : ''}`, "aria-invalid": this.hasError()?.toString(), disabled: this.disabled, readonly: !this.search, "data-compact": this.compact, onClick: () => (this.search && this.open ? null : this.toggleOpen()), onKeyDown: e => this.handleInputKeyboard(e), onBlur: e => this.handleBlur(e), onInput: e => this.search && this.setSearchQuery(e.target.value), ref: el => (this.elInput = el) }), this.compact && this.renderLabel(true), this.hasError() && (index.h("pn-icon", { key: '36e6f1e307758cdec5f9eda59413b8a0c28af78c', class: "pn-multiselect-icon", "data-error": true, icon: alert_exclamation_circle.alert_exclamation_circle, color: "warning" })), index.h("button", { key: '6197b7545b8646fecbd5a12e540e3011303f660c', id: this.idButton, type: "button", class: "pn-multiselect-button", "aria-label": this.translate(`BUTTON_${this.open ? 'CLOSE' : 'OPEN'}`), "aria-describedby": this.search ? null : this.selectId, "aria-controls": this.idOptions, "aria-expanded": this.open.toString(), onClick: () => this.toggleOpen(), ref: el => (this.elButton = el) }, index.h("pn-icon", { key: 'f9ddba2705b7782606897f6374f5963833bde76e', class: "pn-multiselect-icon", icon: chevron_down.chevron_down, color: "blue700" }))), this.renderOptions()), this.hasMessage() && (index.h("p", { key: 'd9fb544f999b9d779362f13090e9653bbd22fd4e', id: this.idHelper, class: "pn-multiselect-description", role: !!this.error ? 'alert' : null }, index.h("span", { key: 'ed1426909307379ba22c06a6870ad867f5a7cdad' }, this.error || this.helpertext))), this.search && this.renderChips(), index.h("slot", { key: 'd0bc44a9160fa4151e6f74c05fa3102189710454' }), this.search && (index.h("p", { key: '0d8c04c19227c1461a18ccc21a9fd7412a2f6ee1', id: this.idSr, class: "pn-multiselect-sr-only", role: "alert", "aria-live": "assertive" }, this.srMessage && index.h("span", { key: '610fc47f9a032c6e8931745e6b6d0b418eadd5ee' }, this.srMessage))))));
     }
     static get watchers() { return {
         "open": [{

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

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 var index$1 = require('./index.cjs.js');
 
 const translations = {
@@ -138,7 +138,7 @@ const PnOcrSearch = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7920d8492a321dbbdc3a2bde4b4439906c13e236' }, index.h("pn-search-field", { key: 'a2787206127f364a160b1a37ef084486b84b287f', loading: this.loading, label: this.getTranslation('SEARCH_BUTTON'), button: "icon", buttonLabel: this.getTranslation('SEARCH_BUTTON'), placeholder: this.getTranslation('PLACEHOLDER_TEXT'), onSearch: e => this.handleSearch(e) }), this.renderSearchResult(), this.renderErrorMessage()));
+        return (index.h(index.Host, { key: 'edf8696a2d3f115868f13d3bfa9c5e9c4128426c' }, index.h("pn-search-field", { key: 'b54f8575a5ebdd518e4082f78799f417448d53e9', loading: this.loading, label: this.getTranslation('SEARCH_BUTTON'), button: "icon", buttonLabel: this.getTranslation('SEARCH_BUTTON'), placeholder: this.getTranslation('PLACEHOLDER_TEXT'), onSearch: e => this.handleSearch(e) }), this.renderSearchResult(), this.renderErrorMessage()));
     }
 };
 PnOcrSearch.style = pnOcrSearchCss();

package/umd/modules/@postnord/web-components/cjs/pn-page-nav-dropdown-item.cjs.entry.js

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 var arrow_right = require('./arrow_right-CABi9Wkp.js');
 
 const pnPageNavDropdownItemCss = () => `${index.transformTag("pn-page-nav-dropdown-item")}:first-of-type li>a,${index.transformTag("pn-page-nav-dropdown-item")}:first-of-type li>button{border-radius:0.5em 0.5em 0 0}${index.transformTag("pn-page-nav-dropdown-item")}:last-of-type li>a,${index.transformTag("pn-page-nav-dropdown-item")}:last-of-type li>button{border-radius:0 0 0.5em 0.5em}${index.transformTag("pn-page-nav-dropdown-item")}:last-of-type li>hr{display:none}${index.transformTag("pn-page-nav-dropdown-item")} li{font-size:inherit}${index.transformTag("pn-page-nav-dropdown-item")} li>*{color:#ffffff;font-size:inherit;border:none;padding:1em;margin:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background 0.15s;outline:none;width:100%;font-weight:500}${index.transformTag("pn-page-nav-dropdown-item")} li>*>${index.transformTag("pn-icon")}{margin-left:1em}${index.transformTag("pn-page-nav-dropdown-item")} li>*.pn-page-nav-dropdown-item-active{background:#005d92}${index.transformTag("pn-page-nav-dropdown-item")} li>*.pn-page-nav-dropdown-item-active:hover,${index.transformTag("pn-page-nav-dropdown-item")} li>*.pn-page-nav-dropdown-item-active:focus{background:#005d92}${index.transformTag("pn-page-nav-dropdown-item")} li>*:hover,${index.transformTag("pn-page-nav-dropdown-item")} li>*:focus{background:#0d234b}${index.transformTag("pn-page-nav-dropdown-item")} li>*:focus{box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb}${index.transformTag("pn-page-nav-dropdown-item")} li>a{text-decoration:none}${index.transformTag("pn-page-nav-dropdown-item")} li>button{background:none}${index.transformTag("pn-page-nav-dropdown-item")} li>hr{bottom:0;padding:0;margin:0 auto;border-top:0.0625em solid #d3cecb;opacity:0.6;width:85%}`;
@@ -45,7 +45,7 @@ const PnPageNavDropdownItem = class {
     }
     render() {
         const TagName = this.getTagName();
-        return (index.h("li", { key: 'eac53de4645bd987bc4c1e71c5f7d0982eb4456a' }, index.h(TagName, { key: '4e4e99717a8906306b2cb952a18868daa2c3a0da', href: this.href || '#', class: this.setClassnames(), type: this.getType(), onClick: e => this.select(e), tabindex: "-1" }, index.h("slot", { key: 'ee51c12b308c7613651886bc7b421a4ab0247990' }), index.h("pn-icon", { key: 'ddc418c5af2edb805a40ebaec120f5c06662bc64', icon: arrow_right.arrow_right, color: "white" })), index.h("hr", { key: 'e49722253acc408df179e4498dd64bb00bf1fa96' })));
+        return (index.h("li", { key: 'a4ca23ac5a53d78c87f2c955c3da18372a7d572d' }, index.h(TagName, { key: '20639a9f58133cf65d8719943d9d11630166b8d4', href: this.href || '#', class: this.setClassnames(), type: this.getType(), onClick: e => this.select(e), tabindex: "-1" }, index.h("slot", { key: '5440c1e919238f6aaa55ca9df2dec18ebbce2f83' }), index.h("pn-icon", { key: 'ff16474c7bc9fc6664c64c5b4567e88a88bd29fb', icon: arrow_right.arrow_right, color: "white" })), index.h("hr", { key: '5201ae642f54f3ad7b157762dedfddb08d865486' })));
     }
 };
 PnPageNavDropdownItem.style = pnPageNavDropdownItemCss();

package/umd/modules/@postnord/web-components/cjs/pn-page-nav-item.cjs.entry.js

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 
 const pnPageNavItemCss = () => `${index.transformTag("pn-page-nav-item")}{position:relative;color:#ffffff;margin-right:0.5em;z-index:2;white-space:nowrap;scroll-snap-align:center;outline:none;-webkit-tap-highlight-color:transparent;transform:translateZ(0)}${index.transformTag("pn-page-nav-item")} a{text-decoration:none;color:#ffffff;height:100%;width:100%;padding:0.5em;font-weight:500;border-radius:3em;border:0.0625em solid transparent;display:inline-flex;align-items:center;cursor:pointer;outline:none;transition:box-shadow 0.15s}${index.transformTag("pn-page-nav-item")} a:focus{box-shadow:0 0 0 0.1em #d3cecb}${index.transformTag("pn-page-nav-item")} a>${index.transformTag("pn-icon")}{margin-right:0.5em}${index.transformTag("pn-page-nav-item")}:last-of-type{margin-right:0}`;
 
@@ -28,7 +28,7 @@ const PnPageNavItem = class {
         this.itemselection.emit(this.value);
     }
     render() {
-        return (index.h(index.Host, { key: 'e9e53b320719e625aaeced3b3cd9171577561139' }, index.h("li", { key: 'e3bad7efc9e26a73ca105ff16501be34b7b5c869' }, index.h("a", { key: 'b8bfdb79752254ceb115583be0c11ba7bec3f4b6', href: this.href || '#', class: "pn-page-nav-item", onClick: e => this.select(e) }, this.icon && index.h("pn-icon", { key: '6d2c432d0ef078fc236fef9211765fd634b538b5', icon: this.icon, color: "white" }), index.h("slot", { key: 'e8e9c6e72af559047c0b074854c9b371d6e0c9a0' })))));
+        return (index.h(index.Host, { key: '43346d6ed6211b3e6c4ee7c6dfd261112028445f' }, index.h("li", { key: '8a191825d21ae79f3c8bf69381151b8d258a7c64' }, index.h("a", { key: '3dab24d14cb027916343ae3b1f86ded224907ab6', href: this.href || '#', class: "pn-page-nav-item", onClick: e => this.select(e) }, this.icon && index.h("pn-icon", { key: 'fa382f49cb1602908dd53af48044826f934679cd', icon: this.icon, color: "white" }), index.h("slot", { key: '576b22e87a530ac0a8a19eaf8a094937ab227b67' })))));
     }
 };
 PnPageNavItem.style = pnPageNavItemCss();

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

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 var index$1 = require('./index.cjs.js');
 var arrow_left = require('./arrow_left-Crkz484c.js');
 var arrow_right = require('./arrow_right-CABi9Wkp.js');
@@ -299,7 +299,7 @@ const PnPageNav = class {
     }
     /* ---------------------------------------/DROPDOWN LOGIC--------------------------------------- */
     render() {
-        return (index.h(index.Host, { key: '09d2c23a89225de385e48e65d485b7a0492479dc' }, index.h("div", { key: 'adc135fa9e678fe1ceab2a629ccf1a9906775328', class: "pn-page-nav-wrapper" }, index.h("nav", { key: '1aa5d748ee904f6d96d2a7d5dd17c09c96bf7230', class: "pn-page-nav" }, this.dropdownActive && (index.h("button", { key: 'cf8a7aac890fac108cf88a30df5623f6b66dc9c2', type: "button", class: this.dropdownButtonClasses(), onClick: () => this.toggleDropdown(), "aria-controls": "page-nav-dropdown", "aria-expanded": `${this.dropdownOpen}` }, this.dropdown, index.h("pn-icon", { key: '927edae4c71a918b0725c5c319ce4a802a35e2f8', icon: chevron_down.chevron_down, color: "white", small: true }), index.h("div", { key: 'd91a6109aa142c292ca2074b15e0cfa7dd70f0df', class: "pn-page-nav-divider" }))), index.h("ul", { key: 'd8921bbf3cd3144c5ac472ec113d234e30ec2f1f', class: "pn-page-nav-items" }, index.h("slot", { key: '87ac7a2dd90ebf2a863fe3cca54150def6b44be6' }), index.h("li", { key: 'f9504aaf7d253b406d14a3aa512e75c50433fc96', class: "pn-pn-bg pn-pn-active", role: "presentation" }), index.h("li", { key: 'c553c1f2a35984754b442f1f086f8f89f154d1d2', class: "pn-pn-bg pn-pn-hover", role: "presentation" }))), this.showScrollArrows && (index.h("div", { key: '26c694779045a66bacdb2c258b2b658457ae2851', class: this.scrollArrowClasses() }, index.h("button", { key: '9fc9a3511d158df8ad2e5ac67ca2c5995cd0d105', class: "pn-pn-arrow-left", onClick: () => this.scroll(-120), tabindex: "-1" }, index.h("pn-icon", { key: 'ef5214f47905c67549b8d35047ff8631d60ce0d5', icon: arrow_left.arrow_left, color: "white" })), index.h("button", { key: 'b74fdf8c3f49f0f3bba23a2e49ca848278114300', class: "pn-pn-arrow-right", onClick: () => this.scroll(120), tabindex: "-1" }, index.h("pn-icon", { key: '09a947d7ed38b3460590aafb106c77c6836f7164', icon: arrow_right.arrow_right, color: "blue700" }))))), this.dropdownActive && (index.h("ul", { key: 'ca675a52568b9ba2719a0dba5e6b5cfd10c4713d', id: this.navid, class: this.dropdownClasses() }, index.h("slot", { key: '2f8a0062c2aa836d88ada88254342918a694e00f', name: "dropdown-item" })))));
+        return (index.h(index.Host, { key: 'f76a115ccea11e238d2aee5288b06675abc80b8a' }, index.h("div", { key: '453102a432daf9b567be4f5dc415bab34b48bc84', class: "pn-page-nav-wrapper" }, index.h("nav", { key: '9207ade4b4d6cea4c22622c91988eef2b3c812bc', class: "pn-page-nav" }, this.dropdownActive && (index.h("button", { key: '3365178312cfe2b9d48fccbc794d2a8a857ed6f0', type: "button", class: this.dropdownButtonClasses(), onClick: () => this.toggleDropdown(), "aria-controls": "page-nav-dropdown", "aria-expanded": `${this.dropdownOpen}` }, this.dropdown, index.h("pn-icon", { key: '460172b12b334e96920d185dcbc868acafc0cdcc', icon: chevron_down.chevron_down, color: "white", small: true }), index.h("div", { key: 'f16219e3070e00ebd1ab143b8803a94c44e242bc', class: "pn-page-nav-divider" }))), index.h("ul", { key: '560ef88c95269f29b1f76ee65e3a2541fc2482ce', class: "pn-page-nav-items" }, index.h("slot", { key: '7b1cfc89976421963cc19f958f21e29bfc796621' }), index.h("li", { key: '7df00d0a42fc3f48f82afdb0bbbf943229604293', class: "pn-pn-bg pn-pn-active", role: "presentation" }), index.h("li", { key: '68fd6cc6f9dfcb834c62105f81ff2e21b332be94', class: "pn-pn-bg pn-pn-hover", role: "presentation" }))), this.showScrollArrows && (index.h("div", { key: 'ba26546a6fa3f750a5314dd80f80e1487b4962ec', class: this.scrollArrowClasses() }, index.h("button", { key: '57b43598cb3288b068c3583c822be35418b28e91', class: "pn-pn-arrow-left", onClick: () => this.scroll(-120), tabindex: "-1" }, index.h("pn-icon", { key: 'b812b5b471ba0982be6cb3bcacc84bb2f52fa0e3', icon: arrow_left.arrow_left, color: "white" })), index.h("button", { key: '70d5bffed71999aaf154f88590378496d79e7f55', class: "pn-pn-arrow-right", onClick: () => this.scroll(120), tabindex: "-1" }, index.h("pn-icon", { key: 'a2d4319bab3a80b092321873ff66e4b421f14743', icon: arrow_right.arrow_right, color: "blue700" }))))), this.dropdownActive && (index.h("ul", { key: '1e2a73e7b4d523f3feba0dc18ccc14871b551862', id: this.navid, class: this.dropdownClasses() }, index.h("slot", { key: '20f647483c10a84de4bf2f40126b83b65b61b99f', name: "dropdown-item" })))));
     }
     static get watchers() { return {
         "value": [{

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

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 var arrow_left = require('./arrow_left-Crkz484c.js');
 var arrow_right = require('./arrow_right-CABi9Wkp.js');
 var index$1 = require('./index.cjs.js');
@@ -228,7 +228,7 @@ const PnPagination = class {
         return (index.h("pn-button", { arialabel: label, ariacurrent: current ? 'page' : null, href: this.getUrl(page), rel: current ? null : rel, appearance: "light", small: true, icon: icon, iconOnly: true, onPnClick: ({ detail }) => this.navigate({ page, event: detail }) }));
     }
     render() {
-        return (index.h(index.Host, { key: '9c803b80520ec25c53d3e7e96771e8bdba352946' }, index.h("nav", { key: '1829b73b38273b421d012c73c7f1d43ba855fdca', id: this.paginationId, class: "pn-pagination", "aria-label": this.label || this.translate('PAGINATION') }, this.useRowList() && (index.h("pn-select", { key: '95e4cc8df8a96309e9417ba4a02889e100d06fbb', class: "pn-pagination-rows", label: this.rowsLabel || this.translate('ROWS_PAGE'), onChange: event => this.setRows(event) }, this.getRowList().map(item => (index.h("option", { value: item, selected: this.rows === Number(item), innerHTML: `${item}` }))))), index.h("div", { key: 'b28d4c46195f783905b9d5b4d20d53b9dc7c7aff', class: "pn-pagination-container", "data-right": this.useRowList() }, this.renderJumpButton(), this.renderButton({ page: 1, dataAttr: 'first' }), this.renderDivider(), index.h("ol", { key: 'dc1ef8dd87e9446001a6d4adf49f83ce6a53c066', class: "pn-pagination-list", ref: el => (this.listElement = el) }, this.getPagination().map(item => this.renderItem(item))), this.renderDivider(true), this.renderButton({ page: this.pages, dataAttr: 'last' }), this.renderJumpButton(true)))));
+        return (index.h(index.Host, { key: '4b78edcca36adfd17035e9bed30ae5af6918d6e8' }, index.h("nav", { key: '600dd0a880e03b9b5e98de4ee2d55134a0a90b8e', id: this.paginationId, class: "pn-pagination", "aria-label": this.label || this.translate('PAGINATION') }, this.useRowList() && (index.h("pn-select", { key: '8cca49bb36c9b10fa05e7637acec36e28b25fb8e', class: "pn-pagination-rows", label: this.rowsLabel || this.translate('ROWS_PAGE'), onChange: event => this.setRows(event) }, this.getRowList().map(item => (index.h("option", { value: item, selected: this.rows === Number(item), innerHTML: `${item}` }))))), index.h("div", { key: 'd3fc1f233ab4d62c868a8a0a2076d7666d5dd53a', class: "pn-pagination-container", "data-right": this.useRowList() }, this.renderJumpButton(), this.renderButton({ page: 1, dataAttr: 'first' }), this.renderDivider(), index.h("ol", { key: '17be56bca6cd83e7f7dc3174e2e92d91a05930dd', class: "pn-pagination-list", ref: el => (this.listElement = el) }, this.getPagination().map(item => this.renderItem(item))), this.renderDivider(true), this.renderButton({ page: this.pages, dataAttr: 'last' }), this.renderJumpButton(true)))));
     }
     static get watchers() { return {
         "page": [{

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

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 var alert_exclamation_circle = require('./alert_exclamation_circle-BiBEJK9P.js');
 var check_circle = require('./check_circle-BSQcdFEJ.js');
 var index$1 = require('./index.cjs.js');

package/umd/modules/@postnord/web-components/cjs/pn-progress-indicator-step.cjs.entry.js

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 var colors = require('./colors-Dzlq0FRO.js');
 
 const pnProgressIndicatorStepCss = () => `${index.transformTag("pn-progress-indicator-step")}{display:flex;flex:1 0 4em}${index.transformTag("pn-progress-indicator-step")}:first-child{flex:0 0 auto}${index.transformTag("pn-progress-indicator-step")}:first-child .progress-line{display:none}${index.transformTag("pn-progress-indicator-step")}:first-child .info-container{transform:translateX(-50%);left:50%}.pn-progress-indicator-step{position:relative;display:flex;flex:1 0 4em;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent}.pn-progress-indicator-step .circle{width:1.5em;height:1.5em;padding:0.3rem;border-radius:50%;background-color:#f3f2f2;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .circle{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step .info-container{position:absolute;bottom:-2.5em;right:0;transform:translateX(50%) translateX(-1.2rem);white-space:nowrap;color:#f3f2f2;display:flex;align-items:center;flex-direction:column;font-size:1em;font-weight:normal;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .info-container{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step .info-container .pn-icon-svg{height:1.7em;width:1.7em;margin-bottom:0.1em}.pn-progress-indicator-step .info-container .pn-icon-svg path,.pn-progress-indicator-step .info-container .pn-icon-svg polygon{fill:#f3f2f2}.pn-progress-indicator-step .progress-line{flex:1 1 auto;margin:auto 4px;height:0.8rem;background-color:#f3f2f2;position:relative;overflow:hidden;pointer-events:none;border-radius:10rem}.pn-progress-indicator-step .progress-line:after{content:"";position:absolute;top:0;left:0;height:0.8rem;width:100%;background-color:#005d92;transform:translateX(-100%);transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .progress-line:after{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step .progress-line:after{transition-delay:0.2s}.pn-progress-indicator-step.active .info-container{color:#000000}.pn-progress-indicator-step.active .info-container .pn-icon-svg path{fill:#000000}.pn-progress-indicator-step.active .info-container .pn-icon-svg polygon{fill:#000000}.pn-progress-indicator-step.activated{cursor:pointer}.pn-progress-indicator-step.done .progress-line:after,.pn-progress-indicator-step.active .progress-line:after{transform:translateX(0)}.pn-progress-indicator-step.done .circle,.pn-progress-indicator-step.active .circle{background-color:#005d92}.pn-progress-indicator-step.done .checkmark-path{stroke-linecap:round;stroke-dasharray:27;stroke-dashoffset:-23;animation:dash 0.2s cubic-bezier(0.55, 0, 0.1, 1) both}@keyframes dash{to{stroke-dashoffset:0}}`;