genesys-spark-components 4.94.0 → 4.96.0

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

@@ -0,0 +1,98 @@
+import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
+import { b as buildI18nForComponent } from './index-44765751.js';
+import { g as getClosestElement } from './get-closest-element-7b2f7d5b.js';
+import './get-closest-element-728b9f18.js';
+
+const bold = "Bold";
+const italic = "Italic";
+const underline = "Underline";
+const strike = "Strike";
+const codeblock = "Code Block";
+const blockQuote = "Block Quote";
+const orderedList = "Ordered List";
+const bulletedList = "Bulleted List";
+const clearFormatting = "Clear Formatting";
+const undo = "Undo";
+const redo = "Redo";
+const translationResources = {
+	bold: bold,
+	italic: italic,
+	underline: underline,
+	strike: strike,
+	codeblock: codeblock,
+	blockQuote: blockQuote,
+	orderedList: orderedList,
+	bulletedList: bulletedList,
+	clearFormatting: clearFormatting,
+	undo: undo,
+	redo: redo,
+	"delete": "Delete"
+};
+
+function calculateDisabledState(root) {
+    const getParent = getClosestElement(root, 'gux-rich-text-editor-beta');
+    return !!((getParent === null || getParent === void 0 ? void 0 : getParent.disabled) || (root === null || root === void 0 ? void 0 : root.hasAttribute('disabled')));
+}
+function returnActionTypeIcon(action) {
+    switch (action) {
+        case 'bold':
+            return 'fa/bold-regular';
+        case 'italic':
+            return 'fa/italic-regular';
+        case 'underline':
+            return 'fa/underline-regular';
+        case 'strike':
+            return 'fa/strikethrough-regular';
+        case 'codeblock':
+            return 'fa/code-regular';
+        case 'blockQuote':
+            return 'fa/quote-right-regular';
+        case 'orderedList':
+            return 'fa/list-ol-regular';
+        case 'bulletedList':
+            return 'fa/list-ul-regular';
+        case 'clearFormatting':
+            return 'fa/eraser-regular';
+        case 'undo':
+            return 'custom/undo-regular';
+        case 'redo':
+            return 'custom/redo-regular';
+        case 'delete':
+            return 'fa/trash-regular';
+        default:
+            return 'fa/bold-regular';
+    }
+}
+
+const guxRichTextEditorActionCss = ":host{display:block}gux-button-slot{inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height)}gux-button-slot button.gux-is-active{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}gux-button-slot gux-icon{inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}";
+const GuxRichTextEditorActionStyle0 = guxRichTextEditorActionCss;
+
+const GuxRichTextEditorAction = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.action = undefined;
+        this.disabled = false;
+        this.isActive = false;
+    }
+    async componentWillLoad() {
+        trackComponent(this.root, { variant: this.action });
+        this.i18n = await buildI18nForComponent(this.root, translationResources);
+        this.disabled = calculateDisabledState(this.root);
+    }
+    renderTooltip() {
+        if (!this.disabled) {
+            return (h("gux-tooltip-beta", null, h("div", { slot: "content" }, this.i18n(this.action))));
+        }
+    }
+    renderActionButton() {
+        return (h("gux-button-slot", { accent: "ghost", "icon-only": true }, h("button", { type: "button", disabled: this.disabled, class: { 'gux-is-active': this.isActive }, "aria-pressed": this.isActive.toString() }, h("gux-icon", { "icon-name": returnActionTypeIcon(this.action), "screenreader-text": this.i18n(this.action) })), this.renderTooltip()));
+    }
+    render() {
+        return this.renderActionButton();
+    }
+    get root() { return getElement(this); }
+};
+GuxRichTextEditorAction.style = GuxRichTextEditorActionStyle0;
+
+export { GuxRichTextEditorAction as gux_rich_text_editor_action };

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

@@ -0,0 +1,43 @@
+import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
+import { h as hasSlot } from './has-slot-f24a46a6.js';
+
+const guxRichTextEditorCss = ":host{display:block}.gux-rich-text-editor-container{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--gse-ui-rte-innerContainer-gap);inline-size:fit-content;max-inline-size:100%;padding:var(--gse-ui-rte-padding);overflow:auto;background-color:var(--gse-ui-formControl-input-backgroundColor);border:var(--gse-ui-rte-mainContainer-default-border-width) var(--gse-ui-rte-mainContainer-default-border-color) var(--gse-ui-rte-mainContainer-default-border-style);border-radius:var(--gse-ui-rte-container-borderRadius)}.gux-rich-text-editor-container .gux-rich-text-editor-toolbar-container{display:flex;flex-direction:row;justify-content:flex-start}.gux-rich-text-editor-container.gux-disabled{pointer-events:none;cursor:default;user-select:none;border:var(--gse-ui-rte-mainContainer-disabled-border-width) var(--gse-ui-rte-mainContainer-disabled-border-color) var(--gse-ui-rte-mainContainer-disabled-border-style);opacity:0.5}.gux-rich-text-editor-container:active{border:var(--gse-ui-rte-mainContainer-active-border-width) var(--gse-ui-rte-mainContainer-active-border-color) var(--gse-ui-rte-mainContainer-active-border-style)}.gux-rich-text-editor-container:focus-within:not(.gux-disabled),.gux-rich-text-editor-container:hover:not(.gux-disabled){border:var(--gse-ui-rte-mainContainer-hover-border-width) var(--gse-ui-rte-mainContainer-hover-border-color) var(--gse-ui-rte-mainContainer-hover-border-style)}.gux-rich-text-editor-container:focus-within:not(.gux-disabled){outline:var(--gse-ui-rte-mainContainer-focus-border-width) var(--gse-ui-rte-mainContainer-focus-border-color) var(--gse-ui-rte-mainContainer-focus-border-style)}";
+const GuxRichTextEditorBetaStyle0 = guxRichTextEditorCss;
+
+const GuxRichTextEditor = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.disabled = false;
+    }
+    renderSlot(slotName, containerClass) {
+        if (hasSlot(this.root, slotName)) {
+            return (h("div", { class: containerClass }, h("slot", { name: slotName })));
+        }
+        return null;
+    }
+    renderTypographicalEmphasis() {
+        return this.renderSlot('typographical-emphasis', 'gux-typographical-emphasis-container');
+    }
+    renderTextStyling() {
+        return this.renderSlot('text-styling', 'gux-text-styling-container');
+    }
+    renderListsIndentation() {
+        return this.renderSlot('lists-indentation', 'gux-lists-indentation-container');
+    }
+    renderInserting() {
+        return this.renderSlot('inserting', 'gux-inserting-container');
+    }
+    renderGlobalActions() {
+        return this.renderSlot('global-actions', 'gux-global-actions-container');
+    }
+    render() {
+        return (h("div", { key: 'c8b7d0e895d041a9365af8e9fc7bb50bb5917213', class: {
+                'gux-rich-text-editor-container': true,
+                'gux-disabled': this.disabled
+            } }, h("div", { key: 'c12eb84731abc0392bc7f8beed93f6e8d682d555', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalActions()), h("slot", { key: '4be2b4e5e259e2f5510c4bdb64da8505e5a009f1', name: "editor" })));
+    }
+    get root() { return getElement(this); }
+};
+GuxRichTextEditor.style = GuxRichTextEditorBetaStyle0;
+
+export { GuxRichTextEditor as gux_rich_text_editor_beta };

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

@@ -24,7 +24,7 @@ const GuxRowSelect = class {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'd681d97468b0b9f63a75f3375a70687903641552', "label-position": "screenreader" }, h("input", { key: 'a532d19d23d1af106c4a38babe1503ab8d9c6dd9', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '55991ed38a191f1ae9cb0450edd7879dcc5b20bb', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'e487e377d37fb8bb961bba5c2d4feb5d37b2652a' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: 'da272e5e8512d2ee689e6bf0e5f077b221b43b7c', "label-position": "screenreader" }, h("input", { key: 'a9fbcf5076077e89c5adf4153ee42576111691eb', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'f9fa7849c5abb31eb19cc3719f3cba55f668c11b', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '1d6e594323a71f9a87f89dfee6cbea2c09e423dd' }, 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-b6ca2adc.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 
 const guxScreenReaderCss = ".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: '5833c3dc9a14981e711c8ad8049d9494ae334e08', class: "gux-sr-only" }, h("slot", { key: 'd2a0fa01359aff542daca760147e60821c33dfe0' })));
+        return (h("span", { key: '8fb432d7388caa1a6cd218f8912e0ebf2a5740a2', class: "gux-sr-only" }, h("slot", { key: 'e45f4cbc43482f66d29d413625e2c85e64d34240' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -32,7 +32,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (h(Host, { key: 'f9fd1a4321544d2a8dd2d8d6e34aa643761a2e1d', role: "group" }, h("slot", { key: 'a7a9f5ffa0b08b233f7910da21cc85785876cafb', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'd92279de25eca923eb4a937b43285e72fe01e6db', role: "group" }, h("slot", { key: 'b31f4db1c171864b25aa09fa3b771f170ebd1862', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return getElement(this); }
 };

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

@@ -46,18 +46,18 @@ const GuxSegmentedControlItem = class {
         }
     }
     render() {
-        return (h("div", { key: 'bcae6b6301a82b51deb9a99955dc575fe2897153', class: {
+        return (h("div", { key: 'dc46906606d50c91ab22416895539fee3c4b2aad', class: {
                 'gux-container': true,
                 'gux-start': this.isInStartPosition(this.root),
                 'gux-end': this.isInEndPosition(this.root)
-            } }, h("button", { key: 'a3b65a43182e16b702f6541a5adfb4045751554c', class: {
+            } }, h("button", { key: 'd523cd1a0bffee8bd4089a4818f89c59f8730e65', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: '5c0c4ae19ef344634f25ba6fd225042557e5187a', class: {
+            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: '14fa53716ca35297ada5a9123df90b450ced14c9', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: '097d01545d5ffced13fea50f67b0c05a0c8075a6', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: 'cabd8871458da9377daa62dea1d31662721f82f7', 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-b6ca2adc.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.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: '0312157f030ed755f64f09bb588ec4b7ec1a609b', class: {
+        return (h("div", { key: '36e9854a9b1596985a14344e5d382a70b26a3865', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '2cf731a95a45d717bcb170aa6bad40476f350294', class: "gux-content" }, h("div", { key: '14972665433efb7b7fb8f8739a94d29575d6fd1a', class: "gux-icon" }, h("slot", { key: '4e140f732601a8dbb62eaeac618d11259cb8d8b3', name: "icon" })), h("div", { key: '18dfe2fb6f116971a87c595164125865a3fcdf92', class: "gux-label-container" }, h("slot", { key: '2def29e1ff5b96ab4e53bbc7ebb07b323f3edf09', name: "label" })), h("slot", { key: '5b57eaec254d128289af716ac47f2e35014c6b57', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, h("div", { key: 'd5c1f7a75deb3cd6e53d29cb8522f69553250fd0', class: "gux-content" }, h("div", { key: '97cc1be3d41db54b76c27f3e243b842efb6915d1', class: "gux-icon" }, h("slot", { key: '260bef000e3a08d67a89aa1cd684df2a06ffec0f', name: "icon" })), h("div", { key: 'adbdd6b5f7149cda9cf5c42dd77e1f6b41a7c68a', class: "gux-label-container" }, h("slot", { key: '1ee7d7e8b6957ba13eaf1c6a573601cdabfe5654', name: "label" })), h("slot", { key: 'd0e27ba586008b9e3bd1fbb970ccf9fabb24b838', 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-b6ca2adc.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.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: 'f12fd2d6bcbad89337689aab3c563406555714cc', class: "gux-selector-cards" }, h("slot", { key: '9efbb5ddc208e089cee905451965fe6f8b21f25c' })));
+        return (h("div", { key: 'a344a19a4d45e0a02e4fc305ada701ee8a218ea4', class: "gux-selector-cards" }, h("slot", { key: '42711c8d6c3b618baa9f15de853064348ea01d7d' })));
     }
     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-b6ca2adc.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.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: 'faeb7f140b5a9907f15dc7abe28504e65539bdc5' }, h("div", { key: 'bee42f5ab2cd9144be530bc45bcba284ae56f2ce', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'ae8f3a59fdcef11a263184a810b3bef6ad9bf039', name: "icon" })), h("gux-truncate", { key: 'd2d38f4bef47de31b02858be6100456d26e1cf46', class: "gux-message", "max-lines": 2 }, h("slot", { key: '31b94f13bf81b1c2c591c8ada7a4b6a275da35ec', name: "message" })), h("gux-dismiss-button", { key: '3b1ae0022e06b05f338719649df7524832247d5d', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '25121cb61bea23511d7d6be1b8edc3604a83f993' }, h("div", { key: '927aae1436f6bcae529195d8e2b93c8ef0fda0f8', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '1a1da0bcf07f441c36acd1c98f43d1829c11ae84', name: "icon" })), h("gux-truncate", { key: '075f28ca8032ba31a38da7e852ac40c140bb3d22', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'ddb1ca729b67b482abf6c9efb8291ff2587a3b28', name: "message" })), h("gux-dismiss-button", { key: '1a5702f57280dfdfa46f886500d5086f6d3fddda', 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: '7a392d1fd5e0e089162f1f7b6c83eecdccabc1cf', role: "listitem" }, h("slot", { key: 'f4ecc99ab1362a116dcad78244a919bab5bf7b33' })));
+        return (h(Host, { key: '70021d0b28000f24c7ccac622637adef3631efae', role: "listitem" }, h("slot", { key: 'f978c0dbf5fc78d2ef7c9938201f5e3cfc9a9d9d' })));
     }
     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-b6ca2adc.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.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: '351678425dca08b7c61ec0f869b430a3b625c8a2', class: "gux-container" }, h("nav", { key: 'ec0720dfe5df1a8b98b6227edbfb91d27e5a482a', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'd6b73a85c220fe9edd79ba4d2c247ec56049c364', role: "list" }, h("slot", { key: 'bf5662d53b1aeb9b2990bb018574144ef467b444' })))));
+        return (h("div", { key: 'f022a6b85057328d13a1a551115eead682bb2667', class: "gux-container" }, h("nav", { key: '3a4179f19467b9bbc37be9de22de21abe0b419f6', "aria-label": this.i18n('navigationName') }, h("ul", { key: '63c8eed49c9e1d5c83494e03a2a060a7ee06b02b', role: "list" }, h("slot", { key: 'ed9d73ea17dc83467409284a236eb33ed362c3ca' })))));
     }
     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-b6ca2adc.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.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: '5f7e190347bb99e4abc61a78350f5e06fc7006c5', class: "gux-container" }, h("button", { key: 'a843bb6d2e6e3b50f1a6c72bb33799c9a27ffb43', class: {
+        return (h("div", { key: 'e5df61a82eb6c5f05f224d94d85192657ea864f5', class: "gux-container" }, h("button", { key: '42d57b0585c874da640ef371dc7fb00491bd0956', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'c16595ea28a078b9c899661e31248020bc7649a0', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '50dcc81f30571d1bca32384e384ff2ca56667f18', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '4cfd75b06d5d84b4fb232fce0754b8297a4f4ec2', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '0233cafeae129524e6106a5d6fc895e80be47bde', 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: '53c90da1a2ff67dd9adac2793b2d8e7415fb8968' }, h("button", { key: 'd3b0e3c853c907921653f077de1466414c605eab', type: "button", class: {
+        return (h(Host, { key: 'e8693c4c366dba88c612c2f90a119df237b6fdea' }, h("button", { key: '5bc31acd66e7e73189e200a0c35599a41b787095', 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: 'cabe95d17b34c8b3614e684219f3491951e1203e', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'd9c43c088229efaff2089df39e6949d0451c335c', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'b87bb5adfab410d1ff3665fb172984fe1b6ae820', 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: '008f2716d5e128d507f85e2c0844f728bdb5567a', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '103c031112a3c2e2316af24e9cc85589d81ed78e', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '89aec540f5a3d5201f361b880abe922e3a563643', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'fbaff62b6b8122b8c7547f11e3569753285071b2', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '89e8db8baea2429b691a37f8a8f1873b63bae4bf' })))));
+            } }, h("div", { key: 'ca49b671b97930ae14d519a787a71305abaed253', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'f584b906fcc99a4ee38d32b09c8694e77c5675fc' })))));
     }
     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: '6e159ebd8385899b265f72304b322f30ba67eb24', class: { 'gux-selected': this.selected } }, h("button", { key: 'a2944357aed5b638b72773cfa61fc4a0403e88b7', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '36ac5c60669149a2275c990280354275b58065c0' }))));
+        return (h(Host, { key: '0426d13853008338b3403eeec5b1c838191ac2c2', class: { 'gux-selected': this.selected } }, h("button", { key: 'efb35769b9e9a6f46bdb8a20ad62296ae877030a', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '025987f009297692f742939f620d45ee33596c4e' }))));
     }
 };
 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-b6ca2adc.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.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: 'd31f1b985746e46fa8070c14b044c2bbb448b2b2', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'ee7c9df819373616eaa3dd62c183571a70954d79', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'd28caa04ab22d360ba591b7e3ec8aa84baa04c57', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '565a0086497b99043cddb3eafa20d724cd41c02d', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return getElement(this); }
 };

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

@@ -3072,7 +3072,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: 'c640705dbaf87e37c008674156faa8f9d1901da2', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '1710807c9386d7da21fa0b8810ef0d27f74ba542', class: "gux-scrollable-section" }, h("div", { key: 'b02443f427e9500dcb553465ce4300005adfc273', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'bc389257f0e9a8f088cb56f3a64980e7e02177e2' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: 'b994a644ffd776ccd318413059be41a528b61ba6', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'ba8bc3701dc2d0f28010e08e60b79530db92c723', class: "gux-scrollable-section" }, h("div", { key: '6496e2332cd349916b9c8310810705ce5ab169f6', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '7f463cfb7a09070a5ad9e2d6b90dce44e6586e80' })), 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: '967caae014d07da8946ab08cee6ed40974cff0f6', 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: '8ce0217146c3ffaa0f5f512cb36edd4065d9251c' })));
+        return (h("div", { key: '7dcfe668dfcc0bc6508d3971981cb3ec9b803ad3', 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: '406945ba6ac69ada14a1ccd511cd96753036ccb4' })));
     }
     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: '2087debcc6b867605152aaca70ed99546d64f533', class: {
+            h("div", { key: '922e7f0a69facb74074a302171d99ff45f7c739e', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '9e5e5723f32cae885c74edcd9d6c989aabaebf5b', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'e93f90a75cc38cb13fe83d7e28b591477a07a7a1', class: "gux-divider" }))
+                } }, h("div", { key: '9bb4ba1dd4df1a3bbdcf70a1abc904b9bf4500cd', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'b354b32931721dbc8213e357c60834803ac56b2f', 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: '391821184788dbb1964fa843c547364510e2186f', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '50e7c6f198047458d02d5318e411a8279aa2ab30', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: 'ef3b2c5ca044754a868924ab467dc5cd75be01ff', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '5deb71d51924ed68ac64c29e863f957fb46ca9fd' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '46d13ecaef624abb49c7c89552950836926feaaa', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'e5b27358bd223da7bbef9905490adadc20556ec2' })), 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: '1cb7bcb0a51a128c98771dd34c6c843b5e5aff68', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'f92439ce99ca58122cc0f47717f6956e0f2bab82' })));
+        return (h(Host, { key: '270d176fade81f9dabff973a51fcecd193861f0f', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'ae6df2c4c984583360a0d3eca5480e23e7972bf4' })));
     }
     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: '4311aa04ce865d43c15fb2dc6fb2afe065b3e781', class: {
+        return (h("button", { key: 'bea8537c7d2f036054815253e99aebe21bf7cd4a', 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: 'f7c778f463b60b59842c59fa7ea74ca80d055952', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'cfdcfa93a347cb368985a7907404fca48694487a' }, h("slot", { key: '86f508d9968e92cf30bcd8a04699ca85943eeb68' })))));
+            }, 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: '4b12f10b0322836505cadb2bf12c054cb418c1b8', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '428afb69d1a2b5aa9e6a83749de8f02c9d9d5768' }, h("slot", { key: '6cc0193196d73b629a53b63a949cf1ce2a125fd9' })))));
     }
 };
 GuxTab.style = GuxTabStyle0;

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

@@ -73,7 +73,7 @@ const GuxTableSelectMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: 'c74845c2ba8802f78cf866331240fd08389630bc' }, h("slot", { key: '9083d83e7caeb6ce53ee294dc881ea46a9c332c2' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '9d3cbc7a85be549c0718a61ac23f3e7f397556ca' }, h("slot", { key: '1ca8151ac928b8e2e1dfda3629068bf2c5c392f3' }), 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-b6ca2adc.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 import { b as buildI18nForComponent } from './index-44765751.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: '7c41ca3773d200182c3a7c5ee25e0ba5e960a9dd', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '7fa8c49c27f797f907c51a8803e2f92871f25a79', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'efdf4058878c8d99cd7e7fd9989fd5fd0dbfb94d', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: 'b9d3138d9861acaf540cfa334f4ae3aa82c38230', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'b20a5eed8875f08700bc8556cf2b8002595d8358', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '58a7cabb2b6feb433dcd72ee1238a37a5ee86355', 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,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.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){width:var(--gse-ui-icon-small-size);height:var(--gse-ui-icon-small-size)}";
@@ -27,7 +27,7 @@ const GuxTableToolbarCustomAction = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: '0ff70c93609b99917344d1f735990383ec9de9a1', accent: this.accent }, h("button", { key: '6436954025f4d2466519627539119b6d4d20a0ac', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '1728d8658b79e71b566385d606b4367631b8aeaa', name: "icon" }), h("span", { key: '49725734f0b59c40ea39e977179371cb6c0f5559', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: '9315a820bb11d200bfa3be1689764cc5b07f95b4', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'ce6e69e164aba8406bfb1f2087736d0d91389d73', accent: this.accent }, h("button", { key: '035f0c815381233790a27e725c436bc6bcf74cf0', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '2c2c8b8c11508ff48adde18e24a3313a91ea04f0', name: "icon" }), h("span", { key: '9486c2802c4d63e00fdbd3e77ec80657ce2dd381', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'd74e5edab53ef76ab0c7cd5117e299f3ce1488d2', 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-b6ca2adc.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 import { O as OnClickOutside } from './on-click-outside-edcae419.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
@@ -95,7 +95,7 @@ const GuxTableToolbarMenuButton = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '274f7fb6d01de9b490e666732a0e4c2b5d21dbfb', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'cc97aa4c6de35900361b964526b25b9859266b1b', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '16c37cfa53fb42607145c35ad0a1b5007e3b81e1', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'f060eb243819061464cce829257648f40b94de1d', class: "gux-menu-button" }, h("button", { key: '22b948e4c19ee39f7f2ba006524be472f05faeb4', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '60810e6732bb7a6ee24b2649599012f472d8ba97', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '5415bafd4640329eee48fd30d8fc377103a1f48a' }, h("gux-icon", { key: '1bd37ada9db62cf6e1f0d99bd303993e0ec2ba60', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: 'fb3803671ce7df9f90e622338d49be7af30e2609', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '3015f722711301eba9aae5ab40dd9cfacfa6b2aa', ref: el => (this.listElement = el) }, h("slot", { key: '10097273fc34a649e6f1d2581ea9144f5e0cbbb0' }))))));
+        return (h(Host, { key: 'd0739093eb89c6f6d74ed2c50f022d316144c6a8', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'dd301fb52a95304bb67231a597cce32ebfbfa0d2', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '02cf2d3b5856e000f92da62a1fefd0e54e31d26b', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '7fe0ce87e388a0a4f14e2e87486b253e1efd7514', class: "gux-menu-button" }, h("button", { key: 'e8a32d108cca8d89eef915e5763882553247e943', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '16b7e95c4ec48d6f168649cf1d339dac9c7640f8', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'f4d4ce00447ae4f3d54f6b34316da04dc375a87c' }, h("gux-icon", { key: '1e980744d62812e95088a95144fe8b1d061db254', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '6b7b34695357e134ec73a8af459191e8b2ebfb85', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'b70c259e19277c27c57e862c486921654c2ee3c3', ref: el => (this.listElement = el) }, h("slot", { key: 'ca247efd2c9e416a17e4c14d8b0e62eae2b50732' }))))));
     }
     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-b6ca2adc.js';
 import { O as OnResize } from './on-resize-15b5b704.js';
 import { O as OnMutation } from './on-mutation-66a68405.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.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: '9ee3f539ce1c7edfd847625ef0e164d821fc02c2', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '01b5231e4936455b67d9b9e14e0c4004f2fbcae6', class: "search-filter-container" }, h("slot", { key: '05cc35f098fb0cf3407490e81968c6b088bee3df', name: "search-and-filter" })), h("div", { key: '6c290b3adb3619aaedff59286ed868914677aa42', class: "section-spacing" }), h("div", { key: 'd2cf53c3c336caa72b0666875dd73f0ecc134b4d', class: "gux-contextual-permanent-primary" }, h("div", { key: '91fe0a259ff20f2e09e6388c4e14afbfdd8c8190', class: {
