genesys-spark-components 4.185.4 → 4.186.0

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

@@ -60,13 +60,13 @@ export class GuxSelectAll {
         return (h("svg", { class: "gux-checkbox-container", xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: paths[pathKey] })));
     }
     render() {
-        return (h("div", { key: '7ca8807a708c3203aabe0978ddbd5756e2264e35', role: "option", "aria-selected": this.selected.toString(), class: {
+        return (h("div", { key: 'ef01bbf94794e4cf4d485f88866f8971f233518c', role: "option", "aria-selected": this.selected.toString(), class: {
                 'gux-select-all-container': true,
                 'gux-active': this.active,
                 'gux-selected': this.selected,
                 'gux-indeterminate': this.indeterminate,
                 'gux-has-scrolled': this.hasScrolled
-            } }, h("div", { key: 'b8e2ceb303a692f62e21816ae2bdaef477c32b0b', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'aba1a103be114a1e973a14a8cbd1f6139124cf6c', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'eff5cd71293a012c841b7dac3450abe114f0aa7f', "max-lines": 1 }, h("span", { key: 'f48a2c2eccc5014ff2250cf27774d390b16609a2' }, h("slot", { key: 'af1857139ad935c44559e5ed43eebaa369becb59' }, this.i18n('allOptions')))), h("gux-truncate", { key: 'e4c6506ba1b0319c852425ae192f7b3328bc4846', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
+            } }, h("div", { key: '158b650ff9508e799ef7f22ffdbc0c94d0abbcf3', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: '7cf1bdd0966755a160e3264fc27ce4d804e0d83b', class: "gux-option-wrapper" }, h("gux-truncate", { key: '9f78326d7b9aafa0ae51c6693b50c24d17e0efe8', "max-lines": 1 }, h("span", { key: '8265a17b539391092e6c94a255fb840642bd888a' }, h("slot", { key: 'db86c59a61295cd8531e48c5b4feeaded1185400' }, this.i18n('allOptions')))), h("gux-truncate", { key: '8014c7260cc42bf114e2ca868801ad89b71eb66d', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
     }
     static get is() { return "gux-select-all"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'e20707697c240ff94edadbf2db12f4e31bda8856', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'fcde6b1b71eb57ae35d5d098dd4774ff95c0735e', class: "gux-progress" }, h("slot", { key: '83b9b9dc86cbd3a685e20b473336eb17f2857c10', name: "progress" })), h("div", { key: 'c0cff091263bc23a700a8ac1ebaef23170942630', class: "gux-primary-message" }, h("slot", { key: '6f7c426050bdd6f99bb39e49cf6f54d64adb1464', name: "primary-message" })), h("div", { key: 'bf3e1b73cf370068d4642f8686260e62a26b32f5', class: "gux-additional-guidance" }, h("slot", { key: '5f1d0a2eb809d45ac79135fc837b58e7572a77e3', name: "additional-guidance" }))));
+        return (h("div", { key: '3c99a36922f18e372bdac458a96f002a70b6dcbc', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'c411e7d45cb7b8399ac5571fddffc879e8fa869b', class: "gux-progress" }, h("slot", { key: '2f7e1af2cf5e1af01d66499935c40f25b1e6f3e2', name: "progress" })), h("div", { key: 'a7de8135ac6ddd5f26f00a57dc765bd99a89282b', class: "gux-primary-message" }, h("slot", { key: '5d902951b7db5aad99ce78ac46457c41c945c60b', name: "primary-message" })), h("div", { key: 'a6c1f9660cd2b8a2e466423325f74efcd3a3bef0', class: "gux-additional-guidance" }, h("slot", { key: '144d60b56515cbfc016f046ad37c9465b2a2f52a', 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: 'd24ee73cc41fc86170344621f163e86347e6f89c', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '6bf12ae8eb639e5bc5378121a78e6036f5e4a9be', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '71e200d4133197ea1cf5c3a5bb912a24f76890d5', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'c17e2dae953a12b8792e16540222a3177453985f', class: "gux-modal-content" }, h("p", { key: '837037122d76805470248da07a2ff6a0b07dc6bd' }, h("slot", { key: 'ee6d0e1a02d8b5940d9e1a09fc5ac40e94a7e6fb', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'a9ca202e622542534dc6e8a53f4e3949f10ae566', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '06d53cf276ab6fee994489421955ab3a9584e506', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '612807b5470e78025955acee82349a256e0da721', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'd400280c7312cbbcc2d06b8587c099effd6f4e8d', class: "gux-modal-content" }, h("p", { key: 'cc9c5953e1d9c429db5a835f3fc405bcc943b807' }, h("slot", { key: '8bd77de6ea9a836c313c1dc6d70f02b6808bc265', 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: '612250536de0310d6d4fe7f50b14dec060e58716', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '029364a22ac1af63d34b1934bd9cd63f4e1450b4', 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: '5c0c3ccd7df716974215710357c8f8853fba78d7', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '628e497ebabed6ac87849894a75b7c4125b27640', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4ac48f59144bc00387102259aa7a5815e16b4e8b', accent: "ghost", "icon-only": true }, h("button", { key: '1dbbabed266442321d3437c53c3cf5778d694a40', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '46ac0757bbbf1ec66f0bc5604ec6088142a77102', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'c468b46c9f5f2bede38e72f5e0b4d6983cff8492', accent: "ghost", "icon-only": true }, h("button", { key: '01d061548d51532dc94a72de831b7a8f881579b3', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'e5d84417a8811ccb980bde86fff7de3a463b8b3f', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'd372255b7ef061fcbe162d5d8c3490ff39243bd0', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '48082b78c380dd01f75bcf4ea406292b82243c72', accent: "ghost", "icon-only": true }, h("button", { key: 'f205533cefd9c2e937ea8e3f902ce6ae5bf8cae4', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'cf981e7a782739d537de65bf78f3e9982c336e45', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'e27388694307c1593a48f351c8bfc75d0e97e15e', accent: "ghost", "icon-only": true }, h("button", { key: 'd0a90c1694695a3836f576fb61f0e31119477bde', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '611080e44a5cf668dad39142f50d9c933e568528', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'ad1d39e218e5ff60a3f4bcd362d44365da58b13b', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'f756695ab38998229d372499fb6d508675c5a2b1', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '5ee8b59991c724439904d11b4e92781a7c628e70', accent: "ghost", "icon-only": true }, h("button", { key: 'b2ea338010aa62a680419cf4ff6eaace0b1e0fe0', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '723f24e0ee3effb27bbedb2b17d074df6aa6cfac', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '0b2624a8b9c8b35a6299acd4f39843dc67e6e423', accent: "ghost", "icon-only": true }, h("button", { key: '2db911756af0b2c27bfec9fa7411a01a70fcedc2', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '5fe8bd4bae9b08fd1de52c8fc58bb37eb8e0dfb2', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '43c9df42ec681c423ac746016a4079fbb80387cf', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '267748c572d22bc4a383245707653576bc00f58d', accent: "ghost", "icon-only": true }, h("button", { key: '8d5341b6b4cdd2e5fc5073f7100a15d6b863125f', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '886bf162cd341b4e1d63284a3a0dbb47ac40ea97', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '8f0902b5c0185cb99420cd2a71f2b1ad380d7eee', accent: "ghost", "icon-only": true }, h("button", { key: 'bd85a491f9e6a108cbed5ad43a80cd66cabdafbd', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'c7104b44d5968ff34e44af8beff34895ba110631', 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: 'e10b419c593f6f299a60c20a7655b91f4e71e02a', 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: '6a6ec779b319d3f26b5d0a591895c6d6d7796b16', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '62e2ffc6ba51093c8f648e06628b8e732f5de3d8', for: "popover-target" }, h("div", { key: 'e0273908c8092a611674455f4154285976593c33', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '1e78cd0e315e6e709a8c277651bedefd4fbc535b', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '52e17202b3b1f1a58f524108b23f706dae46925c', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '004801a1160ece8a9fbfcfc5ad1103ff6aeab522' }, h("input", { key: '33ad1e9bdf53ad8d1e3777039d25edca01463009', 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: 'af4b6fb251f9223a5e3b81cb3e8fdc4285abe193', slot: "label" })))
+            h("gux-button", { key: 'dc02b1dd771945c1ecbce59fbafd05615874e712', 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: '5b873a48e18ea081aebe22ace5d8ad886a81ecfd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: 'd82be5b126883b6c7cc5667d85255aa04a5dd879', for: "popover-target" }, h("div", { key: '82059d46f97a0fecf7b0c53f8efc94ca01e21ae9', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '5c37bb4c99dc4a1192f059273dc1bb5b3ad1c1fc', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'b4bec3c175b53cac4f886437efdd68c185fa4486', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '187a746265682d387c0429687851851367bad470' }, h("input", { key: '94f6afb7cd058db635e7c14377dc15e10dab9425', 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: '3185a2487e177d653614e56bd48010d94bc110a7', 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: '4ce1f622a117064a747d94e469c3ed7f6478078c', class: "gux-pagination-item-counts-container" }, h("span", { key: '8bba68ae5e98cb3c3218844ca6c80a76966ffb71', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '52a3958d1b29e0b97fa48b73ab4dd786d402d3dd', class: "gux-pagination-item-counts-container" }, h("span", { key: 'd11108a181fc8d47dac4930bb2e15f59e51271dc', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'c2f8318234796a925f07fd2e1ea572443580d09a', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '59376888f073f637bc77faed3707ac7ac1f69367', 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: '80dcedb35dd8c278be9f3d5b366e1b4cbbda129e', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'b765c7a0a6db206b885d5da79311b0bb60f0cf01', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '2ace8387a04bd63b4729ebae07a16bcb3f96036e', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'a6edf0d3128175ffe338c19317203dd894de0b47', class: "gux-pagination-items-per-page-container" }, h("div", { key: '472e638a40eda62abbb2e92ffff0178d67e0f3cc', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '84f960fc98d9df106ad7d0256ed96c957e4f7ec6', 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: 'a3457044c618f68d56a7949b38697c38b81366b4', class: "gux-pagination-container" }, h("div", { key: '760f80259b8202e74622dc124f3e926e27ecd0d9', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '84e7667f505e4cd402bb25025ec22a4c0117886c', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '5481d08f3dc86b70d897735de7fab5b941f1a449', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '9e7e49f9de9278488c13b2d50d885a3d6fe2ef20', class: "gux-pagination-spacer" }), h("div", { key: '137cc8057bd270f62cb1f123ae2d893937f506c8', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '9f8141a4e2be3dfa43929dd9d270eae8d8ba27b3', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '6978cc54f2ad9988db08efbd3dc619b2f7b5605b', class: "gux-pagination-container" }, h("div", { key: '56719bd646f8e299bf6444d48d27fbbcd5db0cea', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '5e3e026bb6dc561092f80cf7ccebae0bc44d470e', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '5cf3ea6ed306b7ccca9f54f9da5afd607261d399', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'ae2d7d8830d0c3655684d53c1f57384f32412311', class: "gux-pagination-spacer" }), h("div", { key: '4cf7aaefab6219ae0175540c02b2befb246d1069', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'd02299e1ff5b9ebf8eaacdf405a3e95c33ab4368', 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: 'd39381f2339e503d7caa1df3d5a49e0c84929666', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'e91df0309d9197961051a592c3bb7233f67a7b91', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '24eb2729b0b32aa303724585d2db15e106e09989', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '7241c98e5998ea8646972fda4b9c6535336e978b', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: 'd30fd8b754eb3921d9853804869816d96c615489', onClick: this.dismiss.bind(this) })), h("div", { key: 'c87a218894f377225916028e4b38fde0f7e8802b', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '42cc1956bbdfef21fbf7d6db6ff145b7b8245545', name: "title" })), h("div", { key: 'b15673b3916fe3d5262f33326e04007caf899513', class: "gux-popover-content" }, h("slot", { key: 'f0d7097e894ba6b14594c0f43151013ad4f635ff' })), h("div", { key: 'ae80a565daf3404f225a4009bb3ef5268f89bef2', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: 'e09b54fa2375db71a5dbdceb7937975436a44b7d', name: "footer" }))));
+            }, "data-placement": true }, h("div", { key: '639b69837577566eb79e3c0da634d5a26dac0fa9', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'b8b5821bb0be8b9ae81b533254dd15d6a3eab984', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '24750da13cc583892ffe68142d278d6e0b474994', onClick: this.dismiss.bind(this) })), h("div", { key: 'bd18a614588cabc971a966fff90f537aef855df6', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '4ddbc7c988cdc88a5edd9e618b5767039cb603bf', name: "title" })), h("div", { key: '08f0d5e38d79863b6c261c297a1ec0761e55e82e', class: "gux-popover-content" }, h("slot", { key: '034d01bb92a642698b8b386c3ddd0a6e91c30a78' })), h("div", { key: '11383d7b8c700114616fbcb2864a442f3ac8a610', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: '49c830761fca2f8fe1e3a0ce3ffb64da3a065b96', 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: '692b88016a1f1b52ec6238b1a47fe4488e8641dd', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'b791672a097f5dd7cb9fa73088d0d2274d770834', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'd5c198f32693280790f4ff657442e0cbcdb5298f', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '970f77f8701db0f018ea6df69fafe77e9d82d098', onClick: this.dismiss.bind(this) })), h("div", { key: '70b4b1651923524dab4c46d34acbe374984d0d70', class: "gux-popover-content" }, h("slot", { key: '75927315cfc6b2f17403a5541845ef71ff93048f' }))));
+            }, "data-placement": true }, h("div", { key: '43dfdc5506f7ae5abfba688cf51f8fb4263c97dc', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '1066c4ba404391275af2aacdc34cbb4c5222ec90', onClick: this.dismiss.bind(this) })), h("div", { key: '5f92fa62afa34cca59717e4c25b8e3ce2b813a3a', class: "gux-popover-content" }, h("slot", { key: 'd87cc2aeaff552c8e6c16b15c4a0d16160e5b30c' }))));
     }
     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: 'a8174ee5aaeb559bff6a643c7c548cf47b93a2d8', class: {
+        return (h("div", { key: '1b11e7f6289afcc7bd32d7e94c82bf450adf08c0', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '32a1b620d4ccd219f077c0aea392cc294cc109ec', name: "target" }), h("div", { key: '8062ea28866a693c57f4df9568d49d87116c954e', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'e9a34bc876cac7d01175f5f9131511e9e1d66dd3', name: "target" }), h("div", { key: '5348da84e7bf80ab33aca37b39e7ac4597029b86', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '1616edfe5ca6bedd6eeeffd36f0a0b5ba238dd75', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'a6ee36bf1db796881b0e26e82f22fdf2bd5aecbe', 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: 'e183ef692aea28a284c5841da0e6aa148853f862', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: 'dcd635ecbb8eeca7274b9400d61490524559acfc', 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: 'ed9db3fa3b92555c69e6fc2abe7b63b3f3c23bf1', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'ea9c04b9fa8c5e901fa4afb3e70a20bc7aafb6dc', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '7a585f6ede727d62bd7110dd82c01cc726f7e9e1', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'a9034c64efb3b62714e21eab59f879baf9cb27fc', 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: 'd4454f31f86f27e129ee0d7dfed6531e4e439d27', role: "listitem" }, h("slot", { key: 'f2f0ecb27536b1efcc173f19336d9b560f2ba23d' })));
+        return (h(Host, { key: '63e29438f8e945ca2be24dd5886ce45222c4049c', role: "listitem" }, h("slot", { key: 'd72c66e35d11683ddb089bbce93584580fe14204' })));
     }
     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: '46dcf90b066679bb78da39268663ff8322097192', class: "gux-container" }, h("nav", { key: '294bf9513f52e21cdd95fd762b2b202cf7397d0a', "aria-label": this.i18n('navigationName') }, h("ul", { key: '44dd43990f2c8932b087bca97f7067a222aaee2a', role: "list" }, h("slot", { key: 'd1f00d5429f7434cf52b9c084c8390ba1f9b0d92' })))));
+        return (h("div", { key: 'e86822927d0b802b6fbded182d77f278a3b99447', class: "gux-container" }, h("nav", { key: 'e1d7740c6c062be9c2034ca21793ce53172c3bb5', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'ea646f3f91837c07d170db4eae9743e4ac6ad11e', role: "list" }, h("slot", { key: '099a2797a585b5658b670302fb2707371fc5f264' })))));
     }
     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: 'a5563c546fde1c98e3d5ea8384a410316f63455e', "label-position": "screenreader" }, h("input", { key: 'd87efdcfea5005a83a32a8f58283c36372165e87', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'eab055bcefaae4a3ca95f70dd446400d9d7db30d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '268bb766d9ce7640194d578d54a92e135aeb0dae' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: 'b3de61cda00ba6eb13857ba4ff1bdee6aacad81f', "label-position": "screenreader" }, h("input", { key: '8bb8f763d9b2bdb5339c9f35ac4906187290edd1', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '3d624140113c9964a8e796bc19ff3ac7f9df20b0', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'cef8d0f8c06441ba458a2dae3345fd6125499eac' }, 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: '2b43fc6039403f29c2deb95dc4d5c47fc9f37a76', "label-position": "screenreader" }, h("input", { key: 'c6e41c246c569307914da028cc9b7153262a7c09', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '16ce8ee0704b7147d8448439648cbba2eafe0e7b', "label-position": "screenreader" }, h("input", { key: '741877496fdc826c6474936382f6a76cf2370dd5', 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: 'ba94a33a6a8b491a03f979f827d83a3b0018dd15', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '2bd743e4846127e8e4d71e6653060a87afa58214' }, 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: 'b7cf1bcaf2aff25f1204b08767413c9fa97acf93', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '7e17c676b2368dba54f09301eb56c099781e2e58' }, 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: '74ec20b1fc37423b934a9c0bda466582218f1d1d', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: '344bb80f446d7f01038ab8e4049792fe1c40e208', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '1d59393f8a3fe0c013d6ee142b5213467ec94c2e', class: {
+        return (h("div", { key: 'ede942d28606bb7251354f21e51397c1f6ad0099', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: 'e010ec841c7ad2920a74671c7902b20659aa577a', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'c9ed4c1d498b64c96b789a8b9c63c8003c80c800', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'fa8f32778c17c504c165a832cb2c2fbb1ef92460', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'f439f67f81734f0594cc5c987584ca2be76336f1', 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: 'e4dc017d7438290ebb14bb0e86167cb82ec317fa' }, h("slot", { key: 'b673796f1e937b1ba0efbe74424f9a2cfffb333e' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '66d4856b09df8d582a332e3744d79b7ef368c61d' }, h("slot", { key: '9981f74c127533d5f9289279f2a7bc471583e71f' }), 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: 'e9ae85dbcb1cc5b7cd996cf37cdd9881d89a40f6', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'b3f3d5e22363fb3e6958595d3bd876d41459982f', class: "gux-table" }, h("div", { key: 'efbb1b70d3e269327d3f2b5af8807d8ea49d1342', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'aee82e36a86b87978d6de544109a9cc3a50d6277', name: "data" })), this.isTableEmpty && (h("div", { key: '8902a47357b3a81a8f6063f8e1feee0f3c5319b1', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'db52357ea044984d1310fbdb1f30bc1ce7a46c5d', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '2313d84a986a01256f39e52dadaf47d428a34840', class: "gux-table" }, h("div", { key: '9b1bb4db3ad871d3ca46e4cacb7f8bdbdd699a92', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '2992b5d7d002e6755b686af4e8cb22c0b4423ecf', name: "data" })), this.isTableEmpty && (h("div", { key: 'd74753a19e51803581e520206a20a581d50d2d34', 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: '5a379ad915e4010fc9969763d5df56118cc54925', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'dd3e77986d266aaf3f2c08629b5a1a156123fbac', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '82faac3c693dc4f7dad714860a80e5103185fcd1', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '9635e21ae3e0e05f22c04c0c54d305c1b45b8ed7', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'b0c2d686f6ffbbf76322cf0a10b7b75df0f32e1e', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '7141fedd385aeb50bd33916c2893fcd179030cb2', 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: '55aee5f8b48828e9669a132f6145aa5bd746a24a', accent: this.accent }, h("button", { key: '78f544c8670e9c1563c35f999b0b51e04d922251', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '20bbbd020a98e735094e3a8d2b148fcbddfcd0a6', name: "icon" }), h("span", { key: '9ab9a7deb5bd582a2bd0aa38bb2171f978ec59c5', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '512102ec50daf0dcaf2bbccfae1e93ba3d7d0715', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'b1d4a04d4e236e7c85429a1fd6d9fdc5bbbf2d95', accent: this.accent }, h("button", { key: '5e7e799b1e5f79a6ba0b8d20b380ee94c6e13cde', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '5d798a2702eeb3db2577c72bf8839e3a329144fb', name: "icon" }), h("span", { key: 'abe2a68bfc705af60ca5900530acb3b6afbb575f', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '2f462e8fef8f14721a17bd180be16f0a48e64955', 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: 'dd49b24a4fe0c685da9f27f5268a528c299b46a6', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '9f043c22c9ed34a76af2541a0db261e2e2c78097', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '00b3e38e8177844dcb20adb2748612191fe87bc6', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '6e371e26c59393e4da151a698633a1b8c20949c6', accent: "secondary" }, h("button", { key: 'dca1886543276742e05bba4d67d6b4c66f86299a', 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: '1208f23faefd26db958cfe684f6b66d0f08099d6', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'b5fda673c8393b39eb02cfeecdac6cf409ff60f4' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '2d62be98b045fe722751925fb867039ec7af8c36', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '57a47771b36648d6353090057351cfb6e818c9fd', ref: el => (this.listElement = el) }, h("slot", { key: '80ec1ac5ef2154b0f95615701e4260ec2364ceda' }))))));
+        return (h(Host, { key: 'f4f46368b29860c3983589a64bbca7cd2665858a', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '4f512bd7b4552abf1a5f0b821967b56a59074606', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'a65854394b7ab0eb80556962bf40eb80bced9706', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'dfd5127c91a988568f1dd502084c57fb751e4984', accent: "secondary" }, h("button", { key: 'eb77013b4e9adb295157ed2479055123044f47d0', 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: 'b04f8e452fa9baf27147fa6a6f86086f290820da', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'b32beffd34cc5cec7185d8b20e74837d51039e9a' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '91e7afc3648eb359d065a9a9dea32a197e391712', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'ab05702b8c02825fecbe8bbf6012fc7dac27a70e', ref: el => (this.listElement = el) }, h("slot", { key: 'd37b4e02484d1dff990755d23655573dffeaed51' }))))));
     }
     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: '07ca4842a9a6f04116c43163259d9cb31a717327', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '1754ae879a030feb7caef605e3b599e72bf081ea', class: "search-filter-container" }, h("slot", { key: '14c1d9add3f54774538ba09925d3a4ec2e4c646e', name: "search-and-filter" })), h("div", { key: '2d696e4fb1a1e34ed3104cef602eb30ebf0a2037', class: "section-spacing" }), h("div", { key: 'b1ce09becc37748e22b162078f777c520c05dfb4', class: "gux-contextual-permanent-primary" }, h("div", { key: 'ca449c5326a7d36f4ecf20705be1a466baf340b5', class: {
+        return (h(Host, { key: '808858de64afaf9300d0936734a282e5ff211612', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'e240dda8c925f6ab8ef285bc66e85e669f7796e1', class: "search-filter-container" }, h("slot", { key: '6b65b3cf10097b725dc7f3832022053e633963b3', name: "search-and-filter" })), h("div", { key: '1cfbadcb7cc745a4f5fad6ef9f54bb5298a34283', class: "section-spacing" }), h("div", { key: '37aff3576deb73dcd26f77d590d9bc59035637ba', class: "gux-contextual-permanent-primary" }, h("div", { key: '3ba64438b245c4bcc62f67368849cdc5d2aaa7fc', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '22978890dbe308cc4ce0fa0c3ec469ac14dc9fe1', name: "contextual-actions" })), h("div", { key: '855839a07f6098c8bc24d9e2f1298b49b5dad3c2', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '9e2f566c40d29d5a83396e386de8ac4aea419e2e', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '7e55c8f168825806a05f92094a963045dd05e9b9', "show-menu": this.renderMenu() }, h("slot", { key: '954b4409edb2f0d0490fc394adee2329d6cfba5c', name: "menu-actions" })), h("slot", { key: '46e6ded8b18bf7d11963c9afba5696b6cfc287ab', name: "primary-action" })))));
+            } }, h("slot", { key: '1d565c41300c48e11a09beb12644f86214f02670', name: "contextual-actions" })), h("div", { key: '8519a6fe8486f47850a2144313e353ebc1c5316d', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '279147c350154a9c42733a67a44d06684a41bca5', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'f3a5c66b52cedf71669e7110efea464b95c7b8a2', "show-menu": this.renderMenu() }, h("slot", { key: '45b0c8b79f701eed073caabb9799c80c41edfcc3', name: "menu-actions" })), h("slot", { key: '2f7b4d9bbd059bc082720fbf98ae1d081dcf6306', 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: 'c16419858e36c688dc25b78cb5afc29218d37b08', class: {
+        return (h("button", { key: '3e237071dc04b6be8037d2a8280f6b500d50099c', 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: 'd048a09b84702c7454c630b7cd67fdf8eee2e29f', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '8ffbe47156629d0df3d52439699d3bfad20a763a' }, h("slot", { key: 'a911ff31e9b5a168e3ceac7b510c8336249e9b2a' })))));
+            }, 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: '77af7a145160733341793dce104b3f8207b4cc7d', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '70d4cf297a947b84b5c61ebeb435ece3bbdc29fe' }, h("slot", { key: '99f3dbaad298fa8c7a0d2caceabc4927a9106a0b' })))));
     }
     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: '7bd34d5cb04bab0cd47ab6b3049a2e5a11b24e0e', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '90dc8311a3eea9f35f254bd2a77847b00848c9ac', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: 'bd19659cbb9f9ad1f5de1c677418f5e87f6cd92d', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '36a2a57b9457f5e562a3b8f8f89514b125432a1e' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '39a2c17622d7da26a8633b5f5facc5b555d2a98e', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'bc51a4ac498051f3812cde4f1901f97f038679a4' })), 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: '90998ac3a8f0906b69dc0d47eb3303fd1f96ab7c', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'c782e5cb6ca1bb424959f5e68cbd31aec3666629' })));
+        return (h(Host, { key: 'a4de60dbd1b82471b3eda26f2f06fd4f35cda00d', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '943a2d1d18987a94911b9144d8938408ac042e31' })));
     }
     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: 'c1147c6c1e63cd651bc604ed7188ff547d307b05', class: `gux-tabs-${this.orientation}` }, h("div", { key: '042bb3f29bfc78bda7b6430cbdfdf7240857f654', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '4b69de129bf5b3404fad2f2bd2c99c80111a1509', name: "tab-list" }), h("div", { key: 'e26e3521566ad29deeddabce5c77e6375167e932', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '05eb75bc0583bd796825dbd45364d577018a6edd', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: 'e266b256c8883827fbef516f0f2a6eb904d49141', class: `gux-tabs-${this.orientation}` }, h("div", { key: '419fc391eb5ccb325460c21e38201cc11247b2c4', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'd9800cd9f4052b09d5389a64b80159ecc0ffbd90', name: "tab-list" }), h("div", { key: '0c2068ccc0a39e4bc23cebb33489be38960599a4', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '74558d0f57e9b5c917cd2935e40c26dbaf1ea8ae', 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: '435ae6181a599d3f26fb0e6d39adedac0fafc199', class: {
+            h("div", { key: '80b26aa724e0ff4eb89b3060dd64f012cabeb631', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '46846aee77a15c5bc9a13e6e2cb5fe51ef49f165', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '84a2e92e0725b8bcd0c66cb5a0625419d4d0f4d9', class: "gux-divider" }))
+                } }, h("div", { key: '404023a57e076d24330e5e6618311c45f074635b', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '1ee36c6573526944e8d233b1a61cca98fcc61056', 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: 'bfd14d65683bf4e9098ca7b95e1bc6eb97e65768', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '36edb503d8db55b837de1211e13c52242107fc84', class: "gux-scrollable-section" }, h("div", { key: '172b880eb4d8765d5efa0f066a9ebd509738cf14', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '5fe1989d7bfe89234d34b7af08cc503d251abe08' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            h("div", { key: '70d045c953d1cd407223753de6e33f47dc4b3ff2', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '125bf3437d31da8277c45d4bffba76244f175f88', class: "gux-scrollable-section" }, h("div", { key: '306bed4c1e3da97573af7194c3111223e82fe828', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '3f12dce89b1b8129948d185d804c321bea31f456' }))), 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: '550001ba64b622bda8d814a73ef511417f058979', 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: '6ea2d7f62812c46e38d17355e0d21cb450ebe879' })));
+        return (h("div", { key: '0d07cfca0708a4ccb26c9144cc12b2b1662a4ca7', 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: '4a875e3294ecfe09620a6656092bee37b99ce407' })));
     }
     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: '0e5c3d87c1a8e9fac02a825a8336dc5164d6ffee' }, h("slot", { key: '23a907d5929ea0102f222442d2c39be0d6bb641f', name: "tab-list" }), h("slot", { key: '9e3d33f96e6305a86f8e23c1febdf2d3f689f592', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '3e8ecadce9ab2ee8ba9c811fc9c77ffe50029505' }, h("slot", { key: '86ea8be9212910e682d12d252c4b4c15b74103ce', name: "tab-list" }), h("slot", { key: '2529132dc889ad8cdf4a878a4f6d3d47ede5936d', 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: '264754b9de88ef9c5c7b0db2bed29d86a082846f', class: {
+        return (h("div", { key: 'a164107bdca07f9aa576eec1900a17f4c9b9cbc3', 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: '0b90ee71c12834a013d167b054f9a9bd0f3afde8', class: {
+        return (h("gux-popup", { key: 'b9081078325a541c6aafe96762b52cebd2ec6c96', 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: '07b4a8b2500cb1fdb8be31a07bfaff11ec8ba386', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '60845287862d557e4d180f2f17ca97201bdd76d6', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '3faadc52ff78bf8176b1693025d8b499fd2bf885', class: "gux-content" }, h("div", { key: '57c050f1e97635827fea5a5c9a0eab74eeb062c7', class: "gux-message" }, h("gux-truncate", { key: '2e71965d6de7a5a5d895f04fd4abc052cc17fe7d', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '3e0e07ccec6663b332afe303767eb3b42f800dda', name: "title" })), h("gux-truncate", { key: '8bdbb8d47bbe46ad5941fb1b9daf11f817b10bd7', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '81e47794b10c06c666e1cf8404f71f06f7c23926', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '7516de0536752930c41173511e9d0ce0b3ab6469', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '25c980649c29562929e73c25e1adab7ecb10c0d3', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '05f2381db8b4011ed247a6a9d1e0091be207d4a4', class: "gux-content" }, h("div", { key: '1fd5c44fe1a5126a89b0a70c0caf88e53b686e55', class: "gux-message" }, h("gux-truncate", { key: '2858a3ec3327324766b44858b7078d31d1bb42b8', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'ef66dd3f1804ceaa649a51b84b0d4ed052ef6d9b', name: "title" })), h("gux-truncate", { key: 'c9218caccb856167b3e3aca6aafd06eecd0514a0', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'b31a6dccb2339c60c7df1ce980a2bc380b795eae', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '2835927f8e195224f6f11abf45d2d1964693758b', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: 'a82665ca1cf9c30b0ad3afeffbb37b2eed2dd891', 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: '745525ea42174b49074251b750abd436dbfa9309', class: {
+        return (h("div", { key: 'd4f0b007f78d5a46d4ac580b3712ea088c0efe9e', 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: '2cb5717f2f2c15542a501a28e30f60058ddbb6d2', class: "gux-slider" }, h("div", { key: '1cd85faa63613dc6fe1420f20827172f178d1fac', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'bf70123e3cef25ca8f740be09adf1e645562ea6c', "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: 'd1fd7a203c67da9fbea33f8df4327f07acf30a47', class: "gux-slider" }, h("div", { key: '834f874a2ea1866216e589c9d80cf9782f596e34', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'c46f4cc850b294af6b667fd75951959f2eed62d1', "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: 'c30ae1623ca366fb0354da9dc63b794bc81d6f96', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '34b666848b18ea8d13369af1e0adb0d4d24b3f54', class: {
+        return (h(Host, { key: 'eea01fce9ce8fe57d571175e49e7da57e829a843', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '7e297c81d4ee3a9bb4ad70ae300d9106aee95a13', 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: '3cd561d7ec0fd58f6701a990f039f8d509335ba2', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '0a70119953889bc034698734d35dc06bcd1489f1', 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: 'bda041b1688e86b57bdc38e67a9d2dc14ac68e4e', ref: el => (this.announceElement = el) })));
+            }, "aria-disabled": this.disabled || this.loading ? 'true' : 'false' }, h("div", { key: '3e1069b277f20637837ebf2b5b74d9e3f4235ed4', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '1cb7a73f24dc6a603e2f318c79ca8c7e1d6fb704', 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: 'e6f3a09e4647b9d9619ff39e5a83ce68c06b77fe', 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: '74913ea005def5c10e986822932615562c3a4d52', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '356dc86d585632c86004d10fc88a9a1cb378fb8a', class: {
+        return (h(Host, { key: '262107f7e8394a7196408c654508efafa46e0712', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '4142136c631e79eaf208a577ab1c69f3d31bcfed', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '1d9920b52e360fa8285afaadfcc31ecddb2160f4', name: "content" }, h("slot", { key: '0e0aa1e2f83795ffea14dd00387aec18241d5ecb' })))));
+            }, "data-placement": this.placement }, h("slot", { key: 'e0650e5e69c6127245a425bccfcccc419e57bb06', name: "content" }, h("slot", { key: '10351203f9ff42f1c2072456ff44b742b0315350' })))));
     }
     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: '45d900b0c55eca42b2c91169b4100a76bb80c6b2', class: {
+            h("span", { key: '9663ca583a624f119413222ab7cb97580cbf68f0', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: '95572da9354385012bf0f4cc3c02831ace9833ad' })),
+                } }, h("slot", { key: '5eb3519845619065f3a278461775a3350ea2423f' })),
             this.renderTooltip()
         ];
     }