genesys-spark-components 4.199.2 → 4.200.0

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

@@ -66,7 +66,7 @@ export class GuxSelectAll {
                 'gux-selected': this.selected,
                 'gux-indeterminate': this.indeterminate,
                 'gux-has-scrolled': this.hasScrolled
-            } }, h("div", { key: '5f3b6b5121310dcf5998e8902056bbcda6be0ee4', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'f7c411260319bef9416b479f676b880f06945654', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'be28a1ea88efaaea8e2dc2bfd2c4758b494c4a68', "max-lines": 1 }, h("span", { key: '3a063d95ffa95c26a16eba6fc31711a82f1a2f9a' }, h("slot", { key: '482ad2d605e7a594edff87ebefd8cd585cd3f7b8' }, this.i18n('allOptions')))), h("gux-truncate", { key: '1562ac7803825b06f52d9925171937aa1977e5cc', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
+            } }, h("div", { key: '5f3b6b5121310dcf5998e8902056bbcda6be0ee4', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'f7c411260319bef9416b479f676b880f06945654', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'be28a1ea88efaaea8e2dc2bfd2c4758b494c4a68', "max-lines": 1 }, h("span", { key: '3a063d95ffa95c26a16eba6fc31711a82f1a2f9a' }, h("span", { key: '482ad2d605e7a594edff87ebefd8cd585cd3f7b8' }, h("slot", { key: '71ddd8a58537e4f90d3c719d1bcedc4f0e1ecce0' }, this.i18n('allOptions'))), "\u00A0", h("span", { key: '5286af59b331e0435131080920954ceb35321992', class: "gux-counter-label" }, this.getCounterText())))))));
     }
     static get is() { return "gux-select-all"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '75caa1ab4117ca7b09e15df54e9ac7dc9505fbc3', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '435044ed2d7e44b4647d810d8c556b8712b28659', class: "gux-progress" }, h("slot", { key: '621e70026cbe7bdd81867da723eaf2483c364746', name: "progress" })), h("div", { key: 'f6c7e81f143f408453eefd3581b2ef30d684f4cf', class: "gux-primary-message" }, h("slot", { key: 'f45954b1489f6e11e25f2630e9ccec6af55143d5', name: "primary-message" })), h("div", { key: '228d3b2183013c2792c8400c609d19f7be1db9aa', class: "gux-additional-guidance" }, h("slot", { key: '3c0e5f7c0b31969d86fa4afc88959af3f6fdefba', name: "additional-guidance" }))));
+        return (h("div", { key: 'e224351c0f33d7d27f4d1100ae252c35ae24e712', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'bf63d3628d4c925bf2021828ba2ef59eb49ce686', class: "gux-progress" }, h("slot", { key: 'e36799bb4078ec1224c4fe20e82874e322b88ebd', name: "progress" })), h("div", { key: '6d01ff2247f0dd4e139054ddbe602f2814946b7e', class: "gux-primary-message" }, h("slot", { key: 'aced02e544db8ae77e33704ece1d322304d8c319', name: "primary-message" })), h("div", { key: 'c987bd4ba39168952830ab1a2132bfa47e97848b', class: "gux-additional-guidance" }, h("slot", { key: '41df90f1b28ea9d737d67015e8a5d69bf03e5440', 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: '579c7911312c907960331630f9d9c344ef690c48', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '5f19b52614728ebd2a4acc21225a7f34e561761c', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'ed90c6d018dcffe14dbd590c09bab5aa0d4e9307', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '0facc7c6a76777d756f136a0f7ffd39176308354', class: "gux-modal-content" }, h("p", { key: 'a3e6e383ad754f22d59993fd397671dffc3ad73b' }, h("slot", { key: '9a9e5e012af2abacaa435159aaebd2aab1fc4fe6', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '30f2ef71960523a077d916462b8ddc0169e432f6', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '3f856eafab224757ec09e8493710de439795704f', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '8a91fd7873ba6ed2da23849ff5e6bd72698e217d', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'f7ce68d63b2a1e00419a8e2f6665ccbae2df0382', class: "gux-modal-content" }, h("p", { key: '00e6418805bb45ab03e7ec51cadca623b59c62f7' }, h("slot", { key: '78710ccc7341bb4ece460ae794a9b5655e5cfac5', 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: '7675fc43f4ae1f2135615ba47fb37f8aef8b58f1', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: 'd62fbea7aa39eb04eb780c886ce062c347362910', 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: '76b5aca128a532b575dcf509f9572e4db225119a', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '8f2e749dbaa0498b03c9538fd7559f6cfa1b7847', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'baa630da2a88d5b06a848638bee4915e5c182ddf', accent: "ghost", "icon-only": true }, h("button", { key: 'a9ea7ac1e03bfb8d1e380e6e6dcbfcf636040d4b', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'c7155355d9619e2204e1025b220847a5b997f303', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '3ab0d49dadc6a334ae5a23fa5d30cace8e8a3523', accent: "ghost", "icon-only": true }, h("button", { key: 'cbe42fd606ab8f4bacc5b77bd9f91fbf80397784', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '88c34f3bd57b7a023c95ebb867f6cf7ec2d4d87b', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'fa32b22f7744bc09d838aa2857215c7b6f243dd0', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '356d6b100004650618cb43770e219e33e598d23b', accent: "ghost", "icon-only": true }, h("button", { key: '10998838a35f9ac4c7010904d9072ff50458f0a3', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'b22cd9346148bd7b2f04f026e9c86c2678f32007', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '9f3815594747696c86c494b6cef46d449180b20f', accent: "ghost", "icon-only": true }, h("button", { key: 'c3c2df08067ba030fc2b48cd1d5226808840ab79', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '9adca27a9c5fd05736189df296a2230bc3f4dc20', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'e26d11e9bd23006b07a146e3409e14e351c940cc', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '499780ca8ac612e98011fd7e931157004588563e', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '2b1d97007832a825186b9bb2ddb53e47400023d5', accent: "ghost", "icon-only": true }, h("button", { key: 'b7883f38b4707cb23b2cce6027480e5d0a376a17', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '989d8699e6ae5fb774e606410653d772ba68089f', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'e6a0e3ce36de38bf54fb49e86733e885db666bb0', accent: "ghost", "icon-only": true }, h("button", { key: 'e842949080b0c4dfa646aa1e5bc3a96f2b81830e', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '0a7e478c7c2b5cc679e2afc946ffe617d346d778', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'beb94fad08853ab3f29e8688ef87a580f6cde32f', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '27c06da179d60e595f2409892c967c56f4eea141', accent: "ghost", "icon-only": true }, h("button", { key: 'e6b02f809fca4ea6e7f2bcdda417888c2ee0a97c', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '0cdcebbfd70e5acab11013509209acd6349662cf', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '50e4d00fc5928629545586698d7a3452d4cb499e', accent: "ghost", "icon-only": true }, h("button", { key: '89467a024900b2b41fbb25ad9983bb5f24d9d9fb', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '017bf437504406ff20b18f654784fe973dd6a6dd', 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: '41fa8ef4c3c0019bf67b93db08f601f88d805c8f', 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: 'bf25edf05ed8ab988c5119570478f1cec13b87cd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '1713d68208cc7fa115dac5029e6be2b04ceb5648', for: "popover-target" }, h("div", { key: 'af473fdd17ea5a002e47eb75f8633e6a0c67ce47', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '5d3ee487cb610eb007c19f436b9b30b24310a5c5', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '346d66913d5f1fec8d15827aca51c63bd0d85de6', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c6831032a1576b0fbb5287696cee3fcccd8ef810' }, h("input", { key: 'a576ecd7bd9cac0645964ec78be84fa047ba5019', 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: 'd9efd50b577a7148c963d514af54c83e7c1af5b5', slot: "label" })))
+            h("gux-button", { key: 'f15a7f8dc0ef9abc9662336a7ae68ee3c8b59fcf', 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: '0bd4dc0b4acc7ad0f97759d9c602bad26b38ae63', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '28c3b7e2c0b7afec7bf025104089f290eca533de', for: "popover-target" }, h("div", { key: '4cf7a6347d6aa09fcf4baf3ebe2a82f97e08cd9f', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'd05859ddaa7072d6b7e9ad160cc8a8739aedd678', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '69cddbce7ab4a35b0595c43d1aedd26417a7e2e3', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '31577f7af2b1cdfded0fbbe516c09b7dafe5c6a8' }, h("input", { key: '83ae91baba0465971dbcb34b4b3d08c0cec524ad', 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: '4f53b97e4d632aebec1ff64efe9df5e9eb3fa7dc', 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: '0fa43a8cec23f4ebddb3031e0ba571a669b25841', class: "gux-pagination-item-counts-container" }, h("span", { key: 'c0858dfb2652b37a3c51fea93f22d07551b5cc9c', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'd2403e7deddd25071890695d3b79029cebf7c0e9', class: "gux-pagination-item-counts-container" }, h("span", { key: 'd631cc135b8e56ad1fc0f7a1b93e6039a3c2822a', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'a12125027176c87561ff601b64213e8533b6b824', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: 'df62f74c86b37ec52f64729ee851860aa5d48bc7', 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: '873c267a9e7f8f055f9e1c854e79bdbfd08b782c', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'a5ac2ee8177fe8d0e20a0309219216b7bc4c6e40', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '76eab5e7284b7576854cf3b31c3f8d4740f49809', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'fb31ce3117f1c2e3d7427b1379b9a95401b90953', class: "gux-pagination-items-per-page-container" }, h("div", { key: '278c9e24468cdf7d30536454ef45f85a3dbccc60', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c0cb80d09da5180cfc37f6029a9ccc79f75a2f97', 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: '8e5a4835e83acc2bbf6702c403fa5ee7c788b679', class: "gux-pagination-container" }, h("div", { key: '76939bd9fcf17fa801adb3bd07fed343e859f636', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '9fb4b8d5af2e15779e384b3ec28fd8a4f6123ad2', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '56e06c7e53d2c30d05e90d726d991b4b4541e9c2', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '7d092a4bfc9b581954e5e49bbb4711d570b4bb7e', class: "gux-pagination-spacer" }), h("div", { key: '6b9d6d62271813633da9bf4d1a89cfab2acc8a51', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '7d0645ab565f7c0213dbdfbfe6b6221fce18c106', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'be5a0776f4a931c44242abbb20428d1a905dbbcd', class: "gux-pagination-container" }, h("div", { key: '9570fb3d5579f26c03cbe95ea130a275f5e92a11', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'c7a536c877fa18347dc3cc1ecada68e736e67c78', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'f9ff37ab727ec5a1ad65b8214ea2a55d351ba3a9', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '1c3a96ec3866a6632d9d0dda73ccbf4801e061c9', class: "gux-pagination-spacer" }), h("div", { key: '043a3b305c1d495f534294671727972f9d5b615d', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '72588d92f9ffeeb3bc20cc7a7d65323f212c6b55', 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: 'aebb82aa282a130f2d36fad10c071dff5a0e43a8', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'e9d9efa2baeae6622980c89317322c526b8fc67f', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'abdb38981fe7dad6c6d0b9271c089daf77fa9104', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '78d8eae0ecf381f0df110582e0f40b09dfe7dfc4', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: 'ea176709f0fa722937dbf064411f8bcf16c4e4a1', onClick: this.dismiss.bind(this) })), h("div", { key: '6aa07cf3f9159c81e0330d3fa13f55368ee8e292', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'f60f52acfb0275311127aea3eac40a7151d4b4ac', name: "title" })), h("div", { key: 'e73b656b37a15952d5c48ca5aee4d0f3818df2d4', class: "gux-popover-content" }, h("slot", { key: '0211aeebc0868bef8c9afb0e9b58c0ec400b576e' })), h("div", { key: '92a88c28b76f6d0820218ddca4be453364f07eb8', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: '1cc46952f38dd4ad551b18b9c0321113f634cd79', name: "footer" }))));
+            }, "data-placement": true }, h("div", { key: 'b01112f24585f8bca13cdc577406c391eb7f4965', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '46e27472aaa42000101be03acf7867511806d7f2', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: 'e63561a5bf72830f20e21d8511f95e1840e1c245', onClick: this.dismiss.bind(this) })), h("div", { key: '1d38e823cafa0aec2f5fb9fa7d85c6a430ad2a42', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '31d841bb8be8bfbab6309c50e545fc99279fe076', name: "title" })), h("div", { key: '526e5698438e739078d5ae8a2b912edc308e6228', class: "gux-popover-content" }, h("slot", { key: '3668936f098bb195a9e73fb7a042ddcf9a81e491' })), h("div", { key: 'b3e99e7cb3442ba5962e48d6682d86d78a34bc48', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: '83e33c994881441d42c20826552fa386357e9891', 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: 'e4c43ca4aa1281fbbd66c5a161d935a505a66150', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '7f6697da3c7a20b57033ce6a9b4b818614650c9b', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'f3a266bb4d4144ae20b6ae01aba91f827b97772d', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '50ac929f7ef0392b729616edff8715388e261e0d', onClick: this.dismiss.bind(this) })), h("div", { key: '153a72f88a47f17e3145388e6887b3b4ddc0a5aa', class: "gux-popover-content" }, h("slot", { key: 'df2fa80ad67b1c4e6499eb92359a16b2df963866' }))));
+            }, "data-placement": true }, h("div", { key: 'c87f0ae4fc5782c47ca37f3d1340015ccd59c455', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'c685a6276464dee1a2b283a50351f2218505809f', onClick: this.dismiss.bind(this) })), h("div", { key: 'dfe53edfb9300114e15bb6e42d029a7eb058e764', class: "gux-popover-content" }, h("slot", { key: '4f3f0b0a9c84c2f5aa5634d661830cee5f0ad167' }))));
     }
     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: 'ae82f8f31fd8fbc01110f33a4fa9f690dc5b6bb6', class: {
+        return (h("div", { key: '33db9eb1aa9164eab7adf1dd8b7cc82c75ddebb0', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'c37eb8f01ef00da75dcd30010a021426ea35cf2e', name: "target" }), h("div", { key: '936d05120c3de37e6de10d1775eef202356d73d9', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '1d6e598550fd61872e6bd08349e8d42222f8cc19', name: "target" }), h("div", { key: 'f226c57d62f07f4d1995033c9ac582220f2497fe', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '5174730ea6fb4b9f9692797c03f327bb2b51edc5', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'ff7a901a9bb3cded185a02588cee3cfa48cbf5a6', 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: 'd5dc1520f1d5fa12aaaf5c92e7466f02cb3195d2', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '484fea12837ec624dc2475b47cc7ed00f6669a90', 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

@@ -167,7 +167,7 @@ export class GuxRating {
         return this.getRatingStarElements();
     }
     render() {
-        return (h(Host, { key: '19e5d184c43408b48f8533cf53d63ea1a61d403f', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '36b5c6183e901534988c39bb83149978231542d1', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'f3802f442c590385b96a5c5a10b6f58299562749', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '25812912366e47fb98fa50de5407d6ac0422a7a6', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled,
                 'gux-compact': this.compact

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: '1ff0e5056e53a285635ee4ec9d5d3f4d085a754e', role: "listitem" }, h("slot", { key: 'acc49c30f5fd70107980ada019e1bbb807b1f350' })));
+        return (h(Host, { key: 'c8863d64f92b084a4471c96ef39b1704597e103d', role: "listitem" }, h("slot", { key: '37e3b36d5d62fd62fbfb77c3a237a6c03549c11d' })));
     }
     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: '29381db315c8538fa6a98b4d7e1bfb6b706f7ac6', class: "gux-container" }, h("nav", { key: '7c4ec6627d1431d9a53f59605332f5bbc93f6f57', "aria-label": this.i18n('navigationName') }, h("ul", { key: '457462c3e7cb72e92670df1acec6297a8b76f085', role: "list" }, h("slot", { key: '3c0683c4ec670da6ba9b3e63b5d66390b4fe9fa3' })))));
+        return (h("div", { key: '0cae02d1155c9f5991875cddaf68fc062867d383', class: "gux-container" }, h("nav", { key: 'a94d4e7d3d0f7eae0ab1004080bc6a95b2da5afe', "aria-label": this.i18n('navigationName') }, h("ul", { key: '80f8656d643f47978fe71060315e68906eca7b6b', role: "list" }, h("slot", { key: '53218323309b0a612ba85af7c49e1d3fa26d7995' })))));
     }
     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: 'da5a5dd7ec727aa34aa2f5ac20e8f8d2df8ff5e0', "label-position": "screenreader" }, h("input", { key: 'e843c927d2609609dc2a0e234aff995c7728ffa1', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '2b4e47fd01a2a51740aad6ff560848fa84619699', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'ee93feacfc1d1cad8f55e5cf738160733410012f' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: 'd2bfe8148f3d95faed6c784a949cac3e3e0126ca', "label-position": "screenreader" }, h("input", { key: 'bb1a5a4217db3e0e2ccd76757f0755e8a37b2eec', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '50cc8022b69d011ed218a88a8d3a902c7bbac89a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'ba0294194ad6efec63c7027393de2c5b42f1224c' }, 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: '838b44c721c0e0e652f3c6beaca23cf4b6272326', "label-position": "screenreader" }, h("input", { key: 'b85d57466dd4458de1f1a5750835e55ee38d91b5', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: 'be5f06e78bd89af830cf411f4b886e91eea9d9ee', "label-position": "screenreader" }, h("input", { key: '3ea7d1e96ccd252642219b56e7b2ac4ed737db15', 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: '3af784a0f746c504e5ce8793c3935fb83fbadae2', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '1312e8c70afac9e7c04216e5e2860a42d6851338' }, 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: 'e782472fe0c140bd156506a7af172bbc0b4b540a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '4902182c9b432159f4b95a1da81331525779548f' }, 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: 'f1c1641f25d01b4ae06af42cb62778aa00c658cf', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: '2f14dfbff2575f44637a2f8ca9c0db2b5378f6a8', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'a790718a70c8bcdfde075a00d668cf3fcdfac742', class: {
+        return (h("div", { key: '12fc30c4220dcf485f55aeda68758386b0f6c25b', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: '5ee2cba7fe2a0eb4b5016e2ffc52cc4ea3f82a3b', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '8412738092c0bf3ec89b401ba8f7b947e280c994', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '4e71946f1e410bd292eefbe698931d3b187173bc', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '04270cc665d6d49c5128d89c01842ba3a9c644db', 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: '2cb39fa2e3daf2c1040570e0fc0ac6c210110354' }, h("slot", { key: 'd9c1ef4fae243777a97d4dfeeaf6b4e7799906fd' }), this.renderSelectDropdown()));
+        return (h(Host, { key: 'e8c61b172f8377d014e0106c54d49421def62b4b' }, h("slot", { key: '8a50b02b20045feba641e4745fad1f520c05cdbf' }), 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: 'f74c0aa582692544ed68d0d3751883dc6dd21e18', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '0ea30a1d700d4f6ddd34f86405da527c90946c22', class: "gux-table" }, h("div", { key: '7e5e967d20265d5022d7216c6d2eb9496b8436f3', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '541baff1ef5f3031dcb91deba0223a3bd59c1233', name: "data" })), this.isTableEmpty && (h("div", { key: '19e7fd7b6568ebc71ed2c9c8ced7bdf871cefa93', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '416f09aef21e1df596343206c4cb11a00c0fd91d', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '3c29d75dae6fd68a8dbb8f0a23e724d854c4dc1c', class: "gux-table" }, h("div", { key: '1093d2feff2903a438ecbf1a8afb9368a63ea1b7', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '4a8acb430ade98a5427f5dd8ccc06787cd3d1f73', name: "data" })), this.isTableEmpty && (h("div", { key: '408113b367fd9764bba38cdfef0a4f6a8a76aea6', 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: 'fdc165579ce484cd804bba1edaddca3b01d78daf', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '26cc393738667fd10325f0fba76ac5bd5b29a315', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '82becce0068d54678008da90cdc57a26583e9fe0', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '153a3214edafcda09ba8fcf1224471a4970d784c', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '955a13ffd2729901c843f853250aeea94a358f6a', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '00dd2ecbe38b6f19eb552fbd7b241195236247a6', 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: '959d3b4f1db4b50d294b9a983ab270fbac841b31', accent: this.accent }, h("button", { key: 'd003294d44e617e7284a9de877ea7e84ae56a3e4', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '8ee558a5ce2f5c721be3187ad76f7505b5a9cd66', name: "icon" }), h("span", { key: 'd7749817a561c2866fb1bd1bef17e1c9a0512ac1', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '7e847c84bad15acce6653d2ce9e86672d62960b0', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'bc2fd5de761de598e33a987c0b88fc7b1aa1a822', accent: this.accent }, h("button", { key: '4b34489f040c860882e4de02f693b83852ca0ccc', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '88b833c2d12511cd99ad8a06f3395f62ded517a6', name: "icon" }), h("span", { key: 'ffb761d43e406b97c0d0af17c510bda9350e82f7', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '0a4dc921d36a26d79facd7a714291bca3ad7e46f', 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: '5a9bcd7d9084d481bdeb13469b9a49c53ed66c48', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'cd103c920d6e6cb469c41cae81c30e9687a7923d', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'ac38ebfaba692da635582b3b569cfe536e603b9b', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'aa365048b66215ac6f969c1f5b943d3329fba5e8', accent: "secondary" }, h("button", { key: '274d4c4d39386bf5698de43d7736a871b59885f5', 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: 'c4051a7f291aa380a630dda3e5c65ba487921a1e', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'a7519733a928e120048eaf722dbf95d189d1c579' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '00df2e73c471d9969bd0513fae1bc791e8c43ffc', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '1339f59c3fd6255725ddfff2ded24b8565353b30', ref: el => (this.listElement = el) }, h("slot", { key: '29d1c8ffc00c99ad12b68828b596bd61110bcce3' }))))));
+        return (h(Host, { key: '342812df4278aa4432704ec1a50079769ad87cb0', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'f16571def5e9ed00f04f68e409a81845fc80e159', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'fb5236399f76ce24f828d6afa1cf2cf94bd5fd9e', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '8d3d3cf643d0676223b1630d2f72ecd6cffb7761', accent: "secondary" }, h("button", { key: '2206b31491ea96c54961e665a57ae9c5142ded39', 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: '8405964d8f43094876160ba9c08a06becaadc3e8', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: '660d76f578922d2d2fb19ce973bb354cc83b8702' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '2a2cbfda0e7eb31fd975f01c26ce83b179c2c7ca', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '74be85539f9a199c886879063625a57bd28537bc', ref: el => (this.listElement = el) }, h("slot", { key: 'b9779a26b9137b9bc07f7d9b9d6cbc8695b25190' }))))));
     }
     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: 'fdf00f170d724629d021addbaaf8c48ce4921582', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '42099ae3d36ee3f64a19560b528d4edc6b2e123d', class: "search-filter-container" }, h("slot", { key: '317b408bc49f137b752efb3475fad873ba7d622f', name: "search-and-filter" })), h("div", { key: '385e3a78b5abbcd7c48010d40995be9fbdb11e46', class: "section-spacing" }), h("div", { key: 'e6083187fd5997ce99ea76144c390224918c335d', class: "gux-contextual-permanent-primary" }, h("div", { key: 'd8a6dc6609d708203669997d5727fab11b716519', class: {
+        return (h(Host, { key: '089cf4275aaf648e443918485f72d6d3832eb84c', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'fa37c5195de6f206900c892b235b90b7fb7bf8c9', class: "search-filter-container" }, h("slot", { key: '4fdd5abb2ec929a14cb27c63ecf13103256c4f75', name: "search-and-filter" })), h("div", { key: '62f7db426f4bc1bef29f70d1536af9862d878d0a', class: "section-spacing" }), h("div", { key: 'c5247fea3ce5663a220131a67f15f3ca7888accb', class: "gux-contextual-permanent-primary" }, h("div", { key: '2be461be9d5c2df5489a880d8a374255431af319', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '1509eda1dcb83953bfcf9d71778b9d902220d041', name: "contextual-actions" })), h("div", { key: 'd443a1a08da902131dfad08d42b25477c31c4358', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '9857c09f945396e09106e3e4b2674909a980b0b7', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'b63961d0333842142da937c0c016137d561e4cf2', "show-menu": this.renderMenu() }, h("slot", { key: '4ca722dab512ac63a7f55853593a4c5fb78219c5', name: "menu-actions" })), h("slot", { key: 'ac3df215f65cb7efea32ea109db8bd232a8a2185', name: "primary-action" })))));
+            } }, h("slot", { key: '073305801fd604b12d8ac78b9d1ef908a9d58770', name: "contextual-actions" })), h("div", { key: '634116debc734bf3b524f48d89352d2b50cb5145', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'db9ab92d6ea47f293987e01f98774c4786f741ca', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '642990636a0eca508269c1451dddfc7f94518e45', "show-menu": this.renderMenu() }, h("slot", { key: '80f0bbcdae6c1a8b16356e81a3a8f1ebfe52b23b', name: "menu-actions" })), h("slot", { key: '9dced031963fd28d2ccd98472668903984d8ff96', 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: 'a20a98da76b70db696c28ccb728cfaadd820b8af', class: {
+        return (h("button", { key: '8bac1eca3401b484b7e73d3b56e296359c943bf2', 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: 'c42175d3b99d4042670b799c7659387c6346cb0c', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '250577fa2600eb67f42aee219296ed6890cbf8fd' }, h("slot", { key: 'e897796a3ac7ca9d8c544e201fa6f3ca9fe03711' })))));
+            }, 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: '616c72e5e0d8b35021a5c38f497e18c68309cb1c', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '2e581fe5bb487fa1ed88ec0f0ff3843286138317' }, h("slot", { key: 'f2801bcf5120c16519901fdc84cc1d33545a489e' })))));
     }
     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: '7b18ffd5598b2bb624b730e4068c8ee1b30c0e4f', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '1f35799c54254ad43a33419b8394e99dcb799480', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '4bbe9f8aea4fb03bc65af3deb55f1a68fc24a048', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '196345398703f581a6508683474b2091302ac2a7' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '95fe1d99db37b4107b9f7aa62dc59ef9383b08a7', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '0a3baa65b494b27a6b249d88c31053013be9418a' })), 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: '3fae0fb67093e132cf67d0c300cc62af314e71fc', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'a2d1e6c9f85a6d1b302dc50603833b133bfd383c' })));
+        return (h(Host, { key: 'dc54296fb63e5e0d1856b23b98accbacc6225ec1', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '92e769db902aecbc45a877e5d908bd205dcd4317' })));
     }
     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: 'bae3a5379fed2d52a92977d37bdde837d3f07c6b', class: `gux-tabs-${this.orientation}` }, h("div", { key: '94c06125c79ac82d308fdec8eacdcff48934afe1', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'd4ea8c79c82391fbf53170f489bf67409e71b1a0', name: "tab-list" }), h("div", { key: '68b2034d570b1a53d7777c2d6ea32ccf0d092c71', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '9ca8274110b0d3da05261cecf4581aed4e36248a', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '62418c9909d33cfaf985bf046b6735dd5323e6af', class: `gux-tabs-${this.orientation}` }, h("div", { key: 'c336b70074ad090b7b247fef8aa6d846c20c2d8f', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '4dcf70ed985c626ff31af0031d24472cfd394654', name: "tab-list" }), h("div", { key: 'a69dda4412c9b0cacde9f689d675e4dd98cd2b5f', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '85ab253b486030a5b3283dfeb495f59855d5aa0e', 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: '1e4b7a603a33ec05b1ccb74ddd236011bd2aad28', class: {
+            h("div", { key: 'e2849d7d38a1543c61a87f8b4fb0330efa1429dd', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '950a1bbac83d8360bcf2f4af377f2580b717cdea', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'ec1a7813d300bad17c517e520711ef897eb9aaba', class: "gux-divider" }))
+                } }, h("div", { key: 'b6ba6a3d84011eb1e5c3317680606a2968eaf69a', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '20479b46fb8d2634748dcb88dbdd1b2573cf71d5', 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: 'eea3c73a614bdf8fc370f5c597348eaea217b45c', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '01f6e9fdfb0abdc02b87844bd0db0b7ae5823eb1', class: "gux-scrollable-section" }, h("div", { key: '056890b377e3ca10f3069ea368586b55620dae31', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '379d11e15ad2eb9f5d0c2f8fc1f62493d55366ab' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            h("div", { key: '4ff8a9371f11f823eff4ccec571da2c0c432aacd', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '5023520ea6298c763ef6f5630b634d7e98948a38', class: "gux-scrollable-section" }, h("div", { key: 'd10274a183840888e7d8498dcc56967ac0103f95', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '87b067850abe9ed80fb8f3063fc8296770068e39' }))), 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: '7cd9f06615c332c003767637ea18be1d6bc3d965', 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: 'd3d36ac2ed2878dfe94772ba9c0130c11de9688f' })));
+        return (h("div", { key: '6463ce8a5ffbd5fdd8615afafacec87afb457bb7', 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: '6e5c691a23bb257d89d793724a7dbfbc6613f207' })));
     }
     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: '05e06ed14a3318d85d9641bc87af829e676f6c26' }, h("slot", { key: 'fab33b3bed3bc29bd2698644c06b58b9f911b3ba', name: "tab-list" }), h("slot", { key: '58d45a0715e1a8cb7cd79f6fb18917673d36cb38', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: 'd1a1dadd75db7506fda7b3162b12d472d981aa96' }, h("slot", { key: '82fbc393f187929476a77c723d826035550a7b3d', name: "tab-list" }), h("slot", { key: '05086a5bb581b9710eb7e42fa4a65a83f363199a', 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

@@ -71,7 +71,7 @@ export class GuxTag {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: '1f2cfab3ce5d6372d6b780a95a3e8b7f20a10760', class: {
+        return (h("div", { key: '0c41619e7a4a843aa5d259345ee0f5b2f6c1bce4', 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

@@ -275,7 +275,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: '82149aabae2830aeb4f74038128c0c0f28faba1f', class: {
+        return (h("gux-popup", { key: '512fc3343c07618183800571da507fe0816beb4b', 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: 'eb8969a22792f2092566616d2682680525a26669', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'e32879a231f539c2a84a6fd81088bbcb901b1a2b', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '54eddc2bc4cad1b8613799d6f091e4b2554a496f', class: "gux-content" }, h("div", { key: '568bb2fbecea64f47723ad7f8fd98f8477f94dea', class: "gux-message" }, h("gux-truncate", { key: 'e90f4dbabcad0862a56ad28d9e1f36537da820d6', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'b32fcda34900f44bfed14eb9ae47b356dad583f9', name: "title" })), h("gux-truncate", { key: 'ce55b5435d78259003649d201d6635c2bec82ac7', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'dfcf08901a4b0af43c7127bad3da9fa618854143', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '2ba5c337c3fd0d2dca42b56ca5a854469d1589d7', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '42fc06efe3007851255c33d434e0774427233859', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '9d587f156d68d7851b90bd0c8bd13ab3adfea776', class: "gux-content" }, h("div", { key: '815d589ee7c4f9c4336f32dd1656d550f3a4561e', class: "gux-message" }, h("gux-truncate", { key: '5c234c6796a30ea09cd3bf73ebaa5f4b4648e3c4', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'ba6201daf75a29d987620188b47bb8fe0c06189a', name: "title" })), h("gux-truncate", { key: 'd7db0fb6e61a927ddf4f398bdb2a074e5c4e7c81', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'f59fcffada886f8db0dcc4bc73164acaa998bfe1', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: 'bf20176365d949cafd183a5577cac41c0709970f', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '56806d125c84e939545cb1cccc907952b9af100a', 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

@@ -22,12 +22,12 @@ export class GuxToggleSlider {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: 'bdbb01339f3ef4be27c41097e1530aba7c51c5ef', class: {
+        return (h("div", { key: '01fcd787accc1bc9aeffa6f08f4652320d454340', 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: 'd17f8989be29a0d140502f4f64aae002199cf7b2', class: "gux-slider" }, h("div", { key: 'd6040533d1d01548179ec194407b193a6340dbd8', class: "gux-switch" }, !isError && (h("gux-icon", { key: '7275dba740110c1e3d1daa688779faa32f6b766f', "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: 'c9ae38bc5cd209c232443ade7fffbcab2c2ee745', class: "gux-slider" }, h("div", { key: 'caa7d29c84e45182672a68d7ce74057a6e729ee5', class: "gux-switch" }, !isError && (h("gux-icon", { key: '1c0a97e79baae3a66350c22dff38f15c44de1a80', "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: 'b47280050bcc24a5d4110cc8ba4c378f37ca20c6', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '885567ee033c5bd671e15828fff77b8626261c23', class: {
+        return (h(Host, { key: '7b01ba570bb0e4ec15df0d1f02836dff0e7725ce', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '86ebec8aecc50c82b8786f3055ccc4811a85797b', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            }, "aria-disabled": this.disabled || this.loading ? 'true' : 'false' }, h("div", { key: 'df7c8dc09d65147acbdfb1d6946f6606fe2dac68', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'dac7a734df6cabba0aff2ac1457ad8bb438ffd1d', 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: '1d2e7571923370a30dfdde7dd2c2fb678d3212b9', ref: el => (this.announceElement = el) })));
+            }, "aria-disabled": this.disabled || this.loading ? 'true' : 'false' }, h("div", { key: '704d37a84ca2e545b5a4471ba82ed2756c1734f7', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'fdf36f4eced63fc30a3a6828f14a027c4a8bb72a', 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: '547d15f9a0a047a981a403e5f57fe8bdfc713f0a', 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: '6e5b7565a0fc890b28e605e6bebc9836fe1462b0', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '588e79d2cad0951bb10a988222b0d2ea87436bac', class: {
+        return (h(Host, { key: 'fe53b7a4587b7c89538ec7d7b4c5c13f71387237', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'a002a898810e9a3a1aa7d9d6b6341da060277893', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'c8252c98af29760694829868727d02c226a37d5e', name: "content" }, h("slot", { key: '8144249505e97541f1f95c96c65d2e80f1b6dcb0' })))));
+            }, "data-placement": this.placement }, h("slot", { key: '4c25b62b9616d42a20fbaa1b25cd80da8a19b5d8', name: "content" }, h("slot", { key: '5faf79c761484a351f057733e09a94272a38e5a2' })))));
     }
     static get is() { return "gux-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -124,10 +124,10 @@ export class GuxTooltipTitle {
     }
     render() {
         return [
-            h("span", { key: '080983004bb3be52bd6832916a484d6c5a7aaf18', class: {
+            h("span", { key: '5bd8d0811ad74c8a735a3e673c9823ac818e2efc', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: 'bd0dbe41f2050558d5a57abb28f63aaed5ffda1a' })),
+                } }, h("slot", { key: 'ab1ccb8f22e5de566258701b212d73f7372939f4' })),
             this.renderTooltip()
         ];
     }