genesys-spark-components 4.30.0 → 4.31.0

package/dist/esm/gux-notification-toast-legacy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-17be4097.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#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;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.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-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-sm-fontSize);line-height:var(--gse-core-typography-heading-sm-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -14,7 +14,7 @@ const GuxNotificationToast = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '20faa0a33a3f8081c936499c4e6b1e119c7bd987' }, h("div", { key: '959416493e3ce2457b092b425e1cc2885137cd92', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '7b00486c44a46a2803988b33ed56a7023b217a6a', name: "icon" })), h("div", { key: '0dab31caaeb88ec32109e4b4f9ce25607436eee1', class: "gux-content" }, h("gux-truncate", { key: '37a6a5ada174d481df0b6f07fb5165282032ec7a', class: "gux-title", "max-lines": 1 }, h("slot", { key: '88e6e507bec7b2af0208adcbd39a4cb565cca59a', name: "title" })), h("gux-truncate", { key: '26a5a66629cd361b1b5d4845515465bb30fcea39', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'b03dde7b210131c4659c40f74cdb95571520d488', name: "message" }))), h("gux-dismiss-button", { key: 'cd061a1aae2a319e757cc273a2096e5a834b3764', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '95f0699e6fa45841e5d1c9cbf93469776739706b' }, h("div", { key: '40f8dc61690012e3d0f9332c259b33229da0b978', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '046d5e3ca767cd3169ac5d467c881f6440c1cf24', name: "icon" })), h("div", { key: '7e92e95c11ee47b97867e79bf2071ff094eb7896', class: "gux-content" }, h("gux-truncate", { key: 'c2f72cd81ce25da5254689c83f80f3c8115de6bb', class: "gux-title", "max-lines": 1 }, h("slot", { key: '70d07f64b0bebb2e3b52e6710862897e702edfdb', name: "title" })), h("gux-truncate", { key: 'e6abb2d9a7ef823549b144590382c426097d9b1f', class: "gux-message", "max-lines": 2 }, h("slot", { key: '2d7941c85956f06d7d039f9b40a0caf8f6f0b6d5', name: "message" }))), h("gux-dismiss-button", { key: 'd994890293510eac8732ca3ee85cbc21c110d434', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/esm/gux-option-group-beta.entry.js

@@ -50,7 +50,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: '1f8371cf20b5ffcaa51e8a3dc2d290f473c863ba', class: { 'gux-filtered': this.filtered } }, h("div", { key: '7246e79ecb4f0112181433132bf59b6149c75165', class: "gux-option-group" }, h("div", { key: '1b88ef5fc7d324681563906dacacf0da3ebd9a3a', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '4ff183305a4378f21f324e8befad65e19b099cc2', role: "group" }, h("slot", { key: '8d28be3fa040501d17e814f8907e224b5f09dcfb' })), this.renderDivider())));
+        return (h(Host, { key: 'eeac3968c5961c9c25c1db2c55c2f5b187629b0a', class: { 'gux-filtered': this.filtered } }, h("div", { key: '9395ba72e7b1699215ffc36b73aa9f274772b4f8', class: "gux-option-group" }, h("div", { key: 'bf27b8c9178b19ae892a8d73286ed2982b2968d0', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'db086f7edbaf9a16317260100aaf68a0e0d1f0e6', role: "group" }, h("slot", { key: 'fa8af1e4f72c2b00e837814e3870c7b457af4353' })), this.renderDivider())));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-option-icon.entry.js

@@ -54,14 +54,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: 'cf4414384b69cbc4db334bc095868105f8d73020', role: "option", class: {
+        return (h(Host, { key: '15c0a752100732c30a8eb47475279bf55d3b5be7', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'bd15d1bb671a33651ed9e25cffab3e43688de62a', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'e74594f1dac8c232942d6c592e9dcfe6f22a9e08', class: "gux-option-wrapper" }, h("gux-truncate", { key: '9433bd73dfa84ce17e7d356cd63ce06fc555a60c', ref: el => (this.truncateElement = el) }, h("slot", { key: '851e34182a78f2158419f548c6d6890c74c5c91b' })), h("slot", { key: 'e36faf0d52864ec90741652740becc9550ec5af3', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'c5ebbc65fea30b480d51443b5e18732cf6a6b754', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'a34ef8685426ae5566670751325569d73123abbe', class: "gux-option-wrapper" }, h("gux-truncate", { key: '35062fd32d73725ca9b34bef00d2a2e5ab3f112d', ref: el => (this.truncateElement = el) }, h("slot", { key: '2ac7fdb9d74379427961266eb5c217e814e2008b' })), h("slot", { key: '2da36a9feff95d4c0252050b4ded529d98dce357', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-option-multi.entry.js

@@ -62,13 +62,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (h(Host, { key: '1baf096c0e4683e5cd884c20676aa2584cc93f7b', role: "option", class: {
+        return (h(Host, { key: '02527afb97de0931101e9aaf74080b030b68142a', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'e39f5ac6de711f47f679cbdeb20a569490d2f9a7', class: "gux-option-wrapper" }, h("gux-truncate", { key: '8a228a179629b2ca343ca61029e8242787f37838', ref: el => (this.truncateElement = el) }, h("slot", { key: '726b98369f534e1e4631abf0b6a4ba44c5edf9eb' })), h("slot", { key: 'e5390667a6b99c815e5032470286203a919f692a', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'ceb9c8e201e1969a06cb0e265995c820d74fd8ed', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'f65d8f3260cf93dbf662c4db01e3a785f0928ed3', ref: el => (this.truncateElement = el) }, h("slot", { key: '5968bb3388a7c49914f8965a2987c20e1fc7e4b2' })), h("slot", { key: 'c25e49ff744640b3d49c523b1c456708d427fd97', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-page-loading-spinner.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-17be4097.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -13,7 +13,7 @@ const GuxPageLoadingSpinner = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '4742d0997a3a541c4f9e0b34e6041f57c4986d0b', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '4257e99d34a87926fbc3d510fc92a1bc9461b972', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return getElement(this); }
 };

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

@@ -185,7 +185,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (h("div", { key: 'd5ebe9d21e497bffef96ad60a9b294ad3f1f5959', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '7b1c8456a7c02a636f95e3d0c0e9e57f567a93ee', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '33e8479869959b163a457fadb1d01b4240efaa4f', accent: "ghost" }, h("button", { key: 'f690873d17d85566525f0ae454e7def3b3cbe1da', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '6c1adfd5d38099e4dc8c6a43534fe32b4fb17785', decorative: true, "icon-name": "chevron-double-left" }))), h("gux-button-slot", { key: '2e260c6af4d80e650ed586377f17f158831a67ae', accent: "ghost" }, h("button", { key: '357586dd2c48fa8fa5a187b6096139048c20b697', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '215cb8dd44adf155321e20100da68568d37ef1f5', decorative: true, "icon-name": "chevron-small-left" })))), this.getPagePicker(this.layout), h("div", { key: '992b1e5177f9218a50fa8b02ba009c37c5b39a03', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '0d7c2456fbc4a0fb6105cb5feebf390f4aa1706e', accent: "ghost" }, h("button", { key: '2e8857af4cf2d0918c218e2b41b832309267bbc2', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '17bfe316027e004ae9e10f746ab75e5b1e771c77', decorative: true, "icon-name": "chevron-small-right" }))), h("gux-button-slot", { key: '6286278638dd991e04f046f20ce6737711250c42', accent: "ghost" }, h("button", { key: 'c9c26b916fa353b353c1a06e75f65062c6a1113c', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '44d9409edecf3b08e71aee30a202a993a5aa8ee5', decorative: true, "icon-name": "chevron-double-right" }))))));
+        return (h("div", { key: '65f5df113fcff5352c78aae19e64e1cf3aa0529d', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '342290ddf38c6ff15c96ceee1bf85856c39d1b33', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'df7a7a8f79872afc4b07bb770b17cbca146ed8ca', accent: "ghost" }, h("button", { key: '405bda85171a8954521414f02705e7be01f8346c', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '6af6ef74821a2328799c8da454d7fcbd717e71f9', decorative: true, "icon-name": "chevron-double-left" }))), h("gux-button-slot", { key: '8638a3c1fff12fd027ff9257c429784a62dbfe89', accent: "ghost" }, h("button", { key: '079e9784e585a182c73b7f08e65a8709db4403cb', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '1d12b4830af8429f39b7a331a5d585255f9fdf02', decorative: true, "icon-name": "chevron-small-left" })))), this.getPagePicker(this.layout), h("div", { key: 'c3ee4d1d35a8c4f097bf744f3471ee79d01fdf71', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f2cdc9899f705c318927c2c1f3e58f35716bea2a', accent: "ghost" }, h("button", { key: 'b51edb7cb1a86dbc7b6d4740a9cef5cf45df97f4', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '5495c3f4f6247b6c05e89909956dfd38a28aed06', decorative: true, "icon-name": "chevron-small-right" }))), h("gux-button-slot", { key: 'd29e779b6180d2a48fc56e0996c67c1630672ee5', accent: "ghost" }, h("button", { key: '11ce9c30b2f4b25af5a392864df4bc8509a43a54', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '2eea5b1f7b945763fb442c577c6e40d5d2bbf6be', decorative: true, "icon-name": "chevron-double-right" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -224,10 +224,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (h("div", { key: 'b86c180e1dc5890dfb177e8a6f9fc7f691efc3a0', class: "gux-pagination-item-counts-container" }, h("span", { key: '9e7310b7dba66fe80357501eeb916807db8caea0', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '476ed762cb8b6a4b17cf1c25d358e57ac7e0e086', class: "gux-pagination-item-counts-container" }, h("span", { key: 'dff28dbb1df977ca0064f5ac7ba7bf9f4814b040', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'c64d6bb945a6f0c94ad3204aaf880a684b2b2741' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '52d1d6453d903c85ba44aa39dddc2b7a534cfb75' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return getElement(this); }
 };
@@ -265,7 +265,7 @@ const GuxPaginationItemsPerPageLegacy = class {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '300c16072737b60fe130464cb6b6d8e3f7d79637', class: "gux-pagination-items-per-page-container" }, h("div", { key: '7089fe269dad1dbdb012f6a11dcf0c039a79e4d7', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c87aea336d97b81e47946202e737cfb7ede4059d', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '97ddfc030e9feb9a045e82b8273f1bb53eda4d3e', class: "gux-pagination-items-per-page-container" }, h("div", { key: '45852579787a3236094372cbe3f48b1ace391fcd', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '31d162be583a31d2b2c4859ee37f91ff2be8b69a', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return getElement(this); }
 };

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

@@ -200,7 +200,7 @@ const GuxPaginationButtons = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'f2e3affedd45f66f511c507006ab0a70b5f7d600', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '1e850f67f113c7124cb4597ffea61600cfda0fae', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'eb115d1492fe33493f1a3fd65589b200afdca3cf', accent: "ghost" }, h("button", { key: 'ded487154839ffb707a7125938a71811ccd08a24', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '24473c22d6045c6b49244683bf9c48ad4e769f0b', decorative: true, "icon-name": "chevron-double-left" }))), h("gux-button-slot", { key: '43c432552eac023102304506d67d9a1a2e9145e5', accent: "ghost" }, h("button", { key: '8c70e12c5b6ac8a4eee47549c91ba575e93e254c', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '33d216a0fd566cb7cd323bcaf855d58053641eb3', decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), h("div", { key: 'cf033e911047eded182d4d27554fb0bc6806b396', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3b7d81557ea071be778024686b5e1d8079eee32c', accent: "ghost" }, h("button", { key: '2372707a7f2446285215a134784ef2bfd93aadbf', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '48a0d3d5fa060ff1c18d35a8a5acfa4c8cb2b01b', decorative: true, "icon-name": "chevron-small-right" }))), h("gux-button-slot", { key: '6cfd8d21c0e61f07797b94790b1e7e4ea38c9c81', accent: "ghost" }, h("button", { key: '7d2c88e9f9cc262df59678386bde05d5cd4df6f8', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'da9c55da19126c1948de02ee1327847d60b5582b', decorative: true, "icon-name": "chevron-double-right" }))))));
+        return (h("div", { key: '68c26b3028180eca331f6c4d4492f40bcc17b83c', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'ea5a2ea87c91f1c1e68e7af1bbc763e60ca12990', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'fc87e59c1504e0bd9d511e413c9ce47de2c842ea', accent: "ghost" }, h("button", { key: 'bc07f900b1b33f92d653f10b6c352f851ed18639', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'd6fbe39efb8ff3c0973f4d62dcfee81816a9dfef', decorative: true, "icon-name": "chevron-double-left" }))), h("gux-button-slot", { key: 'e65d3038878d9a2eab36e4ea7f697a0fc56273a6', accent: "ghost" }, h("button", { key: '02f85dbc8a685ea1099093d0a48dacc381b45157', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '6549d4abc2040a5622f34d1bc5eb25870bdf3a7f', decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), h("div", { key: '634c8a6ddd8306b8d57a5c3c890cef60dd46dd79', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'e08a26f6c72221838ff777de2ec1350e8180bde6', accent: "ghost" }, h("button", { key: '9b62b024342d37f2361e491b2e8daf48866cccec', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '53fd843d036cdc2bb9914fa4c6ed93fa624be4b1', decorative: true, "icon-name": "chevron-small-right" }))), h("gux-button-slot", { key: '4cf80e2b84f75a88deea23b7fb71a3065b2b4815', accent: "ghost" }, h("button", { key: '83ce3b79fa642204b5a46049c29319bef55501c2', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '3e45facfcf68ebe0aca14e09f3f5503efc071313', decorative: true, "icon-name": "chevron-double-right" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -244,7 +244,7 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (h("div", { key: 'fd8600870e1710a1a59de3a9dc6f15479acfa237', class: "gux-pagination-item-counts-container" }, h("span", { key: 'fce1a84588bfc8753c9163601ba2730404f91a1d', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'e1b6250d05961a2f0d9a719c7c31c55759ac4aa7', class: "gux-pagination-item-counts-container" }, h("span", { key: '7666ca07742007a3c7dba107d1472350133f21e1', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-17be4097.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -34,7 +34,7 @@ const GuxPaginationItemsPerPage = class {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '01d0f0055b61712e022abbd8f3a085330fcd7f36', class: "gux-pagination-items-per-page-container" }, h("div", { key: '6a6dbd7b35b3f1adf7cc3c353f6e977aad2fa161', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'bd08627faf8ce9d9ad3d0eff56c9dfe8b85d4c30', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'e36a6b3e62a797b2b158a14c8833064bc5ce9d20', class: "gux-pagination-items-per-page-container" }, h("div", { key: '5a58b4487e57701b3cc25bc9f249923315107c24', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'eecadbd893f80e5565436b652326a4254c42d25e', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return getElement(this); }
 };

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-17be4097.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-3f1e5ba8.js';
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-8b93f9de.js';
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
-import { t as trackComponent } from './usage-17be4097.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";
@@ -128,10 +128,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (h("div", { key: 'c265bae10f58a673c97ea91930cbd9bfb44f9189', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '2d328dbfea8d361b8708f653502edf9efeb9220f', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'd08d83559c86bf8253cf46e001907a21f04a54c4', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'cd2884266379eedd9d5606958c9ce4be827646e8', class: "gux-popover-content" }, h("slot", { key: '1239f825661da1adc58da778d9680a5f3fb4af03' }))));
+            }, "data-placement": true }, h("div", { key: '315fdf855799c6edc5a0db68238dea247eb871ab', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'd6957f043c0b8c2a716b2c3c7e909a853edea52d', class: "gux-popover-content" }, h("slot", { key: '2b2610d8ec5b28d9189d128d22a906bb280d808a' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -92,13 +92,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (h("div", { key: '427fe589ae667bedb5508616d98567aabef9f28c', class: {
+        return (h("div", { key: '5eb4b7ce88eaf631aaba2544518585a943876cd0', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'e7578e5550fdcaf4bac9e5f587b2705b7f57445f', name: "target" }), h("div", { key: 'ce0048bbb1dbb88f65d166a0c0e2fb618efdc6e3', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'b3d7b4bfbafbe66550caacffaeea250b0418b8da', name: "target" }), h("div", { key: '0d36a0b8b73714c8d63e087d4f5a67d54041eb51', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'a3395edb17d1b44e24fad5967143e302072c9213', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '594c5da18d550a3ea8e5186badf8c16e83f3554d', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

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

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-17be4097.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import './get-closest-element-728b9f18.js';
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -41,7 +41,7 @@ const GuxRadialLoading = class {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '746008b44acb35a065f646a9333af75d7ea4dadc', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '11d2abbdf2afd994f52ce9db70aa12c88f5f1bfb', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     get root() { return getElement(this); }
 };

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

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

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

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

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

@@ -24,7 +24,7 @@ const GuxRowSelect = class {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '64861804226dbf0d71be510c139d9d188c3046b1', "label-position": "screenreader" }, h("input", { key: '62f1d6fad72c6065c0a53e3a999dd74481114d5a', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'a69d5a8bbc1ddad65b09f2f7ded02684f4a60249', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'da4e82ca4b0df5b4360502ae02dbad63294cd230' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: 'b02fc706d89b404c4602c0467963e5bd1cc6906f', "label-position": "screenreader" }, h("input", { key: '13da72170771456e9a8388690cc1faa10188799e', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'dab43582077ea1e10bca2ba91d6847c67b242b48', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '8b6a2e260d8c0821e187aee92be1487d7d8496e6' }, this.i18n('selectTableRow')))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-17be4097.js';
+import { t as trackComponent } from './usage-67ab7c11.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;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-17be4097.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-17be4097.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 const GuxSimpleToastLegacyStyle0 = guxSimpleToastCss;
@@ -14,7 +14,7 @@ const GuxSimpleToast = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '6aca3dca0f8c7e0be7a8b6defa69a81d16939fa4' }, h("div", { key: 'f43cb3dbac6cb1da498af192bb133179d34d94d4', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '510a7ab6577955ae4633c73468e5e78c1450d608', name: "icon" })), h("gux-truncate", { key: '4fb31d95b4881ad16a9718f3edd582288763a8b4', class: "gux-message", "max-lines": 2 }, h("slot", { key: '2fb4ba71d983148ef60cb4154d98ba961b48aa90', name: "message" })), h("gux-dismiss-button", { key: 'ec016e1c9b84d19bde8e03fa6ae4a3a6f5cca128', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'bbfcdff4fb0154e14fa6037e781bd59a2eba5a81' }, h("div", { key: '74406999a20a3d58be13a9d4398c91c0a92fc314', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '084c6f8e6fc802081c14c0e6c76c7bb050ff1518', name: "icon" })), h("gux-truncate", { key: '9e29a25246b3b8621e83e5e29eae0dfe6e0b4654', class: "gux-message", "max-lines": 2 }, h("slot", { key: '63127bc7595801452ab8a77b03406dd055b1a74c', name: "message" })), h("gux-dismiss-button", { key: '97cfe5d517e0d7bd035c6442043c3a06cc316a53', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -8,7 +8,7 @@ const GuxSkipNavigationItem = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '844e4c1933f0377323099f99de6c1fc6f8ce6738', role: "listitem" }, h("slot", { key: '791e27d8c2485809c5f7b9553a1d8684f053ad08' })));
+        return (h(Host, { key: '1887b499135d19d5f843fac97b15e235d90b750a', role: "listitem" }, h("slot", { key: '399e5a3c0cb525d46f115be96239e92529c4f374' })));
     }
     static get delegatesFocus() { return true; }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-17be4097.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import './get-closest-element-728b9f18.js';
 
 const navigationName = "Skip links navigation";
@@ -20,7 +20,7 @@ const GuxSkipNavigationList = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '9f12c2e1cf116efc9f587e47a930474e3a8af424', class: "gux-container" }, h("nav", { key: '88fae3b7226bb9b379803d9c34b9b05009fc2b59', "aria-label": this.i18n('navigationName') }, h("ul", { key: '2cd317b80d0637a02dc0539360de3abf9be4cab6', role: "list" }, h("slot", { key: '7ed8ff3ed76301900f9895b79ed37cafef26e6b7' })))));
+        return (h("div", { key: 'b92233dddc1ea48b29b4017e0344cff883280485', class: "gux-container" }, h("nav", { key: '853f5fdff8d93a12240dd769915ca0b0c91c0bba', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'd8e619e692367b64d4812661464b44fde60009c3', role: "list" }, h("slot", { key: '8a18fa02b1e382cf65f56dc791bfb1a86e51721f' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-17be4097.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';
 import { o as onMutation } from './on-mutation-a222fe93.js';
 import { t as tableResources } from './en-1f9d79e6.js';
@@ -104,13 +104,13 @@ const GuxSortControl = class {
         }
     }
     render() {
-        return (h("div", { key: '86ac994f4e7147a91d905d7373353e27a5b110a9', class: "gux-container" }, h("button", { key: '29cca3f11c7ba5be50a0aa6db24eec533245855d', class: {
+        return (h("div", { key: '4c289043204844b7752da84f6a94317eb6558d22', class: "gux-container" }, h("button", { key: '19c37f191efc4cbed51fd55bea05cad28089f511', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '7a69ada5db1812770e8a85197d3b63afad544d81', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '2d35304858972fab94b57c59dfe4b3465922bd81', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '2997e824149e957e98623e26509d7b6d1c0142be', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'df467ea1a64845d2544323c9cf2460fe5cff0908', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -142,13 +142,13 @@ const GuxSubmenu = class {
         }
     }
     render() {
-        return (h(Host, { key: 'dc3ddb2dd3780bf0d8285b082f0d19a457009549' }, h("button", { key: '606cefec63eafd32e2bfe551a0570429a65e3bc7', type: "button", class: {
+        return (h(Host, { key: '4142e0cff0ea139614f938c8cec8633f390c1c26' }, 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() }, h("span", { key: '19fc35d447e1a6ff4ee0857931c00b8bd76ba3f0', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'cb1e585686c3ffa5290e86b3df4eb6774474ec23', class: "gux-submenu-open-icon", "icon-name": "chevron-small-right", decorative: true })), h("div", { key: '8574a40502af97818f9a9cf7ffb628ebe5e2bbe0', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '6a91e6a3c40ad50fa3798ca1d42ffada376fa1f2', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '144fd3f334f1e12036926aa97a2ec786a24ad028', class: "gux-submenu-open-icon", "icon-name": "chevron-small-right", decorative: true })), h("div", { key: '95ec9921f7c9ae74bacbcf0ab9fdf0282d7d56c7', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '167a6e76414a8b7b4ef5b4ac089a989d25bc8d00', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '95f48e0a52b532a7913efc9e6e42e16a1a9af187' })))));
+            } }, h("div", { key: '1412cf3cbf46869ee20fb71516fc127b7097ab8b', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '9ef475ccb46900cb83e415f7f64a2d7ce4220420' })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -16,7 +16,7 @@ const GuxSwitchItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '0c6796d7900526ef7fb54a4667806a73981c748c', class: { 'gux-selected': this.selected } }, h("button", { key: '708dd57a13c5049f37a56bb2c37a4f6d45f7989e', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '75836a1a690f993732a8c68c0e50c6bd9cc9fc99' }))));
+        return (h(Host, { key: '56f068990fb4efa7d9bcf4bdfc804566f0278eaa', class: { 'gux-selected': this.selected } }, h("button", { key: 'e7b404cfef82ca41c150b49ebc6d91adde938a71', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '3d2bd71d34aa0c48301a229a0b1c396b714f9e93' }))));
     }
 };
 GuxSwitchItem.style = GuxSwitchItemStyle0;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-17be4097.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;
@@ -33,7 +33,7 @@ const GuxSwitch = class {
         });
     }
     render() {
-        return (h(Host, { key: 'c10ef991e1f4ded371bfa0be043911115b8cf2d8', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'e0ab07ec896af9f114887420d74ca216aec741a1', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'fe49b66fbc5afe91686a3953d62449e80a9a7399', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '5bc85c04e73c8d8f03c70701d84785ad43473c9f', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return getElement(this); }
 };

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

@@ -3071,7 +3071,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: 'a3758354de124773ebcd0fd8e633c89a202d0ee6', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '115a1ca6cd439bf31d8cec3883a00f693b17ea01', class: "gux-scrollable-section" }, h("div", { key: '8f6cbaeffb1cf705662c78546f59ec2f6a7a2c7d', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'f7953c5ac526d2245fd096cca4c2fc7d929f73b1' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: 'b5e2022f065a38da7ec9b52bb6bf6b5c5ca7d433', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '624412c772f268efb4dc6108cb3b423e62faba88', class: "gux-scrollable-section" }, h("div", { key: '14e335f0dfddea9ef22e534a0769483f74b1cc87', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'd9b9eaeb3efb233078394327b86ff71a7dda6e06' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {

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

@@ -20,7 +20,7 @@ const GuxTabAdvancedPanel = class {
         }
     }
     render() {
-        return (h("div", { key: 'e0c597a76bacc3709950eba92abdea973b849dc9', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: '2f61e8ef9fba21a3325137e7c4e508bd3fdf2c3d' })));
+        return (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" }, h("slot", { key: '66933c4b28938a9472bcd977222e5064c6527434' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -155,12 +155,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            h("div", { key: '9d64c0858487f1b4a5611cb92d8ac1e8e4b6b18c', class: {
+            h("div", { key: 'b897c7005a1ee5e4c4fddeff3583108ecf93b898', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'eb38d344916dcc7e6fc81669de074c7de4fadcb8', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'c03ec6d17adc63b7b9d6f77647749ee32aada3f7', class: "gux-divider" }))
+                } }, h("div", { key: '4a3cbecc02408b9740c61df60a0efebbd691c306', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'cd3b23878f8bd4a14151caa43449cdc46d29b8cc', class: "gux-divider" }))
         ];
     }
     get root() { return getElement(this); }

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

@@ -263,9 +263,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (h("div", { key: 'd8f91ecc573199f88d41d8f0238055ac4eec2a76', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '6fb4bb2fe2bbd648815b36d6be37677a16a9763d', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '5b78824538f70e9164aeab239c66249b1e29bd48', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'b13c0cc55dd24218807f2cd62d5630a01911c7d7' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '0eb5dfc3d7447ade9cb0edee76b3889b9045f0f9', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '5750efc04ebed1153e08957a14207da5a1c78480' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -20,7 +20,7 @@ const GuxTabPanel = class {
         }
     }
     render() {
-        return (h(Host, { key: 'd6e265542dbab4af130887e869d6f59bffbb1641', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '81f630f38902b35b62123e061f3908e3a3d2436f' })));
+        return (h(Host, { key: '5dcd691ae0a35167e39c5f27b60747743bc77b9e', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'ed4be3a86694d026fe5bfc77038e6ce5217b1d7f' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -37,11 +37,11 @@ const GuxTab = class {
         return this.active;
     }
     render() {
-        return (h("button", { key: 'f9c36f107ac2bc741b40903356b82d5c5f961dd4', class: {
+        return (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) }, h("gux-tooltip-title", { key: 'b50ae5064123f1378902cb004c95e1b0bdd33ea7', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '7c89b2ff874354a23d8207e616a4229bca13d52d' }, h("slot", { key: '6367585e29f26eedf62b92a22db21c4a7c9d900f' })))));
+            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '97f6af0809bf421eb7dd7225a484e194e4506145', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '5069172d094426eab6895d73e9d1a3b1a5a151a1' }, h("slot", { key: '7c3c934abae595c793be475cade713485d82edb6' })))));
     }
 };
 GuxTab.style = GuxTabStyle0;

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

@@ -73,7 +73,7 @@ const GuxTableSelectMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: 'b193932e5d0bffe7f97ad65f9e4a735be5d7c4be' }, h("slot", { key: 'cb33afda2d6e77f7be5fc2eed2d9fb4cd489f8de' }), this.renderSelectDropdown()));
+        return (h(Host, { key: 'e038ddad0582ff66a5f2bbf61b2a681cff68c2f7' }, h("slot", { key: '7c5f6570f7aeb8190e0171d06554f150dc7ef10c' }), this.renderSelectDropdown()));
     }
     get root() { return getElement(this); }
 };