@xplortech/apollo-core 2.12.0 → 3.1.0

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

@@ -12,11 +12,11 @@ const NavItem = class {
         }
     }
     render() {
-        return (h(Host, { key: 'ffbe4b34fe5a30cec5bfe506fbc325663db7d02b', class: "xpl-nav-item", role: "listitem", onClick: () => {
+        return (h(Host, { key: '6632b50719b413f69b1943035e60c086951709d7', class: "xpl-nav-item", role: "listitem", onClick: () => {
                 if (this.navControl) {
                     this.onNavToggle();
                 }
-            } }, h("slot", { key: 'c772716a5cac78963468f7e6ae7a34f16dbd2636', name: "link" }, h("slot", { key: '0b120ea6bc0e596fee7730459689906e2233521c', name: "icon" }), h("slot", { key: 'fd9edd0051e771ba87a37b72245d3bcfa71bd468' }))));
+            } }, h("slot", { key: '1c7f754d3fa4b67883562f4877414cefc7947920', name: "link" }, h("slot", { key: 'c4268f625e8a4ef9323293d064abee42afee5d1f', name: "icon" }), h("slot", { key: '5f843056b4c5852e3fa89c9a5ef36442b76238a0' }))));
     }
 };
 

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

@@ -80,19 +80,19 @@ const Pagination = class {
     render() {
         const disablePrev = this.currentPage <= 1;
         const disableNext = this.currentPage >= this.totalPages;
-        return (h(Host, { key: '9184904c32aa8d4e552f9493f343a162b8f2d8ee', class: {
+        return (h(Host, { key: '23b4aec5d70fcfa1ec02089716f7649d15fcb0ca', class: {
                 'xpl-pagination': true,
                 'xpl-pagination__with-page-control': this.withPageControl,
                 'xpl-pagination__no-page-control': !this.withPageControl,
-            } }, this.withPageControl && (h("div", { key: '26febbb3a6bf061bfcf8d61190dc7947aa04efb1', class: "xpl-pagination__rows-per-page" }, h("label", { key: '7a5b406ee8bfd2582e8b543db14b39a493ff2d9c', class: "xpl-pagination__rows-label" }, "Rows per page:"), h("xpl-select", { key: 'd82e693f4ada5897f163ae5243c047348be63a08', class: "xpl-pagination__rows-per-page-select", dropdownFlipFallbackPlacements: ['bottom-start'], dropdownPlacement: "top-start", choices: this.rowsPerPageOptionsArray.map((option) => ({
+            } }, this.withPageControl && (h("div", { key: '2383d3488dc1435f1384f98cf07459cfb6ccb1bc', class: "xpl-pagination__rows-per-page" }, h("label", { key: 'be3f5e3815a11f5cb02710d253e02e10fdf6236d', class: "xpl-pagination__rows-label" }, "Rows per page:"), h("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;
-            } }))), h("div", { key: '23fdb444921471c1121a82f6b17050beea69a93c', class: "xpl-pagination__pager" }, h("button", { key: 'bae0457c8c0cda02feb837de3c20965aabc937c0', class: "xpl-pagination__pager-button xpl-pagination__pager-button-prev", disabled: disablePrev, onClick: this.handlePrevPage, "aria-label": "Previous Page", tabindex: "0" }, h("xpl-icon", { key: '714f2d15b2e2c129d2bd70c28858ac95ae3518a7', icon: "arrow-left", size: 20 })), h("xpl-select", { key: 'c52b9974fc675706cdcfe43fe939225a4561cef5', class: "xpl-pagination__page-select", dropdownFlipFallbackPlacements: ['bottom-start'], dropdownPlacement: "top-start", choices: this.pageChoices, "custom-display-value": true, ref: (el) => {
+            } }))), h("div", { key: '9a41a8e940f04ba2da9a7e9331d5ff496043771f', class: "xpl-pagination__pager" }, h("button", { key: 'cfe0a954aaa79e5b8af00a86d384bf9d1d2831b8', class: "xpl-pagination__pager-button xpl-pagination__pager-button-prev", disabled: disablePrev, onClick: this.handlePrevPage, "aria-label": "Previous Page", tabindex: "0" }, h("xpl-icon", { key: 'd3cf107b6f1a2cc02c50e0bd23b19b857ebd812d', icon: "arrow-left", size: 20 })), h("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;
-            } }, h("div", { key: '7dcc6c4b3f0b0470986006c2ab7dbcfcbaba0f92', slot: "custom-display-value" }, `${this.currentPage} of ${this.totalPages}`)), h("button", { key: '0afaf6e4b4acd626e7972c0fb5d5f8aad1e16f2a', class: "xpl-pagination__pager-button xpl-pagination__pager-button-next", disabled: disableNext, onClick: this.handleNextPage, "aria-label": "Next Page", tabindex: "0" }, h("xpl-icon", { key: '3759f242a05741cf53938539cd69b9074c6cf323', icon: "arrow-right", size: 20 })))));
+            } }, h("div", { key: '3f9071ff9ba2094c5014628366519db328efc466', slot: "custom-display-value" }, `${this.currentPage} of ${this.totalPages}`)), h("button", { key: '474df34b27cd0cd6ffcb58c4408691f5bf765c99', class: "xpl-pagination__pager-button xpl-pagination__pager-button-next", disabled: disableNext, onClick: this.handleNextPage, "aria-label": "Next Page", tabindex: "0" }, h("xpl-icon", { key: '0466f500b1cc7f2fa8e22da485e889775a53b2e8', icon: "arrow-right", size: 20 })))));
     }
     static get watchers() { return {
         "currentPage": [{

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

@@ -8,11 +8,11 @@ const XplPanel = class {
     }
     render() {
         const hasAccent = this.accent !== 'none';
-        return (h(Host, { key: '2be99cac0dda8442b54752745f3bf647df334e70', class: {
+        return (h(Host, { key: '7e2a96b285cc06379f8f7f98ae44affcfac0c8dc', class: {
                 'xpl-panel': true,
                 [`xpl-panel--accent-${this.accent}`]: hasAccent,
                 [`xpl-panel--padding-${this.padding}`]: true,
-            } }, hasAccent && h("div", { key: 'ff25fa59eff4d886540a5abc3b637478b533b23b', "aria-hidden": "true", class: "xpl-panel__accent" }), h("div", { key: '415205b25333615cfe22d41fdfaf4e114547746b', class: "xpl-panel__content" }, h("slot", { key: '5573ed5bb1cb102720d2c6e1245656fba8d36b8f' }))));
+            } }, hasAccent && h("div", { key: '3a6740a44c18c9973c86a314d26bd565971c19f2', "aria-hidden": "true", class: "xpl-panel__accent" }), h("div", { key: 'd4951bd49e7600a58fa0ecb31fddf4df1dfe7956', class: "xpl-panel__content" }, h("slot", { key: '2374d130b274a64e875b0c4b1ce03b34d96554b4' }))));
     }
 };
 

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

@@ -238,16 +238,16 @@ const Popover = class {
         });
     }
     render() {
-        return (h(Host, { key: '0e697fc04e3fd17595eb05f70104c6ffaa2c641c' }, h("div", { key: '749de61a600d9eb55074910d3093217b3fb08863', class: {
+        return (h(Host, { key: 'b747fcdda5987a1d0506486d325cdf9a57cab6a8' }, h("div", { key: '547d595121db1b713c204eb5ac173828fff4b35b', class: {
                 'xpl-popover': true,
                 [`xpl-popover--${this.actualPosition}`]: true,
                 'xpl-popover--is-open': this.isOpenState,
-            } }, h("span", { key: 'd42b2a4893a5dc18e4298e5ed79eac0c93996385', role: "button", tabindex: "0", "aria-haspopup": "dialog", "aria-expanded": this.isOpenState ? 'true' : 'false', onClick: this.togglePopover, ref: (el) => {
+            } }, h("span", { key: 'd12773148d327475c8ff51fbb5a717c95231cabf', role: "button", tabindex: "0", "aria-haspopup": "dialog", "aria-expanded": this.isOpenState ? 'true' : 'false', onClick: this.togglePopover, ref: (el) => {
                 this.triggerRef = el;
-            } }, h("slot", { key: 'e99d7e89b3d825ae716a93c423d31854914e5fa9', name: "trigger" })), this.display === 'arrow' && (h("div", { key: '18809dc747e4646920238a0b05e54be568e63311', class: "xpl-popover__arrow" }, h("svg", { key: 'b3f78f3c82cc0969cd4c36117f562eb538864cbe', width: "17", height: "14", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c2f12882970e1e599e7e508e5cd57210b7d08015', d: "M0 5h15l-7.5 7.5L0 5Z", fill: "white", stroke: "none", class: "arrow-fill" }), h("path", { key: 'bce5aecd1ee49ae8252a27bf8db0677c891beb54', d: "M0 5 L7.5 12.5 L15 5", fill: "none", stroke: "black", "stroke-width": "1", class: "arrow-stroke" })))), h("div", { key: 'd970490de0d7ed8413afcc8fa1b1f0985352b796', class: {
+            } }, h("slot", { key: '6322dc3b9e7292eeb41aaf5c662aa99273868c7d', name: "trigger" })), this.display === 'arrow' && (h("div", { key: '2a3fe87cc9a82c8e914f6917a999bdd4433b9042', class: "xpl-popover__arrow" }, h("svg", { key: 'a191461ac07cf6693d5461aa4d343214e62ed6ef', width: "17", height: "14", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '61003e404b4e031057e0d2ef39a31bc9b7fba6df', d: "M0 5h15l-7.5 7.5L0 5Z", fill: "white", stroke: "none", class: "arrow-fill" }), h("path", { key: '15de3ff2ec9657fd3e47410de79d2362076c797b', d: "M0 5 L7.5 12.5 L15 5", fill: "none", stroke: "black", "stroke-width": "1", class: "arrow-stroke" })))), h("div", { key: 'ec4ae8672673fa63b918ab6222a6fbf7099758ff', class: {
                 'xpl-popover__content': true,
                 [`xpl-popover__content--display-${this.display}`]: true,
-            }, ref: (el) => (this.contentRef = el) }, h("slot", { key: '742a4d13a4bb0e21ab0135f316bfec76da6fde82' })))));
+            }, ref: (el) => (this.contentRef = el) }, h("slot", { key: '50c82f8c1833c91f6e2aabdfe3773725c9d9296d' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -27,12 +27,12 @@ const ProgressBar = class {
         return this.variant === 'indeterminate';
     }
     render() {
-        return (h(Host, { key: 'e6c2e96d1af4b56204eba288d35b065fbe7d3c71', class: {
+        return (h(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,
-            } }, h("div", { key: '5d8e7731bf5588c8549398dca087e7f39078eec0', class: "xpl-progress-bar__wrapper" }, (this.label || this.showStatusIcon) && (h("div", { key: 'b36f70ed46b5a8dd46a9f8ea0b5188b90f33741e', class: "xpl-progress-bar__header" }, this.label && h("div", { key: '1fed869f23b4c449c56ff4b40d79fe315118de94', class: "xpl-progress-bar__label" }, this.label), this.showStatusIcon && (h("div", { key: '8ec535833016b380a133599311aa02f8a7765901', class: "xpl-progress-bar__icon" }, this.isError ? (h("xpl-icon", { icon: "circle-xmark-1" })) : (h("xpl-icon", { icon: "circle-check-1" })))))), h("div", { key: 'ea1e88ff71d2e10a71df1c6d63269b16b0c03129', class: "xpl-progress-bar__row" }, this.isIndeterminate ? (h("div", { class: "xpl-progress-bar__track xpl-progress-bar__track--indeterminate", role: "progressbar", "aria-label": this.label || 'Progress' }, h("div", { class: "xpl-progress-bar__indeterminate" }))) : (h("progress", { class: "xpl-progress-bar__progress", value: this.clampedValue, max: this.max, "aria-label": this.label || 'Progress' }))), this.helperText && (h("div", { key: '71a2ceee37369f823b598f385dd895b807693aa1', class: "xpl-progress-bar__helper" }, this.helperText)))));
+            } }, h("div", { key: 'f1be4a82fbb87ffac27bb2b8d0f479ad36aae340', class: "xpl-progress-bar__wrapper" }, (this.label || this.showStatusIcon) && (h("div", { key: 'd415f09b3d0d237bc348b33470162d2b44048856', class: "xpl-progress-bar__header" }, this.label && h("div", { key: '48bc06b81c4445d811e6cd5f3ac086192cbcb392', class: "xpl-progress-bar__label" }, this.label), this.showStatusIcon && (h("div", { key: 'd31ccfc3ed1f956fdc89e01ca262b606219bb78e', class: "xpl-progress-bar__icon" }, this.isError ? (h("xpl-icon", { icon: "circle-xmark-1" })) : (h("xpl-icon", { icon: "circle-check-1" })))))), h("div", { key: '5c97c6193a2ebb0626052953f1a11c9afc258da8', class: "xpl-progress-bar__row" }, this.isIndeterminate ? (h("div", { class: "xpl-progress-bar__track xpl-progress-bar__track--indeterminate", role: "progressbar", "aria-label": this.label || 'Progress' }, h("div", { class: "xpl-progress-bar__indeterminate" }))) : (h("progress", { class: "xpl-progress-bar__progress", value: this.clampedValue, max: this.max, "aria-label": this.label || 'Progress' }))), this.helperText && (h("div", { key: '8e78ed094ab41425272b1818cc004a9094c3632d', class: "xpl-progress-bar__helper" }, this.helperText)))));
     }
 };
 

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

@@ -57,7 +57,7 @@ const ProgressIndicator = class {
                 ? `Progress: all ${totalSteps} ${totalSteps === 1 ? 'step' : 'steps'} complete`
                 : `Progress: step ${currentStepNumber} of ${totalSteps}`
             : 'Progress';
-        return (h(Host, { key: 'bba19d0d09e3bf9ae1fa1e04824f84f4a74b3431', class: hostClasses, role: "group", "aria-label": ariaLabel }, h("div", { key: '529becbce8bfcc02ddf0f4de3c550bfef94ec7ba', class: "xpl-progress-indicator-container", role: "list" }, steps.map((step, index) => this.renderStep(step, index)))));
+        return (h(Host, { key: '2fa8128b81b665f0733e3c905cb99eaa1917e719', class: hostClasses, role: "group", "aria-label": ariaLabel }, h("div", { key: '279079d456f72748c77ac9f06281c838307ba092', class: "xpl-progress-indicator-container", role: "list" }, steps.map((step, index) => this.renderStep(step, index)))));
     }
     static get watchers() { return {
         "steps": [{

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

@@ -5,7 +5,7 @@ const SecondaryNav = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '9d5cdbf77eba7913892f083ccaab8f878455c11e', class: "xpl-secondary-nav" }, h("nav", { key: '4b56938320beada9e879c71866c3c48d37020f47', "aria-label": "Secondary Nav" }, h("slot", { key: '613ff6145ce13a4eee2b2dcae31b63eb89a860d0' }))));
+        return (h(Host, { key: '6fd3db4309ecb98fb1739fd69d964297a77a46eb', class: "xpl-secondary-nav" }, h("nav", { key: 'c08a1df306cee05760b6761409ebfb4ba87c2e4f', "aria-label": "Secondary Nav" }, h("slot", { key: '9d5d0657bdd581bce000f1ace49be8c1d018fe47' }))));
     }
 };
 

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

@@ -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: 'efb901a6da94614137b07be9c89b3777e65f60d9', class: {
+        return (h(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(), h("div", { key: '6d4b42bf301188182be36b7b9adfde4669771a22', class: {
+            } }, this.renderLabel(), h("div", { key: 'c2913a9da7988d4e24fd788718637bcebd93fcb6', class: {
                 'xpl-input': true,
                 'xpl-input--disabled': !!this.disabled,
                 'xpl-input--error': this.error !== undefined,
-            } }, h("div", { key: '3687745a851d263557bb9d0f7c2d7eaa4546daa9', class: "xpl-input-wrapper" }, h("button", { key: '6fa71fa27e684134b9e3ee915b8548a127dfbdf6', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
+            } }, h("div", { key: '58ea7fdb31c591b2726258d786ca5550219bcd89', class: "xpl-input-wrapper" }, h("button", { key: 'c4c2b2f0a90cd4ef407b8797fd65b86062387678', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
                 e.preventDefault();
                 this.handleDropdownTrigger();
-            }, type: "button" }, h("div", { key: '00975fd72169662e5314f48634722c18c10e8bd9', class: {
+            }, type: "button" }, h("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,
@@ -311,7 +311,7 @@ const Select = class {
                 return this.renderSelectedTags();
             }
             return this.placeholder;
-        })(), isTextTruncated && truncatedText), h("xpl-icon", { key: 'b17474211ca60ee3e70c7b3427f50b8c47dcb57c', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (h("xpl-dropdown", { key: '793f48f587c8db42de0bdcefb20d9f2dd05eec83', ref: (el) => {
+        })(), isTextTruncated && truncatedText), h("xpl-icon", { key: '8640f1e46263c802edf0e9b18f53d2eb6b2a78a3', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (h("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;
@@ -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: 'beadce243c290f7d191d29961446285f332759af', type: "hidden", name: this.name, value: this.value })));
+            }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), h("input", { key: '734ef739b61de3320ce777994853cb90ab8271d2', 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: 'dc8048cbcdc849eef7f7ae81987760151bcf72bc', class: {
+        return (h(Host, { key: '4129a867a9581efc82985d11549810860a2c6f87', 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: '3c6007ea3377848cb83ffcfbcb11b84a4ce1219d', 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: '7d45494a1327aff09948d687997e531e2e96be4e', 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: 'fb10e5fe87053ff4c00f584d887e1f5c29b2dc74', 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: 'e8afb0b6fbf1a942cce78cf6a26b420445094f30', icon: "xmark", size: 10 })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -85,8 +85,8 @@ const SideNavHeaderItem = class {
         const showTrailing = this.hasTrailingSlot || showAutoChevron;
         const leading = showLeading ? (h("span", { class: "xpl-side-nav-header-item__leading" }, h("slot", { name: "leading" }, this.icon ? h("xpl-icon", { icon: this.icon, size: 16 }) : null))) : null;
         const trailing = showTrailing ? (h("span", { class: "xpl-side-nav-header-item__trailing", "aria-hidden": showAutoChevron ? 'true' : undefined }, h("slot", { name: "trailing" }, showAutoChevron ? (h("xpl-icon", { icon: "chevron-expand-y", size: 16 })) : null))) : null;
-        const content = (h("span", { key: '0e94b81665c43c6dad594f6d78f153863cb0a5dd', class: "xpl-side-nav-header-item__content" }, leading, h("span", { key: '556354c3df994e36b803326e88bada417f20f2a4', class: "xpl-side-nav-header-item__label" }, this.label ?? ''), trailing));
-        return (h(Host, { key: 'f596403c230bcdf1aa35283f5943204d8a16debb', class: {
+        const content = (h("span", { key: 'ff3b2d318760011f01eb6fc3f2a7aefb8e4ff216', class: "xpl-side-nav-header-item__content" }, leading, h("span", { key: '8675686f88cba081281fa76ffcbd9b1b9f121cac', class: "xpl-side-nav-header-item__label" }, this.label ?? ''), trailing));
+        return (h(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,

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

@@ -105,14 +105,14 @@ const SideNavItem = class {
             expanded: this.expanded,
             selected: this.selected,
         };
-        return (h(Host, { key: '173aa913d77c88522069cb4beef76d5b04b9beb1', class: {
+        return (h(Host, { key: '33de33212fc2c0fe5ed3ae6cd8aba38178052a03', 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: '7611d4a00248e27f0e5d38fb4890950854e5023e', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, h("div", { key: '79676aa8d5f3d9396629cf7b9d9f5ebc142fc2ad', class: "xpl-side-nav-item__children-inner" }, h("slot", { key: '42bcc845f6b7f9085f0095f1337c2cf3f4be6698' }))))));
+            }, "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: 'd9e6ea08b992177a943eb43e64702deee74a95d8', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, h("div", { key: '7a5709e3c20d569fbc7ab1425280096dc21cb40f', class: "xpl-side-nav-item__children-inner" }, h("slot", { key: '883d0336ad81eb78b52dab740440191e57f92618' }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -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: 'c39c7044ae5ae1238df9aaf644a73b192dfd7f2b', class: "xpl-side-nav-section__title" }, this.heading ?? ''),
-            h("span", { key: 'a47fcc5b501f01d735cd2b9035063a2fa2c97a91', class: "xpl-side-nav-section__badge", hidden: !this.hasBadgeSlot }, h("slot", { key: '06785bbb8eeb928b9ee7e04198df20fcf5bd739e', name: "badge" })),
+            h("span", { key: 'c3a19938fa87b21552b5fdff800baf2ee97c186c', class: "xpl-side-nav-section__title" }, this.heading ?? ''),
+            h("span", { key: '9303238b226f336cbf0527ef91c2c5d8bce7771c', class: "xpl-side-nav-section__badge", hidden: !this.hasBadgeSlot }, h("slot", { key: '40921f618390e462b0ac69adc0206acd82b884ca', 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: '4ce2adbf830659bb0803d477386a004d47aa4335', class: {
+        return (h(Host, { key: 'fae9c5e2d179a174aae5114a21a442fa787269ad', 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: '2ccafafd7d73fc8eaf367e718e9c2681ece0e936', 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: 'c33a5478f2c226b915fddf006802312eb7de29e9', id: childrenId, class: {
                 'xpl-side-nav-section__children': true,
                 expanded: showChildren,
-            }, inert: !showChildren ? true : undefined }, h("div", { key: 'eaac1a443982eeca891d676511fe5bdb3f78db19', class: "xpl-side-nav-section__children-inner" }, h("slot", { key: '67143e298920cff3b28a6db4fd2a2ac18935b991' })))));
+            }, inert: !showChildren ? true : undefined }, h("div", { key: 'ed7de4040c1e5677ad3b74eb65fc4f6357bab3b6', class: "xpl-side-nav-section__children-inner" }, h("slot", { key: '3f8434e92bb7fcdd7c8a825481a12ef24ba1da28' })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/xpl-side-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, f as forceUpdate, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
 import { i as isBrowser } from './lifecycle-Dqb1pIRo.js';
 
 const SIDE_NAV_MOBILE_MQ = '(max-width: 767px)';
@@ -248,16 +248,20 @@ const SideNav = class {
             }
             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))
+            forceUpdate(this);
     }
     render() {
-        return (h(Host, { key: '3cb4a93f442dcbdea0acf45159022b06f35af657', class: {
+        return (h(Host, { key: '9d8ca908a77dd47e5789708ebb87e0e76ac5a22e', class: {
                 'xpl-side-nav': true,
                 'xpl-side-nav--open': this.open,
-            } }, h("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 }), h("div", { key: '99858cfceab9a2ac92b4f8a81a987b2a3e80713c', class: "xpl-side-nav__wrapper" }, h("nav", { key: 'f47e3f61c810d2186d5ba29691b34106a7ca8f3f', class: "xpl-side-nav__content", "aria-label": this.label }, h("div", { key: '57a14d8b5dd3771134f2f624ae2c781efc2e06e1', class: "xpl-side-nav__scroll-area" }, this.hasHeaderSlot && (h("div", { key: '9ab9401928d3dee69d6fb62662ee6b02fc43b149', class: "xpl-side-nav__header" }, h("slot", { key: 'f1c0014d095bb70b0008d4ded191fae0f31f4395', name: "nav-header" }))), h("div", { key: 'a68ffd32329d32c19414f0853a6c6b9a011e7d94', class: "xpl-side-nav__section" }, h("slot", { key: '897aadd37f865fbea5a2f69b87c6d491b21ca8fd', name: "section" }))), h("div", { key: 'a6ef338238ed7b8d083d0553aa7e7b35c842100b', class: "xpl-side-nav__footer" }, h("slot", { key: '332d1e28d9567a2293586ad6ab7d1955e533a7c8', name: "nav-footer" })))), h("xpl-backdrop", { key: 'd593316822b8d8974a0a94ebf6c9eda84c1d6836', class: "xpl-side-nav__backdrop", onClick: this.onBackdropClick })));
+            } }, h("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 }), h("div", { key: '4f46792c09ff5c98ae87f27bfb3050c74b847c3f', class: "xpl-side-nav__wrapper" }, h("nav", { key: '55a34c0ba7498f7ad531b519d5d9e6f6a225cfc9', class: "xpl-side-nav__content", "aria-label": this.label }, h("div", { key: '8ff330aef09d3ae1624f8752efbff3a2720e55c5', class: "xpl-side-nav__scroll-area" }, this.hasHeaderSlot && (h("div", { key: '19c0235f1b45454cbe8fd9403351cfabebc5f539', class: "xpl-side-nav__header" }, h("slot", { key: '77a3a18b401714a746c8d8f0d2457e9a949068ca', name: "nav-header" }))), h("div", { key: '8a7c00b508d238f0043dc5dfc6c141d7255967bd', class: "xpl-side-nav__section" }, h("slot", { key: 'b4b11bf6937840704cb9d40483e6b19014bd5236', name: "section" }))), h("div", { key: '766bcd4652c5c680975a3c61c4b2fe4759351a4e', class: "xpl-side-nav__footer" }, h("slot", { key: '04acabfdb7f27e8ed6b6569001493f985f344a1e', name: "nav-footer" })))), h("xpl-backdrop", { key: '9e0c074fbb705e7b665672c79ed85e62e28d2e95', class: "xpl-side-nav__backdrop", onClick: this.onBackdropClick })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -7,7 +7,7 @@ const Skeleton = class {
         this.size = 'custom';
     }
     render() {
-        return (h(Host, { key: 'd5f7861a88adeaa570b9101e0b0ffc89d22c6fe1', class: {
+        return (h(Host, { key: '4c8f4f0e0742c67f965d04aed382259cd120d922', class: {
                 'xpl-skeleton': true,
                 [`xpl-skeleton--shape-${this.shape}`]: true,
                 [`xpl-skeleton--size-${this.size}`]: true,

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

@@ -32,7 +32,7 @@ const Slideout = class {
         this.handleScroll();
     }
     render() {
-        return (h(Host, { key: '9f0e122ce05688523e4bc55fbeafb584b0bacaf9', class: "xpl-slideout" }, this.backdrop && this.isOpen && (h("xpl-backdrop", { key: '62f708a14d6e45b9bed40b0d2587186543463a25', onClick: this.handleClose })), h("aside", { key: 'cb9499d3295d6cc29f2e007d12fcd80eee2bc794', class: `slideout slideout--${!this.isOpen && 'closed'}` }, h("header", { key: 'ca191a1c3387e69d4cff95d112d1bf834693316f', class: "header" }, h("div", { key: '252035d87faac31b3706a2abd4cae0fbddaaa3e8', class: "title" }, h("slot", { key: 'a5961cfd192bb02aec2ab6a522bf656487f4083e', name: "title" }), h("xpl-button", { key: 'd58b03a81b394dc6b91f86f9db5c756929796df7', class: "close-button", "icon-only": true, size: "sm", variant: "tertiary", onClick: this.handleClose }, h("xpl-icon", { key: '4ebb45aa90f5017f0651c190909eb4759a02dfaa', icon: "xmark" }))), h("div", { key: 'f67edca86dfc31bb2d69ce00f409610f5010d9a8', class: "subtitle" }, h("slot", { key: '390190ad442a301937d9733632fd9fd15416fe6a', name: "subtitle" })), h("div", { key: '8a50eae2c57ac9c1f15643758e75f821feb9c9e5', class: "search" }, h("slot", { key: '96ae8ec7a5a630d0e51510cf64c7888241bcfd9a', name: "search" }))), h("xpl-divider", { key: '467308913b114d26438b0eea2ed64642d26286c5', tier: 0, class: "divider top" }), h("article", { key: 'b0377d229795fc7371665df458765037da1178ad', class: "content", tabIndex: 0 }, h("slot", { key: 'bf4c5ee2de34e50b605465ad9f253e54be803d6d', name: "content" })), this.showFooter && (h("footer", { key: 'edf941b295e97010fd22b7077ed15f5ca409fe5d' }, h("xpl-divider", { key: '57d7514ae797fc4e309fcc3966abfea992f6aecb', tier: 0, class: "divider bottom" }), h("div", { key: 'df72450ab64fcc163edbbf5514c88b4e17496e51', class: "footer" }, h("slot", { key: '2cbb005039f013fdcf76304c470a5dbdfca58d19', name: "tertiary" }), h("slot", { key: '97270ca76edd0d27970f6358b78e834b8140a715', name: "secondary" }), h("slot", { key: 'c742e527e1ff5878f6d0fcfeb23b2c32c409e260', name: "primary" })))))));
+        return (h(Host, { key: '0031856dad46059b22c544b17d9c3c486fad49ef', class: "xpl-slideout" }, this.backdrop && this.isOpen && (h("xpl-backdrop", { key: '476ebe60d3761a12edce8a70b79c5458a3a49b88', onClick: this.handleClose })), h("aside", { key: 'e093e4f88719d109e1b76e5843fa799adf77023a', class: `slideout slideout--${!this.isOpen && 'closed'}` }, h("header", { key: '861ce3bafb6f104cd088788e86d5dec891d34559', class: "header" }, h("div", { key: 'f4a9a82d62a118acf4847ae32f6699755103cdeb', class: "title" }, h("slot", { key: '142fabb21a5894d0e505b3555b1de49a3457f01a', name: "title" }), h("xpl-button", { key: 'b5424c903db35139aca7070a223c3e8ccad0286d', class: "close-button", "icon-only": true, size: "sm", variant: "tertiary", onClick: this.handleClose }, h("xpl-icon", { key: 'a7597b061ba78ec8877f4ca119ddfe4fb6f07057', icon: "xmark" }))), h("div", { key: 'fbd6496bcd1854cbbe584a62a27621cc6c730472', class: "subtitle" }, h("slot", { key: 'a9a059571945b74f064d1b4c6a672a7964ff20d7', name: "subtitle" })), h("div", { key: '575d405c99e6a0ded114d274832d7c9a119f8acd', class: "search" }, h("slot", { key: '6db25fde2a6decdfe2f280aae9f784b1e992d070', name: "search" }))), h("xpl-divider", { key: 'dd382afb3181fbad00b1efacd438842c23249978', tier: 0, class: "divider top" }), h("article", { key: 'a8832b326372ede5872d2004308f8dff30955e1a', class: "content", tabIndex: 0 }, h("slot", { key: 'e46c7df8ebc6caecbc82117dd7b5097377dcf163', name: "content" })), this.showFooter && (h("footer", { key: '41e237ffa63f9dfc50ca1792848f4087375edecc' }, h("xpl-divider", { key: '888ece8b783152856696cf792c1db7abedd393fa', tier: 0, class: "divider bottom" }), h("div", { key: '4ee6dcf7cb794ca32c3e0095b9d3ffdda2578870', class: "footer" }, h("slot", { key: '286ecc097c88e7b6655fb27f707cb6163e49374b', name: "tertiary" }), h("slot", { key: '9154a9de3de154cb8f228a00875d81b4c8d1899a', name: "secondary" }), h("slot", { key: 'c510b271b930b8419b8ed26e4a9ce444453f9330', name: "primary" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -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: '89c4bb26274f9cd2f317e308d58b03ee48d80ac8', "aria-labelledby": labelledBy, class: {
+        return (h(Host, { key: 'b92d723fe68be63d6438fab8ae8f93a06122c29a', "aria-labelledby": labelledBy, class: {
                 'xpl-tab-panel': true,
                 'xpl-tab-panel--selected': this.selected,
-            }, id: panelId, role: "tabpanel" }, h("slot", { key: '2d8ccc1f14e7415528bbb09fa9ed174e5cea8e00' })));
+            }, id: panelId, role: "tabpanel" }, h("slot", { key: 'e18aeb92b7082c0c2e809396570b43ac41c34f87' })));
     }
     get el() { return getElement(this); }
 };

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

@@ -0,0 +1,12 @@
+import { r as registerInstance, h, H as Host } from './index-ukZKsqqq.js';
+
+const XplTableBody = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: '5a82de617cad4d37dace81ad6a636db1e3a944df', class: "xpl-table-body", role: "rowgroup" }, h("slot", { key: 'd141e2e041789142eb69c6b3453b25523e4ecf59' })));
+    }
+};
+
+export { XplTableBody as xpl_table_body };

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

@@ -0,0 +1,16 @@
+import { r as registerInstance, h, H as Host } from './index-ukZKsqqq.js';
+
+const XplTableFooterCell = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.align = 'left';
+    }
+    render() {
+        return (h(Host, { key: '331e85728bbd31aa7cde4fe169874879518b92bd', class: {
+                'xpl-table-footer-cell': true,
+                [`xpl-table-footer-cell--align-${this.align}`]: true,
+            }, role: "gridcell" }, h("slot", { key: '29f074c9c81b9cf38bca0ef3eb92a54a408b2436' })));
+    }
+};
+
+export { XplTableFooterCell as xpl_table_footer_cell };

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

@@ -0,0 +1,12 @@
+import { r as registerInstance, h, H as Host } from './index-ukZKsqqq.js';
+
+const XplTableFooter = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: '7c0c20a91c48433b21a8a83094d614de532b317b', class: "xpl-table-footer", role: "rowgroup" }, h("slot", { key: 'aebc40fc1edc9ced7b2420303d3a38897c24939f' })));
+    }
+};
+
+export { XplTableFooter as xpl_table_footer };

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

@@ -5,7 +5,7 @@ const TableHeader = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '6a9997040f64ebc1ede766230c0310a11fd23fd5', role: "row", class: "xpl-table-header" }, h("slot", { key: 'b9359ac81366cc2a0790b2268a0a5443867bbadc' })));
+        return (h(Host, { key: '94e6c6f38fa4672ef3c728bf196946801da855d4', role: "row", class: "xpl-table-header" }, h("slot", { key: 'fa41686f082c65d27555273945f734a36c670869' })));
     }
 };
 

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

@@ -0,0 +1,18 @@
+import { r as registerInstance, h, H as Host } from './index-ukZKsqqq.js';
+
+const XplTableRow = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.disabled = false;
+        this.selected = false;
+    }
+    render() {
+        return (h(Host, { key: '506e56b764d82707482e58a0715fd342219ef7d9', class: {
+                'xpl-table-row': true,
+                'xpl-table-row--disabled': this.disabled,
+                'xpl-table-row--selected': this.selected,
+            }, role: "row" }, h("slot", { key: 'db534bcb1e92bb92441476542c0eaa920f6914e8' })));
+    }
+};
+
+export { XplTableRow as xpl_table_row };

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

@@ -149,24 +149,24 @@ const Table = class {
     }
     render() {
         const rowFooterData = this.footer !== undefined ? Array.from(this.footer) : [];
-        return (h(Host, { key: 'c1de0e2cfd09c45e3c3f3fb9d8ad47615031a42f' }, h("div", { key: 'ae6f19f8fd43c1b9f647ec901d2f01933625860d', class: "xpl-table-container", onScroll: this.onScroll, ref: (el) => {
+        return (h(Host, { key: '1e6bf436320a44e1e22e8590a881bc90c4a091d5' }, h("div", { key: '3d2e5361fbe615a6ae8ebe916ce07e00f82c444c', class: "xpl-table-container", onScroll: this.onScroll, ref: (el) => {
                 if (el)
                     this.container = el;
-            } }, h("table", { key: '0a4b2c06785a26046d95b24a22c1d5bc4abea306', class: {
+            } }, h("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 && (h("thead", { key: '9298a70476ea69fa530fb50992643f70b4266c26' }, this.columns.map((column, i) => {
+            } }, this.columns && (h("thead", { key: 'bf0d5a808624234ba985c1c32064f1dab11bfefa' }, this.columns.map((column, i) => {
             const iconType = getIconType(this.sortTypeArray?.[i]);
             const isColumnSortable = !!(this.isSortable && this.sortableColumns[i]);
             return (h("th", null, h("label", { onClick: (e) => this.handleSort(e, isColumnSortable, i, column.replace(/ /g, '-').toLowerCase()), class: isColumnSortable ? 'cursor-pointer' : '' }, this.multiselect && i === 0 && (h("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] && (h("xpl-icon", { icon: iconType, size: 16 })))));
-        }))), h("tbody", { key: 'b4bb753f41278360c8f34015a982b04771b59064' }, this.rowData.map((row, rowNum) => (h("tr", { class: this.selected && this.selected[rowNum]
+        }))), h("tbody", { key: '7915dbfbf1a9b68719c4168e09c5f0e3ab7fa35a' }, this.rowData.map((row, rowNum) => (h("tr", { class: this.selected && this.selected[rowNum]
                 ? 'xpl-table-row-selected'
                 : '' }, row.map((cell, i) => (h("td", null, this.multiselect && i === 0 ? (h("label", null, h("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}` }), h("div", { innerHTML: cell }))) : (h("div", { innerHTML: cell }))))))))), rowFooterData.length > 0 && (h("tfoot", { key: '571bb59b2a69b0b22bf45297484c2c9e01ae3a78' }, rowFooterData.map((row) => (h("tr", null, row.map((cell) => (h("td", null, h("div", { innerHTML: cell })))))))))))));
+                : `xpl-table-checkbox-${rowNum}`, "aria-label": `Select row ${rowNum + 1}` }), h("div", { innerHTML: cell }))) : (h("div", { innerHTML: cell }))))))))), rowFooterData.length > 0 && (h("tfoot", { key: '78ee72f80c77e61c6234be9500770780952ca669' }, rowFooterData.map((row) => (h("tr", null, row.map((cell) => (h("td", null, h("div", { innerHTML: cell })))))))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -324,11 +324,11 @@ const Tabs = class {
     }
     render() {
         const isSegment = this.type === 'segment';
-        return (h(Host, { key: 'a863b42f5319f956e3cd698b52c93cec54279fa5', class: {
+        return (h(Host, { key: '74e82ed3665bf7d8337d16f6253c2ae79d421473', class: {
                 'xpl-tabs': true,
                 'xpl-tabs--full-width': this.fullWidth,
                 'xpl-tabs--segment': isSegment,
-            }, "data-choices-tick": this.choicesTick }, h("xpl-select", { key: '4f8bf1edbb495e898576ca8024871d40a9df9073', classNames: this.mobileSelectClassNames(), choices: this.renderChoices(), disabled: this.disabled, selectedValues: this.selectedValue, onDropdownStateChange: (event) => {
+            }, "data-choices-tick": this.choicesTick }, h("xpl-select", { key: '8b706667897c20145cdd528b692affb0db7f7ebc', classNames: this.mobileSelectClassNames(), choices: this.renderChoices(), disabled: this.disabled, selectedValues: this.selectedValue, onDropdownStateChange: (event) => {
                 if (event.detail) {
                     this.isMobileSelectChange = true;
                 }
@@ -339,17 +339,17 @@ const Tabs = class {
                     this.tabChange.emit(selectedValue);
                     this.isMobileSelectChange = false;
                 }
-            } }), h("nav", { key: 'c1e9234eb57af90d6aeff31be11ee3c6d758477f', "aria-orientation": "horizontal", class: "xpl-tabs__headings", role: "tablist", ref: (el) => {
+            } }), h("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 && (h("div", { key: '86543a7b4edc639e4cf617953fa8f3cd4446895b', class: "xpl-tabs__active-bar", style: {
+            } }, !isSegment && (h("div", { key: 'd2d080ffc049a408f2d93f3ce3bc694c0954ece3', class: "xpl-tabs__active-bar", style: {
                 transform: `translateX(${this.activeBarPosition.left}px)`,
                 width: `${this.activeBarPosition.width}px`,
-            } })), h("slot", { key: '0e651ef5fb2413200e40fa95016b546926f012a3', name: "heading" })), h("div", { key: 'd9bd0669b7618edf56f518fe797d86da51526018', class: "xpl-tabs__panels" }, h("slot", { key: '7c9f18ab1d25351c57b7750c7dd1a528a14c26bb', name: "panel" }))));
+            } })), h("slot", { key: '8c4b1403048b0eba5125abfc22494641aaf955cf', name: "heading" })), h("div", { key: '54a04bd883f364457cdf5922cad8ac2b42eceb61', class: "xpl-tabs__panels" }, h("slot", { key: '2b51ebd00605dfbd76c6018d74f63f954016a025', name: "panel" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -69,11 +69,11 @@ const Toast = class {
         }
     }
     render() {
-        return (h(Host, { key: 'cb45af3749d6db4042cf89a296fc5215d42249fd', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, h("div", { key: '0af19edba28e74246fe9eabbdf314c71cb2eefb9', class: "xpl-toast__left" }, this.showIcon && (h("div", { key: '7684b67f9a507516799269b7c30e864ea2b854fc', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), h("div", { key: '566ce59e4617b203bb4e9a02ffc07fc422257fda', class: "xpl-toast__notification" }, h("p", { key: 'f5a449e9dc150b12f5a364d8247a3a1247325cab', class: "xpl-toast__title" }, h("slot", { key: '0062ab257b833cacde007e7ca4dfa0a38d38e88f', name: "title" })), this.caption !== '' && (h("p", { key: '824755a3cdec234965fcedc5a9c156b173dc77ad', class: "xpl-toast__caption" }, this.caption?.substring(0, 85))))), h("div", { key: '241131c2221a67a5f9969d2701ab7ed8aeb2d8cf', class: "xpl-toast__action", ref: (el) => {
+        return (h(Host, { key: '8628e33a84d0ca36d5b99c791cf7860cadae6fb8', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, h("div", { key: 'd1ea50362731f7cef97152eac2962f4d4084c514', class: "xpl-toast__left" }, this.showIcon && (h("div", { key: '7eab4f78d0f8a2f5af12eeb1d74b14c300914841', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), h("div", { key: '335be6f702b7300498d2960cb7184fe1fec059b4', class: "xpl-toast__notification" }, h("p", { key: '1178d039190352d0482ae7486711ab2adfd2cc8f', class: "xpl-toast__title" }, h("slot", { key: '75a98536db36c7a140b3d908cbd8f3d2e201ca81', name: "title" })), this.caption !== '' && (h("p", { key: '009bba836fe9abbf34edf4618dd172961e9440fa', class: "xpl-toast__caption" }, this.caption?.substring(0, 85))))), h("div", { key: '4f47e498ea0c7627d9041a7a2e898fcecff9f59c', class: "xpl-toast__action", ref: (el) => {
                 if (el) {
                     this.actionSlot = el;
                 }
-            } }, h("slot", { key: '2eda8f8f3f7e3e1a4c608d5b5433557b55d3cbf7', name: "action" })), this.isDismissible && (h("div", { key: '92440f49d0c6356f6221471381718b314a928ee2', class: "xpl-toast__close" }, h("xpl-button", { key: 'eb8e975cc5361d8a9b44f6ca8bc3f5a3163c041c', variant: "tertiary", size: "sm", iconOnly: true, icon: "xmark", type: "button", "aria-label": "Dismiss notification", onClick: this.dismiss })))));
+            } }, h("slot", { key: '6ad3199d265b1298ea8200ba53690dcc92bdbf92', name: "action" })), this.isDismissible && (h("div", { key: 'b1a1a790a592f5e4c7573c819b0c997a210bd68a', class: "xpl-toast__close" }, h("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 {

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

@@ -19,13 +19,13 @@ const Toggle = class {
         let className = 'xpl-toggle';
         if (this.variant === 'small')
             className += ' xpl-toggle--small';
-        return (h(Host, { key: '8088d36a67f046fc7c094b3e1426c8d533c2930e', class: containerClassName }, (this.heading || this.description) && (h("label", { key: '93f1f01ca1c709f77230bc4245a5a77f0f3b48df', class: {
+        return (h(Host, { key: '20b5e00613ac0f2567224d3ff2bcd7b7f761a8fc', class: containerClassName }, (this.heading || this.description) && (h("label", { key: 'a41dfe6403c629ef05792ba8dc7f0632fca9ca37', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': !!this.disabled,
-            }, htmlFor: this.id }, this.heading, this.description && (h("small", { key: '6b39f78fc5991e00d87e792a15f16c60a176a73d', class: {
+            }, htmlFor: this.id }, this.heading, this.description && (h("small", { key: 'b0e1d30a0f5b358a7f588d3f8f0bc32f440b69df', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': !!this.disabled,
-            } }, this.description)))), h("input", { key: '6d178f3d74d18172f2c25370269a7eb4399dc3aa', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, onChange: this.onChange }), this.label && h("label", { key: '2c5310d15e41aedb505a8df32c65aaafc8ffbd70', htmlFor: this.id }, this.label)));
+            } }, this.description)))), h("input", { key: 'a59406c7cccf8a43349841bb060496ce0832823f', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, onChange: this.onChange }), this.label && h("label", { key: '276ce3ec937627fd9d21f2b3771d9c779c5f91f1', htmlFor: this.id }, this.label)));
     }
 };
 

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

@@ -14,11 +14,11 @@ const Toolbar = class {
         this.selectedItemCount = event.detail.length;
     }
     render() {
-        return (h(Host, { key: '6407dc110234806b694bd78e98920c96db62b678', class: {
+        return (h(Host, { key: 'd834b3f68a399f33c02e2a7d85623d9fbe2a21e2', class: {
                 'xpl-toolbar': true,
                 dark: true,
                 hidden: this.selectedItemCount === 0,
-            } }, h("div", { key: '42c9e451f0f796bf8b3ed967699deb4824ae9d76', class: "toolbar" }, h("p", { key: 'bc5a48dfc2f431a4e88337fa792920413048e059', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: 'ff4caddf1a499b238df37b5ed62543168fe32f4e', class: "actions" }, h("slot", { key: 'dd8225846c76dd50c943a4adc0e373717dc9c5c2', name: "actions-left" }), h("slot", { key: '066999024eb8cc98be2cfec8077b2afab99e3feb', name: "actions-right" })))));
+            } }, h("div", { key: '54c4638e003685ade49f243f688e3ff5997f8759', class: "toolbar" }, h("p", { key: '92815a7d1b10582742906aefa0ee9ef81311c459', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: 'dc1b9ee686a57bd7bca45785f90586751770f556', class: "actions" }, h("slot", { key: '2cc26af5467e9ad44962bd1ac65f0b1087f86f7f', name: "actions-left" }), h("slot", { key: 'f5f46662191f52c79f81ffd1ce47a492041c10ad', name: "actions-right" })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -9,7 +9,7 @@ const Tooltip = class {
         this.hideArrow = false;
     }
     render() {
-        return (h(Host, { key: '1c9ac51c0d216a2822ec5637a02fa133c4055fe6' }, h("div", { key: '391476229ce86ce8502c7516d79a755d162c4bbb', class: "xpl-tooltip-container" }, h("slot", { key: '66e1f7420b538f6134170cb2ddfaaadb4f788783' }), h("div", { key: '017b59ec94760da135f7f4a00b042be023d7849f', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (h("div", { key: '248aa16bbc3a7945ce6cf57bc5ce832f3676cc91', class: "xpl-tooltip-arrow" }, h(TooltipArrow, { key: 'ca8a4d517630feb5833509644a335f08fa775b8b' })))))));
+        return (h(Host, { key: '834ba80f410bd7ed079b674b6f1d110235aaf826' }, h("div", { key: 'e45a7048339ce835ecabf5ef832a5ef2df6ded70', class: "xpl-tooltip-container" }, h("slot", { key: 'f56272df982aa6dc72ba2bf9776017235223de95' }), h("div", { key: 'c5b1054301d08e1b83da61b565f0116f83f395c7', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (h("div", { key: 'e6a833629cf409644969d9c4da461a2016f2986b', class: "xpl-tooltip-arrow" }, h(TooltipArrow, { key: '7a5893a25978635864ada200aea48660ca90d33c' })))))));
     }
 };
 

package/dist/esm/xpl-top-nav-item.entry.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: 'e1e7241e6b6f2d9d96c779b91b7fa1ba20e8e1f4', class: {
+        return (h(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,
@@ -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: 'ec1ed04f166670f78c205ba351911672a147d5a7', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, h("slot", { key: '01d3db348a018c43f21b24acad80e7687f8bb0e1', name: "dropdown" })))));
+            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, ...(this.hostListitemRole ? { role: 'listitem' } : {}) }, this.renderInner(), this.hasDropdown && (h("div", { key: '3ec121421a45b3e5ef00f3fe76be80c910759f02', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, h("slot", { key: '715393a7ba3474c1afc9e0aa29276335537021e5', name: "dropdown" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {