genesys-spark-components 4.29.1-beta.0 → 4.30.0

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.js';
 
 const guxPaginationLegacyCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 const GuxPaginationLegacyStyle0 = guxPaginationLegacyCss;
@@ -64,7 +64,7 @@ const GuxPaginationLegacy = class {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: '2a2e8ddb9120903a48bf45ac562f89d1dc4a3a22', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '327ab4a9570515f15a133c3544b1e84ebc1e88ef', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '5729b190bdcf636b2bc21014fd4b9ba925c12343', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '130e0f61147a5c8775bf968324e43a1fd02e8078', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'ac6df04b3fd86a0dc402e4cb0ec5018a4b8c0d2d', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '82b81ac3bd8f0702b872d0e0c6da034dd53816e2', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-da21b737.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.js';
 
 const guxPaginationCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 const GuxPaginationStyle0 = guxPaginationCss;
@@ -89,7 +89,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (h("div", { key: '00be70bf087dab63649f4de07150fdaa61a1c904', class: "gux-pagination-container" }, h("div", { key: '5f2576d4b32916f4caaf619fc62ffbe4514df0c0', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '72f3e5f2454d3ff660fe4251ae43c068770abb00', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'd4b1de8070a0e53e1cea28ef6c81907b1e38444c', class: "gux-pagination-spacer" }), h("div", { key: 'e540ae2d2736fb8c99407504e9c517e49d16913c', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'd314c64295f03391993c61cd585a36094a3e512b', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'b4c491506da5c86381fe76e6240f2544b41b954b', class: "gux-pagination-container" }, h("div", { key: 'e38b52e3b3f6ff7f9eb9610e3f5475d360290bbd', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '64b080c8bb0639d8faa088e9f9cd2dbb66a8431f', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '25077aa834c7a65d169913cb844fe3037b50d223', class: "gux-pagination-spacer" }), h("div", { key: '320a8e58e4ff31484fbdd36a3cad7d3b4f24dfd7', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '97617c029b226ff12bbdb5b5664693386f5f66a2', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-phone-input-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-3f1e5ba8.js';
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
@@ -2320,7 +2320,7 @@ const GuxPhoneInput = class {
         return (h("div", { slot: "popup", class: "gux-listbox-container" }, h("gux-listbox", { "aria-label": this.i18n('regionDropdown'), value: this.region ? this.region.alpha2Code : '' }, this.regionOptions)));
     }
     render() {
-        return (h("gux-popup", { key: '125397fe2bf46c465bd2482a2230b29ddf2c75e9', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '7e2dc1b8626e2f1a2afabc128d44fa7e6858679c', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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-8b93f9de.js';
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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)}";
@@ -128,10 +128,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (h("div", { key: '93a01ca319df39dd65c4391725cf2ea25d391527', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'c265bae10f58a673c97ea91930cbd9bfb44f9189', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '3b2bc9c9591fb17f1b1c7c02b4c168490513ca19', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '70655782984121609b0acc2ffc82bb022e043882', class: "gux-popover-content" }, h("slot", { key: '782fff3a74f8563a717823de04800f5eaa8fa326' }))));
+            }, "data-placement": true }, h("div", { key: 'd08d83559c86bf8253cf46e001907a21f04a54c4', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'cd2884266379eedd9d5606958c9ce4be827646e8', class: "gux-popover-content" }, h("slot", { key: '1239f825661da1adc58da778d9680a5f3fb4af03' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -92,13 +92,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (h("div", { key: 'e17a1528af3be2381bb49e654ffaff8be14588c3', class: {
+        return (h("div", { key: '427fe589ae667bedb5508616d98567aabef9f28c', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'c0be9e94bba60b6af8a747f40dca2b9ff82d5e13', name: "target" }), h("div", { key: '11bccadae3d6d40af3747d697b79c31132d90199', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'e7578e5550fdcaf4bac9e5f587b2705b7f57445f', name: "target" }), h("div", { key: 'ce0048bbb1dbb88f65d166a0c0e2fb618efdc6e3', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'b15212bf3336f4755704ecc16660e5cd4091c7e8', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'a3395edb17d1b44e24fad5967143e302072c9213', 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-3f1e5ba8.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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: '673f7e1b3c1059ea7d77eea8ab43602b52f6f805', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '746008b44acb35a065f646a9333af75d7ea4dadc', 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-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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: '05c2a71cca500d52a492bb86dc1dae4e23cdb854', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '0470d153375c14253d6adb397c5337c978a0751e', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'a0c2df88df291e46936be517c0078fe54e8166d8', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'd9fa328dcdadde62881d3a94793b44ead40bc682', 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

@@ -24,7 +24,7 @@ const GuxRowSelect = class {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'c9b07b21146e8fa832e58171521fd2d8c2366b93', "label-position": "screenreader" }, h("input", { key: '71ebb0fe0a2e0fbd7c2e9187a3a9f2523fbf0a9d', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '2073263bf498db3bf5f8679d3c2b87aeda3922e8', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'fc74b3c5536835461e947b02102c4cafb098743a' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: '64861804226dbf0d71be510c139d9d188c3046b1', "label-position": "screenreader" }, h("input", { key: '62f1d6fad72c6065c0a53e3a999dd74481114d5a', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'a69d5a8bbc1ddad65b09f2f7ded02684f4a60249', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'da4e82ca4b0df5b4360502ae02dbad63294cd230' }, 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-da21b737.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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: 'fc84dd113fa4434ac8d0aebded7c13531209d434', class: "gux-sr-only" }, h("slot", { key: '9f2f069f753cc6fef7d6c175faad408d262d7f90' })));
+        return (h("span", { key: 'ccea34e243df9c03383d4d1a48e66829e6ac7869', class: "gux-sr-only" }, h("slot", { key: 'ddcbe8ed254a028c3c883ba51e7c373879d35e01' })));
     }
     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-da21b737.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.js';
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -32,7 +32,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (h(Host, { key: '0affcc86e73a4d3a6e1fa9921351fa511529a030', role: "group" }, h("slot", { key: 'a6a8b0398f8dd60a6a941bdfd679a3fef5e120ad', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '6a0a93cfaaa538b5cd410c0287a88aef10eaca10', role: "group" }, h("slot", { key: '5b110b0b36f8c05798508f3ab237cf0142bf5e6a', 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: '77708c4c0ab968593cd388525a7d8379805712f2', class: {
+        return (h("div", { key: 'ea6d18d2b2f34e809bde11950d95b3cf41b0111c', class: {
                 'gux-container': true,
                 'gux-start': this.isInStartPosition(this.root),
                 'gux-end': this.isInEndPosition(this.root)
-            } }, h("button", { key: 'd86743ecc03058a961f9bd4e9f378145130c915c', class: {
+            } }, h("button", { key: '6b7a963f730c37cb8ad0ed5174937facfadd944e', 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: '395726ada7e81251b44176e726e8966ab115b274', class: {
+            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: '1dabd619aaa056e2a21b0b003f832669450c6c19', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: '7f32eabe5c32346487153ca4c17ecc683e027c54', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: 'badc4c528a7d9bc2a0069d18a4230110bb8c0b60', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     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-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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: '5f4abff5db2d97a326f0da5f8360c774c1f2a5a7' }, h("div", { key: 'd355b24f097846bc3cdedf86db6cd914366ad793', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '5e17ff057970493e4fa3ab4b9e670e628b13d413', name: "icon" })), h("gux-truncate", { key: '3387b6a1c317697ec271c1895d034b2245bb417e', class: "gux-message", "max-lines": 2 }, h("slot", { key: '5fe9515b654ed86d9f2183a11bf56d68b98271b4', name: "message" })), h("gux-dismiss-button", { key: '8336a43a6b9f42381f69ba1f69518514be42eab2', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '6aca3dca0f8c7e0be7a8b6defa69a81d16939fa4' }, h("div", { key: 'f43cb3dbac6cb1da498af192bb133179d34d94d4', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '510a7ab6577955ae4633c73468e5e78c1450d608', name: "icon" })), h("gux-truncate", { key: '4fb31d95b4881ad16a9718f3edd582288763a8b4', class: "gux-message", "max-lines": 2 }, h("slot", { key: '2fb4ba71d983148ef60cb4154d98ba961b48aa90', name: "message" })), h("gux-dismiss-button", { key: 'ec016e1c9b84d19bde8e03fa6ae4a3a6f5cca128', 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: 'dae99892e1df459884e33b7973a93a5aac14d6d2', role: "listitem" }, h("slot", { key: '07d133319c36461c422affa5e1fe818965016d99' })));
+        return (h(Host, { key: '844e4c1933f0377323099f99de6c1fc6f8ce6738', role: "listitem" }, h("slot", { key: '791e27d8c2485809c5f7b9553a1d8684f053ad08' })));
     }
     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-3f1e5ba8.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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: '9780c57e4f6d0cf5489fdff698efecca6abcafec', class: "gux-container" }, h("nav", { key: '0586fb6148c7670c1eda0b50074e4c7b0b464e88', "aria-label": this.i18n('navigationName') }, h("ul", { key: '436188729818b4c0c56932c136f4a5cfd49a7ab4', role: "list" }, h("slot", { key: '6f3b6465899289f50b458a93903ac68dfc8f147b' })))));
+        return (h("div", { key: '9f12c2e1cf116efc9f587e47a930474e3a8af424', class: "gux-container" }, h("nav", { key: '88fae3b7226bb9b379803d9c34b9b05009fc2b59', "aria-label": this.i18n('navigationName') }, h("ul", { key: '2cd317b80d0637a02dc0539360de3abf9be4cab6', role: "list" }, h("slot", { key: '7ed8ff3ed76301900f9895b79ed37cafef26e6b7' })))));
     }
     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-3f1e5ba8.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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: '2c5efbeaa22ad8bcdbf55f95df7f6cdc3de00ea3', class: "gux-container" }, h("button", { key: 'b40a0049132a26d0f99c402a24b2d369442ce38e', class: {
+        return (h("div", { key: '86ac994f4e7147a91d905d7373353e27a5b110a9', class: "gux-container" }, h("button", { key: '29cca3f11c7ba5be50a0aa6db24eec533245855d', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '37e9a502d3d2786def6fb9f7591ab01ffe151cc6', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '7a69ada5db1812770e8a85197d3b63afad544d81', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'f3fcdb92db0adf6bc5ff09a21f6f079dbf55824d', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '2997e824149e957e98623e26509d7b6d1c0142be', 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: '8cb904ce38ceff40ceef005598c49e5c9989caeb' }, h("button", { key: '2f577f72340b4ce93aa09ce487ad43fad15a2d2e', type: "button", class: {
+        return (h(Host, { key: 'dc3ddb2dd3780bf0d8285b082f0d19a457009549' }, h("button", { key: '606cefec63eafd32e2bfe551a0570429a65e3bc7', 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: '729cfd90f407a8c16b0fc502f34e94bfd8199368', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '01e4239eaf3b659016346eca3949c3b70dab228f', class: "gux-submenu-open-icon", "icon-name": "chevron-small-right", decorative: true })), h("div", { key: '32b7c50039254071194842e04e5d09f4a5e3858a', 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: '19fc35d447e1a6ff4ee0857931c00b8bd76ba3f0', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'cb1e585686c3ffa5290e86b3df4eb6774474ec23', class: "gux-submenu-open-icon", "icon-name": "chevron-small-right", decorative: true })), h("div", { key: '8574a40502af97818f9a9cf7ffb628ebe5e2bbe0', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'f93a611f5caadd1c7a7fc15dd6261d252c51d35e', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '5b634eee31a7a74a75ea658cff474fd7f9fd3689' })))));
+            } }, h("div", { key: '167a6e76414a8b7b4ef5b4ac089a989d25bc8d00', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '95f48e0a52b532a7913efc9e6e42e16a1a9af187' })))));
     }
     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: '9477760111cde092778f6a0ed990d61b271896d8', class: { 'gux-selected': this.selected } }, h("button", { key: 'ac3675451703016d360a5a797cb0e9949c598786', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '8501fa4a7f55e711ff18f43f0791d2e9d6fbb2f6' }))));
+        return (h(Host, { key: '0c6796d7900526ef7fb54a4667806a73981c748c', class: { 'gux-selected': this.selected } }, h("button", { key: '708dd57a13c5049f37a56bb2c37a4f6d45f7989e', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '75836a1a690f993732a8c68c0e50c6bd9cc9fc99' }))));
     }
 };
 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-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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: '432610cf0c9c117bf41bbdebeaf7577a7ff8c9d7', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '97fbe60c6782cebf617c0609ba002c1a3de23f8d', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'c10ef991e1f4ded371bfa0be043911115b8cf2d8', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'e0ab07ec896af9f114887420d74ca216aec741a1', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return getElement(this); }
 };

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

@@ -3071,7 +3071,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: '9e02f2a4a018f32c36fe5d45b171eb92290f73ca', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'abf96090632ff44cbbd5ae1f73431ee6ce11c65a', class: "gux-scrollable-section" }, h("div", { key: '648ed086d61097a12a04f451f74a7d8df307cb77', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '20847e37c7aedef829682e750b4affbd71800239' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: 'a3758354de124773ebcd0fd8e633c89a202d0ee6', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '115a1ca6cd439bf31d8cec3883a00f693b17ea01', class: "gux-scrollable-section" }, h("div", { key: '8f6cbaeffb1cf705662c78546f59ec2f6a7a2c7d', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'f7953c5ac526d2245fd096cca4c2fc7d929f73b1' })), 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: 'fbaa32a820ebb4a06a413640204450359410e0ec', 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: 'a5190c8b5ee7c65d97f230e3f29a56a7a813945e' })));
+        return (h("div", { key: 'e0c597a76bacc3709950eba92abdea973b849dc9', 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: '2f61e8ef9fba21a3325137e7c4e508bd3fdf2c3d' })));
     }
     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: 'b257c97aaa51c6b99cbf267184db7861164f1594', class: {
+            h("div", { key: '9d64c0858487f1b4a5611cb92d8ac1e8e4b6b18c', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '3213e11cc475fe43c728f91c42ddde5c6931c2e7', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '047df9bd2950797a0858beefdea46410bd782507', class: "gux-divider" }))
+                } }, h("div", { key: 'eb38d344916dcc7e6fc81669de074c7de4fadcb8', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'c03ec6d17adc63b7b9d6f77647749ee32aada3f7', class: "gux-divider" }))
         ];
     }
     get root() { return getElement(this); }

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

