genesys-spark-components 4.38.0 → 4.40.0

package/dist/cjs/gux-pagination-buttons_2.cjs.entry.js

@@ -204,7 +204,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: '6e4afb7fc14787ecdc79fee18a11f33522886802', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'd050d4e50a9531ab55e2067aa06ddec1b305a9e2', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'b24534e2552dde379d3efba4483f3d27c6670218', accent: "ghost" }, index.h("button", { key: '423c29fdff283d30ef6147f326758ee7c93fb31a', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'a7fdfff0dbda1a6d2029dc13e84a85d6564f1376', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'd9d3ab133bb592197408f341065e2dbb2b8753b4', accent: "ghost" }, index.h("button", { key: 'ddb8325a937e7d2946c5f56a26637fb2640bde75', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '1e747e734c6cf6d317b5218e6fe7b8a8596c3fd9', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '67e0eee4f4debcfdfffaec8b7b943c59cbe8d30f', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'ac1d387f0a766e4a3941e2b2c34ee4926f233e10', accent: "ghost" }, index.h("button", { key: '1df260c78599dcd514839cbee174081eaf4e7961', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'f8034d5d949ff294ed31c4576e33c920042f0863', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '9e23bfea370a888bb6bd6f5e562299524ad5bb85', accent: "ghost" }, index.h("button", { key: '55147c99e00e601e8a29160d3f0801f029097578', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'dcfe9f61c9f775427f98244619cfdeae88e552c2', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '45100f3375b4d3bc6248bdaf4f3a5f19d0343b0b', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '7c2b52ba5c9e43de2213df8183a5197751249d4b', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'c34328f06f22e700fa26bf8fc90219f7faf5e66f', accent: "ghost" }, index.h("button", { key: 'a0798d70f1098c19255b44df29085f2f34006d36', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '7fdae1bc2e4b72dc60d9576b2d2e0100a58eb71d', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'a13cee840effc2d86d163cd190018dd345030beb', accent: "ghost" }, index.h("button", { key: 'd385a2de26d53786cd40a49c69c669373149b4d3', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '8288c2727740e55f0bc3b851702bec93ec14a551', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '8a4e7f7d0e904187bd1a619a2321bda0189fba7a', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '972f2ba87d9bb2c60d5dfc31631f4fa7614f2b97', accent: "ghost" }, index.h("button", { key: '5aa6a7752e359565996f162abf6eda03c0199c47', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '70e3b754d3fa5e9c7602f73f8a106d9771eaeb25', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '41356030d74951070258b0a807e29d4595968fcd', accent: "ghost" }, index.h("button", { key: 'c938e80a109e5c924a568dc2858951561f6bf49e', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'eb002910cc9ee53bf0c699ae23e97defa17e3227', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -248,7 +248,7 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'ee9d0a4bbe433a495f8f1e5ac80b73365f2a1b87', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '7ec24cfcd96d14519266aea89a7a2b3e88b3b599', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'a10e5fd868ba68c62113ff1c724321517cbca501', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'fd717e99897bf74f48fea9e7ef715c59ac13f4ae', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

package/dist/cjs/gux-pagination-cursor.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 

package/dist/cjs/gux-pagination-items-per-page.cjs.entry.js

@@ -38,7 +38,7 @@ const GuxPaginationItemsPerPage = class {
             }) }, index.h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, index.h("gux-option", { value: "25" }, "25"), index.h("gux-option", { value: "50" }, "50"), index.h("gux-option", { value: "75" }, "75"), index.h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (index.h("div", { key: '2105763eb78b005dbb847626bb4f126f52cf742a', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'de5a87fb380f4a775b346aa592f7a93501a0426b', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '40039c4e84e5e50f005decc4ac96bda16d8eea41', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '8bd581515ef9eb4c907a1a0c44c14052f88e049d', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '82c862cb941dca550e119e0163419693e14f7036', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'fc0cee0cf716098f3738cdb52f02b70b1aabc178', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.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;
@@ -68,7 +68,7 @@ const GuxPaginationLegacy = class {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (index.h("div", { key: 'd4285771fdf06b8c7713fed2369cd1e53d2c07be', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '339063e1ff388686b30d024c94f85850cb6031f1', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: 'bdb7fd89985d8e8a6fd22d1596a3fb006bab9c81', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '654d8b6445ec7f27e3339a10cd3f74d8224da2c4', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: 'ccbc94f4667addf83eb2b2b1a0e087e811a8dcdd', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '632c3fe1d662df021ad61361d68c7803aba41246', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.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;
@@ -93,7 +93,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (index.h("div", { key: '9498de89d479091d7c528422d9401b02b7142d84', class: "gux-pagination-container" }, index.h("div", { key: 'd0474d5c38369580a50e990b1ae0ad8b3e22cc83', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '8efb699b339945caabfed3d5adcb196858ca4e60', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '6e97ed0fc483caea26fa300f27c8c4e920a24d18', class: "gux-pagination-spacer" }), index.h("div", { key: 'ff371cdce264e6b336cfd99147c9b8182d351f4b', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '45eff5a2e14ee5643625bd300cc246b44b428e80', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '3d7c3ddd6c23ffbef7cad8bbe0ca216c868b5d09', class: "gux-pagination-container" }, index.h("div", { key: '7bd4c2c55cd8188e0c6e249298ba2d14276831a4', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '9970fc82e7d569663d850bf9f1ebe7dc972b35bd', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '6813fa73e796ad4fc35363b06f6d254819200d15', class: "gux-pagination-spacer" }), index.h("div", { key: '2376b3c5df8dc0fccc9de8cdd973ba376af78122', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: 'f9d5c36d5a7e3c818c00e3dd23f1fe7f1a83c3e3', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 const index$1 = require('./index-a1a48d79.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
@@ -2324,7 +2324,7 @@ const GuxPhoneInput = class {
         return (index.h("div", { slot: "popup", class: "gux-listbox-container" }, index.h("gux-listbox", { "aria-label": this.i18n('regionDropdown'), value: this.region ? this.region.alpha2Code : '' }, this.regionOptions)));
     }
     render() {
-        return (index.h("gux-popup", { key: 'f0d5ba6f25fddcc4be5ca4124a9b933a61e7e8e3', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: 'b294342bee9d5a6843ed245f080fa05e8d357e1c', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 const findElementById = require('./find-element-by-id-fde17c92.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)}";
@@ -33,6 +33,7 @@ const GuxPopoverList = class {
     }
     onKeyDown(event) {
         switch (event.key) {
+            case 'Tab':
             case 'Escape':
                 this.dismiss();
                 break;
@@ -132,10 +133,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'f5b4e19889b421bbf0380179b433ca4730e582c9', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '21bd8df70a9c8378933aa1deccab0f587319ebc6', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: 'c4122ed34710a9f980eecd7a5d18c3b6f42951db', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), index.h("div", { key: '8f81f5c0cb72d8f72f0502202e3e5310b9bbbdc6', class: "gux-popover-content" }, index.h("slot", { key: '6b1b38e7161ab4250c5ad1b7fd00dedf949f5c8b' }))));
+            }, "data-placement": true }, index.h("div", { key: '6564b9595794d1d0574d76da708b298eddb356b5', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), index.h("div", { key: 'b9643cf5e182a6cbcfcc77d55ab78930717e60b8', class: "gux-popover-content" }, index.h("slot", { key: '521680f7258dde49777a1b12f6a87d9ffd88daf5' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -96,13 +96,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (index.h("div", { key: '9e53f22cffb93df1eb198af2e647efb2c333353d', class: {
+        return (index.h("div", { key: '6c5608e245f2d32ba39b733185ec9223f96005bb', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: 'e109aef172032431187e7c8afeedd5e3b37879db', name: "target" }), index.h("div", { key: 'd9e8fdc4d6efd0126b7fc0f15269203470840c4e', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '78163edba7c8cbc608eb960a5cd640f498802ac6', name: "target" }), index.h("div", { key: '1f871e1a5512dc506ccbb2337ab9cc6b8e92de2b', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '744054dbd67ddefcdb2ec4b858237b40bb0c2db8', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '18224e8e6ad423552ca7463532af48c063c6d104', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -45,7 +45,7 @@ const GuxRadialLoading = class {
         this.getI18nValue = await index$1.buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (index.h(GuxSpinnerState, { key: 'fdd0d9d74de23d49b892702b8902cccf1eb532dd', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: '5353463549f7761c8a208f6ac5b6000b4cd532b3', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const clamp = require('./clamp-e86a226e.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 const logError = require('./log-error-7b9d4b57.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)}";
@@ -108,7 +108,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'fecd04606d7e727ef519f3de997d6b7f8d206eca', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: 'dc867cc0c04febe6613c8c2094edc9cc2899b7d3', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: '43caa5a186a3095a19635ba7e1939081eb58dd6b', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: '2bf707e39cdce1f3eef4fe82dd8cd0675e05f74c', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

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

@@ -28,7 +28,7 @@ const GuxRowSelect = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
     }
     render() {
-        return (index.h("gux-form-field-checkbox", { key: '7145bd889aea8ded6757667e8ea0daca9d12aff7', "label-position": "screenreader" }, index.h("input", { key: '9dda4bdd783d257e3c7605863dd71b3f84ac0653', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '7d33e387ee248ddf1434f65a260aae795fe8aaf3', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '73e804d56eb6923a6eec8b76d89e3be711dc5746' }, this.i18n('selectTableRow')))));
+        return (index.h("gux-form-field-checkbox", { key: '7be367dd957e4ce998b7831a710533877b4a57a5', "label-position": "screenreader" }, index.h("input", { key: '9e31e17cfd0053ac3ac2c328ac32f9b7e2f70cc5', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '5bad33bdb9146bc3e24ca8fc254afa8fb7d325f6', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'abd39377a4e4228e66c53f7a83e0632235905610' }, this.i18n('selectTableRow')))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.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;
@@ -16,7 +16,7 @@ const GuxScreenReader = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("span", { key: 'ccea34e243df9c03383d4d1a48e66829e6ac7869', class: "gux-sr-only" }, index.h("slot", { key: 'ddcbe8ed254a028c3c883ba51e7c373879d35e01' })));
+        return (index.h("span", { key: 'ab62b771828b0d44468c7220b0f4985ba82457bc', class: "gux-sr-only" }, index.h("slot", { key: '37ab3b9a95d91260ea10e940180045693451c5b4' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -36,7 +36,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '6a0a93cfaaa538b5cd410c0287a88aef10eaca10', role: "group" }, index.h("slot", { key: '5b110b0b36f8c05798508f3ab237cf0142bf5e6a', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: '94f6ef5226c14619ca405c342abb086ffeb483f1', role: "group" }, index.h("slot", { key: 'a367904d82d5e70e4b54186e903f146279486672', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -50,18 +50,18 @@ const GuxSegmentedControlItem = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'ea6d18d2b2f34e809bde11950d95b3cf41b0111c', class: {
+        return (index.h("div", { key: 'd91ef096989c854b0a65713c1102b94a842caaeb', class: {
                 'gux-container': true,
                 'gux-start': this.isInStartPosition(this.root),
                 'gux-end': this.isInEndPosition(this.root)
-            } }, index.h("button", { key: '6b7a963f730c37cb8ad0ed5174937facfadd944e', class: {
+            } }, index.h("button", { key: '96d54e7dce6661d3c7749f0fc3325529d00d2ac2', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), index.h("div", { key: '1dabd619aaa056e2a21b0b003f832669450c6c19', class: {
+            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), index.h("div", { key: 'a6c5baf28bee4abf89ce7665e88b456492bd2dc0', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, index.h("slot", { key: 'badc4c528a7d9bc2a0069d18a4230110bb8c0b60', name: "text" }))), this.renderTooltip()));
+            } }, index.h("slot", { key: '4a52bfeae2a62f8c097fb322afc427574df6445f', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.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;
@@ -18,7 +18,7 @@ const GuxSimpleToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: 'bbfcdff4fb0154e14fa6037e781bd59a2eba5a81' }, index.h("div", { key: '74406999a20a3d58be13a9d4398c91c0a92fc314', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '084c6f8e6fc802081c14c0e6c76c7bb050ff1518', name: "icon" })), index.h("gux-truncate", { key: '9e29a25246b3b8621e83e5e29eae0dfe6e0b4654', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '63127bc7595801452ab8a77b03406dd055b1a74c', name: "message" })), index.h("gux-dismiss-button", { key: '97cfe5d517e0d7bd035c6442043c3a06cc316a53', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: 'e3d5a50f9457ac5fe0051315cba067f0fcf55600' }, index.h("div", { key: 'a787292f250ca8481c72dc464952e3922526f95e', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'e5cb25f9d167e64a7cc1fcf830fa30c970b035d8', name: "icon" })), index.h("gux-truncate", { key: '0808642ce2e9bcfd5f4a8d1f9c33f00d9af77810', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '3afc276b94624fe8bfba201f49c02ac7d1117850', name: "message" })), index.h("gux-dismiss-button", { key: '5ba90a53f7b73015b0b3caede819bd4d328967c3', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -12,7 +12,7 @@ const GuxSkipNavigationItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'f1271efcaca68dc0392e64bb14397841d1d6ac15', role: "listitem" }, index.h("slot", { key: 'a65791c674cf1dc0883ed1070f99d18dafcb8e54' })));
+        return (index.h(index.Host, { key: '4bf995ac7117ec85813d94e57dc8572de8df9e3e', role: "listitem" }, index.h("slot", { key: '98523230bcd3c07ee729f970997bdbf5700bf1d5' })));
     }
     static get delegatesFocus() { return true; }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const navigationName = "Skip links navigation";
@@ -24,7 +24,7 @@ const GuxSkipNavigationList = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: 'fcc3e554ca1e3b43dfdaf580e6d0a1ab2d56d98e', class: "gux-container" }, index.h("nav", { key: 'dfa68f810a4231c7c9dd829486599e7092689657', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '43c6a8150eff916b47aab0fb49ef0416c7d7a6a9', role: "list" }, index.h("slot", { key: '49f8432f1c7b4ac1fe60fa68ab2e1424a46e49e9' })))));
+        return (index.h("div", { key: 'ee3d3a84882c60e76b2309ad5a5d736df16c77d6', class: "gux-container" }, index.h("nav", { key: '93e72efcf2794f14c7d81585cd8c6a7c6a49d63b', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '1a66670bbfd0a09165cd59ed44d016058464fdd5', role: "list" }, index.h("slot", { key: '43130e35f4d83be3f36e003801da219cbfa4c323' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const onMutation = require('./on-mutation-d800434a.js');
 const en = require('./en-807a354e.js');
@@ -108,13 +108,13 @@ const GuxSortControl = class {
         }
     }
     render() {
-        return (index.h("div", { key: '5c11a34d74087a904fe4c09b6b8739a65e528b1c', class: "gux-container" }, index.h("button", { key: 'aa90eb9697542570a0fd118d2f02ba00d36cf223', class: {
+        return (index.h("div", { key: '5061a437e430076dd9b359020f26c2d831501af1', class: "gux-container" }, index.h("button", { key: '153586b2c7dc69275db2d385b410a68800706eca', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '3d846402e9e02a7f68f54aace12da8c6d280b9aa', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '8593838c6bfffc4e99cec979ac3f803e3b3675e0', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: 'edf166b4add448bca733df7de64871286b477f48', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '238dda48eba1784756db27990dec3520cc074c70', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -146,13 +146,13 @@ const GuxSubmenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '94a979913c252bbd84b979ff5bb8e5ccc17e96ed' }, index.h("button", { key: '472c30adc0547602f093d1544b7092336600ea51', type: "button", class: {
+        return (index.h(index.Host, { key: '06e91179795fd44dfb968bb77edb9114f2ef75ab' }, index.h("button", { key: '174d7336d8ab207d196d463435729a31de8d4e7e', 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() }, index.h("span", { key: '9b435406dd274bec318b902097d23ec48cdbc449', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '07d9f631eb30f6ce316a544cb9e60e1bab8cf36a', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '0a2afd388778cbdad5d4851aa3f301d9f513753a', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: '79579beafd7b23d8431d4c434e21a64667e019b7', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '5f26638bf16d44df48f6f6f2806a4fe876bec763', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '58ff762c15c58571bf8e45eee189922867b7bce2', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: '29a9b9a22641e72822b605224cb0feed4a0478ef', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: '51e747b8129890f318dbfb4fbcf6d1f20d05a331' })))));
+            } }, index.h("div", { key: '852723e913dab6b00f32251c7a6c640850346045', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: '882e08c9a1e99b1d82903eb863576201836e15ba' })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -20,7 +20,7 @@ const GuxSwitchItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '56f068990fb4efa7d9bcf4bdfc804566f0278eaa', class: { 'gux-selected': this.selected } }, index.h("button", { key: 'e7b404cfef82ca41c150b49ebc6d91adde938a71', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '3d2bd71d34aa0c48301a229a0b1c396b714f9e93' }))));
+        return (index.h(index.Host, { key: '8ee74fa80afa8fad5f174c2f54fe9de9a164b612', class: { 'gux-selected': this.selected } }, index.h("button", { key: 'b0674cc0fd5c77da2554ed3aaecad71723a0d0c6', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '8c1ad177f06e1209e91a582f3d3feb793e0257f8' }))));
     }
 };
 GuxSwitchItem.style = GuxSwitchItemStyle0;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;
@@ -37,7 +37,7 @@ const GuxSwitch = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'fe49b66fbc5afe91686a3953d62449e80a9a7399', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '5bc85c04e73c8d8f03c70701d84785ad43473c9f', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: '77fc78ce09692a225ed38bffee0e0fc76aad8dd4', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '90776482a08f73ff646f11b5794148c843913b5f', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3075,7 +3075,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            index$1.h("div", { key: '62b25ee09c4bb35a373e9794ecb7860141842387', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: 'fc70bb4f47e2790857207cef0b717d7775c8d5a5', class: "gux-scrollable-section" }, index$1.h("div", { key: '5dce715b6a3653459e0f5dd9e0f8b9baefebdb90', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '34599ef3bb3651febd223a69214e25e481e4fb8a' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            index$1.h("div", { key: 'c50e23d90981ed22af60e8fbc358909b5838a5f3', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: 'baa2568aeecf065bb2f39ea89c60d18616101d51', class: "gux-scrollable-section" }, index$1.h("div", { key: '62d3fb9a5b4227db0d64ed4546611ce084fbbc41', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'd1fb855300f2a0156b88a1ea59663aa23762b502' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {

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

@@ -24,7 +24,7 @@ const GuxTabAdvancedPanel = class {
         }
     }
     render() {
-        return (index.h("div", { key: '6080e0aa57e73a72ad3cb854742d30093fe5ef5f', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, index.h("slot", { key: '534366259b787d3b77d9c3d0c279d515f28d477f' })));
+        return (index.h("div", { key: '193eb08153e8c27701713636a28b39b138094d4b', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, index.h("slot", { key: '44652699a43530edf9a07ddb3f01fa536b055da7' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -159,12 +159,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            index.h("div", { key: 'a557fee082f4047069320f0b7b78ae50d1a1fd25', class: {
+            index.h("div", { key: '6da6a0a303a961c3013befc98add51070397e988', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: '2b1a58e5393c6a0c88a07770c1f4f5506b4bdca8', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '076796a667cecc0926f01316d0fe043aab31d3e6', class: "gux-divider" }))
+                } }, index.h("div", { key: '6f2ec7144195b36c5bcc90cba5b31f4c702bb383', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'dfc248974c5f894b2b260574fcfbf196aba6354f', class: "gux-divider" }))
         ];
     }
     get root() { return index.getElement(this); }

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

@@ -267,9 +267,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (index.h("div", { key: '0dda7a3415a1167480f39a917343da9bcfd70d38', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: '7186527b3c9556653657823916c81df0517e2b9f', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: '5e15f0d1c1dd19c3f337885559bd43946894afb2', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: 'f0bb1c361232a99ad987fc50a20adde7a6dc125b' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: '88a56c6f6051cd28eb41b84cc73ec5bab4c096fd', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '8982340fc7ddaaf53815fd123e9935a3bb299e51' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -24,7 +24,7 @@ const GuxTabPanel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b2f83aa052f3494729a40d7786f98f14f976cf0e', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '1999f5b5f2a31ae2125a88504f3fb9ff3087c526' })));
+        return (index.h(index.Host, { key: '9e49d3b8389fbfefbbd6295e939e1d6b730b1537', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '79f8ec239a94776ee84a51c66eff02898324ee6a' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -41,11 +41,11 @@ const GuxTab = class {
         return this.active;
     }
     render() {
-        return (index.h("button", { key: '3de6431d4ded8976dc3979860cabdef75fcf4502', class: {
+        return (index.h("button", { key: '12b4385a7cae582c3acda9ba182564dfef5ac62a', 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) }, index.h("gux-tooltip-title", { key: 'be9ce95f2a6151c3bbb69a910cfc4e8d41367c24', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '7bd5c538be7cf313c14e4d5a2fda6dd20f05900a' }, index.h("slot", { key: '877b504236e84e8689611ec71023f33daf56d312' })))));
+            }, 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) }, index.h("gux-tooltip-title", { key: '713b5dc23f9a9b6241a302380b1bbd3b52cced1f', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'b0d721d39123ac5d276ec2023d48e51edd55ffd1' }, index.h("slot", { key: '5bf34dd225e31be61487d7aea037396cbd2d795f' })))));
     }
 };
 GuxTab.style = GuxTabStyle0;

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

@@ -77,7 +77,7 @@ const GuxTableSelectMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7876e3d6951100997f6425bba787a98f33213719' }, index.h("slot", { key: 'e280661544f8cfc70866e5f8861ff6f81798fe97' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: '92e1223598997d4027db124fe3ab9dfff72638b1' }, index.h("slot", { key: 'c9603deede8a66b01e28b963149b976f1ea5a90b' }), this.renderSelectDropdown()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -66,7 +66,7 @@ const GuxTableToolbarAction = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-table-toolbar-custom-action", { key: 'ea1c8170c48417ea0e4ba177f9eeba985a25c2dc', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: 'ca2a9d38af84224c4d30e70761d319a27eafae3f', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '1c2d36a8195b38eca94d37d4dee12d740d44661c', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (index.h("gux-table-toolbar-custom-action", { key: 'b0849a2b4045acaa8a47a84ad44a33b159891a48', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '9b1760e4ccaf39092c3aeef579885fff2dc70c7b', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: 'c3dcc971f7e114e07534bf452c9c6c1295dc7216', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.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)}";
@@ -31,7 +31,7 @@ const GuxTableToolbarCustomAction = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-button-slot", { key: '7427b20dffe6f533f3e23fde50871018bc3e2b49', accent: this.accent }, index.h("button", { key: 'e2a597c17f2e757841f49b95975f7558b8198f0d', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '7d3b75390a7ba6283577f9fd56be7c7ede9c48f9', name: "icon" }), index.h("span", { key: '2ac0f96317c5b177b09c251a6d7a98c49137cd4e', class: { 'gux-sr-only': this.iconOnly } }, index.h("slot", { key: 'd87bce1af18b66911b3fb9a840342d107d28a011', name: "text" }))), this.renderTooltip()));
+        return (index.h("gux-button-slot", { key: '974b86b36fb2d44cc4f0b527631e667def6d41b8', accent: this.accent }, index.h("button", { key: 'df4c83d6f12712d154100fafb5a42cc3a524579b', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '5fe23e516585d0159c0309275438e24167eda4f3', name: "icon" }), index.h("span", { key: '6eb375a179fbca500f97d1ee1f097d5f2c73e516', class: { 'gux-sr-only': this.iconOnly } }, index.h("slot", { key: '8c1a28af955fe763ecff95d96f277d828e299bf3', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
 const index$1 = require('./index-a1a48d79.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -99,7 +99,7 @@ const GuxTableToolbarMenuButton = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '0faf4b030d12e4d1dc788f694b612597a38ad811', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'eac90a764458a196b30204725b78a6049ec5d3be', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: '46ec29e96a9c69cae190c923b94d310de5c9088f', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '926affccf7d55780b5be8c91cdf15f01c77e8f33', class: "gux-menu-button" }, index.h("button", { key: '1546a325c2f4f722dda4112e7028e5aeb5c2de6a', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-tooltip-title", { key: '132f61419e934f865ef1cdc6e8af377889241321', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '67e83ce29989259dcf2b2abc9f8e04f48c4dee3b' }, index.h("gux-icon", { key: '743acdf950e0ce21efd34427ad708440aac1ccaa', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), index.h("div", { key: '270599ba63bb7a419fc0baf1f224899fb2a674a3', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'e8ae26aee3abf333a1cc646ab66d6ea4e657dc99', ref: el => (this.listElement = el) }, index.h("slot", { key: '51ae5191634769dd200ad6ebb89ec5c5a1973d03' }))))));
+        return (index.h(index.Host, { key: 'ae421aa40b78134155e1be1568655ecd3e254b72', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: '8b51d8e4e0256e5487c1d1cc01beeddecf8b8040', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'b66916300104c23bbe2200804277f60e9124628a', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '0a2148361760a2b45f21314cff3e2858477967e0', class: "gux-menu-button" }, index.h("button", { key: '4e8a1762f6aafbde0b9423d15f8ad7b9e734f387', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-tooltip-title", { key: 'd3da66f847fafc1d1605ee6bad47e1f82f2e1bb8', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '9e72c7339e8e5f2a878ad20aa8441406a9842caa' }, index.h("gux-icon", { key: '3c3af71054d35884390997ecbe9580f4617d48c6', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), index.h("div", { key: '966e81dc16473e7782d018a21cc8270b8e1da6ca', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '3ffacefa93eab0de00e9db8d4d2b9157a01ae79a', ref: el => (this.listElement = el) }, index.h("slot", { key: '6d45cecfc042ee2fea04a80cc654fa9472fc8866' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }