genesys-spark-components 4.29.1-beta.0 → 4.31.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: '593f6c001948188e54c301efdfe6aa031255b7a8', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '9c0bd7211f773f8f492193eeca974f69456d8588', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '33c4a33fc6b0620c7595f1f5645c63c05e70402f', accent: "ghost" }, index.h("button", { key: 'dfb509bfbb1719278e8e1bb0cdb350ba3a96632d', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'c28b78052595b3ae3b903011685be2d25d4bb57a', decorative: true, "icon-name": "chevron-double-left" }))), index.h("gux-button-slot", { key: '823a26cdc43783d61dd07a321191679f118d60f5', accent: "ghost" }, index.h("button", { key: '8ee40251757b7fd33cd3def62e1385fe8f67065e', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '3e00c761635549f18406ac0689ef410d1f7cedc7', decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), index.h("div", { key: 'a056ab5312a98e597bd08f6a023db653115f5f0e', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '85b010e556b036b5e6b49cddbda831df3bb048bd', accent: "ghost" }, index.h("button", { key: '6f8356037c05cd2e07607d298bfa2febf1d43efb', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '31598a969e084b23c56f126b655ec4dd4711fbd7', decorative: true, "icon-name": "chevron-small-right" }))), index.h("gux-button-slot", { key: 'bfa05ac48557735ade8cff2c8349ab731fbcbedc', accent: "ghost" }, index.h("button", { key: 'a7626e099a683019c0e6d215b2967d15eca872d0', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'b506c68adf995f08617c922e5026c74f5dc9517a', decorative: true, "icon-name": "chevron-double-right" }))))));
+        return (index.h("div", { key: '68c26b3028180eca331f6c4d4492f40bcc17b83c', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'ea5a2ea87c91f1c1e68e7af1bbc763e60ca12990', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'fc87e59c1504e0bd9d511e413c9ce47de2c842ea', accent: "ghost" }, index.h("button", { key: 'bc07f900b1b33f92d653f10b6c352f851ed18639', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'd6fbe39efb8ff3c0973f4d62dcfee81816a9dfef', decorative: true, "icon-name": "chevron-double-left" }))), index.h("gux-button-slot", { key: 'e65d3038878d9a2eab36e4ea7f697a0fc56273a6', accent: "ghost" }, index.h("button", { key: '02f85dbc8a685ea1099093d0a48dacc381b45157', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '6549d4abc2040a5622f34d1bc5eb25870bdf3a7f', decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), index.h("div", { key: '634c8a6ddd8306b8d57a5c3c890cef60dd46dd79', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'e08a26f6c72221838ff777de2ec1350e8180bde6', accent: "ghost" }, index.h("button", { key: '9b62b024342d37f2361e491b2e8daf48866cccec', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '53fd843d036cdc2bb9914fa4c6ed93fa624be4b1', decorative: true, "icon-name": "chevron-small-right" }))), index.h("gux-button-slot", { key: '4cf80e2b84f75a88deea23b7fb71a3065b2b4815', accent: "ghost" }, index.h("button", { key: '83ce3b79fa642204b5a46049c29319bef55501c2', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '3e45facfcf68ebe0aca14e09f3f5503efc071313', decorative: true, "icon-name": "chevron-double-right" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -248,7 +248,7 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'f71829cc8c4e4f577c3f6426d0d1d61880530965', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '62bc3d24d4ba1b088e3aa59119f42ba40250211a', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'e1b6250d05961a2f0d9a719c7c31c55759ac4aa7', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '7666ca07742007a3c7dba107d1472350133f21e1', 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: 'b5e4323e9849899dc52d879469d3e0309658a11a', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'a61d6b49b8e56625469a88154994a8c9fffd042e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'd3d7ed8f10c827dc007743c360078543939147fd', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'e36a6b3e62a797b2b158a14c8833064bc5ce9d20', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '5a58b4487e57701b3cc25bc9f249923315107c24', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'eecadbd893f80e5565436b652326a4254c42d25e', 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: '2a2e8ddb9120903a48bf45ac562f89d1dc4a3a22', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '327ab4a9570515f15a133c3544b1e84ebc1e88ef', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '5729b190bdcf636b2bc21014fd4b9ba925c12343', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        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) }))));
     }
     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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: '00be70bf087dab63649f4de07150fdaa61a1c904', class: "gux-pagination-container" }, index.h("div", { key: '5f2576d4b32916f4caaf619fc62ffbe4514df0c0', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '72f3e5f2454d3ff660fe4251ae43c068770abb00', "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: 'd4b1de8070a0e53e1cea28ef6c81907b1e38444c', class: "gux-pagination-spacer" }), index.h("div", { key: 'e540ae2d2736fb8c99407504e9c517e49d16913c', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: 'd314c64295f03391993c61cd585a36094a3e512b', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: 'd954e174bfe6ace53015eb0e5b2ee5e0d540763c', class: "gux-pagination-container" }, index.h("div", { key: 'e735c33855bacd2c1289d8c6172ba57e21224290', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '93f40ec41927651d1d2849899659472617235014', "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: 'a51efeae5059f83bec35979aa5bb83c135ff909b', class: "gux-pagination-spacer" }), index.h("div", { key: 'c1b835c115f0ff9c17b65af5c160aaeee2b72041', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '0f3261daaede555624ad3ece107e07c29b0ad5e0', 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: '125397fe2bf46c465bd2482a2230b29ddf2c75e9', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '7e2dc1b8626e2f1a2afabc128d44fa7e6858679c', 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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)}";
@@ -132,10 +132,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (index.h("div", { key: '93a01ca319df39dd65c4391725cf2ea25d391527', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '2d328dbfea8d361b8708f653502edf9efeb9220f', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '3b2bc9c9591fb17f1b1c7c02b4c168490513ca19', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), index.h("div", { key: '70655782984121609b0acc2ffc82bb022e043882', class: "gux-popover-content" }, index.h("slot", { key: '782fff3a74f8563a717823de04800f5eaa8fa326' }))));
+            }, "data-placement": true }, index.h("div", { key: '315fdf855799c6edc5a0db68238dea247eb871ab', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), index.h("div", { key: 'd6957f043c0b8c2a716b2c3c7e909a853edea52d', class: "gux-popover-content" }, index.h("slot", { key: '2b2610d8ec5b28d9189d128d22a906bb280d808a' }))));
     }
     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: 'e17a1528af3be2381bb49e654ffaff8be14588c3', class: {
+        return (index.h("div", { key: '5eb4b7ce88eaf631aaba2544518585a943876cd0', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: 'c0be9e94bba60b6af8a747f40dca2b9ff82d5e13', name: "target" }), index.h("div", { key: '11bccadae3d6d40af3747d697b79c31132d90199', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: 'b3d7b4bfbafbe66550caacffaeea250b0418b8da', name: "target" }), index.h("div", { key: '0d36a0b8b73714c8d63e087d4f5a67d54041eb51', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: 'b15212bf3336f4755704ecc16660e5cd4091c7e8', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '594c5da18d550a3ea8e5186badf8c16e83f3554d', 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: '673f7e1b3c1059ea7d77eea8ab43602b52f6f805', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: '11d2abbdf2afd994f52ce9db70aa12c88f5f1bfb', 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: '05c2a71cca500d52a492bb86dc1dae4e23cdb854', 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: '0470d153375c14253d6adb397c5337c978a0751e', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: '96c2371b7f30b342c33e1de53b38317f5c743f06', 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: 'ccb9bf8fbcafaf9f77c9509042d6ac369683e27a', 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: 'c9b07b21146e8fa832e58171521fd2d8c2366b93', "label-position": "screenreader" }, index.h("input", { key: '71ebb0fe0a2e0fbd7c2e9187a3a9f2523fbf0a9d', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '2073263bf498db3bf5f8679d3c2b87aeda3922e8', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'fc74b3c5536835461e947b02102c4cafb098743a' }, this.i18n('selectTableRow')))));
+        return (index.h("gux-form-field-checkbox", { key: 'b02fc706d89b404c4602c0467963e5bd1cc6906f', "label-position": "screenreader" }, index.h("input", { key: '13da72170771456e9a8388690cc1faa10188799e', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: 'dab43582077ea1e10bca2ba91d6847c67b242b48', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '8b6a2e260d8c0821e187aee92be1487d7d8496e6' }, 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: 'fc84dd113fa4434ac8d0aebded7c13531209d434', class: "gux-sr-only" }, index.h("slot", { key: '9f2f069f753cc6fef7d6c175faad408d262d7f90' })));
+        return (index.h("span", { key: 'ccea34e243df9c03383d4d1a48e66829e6ac7869', class: "gux-sr-only" }, index.h("slot", { key: 'ddcbe8ed254a028c3c883ba51e7c373879d35e01' })));
     }
     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-9db4cf68.js');
+const usage = require('./usage-018c2cda.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -36,7 +36,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '0affcc86e73a4d3a6e1fa9921351fa511529a030', role: "group" }, index.h("slot", { key: 'a6a8b0398f8dd60a6a941bdfd679a3fef5e120ad', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: '6a0a93cfaaa538b5cd410c0287a88aef10eaca10', role: "group" }, index.h("slot", { key: '5b110b0b36f8c05798508f3ab237cf0142bf5e6a', 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: '77708c4c0ab968593cd388525a7d8379805712f2', class: {
+        return (index.h("div", { key: 'ea6d18d2b2f34e809bde11950d95b3cf41b0111c', class: {
                 'gux-container': true,
                 'gux-start': this.isInStartPosition(this.root),
                 'gux-end': this.isInEndPosition(this.root)
-            } }, index.h("button", { key: 'd86743ecc03058a961f9bd4e9f378145130c915c', class: {
+            } }, index.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(), index.h("div", { key: '395726ada7e81251b44176e726e8966ab115b274', class: {
+            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), index.h("div", { key: '1dabd619aaa056e2a21b0b003f832669450c6c19', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, index.h("slot", { key: '7f32eabe5c32346487153ca4c17ecc683e027c54', name: "text" }))), this.renderTooltip()));
+            } }, index.h("slot", { key: 'badc4c528a7d9bc2a0069d18a4230110bb8c0b60', 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: '5f4abff5db2d97a326f0da5f8360c774c1f2a5a7' }, index.h("div", { key: 'd355b24f097846bc3cdedf86db6cd914366ad793', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '5e17ff057970493e4fa3ab4b9e670e628b13d413', name: "icon" })), index.h("gux-truncate", { key: '3387b6a1c317697ec271c1895d034b2245bb417e', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '5fe9515b654ed86d9f2183a11bf56d68b98271b4', name: "message" })), index.h("gux-dismiss-button", { key: '8336a43a6b9f42381f69ba1f69518514be42eab2', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        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) })));
     }
     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: 'dae99892e1df459884e33b7973a93a5aac14d6d2', role: "listitem" }, index.h("slot", { key: '07d133319c36461c422affa5e1fe818965016d99' })));
+        return (index.h(index.Host, { key: '1887b499135d19d5f843fac97b15e235d90b750a', role: "listitem" }, index.h("slot", { key: '399e5a3c0cb525d46f115be96239e92529c4f374' })));
     }
     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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: '9780c57e4f6d0cf5489fdff698efecca6abcafec', class: "gux-container" }, index.h("nav", { key: '0586fb6148c7670c1eda0b50074e4c7b0b464e88', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '436188729818b4c0c56932c136f4a5cfd49a7ab4', role: "list" }, index.h("slot", { key: '6f3b6465899289f50b458a93903ac68dfc8f147b' })))));
+        return (index.h("div", { key: 'b92233dddc1ea48b29b4017e0344cff883280485', class: "gux-container" }, index.h("nav", { key: '853f5fdff8d93a12240dd769915ca0b0c91c0bba', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: 'd8e619e692367b64d4812661464b44fde60009c3', role: "list" }, index.h("slot", { key: '8a18fa02b1e382cf65f56dc791bfb1a86e51721f' })))));
     }
     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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: '2c5efbeaa22ad8bcdbf55f95df7f6cdc3de00ea3', class: "gux-container" }, index.h("button", { key: 'b40a0049132a26d0f99c402a24b2d369442ce38e', class: {
+        return (index.h("div", { key: '4c289043204844b7752da84f6a94317eb6558d22', class: "gux-container" }, index.h("button", { key: '19c37f191efc4cbed51fd55bea05cad28089f511', 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: '37e9a502d3d2786def6fb9f7591ab01ffe151cc6', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '2d35304858972fab94b57c59dfe4b3465922bd81', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: 'f3fcdb92db0adf6bc5ff09a21f6f079dbf55824d', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: 'df467ea1a64845d2544323c9cf2460fe5cff0908', 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: '8cb904ce38ceff40ceef005598c49e5c9989caeb' }, index.h("button", { key: '2f577f72340b4ce93aa09ce487ad43fad15a2d2e', type: "button", class: {
+        return (index.h(index.Host, { key: '4142e0cff0ea139614f938c8cec8633f390c1c26' }, index.h("button", { key: '9f3d67a9aab1dec4e0c40cb9aed97f77b0dbfc61', 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: '729cfd90f407a8c16b0fc502f34e94bfd8199368', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '01e4239eaf3b659016346eca3949c3b70dab228f', class: "gux-submenu-open-icon", "icon-name": "chevron-small-right", decorative: true })), index.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() }, index.h("span", { key: '6a91e6a3c40ad50fa3798ca1d42ffada376fa1f2', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '144fd3f334f1e12036926aa97a2ec786a24ad028', class: "gux-submenu-open-icon", "icon-name": "chevron-small-right", decorative: true })), index.h("div", { key: '95ec9921f7c9ae74bacbcf0ab9fdf0282d7d56c7', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: 'f93a611f5caadd1c7a7fc15dd6261d252c51d35e', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: '5b634eee31a7a74a75ea658cff474fd7f9fd3689' })))));
+            } }, index.h("div", { key: '1412cf3cbf46869ee20fb71516fc127b7097ab8b', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: '9ef475ccb46900cb83e415f7f64a2d7ce4220420' })))));
     }
     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: '9477760111cde092778f6a0ed990d61b271896d8', class: { 'gux-selected': this.selected } }, index.h("button", { key: 'ac3675451703016d360a5a797cb0e9949c598786', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '8501fa4a7f55e711ff18f43f0791d2e9d6fbb2f6' }))));
+        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' }))));
     }
 };
 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: '432610cf0c9c117bf41bbdebeaf7577a7ff8c9d7', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '97fbe60c6782cebf617c0609ba002c1a3de23f8d', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: 'fe49b66fbc5afe91686a3953d62449e80a9a7399', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '5bc85c04e73c8d8f03c70701d84785ad43473c9f', 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: '9e02f2a4a018f32c36fe5d45b171eb92290f73ca', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: 'abf96090632ff44cbbd5ae1f73431ee6ce11c65a', class: "gux-scrollable-section" }, index$1.h("div", { key: '648ed086d61097a12a04f451f74a7d8df307cb77', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '20847e37c7aedef829682e750b4affbd71800239' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            index$1.h("div", { key: 'b5e2022f065a38da7ec9b52bb6bf6b5c5ca7d433', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '624412c772f268efb4dc6108cb3b423e62faba88', class: "gux-scrollable-section" }, index$1.h("div", { key: '14e335f0dfddea9ef22e534a0769483f74b1cc87', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'd9b9eaeb3efb233078394327b86ff71a7dda6e06' })), 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: '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" }, index.h("slot", { key: 'a5190c8b5ee7c65d97f230e3f29a56a7a813945e' })));
+        return (index.h("div", { key: 'a266a4281e64cdf0fc727727a502287d349f735e', 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: '66933c4b28938a9472bcd977222e5064c6527434' })));
     }
     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: 'b257c97aaa51c6b99cbf267184db7861164f1594', class: {
+            index.h("div", { key: 'b897c7005a1ee5e4c4fddeff3583108ecf93b898', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: '3213e11cc475fe43c728f91c42ddde5c6931c2e7', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '047df9bd2950797a0858beefdea46410bd782507', class: "gux-divider" }))
+                } }, index.h("div", { key: '4a3cbecc02408b9740c61df60a0efebbd691c306', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'cd3b23878f8bd4a14151caa43449cdc46d29b8cc', 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: 'c0155765a0339c3fd833972d0c68623882c4035a', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: '6fb4bb2fe2bbd648815b36d6be37677a16a9763d', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: '4ca58d61b9de4a383349dcc5e997ee2e4b452b2f', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: 'c644185249cf5a9a9601eea865221dd54bacc9bb' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: '0eb5dfc3d7447ade9cb0edee76b3889b9045f0f9', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '5750efc04ebed1153e08957a14207da5a1c78480' })), 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: '72fee1ca5dd5743d353b11f4e2be086d6fda3103', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '201ceaf770d8f98bd8b91f0b9def62a86e5dc72d' })));
+        return (index.h(index.Host, { key: '5dcd691ae0a35167e39c5f27b60747743bc77b9e', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: 'ed4be3a86694d026fe5bfc77038e6ce5217b1d7f' })));
     }
     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: 'f7a45d89fbd3af26b49ad9e60ca62f71febc9323', class: {
+        return (index.h("button", { key: '1e1f4d51a2e7eadc91cb1069a3ad68fb4a72747e', 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: '85930035b445995cde166d4c0604527e49a8e25d', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'a50cf1eb480380b9f5cf03e735c185a233ca6795' }, index.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) }, index.h("gux-tooltip-title", { key: '97f6af0809bf421eb7dd7225a484e194e4506145', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '5069172d094426eab6895d73e9d1a3b1a5a151a1' }, index.h("slot", { key: '7c3c934abae595c793be475cade713485d82edb6' })))));
     }
 };
 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: '5f80e7bc9e46863f7436fd0d6a2a9ed9f968abf6' }, index.h("slot", { key: '5d4a490a19f9c11f5a59aea3cfb60a1b633e3945' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: 'e038ddad0582ff66a5f2bbf61b2a681cff68c2f7' }, index.h("slot", { key: '7c5f6570f7aeb8190e0171d06554f150dc7ef10c' }), 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -51,7 +51,7 @@ const GuxTableToolbarAction = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-table-toolbar-custom-action", { key: 'f2532089089a680100ed18fe8c740f95e8b9b902', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: 'f9033f5a1dbc2094aeef95f294eddff80c6eaaf7', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '36f7c35698dcf9ea45f8d972a8c496303ce57dba', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (index.h("gux-table-toolbar-custom-action", { key: '44e02df40761f90b2c1fdbbf2165e311db678417', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: 'f47a2c132ba315de8638eba5cc70f20b19fd7181', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '9f3deaf1cbe29119564e790a3430d481aed90b1b', 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: '7b1cf3766ae7c7703940607e35fe3068144b2544', accent: this.accent }, index.h("button", { key: 'f3644abcd087a31e2b685524b3c2cd162628d5f7', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '5f9be7ba7a45cb24ba8155bd272f7ac030e2e051', name: "icon" }), index.h("span", { key: 'c4c01918a8fec97bca4ebce12cdd11c85e1521d2', class: { 'gux-sr-only': this.iconOnly } }, index.h("slot", { key: '068e4e088d0a240e847abaf5cc5998f72e0d01e0', name: "text" }))), this.renderTooltip()));
+        return (index.h("gux-button-slot", { key: '17ddff533bc9adf663986bdf68a650186c997074', accent: this.accent }, index.h("button", { key: '167318c6c1e011869d0fbe7ab90bb5b2a60aadba', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '9f3178eae4cf063245c13e8d8676b1f88b57a367', name: "icon" }), index.h("span", { key: '807b792d5dc04e7d0c084f50e141bc6da171cd04', class: { 'gux-sr-only': this.iconOnly } }, index.h("slot", { key: '28f191e9efb24327c5b0e5fb52db9ac463006dc7', 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-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: '3175ba759ce1523f16a0394692bfb8013a720fec', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: '8cb912663e187b47b8f9b26e55861999694ee246', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: '4d7f6af96be492d18c481d807080c614746f31d1', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '4b7711a78d65a0732b74ba7bca0675feefedb7dc', class: "gux-menu-button" }, index.h("button", { key: '6c32ef2e7e2deca2b540cf6177e5c1e681a16cd2', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-tooltip-title", { key: 'e96370557b8cd2e82152b2503d1bdb2abb301984', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'a2e71643cc5c0c51d5b997318200cf8ba71112f9' }, index.h("gux-icon", { key: '2a0b6d5623ea613ab2d4d91cc86005d775b16cb4', "screenreader-text": this.i18n('additionalActions'), "icon-name": "menu-kebab-horizontal" })))))), index.h("div", { key: 'e844c2f4f0e9e621ee0d8cc8854e5dad4d407651', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '5c2106f21ff6d5d2668fe59fc794ed0a4b4e7c26', ref: el => (this.listElement = el) }, index.h("slot", { key: 'fc83e45e51ea36ef4476ebe7ebb84cf1d458d749' }))))));
+        return (index.h(index.Host, { key: '500bbfbb0bf51d5f4f715b68b4c7e5596736cfc5', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: '8daeb2b41afe5fb576b86d2da1119be8cbe12e68', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'e0b04be5f71265efc87a7183ba3b6c0289a429ee', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '0787d530422e7e26dbd9f2244d70725758a6842d', class: "gux-menu-button" }, index.h("button", { key: '6952db1b736472e980caa9da4b686a6591b8fe9b', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-tooltip-title", { key: 'd2e921e8cd607abf6a3cd1dc83673f5185bf67ac', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'e4a2c23bd311acb62a163b7cd653b7951e8f70f7' }, index.h("gux-icon", { key: '35fa28d2be138094d04eeac17d57c88b60ceda7b', "screenreader-text": this.i18n('additionalActions'), "icon-name": "menu-kebab-horizontal" })))))), index.h("div", { key: '422cf4a9fde9b8734b3695d85f4e9ce247f46e04', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '729d13f3be2285171c1ba20d9641e4c33bb5b9ca', ref: el => (this.listElement = el) }, index.h("slot", { key: '05f293428f6cbc9f1e223437285d6d20d0594151' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }