genesys-spark-components 4.231.2 → 4.232.1

package/dist/esm/gux-table-toolbar-action.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, a as getElement } from './index-D63QQ8rP.js';
+import { r as registerInstance, h, a as getElement } from './index-CW7z6RPd.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-Cf6_BoFM.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
-import { b as buildI18nForComponent } from './index-BaLo2k_8.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
+import { b as buildI18nForComponent } from './index-DV83JT5I.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const actionRefresh = "Refresh";
@@ -60,7 +60,7 @@ const GuxTableToolbarAction = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: '52622e104dd927f5b94a28ee526b331292579bc3', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '8c0c5ab36278aa808cf4e9e648e9257369a9a14f', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'ca7c0df0db7435669305eb741d45b6f2826bd09e', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '4949969c18da77fdcec098989b4c3fd98e69892c', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'eba21d2f38c2d935a837e0072ec5112e781ebf74', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '0e90683aea2efd59c88a6b665bd1cc18161fa24e', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-table-toolbar-custom-action.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-D63QQ8rP.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
 import { g as getClosestElement } from './get-closest-element-DCZG2J0G.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 
@@ -35,7 +35,7 @@ const GuxTableToolbarCustomAction = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '692d21798844586a7db7647efb3471026a5e6092' }, h("gux-button-slot", { key: 'bb99ec2da90925c7b2cb121a36492b08c47452bd', accent: this.accent }, h("button", { key: 'dcaccb82a0809f3b37f0a8106184b5be41fc86e5', id: this.buttonId, disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'c5cab2272e5b77fc1c8d1b2547e53c05b8dca2bd', name: "icon" }), h("span", { key: '4d1b4bd79b2b24a04472031d66aec3b9c26e0db8', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'c6398b6764c3f8b4ea94fc8a93a35cc6953ad4a7', name: "text" })))), this.renderTooltip()));
+        return (h(Host, { key: '7a13c48aee8db3edac1b6fe315124191ee4793e0' }, h("gux-button-slot", { key: '47d40e38335fb976c66624272b6ecb1da3ad3a50', accent: this.accent }, h("button", { key: '291915a54ea0f3eded0827f0f13e4b8a2005e51f', id: this.buttonId, disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'c7ad3b912bb3daafe30de01d950918b17cf34cbf', name: "icon" }), h("span", { key: 'e0d4c2cb4b6d3e208be5ffa4a56211106b26d438', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '69f1bec5d8a2a8a67cc341c0d5fb869ea5ee86d3', name: "text" })))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-table-toolbar-menu-button.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-D63QQ8rP.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
-import { O as OnClickOutside } from './on-click-outside-EUgJi7Nq.js';
-import { b as buildI18nForComponent } from './index-BaLo2k_8.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
+import { O as OnClickOutside } from './on-click-outside-DGKD-rDs.js';
+import { b as buildI18nForComponent } from './index-DV83JT5I.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -95,7 +95,7 @@ const GuxTableToolbarMenuButton = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '02c396bf87375c4da86d187bd0c275df7dc9a4ca', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '9271714514a1ba55e53297fbe22e5830d4f3bf09', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '29031c6a4300f836cc6dc8d320487e9f180fdb0d', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '69f4124a8880c388eb833dac9170081d01c1f959', accent: "secondary" }, h("button", { key: '8033a3865e9c74ced940c2e064df90c812de2796', id: this.buttonId, class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: 'c09a4d908e192c93fc8dd841219ab612fdca8307', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'c4ebbba1699359128a79b1cb11913555bb5906d4' }, this.i18n('additionalActions'))))), h("div", { key: '080369dc3551059768d2ad2879714b76ef72b60b', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'a03d452797b92eec28e1d387c7c8b5ab9a9469f1', ref: el => (this.listElement = el) }, h("slot", { key: 'b68435d53c29cbf056b16cabf34265ddb5eb3cc8' })))), this.renderTooltip()));
+        return (h(Host, { key: '56849c2e6378d818177e75c7c89d141a6b8f0152', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '0494e3cdd3eb11fefe6e97d023d2b329f75dd29c', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'e093920d875f1852fe476a635a096e307d6c8643', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'f591586d3efb41d3cceb965b802db1462f51aadb', accent: "secondary" }, h("button", { key: 'bbd546ab197efef0ea681fe530170d87a0fed95c', id: this.buttonId, class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: '94a90c1e15e292de0af0697af0257d6746dc5f1d', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'db4f3216eb9b095c7783986c7150ec27d666195c' }, this.i18n('additionalActions'))))), h("div", { key: '9b2373f9e7c71b18508a7e9628cc91189a47434c', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'a17de091e845575fd183bfd775ac4963a8371b98', ref: el => (this.listElement = el) }, h("slot", { key: '003caa8cb7f1cd327b4614947b284488b9acb0e7' })))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-table-toolbar.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, f as forceUpdate, d as readTask, h, H as Host, a as getElement } from './index-D63QQ8rP.js';
-import { O as OnResize } from './on-resize-BIGJ_lme.js';
-import { O as OnMutation } from './on-mutation-Buvv8P1w.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
+import { r as registerInstance, d as readTask, h, H as Host, a as getElement, f as forceUpdate } from './index-CW7z6RPd.js';
+import { O as OnResize } from './on-resize-DLnYi7-d.js';
+import { O as OnMutation } from './on-mutation-hyjKEYin.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { g as getSlot } from './get-slot-BBpQG81s.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
@@ -22,6 +22,76 @@ function setActionsIconOnlyProp(iconOnly, ...actionSets) {
         .forEach(action => (action.iconOnly = iconOnly));
 }
 
+/**
+ * Create a new slot cache instance.
+ *
+ * @returns A new SlotCache instance
+ *
+ * @example
+ * ```typescript
+ * // In your component
+ * private slotCache = createSlotCache();
+ *
+ * get mySlot(): Element | null {
+ *   return this.slotCache.get(this.root, 'my-slot');
+ * }
+ *
+ * disconnectedCallback() {
+ *   this.slotCache.clear();
+ * }
+ * ```
+ */
+function createSlotCache() {
+    const cache = new Map();
+    return {
+        get(element, slotName) {
+            if (!cache.has(slotName)) {
+                cache.set(slotName, getSlot(element, slotName));
+            }
+            return cache.get(slotName);
+        },
+        has(slotName) {
+            return cache.has(slotName);
+        },
+        set(slotName, element) {
+            cache.set(slotName, element);
+        },
+        invalidate(slotName) {
+            cache.delete(slotName);
+        },
+        clear() {
+            cache.clear();
+        },
+        size() {
+            return cache.size;
+        }
+    };
+}
+
+/**
+ * Create a debounced function.
+ *
+ * @param func - The function to debounce
+ * @param delay - The delay in milliseconds
+ * @returns A debounced function with cancel() method
+ */
+function debounce(func, delay) {
+    let timerId;
+    function debounced(...args) {
+        clearTimeout(timerId);
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
+        const context = this;
+        timerId = setTimeout(() => {
+            func.apply(context, args);
+        }, delay);
+    }
+    debounced.cancel = function () {
+        clearTimeout(timerId);
+        timerId = undefined;
+    };
+    return debounced;
+}
+
 const guxTableToolbarCss = () => `:host{display:flex;flex-direction:row;align-items:center;justify-content:space-between;inline-size:100%;max-block-size:var(--gse-ui-dataTableItems-tableToolbar-height);visibility:hidden;transition:visibility 0s 0.5s;}@keyframes show-toolbar{to{visibility:visible}}:host .search-filter-container{min-inline-size:260px;padding-inline-end:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host slot[name=search-and-filter]::slotted(*){display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-start;align-items:center}:host .section-spacing{display:flex;flex-direction:row;min-inline-size:72px}:host .gux-contextual-permanent-primary{display:flex;flex-direction:row;justify-content:space-between;padding-inline-start:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host .gux-contextual-permanent-primary slot[name=permanent-actions]::slotted(*),:host .gux-contextual-permanent-primary slot[name=contextual-actions]::slotted(*){display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-end;align-items:center}:host .gux-contextual-permanent-primary .gux-contextual-wrapper{padding-inline-end:var(--gse-ui-dataTableItems-tableToolbar-gap);border-inline-end:var(--gse-ui-dataTableItems-tableToolbar-divider-width) solid var(--gse-ui-dataTableItems-tableToolbar-dividerColor)}:host .gux-contextual-permanent-primary .gux-permanent-menu-primary-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);margin-inline-start:var(--gse-ui-dataTableItems-tableToolbar-gap)}`;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -37,17 +107,21 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxTableToolbar = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.displayedLayout = 'full';
-        this.hasContextDivider = false;
+        this.slotCache = createSlotCache();
+        this.debouncedMutationHandler = debounce(() => {
+            this.hasContextDivider = this.needsContextDivider();
+            forceUpdate(this.root);
+        }, 50);
         this.minimumSizes = {
             full: 0,
             iconOnly: 0,
             condensed: 0
         };
+        this.displayedLayout = 'full';
+        this.hasContextDivider = false;
     }
     onMutation() {
-        this.hasContextDivider = this.needsContextDivider();
-        forceUpdate(this.root);
+        this.debouncedMutationHandler();
     }
     /**
      * Record the minimum size for the current layout.
@@ -55,11 +129,15 @@ const GuxTableToolbar = class {
     recordLayoutMinSize() {
         readTask(() => {
             var _a, _b, _c;
-            const filterWidth = ((_a = this.searchAndFilterContainer) === null || _a === void 0 ? void 0 : _a.clientWidth) | 0;
-            const controlWidth = ((_b = this.actionsContainer) === null || _b === void 0 ? void 0 : _b.clientWidth) | 0;
-            const minControlSize = ((_c = this.minControlSize) === null || _c === void 0 ? void 0 : _c.clientWidth) | 0;
-            const minSize = filterWidth + controlWidth + minControlSize;
-            this.minimumSizes[this.displayedLayout] = minSize;
+            const measurements = {
+                filterWidth: ((_a = this.searchAndFilterContainer) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0,
+                controlWidth: ((_b = this.actionsContainer) === null || _b === void 0 ? void 0 : _b.clientWidth) || 0,
+                minControlSize: ((_c = this.minControlSize) === null || _c === void 0 ? void 0 : _c.clientWidth) || 0
+            };
+            this.minimumSizes[this.displayedLayout] =
+                measurements.filterWidth +
+                    measurements.controlWidth +
+                    measurements.minControlSize;
         });
     }
     get minControlSize() {
@@ -72,20 +150,25 @@ const GuxTableToolbar = class {
         return this.root.shadowRoot.querySelector('.search-filter-container');
     }
     get filterSlot() {
-        return getSlot(this.root, 'search-and-filter');
+        return this.slotCache.get(this.root, 'search-and-filter');
     }
     get menuActionSlot() {
-        return getSlot(this.root, 'menu-actions');
+        return this.slotCache.get(this.root, 'menu-actions');
     }
     get permanentSlot() {
         // If permanent actions are not located at the root, then they are assumed to be located within the menu actions.
         // Permanent actions will be located in the menu actions if the previous display layout was condensed.
-        return (getSlot(this.root, 'permanent-actions') ||
-            (this.menuActionSlot &&
-                getSlot(this.menuActionSlot, 'permanent-actions')));
+        const rootSlot = getSlot(this.root, 'permanent-actions');
+        if (rootSlot) {
+            return rootSlot;
+        }
+        const menuSlot = this.menuActionSlot;
+        return menuSlot
+            ? getSlot(menuSlot, 'permanent-actions')
+            : null;
     }
     get contextualSlot() {
-        return getSlot(this.root, 'contextual-actions');
+        return this.slotCache.get(this.root, 'contextual-actions');
     }
     get primaryAction() {
         var _a;
@@ -192,14 +275,23 @@ const GuxTableToolbar = class {
         });
         setAccent(this.menuActionsItems, 'ghost');
     }
+    disconnectedCallback() {
+        // Clean up debounced function
+        this.debouncedMutationHandler.cancel();
+        // Clear slot cache
+        this.slotCache.clear();
+    }
     /**
      * When the layout changes, also check one more time to see if further layout
      * changes are needed. This is mostly important at component start when we
      * may need to step down twice, full -> icon and icon -> condensed
      */
     componentDidUpdate() {
-        this.recordLayoutMinSize();
-        this.checkResponsiveLayout();
+        // Only recalculate if we haven't measured this layout yet
+        if (this.minimumSizes[this.displayedLayout] === 0) {
+            this.recordLayoutMinSize();
+            this.checkResponsiveLayout();
+        }
     }
     checkResponsiveLayout() {
         readTask(() => {
@@ -226,9 +318,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (h(Host, { key: 'cbec3e21b64b99f3afb7a85966531db3c192b203', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '69819fec1163d95879464a28d63fe0a2b515a7f7', class: "search-filter-container" }, h("slot", { key: 'ad18b51b1a74b2197ef4c3459a4d6ea363d5cdd8', name: "search-and-filter" })), h("div", { key: '853fab2b1d3c45857665df121c67e8aae7a11326', class: "section-spacing" }), h("div", { key: 'f3acd4196d1f36a773bd4e8b2a81c148c1fe1322', class: "gux-contextual-permanent-primary" }, h("div", { key: '603f60f2f33d93a88727b8a612da3b17b3be38fb', class: {
+        return (h(Host, { key: '732e687b001a64699b07136873a9f46e02349e8b', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '13afdba2f75da54d23838da997f3eb26a112fd36', class: "search-filter-container" }, h("slot", { key: '866c0dc904db343faa81a9dc4bf46c5790428268', name: "search-and-filter" })), h("div", { key: '8f08745891ef9cf00ddf8cd4eeb3e091b8e2f224', class: "section-spacing" }), h("div", { key: 'c91ae4cfbe159f622351e145d411cb6147f1a3a6', class: "gux-contextual-permanent-primary" }, h("div", { key: '255aa74ce5cef700bbde4c04f525dcd80f70d5c6', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'ea4d35e303889aa7c64d2130c28bc7cd43f44e37', name: "contextual-actions" })), h("div", { key: '6fa432bd4d67fb93953a24d0655dea1d45bb1785', class: "gux-permanent-menu-primary-wrapper" }, this.permanentActions.length > 0 && (h("slot", { key: '3e03b0e758a2d9ba6ea08b438482202fe0f50567', name: "permanent-actions" })), h("gux-table-toolbar-menu-button", { key: 'a146b454501b77d0ece53b039417c82bf543c684', "show-menu": this.renderMenu() }, h("slot", { key: '348d843f9e9beb9d68adbd2035e3266ba30ab23e', name: "menu-actions" })), h("slot", { key: 'd4709fac5e8260ad05660481307415851e830467', name: "primary-action" })))));
+            } }, h("slot", { key: 'd9f2a9db6e378c4604c9fafff69f3f6b5c23c49c', name: "contextual-actions" })), h("div", { key: '05bdf7f5043cdca57a77ad6fd831dd7e0dea3a5e', class: "gux-permanent-menu-primary-wrapper" }, this.permanentActions.length > 0 && (h("slot", { key: 'e77da5fb90a542b0a242afddc51227f507035b7a', name: "permanent-actions" })), h("gux-table-toolbar-menu-button", { key: '4e475de4c02cee411335c276065e7a6a2da679d0', "show-menu": this.renderMenu() }, h("slot", { key: '2a87ba5dba59f56944b1503a57352c868f879661', name: "menu-actions" })), h("slot", { key: 'bea8842d8ce6255928fd0311cf8dd17a58f92c15', name: "primary-action" })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, d as readTask, h, H as Host, a as getElement } from './index-D63QQ8rP.js';
-import { b as buildI18nForComponent } from './index-BaLo2k_8.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, d as readTask, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
+import { b as buildI18nForComponent } from './index-DV83JT5I.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { t as tableResources } from './en-BIx814vt.js';
 import './get-closest-element-Cd4R0amv.js';
 
-const guxTableCss = () => `:host{position:relative;display:flex}:host .gux-table{position:relative;flex:1;min-inline-size:0;block-size:inherit}:host .gux-table .gux-table-container{block-size:100%;overflow:auto;scrollbar-color:var(--gse-ui-dataTableItems-scrollbar-foregroundColor) transparent;scrollbar-width:thin}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;block-size:calc(100% - var(--gse-ui-dataTableItems-header-default-height));color:var(--gse-semantic-foreground-container-lowEmphasis);background:var(--gse-semantic-background-container-page-tonalSubtle);font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}:host[gs-compact] .gux-empty-table{block-size:calc(100% - var(--gse-ui-dataTableItems-header-compact-height))}`;
+const guxTableCss = () => `:host{position:relative;display:flex}:host .gux-table{position:relative;flex:1;min-inline-size:0;block-size:inherit;overflow:hidden}:host .gux-table .gux-table-container{block-size:100%;overflow:auto;scrollbar-color:var(--gse-ui-dataTableItems-scrollbar-foregroundColor) transparent;scrollbar-width:thin}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;block-size:calc(100% - var(--gse-ui-dataTableItems-header-default-height));color:var(--gse-semantic-foreground-container-lowEmphasis);background:var(--gse-semantic-background-container-page-tonalSubtle);font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}:host[gs-compact] .gux-empty-table{block-size:calc(100% - var(--gse-ui-dataTableItems-header-compact-height))}`;
 
 const COL_RESIZE_HANDLE_WIDTH = 3;
 const GuxTable = class {
@@ -287,7 +287,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (h(Host, { key: 'ad049d1be0da67b790663f82fbce99b3e0b1829f', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '2cfec04226161c7609550248aa5520743f497c90', class: "gux-table" }, h("div", { key: '4e368642bc974027323f49b2fb634bc40ddb65b9', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'eef59d7957897adf3056f663bfe8559cba7ceabc', name: "data" }), this.isTableEmpty && (h("div", { key: '660de79492e1167b93edfa45dc272597060f3026', class: "gux-empty-table", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.emptyMessage || this.i18n('emptyMessage')))))));
+        return (h(Host, { key: '8ffc2f96236fa07ba0340a90dd1e986786aba7b7', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '5a77f443cbba44611f222fd22d8449ce85764703', class: "gux-table" }, h("div", { key: 'ccba72656cd7b9d24d3bbd266a951c9aad163e94', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '7195f0eea2182beed5003b188ea159423a74f655', name: "data" }), this.isTableEmpty && (h("div", { key: 'efcd6d5fc9de1e3c09890874ebd674d835d09d51', class: "gux-empty-table", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.emptyMessage || this.i18n('emptyMessage')))))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-tabs-advanced.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-D63QQ8rP.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -43,7 +43,7 @@ const GuxTabsAdvanced = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '4e56f81311b56e6c656583899d5805d046bdbd08' }, h("slot", { key: '439ed0d9849c659482a42b06dc8b098da4c49340', name: "tab-list" }), h("slot", { key: 'fd7ec8218429d91d318d16c62ee924ec2b9e3079', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '921328b6211f0ff95eb05fb79e38ce2736811a5b' }, h("slot", { key: 'fd0ff3e35d76d7231231b1a0f802ce42d1220161', name: "tab-list" }), h("slot", { key: '8ca2c217c656915da88ded7d735ecd0c5f9ed28a', onSlotchange: this.onSlotchange.bind(this) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-D63QQ8rP.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
-import { O as OnMutation } from './on-mutation-Buvv8P1w.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
+import { O as OnMutation } from './on-mutation-hyjKEYin.js';
 
 const guxTabsCss = () => `:host(.gux-tabs-vertical){block-size:100%}:host(.gux-tabs-horizontal) .gux-tabs{flex-direction:column}:host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}`;
 
@@ -103,7 +103,7 @@ const GuxTabs = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'e28e2a84481e0304477ef034695c038e0ce86c6c', class: `gux-tabs-${this.orientation}` }, h("div", { key: 'f3128b225e97a82d5b189962bfd28dadedc6d245', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'fec47d0f9451794469967f778fe5e6021f1ec38d', name: "tab-list" }), h("div", { key: '08d87a9ed0e4f00a0013980c23e62b6a824e579f', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'd5ccf198b529d085209763214e846e870e24acd9', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '59eb055b14f62900415c5233efb5d01963963f0e', class: `gux-tabs-${this.orientation}` }, h("div", { key: '3f9df67f8f2d8d179f9f6f9d973e4b0cede1fa9f', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'fbf9b16e8ac4a8b17587ea88b4950a63f0a7cbd4', name: "tab-list" }), h("div", { key: '54b7a43938a351ad45e490df5552a75a03c73189', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'eb88502a926ea8b7d1f65b6a82b21da5037c89eb', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-tag.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-D63QQ8rP.js';
-import { b as buildI18nForComponent } from './index-BaLo2k_8.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
-import { O as OnMutation } from './on-mutation-Buvv8P1w.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CW7z6RPd.js';
+import { b as buildI18nForComponent } from './index-DV83JT5I.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
+import { O as OnMutation } from './on-mutation-hyjKEYin.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const tag = "tag with label: {label}";
@@ -81,7 +81,7 @@ const GuxTag = class {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: 'eabf5058ceb0b533ce55e24d0efe4a03fe433686', class: {
+        return (h("div", { key: '198909378cd48cbe5245c6c690df4cf4aa2b957a', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

package/dist/esm/gux-text-highlight.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, a as getElement } from './index-D63QQ8rP.js';
+import { r as registerInstance, h, a as getElement } from './index-CW7z6RPd.js';
 import { s as safeRegExpString } from './safe-regexp-string-D8NvUiBF.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 
 const conversion = /[ +]/g;
 const expressions = new Map();

package/dist/esm/gux-time-beta.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-D63QQ8rP.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
-import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-DoEFbkU_.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
+import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-CiKGbmJt.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './spark-intl-CJJbLxeY.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
-import { g as getDesiredLocale } from './index-BaLo2k_8.js';
+import { g as getDesiredLocale } from './index-DV83JT5I.js';
 import './get-closest-element-DCZG2J0G.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -44,7 +44,7 @@ const GuxTime = class {
         }
     }
     render() {
-        return (h(Host, { key: '9e5cdd480998d3727315e6ea470627cd4671482f' }, this.renderTime()));
+        return (h(Host, { key: '4b1a37f607317f5aae983dfd635351e3d4cf8cf0' }, this.renderTime()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-time-picker.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, a as getElement } from './index-D63QQ8rP.js';
-import { O as OnClickOutside } from './on-click-outside-EUgJi7Nq.js';
+import { r as registerInstance, h, a as getElement } from './index-CW7z6RPd.js';
+import { O as OnClickOutside } from './on-click-outside-DGKD-rDs.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
-import { g as getDesiredLocale, b as buildI18nForComponent } from './index-BaLo2k_8.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
+import { g as getDesiredLocale, b as buildI18nForComponent } from './index-DV83JT5I.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { a as logError } from './log-error-DxtJDeL9.js';
 import { a as determineDisplayLocale } from './spark-intl-CJJbLxeY.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
@@ -518,7 +518,7 @@ const GuxTimePicker = class {
         return (h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (h("gux-popup", { key: 'd8491d4c7a1268c0c153599e4aa123f36455a77b', class: {
+        return (h("gux-popup", { key: 'b121376f6991d7c67dc9f9f329ee093468a66085', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

package/dist/esm/gux-time-zone-beta.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-D63QQ8rP.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
-import { b as buildI18nForComponent } from './index-BaLo2k_8.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
+import { b as buildI18nForComponent } from './index-DV83JT5I.js';
 import { g as getTimeZoneList, f as formatOffset, t as translationResources } from './time-zone-RWUera2Z.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -40,7 +40,7 @@ const GuxTimeZoneBeta = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources, 'gux-time-zone-picker');
     }
     render() {
-        return (h(Host, { key: '987decc9ce3a20fd93dce95331b8915b3f7b7a0b' }, this.renderZoneDisplay()));
+        return (h(Host, { key: 'bbef4b081c083c167e9763de0dce9d6e2d2bddd9' }, this.renderZoneDisplay()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-time-zone-picker-beta.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, a as getElement } from './index-D63QQ8rP.js';
-import { b as buildI18nForComponent } from './index-BaLo2k_8.js';
+import { r as registerInstance, h, a as getElement } from './index-CW7z6RPd.js';
+import { b as buildI18nForComponent } from './index-DV83JT5I.js';
 import { t as translationResources, f as formatOffset, g as getTimeZoneList } from './time-zone-RWUera2Z.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -153,11 +153,11 @@ const GuxTimeZonePickerBeta = class {
         return (h("gux-option-group-beta", { label: this.i18n('all') }, this.renderTimeZones(this.timeZoneList)));
     }
     render() {
-        return (h("gux-dropdown", { key: 'edf934a451268c88c7f788ef46280d69b3006223', class: {
+        return (h("gux-dropdown", { key: '20dadd67d85f4eb28ff87489aec9360d54fbe11d', class: {
                 'has-defaults': !!this.workspaceDefault ||
                     !!this.localDefault ||
                     !!this.customDefault
-            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: '293d99de07ac14f42fbca1667f890781b4da48f8', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
+            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: '192c2b1b83e82075ef2ce640e4a8d2db592fac29', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-D63QQ8rP.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CW7z6RPd.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 
@@ -54,9 +54,9 @@ const GuxToast = class {
         return (h("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (h("gux-button-slot", { slot: "secondary" }, h("slot", { name: "secondary-button" }))), h("gux-button-slot", { slot: "primary" }, h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (h("div", { key: '10aa914182b0e08ce3f2a50ef25b58fd24c36591', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '845e6e9140731cb32cc6027872ddfabceeafc851', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '0018519df4a85f8b3283382fed73ce876191231e', class: "gux-content" }, h("div", { key: '3e92190542dbc5fbe1746b14953ffefd20da3648', class: "gux-message" }, h("gux-truncate", { key: '3168fa48042649aac6e4ce6d1e8b2ad6bb3a4c2d', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'f85dbced79858d812e92933068ce8e682458ac19', name: "title" })), h("gux-truncate", { key: 'e7001930b6baaaff1ac170e2eee63b6b37885245', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '1ca1e29808175a182f6696e503d3952294fa670c', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '439c58530c64c15a14ffba5283427658ed96bdc3', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '6d3a30913bbdc4b99c57325284f266d777eeebcc', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '8c13ac0cea332886390fa5d7a35ff697716fed75', class: "gux-content" }, h("div", { key: '2c1f3902eeb1cf9aa1c8a2a40dcaed90289d5a18', class: "gux-message" }, h("gux-truncate", { key: '6de7d7d7e59c678ec55d5b5d9fdf80e1180eecae', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '7625e7150299c31e27fec3efd5a2b3c284d928c9', name: "title" })), h("gux-truncate", { key: 'a37d4c5acf928beaf2c58763e286c61f86aa3f89', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'cbc20c6cb53a3964d2f51e5ef5b9096da0f6a908', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '58b06b0e6ca4956e7d7b08d889df935ddfbf46b4', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: 'b6b63f1d5efea3a2e33b4c11bc6ff469a0f8f9b9', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/esm/gux-toggle-slider.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-D63QQ8rP.js';
+import { r as registerInstance, h } from './index-CW7z6RPd.js';
 
 const guxToggleSliderCss = () => `gux-toggle-slider{display:flex;align-items:center;padding:2px;outline:none}gux-toggle-slider .gux-toggle-slider{position:relative;display:inline-block;flex:0 1 auto;align-self:auto;order:0;inline-size:var(--gse-ui-toggle-track-width);block-size:var(--gse-ui-toggle-track-height);cursor:pointer;border-radius:var(--gse-ui-toggle-track-borderRadius)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider{background-color:var(--gse-ui-toggle-track-error-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider .gux-switch{border:var(--gse-ui-toggle-handle-error-border-width) var(--gse-ui-toggle-handle-error-border-style) var(--gse-ui-toggle-handle-error-border-color)}gux-toggle-slider .gux-toggle-slider.gux-error.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-error-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-disabled{pointer-events:none;cursor:default;background-color:var(--gse-ui-toggle-track-disabled-off-backgroundColor);opacity:var(--gse-ui-toggle-disabled-opacity)}gux-toggle-slider .gux-toggle-slider:focus-visible{outline:var(--gse-ui-toggle-focus-border-width) var(--gse-ui-toggle-focus-border-style) var(--gse-ui-toggle-focus-border-color);outline-offset:var(--gse-ui-toggle-focus-offset);border-radius:var(--gse-ui-toggle-focus-borderRadius)}gux-toggle-slider .gux-toggle-slider .gux-slider{position:absolute;inset:0;background-color:var(--gse-ui-toggle-track-enabled-off-backgroundColor);border-radius:calc(var(--gse-ui-toggle-track-height) / 2);transition:background-color 0.2s ease}gux-toggle-slider .gux-toggle-slider .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch{position:absolute;inset-block-end:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);inset-inline-start:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);inline-size:calc(var(--gse-ui-toggle-handle-width) - 4px);block-size:calc(var(--gse-ui-toggle-handle-height) - 4px);color:var(--gse-ui-toggle-handle-foregroundColor);content:"";background-color:var(--gse-ui-toggle-handle-backgroundColor);border:var(--gse-ui-toggle-handle-enabled-border-width) var(--gse-ui-toggle-handle-enabled-border-style) var(--gse-ui-toggle-handle-enabled-border-color);border-radius:var(--gse-ui-toggle-handle-borderRadius);transition:0.2s}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch gux-icon{position:absolute;inset:0;inline-size:calc(var(--gse-ui-toggle-handle-width) - 6px);block-size:calc(var(--gse-ui-toggle-handle-width) - 6px);margin:auto;color:var(--gse-ui-toggle-handle-backgroundColor);transition:color 0.2s linear}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-enabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled{background-color:var(--gse-ui-toggle-track-disabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled .gux-switch{border:var(--gse-ui-toggle-handle-disabled-border-width) var(--gse-ui-toggle-handle-disabled-border-style) var(--gse-ui-toggle-handle-disabled-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover .gux-switch{border:var(--gse-ui-toggle-handle-hover-border-width) var(--gse-ui-toggle-handle-hover-border-style) var(--gse-ui-toggle-handle-hover-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch{transform:translateX(calc(var(--gse-ui-toggle-track-width) - var(--gse-ui-toggle-track-height)))}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch:dir(rtl){transform:translateX(calc(-1 * calc(var(--gse-ui-toggle-track-width) - var(--gse-ui-toggle-track-height))))}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch gux-icon{color:var(--gse-ui-toggle-handle-foregroundColor);opacity:1;transition:opacity 0.1s linear;transition-delay:0.1s}`;
 
@@ -26,12 +26,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: 'd683221e7ca3c02fed60f4a1d3ca5e9665d2ba47', class: {
+        return (h("div", { key: 'aaae16c3bae61d034e2862418b1bf4481d84dc22', class: {
                 'gux-toggle-slider': true,
                 'gux-checked': this.checked,
                 'gux-disabled': this.disabled,
                 'gux-error': isError
-            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '32384a4b9d009dbd0c5afbf3bacc7d73e7c841c9', class: "gux-slider" }, h("div", { key: 'c55f1028e545c1bb4e5feb3c6111bbf9862d715a', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'a1b098cfb7b9f4219cf367b7e70b9f7acc787b11', "icon-name": "fa/check-solid", decorative: true }))))));
+            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '8a308e2007fbc8b60975729333120ec8ea4952ee', class: "gux-slider" }, h("div", { key: '296eea5721cabcc89a1dbbf8a748288634d4e0b4', class: "gux-switch" }, !isError && (h("gux-icon", { key: '1b95c1cdc2543be93b6fd6e38b004d841ed8f98e', "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get watchers() { return {
         "guxAriaLabel": [{

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-D63QQ8rP.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { b as buildI18nForComponent } from './index-BaLo2k_8.js';
+import { b as buildI18nForComponent } from './index-DV83JT5I.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const defaultAriaLabel = "Toggle Switch";
@@ -83,11 +83,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (h(Host, { key: '38c4ad39e464b888ade171733bfcedcd51bdf4d3', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '37b9ee27f3cee85592dea51b9dd6fc416ec7c79c', class: {
+        return (h(Host, { key: '919b4da67197a29351b51af8d388247095a04a1e', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '60ef548b117e6c9b638554f0cb585586e3f4c713', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            }, "aria-disabled": this.disabled || this.loading ? 'true' : 'false' }, h("div", { key: 'f141c706e730fe63aa8ded4ad0c794dbbffec943', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '82ae023ad960581f4a0104c3c2953c2785c42a87', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '3ecf9c67ea9d2944595c01d6c27dc5bf1ba255d1', ref: el => (this.announceElement = el) })));
+            }, "aria-disabled": this.disabled || this.loading ? 'true' : 'false' }, h("div", { key: '9a96d3895c3e0785cd6607b6e1a5db273c580ef5', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'cafcdbbea6e5335d408ad02f9254422c382d93e1', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: 'b35f7ee4b53f11a5a622925dc0e80f2e44f9ce43', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-tooltip-base-beta_2.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-D63QQ8rP.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, h as hide } from './floating-ui.dom-8w8ltg_h.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import { o as overflowDetection } from './overflow-detection-CBtlRuho.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
@@ -179,11 +179,11 @@ const GuxTooltipBase = class {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '65275d46d8333cea77682c12f6634245ba7bf955', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: '3de074ba90b396ac2590f8650ba9acb66cbc0cbf', class: {
+        return (h(Host, { key: '80803271f3430023974675b1333eb4880de936e6', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: '93e013dccb4131cf9651dd9ae45ecf709b0e0daa', class: {
                 'gux-container': true,
                 [`gux-${this.contrast}`]: true,
                 [`gux-contrast-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'aba1e22cc80d44ad4671d08b92559487f66e8052', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: '8c7d5f09ffc48c511070e08bb2042db2c6cbcdbe', name: "content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {
@@ -283,7 +283,7 @@ const GuxTooltip = class {
         }
     }
     render() {
-        return (h(Host, { key: 'a0f75b7a567921956445ab860392c3f33c24615d', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'd9f447e3926b60c8966148181f58721eb539d9c0', forElement: this.forElement, placement: this.placement, accent: this.accent, contrast: this.contrast, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: 'ae03775a870117312d3436d09ba442a61cdf5490', slot: "content" }, h("slot", { key: '9223a7a6fbeb9ea0cc69f5dcd761d2991003f47c', name: "content" }, h("slot", { key: '46683c18393e90e65d345859d1fc2fbb34399a3e' }))))));
+        return (h(Host, { key: 'bca59e892747cf23f2b27684a10150a54a893fc0', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '96beec489772f2364ee145c0252920efe2041c49', forElement: this.forElement, placement: this.placement, accent: this.accent, contrast: this.contrast, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '4123f3dd9af21f4b1d115360f610a0f282acd2c8', slot: "content" }, h("slot", { key: '51e296994f6d676701d490e43dc30189f658dec0', name: "content" }, h("slot", { key: '0f3d7cc22bba68fd69086606010c5baa05f197be' }))))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {