genesys-spark-components 4.112.0 → 4.113.0

package/dist/esm/gux-rich-text-editor-list.entry.js

@@ -1,14 +1,17 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
-import { l as last, n as next, f as first, p as previous } from './gux-list.service-5da368db.js';
+import { t as trackComponent } from './usage-f19643b5.js';
+import { p as previous, n as next, f as first, l as last } from './gux-list.service-5da368db.js';
 
 const guxRichTextEditorListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
 const GuxRichTextEditorListStyle0 = guxRichTextEditorListCss;
 
 /**
- * @slot - collection of gux-rich-style-list-item elements
+ * @slot - collection of gux-rich-style-list-item or gux-rich-highlight-list-item elements.
  */
-const validFocusableItems = ['gux-rich-style-list-item'];
+const validFocusableItems = [
+    'gux-rich-style-list-item',
+    'gux-rich-highlight-list-item'
+];
 const GuxRichTextEditorList = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -27,6 +30,18 @@ const GuxRichTextEditorList = class {
         }
         return [];
     }
+    //Set the first gux-rich-highlight-list-item tab-index to 0 so we can tab to the list of colors.
+    handleHighlighItemsNavigation() {
+        if (this.listItemsSlot) {
+            const firstHighlightItem = this.listItemsSlot
+                .assignedElements()
+                .find(el => el.tagName.toLowerCase() === 'gux-rich-highlight-list-item');
+            if (firstHighlightItem) {
+                const buttonElement = firstHighlightItem.shadowRoot.querySelector('button');
+                buttonElement.tabIndex = 0;
+            }
+        }
+    }
     setListItems() {
         this.listItems = this.listItemElements;
         this.internallistitemsupdated.emit();
@@ -34,25 +49,29 @@ const GuxRichTextEditorList = class {
     async componentWillLoad() {
         trackComponent(this.root);
         this.setListItems();
+        this.handleHighlighItemsNavigation();
     }
     onKeyDown(event) {
-        switch (event.key) {
-            case 'ArrowUp':
-                event.preventDefault();
-                previous(this.root, validFocusableItems);
-                break;
-            case 'Home':
-                event.preventDefault();
-                first(this.root, validFocusableItems);
-                break;
-            case 'ArrowDown':
-                event.preventDefault();
-                next(this.root, validFocusableItems);
-                break;
-            case 'End':
-                event.preventDefault();
-                last(this.root, validFocusableItems);
-                break;
+        const target = event.target;
+        if (!target) {
+            return;
+        }
+        const keyHandlers = {
+            ArrowUp: () => previous(this.root, validFocusableItems),
+            ArrowDown: () => next(this.root, validFocusableItems),
+            Home: () => first(this.root, validFocusableItems),
+            End: () => last(this.root, validFocusableItems)
+        };
+        if (target.matches('gux-rich-highlight-list-item')) {
+            Object.assign(keyHandlers, {
+                ArrowLeft: () => previous(this.root, validFocusableItems),
+                ArrowRight: () => next(this.root, validFocusableItems)
+            });
+        }
+        const handler = keyHandlers[event.key];
+        if (handler) {
+            event.preventDefault();
+            handler();
         }
     }
     // eslint-disable-next-line @typescript-eslint/require-await
@@ -63,11 +82,8 @@ const GuxRichTextEditorList = class {
     async guxFocusLastItem() {
         last(this.root, validFocusableItems);
     }
-    renderFocusTarget() {
-        return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
-    }
     render() {
-        return (h(Host, { key: 'f60bbf326d56d09966e30e65c0214dc768d1eb92', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'd051268767b1dd2699dd853ac73b66d473f03262', onSlotchange: () => this.setListItems() })));
+        return (h(Host, { key: 'a9e2c6054a4069423aab4b7ab97812efe2a3bbd0', role: "list" }, h("slot", { key: '8559c06a39a7094a91fcf4ddf8a61769c58df922', onSlotchange: () => this.setListItems() })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-row-select.entry.js

@@ -24,9 +24,9 @@ const GuxRowSelect = class {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'b70161262f093549ef33a5eb158c714252cfed22', "label-position": "screenreader" }, h("input", { key: 'e3ec39309951847955de7c6275b03d137043740e', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: 'c534d256cb8e4a8f637b43313b13238678ddc4ab', "label-position": "screenreader" }, h("input", { key: '8e8b98b748d829dd2bd546a1e0bc4a47c202b59b', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'b87f15962a9085f96ab485f45a8cc7121e518585', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '1eef5b44455a177b76218e75ff7d485a0b7bcd29' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'a214f6f5ad4563fe306184372b575dcf6589da92', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'dbe29e2cb86d9a437357e8d292fa059d670a5a94' }, this.i18n('selectTableRow')))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-screen-reader-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 
 const guxScreenReaderCss = ":host{position:relative}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
 const GuxScreenReaderBetaStyle0 = guxScreenReaderCss;
@@ -12,7 +12,7 @@ const GuxScreenReader = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("span", { key: 'd6e9ea3346748552b842eec3d7372e4858d57600', class: "gux-sr-only" }, h("slot", { key: 'b71530227353d207a91aeb97e04d4134b40dc678' })));
+        return (h("span", { key: 'c0c226cfc59cc8dabfcf12adeb882183b579dae9', class: "gux-sr-only" }, h("slot", { key: 'f3fb06e5682aa51f889fc5b9651dc6198a1b2360' })));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-segmented-control-beta.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-feb7be20.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -38,7 +38,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (h(Host, { key: 'e3b863ec63f3ed141054510a12abc9698276cbf8', role: "group" }, h("slot", { key: 'c1455dc8f4e7d4277cb4dd224c3ab4821f6a9507', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'c57afa576033c08c059035fb3338e9a4049dc699', role: "group" }, h("slot", { key: 'ef8243fc3fef43c3e680f8772d2aeafd1f638896', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-segmented-control-item.entry.js

@@ -49,19 +49,19 @@ const GuxSegmentedControlItem = class {
         }
     }
     render() {
-        return (h("div", { key: '261316a7f87955a042558814115ae6d1cadc4e7e', class: {
+        return (h("div", { key: '4d6b0dfc7a78260ea7a18864aec9cc24a6976aef', class: {
                 'gux-container': true,
                 'gux-parent-disabled': this.hasDisabledParent(),
                 'gux-start': this.isInStartPosition(),
                 'gux-end': this.isInEndPosition()
-            } }, h("button", { key: '494f73e902ddeb6a7b12667ee2694b60a259fb85', class: {
+            } }, h("button", { key: 'a002a787ba83ce7c157849394375f278cf75a688', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("div", { key: '71ed098d70c082a741a3b329ddefe8fedfbe1563', class: {
+            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("div", { key: '29d7dafbb784a7acbb3aa430edd6df86c5b185f8', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: 'db9e2f956a947dc589b8f42e2a41dc9ba718265e', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: 'a0ec031b8d638331e30c9a3f6df5bf9525d2e36d', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-selector-card-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { g as getSlottedInput, b as setSlotAriaDescribedby, v as validateFormIds } from './gux-form-field.service-986d3f3f.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
@@ -50,11 +50,11 @@ const GuxSelectorCard = class {
         }
     }
     render() {
-        return (h("div", { key: '7c112a83ce91acd72642236e8c5df9245093342d', class: {
+        return (h("div", { key: 'b28ce59bdb9d5150a30f8df1a211b46ee9848a2e', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '69319f5cfd116658933e3ee79588dcec424d9b80', class: "gux-content" }, h("div", { key: '06c02cbb0f7776b5a38c12908c8580b0247a367c', class: "gux-icon" }, h("slot", { key: '554753afc15103a7d0851212e857c98d02863e58', name: "icon" })), h("div", { key: '07ca6c7d3b3ed89bc46cb11e8d02ee4d2e910822', class: "gux-label-container" }, h("slot", { key: 'a1243a3ab078ad5f47de654b12c0ddbaae8fbe6c', name: "label" })), h("slot", { key: '9a0892f589441ea448cb638c1563660837704a0d', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, h("div", { key: 'f14e0a4f22356a2a5b1cbfca9f7d249f5a8b5011', class: "gux-content" }, h("div", { key: '6fc4a7a04e1c53033d0902014e56a50b2a7cc1ad', class: "gux-icon" }, h("slot", { key: '1c1551e4058b56057a54816bb1a5377335540e7e', name: "icon" })), h("div", { key: '00277bd34a649eff6331404cd65c8715c3ad2407', class: "gux-label-container" }, h("slot", { key: '8fb89b7d2dfdb37574316cf31605aa2199b70b09', name: "label" })), h("slot", { key: 'd6bc13694aba6883ed8e3240c9c917d5a0a0be4d', name: "input" }), this.renderDescription(), this.renderBadge())));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-selector-cards-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 const GuxSelectorCardsBetaStyle0 = guxSelectorCardsCss;
@@ -12,7 +12,7 @@ const GuxSelectorCards = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'cb736ddeee5adc41842e4299cdd2191af9c6df70', class: "gux-selector-cards" }, h("slot", { key: '15a16a1506809169aba8e8ff22508923ed63e048' })));
+        return (h("div", { key: '69e50b437e17b14b8e0fd5dbd3d3c3167bdb9b70', class: "gux-selector-cards" }, h("slot", { key: 'c8719a29b42c4241f72f67f45ae4c30605976ae4' })));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-side-panel-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
 const guxSidePanelCss = ":host{display:block;inline-size:fit-content;block-size:100%}:host([size=large]){max-inline-size:50%}.gux-side-panel{position:relative;display:flex;flex-direction:column;inline-size:calc(100vw - var(--gse-ui-sidePanel-shoud-minWidth));block-size:inherit;background-color:var(--gse-ui-sidePanel-backgroundColor);box-shadow:var(--gse-ui-sidePanel-boxShadow-offsetX) var(--gse-ui-sidePanel-boxShadow-offsetY) var(--gse-ui-sidePanel-boxShadow-blur) var(--gse-ui-sidePanel-boxShadow-spread) var(--gse-ui-sidePanel-boxShadow-color)}.gux-side-panel.gux-side-panel-small{max-inline-size:var(--gse-ui-sidePanel-widthSize-sm)}.gux-side-panel.gux-side-panel-medium{max-inline-size:var(--gse-ui-sidePanel-widthSize-md)}.gux-side-panel.gux-side-panel-large{max-inline-size:var(--gse-ui-sidePanel-widthSize-lg)}.gux-side-panel>header{position:relative;padding:var(--gse-ui-sidePanel-header-padding);border-block-end:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel>header gux-dismiss-button{position:absolute;inset-block-start:calc(var(--gse-ui-sidePanel-header-dismiss-padding) - var(--gse-ui-modal-dismissButton-paddingTop));inset-inline-end:calc(var(--gse-ui-modal-dismissButton-paddingRight) - var(--gse-ui-sidePanel-header-dismiss-padding));display:block}.gux-side-panel .gux-side-panel-description{margin:var(--gse-ui-sidePanel-description-padding) !important}.gux-side-panel .gux-side-panel-content{display:flex;flex:1 1 100%;padding:var(--gse-ui-sidePanel-body-padding);overflow-y:auto;font-family:var(--gse-ui-sidePanel-description-text-fontFamily);font-size:var(--gse-ui-sidePanel-description-text-fontSize);font-weight:var(--gse-ui-sidePanel-description-text-fontWeight);line-height:var(--gse-ui-sidePanel-description-text-lineHeight);color:var(--gse-ui-sidePanel-descriptionColor)}.gux-side-panel>footer{flex:0 0 auto;padding:var(--gse-ui-sidePanel-footer-padding);border-block-start:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel-description ::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
@@ -24,10 +24,10 @@ const GuxSidePanel = class {
         return null;
     }
     render() {
-        return (h("div", { key: 'fe15fc9684a90b4c4f4b79b72ece6e8e2ab84fcc', class: {
+        return (h("div", { key: '57b407cfe2e84ea6b951e141aebbf530f612e9bf', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, h("header", { key: 'f2553f09a7fca68c18f777b4d5082785a694b842' }, h("gux-dismiss-button", { key: '7fa2d7e44a1b3bc4542b70d2d9d3d1aa7043edbc', position: "inherit", onClick: this.onDismissHandler.bind(this) }), h("slot", { key: '74b3408d9172e89d5d2ba85a3f23ce3fe2f2326d', name: "heading" })), this.renderDescription(), h("div", { key: '4a0091296ceb436228d3a593724546a019081809', class: "gux-side-panel-content" }, h("slot", { key: '7b3cd27f12bf98de4577975aa694dc281d209aa8', name: "content" })), h("footer", { key: '3be53e263307674af5d377ac0e4527e7e7df3fd1' }, h("slot", { key: 'cf348aa5ca03675861f8067cb1bb007fe9f3888c', name: "footer" }))));
+            } }, h("header", { key: 'd3fcabb1691d927364ccb34d37fd1be467511893' }, h("gux-dismiss-button", { key: '353bb0e5806f0528ca0f67ab3e9d9b864039a61e', position: "inherit", onClick: this.onDismissHandler.bind(this) }), h("slot", { key: 'ab3775392ab44d8ca086d2bdfd2b0d966f6f3628', name: "heading" })), this.renderDescription(), h("div", { key: '50fcbb0c2ba3e786eb378567eb7d81d4f1abacc6', class: "gux-side-panel-content" }, h("slot", { key: 'e74c5df75f1a338a9b677152c4a043c0feaa6a95', name: "content" })), h("footer", { key: '0be81160f37eac32e60a311f1702a853ea1c97bd' }, h("slot", { key: '6e848313a8c01e537eda3726f47ec4c0d5ff5aa1', name: "footer" }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-side-panel-heading.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 
 const guxSidePanelHeadingCss = ":host{display:block}h1,h2,h3,h4,h5,h6{display:flex;flex:0 0 auto;gap:var(--gse-ui-sidePanel-header-iconGap);align-items:center;inline-size:100%;padding:0;margin:0;font-family:var(--gse-ui-sidePanel-heading-text-fontFamily);font-size:var(--gse-ui-sidePanel-heading-text-fontSize);font-weight:var(--gse-ui-sidePanel-heading-text-fontWeight);line-height:var(--gse-ui-sidePanel-heading-text-lineHeight);color:var(--gse-ui-sidePanel-headerColor)}";
 const GuxSidePanelHeadingStyle0 = guxSidePanelHeadingCss;
@@ -15,7 +15,7 @@ const GuxSidePanelHeading = class {
         this.headingTag = `h${this.level}`;
     }
     render() {
-        return (h(this.headingTag, { key: '11afaac2e2d86375ca5fd349e07254c6f707a324' }, this.iconName && (h("gux-icon", { key: 'e78843ec51b91f7d76e55c442cf5241f31b68a0e', decorative: true, size: "medium", "icon-name": this.iconName })), h("gux-truncate", { key: '8a1b1c2d5c2681670049b3063fb3ced12aafaf6a' }, h("slot", { key: 'cba8f4d6944945444a5a8ac4633fde70d2ebdc99' }))));
+        return (h(this.headingTag, { key: '47d23d1a3be238352e2ae4ff212f64dd60b6feb3' }, this.iconName && (h("gux-icon", { key: '4b642ba678b527d3b5484ff42bc637f013a69d85', decorative: true, size: "medium", "icon-name": this.iconName })), h("gux-truncate", { key: 'e33010961d0b994342eba916d1127b78d2b53d4f' }, h("slot", { key: '8ad7d7fee07aa2853719b0077962280c364c13d1' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 const GuxSimpleToastLegacyStyle0 = guxSimpleToastCss;
@@ -14,7 +14,7 @@ const GuxSimpleToast = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '7281e807502a73f3e4cabaed4d3300e86d5243fa' }, h("div", { key: '0c2c815e815546de6f31099f2936429eb950869e', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '42ed2b55cb7bbb84ab11e29b28a226a58e3a1c56', name: "icon" })), h("gux-truncate", { key: 'a4a4921005124f982d0bc411ec21b2f1aa1e8d91', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'b5cbfe22c5cb3efd01b23572458130c50c2a769e', name: "message" })), h("gux-dismiss-button", { key: 'd28e17276a23d79bb1e5011fd6b44a418947e956', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'cd12b491d684eb81457698877ce95c28b38c0e7d' }, h("div", { key: '38c6178c912e8ba8e6ba2f0e568ff7839ae39bcf', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '2d9a870749e1d07dfb4e6046c6016b40aa4e0e53', name: "icon" })), h("gux-truncate", { key: '55dc46c17c39f744fadee4239d7d2c85a8f0d23a', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'f2bf7698cc8ee194826b73054a3afde88b1c1cd8', name: "message" })), h("gux-dismiss-button", { key: 'c98371ac3aacfa923f2b5a5e4c07f548835d32bc', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/esm/gux-skip-navigation-item.entry.js

@@ -8,7 +8,7 @@ const GuxSkipNavigationItem = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '1912d21df9e2afe41a33b1b6fb103449d59965a1', role: "listitem" }, h("slot", { key: '77348b37a47b34dee7dc81de349aca9eafb1ac33' })));
+        return (h(Host, { key: '3c8aaad2cd2a56c2ed713309682158614b50303d', role: "listitem" }, h("slot", { key: '23ffd6b3a9df82ee4670b526ec533fe37008f323' })));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/esm/gux-skip-navigation-list.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-feb7be20.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import './get-closest-element-728b9f18.js';
 
 const navigationName = "Skip links navigation";
@@ -20,7 +20,7 @@ const GuxSkipNavigationList = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '5777bb9f5132da330f41d91182a6a0ff8c1805b0', class: "gux-container" }, h("nav", { key: '3df5dcd2f086460ada400406351949c758f3c4a3', "aria-label": this.i18n('navigationName') }, h("ul", { key: '07b41a02aa3faa421b1c65629a8035ecacf7fa63', role: "list" }, h("slot", { key: '27abd28938500c62fca0f2c5885c84fcd73407fb' })))));
+        return (h("div", { key: 'bb91becef173b8b90e74d2dce5caf373e4667ef0', class: "gux-container" }, h("nav", { key: '8d5b6b733d8ae57ff396cc38c3dd84d734a763f6', "aria-label": this.i18n('navigationName') }, h("ul", { key: '33842a24ff4b5dfd565a30f9ae96b1c6a31fd084', role: "list" }, h("slot", { key: '086607b5104eab954331811ab1d1a7ebb2ca889d' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-sort-control.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-feb7be20.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';
 import { o as onMutation } from './on-mutation-a222fe93.js';
 import { t as tableResources } from './en-1f9d79e6.js';
@@ -104,13 +104,13 @@ const GuxSortControl = class {
         }
     }
     render() {
-        return (h("div", { key: '46a83b98fca68c01dc9ceeefa39de6010ef01f6f', class: "gux-container" }, h("button", { key: '486bf38c577bddfadaef697394e2799f87c80be1', class: {
+        return (h("div", { key: '41618b0fa200ec41e575e4215c8c9ff4b93f52a7', class: "gux-container" }, h("button", { key: '08cb53e567347837a35d6f2455d8ac9708e5d289', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'c7951b59fb4740330e71ae1325662ed8367a23fb', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '9e03046b50443c4bf51228e753119db87fda9648', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '16ef9bc423397832fe1c1cd1e7b283f947b2352a', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '2e88fea67e3e121b792fa7a9acc254d13749d77a', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -142,13 +142,13 @@ const GuxSubmenu = class {
         }
     }
     render() {
-        return (h(Host, { key: '37554bdbd5cda270ee692781c16d9cf4e88eee5f' }, h("button", { key: '6ff5813ccf2954164223f91b5dd9751278e45ac7', type: "button", class: {
+        return (h(Host, { key: '73451d05dd8ab24de76795663c9406f1be70b9ea' }, h("button", { key: '043ad200c28c4fa9f476488e3789e43859af5f0c', type: "button", class: {
                 'gux-submenu-button': true,
                 'gux-submenu-button-active': this.isShown
-            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '8dbb3254bb9f4af7ed4b44a807b442bc49fbcc6a', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'c155723afcd5a52c3917f7d2eb1f7a3e0d7c46c9', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'ac66eb504c60a7745f66ea65926378c4fb75e030', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '4f8522dde576ae710c435b2bba48e2849719c23e', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '1a71c1fea4aaa8f08a4f091e6ae6d71f0b6b7c2c', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '7269a1ff721903054b32e754f60b68541a864e50', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'e019e00a09313a5da7eb74199e1f471d4a2e95b0', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '079239f688e2a4cfd15382b76fab089361fddce0' })))));
+            } }, h("div", { key: '1961d7534de93f3f9a13df268da591cc19debd07', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'dbdf8e962df400f3a8aaddd46cffde5d92675db4' })))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-switch-item.entry.js

@@ -16,7 +16,7 @@ const GuxSwitchItem = class {
         }
     }
     render() {
-        return (h(Host, { key: 'c1d1e3dba23cbd8e909d3e6a224c26bf968b2236', class: { 'gux-selected': this.selected } }, h("button", { key: 'c36e6fd1fdb59c62be6c99d31bfddd7827b23439', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'baf9f3bf51df4214aa809739a7a93e7d31544f37' }))));
+        return (h(Host, { key: '2ed33e7c7c9bc10a95fe58ddac40aa92d3baf6fc', class: { 'gux-selected': this.selected } }, h("button", { key: '18dd54fc6020bc33af1fdb3291ed467ce24c337c', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'ed50cc2aed32e97a7340496f303493967f03708b' }))));
     }
 };
 GuxSwitchItem.style = GuxSwitchItemStyle0;

package/dist/esm/gux-switch-legacy.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-feb7be20.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;
@@ -33,7 +33,7 @@ const GuxSwitch = class {
         });
     }
     render() {
-        return (h(Host, { key: '5793de8a92c7b9024eba2ffe2ebf04d348dc2bd5', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '791850207d34628aeeb28df51e8288c2997d1bec', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '2a5f7a42ae51622f621083945722d55b21c61c95', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'ad155fd665ccca61c80cf77cd5da7e5ab45f899b', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-tab-advanced-list.entry.js

@@ -3087,7 +3087,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: '791bc59f2f7f61d700fcace8826fd2d314df595f', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '21104e2f4091950985f4b5d78a34dc7b9904fef9', class: "gux-scrollable-section" }, h("div", { key: '91b7d3091d10d34983d2fc85ab43015c3a3bd73a', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '3d79a8d8c667cbee0d0684e2cf30a72bbdcdc633' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: '3141c7d26950d26eccfd136d7aee263963f0ef14', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'f5d4ef90168f0e44933ca388d6f49e120cabf26a', class: "gux-scrollable-section" }, h("div", { key: 'dcffc6d1f7336e040a7ad612789627f4556eadc0', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '4b705d1ce564196a4feaf2698b057acab03b9f8a' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {

package/dist/esm/gux-tab-advanced-panel.entry.js

@@ -20,7 +20,7 @@ const GuxTabAdvancedPanel = class {
         }
     }
     render() {
-        return (h("div", { key: 'ee73f5339033c75ff1e3713911d8feca6d8503c9', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: '23164fb72bbd2e7f28fb2e638f9c39c1f963994a' })));
+        return (h("div", { key: 'dd60d64de9b8c2a878ce7f184178f0db9bc26f8b', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: 'c75ec6be40fccc1bbb4f8fd3ce9bf49e002b8d94' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -155,12 +155,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            h("div", { key: '3905bc31a425b05a52b185f292a8ff85a1c88190', class: {
+            h("div", { key: '0e343cc92069df18ddce7fe8a09ac777a2720a6d', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '4cd7de5a927b72ed747e1a7228f3e4aef67624e1', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '9987aafc82f4e49830c8bf05407eb6c59914af02', class: "gux-divider" }))
+                } }, h("div", { key: 'ffadffc758858a51d2cd1b2c0c76192b51e9669e', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '17a463fb81b36408c98fc8d8360a01001a35e39b', class: "gux-divider" }))
         ];
     }
     get root() { return getElement(this); }

package/dist/esm/gux-tab-list.entry.js

@@ -279,9 +279,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (h("div", { key: 'a4304463518dd6806364a892b6d97275960a62b6', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: 'ecab317da926fe598cbd45656a66d47a8025d82c', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '6db31968ab06415f2171ee098c49714003ad0a8f', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '9c36f6e3f3f8e7668090eca21227bf6700f29b4f' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '30558d63099364be9df4f07277cdc0cf1be119f8', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'd3cff0548fa8d528e2ede57d7d339aff47a535e2' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -20,7 +20,7 @@ const GuxTabPanel = class {
         }
     }
     render() {
-        return (h(Host, { key: '8a50b73c31c7e01a83f371ce21d42d999e6ec472', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '819cdd549c11cd5c6b87b048c0ea379ef24bb5b9' })));
+        return (h(Host, { key: 'b8720f9f1622ff96097b0ed50312b81e050ab0ed', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'ddce6c3dcd36a2cbaacf3b7ac4e7eb80bb5730c8' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -37,11 +37,11 @@ const GuxTab = class {
         return this.active;
     }
     render() {
-        return (h("button", { key: 'c6874a4e782d165e40710eb168ff5806c18bec66', class: {
+        return (h("button", { key: '81aaf05b57a9a2bde5991c8f845827b4b87b0e9e', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '667270bb29f181d1dc10e34db7ba3f21d6b58d1d', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '2c1928583d04eaf9777b71d32fc8b4bebc75e69e' }, h("slot", { key: '74985988879d6dee2f8556c6677f754b3d913fe5' })))));
+            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '1012e2b33e4f4caa0260f6b68fc031e68a51b477', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '809a1765c460617febc9f0e4de12251eeed151c3' }, h("slot", { key: '689c0d0eaaf148347aae728d347652e8720fa5d6' })))));
     }
 };
 GuxTab.style = GuxTabStyle0;

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

@@ -73,7 +73,7 @@ const GuxTableSelectMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: '12d2877e9fd20d5af5e823f2ab862cb501c57d04' }, h("slot", { key: '37b79b1f1bcc418a899563d019bf6d8be740bf11' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '73b5198115fd80b2944ca0ff6a0080a28e4f764e' }, h("slot", { key: 'dd8dc38be1c9e57e015f1b461a88b6aaef258822' }), this.renderSelectDropdown()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-feb7be20.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
 import './get-closest-element-728b9f18.js';
 
@@ -62,7 +62,7 @@ const GuxTableToolbarAction = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: 'e02a92967261c93af0a068d7844ed0e44e139b2e', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'c2bb256740c9041ce924aae5afa5f3eb765f0075', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '4bc5300fc65c241397f9fbf87fbbf6d09a86b5f4', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '63d13660c77823cdd190cb3baf51d38768e94e0c', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '18f8a6518dc7c999e068fc7bc983654807a7b222', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'bcb1194f316bd0fc6b53b25bab5d445edab61b6e', 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, g as getElement } from './index-feb7be20.js';
 import { g as getClosestElement } from './get-closest-element-7b2f7d5b.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none;user-select:none}.gux-sr-only{display:flex}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";
@@ -33,7 +33,7 @@ const GuxTableToolbarCustomAction = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: 'e5df20ae01ebfa1305389bb22e911d1f3a94e22c', accent: this.accent }, h("button", { key: '86e8fd688291cb2fb8c0086d572d580b4e90d785', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '17fab1bf41392e06f5f823f0940e9b9abe6b7866', name: "icon" }), h("span", { key: 'dbaeefa561d40026b1b8e76ef674e6936809fd03', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '16617ef76522438fefc8af3503fa8bf61e3101e5', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '0370f4140845c37f3759808e24e6a66351a62b97', accent: this.accent }, h("button", { key: '1d1bc1c2249473e867b5aad999054a52f76036dd', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '98179ffbcf60a18da4b81d0b0752fd2fc0dcac4c', name: "icon" }), h("span", { key: 'd535b7d9d403cba0dcd81f137c598a1ca946da96', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '4e8fe8b1cc215d77e91c5cb3d0826bab64aba173', 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,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { O as OnClickOutside } from './on-click-outside-4688e1f9.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
@@ -94,7 +94,7 @@ const GuxTableToolbarMenuButton = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'b1fc2bf1fcbd6623df0fe4d23869b88277bc6194', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'ad933b70701524f43ed3b23c10c3a4fd559522ff', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '187fa20b555ccedea44a1f1167d61c3cf6c41662', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'ae1cd5902847d1d760532addd4a5a7aeaae96425', accent: "secondary" }, h("button", { key: '783aa526c7d67eec19c081f8bd3ca01a05424c0d', 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: '9182cbe2625022b62a88b1b6f9dbf6a5a9f78d65', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '4ccf09160eebfe8d6e719c86ffb8c33fb2a0eb0a', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'df984bced83529d7b4517c16a3005051710ef66f', ref: el => (this.listElement = el) }, h("slot", { key: '38438e7870b41520809ae08f5de1d571c0f2a30c' }))))));
+        return (h(Host, { key: '6f0394684131bbeefce6e15e39e7936b32ad6a18', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '11901ff9de2cfde3f09cd4847116e161f5866635', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'eddeb35e5886d0d0cb6d3766ee8e22c6fad25015', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '86b9934c898ae09a23887c702d7ef22d76f0cb8a', accent: "secondary" }, h("button", { key: '4b7f83ffb5c32140892c1224a118f37c1504877c', 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: '36260d4bb9f8d90ddfb834fd65a4bbe00cd798be', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '82fdf481d9a5e4a1030476517f9c2b3c3305a874', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '210ca24ff174e62a36f7995372e72f30489fb08e', ref: el => (this.listElement = el) }, h("slot", { key: '0acfabac63ab627371f813e1a39278d14f8244e9' }))))));
     }
     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, g as getElement } from './index-feb7be20.js';
 import { O as OnResize } from './on-resize-324dd7f4.js';
 import { O as OnMutation } from './on-mutation-0160ea8e.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { g as getSlot } from './get-slot-c26d3ab0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 
@@ -208,9 +208,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (h(Host, { key: 'f711bb7188c58d985c21b868ff4a81839c95b860', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '046900086d8fa83ba7d8ddf46cb789c8a3aa5808', class: "search-filter-container" }, h("slot", { key: 'fa39d1a8fe5f9cfcb3bb315ee2e5ae8c25b7f97f', name: "search-and-filter" })), h("div", { key: '91f734fa9dbf235fe84648eff836675a333ef1b9', class: "section-spacing" }), h("div", { key: 'c12594915b7db911f3a51b53e3d61d0b04eb17e3', class: "gux-contextual-permanent-primary" }, h("div", { key: 'bafa91927c3ee8b5ae39a1ca579542778d906572', class: {
+        return (h(Host, { key: 'ea0bc4fe81cb4a6ed0f56fc546a3b7656dd2457e', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'bbda9f79ec745ea78b438923f8a801c66c3daaaf', class: "search-filter-container" }, h("slot", { key: '2df104d5dedd04d619aa766af814855d171f7676', name: "search-and-filter" })), h("div", { key: '9b4c04e2630c4600322f6f86828baff9847576fd', class: "section-spacing" }), h("div", { key: '95127306fb6aef84bf09486e8d580d1342f53ee5', class: "gux-contextual-permanent-primary" }, h("div", { key: 'a8c3a02d65a765e24eaf63c845201a73d76acc6d', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'f335b1c293f2a653b07c4dd9775149297fb075ef', name: "contextual-actions" })), h("div", { key: 'd94f07c4413d90894ecb166b11db1c7338aa3c1a', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '6b8a11b714dd4884a72bb35e099ac8957bb3f457', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'fa22c6813d9ac11b7266ac6a03da86a5fce9123a', "show-menu": this.renderMenu() }, h("slot", { key: 'fae8035eaa736297f7ec277710a35a888ee556c0', name: "menu-actions" })), h("slot", { key: 'a5d8de79c78a9fc8a03fefebdde803e64faf718d', name: "primary-action" })))));
+            } }, h("slot", { key: '2e47f912db83986c6a975fee3d0ab47610aa83a3', name: "contextual-actions" })), h("div", { key: 'f15a0507775411f5f77b6a0c9063f627389c7ca6', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'c463a5230c5da5837b4f9459dc3d1a566a03c771', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'b5063d27528c0b219877532fed76bc43b707bbb9', "show-menu": this.renderMenu() }, h("slot", { key: '927edef146aeae131e387a82428e7fd14dd11efc', name: "menu-actions" })), h("slot", { key: '03b673f9fabf53b638ea3ba4078809a57da1b379', name: "primary-action" })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, f as forceUpdate, d as readTas
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-728b9f18.js';
 
@@ -277,7 +277,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (h(Host, { key: 'f2595a3fa21a3de38d499cb2d9cf7b237ca25a46', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '5d27dddb1e69f0e9bf031172ba5ab155208e6e7b', class: "gux-table" }, h("div", { key: '99ecb38f51635c681e3938557ab1bd0869b42da5', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'cf76647ebc7741ccfdcbe4d37bd5682bbedb6b32', name: "data" })), this.isTableEmpty && (h("div", { key: 'ef97be144392a5d9623ca1c0410f6443e240533d', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '8f72ea308b8ed67c59f0e65e540340c5b90be311', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '0ce50919915d56992cf7caabe8c6204a06ee487f', class: "gux-table" }, h("div", { key: '88e59d8c22f82957bf6327907f59a89cbe271632', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'e9d103ba4664ecd686db44c6a411ca20d42c966e', name: "data" })), this.isTableEmpty && (h("div", { key: 'c6d17820ec7b82465367cc685b474857815aff76', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     get root() { return getElement(this); }
 };