@postnord/pn-marketweb-components 4.4.0 → 4.5.1

package/umd/modules/@postnord/web-components/hydrate/index.mjs

@@ -6098,7 +6098,7 @@ class PnCard {
     }
     render() {
         const TitleTag = this.getHeadingTag();
-        return (hAsync(Host, { key: '8126385831d763637aed6ebe4fa61fd0bdb42764' }, hAsync("article", { key: '93c75dc2d9e71844e36a9cdd6914f42eae34f7b0', id: this.cardId, class: "pn-card", "data-link": !!this.href, "data-horizontal": this.horizontal, "data-reverse": this.reverse, "data-focus": this.visibleOutline }, hAsync("div", { key: '140936bb72867a5ef4351363dfda52698b9d9df0', class: "pn-card-image" }, hAsync("picture", { key: '60de2f3f53b4d7f1e1cbe37b1ff47686c9e48b72', class: "pn-card-picture", style: { '--pn-card-aspect-ratio': this.aspectRatio || 'unset' } }, hAsync("slot", { key: '47cffafc0d642f6cf0c682cd96f9fd11609f924e', name: "image" }))), hAsync("div", { key: '6768342177fe3884d9bd20b0ca516cf026b69751', class: "pn-card-content" }, hAsync("header", { key: '91e023c92c33bf74c39200387edc7a3d3c2f2d42', class: "pn-card-header" }, hAsync("div", { key: '9d7771c4275569012021a07f9165ba4a8ce8c297', class: "pn-card-tags" }, hAsync("slot", { key: 'c45641bd02093f8001dee361b6b8577a383f72ba', name: "tags" })), !!this.overline && hAsync("p", { key: 'b152b16d2488e82556e9f56f90daf0edfe8ae33f', class: "pn-card-label-overline" }, this.overline), !!this.label && (hAsync(TitleTag, { key: '3bc086490090afc05ad44c0e1736009b82fbe814', id: this.getTitleId(), class: "pn-card-label" }, this.label)), hAsync("slot", { key: '1188ca2c3260dd509811cfb5aa5356488f211e1a', name: "header" })), hAsync("section", { key: 'ba0b7362ddd721041466ac979ba198170b016fb1', class: "pn-card-section" }, !!this.text && hAsync("p", { key: '76aa9e90ac18ff66ec15a436ec8eec9e22c67748', class: "pn-card-section-paragraph" }, this.text), hAsync("slot", { key: 'bd0f035ce418425c1ac1871ec1cb98f850cd97e1' })), hAsync("nav", { key: '1a538e55ed6c9c07f3f8c5dd823f80ed3a149ed6', class: "pn-card-navigation" }, this.showHref() && (hAsync("a", { key: 'a18605058f0dc733ceeeab9fa6a44fb524c93630', class: "pn-card-link", href: this.href, target: this.target, rel: this.rel, "aria-labelledby": this.getLabelledby(), onClick: event => this.handleClick(event), onFocus: event => this.handleFocus(event), onBlur: event => this.handleFocus(event) }, this.hrefLabel, hAsync("pn-icon", { key: '066242008cd49a69d64db93da7a87bbdcdd1beda', color: "blue700", icon: this.getIcon() }))), hAsync("slot", { key: 'bbe0271663622b8adf542232daa573a467b34f16', name: "navigation" }))))));
+        return (hAsync(Host, { key: '65ed28a0a625760d11f9bd7961978af7573f7062' }, hAsync("article", { key: '2f05480099b5bedddba115a3f00174d0ed4f9658', id: this.cardId, class: "pn-card", "data-link": !!this.href, "data-horizontal": this.horizontal, "data-reverse": this.reverse, "data-focus": this.visibleOutline }, hAsync("div", { key: '1ec2a31f2e71b9f4a511efb49461541f141ff077', class: "pn-card-image" }, hAsync("picture", { key: '869648c55b9e64091b55f501b759ffcddc33a8c5', class: "pn-card-picture", style: { '--pn-card-aspect-ratio': this.aspectRatio || 'unset' } }, hAsync("slot", { key: '9e31feb5e4c486159fb4f9ebb57cefbd7d156988', name: "image" }))), hAsync("div", { key: 'e2cfd35b304c05fb569da26aa7f248ed53b1e7aa', class: "pn-card-content" }, hAsync("header", { key: 'a5730ce876dd1b5fa0c6c37ba400801530bf99ea', class: "pn-card-header" }, hAsync("div", { key: '4e9566e679185db1704e313002d20d7016558c25', class: "pn-card-tags" }, hAsync("slot", { key: '0c4863c1ef7b69ef8a333dd7ac834f76b8a3fc00', name: "tags" })), !!this.overline && hAsync("p", { key: '8129ee0e178e4db9fcbf9895e75d64c02279a0a6', class: "pn-card-label-overline" }, this.overline), !!this.label && (hAsync(TitleTag, { key: '62a8d9c1512683f3e4248eac05bf2f33e0374fe9', id: this.getTitleId(), class: "pn-card-label" }, this.label)), hAsync("slot", { key: '13f3c2e3e182ce134dc7be0af3c8c2dec1c1f751', name: "header" })), hAsync("section", { key: 'c34ddb8484423b65927ace2e0b46deed6b1d3b64', class: "pn-card-section" }, !!this.text && hAsync("p", { key: '8370b223a2af93f64eb2efd84dda0b172324be54', class: "pn-card-section-paragraph" }, this.text), hAsync("slot", { key: '363cc14089263d2e640f35707a6503aeb77ae8a6' })), hAsync("nav", { key: '5636561cc2dc0eb1a1f42d213e87e73da9a3ce98', class: "pn-card-navigation" }, this.showHref() && (hAsync("a", { key: '9c7be2037e54320ccb2668170828e7ffc8fd7d25', class: "pn-card-link", href: this.href, target: this.target, rel: this.rel, "aria-labelledby": this.getLabelledby(), onClick: event => this.handleClick(event), onFocus: event => this.handleFocus(event), onBlur: event => this.handleFocus(event) }, this.hrefLabel, hAsync("pn-icon", { key: 'd77e3349eb1ed2cb3e8e72418c70d66b93ad5b20', color: "blue700", icon: this.getIcon() }))), hAsync("slot", { key: 'c28d4208e146a77f334fc326e7abbbf53e86e028', name: "navigation" }))))));
     }
     static get watchers() { return {
         "cardId": [{
@@ -8915,7 +8915,7 @@ class PnFooter {
         }
     }
     render() {
-        return (hAsync(Host, { key: '3084a31d6969b90b764dd8628d8d101039fdccab' }, hAsync("div", { key: '1cee8fccb6ea8ad756c25c1b852baecfcb370b43', class: "pn-footer-row" }, hAsync("p", { key: '52e46e93ec83d58a793a2516e2cc073723269ad0' }, this.getText('questions')), this.renderLink('contact')), hAsync("div", { key: '3a2f09d53818ffcb8fe7a4fb2e2b8829a5ddea04', class: "pn-footer-row" }, this.market !== NO && this.renderLink('terms'), this.renderLink('privacy'), this.renderLink('cookies')), hAsync("div", { key: 'ab1ef6ce8fd6471c5411ff68c286cb0e9061ccc1', class: "pn-footer-row" }, hAsync("p", { key: '4ebc800c5db13c04262d94dc9db10ed43fcd9c3f' }, this.getText('info')), this.renderLink('domain'))));
+        return (hAsync(Host, { key: '61cf8e26fec57dff5d84b3bdbf6d72cb90dcf3c2' }, hAsync("div", { key: 'b796d5ac1f8755487ca528d9ebe6422b488ad211', class: "pn-footer-row" }, hAsync("p", { key: '9605f844d588bb9beecbdf8825de7062d2307b84' }, this.getText('questions')), this.renderLink('contact')), hAsync("div", { key: 'd9c7999ad9ba1590855037c1d9c3b660f8c6baf9', class: "pn-footer-row" }, this.market !== NO && this.renderLink('terms'), this.renderLink('privacy'), this.renderLink('cookies')), hAsync("div", { key: '2fbccb619a895f09f01e5d97c9530717fe5b38b1', class: "pn-footer-row" }, hAsync("p", { key: '9505adff1fb347f7eba8c7a4db771a7ba9b5a65c' }, this.getText('info')), this.renderLink('domain'))));
     }
     static get style() { return pnFooterCss(); }
     static get cmpMeta() { return {
@@ -8999,7 +8999,7 @@ class PnHeader {
         return this.goBackText || translations$b[this.language || en$2];
     }
     render() {
-        return (hAsync(Host, { key: 'cffcb3a6763d13783bad5d6b75f5402cfd92798b' }, hAsync("header", { key: '7b6d663687fe12546ed88aaea3b97efd82afac69', class: "pn-header" }, hAsync("div", { key: 'aec8dbf448077f14036f0cd4885add8bb650d647', class: "pn-header-container" }, hAsync("div", { key: 'bff188666b4aa2f5df35476eddf17ac4ba5ba182', class: "pn-header-breadcrumbs", hidden: !this.showBreadcrumb() }, this.goBackHref && (hAsync("pn-text-link", { key: '0f2ad8624741de50b2ed1c13cf7cfcae9ad6c223', label: this.getButtonText(), href: this.goBackHref, icon: arrow_left, leftIcon: true })), hAsync("slot", { key: 'ece3524aafbff34f28e0d9cc6eafc587e1daeba5', name: "breadcrumb" })), hAsync("div", { key: '1356eb7d669666b327575a00abdf86bbf9a9e38a', class: "pn-header-content" }, this.heading && hAsync("h1", { key: 'c3e1419dbf20e789c98ea32bb73a3e5e1021f75a' }, this.heading), hAsync("slot", { key: '94491e7af78f2ee44bc45b3a261f2bcc8af81377' })), hAsync("div", { key: 'e2db0dcd84f2fbeb58ab793cd4220861c2320433', class: "pn-header-buttons", hidden: !this.hasButtons }, hAsync("slot", { key: '1745323caaf67eb3f316f4ff56451ffefb6d9b7e', name: "buttons" })), hAsync("slot", { key: '17d56ba2c125c766c05ae84eb82839391447dd74', name: "menu" })))));
+        return (hAsync(Host, { key: '82364cab3b3aece27e10f06e565b8ce0d6597f14' }, hAsync("header", { key: '368dfc4db49a8903c8cad81c9b161fe25095e2d1', class: "pn-header" }, hAsync("div", { key: 'f98b1ba196ed150cc27f9136f25ad46c31d7424e', class: "pn-header-container" }, hAsync("div", { key: '6c7465e8060690aa36a4e405f640cd23bfa0c0f2', class: "pn-header-breadcrumbs", hidden: !this.showBreadcrumb() }, this.goBackHref && (hAsync("pn-text-link", { key: 'd6dc1b2b5a22e80c95d42fadcd4912de1df35bb8', label: this.getButtonText(), href: this.goBackHref, icon: arrow_left, leftIcon: true })), hAsync("slot", { key: '44f163e4552a10f1340e51752bc2d825d74391ad', name: "breadcrumb" })), hAsync("div", { key: 'afb2d897acf67744c1a0eac4d5089f40bec07d40', class: "pn-header-content" }, this.heading && hAsync("h1", { key: '8135619a44048a4072453140f6bd0e4fb5e349aa' }, this.heading), hAsync("slot", { key: 'c013b74286636fd9ebfe575161ba8829d0eac903' })), hAsync("div", { key: '5942ae47d1426f033565d20f294a9e0906600dbb', class: "pn-header-buttons", hidden: !this.hasButtons }, hAsync("slot", { key: '287ff16c616bf76f832a867ad077d1f62a29d9e0', name: "buttons" })), hAsync("slot", { key: '7e9778bf8258cae60e27ceb3c1638f759ff02e82', name: "menu" })))));
     }
     static get watchers() { return {
         "maxWidth": [{
@@ -9634,6 +9634,68 @@ class PnInput {
     }; }
 }
 
+const pnInputChipCss = () => `${transformTag("pn-input-chip")}{display:inline-block}${transformTag("pn-input-chip")} .pn-input-chip{position:relative;font-size:1em;font-weight:500;text-align:center;display:flex;align-items:center;gap:0.25em;padding:0.5em 0.5em 0.5em 1em;border:0.0625em solid #969087;border-radius:0.5em;background-color:#ffffff;cursor:pointer;transition-property:border-color, background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-input-chip")} .pn-input-chip{transition-duration:0s;transition-delay:0s}}${transformTag("pn-input-chip")} .pn-input-chip{outline:0.2rem solid transparent;outline-offset:0.2rem}${transformTag("pn-input-chip")} .pn-input-chip[data-icon]{padding-left:0.75em}${transformTag("pn-input-chip")} .pn-input-chip[data-icon][data-small]{padding-left:0.5em}${transformTag("pn-input-chip")} .pn-input-chip[data-icon][data-large]{padding-left:1em}${transformTag("pn-input-chip")} .pn-input-chip[data-small]{padding:0.25em 0.25em 0.25em 0.75em}${transformTag("pn-input-chip")} .pn-input-chip[data-small] .pn-input-chip-label{line-height:1.25em;font-size:0.875em}${transformTag("pn-input-chip")} .pn-input-chip[data-large]{padding:0.6875em 0.6875em 0.6875em 1.25em}${transformTag("pn-input-chip")} .pn-input-chip:hover{background-color:#effbff;border-color:#005d92}${transformTag("pn-input-chip")} .pn-input-chip:hover .pn-input-chip-label{color:#005d92}${transformTag("pn-input-chip")} .pn-input-chip:hover .pn-input-chip-icon .pn-icon-svg path{fill:#005d92}${transformTag("pn-input-chip")} .pn-input-chip:focus-visible{outline-color:#005d92;border-color:#005d92}${transformTag("pn-input-chip")} .pn-input-chip:active{background-color:#e0f8ff;border-color:#005d92}${transformTag("pn-input-chip")} .pn-input-chip:active .pn-input-chip-label{color:#0d234b}${transformTag("pn-input-chip")} .pn-input-chip:active .pn-input-chip-icon .pn-icon-svg path{fill:#0d234b}${transformTag("pn-input-chip")} .pn-input-chip:disabled{background-color:#f3f2f2;border-color:#f3f2f2;cursor:not-allowed}${transformTag("pn-input-chip")} .pn-input-chip:disabled .pn-input-chip-label{color:#5e554a;margin-right:0.5em}${transformTag("pn-input-chip")} .pn-input-chip:disabled .pn-input-chip-icon .pn-icon-svg path{fill:#5e554a}${transformTag("pn-input-chip")} .pn-input-chip-icon{flex-shrink:0;width:1.5em;height:1.5em}${transformTag("pn-input-chip")} .pn-input-chip-label{color:#005d92;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}${transformTag("pn-input-chip")} .pn-input-chip-close{flex-shrink:0;width:1.5em;height:1.5em;display:flex;align-items:center;justify-content:center}`;
+
+/**
+ * The `pn-input-chip` represents a confirmed user input value that can be removed.
+ * It is visually similar to the `pn-choice-chip` but its only action is deletion.
+ * Clicking anywhere on the chip removes it.
+ */
+class PnInputChip {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.pnDelete = createEvent(this, "pnDelete", 7);
+    }
+    id = `pn-input-chip-${uuidv4()}`;
+    /** The chip label text. */
+    label;
+    /** Optional value identifier emitted with the delete event. @category Native attributes */
+    value;
+    /** Add a leading icon to the chip. @category Features */
+    icon;
+    /** Use the small size for the input chip. @category Features */
+    small = false;
+    /** Use the large size for the input chip. @category Features */
+    large = false;
+    /** Disable the chip. When disabled, the chip is not interactive. @category Native attributes */
+    disabled = false;
+    /** Emitted when the chip is clicked (removed). */
+    pnDelete;
+    /**
+     * A unique HTML ID for the input chip.
+     * @category HTML attributes
+     */
+    pnId;
+    handleDelete = () => {
+        if (!this.disabled) {
+            this.pnDelete.emit({ label: this.label, value: this.value });
+        }
+    };
+    getId() {
+        return this.pnId || this.id;
+    }
+    render() {
+        return (hAsync(Host, { key: '38bf6d618ac176e63fc2da44b20aa45b744c3ff8' }, hAsync("button", { key: '43a8fa2b75eedefef49ce8881c72e86cf1323486', type: "button", class: "pn-input-chip", id: this.getId(), "data-icon": !!this.icon, "data-small": this.small, "data-large": this.large, disabled: this.disabled, "aria-label": `Remove ${this.label}`, onClick: this.handleDelete }, !!this.icon && hAsync("pn-icon", { key: '53b015eba2c0a074febc78089bcdefc9cb799ad1', class: "pn-input-chip-icon", icon: this.icon }), hAsync("span", { key: '0baa4ef7ebe84ac5102f295c02ad3f0e08a6516e', class: "pn-input-chip-label" }, this.label), !this.disabled && hAsync("pn-icon", { key: '320c04a05bb38411734a77c085bd536c29296423', color: "blue700", icon: close_small }))));
+    }
+    static get style() { return pnInputChipCss(); }
+    static get cmpMeta() { return {
+        "$flags$": 512,
+        "$tagName$": "pn-input-chip",
+        "$members$": {
+            "label": [1],
+            "value": [513],
+            "icon": [1],
+            "small": [4],
+            "large": [4],
+            "disabled": [4],
+            "pnId": [1, "pn-id"]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": [["value", "value"]]
+    }; }
+}
+
 const translations$9 = {
     CLOSE_MODAL: {
         en: 'Close dialog',
@@ -10614,7 +10676,7 @@ class PnMultiselect extends Mixin(animateHeightFactory) {
         return (hAsync(Tag, { id: id, class: { 'pn-multiselect-label': true, 'pn-multiselect-sr-only': this.compact && !compactLabel }, "data-compact": this.compact, ...attrs }, hAsync("span", null, this.label), !!this.optionsChecked()?.length && (hAsync("span", null, this.optionsCheckedTotal(), "/", this.optionsTotal()))));
     }
     render() {
-        return (hAsync(Host, { key: '326b1351c1600920a89b49a4ca04fb48af112bb7' }, hAsync("fieldset", { key: '069b0689d499ad99b65f29597cc3968a47a3fc86', class: "pn-multiselect", "data-icon": !!this.icon, "data-error": this.hasError(), disabled: this.disabled }, this.renderLabel(), hAsync("div", { key: '0a96f922421c6a1adb664714ec0d593cfdf950e5', class: "pn-multiselect-group", ref: el => (this.elGroup = el) }, hAsync("div", { key: '3c6cadb7ff3dbc67fb8bab786133d64ad330c5d7', class: "pn-multiselect-input" }, !!this.icon && hAsync("pn-icon", { key: '20bb5b6b273bea94903648a3465e14cf8dad2f77', class: "pn-multiselect-icon", "data-custom": true, icon: this.icon }), hAsync("input", { key: '905179f50885d27bc7f41df667be93731dd5e4be', tabindex: this.search ? null : '-1', type: this.search ? 'search' : 'input', id: this.getId(), class: "pn-multiselect-element", value: this.search ? this.searchQuery : this.optionsCheckedLabels(), name: this.selectName, placeholder: this.getPlaceholder(), required: this.search ? null : this.required, "aria-label": this.getAriaLabel(), "aria-labelledby": this.getAriaLabelledby(), "aria-describedby": this.describedBy(), "aria-controls": `${this.idOptions} ${this.search ? this.idChips : ''}`, "aria-invalid": this.hasError()?.toString(), disabled: this.disabled, readonly: !this.search, "data-compact": this.compact, onClick: () => (this.search && this.open ? null : this.toggleOpen()), onKeyDown: e => this.handleInputKeyboard(e), onBlur: e => this.handleBlur(e), onInput: e => this.search && this.setSearchQuery(e.target.value), ref: el => (this.elInput = el) }), this.compact && this.renderLabel(true), this.hasError() && (hAsync("pn-icon", { key: '635d97c6b8f780e6bd6daab225a97d1057b4bf0d', class: "pn-multiselect-icon", "data-error": true, icon: alert_exclamation_circle, color: "warning" })), hAsync("button", { key: '77e9862561cd9ed80c5aa1b386ae772476a34e76', id: this.idButton, type: "button", class: "pn-multiselect-button", "aria-label": this.translate(`BUTTON_${this.open ? 'CLOSE' : 'OPEN'}`), "aria-describedby": this.search ? null : this.getId(), "aria-controls": this.idOptions, "aria-expanded": this.open.toString(), onClick: () => this.toggleOpen(), ref: el => (this.elButton = el) }, hAsync("pn-icon", { key: '28092398e64c04af103142d8f459579eb2b70a1b', class: "pn-multiselect-icon", icon: chevron_down, color: "blue700" }))), this.renderOptions()), hAsync("p", { key: '17d396f1b3175b502ce8d54c6ec059588bbe8128', id: this.idHelper, class: "pn-multiselect-text", hidden: this.hideHelpertext() }, hAsync("span", { key: '693ba0a687b9b9766249e6703d0252beeeb762e9' }, this.helpertext), hAsync("slot", { key: 'a70b1dff00b4ec936461f73354ebe18ce1a0a0c1', name: "helpertext" })), hAsync("p", { key: '94c44db96a270fd7d3180c6dfddb53a46e85c2aa', id: this.idError, class: "pn-multiselect-text", role: "alert", hidden: this.hideError() }, hAsync("span", { key: '0297ed1e18f374c0c3f0909a1ee5685b75c73a7c' }, this.error), hAsync("slot", { key: '9c545b960d440978e46858b69ac86ad0112510c7', name: "error" })), this.search && this.renderChips(), hAsync("slot", { key: '9551563c6a72fa6e06ce473eadbc73a0428b551e' }), this.search && (hAsync("p", { key: '96863325f57e613f0272d652e05a70e1c5c35dde', id: this.idSr, class: "pn-multiselect-sr-only", role: "alert", "aria-live": "assertive" }, this.srMessage && hAsync("span", { key: '21b84e0522ca16702a9ccabb071d30c0317631ef' }, this.srMessage))))));
+        return (hAsync(Host, { key: 'a0ecbc763c7fe2e742a2737a13ccb25049ca5d2c' }, hAsync("fieldset", { key: 'e34a6c4a098b8509985300c6101f28810a2624e5', class: "pn-multiselect", "data-icon": !!this.icon, "data-error": this.hasError(), disabled: this.disabled }, this.renderLabel(), hAsync("div", { key: '4af7e657d83cd4eb9d1f7aef7c41e91c204e8b49', class: "pn-multiselect-group", ref: el => (this.elGroup = el) }, hAsync("div", { key: 'f5d0ab6e61dfac0c19a3ba86230c3da6e14efde5', class: "pn-multiselect-input" }, !!this.icon && hAsync("pn-icon", { key: '2bb3a5906b9624c14b912dae42ab0f266be28708', class: "pn-multiselect-icon", "data-custom": true, icon: this.icon }), hAsync("input", { key: '40bf05bdcdfc7d20d11c7d463863727e5d6aff2e', tabindex: this.search ? null : '-1', type: this.search ? 'search' : 'input', id: this.getId(), class: "pn-multiselect-element", value: this.search ? this.searchQuery : this.optionsCheckedLabels(), name: this.selectName, placeholder: this.getPlaceholder(), required: this.search ? null : this.required, "aria-label": this.getAriaLabel(), "aria-labelledby": this.getAriaLabelledby(), "aria-describedby": this.describedBy(), "aria-controls": `${this.idOptions} ${this.search ? this.idChips : ''}`, "aria-invalid": this.hasError()?.toString(), disabled: this.disabled, readonly: !this.search, "data-compact": this.compact, onClick: () => (this.search && this.open ? null : this.toggleOpen()), onKeyDown: e => this.handleInputKeyboard(e), onBlur: e => this.handleBlur(e), onInput: e => this.search && this.setSearchQuery(e.target.value), ref: el => (this.elInput = el) }), this.compact && this.renderLabel(true), this.hasError() && (hAsync("pn-icon", { key: 'cb667952d2f8c5d2d651781f15ff74b6b775e042', class: "pn-multiselect-icon", "data-error": true, icon: alert_exclamation_circle, color: "warning" })), hAsync("button", { key: '94b05fea39ded60eab60763fdb84a9b711ae8162', id: this.idButton, type: "button", class: "pn-multiselect-button", "aria-label": this.translate(`BUTTON_${this.open ? 'CLOSE' : 'OPEN'}`), "aria-describedby": this.search ? null : this.getId(), "aria-controls": this.idOptions, "aria-expanded": this.open.toString(), onClick: () => this.toggleOpen(), ref: el => (this.elButton = el) }, hAsync("pn-icon", { key: 'eeaafee94ca176871092ceeb80d963fccc31dcec', class: "pn-multiselect-icon", icon: chevron_down, color: "blue700" }))), this.renderOptions()), hAsync("p", { key: '2b769d32ed6692b99a19c125c5177eb375095e68', id: this.idHelper, class: "pn-multiselect-text", hidden: this.hideHelpertext() }, hAsync("span", { key: 'dc43a1985211d85923e3085d44cb2b368e2582a4' }, this.helpertext), hAsync("slot", { key: 'f0f4cd86c528644a133f7c9db51251a77265e15f', name: "helpertext" })), hAsync("p", { key: '718171d4d2c510d70c562a188ef25eacf60ea039', id: this.idError, class: "pn-multiselect-text", role: "alert", hidden: this.hideError() }, hAsync("span", { key: '2b0cfd1042189fb60d96e3d43001f3ff6794cb4e' }, this.error), hAsync("slot", { key: 'e381d819a3de5c550816309f097ae37c713b604e', name: "error" })), this.search && this.renderChips(), hAsync("slot", { key: '6f7731063585b04cc851a5790ec77fff209baa03' }), this.search && (hAsync("p", { key: 'f4df41d21ebc5219a86fbc90947285635df86d13', id: this.idSr, class: "pn-multiselect-sr-only", role: "alert", "aria-live": "assertive" }, this.srMessage && hAsync("span", { key: '6d24d915b81ef53a1eb210d3c7d0a85184ea1e88' }, this.srMessage))))));
     }
     static get watchers() { return {
         "open": [{
@@ -10807,7 +10869,7 @@ class PnOcrSearch {
         }
     }
     render() {
-        return (hAsync(Host, { key: '7cf50eabd6310124086f1674537bbb5f73ac6714' }, hAsync("pn-search-field", { key: 'b8a24cdd8fdbb4ad6ac051bddd064f731bac8880', loading: this.loading, label: this.getTranslation('SEARCH_BUTTON'), button: "icon", buttonLabel: this.getTranslation('SEARCH_BUTTON'), placeholder: this.getTranslation('PLACEHOLDER_TEXT'), onSearch: e => this.handleSearch(e) }), this.renderSearchResult(), this.renderErrorMessage()));
+        return (hAsync(Host, { key: 'c6f418483d78065a3a95f94f18613f76088ae279' }, hAsync("pn-search-field", { key: 'c28bff48bc802958b6c8c05f54ad9093c3b1708e', loading: this.loading, label: this.getTranslation('SEARCH_BUTTON'), button: "icon", buttonLabel: this.getTranslation('SEARCH_BUTTON'), placeholder: this.getTranslation('PLACEHOLDER_TEXT'), onSearch: e => this.handleSearch(e) }), this.renderSearchResult(), this.renderErrorMessage()));
     }
     static get style() { return pnOcrSearchCss(); }
     static get cmpMeta() { return {
@@ -11121,7 +11183,7 @@ class PnPageNav {
     }
     /* ---------------------------------------/DROPDOWN LOGIC--------------------------------------- */
     render() {
-        return (hAsync(Host, { key: '2bca6384910b5b314ddbb6f4f646fa95ee084c09' }, hAsync("div", { key: '2322adc21546db4fcf950f0136516ef3a059b409', class: "pn-page-nav-wrapper" }, hAsync("nav", { key: '62ce2c8c14c2748b8e5f4fd91263c19b70db1559', class: "pn-page-nav" }, this.dropdownActive && (hAsync("button", { key: 'a7839cdd22ca1fbb7f2a1dcb56ebf8d9d7dda05d', type: "button", class: this.dropdownButtonClasses(), onClick: () => this.toggleDropdown(), "aria-controls": "page-nav-dropdown", "aria-expanded": `${this.dropdownOpen}` }, this.dropdown, hAsync("pn-icon", { key: '1a91a0a67c34295456c3bdb943740b257d942a53', icon: chevron_down, color: "white", small: true }), hAsync("div", { key: '1197635d3c157fae6b5fd90b52a8a61af8de4b8e', class: "pn-page-nav-divider" }))), hAsync("ul", { key: '3a19fcbe877e2dc81c76d378fffe1536ac1af54f', class: "pn-page-nav-items" }, hAsync("slot", { key: 'aff622272002a021fc4606cb9d43aa9d86e06ba3' }), hAsync("li", { key: 'eb6d08cc390d742576a633629ee930b979ee9fdf', class: "pn-pn-bg pn-pn-active", role: "presentation" }), hAsync("li", { key: '86be3cba39c47f3bc7f3c87afedfef66afcd6fb2', class: "pn-pn-bg pn-pn-hover", role: "presentation" }))), this.showScrollArrows && (hAsync("div", { key: '875412be070486024d5886f5f4099747b0d51b8a', class: this.scrollArrowClasses() }, hAsync("button", { key: '358199bf37ce3473f002ae20e6dfab31a1ae0ac5', class: "pn-pn-arrow-left", onClick: () => this.scroll(-120), tabindex: "-1" }, hAsync("pn-icon", { key: 'c40ceef73645e7bf9cec3935e892faf8c369a158', icon: arrow_left, color: "white" })), hAsync("button", { key: '8ac847b47005a0d61f72de5122601c38ff268655', class: "pn-pn-arrow-right", onClick: () => this.scroll(120), tabindex: "-1" }, hAsync("pn-icon", { key: 'dc21c3242fe32126adca3ebc38c8a8eeed705aca', icon: arrow_right, color: "blue700" }))))), this.dropdownActive && (hAsync("ul", { key: '7666ab6c68d3b9fe0bd39ac4bd1cec2e240e6871', id: this.navid, class: this.dropdownClasses() }, hAsync("slot", { key: '64c6a3b285fb8058eb8085f2557e001c6711db4c', name: "dropdown-item" })))));
+        return (hAsync(Host, { key: '57c1d7248ca2704b6acf675cfd9648d5d2afcf60' }, hAsync("div", { key: 'b02d7389cb66d185ff1d72674a3ce2d2c3a81e76', class: "pn-page-nav-wrapper" }, hAsync("nav", { key: '60d1d6974945dd5971a967d92886c4c4a3a5b4ff', class: "pn-page-nav" }, this.dropdownActive && (hAsync("button", { key: '6ce020ca42332cd760c410b6144f2317fa95f239', type: "button", class: this.dropdownButtonClasses(), onClick: () => this.toggleDropdown(), "aria-controls": "page-nav-dropdown", "aria-expanded": `${this.dropdownOpen}` }, this.dropdown, hAsync("pn-icon", { key: 'd2b750dc24022e5b1b5425b4b2a76dcba0c26c69', icon: chevron_down, color: "white", small: true }), hAsync("div", { key: '1257070fcbcfcbe08142b379466f7fd7dc3d37ee', class: "pn-page-nav-divider" }))), hAsync("ul", { key: 'd72c186854c5a679bb9395c7aa9f0dfe469b8f14', class: "pn-page-nav-items" }, hAsync("slot", { key: 'ba7a508c841b594466bdadf1bf904cadef5b2bc9' }), hAsync("li", { key: 'c50294022952d8168886d816509a0297c262071c', class: "pn-pn-bg pn-pn-active", role: "presentation" }), hAsync("li", { key: 'a2dfc8bb63575feabb0a58caae1e8ae76e873943', class: "pn-pn-bg pn-pn-hover", role: "presentation" }))), this.showScrollArrows && (hAsync("div", { key: '5e99c2cc1d1122091b2286e4fd9c54cb0734fb59', class: this.scrollArrowClasses() }, hAsync("button", { key: 'a92f375c45a6705154b58dd5ca8df03cf6010a6f', class: "pn-pn-arrow-left", onClick: () => this.scroll(-120), tabindex: "-1" }, hAsync("pn-icon", { key: '58413aff678f1b3a4d17a3693261fc9f3110d8cc', icon: arrow_left, color: "white" })), hAsync("button", { key: '2a83e1480087752eacebdf5c35fcfbea3fa3cb8d', class: "pn-pn-arrow-right", onClick: () => this.scroll(120), tabindex: "-1" }, hAsync("pn-icon", { key: 'fde8949b978be59ae2d9c5ab44ce286b72c35790', icon: arrow_right, color: "blue700" }))))), this.dropdownActive && (hAsync("ul", { key: '802117bef707c98683b3ed30449897ac13d6af05', id: this.navid, class: this.dropdownClasses() }, hAsync("slot", { key: '414852b90620a09a11f9a4c3b1d7d4809b6f8487', name: "dropdown-item" })))));
     }
     static get watchers() { return {
         "value": [{
@@ -11195,7 +11257,7 @@ class PnPageNavDropdownItem {
     }
     render() {
         const TagName = this.getTagName();
-        return (hAsync("li", { key: '93c6bd31a88c76797cee2bc915c31e6ecfa5aace' }, hAsync(TagName, { key: '2818d4f3a1572f863f9b9a8609d572f5994f6e75', href: this.href || '#', class: this.setClassnames(), type: this.getType(), onClick: e => this.select(e), tabindex: "-1" }, hAsync("slot", { key: 'e04f130737445747a2b93bf9d7372bf22889fcff' }), hAsync("pn-icon", { key: '934d46f6bd482171d974efec7c4494f8b1b1faff', icon: arrow_right, color: "white" })), hAsync("hr", { key: 'c5c9c4a24affe5b10d56e8a6ca5d6bee434aa571' })));
+        return (hAsync("li", { key: 'a092dbd0ea2bead9b2d974cadf80f74190a0d14e' }, hAsync(TagName, { key: 'd0d9542e100b59c39ced2612c9b279d7d07bd876', href: this.href || '#', class: this.setClassnames(), type: this.getType(), onClick: e => this.select(e), tabindex: "-1" }, hAsync("slot", { key: '96f8721e300c4b32e72df20079030986d5ffee6b' }), hAsync("pn-icon", { key: 'd835de522cec9ec9f686bb9c0d30d842d4feeb80', icon: arrow_right, color: "white" })), hAsync("hr", { key: 'db691728876fa378a714eb13202922a99bd8ca46' })));
     }
     static get style() { return pnPageNavDropdownItemCss(); }
     static get cmpMeta() { return {
@@ -11238,7 +11300,7 @@ class PnPageNavItem {
         this.itemselection.emit(this.value);
     }
     render() {
-        return (hAsync(Host, { key: 'b4249e533daa9f96259d5379fdfcd90d87f3cc11' }, hAsync("li", { key: '86b933f5d6b4bc827826c679a6ddf04efca08ee9' }, hAsync("a", { key: '217797b771a53db8bbf53272eaafe816fc668ebc', href: this.href || '#', class: "pn-page-nav-item", onClick: e => this.select(e) }, this.icon && hAsync("pn-icon", { key: '8de359aa34e50caa65a66db5620590f24d409dae', icon: this.icon, color: "white" }), hAsync("slot", { key: '5610d030d68f2e7f3f8eac68c02a01c3f9624f5e' })))));
+        return (hAsync(Host, { key: '3bceeadfd2b66e184d7c287e0d720d8093e571fa' }, hAsync("li", { key: '58eb5671306d42c653113838c1a1ba9c96312c2d' }, hAsync("a", { key: '438609540a2a64ac3aabf8030b68056574e68551', href: this.href || '#', class: "pn-page-nav-item", onClick: e => this.select(e) }, this.icon && hAsync("pn-icon", { key: '945dd1e63943e2854290b010f088caa08f684cc4', icon: this.icon, color: "white" }), hAsync("slot", { key: 'f3a9032f5373651349135b101a23ef2dc52a52a9' })))));
     }
     static get style() { return pnPageNavItemCss(); }
     static get cmpMeta() { return {
@@ -11482,7 +11544,7 @@ class PnPagination {
         return (hAsync("pn-button", { arialabel: label, ariacurrent: current ? 'page' : null, href: this.getUrl(page), rel: current ? null : rel, appearance: "light", small: true, icon: icon, iconOnly: true, onPnClick: ({ detail }) => this.navigate({ page, event: detail }) }));
     }
     render() {
-        return (hAsync(Host, { key: 'a975a04388ce0495aef863236d3fd2f936380fed' }, hAsync("nav", { key: '920aeb21c535b7f09bc54924865d3b5be2a65652', id: this.paginationId, class: "pn-pagination", "aria-label": this.label || this.translate('PAGINATION') }, this.useRowList() && (hAsync("pn-select", { key: '880de99ef3a2a1400ff08f420c8c81017846e1fa', class: "pn-pagination-rows", label: this.rowsLabel || this.translate('ROWS_PAGE'), onChange: event => this.setRows(event) }, this.getRowList().map(item => (hAsync("option", { value: item, selected: this.rows === Number(item), innerHTML: `${item}` }))))), hAsync("div", { key: 'd11a69a8d7f5efcaae031214f2abf417d8922207', class: "pn-pagination-container", "data-right": this.useRowList() }, this.renderJumpButton(), this.renderButton({ page: 1, dataAttr: 'first' }), this.renderDivider(), hAsync("ol", { key: '2a5777aecd5210105ea26ed8c8cb9d99d1f1efc8', class: "pn-pagination-list", ref: el => (this.listElement = el) }, this.getPagination().map(item => this.renderItem(item))), this.renderDivider(true), this.renderButton({ page: this.pages, dataAttr: 'last' }), this.renderJumpButton(true)))));
+        return (hAsync(Host, { key: '5c36be3d032fa0769af32e78f76ef7681b87b5b0' }, hAsync("nav", { key: '1e63a84c6f9e0b43bffd675d24d8b11e1a2e6abb', id: this.paginationId, class: "pn-pagination", "aria-label": this.label || this.translate('PAGINATION') }, this.useRowList() && (hAsync("pn-select", { key: '07e4af8aab83392cedff2587e72abab3045ccdaf', class: "pn-pagination-rows", label: this.rowsLabel || this.translate('ROWS_PAGE'), onChange: event => this.setRows(event) }, this.getRowList().map(item => (hAsync("option", { value: item, selected: this.rows === Number(item), innerHTML: `${item}` }))))), hAsync("div", { key: '6ece9af08f44edde18795c16b03b476de6682be9', class: "pn-pagination-container", "data-right": this.useRowList() }, this.renderJumpButton(), this.renderButton({ page: 1, dataAttr: 'first' }), this.renderDivider(), hAsync("ol", { key: '6c87dbecfad6aecc50c10158e17a903581902c45', class: "pn-pagination-list", ref: el => (this.listElement = el) }, this.getPagination().map(item => this.renderItem(item))), this.renderDivider(true), this.renderButton({ page: this.pages, dataAttr: 'last' }), this.renderJumpButton(true)))));
     }
     static get watchers() { return {
         "page": [{
@@ -12040,7 +12102,7 @@ class PnRadioButton extends Mixin(animateHeightFactory) {
         return !this.displayLabel() && !this.pnAriaLabel ? this.pnAriaLabelledby : null;
     }
     render() {
-        return (hAsync(Host, { key: '4cc4729921eef5f9076bb2b3ce409d105c37e7fc' }, hAsync("input", { key: '5081a5a1be4ebd3bfeca8559c3973b60e6257f6c', type: "radio", id: this.getId(), class: "pn-radio-input", value: this.value, name: this.name, disabled: this.disabled, checked: this.checked, required: this.required, "aria-label": this.getAriaLabel(), "aria-labelledby": this.getAriaLabelledby(), "aria-invalid": this.isInvalid()?.toString(), "aria-describedby": this.displayHelpertext() ? this.idHelpertext : null, "data-tile": this.tile, "data-expand": this.expand, onChange: event => this.pnRadioChange.emit(event), ref: el => (this.radioInput = el) }), hAsync("div", { key: 'a933fc7fe850449df7c3c94ee387fa882b905fac', class: "pn-radio", "data-tile": this.tile, "data-expand": this.expand, "data-invalid": this.isInvalid() }, hAsync("div", { key: '83f27a39013bd0674d1155aced4258da5c2cba58', class: "pn-radio-button" }, hAsync("div", { key: 'fab4f7fbe57a2e9ae9c7cae444c2d603b23b6acb', class: "pn-radio-outer" }, hAsync("div", { key: 'd672da19315841a7e1a46ada320739d8ced84a93', class: "pn-radio-inner" }))), hAsync("div", { key: 'e863aa9e7396ccead7fed2227bbee45ca96c2187', class: "pn-radio-content", hidden: !this.displayText() }, hAsync("label", { key: '221ea43c549af80b6b8c54fc611b0b48fe709f17', htmlFor: this.getId(), class: "pn-radio-label", hidden: !this.displayLabel() }, this.label), hAsync("p", { key: '9a1cc75ef224d5d6830c35ee20742a14ef2268ba', id: this.idHelpertext, class: "pn-radio-helpertext", hidden: !this.displayHelpertext() }, this.helpertext, hAsync("slot", { key: 'fb77032b6ce781fbc45bc9a5914b7c64b6cb3fd5', name: "helpertext" })), hAsync("slot", { key: '73d298a9ef742031d83de42b737f5a6289ec692d' })), this.displayIcon() && hAsync("pn-icon", { key: '8850771543bb69709196805cb46096bd706d32f7', icon: this.icon, color: "gray900" }), hAsync("div", { key: '9ac6ed23cc447f4f7ed1bd0ab5311a211fc2f25d', class: "pn-radio-container", "data-open": this.checked, hidden: !this.displayContent(), style: { height: '0px' }, ref: el => (this.contentArea = el) }, hAsync("div", { key: 'b952ea9f31572a6d5933f3ea3342283aaf9901e4', class: "pn-radio-area" }, hAsync("slot", { key: '41e31f73b12b07ae647ccf89abcac486e5820592', name: "content" }))))));
+        return (hAsync(Host, { key: '52305f6cf3826500739510f0cf1fd0ab2abc7dc2' }, hAsync("input", { key: 'cc4f799fb58073ca59af798601d70baf88263aca', type: "radio", id: this.getId(), class: "pn-radio-input", value: this.value, name: this.name, disabled: this.disabled, checked: this.checked, required: this.required, "aria-label": this.getAriaLabel(), "aria-labelledby": this.getAriaLabelledby(), "aria-invalid": this.isInvalid()?.toString(), "aria-describedby": this.displayHelpertext() ? this.idHelpertext : null, "data-tile": this.tile, "data-expand": this.expand, onChange: event => this.pnRadioChange.emit(event), ref: el => (this.radioInput = el) }), hAsync("div", { key: '05e2a10face9b2ca1b0ced1f6f38f1173f15d1c0', class: "pn-radio", "data-tile": this.tile, "data-expand": this.expand, "data-invalid": this.isInvalid() }, hAsync("div", { key: 'b5274e03c47ac3d53103af945b3e8ce211eec827', class: "pn-radio-button" }, hAsync("div", { key: '1f4a592f7d243312e00259f67ce60836a449f42d', class: "pn-radio-outer" }, hAsync("div", { key: '05cb629b8c45724c6831271a40620ba5ec6e66ef', class: "pn-radio-inner" }))), hAsync("div", { key: 'a91835bcaa01888fd2a2b1b768def02203b58038', class: "pn-radio-content", hidden: !this.displayText() }, hAsync("label", { key: 'c11016410fd25dbb3288640ef5f239553991f0f8', htmlFor: this.getId(), class: "pn-radio-label", hidden: !this.displayLabel() }, this.label), hAsync("p", { key: '6d4d46978e2a4f326af1558c4c6dd04c3c29956b', id: this.idHelpertext, class: "pn-radio-helpertext", hidden: !this.displayHelpertext() }, this.helpertext, hAsync("slot", { key: '3167af1f4d47e1a9c8010bc9316b32c5499f66ee', name: "helpertext" })), hAsync("slot", { key: '1a4b466d8a8ba4e06ae96977e33fad1c502d5ea2' })), this.displayIcon() && hAsync("pn-icon", { key: '67f80f5c1db91e7310cf5baefdf6f3c346c83397', icon: this.icon, color: "gray900" }), hAsync("div", { key: 'e296239a734c33c40035b489d79b1edf44f1a2b7', class: "pn-radio-container", "data-open": this.checked, hidden: !this.displayContent(), style: { height: '0px' }, ref: el => (this.contentArea = el) }, hAsync("div", { key: 'f6245b5b2c9611da4b59a3fdb3047fe8365f1678', class: "pn-radio-area" }, hAsync("slot", { key: 'b985712da1ea4504025d17cc507588f14d9ebfff', name: "content" }))))));
     }
     static get watchers() { return {
         "radioid": [{
@@ -12427,7 +12489,7 @@ class PnRange {
         this.setValue(numberValue, this.pressControl === 'end');
     }
     render() {
-        return (hAsync(Host, { key: '9945b3c7f372134797de134a550106602a88a864' }, hAsync("div", { key: 'd940ec70592f62a4a22f30fbee67ec9736b06560', class: "pn-range", "data-markers": !!this.markers?.length, "data-input": this.input }, hAsync("div", { key: '9bcc2d50329ff1d77b6e60e32de8e6c7ff355271', class: "pn-range-header", "data-input": this.input }, this.label && (hAsync("label", { key: '5888cd96c03e60f5311f877bf84e6aa62d47e97f', htmlFor: this.pnId, class: "pn-range-label" }, hAsync("span", { key: '2072db6913d555fac653694a9e0d07c7d76fc695' }, this.label))), this.multiple && this.labelEnd && (hAsync("label", { key: 'ae8dd61026a936c210c73ba6efe811e93760e60f', htmlFor: this.pnIdEnd, class: "pn-range-label" }, hAsync("span", { key: '28bccee780ec10bd2b13b46f7e71ee0bcd68d559' }, this.labelEnd)))), this.renderPrefix(), hAsync("div", { key: '278a597274b88d050ca240367e89677b5e302b97', class: "pn-range-group", "data-pressing": this.isPressing }, this.renderRangeInput(), this.multiple && (hAsync(Fragment, { key: '840c4fc833463c6844157a3211707224777157ed' }, this.renderRangeInput(true), hAsync("input", { key: '8eb75af8c97670d7cadb0fe91fd9f3314802953d', id: this.idInputHidden, type: "range", class: "pn-range-overlay-input", ...this.commonAttrs(), "aria-invalid": this.hasError().toString(), hidden: true, tabIndex: -1, ...this.setListeners(true) }))), hAsync("div", { key: 'e2132f04eb0feca32916042bf0f3cd59f721dc8f', class: "pn-range-track", "data-multiple": this.multiple, "aria-hidden": "true" }), this.renderTooltip(), this.multiple && this.renderTooltip(true), !!this.markers?.length && (hAsync("ul", { key: '9e49ca3fd348c9994b72129d6c10236935f14197', "aria-hidden": "true", class: "pn-range-markers" }, this.markers.map(({ label, value }) => (hAsync("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)}%` } }, hAsync("span", { class: "pn-range-markers-label", "data-active": this.isActiveMarker(value) }, this.getMarkerLabel({ value, label })))))))), this.renderSuffix(), !!this.markers?.length && (hAsync("datalist", { key: '1de13cbec1006384d3ff3a00b1b04542f7202c41', id: this.idDatalist }, this.markers.map(({ label, value }) => (hAsync("option", { value: value, label: label === null ? null : label }))))), hAsync("p", { key: '2a188f9aedf5a406f61b76124a1d50439fff9113', id: this.idHelpertext, class: "pn-range-message", hidden: !this.hasHelperText() || this.hasErrorMessage() }, hAsync("span", { key: '487bc4892db02156d88b683e96bb576897926b6a' }, this.helpertext), hAsync("slot", { key: '5145e5f591e33da198650034c8d4dcf0e47d30a9', name: "helpertext" })), hAsync("p", { key: '969947b6672fcd16c7b0947a2d2dc2faf58a9334', id: this.idError, class: "pn-range-message pn-range-error", role: "alert", hidden: !this.hasErrorMessage() }, hAsync("span", { key: '5a0d01b2a9ca80f17cdf45329f3b900e1e1eabf7' }, this.error), hAsync("slot", { key: '375f36337b860afd1d8b4c2b7bc8001d8653745f', name: "error" })))));
+        return (hAsync(Host, { key: '7b15d5fd890496496ef2056fe05d84726ca469fb' }, hAsync("div", { key: '61d8b45ca3ccf77cdafed4ba1b810c171ed7fc53', class: "pn-range", "data-markers": !!this.markers?.length, "data-input": this.input }, hAsync("div", { key: 'e7c83db6b00415406d2906b48d0e502b241419ba', class: "pn-range-header", "data-input": this.input }, this.label && (hAsync("label", { key: '11a45aa1c4559e8a067f3f795e6c471d1a208079', htmlFor: this.pnId, class: "pn-range-label" }, hAsync("span", { key: '70f0c5a768b9524c2b029d723dc8440396ab9e73' }, this.label))), this.multiple && this.labelEnd && (hAsync("label", { key: '87c879956b9c056e94e520160d2d5ce101156bdb', htmlFor: this.pnIdEnd, class: "pn-range-label" }, hAsync("span", { key: '19cef5a35f5af8d7572bd25b8c585142090e01eb' }, this.labelEnd)))), this.renderPrefix(), hAsync("div", { key: 'fa7fcce195c3ec0f59f68223235991c78b0cd1e5', class: "pn-range-group", "data-pressing": this.isPressing }, this.renderRangeInput(), this.multiple && (hAsync(Fragment, { key: 'b8cfb75f9e26ca87cfcea6c9ac86843b83dd7f65' }, this.renderRangeInput(true), hAsync("input", { key: '6ae36cdd478fa192f7c131e6b1dbdbe4423beb31', id: this.idInputHidden, type: "range", class: "pn-range-overlay-input", ...this.commonAttrs(), "aria-invalid": this.hasError().toString(), hidden: true, tabIndex: -1, ...this.setListeners(true) }))), hAsync("div", { key: '87fa2359de2cb4ad694a5637e86105ddeb001d83', class: "pn-range-track", "data-multiple": this.multiple, "aria-hidden": "true" }), this.renderTooltip(), this.multiple && this.renderTooltip(true), !!this.markers?.length && (hAsync("ul", { key: '7fba4903d152f1597916a6ca960d0ead94108705', "aria-hidden": "true", class: "pn-range-markers" }, this.markers.map(({ label, value }) => (hAsync("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)}%` } }, hAsync("span", { class: "pn-range-markers-label", "data-active": this.isActiveMarker(value) }, this.getMarkerLabel({ value, label })))))))), this.renderSuffix(), !!this.markers?.length && (hAsync("datalist", { key: 'b14372658a0fef24130fb285de78833828db1690', id: this.idDatalist }, this.markers.map(({ label, value }) => (hAsync("option", { value: value, label: label === null ? null : label }))))), hAsync("p", { key: 'b69de56bb0a97f7a60a7cf7d68e52feb21a5af1b', id: this.idHelpertext, class: "pn-range-message", hidden: !this.hasHelperText() || this.hasErrorMessage() }, hAsync("span", { key: 'd0a03b481006198b487144d0552b1719bf845f67' }, this.helpertext), hAsync("slot", { key: 'e4c4698135491e6af33df77a7d0108f8c0aa0840', name: "helpertext" })), hAsync("p", { key: '9f462d515aeedfa4c28d0214afa9dba5ec10225e', id: this.idError, class: "pn-range-message pn-range-error", role: "alert", hidden: !this.hasErrorMessage() }, hAsync("span", { key: 'cbf21fa15da09a99e7d6daf01e5b497dec7d437c' }, this.error), hAsync("slot", { key: '93f9afd84d778eebf53d73531084c18fa583ee84', name: "error" })))));
     }
     static get watchers() { return {
         "value": [{
@@ -12779,7 +12841,7 @@ class PnSearchField {
         return this.searchSimple() ? 'outlined' : null;
     }
     render() {
-        return (hAsync(Host, { key: '5ffa0c58cd54c1a6588147e5ec9a72e0045e16aa' }, hAsync("div", { key: 'd18a2bdaef46229ff87fe1612d39489443fd70cc', class: "pn-search-field", "data-inline": this.searchAuto(), "data-loading": this.loading, "data-searching": !!this.value, "data-jumbo": this.searchJumbo() }, hAsync("div", { key: '1a7c9e872e0c7696f0d1d84a3420eade2b1cd2ed', class: "pn-search-field-container" }, hAsync("input", { key: '3ff3e9809123283f66ea933f7bc9fb5a92489e51', class: "pn-search-field-input", id: this.getId(), type: "search", value: this.value, name: this.name, placeholder: this.placeholder, autocomplete: this.autocomplete, list: this.list, required: this.required, disabled: this.disabled, "aria-label": this.label, "aria-labelledby": this.getAriaLabelledby(), onKeyDown: e => this.emitSearch({ button: e }), onInput: e => this.setVal(e) }), hAsync("div", { key: 'eeb6d382c93f98da5561b30219ef829c668eab54', class: "pn-search-field-inline" }, this.searchAuto() && (hAsync("pn-button", { key: '65d7049753656a7f4bce29e7e8c99305e99f15e2', 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 && (hAsync("pn-button", { key: '58bae5e2fc05c66cee21081e71904530ca75a0b9', 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() && hAsync("pn-spinner", { key: 'd3955278766f786897eb0024c7523179a2ad78c4', class: "pn-search-field-spinner" }))), !this.searchAuto() && (hAsync("pn-button", { key: 'fd46d299cfd9600e671e827daa4a00675a6bd25b', 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 (hAsync(Host, { key: 'aa01f135ec98eed061d33617a5d21fb75407a917' }, hAsync("div", { key: '17161eac733e7f46c26524baf0508292b1575712', class: "pn-search-field", "data-inline": this.searchAuto(), "data-loading": this.loading, "data-searching": !!this.value, "data-jumbo": this.searchJumbo() }, hAsync("div", { key: '12a771d29c021a6c83fe9aa152f8367c7f20f2e3', class: "pn-search-field-container" }, hAsync("input", { key: 'b5ce3770f1ef6d53ee904ef40894eb91c76c96b4', class: "pn-search-field-input", id: this.getId(), type: "search", value: this.value, name: this.name, placeholder: this.placeholder, autocomplete: this.autocomplete, list: this.list, required: this.required, disabled: this.disabled, "aria-label": this.label, "aria-labelledby": this.getAriaLabelledby(), onKeyDown: e => this.emitSearch({ button: e }), onInput: e => this.setVal(e) }), hAsync("div", { key: 'f1922be073a70bbf54f67b7adc793c240b212769', class: "pn-search-field-inline" }, this.searchAuto() && (hAsync("pn-button", { key: '497b71cf5c3a1403789a4746b92da1b6f72f6341', 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 && (hAsync("pn-button", { key: 'd1591b1d364e9da38129099a7f2841282c0d224e', 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() && hAsync("pn-spinner", { key: '205a3761b7637381f9ea50c4e28c6734f27558f3', class: "pn-search-field-spinner" }))), !this.searchAuto() && (hAsync("pn-button", { key: '0b41069b9d9554c196e32289e82192137cd8059e', 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 }) })))));
     }
     static get style() { return pnSearchFieldCss(); }
     static get cmpMeta() { return {
@@ -12848,7 +12910,7 @@ class PnSegment {
         return this.pnId || this.segmentid || this.id;
     }
     render() {
-        return (hAsync(Host, { key: 'c1ca80ac494bc4b75dea79723d12650d18c47e98', onMouseEnter: (event) => this.handleHover(event) }, hAsync("input", { key: 'c3bdb057f6ecb46a0a343da3c54331375a6c0e35', class: "pn-segment", id: this.getId(), name: this.name, checked: this.selected, type: "radio", value: this.value, disabled: this.disabled }), hAsync("label", { key: '06f7c91d9440c867a98642246a7ef9c958f2eb1b', htmlFor: this.getId(), class: "pn-segment-label" }, this.icon && hAsync("pn-icon", { key: 'caf831966dd81f60ac72f2c3a18ca1afd085d07c', icon: this.icon, color: "blue700" }), hAsync("span", { key: '0d14699fcadef37bcb33d43464db9e5217d0d202', class: "pn-segment-text" }, this.label, hAsync("slot", { key: '7e7398bba9a088764e844dc7856aec2ec325161b' })))));
+        return (hAsync(Host, { key: '035a10616c69c6c25f0edcff2a31532138684e99', onMouseEnter: (event) => this.handleHover(event) }, hAsync("input", { key: 'd256c8e01319f349339beafe2257ff2b2ebfbf08', class: "pn-segment", id: this.getId(), name: this.name, checked: this.selected, type: "radio", value: this.value, disabled: this.disabled }), hAsync("label", { key: '1bd57da75f8c9de454777d4bdcc22f23703c9d7e', htmlFor: this.getId(), class: "pn-segment-label" }, this.icon && hAsync("pn-icon", { key: 'f5c399f939fcad384b18c1de782fa542f3cf0ee9', icon: this.icon, color: "blue700" }), hAsync("span", { key: 'e0484e6a5357c24a2fa61bdb63245703a8db9cda', class: "pn-segment-text" }, this.label, hAsync("slot", { key: '1c2e2d941fefd272ea58fdcd0b98c0909eccfd5f' })))));
     }
     static get style() { return pnSegmentCss(); }
     static get cmpMeta() { return {
@@ -12994,7 +13056,7 @@ class PnSegmentedControl {
     }
     /*---------------------------------------/SCROLL ARROW LOGIC-------------------------------------------*/
     render() {
-        return (hAsync(Host, { key: 'e50018a767b5280ce0144544f3fb213b8f025944' }, hAsync("div", { key: '8f9f4beedc7b07d2431fde84456a96d501bdbf15', class: "pn-segmented-control", ref: el => (this.segmentContainer = el) }, hAsync("slot", { key: '1caffca6e2cd27adcb2c5bfa5b45f52043c85829' }), hAsync("div", { key: '3ef184c6e26f194aa3b5e3ef284313f73aa03a6e', class: "pn-sc-bg", "data-active": true, ref: el => (this.activeBg = el) }), hAsync("div", { key: '90c56a3f631557e062f70b4ef98231eafc1f46d7', class: "pn-sc-bg", "data-hover": true, ref: el => (this.hoverBg = el) })), hAsync("div", { key: '371d10511a314e69613a195858dba3073f7ca920', class: "pn-sc-arrows", "data-left": this.showLeftArrow, "data-right": this.showRightArrow, hidden: !this.showScrollArrows }, hAsync("button", { key: 'e698d859b989e8fde8864185d3fdce81584280da', "aria-label": "Left", class: "pn-sc-arrow pn-sc-arrow-left", onClick: () => this.scroll(-120), tabindex: "-1" }, hAsync("pn-icon", { key: 'e82f3b0257bd48dc281a6c113cecbd0cb551fd53', icon: arrow_left })), hAsync("button", { key: '8eba509c3c48304c372d543e51edecaaf41cf564', "aria-label": "Right", class: "pn-sc-arrow pn-sc-arrow-right", onClick: () => this.scroll(120), tabindex: "-1" }, hAsync("pn-icon", { key: '0ed1d7cd2b88a619f21e2ee8075c864f9bdcf561', icon: arrow_right })))));
+        return (hAsync(Host, { key: '314c016bb1daea417c741babc236f8de14b9ab21' }, hAsync("div", { key: '10af3eb77723a2f99d6e665e6340caf9aaf03d27', class: "pn-segmented-control", ref: el => (this.segmentContainer = el) }, hAsync("slot", { key: '516890ccb71a58628d1f527272424b295c8959ab' }), hAsync("div", { key: 'f0f162d91a3c14a93b60195492978f03b41a0ecf', class: "pn-sc-bg", "data-active": true, ref: el => (this.activeBg = el) }), hAsync("div", { key: '9ca1016209402986a1702db3f50f9d52d913d249', class: "pn-sc-bg", "data-hover": true, ref: el => (this.hoverBg = el) })), hAsync("div", { key: '61d56ebba096df1a0cfab0aea8aa52059c62d13e', class: "pn-sc-arrows", "data-left": this.showLeftArrow, "data-right": this.showRightArrow, hidden: !this.showScrollArrows }, hAsync("button", { key: '1da8665af3d990175b92e50cf83e01adca082909', "aria-label": "Left", class: "pn-sc-arrow pn-sc-arrow-left", onClick: () => this.scroll(-120), tabindex: "-1" }, hAsync("pn-icon", { key: '3e78658670b082a938a5f976ea34b51449d669af', icon: arrow_left })), hAsync("button", { key: '03fad3f5c772b282850098e31d8ea717f5efb054', "aria-label": "Right", class: "pn-sc-arrow pn-sc-arrow-right", onClick: () => this.scroll(120), tabindex: "-1" }, hAsync("pn-icon", { key: '659dfab232a3256a9819cdf4ec34445f9bbfa875', icon: arrow_right })))));
     }
     static get watchers() { return {
         "value": [{
@@ -13142,7 +13204,7 @@ class PnSelect {
         return (hAsync("label", { htmlFor: this.getId(), class: "pn-select-label", "data-compact": this.compact, "data-icon": !!this.icon }, hAsync("span", null, this.label)));
     }
     render() {
-        return (hAsync(Host, { key: 'dfd4d3814426a88b975bd86948c7ac2207255f4b' }, hAsync("div", { key: '5423289d1771840d08ab1de18ab3af4a31cb98f1', class: "pn-select", "data-error": this.hasError() }, !this.compact && this.renderLabel(), hAsync("div", { key: '164933a196821353cf7ca31d6d12b65a84da012a', class: "pn-select-input" }, this.icon && hAsync("pn-icon", { key: 'da732b9152cba5035039a9761f38471d5885ddb1', class: "pn-select-icon", icon: this.icon, "data-custom": true, "aria-hidden": "true" }), this.hasError() && (hAsync("pn-icon", { key: '3370ffc0f4f6de399762bf5d854433020830ff2e', class: "pn-select-icon", icon: alert_exclamation_circle, color: "warning", "data-error": true, "aria-hidden": "true" })), hAsync("select", { key: '2a31f44242dd230d68c8d10ed461aeb25f8ec231', id: this.getId(), class: "pn-select-element", name: this.name, form: this.form, autocomplete: this.autocomplete, "aria-label": this.getAriaLabel(), "aria-labelledby": this.getAriaLabelledby(), "aria-describedby": this.getAriaDescribedby(), "aria-invalid": this.hasError().toString(), disabled: this.disabled, "data-compact": this.compact }, hAsync("slot", { key: '8130b7ac6969e2fa0c801e0b10a47e97cf6505bf' })), this.compact && this.renderLabel(), hAsync("pn-icon", { key: 'c2167ea78e00914296efd758d044a9ea24e428da', class: "pn-select-icon", icon: chevron_down, color: "blue700", "data-default": true, "aria-hidden": "true" })), hAsync("p", { key: '528f5a13255b52009b6b291eff57a164b3650f07', id: this.idHelper, class: "pn-select-text", hidden: this.hideHelpertext() }, hAsync("span", { key: '0a802a236cef453ef78783a051b29ccfd0efd997' }, this.helpertext), hAsync("slot", { key: 'b23ef510ec48ac499ab6c589d0be1b71517a9496', name: "helpertext" })), hAsync("p", { key: '026c3978d58c24193731048373e83510002dd116', id: this.idError, class: "pn-select-text", role: "alert", hidden: this.hideError() }, hAsync("span", { key: 'b8724dfc973607a0f4776aa40846c2c86c33c8af' }, this.error), hAsync("slot", { key: '90b29ba6d58e629783c4c8264c9aeaf3d84ffce8', name: "error" })))));
+        return (hAsync(Host, { key: 'c00c913a1786719ef71800ed15adaf0dd47577ff' }, hAsync("div", { key: 'c2ee0553f2c130e12e7bc5bcfb611d457071cdec', class: "pn-select", "data-error": this.hasError() }, !this.compact && this.renderLabel(), hAsync("div", { key: '7e8d7a1ab89e30b870883ff50bec31dd2a38690d', class: "pn-select-input" }, this.icon && hAsync("pn-icon", { key: '772eb356db3cdf4fd04a67e1666ddb98799d40c0', class: "pn-select-icon", icon: this.icon, "data-custom": true, "aria-hidden": "true" }), this.hasError() && (hAsync("pn-icon", { key: '03ccbd0952abb83cc4828ad6bfca777e1544f7a6', class: "pn-select-icon", icon: alert_exclamation_circle, color: "warning", "data-error": true, "aria-hidden": "true" })), hAsync("select", { key: '46db113874c38b6f2ae6a42fbc63d9a9654a9dc1', id: this.getId(), class: "pn-select-element", name: this.name, form: this.form, autocomplete: this.autocomplete, "aria-label": this.getAriaLabel(), "aria-labelledby": this.getAriaLabelledby(), "aria-describedby": this.getAriaDescribedby(), "aria-invalid": this.hasError().toString(), disabled: this.disabled, "data-compact": this.compact }, hAsync("slot", { key: '8253ace83c8f6454d8bae7550895768d4e53f809' })), this.compact && this.renderLabel(), hAsync("pn-icon", { key: '88b094bd13b0d9cf912103427722e8be9ea2b687', class: "pn-select-icon", icon: chevron_down, color: "blue700", "data-default": true, "aria-hidden": "true" })), hAsync("p", { key: '03009e2b484ade6fadb9e20f161cfc50964db43a', id: this.idHelper, class: "pn-select-text", hidden: this.hideHelpertext() }, hAsync("span", { key: '2620e53c70c4ab95efc9924faa1a3ea298ec741b' }, this.helpertext), hAsync("slot", { key: 'bd9798ba17632021ce177292cc022f57ae52193f', name: "helpertext" })), hAsync("p", { key: '6ba88b6a3884430e7c263803ece5000adb08abe7', id: this.idError, class: "pn-select-text", role: "alert", hidden: this.hideError() }, hAsync("span", { key: 'dcc53f692bce2eaa5460075b9a1e191f29a777ad' }, this.error), hAsync("slot", { key: '0cf932dadffd1df3958e400a08c090483fc7c397', name: "error" })))));
     }
     static get watchers() { return {
         "selectId": [{
@@ -13179,6 +13241,119 @@ class PnSelect {
     }; }
 }
 
+const pnSkeletonLoaderCss = () => `@keyframes pn-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}${transformTag("pn-skeleton-loader")}{display:block;background:transparent}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader{background:linear-gradient(90deg, #f3f2f2 25%, #f9f8f8 50%, #f3f2f2 75%);background-size:200% 100%;animation:pn-shimmer 1.5s infinite ease-in-out}@media (prefers-reduced-motion: reduce){${transformTag("pn-skeleton-loader")} .pn-skeleton-loader{animation:none}}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--box{width:100%;height:100%;min-height:3em;min-width:10em;border-radius:0.5em}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--card{width:100%;min-width:10em;border-radius:0.5em;box-shadow:0em 0.0625em 0.125em 0em rgba(20, 20, 20, 0.11), 0em 0.1875em 0.4375em 0em rgba(0, 0, 0, 0.13);background:#ffffff;animation:none;overflow:hidden;display:flex;flex-direction:column}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader-card-image{width:100%;height:10em;clip-path:ellipse(175% 100% at top center);background:linear-gradient(90deg, #f3f2f2 25%, #f9f8f8 50%, #f3f2f2 75%);background-size:200% 100%;animation:pn-shimmer 1.5s infinite ease-in-out}@media (prefers-reduced-motion: reduce){${transformTag("pn-skeleton-loader")} .pn-skeleton-loader-card-image{animation:none}}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader-card-content{display:flex;flex-direction:column;gap:0.5em;padding:clamp(0.75em, 5vw, 1.5em)}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--tile{width:100%;border-radius:0.5em;box-shadow:0em 0.0625em 0.125em 0em rgba(20, 20, 20, 0.11), 0em 0.1875em 0.4375em 0em rgba(0, 0, 0, 0.13);background:#ffffff;animation:none;display:flex;flex-direction:column;align-items:center;padding:clamp(0.75em, 3vw, 1.5em);gap:clamp(1em, 5vw, 1.5em);text-align:center}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader-tile-circle{width:7em;height:7em;border-radius:50%;background:linear-gradient(90deg, #f3f2f2 25%, #f9f8f8 50%, #f3f2f2 75%);background-size:200% 100%;animation:pn-shimmer 1.5s infinite ease-in-out}@media (prefers-reduced-motion: reduce){${transformTag("pn-skeleton-loader")} .pn-skeleton-loader-tile-circle{animation:none}}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader-tile-content{display:flex;flex-direction:column;gap:0.5em;width:100%}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--header{width:100%;background:none;animation:none;display:flex;flex-direction:column;gap:1em;padding:clamp(1em, 3vw, 2em) clamp(0.5em, 3vw, 2em)}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader-header-back{width:5em;height:1em;border-radius:0.25em;background:linear-gradient(90deg, #f3f2f2 25%, #f9f8f8 50%, #f3f2f2 75%);background-size:200% 100%;animation:pn-shimmer 1.5s infinite ease-in-out}@media (prefers-reduced-motion: reduce){${transformTag("pn-skeleton-loader")} .pn-skeleton-loader-header-back{animation:none}}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader-header-heading{width:40%;height:2em;border-radius:0.25em;background:linear-gradient(90deg, #f3f2f2 25%, #f9f8f8 50%, #f3f2f2 75%);background-size:200% 100%;animation:pn-shimmer 1.5s infinite ease-in-out}@media (prefers-reduced-motion: reduce){${transformTag("pn-skeleton-loader")} .pn-skeleton-loader-header-heading{animation:none}}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader-header-subheading{width:30%;height:1em;border-radius:0.25em;background:linear-gradient(90deg, #f3f2f2 25%, #f9f8f8 50%, #f3f2f2 75%);background-size:200% 100%;animation:pn-shimmer 1.5s infinite ease-in-out}@media (prefers-reduced-motion: reduce){${transformTag("pn-skeleton-loader")} .pn-skeleton-loader-header-subheading{animation:none}}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--chip{display:inline-block;width:6em;height:2.5em;border-radius:0.5em}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--chip.pn-skeleton-loader--small{height:2em;width:5em}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--chip.pn-skeleton-loader--large{height:2.875em;width:7em}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--input{width:100%;min-width:10em;height:3em;border-radius:0.5em}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--avatar{width:3em;height:3em;border-radius:50%}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--button{display:inline-block;min-width:5.5em;height:3em;border-radius:3em}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--automatic{position:relative;background:none;animation:none;pointer-events:none}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--automatic *{color:transparent !important;text-shadow:none !important}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--automatic img,${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--automatic svg,${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--automatic ${transformTag("pn-icon")},${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--automatic ${transformTag("pn-illustration")}{visibility:hidden}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--automatic [data-skeleton]{position:relative;overflow:hidden}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--automatic [data-skeleton]::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg, #f3f2f2 25%, #f9f8f8 50%, #f3f2f2 75%);background-size:200% 100%;animation:pn-shimmer 1.5s infinite ease-in-out}@media (prefers-reduced-motion: reduce){${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--automatic [data-skeleton]::after{animation:none}}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--automatic [data-skeleton=avatar]{border-radius:50%;overflow:hidden}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--automatic [data-skeleton=button]{border-radius:3em;min-height:3em;min-width:5.5em}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--automatic [data-skeleton=button] *{visibility:hidden}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--automatic [data-skeleton=chip]{border-radius:0.5em;min-height:2.5em;min-width:4em}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--automatic [data-skeleton=chip] *{visibility:hidden}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--automatic [data-skeleton=text]::after{display:none}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--automatic [data-skeleton=text]>*{position:relative;overflow:hidden;border-radius:0.25em}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--automatic [data-skeleton=text]>*::after{content:"";position:absolute;inset:0;border-radius:0.25em;background:linear-gradient(90deg, #f3f2f2 25%, #f9f8f8 50%, #f3f2f2 75%);background-size:200% 100%;animation:pn-shimmer 1.5s infinite ease-in-out}@media (prefers-reduced-motion: reduce){${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--automatic [data-skeleton=text]>*::after{animation:none}}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--text{width:100%;min-width:10em;height:1em;border-radius:0.25em}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--paragraph{display:flex;flex-direction:column;gap:0.5em;min-width:10em;background:none;animation:none}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader--table{display:flex;flex-direction:column;gap:0.5em;min-width:10em;background:none;animation:none;border-radius:0.5em}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader-table-header{width:100%;height:4em;border-radius:0.5em 0.5em 0 0;background:linear-gradient(90deg, #f3f2f2 25%, #f9f8f8 50%, #f3f2f2 75%);background-size:200% 100%;animation:pn-shimmer 1.5s infinite ease-in-out}@media (prefers-reduced-motion: reduce){${transformTag("pn-skeleton-loader")} .pn-skeleton-loader-table-header{animation:none}}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader-table-row{width:100%;height:3em;background:linear-gradient(90deg, #f3f2f2 25%, #f9f8f8 50%, #f3f2f2 75%);background-size:200% 100%;animation:pn-shimmer 1.5s infinite ease-in-out}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader-table-row:last-child{border-radius:0 0 0.5em 0.5em}@media (prefers-reduced-motion: reduce){${transformTag("pn-skeleton-loader")} .pn-skeleton-loader-table-row{animation:none}}${transformTag("pn-skeleton-loader")} .pn-skeleton-loader-line{width:100%;height:1em;border-radius:0.25em;background:linear-gradient(90deg, #f3f2f2 25%, #f9f8f8 50%, #f3f2f2 75%);background-size:200% 100%;animation:pn-shimmer 1.5s infinite ease-in-out}@media (prefers-reduced-motion: reduce){${transformTag("pn-skeleton-loader")} .pn-skeleton-loader-line{animation:none}}`;
+
+/** Display a skeleton loader placeholder to indicate content is loading. */
+class PnSkeletonLoader {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /** The skeleton shape to render.
+     */
+    type = 'box';
+    /** Custom width (CSS value). Overrides type default.
+     */
+    width;
+    /** Custom height (CSS value). Overrides type default.
+     */
+    height;
+    /** Custom border-radius (CSS value). Overrides type default.
+     */
+    borderRadius;
+    /** Small size variant for type="chip".
+     */
+    small = false;
+    /** Large size variant for type="chip".
+     */
+    large = false;
+    /** Number of lines for type="paragraph" or body rows for type="table". Does not do anything for other types. Default is 3.
+     */
+    lines = 3;
+    /** When true, masks slotted content with shimmer instead of rendering a skeleton shape. The slotted content keeps its layout but text and images are hidden behind the shimmer effect.
+     */
+    automatic = false;
+    /** When true, hides the skeleton. For automatic mode, the slotted content is shown without masking.
+     */
+    hide = false;
+    getStyle() {
+        const style = {};
+        if (this.width)
+            style['width'] = this.width;
+        if (this.height)
+            style['height'] = this.height;
+        if (this.borderRadius)
+            style['border-radius'] = this.borderRadius;
+        return style;
+    }
+    renderParagraph() {
+        const rows = [];
+        for (let i = 0; i < this.lines; i++) {
+            const isLast = i === this.lines - 1;
+            rows.push(hAsync("div", { class: "pn-skeleton-loader-line", style: isLast ? { width: '75%' } : undefined }));
+        }
+        return rows;
+    }
+    renderTable() {
+        const rows = [];
+        for (let i = 0; i < this.lines; i++) {
+            rows.push(hAsync("div", { class: "pn-skeleton-loader-table-row" }));
+        }
+        return rows;
+    }
+    render() {
+        const style = this.getStyle();
+        if (this.automatic) {
+            return (hAsync(Host, null, hAsync("div", { class: {
+                    'pn-skeleton-loader--automatic': !this.hide,
+                }, role: !this.hide ? 'status' : undefined, "aria-busy": !this.hide ? 'true' : undefined, "aria-label": !this.hide ? 'Loading' : undefined }, hAsync("slot", null))));
+        }
+        if (this.hide) {
+            return hAsync(Host, { style: { display: 'none' } });
+        }
+        if (this.type === 'paragraph') {
+            return (hAsync(Host, null, hAsync("div", { class: "pn-skeleton-loader pn-skeleton-loader--paragraph", style: style, role: "status", "aria-busy": "true", "aria-label": "Loading" }, this.renderParagraph())));
+        }
+        if (this.type === 'table') {
+            return (hAsync(Host, null, hAsync("div", { class: "pn-skeleton-loader pn-skeleton-loader--table", style: style, role: "status", "aria-busy": "true", "aria-label": "Loading" }, hAsync("div", { class: "pn-skeleton-loader-table-header" }), this.renderTable())));
+        }
+        if (this.type === 'card') {
+            return (hAsync(Host, null, hAsync("div", { class: "pn-skeleton-loader pn-skeleton-loader--card", style: style, role: "status", "aria-busy": "true", "aria-label": "Loading" }, hAsync("div", { class: "pn-skeleton-loader-card-image" }), hAsync("div", { class: "pn-skeleton-loader-card-content" }, this.renderParagraph()))));
+        }
+        if (this.type === 'tile') {
+            return (hAsync(Host, null, hAsync("div", { class: "pn-skeleton-loader pn-skeleton-loader--tile", style: style, role: "status", "aria-busy": "true", "aria-label": "Loading" }, hAsync("div", { class: "pn-skeleton-loader-tile-circle" }), hAsync("div", { class: "pn-skeleton-loader-tile-content" }, hAsync("div", { class: "pn-skeleton-loader-line" }), hAsync("div", { class: "pn-skeleton-loader-line", style: { width: '75%' } })))));
+        }
+        if (this.type === 'header') {
+            return (hAsync(Host, null, hAsync("div", { class: "pn-skeleton-loader pn-skeleton-loader--header", style: style, role: "status", "aria-busy": "true", "aria-label": "Loading" }, hAsync("div", { class: "pn-skeleton-loader-header-back" }), hAsync("div", { class: "pn-skeleton-loader-header-heading" }), hAsync("div", { class: "pn-skeleton-loader-header-subheading" }))));
+        }
+        const classes = {
+            'pn-skeleton-loader': true,
+            [`pn-skeleton-loader--${this.type}`]: true,
+            'pn-skeleton-loader--small': this.small,
+            'pn-skeleton-loader--large': this.large,
+        };
+        return (hAsync(Host, null, hAsync("div", { class: classes, style: style, role: "status", "aria-busy": "true", "aria-label": "Loading" })));
+    }
+    static get style() { return pnSkeletonLoaderCss(); }
+    static get cmpMeta() { return {
+        "$flags$": 772,
+        "$tagName$": "pn-skeleton-loader",
+        "$members$": {
+            "type": [1],
+            "width": [1],
+            "height": [1],
+            "borderRadius": [1, "border-radius"],
+            "small": [4],
+            "large": [4],
+            "lines": [2],
+            "automatic": [4],
+            "hide": [4]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": []
+    }; }
+}
+
 const pnSpinnerCss = () => `${transformTag("pn-spinner")}{display:inline-block}${transformTag("pn-spinner")} .pn-spinner{--pn-spinner-size:1.5em;--pn-spinner-color:main.$blue700;height:var(--pn-spinner-size);width:var(--pn-spinner-size);display:block;animation:rotate 1s infinite;animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-spinner")} .pn-spinner{animation-duration:2s}}${transformTag("pn-spinner")} .pn-spinner-circle{stroke:var(--pn-spinner-color);transform-origin:center center;transform:rotate(-310deg);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:64;animation:loading 2s infinite;animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${transformTag("pn-spinner")} .pn-spinner-circle{animation-duration:4s}}${transformTag("pn-spinner")} .pn-spinner-dot{fill:var(--pn-spinner-color)}@keyframes loading{0%{stroke-dashoffset:55}50%{stroke-dashoffset:12}100%{stroke-dashoffset:55}}@keyframes rotate{from{transform:rotate(-180deg) scaleX(-1)}to{transform:rotate(180deg) scaleX(-1)}}`;
 
 /** Display a spinner to indicate a loading state. */
@@ -13347,7 +13522,7 @@ class PnTab {
     }
     render() {
         const Tag = this.tag;
-        return (hAsync(Host, { key: '37a1d2234aa0d4fe1f5f1af6f8334f9e4109eff6' }, hAsync(Tag, { key: '17e8e25c54b556f65b7c98ac4eaef07f1bc131ac', 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 && hAsync("pn-icon", { key: '42c7473fd8b573ec47e8e2074a4ded3ff3e40249', icon: this.icon, color: this.iconColor() }), hAsync("slot", { key: 'c39be583c461850d49f7e5a96c071c80b7b132da' }), hAsync("span", { key: 'ce995d860775c71e8fda7dc4e94c2a7896759f62', class: "pn-tab-label" }, this.label))));
+        return (hAsync(Host, { key: '55537e72d57486887ce53f76414c3cf2f6cf8d5d' }, hAsync(Tag, { key: 'a6b04fbff9c34f49e3ef93b4d34dc7dc08fcdbc9', 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 && hAsync("pn-icon", { key: '9d7fc111d42a22dbed2f9bc3a67644d6de632e61', icon: this.icon, color: this.iconColor() }), hAsync("slot", { key: '09d51a66dada9af7263e01ea08b0717cba6f4722' }), hAsync("span", { key: '23ae59bf1b5fbb25fe3a936758402c67e47eee3a', class: "pn-tab-label" }, this.label))));
     }
     static get style() { return pnTabCss(); }
     static get cmpMeta() { return {
@@ -13577,7 +13752,7 @@ class PnTablist {
         return translations$3?.[prop]?.[this.language || en$2];
     }
     render() {
-        return (hAsync(Host, { key: '7dca608244acd89c6506d10db8bd774055623f77' }, hAsync("nav", { key: '263e6774e93dd98d82282d9f591b4f2053c0421c', 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) }, hAsync("slot", { key: '3a5a6f587b750c035f1b61b1184bf7d9fd843cd2' }), hAsync("div", { key: 'a21c49db6f1f38066d7b54d11faeb441cfbd52b1', class: "pn-tablist-line" }, hAsync("div", { key: '35f4d30ba1e7de4737dd65d38febd6cf0dc0ab41', ref: el => (this.lineActive = el), class: "pn-tablist-line-item pn-tablist-line-active" }), hAsync("div", { key: 'ab05a4b61abac290894cd93e89bd9de80c710189', ref: el => (this.lineHovered = el), class: "pn-tablist-line-item pn-tablist-line-hovered" }))), hAsync("div", { key: '1845500af4535f9a7d4006fc781f52c7a31776d9', class: "pn-tablist-scroll" }, hAsync("pn-button", { key: 'c7421e16d531fe9559b46a3e0fa8bdcb4bf5a142', class: "pn-tablist-arrow", "data-show": this.arrowLeft, onClick: () => this.scroll(), noTab: true, appearance: "light", variant: "outlined", icon: chevron_left, iconOnly: true, arialabel: this.translate('LEFT'), small: true }), hAsync("pn-button", { key: 'a79c5096ee1f9ca79755b54db6bc0b05d3c8ac5a', class: "pn-tablist-arrow", "data-show": this.arrowRight, onClick: () => this.scroll({ right: true }), noTab: true, appearance: "light", variant: "outlined", icon: chevron_right, iconOnly: true, arialabel: this.translate('RIGHT'), small: true }))));
+        return (hAsync(Host, { key: '5e8d5b627e77c77e6de6bc560695f1acd5b1630d' }, hAsync("nav", { key: 'a33459d6510b75b5fc72674ab18606c4806a4058', 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) }, hAsync("slot", { key: '7bc0071b838903823c0c687385cd7d3311e83111' }), hAsync("div", { key: '50a05b5c23f05341728a941f3285e33c0b4dea0b', class: "pn-tablist-line" }, hAsync("div", { key: '9f838979792831b3283e35e60328ef406a52115e', ref: el => (this.lineActive = el), class: "pn-tablist-line-item pn-tablist-line-active" }), hAsync("div", { key: '06c6f200d2aa9eab372bcf5eee3b903864b2b7ff', ref: el => (this.lineHovered = el), class: "pn-tablist-line-item pn-tablist-line-hovered" }))), hAsync("div", { key: 'a43537577c3442186c66418cbaa26d48547c0828', class: "pn-tablist-scroll" }, hAsync("pn-button", { key: '7881274a4cffa56529a8c1684d38d7bc3af7ac66', class: "pn-tablist-arrow", "data-show": this.arrowLeft, onClick: () => this.scroll(), noTab: true, appearance: "light", variant: "outlined", icon: chevron_left, iconOnly: true, arialabel: this.translate('LEFT'), small: true }), hAsync("pn-button", { key: '0f38bf167cf2c8784242439c43950e5608699bed', class: "pn-tablist-arrow", "data-show": this.arrowRight, onClick: () => this.scroll({ right: true }), noTab: true, appearance: "light", variant: "outlined", icon: chevron_right, iconOnly: true, arialabel: this.translate('RIGHT'), small: true }))));
     }
     static get watchers() { return {
         "value": [{
@@ -13703,7 +13878,7 @@ class PnTextLink {
     /** Set a unique html ID of the a element. @category Link attributes */
     linkid;
     render() {
-        return (hAsync("a", { key: '0641c9d91a5652eba8498546f1c2e64b3bf5c7f4', 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, hAsync("slot", { key: 'dd448ea86844b810197fb2735025b9213984918f' }), this.icon && hAsync("pn-icon", { key: '4350858f2f87b0c35e472078ea30eb252a894651', icon: this.icon })));
+        return (hAsync("a", { key: 'c6ea5bb512bf4ea09b6003358805533d2230ec67', 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, hAsync("slot", { key: '17fa00f7ca96e51f512713cd344d9c8bfb160af1' }), this.icon && hAsync("pn-icon", { key: '99a0150b6b9be360f911c2afb66c728ae54d739b', icon: this.icon })));
     }
     static get style() { return pnTextLinkCss(); }
     static get cmpMeta() { return {
@@ -13861,7 +14036,7 @@ class PnTextarea {
         return (hAsync("label", { class: "pn-textarea-label", htmlFor: this.getId(), "data-compact": this.compact }, hAsync("span", null, this.label), this.maxlength >= 1 && hAsync("span", null, `${this.value?.length || 0}/${this.maxlength}`)));
     }
     render() {
-        return (hAsync(Host, { key: '30ea927b4d57c041164f7ccfd052121d3723591b' }, hAsync("div", { key: '2c927468a5159cd2544af2bd351df2b45a5abf55', class: "pn-textarea", "data-valid": this.valid, "data-error": this.hasError(), "data-resize": this.resize }, !this.compact && this.renderLabel(), hAsync("textarea", { key: '2f933bd8e3477c3f7010d676f4fde0f49e2ebc9e', class: "pn-textarea-element", id: this.getId(), value: this.value, name: this.name, placeholder: this.compact ? this.placeholder || ' ' : this.placeholder, rows: this.rows, cols: this.cols, wrap: this.wrap, autocomplete: this.autocomplete, spellcheck: this.spellcheck, maxlength: this.maxlength, required: this.required, disabled: this.disabled, readonly: this.readonly, "aria-label": this.getAriaLabel(), "aria-labelledby": this.getAriaLabelledby(), "aria-describedby": this.getAriaDescribedby(), "aria-invalid": this.hasError().toString(), "data-compact": this.compact, onInput: e => this.setVal(e) }), this.compact && this.renderLabel(), hAsync("p", { key: '368de1a346ca5161b8e6da6170453cd68605e92c', id: this.idHelper, class: "pn-textarea-text", hidden: this.hideHelpertext() }, hAsync("span", { key: '055d5ea03484c61e64bb674bad2a8bc5bffb253e' }, this.helpertext), hAsync("slot", { key: '3782f2b397e46f3dd8e0d4253b1071b1d98ffb65', name: "helpertext" })), hAsync("p", { key: '7a092d28df13950e4fba9e4df46c8e6176a70ae3', id: this.idError, class: "pn-textarea-text", role: "alert", hidden: this.hideError() }, hAsync("span", { key: '49ef6664c21f2a4281dd8f8919cfa0d66d7554fb' }, this.error), hAsync("slot", { key: '51819bfeff00a85706a4c60de35926e65e3cd22d', name: "error" })))));
+        return (hAsync(Host, { key: '046f1fdb7dd6f834116a0488a90da361d7b91b1c' }, hAsync("div", { key: 'f0ffbb17ac4dfe2074deba72fbc26e7988dafeb6', class: "pn-textarea", "data-valid": this.valid, "data-error": this.hasError(), "data-resize": this.resize }, !this.compact && this.renderLabel(), hAsync("textarea", { key: 'aa82eb1bbe99f801941cb155fe1ee6af1f55b805', class: "pn-textarea-element", id: this.getId(), value: this.value, name: this.name, placeholder: this.compact ? this.placeholder || ' ' : this.placeholder, rows: this.rows, cols: this.cols, wrap: this.wrap, autocomplete: this.autocomplete, spellcheck: this.spellcheck, maxlength: this.maxlength, required: this.required, disabled: this.disabled, readonly: this.readonly, "aria-label": this.getAriaLabel(), "aria-labelledby": this.getAriaLabelledby(), "aria-describedby": this.getAriaDescribedby(), "aria-invalid": this.hasError().toString(), "data-compact": this.compact, onInput: e => this.setVal(e) }), this.compact && this.renderLabel(), hAsync("p", { key: '3b258a6423b92fb8fdc411db861be42c17f0b0d1', id: this.idHelper, class: "pn-textarea-text", hidden: this.hideHelpertext() }, hAsync("span", { key: 'be839a0794224ee1766e56b09858df2050d7199a' }, this.helpertext), hAsync("slot", { key: '631642b2a335fb0009cc110f177cbe4851d5a0fb', name: "helpertext" })), hAsync("p", { key: '7f91ffb2a81e5dd9a78187d86aa71aca6e2b43d7', id: this.idError, class: "pn-textarea-text", role: "alert", hidden: this.hideError() }, hAsync("span", { key: '4d8d749e257bb292c8e0b982354e9a7add06b50b' }, this.error), hAsync("slot", { key: '7178418c4bf5cbe7b2bc8de6f586766e3cbc73c9', name: "error" })))));
     }
     static get watchers() { return {
         "textareaid": [{
@@ -13980,7 +14155,7 @@ class PnTile {
         this.pnTile.emit({ click: event });
     }
     render() {
-        return (hAsync(Host, { key: 'a29b0f244288bdff245e275a9ab3d11bec87a476' }, hAsync("div", { key: 'beed67096e5bd7448416b5c0422596f2e4d61be9', class: "pn-tile", "data-horizontal": this.horizontal, "data-href": !!this.url, "data-focus": this.visibleOutline, ref: el => (this.tile = el) }, hAsync("div", { key: '458a7df237ec2fc27c33c3f3306d880f5ba6ab11', class: "pn-tile-illustration", "data-circle": !!this.url, "data-icon": this.showIcon(), role: "presentation", hidden: !this.showImage() }, this.showPropIllustration() ? (hAsync("pn-illustration", { illustration: this.illustration })) : (this.showIcon() && hAsync("pn-icon", { color: "blue700", icon: this.icon })), hAsync("div", { key: 'bd70e9eb9e29cd48d29170e05f279019005d564a', class: "pn-tile-illustration-slot", hidden: !this.showSlotIllustration(), ref: el => (this.illustrationSlot = el) }, hAsync("slot", { key: 'c22dee0ca1663e47fbbc2625af6060ebc1fec4d5', name: "illustration" }))), hAsync("div", { key: '0dbb257acaf45f22a16f4bd4616d1a862c281ee9', class: "pn-tile-text" }, hAsync("h3", { key: 'c2459327b7ac973e8f7f4c372c6457d70db4bfde', class: "pn-tile-title" }, this.url ? (hAsync("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() && hAsync("pn-icon", { key: '661061f5e03c7b658967e1c9e306857b730203b0', icon: open_in_new, small: true, color: "blue700" })), hAsync("div", { key: '8c51850bc85b2223dcd67c81d8f15a78ec9ef3cc', class: "pn-tile-slot" }, !!this.text && hAsync("p", { key: '9759d3fd1a5a5219dc22a31ab874eab2475e14d8', class: "pn-tile-paragraph" }, this.text), hAsync("slot", { key: 'b3e0e1442bfb5cc003e696be617c879919facbbc' }))))));
+        return (hAsync(Host, { key: '127727acb1596f91d84fce39bb15da17557ab760' }, hAsync("div", { key: 'afc40764a1e45b51127f4622758678351d6c6c4e', class: "pn-tile", "data-horizontal": this.horizontal, "data-href": !!this.url, "data-focus": this.visibleOutline, ref: el => (this.tile = el) }, hAsync("div", { key: '32546ad6c86dd3ca850b4161c5672fdfc612ccf4', class: "pn-tile-illustration", "data-circle": !!this.url, "data-icon": this.showIcon(), role: "presentation", hidden: !this.showImage() }, this.showPropIllustration() ? (hAsync("pn-illustration", { illustration: this.illustration })) : (this.showIcon() && hAsync("pn-icon", { color: "blue700", icon: this.icon })), hAsync("div", { key: '4bc8653775913c7c3f5437b724905833136d6305', class: "pn-tile-illustration-slot", hidden: !this.showSlotIllustration(), ref: el => (this.illustrationSlot = el) }, hAsync("slot", { key: '4d1658c813db7e2b4b6f2c32ce081384a576cf2d', name: "illustration" }))), hAsync("div", { key: 'f51d689d6d72a039d83adbdc28d6b6de2953e610', class: "pn-tile-text" }, hAsync("h3", { key: '904c4fb3f4578842cebef57f810314fc41e47ab5', class: "pn-tile-title" }, this.url ? (hAsync("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() && hAsync("pn-icon", { key: '1bbebd1324580d07ef646a272b0f73396a6ff7db', icon: open_in_new, small: true, color: "blue700" })), hAsync("div", { key: 'b223d1cda348abe5dc4c07e4d52d33580b6fdf67', class: "pn-tile-slot" }, !!this.text && hAsync("p", { key: '6e79f2654198dfe5d1f3dab7cd0527174393b00e', class: "pn-tile-paragraph" }, this.text), hAsync("slot", { key: '33a4dfe4e18147785372a56c19b78e8961ad1ccb' }))))));
     }
     static get style() { return pnTileCss(); }
     static get cmpMeta() { return {
@@ -14274,7 +14449,7 @@ class PnToggleSwitch {
         return !this.displayLabel() && !this.pnAriaLabel ? this.pnAriaLabelledby : null;
     }
     render() {
-        return (hAsync(Host, { key: 'e6a6de7ded1a69b16843133338ba8a1ae1294b19' }, hAsync("div", { key: '142125dd53902df30a93a5e5257650a7841a1644', class: "pn-toggle" }, hAsync("div", { key: 'd4e35ed179dc5f1423cdf59cf0481ecbcb33021f', class: "pn-toggle-content" }, this.label && (hAsync("label", { key: 'f38bdb380fb05349909e386dd6e22d841c0caf56', htmlFor: this.getId(), class: "pn-toggle-label" }, hAsync("span", { key: '94a35b2682a039613dd0814a25ba30f954018dc6' }, this.label))), hAsync("p", { key: 'c621112acea7f18b7943d9d07c0af52dd7455329', id: this.idHelper, class: "pn-toggle-helper", hidden: !this.showHelpertext() }, this.hasHelpertextProp() && hAsync("span", { key: '1959f88dbe079595e3cd6bbb48098e2777ab642e' }, this.helpertext), hAsync("slot", { key: 'e493dcb3022bd31c4ecfb349756d3d83bf51bf9a', name: "helpertext" }))), hAsync("div", { key: '1f13bb2bcb798b5221d06e55640848034ad2b260', class: "pn-toggle-button", "data-small": this.small, "data-large": this.large, "data-loading": this.loading }, hAsync("input", { key: 'ebf1c43df4b75f8df0769d2d458c04fbf17385f6', id: this.getId(), class: "pn-toggle-element", type: "checkbox", name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, "aria-label": this.getAriaLabel(), "aria-labelledby": this.getAriaLabelledby(), "aria-describedby": this.describedBy() }), hAsync("div", { key: '51c67cb5c61e3d3b93bd49013594109772b7d796', class: "pn-toggle-bg" }), hAsync("div", { key: '1932ea8d92b8ab57a47fdd3ced9795be78cc1620', class: "pn-toggle-circle" }, hAsync("svg", { key: '67e5adc0818d3fe76de4dffa45bc8c1d5c9fba45', class: "pn-toggle-check", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, hAsync("polyline", { key: 'f1722e0d19629ea38eac2faa6d2ccaf007e78463', points: "4,12 9,17 20,6", "stroke-width": "3" })), hAsync("pn-spinner", { key: '60ab6b2fea45ddbc8793b06f18032df94c858a9d', size: this.getSpinnerSize() }))))));
+        return (hAsync(Host, { key: 'a3363d23f18ca6fd7e9240dcaa46946cda07dd7b' }, hAsync("div", { key: '203140db6d9953527ba4f15e7289bffb2e69a2a1', class: "pn-toggle" }, hAsync("div", { key: 'dac906f74e8aa9899bcb1c99ee53e82695f5a280', class: "pn-toggle-content" }, this.label && (hAsync("label", { key: 'fecf18137bbec21e45feb4380f6c0ebdd0dae01a', htmlFor: this.getId(), class: "pn-toggle-label" }, hAsync("span", { key: '176e29c2756be27e0975690fe0d5f555b382ef6f' }, this.label))), hAsync("p", { key: '865da739546b4f5214fdb63d22a1ea23f1029203', id: this.idHelper, class: "pn-toggle-helper", hidden: !this.showHelpertext() }, this.hasHelpertextProp() && hAsync("span", { key: 'c958031faa669b81215300bd4bc2b31fed018e1a' }, this.helpertext), hAsync("slot", { key: '01267d6e878a089a7174e2747cd232fd9a250f28', name: "helpertext" }))), hAsync("div", { key: 'e3f74dd8febd161788f7a9d197e4216cfa00513e', class: "pn-toggle-button", "data-small": this.small, "data-large": this.large, "data-loading": this.loading }, hAsync("input", { key: '2e9627c525e29bf561072b6d5578b379cba5f597', id: this.getId(), class: "pn-toggle-element", type: "checkbox", name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, "aria-label": this.getAriaLabel(), "aria-labelledby": this.getAriaLabelledby(), "aria-describedby": this.describedBy() }), hAsync("div", { key: '45c2b0269215a6ffa48654541f81d70f33eb57d3', class: "pn-toggle-bg" }), hAsync("div", { key: '684e373a709db9877993c18f29eefc68e6f74585', class: "pn-toggle-circle" }, hAsync("svg", { key: 'e918edb5254603543bc20d639164c05f56db1c54', class: "pn-toggle-check", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, hAsync("polyline", { key: '4f5441441932cd5e645686a8226ddd6a9744b47c', points: "4,12 9,17 20,6", "stroke-width": "3" })), hAsync("pn-spinner", { key: 'a0d94d932142f174c009bf0fb61d23714f9f700d', size: this.getSpinnerSize() }))))));
     }
     static get watchers() { return {
         "pnId": [{
@@ -14961,7 +15136,7 @@ class PnZipcodeSearch {
         }
     }
     render() {
-        return (hAsync(Host, { key: '2631586788c0b4fc5e5b4914dd44e9b20c87598e' }, hAsync("pn-search-field", { key: '0d9743b99db487cb1acb27825fca4e872e25c72d', label: this.translation('PLACEHOLDER_TEXT'), value: this.value, searchid: this.searchId, loading: this.loading, button: "icon", buttonLabel: this.translation('SEARCH'), placeholder: this.translation('PLACEHOLDER_TEXT'), onSearch: e => this.handleSearch(e.detail) }), this.renderSearchResult(), this.renderErrorMessage()));
+        return (hAsync(Host, { key: '604fc6f9244f665ee3aec5411ed21c475e103755' }, hAsync("pn-search-field", { key: '80704adf3156c3ad8b0430cff195344ae2e31536', label: this.translation('PLACEHOLDER_TEXT'), value: this.value, searchid: this.searchId, loading: this.loading, button: "icon", buttonLabel: this.translation('SEARCH'), placeholder: this.translation('PLACEHOLDER_TEXT'), onSearch: e => this.handleSearch(e.detail) }), this.renderSearchResult(), this.renderErrorMessage()));
     }
     static get style() { return pnZipcodeSearchCss(); }
     static get cmpMeta() { return {
@@ -15001,6 +15176,7 @@ registerComponents([
   PnIcon,
   PnIllustration,
   PnInput,
+  PnInputChip,
   PnModal,
   PnMultiselect,
   PnOcrSearch,
@@ -15019,6 +15195,7 @@ registerComponents([
   PnSegment,
   PnSegmentedControl,
   PnSelect,
+  PnSkeletonLoader,
   PnSpinner,
   PnTab,
   PnTable,

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

@@ -1,6 +1,6 @@
 {
   "name": "@postnord/web-components",
-  "version": "7.25.3",
+  "version": "7.26.1",
   "description": "PostNord Web Components",
   "main": "index.cjs.js",
   "module": "components/index.js",