@@ -263,9 +263,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (h("div", { key: 'c0155765a0339c3fd833972d0c68623882c4035a', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: 'd8f91ecc573199f88d41d8f0238055ac4eec2a76', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '4ca58d61b9de4a383349dcc5e997ee2e4b452b2f', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'c644185249cf5a9a9601eea865221dd54bacc9bb' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '5b78824538f70e9164aeab239c66249b1e29bd48', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'b13c0cc55dd24218807f2cd62d5630a01911c7d7' })), 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: '72fee1ca5dd5743d353b11f4e2be086d6fda3103', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '201ceaf770d8f98bd8b91f0b9def62a86e5dc72d' })));
+        return (h(Host, { key: 'd6e265542dbab4af130887e869d6f59bffbb1641', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '81f630f38902b35b62123e061f3908e3a3d2436f' })));
     }
     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: 'f7a45d89fbd3af26b49ad9e60ca62f71febc9323', class: {
+        return (h("button", { key: 'f9c36f107ac2bc741b40903356b82d5c5f961dd4', 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: '85930035b445995cde166d4c0604527e49a8e25d', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'a50cf1eb480380b9f5cf03e735c185a233ca6795' }, h("slot", { key: '5f6091de074893b0d026fa727222975ef4650642' })))));
+            }, 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: 'b50ae5064123f1378902cb004c95e1b0bdd33ea7', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '7c89b2ff874354a23d8207e616a4229bca13d52d' }, h("slot", { key: '6367585e29f26eedf62b92a22db21c4a7c9d900f' })))));
     }
 };
 GuxTab.style = GuxTabStyle0;

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

@@ -73,7 +73,7 @@ const GuxTableSelectMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: '5f80e7bc9e46863f7436fd0d6a2a9ed9f968abf6' }, h("slot", { key: '5d4a490a19f9c11f5a59aea3cfb60a1b633e3945' }), this.renderSelectDropdown()));
+        return (h(Host, { key: 'b193932e5d0bffe7f97ad65f9e4a735be5d7c4be' }, h("slot", { key: 'cb33afda2d6e77f7be5fc2eed2d9fb4cd489f8de' }), 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-da21b737.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 
@@ -47,7 +47,7 @@ const GuxTableToolbarAction = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: 'f2532089089a680100ed18fe8c740f95e8b9b902', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'f9033f5a1dbc2094aeef95f294eddff80c6eaaf7', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '36f7c35698dcf9ea45f8d972a8c496303ce57dba', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '9fde22ced0276de7c6f84a749c0871e56fade793', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '62bfaf015cad86176ebeb284fd99bda9b7edaae0', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '57faf208fe7d441e43e5a2d156e76489fdb672b0', 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-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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: '7b1cf3766ae7c7703940607e35fe3068144b2544', accent: this.accent }, h("button", { key: 'f3644abcd087a31e2b685524b3c2cd162628d5f7', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '5f9be7ba7a45cb24ba8155bd272f7ac030e2e051', name: "icon" }), h("span", { key: 'c4c01918a8fec97bca4ebce12cdd11c85e1521d2', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: '068e4e088d0a240e847abaf5cc5998f72e0d01e0', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '0a75f707009fdd3d7b4c1218a2535a067df612f3', accent: this.accent }, h("button", { key: 'c105621b4035c6c2ec610f2dc103c458ca47ee9c', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'd6ed411581b0bf4dd5b7e7be701fa6dd4cde54c9', name: "icon" }), h("span", { key: '06df04c0b5400b7228d92f96f3075614d9fdf3ff', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'd852eceed273f2fa622e16b5e25e76d272573b6e', 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-da21b737.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.js';
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.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: '3175ba759ce1523f16a0394692bfb8013a720fec', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '8cb912663e187b47b8f9b26e55861999694ee246', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '4d7f6af96be492d18c481d807080c614746f31d1', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '4b7711a78d65a0732b74ba7bca0675feefedb7dc', class: "gux-menu-button" }, h("button", { key: '6c32ef2e7e2deca2b540cf6177e5c1e681a16cd2', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: 'e96370557b8cd2e82152b2503d1bdb2abb301984', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'a2e71643cc5c0c51d5b997318200cf8ba71112f9' }, h("gux-icon", { key: '2a0b6d5623ea613ab2d4d91cc86005d775b16cb4', "screenreader-text": this.i18n('additionalActions'), "icon-name": "menu-kebab-horizontal" })))))), h("div", { key: 'e844c2f4f0e9e621ee0d8cc8854e5dad4d407651', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '5c2106f21ff6d5d2668fe59fc794ed0a4b4e7c26', ref: el => (this.listElement = el) }, h("slot", { key: 'fc83e45e51ea36ef4476ebe7ebb84cf1d458d749' }))))));
+        return (h(Host, { key: '0f0e5c5b978adfc79e5abd6ef1351f189edf967b', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '5df17c91c4d872c85b408cd70e24d7b95ba49301', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '3f87dfbff40a70ae7ee614536a97e34b49e0c83d', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '302abb1d7027d6c10e4ccabc83c09bb3e9fff009', class: "gux-menu-button" }, h("button", { key: '6856081cd026418ccd6cb64c8eea460078b1874c', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '5a07d9ca638bfa9efca132ffbe23ea597d2f6ef8', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'a183bec3bd3d88b83376e5c0498a370dede640c2' }, h("gux-icon", { key: '9ba9d688058f73672d2bc93470491155a4c05793', "screenreader-text": this.i18n('additionalActions'), "icon-name": "menu-kebab-horizontal" })))))), h("div", { key: '370b0bd171cdae900d6a9c251e439a1208251aae', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd6836dbbdebf94e84a7627f8619fbfad6f8177be', ref: el => (this.listElement = el) }, h("slot", { key: 'ad4fc2caf01373326be8e5118cbdcba5f4f9d8c8' }))))));
     }
     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-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.js';
 import { g as getSlot } from './get-slot-c26d3ab0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 
@@ -196,9 +196,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (h(Host, { key: '555f570eb78778055a0aa804158f08d2e12b13f1', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '52a81472e30688331e1349f6a49ebc5bb129ce7c', class: "search-filter-container" }, h("slot", { key: '38499c054fa65fa8f15fe1c7fdd2314931666d88', name: "search-and-filter" })), h("div", { key: '2ac299b307ba157d6f11708e8ceb5d9c3b923a52', class: "section-spacing" }), h("div", { key: '851f0953e3f15409be268aafb2d35e6377708819', class: "gux-contextual-permanent-primary" }, h("div", { key: 'd174c8114e3b2a58f451606f92bdf834b640264e', class: {
+        return (h(Host, { key: '650b52a15c846fa431f39f1e89d87efa649f323f', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '068dfd96eb39bbd5769c447d55bc031157d177cb', class: "search-filter-container" }, h("slot", { key: 'ac7bdd50596e7bd0de470bd1cd422488d839878a', name: "search-and-filter" })), h("div", { key: '4046092cd462e39f56088da62229155ddcacf710', class: "section-spacing" }), h("div", { key: '468820b8a6c182927f00e01047e8f7ddb2c402b6', class: "gux-contextual-permanent-primary" }, h("div", { key: '563e980b8cba3e486e92991e842c49fbbefbc98f', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'e594b6adb9b88c6d68a4ebd3fdfd38b549a7b3b4', name: "contextual-actions" })), h("div", { key: 'a65d75890b1621e962570d8f9051ca3c8a17ab7d', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '697af1b632ce8198e139be9555a35e9fa4d76da5', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '3ada935e405d9968e53de7eb776482f002a025a8', "show-menu": this.renderMenu() }, h("slot", { key: '6d66edccbf2bef08ba3956ccd9c0b7b705dbf542', name: "menu-actions" })), h("slot", { key: '853f608365f1be2f75e4b23996ba3651dd833511', name: "primary-action" })))));
+            } }, h("slot", { key: 'b4ff8502630a23c7dd38915231d8bd8375c0eb2e', name: "contextual-actions" })), h("div", { key: '502be155ad656dd906b00675ad8732b28f8de313', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '77087514023dd455867222dfcf2bb494b5939511', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '8eb34e646850b079feae429e77fc0ba95b1947a7', "show-menu": this.renderMenu() }, h("slot", { key: 'fda4b7d04133ec177fae803c5abbf53aa157daff', name: "menu-actions" })), h("slot", { key: '6aab50089fac2f4e8dfeed2f323d05944b193694', 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-3f1e5ba8.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-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.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: '7da8a1c1d9482fad8758f951a737736cede96a63', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'c6f818628833ce740c816663f3cd23120b0bfdcc', class: "gux-table" }, h("div", { key: '282ad2e1188a35a31b11e3431b54653ce61a72fe', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'e5ed66d0fcd87edc955d8de7fd5475c465d809e5', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '77617cceb9c55085c4a47fed16a40c477ad13186', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'b7501899b0eed580b709c28de18f9745aecf718c', class: "gux-table" }, h("div", { key: 'd7776224e7d1efb8eadf5f5d03738170f866148d', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '216f8e375803cc8ac1c88e186a3136c2dd6be0d1', name: "data" })), this.isTableEmpty && (h("div", { 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-da21b737.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.js';
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -45,7 +45,7 @@ const GuxTabsAdvanced = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '3f473513e0b28a70554170d4e77352d31d0f6e82' }, h("slot", { key: '2fb52b8a9934cf4166a1c9b8dadd0e470ba8a504', name: "tab-list" }), h("slot", { key: '084e589a6fb9cd4df15c528e8285ef85b00a32a3', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '4419b76678c9a92819efaa508826bc7b8ffec03d' }, h("slot", { key: 'f0f8ceda4f688264bcf5ef7f08e8a43671dff99b', name: "tab-list" }), h("slot", { key: '44607242b2e1c469440d681045fd458eea79ac40', onSlotchange: this.onSlotchange.bind(this) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-tabs.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-5ca68a29.js';
+import { t as trackComponent } from './usage-17be4097.js';
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;height:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex-direction:column;height:100%;min-height:0}";
 const GuxTabsStyle0 = guxTabsCss;
@@ -47,7 +47,7 @@ const GuxTabs = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '3d4745395be738d8fe342ffede42b3360f9f1d54' }, h("div", { key: '6df36fb8c8feb0f1ad31d0c687dec7d3faeabe69', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '0ca9dc2def1cca25b6643e351f867baeef541a0a', name: "tab-list" }), h("div", { key: '76ec9f1ae6f9a10be2fb0a21f4a3d8b424b4b272', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'd0f6d3fc4289cceb9778f009744aa9271b58cc9f', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '6ec66fb353e459319d91fa4d4de1af7b8513248f' }, h("div", { key: 'baa6a68c97049a01b874e556a659ed1ce6468826', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '8c73169498e82670a8d054ed5803e22b499b2a46', name: "tab-list" }), h("div", { key: '84ba7f6b258d9a848a4729876dcf1e47dacfda17', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'f8661d973cb4a302ed7dac5ad43e5752375be8a4', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {