genesys-spark-components 4.108.3 → 4.109.1

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

@@ -59,13 +59,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '6d5378c2e2a1e2721f1b3f822aab1e450b8eea6f', role: "option", class: {
+        return (h(Host, { key: '292965492111e8eb245a1757faefa83d9360fe22', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '2265d61a2894633e19f1d3c874263de9899cb87f', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'aae2b70f061dfe4a6fea45d2c284b9faaa32b29d', ref: el => (this.truncateElement = el) }, h("slot", { key: '926f3d5753c64cb5fcb3b275b9bb7c3bd7ff755c' })), h("slot", { key: '4f05856cd8645779f5863ad9286c7b2cf7b1a3c9', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'a2fc75365c60061ce98aaea408010e92aed83475', class: "gux-option-wrapper" }, h("gux-truncate", { key: '884fbcaf39deaa8ebc7e3bdc84ebaf5362fb8453', ref: el => (this.truncateElement = el) }, h("slot", { key: '5a4e7613aa24072c16683d4be7098f11c3f6d607' })), h("slot", { key: '5d77e53570b86e9d4119c78038e0777c8b6ffe28', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'b2b1c3969bd049a683850dc05296a95a47b173b4', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '59d4b760d81e731a8803a4d34792027a37e6c12f', class: "gux-progress" }, h("slot", { key: '64e1df37cdf6af5da4ddccd7786cc6ef9c7510d6', name: "progress" })), h("div", { key: '49442100c2247f61933e995faf4571d72695507c', class: "gux-primary-message" }, h("slot", { key: '4076e26f5b5c6ccf9063a3185ab21f3bbf03ffa2', name: "primary-message" })), h("div", { key: '3a07cf4d57a5e05e042a38356f0481ea6dc359a6', class: "gux-additional-guidance" }, h("slot", { key: '7dfe32c0ad70138c8459c1f50caea7c189b81ffd', name: "additional-guidance" }))));
+        return (h("div", { key: '4b12b3c8b022a1f116a7dd3601097371d19f3889', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'ba493e2e7050722ca5d77caecec28912bf181f77', class: "gux-progress" }, h("slot", { key: '6fe7c3097da09e76ef5d52900708a8ef13fb1c82', name: "progress" })), h("div", { key: '58515f01ddb6a0d92e89bd48188d6d0bcf71fbd2', class: "gux-primary-message" }, h("slot", { key: '50d9e8e1e3e93d1b37090dfa3e28e1a41b1c7bbd', name: "primary-message" })), h("div", { key: '74a9e17d4b230057a089cb4190e40b0889b128d7', class: "gux-additional-guidance" }, h("slot", { key: '0c1b6b4682a5949dd881d79e18462a44c0951214', 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

@@ -68,7 +68,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'c0501cff8f424b5a55410df00c8aaf3253245fd6', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '94802cf3554b266ef2f6ab2cf71fbe9c849cbd7e', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'f165b887e117fd1820a4903328f71ab136b1702e', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'f580cbc123e426631f443d20fcdd4341fc7e9f10', class: "gux-modal-content" }, h("p", { key: '1278d1b719a81de1ccbdefffe7b46f6231392d68' }, h("slot", { key: 'ffa4eba5ba0d6365ac77bbf81e82b57ff1c208a3', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '55412691ba47251b6fad739025db5c67674fca2d', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '172b9ed449637a14364af17e1baac8719407127a', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '7565d24614ba6d9a7c224cbf6540f757499a1958', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '1c99adf99aecdff20647a100d9924386c00ed64a', class: "gux-modal-content" }, h("p", { key: 'f546c26e88b119934aa4bee721375c2a8b9242f9' }, h("slot", { key: '9553eaf3971edf7c19625e55da3a8155ac93de6b', 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

@@ -8,7 +8,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '297fc377b0080a63bce840dd932082caed920800', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '733888e2a735b0a2593a3aa97f0032cfb3b0487d', 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

@@ -60,7 +60,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '14e2cb197b8f3a1703d6333eeb7ff8417bcefab3', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'ae06b3ef2b3bb4a750707ada7b2b006e2da08f84', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4acc6a849ec328f1ee87d46904e81131fde51ae7', accent: "ghost", "icon-only": true }, h("button", { key: '20d2a336f9c6b41806dd408b1ccae46f2ec320be', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '025c7fb0362a36a399d4adbe99c4b5c39b3b0067', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '0d132964ff31001ddd3e4f20083ec7ba359b3b65', accent: "ghost", "icon-only": true }, h("button", { key: '30217658c71785063f1eeaf91c8b6871671b84c0', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '63492bebd681d7511522d9364f5544d46d03de96', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '1ada7b9ad943d2bbb738f0ebbdddfad4b2920b8d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3c683c3d73a07f7cbdb4db057512b07f8aa8ff61', accent: "ghost", "icon-only": true }, h("button", { key: '4e34b6fe95628a03cc820279ac4702d1f75a0ba5', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'b8864e980129846584356d13739743378f32e0f3', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '8a7f66ddae73f9ddfa09f90da9cdffefc856729a', accent: "ghost", "icon-only": true }, h("button", { key: 'f9194a9b13674a987ca2b95f80a2c4e185366792', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'ee3943f6e5cc0da3d9e8a45db4e050789ec9af63', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'f136efc5e4e2428917e020f009bcc27012829863', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'a50a02b462cc8af3aeb465af1ed5470fcdf55335', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '1672afcbbd87b321259f35efcd7624cf4cc24a41', accent: "ghost", "icon-only": true }, h("button", { key: '809be8325727b9f99b2430bce9f72461ca76b0bb', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '38e26da6b076685f3cb3c180cf2732ae4f4658c1', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '2301f9b6e0088f41ab453e9b3a34d0c87ca87229', accent: "ghost", "icon-only": true }, h("button", { key: '121b3c0869d91170cb3853cd1d2d97a9b162ffaa', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '86958703102b1d1931551e441dbd4c7136b9b6b2', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '96d12c7c39919f4160a153d3c1d81d009edd6194', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '09226d2024970aa0a4e9fadb075a57c2e97f539a', accent: "ghost", "icon-only": true }, h("button", { key: '647cee752a388d32b4986c9d79ae4a1b9592b66b', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'ea3492cc608e6a7d02fd9d8225f686d1dd395632', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '2009b594d3e1edebf92d9a490529ab1cd1ac94b9', accent: "ghost", "icon-only": true }, h("button", { key: '8929f393068a199b1d1d92e656707501a7f9978b', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '971845b5c71d211c23b427289117a16dfd36cdd9', 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

@@ -97,10 +97,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: '79a4948c8592bd3c1c5e3b5e14e95f7e12b37000', 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: 'ffc5926c1509895c262f6d76c42b3c769c5c5ab7', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: '6a88654b0c0c301eac58834528cf2d6e7d0b9e21', for: "popover-target" }, h("div", { key: '9e7b0d62ade18fd7763f4ac724c50c3a9254187e', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '01cb8d263f49370950e9aa8f5e3e450a440771cf', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '02b0525f7e9e680d423e0ab7fe6a8052ce960cea', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'dcdc71ea7b41e4d7e784219827f8a0fe8402fd8c' }, h("input", { key: 'df5141479f7734a6b7722c94717a7f356fffd3ff', 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: '6e69eafad13b5dcce4b051557a0e1a8d4c149e68', slot: "label" })))
+            h("gux-button", { key: '2f7a6977176ccccb3ae443026ffcb4891513ce0e', 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: '218ccaac850d7e32b8626b700d8f93b0e1c45644', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            h("gux-tooltip", { key: '59b211c13d14acb3983475c52002bf8a8bb57eec', for: "popover-target" }, h("div", { key: '62fea561a307ca2273fc9c744037de013c976e04', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '4472db40293ff8b2c674c6d6cd55edf19a1e16d7', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'caff6871edd709751a2b65b39688409f75f83dd7', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '4a4914a788331cfcf967e2dc20a5985ba87a01b8' }, h("input", { key: '0debcb668428fe389ef0c436b23748509460067f', 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: '56d4b2617175ed5691e9ac15e142a943d7a2574d', 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: '044293b0a682f391853ae27c5e9f9e8ffbd21707', class: "gux-pagination-item-counts-container" }, h("span", { key: 'b69fddec13c6e23301a27e740fff918a3f22d6d5', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '273d594267806e03cf5c4741a6ec6bcf4b9273d0', class: "gux-pagination-item-counts-container" }, h("span", { key: 'cdb9d9be956f536e1d481df968ca6811bcac480d', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '689cc9a803488c967bee5009be885fdfd847c357', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '06e75dc14233846a839a37f55d45897da42aee9b', 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: '9643a2c4d28712a2de1e62b15503a6106b6471c2', class: "gux-pagination-items-per-page-container" }, h("div", { key: '9a7796264866788bcb2fa818e7c7aebed9882fc1', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '12785493c3b5174b10a7a1e7e49b7ed81517a47d', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '958de6096cf113efd66d0fb2c88f8166dbf6ee20', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'b6b9bf11a5aa2115abe9df1de3f6b5939f8bb61b', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '960a64d02e86fe9f1de1912f156f344dcb164fd8', 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

@@ -84,7 +84,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '361ceaf6693c424bae10aa61798b0acac93c5e42', class: "gux-pagination-container" }, h("div", { key: '0d427c60e7010b510490fb0d0a25c3e021ddd6bc', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'ce8dec2525b01766163e54176e5d816e9126d360', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'cfbb91e75acfd69383540d1c948f029ae590a3a4', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'e67a3e34889a8c7aed71e6fe511d11518edbd14c', class: "gux-pagination-spacer" }), h("div", { key: 'd7696ff702f3cc254497891ec5cc2081d87b3a52', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '3594f78147f8e32531bfb3ba8b1304810c40e4be', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'be12920abc01a4a44051d34edc6fbe15a07676c1', class: "gux-pagination-container" }, h("div", { key: '91f471e0a75330cb4d2baef489a750b78c689a46', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '2170c17f5d035afc8d6bc8ac41480db1248c6709', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'c8e73291cc304f606ec9924033aab0ba35444d40', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '5813ef2976ed208aafb7747ede5ac62f725f1c3d', class: "gux-pagination-spacer" }), h("div", { key: '1b031d4437ae606d2d072bed55d01446befb683b', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '3fe848fa448bf83dc80899d899a038b3da7a8a66', 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.css

@@ -5,7 +5,7 @@
   z-index: var(--gse-semantic-zIndex-popover);
   display: inline-block;
   min-inline-size: 280px;
-  padding: var(--gse-ui-popover-gap);
+  padding: var(--gse-ui-popover-padding);
   background-color: var(--gse-ui-popover-backgroundColor);
   border-radius: var(--gse-ui-popover-borderRadius);
   box-shadow: var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color);

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

@@ -156,10 +156,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '7f9fccc133020af77cf5c074773c89a4b2f20c37', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'f1af9a89c132c5da87f33ec4026d4c4d56382c78', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '6a74b4ba58750b8cda24aea578976f131bf41b13', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'e7dd29cb3df94fa9fc8db003aa0bec5383a68aff', class: "gux-arrow-caret" })), h("div", { key: 'c2406a2c1dbc68ce7b23bb8d951ff389ec0640ee', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '247552e8de2da3b30d616bad7931ea97f8856887', name: "title" }), this.renderDismissButton()), h("div", { key: '62e5ae2b86329d8d9ac78a04673a5378db57f4b4', class: "gux-popover-content" }, h("slot", { key: 'd292319ee8b6f4f8965e64cb2cf0211bfa65dcdf' }))));
+            }, "data-placement": true }, h("div", { key: 'db71e725a05cec245fd459942f6d4f319b7c38de', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '0a96d5e7feb9682d0dd57c29a2337fa663603db3', class: "gux-arrow-caret" })), h("div", { key: '39951fd4583b3121691af090034be45ffb968757', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '18ba1b83dd02cb982d4a5f81bcd609880d08b211', name: "title" }), this.renderDismissButton()), h("div", { key: '802589f19fb4834534af78a6ce0e44fafc183606', class: "gux-popover-content" }, h("slot", { key: '3be1f90ba153724c4de794c20929162cef55b592' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -127,10 +127,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '4365357f070d653d27906fd322bb10613f5eda61', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '11e9a3b04ca4c769b305870092a5041f8c24788c', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'a52166eb4517ce70b4b58a2bbf4eeec549a1b5a2', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '6989f4b125db15a9fed242a3e5cd17ecbceaf6dd', onClick: this.dismiss.bind(this) })), h("div", { key: 'a27b7bc15dffeff356853d8d167b737133c289e8', class: "gux-popover-content" }, h("slot", { key: 'bfc8cfc0f9f8555c8383ba64f149e67006f7843b' }))));
+            }, "data-placement": true }, h("div", { key: '79fdb2a8492dafbb4db05864bd048d98b13398de', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '2c4c24b15512cc3a8284b10671bd00b328d02da4', onClick: this.dismiss.bind(this) })), h("div", { key: '2ce728be1b4b4ee4ee609fcc33de5c8c157fc200', class: "gux-popover-content" }, h("slot", { key: '843cb6736e7aafa2ace2750c1b57512ab0d30603' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -103,13 +103,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: 'e65eba8bf2ea21b2c75e5d7219e8d4ce847f14cf', class: {
+        return (h("div", { key: '5ff6a1f11cf913825847d5e006f1bf37ac79ff59', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '10a5ee61912e0f0155e566fa0d8a71b8dc673958', name: "target" }), h("div", { key: 'f45ed6fe78f16164e6141fedd8b0dd59878cf3fa', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '9d317a53c23ab8bdc5a2d37abc0345c654efab73', name: "target" }), h("div", { key: 'ad57f7b776df7fab24c879fb3e0364e2ab0790c0', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '04965afccbb522397d745370c3c83fa3b20c8e9b', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'dd4a4a412c052b98badc6e959aa3e63ccd297754', 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

@@ -13,7 +13,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '16fb3b949cb308eb7f78ec2cfeccb490af187593', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '46455e27b880aa20c9cad0376a277b1d4792c3c1', 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: '7a1f7dd943fd797480d21133fe1ee6237dfc257e', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'fe8a2ceb34c2d514f7ecffd0e1d3c8675aee515d', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '9763d733e7aa0fca0a892d0dddef951b718e0656', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'ef7494d5507aa22d54165fd7399a6cfe9bee3600', 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: '4c569b814e1470c5a145fc2b9cca20eaf2c1c474', role: "listitem" }, h("slot", { key: '1b15955f2536eaa0f81cab121f9e8389e0fd5f76' })));
+        return (h(Host, { key: 'fdfcff7991bc9d88f306dc45367dc49de3bf5141', role: "listitem" }, h("slot", { key: 'd1f631b5ad0a7f155bd9f13f6965ff0a51463e3d' })));
     }
     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: '31931a8040491d2c6f3c8acd48c7a7add61d857f', class: "gux-container" }, h("nav", { key: '44ce55d65c249095ce584f65e02d8326679f4914', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'fc59ff19be768f050705c3c075566b32b9cff739', role: "list" }, h("slot", { key: 'fd96890a121c2b4a794218f8c9611af8e8ae337c' })))));
+        return (h("div", { key: '897b3958807aea2864e18301f894027d9fef4b79', class: "gux-container" }, h("nav", { key: '6bce1d6fef087db8bfe845f17bfce304d44e49e3', "aria-label": this.i18n('navigationName') }, h("ul", { key: '084c8b674e44cc8256d4c5d1f9a8a9fe468da45e', role: "list" }, h("slot", { key: '9fd0d2c79241f81ebe5e69a2e589b8be64b4a2b1' })))));
     }
     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

@@ -21,7 +21,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '9527ac12fa56ef035090780da02a95b6b8d995af', "label-position": "screenreader" }, h("input", { key: 'd1579fadeafb91de20cc85ab8e5528e1ed3ce76f', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '6ea24ec3968512f8567496263601aef0878e0472', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'fe64f6961a3389ae6bd373675d7c46df047f5bb6' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: 'ede6af3475abcb4370b66d53837d634539950445', "label-position": "screenreader" }, h("input", { key: 'e7b79c42fbeb74b9879be615e7ac058e374e571c', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '60f8691bacdda6a06b419df118aaf68f12bb1c4f', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'c71fe3321e4d460d5162ebef74e3e6ab1bb96906' }, 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

@@ -17,9 +17,9 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'e836557f8303129e6af297a2e4b598904ed65a0e', "label-position": "screenreader" }, h("input", { key: '5ff939cbc67dbe20fccda16fea8f365fffa8db97', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: 'd87a7629a8573335bf4ae7a6ea11fe7dd6005132', "label-position": "screenreader" }, h("input", { key: '789065522f11db7a5f0116bdb0b5cef51de339c6', 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: 'a79253c85bf20d6be1c89b1731a5a97b24b41b2e', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '6768940db155d7faa1e986a8184a0d6eeddd4d76' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'b070b7bf182156e362fc5eb976a15a8129932d73', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'b4c51b40fc69df81e59cdb84da70e7f22e1d0fce' }, 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

@@ -98,13 +98,13 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: '40e7c8d9a0d796d49f79e8dd7782f506a00e9e19', class: "gux-container" }, h("button", { key: '82380f87e757ffb8c92dabf3739fe672ab9e0e7a', class: {
+        return (h("div", { key: '39501c7e885e084bbb2a12d441f5c835c3bdf7a6', class: "gux-container" }, h("button", { key: '44c06aceace45fa2b6f5097e7d89851bdb3f47ac', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '11ed94c01a3550ce69702331176486410855afe7', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'a9928472843ce17b8d9a2e80c72d78d24fbfa2af', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'cfee77d16c9deaf5bd9b355d4bb6605a9213eebd', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '2ba487ef285696ff0d37b882b8f1bcf15c7609a3', 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: '36e45655124ad5181deebfe2d69f2bd45893fed5' }, h("slot", { key: '2a789499b35d98ac6cabf4903a122438ac3317c8' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '26597e7f95c2c9926f6917f60176daaa92cdcfc7' }, h("slot", { key: '6063697fa5c06a30bfb3c130c759b7e20ec8d75a' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -272,7 +272,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: '35ec04bb5f0ed99b242f84ddf520a418697b3ad8', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '5762b1aec939992952238cdc844845810db3f1ae', class: "gux-table" }, h("div", { key: '95e5ecc4c0a6b4b7daf32d9ebefe26e71a5b43b4', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '8e1a9195c504376ff72ecc24f715aa2c9dc97b9c', name: "data" })), this.isTableEmpty && (h("div", { key: '8e8f61a16477b4435435f24f334a2bc383aae678', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '7cd920b1b9cf9901838ee6c5e3fa5ed43c0a8d85', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '2bda4e7ab741f4ae03f92d076601647fe56ff0f3', class: "gux-table" }, h("div", { key: '4b35038d75b3bfe49f07a3081d62560aed3c5988', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '3ce589778769cce3aa7b97c125f68e634cfd4467', name: "data" })), this.isTableEmpty && (h("div", { key: '4220a6fdcff4b00ea8f92400fd76a08a4289c7e2', 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

@@ -42,7 +42,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: '68ec869bd5e0bb808aa673b8c25f06f3f050ae9c', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '2885c17ccaa33b83c2d22f0a36e121301d53d5d8', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'd1b739e412e328287fae60906c687d08018e304e', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '341763500e306dfbbda1d910831b3d9c7138b765', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '53d383610d021b3fad870317ce0a1d283f475e04', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '1e707eb1ad4be845a902de970152871828c596d1', 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: '8842302d3fca3bb95d920b4dbeb63baf67bdf831', accent: this.accent }, h("button", { key: '01c43eca69bfaf3c1fd255259ef4dfc6c3ef1289', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '11d6ad2e9dada313f4b8965c700f5edad71f9c33', name: "icon" }), h("span", { key: '761958415c4fc7faab7717a8cd202789f7ff1c32', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'a9b2577294a63c65fbc05f36c3b63fb625e4c983', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '88138d1c977b4224cb7b7e0f81dd3e002b03d943', accent: this.accent }, h("button", { key: 'dd3ff43d8c03aa7102293802bd719839229c081c', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '1c1ff28da8507e65b35d78551d7a6da7e271d393', name: "icon" }), h("span", { key: '5c6c31a98991dc97db782e5c0fd8e865c056b418', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '61c6b4051b66ab457ce63c6f6b165daa2c57969b', 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

@@ -84,7 +84,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'd44f35a8061400c7421f7014d426487b9e4e3fd8', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '48df5f61abcd383d93c3383b7bd3058308d36b11', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '201adf26646243e1165e416a71a2a6c49f6fec41', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '9d2dec965f058c92b2402491feacf014a3b257fe', accent: "secondary" }, h("button", { key: '76d4778662f599c1eaca6a41fe589a3b117d65c9', 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: 'f782db31fe4cb4c5597e4006b632928516be10a9', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '314b9664aa90b37f4f920cd87b849c2f635ae81a', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '23624778ef6cc94a83c9022d48930411f42ff940', ref: el => (this.listElement = el) }, h("slot", { key: '6912ab26092ecbad8ed3090f95f91934d46b7775' }))))));
+        return (h(Host, { key: 'eb7fbf35f51d4e3a091a09498b2ba8af8edac3a8', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '9ebb8527f0962257c04df29187b4184bd9551950', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'bb49e4e5529a6ade072281a2b5b1e4e0e477f4f4', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '49e428e35ed1810cef5dff73027dc1b33885233a', accent: "secondary" }, h("button", { key: 'ba21a82e2841c49fead7a3eda267e8ee03641267', 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: '871ba61d9cadb6079b295cffacf9cb73aa4c216b', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: 'c207d569a4e598a29122726d11fd4bc8c016c15d', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'a027b2fc3629a586ee0f41ade01a45e963be2e88', ref: el => (this.listElement = el) }, h("slot", { key: '39465fe7a36ef2410e56c491865f4ad55da9d19f' }))))));
     }
     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

@@ -195,9 +195,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '90e6b05bd2fc44dd175abf44ee1594299f643e6b', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'a1b3097240efe4bf8a585f663c23bb708d9eba5e', class: "search-filter-container" }, h("slot", { key: '26122433319c76e58c6b3a067d740f42864f52db', name: "search-and-filter" })), h("div", { key: '011a0848bb53b01ebca18b04617abe157a250225', class: "section-spacing" }), h("div", { key: 'd7246e4623ad9b6d85b93b7d775ad21212bbd57f', class: "gux-contextual-permanent-primary" }, h("div", { key: 'ffaa4b9bf551bb97f96b42860a64abf77f45039a', class: {
+        return (h(Host, { key: 'e1cc644a5cf06a2c345c0d71e61ffc3ba4e552a2', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'd8984b1c47209a2cd3b4e975a8b8c70ca502feaa', class: "search-filter-container" }, h("slot", { key: 'd4bd0d2eac56a7ed0aec29c1253095dcbdaf213e', name: "search-and-filter" })), h("div", { key: 'b1dc9be3a71f5bf8428132d039590f609cb5b74b', class: "section-spacing" }), h("div", { key: 'bef0173c71490f0308d502f2d7566e92b8888600', class: "gux-contextual-permanent-primary" }, h("div", { key: '92eefd0cc91c634906b5f759fc86d7f53b1f0dab', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'ba833b4d9c6e9c8f99b2ad04d8e757189f82ab7b', name: "contextual-actions" })), h("div", { key: '7deb6e6eafed9cd247eb067a2d2b90ddeb5995e3', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '080735f6e0183ecffac462bf3180b07880f708fb', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'd9f58e1da5ba2d70575483bbf5df383e5dfcdc5b', "show-menu": this.renderMenu() }, h("slot", { key: '30872beb8a0ba25597e753a1419417a5baa36086', name: "menu-actions" })), h("slot", { key: '1b32d6d6cd11e80d59fab44d7c7bb27b2284a7a1', name: "primary-action" })))));
+            } }, h("slot", { key: 'dee2ecf0e72b8fe61fc4c20584fee4376d6acc1f', name: "contextual-actions" })), h("div", { key: 'fd73f6262dfc7542b588951ce63c9537e8d60b61', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '472004ce9dc2db68b5d73ce3f86831fcd9c1c169', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '23b6dfa9a5ab7dbe07f4e3848f41a7f95cf8a1c5', "show-menu": this.renderMenu() }, h("slot", { key: '8e2ef4a891d0543e31bfee0e112f77b483c9e4f6', name: "menu-actions" })), h("slot", { key: '88c7884dcb556e7e28e184ba1a7714a21491ca3b', 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

@@ -34,11 +34,11 @@ export class GuxTab {
         return this.active;
     }
     render() {
-        return (h("button", { key: 'aa3bcc806dfa47bf474cee961b5f2277951807c4', class: {
+        return (h("button", { key: 'a6829ece3b556d83afef128b243f69751db57e5d', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'c3d599184164cdf77815073d05c92b5604368dc9', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '6a31596ec74a12ed9a8caa1d1067baa2323110fb' }, h("slot", { key: '5732f8fd528af4ab78a91d6c2adec0a36b89dd45' })))));
+            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '11046b9f022ea6ab316e783d24ce3f1af0980284', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '115883e111b785c835d614f494904e9a896099d2' }, h("slot", { key: '6fcfe6e0828247ec4ff3fcd4f70920ce6076269a' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

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

@@ -263,9 +263,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: '953964238ed13c0293b02c88941c2a5e7e78b747', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '9294cb06c679adf6fd0ecc4c1b1c1ff22b1584cd', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '68a4036f630f927d034e713232637135376a0abf', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'ce98ee72a659cd2fef333c0d23c3b33c02270509' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: 'a1b1329b02bf022100db3a4c009a34dc59a586e7', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '4aab3b5f0d042cf122321c8692a17154818db5aa' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -17,7 +17,7 @@ export class GuxTabPanel {
         }
     }
     render() {
-        return (h(Host, { key: '72fce9122c2e3193c039fd3285b866b2094c8fda', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '1da2e1c1701bba8e787fb03555c2be62dba480e1' })));
+        return (h(Host, { key: 'e73f54c70ebe99ad2eb82d7338494933d093ab55', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '31928d35c1bac8272dfbf84122330360cf82f4b8' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,7 @@ export class GuxTabs {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'e3c9253e4bdca6a7da95a8d58d61c146122e96cb' }, h("div", { key: '60a257e714c5a70f87bfa8bc4c6993ed87872e25', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '55b69debad17a969c5b09fee55e05eaa79b2bec0', name: "tab-list" }), h("div", { key: '05ab057d70188511a0213d16e205f69c079a2c07', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '192f35b83f6afb00d9c637cdd7cdd2da510b063e', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '814d867d22f6a839b2e1a4027fbd53493348bc85' }, h("div", { key: 'a09c8ac85a0263344a72ecf2e45b3076f9ca8f2c', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '7b861c5a83e0b339e33706ac200fd5d73054b8b0', name: "tab-list" }), h("div", { key: 'ef0dd08ee9a3da46a3ce95de30ff64a709a31c10', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'f423401e3d075c24fe4f85cc1e9c692ebc0a09b8', 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

@@ -152,12 +152,12 @@ export class GuxTabAdvanced {
     }
     render() {
         return [
-            h("div", { key: 'c6cbf59b60814f0c870518a6ad2458722da72ecb', class: {
+            h("div", { key: 'f6e2d5e0f815e5dbfd8d1d8967d86f3415ff4029', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '6e8c619352d7b0a9523c0dccc7b437c65fa94ec7', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '3f57085651a17804ad3534569649a0bddf27a78d', class: "gux-divider" }))
+                } }, h("div", { key: '12cd8be992bebd1c9c3ac265d670e1446fd1b874', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'c1cf915eb169f123e471f7175b58657a6c181bd6', 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

@@ -415,7 +415,7 @@ export class GuxTabAdvancedList {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: '85fa55bdd0d2c662ff8d4e85c92a1559be1a69b5', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '7740951efbb43141d9c7e53861cd66762ccdaf47', class: "gux-scrollable-section" }, h("div", { key: '5d35759735399f84ab690675a82b3aa41e627b87', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'cc2962d4ccf765b80ef58ba3a23786dcfa944c2a' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: '77dd6596f2f68dc20bcb570cebff2ca0bb68a87e', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '28408317d5408090a251ac8d422294bfe4dde50f', class: "gux-scrollable-section" }, h("div", { key: 'f03f8c2fcaefb85dbe0a41979516f449634e1c97', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '5fe2247c66e6bdc3a0b856d0f0bfa43d5abdab94' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-panel/gux-tab-advanced-panel.js

@@ -17,7 +17,7 @@ export class GuxTabAdvancedPanel {
         }
     }
     render() {
-        return (h("div", { key: '96062a242436b0a7abf2ecf45659c8f003817585', 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: '369048ef2d4b849aa556415a3e705d7b43a7c1d7' })));
+        return (h("div", { key: '96a1a30ff8612b62dfc8de02eb0266dbc9c20759', 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: '79c17d26aaba4fea10a9c06caf3b4dd8b9c3a364' })));
     }
     static get is() { return "gux-tab-advanced-panel"; }
     static get originalStyleUrls() {

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

@@ -46,7 +46,7 @@ export class GuxTabsAdvanced {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'c1e6ee19ac93a85162e9acad397c8869ba5ebca1' }, h("slot", { key: 'e901abaf94cd806d792ac76a5952a1a0731c880f', name: "tab-list" }), h("slot", { key: '53eab40093c953f8b4642495c6cd5c50fbc030d6', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '93c2691f07647a88a8c71103f0aa060b40a51a03' }, h("slot", { key: 'b9ec0988ac249073a5efe32994b8df1077c114de', name: "tab-list" }), h("slot", { key: 'b9fb66b8a9e269ed74b191bc9956d85fda5a3652', 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

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

@@ -215,7 +215,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: '6fd3adb8b8bc68c75b87900193c755ca2f7471af', class: {
+        return (h("gux-popup", { key: 'b39923537a289bd5a2dc3d6bda97dbcaf90fe941', 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

@@ -43,9 +43,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: '4cbb638be86490a8cae7af44fc8003c8084d6586', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '11a15038f211253e92a091f0249bdbf88e32e23a', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '133af9c29aeaed36b3674b249a6d09f6b9b79f5f', class: "gux-content" }, h("div", { key: '9dfbf64582510b6fc749be442a05c26555c4b23a', class: "gux-message" }, h("gux-truncate", { key: '3573af7ae9df31dcdcef51b9d597003f705c6421', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '76b2c0c35f31c7cb60c20eb456b41d8e767459aa', name: "title" })), h("gux-truncate", { key: '984adc68998feddf8b40e724de20a8d1c34fb046', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '50f77c36bd246412048dd4c4c257548608d1d3bd', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: 'd57fc708bd29fd2ab500d2e9f8ea5bba4fd30a07', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '18e3e5878dbb4a2b57f44fa51cb2d1b2b7759c4c', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '52014216f8ed0dfbe9980cf0e8bba832fe915d39', class: "gux-content" }, h("div", { key: '2057e9478b0f8e9b5f1860db1d335f657e9a14fb', class: "gux-message" }, h("gux-truncate", { key: '9b96449133a579e74081b2ad955d8e95f96f2767', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'ff9064ab834946bcb24be866fad21b39352ea017', name: "title" })), h("gux-truncate", { key: '80c8ed2ea82c7e257207189ff963a54c501d0c80', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'c6ff45469f88bcf798fb949b18234372baa44041', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '9b926d6daa95f540350e0b8d6babc2d8fda9356b', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '1513b566fe8a00cc65f9129769dd74c723ada9a4', 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: '447f953b906cae93cd75d67c2d4d2e1b74a33748', class: {
+        return (h("div", { key: '4ddb8b31fe65170d54c90dec85774fa2e6397adf', 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: '930f2baeef615b5f6f865c07a8d0f59df6089bb6', class: "gux-slider" }, h("div", { key: '2771e5bdfbd6dde44e5c73c968b4b375e4932f98', class: "gux-switch" }, !isError && (h("gux-icon", { key: '074ce48b3b3d8d76bcbe43623756a13225a861ac', "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: '592d1847f087dd55cae3bf47206faf737930962c', class: "gux-slider" }, h("div", { key: 'f6792615cf7c62fa8d0d5b4a4ed9fc8f947fe5f3', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'abd8467f1d63c83743daefd07c13e2bf032b10b8', "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

@@ -72,11 +72,11 @@ export class GuxToggle {
         }
     }
     render() {
-        return (h(Host, { key: 'aef4ad520f37c763a123c77354612f3652019f34', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '6e5790e5562c49d734df4c8e559603eb36da6d1a', class: {
+        return (h(Host, { key: '749ade4eeba4aa43b50de5b6543412034b089fc2', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '9eab5358ee451fddeac17637c341965a668577d4', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '3cb82c2bec14373e049d4d410a3ebed2109ae3b4', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '481ada115b8494e2458e8bc3c2383f6eaa7903ff', 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: 'ddecfbde911ab298dbe4c18ce186c327ae44fc7e', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: '571b2ba9196b8018775c7172adbd92cfda936cd1', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'cd8bf154c04b54657ea50cb5db2ba0f3518e71a9', 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: '3494cef076ffe3ac8c06a927e7b55f46483bf48d', 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

@@ -134,10 +134,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '46bba072bf8db0057bd7f79846fea2ee82613394', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '80afaf59a6553f52d2fd3a22809bc80c40ce334c', class: {
+        return (h(Host, { key: '2e983b4952386790de5d47af17c87ad2b3429b0b', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'b764d8358f13d424eaa4bbf0a3af9c64d8169120', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'cbef108662b86875ce1bbc0b76933e032132651b', name: "content" }, h("slot", { key: 'bf1b4ff62bf03d3f81337f503bffe0588bdb804a' })))));
+            }, "data-placement": this.placement }, h("slot", { key: '4873f4e41fb14162557c9145b0a62d8234bdd3b1', name: "content" }, h("slot", { key: '35e55e713c60caaa6ea9ba9b45327e611bcc05f2' })))));
     }
     static get is() { return "gux-tooltip"; }
     static get encapsulation() { return "shadow"; }