genesys-spark-components 4.166.1 → 4.168.0

package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.css

@@ -13,7 +13,7 @@
   font-weight: var(--gse-ui-menu-option-label-default-text-fontWeight);
   line-height: var(--gse-ui-menu-option-label-default-text-lineHeight);
   color: var(--gse-ui-menu-option-label-foregroundColor);
-  word-wrap: break-word;
+  overflow-wrap: break-word;
   cursor: pointer;
 }
 :host .gux-option-wrapper {

package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js

@@ -58,13 +58,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: 'd76b2f23579f2af984421cbda4168fb251684eaa', role: "option", class: {
+        return (h(Host, { key: '162462d46174ae1c95ab206a45dd16733586973a', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 '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: '4313be9c35c2e8b53634c8515986e3e70236a558', class: "gux-option-wrapper" }, h("gux-truncate", { key: '9f2719a87a7d201a4da4f6e08b2f1c82164c1102', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'd0aa6ae67fe2d325f2393f2725f5c51d638cb142' })), h("slot", { key: '655438af40de87160dc45e4fd0358bbd7e910313', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '47cfb63001dd337e815c961b1b95585ecb5523a7', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd30b965f30418ce2f6b516cf7467493667dc7ec6', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '66347aac70923d2fd7a7c1c318cd15ea29d4e6ff' })), h("slot", { key: 'd8159a0a5f14475bb57bec29b001a4d7ce6ab7f3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox-multi/gux-select-all/gux-select-all.css

@@ -17,7 +17,7 @@
   font-weight: var(--gse-ui-dropdown-menu-selectAll-labelText-fontWeight);
   line-height: var(--gse-ui-dropdown-menu-selectAll-labelText-lineHeight);
   color: var(--gse-ui-menu-selectAll-label-foregroundColor);
-  word-wrap: break-word;
+  overflow-wrap: break-word;
   cursor: pointer;
   background-color: var(--gse-ui-menu-selectAll-backgroundColor);
   border-block-end: var(--gse-semantic-container-divider-borderWidth) solid var(--gse-semantic-border-container-divider);

package/dist/collection/components/stable/gux-listbox-multi/gux-select-all/gux-select-all.js

@@ -55,13 +55,13 @@ export class GuxSelectAll {
         return (h("svg", { class: "gux-checkbox-container", xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: paths[pathKey] })));
     }
     render() {
-        return (h("div", { key: '0ac0dc1db26348e35daae7bfcdb4bb622d719117', role: "option", "aria-selected": this.selected.toString(), class: {
+        return (h("div", { key: 'a8cef74a5bb937673799e965d5e1142426b5fe5c', role: "option", "aria-selected": this.selected.toString(), class: {
                 'gux-select-all-container': true,
                 'gux-active': this.active,
                 'gux-selected': this.selected,
                 'gux-indeterminate': this.indeterminate,
                 'gux-has-scrolled': this.hasScrolled
-            } }, h("div", { key: 'bce5b383ee723346e67e68a557fd97713a3d4b69', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: '2c514b50acd1d2a561dcf6ef954ede05c6d7db82', class: "gux-option-wrapper" }, h("gux-truncate", { key: '3e5869f682b70496a4909de76d29a22affda14d2', "max-lines": 1 }, h("span", { key: 'c1b2b41d8f8f3f0f72237505606d2676df3c96f4' }, h("slot", { key: '2edcfc03f46b2ccfe666dbdb7bc017394883b0e8' }, this.i18n('allOptions')))), h("gux-truncate", { key: 'f91e0fa89c9096ace2cf6e1704ce2a4730049eba', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
+            } }, h("div", { key: '636d9c58afeab724c34281eb6003649b6738edf8', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'e3b9bb70ac312730461c191241f2de33cdc307ba', class: "gux-option-wrapper" }, h("gux-truncate", { key: '7df38b3922e111053f0ccd329ceed3af20961ab4', "max-lines": 1 }, h("span", { key: 'f9dc910378710006f9cdfda94d8b4f4183771430' }, h("slot", { key: 'a7ad52342ca557180ac94b2bdfc4babcca67f59f' }, this.i18n('allOptions')))), h("gux-truncate", { key: 'b7191a29160c73abb8545cd17bf9bd86977959c9', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
     }
     static get is() { return "gux-select-all"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-loading-message/gux-loading-message.js

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '1a9bcd59836f4528ad230582ee14e42317cd2b54', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '666f264b028594be072adb8a122cdf78aa704892', class: "gux-progress" }, h("slot", { key: 'e86bc5e8e5d106467456512507d3f1b3e50598ef', name: "progress" })), h("div", { key: 'c7c8c14b9f1512a1d2a45307be3a95d9c81d1c4d', class: "gux-primary-message" }, h("slot", { key: 'debb40f2dc91cda87d83b410ea0d3f5a10102ebe', name: "primary-message" })), h("div", { key: '600332b5fc766f8bdc92d21c24e4ebf152c4804c', class: "gux-additional-guidance" }, h("slot", { key: '76fc95d39fa4527579ce1c77a4d4605ec4164c1a', name: "additional-guidance" }))));
+        return (h("div", { key: '6ceae67d1d15161e5bb7f7d4a388a690b29053d1', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'a026c51e83cdc1e4c50ce20641c3b05fd0694123', class: "gux-progress" }, h("slot", { key: '88020bca69d225d414f4975e117cd8594f820d4b', name: "progress" })), h("div", { key: '659503a94494155170b6bce6b7b43562ae6df60a', class: "gux-primary-message" }, h("slot", { key: '036124d7874cc20889d7f70c99860ff7dc7e8e21', name: "primary-message" })), h("div", { key: '95a2dd2b517fb5c85afda947eb66f1eb4cf4adb0', class: "gux-additional-guidance" }, h("slot", { key: '346b97c157c1ede020aa484a8ed09fac7d93643c', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-modal/gux-modal.js

@@ -76,7 +76,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'dfa7c2cde0e5d97ddb81e49192e1ac478dd78958', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '7b931ec6ff0d427cf4b5706c5617e751ede73747', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '2d39661d8a43ea486238677036ebe7865233a6ed', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '64b37f31f3238de9d6a466a331ee19e04471ce5c', class: "gux-modal-content" }, h("p", { key: '6f3a93880355aa10163ba7bef3f482733dff17fe' }, h("slot", { key: 'b629eb9abfb4961c9fc25f5dc72b67b7e0a80a0b', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'd1e7ba1706383d2496df01d38fc20e77a56ef9ba', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '4255f6c119d7ea2b4724ba013fead06f255d5757', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '35e1c4f59b1899d7ecc0a4ffc517f8f86fb55ffb', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '4e077c74a448e69eac40449d27106ce9904bc65b', class: "gux-modal-content" }, h("p", { key: '3731c38f4661849d1fba5053d9edd35540d5f810' }, h("slot", { key: '0ed7995f992abc448fdb6e789f19de105f2e95c5', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

package/dist/collection/components/stable/gux-page-loading-spinner/gux-page-loading-spinner.js

@@ -5,7 +5,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '5b11fc98e277c406ac0d324b49d7d48245ac9e5b', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '067796ed12d160b8a80796b369ba0c22f3a80a3c', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     static get is() { return "gux-page-loading-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.js

@@ -58,7 +58,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '743612bb1ccb6173d6549d548fe0c616a5dd7542', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'd569698d018e4e06f708d065a24a380b0a16b1dd', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '5635a63d57b8f3fae4832f14da5b74fd188de79a', accent: "ghost", "icon-only": true }, h("button", { key: '00e6644109e6d69e210a775dbc5726ceb4090f20', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '37f3b6d065d586de8a46d4d2e464bbed82495f6b', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'b7fdaf3aeb9a4e80c68b7f14e4528ea8c1bd78af', accent: "ghost", "icon-only": true }, h("button", { key: '110a2198d9a4f53f253dcc296cb7a1deef0f44d1', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '77f4777e3157e27b12dd9685daeef793938be5e3', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '063b517677438aa6a0469988bb96d15cf1cacd13', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '076cc2b696f476f06f87bbbfe2ca5e82bf4c6e72', accent: "ghost", "icon-only": true }, h("button", { key: '8aeb4ef63a90b99048c1c423af7d03cb7e3b0173', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '1a4db2b2db4433c8bb4d51fd56a46d5507ed0183', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '11e8bf84471234ce8df84adeb807032b50fefe1f', accent: "ghost", "icon-only": true }, h("button", { key: '78584640facf333293bce0936143fdd7d42e0bfc', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '5e94c4d78366c7d858b9a94254687e887c024fb6', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '60f97d7dfd559c636256681ded712f77f2efdc83', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'ecd0054f7cf42334151263c49eacd9ed8bf22bf7', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '619654784dcf7c5a9b6840b9b3519e55db3475ec', accent: "ghost", "icon-only": true }, h("button", { key: '8876fea0d79cec9136e2d58c4ffdf5c1e3b40ba2', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'b624ffa2d3bb0b729f0cfc8590ae9bc2c5c8ac1e', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '146abf1b5513e91d75ac53b471465cd5860645b6', accent: "ghost", "icon-only": true }, h("button", { key: '66dca712b20d66c1cb525c98a4d22bae15496183', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'd488b206cc100a1efb396f4e927eae3f1d33f892', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '14a7cd51324045e758b6ec85a8fc4e22b2a6bdd7', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '722e07ad3e738654f5f9cb1dd81097b4b99609f4', accent: "ghost", "icon-only": true }, h("button", { key: '1e8f9a96869f500fa27548f0bcbd11bb982c9fbf', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '96277edf6a962dd30cffad2a1a3365f12602dbcc', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '8206bdf5ed92fc83cc615d96d6afff3743901fd2', accent: "ghost", "icon-only": true }, h("button", { key: '5d42af899fbe776437ef5b4142a20c6037a13f5a', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '5ee1dda6b6413260ac80ce00c3c7889cf23bdff2', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js

@@ -96,10 +96,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: '0c40e05f921013922713ea83509c1e786698c413', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '43eac0a3765de1a0b6a61dcf7042504e8b15b683', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: 'bc7ea8e460a0636614773f2757e21be78ecb131f', for: "popover-target" }, h("div", { key: 'cc8fb0457c6d32f486f9cce93bf60b2783de5425', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '88b46c5df7c0530ee4dd9c12f4b753fcd964b809', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '1b02a45c06ac9d3bcb6b19d2eafafa4983934ad3', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '7489d3675a97f9287e83fbe01e56c0ce5ff6fb02' }, h("input", { key: 'b9e58c2a94cf6df9752e0926ffd4232a2a61be1c', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), h("label", { key: 'cb15c6b868174b201cec5d82f35ab3bd0bedb95c', slot: "label" })))
+            h("gux-button", { key: '46f7df217abe675c3d1bc8acf35f0f8510e55e30', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'eacce070298b01b7de303b7f824431571896aa89', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '2c2cf9c5bb590e74079478ba787df7eedf58dd15', for: "popover-target" }, h("div", { key: 'd83fb9d5224f9c7e619ed88d3d2af9d4e85a1547', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'e5498fa5e69144197eb78aa09a94b17f1c7f02ea', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '7be888a347ff662d707a902ac80681beb9e68f9a', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '63219e56afd5d349e4370b3ae960a90a6ac8c403' }, h("input", { key: '10d44a0ea2d3c0322704d8e58782ef42efc8601a', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), h("label", { key: '354220c3b04b3084744276daf4e5cb31982fb27d', slot: "label" })))
         ];
     }
     static get is() { return "gux-pagination-ellipsis-button"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.js

@@ -28,10 +28,10 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: '31f7651f2f7f7abeab2ea19d91b89d25934f1f76', class: "gux-pagination-item-counts-container" }, h("span", { key: 'f52404a83f69d7fbefb56e825e48349cf9e791d7', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '0b327e1a3253ac25f9e556b7a11f8c3628fe846c', class: "gux-pagination-item-counts-container" }, h("span", { key: '1db9a20e4b8fa015aae8c9836758b4cceecd354b', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'a8b2e81dff27b386b31a75a7b9e62636ab324de6', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '82c84a6f34c678d3ae3abe484cf5e6f9c34159ee', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     static get is() { return "gux-pagination-item-counts"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.js

@@ -20,7 +20,7 @@ export class GuxPaginationItemsPerPage {
             }) }, 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: '4150dc095359046635df698c53dcb773a769a91f', class: "gux-pagination-items-per-page-container" }, h("div", { key: '3cbb78ca73b8d7b69ed37ee603af6e1e8e96ea5f', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '86bafdfe1f0dd0e4bd75ede9c63f6011b65ccf92', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '4645f1093119c12fea6dd169c4a0409f64ccc627', class: "gux-pagination-items-per-page-container" }, h("div", { key: '9307fac7f774bc9b7b6cd04ac904e617202a0537', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '2071f940199b9eb8a5bc9b080d6401f0f8bdc253', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination.js

@@ -94,7 +94,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '2e568cb8c1eed21e69c340da413a957ad818ea22', class: "gux-pagination-container" }, h("div", { key: '8b54f7801a2aa1e10c6747de6814127e2fbc688c', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '14771d5497d527d3fa1e92b7ffc9136a58876207', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'f2ff8681e823e6ba55b6aa530df83103f81d4348', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '247283d3040efb546c0745d5b24c1b32a2b41f60', class: "gux-pagination-spacer" }), h("div", { key: '7bdb9a45f658ed68e6a13627eb9611b2ebf2c49e', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '1795c6ccf211b087b68d78700d99bcfc4d2397f1', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '5d554086341d0a1a4c5e114dae8ff1e01d5a44c5', class: "gux-pagination-container" }, h("div", { key: '6fb4cc0186e243987d59d39c56e71817333f7386', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'fd99e490e30527848491ce17be1adef7c1f65482', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'f6aa9c10e588bcc0404f37c3be786480db9e47cc', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '65c79da711cddaed988f4aae4db86550ff8f1dd5', class: "gux-pagination-spacer" }), h("div", { key: 'b37111fe53095f6a3780cdfe24f34d8fdc6aa0bf', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'ac20edbf4542f3f4e7c29ca5e6eeb49116fcdeef', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-popover/gux-popover.js

@@ -169,10 +169,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '4b52bb710a7152e41e23cdd4052d2008de9c33e8', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '4351395b20a4dc9acb4ab95e002e739843d08a9b', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '18ae23e87ed0db250ff9a4fc38e531c443966e0d', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '8406b397532d06b491ed7dbf9bb3df86875c0eaa', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: 'e0cddf9dbc056ce1f6a2b795ab92544ee1f91b24', onClick: this.dismiss.bind(this) })), h("div", { key: 'daefe6c5656751dff1d955cc4d5bc81f7b5a0f5b', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '203b0dafa313d737ed820dd25552793a90f5a28f', name: "title" })), h("div", { key: 'a07b5ea5eacd219a4cda818ab40215a6034eaaac', class: "gux-popover-content" }, h("slot", { key: '721c26ecb502021cf78ccd5535c30187ad2f2903' })), h("div", { key: '4cfc12e95f654dc75692af0473f5a7dab6c5c3b7', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: '8728eb765e27c77d5100a38ec5dc8ba8e137950c', name: "footer" }))));
+            }, "data-placement": true }, h("div", { key: '9fdb2644395b2503920275d2d5eeb854762bff76', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'a6b415e420fcc6ab26f7ae5530c0b51dc983724b', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '951ff6b6b98a32d407dc8aed14da63fe643716c7', onClick: this.dismiss.bind(this) })), h("div", { key: '615779b9897ec50b1ab82c0933054bc83a7f6429', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '4506c45f015e04aa417a7693d95ada6c004f6346', name: "title" })), h("div", { key: 'c9aebf827fb47a0a7d44c544dc50b265f87179ea', class: "gux-popover-content" }, h("slot", { key: '7dba7dd9f0584f2ee6b5f1016ed9784b790f4d2f' })), h("div", { key: 'b608580ff5e8ac582ccd9ea196c9f92c2d91e389', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: 'c9f36ce51efdf7cb650fbc314481ee9bb2742a31', name: "footer" }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-popover-list/gux-popover-list.js

@@ -137,10 +137,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '496e6e4d0b114c32405f3b655b3558f9100f0dfd', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'ee21c67394d6741a7be7b0ed4abf7e3cf83d1b1c', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '1f5db83a81c84c747db96c9fcd39d3562ea30f6a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '387b4e6121f472517c61265e820c43d5edc70ad3', onClick: this.dismiss.bind(this) })), h("div", { key: '8af13761e181394cd659aaafd7245ca11a520b10', class: "gux-popover-content" }, h("slot", { key: '194bfc7026f9d0cc6d097a92d77c895d189534ce' }))));
+            }, "data-placement": true }, h("div", { key: '74ed4c9f34fc9b3b102a92ff7cd85e35ddd9846a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'c270f205072328aaa71d3652c6f63a509b3bd418', onClick: this.dismiss.bind(this) })), h("div", { key: '6dace1c778e30f1f056981a9a205acf95981e220', class: "gux-popover-content" }, h("slot", { key: '03c906f9b7f68e23a5d914ca4b39ec5e8df37768' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-popup/gux-popup.css

@@ -15,12 +15,14 @@
   visibility: visible;
 }
 
+.gux-sr-only-clip {
+  /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */
+}
 .gux-sr-only-clip:not(:focus):not(:active) {
   position: absolute;
   width: 1px;
   height: 1px;
   overflow: hidden;
   white-space: nowrap;
-  clip: rect(0 0 0 0);
   clip-path: inset(50%);
 }

package/dist/collection/components/stable/gux-popup/gux-popup.js

@@ -115,13 +115,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '56ca8d975df36b88b68f677c602e042819987f29', class: {
+        return (h("div", { key: '7af8b3d681562a9ebf0a607f9575a24af6517ca2', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '7a3e259a87c2418d95698784adb1e1945d550a50', name: "target" }), h("div", { key: 'f046f3d79e2b1795484639c38a9ebf8cac6414d0', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'f48563e5b4e7cc60717d36db7c642dfe09eacd14', name: "target" }), h("div", { key: '775358f21c52b85a44c477c6f47eef0ad63e0b55', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '6b812c66b41ce3cb64d2855420c862b866a2e648', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'a4c4fbafe9520d9f1abfbedb1e69d43c72dcf80f', name: "popup" }))));
     }
     static get is() { return "gux-popup"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.js

@@ -20,7 +20,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: 'e663f380113fde61ddb10e540d121db10b172ece', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '9c7c630946e59bc3fcad53fba5aab44065439766', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     static get is() { return "gux-radial-loading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-rating/gux-rating.js

@@ -101,7 +101,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: '0aa056a6851b94d8c8cef92fc10730f5e4e6d15f', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '80469bf1ad813ef38099d524125b2f2ddd73dd93', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '3ad9a4e70982beddb7b9a84798098b1ad056446a', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'c34eb6500726d9a970686b6f2d04cdcd6cde0433', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.js

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class GuxSkipNavigationItem {
     render() {
-        return (h(Host, { key: 'aaf4b13be13c3eafc6bf26f8d3192b2ab037b8da', role: "listitem" }, h("slot", { key: 'bf4e35674b139d78cb3a6ed19771ece2504921dd' })));
+        return (h(Host, { key: 'c0b62a0d54e5c29e719099297686f3a325982a82', role: "listitem" }, h("slot", { key: '60bd6828dbbda64d049a62cdb2d81cea255c24f0' })));
     }
     static get is() { return "gux-skip-navigation-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-list.js

@@ -11,7 +11,7 @@ export class GuxSkipNavigationList {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '333b21af7da9354b46577bd916900c3f589b2364', class: "gux-container" }, h("nav", { key: 'e550a50c45488f066acf3549b5f0a7368a29bb44', "aria-label": this.i18n('navigationName') }, h("ul", { key: '4ca78169fdd2f349362dafbdeda3609e57e8885c', role: "list" }, h("slot", { key: 'e15d8541c6be27ba5d68750fddd8248d1a26d216' })))));
+        return (h("div", { key: '812d33aa2920b489e5c1384ec86cd48b3a5769e9', class: "gux-container" }, h("nav", { key: 'e015ccec399b72527e3820e68e5e4da9ffa2a242', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'a223a35649a84c41ed1725bc882f7ddc155da47e', role: "list" }, h("slot", { key: '82ec5e4b8bfc6a41a5c48ae5eea305a60471f1c0' })))));
     }
     static get is() { return "gux-skip-navigation-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-all-row-select/gux-all-row-select.js

@@ -20,7 +20,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '911135749b4f40bcc34b5117cb495058a7df7574', "label-position": "screenreader" }, h("input", { key: 'e986290be2b4360083076d901932651793eb2e90', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '956f4c22d7e592d52a90a50c3ddca7ef48bf077d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '0fc5f685d983747ee4853e212ca69e4d2fb9e951' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '8fe1bb8af91fbd0b5496ad5a04e80c2c124289ae', "label-position": "screenreader" }, h("input", { key: 'c6e26642bc6f81c00fa54e158d05d0eed43aded0', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '9ab21598237206ae2d2644ec6504d6b600f9316b', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '83026b7077fb63bc1708706e2da827fd663f6003' }, this.i18n('selectAllTableRows')))));
     }
     static get is() { return "gux-all-row-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-row-select/gux-row-select.js

@@ -16,9 +16,9 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '592b39a9b90d227d77ae0fe39cf2a9d00c4cd002', "label-position": "screenreader" }, h("input", { key: 'ca1e5da2375911f051f70075566ba9b33670b1a1', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: 'ff5d9581763cf124c69c8ee6bbebb71e2a05dd32', "label-position": "screenreader" }, h("input", { key: 'a1ad92b623a0ab88b14755f832f8305f0319267e', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '7f55bf669d3afb023e783ff300935451549deb6c', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'db0a1e407603f1a897c35178f0587846a0060a50' }, this.label ? this.label : this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '0a4087390e0a6bb035726eecf0f09d1cd760c49f', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'c42ec0a25dc0ba89da97f2abbe3f1a85b0d8755b' }, this.label ? this.label : this.i18n('selectTableRow')))));
     }
     static get is() { return "gux-row-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-sort-control/gux-sort-control.js

@@ -97,10 +97,10 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: '293bc9441c72a40fc5035f5109e8f3ed132e2016', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: '50679a05c73e9eca99c98238e1c788bd8b0ecffe', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '6f67e2f4c1458e216bb0b8779433a7af0fe8016a', class: {
+        return (h("div", { key: '92d021afc4342fe4d00113acf4329673fb0b8c5d', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: '3182039e95a63e994c9ab6c21ee34abcc18f615c', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '746f05775315ea0105dba61760c2d525a9e8917a', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '052e41748b98b74d514c217649fdb20825f1689a', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'ee91ed8ff9807d9bf79bfa73e0446f3bd450a8db', class: "gux-resize-spacer" })));
     }
     static get is() { return "gux-sort-control"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-table-select-menu/gux-table-select-menu.js

@@ -71,7 +71,7 @@ export class GuxTableSelectMenu {
         }
     }
     render() {
-        return (h(Host, { key: 'ae646f18972b5de2b2519ebc3a0bd281fe308be1' }, h("slot", { key: '811b24b22cf6aa4c44cb22fac5c244159e982dce' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '87a814d135ee7caac27b3cf28d7e3d51d208703e' }, h("slot", { key: 'e6edebfaa2a18a60c319d70608307fa5fc3368c6' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-table/gux-table.js

@@ -283,7 +283,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: '62253eea70e59285ddc5c045991a935643a89b5f', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'f6591b38fb35771fd65dfb486b5da81052ffb4b3', class: "gux-table" }, h("div", { key: 'bcbf4dc59138ab7aec5b3299c4ad3644cf150d46', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '686d65307d269490b426965d762c1a42f1b6dbad', name: "data" })), this.isTableEmpty && (h("div", { key: '95362be5bae2713a72d393e77965c9e0931b538b', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'e978fa1a553b2dbe9bc4237b5123ed4d65982377', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '97f89c44705eae6b91b9068f54a14e1147f18a5c', class: "gux-table" }, h("div", { key: '9494d0744ef686dde7a012b7b39c345bf6186c64', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'c32d5e53510a520451a16dcd83638af370143d62', name: "data" })), this.isTableEmpty && (h("div", { key: '1adc7ff8c87c85d3743cd5485214c4b1c26add00', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     static get is() { return "gux-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-action/gux-table-toolbar-action.js

@@ -41,7 +41,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: '051fe860280edd39a2f61fb22b4ffb13b0a12625', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '267aba2eba90f912277b0763863cc4b9d1223e30', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '0ecce6cb6c8bfe779348bc68eeafa4e5b727cb1c', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '4b7d7485cac581a5315b3f679c33972bfd9fd740', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '2e0c8980377b4fffdc52aa28e1267b2146d11da9', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '68722b9c1c7ed384f79610378aea5573c669f75b', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     static get is() { return "gux-table-toolbar-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-custom-action/gux-table-toolbar-custom-action.css

@@ -6,6 +6,7 @@ button[disabled] {
 
 .gux-sr-only {
   display: flex;
+  /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */
 }
 .gux-sr-only:not(:focus):not(:active) {
   position: absolute;
@@ -13,7 +14,6 @@ button[disabled] {
   height: 1px;
   overflow: hidden;
   white-space: nowrap;
-  clip: rect(0 0 0 0);
   clip-path: inset(50%);
 }
 

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-custom-action/gux-table-toolbar-custom-action.js

@@ -32,7 +32,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: '34c4a9753d0081f96ac08a60ab5d1a3f58a68c00', accent: this.accent }, h("button", { key: '6d3d32b803036236fe2d5995a5032c405f668383', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'd26df7c1a908f8c949c6c6790b87a5aafb82aa1a', name: "icon" }), h("span", { key: 'ae615a0291ea2fd69b556aeff8968cd10f374bf0', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'd110cf58500259dc329a67e310d3e92e83043bba', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'c48fbdf23b4a10aaa493ab89bcaff7247d65b070', accent: this.accent }, h("button", { key: '40f89c31bacb1db4ddbdd6e8176284d069da8b9b', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '7d754b3248d4579a7080cd2cb1dc3b5e86c57537', name: "icon" }), h("span", { key: '94d3f023d553346cf07138b4b84f58544a354310', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '809895127dc5de4e5b9e7d7c4eba2130efa50571', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-table-toolbar-custom-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-menu-button/gux-table-toolbar-menu-button.js

@@ -83,7 +83,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '78f0f04932f071f68c9476df3f787e10e511f412', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '69d10ae3d80ad871fe26c337e0180fef1a2af91e', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'af45f2d8785c27b96041ee45f99f6b83ac1bd0f0', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '7e1f97cab9bef919d31357edb67c2c57213ce70e', accent: "secondary" }, h("button", { key: 'c5941512d17be6572d5b76ebfe1af24c0a946dff', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: '0452faecd71ee74ee45b5980a3d6cd2fc79389ed', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'd855951bd2dceea7de80337bc1a1fb14700f77ba' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: 'e57a23df460b8b82fc05a3b9a0440158bc07ada1', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'fd7992751c32e2774ab1f80da8b3df31ae7c4481', ref: el => (this.listElement = el) }, h("slot", { key: '62d098c972ae9eeb0efa04e10d9c095acb0385b6' }))))));
+        return (h(Host, { key: '4317c339e398fd4357046a325eb98782724033a4', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'f294c61c89b8f2a96f4de3fb0d2030547f366c40', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '4c158ba1d0949f1e4802d385a4ffa3fb3d48eb00', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'e18da7390e021119ae138b62f74b0a5d374eb2d1', accent: "secondary" }, h("button", { key: '4cac69e97036e72897e4fc7be6fce88df8a0396c', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: 'b1bc697d7bef539d716f8da39c77ca6b0534b7af', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'a05bf28ab93a2881c71e772f6f478091ab44ff60' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: 'd2862d40139f40e7ff31b4bc5a96f7b7bc13328c', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '8bfabae912401766fd3f114170973de34256c6db', ref: el => (this.listElement = el) }, h("slot", { key: '4a44ca8ed024921651241c6db17ddfc0a57b67a9' }))))));
     }
     static get is() { return "gux-table-toolbar-menu-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar.js

@@ -209,9 +209,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '5f09f5362852940cc791dd98dc6824f503f72f2b', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '9c4681593f9cf8b279b0e7f3cf38ee7731d6b47b', class: "search-filter-container" }, h("slot", { key: 'a53a5592dc1bb2476ec0f9db8b370207cf0349da', name: "search-and-filter" })), h("div", { key: 'f9aa25ae702a7ce78f5d1a95cba4105e4b9276bf', class: "section-spacing" }), h("div", { key: '3c77d513adf7804df2e413fc7bb7ba612d03af48', class: "gux-contextual-permanent-primary" }, h("div", { key: 'c8d45c43a9198cd73cedc2463fe24047c29ffdac', class: {
+        return (h(Host, { key: '7767f62c9789eb310e193f0547bc390c7d293142', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'eea0cef206c1bcbb5fd516d19a06748468c3aaf6', class: "search-filter-container" }, h("slot", { key: 'f8d4b33e9e7fe70807bdf7b943d404b70804b886', name: "search-and-filter" })), h("div", { key: '5e591ffce99e2480e5f4844be749f98d0a3a8a61', class: "section-spacing" }), h("div", { key: '63cbd32ab580b47fc7bb901e12bf832de6c02fa8', class: "gux-contextual-permanent-primary" }, h("div", { key: '7af49f3a714bd886ed3030ba3da747286c975d61', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'ba652670de5beb4568e8c1bdec1aabc86fd326b1', name: "contextual-actions" })), h("div", { key: 'd7f58a382aa4e22fe60495766a81c56e25682b3f', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'd93544e9a0ba78c07d6d1784685692e39c3e5676', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '77346c026e36d647330a9235e5a98abaa20678ed', "show-menu": this.renderMenu() }, h("slot", { key: '21bea7261fda518cfc5bf564823a65f015ff4c88', name: "menu-actions" })), h("slot", { key: '939ad701719a32ce74badf8de8f6d31984f530c5', name: "primary-action" })))));
+            } }, h("slot", { key: 'fb32ee19fb56b8957b41821ca99e0801e5d45669', name: "contextual-actions" })), h("div", { key: '0b39bf823c42885dbc789ce6e68a1b2860317d57', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'b8981ff727fdbfdfc5ab79b22e84e568a3144a0f', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'a4242740b758846bbdf8020b6253049426d8547d', "show-menu": this.renderMenu() }, h("slot", { key: '0cf8081dac5732b6f8e5de33bf1f694da3a40208', name: "menu-actions" })), h("slot", { key: '1ca07767a6b6b7b488e22f977dc053381504cca2', name: "primary-action" })))));
     }
     static get is() { return "gux-table-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tabs/gux-tab/gux-tab.js

@@ -45,11 +45,11 @@ export class GuxTab {
         return -1;
     }
     render() {
-        return (h("button", { key: 'effc5e039bb3d381f748cc2ce8fe4ba562f7dcb5', class: {
+        return (h("button", { key: '89c403594a9ab384d72b3e883da6868379ea7658', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '45b0725e0d46ba7e48e67b59836bad0b9da4fcc5', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '63c910246f466010200856d20ce6c63cc029467d' }, h("slot", { key: '126e17fe366cef40f63e4380824609ea899a870b' })))));
+            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '82b38a6531b7d1a0fb9b08fa5025d59c06f497b5', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '2384339f27d4d02b0426aff9cd5eafe5fe77dcb8' }, h("slot", { key: '97956fe92f8e3ce8e47fd5e7b90a70351079a58a' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-tabs/gux-tab-list/gux-tab-list.js

@@ -266,9 +266,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: 'c75533d03d214e17ba7f97ff1fb856d062b07a88', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '3aaf53a799e54474a07e78e71f9cc7be338c2d87', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: 'ef519b140f3b9e82b9775d20ece6fabfab7ff0a6', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'a3c681a8719cdd54d72f1ae5d4390664c75f1c6c' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '16efdf5295621016f4c58f46a854846f7e17df82', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '630b4b6e44d37552105faf03667510d7f054b4f4' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

package/dist/collection/components/stable/gux-tabs/gux-tab-panel/gux-tab-panel.js

@@ -16,7 +16,7 @@ export class GuxTabPanel {
         }
     }
     render() {
-        return (h(Host, { key: '7961a51d2ebc7959db22accdacd13e47fff1999f', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'cf13e9cab8547b1869152b6af347cec906c19edd' })));
+        return (h(Host, { key: '5bd58c76ad3dbe06c48d8ae300ac6aac58c01af3', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'edafacf40db2bcfe3470c8a65887edbc2ad23480' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tabs/gux-tabs.js

@@ -49,7 +49,7 @@ export class GuxTabs {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '67eb1f26cc925f151060eddc527a6dca1ca6084f' }, h("div", { key: '840e81c28995548d6894c4b7dbd2a9b9e6e9dd64', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '5c9cb1ee58399ff868919ec52c4c112fabf26170', name: "tab-list" }), h("div", { key: 'd0e43f8b03c9ff89618676a5742646811fd1151a', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'fc87ea3bd99b072154c5704406358367eb0a5c29', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: 'cf01a5e35b3ee15cd7013225ed3e46bfad5d1204' }, h("div", { key: '321ff6e7e4fee49334e63603e6520e052899dda9', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'cfb05ce00112a61da7d094df01ad52071c5c4b22', name: "tab-list" }), h("div", { key: 'f47aebd51c9cfb19f8a90ecb6b8f1094d73b2405', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '192a06197912cff69c96a5a00f1bb4acded8ebbd', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     static get is() { return "gux-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced/gux-tab-advanced.js

@@ -154,12 +154,12 @@ export class GuxTabAdvanced {
     }
     render() {
         return [
-            h("div", { key: '55460839232cef51ceb77e44942445f32a89fe0a', class: {
+            h("div", { key: 'd3678eb1bf19ed51c385aeaff53dbd6be0a617f1', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '37a444add9b10811f7d35440eb02f111cc1fd24c', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '457a6cac12039c3a4cf3235ff09927d03d9379af', class: "gux-divider" }))
+                } }, h("div", { key: 'a97c1090f629015fad94f9101577bb64ad2c56d9', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '7fbc999d5433372595df9b16fd310fd7dfaaacee', class: "gux-divider" }))
         ];
     }
     static get is() { return "gux-tab-advanced"; }

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.js

@@ -437,7 +437,7 @@ export class GuxTabAdvancedList {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: '2da7ea784877711fe00457c2250a749819eb1aa0', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '47c637b6ebe9c990294511b455fb58605a5d5092', class: "gux-scrollable-section" }, h("div", { key: '1d70ba23076bfb911fd7a405e34a4334970fcca7', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '5014ba313cfb0473b8d4e9fc476223f3da91d8d4' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            h("div", { key: '9d71699c2974cbc9057777455fd8010d033ddbcc', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '23704c09a9b1f82578e98dc3d91b60b517e07dde', class: "gux-scrollable-section" }, h("div", { key: 'ab88284681dd07ebb128bc89e1766c3dd218b3c7', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '6a65f49d30bc9db62a65fd9b006602308df298ca' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
         ];
     }
     renderAlert() {

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-panel/gux-tab-advanced-panel.js

@@ -16,7 +16,7 @@ export class GuxTabAdvancedPanel {
         }
     }
     render() {
-        return (h("div", { key: '0de149bc246a9c3a1f5a3901f1e4b6e9fa40f758', 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: '6dd2770f6373bd3819dc8bb958d7075884c66a77' })));
+        return (h("div", { key: '004ea3e1340988f330b2ba18cf7852e25f45ff5c', 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: 'e67922580d8c11bfb11b2e282ba6c8094e60c212' })));
     }
     static get is() { return "gux-tab-advanced-panel"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-tabs-advanced/gux-tabs-advanced.js

@@ -44,7 +44,7 @@ export class GuxTabsAdvanced {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'b4e1f6419911dfb632538619435c7863b2515f9a' }, h("slot", { key: 'c212ed9006e0c3768b7b045b7f2b552efec1401b', name: "tab-list" }), h("slot", { key: '0b6dd4eeb099b823d7809dcede9e3e59d66e25a3', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '6e6da9d1033ccfd3ba33a5f85265aa8f91ecbc73' }, h("slot", { key: 'b8f3b57c7921e78be50e800023788e9aca3a23ec', name: "tab-list" }), h("slot", { key: 'f2ee5d9a5b62e745124e565ba3eb162f8bc8bb40', onSlotchange: this.onSlotchange.bind(this) })));
     }
     static get is() { return "gux-tabs-advanced"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tag/gux-tag.css

@@ -42,13 +42,15 @@
 .gux-tag gux-tooltip-title ::slotted(gux-icon) {
   font-size: var(--gse-ui-tag-button-size);
 }
+.gux-tag .gux-sr-only {
+  /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */
+}
 .gux-tag .gux-sr-only:not(:focus):not(:active) {
   position: absolute;
   width: 1px;
   height: 1px;
   overflow: hidden;
   white-space: nowrap;
-  clip: rect(0 0 0 0);
   clip-path: inset(50%);
 }
 .gux-tag .gux-tag-remove-button {

package/dist/collection/components/stable/gux-tag/gux-tag.js

@@ -54,7 +54,7 @@ export class GuxTag {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: 'df0d13c5d0d15dc37a71c214e356f58ca45444de', class: {
+        return (h("div", { key: '327ac8e1f0d3e55249c0e7957a5bbb963828990e', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

package/dist/collection/components/stable/gux-time-picker/gux-time-picker.js

@@ -237,7 +237,7 @@ export class GuxTimePicker {
         return (h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (h("gux-popup", { key: '50f1fbe1053c30e84b4ee4308889a1e68c17c05c', class: {
+        return (h("gux-popup", { key: 'c82648ba7d54f0c0959a60d864ef1bfae297ff0d', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));