genesys-spark-components 4.81.3 → 4.82.0

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-3320b3cf.js';
 import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";
@@ -129,10 +129,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (h("div", { key: '07a0a8a7d42698b708b4cf8ddb5791bd434ed79e', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '63f31ca92e5d70a8c63195a4e1717b835684b7ff', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '04902e1f99e4b5bd6a8e87854bceda8462573812', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '5a66b37cdbd967110a98044e7321d38bc6e1709a', class: "gux-popover-content" }, h("slot", { key: '262ebb4a6a126d35419248d5efcbac124e479a44' }))));
+            }, "data-placement": true }, h("div", { key: '3736a7036c3b7b1aa2b4335bdec78a17079705f4', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'ed18d92443e931c2a01d99fae2ac385ac3ab8ee0', class: "gux-popover-content" }, h("slot", { key: '39ceb2d2711e9d816d13b959c59a90435cc72d2c' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -93,13 +93,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (h("div", { key: 'b25e11f19deb056064d995b31d1b00e079eea510', class: {
+        return (h("div", { key: '70f2ab2f08fd15b64faa113f9f4c433f0a586e1e', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '12545ed4631b13ce6fdb389afde679125b4fa6f1', name: "target" }), h("div", { key: 'd14678767c03aa35c02fc6c182f8a2f92edc09d2', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'f4790767460c9a50065e311304b3ae7899c8b3e0', name: "target" }), h("div", { key: 'e6cf93fc0976d616991f9ddb74f4d39b06b721b2', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '8e77c66b8ce38df92498df0e3e27ee251a904438', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '1d7b864a909b263fd7390012b6ed87a14326a4e2', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

package/dist/esm/gux-radial-loading.entry.js

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, g as getElement } from './index-da21b737.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import './get-closest-element-728b9f18.js';
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -41,7 +41,7 @@ const GuxRadialLoading = class {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '608e09f23a61a3424d59f50be60b851f79e5b463', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '5f78c8d873c75a631a17fb8c7696ef5ffb9c7305', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-radial-progress.entry.js

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { c as clamp } from './clamp-1fc36648.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 
 const guxRatingCss = ":host{display:inline-block;min-width:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);outline-offset:var(--gse-semantic-focusRing-offset);box-shadow:0 0 0 1px var(--gse-semantic-focusRing-small-border-style)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
@@ -104,7 +104,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (h(Host, { key: '1cba3d4c1edc55e15cba6e5956757a9358881b41', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'b379115365b27caba7177adaa86caeb96949ea89', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'f5be2801f875ec5aad6bf9728a11998c3bf941e0', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'd334b3192f1213155c274b4abe913e1dc7d41a69', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-728b9f18.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: '65c6a79ee4638fd2e28e1d417670a73f230a5fae', "label-position": "screenreader" }, h("input", { key: '6f7d1e0f2aa0552116a2534601f0ee95dad20c18', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '68491ed913f7d702d03f12496c3fd1c3193e2a7a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '83612c1f216d48b1545570e0c4a0a73c32fee528' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: 'b2e3ba29b127051987aab4c16cac6e1e003557d4', "label-position": "screenreader" }, h("input", { key: '7fd83f1c9074549f42d826988359a435e6028568', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '5686dfea1ee25f84b0896075e54ac20d2e10124b', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'a9be88c77128492af817e9c7021d1987e087c29e' }, this.i18n('selectTableRow')))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement, H as Host } from './index-da21b737.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 
@@ -14,7 +14,7 @@ const GuxScreenReader = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("span", { key: '22e14d7bc908e91d683586319c21935d1062d4a0', class: "gux-sr-only" }, h("slot", { key: 'd287096bf0d0c6b686ca7f4a3aff8d183668cd73' })));
+        return (h("span", { key: '5833c3dc9a14981e711c8ad8049d9494ae334e08', class: "gux-sr-only" }, h("slot", { key: 'd2a0fa01359aff542daca760147e60821c33dfe0' })));
     }
     get root() { return getElement(this); }
 };
@@ -87,7 +87,7 @@ const GuxTooltip = class {
         }
     }
     render() {
-        return (h(Host, { key: 'ff33354384c67d321593f0d4cc73569bace531ea', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '8f353de21c6f820dc57e3c722fec6a634be27c51', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, h("span", { key: '77a176b934fa4ca8cdbd7c41d0daa03207fbdd25', slot: "content" }, h("slot", { key: '59eda58b6506c0383984094fe03fc40885867332', name: "content" }, h("slot", { key: '3b90cacc0faad52ff7574eefc48b074a2d3168dc' }))))));
+        return (h(Host, { key: 'd67714689706254bde15a07e63b63ae9fa4c50bc', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '180b9a944c2fd996a5180ae796a0e790b96e44d1', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, h("span", { key: 'e8fe6d5c1566e6cd3795c80dd9dc346dd22d6e8a', slot: "content" }, h("slot", { key: 'a2cd637d7324ebd756f831b73c5b8110ef3f88b1', name: "content" }, h("slot", { key: '16746b53ca338be94ead51baaab40ffccc742dbe' }))))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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-da21b737.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -32,7 +32,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (h(Host, { key: 'bdd4c0d659f1008fa65ee9d2988a9c542b647987', role: "group" }, h("slot", { key: 'b4a966abae830574f615e90366b8357e2dbaab06', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'f9fd1a4321544d2a8dd2d8d6e34aa643761a2e1d', role: "group" }, h("slot", { key: 'a7a9f5ffa0b08b233f7910da21cc85785876cafb', 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: '203dd1bba9f383c4081176a17cf2b0b42dc9bad7', class: {
+        return (h("div", { key: 'bcae6b6301a82b51deb9a99955dc575fe2897153', class: {
                 'gux-container': true,
                 'gux-start': this.isInStartPosition(this.root),
                 'gux-end': this.isInEndPosition(this.root)
-            } }, h("button", { key: '2836a544324a0606be01a36e19bfb67c3939bb52', class: {
+            } }, h("button", { key: 'a3b65a43182e16b702f6541a5adfb4045751554c', 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: '90abc8d1be2947227a565a243f903423d694f906', class: {
+            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: '5c0c4ae19ef344634f25ba6fd225042557e5187a', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: '3419f2a12c570f02412473e8cf8a8000fbb5acec', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: '097d01545d5ffced13fea50f67b0c05a0c8075a6', 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-da21b737.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.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: 'e24087cf3c1d74723fd7da40863a7aef6c420bd3', class: {
+        return (h("div", { key: '0312157f030ed755f64f09bb588ec4b7ec1a609b', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'd310eb4d0c6e1a91f9d97825d415cf800dd939c9', class: "gux-content" }, h("div", { key: '74d98f56d4fdcf49e65208991381f394e828b2db', class: "gux-icon" }, h("slot", { key: '91fec9fb8d2bf4a76460240a0d027d161016b6f3', name: "icon" })), h("div", { key: '1a0ae7a73d73e58f0156535f7fcd7a3e8a47517b', class: "gux-label-container" }, h("slot", { key: '15538fb4ddc20ecbeab320f3fb062c623bfe0ea2', name: "label" })), h("slot", { key: 'b20a20def42c5a651701a30f8a70ad4bf0a44192', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, 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())));
     }
     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-da21b737.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.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: '207e4b59ecc9b56c2ecd9ab3edba4689872462d2', class: "gux-selector-cards" }, h("slot", { key: '7d3fcd1c660f78538376fbb0ef92c799b204df50' })));
+        return (h("div", { key: 'f12fd2d6bcbad89337689aab3c563406555714cc', class: "gux-selector-cards" }, h("slot", { key: '9efbb5ddc208e089cee905451965fe6f8b21f25c' })));
     }
     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-da21b737.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.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: '552a467ee600a8568d77cf04a85c88bb6617197b' }, h("div", { key: '03a52eb88b0d2c301b6d3305cc79e25a3a65683d', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '73eee5be7add47429c4b602121807e37249f6e1b', name: "icon" })), h("gux-truncate", { key: '14799c29f059d238523c8d938912f80ff2c51d4c', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'd247671efca8f06989f6effded3878ec93db7d48', name: "message" })), h("gux-dismiss-button", { key: 'c8f2b116e2d53355ac89e54f80e8dc0c98538bac', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '9d00b3be8cc57c63919109efd3869ba254ebd88a' }, h("div", { key: '5335d3bc3094194d59aeb84d5f71f137a2cd1046', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '454085b6312cdf8543ada2d62d6e28246b579f55', name: "icon" })), h("gux-truncate", { key: 'b60b024e58529228ec6f18a593281b1e013adca9', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'ea182b72f7bdc7706c7ff186064a9a1ebde965a4', name: "message" })), h("gux-dismiss-button", { key: 'b73cff829a218aeed21aed12cc10a9fed590e350', 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: '417ddd1b36606036645c863d45a525b55de2322c', role: "listitem" }, h("slot", { key: '00a42f456ce3b14e52f2427215f91c03bc2a8d7c' })));
+        return (h(Host, { key: 'b27bc16e5803dd358a8fd75ed5391c4212f10d07', role: "listitem" }, h("slot", { key: 'b868489b525b0b5573e59377991fc26151b0f197' })));
     }
     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-da21b737.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
+import { t as trackComponent } from './usage-3d6b4b20.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: '93690e390781a91a915b338cfb6831b3c46d08a2', class: "gux-container" }, h("nav", { key: 'df2d8a2f81f32ca1f0c080f937651f9e89486080', "aria-label": this.i18n('navigationName') }, h("ul", { key: '6a0561eb8108672d313f9b579ee0677cf11b0909', role: "list" }, h("slot", { key: '2bd006e30c0f994a4f5718df3ab9ee4295c32127' })))));
+        return (h("div", { key: '02661d9e9f53a9781de5e4bf3fd5026595dee325', class: "gux-container" }, h("nav", { key: '9c98cea7885a210b1384f36aae0b84e68eeef514', "aria-label": this.i18n('navigationName') }, h("ul", { key: '49c81e75c0d52e2df2b5310624818a9f429b5690', role: "list" }, h("slot", { key: '513e29b9c2f8585dc9299fe0683e8096cbe9f8ab' })))));
     }
     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-da21b737.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
+import { t as trackComponent } from './usage-3d6b4b20.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: '7531c6e68763802a04c5d8879840c00ca190d1b9', class: "gux-container" }, h("button", { key: 'c3780d162b0e3c1ce2aa21ccce0a46f17d1bd4af', class: {
+        return (h("div", { key: 'a8b12021dec9e22d783ce6347460da5dff2050c9', class: "gux-container" }, h("button", { key: '2807ddd46dccacbe47d0941e5c7ee2c9c0c0704a', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '4057f27ded5d111ca7b4594a950c20d1f5cf738b', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '684f0dfd90d9ea7d7a62addc8f36989374adaf8a', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '3a1d685313d98a1488bee56f887c8fd4200c8161', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '7aae241d3f39665c6f95a983d733dd2f167111f6', 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: 'e79928cfa15eca05a24d130ad99b5b9f89580484' }, h("button", { key: '42659df349945f3db53dcb96cf0f639fb4d7fb33', type: "button", class: {
+        return (h(Host, { key: '785a7d7fc228431781f80e78be5ea27b6f922b50' }, h("button", { key: '2418bd71a19ce456a0826f43a36dce5514e2b9ee', 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: '900191429a7609cb68eb0485bab9d4ca74b4f0f6', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '14fabf28052644302b3de10b6e4ae01c37b5ba32', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '63aa954bea898bc1d8d6aff4dac812ac1f696591', 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: 'f81b332fe3200126f7bf6f3024967e5015d39db1', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '5d64d10850e0d498e3fbb0d5597564e27f50db37', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'b359b5156857f456b6468bf6f2c515c690f2d9e8', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '36052f94b695f911f0694f43f3df8106f283d709', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '5f38cd07848f12849e79b82860017e4ed32f7260' })))));
+            } }, h("div", { key: 'ac0cdba4681a3cac1ecbee6e54576d4f4a961037', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '98ddeff3082445608c8827369749279e932205bf' })))));
     }
     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: '00fb2c57bc8aac76293178267566815ca424a46d', class: { 'gux-selected': this.selected } }, h("button", { key: '1253f3f431a9e8a7aebfe33bd803850253d9ce7f', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '3a24e458b5f97833060acaf6c9b0d22c7997fca0' }))));
+        return (h(Host, { key: '0d97802edaf8aac2ad3ba0167ffc4b07731525ad', class: { 'gux-selected': this.selected } }, h("button", { key: 'e76b1585b52ab42b9b0bbf5e2f58cff9287293a5', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'f925baa7c140a48813cc94bb5dad6f806577872f' }))));
     }
 };
 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-da21b737.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.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: 'b22773f53c2513d1bee2211386c042013a7050bc', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '69c6fe16985e36c683e3af75c414078719bc0664', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '25939b6377cd8cc9b99a8d245070f6b7d6809a70', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'b3f4d1a93741f5fc35d8c206878db37bfd090420', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return getElement(this); }
 };

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, d as readTask, w as writeTask,
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { e as eventIsFrom } from './event-is-from-60a4bc72.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
 import { t as tabsResources } from './en-bf740e9b.js';
 import './get-closest-element-728b9f18.js';
 
@@ -3072,7 +3072,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: 'fae9f387d4522af3df8cf1a30ed535a0f239fc60', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '01cc51ade62ccbf06c83882e52de40e0e26661da', class: "gux-scrollable-section" }, h("div", { key: 'cce22d47cc35bd6c8af82fcb819c8c412fc4b217', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'cd403e94b6042a1468902de4fa4882159fbf3c1c' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: 'cd8ee967bcccdb0eb1072504034764a245614162', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'e7e016939584c16727c86747bde51ffbe8caf82a', class: "gux-scrollable-section" }, h("div", { key: 'ec7c07b6b925afd268e867ea725a2585ab4f1c0f', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'b0ed8dbabf6e783c73be087b0e5416e6298f8087' })), 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: '917f411fe10a22ae3775093461bc51751702a2a9', 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: '34c08db6da42f14ce25c7b02197f20f45616448f' })));
+        return (h("div", { key: 'b33334b7e944f1e022f5fa6b586ffc4ac9ebcb60', 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: 'c11c68aafaf907a4bb17f1872b305a2405d37e74' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { e as eventIsFrom } from './event-is-from-60a4bc72.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
 import { t as tabsResources } from './en-bf740e9b.js';
 import './get-closest-element-728b9f18.js';
 
@@ -155,12 +155,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            h("div", { key: '508de1a07d3c7d1cdd8ff40025dbeaec17ffc87b', class: {
+            h("div", { key: '8efaa99db83e2f2c73a2ecdeefcf23632fd63c89', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '3febf09f7c25f10b9119c6aa1d3b33c2193951e0', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'd1a1ca9e9cc77f28429bb919b996b567ac33d06b', class: "gux-divider" }))
+                } }, h("div", { key: 'd91326cc98fefa010baf2a27de993ffa6025b5f6', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '97c1423ec275e99603fd4ec6ceaaf96d3bcd1dd0', class: "gux-divider" }))
         ];
     }
     get root() { return getElement(this); }

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, d as readTask, w as writeTask, h, g as getElement } from './index-da21b737.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import './get-closest-element-728b9f18.js';
 
@@ -279,9 +279,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (h("div", { key: '2e5b452b73239a8cc2df048e7fa731abdced9eb6', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '23ff08507a84aab9b24ddd4a3de5021eaeb7808e', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: 'ecbeded57b72c18be9eff89b2a9db5c8091d1e8d', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '4e20916503b59997a012520fb3de3ae7303b8002' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '470f6a9bbfc9d69892154db72423c7c637276318', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '8d76bbc692dff96720e563c7a6c7721f91cdc124' })), 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: 'c07688ff761f881ce191ca454637b5bd37f852db', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'f9b688d108df00d5012ee7fecc57572042e6066c' })));
+        return (h(Host, { key: '90ce032c2d3645190486359993444532a7003b3f', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '1bf63e7ea1559834d7c1f4ef8ff8b97a9d4da449' })));
     }
     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: 'bfcc5c3ac6dd1e0f76f1939e0fdc39c388c0fafe', class: {
+        return (h("button", { key: 'b089c7e70d3259cc75309f0601da8419a1fd82c3', 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: '71bc30acaf0f3be418e21519acc37b33fae562ea', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'cf6d32567a609d18359db2840ebc2ca7376ce920' }, h("slot", { key: 'a9d40b9edec963ef388b5da3db5152e694de5f76' })))));
+            }, 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: '604ba6ba1a5e8f183f01b00801f866a8b935ac4c', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '8c4e9918319ccf993f38e430647c433ee8ae92a8' }, h("slot", { key: '7e3a86fb9fb47ac38e1ed8d970e77ef8d77314b3' })))));
     }
 };
 GuxTab.style = GuxTabStyle0;

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-da
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { e as eventIsFrom } from './event-is-from-60a4bc72.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-728b9f18.js';
 
@@ -73,7 +73,7 @@ const GuxTableSelectMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: '9107fadb474226270828c79c83a375b9215c7416' }, h("slot", { key: '590fd03a638af10cf7224a2c1e35d07e1efcad45' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '4781137665ed57ffa30ef536e3644a3ff1d46367' }, h("slot", { key: 'e7860a955646f7acf079c7b8fa1ec68e8ea6371f' }), this.renderSelectDropdown()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
-import { t as trackComponent } from './usage-44565801.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
 import './get-closest-element-728b9f18.js';
 
 const actionRefresh = "Refresh";
@@ -62,7 +62,7 @@ const GuxTableToolbarAction = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: '43020128adf29edbf4a4d3f7b014e09736ee4259', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '012d0ac6b667f49f59d2744df8a183c751d6d0d5', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '39e29fbfcfdf8cffa967e2730fcd8f06e1361cc6', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '43d5c9284962b2819371397a1e7c7540c0ee1eea', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'ab15917af056c1bcb4f01cfd2007bafc422e3f0e', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '3fcb4376e3f9a430d87916307c081c89265cb5fb', 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-da21b737.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.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-size-sm);height:var(--gse-ui-icon-size-sm)}";
@@ -27,7 +27,7 @@ const GuxTableToolbarCustomAction = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: '7d17cf9e1394e1174e59464be933f016393395a6', accent: this.accent }, h("button", { key: '2ce4d4cb662e685949347b8810fa3bd919135ac2', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'c06efc54b5800eeb048da995fdbf248e97589baf', name: "icon" }), h("span", { key: 'b14bacf5440c27f9a81ac9f23eaa487b3c1772cf', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: '29ae6c05b6fbfb774f3b9999bdc4fdd5b14a093a', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'd7e2f61d15f86f12af660996d2bcd9a0b8c4c99f', accent: this.accent }, h("button", { key: '82bdb2287fffbb5ac435f21bf39ee35a6c155754', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'bc2f0191804b2b856d8d57ff171d915da996ac84', name: "icon" }), h("span", { key: '8c3f8a36be21e9485054dff9dfcc0783ebae0183', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'af55e151ef2ae8e457328c9ffa0f66ef01d349ef', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import './get-closest-element-728b9f18.js';
 
@@ -95,7 +95,7 @@ const GuxTableToolbarMenuButton = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'a61552bcc94007bd75cae730268ddb15712405d9', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '5f80c26d1aa130f37bed774027016fbb4f382bb8', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'c0f39edd89d3f3604cfc4d1bea2ee2b59bf9525a', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '051d4d5514d8c818aa55f360da41c90a73ca203b', class: "gux-menu-button" }, h("button", { key: 'e0af2fb4c4ba2ced7bac75b9d6930c78dc70bcf2', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: 'fc242cc572fc6d59db0e2bb8ecd8b9654eac098d', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'dd4cde135d379b0bc5bf0d1654bed20c5e815c05' }, h("gux-icon", { key: 'be29f2fd5564b4877d5b8d078e8b019f6e3433e0', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '38f0f024a8722c936646c4b79c8c3564f9be979f', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '2ecf4950d47233d71d358e9317b214b3ce3a5c2b', ref: el => (this.listElement = el) }, h("slot", { key: '3e5a26c2322f4e409eae8b61a7d8c18e01318776' }))))));
+        return (h(Host, { key: 'b7b05eac0bea2592ff06d8d9249e52a4f8360378', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'e5934fb8f06036bcd9e97394639937c16dd12319', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'd39d6f14d15f6b95c1caa955eee48bea08b20ec8', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'a1b893c9e23dc4469707819aafb139e41b6538e7', class: "gux-menu-button" }, h("button", { key: '246d500b283b7989b4d2815b9dfd030ca2eee788', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '5d2c512ca4a860d5a0fec5632e86ebad0cc2cc68', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'c116969333fa070cb5ad5e0c1504f1d9c9186dc5' }, h("gux-icon", { key: 'b2628fe77db4b69e5f2ff510bcdf5b1dae6e0773', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: 'c47227dda3df9430cfbe3972f9087fdbdf46ffcd', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '4937b6b5ced9ac436441eff4a85b775223d239ef', ref: el => (this.listElement = el) }, h("slot", { key: '1b469315984760b8eb81ec9d2709ec888d179c2a' }))))));
     }
     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-da21b737.js';
 import { O as OnResize } from './on-resize-6a194a58.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import { g as getSlot } from './get-slot-c26d3ab0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 
@@ -203,9 +203,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (h(Host, { key: '968ead052df50dfb4d0c65c8eb742a7ea9826190', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: 'dd0d79256b3a370640308f82e452c176f3c8c3aa', class: "search-filter-container" }, h("slot", { key: '33feb766bae49606d1b1827d068b36cb7fbb9059', name: "search-and-filter" })), h("div", { key: '64110527da747102ae007bbbfed5252383e2c58e', class: "section-spacing" }), h("div", { key: '6ce3f926cbc0ee503137164e53648438de76ff5f', class: "gux-contextual-permanent-primary" }, h("div", { key: 'd2175714a4f90245e2f763c6123dd3b4e380fbcf', class: {
+        return (h(Host, { key: '83eb93d711f931607860803456cd5ee8afee8bf9', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '9700aa6a8359c95cd44d80425a3aa61bb9d714be', class: "search-filter-container" }, h("slot", { key: 'c18339a645a00933cad4b187bcae143569eeb84d', name: "search-and-filter" })), h("div", { key: 'a29c5561c8d3f2d49d5e605958d825d1bf541395', class: "section-spacing" }), h("div", { key: '4dce21695161caaea30969bf21d2e09d2cc83aa0', class: "gux-contextual-permanent-primary" }, h("div", { key: 'fa409826d8e702309272e43a657dd47707058d2c', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '6961ac658db8734291d2c3e581eb9040ca8a8411', name: "contextual-actions" })), h("div", { key: '1b9ef94be8a462eb334ee92368ba5a1e7b39b5a2', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '0dba29c634ad16e3ebfebdf0d6ea3445091098a4', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'b1149324a8e38739d1cbed46804cb62d4cf1ce48', "show-menu": this.renderMenu() }, h("slot", { key: '84dc8b76531d87faf3d5d3aa85426b099f3803c7', name: "menu-actions" })), h("slot", { key: '2cf463eceb556f92d1680faeba8902f934c67444', name: "primary-action" })))));
+            } }, h("slot", { key: 'efd268a4ccdcd7d2fe03378cb763955e1fb9ee1d', name: "contextual-actions" })), h("div", { key: 'ae348fe246f4e816df260a27bd81f44a7bfa6519', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'd3c7b044ee3b8722ab0601760b656adf540ecefe', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '533982ff6cd4cfb40ce1df593421d34dcdb7c8af', "show-menu": this.renderMenu() }, h("slot", { key: '688a0b63512e32c413a0c83312319c2b0662efe8', name: "menu-actions" })), h("slot", { key: 'ddb820c68f7a3a47b6d5f1960d76378b5cb18cef', name: "primary-action" })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, d as readTask, h, H as Host, g as getElement } from './index-da21b737.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { b as buildI18nForComponent } from './index-ad321c23.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-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-728b9f18.js';
 
@@ -274,7 +274,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (h(Host, { key: '14c6b8d3ee32c01c508dadae57832a77ac48cb0e', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '676eeba57f40d6e811ede3913cced70a251ccacb', class: "gux-table" }, h("div", { key: 'c2fe6603f2251008c375a7eef56c9afd058c130c', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '84c34799fe2acf9f018995aa0b38e238c4e80458', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '554ee0db8bb7ce07631bd045e30a3bd701841197', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '142dc8a95e5802904630eb0e4b7be466a840875b', class: "gux-table" }, h("div", { key: 'fdef0cc34220201f5e3af611281db98e6b3e2a68', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'd490e2decd05ff16eaf0b1ab71431ee86e133b1b', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     get root() { return getElement(this); }
 };