genesys-spark-components 4.154.4 → 4.154.5

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: '632e008bd66070e80a69251b2d9e535ddea3491a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'c37e9330ac2815693acc56e9ac447e407e969678', class: "gux-progress" }, h("slot", { key: '6c662bc8a2777ba08a2b848d80ecb77266434387', name: "progress" })), h("div", { key: 'aaaf10b091eb4ae8b7f73308f85c3c6618e9acb2', class: "gux-primary-message" }, h("slot", { key: '9dddb86790587fa3d40ac111de05df3e0891260b', name: "primary-message" })), h("div", { key: 'b3087a2f89c78c9b83a683511f8760708791c238', class: "gux-additional-guidance" }, h("slot", { key: '84a1bf57007fbe2c3999723db6d9d7e087719ba2', name: "additional-guidance" }))));
+        return (h("div", { key: 'f1cc2ae7ad4adbba0585492ddb510d0c6e5eebec', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '8e07c75e9ce20ed3b7791ed5896b37f10d8dfb88', class: "gux-progress" }, h("slot", { key: '9ce54e9d0df89954603f7e627828eea749561c6d', name: "progress" })), h("div", { key: 'ba6a1a0e4908946351fc63cf28b796cfe8cca4f1', class: "gux-primary-message" }, h("slot", { key: '318a82e74471d776bb1421870fce0d51b1edd4b3', name: "primary-message" })), h("div", { key: '6b91b1dc2c3a6f6f0ed3ad096c47f75be7e3092c', class: "gux-additional-guidance" }, h("slot", { key: '96564203a3f6aeea8255eb049a7c3ce8e70a6d2f', 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: '235c8ccc02e2421ee1431dfb3ee3c313f0d9219e', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '4da6ae302be4b983afc798b546b70461d8eb0da1', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '02ae31920b555056baccf13bff1b74806088aff6', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '28fcdd63377d25dc04b1c0ac4cbee19fb9211ab0', class: "gux-modal-content" }, h("p", { key: '705a26a5bcdc479d65ce09255b47894ad44f8868' }, h("slot", { key: 'ff005455111c619d28ca6de3a4e601227fabf07b', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'f3889c81a92b660d158a6ccfb65ca546d5c6e7b6', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '6ba7afa02e72b5299e58a5135454db09b9e4fb9a', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'f8601f90fc13fc7c1728f7aa26cb2b3d87f6a96c', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '984f25ca3fb4d43bd7c2cd48c881ff17c1a13be3', class: "gux-modal-content" }, h("p", { key: 'b151c66c1cb5071b315812ce7f579d700ab5f7f2' }, h("slot", { key: 'c617e8eede9dfa0e0569409bda624db3043755dc', 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: '7adbcbf7088ada82ffa08e01a14830acafa941f0', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '7f0ca49b0d4a565b137e3832bdc4da80eb2393d6', 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: 'ac3ba167dcfbd7a6e218a5fd87d7dd720c6dfd69', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '721bc3da1728e9a14b44fdeb1c8448f235ef7641', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '8a7a5cc6ade74aedb65a5f42e4c6bc37b54ffd87', accent: "ghost", "icon-only": true }, h("button", { key: '4795d7520e667f9bc3a05007a36d73e6d59f35a9', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'f3634a3e56219c2540c7790898cf2fd2296cd2d6', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'aba139922dcf8a74d70f483585db2e083a7ff447', accent: "ghost", "icon-only": true }, h("button", { key: 'fabaf8623d2e2bce0e76037c5f7c87e90455d0ee', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '809cece316e09bee8606395c734cd793136048ed', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'b4dbdf909678a791b1307cb002390956e32a95e2', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '8ab559179ff42f581ebe35cf13723a453014610d', accent: "ghost", "icon-only": true }, h("button", { key: '2c40aee76604374cbb67e8dee1172275484ea418', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '8dfcfb78bcebdba5c844c808c7622f3e3f9ee310', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '7d9cef2171c7ce1ac400883b0954cefe8dc46e4c', accent: "ghost", "icon-only": true }, h("button", { key: '4f26be829cab3ac05bdffc653c179fff0696c665', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'f8325a587b08409ab70a8bb9441aff4ca8f0bbed', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '4ba612a8f987d7f48ef8fc83de55e75398068cb7', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '70417a9af92f81fc9d870c953e7e889d4df76bc0', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'e7452e6c4674db0de54210913ffe693d46f6e772', accent: "ghost", "icon-only": true }, h("button", { key: 'e369561b47d9ed2cf1eb27f7c15f00c4a15119a4', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '1921f866f74b115b3cc3195aed7d9a403fc1440b', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '43cab0d7b2e744a43299208680bb925691eebf76', accent: "ghost", "icon-only": true }, h("button", { key: '212807643e83512e4643b5d1cd4195cfc405339a', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '0b2e853dae3a7cc28af0f6addbf6914912a79f13', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'a4b2592d15f2c18ce0dac19c941f286de8704124', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '1d341c607224aa6f251f9b4c5206b4da4d5fe67d', accent: "ghost", "icon-only": true }, h("button", { key: 'bd53bef3f334494f04947df935fe55b7a9c140fa', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '0d9de0f539b159d3f52faf5692b53a6f0c19ee47', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'b20fc1b50d8da2d9ddf4dc9ccc4f87cf4b24e545', accent: "ghost", "icon-only": true }, h("button", { key: '5fbebac0c64ca8cee0aaf57f522b33a520dca5bc', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '6ccf5f8232e5c372646c6333442ceacd156de426', 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: '41e529bfee9f7ccb4253527518312a3fe0f83022', 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: 'eacbe11caf92eeb21bc6486e17cd8fc9e0e41435', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '7a8c735f95d559a1da4a3c2457b4b4dcd87b1bb6', for: "popover-target" }, h("div", { key: 'fc2d94846989eead5ae39f90ad8c149f507ddc19', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: 'ed70426897d5dbcb04fffc331048202bc3673feb', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'ee81999253bb53c5514db9b667db8bd30526ef11', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '71683940ad76bc0c718e128c12dfae87cd8f6331' }, h("input", { key: '81b045c7c1005e8fa7adee98e003dc2275fb3487', 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: 'bc030aec656c62c95d6d51d874c0dacd3ee59603', slot: "label" })))
+            h("gux-button", { key: '3b4e01afe3cc52e4f15bd06beaf246ddb6022347', 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: '4dd184f3df45a8217662c6a2212a43ed8b8dc637', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '7c5e0ae742547ebb974acd5893d32cf1f7c7a160', for: "popover-target" }, h("div", { key: 'ab2acb2eaddf719a43100a02961ade72fb58adac', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'fd4dfdb6366ff55b0bb2cf89cb44ba4619c512e4', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '9df657db624e86018296c02bb1af9601414cef7c', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'bdd0cbe91e36e28dbcd5f24312f287f1e1ec4441' }, h("input", { key: 'a229de63ad7e45af3526dc547765dfa19fdacf6e', 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: '2300839502e8b3d3c267ef8a8e46fe349315db57', 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: '9a2277d465141c57adc41f5b3bea86db3f846e84', class: "gux-pagination-item-counts-container" }, h("span", { key: '128510d9b6249747981a1e97759d47042c5396eb', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'dde821c2d38de4d218161e1b6fe0f072daa22a92', class: "gux-pagination-item-counts-container" }, h("span", { key: '8c692247c3f2fd41a880a168dd9061af715809bb', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'e31b2cf7b5129ce9fce616d0b20888612a5c8a47', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '26486c3133559f536ec911fa69783b7db3d5b69d', 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: 'd4b6d3b53190b9796c0b5edc3c2ab448d62fcdff', class: "gux-pagination-items-per-page-container" }, h("div", { key: '7712e916af6f5bf41c86f102f3012cd191182859', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c75f920e13cace02d7bc09369dafce632408a240', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '68543c831b833fa2cb62b7f4169a8f792c64b191', class: "gux-pagination-items-per-page-container" }, h("div", { key: '893dcddb14c1f3b19def176fd2f7498c626e2f2b', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '7eb6534f81474716396b0bd294b192ad79049d35', 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: '2632e765f678d0b2209c6edabaeb39f6a4947a8c', class: "gux-pagination-container" }, h("div", { key: '284fa15020d0ad7654c482cde60a1490e06bf685', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'c47f73c6195fbd8bc65b78b9981a7792c7718673', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '12b0075fa4631602dde5c94ce2173d002cf2679d', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '919ab355b5dd2412986ca7ce20cad2a8a728a57a', class: "gux-pagination-spacer" }), h("div", { key: '2582c1db81d6ce48e47a8510e1e29c94577d2120', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '92b3b60ce7a5f48bb9dff68f20a64831f22673da', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '936d60bd9e154e2028c1054b8feada2d70853437', class: "gux-pagination-container" }, h("div", { key: '56ab91c756bd4448bbbc940ee1c293ae4c0b6b28', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '6eebd691ccada4c71486f51ab82dd18fe19c9ae3', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '3c0dd88b7ce8f6a3d517bfa84da208871b9c99c8', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '3a3a1d82003ac4c995ec1568becd793b4f00ec62', class: "gux-pagination-spacer" }), h("div", { key: 'f4144a788f5d732401448c2f39ed54dad58a5363', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'f435378462aa052d37780cdc331d512afdaa59ac', 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

@@ -162,10 +162,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '15ebb2aadb07189b4f08d86b596df4da22475e96', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'ee1720e19760f914995ad956f05f401cfbd92065', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'cc6a4a445f4280a009f0356becaab363602fd546', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '1420e05736ade46ad1dc37d307dfe9de1bc8b699', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '30e79e138a5fbc213ef24acd63babb40c5cf94f0', onClick: this.dismiss.bind(this) })), h("div", { key: '42f3ebb6874aecb0c05366d8040a089a627ecd3f', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'f80d2650eec055b1bc1ceb3d6c0cfdb8a6a9d79d', name: "title" })), h("div", { key: '5d9f7e98d824af66532a5e6c18c1eeb623344b23', class: "gux-popover-content" }, h("slot", { key: '71e4810e14d8fb3aeaf19df4c0dee6cd72ef4514' }))));
+            }, "data-placement": true }, h("div", { key: '5519da18954bc746183af5fce4fe38e9c3e11f2b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '593025978df29f4dc891e7555f7d40251a33a670', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '52ad3b2604ff6fe3c6fea42a26a3fe78b5f90cbd', onClick: this.dismiss.bind(this) })), h("div", { key: 'e41c91e3b727ede0ac0a0f7e80b73623f84abb75', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '4c7276811649348eb49f013029dc17f1f8c76a3a', name: "title" })), h("div", { key: '5d06ed668cab6c8acf176a8c7f08607402b01a6a', class: "gux-popover-content" }, h("slot", { key: '14212f1c9a2256500b492d8112d2dee5bf811ef6' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -134,10 +134,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '7961504cbd9bcc9251e0108f50b00f05c75257ee', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '06027493c41f6307c87a1fbdd356e5b0bb3cd4ef', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'cc904362a902bfbf4ac5183f1b44c68c06c8c77f', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '078f44190426a8c90add63b0baeb65db48e46321', onClick: this.dismiss.bind(this) })), h("div", { key: '3903368f21964263fe6319d4a58ad382bb05a69c', class: "gux-popover-content" }, h("slot", { key: '9e3ad5de2dd4792c53f5c96a4b3e59efad795fc9' }))));
+            }, "data-placement": true }, h("div", { key: 'bbd4037c60d7d4b83ca8d5ac4a371f0f607f1c1a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '5cc31a0d2193f99acc41136cc86d485f0decff8b', onClick: this.dismiss.bind(this) })), h("div", { key: '8eeb6788c5e65b7c6bd44b8a79d7271532816db4', class: "gux-popover-content" }, h("slot", { key: '272d95c0af2160f0ab06c489cfa91c641451a2c5' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -113,13 +113,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '89454862e98a0651408c6dbc65c775c303b423c2', class: {
+        return (h("div", { key: '425c3fe4d308bc7a405c855fd339a079e9d05d06', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'f7a221a5e83d68a3b9fe109873d2165ded618668', name: "target" }), h("div", { key: '1eb84ed2d6c23dd90e6d53a396b57b9281877298', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '538bd99671e2f1a66e6b77f559f284d82353d9ca', name: "target" }), h("div", { key: '9dd4b9ce304c79b243c0e1f0a1a10b6993e7c162', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '84138680b54deabe48f8d183c0ddc059c391ffbe', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'bf99c8e91bde2cecb2a86e7baa030fa3b3bcfcb5', 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: 'bddbb444723ba11604fb40349c039b7370ef6b51', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '2bff8a2a2eb177f4b99b124359249ba8628223e6', 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: 'e41f83fb42957d4d457081f3b1d8de970faa4f06', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '9c8b90b1ac5498c260f2216ff05b0fbbf6888d8c', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'eaa17ab8f1f84844c4724a553bb3349449e7c179', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '0dd5c4652077dc010d2e22c80ee2b6368f01f8a3', 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: '4ab16d55d148cac9a7ffd23718c84ba9e1f6e8ce', role: "listitem" }, h("slot", { key: '65862c365b5a58ac64caa4d17ce5ac1a854f2406' })));
+        return (h(Host, { key: '5af08f7f5038e2bb705c37f3b36537162b00fc78', role: "listitem" }, h("slot", { key: '73fe0e05084cf0b275a5550c85f857eef5519e4d' })));
     }
     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: '7dcb053b4e6036bfb0a88ae34af11f92aea3199f', class: "gux-container" }, h("nav", { key: '29f949b4959eb2cd0aa2fab681570be0a5fa42f0', "aria-label": this.i18n('navigationName') }, h("ul", { key: '7f1ca7d3ec29723de612ed3fac329f38df864e1e', role: "list" }, h("slot", { key: 'ec7d5f499fbab0132f53219808c7dc8cf24cb591' })))));
+        return (h("div", { key: 'e5adf97bb6ce628c5d7098994335ff61f6f7e390', class: "gux-container" }, h("nav", { key: '97232a5218a5f74cde772cedfd8ce964e89a9816', "aria-label": this.i18n('navigationName') }, h("ul", { key: '5502dc030d9252507fad80a53106cccc33dc6deb', role: "list" }, h("slot", { key: '019a601796b13c2e42eeefc7a9133db8074ccee0' })))));
     }
     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: '36993fbfb051080579b7dceafc50d33bfede6723', "label-position": "screenreader" }, h("input", { key: '8fa6e2dce1d1b60fa29221c52b5a91c15071c3fe', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '3fbfa3103da0e265d34f7975df95efcc8938e9bf', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '373ccf923fe18c249b9d4276debd5191c4f44637' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '90efb66d7d822e1f2c2948bbb08c2553e1f66967', "label-position": "screenreader" }, h("input", { key: '8470c5c830d72f1158f5258672d791bcc3a16f7d', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'b94227825749f85a6444a79e7c421087abdf496d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '725722d871b0fb81b0060dce7de3791de9aaf6ca' }, 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: '64484a1ea527a98d213c26cfd63279511a097a21', "label-position": "screenreader" }, h("input", { key: '8d4cff4d7e2f5b1b6ca2c1aab97b7953ab63004f', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '4c38a889a99cc07fa6cbf58cfc14be169ee5ae2c', "label-position": "screenreader" }, h("input", { key: 'c571dd39e29dd14f1b0fd1c3f6affb785792620d', 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: 'dc49e3615e09ff039d3029fc59ef4429a6185d7d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'fb6bbe582403febba0e6c6c7fac4df585eb2a44a' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'f1337acc7ec012c214c8cc93e9a7f8dbebd1c869', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '785541fb0ad8cf8ec4506bad22d3ce9826d019b7' }, 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,13 +97,13 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: 'b3be0740bebb853b93120ff2f480a53233feb119', class: "gux-container" }, h("button", { key: '48bfd91535d1ffbdba391de592dc60d08c2f4161', class: {
+        return (h("div", { key: '0f5600eb337411de6716a01c9bb4d0825d41e141', class: "gux-container" }, h("button", { key: '3f01fb4e9af4f0868be8d1037768c20289d0953d', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '87bd803ad2f0bab456dccf2aa6be2eb5eaf41228', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '5ae3610d6302395fe219850288bba23623c72e2a', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '59eeba669926671a3c20aaebe7a0a81299ee19bc', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'e36588875ebbaa0b82bc6cc4df8f925b30a7c12c', 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: 'ed1fcadfcaa20cf528eb0052be480aee0f87446b' }, h("slot", { key: '1a6efd9054e41699dbd327d08be5dd107967c7c3' }), this.renderSelectDropdown()));
+        return (h(Host, { key: 'b1f2570e7a6a573219d6056b8d175e71e7285147' }, h("slot", { key: 'eedefff37b97369c9aa5717b314c667b31001429' }), 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: '7c0de7d38597cd74f6b0153ecd23a57b880a83b2', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '0e24228557e34047f21244594044e32787b7ab97', class: "gux-table" }, h("div", { key: '4058f2a889e4d533bb129ae31cb35bf732999bf7', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'face8bbeb29a66e50806842555ecaad32cbb824c', name: "data" })), this.isTableEmpty && (h("div", { key: '02602512594ac63b8e3beda231c51a7909b77844', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'a3ffcccd13ef8e71bad921ebe6619c8f0db9c6cc', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '9f72c237f6c50e4d96771d874427815395f9fcde', class: "gux-table" }, h("div", { key: 'c7ef07c6a7b9995e0c2cbacfa217ed670f75ecea', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'a757a36695d1af30a34becf46ac20c0fe2f31fe0', name: "data" })), this.isTableEmpty && (h("div", { key: '7cd8741fdf5c17939a1ee78970d447404b32ccc4', 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: '3b02e1655e511e7f45494ed329cba802b05bceae', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'eb095d85733e80de46c85575244fa800aafb6aef', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'f80600fa409bb45dc34f0baa6ce602ed7eef312a', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: 'da8e9c8e79fb2f4c224f00da780438f35c2330af', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '4abb79967fa91d433d04b75956e908546f5ec09c', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'b943047bbf5378ac386f7b015c715c2e7221d1a0', 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: 'a50243abe4e6bd3d5485e5decdea36fddb80c64d', accent: this.accent }, h("button", { key: 'f474b2b024e19734ca5e3b0a30493585b9ecfda9', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'f6d55951fcddda6ce549453a416826b476245280', name: "icon" }), h("span", { key: 'df0019e0a4d5f1d948f32cfbf1e35279a72ddeec', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'd712a06e52224df1c9cbb0066a555425ec441d29', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'f9b1fb3d8a97cd2139eb5af4c426bdaa1ae44baa', accent: this.accent }, h("button", { key: 'd88f8eae437463c945ac7863bb97848db6480943', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '4ca4c537952d630182405e44f5d248da06ef8a3e', name: "icon" }), h("span", { key: '21c5073044bffa2e8214d18091dc2b8ea03b8d12', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '6a6130c88cc98dc4e6fd234efb9415ae868803c5', 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: 'ab5a5a60169f9dc0006de9fd504da68dc0c82bbc', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'dcbbdb9a5f505746b2fb53d21e4c4f47ff647890', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'e48d3db7eae17dd25769fc71e26739735ab30fe9', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '95558dc7f3b90b04fdecf363bb81e6d752a33b7b', accent: "secondary" }, h("button", { key: '2435dad44695a45b1f1277c5e60bb9141cc49b02', 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: '923368b8a25dbca8c8c0762d76d98c5d98063ba2', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: '41123795d6150ac96bec940393d8a1dcd5f108a4' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '3a1c8a34929e2b690b0ef09f48de5d2e82a8676c', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd016235adc18d1d89c6bbe629dcdf7405b3627f3', ref: el => (this.listElement = el) }, h("slot", { key: 'b349acabd22afa3d99a921c5faf2ce2e7ccee315' }))))));
+        return (h(Host, { key: '6c806b651443caec93e7ec690a2ca80d2ed06b50', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'e2623d24f57b2ccbaf811ed588b63610fa171805', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '63e7430a934c25ee1334504eb5ff86d59e263637', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'd6321d4f860ef371c70c77743565426ae11e3b6c', accent: "secondary" }, h("button", { key: '3120ea93042f5199b3198f6de1cffe037c506a90', 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: '753a2999547783dd92559f572ffae6dfba402047', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: '2cdb1133dc8e82f1c2c890e9fefbb1d7314a6c1f' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '2c9329e2da6d6144361225b8566877d9a6ff7aac', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd980378020d16e499bad5310eba6b45b3da2ba55', ref: el => (this.listElement = el) }, h("slot", { key: 'e42992fca9056b3896c1c25b9937462f5c990759' }))))));
     }
     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

@@ -198,9 +198,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '6d9bb5d5cfc8e0a08863270277a5aee77a97a22d', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'fc3ce74d73a7c17d28d62973749c098ff6ad6d74', class: "search-filter-container" }, h("slot", { key: '0cde14fa79023c82b09e4f6c48014fc340f09b1c', name: "search-and-filter" })), h("div", { key: '7e0a9c74595eae632f70e0b4d2106dd852ad77e8', class: "section-spacing" }), h("div", { key: 'deb38a6880a9c1189857b2170158304310286247', class: "gux-contextual-permanent-primary" }, h("div", { key: '10bd23cc43b91883643a87c7c941b28ca27bb3ef', class: {
+        return (h(Host, { key: '337dbcf7b2dcf25530dcac20776ff4bcb64fa00b', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'ff3485b6b3eaf5fa216c53502aa28e4c59f054b2', class: "search-filter-container" }, h("slot", { key: 'ecb9f0fd9b0166a09b067261c7f5cd065632b191', name: "search-and-filter" })), h("div", { key: '56327ee8962b333be4bd47db502c0ade7ad6b077', class: "section-spacing" }), h("div", { key: '09e5fb47e40c2ac796364ffdce517df345ac13ad', class: "gux-contextual-permanent-primary" }, h("div", { key: '8d022078707ee1e7b9894fb3f17214fcba6f0f83', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '51568039a0835a3d52019904e8ca3ac6d4cbd686', name: "contextual-actions" })), h("div", { key: '5a5a50821d5adb9bd401be6e613d93aaf8f7efc4', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'b19cbed127e86ed53212a22d32113ae6623a874e', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '40953d9048d6d2ec233221c96fdc876c3ca29f36', "show-menu": this.renderMenu() }, h("slot", { key: '6fe2fda9735707e1e93e822b5ef76d3b2c3dd966', name: "menu-actions" })), h("slot", { key: '65f8912581a1bb88a62c58def6458cb7cbdc5fbf', name: "primary-action" })))));
+            } }, h("slot", { key: '64c524e4284e630310d44038ac68b909db3c55e8', name: "contextual-actions" })), h("div", { key: '6962e2ef361c483cb67a41e19509daa4d9751a1b', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '57e776b841a9c9fc8d7934b0c507bc836f1532f7', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '74528cec9977109f97bfc530ad428ad5a517adbb', "show-menu": this.renderMenu() }, h("slot", { key: 'dee04cd0915b223f4b71ae4fb20e5cb9568c19c2', name: "menu-actions" })), h("slot", { key: '5694296b21c1a5cbff1131a1e6e8776bb8de54c0', 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: '3b4848d27454db32e82f9a9ff3b0fb07fe5ae967', class: {
+        return (h("button", { key: '446a339c553365f12c3f975367975bee95429bef', 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: 'adfa308450ebbb503bdad6f5db679d3367817f06', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '0695f082a6f67ad57376946623df29d69a70c755' }, h("slot", { key: 'c8528144e9cc86131103692b51364e1543e40766' })))));
+            }, 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: 'e9a6eea06d6a09e9b9409601a1f106d0bd052209', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '2f8448e00ebbdcee941c92d5f29ae2aaccad6627' }, h("slot", { key: '7d67bf3060939f7e04d1637b46799a791e16cd05' })))));
     }
     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: 'c27b59132f3fc77f9d4ffa036d85b193e9021807', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '9be65cfb80e3d3b3f9f055264439ef83dffa028b', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '72ef0e03e709d2e108bbef5ba43e54491bab0fdb', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '10d7153810788e2aa18f9a681da60daacfdf9fa7' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: 'fdf9841c13ae98827dd9efaa5510061cf68cf0ad', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'a0d20ab635fe17efcc04275470e18cc6ddee2ce1' })), 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: '70fcbcec304f38ab7c084543851bcc6640bedfcd', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'cc5e7df3f79e1a899e7301305445e3d10fefccea' })));
+        return (h(Host, { key: 'c1311f1e6cf5c29a551b2ded2896640cee5a9235', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '87eb82592c99dfe4f99bf1d94dee68c999b12953' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class GuxTabs {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '94cafe6cb982fa9d0ae7d75f09c77ff9b74e76f8' }, h("div", { key: 'b511ade648b09a0a3cb1304af999ea6702579765', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'd40a445c4024a82f0a0bf2b94a160f8c29ee2430', name: "tab-list" }), h("div", { key: '2b5cc5087fffc837fa38cdb71c289e3ce6a13622', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '1fcc4c8914556de32c4dcfb23b461b25c4a716de', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '9622f6a469aa84ec687488aa8a6484d1db44ab2a' }, h("div", { key: '696f9744944840c29b0f86a25a66058799b527f6', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '98924f0a0d6fb9a2dd62445408f9d95819548d34', name: "tab-list" }), h("div", { key: 'e2287aecceda78595d474d6dfd1c94d7aa4d2a7d', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'd9303351080e8a85569e9c50aab775772a0d6e36', 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: 'a7b6433ccea88c69fce8597fca3510314d6a585d', class: {
+            h("div", { key: '31a558f4587352c3e3b3443e32bd1ffc34cd25ea', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '9e428fc4987e65ddf26b6c9c357998f40d4bcf4c', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'f2646aeea0f16e2fc6d2d7c9a8d33402214ce2e2', class: "gux-divider" }))
+                } }, h("div", { key: 'c449f7b7350801ef0e85a96e6b2fb03da343660f', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '88dbb73aa64c45d1e7a74844dcad9d8ee167c5ce', 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: '19412ccae6dde813bf7b4a59c8b5175cbf822970', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '17c9640bb1cb7a49921e0b44899156070762d88f', class: "gux-scrollable-section" }, h("div", { key: '49068d4989fb02183dc826282b723f196e408b5c', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'a6853e8e1d931683a139d864134c208b87084804' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            h("div", { key: '3205aa326f36c3b0fc1cbd25875cc5c202bd65b9', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'dcf73a0e8ed41b5d1a26143f17d16118390caa49', class: "gux-scrollable-section" }, h("div", { key: 'e5832f4f8b81e913c81c311d5cb8b9075391ff92', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '7c9cdd60280b31a502e824598abeba371c3771b6' }))), 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: '924e7d849185c69e2c2c7a92b646bbd8b25d95d3', 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: '7873b697344ceea31ec2a09e9cc82ec9c747b8e5' })));
+        return (h("div", { key: 'd810ab34712163c91c5ede0308fdda2301da1cd8', 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: '00e5815ea28ee96517a2c6b4798a2624f4dae325' })));
     }
     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: '70adfe0f4860a5d9b5cb3feaf7480ab5b79ae55d' }, h("slot", { key: '4c484885d40d176c5077500380dda6bc9c446553', name: "tab-list" }), h("slot", { key: '3601b3be79bbecc0a6613e05a1e026e469555e62', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: 'ff8dc727f1d22924681b1bb773149410625038e5' }, h("slot", { key: 'ea6c56622105d32a5a69a389551032729067492d', name: "tab-list" }), h("slot", { key: 'b79b2dc3889a5a50eb95c8984b0c0aeead58c2aa', 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: 'da2ba604009b40f55ae7806aa7be45e1db31167d', class: {
+        return (h("div", { key: '6eb8ff81a80e292eb65c87ad0521968ede95df46', 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: '7e4c2e406cc82e6f61b1f3af6a0f4ae0d66a8c63', class: {
+        return (h("gux-popup", { key: 'be401fe95b5c14a64bd8598b92b21eefe233c5da', 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: '2470176db0ade422581269d5f4f21f8884125763', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '14993ea0a466683007c84d20ba974ccb50562605', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'da3ed8f51df9a33d587c222c3068aff5d8e60c8b', class: "gux-content" }, h("div", { key: '97f20a03c10bba3d3b57e2ec6558b37112479e2c', class: "gux-message" }, h("gux-truncate", { key: 'f1948741ec5a9aa4c4c535448a3eaeada250ff94', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'f9f7cf759bbb9384b2915faac2e13d9092b50a82', name: "title" })), h("gux-truncate", { key: '4978560814aef4502794e1c30df1240a2c169769', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'a30ff9a68a39191f3caa84c693f115b051781d75', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '5570639cd8f84388f238cbde4e3bec4e24321742', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '6499155b7eb2109a1a0aca95cf2e460a8d96cd72', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '91c405383ec44496a903ffb38f93ec2b0d580a8c', class: "gux-content" }, h("div", { key: '5c95238f7e613c6f243461f78ba1b936177f5345', class: "gux-message" }, h("gux-truncate", { key: 'fcc3b83182fe1c0b6e868c6e72729d6eae30cbbb', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'e798183ee9fb8f85541f19b60c0a8a13cb2159dc', name: "title" })), h("gux-truncate", { key: '79a7f9dd2c1ea101f5ad7f436696477ab922d5f0', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '80c83e99cbb2381184a32087bea5dede0fab4ad4', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: 'c0137c03585607f5f6c90bf762f38146ef7c1eda', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '755f2f9d20636b7fa3ed4e42cf09e5ae5f577927', 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: '900cb1b52db0e1eb0f464dbbbd0e8386b457628e', class: {
+        return (h("div", { key: 'cbb38bd1301cdf77b6e06d186399ca75c8befc46', 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: '31f78c7afc2b93d2e9122bde9664e5e1152ff18b', class: "gux-slider" }, h("div", { key: 'ed7937f042d37a02ee7c1cc70b9756e4794ed4d6', class: "gux-switch" }, !isError && (h("gux-icon", { key: '8c98a35c717823be2de5d0816b499941ac806962', "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: 'a584e313d6fbdea1c632a9c497fe73189f787aa6', class: "gux-slider" }, h("div", { key: '4b2cad1ab640fcbe7a02fcb803884e97734e7423', class: "gux-switch" }, !isError && (h("gux-icon", { key: '07456eebd5515b07f4b09c1188ddb3f1dd88c9c7', "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: '187eec4c40921d1508f30e4c5b97e83bf9609e1d', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '9f28171fb67c08cfaf09de4fa8d1b851cd787c99', class: {
+        return (h(Host, { key: '3ab834f79acb7477c896c214e0e9a7cccf1ff72d', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '5f70e3c1117985a0e39d0c4cab2d0415e3e9bf07', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: 'cd20a2366147ad7522e61aeac01f8c486c7accfc', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '89e2411678368060d7e391bd58b03fa9b317631d', 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: '63925a0550fa4b6fe95af23834ace971ca550126', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: '682dff4990e148b32667aa3f0acab265ef24dd20', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '8199ab8d292afc57b6874780077a6f4bf8122f43', 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: '63209dc17c8feb56de9571ef47311ddc6adceeea', 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

@@ -151,10 +151,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '6f26c2032b7751b5207c4d995191348c634b2d72', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'c44b54ae5e594eefe46d174f26de2e1234566eba', class: {
+        return (h(Host, { key: '0bbfeb1beaf8e1eba01cc147e7c5643d5289cb4e', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '2cd76e1e3a98d0dbd84308daa8f1131983e60cc2', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '23ef1e9de00a8374e07a4067d197fac4f01936e4', name: "content" }, h("slot", { key: 'f985f9d565baa76a9b3aa97033ca05f7b53b2685' })))));
+            }, "data-placement": this.placement }, h("slot", { key: '423bc7ccb11e4f029c0bab16514b57099c2ec234', name: "content" }, h("slot", { key: '8d0be32652b2f2b1e68a2d80a2f32cb69d812354' })))));
     }
     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: 'e32d3a62d2174e13cc11a9e192c3fbccfbd96221', class: {
+            h("span", { key: 'aaa1aeb97140de4400ddbf19d96d585c36478363', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: '43284cea283894c49312af3d93b7b596167b9330' })),
+                } }, h("slot", { key: '0e5c1f16eb2e9a228b46b2da376d5c1b652d943a' })),
             this.renderTooltip()
         ];
     }

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

@@ -52,12 +52,12 @@ export class GuxTruncate {
     }
     render() {
         var _a;
-        return (h("div", { key: '1a9bf1e2018a9a1c1f49e27836d9c5f859d8037b', class: {
+        return (h("div", { key: '1627eab2dfd3db37f15e7f38c4a85a88998ae0ea', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: 'ac526c00490f4d7e2376d3ea1513ac0c4a997b46', class: {
+            } }, h("span", { key: '58dbe94274931cf894e009ddf208e6fca81627c3', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '4eed6d361c918e88dcefa51c4d5b0ce8cd4db74f' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: 'bcb6a3d6887a50159d5f28fa775a98866e808848' })), this.renderTooltip()));
     }
     static get is() { return "gux-truncate"; }
     static get encapsulation() { return "shadow"; }