@postnord/pn-marketweb-components 4.1.1 → 4.1.2

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

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 
 const pnProgressIndicatorCss = () => `.pn-progress-indicator{display:flex;padding:2.8em 1em 0}`;
 

package/umd/modules/@postnord/web-components/cjs/pn-progress-stepper.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 = {

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

@@ -4,9 +4,9 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 var index$2 = require('./index.cjs.js');
-var index$1 = require('./index-BNXSyZmU.js');
+var index$1 = require('./index-CNdVg5VI.js');
 
 const pnRadioButtonCss = () => `${index.transformTag("pn-radio-button")}{position:relative;display:inline-block}${index.transformTag("pn-radio-button")} .pn-radio{position:relative;display:flex;flex-wrap:wrap;flex-direction:row}${index.transformTag("pn-radio-button")} .pn-radio-label{cursor:pointer;color:#2d2013;-webkit-tap-highlight-color:transparent}${index.transformTag("pn-radio-button")} .pn-radio-helpertext{color:#5e554a;margin:0 0 0.5em 0}${index.transformTag("pn-radio-button")} .pn-radio-helpertext:last-child{margin:0}${index.transformTag("pn-radio-button")} .pn-radio-content{display:flex;flex-direction:column;align-items:flex-start;font-weight:400;line-height:1.5;flex:1;margin:0 0 0 0.75em}${index.transformTag("pn-radio-button")} .pn-radio-button{display:flex;gap:0.75em;padding:0}${index.transformTag("pn-radio-button")} .pn-radio-outer{background-color:#ffffff;border:0.0625em solid #969087;border-radius:50%;height:1.5em;width:1.5em;display:flex;justify-content:center;align-items:center;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:border-color, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-radio-button")} .pn-radio-outer{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-radio-button")} .pn-radio-inner{height:0.75em;width:0.75em;background-color:#005d92;border-radius:50%;transform:scale(0);transform-origin:center center;transition-property:background-color, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-radio-button")} .pn-radio-inner{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-radio-button")} .pn-radio[data-tile]{padding:1em;border:0.0625em solid #969087;border-radius:0.5em;background-color:#ffffff;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:border-color, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-radio-button")} .pn-radio[data-tile]{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-radio-button")} .pn-radio[data-tile] .pn-radio-outer{outline:none}${index.transformTag("pn-radio-button")} .pn-radio[data-invalid]{border-color:#a70707}${index.transformTag("pn-radio-button")} .pn-radio[data-invalid] .pn-radio-outer{border-color:#a70707}${index.transformTag("pn-radio-button")} .pn-radio[data-invalid] .pn-radio-inner{background-color:#a70707}${index.transformTag("pn-radio-button")} .pn-radio-container{flex:1 1 100%;overflow:hidden;visibility:hidden}${index.transformTag("pn-radio-button")} .pn-radio-container[data-open]{visibility:visible;overflow:unset}${index.transformTag("pn-radio-button")} .pn-radio-container[data-moving]{visibility:visible;overflow:hidden}${index.transformTag("pn-radio-button")} .pn-radio-area{padding:0.75em 0 0 2.25em;display:flex;flex-direction:column;flex-wrap:nowrap;gap:1em}${index.transformTag("pn-radio-button")} .pn-radio>${index.transformTag("pn-icon")}{margin-left:0.75em}${index.transformTag("pn-radio-button")}>input[type=radio]{cursor:pointer;opacity:0;position:absolute;margin:0;z-index:1;top:0;left:0;font-size:1em;width:1.5em;height:1.5em;-webkit-tap-highlight-color:transparent}${index.transformTag("pn-radio-button")}>input[type=radio][data-tile]:not([data-expand]){width:100%;height:100%}${index.transformTag("pn-radio-button")}>input[type=radio][data-expand]{top:1em;left:1em}${index.transformTag("pn-radio-button")}>input[type=radio][aria-describedby]+.pn-radio[data-tile] .pn-radio-label{font-weight:500}${index.transformTag("pn-radio-button")}>input[type=radio]:hover+.pn-radio[data-tile]{border-color:#005d92;background-color:#e0f8ff}${index.transformTag("pn-radio-button")}>input[type=radio]:hover+.pn-radio[data-tile] .pn-radio-outer{background-color:#e0f8ff}${index.transformTag("pn-radio-button")}>input[type=radio]:hover+.pn-radio[data-tile][data-invalid]{border-color:#a70707;background-color:#fdefee}${index.transformTag("pn-radio-button")}>input[type=radio]:hover+.pn-radio[data-tile][data-invalid] .pn-radio-outer{background-color:#fdefee}${index.transformTag("pn-radio-button")}>input[type=radio]:hover+.pn-radio[data-invalid] .pn-radio-outer{border-color:#a70707;background-color:#fdefee}${index.transformTag("pn-radio-button")}>input[type=radio]:hover+.pn-radio .pn-radio-outer{border-color:#005d92;background-color:#e0f8ff}${index.transformTag("pn-radio-button")}>input[type=radio]:checked:hover+.pn-radio[data-tile][data-invalid]{border-color:#500715}${index.transformTag("pn-radio-button")}>input[type=radio]:checked:hover+.pn-radio[data-invalid]>.pn-radio-button>.pn-radio-outer{border-color:#500715}${index.transformTag("pn-radio-button")}>input[type=radio]:focus-visible+.pn-radio .pn-radio-outer{outline-color:#005d92}${index.transformTag("pn-radio-button")}>input[type=radio]:focus-visible+.pn-radio[data-invalid] .pn-radio-outer{outline-color:#a70707}${index.transformTag("pn-radio-button")}>input[type=radio]:focus-visible+.pn-radio[data-tile]{outline-color:#005d92;border-color:#005d92}${index.transformTag("pn-radio-button")}>input[type=radio]:focus-visible+.pn-radio[data-tile][data-invalid]{outline-color:#a70707;border-color:#a70707}${index.transformTag("pn-radio-button")}>input[type=radio]:focus-visible+.pn-radio[data-tile]>.pn-radio-button>.pn-radio-outer{outline:none}${index.transformTag("pn-radio-button")}>input[type=radio]:checked+.pn-radio[data-tile]{border-color:#005d92;background-color:#e0f8ff}${index.transformTag("pn-radio-button")}>input[type=radio]:checked+.pn-radio[data-tile][data-invalid]{border-color:#a70707;background-color:#fdefee}${index.transformTag("pn-radio-button")}>input[type=radio]:checked+.pn-radio>.pn-radio-button>.pn-radio-outer{border-color:#005d92}${index.transformTag("pn-radio-button")}>input[type=radio]:checked+.pn-radio>.pn-radio-button>.pn-radio-outer>.pn-radio-inner{transform:scale(1);background-color:#005d92}${index.transformTag("pn-radio-button")}>input[type=radio]:checked+.pn-radio[data-invalid]>.pn-radio-button>.pn-radio-outer{border-color:#a70707}${index.transformTag("pn-radio-button")}>input[type=radio]:checked+.pn-radio[data-invalid]>.pn-radio-button>.pn-radio-outer>.pn-radio-inner{background-color:#a70707}${index.transformTag("pn-radio-button")}>input[type=radio]:disabled{pointer-events:none}${index.transformTag("pn-radio-button")}>input[type=radio]:disabled+.pn-radio .pn-radio-label{pointer-events:none}${index.transformTag("pn-radio-button")}>input[type=radio]:disabled+.pn-radio[data-tile]{background-color:#f3f2f2;border-color:#f3f2f2}${index.transformTag("pn-radio-button")}>input[type=radio]:disabled+.pn-radio[data-tile]>${index.transformTag("pn-icon")}>.pn-icon-svg path{fill:#5e554a}${index.transformTag("pn-radio-button")}>input[type=radio]:disabled+.pn-radio[data-tile]>.pn-radio-content>.pn-radio-label{color:#5e554a}${index.transformTag("pn-radio-button")}>input[type=radio]:disabled+.pn-radio>.pn-radio-button>.pn-radio-outer{background-color:#f3f2f2;border-color:#969087;outline:none}${index.transformTag("pn-radio-button")}>input[type=radio]:disabled+.pn-radio>.pn-radio-button>.pn-radio-outer>.pn-radio-inner{background-color:#969087}`;
 
@@ -124,7 +124,7 @@ const PnRadioButton = class extends index.Mixin(index$1.animateHeightFactory) {
         return this.tile && this.expand;
     }
     render() {
-        return (index.h(index.Host, { key: 'd9dbe33df6c0844b6c747285996a6a2886ef4fbd' }, index.h("input", { key: '131acc3ca2b53a29e32243ad4910d57847d35a76', type: "radio", id: this.radioid, class: "pn-radio-input", value: this.value, name: this.name, disabled: this.disabled, checked: this.checked, required: this.required, "aria-invalid": this.isInvalid()?.toString(), "aria-describedby": this.displayHelpertext() ? this.idHelpertext : null, "data-tile": this.tile, "data-expand": this.expand, ref: el => (this.radioInput = el) }), index.h("div", { key: 'e63874e20e8cd6e3ba25314e2777723fc1d09a9b', class: "pn-radio", "data-tile": this.tile, "data-expand": this.expand, "data-invalid": this.isInvalid() }, index.h("div", { key: '6af4d9f83ecae41248fd142d8a1dfdbee1e86fd3', class: "pn-radio-button" }, index.h("div", { key: '8ea822e3b27a36c79795ad51231f306c9feeb439', class: "pn-radio-outer" }, index.h("div", { key: 'ea69cef2c0276512a0917852681ee07b696e0e69', class: "pn-radio-inner" }))), index.h("p", { key: 'ac0e72d695546b716c061b57ca246f2304ebc29c', class: "pn-radio-content", hidden: !this.displayText() }, index.h("label", { key: 'af6e10051b6df5eb25a4c705e7934fb7efd0927a', htmlFor: this.radioid, class: "pn-radio-label", hidden: !this.displayLabel() }, this.label), index.h("span", { key: '3daec2ddd84dbc6ffb0ab22c2d8dcaa29c7dbfc5', id: this.idHelpertext, class: "pn-radio-helpertext", hidden: !this.displayHelpertext() }, this.helpertext, index.h("slot", { key: '09037832097ae5ad1f5d02e71e179d990d7cf3c0', name: "helpertext" })), index.h("slot", { key: 'd77fefcc1fed9e5386360501d666ff7f4adc7204' })), this.displayIcon() && index.h("pn-icon", { key: 'b8c8294fb100ad921278b378e317c95d2702806b', icon: this.icon, color: "gray900" }), index.h("div", { key: '8eac1b2c621bb8fad7cb89bd226ae0ce13842fc6', class: "pn-radio-container", "data-open": this.checked, hidden: !this.displayContent(), style: { height: '0px' }, ref: el => (this.contentArea = el) }, index.h("div", { key: 'f12c0a60214a8d0adf93e587e909994ad06800e9', class: "pn-radio-area" }, index.h("slot", { key: 'a67c2b5bee945a044aa5910544fa77f1034985ca', name: "content" }))))));
+        return (index.h(index.Host, { key: 'f386b0de0377d3dbe6891a2396d32b91a808d53c' }, index.h("input", { key: '189e352a198275f4dbd733425166e9cb2ed417ef', type: "radio", id: this.radioid, class: "pn-radio-input", value: this.value, name: this.name, disabled: this.disabled, checked: this.checked, required: this.required, "aria-invalid": this.isInvalid()?.toString(), "aria-describedby": this.displayHelpertext() ? this.idHelpertext : null, "data-tile": this.tile, "data-expand": this.expand, ref: el => (this.radioInput = el) }), index.h("div", { key: '710dcfe5b1660d25a9d98eb2c3739eb092f2ab4e', class: "pn-radio", "data-tile": this.tile, "data-expand": this.expand, "data-invalid": this.isInvalid() }, index.h("div", { key: '2d6bd1b03ee6565b88773c60a529ae2c5be89ffd', class: "pn-radio-button" }, index.h("div", { key: '8b15488acb65132b2498d361d320bb804af793de', class: "pn-radio-outer" }, index.h("div", { key: '64ebbe9b4d18f158a43bb5d82116ef4b19325ca1', class: "pn-radio-inner" }))), index.h("p", { key: '3b5ed02eeae60cff45b3b4999055c6d853a6c22f', class: "pn-radio-content", hidden: !this.displayText() }, index.h("label", { key: 'd5f3c5f59630407a45cc48fcb26e60fe7419c73c', htmlFor: this.radioid, class: "pn-radio-label", hidden: !this.displayLabel() }, this.label), index.h("span", { key: 'd4329417f178f6e7bcff365a1c051ebaa51b0447', id: this.idHelpertext, class: "pn-radio-helpertext", hidden: !this.displayHelpertext() }, this.helpertext, index.h("slot", { key: 'defddc5970a0ea4c94c4f7b07e2cec3e7616d8c2', name: "helpertext" })), index.h("slot", { key: 'edaaf37351bb5d05bdc92696ac9ee2c8bc8e13f7' })), this.displayIcon() && index.h("pn-icon", { key: 'b9cd0ab07c691020efe39e8bb6ec39d02d5be826', icon: this.icon, color: "gray900" }), index.h("div", { key: '89655e67304498950e11c0388fddbbde350239a1', class: "pn-radio-container", "data-open": this.checked, hidden: !this.displayContent(), style: { height: '0px' }, ref: el => (this.contentArea = el) }, index.h("div", { key: 'eeebaf7c0b1fe8327810faec62877888cb6ff95d', class: "pn-radio-area" }, index.h("slot", { key: 'c997ee7e8ef719ff4b830df30a414cea637a54ff', name: "content" }))))));
     }
     static get watchers() { return {
         "radioid": [{

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

@@ -4,10 +4,10 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 var index$1 = require('./index.cjs.js');
 
-const pnRangeCss = () => `${index.transformTag("pn-range")}{display:block}${index.transformTag("pn-range")} .pn-range{color:#2d2013;display:flex;flex-direction:row;flex-wrap:wrap;gap:clamp(0.25em, 5vw, 0.75em);align-items:center;container-type:inline-size}@container (max-width: 24em){${index.transformTag("pn-range")} .pn-range .pn-range-header[data-input]{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}${index.transformTag("pn-range")} .pn-range>${index.transformTag("pn-input")}{flex:1 1 100%}${index.transformTag("pn-range")} .pn-range>${index.transformTag("pn-input")} .pn-input-label{position:unset;height:unset;width:unset;overflow:unset;clip:unset;margin:0 0 0.25em 0;white-space:unset}}${index.transformTag("pn-range")} .pn-range[data-markers]{margin-bottom:1em}${index.transformTag("pn-range")} .pn-range[data-markers][data-input]{margin-bottom:0.5em}${index.transformTag("pn-range")} .pn-range-header{display:flex;justify-content:space-between;flex:1 1 100%;width:100%}${index.transformTag("pn-range")} .pn-range-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-range")} .pn-range-label{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-range")} .pn-range-label>span{font-size:0.875em}${index.transformTag("pn-range")} .pn-range-message{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em;text-align:left;flex:1 1 100%;width:100%}${index.transformTag("pn-range")} .pn-range-message[hidden],${index.transformTag("pn-range")} .pn-range-message>span[hidden]{display:none}${index.transformTag("pn-range")} .pn-range-error{color:#a70707}${index.transformTag("pn-range")} .pn-range-field{flex:0 0 auto}${index.transformTag("pn-range")} .pn-range-field .pn-input-label{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}${index.transformTag("pn-range")} .pn-range-group{position:relative;min-height:0.75em;padding:0.75em 0;flex:1 1 auto}${index.transformTag("pn-range")} .pn-range-group[data-pressing] *,${index.transformTag("pn-range")} .pn-range-group[data-pressing] *:before,${index.transformTag("pn-range")} .pn-range-group[data-pressing] *:after{transition-duration:0s}${index.transformTag("pn-range")} .pn-range-text{font-weight:400;font-size:0.875em;color:#2d2013}${index.transformTag("pn-range")} .pn-range-input{z-index:1;position:absolute;top:0;left:0;height:100%;width:100%;margin:0;opacity:0;cursor:pointer;-webkit-tap-highlight-color:transparent}${index.transformTag("pn-range")} .pn-range-input:focus~.pn-range-thumb:before,${index.transformTag("pn-range")} .pn-range-input:hover~.pn-range-thumb:before{background-color:#0d234b}${index.transformTag("pn-range")} .pn-range-input:focus~.pn-range-thumb .pn-range-tooltip,${index.transformTag("pn-range")} .pn-range-input:hover~.pn-range-thumb .pn-range-tooltip{opacity:1;transform:translateX(50%) translateY(0%);transition-delay:0s}${index.transformTag("pn-range")} .pn-range-input:focus-visible[data-single]~.pn-range-thumb:before{outline-color:#005d92}${index.transformTag("pn-range")} .pn-range-input:focus-visible[data-start]~.pn-range-thumb[data-start]:before,${index.transformTag("pn-range")} .pn-range-input:focus-visible[data-end]~.pn-range-thumb[data-end]:before{outline-color:#005d92}${index.transformTag("pn-range")} .pn-range-input[aria-invalid=true]~.pn-range-thumb:before{background-color:#a70707}${index.transformTag("pn-range")} .pn-range-input[aria-invalid=true]~.pn-range-thumb .pn-range-tooltip{background-color:#500715}${index.transformTag("pn-range")} .pn-range-input[aria-invalid=true]~.pn-range-track:before{background-color:#a70707}${index.transformTag("pn-range")} .pn-range-input[aria-invalid=true]:focus-visible[data-start]~.pn-range-thumb[data-start]:before,${index.transformTag("pn-range")} .pn-range-input[aria-invalid=true]:focus-visible[data-end]~.pn-range-thumb[data-end]:before{outline-color:#a70707}${index.transformTag("pn-range")} .pn-range-input[aria-invalid=true]:hover~.pn-range-thumb:before{background-color:#500715}${index.transformTag("pn-range")} .pn-range-input:disabled{cursor:not-allowed}${index.transformTag("pn-range")} .pn-range-input:disabled+.pn-range-track:before{background-color:#969087}${index.transformTag("pn-range")} .pn-range-input:disabled~.pn-range-thumb:before{background-color:#5e554a}${index.transformTag("pn-range")} .pn-range-input:disabled~.pn-range-thumb .pn-range-tooltip{background-color:#2d2013}${index.transformTag("pn-range")} .pn-range-overlay-input{z-index:5;cursor:pointer;position:absolute;appearance:none;top:0;left:0;height:100%;width:100%;margin:0;padding:0;border:0;outline:0;opacity:0;display:block;-webkit-tap-highlight-color:transparent}${index.transformTag("pn-range")} .pn-range-overlay-input:focus~.pn-range-thumb:before,${index.transformTag("pn-range")} .pn-range-overlay-input:focus-visible~.pn-range-thumb:before,${index.transformTag("pn-range")} .pn-range-overlay-input:hover~.pn-range-thumb:before{background-color:#0d234b}${index.transformTag("pn-range")} .pn-range-overlay-input:focus~.pn-range-thumb[data-align=right] .pn-range-tooltip,${index.transformTag("pn-range")} .pn-range-overlay-input:focus-visible~.pn-range-thumb[data-align=right] .pn-range-tooltip,${index.transformTag("pn-range")} .pn-range-overlay-input:hover~.pn-range-thumb[data-align=right] .pn-range-tooltip{transform:translateX(0%) translateY(0%);border-bottom-right-radius:0em}${index.transformTag("pn-range")} .pn-range-overlay-input:focus~.pn-range-thumb[data-align=left] .pn-range-tooltip,${index.transformTag("pn-range")} .pn-range-overlay-input:focus-visible~.pn-range-thumb[data-align=left] .pn-range-tooltip,${index.transformTag("pn-range")} .pn-range-overlay-input:hover~.pn-range-thumb[data-align=left] .pn-range-tooltip{transform:translateX(100%) translateY(0%);border-bottom-left-radius:0em}${index.transformTag("pn-range")} .pn-range-overlay-input:focus~.pn-range-thumb .pn-range-tooltip,${index.transformTag("pn-range")} .pn-range-overlay-input:focus-visible~.pn-range-thumb .pn-range-tooltip,${index.transformTag("pn-range")} .pn-range-overlay-input:hover~.pn-range-thumb .pn-range-tooltip{opacity:1;transform:translateX(50%) translateY(0%);transition-delay:0s}${index.transformTag("pn-range")} .pn-range-overlay-input[aria-invalid=true]:focus~.pn-range-thumb:before,${index.transformTag("pn-range")} .pn-range-overlay-input[aria-invalid=true]:focus-visible~.pn-range-thumb:before,${index.transformTag("pn-range")} .pn-range-overlay-input[aria-invalid=true]:hover~.pn-range-thumb:before{background-color:#500715}${index.transformTag("pn-range")} .pn-range-track{pointer-events:none;position:relative;min-height:inherit;display:block;background-color:#d3cecb;border-radius:2em;overflow:hidden}${index.transformTag("pn-range")} .pn-range-track:before,${index.transformTag("pn-range")} .pn-range-track:after{content:"";z-index:0;position:absolute;right:100%;pointer-events:none;height:100%;width:100%;background-color:#005d92;transform:translateX(var(--pn-range-progress));transition-property:transform, 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-range")} .pn-range-track:before,${index.transformTag("pn-range")} .pn-range-track:after{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-range")} .pn-range-track:after{display:none}${index.transformTag("pn-range")} .pn-range-track:before{background-color:#005d92;transform:translateX(var(--pn-range-progress))}${index.transformTag("pn-range")} .pn-range-track[data-multiple]:before{transform:translateX(var(--pn-range-progress-end))}${index.transformTag("pn-range")} .pn-range-track[data-multiple]:after{display:unset;background-color:#d3cecb;transform:translateX(var(--pn-range-progress))}${index.transformTag("pn-range")} .pn-range-thumb{pointer-events:none;position:absolute;height:100%;width:calc(100% - 1em);top:0;right:calc(100% - 0.5em);transform:translateX(var(--pn-range-progress));transition-property:transform, border-radius;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-range")} .pn-range-thumb{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-range")} .pn-range-thumb[data-end]{transform:translateX(var(--pn-range-progress-end))}${index.transformTag("pn-range")} .pn-range-thumb[data-align=right] .pn-range-tooltip{transform:translateX(0%) translateY(10%)}${index.transformTag("pn-range")} .pn-range-thumb[data-align=right] .pn-range-tooltip:before{transform:translateX(50%) translateY(-50%) rotate(0deg)}${index.transformTag("pn-range")} .pn-range-thumb[data-align=left] .pn-range-tooltip{transform:translateX(100%) translateY(10%)}${index.transformTag("pn-range")} .pn-range-thumb[data-align=left] .pn-range-tooltip:before{transform:translateX(50%) translateY(-50%) rotate(0deg)}${index.transformTag("pn-range")} .pn-range-thumb:before{content:"";position:absolute;top:0.5em;right:-0.65625em;height:1.3125em;width:1.3125em;background-color:#005d92;border-radius:5em;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-range")} .pn-range-thumb:before{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-range")} .pn-range-tooltip{position:absolute;z-index:10;top:-85%;right:0;text-align:center;line-height:1.25em;white-space:nowrap;height:1.75em;min-width:2em;padding:0.25em 0.5em;border-radius:0.5em;background-color:#0d234b;color:#ffffff;transform:translateX(50%) translateY(10%);opacity:0;transition-property:opacity, transform, border-radius, 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-range")} .pn-range-tooltip{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-range")} .pn-range-tooltip{transition-delay:0.4s}${index.transformTag("pn-range")} .pn-range-tooltip-label{font-size:0.875em;font-weight:400}${index.transformTag("pn-range")} .pn-range-tooltip:before{content:"";z-index:-1;position:absolute;left:50%;bottom:-0.25em;height:0.5em;width:0.5em;background-color:inherit;transform:translateX(-50%) translateY(0%) rotate(45deg);transition-property:left, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-range")} .pn-range-tooltip:before{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-range")} .pn-range-markers{position:absolute;top:100%;left:0.5em;min-height:1em;width:calc(100% - 1em);padding:0;margin:0;list-style:none;display:flex;flex-direction:row;flex-wrap:nowrap}${index.transformTag("pn-range")} .pn-range-markers-item{position:relative;left:var(--pn-range-marker-position)}${index.transformTag("pn-range")} .pn-range-markers-item[data-min] .pn-range-markers-label{left:-0.0625em;transform:translateX(0%)}${index.transformTag("pn-range")} .pn-range-markers-item[data-max] .pn-range-markers-label{left:unset;right:0;transform:translateX(0%)}${index.transformTag("pn-range")} .pn-range-markers-item:before{content:"";position:absolute;left:0;top:-100%;border-left:0.0625em solid #d3cecb;height:1em;z-index:-1}${index.transformTag("pn-range")} .pn-range-markers-label{position:absolute;top:0;left:50%;transform:translateX(-50%);font-weight:400;font-size:0.875em;color:#5e554a;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-range")} .pn-range-markers-label{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-range")} .pn-range-markers-label[data-active]{color:#2d2013}`;
+const pnRangeCss = () => `${index.transformTag("pn-range")}{display:block}${index.transformTag("pn-range")} .pn-range{color:#2d2013;display:flex;flex-direction:row;flex-wrap:wrap;gap:clamp(0.25em, 5vw, 0.75em);align-items:center;container-type:inline-size}@container (max-width: 24em){${index.transformTag("pn-range")} .pn-range .pn-range-header[data-input]{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}${index.transformTag("pn-range")} .pn-range>${index.transformTag("pn-input")}{flex:1 1 100%}${index.transformTag("pn-range")} .pn-range>${index.transformTag("pn-input")} .pn-input-label{position:unset;height:unset;width:unset;overflow:unset;clip:unset;margin:0 0 0.25em 0;white-space:unset}}${index.transformTag("pn-range")} .pn-range[data-markers]{margin-bottom:1em}${index.transformTag("pn-range")} .pn-range[data-markers][data-input]{margin-bottom:0.5em}${index.transformTag("pn-range")} .pn-range-header{display:flex;justify-content:space-between;flex:1 1 100%;width:100%}${index.transformTag("pn-range")} .pn-range-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-range")} .pn-range-label{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-range")} .pn-range-label>span{font-size:0.875em}${index.transformTag("pn-range")} .pn-range-message{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em;text-align:left;flex:1 1 100%;width:100%}${index.transformTag("pn-range")} .pn-range-message[hidden],${index.transformTag("pn-range")} .pn-range-message>span[hidden]{display:none}${index.transformTag("pn-range")} .pn-range-error{color:#a70707}${index.transformTag("pn-range")} .pn-range-field{flex:0 0 auto}${index.transformTag("pn-range")} .pn-range-field .pn-input-label{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}${index.transformTag("pn-range")} .pn-range-group{position:relative;min-height:0.75em;padding:0.75em 0;flex:1 1 auto}${index.transformTag("pn-range")} .pn-range-group[data-pressing] *,${index.transformTag("pn-range")} .pn-range-group[data-pressing] *:before,${index.transformTag("pn-range")} .pn-range-group[data-pressing] *:after{transition-duration:0s}${index.transformTag("pn-range")} .pn-range-text{font-weight:400;font-size:0.875em;color:#2d2013}${index.transformTag("pn-range")} .pn-range-input{z-index:1;position:absolute;top:0;left:0;height:100%;width:100%;margin:0;opacity:0;cursor:pointer;-webkit-tap-highlight-color:transparent}${index.transformTag("pn-range")} .pn-range-input:focus~.pn-range-thumb:before,${index.transformTag("pn-range")} .pn-range-input:hover~.pn-range-thumb:before{background-color:#0d234b}${index.transformTag("pn-range")} .pn-range-input:focus~.pn-range-thumb .pn-range-tooltip,${index.transformTag("pn-range")} .pn-range-input:hover~.pn-range-thumb .pn-range-tooltip{opacity:1;transform:translateX(50%) translateY(0%);transition-delay:0s}${index.transformTag("pn-range")} .pn-range-input:focus-visible[data-single]~.pn-range-thumb:before{outline-color:#005d92}${index.transformTag("pn-range")} .pn-range-input:focus-visible[data-start]~.pn-range-thumb[data-start]:before,${index.transformTag("pn-range")} .pn-range-input:focus-visible[data-end]~.pn-range-thumb[data-end]:before{outline-color:#005d92}${index.transformTag("pn-range")} .pn-range-input[aria-invalid=true]~.pn-range-thumb:before{background-color:#a70707}${index.transformTag("pn-range")} .pn-range-input[aria-invalid=true]~.pn-range-thumb .pn-range-tooltip{background-color:#500715}${index.transformTag("pn-range")} .pn-range-input[aria-invalid=true]~.pn-range-track:before{background-color:#a70707}${index.transformTag("pn-range")} .pn-range-input[aria-invalid=true]:focus-visible[data-start]~.pn-range-thumb[data-start]:before,${index.transformTag("pn-range")} .pn-range-input[aria-invalid=true]:focus-visible[data-end]~.pn-range-thumb[data-end]:before{outline-color:#a70707}${index.transformTag("pn-range")} .pn-range-input[aria-invalid=true]:hover~.pn-range-thumb:before{background-color:#500715}${index.transformTag("pn-range")} .pn-range-input:disabled{cursor:not-allowed}${index.transformTag("pn-range")} .pn-range-input:disabled+.pn-range-track:before{background-color:#969087}${index.transformTag("pn-range")} .pn-range-input:disabled~.pn-range-thumb:before{background-color:#5e554a}${index.transformTag("pn-range")} .pn-range-input:disabled~.pn-range-thumb .pn-range-tooltip{background-color:#2d2013}${index.transformTag("pn-range")} .pn-range-overlay-input{z-index:5;cursor:pointer;position:absolute;appearance:none;top:0;left:0;height:100%;width:100%;margin:0;padding:0;border:0;outline:0;opacity:0;display:block;-webkit-tap-highlight-color:transparent}${index.transformTag("pn-range")} .pn-range-overlay-input:focus~.pn-range-thumb:before,${index.transformTag("pn-range")} .pn-range-overlay-input:focus-visible~.pn-range-thumb:before,${index.transformTag("pn-range")} .pn-range-overlay-input:hover~.pn-range-thumb:before{background-color:#0d234b}${index.transformTag("pn-range")} .pn-range-overlay-input:focus~.pn-range-thumb[data-align=right] .pn-range-tooltip,${index.transformTag("pn-range")} .pn-range-overlay-input:focus-visible~.pn-range-thumb[data-align=right] .pn-range-tooltip,${index.transformTag("pn-range")} .pn-range-overlay-input:hover~.pn-range-thumb[data-align=right] .pn-range-tooltip{transform:translateX(0%) translateY(0%);border-bottom-right-radius:0em}${index.transformTag("pn-range")} .pn-range-overlay-input:focus~.pn-range-thumb[data-align=left] .pn-range-tooltip,${index.transformTag("pn-range")} .pn-range-overlay-input:focus-visible~.pn-range-thumb[data-align=left] .pn-range-tooltip,${index.transformTag("pn-range")} .pn-range-overlay-input:hover~.pn-range-thumb[data-align=left] .pn-range-tooltip{transform:translateX(100%) translateY(0%);border-bottom-left-radius:0em}${index.transformTag("pn-range")} .pn-range-overlay-input:focus~.pn-range-thumb .pn-range-tooltip,${index.transformTag("pn-range")} .pn-range-overlay-input:focus-visible~.pn-range-thumb .pn-range-tooltip,${index.transformTag("pn-range")} .pn-range-overlay-input:hover~.pn-range-thumb .pn-range-tooltip{opacity:1;transform:translateX(50%) translateY(0%);transition-delay:0s}${index.transformTag("pn-range")} .pn-range-overlay-input[aria-invalid=true]:focus~.pn-range-thumb:before,${index.transformTag("pn-range")} .pn-range-overlay-input[aria-invalid=true]:focus-visible~.pn-range-thumb:before,${index.transformTag("pn-range")} .pn-range-overlay-input[aria-invalid=true]:hover~.pn-range-thumb:before{background-color:#500715}${index.transformTag("pn-range")} .pn-range-track{pointer-events:none;position:relative;min-height:inherit;display:block;background-color:#d3cecb;border-radius:2em;overflow:hidden}${index.transformTag("pn-range")} .pn-range-track:before,${index.transformTag("pn-range")} .pn-range-track:after{content:"";z-index:0;position:absolute;right:100%;pointer-events:none;height:100%;width:100%;background-color:#005d92;transform:translateX(var(--pn-range-progress));transition-property:transform, 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-range")} .pn-range-track:before,${index.transformTag("pn-range")} .pn-range-track:after{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-range")} .pn-range-track:after{display:none}${index.transformTag("pn-range")} .pn-range-track:before{background-color:#005d92;transform:translateX(var(--pn-range-progress))}${index.transformTag("pn-range")} .pn-range-track[data-multiple]:before{transform:translateX(var(--pn-range-progress-end))}${index.transformTag("pn-range")} .pn-range-track[data-multiple]:after{display:unset;background-color:#d3cecb;transform:translateX(var(--pn-range-progress))}${index.transformTag("pn-range")} .pn-range-thumb{pointer-events:none;position:absolute;height:100%;width:calc(100% - 1em);top:0;right:calc(100% - 0.5em);transform:translateX(var(--pn-range-progress));transition-property:transform, border-radius;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-range")} .pn-range-thumb{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-range")} .pn-range-thumb[data-end]{transform:translateX(var(--pn-range-progress-end))}${index.transformTag("pn-range")} .pn-range-thumb[data-align=right] .pn-range-tooltip{transform:translateX(0%) translateY(10%)}${index.transformTag("pn-range")} .pn-range-thumb[data-align=right] .pn-range-tooltip:before{transform:translateX(50%) translateY(-50%) rotate(0deg)}${index.transformTag("pn-range")} .pn-range-thumb[data-align=left] .pn-range-tooltip{transform:translateX(100%) translateY(10%)}${index.transformTag("pn-range")} .pn-range-thumb[data-align=left] .pn-range-tooltip:before{transform:translateX(50%) translateY(-50%) rotate(0deg)}${index.transformTag("pn-range")} .pn-range-thumb:before{content:"";position:absolute;top:0.5em;right:-0.65625em;height:1.3125em;width:1.3125em;background-color:#005d92;border-radius:5em;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-range")} .pn-range-thumb:before{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-range")} .pn-range-tooltip{position:absolute;z-index:10;top:-85%;right:0;text-align:center;line-height:1.25em;white-space:nowrap;height:1.75em;min-width:2em;padding:0.25em 0.5em;border-radius:0.5em;background-color:#0d234b;color:#ffffff;transform:translateX(50%) translateY(10%);opacity:0;transition-property:opacity, transform, border-radius, 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-range")} .pn-range-tooltip{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-range")} .pn-range-tooltip{transition-delay:0.4s}${index.transformTag("pn-range")} .pn-range-tooltip-label{font-size:0.875em;font-weight:400}${index.transformTag("pn-range")} .pn-range-tooltip:before{content:"";z-index:-1;position:absolute;left:50%;bottom:-0.25em;height:0.5em;width:0.5em;background-color:inherit;transform:translateX(-50%) translateY(0%) rotate(45deg);transition-property:left, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-range")} .pn-range-tooltip:before{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-range")} .pn-range-markers{position:absolute;top:100%;left:0.5em;min-height:1em;width:calc(100% - 1em);padding:0;margin:0;list-style:none;display:flex;flex-direction:row;flex-wrap:nowrap}${index.transformTag("pn-range")} .pn-range-markers-item{position:relative;left:var(--pn-range-marker-position)}${index.transformTag("pn-range")} .pn-range-markers-item[data-min] .pn-range-markers-label{left:-0.0625em;transform:translateX(0%)}${index.transformTag("pn-range")} .pn-range-markers-item[data-max] .pn-range-markers-label{left:unset;right:0;transform:translateX(0%)}${index.transformTag("pn-range")} .pn-range-markers-item:before{content:"";position:absolute;left:0;top:-100%;border-left:0.0625em solid #d3cecb;height:1em;z-index:-1}${index.transformTag("pn-range")} .pn-range-markers-label{position:absolute;top:0;left:50%;transform:translateX(-50%);font-weight:400;font-size:0.875em;color:#5e554a;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-range")} .pn-range-markers-label{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-range")} .pn-range-markers-label[data-active]{color:#2d2013}`;
 
 const PnRange = class {
     constructor(hostRef) {
@@ -298,7 +298,7 @@ const PnRange = class {
         this.setValue(numberValue, this.pressControl === 'end');
     }
     render() {
-        return (index.h(index.Host, { key: '3fb29dad425cdec9cf63a5c47d8b5a894fe31077' }, index.h("div", { key: 'd43cf9db9b5859e81bba494fbffd9831e6a0cab5', class: "pn-range", "data-markers": !!this.markers?.length, "data-input": this.input }, index.h("div", { key: '01a90e9f422c24c1def8032653b5d91190eb09d2', class: "pn-range-header", "data-input": this.input }, index.h("label", { key: '2d17dd42e062345a82d8a80aa6730acf18d12a03', htmlFor: this.pnId, class: "pn-range-label" }, index.h("span", { key: '9edc3ef4d5306daa9c818fe11550119301c71411' }, this.label)), this.multiple && (index.h("label", { key: 'ccbf685eace815dd0f93e381d3f344e2c3ec7225', htmlFor: this.pnIdEnd, class: "pn-range-label" }, index.h("span", { key: 'fa03f509c3ca1becaf0e156f8e66a0801cafbfea' }, this.labelEnd)))), this.renderPrefix(), index.h("div", { key: '0da637b2c62b397006f768d54e84e69589fb0809', class: "pn-range-group", "data-pressing": this.isPressing }, this.renderRangeInput(), this.multiple && (index.h(index.Fragment, { key: '892251abffc5b5ada620c989485438e8c6b8e05a' }, this.renderRangeInput(true), index.h("input", { key: '530640c98705e13bf8b33bdc6185500501736479', id: this.idInputHidden, type: "range", class: "pn-range-overlay-input", ...this.commonAttrs(), "aria-invalid": this.hasError().toString(), hidden: true, tabIndex: -1, ...this.setListeners(true) }))), index.h("div", { key: '303070d848910e18c00b807bfc3c860c462a7a81', class: "pn-range-track", "data-multiple": this.multiple, "aria-hidden": "true" }), this.renderTooltip(), this.multiple && this.renderTooltip(true), !!this.markers?.length && (index.h("ul", { key: '1df390f7454d1bff788870ab1f22787357041f38', "aria-hidden": "true", class: "pn-range-markers" }, this.markers.map(({ label, value }) => (index.h("li", { class: "pn-range-markers-item", "data-min": this.calcPercentage(value) === this.min, "data-max": this.calcPercentage(value) === this.max, style: { '--pn-range-marker-position': `${this.calcPercentage(value)}%` } }, index.h("span", { class: "pn-range-markers-label", "data-active": this.isActiveMarker(value) }, this.getMarkerLabel({ value, label })))))))), this.renderSuffix(), !!this.markers?.length && (index.h("datalist", { key: '068f03a5c753db20cae5dc05cd2a9e6f75933e80', id: this.idDatalist }, this.markers.map(({ label, value }) => (index.h("option", { value: value, label: label === null ? null : label }))))), index.h("p", { key: 'f75f04fb920645f40434bda7039a2fed64453187', id: this.idHelpertext, class: "pn-range-message", hidden: !this.hasHelperText() || this.hasError() }, index.h("span", { key: '94fa7a8d8fc243a8633424e4bf3b0e1deb0580e9' }, this.helpertext), index.h("slot", { key: '2ca0738617bb4e157c139eefe2fcad3b314a4206', name: "helpertext" })), index.h("p", { key: '59d078f5a58f1e5ce9e055747387ab4e0eca1ea2', id: this.idError, class: "pn-range-message pn-range-error", role: "alert", hidden: !this.hasErrorMessage() }, index.h("span", { key: '569ae4a5b75336a3f787ca723938e48ad653659a' }, this.error), index.h("slot", { key: '5cb3f9fa5a3483b4c7100c86e230da837ce3aa12', name: "error" })))));
+        return (index.h(index.Host, { key: '0a79e6606d509d701b83da4a2c3d3636c7d73979' }, index.h("div", { key: 'f56834025691e3c67544e4ddb2b54630bfa46095', class: "pn-range", "data-markers": !!this.markers?.length, "data-input": this.input }, index.h("div", { key: 'e39b5994468fc6f50ad479c5b3875732a29a4761', class: "pn-range-header", "data-input": this.input }, index.h("label", { key: '724a16a534343838e392480163517afc7bd15b6f', htmlFor: this.pnId, class: "pn-range-label" }, index.h("span", { key: 'ebd27275aeb63e79df5f2f0f5f4d1f5d118cd137' }, this.label)), this.multiple && (index.h("label", { key: 'aebe4d8b124cc5a905b61624566dc4db52f1f4a0', htmlFor: this.pnIdEnd, class: "pn-range-label" }, index.h("span", { key: '7a90745fadc39d81bac3083d562c9d7fe47c1d00' }, this.labelEnd)))), this.renderPrefix(), index.h("div", { key: '28fcae728841f246bfac7ae488710459d468e4f2', class: "pn-range-group", "data-pressing": this.isPressing }, this.renderRangeInput(), this.multiple && (index.h(index.Fragment, { key: '87dae83eea2f5e4eb5318759767dfabc74a0f128' }, this.renderRangeInput(true), index.h("input", { key: 'aa461034dfe94c78310409f87c1efaa0a4fb0a4d', id: this.idInputHidden, type: "range", class: "pn-range-overlay-input", ...this.commonAttrs(), "aria-invalid": this.hasError().toString(), hidden: true, tabIndex: -1, ...this.setListeners(true) }))), index.h("div", { key: '3282ce9652ff135db9e5bfa533af1c7fd1d29adb', class: "pn-range-track", "data-multiple": this.multiple, "aria-hidden": "true" }), this.renderTooltip(), this.multiple && this.renderTooltip(true), !!this.markers?.length && (index.h("ul", { key: '1692843e137439b5bdedb5728104a3312d26ffc2', "aria-hidden": "true", class: "pn-range-markers" }, this.markers.map(({ label, value }) => (index.h("li", { class: "pn-range-markers-item", "data-min": this.calcPercentage(value) === this.min, "data-max": this.calcPercentage(value) === this.max, style: { '--pn-range-marker-position': `${this.calcPercentage(value)}%` } }, index.h("span", { class: "pn-range-markers-label", "data-active": this.isActiveMarker(value) }, this.getMarkerLabel({ value, label })))))))), this.renderSuffix(), !!this.markers?.length && (index.h("datalist", { key: 'ed0ea3e4e284366f3e4eaf94245a1a71ccf20a17', id: this.idDatalist }, this.markers.map(({ label, value }) => (index.h("option", { value: value, label: label === null ? null : label }))))), index.h("p", { key: '3dd6afe5a2f142b1df60fdd87c0c23f942d83a71', id: this.idHelpertext, class: "pn-range-message", hidden: !this.hasHelperText() || this.hasError() }, index.h("span", { key: '048797709bcb778a9c1f2d71ae1ee1b1eef665f0' }, this.helpertext), index.h("slot", { key: '2fabbbc425b643917415653f831126e9d7319efd', name: "helpertext" })), index.h("p", { key: '65061b23a86338d7490bbfc2759308c1326f5d4e', id: this.idError, class: "pn-range-message pn-range-error", role: "alert", hidden: !this.hasErrorMessage() }, index.h("span", { key: 'a0be85a1e70ac6b07bb1447b6c8e9a04c72aade0' }, this.error), index.h("slot", { key: 'c13f70e99ec137373be96fa9d5a06b0266808fcf', name: "error" })))));
     }
     static get watchers() { return {
         "value": [{

package/umd/modules/@postnord/web-components/cjs/pn-read-only-button.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 pnReadOnlyButtonCss = () => `${index.transformTag("pn-read-only-button")}{display:inline-block}${index.transformTag("pn-read-only-button")} button{cursor:not-allowed;color:#5e554a;background:#f3f2f2;padding:0.75em 1.2em;width:100%;border:none;border-radius:3em;outline:none;position:relative;font-size:1em;min-height:3em;min-width:5.5em;font-weight:500;display:flex;justify-content:center;align-items:center;-webkit-tap-highlight-color:transparent}${index.transformTag("pn-read-only-button")} button ${index.transformTag("pn-icon")}{flex-shrink:0;margin:0 0 0 0.5em}${index.transformTag("pn-read-only-button")} button .button-tooltip{position:absolute;bottom:calc(100% + 0.35em);left:50%;background:#a70707;color:#ffffff;padding:0.25em 0.75em;font-size:0.875em;font-weight:300;border-radius:1em;box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);z-index:5;max-width:min(95vw, 40em);transform:translateX(-50%);width:max-content;pointer-events:none;opacity:0;transition-property:opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-read-only-button")} button .button-tooltip{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-read-only-button")} button[data-tooltip-open] .button-tooltip{opacity:1}${index.transformTag("pn-read-only-button")} button.pn-button-left-icon{flex-direction:row-reverse}${index.transformTag("pn-read-only-button")} button.pn-button-left-icon ${index.transformTag("pn-icon")}{margin:0 0.5em 0 0}${index.transformTag("pn-read-only-button")} button.icon-only{width:3em;min-width:0}${index.transformTag("pn-read-only-button")} button.icon-only ${index.transformTag("pn-icon")}{margin:0}${index.transformTag("pn-read-only-button")} button.icon-only.pn-button-small{width:2.286em;min-width:0;padding:0}${index.transformTag("pn-read-only-button")} button.icon-only span.read-only-icon-only{display:none}${index.transformTag("pn-read-only-button")} button.pn-button-small{font-size:0.875em;padding:0.5em 1em;font-weight:normal;min-height:2.286em;min-width:none}${index.transformTag("pn-read-only-button")} button.pn-button-small ${index.transformTag("pn-icon")} .pn-icon-svg{height:1.28em;width:1.28em}`;

package/umd/modules/@postnord/web-components/cjs/pn-search-field.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 icon$1 = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414" clip-rule="evenodd"/></svg>';
@@ -137,7 +137,7 @@ const PnSearchField = class {
         return this.searchSimple() ? 'outlined' : null;
     }
     render() {
-        return (index.h(index.Host, { key: '3d9715e863efb490e9eb678ebd962c5329d14643' }, index.h("div", { key: '94ee1a17ef5c624f63d8861d010b4b95223f17f4', class: "pn-search-field", "data-inline": this.searchAuto(), "data-loading": this.loading, "data-searching": !!this.value, "data-jumbo": this.searchJumbo() }, index.h("div", { key: '838a5a89e1652dab1212f07772bd4c2323de6675', class: "pn-search-field-container" }, index.h("input", { key: 'be1c7951cb8cb4ed028a41cca5bbd220e65b48d7', class: "pn-search-field-input", type: "search", value: this.value, id: this.searchid, name: this.name, "aria-label": this.label, placeholder: this.placeholder, disabled: this.disabled, required: this.required, autocomplete: this.autocomplete, list: this.list, ref: el => (this.searchElement = el), onKeyDown: e => this.emitSearch({ button: e }), onInput: e => this.setVal(e) }), index.h("div", { key: 'fe7812bf0c25af09d60e72486431df2592a0b84c', class: "pn-search-field-inline" }, this.searchAuto() && (index.h("pn-button", { key: '869834cba8ed95d20930e88d54dc7155209841bd', class: "pn-search-field-button", type: "button", appearance: "light", small: true, icon: search, iconOnly: true, arialabel: this.getButtonLabel(), noTab: this.loading, onPnClick: e => this.emitSearch({ click: e.detail }) })), !this.disabled && (index.h("pn-button", { key: 'babac4d74b2434617080c44003efd52115306bcd', small: true, class: "pn-search-field-clear", type: "button", appearance: "light", icon: close_small, iconOnly: true, arialabel: this.translate('CLEAR'), noTab: !this.value || this.loading, onPnClick: () => this.clearInput() })), this.searchAuto() && index.h("pn-spinner", { key: '00bdaedf9aee5cac814418f57f46cfdedc26a8db', class: "pn-search-field-spinner" }))), !this.searchAuto() && (index.h("pn-button", { key: 'f3776eb201013f2a23995e6677800e3c3a69b5b4', class: "pn-search-field-submit", label: this.getButtonLabel(), tooltip: this.buttonTooltip, appearance: this.searchButtonAppearance(), variant: this.searchButtonVariant(), icon: search, iconOnly: this.searchSimple() || this.searchJumbo(), arialabel: this.searchSimple() || this.searchJumbo() ? this.getButtonLabel() : null, loading: this.loading, onPnClick: e => this.emitSearch({ click: e.detail }) })))));
+        return (index.h(index.Host, { key: 'd6e76c457e99f83b3d47a4b0c951168c6b5fc086' }, index.h("div", { key: '203055449e80dfd9bf19d94f340e4081d358a7b5', class: "pn-search-field", "data-inline": this.searchAuto(), "data-loading": this.loading, "data-searching": !!this.value, "data-jumbo": this.searchJumbo() }, index.h("div", { key: 'bb86197c5f7e88c162eac8c899557bb5941ed6c6', class: "pn-search-field-container" }, index.h("input", { key: 'ba497f96d2afd9554e842010edf8cef656a994fc', class: "pn-search-field-input", type: "search", value: this.value, id: this.searchid, name: this.name, "aria-label": this.label, placeholder: this.placeholder, disabled: this.disabled, required: this.required, autocomplete: this.autocomplete, list: this.list, ref: el => (this.searchElement = el), onKeyDown: e => this.emitSearch({ button: e }), onInput: e => this.setVal(e) }), index.h("div", { key: 'bd11b1ec64b10dbc3b93fd0bcc163d5d120766cf', class: "pn-search-field-inline" }, this.searchAuto() && (index.h("pn-button", { key: 'c8961cb53609cc7d290b528af7e23a363a348833', class: "pn-search-field-button", type: "button", appearance: "light", small: true, icon: search, iconOnly: true, arialabel: this.getButtonLabel(), noTab: this.loading, onPnClick: e => this.emitSearch({ click: e.detail }) })), !this.disabled && (index.h("pn-button", { key: '45197b884106304f5e3a4dc66b58333d8b79d4cb', small: true, class: "pn-search-field-clear", type: "button", appearance: "light", icon: close_small, iconOnly: true, arialabel: this.translate('CLEAR'), noTab: !this.value || this.loading, onPnClick: () => this.clearInput() })), this.searchAuto() && index.h("pn-spinner", { key: 'f681e4d08d66c9658f09b9cd947b70e4cd0f0837', class: "pn-search-field-spinner" }))), !this.searchAuto() && (index.h("pn-button", { key: '8498355d5d49c64755c58ce4d599938e3e25c84b', class: "pn-search-field-submit", label: this.getButtonLabel(), tooltip: this.buttonTooltip, appearance: this.searchButtonAppearance(), variant: this.searchButtonVariant(), icon: search, iconOnly: this.searchSimple() || this.searchJumbo(), arialabel: this.searchSimple() || this.searchJumbo() ? this.getButtonLabel() : null, loading: this.loading, onPnClick: e => this.emitSearch({ click: e.detail }) })))));
     }
 };
 PnSearchField.style = pnSearchFieldCss();

package/umd/modules/@postnord/web-components/cjs/pn-segment.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 pnSegmentCss = () => `${index.transformTag("pn-segment")}{position:relative;color:#005d92;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-segment")}:last-of-type{margin-right:0}${index.transformTag("pn-segment")} .pn-segment{cursor:pointer;margin:0;padding:0;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-tap-highlight-color:transparent}${index.transformTag("pn-segment")} .pn-segment:disabled{cursor:not-allowed}${index.transformTag("pn-segment")} .pn-segment:disabled~.pn-segment-label{color:#5e554a}${index.transformTag("pn-segment")} .pn-segment:disabled~.pn-segment-label ${index.transformTag("pn-icon")} .pn-icon-svg path{fill:#5e554a}${index.transformTag("pn-segment")} .pn-segment-label{height:100%;width:100%;padding:0.5em;border-radius:3em;font-weight:500;border:0.0625em solid transparent;display:inline-flex;gap:0.5em;align-items:center;-webkit-tap-highlight-color:transparent}`;
@@ -36,7 +36,7 @@ const PnSegment = class {
         this.segmentHover.emit(mouse);
     }
     render() {
-        return (index.h(index.Host, { key: 'ac169c10456f5cadd62bdebbe97f416f81a7633b', onMouseEnter: (event) => this.handleHover(event) }, index.h("input", { key: 'b58b8ba98292e44516f23a8f78da408ab4ed6eed', class: "pn-segment", id: this.segmentid, name: this.name, checked: this.selected, type: "radio", value: this.value, disabled: this.disabled }), index.h("label", { key: '60bdaff95de6dabd3fbc435c1f2ed6e732866057', htmlFor: this.segmentid, class: "pn-segment-label" }, this.icon && index.h("pn-icon", { key: 'aba84b5c75e1245a92f37f89e9bfd79c7406092e', icon: this.icon, color: "blue700" }), index.h("span", { key: 'a8bb1c78d27c62ebd1ba11a60721781cfb1ecfeb', class: "pn-segment-text" }, this.label, index.h("slot", { key: '2bc3e624fa41960578f685b785b457c2953b562c' })))));
+        return (index.h(index.Host, { key: 'b98bb414de20d14fc2ee9d087be192d5f17bf1f9', onMouseEnter: (event) => this.handleHover(event) }, index.h("input", { key: '0b6117d85bb547c249a402cc26494355f3dc3e95', class: "pn-segment", id: this.segmentid, name: this.name, checked: this.selected, type: "radio", value: this.value, disabled: this.disabled }), index.h("label", { key: '8570c7c62ccfcfdd5dca9d8e1a6e016ca9c6a304', htmlFor: this.segmentid, class: "pn-segment-label" }, this.icon && index.h("pn-icon", { key: 'e10a1ea4ca26f71e6caadbeeda6bf5d68cfc266f', icon: this.icon, color: "blue700" }), index.h("span", { key: '8ec12157e0ca6f62772743e06beefc677f9f9f87', class: "pn-segment-text" }, this.label, index.h("slot", { key: '6342dfb17f71cae05318a3c19a19fdb6e46bb157' })))));
     }
 };
 PnSegment.style = pnSegmentCss();

package/umd/modules/@postnord/web-components/cjs/pn-segmented-control.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');
 
@@ -127,7 +127,7 @@ const PnSegmentedControl = class {
     }
     /*---------------------------------------/SCROLL ARROW LOGIC-------------------------------------------*/
     render() {
-        return (index.h(index.Host, { key: 'a43ed5a11b854e8f7d0ec9fa4f134480a510de63' }, index.h("div", { key: 'd838f7a86ab63e80874eda6ca12885657127ed33', class: "pn-segmented-control", ref: el => (this.segmentContainer = el) }, index.h("slot", { key: 'edc2ab83406cf25a6f3854f3e6886e3ab658af63' }), index.h("div", { key: 'e56e19761edf88813a423a986e8f82c56c8b252c', class: "pn-sc-bg", "data-active": true, ref: el => (this.activeBg = el) }), index.h("div", { key: 'c7ffc7f04d456d72418684715015ead88f65bc72', class: "pn-sc-bg", "data-hover": true, ref: el => (this.hoverBg = el) })), index.h("div", { key: '4c5eecbd2f70a2ee159a465265071d5705370232', class: this.scrollArrowClasses(), hidden: !this.showScrollArrows }, index.h("button", { key: '4f987e124f74b1a24871f81fa07eeb0d8cebe913', "aria-label": "Left", class: "pn-sc-arrow pn-sc-arrow-left", onClick: () => this.scroll(-120), tabindex: "-1" }, index.h("pn-icon", { key: 'a1e6cc5963fb758e5ba74668856e5addeb22052c', icon: arrow_left.arrow_left })), index.h("button", { key: '3eb57c028b2d547b14cd700cf162708ff3a4b1ab', "aria-label": "Right", class: "pn-sc-arrow pn-sc-arrow-right", onClick: () => this.scroll(120), tabindex: "-1" }, index.h("pn-icon", { key: 'aefbe98d26875fbff30c4001468730dcb9d777e7', icon: arrow_right.arrow_right })))));
+        return (index.h(index.Host, { key: '4ff48c9a0556397894d55f7d3dc0a266349ef8fc' }, index.h("div", { key: '82ef8456eda4724b55705f9a662577eb172df89d', class: "pn-segmented-control", ref: el => (this.segmentContainer = el) }, index.h("slot", { key: '9b2949cf6e7976795543f6f8a67c126bee02e59d' }), index.h("div", { key: '42ab10791de502f48aac3a16766425b435c1c52e', class: "pn-sc-bg", "data-active": true, ref: el => (this.activeBg = el) }), index.h("div", { key: '24060bf183aabe485b7ff66bbad9b44a7704df12', class: "pn-sc-bg", "data-hover": true, ref: el => (this.hoverBg = el) })), index.h("div", { key: '31790d3f9fccd0c4242b5584ba2ff6ee32df4297', class: this.scrollArrowClasses(), hidden: !this.showScrollArrows }, index.h("button", { key: '8ffa7498550bc0f052b77f5297b349b84efbccb8', "aria-label": "Left", class: "pn-sc-arrow pn-sc-arrow-left", onClick: () => this.scroll(-120), tabindex: "-1" }, index.h("pn-icon", { key: '89d4ee843ade39e7264e08c31ad83c2dd32f7931', icon: arrow_left.arrow_left })), index.h("button", { key: '8f1707b0e2debb84451210d03187b51eba3f2897', "aria-label": "Right", class: "pn-sc-arrow pn-sc-arrow-right", onClick: () => this.scroll(120), tabindex: "-1" }, index.h("pn-icon", { key: '4fa0fcd57eb268e3c9cd9e42f5d4e84b433fafee', icon: arrow_right.arrow_right })))));
     }
     static get watchers() { return {
         "value": [{

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

@@ -4,12 +4,12 @@
  */
 '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 chevron_down = require('./chevron_down-BLU6_yOG.js');
 var index$1 = require('./index.cjs.js');
 
-const pnSelectCss = () => `${index.transformTag("pn-select")}{display:inline-block}${index.transformTag("pn-select")} .pn-select-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-select")} .pn-select-label{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-select")} .pn-select-label>span{font-size:0.875em}${index.transformTag("pn-select")} .pn-select-input{position:relative}${index.transformTag("pn-select")} .pn-select-icon{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1.5em;height:1.5em;border-radius:50%;background-color:transparent}${index.transformTag("pn-select")} .pn-select-icon[data-default]{right:0.75em}${index.transformTag("pn-select")} .pn-select-icon[data-custom]{left:0.75em}${index.transformTag("pn-select")} .pn-select-icon[data-custom]~.pn-select-element{padding-left:3em}${index.transformTag("pn-select")} .pn-select-icon[data-error]{right:3em}${index.transformTag("pn-select")} .pn-select-icon[data-error]~.pn-select-element{padding-right:5em}${index.transformTag("pn-select")} .pn-select-icon>.pn-icon-svg{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-select")} .pn-select-icon>.pn-icon-svg{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-select")} .pn-select-element{cursor:pointer;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-select")} .pn-select-element:-webkit-autofill,${index.transformTag("pn-select")} .pn-select-element:-webkit-autofill:hover,${index.transformTag("pn-select")} .pn-select-element:-webkit-autofill:focus,${index.transformTag("pn-select")} .pn-select-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}${index.transformTag("pn-select")} .pn-select-element{outline:0.2rem solid transparent;outline-offset:0.2rem}${index.transformTag("pn-select")} .pn-select-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${index.transformTag("pn-select")} .pn-select-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-select")} .pn-select-element{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-select")} .pn-select-element::placeholder{color:#5e554a;font-weight:normal}${index.transformTag("pn-select")} .pn-select-element:hover{border-color:#005d92}${index.transformTag("pn-select")} .pn-select-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${index.transformTag("pn-select")} .pn-select-element{width:100%;padding-right:3em;-webkit-appearance:none;-moz-appearance:none;appearance:none}${index.transformTag("pn-select")} .pn-select-element:open+${index.transformTag("pn-icon")} .pn-icon-svg{transform:rotate(180deg)}${index.transformTag("pn-select")} .pn-select-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${index.transformTag("pn-select")} .pn-select-element[data-placeholder]{color:#5e554a;font-weight:normal}${index.transformTag("pn-select")} .pn-select-element:hover{color:#2d2013;background-color:#effbff}${index.transformTag("pn-select")} .pn-select-no-results{margin:0;padding:0.75em}${index.transformTag("pn-select")} .pn-select-helper{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-select")} .pn-select-helper[role=alert]{color:#a70707}${index.transformTag("pn-select")} .pn-select[data-error]>.pn-select-label{color:#a70707}${index.transformTag("pn-select")} .pn-select[data-error]>.pn-select-input>.pn-select-element{border-color:#a70707}${index.transformTag("pn-select")} .pn-select[data-error]>.pn-select-input>.pn-select-element:hover{border-color:#500715}${index.transformTag("pn-select")} .pn-select[data-error]>.pn-select-input>.pn-select-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}${index.transformTag("pn-select")} .pn-select[data-error]>.pn-select-input>.pn-select-element:hover{background-color:#fdefee}`;
+const pnSelectCss = () => `${index.transformTag("pn-select")}{display:inline-block}${index.transformTag("pn-select")} .pn-select-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-select")} .pn-select-label{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-select")} .pn-select-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-select")} .pn-select-label[data-compact]>span{font-size:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.5em}${index.transformTag("pn-select")} .pn-select-label>span{font-size:0.875em}${index.transformTag("pn-select")} .pn-select-label[data-compact][data-icon]{--pn-input-offset-left:calc(2em)}${index.transformTag("pn-select")} .pn-select-input{position:relative}${index.transformTag("pn-select")} .pn-select-icon{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1.5em;height:1.5em;border-radius:50%;background-color:transparent}${index.transformTag("pn-select")} .pn-select-icon[data-default]{right:1em}${index.transformTag("pn-select")} .pn-select-icon[data-custom]{left:0.75em}${index.transformTag("pn-select")} .pn-select-icon[data-custom]~.pn-select-element{padding-left:2.75em}${index.transformTag("pn-select")} .pn-select-icon[data-error]{right:3.5em}${index.transformTag("pn-select")} .pn-select-icon[data-error]~.pn-select-element{padding-right:5.5em}${index.transformTag("pn-select")} .pn-select-icon>.pn-icon-svg{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-select")} .pn-select-icon>.pn-icon-svg{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-select")} .pn-select-element{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-overflow:ellipsis;white-space:nowrap;color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em 3em 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-select")} .pn-select-element:-webkit-autofill,${index.transformTag("pn-select")} .pn-select-element:-webkit-autofill:hover,${index.transformTag("pn-select")} .pn-select-element:-webkit-autofill:focus,${index.transformTag("pn-select")} .pn-select-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}${index.transformTag("pn-select")} .pn-select-element{outline:0.2rem solid transparent;outline-offset:0.2rem}${index.transformTag("pn-select")} .pn-select-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${index.transformTag("pn-select")} .pn-select-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-select")} .pn-select-element{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-select")} .pn-select-element[data-compact]{text-align:left;padding-top:1.125em;padding-bottom:0.375em;max-width:unset}${index.transformTag("pn-select")} .pn-select-element[data-compact]::placeholder{color:transparent}${index.transformTag("pn-select")} .pn-select-element[data-compact]:focus+.pn-select-label,${index.transformTag("pn-select")} .pn-select-element[data-compact]:not(:placeholder-shown)+.pn-select-label{transform:translateY(-85%) scale(0.75);transition-delay:0s}${index.transformTag("pn-select")} .pn-select-element::placeholder{color:#5e554a;font-weight:normal}${index.transformTag("pn-select")} .pn-select-element:hover{border-color:#005d92}${index.transformTag("pn-select")} .pn-select-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${index.transformTag("pn-select")} .pn-select-element:open~.pn-select-icon .pn-icon-svg{transform:rotate(180deg)}${index.transformTag("pn-select")} .pn-select-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${index.transformTag("pn-select")} .pn-select-element[data-placeholder]{color:#5e554a;font-weight:normal}${index.transformTag("pn-select")} .pn-select-element:hover{color:#2d2013;background-color:#effbff}${index.transformTag("pn-select")} .pn-select-no-results{margin:0;padding:0.75em}${index.transformTag("pn-select")} .pn-select-helper{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-select")} .pn-select-helper[role=alert]{color:#a70707}${index.transformTag("pn-select")} .pn-select[data-error]>.pn-select-label{color:#a70707}${index.transformTag("pn-select")} .pn-select[data-error]>.pn-select-input>.pn-select-element{border-color:#a70707}${index.transformTag("pn-select")} .pn-select[data-error]>.pn-select-input>.pn-select-element:hover{border-color:#500715}${index.transformTag("pn-select")} .pn-select[data-error]>.pn-select-input>.pn-select-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}${index.transformTag("pn-select")} .pn-select[data-error]>.pn-select-input>.pn-select-element:-webkit-autofill,${index.transformTag("pn-select")} .pn-select[data-error]>.pn-select-input>.pn-select-element:-webkit-autofill:hover,${index.transformTag("pn-select")} .pn-select[data-error]>.pn-select-input>.pn-select-element:-webkit-autofill:focus,${index.transformTag("pn-select")} .pn-select[data-error]>.pn-select-input>.pn-select-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #fef7f6 inset;-webkit-text-fill-color:#2d2013}${index.transformTag("pn-select")} .pn-select[data-error]>.pn-select-input>.pn-select-element:hover{background-color:#fdefee}`;
 
 const PnSelect = class {
     constructor(hostRef) {
@@ -28,6 +28,8 @@ const PnSelect = class {
     selectId = this.id;
     /** Display an icon to the left of the select input. */
     icon;
+    /** Use the compact label variant. @since v7.21.0 */
+    compact = false;
     /** HTML select name. @category HTML */
     name;
     /** HTML form name. @category HTML */
@@ -66,8 +68,13 @@ const PnSelect = class {
     hasMessage() {
         return !!this.helpertext || !!this.error;
     }
+    renderLabel() {
+        if (!this.label)
+            return null;
+        return (index.h("label", { htmlFor: this.selectId, class: "pn-select-label", "data-compact": this.compact, "data-icon": !!this.icon }, index.h("span", null, this.label)));
+    }
     render() {
-        return (index.h(index.Host, { key: 'bace0ffbe4d9bb8bfe73ed8d55a9d95cc5d8fe35' }, index.h("div", { key: '8d6c5e7c9271c0f9a9350c4c6daa31bf21e6bc9a', class: "pn-select", "data-error": this.hasError() }, this.label && (index.h("label", { key: 'ce8ef956e612931988c880bc852675cf2e8a1359', htmlFor: this.selectId, class: "pn-select-label" }, index.h("span", { key: '512d5e9a84249de9bd673a612e272497e5555121' }, this.label))), index.h("div", { key: 'b124744c213b35fb95b3acdcf148c2956125273b', class: "pn-select-input" }, this.icon && index.h("pn-icon", { key: '2eb0536a37b49f6ff54cf469f435d2fc0f35585a', class: "pn-select-icon", icon: this.icon, "data-custom": true, "aria-hidden": "true" }), this.hasError() && (index.h("pn-icon", { key: '8ed4eb8ea34b1e235da8b674c9e0398dc76ce112', class: "pn-select-icon", icon: alert_exclamation_circle.alert_exclamation_circle, color: "warning", "data-error": true, "aria-hidden": "true" })), index.h("select", { key: '1f1c8e999880212f089281ecf0758ec358221856', id: this.selectId, class: "pn-select-element", name: this.name, form: this.form, autocomplete: this.autocomplete, "aria-describedby": this.hasMessage() && this.idHelpertext, "aria-invalid": this.hasError().toString(), disabled: this.disabled, "data-placeholder": this.select?.value === '', ref: el => (this.select = el) }, index.h("slot", { key: 'd13553a20c6117e102da282ec5b8a4112180a958' })), index.h("pn-icon", { key: 'c44848a4a579f536b3b6cc05eef0a9823b5b82af', class: "pn-select-icon", icon: chevron_down.chevron_down, color: "blue700", "data-default": true, "aria-hidden": "true" })), this.hasMessage() && (index.h("p", { key: '841cd7f201d4e241da35501eae265dd440028472', id: this.idHelpertext, class: "pn-select-helper", role: !!this.error ? 'alert' : null }, index.h("span", { key: '307f5c9193f94cdf172f9d0a4bea34f96c8051e2' }, this.error || this.helpertext))))));
+        return (index.h(index.Host, { key: '59c8dba79bf97e55cdf0bb63242bab619729e182' }, index.h("div", { key: '08ee599ef117480e98506e6594bb798931dade58', class: "pn-select", "data-error": this.hasError() }, !this.compact && this.renderLabel(), index.h("div", { key: '4416853996ab6849ef128f3abd7d53861e3d6bbe', class: "pn-select-input" }, this.icon && index.h("pn-icon", { key: '8af79d8f23f6e7b9853130ca77d2ac00f264afe7', class: "pn-select-icon", icon: this.icon, "data-custom": true, "aria-hidden": "true" }), this.hasError() && (index.h("pn-icon", { key: 'ad674903cc8cefb0864b425a4f6bd6540b5164f3', class: "pn-select-icon", icon: alert_exclamation_circle.alert_exclamation_circle, color: "warning", "data-error": true, "aria-hidden": "true" })), index.h("select", { key: 'fc84d7571dc544030770dd8ea88c87e3a1d58bc5', id: this.selectId, class: "pn-select-element", name: this.name, form: this.form, autocomplete: this.autocomplete, "aria-describedby": this.hasMessage() && this.idHelpertext, "aria-invalid": this.hasError().toString(), disabled: this.disabled, "data-placeholder": this.select?.value === '', "data-compact": this.compact, ref: el => (this.select = el) }, index.h("slot", { key: '1cca39bd8954649b1a558876d31509c3be0f4763' })), this.compact && this.renderLabel(), index.h("pn-icon", { key: 'a5efd954143ce705d806a1a7a1b37b09714d1657', class: "pn-select-icon", icon: chevron_down.chevron_down, color: "blue700", "data-default": true, "aria-hidden": "true" })), this.hasMessage() && (index.h("p", { key: '54e7855163fc3c91cb2bdac99aaa7ed9bfd14fc9', id: this.idHelpertext, class: "pn-select-helper", role: !!this.error ? 'alert' : null }, index.h("span", { key: '21397e124292c51dfe3113b526626059dc9b513d' }, this.error || this.helpertext))))));
     }
 };
 PnSelect.style = pnSelectCss();

package/umd/modules/@postnord/web-components/cjs/pn-tab.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 pnTabCss = () => `${index.transformTag("pn-tab")}{position:relative;overflow:hidden;flex-shrink:0;scroll-snap-align:center;display:inline-block;border-radius:0.5em}${index.transformTag("pn-tab")} .pn-tab{position:relative;cursor:pointer;margin:1em 0.25em;padding:0 0.25em;border:none;border-radius:0.5em;color:#2d2013;background-color:transparent;font-family:inherit;font-size:1em;font-weight:500;text-decoration:none;display:flex;gap:0.5em;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}${index.transformTag("pn-tab")} .pn-tab .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-tab")} .pn-tab{transition-property:color, outline-color, 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-tab")} .pn-tab{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-tab")} .pn-tab{outline:0.2rem solid transparent;outline-offset:0.2rem}${index.transformTag("pn-tab")} .pn-tab-label{line-height:1.5em}${index.transformTag("pn-tab")} .pn-tab:focus-visible{overflow:hidden;outline-color:#005d92;background-color:#ffffff}${index.transformTag("pn-tab")} .pn-tab[aria-selected=true],${index.transformTag("pn-tab")} .pn-tab[aria-current=page]{color:#005d92}${index.transformTag("pn-tab")} .pn-tab[aria-selected=true]:focus,${index.transformTag("pn-tab")} .pn-tab[aria-current=page]:focus{color:#0d234b}${index.transformTag("pn-tab")} .pn-tab[aria-selected=true]:focus ${index.transformTag("pn-icon")}>.pn-icon-svg path,${index.transformTag("pn-tab")} .pn-tab[aria-selected=true]:focus ${index.transformTag("pn-icon")}>.pn-icon-svg polygon,${index.transformTag("pn-tab")} .pn-tab[aria-current=page]:focus ${index.transformTag("pn-icon")}>.pn-icon-svg path,${index.transformTag("pn-tab")} .pn-tab[aria-current=page]:focus ${index.transformTag("pn-icon")}>.pn-icon-svg polygon{fill:#0d234b}`;
@@ -125,7 +125,7 @@ const PnTab = class {
     }
     render() {
         const Tag = this.tag;
-        return (index.h(index.Host, { key: '6018f7f4ba6a860a4f8e176b115a586d1968aa14' }, index.h(Tag, { key: '484708ad0b9007f3183d42000ccf18b34693fe7a', id: this.tabid, class: "pn-tab", ...this.renderProperties(), onClick: (e) => this.handleClick(e), onMouseEnter: (e) => this.triggerEnter(e), onFocus: (e) => this.triggerEnter(e), onMouseLeave: (e) => this.triggerLeave(e), onBlur: (e) => this.triggerLeave(e), onKeyDown: (e) => this.arrowKeyNav(e) }, !!this.icon && index.h("pn-icon", { key: 'd40438f0c464d2549faa141edb9ff9768eacc502', icon: this.icon, color: this.iconColor() }), index.h("slot", { key: '998d73d40785109b36dbcb515addf5bd2f4505b3' }), index.h("span", { key: 'f2a01837ccf6dd0f28c63741361f05e3d875dae4', class: "pn-tab-label" }, this.label))));
+        return (index.h(index.Host, { key: 'a3d1810848574a33819d13fa281d85eb08f1ce80' }, index.h(Tag, { key: '08548598375643778185f9ea3900b6b16e079c23', id: this.tabid, class: "pn-tab", ...this.renderProperties(), onClick: (e) => this.handleClick(e), onMouseEnter: (e) => this.triggerEnter(e), onFocus: (e) => this.triggerEnter(e), onMouseLeave: (e) => this.triggerLeave(e), onBlur: (e) => this.triggerLeave(e), onKeyDown: (e) => this.arrowKeyNav(e) }, !!this.icon && index.h("pn-icon", { key: 'ed1076eaf2ea4fc6f56ae86e2947b656808d1c02', icon: this.icon, color: this.iconColor() }), index.h("slot", { key: '48a7a902e8e2712b0595ac88f3b906149703f92c' }), index.h("span", { key: 'cde1646f13a5fe4f553dcfa919268f62286d3f5c', class: "pn-tab-label" }, this.label))));
     }
 };
 PnTab.style = pnTabCss();

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

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 
 const pnTableCss = () => `${index.transformTag("pn-table")}{display:block;margin-bottom:1em}${index.transformTag("pn-table")} .pn-table-container table{width:100%}${index.transformTag("pn-table")} .pn-table-container table .column-wrapper{display:flex;gap:0.5em;width:100%;align-items:center}${index.transformTag("pn-table")} .pn-table-container table,${index.transformTag("pn-table")} .pn-table-container table th,${index.transformTag("pn-table")} .pn-table-container table td{padding:0;margin:0;border:0;outline:0;border-collapse:collapse;max-width:100%}${index.transformTag("pn-table")} .pn-table-container table th,${index.transformTag("pn-table")} .pn-table-container table td{text-align:left;line-height:2;vertical-align:middle;padding:1em 1.15em}${index.transformTag("pn-table")} .pn-table-container table th:first-child,${index.transformTag("pn-table")} .pn-table-container table td:first-child{border-radius:0.5em 0 0 0.5em}${index.transformTag("pn-table")} .pn-table-container table th:last-child,${index.transformTag("pn-table")} .pn-table-container table td:last-child{border-radius:0 0.5em 0.5em 0}${index.transformTag("pn-table")} .pn-table-container table th ${index.transformTag("pn-icon")},${index.transformTag("pn-table")} .pn-table-container table td ${index.transformTag("pn-icon")}{vertical-align:middle}${index.transformTag("pn-table")} .pn-table-container table thead tr th,${index.transformTag("pn-table")} .pn-table-container table thead tr td{color:#005d92;font-weight:500}${index.transformTag("pn-table")} .pn-table-container table tbody tr th,${index.transformTag("pn-table")} .pn-table-container table tbody tr td{color:#2d2013;font-weight:400}${index.transformTag("pn-table")}.bordered .pn-table-container table{border-collapse:separate;border-spacing:0}${index.transformTag("pn-table")}.bordered .pn-table-container table thead tr:last-child th,${index.transformTag("pn-table")}.bordered .pn-table-container table thead tr:last-child td{border-bottom-width:0.0625em}${index.transformTag("pn-table")}.bordered .pn-table-container table thead tr:first-child th,${index.transformTag("pn-table")}.bordered .pn-table-container table thead tr:first-child td{border-top:0.0625em solid #005d92}${index.transformTag("pn-table")}.bordered .pn-table-container table thead tr th,${index.transformTag("pn-table")}.bordered .pn-table-container table thead tr td{border-bottom:0.0625em solid #005d92}${index.transformTag("pn-table")}.bordered .pn-table-container table thead tr th:first-child,${index.transformTag("pn-table")}.bordered .pn-table-container table thead tr td:first-child{border-left:0.0625em solid #005d92;border-radius:0.5em 0 0}${index.transformTag("pn-table")}.bordered .pn-table-container table thead tr th:last-child,${index.transformTag("pn-table")}.bordered .pn-table-container table thead tr td:last-child{border-radius:0 0.5em 0 0;border-right:0.0625em solid #005d92}${index.transformTag("pn-table")}.bordered .pn-table-container table tbody tr th,${index.transformTag("pn-table")}.bordered .pn-table-container table tbody tr td{border-bottom:0.0625em solid #d3cecb}${index.transformTag("pn-table")}.bordered .pn-table-container table tbody tr th:first-child,${index.transformTag("pn-table")}.bordered .pn-table-container table tbody tr td:first-child{border-left:0.0625em solid #005d92;border-radius:0}${index.transformTag("pn-table")}.bordered .pn-table-container table tbody tr th:last-child,${index.transformTag("pn-table")}.bordered .pn-table-container table tbody tr td:last-child{border-right:0.0625em solid #005d92;border-radius:0}${index.transformTag("pn-table")}.bordered .pn-table-container table tbody tr:last-of-type th,${index.transformTag("pn-table")}.bordered .pn-table-container table tbody tr:last-of-type td{border-bottom:0.0625em solid #005d92}${index.transformTag("pn-table")}.bordered .pn-table-container table tbody tr:last-of-type th:last-child,${index.transformTag("pn-table")}.bordered .pn-table-container table tbody tr:last-of-type td:last-child{border-radius:0 0 0.5em 0}${index.transformTag("pn-table")}.bordered .pn-table-container table tbody tr:last-of-type th:first-child,${index.transformTag("pn-table")}.bordered .pn-table-container table tbody tr:last-of-type td:first-child{border-radius:0 0 0 0.5em}${index.transformTag("pn-table")}.bordered.striped .pn-table-container table tbody tr th,${index.transformTag("pn-table")}.bordered.striped .pn-table-container table tbody tr td{border-bottom-width:0}${index.transformTag("pn-table")}.bordered.striped .pn-table-container table tbody tr:last-child th,${index.transformTag("pn-table")}.bordered.striped .pn-table-container table tbody tr:last-child td{border-bottom-width:0.0625em}${index.transformTag("pn-table")}.striped .pn-table-container table tbody tr:nth-child(odd) th,${index.transformTag("pn-table")}.striped .pn-table-container table tbody tr:nth-child(odd) td{background-color:#effbff}${index.transformTag("pn-table")}.color-gray .pn-table-container table tbody tr:nth-child(odd) th,${index.transformTag("pn-table")}.color-gray .pn-table-container table tbody tr:nth-child(odd) td{background-color:#f9f8f8}`;
 

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

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 var chevron_right = require('./chevron_right-CApgqZb0.js');
 var index$1 = require('./index.cjs.js');
 
@@ -166,7 +166,7 @@ const PnTablist = class {
         return translations?.[prop]?.[this.language || index$1.en];
     }
     render() {
-        return (index.h(index.Host, { key: 'bc119de172511f2da49a2df192fb06d6f7b7171a' }, index.h("nav", { key: '880447004ce6e8f7237ef0ae755c2cad527a052e', class: "pn-tablist", role: this.isMenu ? null : 'tablist', "aria-label": this.label, "data-stacked": this.stackedicons, "data-small": !this.isMenu && this.small, "data-large": this.isMenu, "data-scroll": this.showScrollArrows, ref: el => (this.tabListEl = el) }, index.h("slot", { key: 'be53ccbed2437e17a334417e58fb1a2f1bf003ab' }), index.h("div", { key: '75733634baf8b061f49d6bd9a6822f18b7121d35', class: "pn-tablist-line" }, index.h("div", { key: '0fa638a667340a7874244b20610e4bf0749009b2', ref: el => (this.lineActive = el), class: "pn-tablist-line-item pn-tablist-line-active" }), index.h("div", { key: '7b3f29534401e92073c3cc0188b4596607cab0f6', ref: el => (this.lineHovered = el), class: "pn-tablist-line-item pn-tablist-line-hovered" }))), index.h("div", { key: '616ef6611240501413db88b85930811566bdc25d', class: "pn-tablist-scroll" }, index.h("pn-button", { key: 'f1ca64f112d82684ae81836747f4e77c9064cced', class: "pn-tablist-arrow", "data-show": this.arrowLeft, onClick: () => this.scroll(), noTab: true, appearance: "light", variant: "outlined", icon: chevron_right.chevron_left, iconOnly: true, arialabel: this.translate('LEFT'), small: true }), index.h("pn-button", { key: '92312e5c7dac9cd7bf5d516d7d1088f5db6a557d', class: "pn-tablist-arrow", "data-show": this.arrowRight, onClick: () => this.scroll({ right: true }), noTab: true, appearance: "light", variant: "outlined", icon: chevron_right.chevron_right, iconOnly: true, arialabel: this.translate('RIGHT'), small: true }))));
+        return (index.h(index.Host, { key: '41730f7c2c9bf8dcd0094e3485daaef03d32077d' }, index.h("nav", { key: '671968d8fc09799313c5cc84182c0f574c4c32c2', class: "pn-tablist", role: this.isMenu ? null : 'tablist', "aria-label": this.label, "data-stacked": this.stackedicons, "data-small": !this.isMenu && this.small, "data-large": this.isMenu, "data-scroll": this.showScrollArrows, ref: el => (this.tabListEl = el) }, index.h("slot", { key: '9a29c7b0b2be65f13f0c54782f95381b44184928' }), index.h("div", { key: '5c7d7811e65c236592cbc86ccb36a1f4b9c2d83f', class: "pn-tablist-line" }, index.h("div", { key: 'fa070fd0ad1bd2baaaaedcd83d3a184f9acd8775', ref: el => (this.lineActive = el), class: "pn-tablist-line-item pn-tablist-line-active" }), index.h("div", { key: 'f1d81e3ba4363412d5f35cae105766fbb77ba31e', ref: el => (this.lineHovered = el), class: "pn-tablist-line-item pn-tablist-line-hovered" }))), index.h("div", { key: '14d644cb2ae344966b8056422ce52966fb06058b', class: "pn-tablist-scroll" }, index.h("pn-button", { key: 'f8c8f0f36459b6415208679196ed15fb9cd482d2', class: "pn-tablist-arrow", "data-show": this.arrowLeft, onClick: () => this.scroll(), noTab: true, appearance: "light", variant: "outlined", icon: chevron_right.chevron_left, iconOnly: true, arialabel: this.translate('LEFT'), small: true }), index.h("pn-button", { key: '588b9a9619087bd05a9d359b139240d054431848', class: "pn-tablist-arrow", "data-show": this.arrowRight, onClick: () => this.scroll({ right: true }), noTab: true, appearance: "light", variant: "outlined", icon: chevron_right.chevron_right, iconOnly: true, arialabel: this.translate('RIGHT'), small: true }))));
     }
     static get watchers() { return {
         "value": [{

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

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 
 const pnTextLinkCss = () => `${index.transformTag("pn-text-link")}{display:inline}${index.transformTag("pn-text-link")} .pn-text-link{border-radius:0.25em;color:#005d92;font-weight:500;text-decoration:underline;font-size:1em;transition-property:color, outline-color, text-decoration-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${index.transformTag("pn-text-link")} .pn-text-link{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-text-link")} .pn-text-link{outline:0.2rem solid transparent;outline-offset:0.2rem}${index.transformTag("pn-text-link")} .pn-text-link:focus-visible{outline-color:#005d92}${index.transformTag("pn-text-link")} .pn-text-link:hover{color:#0d234b;text-decoration-color:#0d234b}${index.transformTag("pn-text-link")} .pn-text-link[data-icon]{display:inline-flex;gap:0.25em;align-items:center;text-decoration-color:transparent;padding:0.1em;border-radius:0.5em}${index.transformTag("pn-text-link")} .pn-text-link[data-icon] .pn-icon-svg path{fill:#005d92}${index.transformTag("pn-text-link")} .pn-text-link[data-icon]:hover{text-decoration-color:#0d234b}${index.transformTag("pn-text-link")} .pn-text-link[data-icon]:hover .pn-icon-svg path,${index.transformTag("pn-text-link")} .pn-text-link[data-icon]:focus-visible .pn-icon-svg path{fill:#0d234b}${index.transformTag("pn-text-link")} .pn-text-link[data-icon][data-icon-left]{flex-direction:row-reverse}${index.transformTag("pn-text-link")} .pn-text-link[data-light]{color:#ffffff}${index.transformTag("pn-text-link")} .pn-text-link[data-light]:focus-visible{outline-color:#ffffff}${index.transformTag("pn-text-link")} .pn-text-link[data-light]:hover{text-decoration-color:#ffffff}${index.transformTag("pn-text-link")} .pn-text-link[data-light][data-icon] ${index.transformTag("pn-icon")} .pn-icon-svg path{fill:#ffffff}`;
 
@@ -38,7 +38,7 @@ const PnTextLink = class {
     /** Set a unique html ID of the a element. @category Link attributes */
     linkid;
     render() {
-        return (index.h("a", { key: '45ffa4f385410150ee09a1fa407a5175ed4d2eda', id: this.linkid, class: "pn-text-link", href: this.href, rel: this.rel, target: this.target, download: this.download, hreflang: this.hreflang, media: this.media, referrerPolicy: this.referrerpolicy, "data-icon": !!this.icon, "data-icon-left": this.leftIcon, "data-light": this.light }, this.label, index.h("slot", { key: 'da5845a86101c644bd7c4d2c33fe797def182b4d' }), this.icon && index.h("pn-icon", { key: 'ae094ce720af851254a5a40d5c370b128525bc49', icon: this.icon })));
+        return (index.h("a", { key: '9b582d89de39e3465ec6a1675f60f46d39b3c558', id: this.linkid, class: "pn-text-link", href: this.href, rel: this.rel, target: this.target, download: this.download, hreflang: this.hreflang, media: this.media, referrerPolicy: this.referrerpolicy, "data-icon": !!this.icon, "data-icon-left": this.leftIcon, "data-light": this.light }, this.label, index.h("slot", { key: '106155241d1f15bdaf19a74c8dc440372849a6f4' }), this.icon && index.h("pn-icon", { key: 'd6d197a8632a13b6a1e385504b6727cfb9c418fd', icon: this.icon })));
     }
 };
 PnTextLink.style = pnTextLinkCss();

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

@@ -4,10 +4,10 @@
  */
 'use strict';
 
-var index = require('./index-CAMqnx70.js');
+var index = require('./index-CfUQZtlH.js');
 var index$1 = require('./index.cjs.js');
 
-const pnTextareaCss = () => `${index.transformTag("pn-textarea")}{display:inline-flex;flex-direction:column}${index.transformTag("pn-textarea")} .pn-textarea-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-textarea")} .pn-textarea-label{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-textarea")} .pn-textarea-label>span{font-size:0.875em}${index.transformTag("pn-textarea")} .pn-textarea-text{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-textarea")} .pn-textarea-text>${index.transformTag("pn-icon")}{margin-right:0.25em}${index.transformTag("pn-textarea")} .pn-textarea-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-textarea")} .pn-textarea-element:-webkit-autofill,${index.transformTag("pn-textarea")} .pn-textarea-element:-webkit-autofill:hover,${index.transformTag("pn-textarea")} .pn-textarea-element:-webkit-autofill:focus,${index.transformTag("pn-textarea")} .pn-textarea-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}${index.transformTag("pn-textarea")} .pn-textarea-element{outline:0.2rem solid transparent;outline-offset:0.2rem}${index.transformTag("pn-textarea")} .pn-textarea-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${index.transformTag("pn-textarea")} .pn-textarea-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-textarea")} .pn-textarea-element{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-textarea")} .pn-textarea-element::placeholder{color:#5e554a;font-weight:normal}${index.transformTag("pn-textarea")} .pn-textarea-element:hover{border-color:#005d92}${index.transformTag("pn-textarea")} .pn-textarea-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${index.transformTag("pn-textarea")} .pn-textarea-element::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}${index.transformTag("pn-textarea")} .pn-textarea-element::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}${index.transformTag("pn-textarea")} .pn-textarea-element::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}${index.transformTag("pn-textarea")} .pn-textarea-element::-webkit-scrollbar-thumb:hover{background-color:#5e554a}${index.transformTag("pn-textarea")} .pn-textarea-element::-webkit-scrollbar-corner,${index.transformTag("pn-textarea")} .pn-textarea-element::-webkit-scrollbar-button{display:none}${index.transformTag("pn-textarea")} .pn-textarea-element{width:100%;resize:none}${index.transformTag("pn-textarea")} .pn-textarea-element:read-only{border-color:#ffffff}${index.transformTag("pn-textarea")} .pn-textarea-element::-webkit-resizer{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M7%2017L17%207M12%2017L17%2012%22%20stroke%3D%22%23005D92%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center}${index.transformTag("pn-textarea")} .pn-textarea[data-valid]>.pn-textarea-label{color:#005e41}${index.transformTag("pn-textarea")} .pn-textarea[data-valid]>.pn-textarea-element{border-color:#005e41}${index.transformTag("pn-textarea")} .pn-textarea[data-valid]>.pn-textarea-element:hover{border-color:#002f24}${index.transformTag("pn-textarea")} .pn-textarea[data-valid]>.pn-textarea-element:focus-visible{background-color:#ffffff;border-color:#005e41;outline-color:#005e41}${index.transformTag("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-label{color:#a70707}${index.transformTag("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-element{border-color:#a70707}${index.transformTag("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-element:hover{border-color:#500715}${index.transformTag("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}${index.transformTag("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-text[role=alert]{color:#a70707}${index.transformTag("pn-textarea")} .pn-textarea[data-resize]>.pn-textarea-element{resize:vertical}`;
+const pnTextareaCss = () => `${index.transformTag("pn-textarea")}{display:inline-flex;flex-direction:column}${index.transformTag("pn-textarea")} .pn-textarea{position:relative}${index.transformTag("pn-textarea")} .pn-textarea-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-textarea")} .pn-textarea-label{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-textarea")} .pn-textarea-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-textarea")} .pn-textarea-label[data-compact]>span{font-size:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.5em}${index.transformTag("pn-textarea")} .pn-textarea-label>span{font-size:0.875em}${index.transformTag("pn-textarea")} .pn-textarea-label[data-compact]>span{background-color:#ffffff;color:#2d2013}${index.transformTag("pn-textarea")} .pn-textarea-text{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-textarea")} .pn-textarea-text>${index.transformTag("pn-icon")}{margin-right:0.25em}${index.transformTag("pn-textarea")} .pn-textarea-element{width:100%;resize:none;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-textarea")} .pn-textarea-element:-webkit-autofill,${index.transformTag("pn-textarea")} .pn-textarea-element:-webkit-autofill:hover,${index.transformTag("pn-textarea")} .pn-textarea-element:-webkit-autofill:focus,${index.transformTag("pn-textarea")} .pn-textarea-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}${index.transformTag("pn-textarea")} .pn-textarea-element{outline:0.2rem solid transparent;outline-offset:0.2rem}${index.transformTag("pn-textarea")} .pn-textarea-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${index.transformTag("pn-textarea")} .pn-textarea-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-textarea")} .pn-textarea-element{transition-duration:0s;transition-delay:0s}}${index.transformTag("pn-textarea")} .pn-textarea-element[data-compact]{text-align:left;padding-top:1.125em;padding-bottom:0.375em;max-width:unset}${index.transformTag("pn-textarea")} .pn-textarea-element[data-compact]::placeholder{color:transparent}${index.transformTag("pn-textarea")} .pn-textarea-element[data-compact]:focus+.pn-textarea-label,${index.transformTag("pn-textarea")} .pn-textarea-element[data-compact]:not(:placeholder-shown)+.pn-textarea-label{transform:translateY(-85%) scale(0.75);transition-delay:0s}${index.transformTag("pn-textarea")} .pn-textarea-element::placeholder{color:#5e554a;font-weight:normal}${index.transformTag("pn-textarea")} .pn-textarea-element:hover{border-color:#005d92}${index.transformTag("pn-textarea")} .pn-textarea-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${index.transformTag("pn-textarea")} .pn-textarea-element::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}${index.transformTag("pn-textarea")} .pn-textarea-element::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}${index.transformTag("pn-textarea")} .pn-textarea-element::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}${index.transformTag("pn-textarea")} .pn-textarea-element::-webkit-scrollbar-thumb:hover{background-color:#5e554a}${index.transformTag("pn-textarea")} .pn-textarea-element::-webkit-scrollbar-corner,${index.transformTag("pn-textarea")} .pn-textarea-element::-webkit-scrollbar-button{display:none}${index.transformTag("pn-textarea")} .pn-textarea-element:read-only{border-color:#ffffff}${index.transformTag("pn-textarea")} .pn-textarea-element:disabled+.pn-textarea-label>span{background-color:#f3f2f2}${index.transformTag("pn-textarea")} .pn-textarea-element::-webkit-resizer{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M7%2017L17%207M12%2017L17%2012%22%20stroke%3D%22%23005D92%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center}${index.transformTag("pn-textarea")} .pn-textarea[data-valid]>.pn-textarea-label{color:#005e41}${index.transformTag("pn-textarea")} .pn-textarea[data-valid]>.pn-textarea-element{border-color:#005e41}${index.transformTag("pn-textarea")} .pn-textarea[data-valid]>.pn-textarea-element:hover{border-color:#002f24}${index.transformTag("pn-textarea")} .pn-textarea[data-valid]>.pn-textarea-element:focus-visible{background-color:#ffffff;border-color:#005e41;outline-color:#005e41}${index.transformTag("pn-textarea")} .pn-textarea[data-valid]>.pn-textarea-element:-webkit-autofill,${index.transformTag("pn-textarea")} .pn-textarea[data-valid]>.pn-textarea-element:-webkit-autofill:hover,${index.transformTag("pn-textarea")} .pn-textarea[data-valid]>.pn-textarea-element:-webkit-autofill:focus,${index.transformTag("pn-textarea")} .pn-textarea[data-valid]>.pn-textarea-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #edfbf3 inset;-webkit-text-fill-color:#2d2013}${index.transformTag("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-label{color:#a70707}${index.transformTag("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-element{border-color:#a70707}${index.transformTag("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-element:hover{border-color:#500715}${index.transformTag("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}${index.transformTag("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-element:-webkit-autofill,${index.transformTag("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-element:-webkit-autofill:hover,${index.transformTag("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-element:-webkit-autofill:focus,${index.transformTag("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #fef7f6 inset;-webkit-text-fill-color:#2d2013}${index.transformTag("pn-textarea")} .pn-textarea[data-error]>.pn-textarea-text[role=alert]{color:#a70707}${index.transformTag("pn-textarea")} .pn-textarea[data-resize]>.pn-textarea-element{resize:vertical}`;
 
 const PnTextarea = class {
     constructor(hostRef) {
@@ -16,14 +16,14 @@ const PnTextarea = class {
     id = `pn-textarea-${index$1.uuidv4()}`;
     idHelper = `${this.id}-text`;
     get hostElement() { return index.getElement(this); }
-    /** The textarea content */
-    content;
     /** The label describing the textarea. */
     label;
     /** The textarea content, do not provide slotted content. */
     value = '';
     /** Helper text that will appear underneath the textarea. Will be overwritten if you set an `error` string */
     helpertext;
+    /** Use the compact label variant. @since v7.21.0 */
+    compact = false;
     /** A unique ID connecting the element to the label. @category HTML Textarea */
     textareaid = this.id;
     /** HTML name. @category HTML Textarea */
@@ -58,10 +58,9 @@ const PnTextarea = class {
     disabled = false;
     /** Make the textarea readonly. @category State */
     readonly = false;
-    componentWillLoad() {
-        if (this.textareaid !== this.id) {
-            this.idHelper = `${this.textareaid}-helper`;
-        }
+    handleId() {
+        if (this.textareaid !== this.id)
+            this.idHelper = `${this.getId()}-helper`;
     }
     setVal(event) {
         const value = event.target.value;
@@ -73,9 +72,20 @@ const PnTextarea = class {
     hasMessage() {
         return !!(this.helpertext?.length || this.error?.length);
     }
+    getId() {
+        return this.textareaid || this.id;
+    }
+    renderLabel() {
+        return (index.h("label", { class: "pn-textarea-label", htmlFor: this.getId(), "data-compact": this.compact }, index.h("span", null, this.label), this.maxlength >= 1 && index.h("span", null, `${this.value?.length || 0}/${this.maxlength}`)));
+    }
     render() {
-        return (index.h(index.Host, { key: 'c568c2ad0a3b3afe84f455684c747d9fcc152ea5' }, index.h("div", { key: '08708e20ab42d72385744f877d0d9a7e2e9a7725', class: "pn-textarea", "data-valid": this.valid, "data-error": this.hasError(), "data-resize": this.resize }, index.h("label", { key: '01a8257a0bc3bab14d08c167f833a4aa1d8077bd', class: "pn-textarea-label", htmlFor: this.textareaid }, index.h("span", { key: '627d6e4b22a344372a834e79382146b127c3a495' }, this.label), this.maxlength >= 1 && index.h("span", { key: 'a33a760b4e1491922fc6a333cdd98fabace1ca1c' }, `${this.value?.length || 0}/${this.maxlength}`)), index.h("textarea", { key: '4ea874aac0a2e3a3cfd6850e3fbd8415fbd659d8', class: "pn-textarea-element", id: this.textareaid, name: this.name, rows: this.rows, cols: this.cols, wrap: this.wrap, autocomplete: this.autocomplete, spellcheck: this.spellcheck, placeholder: this.placeholder, maxlength: this.maxlength, required: this.required, disabled: this.disabled, readonly: this.readonly, "aria-describedby": this.hasMessage() ? this.idHelper : null, "aria-invalid": this.hasError().toString(), onInput: e => this.setVal(e), value: this.value }), this.hasMessage() && (index.h("p", { key: 'de47982ee3125cfdb5651ebb50715d03df9459e1', id: this.idHelper, class: "pn-textarea-text", role: this.error?.length ? 'alert' : null }, index.h("span", { key: 'dc885dee87a3e715f26fa950dfce7d68131edeae' }, this.error || this.helpertext))))));
+        return (index.h(index.Host, { key: '890e6c29daa489bdf44588c91457e71172e40dae' }, index.h("div", { key: 'c35d279a237c2411faebd0823d3a03f8212c54d0', class: "pn-textarea", "data-valid": this.valid, "data-error": this.hasError(), "data-resize": this.resize }, !this.compact && this.renderLabel(), index.h("textarea", { key: 'f2358babec0d5eb02e1d3ba5c21c33998e9582b3', class: "pn-textarea-element", id: this.getId(), name: this.name, rows: this.rows, cols: this.cols, wrap: this.wrap, autocomplete: this.autocomplete, spellcheck: this.spellcheck, placeholder: this.compact ? this.placeholder || ' ' : this.placeholder, maxlength: this.maxlength, value: this.value, required: this.required, disabled: this.disabled, readonly: this.readonly, "aria-describedby": this.hasMessage() ? this.idHelper : null, "aria-invalid": this.hasError().toString(), "data-compact": this.compact, onInput: e => this.setVal(e) }), this.compact && this.renderLabel(), this.hasMessage() && (index.h("p", { key: 'ccdaed7f958b1ef07da159973690ddd86be791f3', id: this.idHelper, class: "pn-textarea-text", role: this.error?.length ? 'alert' : null }, index.h("span", { key: '62d9b78ed5370629548e67001689b3d14d40deaa' }, this.error || this.helpertext))))));
     }
+    static get watchers() { return {
+        "textareaid": [{
+                "handleId": 1
+            }]
+    }; }
 };
 PnTextarea.style = pnTextareaCss();
 

package/umd/modules/@postnord/web-components/cjs/pn-tile.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');
 
@@ -72,7 +72,7 @@ const PnTile = class {
         this.pnTile.emit({ click: event });
     }
     render() {
-        return (index.h(index.Host, { key: '08be79249da65274656e90f5712babf4811c8c54' }, index.h("div", { key: '29758442a6da5849d7fc920e811c15ec0aaf01ab', class: "pn-tile", "data-horizontal": this.horizontal, "data-href": !!this.url, "data-focus": this.visibleOutline, ref: el => (this.tile = el) }, index.h("div", { key: '9db26483510dd6fb18a155555649edcb99aab3ab', class: "pn-tile-illustration", "data-circle": !!this.url, "data-icon": this.showIcon(), role: "presentation", hidden: !this.showImage() }, this.showPropIllustration() ? (index.h("pn-illustration", { illustration: this.illustration })) : (this.showIcon() && index.h("pn-icon", { color: "blue700", icon: this.icon })), index.h("div", { key: 'c9c30bfd0e4650caaac888bffc8877203bb22bee', class: "pn-tile-illustration-slot", hidden: !this.showSlotIllustration(), ref: el => (this.illustrationSlot = el) }, index.h("slot", { key: '6f8b24bfdbc809d1525a9b26518a94bc1d54e8b3', name: "illustration" }))), index.h("div", { key: '9780c0bcfbcf9d13581a0e0a680fd5222852a202', class: "pn-tile-text" }, index.h("h3", { key: '26cde96074fa4425b4e47af2c558b10c28b25a64', class: "pn-tile-title" }, this.url ? (index.h("a", { class: "pn-tile-link", href: this.url, target: this.target, rel: !this.rel && this.isExternal() ? 'noopener noreferrer' : this.rel, onClick: e => this.clickHandler(e), onFocus: event => this.handleFocus(event), onBlur: event => this.handleFocus(event) }, this.label)) : (this.label), this.isExternal() && index.h("pn-icon", { key: 'e6d1fdcd52357d5c83a499be6bebad6ffaf183b0', icon: open_in_new.open_in_new, small: true, color: "blue700" })), index.h("div", { key: '86583c570242905f506c0196909d4a805be8eab5', class: "pn-tile-slot" }, !!this.text && index.h("p", { key: '2da94d451c30ef1aaee0e4527ab31d6e301cb19f', class: "pn-tile-paragraph" }, this.text), index.h("slot", { key: 'bfb995e2608d30ca77b4c88e51d64a3ae20243f7' }))))));
+        return (index.h(index.Host, { key: 'eb3815f93d4355e80969c381cadd22789b1a5b05' }, index.h("div", { key: 'a8dad16643d664975ee27f3fc3e0249730662efb', class: "pn-tile", "data-horizontal": this.horizontal, "data-href": !!this.url, "data-focus": this.visibleOutline, ref: el => (this.tile = el) }, index.h("div", { key: '474e4c248a0ddfab550be16dcff172fc01f84e0a', class: "pn-tile-illustration", "data-circle": !!this.url, "data-icon": this.showIcon(), role: "presentation", hidden: !this.showImage() }, this.showPropIllustration() ? (index.h("pn-illustration", { illustration: this.illustration })) : (this.showIcon() && index.h("pn-icon", { color: "blue700", icon: this.icon })), index.h("div", { key: '2d5962def32bc5d7a3432cd5062d0a164f167454', class: "pn-tile-illustration-slot", hidden: !this.showSlotIllustration(), ref: el => (this.illustrationSlot = el) }, index.h("slot", { key: 'ceb86fe161d9256249fdc65c83199a0231899e9b', name: "illustration" }))), index.h("div", { key: '74ad199309a7ae8f6c576bc2c97c958f364dc868', class: "pn-tile-text" }, index.h("h3", { key: 'eb6e12a3496d11c3ecb79bf122cbfd604b8081ef', class: "pn-tile-title" }, this.url ? (index.h("a", { class: "pn-tile-link", href: this.url, target: this.target, rel: !this.rel && this.isExternal() ? 'noopener noreferrer' : this.rel, onClick: e => this.clickHandler(e), onFocus: event => this.handleFocus(event), onBlur: event => this.handleFocus(event) }, this.label)) : (this.label), this.isExternal() && index.h("pn-icon", { key: '13c2495d9a94dc9d3f530543e47549683b985c59', icon: open_in_new.open_in_new, small: true, color: "blue700" })), index.h("div", { key: '4ce12374c5bbdf54809d8b1d2f99cb6efbc01266', class: "pn-tile-slot" }, !!this.text && index.h("p", { key: '2cdbc99beff7480c18f561b2f16f72953367b43f', class: "pn-tile-paragraph" }, this.text), index.h("slot", { key: 'f786d7b65a270acb9be13ce0cfb1d2e3bfe34b8a' }))))));
     }
 };
 PnTile.style = pnTileCss();

package/umd/modules/@postnord/web-components/cjs/pn-toast.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 index$2 = require('./index.cjs.js');
 var alert_exclamation_circle = require('./alert_exclamation_circle-BiBEJK9P.js');
 var alert_info_circle = require('./alert_info_circle-BaN88M1m.js');