@xplortech/apollo-core 3.2.1 → 3.4.0

package/dist/esm/xpl-popover.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 import { t as throttle } from './index-BhYfWG18.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 
@@ -238,16 +238,16 @@ const Popover = class {
         });
     }
     render() {
-        return (h(Host, { key: 'a14924382ef3c963fa0d8c6dc4575c1fcb3a8c3a' }, h("div", { key: 'a9bb868211d6866a8f3d097841c41236c37b0ae5', class: {
+        return (h(Host, { key: 'cac4278a866b566f1e47a69657614c2046cc3532' }, h("div", { key: '2a6d8eea3139aa491211308c972d00332bcda855', class: {
                 'xpl-popover': true,
                 [`xpl-popover--${this.actualPosition}`]: true,
                 'xpl-popover--is-open': this.isOpenState,
-            } }, h("span", { key: '1502c64a98fbf22af9516e5e9aa905e79ea13ab3', role: "button", tabindex: "0", "aria-haspopup": "dialog", "aria-expanded": this.isOpenState ? 'true' : 'false', onClick: this.togglePopover, ref: (el) => {
+            } }, h("span", { key: '4d0b8c711e6d276adada5b6c288b77db9c66153b', role: "button", tabindex: "0", "aria-haspopup": "dialog", "aria-expanded": this.isOpenState ? 'true' : 'false', onClick: this.togglePopover, ref: (el) => {
                 this.triggerRef = el;
-            } }, h("slot", { key: '56a3bdc8d33b010095645b5bfd4b82890351777b', name: "trigger" })), this.display === 'arrow' && (h("div", { key: 'f69e9e12ab93f55267b8c23707eb48321f79a9c6', class: "xpl-popover__arrow" }, h("svg", { key: '1064f5962035b2cbf6dc2d721b537cddb815323e', width: "17", height: "14", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7490e8887c93cd357bc21e93c96ab8de3873892b', d: "M0 5h15l-7.5 7.5L0 5Z", fill: "white", stroke: "none", class: "arrow-fill" }), h("path", { key: '6ab893d176866029ac33622a11e097541d5fdb74', d: "M0 5 L7.5 12.5 L15 5", fill: "none", stroke: "black", "stroke-width": "1", class: "arrow-stroke" })))), h("div", { key: '798414192900fab40f67986489753c8a63ec1d92', class: {
+            } }, h("slot", { key: '12f54f037f22c2e2084be6b272e96ab360097dc8', name: "trigger" })), this.display === 'arrow' && (h("div", { key: '26b415512019f9a6267c49f81d214f2b80731e3f', class: "xpl-popover__arrow" }, h("svg", { key: '6ee61c6a73a06e0ad26e366152065eccc1542abe', width: "17", height: "14", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '45d76b9ab0123b362c7d7c0fe5d28cec5d17540f', d: "M0 5h15l-7.5 7.5L0 5Z", fill: "white", stroke: "none", class: "arrow-fill" }), h("path", { key: '08a78e26854380aab4c87d9386c01cfda33bc57c', d: "M0 5 L7.5 12.5 L15 5", fill: "none", stroke: "black", "stroke-width": "1", class: "arrow-stroke" })))), h("div", { key: '68d3143c6458bfbbd5080e4c5de3718fa04f9faf', class: {
                 'xpl-popover__content': true,
                 [`xpl-popover__content--display-${this.display}`]: true,
-            }, ref: (el) => (this.contentRef = el) }, h("slot", { key: '5c1f963e4009f5a8d30aaad7f0169164abf5bd43' })))));
+            }, ref: (el) => (this.contentRef = el) }, h("slot", { key: 'bd1b017359d09bce4316ac55771f7c886b617198' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/xpl-progress-bar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host } from './index-CgJEmBQY.js';
 
 const ProgressBar = class {
     constructor(hostRef) {

package/dist/esm/xpl-progress-indicator.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host } from './index-CgJEmBQY.js';
 
 const ProgressIndicator = class {
     constructor(hostRef) {

package/dist/esm/xpl-secondary-nav.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host } from './index-CgJEmBQY.js';
 
 const SecondaryNav = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'dc00b09e91c4baa484084256b7b583363a518905', class: "xpl-secondary-nav" }, h("nav", { key: 'daf32568baecfa600a6d51747446e82c0df44d1a', "aria-label": "Secondary Nav" }, h("slot", { key: '6d6a2fa94e8779b7a4b9414fe29829eb1ee20125' }))));
+        return (h(Host, { key: '60cb6c9909d943691552665d71cb9fcf2e5fc190', class: "xpl-secondary-nav" }, h("nav", { key: '0890f096dc8621b6890835594385c392e0ef9905', "aria-label": "Secondary Nav" }, h("slot", { key: 'a9506445f06cc508969c1d6cff962b0553a01a5f' }))));
     }
 };
 

package/dist/esm/xpl-select_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-CgJEmBQY.js';
 import { t as throttle } from './index-BhYfWG18.js';
 import { i as isBrowser } from './lifecycle-Dqb1pIRo.js';
 import { v as v4 } from './v4-CK3_k8jD.js';
@@ -23,7 +23,7 @@ function tagWidth(text) {
     if (!context) {
         return 0;
     }
-    return context.measureText(text).width + 44;
+    return context.measureText(text).width + 50;
 }
 function getDisplayValue(choice) {
     return choice.label || choice.value || '';
@@ -277,21 +277,21 @@ const Select = class {
             this.truncate &&
             !this.customDisplayValue;
         const truncatedText = `+ ${Math.abs(this.choicesState.filter((a) => a.isSelected).length - this.visibleChoices)} more`;
-        return (h(Host, { key: '273b1e5d40c7873055bb735adf66c325d18ba676', class: {
+        return (h(Host, { key: 'b28e9dbd835634f20311d80b0793c722bb516d10', 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(), h("div", { key: '87a42faab0ee127dfaa2ee75e9218900e9e0a4b3', class: {
+            } }, this.renderLabel(), h("div", { key: '9becbbb7cc7ad5f36912adb9b2bafbfbd200729c', class: {
                 'xpl-input': true,
                 'xpl-input--disabled': !!this.disabled,
                 'xpl-input--error': this.error !== undefined,
-            } }, h("div", { key: '22c839efb33132901419bab4dacbe9ffaf464d77', class: "xpl-input-wrapper" }, h("button", { key: '68b88431715f567adfbe00c5f1bcdf9ab41f7360', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
+            } }, h("div", { key: '725575d6e2ebde606deb2efa6d135cd93a358c6f', class: "xpl-input-wrapper" }, h("button", { key: 'e7c3d24ce1366bbb42817eb1627b89dfc9b7f669', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
                 e.preventDefault();
                 this.handleDropdownTrigger();
-            }, type: "button" }, h("div", { key: 'd1cf1ba8dbe86413a7de9911440204509fc4093b', class: {
+            }, type: "button" }, h("div", { key: 'b32057bdf81dfb44a89a15a596e35efe9b1c56fb', class: {
                 'xpl-select-value': true,
                 'xpl-select-value--active': this.mode === 'multi' && this.value.length > 0,
                 'has-value': this.value.length > 0,
@@ -311,7 +311,7 @@ const Select = class {
                 return this.renderSelectedTags();
             }
             return this.placeholder;
-        })(), isTextTruncated && truncatedText), h("xpl-icon", { key: 'f44a543e315a5715d5d077ce7601956d8485f5f1', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (h("xpl-dropdown", { key: 'dd2355886ce290d697431e00c8f4b7bc41c87429', ref: (el) => {
+        })(), isTextTruncated && truncatedText), h("xpl-icon", { key: 'f552cedcb15ff028a763ef6e8b5ee30f7a4e6720', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (h("xpl-dropdown", { key: 'ef09a2f9fabb75050e0e69c1bc375b64d6584429', 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;
@@ -320,7 +320,7 @@ const Select = class {
                 }
             }, onIsOpenChange: (e) => {
                 this.dropdownOpenState = e.detail;
-            }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), h("input", { key: '18472290f7adfe3c02ee90759180404ec33aa1e2', type: "hidden", name: this.name, value: this.value })));
+            }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), h("input", { key: '3963614dbc087fe3a10d44ab4554046755a581d2', type: "hidden", name: this.name, value: this.value })));
     }
     static get watchers() { return {
         "choices": [{
@@ -466,7 +466,7 @@ const Tag = class {
     }
     render() {
         const dragEnabled = this.isDraggable && !this.disabled;
-        return (h(Host, { key: '9a05e10e7fbc047112f740884e6ba40c773b472c', class: {
+        return (h(Host, { key: 'bc92bc270f366844ffba7cce7d126a033c80d751', class: {
                 'xpl-tag': true,
                 'xpl-tag-container': true,
                 'xpl-tag--disabled': this.disabled,
@@ -474,7 +474,7 @@ const Tag = class {
                 '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 ? (h("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 }, h("slot", null))) : (h("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, h("slot", null))), this.dismissible && (h("button", { key: '37f7687aa9675c52cbd4390d66d63ced630904d0', class: "xpl-tag__dismiss xpl-tag__close", type: "button", draggable: false, disabled: this.disabled, "aria-label": `Dismiss ${this.dismissAriaLabelSuffix}`, onClick: this.handleDismissClick }, h("xpl-icon", { key: '104eac0362541d99c59e0fd6b18a5e1b2171030b', icon: "xmark", size: 10 })))));
+            }, onDragOver: dragEnabled ? this.handleDragOver : undefined, onDragEnter: dragEnabled ? this.handleDragEnter : undefined, onDragStart: this.isDraggable ? this.handleHostDragStart : undefined }, dragEnabled ? (h("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 }, h("slot", null))) : (h("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, h("slot", null))), this.dismissible && (h("button", { key: '8826de6d590d5eea611c4cc406293c94d61593b2', class: "xpl-tag__dismiss xpl-tag__close", type: "button", draggable: false, disabled: this.disabled, "aria-label": `Dismiss ${this.dismissAriaLabelSuffix}`, onClick: this.handleDismissClick }, h("xpl-icon", { key: 'b8e6763f53f23444b993c9331616e4cbb1440526', icon: "xmark", size: 10 })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/xpl-side-nav-header-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 
 const SideNavHeaderItem = class {
     constructor(hostRef) {

package/dist/esm/xpl-side-nav-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 import { h as hasHostSlottedContent } from './side-nav-slot-utils-C_PEOQWj.js';
 
 const SideNavItem = class {
@@ -105,14 +105,14 @@ const SideNavItem = class {
             expanded: this.expanded,
             selected: this.selected,
         };
-        return (h(Host, { key: '059210d35fdf3561fa2bc4f541f80fbb1e570506', class: {
+        return (h(Host, { key: 'fe0796a361383d97010699b710fe61a0cf17289a', class: {
                 'xpl-side-nav-item': true,
                 'xpl-side-nav-item--link-disabled': this.link && this.disabled,
             } }, this.link ? (h("slot", null)) : (h("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 }, h("span", { class: "xpl-side-nav-item__leading" }, h("slot", { name: "leading" }, this.icon ? (h("xpl-icon", { icon: this.icon, size: 16 })) : null)), h("span", { class: "xpl-side-nav-item__label" }, this.label ?? ''), (this.hasTrailingSlot || this.hasChildren) && (h("span", { class: {
                 'xpl-side-nav-item__trailing': true,
                 'xpl-side-nav-item__trailing--chevron': showAutoChevron,
                 expanded: showAutoChevron && this.expanded,
-            }, "aria-hidden": showAutoChevron ? 'true' : undefined }, h("slot", { name: "trailing" }, showAutoChevron ? (h("xpl-icon", { icon: this.expanded ? 'chevron-up' : 'chevron-down', size: 16 })) : null))))), this.hasChildren && !this.link && (h("div", { key: '47b1eba18028549e03394678bca58beee9b2f157', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, h("div", { key: '7b6137a009106e3adfb99928bff429bea92b63e2', class: "xpl-side-nav-item__children-inner" }, h("slot", { key: '3cf83a5e3e8367ef4d5bfbedb8c22bc6bf1efaa7' }))))));
+            }, "aria-hidden": showAutoChevron ? 'true' : undefined }, h("slot", { name: "trailing" }, showAutoChevron ? (h("xpl-icon", { icon: this.expanded ? 'chevron-up' : 'chevron-down', size: 16 })) : null))))), this.hasChildren && !this.link && (h("div", { key: 'c3f38b679aef2d66ad477bf9fb04ff8228740ebd', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, h("div", { key: '7b51bf6ca02febd7e3b63a1bccbbb79b3554db03', class: "xpl-side-nav-item__children-inner" }, h("slot", { key: '7d9d16628cb60480199b6eda497fccb931eb72e9' }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/xpl-side-nav-section.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 import { e as ensureSideNavSectionChildrenId, g as getHostSlottedElements, h as hasHostSlottedContent } from './side-nav-slot-utils-C_PEOQWj.js';
 
 const SideNavSection = class {
@@ -85,17 +85,17 @@ const SideNavSection = class {
         const hasHeading = !!this.heading?.trim();
         const childrenId = this.childrenId ?? ensureSideNavSectionChildrenId(this.el, this.childrenId);
         const titleRow = [
-            h("span", { key: '41b4dd48eaf9fabca8f4c1e4e506200055d46f77', class: "xpl-side-nav-section__title" }, this.heading ?? ''),
-            h("span", { key: 'af345692b55b47dada80dfad85312e45d7cf5f43', class: "xpl-side-nav-section__badge", hidden: !this.hasBadgeSlot }, h("slot", { key: '381c23d89de7de9b1663cd746ce9561688a27463', name: "badge" })),
+            h("span", { key: '12b61d9bed3a5aac2fa664fb6ac13893ae267c36', class: "xpl-side-nav-section__title" }, this.heading ?? ''),
+            h("span", { key: 'bfea669929c9f003a38cbef3d4e6254f14cea581', class: "xpl-side-nav-section__badge", hidden: !this.hasBadgeSlot }, h("slot", { key: '7e401f516a7420f9a9c571e3c13d609fad6dcfc8', name: "badge" })),
             this.collapsible ? (h("span", { class: "xpl-side-nav-section__chevron", "aria-hidden": "true" }, h("xpl-icon", { icon: this.expanded ? 'chevron-down' : 'chevron-right', size: 16 }))) : null,
         ];
-        return (h(Host, { key: 'b3d7e988d1b64afce020137c0d8f8ef89481ef43', class: {
+        return (h(Host, { key: 'ba9810b6d5d95cac88e6517d7bc24a040f51e5cc', class: {
                 'xpl-side-nav-section': true,
                 'xpl-side-nav-section--static': !this.collapsible,
-            } }, this.collapsible ? (h("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)) : (h("div", { class: "xpl-side-nav-section__header" }, titleRow)), h("div", { key: '0e442a9a70a8eacb4b9454f941a3ee0c466c3496', id: childrenId, class: {
+            } }, this.collapsible ? (h("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)) : (h("div", { class: "xpl-side-nav-section__header" }, titleRow)), h("div", { key: '9f5081f3d8de0f5e0ae83d2f7f96cd49b9cdf456', id: childrenId, class: {
                 'xpl-side-nav-section__children': true,
                 expanded: showChildren,
-            }, inert: !showChildren ? true : undefined }, h("div", { key: 'f1bc884e69c5a8902f7e12829901e289f73a530e', class: "xpl-side-nav-section__children-inner" }, h("slot", { key: 'bd9f9db68b6f6e1d3a28527d87f4bf797ae49022' })))));
+            }, inert: !showChildren ? true : undefined }, h("div", { key: '2593fe0517156c91b504d9ec3717321895a804c4', class: "xpl-side-nav-section__children-inner" }, h("slot", { key: '5e2c9c978a128355e014c19612ed89886fe781ce' })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/xpl-side-nav.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 import { i as isBrowser } from './lifecycle-Dqb1pIRo.js';
 
 const SIDE_NAV_MOBILE_MQ = '(max-width: 767px)';
@@ -258,10 +258,10 @@ const SideNav = class {
             forceUpdate(this);
     }
     render() {
-        return (h(Host, { key: '8cffb32c21217edd67117acb264f3df5587fa32d', class: {
+        return (h(Host, { key: '796d10dd1b98d02af5a72757db33adcbccc6ba8f', class: {
                 'xpl-side-nav': true,
                 'xpl-side-nav--open': this.open,
-            } }, h("xpl-button", { key: '5a82bbc6a65690f550fe192aa6cd593efbf86bc8', 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 }), h("div", { key: '1315f34c7a6e1c793cc347292117f2e5992f074d', class: "xpl-side-nav__wrapper" }, h("nav", { key: '4b7446999c74b1554dae84d04c439a75b712b429', class: "xpl-side-nav__content", "aria-label": this.label }, h("div", { key: 'bce43018bf61c73dde0adb053fa87d0789edd329', class: "xpl-side-nav__scroll-area" }, this.hasHeaderSlot && (h("div", { key: 'd70ecd07a6c71dd76ce162b9167d3b5a11ba4ea8', class: "xpl-side-nav__header" }, h("slot", { key: 'c9d10e57d77a69cf00e86c2a17a94eba5e54d23e', name: "nav-header" }))), h("div", { key: '6873372f5eb854ee7ef88e6d3085d81be62fc508', class: "xpl-side-nav__section" }, h("slot", { key: 'b07fdb332e8ccaaa69db61ade9bb88e43d6f8753', name: "section" }))), h("div", { key: 'f34e444c538cbf246aee52ebfe35657a8fa1d706', class: "xpl-side-nav__footer" }, h("slot", { key: 'da70c80d9378ad1e0dbf23d33d521021c346ee23', name: "nav-footer" })))), h("xpl-backdrop", { key: '769576cb0961b8a00308c748d0efbaa0ef2b3ca5', class: "xpl-side-nav__backdrop", onClick: this.onBackdropClick })));
+            } }, h("xpl-button", { key: '94217602d9df6b196ff624d73c90cbd8d177c207', 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 }), h("div", { key: '79cbb696b79ee474f95f50de939dc1b8abee1185', class: "xpl-side-nav__wrapper" }, h("nav", { key: '3222db09f9172b69a7ff7a23bc62887f97dedc57', class: "xpl-side-nav__content", "aria-label": this.label }, h("div", { key: 'b229c6451e0eac9c620215355209e8168b1a90b7', class: "xpl-side-nav__scroll-area" }, this.hasHeaderSlot && (h("div", { key: '9c008d9a405726b0ea417158b9fc3f3037176d91', class: "xpl-side-nav__header" }, h("slot", { key: 'e63409cc07440d56fba5c07bce7ec1720a48c103', name: "nav-header" }))), h("div", { key: 'eed607668a9ee58af8a855d602d2bf71fea2ad2c', class: "xpl-side-nav__section" }, h("slot", { key: 'df7a877af24b54d9e8fdc885121c680b3e9b76e4', name: "section" }))), h("div", { key: '73302b7bc43f612ed0257f42ed5138238a8a1ebc', class: "xpl-side-nav__footer" }, h("slot", { key: 'fb71041ebb895e8030b1ac3984cbea67244b622b', name: "nav-footer" })))), h("xpl-backdrop", { key: '69487adfe2fc2e30d6640209693cb4b8e29ce1e6', class: "xpl-side-nav__backdrop", onClick: this.onBackdropClick })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/xpl-skeleton.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host } from './index-CgJEmBQY.js';
 
 const Skeleton = class {
     constructor(hostRef) {

package/dist/esm/xpl-slideout.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 
 const Slideout = class {
     constructor(hostRef) {
@@ -32,7 +32,7 @@ const Slideout = class {
         this.handleScroll();
     }
     render() {
-        return (h(Host, { key: '6a677f3ef03392e8c17e96eb1a35244cc65249cc', class: "xpl-slideout" }, this.backdrop && this.isOpen && (h("xpl-backdrop", { key: '8e93a0fe45fdbf00f9b9d72a3b703f4ed91724b7', onClick: this.handleClose })), h("aside", { key: '451a572b79f74f614756c77b7aae9ece7e53a615', class: `slideout slideout--${!this.isOpen && 'closed'}` }, h("header", { key: '4e6f0d5c525ffe16f20a2d85d21e6c85d6213f1e', class: "header" }, h("div", { key: 'bf69e4a7e0be7b1ea763b5d17da90b31f122e7fe', class: "title" }, h("slot", { key: 'b5b3298d2f05a5e99dc2ba934c306c7167eeb861', name: "title" }), h("xpl-button", { key: 'da76c0538824d6d7cdce7385daf77c74fd3e6432', class: "close-button", "icon-only": true, variant: "tertiary", onClick: this.handleClose }, h("xpl-icon", { key: '02d4e1b6d191683f95c5fe9d93db6a8eb6260e32', icon: "xmark" }))), h("div", { key: 'daf09af3d4ec41943ca063fb0b0afddc6075e549', class: "subtitle" }, h("slot", { key: '755b4e4f6bfdcc7f94f0b2ed67526d7f97c77842', name: "subtitle" })), h("div", { key: '294b6650cdc4b15a8f5b9005a24304cccda91ddb', class: "search" }, h("slot", { key: '4b85802d14eb9ab528749727846637a0702ff2d1', name: "search" }))), h("xpl-divider", { key: '335792083b7072b6973e4b684062d6498d1cfc57', tier: 0, class: "divider top" }), h("article", { key: '3a0920577f4599b0ea9a3762ea066b0e8b9d932a', class: "content", tabIndex: 0 }, h("slot", { key: 'b085ef369c4d685ae0e6e518c28e95cd883d1e03', name: "content" })), this.showFooter && (h("footer", { key: '663e2392d8484bb4875dcb4b9411b8ae6b805087' }, h("xpl-divider", { key: '6d0d50a6cc038a19ed5465a9fe79854b2519e70b', tier: 0, class: "divider bottom" }), h("div", { key: '29e9eaea051247ff8e9be18af54f0d3959590759', class: "footer" }, h("slot", { key: '4e9d8e3a054a72fba8392afdefcdca63e8ce8068', name: "tertiary" }), h("slot", { key: '44b764a99064de792309995cdc53b4ca8a82f8da', name: "secondary" }), h("slot", { key: 'c96cedf9662bab571a8cab244c8fce6172691628', name: "primary" })))))));
+        return (h(Host, { key: '057b30a3213ae419e0a9bc94cae621cdf303d293', class: "xpl-slideout" }, this.backdrop && this.isOpen && (h("xpl-backdrop", { key: '940911dc6c07731fe40c0a4399cd81a3af7933ee', onClick: this.handleClose })), h("aside", { key: 'b3432b92753b96999c528783cebfabd1488141be', class: `slideout slideout--${!this.isOpen && 'closed'}` }, h("header", { key: 'd87ec6cd3b3085131dd4bb6f2524e0ae39d36201', class: "header" }, h("div", { key: 'e2e3387ad686479d91810c022d657f44f97b1aeb', class: "title" }, h("slot", { key: 'c3accb74528dbd73140aa2b9b7c2e4e7f8013a6a', name: "title" }), h("xpl-button", { key: 'ee486da9662bddb85e336edc01d878c2b4ade2cc', class: "close-button", "icon-only": true, variant: "tertiary", onClick: this.handleClose }, h("xpl-icon", { key: '5e8b248e39e238e6ba2138641029bdde3160512e', icon: "xmark" }))), h("div", { key: '0bd2f149ba999ac0c8501d538298c2f5d4bfa687', class: "subtitle" }, h("slot", { key: '0523c0ea9575ff905e78893723e7d6329befc9d9', name: "subtitle" })), h("div", { key: 'd2de0a7b462fadfc9d80479db1153300abe0180f', class: "search" }, h("slot", { key: 'd0463af8f532856bdc273e306f06f7d837f41ffd', name: "search" }))), h("xpl-divider", { key: '9e3de6ccca99ab37bfeda29adbe343663f38ebef', tier: 0, class: "divider top" }), h("article", { key: '0cf827d89aca95c2a0b0e5f037d12a00de651866', class: "content", tabIndex: 0 }, h("slot", { key: '6738c288b5ccaa437efed62b8fd786cd58073b27', name: "content" })), this.showFooter && (h("footer", { key: 'cf02d04cd0b1ce89e4783c5b4741e8b5fad739e8' }, h("xpl-divider", { key: '9d79e51a52e5daed07bcb2ed7229f41926958594', tier: 0, class: "divider bottom" }), h("div", { key: 'fdbd1f126350e6b5b9bbad8a15bcc70cb9e562a3', class: "footer" }, h("slot", { key: '994b27f63fab2d9ad45c50862c07239492a8404c', name: "tertiary" }), h("slot", { key: 'ccd6bfc3f66e98dbb07a54a5e523b4365e8c1633', name: "secondary" }), h("slot", { key: '40dfa4f9fffecfd8a3c01be593de504b0d7e7f7e', name: "primary" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/xpl-spotlight.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 import { i as isBrowser } from './lifecycle-Dqb1pIRo.js';
 import { c as computePosition, a as autoUpdate, o as offset, f as flip, s as shift } from './floating-ui.dom-1M1pu0C2.js';
 

package/dist/esm/xpl-tab-panel.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 import { g as getTabGroupInstanceId, a as tabPanelDomId, t as tabTriggerId } from './tab-a11y-ids-BQtbf88X.js';
 
 const TabPanel = class {
@@ -11,10 +11,10 @@ const TabPanel = class {
         const t = this.target ?? '';
         const panelId = tabPanelDomId(groupId, t);
         const labelledBy = tabTriggerId(groupId, t);
-        return (h(Host, { key: 'ab151f12048635eb5e47f4cbafcd6f04637f7dfd', "aria-labelledby": labelledBy, class: {
+        return (h(Host, { key: '854ea5f142d3710299dc6b35b08a721d79d67b02', "aria-labelledby": labelledBy, class: {
                 'xpl-tab-panel': true,
                 'xpl-tab-panel--selected': this.selected,
-            }, id: panelId, role: "tabpanel" }, h("slot", { key: '81d82c0f3d8b019ec0abf6cbec34529b216b6533' })));
+            }, id: panelId, role: "tabpanel" }, h("slot", { key: '0b65b387574cd0058e12b7079494ce85c6f19a81' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/xpl-tab.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 import { g as getTabGroupInstanceId, t as tabTriggerId, a as tabPanelDomId } from './tab-a11y-ids-BQtbf88X.js';
 
 const Tab = class {

package/dist/esm/xpl-table-body.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host } from './index-CgJEmBQY.js';
 
 const XplTableBody = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'e5934161758f0934269a09e4a1058f3fda919e9d', class: "xpl-table-body", role: "rowgroup" }, h("slot", { key: 'e042714dc35cbe4ecc83cff740f7a24de48feec1' })));
+        return (h(Host, { key: '0a5e05dbbc4f089b7907464693943ce76e76cbc3', class: "xpl-table-body", role: "rowgroup" }, h("slot", { key: 'f8781515706b3843fd288f5be832cb9e9b78a971' })));
     }
 };
 

package/dist/esm/xpl-table-cell_3.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-CgJEmBQY.js';
 import { c as cycleSortDirection, X as XPL_TABLE_COLUMN_WIDTHS_CHANGE_EVENT, b as getSortAffordanceIconName } from './table-internal-O7gQjVdS.js';
 
 const CELL_MANAGED_DISABLED_ATTR = 'data-xpl-table-cell-managed-disabled';
@@ -67,13 +67,13 @@ const XplTableCell = class {
         walk(this.el);
     }
     render() {
-        return (h(Host, { key: 'f4e7639b0cb35eda08fdbb13cf1e0ddcb380cb7a', role: "gridcell", class: {
+        return (h(Host, { key: 'f2b486b9dbab0c982fc3362e1775a99eebc1ac05', role: "gridcell", class: {
                 'xpl-table-cell': true,
                 [`xpl-table-cell--align-${this.align}`]: true,
                 'xpl-table-cell--bold': this.bold,
                 'xpl-table-cell--underline': this.underline,
                 'xpl-table-cell--disabled': this.disabled,
-            } }, h("slot", { key: '16d9a63cb992b9bbeb56500b5d6537b824336b40' })));
+            } }, h("slot", { key: '19c3a0f67b3eccdb3e6441ba74b8e9d5bb8d0ae6' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -89,10 +89,10 @@ const XplTableFooterCell = class {
         this.align = 'left';
     }
     render() {
-        return (h(Host, { key: '1434aa38de9894875e70b2a7b3c55479726727d5', class: {
+        return (h(Host, { key: '468d80c698b82031537d12584494bb8e42cc4a83', class: {
                 'xpl-table-footer-cell': true,
                 [`xpl-table-footer-cell--align-${this.align}`]: true,
-            }, role: "gridcell" }, h("slot", { key: 'e3bac594dbd5265f44c7bd620e1fccfc9248abf0' })));
+            }, role: "gridcell" }, h("slot", { key: '91674140e7e618b7ff40c58ebbdae79145318de9' })));
     }
 };
 

package/dist/esm/xpl-table-footer.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host } from './index-CgJEmBQY.js';
 
 const XplTableFooter = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '57872baa33166a8146bd0c9b3d7af1597e1fb41e', class: "xpl-table-footer", role: "rowgroup" }, h("slot", { key: '65def2bdfee1be95fa966f7f746dedc7176b91e6' })));
+        return (h(Host, { key: '1f6a7cae4df63c42c2c3c87bd3a531033d0e04b1', class: "xpl-table-footer", role: "rowgroup" }, h("slot", { key: '2b2447283d8fcc7ebf9d48d44e30b98b2af58d9c' })));
     }
 };
 

package/dist/esm/xpl-table-header.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host } from './index-CgJEmBQY.js';
 
 const TableHeader = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'fb6c6d0ab301f41a22428583ffa0fea60a30719b', role: "row", class: "xpl-table-header" }, h("slot", { key: '54b058d43266fa281e30d26a644ad93d6559408b' })));
+        return (h(Host, { key: '79ac33f5bf3c86664a181dddba8dbb4f087b0b05', role: "row", class: "xpl-table-header" }, h("slot", { key: '5fe1c6b9e117712b3af6b81dd37dc6775c67ed9d' })));
     }
 };
 

package/dist/esm/xpl-table-row.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 
 function isTableCell(node) {
     return node.nodeName === 'XPL-TABLE-CELL';
@@ -42,11 +42,11 @@ const XplTableRow = class {
         });
     }
     render() {
-        return (h(Host, { key: '8c49ba27b39d934cb774140b43e811e5ee2bb904', class: {
+        return (h(Host, { key: 'a743e3cf9f4761d990d4437390f5f3f4949c68b7', class: {
                 'xpl-table-row': true,
                 'xpl-table-row--disabled': this.disabled,
                 'xpl-table-row--selected': this.selected,
-            }, role: "row" }, h("slot", { key: '30788ce629c65d7eab04d268da978d46f0145e99' })));
+            }, role: "row" }, h("slot", { key: 'fc13f425ec75c16e0079733b789e7b68e1371f33' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/xpl-table.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 import { T as TimerManager } from './lifecycle-Dqb1pIRo.js';
 import { R as ROW_REORDER_MARK, S as SELECTION_MARK, c as cycleSortDirection, g as getGridColumnWidthFromHeaderCell, a as getIconType } from './table-internal-O7gQjVdS.js';
 

package/dist/esm/xpl-tabs.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 
 const PILL_LABEL_ICON_SELECTORS = '.xpl-button__icon, xpl-icon, xpl-badge';
 let xplTabsInstanceCounter = 0;

package/dist/esm/xpl-toast.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 
 let dismissablePropDeprecationWarned = false;
 function warnDismissableDeprecation() {
@@ -69,11 +69,11 @@ const Toast = class {
         }
     }
     render() {
-        return (h(Host, { key: 'd51d901c62de43e0ad248a626e0447a7849e50f3', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, h("div", { key: 'e2e3585a43272f51f6ace1ce62544ae41464a3e5', class: "xpl-toast__left" }, this.showIcon && (h("div", { key: 'e3fd60595f205d8e15ed3ca1826e5e6d356e1a63', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), h("div", { key: '49642e6ee5502c09deb32188b62a160f748bb564', class: "xpl-toast__notification" }, h("p", { key: 'f7176eea6e6e125bec0c4397b0399bb76e8554b7', class: "xpl-toast__title" }, h("slot", { key: 'd5dd0d0413ec4f8198d16f8689791614fea877bc', name: "title" })), this.caption !== '' && (h("p", { key: '966112d3fe6dc1348341034685c606ca98e95d84', class: "xpl-toast__caption" }, this.caption?.substring(0, 85))))), h("div", { key: 'c9ba66aaf64f191d5bab1c3290e0981a86a3ef91', class: "xpl-toast__action", ref: (el) => {
+        return (h(Host, { key: '75b3b05b745ac16a614f752cf83380428b1a4f9a', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, h("div", { key: '997a55f5deb3016410ea517e89b369368a6c44d7', class: "xpl-toast__left" }, this.showIcon && (h("div", { key: '6d60772a0b8f7f9839c59150a3f5f388553e7572', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), h("div", { key: 'f813c6fc2abb9f3ab1ca730be25537292f414963', class: "xpl-toast__notification" }, h("p", { key: '067e06ef8702892d3c1c513c47c0e03d1e025843', class: "xpl-toast__title" }, h("slot", { key: '24c8844bb360cc53f189c816789d4c112dee4bb2', name: "title" })), this.caption !== '' && (h("p", { key: '8b1e9e9342187c2b5c6158679f42c98073b9f369', class: "xpl-toast__caption" }, this.caption?.substring(0, 85))))), h("div", { key: '016cc84afb7161149c321cd73bc40272e59f0e01', class: "xpl-toast__action", ref: (el) => {
                 if (el) {
                     this.actionSlot = el;
                 }
-            } }, h("slot", { key: 'faad90759fd343be3caa4540422c09d04642a217', name: "action" })), this.isDismissible && (h("div", { key: '25f1140170ec9a242e62c6665ebf0eb8aa1bae64', class: "xpl-toast__close" }, h("xpl-button", { key: '635900d579bda4fb905c7280de700de1143d474b', variant: "tertiary", size: "sm", iconOnly: true, icon: "xmark", type: "button", "aria-label": "Dismiss notification", onClick: this.dismiss })))));
+            } }, h("slot", { key: 'e3491fe293e3ee7b3b30483a8e7b19d7c584794e', name: "action" })), this.isDismissible && (h("div", { key: 'dd7e8aa57d116045287f13b164ae63e603a81f01', class: "xpl-toast__close" }, h("xpl-button", { key: 'e1af234f5991651a039eba58f21c58e76d3d75eb', 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 {

package/dist/esm/xpl-toggle.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CgJEmBQY.js';
 import { v as v4 } from './v4-CK3_k8jD.js';
 
 const Toggle = class {

package/dist/esm/xpl-toolbar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 
 const Toolbar = class {
     constructor(hostRef) {
@@ -14,11 +14,11 @@ const Toolbar = class {
         this.selectedItemCount = event.detail.length;
     }
     render() {
-        return (h(Host, { key: '688ada0542f0634df6b447331833205149e88a94', class: {
+        return (h(Host, { key: '627eed07ad6f3c06145126cad4b9780a3bec7258', class: {
                 'xpl-toolbar': true,
                 dark: true,
                 hidden: this.selectedItemCount === 0,
-            } }, h("div", { key: '6b8c2990c354d2b9ee93225ad98fb8fbaf3dbaf7', class: "toolbar" }, h("p", { key: '60923603e318d109fd794259863a684d749ed52b', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: '77df55c910d8ce89a4ff2a0356bc7cf78120e49a', class: "actions" }, h("slot", { key: '5de2e6bd168c31be133c55758acd2f95c56b715c', name: "actions-left" }), h("slot", { key: '3f8b3540adbd441c28771410f4d33e29d87d3be9', name: "actions-right" })))));
+            } }, h("div", { key: 'ccae2ca6612e91c87bae43479bc7aa4bf8731ad3', class: "toolbar" }, h("p", { key: '360658d3ed621e4d6d5920baf41c63f8649a7a9f', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: '386e61abd7294286aca11f0e365f24b466193088', class: "actions" }, h("slot", { key: '4999110aaf0762dd60fdb4fbc3540040dadac003', name: "actions-left" }), h("slot", { key: '621b28dcb128f6a89d8ca3f7ec54503c3660a5bc', name: "actions-right" })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/xpl-tooltip.entry.js

@@ -1,4 +1,4 @@
-import { h, r as registerInstance, H as Host } from './index-ukZKsqqq.js';
+import { h, r as registerInstance, H as Host } from './index-CgJEmBQY.js';
 
 const TooltipArrow = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "13" }, h("path", { d: "M0.5 5h15l-7.5 7.5L0.5 5Z", fill: "white", stroke: "none", class: "xpl-tooltip-arrow__fill" }), h("path", { d: "M0.5 5 L8 12.5 L15.5 5", fill: "none", stroke: "black", "stroke-width": "1", class: "xpl-tooltip-arrow__stroke" })));
 
@@ -9,7 +9,7 @@ const Tooltip = class {
         this.hideArrow = false;
     }
     render() {
-        return (h(Host, { key: '916a12e608a6e40c40ddfdbe40f12e115215758e' }, h("div", { key: '2f6c39a146fb2ba830306933309ffad9e8919eab', class: "xpl-tooltip-container" }, h("slot", { key: '39b1b2cf370620b96fd00b6343dc0896791ad510' }), h("div", { key: '34198d0f1184a3e05236a508e94531f503309691', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (h("div", { key: '42f42b07b4f0ae6bd7cbd31837e4846a28ed4e72', class: "xpl-tooltip-arrow" }, h(TooltipArrow, { key: 'af8672da89cda34507e53906937e600400b26953' })))))));
+        return (h(Host, { key: 'e2092a0ca048c0c06346b28c5f7a38fb343b0989' }, h("div", { key: '9f9b41b01e4b4a3721a9744bf4a9dc798bd5e313', class: "xpl-tooltip-container" }, h("slot", { key: 'a4e23c5c38d792a08755aacd1a1b3250f3cfd29e' }), h("div", { key: 'c6227fd82a95bd19de20c68d97c4c9b72a749d28', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (h("div", { key: '551d991247f6f3016559fa10180ba96101a47169', class: "xpl-tooltip-arrow" }, h(TooltipArrow, { key: 'fc323dececf4a90528ed47e06290188722a17eb0' })))))));
     }
 };
 

package/dist/esm/xpl-top-nav-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 import { T as TimerManager, i as isBrowser } from './lifecycle-Dqb1pIRo.js';
 import { T as TOP_NAV_MOBILE_MQ } from './top-nav-constants-CWdQxaaX.js';
 
@@ -409,7 +409,7 @@ const TopNavItem = class {
         return (h("button", { ...shared, type: "button" }, this.renderLeading(), this.renderLabelContent(), this.renderTrailing()));
     }
     render() {
-        return (h(Host, { key: 'fe53cfd84cba8502089c4a3fae62dfed10c0cdf0', class: {
+        return (h(Host, { key: 'bc734cbb385801e337ce2dbe6c4526312e266d1c', class: {
                 'xpl-top-nav-item': true,
                 'xpl-top-nav-item--active': this.active,
                 'xpl-top-nav-item--dropdown-open': this.hasDropdown && this.open,
@@ -417,7 +417,7 @@ const TopNavItem = class {
                 '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 && (h("div", { key: '954f83c94bd56d9bd328212f2ecc070861b1fd54', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, h("slot", { key: '4d830a9386f12026cd1a2ecb454bcb9df2202431', name: "dropdown" })))));
+            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, ...(this.hostListitemRole ? { role: 'listitem' } : {}) }, this.renderInner(), this.hasDropdown && (h("div", { key: '1d30786f440f2c7cab378a8b495e3e4a7f24da72', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, h("slot", { key: '6ac2aaaf93c5efae76ad36e0e15b784456a61a36', name: "dropdown" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/xpl-top-nav-menu.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 import { T as TimerManager, i as isBrowser } from './lifecycle-Dqb1pIRo.js';
 import { T as TOP_NAV_MOBILE_MQ } from './top-nav-constants-CWdQxaaX.js';
 
@@ -78,10 +78,10 @@ const TopNavMenu = class {
         return (h("xpl-top-nav-item", { class: "xpl-top-nav-menu__back", label: this.label, onNavItemClick: this.handleBackClick }, h("xpl-icon", { slot: "leading-icon", icon: "chevron-left", size: 24 })));
     }
     render() {
-        return (h(Host, { key: '10a844d721713b72f636a8a3a3e266139b9c0193', class: {
+        return (h(Host, { key: 'e5d2cbfdf4186ee69b7e2ffcc26bc44f372923e2', class: {
                 'xpl-top-nav-menu': true,
                 dark: true,
-            }, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), h("slot", { key: 'e7db1c580f34bf388658f6baacfc325322e2670e' })));
+            }, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), h("slot", { key: '5c22ca998d86f7eb2ff89eb8bd0bf0b38b02dd31' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/xpl-top-nav.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CgJEmBQY.js';
 import { h as hasHostNamedSlot } from './light-dom-slots-DkqlawVY.js';
 import { i as isBrowser } from './lifecycle-Dqb1pIRo.js';
 
@@ -307,7 +307,7 @@ const TopNav = class {
         }
     }
     render() {
-        return (h(Host, { key: 'f51ed285523198b4ef39de7ea1e5dc025d5a308a', class: {
+        return (h(Host, { key: '93c1434cfab90ea8a21d3fc824e877edb2292d7f', class: {
                 'xpl-top-nav': true,
                 'xpl-top-nav--nav-control': Boolean(this.navControl),
                 'xpl-top-nav--open': this.open,
@@ -315,15 +315,15 @@ const TopNav = class {
                 'xpl-top-nav--has-brand': this.hasBrand,
                 'xpl-top-nav--has-user-menu': this.hasUserMenu,
                 dark: true,
-            } }, h("nav", { key: 'c2c14ed2ba975299efd76a391dfd6371b9214449', "aria-label": this.label ?? 'top-navigation-bar', class: "xpl-top-nav__bar" }, h("div", { key: 'c223b947ffbcb55c6c6a06fa3adaeaee7661b61e', class: "xpl-top-nav__inner-left" }, this.navControl && (h("button", { key: 'd364b6dd709d59730d40e7a0d41f9dd8fd55d40b', 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 }, h("xpl-icon", { key: 'b84614dc20189f641b2f5a08eef1c76610135598', class: "xpl-top-nav__control-icon", icon: "menu", size: 32 }))), this.hasBrand && (h("div", { key: '90b104133cbdea89643923fd06f54179978862a5', class: "xpl-top-nav__brand-bar" }, h("xpl-top-nav-item", { key: '2b40b31ba1312a76231f7a89b1e95508a5a146a1', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, this.brandLogo?.trim() ? (h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: this.brandName?.trim()
+            } }, h("nav", { key: '7a68202ba4a467f1f4c0e4acde8eed38fd81eabe', "aria-label": this.label ?? 'top-navigation-bar', class: "xpl-top-nav__bar" }, h("div", { key: '5d90e4597ead418cff05105e164c7a51ac77ea6b', class: "xpl-top-nav__inner-left" }, this.navControl && (h("button", { key: 'f01f960a6612985fb6054bb26e8f15e652f9e9e5', 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 }, h("xpl-icon", { key: 'b330f04963bf2f7407d091d5546acb4923acfdd6', class: "xpl-top-nav__control-icon", icon: "menu", size: 32 }))), this.hasBrand && (h("div", { key: 'd43a05bf08ddec1a62c3000fce3e0e3332b1eb27', class: "xpl-top-nav__brand-bar" }, h("xpl-top-nav-item", { key: 'ee5ca421e2a48c7048f418d4d105ee33bb591951', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, this.brandLogo?.trim() ? (h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: this.brandName?.trim()
                 ? this.brandName.trim()
-                : 'Brand' })) : this.brandLogoSlotPresent ? (h("span", { class: "xpl-top-nav__brand-logo-slot" }, h("slot", { name: "brand-logo" }))) : null, this.brandName?.trim() ? (h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), h("div", { key: 'ca3e9b4501ab3756301b2079bcb9632734e56922', class: {
+                : 'Brand' })) : this.brandLogoSlotPresent ? (h("span", { class: "xpl-top-nav__brand-logo-slot" }, h("slot", { name: "brand-logo" }))) : null, this.brandName?.trim() ? (h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), h("div", { key: 'eebb82d6e3b74cfefd5dc37f2d943982af57143f', class: {
                 'xpl-top-nav__aside': true,
                 'xpl-nav-left': true,
-            } }, h("div", { key: 'f2674faf140853536150058d13a5d40c7399979e', class: "xpl-top-nav__left-primary", role: "list" }, h("slot", { key: '29363ac15d3f3bf7a43b237a7f7e0622c5bd54c4', name: "left-aside" })))), h("div", { key: '7c83bd0a80649b9cbe9ed757ead1136b6fabd09c', class: {
+            } }, h("div", { key: '80831a29fc9a549e322659c9019b91e8859ae621', class: "xpl-top-nav__left-primary", role: "list" }, h("slot", { key: '1afe64acf17e364209086a5d921f7ff1e249426e', name: "left-aside" })))), h("div", { key: '40742d04b8bca081837201c260580367a9a7b44e', class: {
                 'xpl-top-nav__aside': true,
                 'xpl-nav-right': true,
-            } }, h("div", { key: 'c67e6d3365d90cd7f7c55b08dcc4fa56dcb3e291', class: "xpl-nav-right__list" }, h("div", { key: '46b9c3b0b010bf52a5632bc81b279310c0a54438', class: "xpl-top-nav__right-rail" }, h("div", { key: '72279d15a5464dfabd9f92c04bc231e270ea04b9', class: "xpl-top-nav__right-lead" }, h("slot", { key: 'd8b44d01141f9cfbeb7d6b019345ffc8c94fd0c3', name: "right-aside" })), this.hasUserMenu ? (h("div", { class: "xpl-top-nav__right-user" }, h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (h("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
+            } }, h("div", { key: '5fd88026428adc7984960967f1f5f95b4e4775de', class: "xpl-nav-right__list" }, h("div", { key: 'bebf175590e3dfc04ce1e1824fa6391e4c4618f7', class: "xpl-top-nav__right-rail" }, h("div", { key: '64e93df91296ab370401d8df9a5a41a83b8b38d4', class: "xpl-top-nav__right-lead" }, h("slot", { key: '103d72d4b657adea4fb4a2bbd5a4ff70b0d7a034', name: "right-aside" })), this.hasUserMenu ? (h("div", { class: "xpl-top-nav__right-user" }, h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (h("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