@xplortech/apollo-core 2.12.0 → 3.0.0

package/hydrate/index.js

@@ -4974,14 +4974,14 @@ class Accordion {
             bordered: `xpl-accordion--border-bordered${this.expanded ? '--expanded' : ''}`,
             bottom: `xpl-accordion--border-bottom${this.expanded ? '--expanded' : ''}`,
         }[this.borderType];
-        return (hAsync(Host, { key: '4858640c2723a41baa28d11ac997078bd114e7d0', class: `xpl-accordion ${accordionBorder}` }, hAsync("button", { key: '39a36d5436dfb022fea1237688689fece8a6959e', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, hAsync("header", { key: 'e8d98c3a0ab82986c5799a2855c4cdd979623021', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, hAsync("slot", { key: '67d8c71ca1f9d5a2ffefa31933b2cfe6c6485633', name: "heading" }, this.header), hAsync("xpl-icon", { key: '24d60d980af954ceda5511d634d0511f303f98d7', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), hAsync("div", { key: 'f8365a7b53724a3ed006d3957f52a61d5ca0d03f', class: "xpl-accordion-description" }, hAsync("slot", { key: 'b3c0414e246d32ccc0925e36ba16a70edb529c42', name: "description" }, this.description))), hAsync("section", { key: '40f5b9a980e73eb39f3db4d6d1bb4c11f9975790', id: this.contentId, role: "region", class: `xpl-accordion-content xpl-accordion-content--${!this.expanded ? 'hidden' : 'shown'} ${this.expanded
+        return (hAsync(Host, { key: '1905815ea7a4463a90668d77c8f2626924eb00e9', class: `xpl-accordion ${accordionBorder}` }, hAsync("button", { key: '32de9a46653e2b98a7c0e8a176bca46b0173d3f4', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, hAsync("header", { key: '3365c551130d9f0a397aa574cc1ea94b8b043c37', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, hAsync("slot", { key: '5f7c3797153426971c3c4256c78233ae14a86d94', name: "heading" }, this.header), hAsync("xpl-icon", { key: '63e1d208578b7c854527b9c3b83821682037eeac', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), hAsync("div", { key: 'f1d82075d093bd3e3bd069a33a17ee1a2a0fd749', class: "xpl-accordion-description" }, hAsync("slot", { key: 'b66a3a850d43dcb9476b98f30301a1b7898525a5', name: "description" }, this.description))), hAsync("section", { key: 'a7b9cd09084597c3578b92f38925734d93320f41', id: this.contentId, role: "region", class: `xpl-accordion-content xpl-accordion-content--${!this.expanded ? 'hidden' : 'shown'} ${this.expanded
                 ? {
                     '': '',
                     none: '',
                     bordered: 'xpl-accordion-content--shown-bordered',
                     bottom: 'xpl-accordion-content--shown-border-bottom',
                 }[this.borderType]
-                : ''}` }, hAsync("slot", { key: '87f1bb742663bff5284417a075768ee616dc8ade', name: "content" }))));
+                : ''}` }, hAsync("slot", { key: 'd71b20af3148875ccc03d12ecaad3a8c70dda333', name: "content" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -5045,7 +5045,7 @@ class ApplicationShell {
         navClasses += this.navOpen
             ? ` xpl-application-shell__nav--${this.navWidth}--open`
             : ` xpl-application-shell__nav--${this.navWidth}`;
-        return (hAsync(Host, { key: '6895a304b435811647b6a0f44f0d2a78d0be43c6', class: applicationShellClasses }, hAsync("div", { key: '5767a122d4f62d9192c7d842634d568f773780fb', class: navClasses }, hAsync("slot", { key: '00b964ddb21516528324510ab7b45769c6a988f0', name: "nav" })), hAsync("div", { key: '55cf42980ad46b4e488e187396da6beb7e6d1233', class: "xpl-application-shell__subnav" }, hAsync("slot", { key: '638dfdfa480756bc8e45f3673a909cac7a4a3def', name: "subnav" })), hAsync("div", { key: 'b07703d98a000c9fb184b672dd04227640469dea', class: "xpl-application-shell__utility" }, hAsync("slot", { key: '224779534adf2572ef39c01ee2e1eb5387da86c2', name: "utility" })), hAsync("div", { key: 'c263b693266d46a486c29135df4b594ab1db119b', class: "xpl-application-shell__content" }, hAsync("slot", { key: 'cd349b0208eb182a20dc423c134cf0f15926effa', name: "content" })), hAsync("xpl-backdrop", { key: '2fe03e892cf9120857eae124994cfb924397da62', onClick: () => this.navToggleHandler(), class: {
+        return (hAsync(Host, { key: 'be149a4700553c66898f5d7fa27f68896631c717', class: applicationShellClasses }, hAsync("div", { key: '5fe0df88f9b5a19104b189ba68a8bfeea3b6afe7', class: navClasses }, hAsync("slot", { key: '040596fdc502c23694d6f7bd036c85840d264d2d', name: "nav" })), hAsync("div", { key: '6208807949de1949c8d2c1ff6fc6c9a775212d92', class: "xpl-application-shell__subnav" }, hAsync("slot", { key: 'e194c31283abc0bcbac3db876d0acb1503d9cc12', name: "subnav" })), hAsync("div", { key: '1cb4caa932297cd858f82d78077c10868a5af323', class: "xpl-application-shell__utility" }, hAsync("slot", { key: 'cea302c27a7e067c8244ed6f33d17392c06451e5', name: "utility" })), hAsync("div", { key: '4546be74ec501036b7113519c4a65973fb896866', class: "xpl-application-shell__content" }, hAsync("slot", { key: '8078f31fe1add42efcd65cabd5137d50dec207d6', name: "content" })), hAsync("xpl-backdrop", { key: 'cd07a3093eb1c48fce03f49241905bb2881e472a', onClick: () => this.navToggleHandler(), class: {
                 'xpl-application-shell__backdrop--open': this.navOpen,
             }, relative: true })));
     }
@@ -5118,6 +5118,7 @@ class Avatar {
                 return Array.isArray(parsed) ? parsed : [];
             }
             catch {
+                console.warn('[Apollo] xpl-avatar: groupData is not valid JSON; rendering no group items');
                 return [];
             }
         }
@@ -5248,7 +5249,7 @@ class Backdrop {
         this.relative = false;
     }
     render() {
-        return (hAsync(Host, { key: '9a815cbf4ec4d4b5f789a8a6fdabeaef90844096', class: {
+        return (hAsync(Host, { key: 'cf17e9f02e1ee67631159e1d159f539827344c30', class: {
                 'xpl-backdrop': true,
                 'xpl-backdrop--fixed': !this.relative,
                 'xpl-backdrop--relative': this.relative,
@@ -5294,7 +5295,7 @@ class Badge {
             [`xpl-badge--size-${this.size}`]: !!this.size,
             [`xpl-badge--shape-${this.shape}`]: !this.dotOnly && !!this.shape,
         };
-        return (hAsync(Host, { key: '2d4179362c0cbb0b6f811311dd22388999e10862' }, hAsync("div", { key: '060964cfc2e6df5b51edc0af9a79e050fddcb4ae', class: className }, hAsync("span", { key: '54f018c6ece279aa17c655b1e5502a6526173433', class: "xpl-badge__label" }, hAsync("slot", { key: '4199e21fb1d83f81cf5001c0c51902f1bc8764f6' })))));
+        return (hAsync(Host, { key: '1cb8de25626460ca2c30f82696440af4d140d5e9' }, hAsync("div", { key: 'fc51fea564ee09d6c5234046c6ec3b1c92333b1d', class: className }, hAsync("span", { key: 'd993cc55487aaccd349ac8c3c783b63a3597a9b4', class: "xpl-badge__label" }, hAsync("slot", { key: '8a3e27a6725cba451b43398dad1d8a6604af4e5e' })))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -5372,13 +5373,13 @@ class Banner {
         const actionState = this.getActionButtonState();
         const isHeadingPresent = !!this.heading?.trim();
         const isDescPresent = !!this.description?.trim();
-        return (hAsync(Host, { key: '476c72c3dad23d9d62a8d68a826fb75a93fc88ee', class: {
+        return (hAsync(Host, { key: '00046ec64a9cf7b913298ad452aa26f3bd1078bd', class: {
                 'xpl-banner': true,
                 'xpl-banner--section': this.isSection,
                 [`xpl-banner--${this.appearance}`]: true,
                 'xpl-banner--truncate-desc': this.truncateDesc,
                 'xpl-banner--no-icon': this.isSection && !this.hasIcon,
-            }, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (hAsync("div", { key: 'b81395caa66c8c56a54535a5ace6fd3a027b0075', class: "xpl-banner__icon", "aria-hidden": "true" }, hAsync("xpl-icon", { key: 'e8dd31a592ba17dd1825630a4f1ba9bc7323891a', icon: this.getIcon(), size: 24 }))), hAsync("div", { key: '034eab05c801635fdbfb7ea549c4472407f3f09f', class: "xpl-banner__body" }, isHeadingPresent && hAsync("p", { key: 'c9216bd4c11c1d3bda0e1654282d9a713e955968', class: "xpl-banner__heading" }, this.heading), isDescPresent && (hAsync("p", { key: 'e67d92d7b71b678b19627741a01d2e4b26ef7093', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (hAsync("div", { key: 'dd4d7bcae4bde9d16124b27993d7d1b2e96e086e', class: "xpl-banner__actions" }, hasAction && (hAsync("xpl-button", { key: '51df92818c4194c76c609776f85aa31c7bffb34b', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (hAsync("xpl-button", { key: '7f911d3a81190cde339f69a2d93eb0c2518c9036', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (hAsync("button", { key: 'b9d1b8d15f0adac5b7eaa5c3e287c4b0fe7b987e', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, hAsync("xpl-icon", { key: '528fd238ccfb1e52c7fe5c0d093f30a4fa4603bd', icon: "xmark", size: 24, "aria-hidden": "true" })))));
+            }, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (hAsync("div", { key: 'bc95f036e4848863fb07cbdb35e2335f863f21f6', class: "xpl-banner__icon", "aria-hidden": "true" }, hAsync("xpl-icon", { key: 'a019d22111644263e770384c2a8d60487dd2f705', icon: this.getIcon(), size: 24 }))), hAsync("div", { key: '5c6039a2c4be58b3f503938c9b3f33feec61cda9', class: "xpl-banner__body" }, isHeadingPresent && hAsync("p", { key: 'fff21d65b10b628c405959763aa21b676b5a40f6', class: "xpl-banner__heading" }, this.heading), isDescPresent && (hAsync("p", { key: '114a6720cbbcf584bc00a3974f7e95ca3cebc54d', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (hAsync("div", { key: '69a72574bfc37baf6c18ea5b4512f0f11fc45db5', class: "xpl-banner__actions" }, hasAction && (hAsync("xpl-button", { key: '3ff5eb207a819901f3d0017223ae83e9a6c5bf30', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (hAsync("xpl-button", { key: 'fc54ced977a1f4fc5ca39e7fd981b789b42727fa', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (hAsync("button", { key: 'd236e3448164706d787f8f1fcde36430803c5dc2', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, hAsync("xpl-icon", { key: 'a3eb350b62b53cb59a40576d0da748adad554c79', icon: "xmark", size: 24, "aria-hidden": "true" })))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -5409,7 +5410,7 @@ class BreadcrumbItem {
     `;
     }
     render() {
-        return (hAsync(Host, { key: '05e99f78af5eab5e1cec089972ffb032eea34e88', class: "xpl-breadcrumb-item", role: "listitem" }, hAsync("li", { key: 'a692a2e091bf8038fc04f675dcaaac0f2e7a7c2f', role: "none" }, hAsync("slot", { key: 'f4b90f80b4eba10d285ff104b529d22bdc8f0e0b' })), hAsync("span", { key: 'a6b05807f7683d9ebbffdc3566c3f1754bb41206', innerHTML: this.chevron })));
+        return (hAsync(Host, { key: 'eab64a8e1acfe7fb6596193a250f8937ac6f5481', class: "xpl-breadcrumb-item", role: "listitem" }, hAsync("li", { key: 'ff781ce68e230191700449039b89d9a0fefd1e50', role: "none" }, hAsync("slot", { key: '854ef8e0dc29ebe5f782b5ee0dbe0e710015b40c' })), hAsync("span", { key: 'ba0ea70bf123b7c6405b8c3add0c87714ed80e15', innerHTML: this.chevron })));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -5426,7 +5427,7 @@ class Breadcrumbs {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'ec9689395d536e7018469193ba61c094d79fa004' }, hAsync("nav", { key: 'ffb0b88d3b331a22d1ae620aeb67ad901c801153', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, hAsync("ol", { key: '9649caceca01e86584682f4843c30fe080b364e1', role: "list" }, hAsync("slot", { key: '68f438d33b5cd458cd0643a4f28c04dd824366c7' })))));
+        return (hAsync(Host, { key: '63e77e937ec359fdac15cf8a48673176696395bc' }, hAsync("nav", { key: '6bf6c1b401d010676b7317d9356aac5e4893fd1b', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, hAsync("ol", { key: '177206147c779f29a20369e49852d11ba0d990d5', role: "list" }, hAsync("slot", { key: '9cdadc4378fa2da5a3c0213c46c58f8701472b80' })))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -5494,7 +5495,7 @@ class Button {
         }
     }
     render() {
-        return (hAsync(Host, { key: '88b28108ae3675732cc51462438c4d067223fbcd', class: {
+        return (hAsync(Host, { key: 'd46884793521c327622838ceca0af98ec897912b', class: {
                 'xpl-button': true,
                 [`xpl-button--${this.size}`]: true,
                 [`xpl-button--${this.variant}`]: true,
@@ -5550,7 +5551,7 @@ class ButtonRow {
         this.onTertiary = () => this.clickTertiary.emit();
     }
     render() {
-        return (hAsync(Host, { key: '060eb37a03ab854c56b383cf2ed598915f8b4c6f', class: "xpl-button-row" }, hAsync("div", { key: '169e722e0ccb0045680001755943aa1087c70a79', class: "xpl-button-row-inner" }, hAsync("div", { key: '8a49375971621161e3c1ad692ef9257b1c4bac43', class: "xpl-button-row__left" }, this.secondary && (hAsync("xpl-button", { key: '3cc16072ce7e9b4731b50fbaf647659b842763ad', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), hAsync("div", { key: 'e1d248e9b65f241f5eee07d2808ee3cb67b6c867', class: "xpl-button-row__right" }, this.tertiary && (hAsync("xpl-button", { key: '827f7c01fb4617bb10acfc79b20a515718c6d539', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (hAsync("xpl-button", { key: '726167a62d0b3dc6f19b6e38abaa446cb474a07c', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (hAsync("xpl-button", { key: '2d7d7fe4e965ce093d969936ff96d224762499e1', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
+        return (hAsync(Host, { key: 'de570ef3de32367d44cfaa7004e749a51bc6fde9', class: "xpl-button-row" }, hAsync("div", { key: '6bafe5cbb76355b987023cab4d1530e71065ea55', class: "xpl-button-row-inner" }, hAsync("div", { key: '09ab6b0f3b7ed5790b675520d445ed3279224c3c', class: "xpl-button-row__left" }, this.secondary && (hAsync("xpl-button", { key: '8f08a18126a27e6f1a72d8609e5533f466c3a88b', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), hAsync("div", { key: '0df1b38697afee3eb45af00989baac17ae2a2d00', class: "xpl-button-row__right" }, this.tertiary && (hAsync("xpl-button", { key: '289a41a34091201ecba3af76ed2ab86c84341ba4', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (hAsync("xpl-button", { key: '742dd05eea13de9ccc2747b0146c3779bd7b4e66', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (hAsync("xpl-button", { key: '0eafc10b3d2b8f70d0f18a3ef0798ca6250ee0d5', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -8289,7 +8290,7 @@ class Calendar {
         }
     }
     render() {
-        return (hAsync(Host, { key: '76d2b26fe34d766b1e1348f7d5336c5ec478bae9', class: "xpl-calendar" }, hAsync("input", { key: '8f015adda8e5c4f7a5f0dd9815bdead0249e3a4e', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
+        return (hAsync(Host, { key: '871a989fee5abc19ac9e00fca79534dd79b0a773', class: "xpl-calendar" }, hAsync("input", { key: '3dc76b7045ac76ff76d2f1ca80625034aff7d013', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
                 if (el)
                     this.inputElement = el;
             } })));
@@ -8324,14 +8325,14 @@ class Checkbox {
         };
     }
     render() {
-        return (hAsync(Host, { key: 'fba24f4540febb1d52a143ae8249978820731422', class: {
+        return (hAsync(Host, { key: 'd16058b571f7af6d2a83cbdce15b12bccadf0036', class: {
                 'xpl-checkbox-radio-container': true,
                 styled: !!this.styled,
                 disabled: !!this.disabled,
-            } }, hAsync("input", { key: '1663fd03d0f76952ddbe1a8ce87ea7c76c31631c', class: "xpl-checkbox", type: "checkbox", "aria-label": (this.ariaLabel ?? '').trim() || undefined, checked: this.checked, "data-id": this.dataId, disabled: this.disabled, id: this.id, indeterminate: this.indeterminate, onChange: this.onChange, name: this.name, required: this.required, value: this.value }), hAsync("label", { key: '84548eea585da460e834d1e34b24e0b3724a38ea', class: {
+            } }, hAsync("input", { key: '1001a243623e338fc4fefc9f58f251439c2fb74f', class: "xpl-checkbox", type: "checkbox", "aria-label": (this.ariaLabel ?? '').trim() || undefined, checked: this.checked, "data-id": this.dataId, disabled: this.disabled, id: this.id, indeterminate: this.indeterminate, onChange: this.onChange, name: this.name, required: this.required, value: this.value }), hAsync("label", { key: '37e85b721cef98c8ccc448e08dbf9d9c968bd0a6', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': !!this.disabled,
-            }, htmlFor: this.id }, hAsync("slot", { key: 'f9451918bee8abc6dea4fd65acef75bb13b69e4d' }), this.description && (hAsync("small", { key: '02db357e5080d87595bdfd5baac1be2a2bb771d7', class: {
+            }, htmlFor: this.id }, hAsync("slot", { key: 'ef36d317d97e26098396b1131a1acce6bce5ae8f' }), this.description && (hAsync("small", { key: '9d710e4fa3f366965307908ca2e216ac46310f30', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': !!this.disabled,
             } }, this.description)))));
@@ -8397,7 +8398,7 @@ class Choicelist {
         this.onChoicesPropChange(this.choices);
     }
     render() {
-        return (hAsync(Host, { key: 'e46ee9af6a052090343eeadbcba66997b38d2edc', class: "xpl-choicelist-container" }, this.heading !== undefined || this.description !== undefined ? (hAsync("div", { class: "xpl-choicelist-heading" }, this.heading && hAsync("h3", null, this.heading), this.description && hAsync("p", null, this.description))) : null, this.choices && (hAsync("ul", { key: '4f995575dae9b8b1a8f136b3a336fd5ccce7e3f1', class: {
+        return (hAsync(Host, { key: '0db2f4a4109a65ae2ab01259b960f83dd3b8bbeb', class: "xpl-choicelist-container" }, this.heading !== undefined || this.description !== undefined ? (hAsync("div", { class: "xpl-choicelist-heading" }, this.heading && hAsync("h3", null, this.heading), this.description && hAsync("p", null, this.description))) : null, this.choices && (hAsync("ul", { key: '53915c9efd628e455b5604f4eacbc67504a52ca5', class: {
                 'xpl-choicelist': true,
                 'xpl-choicelist--styled': !!this.styled,
             } }, this.choices.map((choice, i) => {
@@ -8442,7 +8443,7 @@ class ContentArea {
         this.size = 'wide';
     }
     render() {
-        return (hAsync(Host, { key: '1b43a3fa4173d34533cf7015005b3e37792f0af6' }, hAsync("main", { key: '0b0f905db96103b7a7c24cd40af26c448422ce85', class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, hAsync("div", { key: 'b495ccc07df5e617f147057d7003805c431386d5', class: "xpl-content-area" }, hAsync("slot", { key: '093b4b9830e0f6a8bee554bc8bac255d4944784d' })))));
+        return (hAsync(Host, { key: '97fd281e5aa7ba1805f1424e80d6018ca5fdafe0' }, hAsync("main", { key: '6a6f315e74225f66105874998c679183f2c743f5', class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, hAsync("div", { key: 'c46017f1a0fd8b278f7b817de82629eb777515fd', class: "xpl-content-area" }, hAsync("slot", { key: 'cc6d45297d23770880778810952f7e95445bb800' })))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -8461,7 +8462,7 @@ class Dashboard {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '3f8c104ae7775cda5f23ff515d8de7013d0ca09c' }, hAsync("dl", { key: 'f68ec082b0f3587eb9977a03289097d3e838488d', class: "xpl-dashboard" }, hAsync("slot", { key: 'f67b34cfe1683d3ee2f70be9d3d075603e536559' }))));
+        return (hAsync(Host, { key: '65628c79753f54949bfe0a6dfede9bf4e09cf585' }, hAsync("dl", { key: 'aa6444eea3322331350fbc1b0db6b23e316d393e', class: "xpl-dashboard" }, hAsync("slot", { key: '3b54ed1755a0cc72ef5527afafdf156660afcfdf' }))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -8571,8 +8572,8 @@ class DataCard {
             : this.smallStatVariant === 'negative'
                 ? 'arrow-down-right'
                 : 'dash';
-        return (hAsync(Host, { key: '7480f4a5839e985f317f697984ec3752a0e5f4fb', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, hAsync("dt", { key: 'ee0d40e32b700fa8dcda517454f7dfe88439f705', class: headerClasses }, hAsync("header", { key: '405d707dafdd90942bb7122904d0d8a7ef1e989a' }, !!this.leadingIcon && this.icon && (hAsync("span", { key: 'd2f505eab301051b854355cbe8e8608153f1c509', class: `xpl-data-card__icon--${this.variant}` }, hAsync("xpl-icon", { key: 'e4c3366b8ec3e0a55b2cc47877d832c72ff018ac', icon: this.icon, "background-color": bgColorHue, size: 20 }))), hAsync("slot", { key: 'a2d1c4b93e4860d046f6da66d5b82a19f60e7346', name: "title" }, this.name)), this.link && (hAsync("span", { key: '8966de78de4d6fac11841afaec872a2c2f3d1db0', class: "xpl-data-card__header-arrow" }, hAsync("xpl-icon", { key: '62bc6170d62a773e5e38830c53a4abb0335a9fa8', icon: "chevron-right", size: 16 })))), hAsync("dd", { key: 'b10cbb97c475155819c8f35afa2b294153c7153a', class: "xpl-data-card__body" }, hAsync("div", { key: '4bf749bdcea4cd4b8a53cee3476e249556357038', class: "xpl-data-card__left" }, hAsync("span", { key: '8285b0cca2a5f8be35d9096980085d1e0ed6cebc', class: "xpl-data-card-stat xpl-data-card-stat--long" }, this.stat), this.tooltipTextStat ? (hAsync("xpl-tooltip", { text: this.tooltipTextStat }, hAsync("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, this.shortStat ? this.shortStat : this.stat))) : (hAsync("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, hAsync("abbr", { title: this.stat }, this.shortStat ? this.shortStat : this.stat))), this.smallStatVariant ? (this.tooltipTextSmallStat ? (hAsync("xpl-tooltip", { text: this.tooltipTextSmallStat }, hAsync("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, hAsync("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (hAsync("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, hAsync("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (this.smallStatIcon &&
-            (this.tooltipTextSmallStat ? (hAsync("xpl-tooltip", { text: this.tooltipTextSmallStat }, hAsync("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, hAsync("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat))) : (hAsync("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, hAsync("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat)))), !!this.detail && hAsync("span", { key: 'fbb5c740dc2a637198aad042800efb713fff154b', class: "xpl-data-card__detail" }, this.detail)), this.graphContentPresent && (hAsync("div", { key: 'b8f8f8fd70e1984edad76060e8b32db62c22bf5c', class: "xpl-data-card__right" }, hAsync("slot", { key: 'a3c1a9e98111de7a091ded98aded8e722af1f806', name: GRAPH_CONTENT_SLOT$1 }))))));
+        return (hAsync(Host, { key: '05aef87fdbc999cc563d9da2ae6207ffce5351cf', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, hAsync("dt", { key: '833d00cd995e5d9f96c70e6f1af04f260076aea7', class: headerClasses }, hAsync("header", { key: '283890fe21047be8ee81b64588a686f4f6339d28' }, !!this.leadingIcon && this.icon && (hAsync("span", { key: '2c3e365280efb2c6c18a7d08261fc30e8d808da3', class: `xpl-data-card__icon--${this.variant}` }, hAsync("xpl-icon", { key: '3564e1275b28e1693a45c51b4fc7936317b62e2f', icon: this.icon, "background-color": bgColorHue, size: 20 }))), hAsync("slot", { key: 'd5469c77ca2a1ec16e702ee8ab94c230dbbe742a', name: "title" }, this.name)), this.link && (hAsync("span", { key: '7a560cecc871b0e223372ecca08129d9f95d2c6e', class: "xpl-data-card__header-arrow" }, hAsync("xpl-icon", { key: 'f85ebee53967bc2ddd78291aaa63c85145d74930', icon: "chevron-right", size: 16 })))), hAsync("dd", { key: 'c19eb772979606076a22f72b8ecb4261f7371374', class: "xpl-data-card__body" }, hAsync("div", { key: '1ab9f94a29394608a18990ad4a06a663abd2f0a6', class: "xpl-data-card__left" }, hAsync("span", { key: '41d8633f93cf7e2c220df4b51768e9b7c2295474', class: "xpl-data-card-stat xpl-data-card-stat--long" }, this.stat), this.tooltipTextStat ? (hAsync("xpl-tooltip", { text: this.tooltipTextStat }, hAsync("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, this.shortStat ? this.shortStat : this.stat))) : (hAsync("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, hAsync("abbr", { title: this.stat }, this.shortStat ? this.shortStat : this.stat))), this.smallStatVariant ? (this.tooltipTextSmallStat ? (hAsync("xpl-tooltip", { text: this.tooltipTextSmallStat }, hAsync("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, hAsync("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (hAsync("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, hAsync("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (this.smallStatIcon &&
+            (this.tooltipTextSmallStat ? (hAsync("xpl-tooltip", { text: this.tooltipTextSmallStat }, hAsync("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, hAsync("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat))) : (hAsync("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, hAsync("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat)))), !!this.detail && hAsync("span", { key: '5dfcb6891ce3529bee2f240d85238a895ea6c61d', class: "xpl-data-card__detail" }, this.detail)), this.graphContentPresent && (hAsync("div", { key: '5b58f77c7a49e1aa157b73feb63e4ef1b5d36c0a', class: "xpl-data-card__right" }, hAsync("slot", { key: '962482c44556b3722119cace638ea176af2f9533', name: GRAPH_CONTENT_SLOT$1 }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -8615,7 +8616,7 @@ class Divider {
     render() {
         let className = 'xpl-divider';
         className += ` xpl-divider--${this.tier}`;
-        return (hAsync(Host, { key: '61b81934fc56dabb47246db40cd83b9f1dde150a', class: className }, hAsync("span", { key: 'b81ec769098b9b39fbd4e954e4931bcd580aa7dc' }, hAsync("slot", { key: '8410f6c17964a091e9d62ca4db9eda673ab02c46' }))));
+        return (hAsync(Host, { key: '942681efa6bd2c3806109240a5ac5c179b112551', class: className }, hAsync("span", { key: 'ce0b0ada57e7a51319260c88c10e411e3aaf2992' }, hAsync("slot", { key: 'da50f574acdf87def6ff77ef743bf38cc8717a79' }))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -10431,10 +10432,13 @@ class Dropdown {
         this.previousOptionCount = 0;
         this.handleClickOutside = ({ target }) => {
             const { triggerId } = this;
+            const targetEl = target;
             const triggerElement = triggerId ? document.getElementById(triggerId) : null;
-            const isTriggerOrChild = triggerElement?.contains(target);
-            const isInside = this.hostElement.contains(target);
-            if (!isInside && !isTriggerOrChild && this.isOpen) {
+            const isTriggerOrChild = triggerElement?.contains(targetEl);
+            const isInside = this.hostElement.contains(targetEl);
+            const labelEl = targetEl?.closest('label');
+            const isTriggerLabel = !!labelEl && !!triggerId && labelEl.getAttribute('for') === triggerId;
+            if (!isInside && !isTriggerOrChild && !isTriggerLabel && this.isOpen) {
                 this.isOpen = false;
             }
         };
@@ -10762,7 +10766,7 @@ class Dropdown {
         const shouldVirtualize = this.isVirtualized;
         let listContent;
         if (!hasOptions) {
-            listContent = hAsync("slot", { key: '97760aa46be9b95b750cd5db5453a9229a258182', name: "options" });
+            listContent = hAsync("slot", { key: '1673c7d33d7dc1d16bf56081df85976ed389a38f', name: "options" });
         }
         else if (shouldVirtualize) {
             const { rowHeight, overscan } = VIRTUAL_LIST;
@@ -10770,18 +10774,18 @@ class Dropdown {
             const start = Math.min(this.virtualStart, total);
             const fallbackEnd = Math.min(total, Math.ceil(300 / rowHeight) + overscan * 2);
             const end = this.virtualEnd > start ? this.virtualEnd : fallbackEnd;
-            listContent = (hAsync("li", { key: 'e26d99dc6d29290d64e6408c19b3357b590cffe3', class: "xpl-dropdown__virtual-sizer", style: { height: `${total * rowHeight}px` } }, options.slice(start, end).map((option, i) => renderOption(option, start + i))));
+            listContent = (hAsync("li", { key: '94094d9464c2f4ded9714f7ed16ca2b426c19794', class: "xpl-dropdown__virtual-sizer", style: { height: `${total * rowHeight}px` } }, options.slice(start, end).map((option, i) => renderOption(option, start + i))));
         }
         else {
             listContent = options.map((option) => renderOption(option));
         }
-        return (hAsync(Host, { key: '564b912fee05be97c27e1d791593066793ea5cf4', "aria-expanded": isOpen ? 'true' : 'false', class: {
+        return (hAsync(Host, { key: '6e2fe2b904530c7966a23b3715485ea9ed415880', "aria-expanded": isOpen ? 'true' : 'false', class: {
                 'xpl-dropdown': true,
                 'xpl-dropdown--multi': mode === 'multi',
                 'xpl-dropdown--open': isOpen,
                 'xpl-dropdown--anchor-to-trigger': this.anchorToTrigger,
                 'xpl-dropdown--virtualized': shouldVirtualize,
-            }, role: "listbox" }, hAsync("slot", { key: '1f84f1ce175fc1affae09ad93ed7c2b349b900ba', name: "header" }), hAsync("ul", { key: '933fac0a3585043bf66fcb59525ca1d6874bc2c3', class: "xpl-dropdown-list", ref: (el) => {
+            }, role: "listbox" }, hAsync("slot", { key: 'b9c87382e07b23b326fab22b8423021f8c4a83f8', name: "header" }), hAsync("ul", { key: '3824b650e2bbcb09fdea7f25ab19afa9a7dd8abe', class: "xpl-dropdown-list", ref: (el) => {
                 this.setListEl(el);
             }, onScroll: shouldVirtualize ? this.handleVirtualScroll : undefined }, listContent)));
     }
@@ -10843,7 +10847,7 @@ class DropdownGroup {
         const hasOptions = options && options.length;
         const mappedOptions = hasOptions &&
             options.map(({ groupName: optsGroupName, ...properties }) => optsGroupName ? (hAsync("xpl-dropdown-group", { label: optsGroupName, ...properties })) : (hAsync("xpl-dropdown-option", { ...properties })));
-        return (hAsync(Host, { key: '6834fa4acc5c15d3256a0289013deb4821d22d57', role: "group", "aria-label": groupName }, hAsync("li", { key: 'bed8042f619a729e9eb8c4e365e1b87dd1ea93cb', class: "xpl-dropdown-list-item" }, hAsync("xpl-dropdown-heading", { key: '7171c8e2dcc007ece292dde758abf27b17cf2a7c', label: groupName }), hAsync("ul", { key: 'a1e2a330759007328ad5b9d7f0ac6f920e5f6eec', class: "xpl-dropdown-list" }, mappedOptions || hAsync("slot", { key: 'ea8ea2987afe4decda1e78607d843c68e9285029', name: "options" })))));
+        return (hAsync(Host, { key: '232eccef872d6563c056b3b709d3a741473de2b0', role: "group", "aria-label": groupName }, hAsync("li", { key: '2185c7b55139ab7b144290c94ab53675a6224b46', class: "xpl-dropdown-list-item" }, hAsync("xpl-dropdown-heading", { key: '26c0d13d0742fd34eb629c668bd929e5541fffb8', label: groupName }), hAsync("ul", { key: '0f13b81deda008bf0588393ff1a4102a5c7a171d', class: "xpl-dropdown-list" }, mappedOptions || hAsync("slot", { key: '70cf6f662d1471c815f5e7c747080d7558efe407', name: "options" })))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -10863,7 +10867,7 @@ class DropdownHeading {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '71b62b60d09869f77af7a6975a54a58116c002a6', class: { 'xpl-dropdown-heading': true }, role: "presentation" }, hAsync("span", { key: 'ad7614e31b405ff4a9043334716eb1ff546a5c03' }, this.label || hAsync("slot", { key: 'b0a0d0b2a6f96d9b8b2d16ee5e289bb3592e5d42', name: "heading" }))));
+        return (hAsync(Host, { key: '04265224adcc5b65f53d2e35d0cfef470931ce41', class: { 'xpl-dropdown-heading': true }, role: "presentation" }, hAsync("span", { key: '27293255cdfe35d207f3f0155beae3dc4b737e0d' }, this.label || hAsync("slot", { key: 'b5bbee144360b2e5da681864e3dae6c2cafd2552', name: "heading" }))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -10932,11 +10936,11 @@ class DropdownOptionCpnt {
     }
     render() {
         const { label, isSelected, isDisabled, value, subtitle, icon } = this;
-        return (hAsync(Host, { key: 'cfdd7c14ccd6996d9e4e540b3364201d78f68ee8', class: {
+        return (hAsync(Host, { key: 'f4fa4b0a3150fafd4b1c259aa140925219487898', class: {
                 'xpl-dropdown-option': true,
                 'xpl-dropdown-option--disabled': !!isDisabled,
                 'xpl-dropdown-option--selected': !!isSelected,
-            }, role: "option", "aria-checked": isSelected, "aria-disabled": isDisabled, "aria-selected": isSelected, value: value }, hAsync("li", { key: 'f562da32ddf9725e696659abf6f245d1e9b1f787', class: "xpl-dropdown-list-item" }, icon && (hAsync("xpl-icon", { key: '10426bcc6a8a88db580eb04b3f83ad5d9316fc73', class: "xpl-dropdown-list-item__icon", icon: icon, size: 20 })), label || hAsync("slot", { key: '5f67b98ef75350ca860e96b5dd0c5375447bf09f', name: "option" }), subtitle && hAsync("span", { key: '6240790bbe44e43d612245bd052ed2a54fa409e1', class: "xpl-dropdown-list-item__subtitle" }, subtitle))));
+            }, role: "option", "aria-checked": isSelected, "aria-disabled": isDisabled, "aria-selected": isSelected, value: value }, hAsync("li", { key: '417af38233cd4765cc54a0cc4541bb5caeaf10ab', class: "xpl-dropdown-list-item" }, icon && (hAsync("xpl-icon", { key: '48cbe69b056142ce5ef5cd6c608a99f1defd2e9f', class: "xpl-dropdown-list-item__icon", icon: icon, size: 20 })), label || hAsync("slot", { key: '14b86d61bab431487cdef906a0a9b138d6ab4bbb', name: "option" }), subtitle && hAsync("span", { key: 'c7ff5ee61b08f7a94d107183127c0b9cff0b49b5', class: "xpl-dropdown-list-item__subtitle" }, subtitle))));
     }
     get hostElement() { return getElement(this); }
     static get cmpMeta() { return {
@@ -11000,10 +11004,10 @@ class DynamicTable {
         this.updateColumnCount();
     }
     render() {
-        return (hAsync("div", { key: '227ec50512aeedc2cd1989c3eb59e8d990ff9e9f', role: "grid", class: {
+        return (hAsync("div", { key: '9fdd0a6b9adfad92d89ff30873009e08ca981124', role: "grid", class: {
                 'xpl-dynamic-table': true,
                 'xpl-dynamic-table--accordion': this.hasAccordion,
-            }, "aria-colcount": this.colCount }, hAsync("slot", { key: '7dbc7ff3246211e89da64d07593a015016c60b59', name: "header" }), hAsync("slot", { key: '2f4fd56d6f05d62bc2eb57afaf1d3e382c06ca57', name: "body" })));
+            }, "aria-colcount": this.colCount }, hAsync("slot", { key: 'a105d82f752d34618a0603c59f85ea9e2ee6c3dd', name: "header" }), hAsync("slot", { key: '24817b404a5a6f50ab1f17674a85391a8645f728', name: "body" })));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -11043,9 +11047,9 @@ class DynamicTableCell {
         const colIndex = this.el.parentElement
             ? Array.from(this.el.parentElement.children).indexOf(this.el) + 1
             : 0;
-        return (hAsync(Host, { key: 'c2cfd05197952dd882bb3cf138dcbbc556e34583', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
+        return (hAsync(Host, { key: '6a4eea3dcf826a18c24068acea56dc63261220f4', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
                 this.hostElement = el ?? undefined;
-            } }, hAsync("slot", { key: 'bb48fdae37888679b567f842e7343091c851318a' })));
+            } }, hAsync("slot", { key: '138598bb74c49c32b649f0955a53cb8ea479e04f' })));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -11086,9 +11090,9 @@ class DynamicTableRow {
         const classList = `xpl-dynamic-table-row
             ${this.isDisabled ? 'disabled' : ''}
             ${this.selected ? 'selected' : ''}`;
-        return (hAsync(Host, { key: '385be648a5890a43b63bf78e5cdbb08ded40b350', role: "row", class: classList, ref: (el) => {
+        return (hAsync(Host, { key: '4b0e558771154ca42ab57235d9b38861831d7eeb', role: "row", class: classList, ref: (el) => {
                 this.hostElement = el ?? undefined;
-            } }, hAsync("slot", { key: 'aa2519e69e547492a25d9fbf18c4dc5b090fbded' })));
+            } }, hAsync("slot", { key: '8b2b1a78d797c9a5fcaa8b31db2a41f57335b683' })));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -11130,7 +11134,7 @@ class Grid {
         });
     }
     render() {
-        return hAsync(Host, { key: 'e0b3ddfde22d4bd211e259baa6617363a654463c', class: "xpl-grid" });
+        return hAsync(Host, { key: '94440d9d2f50c8712e7e4599409101da361f66d8', class: "xpl-grid" });
     }
     get container() { return getElement(this); }
     static get cmpMeta() { return {
@@ -11157,7 +11161,7 @@ class GridItem {
         className += ` xpl-grid-item-sm-${this.sm}`;
         className += ` xpl-grid-item-md-${this.md}`;
         className += ` xpl-grid-item-lg-${this.lg}`;
-        return (hAsync(Host, { key: 'e0f19711fdc2c90a192335de13f7adaeb65560ef', class: className }, hAsync("slot", { key: 'f79adf56e33fdf5b4aceee1c2e9b8410d7a43350' })));
+        return (hAsync(Host, { key: '0fc1d60f8f0d0df7208302a3668930afdb1dc5ba', class: className }, hAsync("slot", { key: '0385c17beb3982d060b4e2a4bdd0fd16f924a0d3' })));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -11228,7 +11232,7 @@ class HeaderAccordion {
         this.updateParentCheckbox(initialCheckoxesValue);
     }
     render() {
-        return (hAsync(Host, { key: '8c5bd1f9f7d6aecc5e06f41e68377bb309053261', class: "xpl-header-accordion" }, hAsync("div", { key: 'ecfe39b4e1cc03dede4b717fbb68f2976bcd34fd', class: `header-accordion header-accordion--${this.expanded ? 'expanded' : 'collapsed'}` }, this.hasCheckbox && (hAsync("xpl-checkbox", { key: '2cedb69a9d43daf53faff359a9d6ee9cab4b455c', class: "xpl-header-accordion__parent-checkbox", checked: this.parentChecked, disabled: this.disabled, indeterminate: this.parentIndeterminate, onCheckboxChange: (event) => this.handleParentCheckboxChange(event.detail) })), hAsync("button", { key: 'bccadcd6f1c9a498fcd54441d70b95bd33827e60', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "toggle-area", onClick: this.toggleAccordion, type: "button" }, hAsync("slot", { key: 'a19fdea8dff5d5513f433bbdac6a05d96671308b', name: "title" }), hAsync("xpl-icon", { key: '0191d698f5a41c60043e0da9751bf23f0d1fc7b7', size: 16, icon: "chevron-down", class: this.expanded ? 'rotate' : undefined }))), hAsync("div", { key: '3d0e91436da03f0c1151df754855f365ae72b3f2', id: this.contentId, role: "region", class: !this.expanded ? 'content--hidden' : 'content--shown' }, hAsync("slot", { key: 'f88cfc51ae9bcdfebf10545085643f87f90e3369', name: "content" }))));
+        return (hAsync(Host, { key: '7a9c486fd491732cafa29086b3e3edab9090fcef', class: "xpl-header-accordion" }, hAsync("div", { key: 'c63b756d6336e89b7976fb9a072782ed9d67a7c9', class: `header-accordion header-accordion--${this.expanded ? 'expanded' : 'collapsed'}` }, this.hasCheckbox && (hAsync("xpl-checkbox", { key: '65d41ff6f70d0cc9022f0337335305737a23617d', class: "xpl-header-accordion__parent-checkbox", checked: this.parentChecked, disabled: this.disabled, indeterminate: this.parentIndeterminate, onCheckboxChange: (event) => this.handleParentCheckboxChange(event.detail) })), hAsync("button", { key: '514f9bfe4a024416b8a4e152472c2bd7bbe3ab1d', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "toggle-area", onClick: this.toggleAccordion, type: "button" }, hAsync("slot", { key: '29a2434b4a4be46751f4425b7837f11324547e1a', name: "title" }), hAsync("xpl-icon", { key: 'cf2e043da31d9845e6b4db91022f67c3abb4918d', size: 16, icon: "chevron-down", class: this.expanded ? 'rotate' : undefined }))), hAsync("div", { key: '6bcc05f2ebf545ef67fa7cf1e3bb1e6f39f0f170', id: this.contentId, role: "region", class: !this.expanded ? 'content--hidden' : 'content--shown' }, hAsync("slot", { key: '6bbcd7e23979d93d88168f173766f86701ecc382', name: "content" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -25249,10 +25253,10 @@ class Icon {
         let wrapperClasses = 'xpl-icon__wrapper ';
         if (this.backgroundColor)
             wrapperClasses += `xpl-icon__wrapper--with-background xpl-icon__wrapper--with-background--${this.backgroundColor}`;
-        return (hAsync(Host, { key: '3d37d0047746e887defd4b3b614a0279e661bfd5' }, hAsync("figure", { key: '45f00585d6916dc4a57921b323f6a3c2c14a1837', class: wrapperClasses }, hAsync("span", { key: '01d1f8ff2a2db80c0fdb8078e6308d0e22a8ddef', "aria-label": this.icon, role: "img", class: "xpl-icon", style: {
+        return (hAsync(Host, { key: '2969450a00c78280dca3b7ed44f98f8699c41808' }, hAsync("figure", { key: '56dc93a59a43dc28eb7479696b8d97656a7c7c68', class: wrapperClasses }, hAsync("span", { key: 'f6133fba12fc84a6547575e70997c131c1771ef2', "aria-label": this.icon, role: "img", class: "xpl-icon", style: {
                 width: `${options.width}px`,
                 height: `${options.height}px`,
-            }, innerHTML: apolloIcons.getIcon(this.icon)?.toSVG(options) }), hAsync("figcaption", { key: '3979091cfb488cca62b8143d1f597bec480d3ed2' }, this.icon, " icon"))));
+            }, innerHTML: apolloIcons.getIcon(this.icon)?.toSVG(options) }), hAsync("figcaption", { key: 'c5c9fa42d7c00ea35666b81c7f8ba39f4482572c' }, this.icon, " icon"))));
     }
     static get style() { return xplIconCss(); }
     static get cmpMeta() { return {
@@ -25423,11 +25427,12 @@ class Input {
             case 'time':
                 return (hAsync("xpl-input-time", { inputId: this._id, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, value: this.value, placeholder: this.placeholder, max: this.max, min: this.min, step: this.step, mode: this.mode, timeFormat: this.timeFormat, allowCustomOption: this.allowCustomOption, onValueChange: this.handleChildValueChange }));
             case 'phone':
-                return (hAsync("xpl-input-phone", { inputId: this._id, disabled: this.disabled, error: !!this.error, name: this.name, required: this.required, readonly: this.readonly, value: this.value, placeholder: this.placeholder, defaultCountry: this.defaultCountry, preferredCountries: this.preferredCountries, isInternational: this.isInternational, onValueChange: this.handleChildValueChange }));
+                return (hAsync("xpl-input-phone", { inputId: this._id, disabled: this.disabled, error: this.error !== undefined, name: this.name, required: this.required, readonly: this.readonly, value: this.value, placeholder: this.placeholder, defaultCountry: this.defaultCountry, preferredCountries: this.preferredCountries, isInternational: this.isInternational, onValueChange: this.handleChildValueChange }));
             case 'search': {
                 const hasVisibleLabel = Boolean((this.label ?? '').trim());
-                const hasErrorMessage = Boolean(this.error && this.error.length > 0);
-                return (hAsync("xpl-input-search", { ariaLabel: (this.ariaLabel ?? '').trim() || 'Search', autocomplete: this.autocomplete ?? 'off', disabled: this.disabled, errorMessageId: hasErrorMessage ? `${this._id}-error` : undefined, hasError: hasErrorMessage, hasVisibleLabel: hasVisibleLabel, inputId: this._id ?? '', name: this.name, onBlurEvent: this.handleSearchBlurForward, onFocusEvent: this.handleSearchFocusForward, onSearch: this.handleSearchCommit, onValueChange: this.handleChildValueChange, placeholder: this.placeholder ?? 'Search', readonly: this.readonly, ref: (el) => {
+                const hasError = this.error !== undefined;
+                const hasErrorMessage = hasError && (this.error?.length ?? 0) > 0;
+                return (hAsync("xpl-input-search", { ariaLabel: (this.ariaLabel ?? '').trim() || 'Search', autocomplete: this.autocomplete ?? 'off', disabled: this.disabled, errorMessageId: hasErrorMessage ? `${this._id}-error` : undefined, hasError: hasError, hasVisibleLabel: hasVisibleLabel, inputId: this._id ?? '', name: this.name, onBlurEvent: this.handleSearchBlurForward, onFocusEvent: this.handleSearchFocusForward, onSearch: this.handleSearchCommit, onValueChange: this.handleChildValueChange, placeholder: this.placeholder ?? 'Search', readonly: this.readonly, ref: (el) => {
                         this.searchInputRef = el ?? undefined;
                     }, required: this.required, shape: this.shape ?? 'rounded', value: this.value ?? '' }));
             }
@@ -25446,7 +25451,7 @@ class Input {
     }
     render() {
         let hasError = false;
-        if (this.error) {
+        if (this.error !== undefined) {
             hasError = true;
         }
         else if (this.multiline &&
@@ -25454,13 +25459,13 @@ class Input {
             this.characterCount > this.maxCharacterCount) {
             hasError = true;
         }
-        return (hAsync(Host, { key: '008387a60d49c0a4d303f7b6254c18ba109138c8', class: {
+        return (hAsync(Host, { key: '94a5e19a36756ac43ebbe6d3996a2ffbf475da24', class: {
                 'xpl-input': true,
                 'xpl-input--disabled': !!this.disabled,
                 'xpl-input--error': hasError,
                 'xpl-input--readonly': !!this.readonly,
                 [`xpl-input--${this.type}`]: true,
-            } }, this.label && (hAsync("label", { key: '73e44138ac4bcd5ab6f96de33d818ae0d0bdb8fb', class: "xpl-input-label", htmlFor: this._id }, this.label, this.description && hAsync("small", { key: '85b33374df5ba7f1c002d1a5555a23013fd5f8f9' }, this.description))), this.renderInput(), (this.error?.length ?? 0) > 0 && (hAsync("label", { key: '802f79003fe348f0d6927701b4becdf086dc207e', class: "xpl-input-error", htmlFor: this._id, id: `${this._id}-error` }, hAsync("xpl-icon", { key: '3b43c9816359cfbfc0c11a8874a4b561d04986d1', icon: "circle-warning", size: 16 }), hAsync("span", { key: '76fe2a5cb424eb17e5d7c9358f81d2ad36775903' }, this.error)))));
+            } }, this.label && (hAsync("label", { key: 'd41b5e5245483e2ea235c910f85cd6a21b100dec', class: "xpl-input-label", htmlFor: this._id }, this.label, this.description && hAsync("small", { key: 'c9d55823b8b97678b2f5f4374446c3693e6dceaa' }, this.description))), this.renderInput(), (this.error?.length ?? 0) > 0 && (hAsync("label", { key: '20e5a1d2af06e571f0757aa60633438f79a6a17d', class: "xpl-input-error", htmlFor: this._id, id: `${this._id}-error` }, hAsync("xpl-icon", { key: 'a193ee5f1d3e0d8479fa8dfd66ab27edeb400d30', icon: "circle-warning", size: 16 }), hAsync("span", { key: 'acf686fe036d1a1e9cb944ff773dda86e90ff39a' }, this.error)))));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -25636,7 +25641,7 @@ const rgbToHex = (r, g, b) => [r, g, b].map((x) => x.toString(16).padStart(2, '0
 const stringToObjectColor = (input) => {
     if (input.startsWith('#')) {
         if (!/^#([a-fA-F\d]{6})$/.test(input)) {
-            throw new Error('Only 6-digit hex format supported (e.g. #aabbcc)');
+            throw new Error('xpl-input-color: Only 6-digit hex format supported (e.g. #aabbcc)');
         }
         const hex = input.toLowerCase().slice(1);
         const r = parseInt(hex.slice(0, 2), 16);
@@ -25647,7 +25652,7 @@ const stringToObjectColor = (input) => {
     if (input.startsWith('rgba') || input.startsWith('rgb')) {
         const match = input.match(/[\d.]+/g)?.map(Number);
         if (!match || match.length < 3) {
-            throw new Error('Invalid rgba/rgb format');
+            throw new Error('xpl-input-color: Invalid rgba/rgb format');
         }
         const [r, g, b, a = 1] = match;
         const toHex = (n) => n.toString(16).padStart(2, '0');
@@ -25657,19 +25662,19 @@ const stringToObjectColor = (input) => {
     if (input.startsWith('hsla') || input.startsWith('hsl')) {
         const match = input.match(/[\d.]+/g)?.map(Number);
         if (!match || match.length < 3) {
-            throw new Error('Invalid hsla/hsl format');
+            throw new Error('xpl-input-color: Invalid hsla/hsl format');
         }
         const [hue, saturation, lightness, alpha = 1] = match;
         const rgba = hslaToRgba(hue, saturation, lightness, alpha);
         const rgbaParts = rgba.match(/[\d.]+/g)?.map(Number);
         if (!rgbaParts || rgbaParts.length < 3) {
-            throw new Error('Invalid hsla/hsl format');
+            throw new Error('xpl-input-color: Invalid hsla/hsl format');
         }
         const [r, g, b] = rgbaParts;
         const hex = rgbToHex(r, g, b);
         return { hex: hex.toLowerCase(), r, g, b, a: alpha };
     }
-    throw new Error('Unsupported color format');
+    throw new Error('xpl-input-color: Unsupported color format');
 };
 const objectToStringColor = (color) => {
     if (!color.a || color.a === 1) {
@@ -25887,16 +25892,16 @@ class InputColor {
             top: `${y}px`,
             background: `rgb(${r}, ${g}, ${b})`,
         };
-        return (hAsync(Host, { key: '02aa7baed3d45ad3a2e995f588c0915e3e348bfc', class: "xpl-input-color" }, hAsync("xpl-popover", { key: '4739858b3b027f3d436c8fe84d62aa917d06ec5e', disabled: this.disabled, display: "menu" }, hAsync("div", { key: '470b4bd07706693748829a25fc8499965581d48b', slot: "trigger" }, hAsync("div", { key: '03a100cb1041eaa939c9db7c0574ac53bc639ef7', class: {
+        return (hAsync(Host, { key: '2c4bff1c1b56afdc1b4192a2d7c1e0a1f5ebc073', class: "xpl-input-color" }, hAsync("xpl-popover", { key: 'ba545a5022a532ef2fde8c795bee19f2680514c1', disabled: this.disabled, display: "menu" }, hAsync("div", { key: '180e066079da1a97ba31bcaf66d443df8a0c48ca', slot: "trigger" }, hAsync("div", { key: 'c3cc0cb1484c4111b60b736b750571552437d0cf', class: {
                 'xpl-input-color__display': true,
                 'xpl-input-color__display--disabled': !!this.disabled,
                 'xpl-input-color__display--error': !!this.hasErrorState,
-            } }, hAsync("span", { key: '61594874f76b2f6da3befd6b7b6ff0136992c5d7', class: "xpl-input-color__color", style: {
+            } }, hAsync("span", { key: '72aaff4e9a54da1f766d1de85bd58216c866a4b7', class: "xpl-input-color__color", style: {
                 background: objectToStringColor(this.colorValues),
-            } }), this.colorValues.hex ? (hAsync("span", { class: "xpl-input-color__value" }, objectToStringColor(this.colorValues))) : (hAsync("span", { class: "xpl-input-color__placeholder" }, this.placeholder)), this.eyeDropperSupported && !this.hideEyeDropper && (hAsync("xpl-icon", { key: 'e6997616cc18e0cec266b6029cfbee068744967c', size: 20, icon: "eye-dropper", class: "xpl-input-color__icon", onClick: (e) => {
+            } }), this.colorValues.hex ? (hAsync("span", { class: "xpl-input-color__value" }, objectToStringColor(this.colorValues))) : (hAsync("span", { class: "xpl-input-color__placeholder" }, this.placeholder)), this.eyeDropperSupported && !this.hideEyeDropper && (hAsync("xpl-icon", { key: 'f55cfde9a119e9f0de379bc1bfb5b5d4b53aa992', size: 20, icon: "eye-dropper", class: "xpl-input-color__icon", onClick: (e) => {
                 e.stopPropagation();
                 this.openEyeDropper();
-            } })))), hAsync("div", { key: '7253fbb77364e884b4eca04c705fda8875f16250', class: "xpl-input-color__menu" }, hAsync("div", { key: '75a2f6545771354c1d5a6b01ada16a090ceb47e7', class: "xpl-input-color__sl-grid", ref: (el) => {
+            } })))), hAsync("div", { key: 'f80f215000d3a906d65f7f6673c6d8eaabe3fc6d', class: "xpl-input-color__menu" }, hAsync("div", { key: '4701c99f8a528900c34005b7c26d9fa544b664d8', class: "xpl-input-color__sl-grid", ref: (el) => {
                 this.colorInputElements.slGrid = el ?? undefined;
             }, style: {
                 background: [
@@ -25904,9 +25909,9 @@ class InputColor {
                     `linear-gradient(to right, #fff, #fff0)`,
                     `rgb(${hueBaseColor.r} ${hueBaseColor.g} ${hueBaseColor.b})`,
                 ].join(', '),
-            }, onMouseDown: this.startDrag, onTouchStart: this.startDrag }, hAsync("div", { key: '363f0f591d7a9214e808e3374449492d1bb35096', class: "xpl-input-color__sl-thumb", style: slThumbStyle })), hAsync("div", { key: '6c227329fac4c27e60e05fc4635adc9e11149289', class: "xpl-input-color__grid" }, hAsync("input", { key: 'ae66886dcd2384b01146238ca90144b2aaa7d315', type: "range", min: "0", max: "360", value: this.hue, class: "xpl-input-color__slider xpl-input-color__hue", name: "color-hue-slider", ref: (el) => {
+            }, onMouseDown: this.startDrag, onTouchStart: this.startDrag }, hAsync("div", { key: '3e0ec5c0821dfed35190053f5e4f147cb7b55eb0', class: "xpl-input-color__sl-thumb", style: slThumbStyle })), hAsync("div", { key: '1b278a13c88aa663a2b8217fbc3524ee213e0f3b', class: "xpl-input-color__grid" }, hAsync("input", { key: '5e35bdd6e7776848a2d2eb32a00deb3ec349c21d', type: "range", min: "0", max: "360", value: this.hue, class: "xpl-input-color__slider xpl-input-color__hue", name: "color-hue-slider", ref: (el) => {
                 this.colorInputElements.hue = el ?? undefined;
-            } }), hAsync("input", { key: 'fae631f4530dcabcef0e4ba748d7104d7539a573', type: "range", min: "0", max: "1", step: "0.01", value: a, class: "xpl-input-color__slider xpl-input-color__alpha", name: "color-alpha-slider", ref: (el) => {
+            } }), hAsync("input", { key: '1119341201878e5c8511fa3e241afba15eab6d9b', type: "range", min: "0", max: "1", step: "0.01", value: a, class: "xpl-input-color__slider xpl-input-color__alpha", name: "color-alpha-slider", ref: (el) => {
                 this.colorInputElements.alpha = el ?? undefined;
             }, style: {
                 backgroundImage: [
@@ -25916,9 +25921,9 @@ class InputColor {
                     `linear-gradient(45deg, transparent 75%, #ccc 75%)`,
                     `linear-gradient(-45deg, transparent 75%, #ccc 75%)`,
                 ].join(', '),
-            } }), hAsync("div", { key: '01dcd22dc144e4b8a8288b7e4cde2fc781c4f8f0', class: "xpl-input-color__preview", style: {
+            } }), hAsync("div", { key: '3804928b107e92bddbc3afa3fa883caafddbd06b', class: "xpl-input-color__preview", style: {
                 background: `rgba(${r}, ${g}, ${b}, ${a})`,
-            } })), hAsync("div", { key: '64e69fd55e9f7030ca1ee354e4c322d837d41993', class: "xpl-input-color__inputs" }, [
+            } })), hAsync("div", { key: '86961ee31d82724a76f6598bd547c8e650e27f24', class: "xpl-input-color__inputs" }, [
             'hex',
             'r',
             'g',
@@ -26085,16 +26090,16 @@ class InputDate {
         parent.removeChild(wrapper);
     }
     render() {
-        return (hAsync(Host, { key: 'ed469d24ccc404df6d361338c6f34b9a902c2a67', class: {
+        return (hAsync(Host, { key: '768d9bffdb7431a48824590f9ae61f8e77735e98', class: {
                 'xpl-input-date': true,
                 [`xpl-input-date--mode-${this.mode}`]: true,
                 'xpl-input-date--error': !!this.hasErrorState,
                 'xpl-input-date--flatpickr-static': this.flatpickrStaticLayout,
-            } }, hAsync("div", { key: 'ab4798bd6bb4be6495050504eb8a606d80fe84dc', class: "xpl-input-wrapper" }, this.pre && (hAsync("label", { key: '4bf483491d4a688564f745ef75b770e741177599', class: "xpl-input-pre", htmlFor: this.inputId }, this.pre)), hAsync("input", { key: '99030b75c8fe9bb681d9d3c4ea44b16346316c7c', type: "date", id: this.inputId, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, placeholder: this.placeholder, max: this.max, min: this.min, ref: (el) => {
+            } }, hAsync("div", { key: '5b3421bad3bc8474b3724fc7a4287ccf98bd1ba5', class: "xpl-input-wrapper" }, this.pre && (hAsync("label", { key: 'f0e88d0052247c15decc6de2635db1fb847fdd94', class: "xpl-input-pre", htmlFor: this.inputId }, this.pre)), hAsync("input", { key: '251ddfab7140c7a13fd2ef36d7baefe81ed3e716', type: "date", id: this.inputId, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, placeholder: this.placeholder, max: this.max, min: this.min, ref: (el) => {
                 this.input = el ?? undefined;
             }, onChange: (event) => {
                 this.valueChanged(event);
-            } }), hAsync("xpl-icon", { key: 'fb4de593bb36664cd8f95518b5da622df545e437', class: "xpl-input-calendar", icon: "calendar", size: 24 }), this.post && (hAsync("label", { key: '6835c6b4832918efa513e57c62ec5326f63d8c36', class: "xpl-input-post", htmlFor: this.inputId }, this.post)))));
+            } }), hAsync("xpl-icon", { key: '6828c8024496963a2a480091a40326154e21d1f5', class: "xpl-input-calendar", icon: "calendar", size: 24 }), this.post && (hAsync("label", { key: 'e08267b6ffc0d605b557e69784b54757621182c7', class: "xpl-input-post", htmlFor: this.inputId }, this.post)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -26165,18 +26170,18 @@ class InputFile {
         this.onRemoveFileByIndex(fileIndex);
     }
     render() {
-        return (hAsync(Host, { key: '62b134a3517ea8e5d9c0ba8a0f0c0ba56413a05b', class: {
+        return (hAsync(Host, { key: 'baa52af5a8ee6222ff745cece6e59d9480165af6', class: {
                 'xpl-input-file': true,
                 'xpl-input-file--hide-trigger-on-select': !!this.hideTriggerOnSelect,
                 'xpl-input-file--disabled': !!this.disabled,
-            } }, hAsync("span", { key: '8f3aa455cf7fe9f27dbab609969dfac1bf4b1a3a', class: {
+            } }, hAsync("span", { key: '802ed05f26bd1e2a618f5e09bea7370fe69a4718', class: {
                 'xpl-input-file__trigger-wrapper': true,
                 'xpl-input-file__trigger-wrapper--hidden': !!this.hideTriggerOnSelect && (this.files?.length ?? 0) > 0,
-            }, role: "button", tabIndex: 0, onClick: this.openFileDialog }, hAsync("slot", { key: '3d5d42f659cd78b9f54e008113a2ff99ddaa4a03', name: "trigger" })), (this.files?.length ?? 0) > 0 && !this.hideFileNames && (hAsync("ul", { key: 'd827f178ba04e03d8879b1cf81674226b3f265c7', class: "xpl-input-file__file-list" }, (this.files ?? []).map((file, fileIndex) => (hAsync("li", { class: "xpl-input-file__file-item" }, hAsync("span", { class: "xpl-input-file__file-name" }, file.name), hAsync("xpl-icon", { icon: "x-circle", size: 24, onClick: (e) => {
+            }, role: "button", tabIndex: 0, onClick: this.openFileDialog }, hAsync("slot", { key: '487381f2b34d2ad528f1b32f976e5513c1e29c11', name: "trigger" })), (this.files?.length ?? 0) > 0 && !this.hideFileNames && (hAsync("ul", { key: 'fe7b503a89a65af02cbb39b93b518b2dde790a34', class: "xpl-input-file__file-list" }, (this.files ?? []).map((file, fileIndex) => (hAsync("li", { class: "xpl-input-file__file-item" }, hAsync("span", { class: "xpl-input-file__file-name" }, file.name), hAsync("xpl-icon", { icon: "x-circle", size: 24, onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 this.onRemoveFileByIndex(fileIndex);
-            }, class: "xpl-input-file__remove-icon" })))))), this.accept && !this.hideAcceptText && (hAsync("span", { key: '3bc1ab3c72d4039a2635b9ceb4a22f4a98875632', class: "xpl-input-file__accept" }, "Accepted file types: ", this.accept)), hAsync("input", { key: '23f6d50b87fe8e4b315670c73565bc50ca592ed5', onChange: this.handleFileChange, type: "file", ref: (el) => {
+            }, class: "xpl-input-file__remove-icon" })))))), this.accept && !this.hideAcceptText && (hAsync("span", { key: '6e5e54426f2b33858b374d09014ec0096fa43bb4', class: "xpl-input-file__accept" }, "Accepted file types: ", this.accept)), hAsync("input", { key: '81d08e97d8d2c8a59640348e295261f9acd439cc', onChange: this.handleFileChange, type: "file", ref: (el) => {
                 this.fileInput = el ?? undefined;
             }, hidden: true, accept: this.accept, multiple: this.multiple, name: this.name })));
     }
@@ -26681,20 +26686,20 @@ class InputPhone {
         this.hasErrorState = null;
     }
     render() {
-        return (hAsync(Host, { key: 'c180c62687c5d1b9c9f31400df8b76475ffe821e', class: {
+        return (hAsync(Host, { key: '124c8feabed1cf383f2eb65e77dd2517c96ea01c', class: {
                 'xpl-input-phone': true,
                 'xpl-input-phone--error': !!this.hasErrorState || !!this.error,
                 'xpl-input-phone--open': this.dropdownOpen,
                 'xpl-input-phone--domestic': !this.isInternational,
-            } }, hAsync("div", { key: 'ea5b833f60f7bac459ef6362091a15beac015dec', class: "xpl-input-wrapper" }, this.isInternational && (hAsync("button", { key: '6e0d7b18dc7784ffcadcc13500c02bbec1977b90', type: "button", id: this.triggerId, class: "xpl-input-phone__trigger", disabled: this.disabled, "aria-haspopup": "listbox", "aria-expanded": this.dropdownOpen ? 'true' : 'false', "aria-label": "Select country", onClick: this.handleTriggerClick }, this.selectedCountry?.name && (hAsync("xpl-icon", { key: '038a87158d9417ad9889e3b0a94cd63bc16f5538', class: "xpl-input-phone__flag", icon: getCountryIconName(this.selectedCountry.name), size: 24, "aria-hidden": "true" })), hAsync("xpl-icon", { key: '5434d2645e31bd30207c26f8e0a5004c00c699c6', class: "xpl-input-phone__trigger-icon", icon: "chevron-down", size: 20, "aria-hidden": "true" }))), hAsync("div", { key: '623f1b49c156614a40cee574e1a41c2d09014e2b', class: "xpl-input-phone__input-wrap" }, this.isInternational && (hAsync("span", { key: '535313ab4c84a989b0bedfe07bbd080ffaa4b76b', class: "xpl-input-phone__dial-code" }, this.effectiveDialCode)), hAsync("input", { key: 'e9f03ca04b18fab0f9e6407f3686e43a072a3d81', ref: (el) => {
+            } }, hAsync("div", { key: '6b2a17efd488aa18ac8dea1e86d12884ceb51e90', class: "xpl-input-wrapper" }, this.isInternational && (hAsync("button", { key: 'd3f8e42841532f8c37a131545007af3213c1b9e0', type: "button", id: this.triggerId, class: "xpl-input-phone__trigger", disabled: this.disabled, "aria-haspopup": "listbox", "aria-expanded": this.dropdownOpen ? 'true' : 'false', "aria-label": "Select country", onClick: this.handleTriggerClick }, this.selectedCountry?.name && (hAsync("xpl-icon", { key: 'cb52527ba28d95a93cba734bb6d1b3ab8e14a388', class: "xpl-input-phone__flag", icon: getCountryIconName(this.selectedCountry.name), size: 24, "aria-hidden": "true" })), hAsync("xpl-icon", { key: '7942dae0973871635b7b64e0697d8c25352ac3bf', class: "xpl-input-phone__trigger-icon", icon: "chevron-down", size: 20, "aria-hidden": "true" }))), hAsync("div", { key: '24b810a9e03c7774ad6576cc9f03888d5da9d3aa', class: "xpl-input-phone__input-wrap" }, this.isInternational && (hAsync("span", { key: 'eb7684aad427a10615c23326a2a2628a4a12fbb0', class: "xpl-input-phone__dial-code" }, this.effectiveDialCode)), hAsync("input", { key: '8e429f156e36f101413e1d5168bb38a2ca9bdebf', ref: (el) => {
                 this.inputEl = el ?? undefined;
-            }, type: "tel", id: this.inputId, class: "xpl-input-phone__input", name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, "aria-invalid": this.hasErrorState || this.error ? 'true' : 'false', placeholder: this.effectivePlaceholder, autocomplete: this.isInternational ? 'tel-national' : 'tel', inputmode: "numeric", maxlength: this.maxInputLength, value: this.displayValue, onInput: this.handleNumberInput }), this.nationalNumber && this.isEditable && (hAsync("button", { key: '9e52b938631e3414225506cf13a50129e4046bd1', type: "button", class: "xpl-input-phone__clear", "aria-label": "Clear phone number", onClick: this.handleClear }, hAsync("xpl-icon", { key: 'd7fa5c395ac0677db31405b2406ec33c1aef8d7d', icon: "x-circle", size: 16 }))))), this.isInternational && this.isEditable && (hAsync("xpl-dropdown", { key: '1df1f72efa719f230e582e57c62f62eff98abfc8', ref: (el) => {
+            }, type: "tel", id: this.inputId, class: "xpl-input-phone__input", name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, "aria-invalid": this.hasErrorState || this.error ? 'true' : 'false', placeholder: this.effectivePlaceholder, autocomplete: this.isInternational ? 'tel-national' : 'tel', inputmode: "numeric", maxlength: this.maxInputLength, value: this.displayValue, onInput: this.handleNumberInput }), this.nationalNumber && this.isEditable && (hAsync("button", { key: '403e1b9e35a7bfd2ba356c16c4d5e9178541f876', type: "button", class: "xpl-input-phone__clear", "aria-label": "Clear phone number", onClick: this.handleClear }, hAsync("xpl-icon", { key: 'aee1381d3a7dcec64c708ecfa67266eef442850e', icon: "x-circle", size: 16 }))))), this.isInternational && this.isEditable && (hAsync("xpl-dropdown", { key: '9d14a65f3ac538b4e420151927a0c349adf3688d', ref: (el) => {
                 this.dropdownRef = el ?? undefined;
             }, isOpen: this.dropdownOpen, triggerId: this.triggerId, anchorToTrigger: true, closeOnSelect: true, mode: "single", options: this.dropdownOptions, update: this.handleDropdownUpdate, onIsOpenChange: (e) => {
                 this.dropdownOpen = e.detail;
-            }, "aria-label": "Country" }, hAsync("div", { key: 'ce221f1de83d5cce87162c316aa3e64fbb0396a5', slot: "header", class: "xpl-input-phone__search-wrap" }, hAsync("xpl-input", { key: '884815148c6827573b8a7584bb06eb8cfeaa9976', class: "xpl-input-phone__search", type: "text", label: "", placeholder: "Search", value: this.searchQuery, autocomplete: "off", onInputEvent: (e) => {
+            }, "aria-label": "Country" }, hAsync("div", { key: '87006a8a90ef37032775247a387896f065ce5673', slot: "header", class: "xpl-input-phone__search-wrap" }, hAsync("xpl-input", { key: '26a99c318081e3215fa779191ee8a0f9c127489f', class: "xpl-input-phone__search", type: "text", label: "", placeholder: "Search", value: this.searchQuery, autocomplete: "off", onInputEvent: (e) => {
                 this.searchQuery = e.detail ?? '';
-            } }, hAsync("xpl-icon", { key: '9edff232287061494d5b8af93885c2a12fbe969b', slot: "pre", class: "xpl-input-phone__search-icon", icon: "magnifier", size: 20 })))))));
+            } }, hAsync("xpl-icon", { key: '4aee182e975ed805524ac93e3a34f055266b693b', slot: "pre", class: "xpl-input-phone__search-icon", icon: "magnifier", size: 20 })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -26836,7 +26841,7 @@ class InputSearch {
         return shell;
     }
     render() {
-        return (hAsync(Host, { key: '017e5d3958dccf6ca1096cd623ffd49b302a5ab3', class: {
+        return (hAsync(Host, { key: '4a152d3a8db620391334488e1c6c3cdbe9250ba3', class: {
                 'xpl-input-search': true,
                 'xpl-input-search--disabled': this.disabled,
                 'xpl-input-search--error': this.hasError,
@@ -27045,11 +27050,11 @@ class InputTime {
         }));
     }
     render() {
-        return (hAsync(Host, { key: '61190dc5c00042aa095367bcce600a4d759bdbca', class: {
+        return (hAsync(Host, { key: '5494cc0a537152b9d8dfa03e5281b21e6bb6eee2', class: {
                 'xpl-input-time': true,
                 [`xpl-input-time--mode-${this.mode}`]: true,
                 'xpl-input-time--error': !!this.hasErrorState,
-            } }, hAsync("xpl-input", { key: '8793e06e961f53794df33d0015280930a43d1a90', pre: hAsync("xpl-icon", { class: "xpl-input-time__clock-icon", icon: "clock", size: 24 }), post: this.timeFormat === '12h' ? this.amPm || 'AM' : undefined, type: "text", _id: this.inputId, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, placeholder: this.placeholder, max: this.max, min: this.min, onInput: this.handleInput, value: this.formattedValue, onFocusEvent: this.handleFocus, onBlurEvent: this.handleBlur, onClick: this.handleClick }), !this.readonly && !this.disabled && (hAsync("xpl-dropdown", { key: '7c88be365f26e1eecb6c731acb9d1c87d96973dd', options: this.options, isOpen: this.showOptions, ref: (el) => {
+            } }, hAsync("xpl-input", { key: '0d32784cd9fc8acacae1854a966bb426fa135fb5', pre: hAsync("xpl-icon", { class: "xpl-input-time__clock-icon", icon: "clock", size: 24 }), post: this.timeFormat === '12h' ? this.amPm || 'AM' : undefined, type: "text", _id: this.inputId, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, placeholder: this.placeholder, max: this.max, min: this.min, onInput: this.handleInput, value: this.formattedValue, onFocusEvent: this.handleFocus, onBlurEvent: this.handleBlur, onClick: this.handleClick }), !this.readonly && !this.disabled && (hAsync("xpl-dropdown", { key: '206c668ca8ee29ceffaf14f14acd90fb076fc0ae', options: this.options, isOpen: this.showOptions, ref: (el) => {
                 this.dropdown = el ?? undefined;
             }, class: "xpl-input-time__dropdown" }))));
     }
@@ -27165,7 +27170,7 @@ class LargeCard {
         }
     }
     render() {
-        return (hAsync(Host, { key: '1f4d73841c0645f6eaa784d5a684baf605fd249c', role: "group", class: `xpl-large-card ${this.link ? 'xpl-large-card__link' : ''}`, tabindex: "0" }, hAsync("dt", { key: '37a067e460a49508251b44102fd8470caef01c95', class: "xpl-large-card__header" }, hAsync("header", { key: '4ab9ba4d4bee0b82b7e5f51fec425caa23334bca' }, hAsync("slot", { key: 'ce45a8dd99e027d1ce56c780d6304438524778b1', name: "title" }, this.name), this.link && (hAsync("span", { key: '90c795212858e49ff947da8e91ccbeee357e92ef', class: "xpl-large-card__header-arrow" }, hAsync("xpl-icon", { key: '459405641d21f234bc322f20745cdb5f81e4c60e', icon: "chevron-right", size: 16 })))), this.description && (hAsync("div", { key: '7cffdab2f56ef65c097e254ae859b1314f96849f', class: "xpl-large-card__description" }, this.description))), hAsync("dd", { key: '6454b51a6cc99af277c557b16a0e77877aa455d9', class: "xpl-large-card__body" }, this.graphContentPresent && hAsync("slot", { key: 'c1ec933cef4a0098e69f408445de06ca32799911', name: GRAPH_CONTENT_SLOT }))));
+        return (hAsync(Host, { key: '9fdddb5c8d02400545f57499c92af0ee0aa4be67', role: "group", class: `xpl-large-card ${this.link ? 'xpl-large-card__link' : ''}`, tabindex: "0" }, hAsync("dt", { key: '3854e5f89efa2c968f7abeb8284c0ab8e3e31fda', class: "xpl-large-card__header" }, hAsync("header", { key: '0057d377780108f886dae2d9a6a1f3d81748b5fc' }, hAsync("slot", { key: '243d38d7635a2e288a1ec7f7894b772d5005acee', name: "title" }, this.name), this.link && (hAsync("span", { key: 'f2ce2ff09a50471ee255bac8bda406908c272388', class: "xpl-large-card__header-arrow" }, hAsync("xpl-icon", { key: '86233617aaf74a137d84639e1477c311671fad7b', icon: "chevron-right", size: 16 })))), this.description && (hAsync("div", { key: 'ab0c0134a2468d22d122dfe810306d570beee8e8', class: "xpl-large-card__description" }, this.description))), hAsync("dd", { key: '6fb1262327dc91fd0a982bd31ee7deaa94625e12', class: "xpl-large-card__body" }, this.graphContentPresent && hAsync("slot", { key: 'b1e170a19004aad87015786307b926e58d031751', name: GRAPH_CONTENT_SLOT }))));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -27551,10 +27556,10 @@ class List {
     render() {
         const ariaLabelledBy = this.labelledBy?.trim() ? this.labelledBy.trim() : undefined;
         const ariaLabel = !ariaLabelledBy && this.label?.trim() ? this.label.trim() : undefined;
-        return (hAsync(Host, { key: '1bfa7238314b7560cdd4dbafae3240fc5e89f72c', role: "list", class: { 'xpl-list': true }, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, this.items?.map((item, index) => {
+        return (hAsync(Host, { key: '8b055baaf9acc04df19be097d0fb5bcb86c7165a', role: "list", class: { 'xpl-list': true }, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, this.items?.map((item, index) => {
             const legacyRowId = item.id ?? `item-${index}`;
             return (hAsync("xpl-list-item", { key: `legacy-item-${legacyRowId}`, item: item, href: item.href, itemId: legacyRowId }));
-        }), hAsync("slot", { key: 'ee1e57aff365af47ec0ace762cdfeabd0783ee6f' }), this.reorderable ? (hAsync("div", { class: "xpl-list__reorder-live", "aria-live": "assertive", "aria-atomic": "true" }, this.reorderLiveMessage)) : null));
+        }), hAsync("slot", { key: '103e3fb6cb29f9527b090dd9e53412528ed7b9c2' }), this.reorderable ? (hAsync("div", { class: "xpl-list__reorder-live", "aria-live": "assertive", "aria-atomic": "true" }, this.reorderLiveMessage)) : null));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -27606,7 +27611,7 @@ class MainNav {
         this.navWidthHandler();
     }
     render() {
-        return (hAsync(Host, { key: 'a2bd0e9fc9de814e5522b315dbb6da2672c6da72', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, hAsync("nav", { key: 'f6c75ca9ef37747054994457c2bf2b1d44941479' }, hAsync("header", { key: 'a338af682f79147b22fcb7e72a86fcaab867e19f', "aria-label": "Sidebar Header" }, hAsync("slot", { key: '7208e18c6bc8202ef709ee9a2c07369aeb3f7a8f', name: "logo" }), hAsync("slot", { key: '189761d3d465c4a8ddbdc8dca05ff81b2f2dc2a4', name: "brand-name" })), hAsync("div", { key: '0c981cfaf3267a82319864185d55b4ffad06d114', class: "xpl-main-nav__main_section" }, hAsync("slot", { key: '1301a128dfb5399867527d2afbf350c1e2e92b26', name: "navigation" })), hAsync("footer", { key: 'b3010ec6e8773fad12d60abffcb4226dc5ae091b', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, hAsync("slot", { key: 'a662e627533ec313acc169a1c01093cf8f450c8a', name: "footer" })))));
+        return (hAsync(Host, { key: '936e7393a8037c6c78c7a6d5d284d9c37be2f866', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, hAsync("nav", { key: '45fd74c979b53bbd8080ca92ea15e3135d0d49ae' }, hAsync("header", { key: 'cb692d0e90aa70bce5e09af43e54d864849f4800', "aria-label": "Sidebar Header" }, hAsync("slot", { key: '778c33ef024895ca44616ef9655843330e3c563b', name: "logo" }), hAsync("slot", { key: '7728db09b46999e708c46d10d5de56c65ab9a9fa', name: "brand-name" })), hAsync("div", { key: '0376fefe7921b061f3f2fdc972aa381ed7d124a2', class: "xpl-main-nav__main_section" }, hAsync("slot", { key: '12a61a53d6c93695d38c70d9a953fe4e37438178', name: "navigation" })), hAsync("footer", { key: '8cd0e32231e155324c78878dcaad955ab7b3e4fb', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, hAsync("slot", { key: 'cdaf0bec22d3d8229441e7e036c3fcbcb244c32f', name: "footer" })))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -27620,11 +27625,13 @@ class MainNav {
     }; }
 }
 
+let modalInstanceCount = 0;
 class Modal {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.modalClosed = createEvent(this, "modalClosed", 7);
         this.dialogElement = null;
+        this.titleId = `xpl-modal-title-${(modalInstanceCount += 1)}`;
         this.isOpen = false;
         this.size = 'medium';
         this.variant = 'default';
@@ -27647,34 +27654,47 @@ class Modal {
             }
         };
     }
-    componentDidLoad() {
-        this.dialogElement = this.element.querySelector('dialog');
-        if (!this.dialogElement) {
-            return;
-        }
-        this.updateModalState();
-        this.dialogElement.addEventListener('cancel', this.handleDialogClose);
-        this.dialogElement.addEventListener('click', this.handleNativeBackdropClick);
+    connectedCallback() {
+        this.bindDialog();
     }
     disconnectedCallback() {
         this.clearCloseTimer();
-        if (this.dialogElement) {
-            this.dialogElement.removeEventListener('cancel', this.handleDialogClose);
-            this.dialogElement.removeEventListener('click', this.handleNativeBackdropClick);
-        }
+        this.unbindDialog();
+    }
+    componentDidLoad() {
+        this.bindDialog();
     }
     updateModalState() {
+        this.clearCloseTimer();
         if (this.isOpen) {
-            this.clearCloseTimer();
-            this.dialogElement?.showModal?.();
+            this.openDialog();
+        }
+        else {
+            this.scheduleClose();
         }
-        else if (this.dialogElement && typeof this.dialogElement.close === 'function') {
-            this.clearCloseTimer();
-            this.closeTimerId = setTimeout(() => {
-                this.closeTimerId = undefined;
-                this.dialogElement?.close();
-            }, 250);
+    }
+    bindDialog() {
+        const dialog = this.element.querySelector('dialog');
+        if (!dialog) {
+            return;
         }
+        this.dialogElement = dialog;
+        dialog.removeEventListener('cancel', this.handleDialogClose);
+        dialog.removeEventListener('click', this.handleNativeBackdropClick);
+        dialog.addEventListener('cancel', this.handleDialogClose);
+        dialog.addEventListener('click', this.handleNativeBackdropClick);
+        this.updateModalState();
+    }
+    unbindDialog() {
+        const dialog = this.dialogElement;
+        if (!dialog) {
+            return;
+        }
+        if (dialog.open && typeof dialog.close === 'function') {
+            dialog.close();
+        }
+        dialog.removeEventListener('cancel', this.handleDialogClose);
+        dialog.removeEventListener('click', this.handleNativeBackdropClick);
     }
     clearCloseTimer() {
         if (this.closeTimerId !== undefined) {
@@ -27682,8 +27702,22 @@ class Modal {
             this.closeTimerId = undefined;
         }
     }
+    openDialog() {
+        if (this.dialogElement && !this.dialogElement.open) {
+            this.dialogElement.showModal?.();
+        }
+    }
+    scheduleClose() {
+        if (!this.dialogElement || typeof this.dialogElement.close !== 'function') {
+            return;
+        }
+        this.closeTimerId = setTimeout(() => {
+            this.closeTimerId = undefined;
+            this.dialogElement?.close();
+        }, 250);
+    }
     render() {
-        return (hAsync(Host, { key: 'f7778c1d428d6a008cfe7731a7cbef692cf0dce8', class: "xpl-modal" }, this.isOpen && hAsync("xpl-backdrop", { key: '764ba9d33983e2c680c732e909226a6295326b85' }), hAsync("dialog", { key: '0d8c01d5dd3c9cb14cd3ca5d6c6a2a466cfbeb7c', class: `xpl-modal__dialog xpl-modal-size--${this.size} xpl-modal--${this.isOpen ? 'is-open' : 'is-closed'}` }, hAsync("div", { key: '825ee88c897ba15bb75e851481f2f5078b647b6d', class: "xpl-modal__header" }, hAsync("div", { key: '7630900b3e13a9fcbe5e73db3cabe3f43efe5cb0', class: "xpl-modal__title" }, this.variant === 'warning' && (hAsync("xpl-icon", { key: '5f1aadc57fe05727395f6feabbc4c9ce8c83dd61', size: 20, icon: "triangle-warning", class: "xpl-modal__alert-icon" })), hAsync("slot", { key: '2735d03fbc4e2520855a5225eed51c4c725c3732', name: "title" }), hAsync("xpl-button", { key: '8c0196cb3d07388308451a050a4becac995cd281', type: "button", class: "xpl-modal__close-button", "icon-only": true, size: "sm", variant: "tertiary", onClick: this.handleDialogClose }, hAsync("xpl-icon", { key: '8f1764666f2b86592c0c62b06750edf29cc14a14', icon: "xmark" }))), hAsync("div", { key: '6e4fc6a67288640f8a8ac1f69fb4f44df1c9d229', class: "xpl-modal__subtitle" }, hAsync("slot", { key: 'ce59d8d14ffd3200e64c65a1ea2bda7918190a1f', name: "subtitle" }))), hAsync("div", { key: 'a1e6dd317884149a38863ba97b480f21feaf2657', class: "xpl-modal__body" }, hAsync("slot", { key: '43eb4ccf4febe7fe5ae5ed992ce5f6e701231247', name: "body" })), hAsync("div", { key: 'a0648d0b989c86ed2592fa15c2c0a06d6b5470e5', class: "xpl-modal__footer" }, hAsync("slot", { key: '3f6d0f703cb726d9f603aeeee42cf673dfbbeca6', name: "tertiary" }), hAsync("slot", { key: '98412e5f51a4e86cc68dd3133de2611638deee7e', name: "secondary" }), hAsync("slot", { key: '0121aca5ebaaa738fabf32da32e962deb7920fd5', name: "primary" })))));
+        return (hAsync(Host, { key: '3194d5377b7438543a3f6e6ab41fd7c307674a28', class: "xpl-modal" }, this.isOpen && hAsync("xpl-backdrop", { key: 'dfc30ff7879364920669a1d1ebfdaea39951b966' }), hAsync("dialog", { key: 'bfb33a8d97d17981f582768b0e34b0d167cf60cb', class: `xpl-modal__dialog xpl-modal-size--${this.size} xpl-modal--${this.isOpen ? 'is-open' : 'is-closed'}`, "aria-labelledby": this.titleId }, hAsync("div", { key: '0b71adc30bde109aa831a28200c918a458a7da52', class: "xpl-modal__header" }, hAsync("div", { key: '657c5aad60fa85e4285e299dcbe24209742277e6', class: "xpl-modal__title" }, hAsync("xpl-button", { key: '2301014d0f4bd129dbbfc7b1eb242db98622f866', type: "button", class: "xpl-modal__close-button", "icon-only": true, variant: "tertiary", "aria-label": "Close modal", onClick: this.handleDialogClose }, hAsync("xpl-icon", { key: 'a978ff514926ca4b319c4920b2057baa50a1fb24', icon: "xmark" })), this.variant === 'warning' && (hAsync("xpl-icon", { key: '2a1cf704d1aa75170d53ef3887a4d1e7874762fa', size: 20, icon: "triangle-warning", class: "xpl-modal__alert-icon" })), hAsync("span", { key: 'd2bcd4c5b4596e80875eb9000ee75d592e41ce74', class: "xpl-modal__title-text", id: this.titleId }, hAsync("slot", { key: 'cf009856b6e86bab36bc16a249ad9b3ebc09fd1c', name: "title" }))), hAsync("div", { key: '29258401d4ec72c81a5a7e28e2365efd2227445e', class: "xpl-modal__subtitle" }, hAsync("slot", { key: '9f749c62f55edabcec4dc5d8677ad9b45e64be50', name: "subtitle" }))), hAsync("div", { key: 'f12dd8ee02ef7f9aeeedd0d7c7b5ffe52c24a336', class: "xpl-modal__body" }, hAsync("slot", { key: '0a9e2d67a7842075560e1cf846e4b3d18bfe1bee', name: "body" })), hAsync("div", { key: '720e9bf0cb5746b31b7dee9cb1ad4226eb13bf11', class: "xpl-modal__footer" }, hAsync("slot", { key: '819ba75ee04742fb872c0345b4cc1732891856ee', name: "primary" }), hAsync("slot", { key: 'b74d4339586fd2d863791d6cb6cd3d593a9c9785', name: "secondary" }), hAsync("slot", { key: 'a4d437d7e9142bf91307edae5ed5dbd89e8921f0', name: "tertiary" })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -27792,11 +27826,11 @@ class NavHeaderMenu {
     }
     render() {
         const hasProfile = !!this.username || !!this.email;
-        return (hAsync(Host, { key: 'dc0a40f8c2db6084678f6059efa61d8dd75d1a44', class: {
+        return (hAsync(Host, { key: '36df50ceb427be007b8da6c4e6154ab0267e7e6b', class: {
                 'xpl-nav-header-menu': true,
                 'xpl-nav-header-menu--has-right-aside-mobile': this.rightAsideMobilePresent,
                 dark: true,
-            } }, hasProfile && (hAsync("div", { key: '857696ff73c74ccf74e3607169aa8378cdbb9a9b', class: "xpl-nav-header-menu__profile" }, hAsync("div", { key: '0398df3659ad70f11a8300f5213f436840cffe29', class: "xpl-nav-header-menu__info" }, this.username && (hAsync("div", { key: 'de0e0878b44a134b6fa10eb2117f52b822179602', class: "xpl-nav-header-menu__username" }, this.username)), this.email && (hAsync("div", { key: 'e6a523c745f1e5ef80613071c02452e727b929b9', class: "xpl-nav-header-menu__email" }, this.email))))), hAsync("div", { key: 'd12b09d4bf2e68947fb78073e9f8bc3ba7d4d65d', class: "xpl-nav-header-menu__right-aside-mobile" }, hAsync("slot", { key: 'e4a8f9080993d32338016c5c72fc98c5c4dd3c22', name: "right-aside-mobile" })), hAsync("div", { key: 'd21f74ddc1a08e27c77494fc622b3d85d834760f', class: "xpl-nav-header-menu__slot", role: "list" }, hAsync("slot", { key: '9ebf836dc8d33991a432cb47e1510091bfd57322' }))));
+            } }, hasProfile && (hAsync("div", { key: '5906352d9c6580f96cb3e1ba3ae841b04c136a27', class: "xpl-nav-header-menu__profile" }, hAsync("div", { key: '38ad80fe95f2ea56e12f3dfeea32af734f31aafd', class: "xpl-nav-header-menu__info" }, this.username && (hAsync("div", { key: 'a58f2ab162da92c5afbfaf01234748a6478a61db', class: "xpl-nav-header-menu__username", title: this.username }, this.username)), this.email && (hAsync("div", { key: 'd91f764a3b4278937d1bac6ed670f1e2abf899b0', class: "xpl-nav-header-menu__email", title: this.email }, this.email))))), hAsync("div", { key: '78fade2c6cc2ec049b40ca3093f77855b46ee7db', class: "xpl-nav-header-menu__right-aside-mobile" }, hAsync("slot", { key: '9715e86a06f642f1b0455e43f12fc83c1fdc20f8', name: "right-aside-mobile" })), hAsync("div", { key: 'c1893f276e93629ff8dd96f807579b2b991ea884', class: "xpl-nav-header-menu__slot", role: "list" }, hAsync("slot", { key: '23218885442af87a956216af71b598c2eb478eff' }))));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -27825,11 +27859,11 @@ class NavItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'ffbe4b34fe5a30cec5bfe506fbc325663db7d02b', class: "xpl-nav-item", role: "listitem", onClick: () => {
+        return (hAsync(Host, { key: '6632b50719b413f69b1943035e60c086951709d7', class: "xpl-nav-item", role: "listitem", onClick: () => {
                 if (this.navControl) {
                     this.onNavToggle();
                 }
-            } }, hAsync("slot", { key: 'c772716a5cac78963468f7e6ae7a34f16dbd2636', name: "link" }, hAsync("slot", { key: '0b120ea6bc0e596fee7730459689906e2233521c', name: "icon" }), hAsync("slot", { key: 'fd9edd0051e771ba87a37b72245d3bcfa71bd468' }))));
+            } }, hAsync("slot", { key: '1c7f754d3fa4b67883562f4877414cefc7947920', name: "link" }, hAsync("slot", { key: 'c4268f625e8a4ef9323293d064abee42afee5d1f', name: "icon" }), hAsync("slot", { key: '5f843056b4c5852e3fa89c9a5ef36442b76238a0' }))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -27923,19 +27957,19 @@ class Pagination {
     render() {
         const disablePrev = this.currentPage <= 1;
         const disableNext = this.currentPage >= this.totalPages;
-        return (hAsync(Host, { key: '9184904c32aa8d4e552f9493f343a162b8f2d8ee', class: {
+        return (hAsync(Host, { key: '23b4aec5d70fcfa1ec02089716f7649d15fcb0ca', class: {
                 'xpl-pagination': true,
                 'xpl-pagination__with-page-control': this.withPageControl,
                 'xpl-pagination__no-page-control': !this.withPageControl,
-            } }, this.withPageControl && (hAsync("div", { key: '26febbb3a6bf061bfcf8d61190dc7947aa04efb1', class: "xpl-pagination__rows-per-page" }, hAsync("label", { key: '7a5b406ee8bfd2582e8b543db14b39a493ff2d9c', class: "xpl-pagination__rows-label" }, "Rows per page:"), hAsync("xpl-select", { key: 'd82e693f4ada5897f163ae5243c047348be63a08', class: "xpl-pagination__rows-per-page-select", dropdownFlipFallbackPlacements: ['bottom-start'], dropdownPlacement: "top-start", choices: this.rowsPerPageOptionsArray.map((option) => ({
+            } }, this.withPageControl && (hAsync("div", { key: '2383d3488dc1435f1384f98cf07459cfb6ccb1bc', class: "xpl-pagination__rows-per-page" }, hAsync("label", { key: 'be3f5e3815a11f5cb02710d253e02e10fdf6236d', class: "xpl-pagination__rows-label" }, "Rows per page:"), hAsync("xpl-select", { key: 'dd06add7fde18b8616b18fc945e78457ddedb8b7', class: "xpl-pagination__rows-per-page-select", dropdownFlipFallbackPlacements: ['bottom-start'], dropdownPlacement: "top-start", choices: this.rowsPerPageOptionsArray.map((option) => ({
                 label: option.toString(),
                 value: option.toString(),
                 isSelected: option === this.selectedRowsPerPage,
             })), ref: (el) => {
                 this.rowsPerPageSelectRef = el ?? null;
-            } }))), hAsync("div", { key: '23fdb444921471c1121a82f6b17050beea69a93c', class: "xpl-pagination__pager" }, hAsync("button", { key: 'bae0457c8c0cda02feb837de3c20965aabc937c0', class: "xpl-pagination__pager-button xpl-pagination__pager-button-prev", disabled: disablePrev, onClick: this.handlePrevPage, "aria-label": "Previous Page", tabindex: "0" }, hAsync("xpl-icon", { key: '714f2d15b2e2c129d2bd70c28858ac95ae3518a7', icon: "arrow-left", size: 20 })), hAsync("xpl-select", { key: 'c52b9974fc675706cdcfe43fe939225a4561cef5', class: "xpl-pagination__page-select", dropdownFlipFallbackPlacements: ['bottom-start'], dropdownPlacement: "top-start", choices: this.pageChoices, "custom-display-value": true, ref: (el) => {
+            } }))), hAsync("div", { key: '9a41a8e940f04ba2da9a7e9331d5ff496043771f', class: "xpl-pagination__pager" }, hAsync("button", { key: 'cfe0a954aaa79e5b8af00a86d384bf9d1d2831b8', class: "xpl-pagination__pager-button xpl-pagination__pager-button-prev", disabled: disablePrev, onClick: this.handlePrevPage, "aria-label": "Previous Page", tabindex: "0" }, hAsync("xpl-icon", { key: 'd3cf107b6f1a2cc02c50e0bd23b19b857ebd812d', icon: "arrow-left", size: 20 })), hAsync("xpl-select", { key: '90d4c563a755c83a759b8e4028aac09b8a0be715', class: "xpl-pagination__page-select", dropdownFlipFallbackPlacements: ['bottom-start'], dropdownPlacement: "top-start", choices: this.pageChoices, "custom-display-value": true, ref: (el) => {
                 this.pageSelectRef = el ?? null;
-            } }, hAsync("div", { key: '7dcc6c4b3f0b0470986006c2ab7dbcfcbaba0f92', slot: "custom-display-value" }, `${this.currentPage} of ${this.totalPages}`)), hAsync("button", { key: '0afaf6e4b4acd626e7972c0fb5d5f8aad1e16f2a', class: "xpl-pagination__pager-button xpl-pagination__pager-button-next", disabled: disableNext, onClick: this.handleNextPage, "aria-label": "Next Page", tabindex: "0" }, hAsync("xpl-icon", { key: '3759f242a05741cf53938539cd69b9074c6cf323', icon: "arrow-right", size: 20 })))));
+            } }, hAsync("div", { key: '3f9071ff9ba2094c5014628366519db328efc466', slot: "custom-display-value" }, `${this.currentPage} of ${this.totalPages}`)), hAsync("button", { key: '474df34b27cd0cd6ffcb58c4408691f5bf765c99', class: "xpl-pagination__pager-button xpl-pagination__pager-button-next", disabled: disableNext, onClick: this.handleNextPage, "aria-label": "Next Page", tabindex: "0" }, hAsync("xpl-icon", { key: '0466f500b1cc7f2fa8e22da485e889775a53b2e8', icon: "arrow-right", size: 20 })))));
     }
     static get watchers() { return {
         "currentPage": [{
@@ -28651,16 +28685,16 @@ class Popover {
         });
     }
     render() {
-        return (hAsync(Host, { key: '0e697fc04e3fd17595eb05f70104c6ffaa2c641c' }, hAsync("div", { key: '749de61a600d9eb55074910d3093217b3fb08863', class: {
+        return (hAsync(Host, { key: 'b747fcdda5987a1d0506486d325cdf9a57cab6a8' }, hAsync("div", { key: '547d595121db1b713c204eb5ac173828fff4b35b', class: {
                 'xpl-popover': true,
                 [`xpl-popover--${this.actualPosition}`]: true,
                 'xpl-popover--is-open': this.isOpenState,
-            } }, hAsync("span", { key: 'd42b2a4893a5dc18e4298e5ed79eac0c93996385', role: "button", tabindex: "0", "aria-haspopup": "dialog", "aria-expanded": this.isOpenState ? 'true' : 'false', onClick: this.togglePopover, ref: (el) => {
+            } }, hAsync("span", { key: 'd12773148d327475c8ff51fbb5a717c95231cabf', role: "button", tabindex: "0", "aria-haspopup": "dialog", "aria-expanded": this.isOpenState ? 'true' : 'false', onClick: this.togglePopover, ref: (el) => {
                 this.triggerRef = el;
-            } }, hAsync("slot", { key: 'e99d7e89b3d825ae716a93c423d31854914e5fa9', name: "trigger" })), this.display === 'arrow' && (hAsync("div", { key: '18809dc747e4646920238a0b05e54be568e63311', class: "xpl-popover__arrow" }, hAsync("svg", { key: 'b3f78f3c82cc0969cd4c36117f562eb538864cbe', width: "17", height: "14", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'c2f12882970e1e599e7e508e5cd57210b7d08015', d: "M0 5h15l-7.5 7.5L0 5Z", fill: "white", stroke: "none", class: "arrow-fill" }), hAsync("path", { key: 'bce5aecd1ee49ae8252a27bf8db0677c891beb54', d: "M0 5 L7.5 12.5 L15 5", fill: "none", stroke: "black", "stroke-width": "1", class: "arrow-stroke" })))), hAsync("div", { key: 'd970490de0d7ed8413afcc8fa1b1f0985352b796', class: {
+            } }, hAsync("slot", { key: '6322dc3b9e7292eeb41aaf5c662aa99273868c7d', name: "trigger" })), this.display === 'arrow' && (hAsync("div", { key: '2a3fe87cc9a82c8e914f6917a999bdd4433b9042', class: "xpl-popover__arrow" }, hAsync("svg", { key: 'a191461ac07cf6693d5461aa4d343214e62ed6ef', width: "17", height: "14", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '61003e404b4e031057e0d2ef39a31bc9b7fba6df', d: "M0 5h15l-7.5 7.5L0 5Z", fill: "white", stroke: "none", class: "arrow-fill" }), hAsync("path", { key: '15de3ff2ec9657fd3e47410de79d2362076c797b', d: "M0 5 L7.5 12.5 L15 5", fill: "none", stroke: "black", "stroke-width": "1", class: "arrow-stroke" })))), hAsync("div", { key: 'ec4ae8672673fa63b918ab6222a6fbf7099758ff', class: {
                 'xpl-popover__content': true,
                 [`xpl-popover__content--display-${this.display}`]: true,
-            }, ref: (el) => (this.contentRef = el) }, hAsync("slot", { key: '742a4d13a4bb0e21ab0135f316bfec76da6fde82' })))));
+            }, ref: (el) => (this.contentRef = el) }, hAsync("slot", { key: '50c82f8c1833c91f6e2aabdfe3773725c9d9296d' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -28716,12 +28750,12 @@ class ProgressBar {
         return this.variant === 'indeterminate';
     }
     render() {
-        return (hAsync(Host, { key: 'e6c2e96d1af4b56204eba288d35b065fbe7d3c71', class: {
+        return (hAsync(Host, { key: '7c374a5f2f89aed6b0c3a0daa4cc843efea8d262', class: {
                 'xpl-progress-bar': true,
                 [`xpl-progress-bar--${this.size}`]: true,
                 [`xpl-progress-bar--${this.variant}`]: true,
                 'xpl-progress-bar--complete': this.isComplete,
-            } }, hAsync("div", { key: '5d8e7731bf5588c8549398dca087e7f39078eec0', class: "xpl-progress-bar__wrapper" }, (this.label || this.showStatusIcon) && (hAsync("div", { key: 'b36f70ed46b5a8dd46a9f8ea0b5188b90f33741e', class: "xpl-progress-bar__header" }, this.label && hAsync("div", { key: '1fed869f23b4c449c56ff4b40d79fe315118de94', class: "xpl-progress-bar__label" }, this.label), this.showStatusIcon && (hAsync("div", { key: '8ec535833016b380a133599311aa02f8a7765901', class: "xpl-progress-bar__icon" }, this.isError ? (hAsync("xpl-icon", { icon: "circle-xmark-1" })) : (hAsync("xpl-icon", { icon: "circle-check-1" })))))), hAsync("div", { key: 'ea1e88ff71d2e10a71df1c6d63269b16b0c03129', class: "xpl-progress-bar__row" }, this.isIndeterminate ? (hAsync("div", { class: "xpl-progress-bar__track xpl-progress-bar__track--indeterminate", role: "progressbar", "aria-label": this.label || 'Progress' }, hAsync("div", { class: "xpl-progress-bar__indeterminate" }))) : (hAsync("progress", { class: "xpl-progress-bar__progress", value: this.clampedValue, max: this.max, "aria-label": this.label || 'Progress' }))), this.helperText && (hAsync("div", { key: '71a2ceee37369f823b598f385dd895b807693aa1', class: "xpl-progress-bar__helper" }, this.helperText)))));
+            } }, hAsync("div", { key: 'f1be4a82fbb87ffac27bb2b8d0f479ad36aae340', class: "xpl-progress-bar__wrapper" }, (this.label || this.showStatusIcon) && (hAsync("div", { key: 'd415f09b3d0d237bc348b33470162d2b44048856', class: "xpl-progress-bar__header" }, this.label && hAsync("div", { key: '48bc06b81c4445d811e6cd5f3ac086192cbcb392', class: "xpl-progress-bar__label" }, this.label), this.showStatusIcon && (hAsync("div", { key: 'd31ccfc3ed1f956fdc89e01ca262b606219bb78e', class: "xpl-progress-bar__icon" }, this.isError ? (hAsync("xpl-icon", { icon: "circle-xmark-1" })) : (hAsync("xpl-icon", { icon: "circle-check-1" })))))), hAsync("div", { key: '5c97c6193a2ebb0626052953f1a11c9afc258da8', class: "xpl-progress-bar__row" }, this.isIndeterminate ? (hAsync("div", { class: "xpl-progress-bar__track xpl-progress-bar__track--indeterminate", role: "progressbar", "aria-label": this.label || 'Progress' }, hAsync("div", { class: "xpl-progress-bar__indeterminate" }))) : (hAsync("progress", { class: "xpl-progress-bar__progress", value: this.clampedValue, max: this.max, "aria-label": this.label || 'Progress' }))), this.helperText && (hAsync("div", { key: '8e78ed094ab41425272b1818cc004a9094c3632d', class: "xpl-progress-bar__helper" }, this.helperText)))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -28797,7 +28831,7 @@ class ProgressIndicator {
                 ? `Progress: all ${totalSteps} ${totalSteps === 1 ? 'step' : 'steps'} complete`
                 : `Progress: step ${currentStepNumber} of ${totalSteps}`
             : 'Progress';
-        return (hAsync(Host, { key: 'bba19d0d09e3bf9ae1fa1e04824f84f4a74b3431', class: hostClasses, role: "group", "aria-label": ariaLabel }, hAsync("div", { key: '529becbce8bfcc02ddf0f4de3c550bfef94ec7ba', class: "xpl-progress-indicator-container", role: "list" }, steps.map((step, index) => this.renderStep(step, index)))));
+        return (hAsync(Host, { key: '2fa8128b81b665f0733e3c905cb99eaa1917e719', class: hostClasses, role: "group", "aria-label": ariaLabel }, hAsync("div", { key: '279079d456f72748c77ac9f06281c838307ba092', class: "xpl-progress-indicator-container", role: "list" }, steps.map((step, index) => this.renderStep(step, index)))));
     }
     static get watchers() { return {
         "steps": [{
@@ -28845,14 +28879,14 @@ class Radio {
         return Boolean(this.checked);
     }
     render() {
-        return (hAsync(Host, { key: '3b69e40977913d82102f8ddad0daaf04c1fdae91', class: {
+        return (hAsync(Host, { key: 'e3626967beb86dee46de974dd2a3c8993314d2d0', class: {
                 'xpl-checkbox-radio-container': true,
                 styled: !!this.styled,
                 disabled: !!this.disabled,
-            } }, hAsync("input", { key: '480a7b9ed8a94630a9e1d31ae39dfa5ca4977869', class: "xpl-radio", type: "radio", checked: this.isChecked, disabled: this.disabled, id: this.id, name: this.name, required: this.required, onChange: this.onChange, value: this.value }), hAsync("label", { key: 'aa582808dda2a90ad877ac1267df68df3bce6f38', class: {
+            } }, hAsync("input", { key: 'cdc8d7968dd78031f33b4f72024698f7afec27cf', class: "xpl-radio", type: "radio", checked: this.isChecked, disabled: this.disabled, id: this.id, name: this.name, required: this.required, onChange: this.onChange, value: this.value }), hAsync("label", { key: '5bb2243b7fe42b219d3fa3696c92321b116f8c72', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': !!this.disabled,
-            }, htmlFor: this.id }, hAsync("slot", { key: 'a75c287415b7d989ba2bfd1a3c4ec122afe345e6' }), this.description && (hAsync("small", { key: '774a273dafdf7e5e82ddd2a99c439cae7f6f9bd1', class: {
+            }, htmlFor: this.id }, hAsync("slot", { key: '85f1bf2c73111b8f5c0b0ae26343f590c8a50faf' }), this.description && (hAsync("small", { key: '6452b050fe0df584373a45d105434fe31a8a82ba', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': !!this.disabled,
             } }, this.description)))));
@@ -28882,7 +28916,7 @@ class SecondaryNav {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '9d5cdbf77eba7913892f083ccaab8f878455c11e', class: "xpl-secondary-nav" }, hAsync("nav", { key: '4b56938320beada9e879c71866c3c48d37020f47', "aria-label": "Secondary Nav" }, hAsync("slot", { key: '613ff6145ce13a4eee2b2dcae31b63eb89a860d0' }))));
+        return (hAsync(Host, { key: '6fd3db4309ecb98fb1739fd69d964297a77a46eb', class: "xpl-secondary-nav" }, hAsync("nav", { key: 'c08a1df306cee05760b6761409ebfb4ba87c2e4f', "aria-label": "Secondary Nav" }, hAsync("slot", { key: '9d5d0657bdd581bce000f1ace49be8c1d018fe47' }))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -29167,21 +29201,21 @@ class Select {
             this.truncate &&
             !this.customDisplayValue;
         const truncatedText = `+ ${Math.abs(this.choicesState.filter((a) => a.isSelected).length - this.visibleChoices)} more`;
-        return (hAsync(Host, { key: 'efb901a6da94614137b07be9c89b3777e65f60d9', class: {
+        return (hAsync(Host, { key: 'b080c68630c2c0c6bfeffb6ce27c9b9363898ecc', class: {
                 'xpl-select': true,
                 'xpl-select--disabled': !!this.disabled,
                 'xpl-select--no-truncate': !this.truncate,
                 [this.classNames ?? '']: !!this.classNames,
             }, onKeyDown: this.handleTabKeyDown, ref: (el) => {
                 this.container = el;
-            } }, this.renderLabel(), hAsync("div", { key: '6d4b42bf301188182be36b7b9adfde4669771a22', class: {
+            } }, this.renderLabel(), hAsync("div", { key: 'c2913a9da7988d4e24fd788718637bcebd93fcb6', class: {
                 'xpl-input': true,
                 'xpl-input--disabled': !!this.disabled,
                 'xpl-input--error': this.error !== undefined,
-            } }, hAsync("div", { key: '3687745a851d263557bb9d0f7c2d7eaa4546daa9', class: "xpl-input-wrapper" }, hAsync("button", { key: '6fa71fa27e684134b9e3ee915b8548a127dfbdf6', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
+            } }, hAsync("div", { key: '58ea7fdb31c591b2726258d786ca5550219bcd89', class: "xpl-input-wrapper" }, hAsync("button", { key: 'c4c2b2f0a90cd4ef407b8797fd65b86062387678', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
                 e.preventDefault();
                 this.handleDropdownTrigger();
-            }, type: "button" }, hAsync("div", { key: '00975fd72169662e5314f48634722c18c10e8bd9', class: {
+            }, type: "button" }, hAsync("div", { key: '7ddc58167d4363991c92d90ee6e0881f04bc725f', class: {
                 'xpl-select-value': true,
                 'xpl-select-value--active': this.mode === 'multi' && this.value.length > 0,
                 'has-value': this.value.length > 0,
@@ -29201,7 +29235,7 @@ class Select {
                 return this.renderSelectedTags();
             }
             return this.placeholder;
-        })(), isTextTruncated && truncatedText), hAsync("xpl-icon", { key: 'b17474211ca60ee3e70c7b3427f50b8c47dcb57c', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (hAsync("xpl-dropdown", { key: '793f48f587c8db42de0bdcefb20d9f2dd05eec83', ref: (el) => {
+        })(), isTextTruncated && truncatedText), hAsync("xpl-icon", { key: '8640f1e46263c802edf0e9b18f53d2eb6b2a78a3', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (hAsync("xpl-dropdown", { key: '6fb8d97e175894715a6dbc6ed17bc5b15829ed13', ref: (el) => {
                 this.dropdown = el ?? null;
             }, isOpen: this.dropdownOpenState, options: this.choicesState, selectedValues: this.selectedValues, mode: this.mode, triggerId: this.id, update: (_e, { component }) => {
                 const { options } = component;
@@ -29210,7 +29244,7 @@ class Select {
                 }
             }, onIsOpenChange: (e) => {
                 this.dropdownOpenState = e.detail;
-            }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), hAsync("input", { key: 'beadce243c290f7d191d29961446285f332759af', type: "hidden", name: this.name, value: this.value })));
+            }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), hAsync("input", { key: '734ef739b61de3320ce777994853cb90ab8271d2', type: "hidden", name: this.name, value: this.value })));
     }
     static get watchers() { return {
         "choices": [{
@@ -29510,16 +29544,20 @@ class SideNav {
             }
             return node.parentElement === this.el || node.closest('.xpl-side-nav__header') !== null;
         };
-        const next = Array.from(this.el.querySelectorAll('[slot="nav-header"]')).some(projectsToHeader);
+        const headerNodes = Array.from(this.el.querySelectorAll('[slot="nav-header"]')).filter(projectsToHeader);
+        const next = headerNodes.length > 0;
         if (next !== this.hasHeaderSlot) {
             this.hasHeaderSlot = next;
+            return;
         }
+        if (next && headerNodes.some((node) => node.parentElement === this.el))
+            ;
     }
     render() {
-        return (hAsync(Host, { key: '3cb4a93f442dcbdea0acf45159022b06f35af657', class: {
+        return (hAsync(Host, { key: '9d8ca908a77dd47e5789708ebb87e0e76ac5a22e', class: {
                 'xpl-side-nav': true,
                 'xpl-side-nav--open': this.open,
-            } }, hAsync("xpl-button", { key: 'e79ef7af139c6ba1321e060713fdf18ab3ea3cd9', class: "xpl-side-nav__toggle", variant: "tertiary", iconOnly: true, icon: this.open ? 'sidebar-left-hide' : 'sidebar-left-show', "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onToggleClick }), hAsync("div", { key: '99858cfceab9a2ac92b4f8a81a987b2a3e80713c', class: "xpl-side-nav__wrapper" }, hAsync("nav", { key: 'f47e3f61c810d2186d5ba29691b34106a7ca8f3f', class: "xpl-side-nav__content", "aria-label": this.label }, hAsync("div", { key: '57a14d8b5dd3771134f2f624ae2c781efc2e06e1', class: "xpl-side-nav__scroll-area" }, this.hasHeaderSlot && (hAsync("div", { key: '9ab9401928d3dee69d6fb62662ee6b02fc43b149', class: "xpl-side-nav__header" }, hAsync("slot", { key: 'f1c0014d095bb70b0008d4ded191fae0f31f4395', name: "nav-header" }))), hAsync("div", { key: 'a68ffd32329d32c19414f0853a6c6b9a011e7d94', class: "xpl-side-nav__section" }, hAsync("slot", { key: '897aadd37f865fbea5a2f69b87c6d491b21ca8fd', name: "section" }))), hAsync("div", { key: 'a6ef338238ed7b8d083d0553aa7e7b35c842100b', class: "xpl-side-nav__footer" }, hAsync("slot", { key: '332d1e28d9567a2293586ad6ab7d1955e533a7c8', name: "nav-footer" })))), hAsync("xpl-backdrop", { key: 'd593316822b8d8974a0a94ebf6c9eda84c1d6836', class: "xpl-side-nav__backdrop", onClick: this.onBackdropClick })));
+            } }, hAsync("xpl-button", { key: 'eab3df496e7ec249b78f76e9250361b1dccc3cd6', class: "xpl-side-nav__toggle", variant: "tertiary", iconOnly: true, icon: this.open ? 'sidebar-left-hide' : 'sidebar-left-show', "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onToggleClick }), hAsync("div", { key: '4f46792c09ff5c98ae87f27bfb3050c74b847c3f', class: "xpl-side-nav__wrapper" }, hAsync("nav", { key: '55a34c0ba7498f7ad531b519d5d9e6f6a225cfc9', class: "xpl-side-nav__content", "aria-label": this.label }, hAsync("div", { key: '8ff330aef09d3ae1624f8752efbff3a2720e55c5', class: "xpl-side-nav__scroll-area" }, this.hasHeaderSlot && (hAsync("div", { key: '19c0235f1b45454cbe8fd9403351cfabebc5f539', class: "xpl-side-nav__header" }, hAsync("slot", { key: '77a3a18b401714a746c8d8f0d2457e9a949068ca', name: "nav-header" }))), hAsync("div", { key: '8a7c00b508d238f0043dc5dfc6c141d7255967bd', class: "xpl-side-nav__section" }, hAsync("slot", { key: 'b4b11bf6937840704cb9d40483e6b19014bd5236', name: "section" }))), hAsync("div", { key: '766bcd4652c5c680975a3c61c4b2fe4759351a4e', class: "xpl-side-nav__footer" }, hAsync("slot", { key: '04acabfdb7f27e8ed6b6569001493f985f344a1e', name: "nav-footer" })))), hAsync("xpl-backdrop", { key: '9e0c074fbb705e7b665672c79ed85e62e28d2e95', class: "xpl-side-nav__backdrop", onClick: this.onBackdropClick })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -29628,8 +29666,8 @@ class SideNavHeaderItem {
         const showTrailing = this.hasTrailingSlot || showAutoChevron;
         const leading = showLeading ? (hAsync("span", { class: "xpl-side-nav-header-item__leading" }, hAsync("slot", { name: "leading" }, this.icon ? hAsync("xpl-icon", { icon: this.icon, size: 16 }) : null))) : null;
         const trailing = showTrailing ? (hAsync("span", { class: "xpl-side-nav-header-item__trailing", "aria-hidden": showAutoChevron ? 'true' : undefined }, hAsync("slot", { name: "trailing" }, showAutoChevron ? (hAsync("xpl-icon", { icon: "chevron-expand-y", size: 16 })) : null))) : null;
-        const content = (hAsync("span", { key: '0e94b81665c43c6dad594f6d78f153863cb0a5dd', class: "xpl-side-nav-header-item__content" }, leading, hAsync("span", { key: '556354c3df994e36b803326e88bada417f20f2a4', class: "xpl-side-nav-header-item__label" }, this.label ?? ''), trailing));
-        return (hAsync(Host, { key: 'f596403c230bcdf1aa35283f5943204d8a16debb', class: {
+        const content = (hAsync("span", { key: 'ff3b2d318760011f01eb6fc3f2a7aefb8e4ff216', class: "xpl-side-nav-header-item__content" }, leading, hAsync("span", { key: '8675686f88cba081281fa76ffcbd9b1b9f121cac', class: "xpl-side-nav-header-item__label" }, this.label ?? ''), trailing));
+        return (hAsync(Host, { key: '1a35eb9ef7530a17b3adc06ebe8b06dc1adc6fa9', class: {
                 'xpl-side-nav-header-item': true,
                 'xpl-side-nav-header-item--product-label': !isSubAccount,
                 'xpl-side-nav-header-item--sub-account': isSubAccount,
@@ -29794,14 +29832,14 @@ class SideNavItem {
             expanded: this.expanded,
             selected: this.selected,
         };
-        return (hAsync(Host, { key: '173aa913d77c88522069cb4beef76d5b04b9beb1', class: {
+        return (hAsync(Host, { key: '33de33212fc2c0fe5ed3ae6cd8aba38178052a03', class: {
                 'xpl-side-nav-item': true,
                 'xpl-side-nav-item--link-disabled': this.link && this.disabled,
             } }, this.link ? (hAsync("slot", null)) : (hAsync("button", { type: "button", class: buttonClass, "aria-current": this.selected ? 'page' : undefined, "aria-expanded": this.hasChildren ? (this.expanded ? 'true' : 'false') : undefined, onClick: this.handleClick, disabled: this.disabled }, hAsync("span", { class: "xpl-side-nav-item__leading" }, hAsync("slot", { name: "leading" }, this.icon ? (hAsync("xpl-icon", { icon: this.icon, size: 16 })) : null)), hAsync("span", { class: "xpl-side-nav-item__label" }, this.label ?? ''), (this.hasTrailingSlot || this.hasChildren) && (hAsync("span", { class: {
                 'xpl-side-nav-item__trailing': true,
                 'xpl-side-nav-item__trailing--chevron': showAutoChevron,
                 expanded: showAutoChevron && this.expanded,
-            }, "aria-hidden": showAutoChevron ? 'true' : undefined }, hAsync("slot", { name: "trailing" }, showAutoChevron ? (hAsync("xpl-icon", { icon: this.expanded ? 'chevron-up' : 'chevron-down', size: 16 })) : null))))), this.hasChildren && !this.link && (hAsync("div", { key: '7611d4a00248e27f0e5d38fb4890950854e5023e', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, hAsync("div", { key: '79676aa8d5f3d9396629cf7b9d9f5ebc142fc2ad', class: "xpl-side-nav-item__children-inner" }, hAsync("slot", { key: '42bcc845f6b7f9085f0095f1337c2cf3f4be6698' }))))));
+            }, "aria-hidden": showAutoChevron ? 'true' : undefined }, hAsync("slot", { name: "trailing" }, showAutoChevron ? (hAsync("xpl-icon", { icon: this.expanded ? 'chevron-up' : 'chevron-down', size: 16 })) : null))))), this.hasChildren && !this.link && (hAsync("div", { key: 'd9e6ea08b992177a943eb43e64702deee74a95d8', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, hAsync("div", { key: '7a5709e3c20d569fbc7ab1425280096dc21cb40f', class: "xpl-side-nav-item__children-inner" }, hAsync("slot", { key: '883d0336ad81eb78b52dab740440191e57f92618' }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -29916,17 +29954,17 @@ class SideNavSection {
         const hasHeading = !!this.heading?.trim();
         const childrenId = this.childrenId ?? ensureSideNavSectionChildrenId(this.el, this.childrenId);
         const titleRow = [
-            hAsync("span", { key: 'c39c7044ae5ae1238df9aaf644a73b192dfd7f2b', class: "xpl-side-nav-section__title" }, this.heading ?? ''),
-            hAsync("span", { key: 'a47fcc5b501f01d735cd2b9035063a2fa2c97a91', class: "xpl-side-nav-section__badge", hidden: !this.hasBadgeSlot }, hAsync("slot", { key: '06785bbb8eeb928b9ee7e04198df20fcf5bd739e', name: "badge" })),
+            hAsync("span", { key: 'c3a19938fa87b21552b5fdff800baf2ee97c186c', class: "xpl-side-nav-section__title" }, this.heading ?? ''),
+            hAsync("span", { key: '9303238b226f336cbf0527ef91c2c5d8bce7771c', class: "xpl-side-nav-section__badge", hidden: !this.hasBadgeSlot }, hAsync("slot", { key: '40921f618390e462b0ac69adc0206acd82b884ca', name: "badge" })),
             this.collapsible ? (hAsync("span", { class: "xpl-side-nav-section__chevron", "aria-hidden": "true" }, hAsync("xpl-icon", { icon: this.expanded ? 'chevron-down' : 'chevron-right', size: 16 }))) : null,
         ];
-        return (hAsync(Host, { key: '4ce2adbf830659bb0803d477386a004d47aa4335', class: {
+        return (hAsync(Host, { key: 'fae9c5e2d179a174aae5114a21a442fa787269ad', class: {
                 'xpl-side-nav-section': true,
                 'xpl-side-nav-section--static': !this.collapsible,
-            } }, this.collapsible ? (hAsync("button", { type: "button", class: "xpl-side-nav-section__header", "aria-expanded": this.expanded ? 'true' : 'false', "aria-controls": childrenId, "aria-label": hasHeading || this.hasNamedBadgeSlot ? undefined : 'Toggle section', onClick: this.handleHeaderClick }, titleRow)) : (hAsync("div", { class: "xpl-side-nav-section__header" }, titleRow)), hAsync("div", { key: '2ccafafd7d73fc8eaf367e718e9c2681ece0e936', id: childrenId, class: {
+            } }, this.collapsible ? (hAsync("button", { type: "button", class: "xpl-side-nav-section__header", "aria-expanded": this.expanded ? 'true' : 'false', "aria-controls": childrenId, "aria-label": hasHeading || this.hasNamedBadgeSlot ? undefined : 'Toggle section', onClick: this.handleHeaderClick }, titleRow)) : (hAsync("div", { class: "xpl-side-nav-section__header" }, titleRow)), hAsync("div", { key: 'c33a5478f2c226b915fddf006802312eb7de29e9', id: childrenId, class: {
                 'xpl-side-nav-section__children': true,
                 expanded: showChildren,
-            }, inert: !showChildren ? true : undefined }, hAsync("div", { key: 'eaac1a443982eeca891d676511fe5bdb3f78db19', class: "xpl-side-nav-section__children-inner" }, hAsync("slot", { key: '67143e298920cff3b28a6db4fd2a2ac18935b991' })))));
+            }, inert: !showChildren ? true : undefined }, hAsync("div", { key: 'ed7de4040c1e5677ad3b74eb65fc4f6357bab3b6', class: "xpl-side-nav-section__children-inner" }, hAsync("slot", { key: '3f8434e92bb7fcdd7c8a825481a12ef24ba1da28' })))));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -29952,7 +29990,7 @@ class Skeleton {
         this.size = 'custom';
     }
     render() {
-        return (hAsync(Host, { key: 'd5f7861a88adeaa570b9101e0b0ffc89d22c6fe1', class: {
+        return (hAsync(Host, { key: '4c8f4f0e0742c67f965d04aed382259cd120d922', class: {
                 'xpl-skeleton': true,
                 [`xpl-skeleton--shape-${this.shape}`]: true,
                 [`xpl-skeleton--size-${this.size}`]: true,
@@ -30014,7 +30052,7 @@ class Slideout {
         this.handleScroll();
     }
     render() {
-        return (hAsync(Host, { key: '9f0e122ce05688523e4bc55fbeafb584b0bacaf9', class: "xpl-slideout" }, this.backdrop && this.isOpen && (hAsync("xpl-backdrop", { key: '62f708a14d6e45b9bed40b0d2587186543463a25', onClick: this.handleClose })), hAsync("aside", { key: 'cb9499d3295d6cc29f2e007d12fcd80eee2bc794', class: `slideout slideout--${!this.isOpen && 'closed'}` }, hAsync("header", { key: 'ca191a1c3387e69d4cff95d112d1bf834693316f', class: "header" }, hAsync("div", { key: '252035d87faac31b3706a2abd4cae0fbddaaa3e8', class: "title" }, hAsync("slot", { key: 'a5961cfd192bb02aec2ab6a522bf656487f4083e', name: "title" }), hAsync("xpl-button", { key: 'd58b03a81b394dc6b91f86f9db5c756929796df7', class: "close-button", "icon-only": true, size: "sm", variant: "tertiary", onClick: this.handleClose }, hAsync("xpl-icon", { key: '4ebb45aa90f5017f0651c190909eb4759a02dfaa', icon: "xmark" }))), hAsync("div", { key: 'f67edca86dfc31bb2d69ce00f409610f5010d9a8', class: "subtitle" }, hAsync("slot", { key: '390190ad442a301937d9733632fd9fd15416fe6a', name: "subtitle" })), hAsync("div", { key: '8a50eae2c57ac9c1f15643758e75f821feb9c9e5', class: "search" }, hAsync("slot", { key: '96ae8ec7a5a630d0e51510cf64c7888241bcfd9a', name: "search" }))), hAsync("xpl-divider", { key: '467308913b114d26438b0eea2ed64642d26286c5', tier: 0, class: "divider top" }), hAsync("article", { key: 'b0377d229795fc7371665df458765037da1178ad', class: "content", tabIndex: 0 }, hAsync("slot", { key: 'bf4c5ee2de34e50b605465ad9f253e54be803d6d', name: "content" })), this.showFooter && (hAsync("footer", { key: 'edf941b295e97010fd22b7077ed15f5ca409fe5d' }, hAsync("xpl-divider", { key: '57d7514ae797fc4e309fcc3966abfea992f6aecb', tier: 0, class: "divider bottom" }), hAsync("div", { key: 'df72450ab64fcc163edbbf5514c88b4e17496e51', class: "footer" }, hAsync("slot", { key: '2cbb005039f013fdcf76304c470a5dbdfca58d19', name: "tertiary" }), hAsync("slot", { key: '97270ca76edd0d27970f6358b78e834b8140a715', name: "secondary" }), hAsync("slot", { key: 'c742e527e1ff5878f6d0fcfeb23b2c32c409e260', name: "primary" })))))));
+        return (hAsync(Host, { key: '0031856dad46059b22c544b17d9c3c486fad49ef', class: "xpl-slideout" }, this.backdrop && this.isOpen && (hAsync("xpl-backdrop", { key: '476ebe60d3761a12edce8a70b79c5458a3a49b88', onClick: this.handleClose })), hAsync("aside", { key: 'e093e4f88719d109e1b76e5843fa799adf77023a', class: `slideout slideout--${!this.isOpen && 'closed'}` }, hAsync("header", { key: '861ce3bafb6f104cd088788e86d5dec891d34559', class: "header" }, hAsync("div", { key: 'f4a9a82d62a118acf4847ae32f6699755103cdeb', class: "title" }, hAsync("slot", { key: '142fabb21a5894d0e505b3555b1de49a3457f01a', name: "title" }), hAsync("xpl-button", { key: 'b5424c903db35139aca7070a223c3e8ccad0286d', class: "close-button", "icon-only": true, size: "sm", variant: "tertiary", onClick: this.handleClose }, hAsync("xpl-icon", { key: 'a7597b061ba78ec8877f4ca119ddfe4fb6f07057', icon: "xmark" }))), hAsync("div", { key: 'fbd6496bcd1854cbbe584a62a27621cc6c730472', class: "subtitle" }, hAsync("slot", { key: 'a9a059571945b74f064d1b4c6a672a7964ff20d7', name: "subtitle" })), hAsync("div", { key: '575d405c99e6a0ded114d274832d7c9a119f8acd', class: "search" }, hAsync("slot", { key: '6db25fde2a6decdfe2f280aae9f784b1e992d070', name: "search" }))), hAsync("xpl-divider", { key: 'dd382afb3181fbad00b1efacd438842c23249978', tier: 0, class: "divider top" }), hAsync("article", { key: 'a8832b326372ede5872d2004308f8dff30955e1a', class: "content", tabIndex: 0 }, hAsync("slot", { key: 'e46c7df8ebc6caecbc82117dd7b5097377dcf163', name: "content" })), this.showFooter && (hAsync("footer", { key: '41e237ffa63f9dfc50ca1792848f4087375edecc' }, hAsync("xpl-divider", { key: '888ece8b783152856696cf792c1db7abedd393fa', tier: 0, class: "divider bottom" }), hAsync("div", { key: '4ee6dcf7cb794ca32c3e0095b9d3ffdda2578870', class: "footer" }, hAsync("slot", { key: '286ecc097c88e7b6655fb27f707cb6163e49374b', name: "tertiary" }), hAsync("slot", { key: '9154a9de3de154cb8f228a00875d81b4c8d1899a', name: "secondary" }), hAsync("slot", { key: 'c510b271b930b8419b8ed26e4a9ce444453f9330', name: "primary" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30917,10 +30955,10 @@ class TabPanel {
         const t = this.target ?? '';
         const panelId = tabPanelDomId(groupId, t);
         const labelledBy = tabTriggerId(groupId, t);
-        return (hAsync(Host, { key: '89c4bb26274f9cd2f317e308d58b03ee48d80ac8', "aria-labelledby": labelledBy, class: {
+        return (hAsync(Host, { key: 'b92d723fe68be63d6438fab8ae8f93a06122c29a', "aria-labelledby": labelledBy, class: {
                 'xpl-tab-panel': true,
                 'xpl-tab-panel--selected': this.selected,
-            }, id: panelId, role: "tabpanel" }, hAsync("slot", { key: '2d8ccc1f14e7415528bbb09fa9ed174e5cea8e00' })));
+            }, id: panelId, role: "tabpanel" }, hAsync("slot", { key: 'e18aeb92b7082c0c2e809396570b43ac41c34f87' })));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -31085,24 +31123,24 @@ class Table {
     }
     render() {
         const rowFooterData = this.footer !== undefined ? Array.from(this.footer) : [];
-        return (hAsync(Host, { key: 'c1de0e2cfd09c45e3c3f3fb9d8ad47615031a42f' }, hAsync("div", { key: 'ae6f19f8fd43c1b9f647ec901d2f01933625860d', class: "xpl-table-container", onScroll: this.onScroll, ref: (el) => {
+        return (hAsync(Host, { key: '1e6bf436320a44e1e22e8590a881bc90c4a091d5' }, hAsync("div", { key: '3d2e5361fbe615a6ae8ebe916ce07e00f82c444c', class: "xpl-table-container", onScroll: this.onScroll, ref: (el) => {
                 if (el)
                     this.container = el;
-            } }, hAsync("table", { key: '0a4b2c06785a26046d95b24a22c1d5bc4abea306', class: {
+            } }, hAsync("table", { key: '036672b3ba45a90a42f906c155ce3d59e33c8a7a', class: {
                 'xpl-table': true,
                 'xpl-table--striped': !!this.striped,
                 'xpl-table--freeze': !!this.freeze,
                 'xpl-table--has-scrolled': this.hasScrolled,
-            } }, this.columns && (hAsync("thead", { key: '9298a70476ea69fa530fb50992643f70b4266c26' }, this.columns.map((column, i) => {
+            } }, this.columns && (hAsync("thead", { key: 'bf0d5a808624234ba985c1c32064f1dab11bfefa' }, this.columns.map((column, i) => {
             const iconType = getIconType(this.sortTypeArray?.[i]);
             const isColumnSortable = !!(this.isSortable && this.sortableColumns[i]);
             return (hAsync("th", null, hAsync("label", { onClick: (e) => this.handleSort(e, isColumnSortable, i, column.replace(/ /g, '-').toLowerCase()), class: isColumnSortable ? 'cursor-pointer' : '' }, this.multiselect && i === 0 && (hAsync("xpl-checkbox", { checked: this.areAllSelected, indeterminate: !this.areAllSelected &&
                     this.selected.some((a) => a), onClick: (e) => e.stopPropagation(), onCheckboxChange: (e) => this.selectAll(e), value: this.selectAllValue, "aria-label": "Select all rows" })), column, isColumnSortable && !!this.sortTypeArray[i] && (hAsync("xpl-icon", { icon: iconType, size: 16 })))));
-        }))), hAsync("tbody", { key: 'b4bb753f41278360c8f34015a982b04771b59064' }, this.rowData.map((row, rowNum) => (hAsync("tr", { class: this.selected && this.selected[rowNum]
+        }))), hAsync("tbody", { key: '7915dbfbf1a9b68719c4168e09c5f0e3ab7fa35a' }, this.rowData.map((row, rowNum) => (hAsync("tr", { class: this.selected && this.selected[rowNum]
                 ? 'xpl-table-row-selected'
                 : '' }, row.map((cell, i) => (hAsync("td", null, this.multiselect && i === 0 ? (hAsync("label", null, hAsync("xpl-checkbox", { checked: !!this.selected[rowNum], onCheckboxChange: (e) => this.selectOne(e, rowNum), value: this.selectedValues.length > 0
                 ? this.selectedValues[rowNum]
-                : `xpl-table-checkbox-${rowNum}`, "aria-label": `Select row ${rowNum + 1}` }), hAsync("div", { innerHTML: cell }))) : (hAsync("div", { innerHTML: cell }))))))))), rowFooterData.length > 0 && (hAsync("tfoot", { key: '571bb59b2a69b0b22bf45297484c2c9e01ae3a78' }, rowFooterData.map((row) => (hAsync("tr", null, row.map((cell) => (hAsync("td", null, hAsync("div", { innerHTML: cell })))))))))))));
+                : `xpl-table-checkbox-${rowNum}`, "aria-label": `Select row ${rowNum + 1}` }), hAsync("div", { innerHTML: cell }))) : (hAsync("div", { innerHTML: cell }))))))))), rowFooterData.length > 0 && (hAsync("tfoot", { key: '78ee72f80c77e61c6234be9500770780952ca669' }, rowFooterData.map((row) => (hAsync("tr", null, row.map((cell) => (hAsync("td", null, hAsync("div", { innerHTML: cell })))))))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -31144,7 +31182,7 @@ class TableHeader {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '6a9997040f64ebc1ede766230c0310a11fd23fd5', role: "row", class: "xpl-table-header" }, hAsync("slot", { key: 'b9359ac81366cc2a0790b2268a0a5443867bbadc' })));
+        return (hAsync(Host, { key: '94e6c6f38fa4672ef3c728bf196946801da855d4', role: "row", class: "xpl-table-header" }, hAsync("slot", { key: 'fa41686f082c65d27555273945f734a36c670869' })));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -31549,11 +31587,11 @@ class Tabs {
     }
     render() {
         const isSegment = this.type === 'segment';
-        return (hAsync(Host, { key: 'a863b42f5319f956e3cd698b52c93cec54279fa5', class: {
+        return (hAsync(Host, { key: '74e82ed3665bf7d8337d16f6253c2ae79d421473', class: {
                 'xpl-tabs': true,
                 'xpl-tabs--full-width': this.fullWidth,
                 'xpl-tabs--segment': isSegment,
-            }, "data-choices-tick": this.choicesTick }, hAsync("xpl-select", { key: '4f8bf1edbb495e898576ca8024871d40a9df9073', classNames: this.mobileSelectClassNames(), choices: this.renderChoices(), disabled: this.disabled, selectedValues: this.selectedValue, onDropdownStateChange: (event) => {
+            }, "data-choices-tick": this.choicesTick }, hAsync("xpl-select", { key: '8b706667897c20145cdd528b692affb0db7f7ebc', classNames: this.mobileSelectClassNames(), choices: this.renderChoices(), disabled: this.disabled, selectedValues: this.selectedValue, onDropdownStateChange: (event) => {
                 if (event.detail) {
                     this.isMobileSelectChange = true;
                 }
@@ -31564,17 +31602,17 @@ class Tabs {
                     this.tabChange.emit(selectedValue);
                     this.isMobileSelectChange = false;
                 }
-            } }), hAsync("nav", { key: 'c1e9234eb57af90d6aeff31be11ee3c6d758477f', "aria-orientation": "horizontal", class: "xpl-tabs__headings", role: "tablist", ref: (el) => {
+            } }), hAsync("nav", { key: 'd23f6edc5da0525e4c8fc10aa30af64986fdda36', "aria-orientation": "horizontal", class: "xpl-tabs__headings", role: "tablist", ref: (el) => {
                 this.headingsContainerRef = el;
             }, onTabChange: (event) => {
                 event.stopPropagation();
                 this.isMobileSelectChange = false;
                 this.handleTabChange(event.detail);
                 this.tabChange.emit(event.detail);
-            } }, !isSegment && (hAsync("div", { key: '86543a7b4edc639e4cf617953fa8f3cd4446895b', class: "xpl-tabs__active-bar", style: {
+            } }, !isSegment && (hAsync("div", { key: 'd2d080ffc049a408f2d93f3ce3bc694c0954ece3', class: "xpl-tabs__active-bar", style: {
                 transform: `translateX(${this.activeBarPosition.left}px)`,
                 width: `${this.activeBarPosition.width}px`,
-            } })), hAsync("slot", { key: '0e651ef5fb2413200e40fa95016b546926f012a3', name: "heading" })), hAsync("div", { key: 'd9bd0669b7618edf56f518fe797d86da51526018', class: "xpl-tabs__panels" }, hAsync("slot", { key: '7c9f18ab1d25351c57b7750c7dd1a528a14c26bb', name: "panel" }))));
+            } })), hAsync("slot", { key: '8c4b1403048b0eba5125abfc22494641aaf955cf', name: "heading" })), hAsync("div", { key: '54a04bd883f364457cdf5922cad8ac2b42eceb61', class: "xpl-tabs__panels" }, hAsync("slot", { key: '2b51ebd00605dfbd76c6018d74f63f954016a025', name: "panel" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -31735,7 +31773,7 @@ class Tag {
     }
     render() {
         const dragEnabled = this.isDraggable && !this.disabled;
-        return (hAsync(Host, { key: 'dc8048cbcdc849eef7f7ae81987760151bcf72bc', class: {
+        return (hAsync(Host, { key: '4129a867a9581efc82985d11549810860a2c6f87', class: {
                 'xpl-tag': true,
                 'xpl-tag-container': true,
                 'xpl-tag--disabled': this.disabled,
@@ -31743,7 +31781,7 @@ class Tag {
                 'xpl-tag--dragging': this.isDragging,
                 'xpl-tag--draggable': dragEnabled,
                 'xpl-tag--sm': this.size === 'sm',
-            }, onDragOver: dragEnabled ? this.handleDragOver : undefined, onDragEnter: dragEnabled ? this.handleDragEnter : undefined, onDragStart: this.isDraggable ? this.handleHostDragStart : undefined }, dragEnabled ? (hAsync("div", { class: "xpl-tag__content xpl-tag", role: "button", tabIndex: 0, draggable: true, "aria-grabbed": String(this.isDragging), onClick: this.handleTagClick, onKeyDown: this.handleContentKeyDown, onDragStart: this.handleDragStart, onDragEnd: this.handleDragEnd }, hAsync("slot", null))) : (hAsync("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, hAsync("slot", null))), this.dismissible && (hAsync("button", { key: '3c6007ea3377848cb83ffcfbcb11b84a4ce1219d', class: "xpl-tag__dismiss xpl-tag__close", type: "button", draggable: false, disabled: this.disabled, "aria-label": `Dismiss ${this.dismissAriaLabelSuffix}`, onClick: this.handleDismissClick }, hAsync("xpl-icon", { key: '7d45494a1327aff09948d687997e531e2e96be4e', icon: "xmark", size: 10 })))));
+            }, onDragOver: dragEnabled ? this.handleDragOver : undefined, onDragEnter: dragEnabled ? this.handleDragEnter : undefined, onDragStart: this.isDraggable ? this.handleHostDragStart : undefined }, dragEnabled ? (hAsync("div", { class: "xpl-tag__content xpl-tag", role: "button", tabIndex: 0, draggable: true, "aria-grabbed": String(this.isDragging), onClick: this.handleTagClick, onKeyDown: this.handleContentKeyDown, onDragStart: this.handleDragStart, onDragEnd: this.handleDragEnd }, hAsync("slot", null))) : (hAsync("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, hAsync("slot", null))), this.dismissible && (hAsync("button", { key: 'fb10e5fe87053ff4c00f584d887e1f5c29b2dc74', class: "xpl-tag__dismiss xpl-tag__close", type: "button", draggable: false, disabled: this.disabled, "aria-label": `Dismiss ${this.dismissAriaLabelSuffix}`, onClick: this.handleDismissClick }, hAsync("xpl-icon", { key: 'e8afb0b6fbf1a942cce78cf6a26b420445094f30', icon: "xmark", size: 10 })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -31841,11 +31879,11 @@ class Toast {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'cb45af3749d6db4042cf89a296fc5215d42249fd', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, hAsync("div", { key: '0af19edba28e74246fe9eabbdf314c71cb2eefb9', class: "xpl-toast__left" }, this.showIcon && (hAsync("div", { key: '7684b67f9a507516799269b7c30e864ea2b854fc', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), hAsync("div", { key: '566ce59e4617b203bb4e9a02ffc07fc422257fda', class: "xpl-toast__notification" }, hAsync("p", { key: 'f5a449e9dc150b12f5a364d8247a3a1247325cab', class: "xpl-toast__title" }, hAsync("slot", { key: '0062ab257b833cacde007e7ca4dfa0a38d38e88f', name: "title" })), this.caption !== '' && (hAsync("p", { key: '824755a3cdec234965fcedc5a9c156b173dc77ad', class: "xpl-toast__caption" }, this.caption?.substring(0, 85))))), hAsync("div", { key: '241131c2221a67a5f9969d2701ab7ed8aeb2d8cf', class: "xpl-toast__action", ref: (el) => {
+        return (hAsync(Host, { key: '8628e33a84d0ca36d5b99c791cf7860cadae6fb8', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, hAsync("div", { key: 'd1ea50362731f7cef97152eac2962f4d4084c514', class: "xpl-toast__left" }, this.showIcon && (hAsync("div", { key: '7eab4f78d0f8a2f5af12eeb1d74b14c300914841', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), hAsync("div", { key: '335be6f702b7300498d2960cb7184fe1fec059b4', class: "xpl-toast__notification" }, hAsync("p", { key: '1178d039190352d0482ae7486711ab2adfd2cc8f', class: "xpl-toast__title" }, hAsync("slot", { key: '75a98536db36c7a140b3d908cbd8f3d2e201ca81', name: "title" })), this.caption !== '' && (hAsync("p", { key: '009bba836fe9abbf34edf4618dd172961e9440fa', class: "xpl-toast__caption" }, this.caption?.substring(0, 85))))), hAsync("div", { key: '4f47e498ea0c7627d9041a7a2e898fcecff9f59c', class: "xpl-toast__action", ref: (el) => {
                 if (el) {
                     this.actionSlot = el;
                 }
-            } }, hAsync("slot", { key: '2eda8f8f3f7e3e1a4c608d5b5433557b55d3cbf7', name: "action" })), this.isDismissible && (hAsync("div", { key: '92440f49d0c6356f6221471381718b314a928ee2', class: "xpl-toast__close" }, hAsync("xpl-button", { key: 'eb8e975cc5361d8a9b44f6ca8bc3f5a3163c041c', variant: "tertiary", size: "sm", iconOnly: true, icon: "xmark", type: "button", "aria-label": "Dismiss notification", onClick: this.dismiss })))));
+            } }, hAsync("slot", { key: '6ad3199d265b1298ea8200ba53690dcc92bdbf92', name: "action" })), this.isDismissible && (hAsync("div", { key: 'b1a1a790a592f5e4c7573c819b0c997a210bd68a', class: "xpl-toast__close" }, hAsync("xpl-button", { key: '2d9ad71fc8f8233f2fc12453ca8268fd5f1d8f74', variant: "tertiary", size: "sm", iconOnly: true, icon: "xmark", type: "button", "aria-label": "Dismiss notification", onClick: this.dismiss })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -31891,13 +31929,13 @@ class Toggle {
         let className = 'xpl-toggle';
         if (this.variant === 'small')
             className += ' xpl-toggle--small';
-        return (hAsync(Host, { key: '8088d36a67f046fc7c094b3e1426c8d533c2930e', class: containerClassName }, (this.heading || this.description) && (hAsync("label", { key: '93f1f01ca1c709f77230bc4245a5a77f0f3b48df', class: {
+        return (hAsync(Host, { key: '20b5e00613ac0f2567224d3ff2bcd7b7f761a8fc', class: containerClassName }, (this.heading || this.description) && (hAsync("label", { key: 'a41dfe6403c629ef05792ba8dc7f0632fca9ca37', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': !!this.disabled,
-            }, htmlFor: this.id }, this.heading, this.description && (hAsync("small", { key: '6b39f78fc5991e00d87e792a15f16c60a176a73d', class: {
+            }, htmlFor: this.id }, this.heading, this.description && (hAsync("small", { key: 'b0e1d30a0f5b358a7f588d3f8f0bc32f440b69df', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': !!this.disabled,
-            } }, this.description)))), hAsync("input", { key: '6d178f3d74d18172f2c25370269a7eb4399dc3aa', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, onChange: this.onChange }), this.label && hAsync("label", { key: '2c5310d15e41aedb505a8df32c65aaafc8ffbd70', htmlFor: this.id }, this.label)));
+            } }, this.description)))), hAsync("input", { key: 'a59406c7cccf8a43349841bb060496ce0832823f', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, onChange: this.onChange }), this.label && hAsync("label", { key: '276ce3ec937627fd9d21f2b3771d9c779c5f91f1', htmlFor: this.id }, this.label)));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -31932,11 +31970,11 @@ class Toolbar {
         this.selectedItemCount = event.detail.length;
     }
     render() {
-        return (hAsync(Host, { key: '6407dc110234806b694bd78e98920c96db62b678', class: {
+        return (hAsync(Host, { key: 'd834b3f68a399f33c02e2a7d85623d9fbe2a21e2', class: {
                 'xpl-toolbar': true,
                 dark: true,
                 hidden: this.selectedItemCount === 0,
-            } }, hAsync("div", { key: '42c9e451f0f796bf8b3ed967699deb4824ae9d76', class: "toolbar" }, hAsync("p", { key: 'bc5a48dfc2f431a4e88337fa792920413048e059', class: "selected-item-count" }, this.selectedItemCount, " Selected"), hAsync("div", { key: 'ff4caddf1a499b238df37b5ed62543168fe32f4e', class: "actions" }, hAsync("slot", { key: 'dd8225846c76dd50c943a4adc0e373717dc9c5c2', name: "actions-left" }), hAsync("slot", { key: '066999024eb8cc98be2cfec8077b2afab99e3feb', name: "actions-right" })))));
+            } }, hAsync("div", { key: '54c4638e003685ade49f243f688e3ff5997f8759', class: "toolbar" }, hAsync("p", { key: '92815a7d1b10582742906aefa0ee9ef81311c459', class: "selected-item-count" }, this.selectedItemCount, " Selected"), hAsync("div", { key: 'dc1b9ee686a57bd7bca45785f90586751770f556', class: "actions" }, hAsync("slot", { key: '2cc26af5467e9ad44962bd1ac65f0b1087f86f7f', name: "actions-left" }), hAsync("slot", { key: 'f5f46662191f52c79f81ffd1ce47a492041c10ad', name: "actions-right" })))));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -31960,7 +31998,7 @@ class Tooltip {
         this.hideArrow = false;
     }
     render() {
-        return (hAsync(Host, { key: '1c9ac51c0d216a2822ec5637a02fa133c4055fe6' }, hAsync("div", { key: '391476229ce86ce8502c7516d79a755d162c4bbb', class: "xpl-tooltip-container" }, hAsync("slot", { key: '66e1f7420b538f6134170cb2ddfaaadb4f788783' }), hAsync("div", { key: '017b59ec94760da135f7f4a00b042be023d7849f', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (hAsync("div", { key: '248aa16bbc3a7945ce6cf57bc5ce832f3676cc91', class: "xpl-tooltip-arrow" }, hAsync(TooltipArrow, { key: 'ca8a4d517630feb5833509644a335f08fa775b8b' })))))));
+        return (hAsync(Host, { key: '834ba80f410bd7ed079b674b6f1d110235aaf826' }, hAsync("div", { key: 'e45a7048339ce835ecabf5ef832a5ef2df6ded70', class: "xpl-tooltip-container" }, hAsync("slot", { key: 'f56272df982aa6dc72ba2bf9776017235223de95' }), hAsync("div", { key: 'c5b1054301d08e1b83da61b565f0116f83f395c7', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (hAsync("div", { key: 'e6a833629cf409644969d9c4da461a2016f2986b', class: "xpl-tooltip-arrow" }, hAsync(TooltipArrow, { key: '7a5893a25978635864ada200aea48660ca90d33c' })))))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -32281,7 +32319,7 @@ class TopNav {
         }
     }
     render() {
-        return (hAsync(Host, { key: '8f9f8e171b2b04706360048965e8e8a40f3f7013', class: {
+        return (hAsync(Host, { key: '00d598070bc4cee97d311206f48bf5cd873dcc8e', class: {
                 'xpl-top-nav': true,
                 'xpl-top-nav--nav-control': Boolean(this.navControl),
                 'xpl-top-nav--open': this.open,
@@ -32289,15 +32327,15 @@ class TopNav {
                 'xpl-top-nav--has-brand': this.hasBrand,
                 'xpl-top-nav--has-user-menu': this.hasUserMenu,
                 dark: true,
-            } }, hAsync("nav", { key: '2c05b69b2918753c4f928e53d92c6ca737a92b59', "aria-label": this.label ?? 'top-navigation-bar', class: "xpl-top-nav__bar" }, hAsync("div", { key: '1dd5722748946d0adfad6cc40da03c21012d65b2', class: "xpl-top-nav__inner-left" }, this.navControl && (hAsync("button", { key: '810e68f589ec13b942a78c877fea816407c05287', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, hAsync("xpl-icon", { key: '550653cbd1d61c7b80a31ab48dce59936a107128', class: "xpl-top-nav__control-icon", icon: "menu", size: 32 }))), this.hasBrand && (hAsync("div", { key: '6509a9a42b693b925204a9a42a34c0071d73f485', class: "xpl-top-nav__brand-bar" }, hAsync("xpl-top-nav-item", { key: '623cfb95bd0a6581a057ddf37aa3920ee58b5734', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, this.brandLogo?.trim() ? (hAsync("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: this.brandName?.trim()
+            } }, hAsync("nav", { key: '0b42d835c3aa211fa1686d3611ace212d69f1921', "aria-label": this.label ?? 'top-navigation-bar', class: "xpl-top-nav__bar" }, hAsync("div", { key: 'b55f526eca470d1d50b19bf1694f66991d369ad7', class: "xpl-top-nav__inner-left" }, this.navControl && (hAsync("button", { key: '37589314adb7f9cc4a33dd4bc421b2473ece5b54', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, hAsync("xpl-icon", { key: 'acbdd20739df23cf49ff6542605513159cffe1da', class: "xpl-top-nav__control-icon", icon: "menu", size: 32 }))), this.hasBrand && (hAsync("div", { key: '148ba3e7114ce3f1edbf0618a231d94c4cc3c04f', class: "xpl-top-nav__brand-bar" }, hAsync("xpl-top-nav-item", { key: 'cda2c5f5dca554b7b61d95b941bd0b969f871dd0', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, this.brandLogo?.trim() ? (hAsync("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: this.brandName?.trim()
                 ? this.brandName.trim()
-                : 'Brand' })) : this.brandLogoSlotPresent ? (hAsync("span", { class: "xpl-top-nav__brand-logo-slot" }, hAsync("slot", { name: "brand-logo" }))) : null, this.brandName?.trim() ? (hAsync("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), hAsync("div", { key: '61d8a6d485380c39ffa74cd8cfbea37df32060dd', class: {
+                : 'Brand' })) : this.brandLogoSlotPresent ? (hAsync("span", { class: "xpl-top-nav__brand-logo-slot" }, hAsync("slot", { name: "brand-logo" }))) : null, this.brandName?.trim() ? (hAsync("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), hAsync("div", { key: 'abca8522fe239fe207a291d7bd8bdfd1cab0ffc3', class: {
                 'xpl-top-nav__aside': true,
                 'xpl-nav-left': true,
-            } }, hAsync("div", { key: '3aab27091f543a9c6a813043883c218791cfaa4a', class: "xpl-top-nav__left-primary", role: "list" }, hAsync("slot", { key: '93ff48c9bb3e0fa00b23a707da84d222ad74224d', name: "left-aside" })))), hAsync("div", { key: 'd92afdae9ac68d49a370fb41b39aeef2b956af1f', class: {
+            } }, hAsync("div", { key: 'f2fde6503e8bc319fbd60a4d5000d93644999d9a', class: "xpl-top-nav__left-primary", role: "list" }, hAsync("slot", { key: 'ebbb61cf32cf5b0246cecc3d967f93f1834b9e11', name: "left-aside" })))), hAsync("div", { key: '18c8d5990551ee655190aabb8ee85ad8d772b54e', class: {
                 'xpl-top-nav__aside': true,
                 'xpl-nav-right': true,
-            } }, hAsync("div", { key: '36fadad47ed2862f88c1f42e1b95530d2e06b046', class: "xpl-nav-right__list" }, hAsync("div", { key: '5b35413cbfcc5fd9af1e491f1a1f14d41ae35c0d', class: "xpl-top-nav__right-rail" }, hAsync("div", { key: '37d00bfe95cdf35345ed9ec273a159255efc31a2', class: "xpl-top-nav__right-lead" }, hAsync("slot", { key: 'b64f92c5886ef929b51fde06d48ea1fbf3660d44', name: "right-aside" })), this.hasUserMenu ? (hAsync("div", { class: "xpl-top-nav__right-user" }, hAsync("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (hAsync("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (hAsync("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
+            } }, hAsync("div", { key: '3120cb36425177943c3a52345396b5b2de9cc028', class: "xpl-nav-right__list" }, hAsync("div", { key: '6fde79b8b6d87bfdb617c591530307382bdff243', class: "xpl-top-nav__right-rail" }, hAsync("div", { key: '7e69e3e660887b7b39db058fb7e8cf42679a730e', class: "xpl-top-nav__right-lead" }, hAsync("slot", { key: 'c198ab94307d3d126b5902890de73b434cb583b1', name: "right-aside" })), this.hasUserMenu ? (hAsync("div", { class: "xpl-top-nav__right-user" }, hAsync("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (hAsync("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (hAsync("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
                 ? undefined
                 : 'Open account menu' }, this.childAccountLabelText.length > 0
             ? this.childAccountLabelText
@@ -32740,7 +32778,7 @@ class TopNavItem {
         return (hAsync("button", { ...shared, type: "button" }, this.renderLeading(), this.renderLabelContent(), this.renderTrailing()));
     }
     render() {
-        return (hAsync(Host, { key: 'e1e7241e6b6f2d9d96c779b91b7fa1ba20e8e1f4', class: {
+        return (hAsync(Host, { key: 'f895d73fc0f4c07150e9cd1c34d7b78a338a2032', class: {
                 'xpl-top-nav-item': true,
                 'xpl-top-nav-item--active': this.active,
                 'xpl-top-nav-item--dropdown-open': this.hasDropdown && this.open,
@@ -32748,7 +32786,7 @@ class TopNavItem {
                 'xpl-top-nav-item--has-dropdown': this.hasDropdown,
                 'xpl-top-nav-item--selected': this.selected,
                 dark: true,
-            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, ...(this.hostListitemRole ? { role: 'listitem' } : {}) }, this.renderInner(), this.hasDropdown && (hAsync("div", { key: 'ec1ed04f166670f78c205ba351911672a147d5a7', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, hAsync("slot", { key: '01d3db348a018c43f21b24acad80e7687f8bb0e1', name: "dropdown" })))));
+            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, ...(this.hostListitemRole ? { role: 'listitem' } : {}) }, this.renderInner(), this.hasDropdown && (hAsync("div", { key: '3ec121421a45b3e5ef00f3fe76be80c910759f02', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, hAsync("slot", { key: '715393a7ba3474c1afc9e0aa29276335537021e5', name: "dropdown" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -32864,10 +32902,10 @@ class TopNavMenu {
         return (hAsync("xpl-top-nav-item", { class: "xpl-top-nav-menu__back", label: this.label, onNavItemClick: this.handleBackClick }, hAsync("xpl-icon", { slot: "leading-icon", icon: "chevron-left", size: 24 })));
     }
     render() {
-        return (hAsync(Host, { key: 'e71631c4d9d4b653247d13c7b182f722bf1e52cc', class: {
+        return (hAsync(Host, { key: '4b28448ecb93e59d9bdc731a8b56dd42ebda2c66', class: {
                 'xpl-top-nav-menu': true,
                 dark: true,
-            }, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), hAsync("slot", { key: 'c6e38f4f78ab65dad030076aebf97c40dbce651b' })));
+            }, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), hAsync("slot", { key: 'aa51dc10509298e469ca41a99ae7108283ee8f89' })));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -32897,7 +32935,7 @@ class UtilityBar {
         this.open = this.isNavOpenAtStartup !== undefined ? this.isNavOpenAtStartup : this.open;
     }
     render() {
-        return (hAsync(Host, { key: '7ad1182d72a730df69cf714b665a6d02eac2e51a' }, hAsync("nav", { key: 'f0d5ffc31cabc8a075cae2c1ebdaa0e82ca53943', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (hAsync("div", null, hAsync("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, hAsync("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), hAsync("slot", { name: "aside" }))) : (hAsync("slot", { name: "aside" })), hAsync("slot", { key: 'dfbacf5921308bd6056b8e6d903b31df28613ce0', name: "main" }))));
+        return (hAsync(Host, { key: '3ed4e8e9214075b9062b221a05f1b27aa0b0bfbf' }, hAsync("nav", { key: 'c809f6f649965d0b60d35c2bda31f721d67ccca1', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (hAsync("div", null, hAsync("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, hAsync("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), hAsync("slot", { name: "aside" }))) : (hAsync("slot", { name: "aside" })), hAsync("slot", { key: '99e22823c94e66c5dce24815485c7513b11e9267', name: "main" }))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -33400,11 +33438,11 @@ class XplPanel {
     }
     render() {
         const hasAccent = this.accent !== 'none';
-        return (hAsync(Host, { key: '2be99cac0dda8442b54752745f3bf647df334e70', class: {
+        return (hAsync(Host, { key: '7e2a96b285cc06379f8f7f98ae44affcfac0c8dc', class: {
                 'xpl-panel': true,
                 [`xpl-panel--accent-${this.accent}`]: hasAccent,
                 [`xpl-panel--padding-${this.padding}`]: true,
-            } }, hasAccent && hAsync("div", { key: 'ff25fa59eff4d886540a5abc3b637478b533b23b', "aria-hidden": "true", class: "xpl-panel__accent" }), hAsync("div", { key: '415205b25333615cfe22d41fdfaf4e114547746b', class: "xpl-panel__content" }, hAsync("slot", { key: '5573ed5bb1cb102720d2c6e1245656fba8d36b8f' }))));
+            } }, hasAccent && hAsync("div", { key: '3a6740a44c18c9973c86a314d26bd565971c19f2', "aria-hidden": "true", class: "xpl-panel__accent" }), hAsync("div", { key: 'd4951bd49e7600a58fa0ecb31fddf4df1dfe7956', class: "xpl-panel__content" }, hAsync("slot", { key: '2374d130b274a64e875b0c4b1ce03b34d96554b4' }))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -33419,6 +33457,90 @@ class XplPanel {
     }; }
 }
 
+class XplTableBody {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (hAsync(Host, { key: '5a82de617cad4d37dace81ad6a636db1e3a944df', class: "xpl-table-body", role: "rowgroup" }, hAsync("slot", { key: 'd141e2e041789142eb69c6b3453b25523e4ecf59' })));
+    }
+    static get cmpMeta() { return {
+        "$flags$": 260,
+        "$tagName$": "xpl-table-body",
+        "$members$": undefined,
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": []
+    }; }
+}
+
+class XplTableFooter {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (hAsync(Host, { key: '7c0c20a91c48433b21a8a83094d614de532b317b', class: "xpl-table-footer", role: "rowgroup" }, hAsync("slot", { key: 'aebc40fc1edc9ced7b2420303d3a38897c24939f' })));
+    }
+    static get cmpMeta() { return {
+        "$flags$": 260,
+        "$tagName$": "xpl-table-footer",
+        "$members$": undefined,
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": []
+    }; }
+}
+
+class XplTableFooterCell {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.align = 'left';
+    }
+    render() {
+        return (hAsync(Host, { key: '331e85728bbd31aa7cde4fe169874879518b92bd', class: {
+                'xpl-table-footer-cell': true,
+                [`xpl-table-footer-cell--align-${this.align}`]: true,
+            }, role: "gridcell" }, hAsync("slot", { key: '29f074c9c81b9cf38bca0ef3eb92a54a408b2436' })));
+    }
+    static get cmpMeta() { return {
+        "$flags$": 260,
+        "$tagName$": "xpl-table-footer-cell",
+        "$members$": {
+            "align": [1]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": []
+    }; }
+}
+
+class XplTableRow {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.disabled = false;
+        this.selected = false;
+    }
+    render() {
+        return (hAsync(Host, { key: '506e56b764d82707482e58a0715fd342219ef7d9', class: {
+                'xpl-table-row': true,
+                'xpl-table-row--disabled': this.disabled,
+                'xpl-table-row--selected': this.selected,
+            }, role: "row" }, hAsync("slot", { key: 'db534bcb1e92bb92441476542c0eaa920f6914e8' })));
+    }
+    static get cmpMeta() { return {
+        "$flags$": 260,
+        "$tagName$": "xpl-table-row",
+        "$members$": {
+            "disabled": [516],
+            "rowId": [513, "row-id"],
+            "selected": [516]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": [["disabled", "disabled"], ["rowId", "row-id"], ["selected", "selected"]]
+    }; }
+}
+
 registerComponents([
   Accordion,
   ApplicationShell,
@@ -33492,6 +33614,10 @@ registerComponents([
   UtilityBar,
   XplListItem,
   XplPanel,
+  XplTableBody,
+  XplTableFooter,
+  XplTableFooterCell,
+  XplTableRow,
 ]);
 
 exports.hydrateApp = hydrateApp;