genesys-spark-components 4.171.4 → 4.171.6

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: '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())));
     }
     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: '2f65fee96ad84602de6b2aa16d5b8f1425e12f28', 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: '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" }))))));
     }
     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: '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" })))
         ];
     }
     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: '3f90b138e1c8590200b6e9de6975ce8397757408', class: "gux-pagination-item-counts-container" }, h("span", { key: '63f1abd638c0d5c2bebf567038d17d846aad90c0', 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: '80ac54ee1509ef450b172f76ec101125b29e10fc', 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: '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'))));
     }
     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: '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) }))));
     }
     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: '73d032ca490ec18c40417f0aabfbeee950a8a4cd', 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: '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" }))));
     }
     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: '92ccb7833f919f79b2229c1ba305d5b2ac450e62', 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: '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' }))));
     }
     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: '881a7313bc8e85a2a2385cf2f8c271689b3797c6', 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: '8c3aeb854f3c9a184785786db5bade61f88a39a2', name: "target" }), h("div", { key: '002758c2d7e56d68e5b05df9feee6b9184afafed', 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: '98099d6167783f73b297cd13053723707a835828', 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: 'c21ce9ebc6552228ad61ce6a320937466bf34c94', 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: '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: {
                 '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: '7ed2e81f9218175c4464dda59bc894a6f39fca2a', role: "listitem" }, h("slot", { key: '293b3c13f7dbae9f7ce0e88b4f7f0de3b7e90125' })));
     }
     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: 'c08999fb69d6647a47aa65b73ee50f47a473490e', class: "gux-container" }, h("nav", { key: 'f70aa0a7183f2df6ad579b47669cb8090ea7b46a', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'cf2e21cf3782a5df01ebc4cb768e1d1523a87baa', role: "list" }, h("slot", { key: '3a31545202a0a43a19a0a870f227969feeb40580' })))));
     }
     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: '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')))));
     }
     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: 'd0b75c0c61a4173c0ec48c96c849aafef8f32acd', "label-position": "screenreader" }, h("input", { key: 'c7b9c3c46fa5799dacab7e7bfc5e8e1c8c2afd2d', 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: 'a5ff189bd2a40c470edfbb86f1e366230b8f5f7d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '50a23a6afbc400fab5757fd0297d2bb6f8c8bac4' }, 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: '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: {
                 '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: '1c0814bf58a6494284fe2acf671f9a0450f560ab', 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: 'a789ee8023faf0f80ce653d5c95a47ccad8cf06c' }, h("slot", { key: '27c3d22e74d8a24892997b60011acd3c55da3bbc' }), 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: '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'))))));
     }
     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: '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 })));
     }
     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: '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()));
     }
     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: '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' }))))));
     }
     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: '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: {
                 '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: '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" })))));
     }
     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: 'dc88c6d73a49f8f67552013b8e52b892e5e5ab25', 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: 'f2fb5419eb50bfbb107b74ea8ea8a04017fc89fd', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '5d9789748c8ee4ec58e0d285440a6298f4cc6ecf' }, h("slot", { key: '5a109504d28bd5b2181130f8d1b04797422eae0e' })))));
     }
     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: '681dfebb995e6169af6bb106d7151b6123022371', 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: '20e803eb24c9ebc9f24a06e31858fe79d5d1a098', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '7cfbeb5d8b412a2f6d46fbed3d0f3b8770b63899' })), 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: 'bed791b812b4cc040106005b94ea6900039f5d39', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '38480a0aff9aea0aaa8f8407fc34217eebee9236' })));
     }
     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: '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) })))));
     }
     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: 'cba03e682db1c9498193422d706b3f38ed295f04', 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: 'bda0e8c1e609d98ba23ea5c72147b345756a6693', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'c741cc12ae62a60e167e226aab8c21a89f0af8d4', 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: '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())
         ];
     }
     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: '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' })));
     }
     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: 'f6d04b309715d97e031cf999a69b484ba26a3ffd' }, h("slot", { key: 'c9cf28abd3782f05b556758b388dfdde63333b9b', name: "tab-list" }), h("slot", { key: '3b009a02c37df6909994c8ce5d5536a360e4bdee', 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: '9cd911d93c2034b6d777e65ef96d18a86fe7163f', 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: 'e0093ed5b53e9934bbae8204340239d9d547bcd5', 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.css

@@ -61,7 +61,7 @@
   font-family: var(--gse-ui-toast-text-fontFamily);
   font-size: var(--gse-ui-toast-text-fontSize);
   line-height: var(--gse-ui-toast-text-lineHeight);
-  word-break: break-all;
+  overflow-wrap: anywhere;
 }
 .gux-toast .gux-content .gux-buttons-bar {
   inline-size: 100%;

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: '0a37df663a3f056dfd9ba6ffe3ada2ec62cb4d0b', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '0543ec9f840eb551ca0344b10dc5c147c4b76e8f', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '183e1ff2377b279794810532925334986312f5ac', class: "gux-content" }, h("div", { key: '30d551cc34a471247f88ef5dd036564f6d946b82', class: "gux-message" }, h("gux-truncate", { key: '27f070a783c0c2f1105e838cf65ed3e0eeeeaf91', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '12076be377f6428237edbf92e61dab1e90633467', name: "title" })), h("gux-truncate", { key: '607a50c1adaecaaf1760dfab369e733cfb802808', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '44513cf5dd9a74e9ec54f355cb3e7ad5dbf9ab9c', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        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' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '6257002dfad791464813207a23b7b4ec8de284fa', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '0b9402b4a594df1ea78edb2934862707257e738a', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -64,6 +64,30 @@ export const renderConfigs = [
         </gux-toast>
       </div>
     `
+    },
+    {
+        description: 'should render toast with a long message',
+        html: `
+      <div aria-live="polite">
+        <gux-toast toast-type="success">
+          <div slot="title">Success Example with Link</div>
+          <div slot="message">This is an example message that is longer thatn a single line</div>
+          <a slot="link" href="#">Link</a>
+        </gux-toast>
+      </div>
+    `
+    },
+    {
+        description: 'should render toast with a long word in the message',
+        html: `
+      <div aria-live="polite">
+        <gux-toast toast-type="success">
+          <div slot="title">Success Example with Link</div>
+          <div slot="message">accountswitcherdcatestuser2@accountswitcherdca.test account successfully removed</div>
+          <a slot="link" href="#">Link</a>
+        </gux-toast>
+      </div>
+    `
     }
 ];
 export const renderConfig = renderConfigs[0];

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: 'fcc03113d091f954d1d953fab64cfece5b1a6014', class: {
+        return (h("div", { key: '3526fd2e50749bfb7691abeb57b38d1a3cecd133', 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: '5b062c5e0dced6b67fe11708ce0af56e9ab059f7', class: "gux-slider" }, h("div", { key: 'f423c3fed3f45f33b0f1b5482de7722f939d83b3', class: "gux-switch" }, !isError && (h("gux-icon", { key: '4c09c356f3bd813409aec15b40ef5c3689b328a4', "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: '84a3234ad2342af744dde144aaa754c0c378927b', class: "gux-slider" }, h("div", { key: '35719f067b8fcf1ee88326aa068ab43bdacdda66', class: "gux-switch" }, !isError && (h("gux-icon", { key: '70557c9cad2c6809d9a4a72827186dfca58b9a1a', "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get is() { return "gux-toggle-slider"; }
     static get originalStyleUrls() {

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

@@ -68,11 +68,11 @@ export class GuxToggle {
         }
     }
     render() {
-        return (h(Host, { key: '832cbdbb511105a3540e72f5fea655cd846f7755', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '1cc9ff7e46ae0a3de384056a095050e3ab839ad5', class: {
+        return (h(Host, { key: '3d6124826c33eb2356c5ebbdf90bb665ac69179d', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'f22949075ec6aebf0b0c29261244cb6409baaeae', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '2d440dcca9a9feb913cbce9869c5055dd1d7342c', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'c8c084e1a4908f69231f654e6de80d29af427636', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '134911417ba9fd35e1a47fc67e2c0ddb038228a1', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: '5b3e1e1374dab9620ae0c7ec2e1ad6ea2cae9509', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '29db3e9a245a70d52a283428de45811406157e3e', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '2deacc7df3ad7a3c97de926d1cea49beec309440', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -154,10 +154,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '48b31a1561d4bc53630c169279c1ce010321b615', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '343943921ecb05887a3d230efba0a54a8354ced7', class: {
+        return (h(Host, { key: '59b1960a9fef80862e778bb2683f0ed115aabaf6', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'a09f07ab58b0bfed9db797aa9b321d4129ca4bf3', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '248b3bfd2d4d375e8387f2ce64229d51d6a85b4c', name: "content" }, h("slot", { key: 'e3895c37e5e784c776f3b34125cd69eed2e0ab51' })))));
+            }, "data-placement": this.placement }, h("slot", { key: 'e0c366e9bf360ecb43fc161dd19979a38e2afad2', name: "content" }, h("slot", { key: 'f2fc67c3c8c531b7fa8f63d8efa121bf203e0c9d' })))));
     }
     static get is() { return "gux-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tooltip-title/gux-tooltip-title.js

@@ -120,10 +120,10 @@ export class GuxTooltipTitle {
     }
     render() {
         return [
-            h("span", { key: '4a53be69e77b5c61b7c6e58da475763e0a34ec9a', class: {
+            h("span", { key: '74ebc30d1d2c870495b0708edc0377fca789552e', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: '21e934fc21d1353dad70e75383ab14c8c885156a' })),
+                } }, h("slot", { key: '077b275acb9a9f0ec22a63f175b5f930654c664a' })),
             this.renderTooltip()
         ];
     }