genesys-spark-components 4.171.5 → 4.172.0

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

@@ -50,7 +50,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: 'c840d62ada3e45597bce575ac5964558cbc02dcf', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'd7afc055fe0be77c6b1911ff85d5439757906659', class: "gux-option-group" }, h("div", { key: '7a037eb4cc1cfbb9aa81f36e5283cb3077b2e0fa', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '47b2614cdd42789782c7e7f123946b13b7994095', role: "group" }, h("slot", { key: '02e69681127a8e660c62b0aff288606bebc311b1' })), this.renderDivider())));
+        return (h(Host, { key: '099d14b9d2216f76312ed6580ca65f16fbfaed64', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'a93e24dea5e9dc2802c0622d33b2d9f77675a44f', class: "gux-option-group" }, h("div", { key: '896f7672af849a4617dfe19368fea9e27891bec7', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '501258845a0de697274020da8c50a4a1fcccf5ec', role: "group" }, h("slot", { key: '32ad856103cf4e7aa206e2ad4d071366f9ccb8b4' })), this.renderDivider())));
     }
     static get is() { return "gux-option-group-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -41,13 +41,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '4ff53f1b8164fdbb6b4b994aa19f029a8f7dbdae', role: "option", class: {
+        return (h(Host, { key: '38d04bdb2873fe99bb967c3514ce7b8d5a05a82c', 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.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'c0b379dd41e0c8aa8423f14d9a4ef569776b5df0', class: "gux-option-wrapper" }, h("gux-truncate", { key: '7acb8113ecf230d978949ffa6fd2c180d2bbc0e6', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '9c99dfe30b919418d5c68d96aab336249bc3c27f' })), h("slot", { key: '9b55759969afdb82230c22caa1de85babfa1f1e0', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '8a98368329df7997557ed5a4595bfc2d830b78c4', class: "gux-option-wrapper" }, h("gux-truncate", { key: '0dd5e3f21088842f7e8deac44b6ae222636bb2b1', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'e7d526ca7246e6edacb8b530495f00e183531ad7' })), h("slot", { key: '61b3505d828d1376f33e2c540ccfb1f39182b39c', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option"; }
     static get encapsulation() { return "shadow"; }

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

@@ -61,14 +61,14 @@ export class GuxOptionIcon {
         return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (h(Host, { key: '37aef2f5b177df6b6591f6f7c39515ee540b312b', role: "option", class: {
+        return (h(Host, { key: '2cf492c71e5bb88ea00a91cd0f47f3ded4a66391', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 '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() }, this.renderMaybeIcon('start'), h("div", { key: '3a819d77109a5b81c5396147cb3f07ae87e62da2', class: "gux-option-wrapper" }, h("gux-truncate", { key: '65cfc8baea33e75f84841d057560cfc16201476b', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '3d0bf2e6013aa6829d5c8c0ec83565aa4a68b2c4' })), h("slot", { key: '2622c09b9aec78d3a0bf8756654d2cfe502e07e3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: 'd8d5399a69980f0278d30c9f12be5187b392c21b', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd355b17a1c5d94377d5501e261dca5df5a32d1b2', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'feeda1bcbbc40a1360dbcd46febe30bc345fe226' })), h("slot", { key: '14a15111b2c059b3bb855cfe2a2f4844ed594b36', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,11 +32,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '51a53197a4cf74069c2a1f2d16b2a29d1e9a15fe', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'f9b20b70bf646277a7338cc3922185d8180f144e', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '87bd5e7253b77012a513e884ce760dab62512976', class: "gux-option" }, h("gux-icon", { key: '51841130522f324a46b55820029fc4d5eefc1cf7', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '08ff00766ebc075f7523223f664a52800076907f', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '8d6afa7f22b98566177afe5e998bb8e4bbd178d4', class: "gux-option" }, h("gux-icon", { key: '3ae8d10ae4b0a4344acd07098c99e0953a0be358', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '1c4d85fdf86069d81cdd3b5760445fab29cfa25a', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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: '162462d46174ae1c95ab206a45dd16733586973a', role: "option", class: {
+        return (h(Host, { key: 'efa6d1b703963ecda2f9767981ca0a98254c16c5', 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: '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()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '52eec7558e6ebd411c84289de145c0a757e40663', class: "gux-option-wrapper" }, h("gux-truncate", { key: '1f6de63e76297e765dc7480234dc44eb1eea01f7', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '28c5b1364a90c42c95bb305b694bc345deb15c70' })), h("slot", { key: '3e257191bd3635182389f1a6a26aabb952604046', 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.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: 'dba68d209526909e6bea1bcd02c513ad0700b18f', role: "option", "aria-selected": this.selected.toString(), class: {
+        return (h("div", { key: '3726cd243b672dbb25c3285549d412d464c184e3', 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: 'b80762e33b37292774c427b944bf7bc7ed219ff1', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'c5888b3202d0b0d95e8520cddbda68e30d16036b', class: "gux-option-wrapper" }, h("gux-truncate", { key: '504f3558eddb83c9b996280b1ea30bd32041888b', "max-lines": 1 }, h("span", { key: '74d90bb7aa4459347a9b3f7416135d15f9e9b4af' }, h("slot", { key: '351ed718d690846163c4378c0812ea7af793a675' }, this.i18n('allOptions')))), h("gux-truncate", { key: '328801816b5c58f46475ae6ebc7febeea34fc89a', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
+            } }, h("div", { key: '373085c64e474e1b81e265b7921737ae91072470', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: '4a579f5fd13b9404706e6e00ee469cbedeffa8d9', class: "gux-option-wrapper" }, h("gux-truncate", { key: '364c9ae76534af00a4c42e6cc1fd24c5b9737437', "max-lines": 1 }, h("span", { key: '1603010b1a8e874c51b2b5e49b35ac59a58cf366' }, h("slot", { key: '9a873923c430b30762ba0bf0887cce55a4d73d54' }, this.i18n('allOptions')))), h("gux-truncate", { key: 'd6d3e088b885e32c879c665e15ea0034054aef67', "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: '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" }))));
+        return (h("div", { key: 'f4fe7535ae2245266a7dd934f634367130984d0e', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'af282c4c0f329e5dd738f6c3784ab78c86fbb303', class: "gux-progress" }, h("slot", { key: 'd5ea9cd5cb1d10ec5f1aef615ce54f01a620256e', name: "progress" })), h("div", { key: '3546431dee282608ff51c74aea5f61339dd03202', class: "gux-primary-message" }, h("slot", { key: '90e0cfd6106c672576cc3ee9e16a3673bc22f2ab', name: "primary-message" })), h("div", { key: '6386918715cb51b5ffe61b4a533bde509cb1ff9d', class: "gux-additional-guidance" }, h("slot", { key: 'cb6235d146d715a4e4c15578b8fb1195d19836e4', 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: '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())));
+        return (h("dialog", { key: '564973bbc56b7fc8e5a8105b8145f266e5d75946', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '8617e67bca651f1c16a78afd5a0f10165f39bea7', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '36abd49a4810468ed3e49a6a86159673b6f15a18', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'f1ac3e703c4a91f823136f125d1a4f3b4581183c', class: "gux-modal-content" }, h("p", { key: '9e7d93974ac35318f132d74e3f1202c20c008db8' }, h("slot", { key: '6bc1cf64c2dbf6fd30da11250523b91c6d20b108', 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: '067796ed12d160b8a80796b369ba0c22f3a80a3c', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '674b2669a742131d825587ef1fafefa71dc44dc2', 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: '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" }))))));
+        return (h("div", { key: '8d45849fc23c0611589d9d90cfcc704c0a9b10c9', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '2835669cc709c7f56e014c68bf7da14e7398b0b0', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4060f977ee2cab5ef50ecedf3fb5e83a2d9dc0c2', accent: "ghost", "icon-only": true }, h("button", { key: '3849b23b8579e71d7dc5ba2a6348b0d383cd6127', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'a0b4b0b5bf3eea2fb7a7a436b27b160f4642236f', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '280f298e648fc7e9d1dc85a954f2d548e4636a50', accent: "ghost", "icon-only": true }, h("button", { key: 'd231ba320b01dd98b3734f30164d7b70c3f185d1', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'ba677412ff5ddf6f2a4ff10fe3ac40bee1fc2b3f', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'cca8338ff3d9fb888bfa4e94a620816fcb168a9a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '386f1488cf36c8838e9ee84d84eebdc91b9aa74b', accent: "ghost", "icon-only": true }, h("button", { key: 'ec2a7f0874dc0a7356cfc7ca860e416a0fb0dbe2', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'a40bcb0c9e4e613bf926c37f49ccbdbc5c10da92', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'caa2e9314727890633399268c483a52f406d2830', accent: "ghost", "icon-only": true }, h("button", { key: 'b8cf64624b7092cfafc05b14505e13045658f1e2', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'b42ccfb3dffd24d3f5209176e06925f6128fdd23', 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: '0f25f9e2e3b77af6726372f78624f1a184e15bee', 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: 'b3991270c6754581f2708c924a4d802f3643450f', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: 'e1f01dd9cb549c705e50cf0b8520a6fffe45a6f6', for: "popover-target" }, h("div", { key: 'a93a6bd4d051ef8e798580eb4f5eb9f746190034', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: 'ab0f026285297e0fb8c2d85e2bd5a8c47d4520a8', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'd188fb787cb5f98b3a071f54bde0a36249b5988e', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '4f06b1f2c20092131e63e5b5bef16983183a6757' }, h("input", { key: 'a4ab19850bf545e46c4a9138c8dde98573306d3c', 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: '59f177003a89cb03f507f7b9c0e229bdb7afd6c9', slot: "label" })))
+            h("gux-button", { key: 'baf912b0c9144724891a29489a6e618bba281b18', 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: 'f92e7a132e07348d1aaddc5879e73961164a8286', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '3fec8c3b86d162d8961b0e5664c4020455739ebc', for: "popover-target" }, h("div", { key: 'a7f3860563c5f1371f20d25c28b1e2b846114a36', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'cd24fff3c3cae8b27f79e06df322c7c80a4e8abc', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '33c933dc55330eb42e20fc74694d15d403db6c48', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'e92923d1a2fe7a1db09d8766eae2c2d8e0acf857' }, h("input", { key: 'ec2afd9fed7fe8f71a73ef78b6729b23ee63f6ab', 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: 'e4383cda2f58d96c30128f2d2f8f34f15925666e', 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: '0b327e1a3253ac25f9e556b7a11f8c3628fe846c', class: "gux-pagination-item-counts-container" }, h("span", { key: '1db9a20e4b8fa015aae8c9836758b4cceecd354b', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'fd534bbbb7ddca2660ed413189470f58f2e9c961', class: "gux-pagination-item-counts-container" }, h("span", { key: 'ecc5aa9ef62c0a00639b9760cdc022f1f0c33ebc', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '82c84a6f34c678d3ae3abe484cf5e6f9c34159ee', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '86c953f8a3ffe21993a1dd14b45401a210924904', 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: '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'))));
+        return (h("div", { key: 'e6a004a7e53ab0611876ecbe43d066200891b51a', class: "gux-pagination-items-per-page-container" }, h("div", { key: '9350988b6af82b88cbfeb818e020c343f2c87a82', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'af629ade1935dda69691d56dffb3a0c5547fda42', 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: '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) }))));
+        return (h("div", { key: '61d8861a84c7e9c7e937a264636f078621e2b718', class: "gux-pagination-container" }, h("div", { key: '42670468b7be1991f313b9dd600c43afc7c3d066', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '19e35e5caeb7589cc9b86b36825a757b5f36e94b', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'c81f0b5fe3ebf8e67e540335276a04ed3b6083ce', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'fbbf7e18194f6d8ccbd2a4a9e9d8c48c0b128c31', class: "gux-pagination-spacer" }), h("div", { key: 'f348f7f6c897fb0e8f4362d9367bfc08127a64bf', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'e2a76bf95b87b85ad0f3193b91d18b9684453496', 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: '4351395b20a4dc9acb4ab95e002e739843d08a9b', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'ef66529502016dafb57b2e56d9202f42846af8b3', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "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" }))));
+            }, "data-placement": true }, h("div", { key: '7ff53c59539eb3ab83df1e7ddb0976950d126a0d', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'd109ffd43684410164064ae30ef4ebdb897603a4', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: 'f46a2b3f2814b95d99c1e0fed7160500971046fd', onClick: this.dismiss.bind(this) })), h("div", { key: 'f3150ab7e6b8f1e1c14a4867cb7c2eb471881386', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'c46d00f6e34a66923e1ec10a16d1f6a4fb895ab2', name: "title" })), h("div", { key: 'a35e819f8c3e735dd3128ee8169f338e88ecadf2', class: "gux-popover-content" }, h("slot", { key: '056c62972b1dc3f954e210c100b458e6763ace4b' })), h("div", { key: 'a4af1949ccab73eda77a2d3a5e4f5a716589a0da', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: 'a6b0bef2c5ddb7b3b08b5dd05bd26fec8b7ee54c', 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: 'ee21c67394d6741a7be7b0ed4abf7e3cf83d1b1c', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '170908cdec3842ade8cd82c27151732b19d40ed5', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "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' }))));
+            }, "data-placement": true }, h("div", { key: 'b9169230a3abd5e07971e0fa96f5b712889f22e4', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '7da23b665e8eaf4eec18215e86080641b2a3f24b', onClick: this.dismiss.bind(this) })), h("div", { key: '2005a3ecedda30d52c1eaef221203ac159cefff6', class: "gux-popover-content" }, h("slot", { key: '17883a956452496f6ae9e8d5abb53c1c9719380f' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -115,13 +115,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '7af8b3d681562a9ebf0a607f9575a24af6517ca2', class: {
+        return (h("div", { key: '411915fdd2622b33132d879787ac6859c55e9a29', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'f48563e5b4e7cc60717d36db7c642dfe09eacd14', name: "target" }), h("div", { key: '775358f21c52b85a44c477c6f47eef0ad63e0b55', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'd81f8238e48bb617f6e5b9f72925ad76e11616d5', name: "target" }), h("div", { key: '653ca724d8a3e505a83b16341e09c75aeabba2e0', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'a4c4fbafe9520d9f1abfbedb1e69d43c72dcf80f', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'ba8d96f5a72fae59c7b6ad4d97a86e2c2d380c14', 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: '9c7c630946e59bc3fcad53fba5aab44065439766', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '750ef2732e115fad2954cfecabed7a7f19cb273b', 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: '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: {
+        return (h(Host, { key: '2b57df9b9eca3802a80b0e492cd92c22d292b430', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '241d2c260894175407aa95430a5c816f8cac318e', 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: 'c0b62a0d54e5c29e719099297686f3a325982a82', role: "listitem" }, h("slot", { key: '60bd6828dbbda64d049a62cdb2d81cea255c24f0' })));
+        return (h(Host, { key: '50b2e809387784c373b69ace6a3ff5e8a98fc0e8', role: "listitem" }, h("slot", { key: '56d7d3295d7d82763bac6b47c0a501351a4656fe' })));
     }
     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: '812d33aa2920b489e5c1384ec86cd48b3a5769e9', class: "gux-container" }, h("nav", { key: 'e015ccec399b72527e3820e68e5e4da9ffa2a242', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'a223a35649a84c41ed1725bc882f7ddc155da47e', role: "list" }, h("slot", { key: '82ec5e4b8bfc6a41a5c48ae5eea305a60471f1c0' })))));
+        return (h("div", { key: '115b8e0550735cd6d8fde8e1f5f0020ba7007530', class: "gux-container" }, h("nav", { key: '4040228fb5a4ba99d381381f3adddcb4c2ad379d', "aria-label": this.i18n('navigationName') }, h("ul", { key: '583f771dae7cee96d741be5c3c7f9b1971083228', role: "list" }, h("slot", { key: '890649e971e622fa751d72d58cbe1aeb862ae2e0' })))));
     }
     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: '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')))));
+        return (h("gux-form-field-checkbox", { key: 'c0a2f82bde228db8da082eaf8730de5b3f7ce6ee', "label-position": "screenreader" }, h("input", { key: '922c7ad8c67ab966158e471446b1b7f57631f8e1', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '9a0ce019bf86ee33e33022ef5595ac4444a71691', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '0d57afd2b75f5654194e1f1792195d03d296b538' }, 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: 'ff5d9581763cf124c69c8ee6bbebb71e2a05dd32', "label-position": "screenreader" }, h("input", { key: 'a1ad92b623a0ab88b14755f832f8305f0319267e', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '730a4cfb36f3b30a7679b0c698655082061b6efd', "label-position": "screenreader" }, h("input", { key: '677e853e023e3c2331b9f3ce6661a3bc9774824f', 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: '0a4087390e0a6bb035726eecf0f09d1cd760c49f', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'c42ec0a25dc0ba89da97f2abbe3f1a85b0d8755b' }, 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: 'd9972264f05c15441f55cf48b3bb18ad883d74c1', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '7ec10a86ac47bf6ef2dbe62b52f73dc28f37fa8d' }, 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: '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: {
+        return (h("div", { key: '5cedd1ae935203ca3d3d19c3441656c967f83cd4', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: '5e90be054baca9f0b77f21a55469555f5e1d6930', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '7641666632aff111f812d08bfc9cd9cdbed89b94', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'ee91ed8ff9807d9bf79bfa73e0446f3bd450a8db', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '20f2db40210749c30db195f6855a7cab18d86b9d', 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: '87a814d135ee7caac27b3cf28d7e3d51d208703e' }, h("slot", { key: 'e6edebfaa2a18a60c319d70608307fa5fc3368c6' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '4fb38868ebefb93c77959b2a92b65cb03c854d16' }, h("slot", { key: 'd7855e262b06aaf91f7f575fb1d3f0975e87e147' }), 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: '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'))))));
+        return (h(Host, { key: 'dd32b11ae7e5f09145ad2f7c151ea4fa747bdb70', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'c2e494d18aef4c912e173904766331b72735a295', class: "gux-table" }, h("div", { key: 'bdaf292f2f8e1169b128b63f793a3b99a8978619', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'ebc385c99937ab19096083b2a0d24b7d9b0af378', name: "data" })), this.isTableEmpty && (h("div", { key: '4d5c31f7e1d7e35cbb497469491579623e663d14', 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: '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 })));
+        return (h("gux-table-toolbar-custom-action", { key: '0e7a8b19effdaa1061f6fa11810410ef3679ccc5', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'd0c631acde3e49df396162ad05267f9c05802a84', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'c3923e93b28689d1305c59f252faa9265ab7177f', 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.js

@@ -32,7 +32,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: 'af96a5d9eac116cffacab200ad996f3a6c0d1ff1', accent: this.accent }, h("button", { key: 'a43872b3192fae366c5c170765c5d2441a928ce0', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'f8235d8534dff06cc4c284703dc9cf32b31c922d', name: "icon" }), h("span", { key: '0fd4964af05bfc0c2bd4be5a9a8889930983078c', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'a4573c481fc5aad18d1f7bf8149f22245cf5e1a2', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '8b0a92cae9ef7b19045187f1e2e786642b56b21f', accent: this.accent }, h("button", { key: '8f0272fe35de5a2a4a767f540df5dca3d82c4285', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'd7d9528b9088925c767cf59c73b240db3501183c', name: "icon" }), h("span", { key: '1708fe38e334223cbfe650fc8e33fe35d8fa56e7', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'e3e6ae9a0ba5cc48a9d39c99323b45cde3b39c38', 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: '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' }))))));
+        return (h(Host, { key: 'e1fdc09dd6fc967505504f33d89ed53e3cfa347f', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '24684be149c10a5b5b4b416a8bc2592e05aaedd7', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '7616bf0192ffbe5bb0889be3debd149563953b98', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '62e19968ccbbfcb15175350a6757d0ebbc54f469', accent: "secondary" }, h("button", { key: 'a1731963507e2d34ade044322fd40a0a914641dd', 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: '6929431257b917e540475316e81419d1f7595bf2', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'f9e8e0e162a5c6dfbb972caad27742ca8fa4801b' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: 'acb148a4a299e00a8aeba4eabaf7e2865a8f85b7', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '314f6dc702d36b45188774e21c532075c2e0c3cd', ref: el => (this.listElement = el) }, h("slot", { key: '8bb3df423b7bfd49a4c93a7b955fe9df783bc003' }))))));
     }
     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: '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: {
+        return (h(Host, { key: 'f000e2f55bea45f364dde940a05f11525961ddec', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'aa010103243160f04a1fd4859c1f24da236dd8fd', class: "search-filter-container" }, h("slot", { key: '275208e00b105f03a86fb1d3ceb3137c4263992f', name: "search-and-filter" })), h("div", { key: '9edcdc2bb678ea1ddcf73ff60153ebe47861c921', class: "section-spacing" }), h("div", { key: '16034ab33ca645d97ec10165d947a52d9e22f394', class: "gux-contextual-permanent-primary" }, h("div", { key: 'c049b0e6c58bfe7125cec3af233d5113b2ba5110', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, 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" })))));
+            } }, h("slot", { key: '84773cb6397ff71dcb26c5b17fa0f8c8027b02c3', name: "contextual-actions" })), h("div", { key: 'cddfa889b83267cf9c3a29b4d0d664039861d63f', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'e339b0ee022166e970ba4357657a564985666c25', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'fe1b61ec80e2850ac038d7a699f485120e69a898', "show-menu": this.renderMenu() }, h("slot", { key: 'bfa6e2295e88b023b1416c28cf64f3e4144b2551', name: "menu-actions" })), h("slot", { key: 'd03011ed0a00a5e0bf974a97b3af127bad315ee2', 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: '89c403594a9ab384d72b3e883da6868379ea7658', class: {
+        return (h("button", { key: 'f751d27bc91456021957ead29950011535a2922c', 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: '82b38a6531b7d1a0fb9b08fa5025d59c06f497b5', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '2384339f27d4d02b0426aff9cd5eafe5fe77dcb8' }, h("slot", { key: '97956fe92f8e3ce8e47fd5e7b90a70351079a58a' })))));
+            }, 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: '9cb10d9e1e6d33d6f7c9b62fcb6f63f3795d69e6', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'fb6baf28537a8801c8617dc9b42807a884510ca6' }, h("slot", { key: '76a4e6316a06c550122d253b6d228dc5f221580d' })))));
     }
     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: '3aaf53a799e54474a07e78e71f9cc7be338c2d87', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '14f27f22070aa0876df4bafca68ff06e6f027e9a', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : 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('scrollUp'), h("div", { key: '80ea6204644ca71460098f5bc40fa20f80fdb94d', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '3bd5c48a8ad981681aa9769cdf1d08aca1a41558' })), 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: '5bd58c76ad3dbe06c48d8ae300ac6aac58c01af3', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'edafacf40db2bcfe3470c8a65887edbc2ad23480' })));
+        return (h(Host, { key: '5dd0a448df57040953bf187994dba8089974a6c1', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '793cdb154812e9f1cfa1561893ad147ae4ba340e' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -70,7 +70,7 @@ export class GuxTabs {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '40ab3ad31781a93e5780b17eccd33dd7ed7ab416', class: `gux-tabs-${this.orientation}` }, h("div", { key: '311f93b37dca24efee6d5f07158cc388cda390bb', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'd011be4d167dd2741acb2bcb5a86eaa9aba7a688', name: "tab-list" }), h("div", { key: '1321ff299b1380bd6b7b1ecc87efb3fee57eeb7f', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'd9b5eec5909403a152b6b254929b366a9476b282', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '41730494d1f90238a8398b6599552a759e2cc18d', class: `gux-tabs-${this.orientation}` }, h("div", { key: 'e7c8031a8f8a8bbaa3f0bedbf53f475cda85cdf8', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '554992c9e75413b96ce3aef74575961ed439eea8', name: "tab-list" }), h("div", { key: '05da5fb4d5ebbdc51a9d8ce5ba3093b82cd05ebf', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '5f69bb792b5241a0ff5ddeeb9797263dd691a11b', 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: 'd3678eb1bf19ed51c385aeaff53dbd6be0a617f1', class: {
+            h("div", { key: '32dd31f96251f69bf93cea50e3c40151fdba91cf', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'a97c1090f629015fad94f9101577bb64ad2c56d9', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '7fbc999d5433372595df9b16fd310fd7dfaaacee', class: "gux-divider" }))
+                } }, h("div", { key: '0dd82a68476cdac5022103c102d2c56a8058a883', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '92ee8fbc980c9a894d917e3f44e496eac8f81bd5', 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: '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())
+            h("div", { key: '7b7edb0d29078c31f5b382e32d12086d2f19aae7', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '91bd1cdd770e5a03a2e7d45ef82acb95303fbb2c', class: "gux-scrollable-section" }, h("div", { key: '8dcd9017441dcde18e05ae2df32d6867a752eeee', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'd19e857db1d466382394b2e236ca0d36aa903af0' }))), 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: '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' })));
+        return (h("div", { key: 'c811a1066b3f69637cee528f91cd375a0c1dbdfc', 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: '4a4302c31fa242a3c006c6f346fc5825a75bf7e0' })));
     }
     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: '6e6da9d1033ccfd3ba33a5f85265aa8f91ecbc73' }, h("slot", { key: 'b8f3b57c7921e78be50e800023788e9aca3a23ec', name: "tab-list" }), h("slot", { key: 'f2ee5d9a5b62e745124e565ba3eb162f8bc8bb40', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: 'd8da03282031776d08f1d36353ee62a9251dfabe' }, h("slot", { key: 'bb5e3562d371110b355788d0708338da13e8683b', name: "tab-list" }), h("slot", { key: '2c2b651d3c7e91fb83ee152339a033e9bdbfc925', 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.js

@@ -54,7 +54,7 @@ export class GuxTag {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: '327ac8e1f0d3e55249c0e7957a5bbb963828990e', class: {
+        return (h("div", { key: '024310e8e5236382d542e7879aeb3ac8fdeaf372', 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: 'c82648ba7d54f0c0959a60d864ef1bfae297ff0d', class: {
+        return (h("gux-popup", { key: 'e68e50ccb987ef644acd1f04dfb00f4c0b00133f', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));