genesys-spark-components 4.171.6 → 4.172.0

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: 'd370ef5d4fe148d6e2e086eb6fecd5c44bfa2a68', 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: '4a63454c224b949cc3bca569ff0cee5e67ebb580', class: "gux-option" }, h("gux-icon", { key: 'b384ee1e012d964de900acc2159f115dffa32159', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'efa2a2a1ae6091463abc5765ed42de7cadad6050', 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: '2325e784623a05a6198fbc59ce712d6873392a2e', 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: 'c9ad4deb95e260d63d0e374ce65b3ef0b6f4431b', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'b53c8fd041a7571a76febd5a854c259ae393ebe4', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '268f2160228d379739fcbe337daeb9c58fd757b6' })), h("slot", { key: '902f3a78b3c378f000e2a6ad8a5406e1b54a5ecd', 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: '68044356079af432a87cd321e459ccf393091f63', 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: '51120dac35af8c737da2959ef31bbcf3c65c807d', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'bc41072c89f96b871d77a18b8c1f942a22e31a84', class: "gux-option-wrapper" }, h("gux-truncate", { key: '74ca423c8e1010ed1d0e730301ffd8203b83fde3', "max-lines": 1 }, h("span", { key: '5790de68c23133c7d275c621778fd25e0d9543b6' }, h("slot", { key: '505bf2a041d98013796a8a1061cf1a3912624007' }, this.i18n('allOptions')))), h("gux-truncate", { key: '2014399b500145644ca814219a87aa5c7912cf9a', "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: 'b51f1bd26a86deeda5760aaaa7726cab58f5d276', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'b5c67170e9aa380209094dbfcac9f51cc229cae1', class: "gux-progress" }, h("slot", { key: '59debe8548711198a29787cb8cc173db8318d087', name: "progress" })), h("div", { key: '9f3c9cdce81470dd05c59add060a5e69fbd3e822', class: "gux-primary-message" }, h("slot", { key: '900b68d5e257f827821a27df0ca4667bd0dd8965', name: "primary-message" })), h("div", { key: 'a61c07ebefc2203118f051c1515e66705b321c24', class: "gux-additional-guidance" }, h("slot", { key: '4981f5781d696612baf34027748189d7180fb197', 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: '5077f0a687e81c8985f2c80673b171464bfd4f6a', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '0210520f377532aed0bf62609b85a90d0812c7e5', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'a4bd189b4e1c681144fcfc77ff5be3900b0b5bee', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'bb691b147a21bf73c66174064d98bb416d748541', class: "gux-modal-content" }, h("p", { key: 'c7304bb01757ab4e712c45fb2ed64f8d43edf811' }, h("slot", { key: '0f26152e93ce394752ee77f1f8157e84e077406b', 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: '2f65fee96ad84602de6b2aa16d5b8f1425e12f28', 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: '39482546d5cd5d24b52082a98f3cb836fb16e592', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'd86f7fa36520f3db68ea47711c82b396c9266a98', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '52d9a710044697efd9b45c2457030f01d4e50149', accent: "ghost", "icon-only": true }, h("button", { key: '5075ed510265ac7a0a7fddd0512f7ba0128f5189', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'c94778dd94aacad59480c62c78e4af7f219ab190', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '1df7ea4cb71eb48422902483ac041df5f3633f94', accent: "ghost", "icon-only": true }, h("button", { key: '38249329af8044bc82efb61590a244568cb35c2d', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '2965a7a39bd1c9dad0917b442dd4a24d26d7a659', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '3290f22e1f3b772252c09df8886d127afe8786d5', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f07ee245e5cb68ace61b1ca30f315fc38e8a6df5', accent: "ghost", "icon-only": true }, h("button", { key: '30e53e8aca2ac23ea6fe09aebc80d79d197a3211', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '792cdebe04dab706451cb2e684e92fd3cae0b624', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'c6c6a425d6316ee05c8158a7bb8c147c6479c70a', accent: "ghost", "icon-only": true }, h("button", { key: '0f88276a172574810e685fd4403ab7835d3ce43b', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'd09379c94dce703750dbae6d8142d19beae706ed', 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: '1bc01caeb2525de472b06ca22cf08e078e370d73', 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: '3b5ae7055fa70462c33656e700405bd086e8c04e', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '07b81b834eb8e04c1a45d43cbe83dd94235d4f39', for: "popover-target" }, h("div", { key: '51f53b9188ea5f5c9e37ecbf5a3f7b4d701e8036', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: 'c1d6e24dbd41be8a749ec7c1f9899eb0823ebd3a', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '475b7885ee95551cf191b4c458f1a398e3913aba', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '460a213d2e31a42bb50aa0a2832edb2d9c35f3e7' }, h("input", { key: '27ff9907d185dc52334d694520cfa02dd553485f', 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: 'c35881f268ef0d10c66be33cbd094b62765678a3', 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: '3f90b138e1c8590200b6e9de6975ce8397757408', class: "gux-pagination-item-counts-container" }, h("span", { key: '63f1abd638c0d5c2bebf567038d17d846aad90c0', 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: '80ac54ee1509ef450b172f76ec101125b29e10fc', 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: '8192a10e0e41a773cef585a4b7e7b062ddfd7e8a', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'f0265fc20e04a2ef7d6a8f3b8ca6be669a7edb86', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '8f1c5e4c2a3a1d2200806a6121eb9530804d9ede', 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: '075391f06ef9d96119a45663ee2a26b767118fee', class: "gux-pagination-container" }, h("div", { key: '63ee9bc1c8331d458e1e2787a7462443c8a48b75', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'fbf300bb820824cd4253564341c4ada205a615e2', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'e31152de6a1744978388bc832dc329324b0a0944', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '2f65c4755140014324964dd35a49ef0a40546c5e', class: "gux-pagination-spacer" }), h("div", { key: 'c97dd23c5341df4585fe23095b2c9e04bf82511a', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '672fafeb01590d7a2bac11f12acb82a14cabfda7', 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: '73d032ca490ec18c40417f0aabfbeee950a8a4cd', 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: '2971f6f54b5ff42fc670be81a90e5b997b70bd83', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '9ef748a7fcae9fd97c0ff74661d4e7f00255d6b1', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: 'b7ce3754b7634b08cececad6d23a81451a592240', onClick: this.dismiss.bind(this) })), h("div", { key: 'b71372f2bab3df6279ad270b9593e5c4da572aed', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '0748ab1a54ff47d4c397bcd1c9724c312bdd2e96', name: "title" })), h("div", { key: 'e6c8678109f58a1041c586bbe9676d6b839cb934', class: "gux-popover-content" }, h("slot", { key: 'feb24d3b32c59b6a0b18355e2559aa865f4dc9a2' })), h("div", { key: 'ee2796ad7dc69234525adacdfa26898c1b1e83ec', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: 'a704efb5db324f4d1ecb04537dfd16d520d4eed7', 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: '92ccb7833f919f79b2229c1ba305d5b2ac450e62', 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: 'eb4f43258cfdc31b54a3fbe06b1c4c6accae9a7e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'e48d443edb7c46b101b3f7a3fc78392dabb0c279', onClick: this.dismiss.bind(this) })), h("div", { key: '1e44bd5f96c0e054ed8217c5adc09ee77db9e477', class: "gux-popover-content" }, h("slot", { key: 'ce7283b0d5c171ec0aa470a858d4423d42a9223a' }))));
+            }, "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: '881a7313bc8e85a2a2385cf2f8c271689b3797c6', 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: '8c3aeb854f3c9a184785786db5bade61f88a39a2', name: "target" }), h("div", { key: '002758c2d7e56d68e5b05df9feee6b9184afafed', 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: '98099d6167783f73b297cd13053723707a835828', 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: 'c21ce9ebc6552228ad61ce6a320937466bf34c94', 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: 'a02770a1ef222006a8d39255537d74cbe9898b38', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '3518eed976d91d7eb3d72ac3f333c0c0f446e386', 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: '7ed2e81f9218175c4464dda59bc894a6f39fca2a', role: "listitem" }, h("slot", { key: '293b3c13f7dbae9f7ce0e88b4f7f0de3b7e90125' })));
+        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: 'c08999fb69d6647a47aa65b73ee50f47a473490e', class: "gux-container" }, h("nav", { key: 'f70aa0a7183f2df6ad579b47669cb8090ea7b46a', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'cf2e21cf3782a5df01ebc4cb768e1d1523a87baa', role: "list" }, h("slot", { key: '3a31545202a0a43a19a0a870f227969feeb40580' })))));
+        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: '1077afbb271f5bf54dff132eb0146485ad159cda', "label-position": "screenreader" }, h("input", { key: '9a69dfd369366be6f9e4388425a99ae585332c51', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'a3b11b060a9d04cc1d200931be33fd97be7f5ac3', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '37bc284562273ec6ef5b926e87bc797ff72ecb59' }, 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: 'd0b75c0c61a4173c0ec48c96c849aafef8f32acd', "label-position": "screenreader" }, h("input", { key: 'c7b9c3c46fa5799dacab7e7bfc5e8e1c8c2afd2d', 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: 'a5ff189bd2a40c470edfbb86f1e366230b8f5f7d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '50a23a6afbc400fab5757fd0297d2bb6f8c8bac4' }, 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: '674cc4d250b7824462d2d8a4ba7e8c0cbfd5edc2', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: '849f1b2966398858cb855e2c106c4ef7bcbcabbe', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '81adcbd5a5408adff9bc288e8505793a35486a42', 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: '1c0814bf58a6494284fe2acf671f9a0450f560ab', 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: 'a789ee8023faf0f80ce653d5c95a47ccad8cf06c' }, h("slot", { key: '27c3d22e74d8a24892997b60011acd3c55da3bbc' }), 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: '50b86f910e8d9d76e1ec7162e222b13613623904', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'fc54f60897569a2029be5e45cfd54c8f4f60bd6b', class: "gux-table" }, h("div", { key: '8d0e7a340a90bc019685f77c2fb587be5b05e51a', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '1361fb504c820bda4501e41bbcba51c13c13ccc7', name: "data" })), this.isTableEmpty && (h("div", { key: '1120c589de3ee942f1978b9442dac492aa6e3761', 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: 'c65e797830a16f7002584d0e95c58b06f3b726d5', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'ad5a22991e196e3954eb5e21edc1b9d1b1fd505e', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '16acde9d32a9b4266101d7098ad748d3b6176c5d', 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: '2bc36bb61273801b364afabd54051e634e194752', accent: this.accent }, h("button", { key: '62d1b5ec6750cf4eb13938d1d044ceaf0612f038', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'eeb6f8bbdc190309f21a71920ae434ed1354b044', name: "icon" }), h("span", { key: '7817aa86522aae67067895aa48c08bcf7672591b', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'd3a79b1e223dcd1adf76adf6fb70afeb257d6bd3', 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: '39a8b17b4e9d555d710d774818cf6ca0d38b8232', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '57d2b01b216360d16b729bde32849bcfecfe5e42', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'ff8e2d442e5f90cb8247130758b46ae4e3ac6005', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '2ca3b069e68366438d50f2d01685803c79a57764', accent: "secondary" }, h("button", { key: '8c4df3edb4f1311f0bd49b87838b90c447aceae2', 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: 'caddaaf90241d6738ef6899d682060ca4c763bbd', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'f44ceac0d55254d0d653e4f13cc1ac725b423cde' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '5b18dfbebb07b9bd2d23ceef5f0a3af899551be4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '81f4d59f0a6b44ce45d920504387d32d4ace4228', ref: el => (this.listElement = el) }, h("slot", { key: '59f94d1c182697733c9cc93e2e29ac751a18e757' }))))));
+        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: '358fb1951f2af10d9ab7a970525d6a2c8e4ebd0d', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '8d1051adc9506673f79aa2175db37440262a13e7', class: "search-filter-container" }, h("slot", { key: 'e1d4843063ae7d4dcc5b2b14c7876fe7f8d9cc0b', name: "search-and-filter" })), h("div", { key: 'b1bda26dee6440d5a1cd9da7144d2dbe40f58c92', class: "section-spacing" }), h("div", { key: '5ead187e05ddad3cceafc7451838036f1cec25d3', class: "gux-contextual-permanent-primary" }, h("div", { key: '884e7af9896c1f18f15d76b32355c3855f626984', 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: 'cc089ee053fb8e41359e36260a4f9e5a091e32f5', name: "contextual-actions" })), h("div", { key: 'b38fd2505967bd9e4cd5c49ec57670031e9cf08e', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '5d169f61b51c77f0185d62212108df9f93d0440c', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'c8ce69e3a7cf14e195b27001fe26e55daf908dcb', "show-menu": this.renderMenu() }, h("slot", { key: '808c739fb0d51cf6f9f45e638527df9b31eeef1f', name: "menu-actions" })), h("slot", { key: '64fb9c1162762f0b3c2084d682247dbb002f3dc0', 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: 'dc88c6d73a49f8f67552013b8e52b892e5e5ab25', 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: 'f2fb5419eb50bfbb107b74ea8ea8a04017fc89fd', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '5d9789748c8ee4ec58e0d285440a6298f4cc6ecf' }, h("slot", { key: '5a109504d28bd5b2181130f8d1b04797422eae0e' })))));
+            }, 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: '681dfebb995e6169af6bb106d7151b6123022371', 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: '20e803eb24c9ebc9f24a06e31858fe79d5d1a098', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '7cfbeb5d8b412a2f6d46fbed3d0f3b8770b63899' })), 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: 'bed791b812b4cc040106005b94ea6900039f5d39', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '38480a0aff9aea0aaa8f8407fc34217eebee9236' })));
+        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: '9e27a56176652b59d05271ecc027a07fabc5bb1b', class: `gux-tabs-${this.orientation}` }, h("div", { key: 'e40076f934475de20450bfeaa326ec8c51110d42', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '04340c962837322ecf8549618001f7f713d1d290', name: "tab-list" }), h("div", { key: 'eca10267cafcddfa3f0a1bfb4f83ac8895de7ae6', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '6db8e13e97ec897ade7c6fcc8b860acf5b2e88a3', 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: 'cba03e682db1c9498193422d706b3f38ed295f04', 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: 'bda0e8c1e609d98ba23ea5c72147b345756a6693', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'c741cc12ae62a60e167e226aab8c21a89f0af8d4', 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: 'd0c3f70ad039adfcac2ad15de4376f80cd5a9d11', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '610f0c7ba34a9d2edb01e48fb9993d19fcbef660', class: "gux-scrollable-section" }, h("div", { key: '1d5a6f13564d797e330eba2083d17c4ed54b27ff', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'aa6504b723f537e58ca56422fa4aabba6cab0123' }))), 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: '0a41ef5a19e750683a3a6ba72c0c252b51912563', 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: '7d963b0c6d94315da5285aa499b3bd95a0e3e32f' })));
+        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: 'f6d04b309715d97e031cf999a69b484ba26a3ffd' }, h("slot", { key: 'c9cf28abd3782f05b556758b388dfdde63333b9b', name: "tab-list" }), h("slot", { key: '3b009a02c37df6909994c8ce5d5536a360e4bdee', 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: '9cd911d93c2034b6d777e65ef96d18a86fe7163f', 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: 'e0093ed5b53e9934bbae8204340239d9d547bcd5', 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()));

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

@@ -57,9 +57,9 @@ export class GuxToast {
         return (h("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (h("gux-button-slot", { slot: "secondary" }, h("slot", { name: "secondary-button" }))), h("gux-button-slot", { slot: "primary" }, h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (h("div", { key: '3afacca6984c4c2d06ceef9e2e8057fe98620c57', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'f58ce2f881266382374ad5b64204ff21a58d9124', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'aa9335898e31126deecb319ecc6c76c625a9ab9f', class: "gux-content" }, h("div", { key: '7392956c384a73aa4953c439e4962b45c388cf06', class: "gux-message" }, h("gux-truncate", { key: 'd89303acfee9092ab826d11d804f4a988400f40c', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'ac2e390b5c82e17fb9e263bdf187b88967f8d17c', name: "title" })), h("gux-truncate", { key: '6626b21a364854fcde81f0bef1196d2164a7410e', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'a75213ac3afcea09c3780576ee961ec95b44e8db', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: 'b7ff05e068384a60ed6a2c5415a442c874c74b68', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '2fb9cb6139d9ce877b1640bdd45d1c42c4027461', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '412b2bd2795bf3b1e8e0da226ae16429fab81540', class: "gux-content" }, h("div", { key: '7cbd0ede33826a4a23007c223c79c40729a6ddf5', class: "gux-message" }, h("gux-truncate", { key: '563624802ee5be81e49a363c555c00c5614df318', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '9dd7f0ed7acb008a8b5a168bd77732cd744417f6', name: "title" })), h("gux-truncate", { key: 'b2b1167e997db4b6b8160f8df3993b5dff0bb97d', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '1bbc1770e6144978dc519575ad277727b3848fa6', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '0b9402b4a594df1ea78edb2934862707257e738a', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: 'e94ea937d2fe14dbf5800cb4d770258011090f2b', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.js

@@ -16,12 +16,12 @@ export class GuxToggleSlider {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: '3526fd2e50749bfb7691abeb57b38d1a3cecd133', class: {
+        return (h("div", { key: 'de4e2b2baa204484e15b2b51cb15b43c75730d7a', class: {
                 'gux-toggle-slider': true,
                 'gux-checked': this.checked,
                 'gux-disabled': this.disabled,
                 'gux-error': isError
-            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '84a3234ad2342af744dde144aaa754c0c378927b', class: "gux-slider" }, h("div", { key: '35719f067b8fcf1ee88326aa068ab43bdacdda66', class: "gux-switch" }, !isError && (h("gux-icon", { key: '70557c9cad2c6809d9a4a72827186dfca58b9a1a', "icon-name": "fa/check-solid", decorative: true }))))));
+            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '1261d8e9408fd5cf6ca29c7a41ec54de67eaf8aa', class: "gux-slider" }, h("div", { key: '35d8d5704e5de3e282cf069d43f5c1321ae0339d', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'bc61c6366574a572bbbb389425ca383ffeaebda7', "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get is() { return "gux-toggle-slider"; }
     static get originalStyleUrls() {