+        return (h(Host, { key: 'f0ba97d08daeda18f5e168a798cfbac3c20f2430', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: 'e72d99c8845429c8d7e6cdc56e1cab147694e9fb', class: "search-filter-container" }, h("slot", { key: 'c7ae95dbe05fff198eb403f721a1366b0513b7a0', name: "search-and-filter" })), h("div", { key: 'e579f1419be1e94a89db23b7c278948539da3412', class: "section-spacing" }), h("div", { key: 'eb33845ace229ef2ff1703f6b1fdaa01d45256a2', class: "gux-contextual-permanent-primary" }, h("div", { key: '3d8cd202346b0a6c87c5f0773948d0405359d26f', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '4335a92a0e8ac91730a99e0ae440bc3cc26adc32', name: "contextual-actions" })), h("div", { key: 'f830166c152c3ac4ba90c39fbc4b5273295af4f9', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'fbbe1e1610b3f76e69795766b2fc728657b37d70', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '53813ee110914f677612552c7be8afc1fe50d2a5', "show-menu": this.renderMenu() }, h("slot", { key: '1b3a23199f9c0b91fd39198380a1569e561fdd71', name: "menu-actions" })), h("slot", { key: '37ccce15d92a0e3eedc2fbbab299c18d6692d32c', name: "primary-action" })))));
+            } }, h("slot", { key: 'f9e153c77f9c17dc9a849ab3c62870da38d3ad0a', name: "contextual-actions" })), h("div", { key: '1cd5b78fc08f6acae180bf1bd0093082d2366f22', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'ed8d9e3ab0e4d4456d9f9032973f077acd0e93d7', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '418596a7d575511ef72a0d22c094e26023b12db8', "show-menu": this.renderMenu() }, h("slot", { key: 'f36fcd3af9d4d1bb217d5dc60d293394269c32a6', name: "menu-actions" })), h("slot", { key: 'c9c380a4b2f0b0153da37b149405d1a07b15d7ee', 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-44765751.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-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.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: 'a080d54943ebda2aa351d65ec60dc14d3cea95d6', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '9c69e5702134e2e2d182566b291a40131b4fd5ac', class: "gux-table" }, h("div", { key: '646ae76c2eb3938212c340c4e422d427ad318973', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '5e99f0923e5593627079f068a0a83535c78668f5', name: "data" })), this.isTableEmpty && (h("div", { key: 'ef8bb280a8902905284c0223daadd17dd1b75d12', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'f7f01ccf29266b445c4dbf099286ccbee470e90d', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'a8e848e0caff40dbc739410a037ce7cea6ea5401', class: "gux-table" }, h("div", { key: 'e021b1a3cbc9340cd422f7a052eeacb91794311a', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '5e1340312a0a279647a037b0556614c53819167e', name: "data" })), this.isTableEmpty && (h("div", { key: 'f7d1b205c115f77607f630ba2d5e77a11237f614', class: "gux-empty-table" }, 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, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -45,7 +45,7 @@ const GuxTabsAdvanced = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '95f7fc2da1aeb19c9583cbb6db2175d2ea3cf2d9' }, h("slot", { key: '67b40a6828cdc96b96731f4c0a3d312f367695ad', name: "tab-list" }), h("slot", { key: '02aa1ce15ef08662dc1f3679aa66098755e111b5', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: 'a0443041c81e3d0765e9ee79ea4d9e96bd60f05e' }, h("slot", { key: 'e98b76dc34b3d734c21f22b58f81ba2512656636', name: "tab-list" }), h("slot", { key: 'dc0c22fa496740f7cf7a36c0e3dae08ee1130b12', onSlotchange: this.onSlotchange.bind(this) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {