genesys-spark-components 4.198.0 → 4.199.1

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: 'bcf806d6a2458bb6c74743c8dfb9e900ca10608a', role: "option", "aria-selected": this.selected.toString(), class: {
+        return (h("div", { key: 'c92395ded45769943e63a8dea79878782f8034b9', 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: '48102c007997133ab904798b617b22ec1d083eda', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'f875b31fb6f862702a0987ae86683fafa208366e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '150417ad2132b98829c0e93a151837172fad8fce', "max-lines": 1 }, h("span", { key: '96f81731b58b884fc2ae5f2d0d3ac5605cf82271' }, h("slot", { key: '790faaeffa5964e501ccc28c448158134af2a869' }, this.i18n('allOptions')))), h("gux-truncate", { key: '29459de7c3d6e9a7542f435ed2d036fe8764dcf5', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
+            } }, h("div", { key: '16ea7760d4bffcc041cba35fdd9223789a1cd601', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'd5b8cac4b89aeda5027e4b5f8294da1f8b8b4c7e', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'e97ba10bb61c4733152458b041534240e61d2cba', "max-lines": 1 }, h("span", { key: '1e87e02e0b59f2e523de99414bc4ad30fb398985' }, h("slot", { key: 'd7864964de415911add0358cc79631b88129bced' }, this.i18n('allOptions')))), h("gux-truncate", { key: '218329f4dad4d30562328af32140bc9a280bf468', "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: '46580fe13de56c4c7e2933bed747b72f9fd836b4', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '73c9cbdb2177dab3e5d6cac671b51c76a862fbf9', class: "gux-progress" }, h("slot", { key: '5cae8df5abf1fe9be32a74c96e7084eb580e5b1e', name: "progress" })), h("div", { key: '3924b247e7114fe4ba65c528744ebed3f10dd0ff', class: "gux-primary-message" }, h("slot", { key: '91f32355082d4c9e9616e6110e995582590371bf', name: "primary-message" })), h("div", { key: '7c80480ed92b09228ef564c268fa01f22b4df2fb', class: "gux-additional-guidance" }, h("slot", { key: '252d093bc66e3e95494012d39f75edb35c15cb69', name: "additional-guidance" }))));
+        return (h("div", { key: 'c35b74337cf40d22715b771cea42c84ff281c0b7', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '098f6ea2c02cfea83a3eaee273d345c5f56ef465', class: "gux-progress" }, h("slot", { key: '623d589c64bfc4b54792ec8ffbfa4c05b124aa14', name: "progress" })), h("div", { key: '011c47fd957e1cd8d1a93cd40697b7102f5c0ca9', class: "gux-primary-message" }, h("slot", { key: 'b983f35135469c61e604952281b696ccb8e6865c', name: "primary-message" })), h("div", { key: 'f274ad26cae753d6216c4d72a47c74cbce83ef4d', class: "gux-additional-guidance" }, h("slot", { key: 'ccfa9be1b51c9a617febbdcc94f9f1c837b531b4', 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: 'fc8f8e295a6c38b6d0f02c17f7bca1e1d12dfd7b', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '5446a432c1e49bfecc35b9e239594fa8a5bb1d86', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'a7a0a83c615b1cc831b0af03ea97394480ae9d82', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'a13788b0f1f6ed2fd41a0efc64f90ac1c5a5bb3e', class: "gux-modal-content" }, h("p", { key: '5934c6827eb053442a630f4fbf0ce2737c1dd3d3' }, h("slot", { key: '79199c58a26989ff83c61a18cd1ebd37ae57c987', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '92f0f077df97b644f7da4a32c66bb08f98afe165', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '2cc343816355a89ec93411655a75ae08cee7a040', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '27c52d51864c0719c26cd6a006afb885fd0d5953', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '9963d374059c8924a92259459887621f8ceec46a', class: "gux-modal-content" }, h("p", { key: 'aef0e0a783c6cfa30d2f4842f2cedfba7f0d6109' }, h("slot", { key: '39bcdbb2c3bbba2a8384a0d8d2406bce94ea894d', 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: 'e47202d630e2dd925401cfa2903733e76e7c421e', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '68ac2d2c8ade1f89bce562c4160234244c0cf3df', 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: 'fd4798d0c449038f6328c7f76e83f13625019d14', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '600cd55d9e2ac49c948b29c36a63b33ba4e27069', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7e4e15b5b8990ad4c957bc92292fa88cb09dcaa3', accent: "ghost", "icon-only": true }, h("button", { key: 'f3c11cdc32ece0020659d1158717a103b1292772', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '4393da4c2b46d725d527802da0c352ee7adf4631', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'cc0f9e399048c64f08b862ef7aa99e226df08165', accent: "ghost", "icon-only": true }, h("button", { key: '802a3e94e2f125c9d03b13786d35e43acf0b0e0f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '08a5f5c5d54ab23d386aa828d67f95ebd5e5c7ac', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '5c5dd6da1ea528d629f9170c33ecc12f3832a879', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'c0344f416d50ad57dca72b7873dceb6db87714f2', accent: "ghost", "icon-only": true }, h("button", { key: 'da5c286198529e4dbfb697a51905ed1fcf1bea2c', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'bf29eefd8eb50a2f70688652adbdfd050bf19c6c', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '51a9af3361f6c7a99c730e0dbb382748d8c5a721', accent: "ghost", "icon-only": true }, h("button", { key: 'fcc224495a014023363a326ee3a21d60cfe4013a', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'd24ae3c9a28b41078f8f8ba956535ef311b483ee', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '47f6e2ba69104138f2255d2b5898a9ed78737ee6', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '7d1f2d67f25b9d3289a3181d66bcb8c778f46fac', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'b54843a967f03b7a9c791e6057646c369f4003bd', accent: "ghost", "icon-only": true }, h("button", { key: 'cef23624e59fc7a82e2f6dd35e18acd241e4e619', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '79c954e162cb8cff6ab6cf6b170d50f586705513', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '99341206745b6aa1cd0b474b6018904f3e3d3a89', accent: "ghost", "icon-only": true }, h("button", { key: '88b1a83e44d5ac3f56b4c7a262cc4080db074b66', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '3b8b492763cc2eb5c8db779c5eddc5d9649a7251', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '1c52792a1eb1eb6e6fb18e44709d70196104a0d8', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'b0f816206db6c8f35d05dd30069468be042e8efb', accent: "ghost", "icon-only": true }, h("button", { key: '6dc98d7cef11d4165d2ddaaba422c00cdad2aba2', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'b850a34ba4bc84aa47e3b0feec8d72950114ae39', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'fcf0191b625328089b534b2142b7fd93f2e97c5e', accent: "ghost", "icon-only": true }, h("button", { key: 'ededd66699f69c3dacc58f1e3a62d81f31aacdb6', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '1dff7fd595c67cd2f26e44e1fab00e29b0b13a9b', 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: '54d4931acd0b6adbf452b5234e225c4e531302a1', 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: 'cece20bd08a8fd503168a8c2b5a84c10a53ae1d0', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: 'aee4ee449d689c54f26c234f07ea15bf6044ab5c', for: "popover-target" }, h("div", { key: '304258ccba1ec70a299b0c4e8635675b71a147f3', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '8b8411e720a78c6fb7e45d1f7133175d72985797', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '6e670634e2677cd8f46c3985f3e436b3b82d2d15', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'd7c88f32207584e289f1eabeb56b7838066c3bfa' }, h("input", { key: '234b7415c9a861f9a3b7d1d328f95e8061746c8f', 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: '72490115bd1baec1333b48457002ce9d934b45b0', slot: "label" })))
+            h("gux-button", { key: '2fcf5064a17ca9e8b8dbd472f10e4a2a2805d3ab', 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: '97dd6f748e49b6a0d85a0cd7e2267306985c34c4', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '7e2503b4e4299b83f045c54b8640d54e66719e3f', for: "popover-target" }, h("div", { key: '090820d0ae09bd2fa5aa51431dfd016784a4be52', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '339b3819def254b1c4e1c4e2ad6c61738330abe5', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '00ec6b9344a801076796d3726b2e80414587bd54', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '369bf241308f1de96d84fb3ed4ac3ee91cb2f32d' }, h("input", { key: '279cafe9b624a2d7a9bdcd361adee0cf71fd6484', 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: '49de61ad35b002e1a07c4577b68b9903dd2ec6c1', 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: 'f1a9cb407069fe1662449412246f0635eeabf243', class: "gux-pagination-item-counts-container" }, h("span", { key: '8e0f47180f52e380de91e13a9c0863e1233481a6', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'c3dc8f9db0f2dbe27bd11e5d4ffaa67ac29ad894', class: "gux-pagination-item-counts-container" }, h("span", { key: '5c2692dc81a425b30afcb56af407341514fc8f39', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '1382bf5da836df1609cad5113486d975162bee88', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '5d702cf5878ff6ca9466c7c94828e0a877e58b7a', 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: '735bbf225e2eec74a70876a44004fe76b98409b2', class: "gux-pagination-items-per-page-container" }, h("div", { key: '58076888683def33f7ded16c942788b0fc127262', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c9264977effcfef4c31a0e32fbeea9a3f3efd797', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '3f41b848d118567d55cea69cbb21f5b5948aa95e', class: "gux-pagination-items-per-page-container" }, h("div", { key: '15fc67b2b46724549563e55806de603052a77d73', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '7de04c826fa8f00389c6e01e5013283484e2607e', 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: '1d15cb0a7ac97eb394c57b8d04cd0d282f442a87', class: "gux-pagination-container" }, h("div", { key: '76d13b5ee2f6de6c81789831af0bdc11e3853d9e', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '41cd5f25d8a713b3ef152ac130f768e84694584a', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '03e956bd8958c614550b708256099ff0fa6a2ab0', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '0c252066b864a59e3060d1f39d1bb5668e56ecc8', class: "gux-pagination-spacer" }), h("div", { key: '2a5752ad88fbf84ee54ec4ebf895f72790c5bc59', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'cab7ac81d2211176be59db72c4d94ccf42998fa4', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '6e6a006db9b25cb2950774843680fbb6736ebe21', class: "gux-pagination-container" }, h("div", { key: '19af8033a4ede7b0c009aa00866a491fc59c32f1', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '590aaf55cc1d334b2c0617b3c82f20527d12b204', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '41bd0930fe7d88760bd80594cda5d9b493ecc9cd', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '3b03389adfb70ca9f83a736a025ce11883f4330d', class: "gux-pagination-spacer" }), h("div", { key: 'bae00961ea358b309323f85de8de5de58008bf88', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'fa794adb861f86054dcf43964b2ba615b9aba45e', 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: '7f45f2e9d6c2e41369fb895a3e63d9e0320eff6e', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '2d3d3c91f74b426ee32f4c71c2eced0d65f58b1d', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '96f21a6752d0ac9f753b413ca66b598bda29baa0', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'd8fe0311b51732a7cffe51f3e344366281d59d05', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '58b76a646f2c4d1b65f7ab4a53ecffa22b25786f', onClick: this.dismiss.bind(this) })), h("div", { key: '264389d6999144df7bb853a6722d80fcd01e46a3', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '8dc5cfabbe814d9df168b543ee6e64bbaaf4211f', name: "title" })), h("div", { key: '4e32ed6bc13652905086c35e8949f67432ec1184', class: "gux-popover-content" }, h("slot", { key: 'af66d314463e695c7e7a60c38842e167be36c788' })), h("div", { key: '036f4658b663ded4a17c58b206ed8b6361c12af8', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: 'e33ba6300df65518fb96711258c5c4b039aa391d', name: "footer" }))));
+            }, "data-placement": true }, h("div", { key: 'b536b07e255df9967be7e03968b27e062603b104', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'ff182524a66873bd3c784ccbb9c1e99074a6d4e2', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '0113318a00b09fb6b3c66e8074ea39c762ac7a45', onClick: this.dismiss.bind(this) })), h("div", { key: '5cb49ad574e82c993a2d8cc93096dd27808c5828', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'd5e937f3a655dba441663fcd478a2ce6cacb72d4', name: "title" })), h("div", { key: 'ad4dfffd39a6dce47315ad70ba3caedbb55f4f67', class: "gux-popover-content" }, h("slot", { key: '63275a647b58b45c469d6f32a36e83b2f837bd77' })), h("div", { key: '67aece4fee27cd3b135fd417025ed8855ee5c38b', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: 'edf9209bf58de95396ec9ee6fc47ee58caf72457', 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: '01cbb0e5829c45cc87d2936b8afe2bd93d01ceab', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'cdbcd953d8d7b459d0537c9e2da3dc1cbc812203', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '5ff108d80cbdbb6f394b7c4af6e2b546ebcf3b4d', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '1be4ce69a8575145e1845df9c02f084bf65645cb', onClick: this.dismiss.bind(this) })), h("div", { key: '0cac4739c7f39baad6a895f8b98180d0fa752f06', class: "gux-popover-content" }, h("slot", { key: 'dd94f0eaca08310cb9bf191e2c2fe6e78e925122' }))));
+            }, "data-placement": true }, h("div", { key: '176116d63eb17e89a8511ecbe32dbc7d3f2334a9', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '9d604a92e374f426445b252ee9fe7b4a4c50490e', onClick: this.dismiss.bind(this) })), h("div", { key: '1e5c482816d97f0cc00ba4dd8b3bdfc5161342f6', class: "gux-popover-content" }, h("slot", { key: 'cbadf3bf10c5d2f6411c5f9a67ddd154aac9d627' }))));
     }
     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: '81df6402af0ecf2067d73a7f1c823322024d81fc', class: {
+        return (h("div", { key: '9a511ada834c2ce8349bab59f26c9b4716ee8fb0', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'a73fa8d613f17a142fe2e4466c65988403d216a2', name: "target" }), h("div", { key: 'afc0dfec368c4de39415fbb34573be9041278a57', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '87a817a05828ff0ff958cc23beb96d3bf372d7bd', name: "target" }), h("div", { key: '2d3ea9f9301d09ad6d2227f8d6c9dedc78e3385d', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'e83a58db31c01c4403245a8660b36d08bdb9cca0', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '2b706958ee5677ca61fd6501ba4d9f941577ad76', 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: 'ad95cde5d5f8b9dcebb02e8cfa5dad3b10ada864', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '18c6d5df53d6a2192da0a1914259d06715752679', 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: 'fd6896f35bb7ff2090ad3a069cf5b50551e42050', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'b5485139080458afb80f343826785f469c50403c', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '7981c7f0ae6a97579f271a3b75351a5527457084', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '86af36576d01b5b2cfd7a07ad03076aad47bad43', 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: 'c86d88830dd64b814dd6942722bcfab68d6c36e3', role: "listitem" }, h("slot", { key: '929cbbd7f0a0973023327eb53a812abfee8214d3' })));
+        return (h(Host, { key: '68475b90cb269b69182df3586172ef2dc6363e91', role: "listitem" }, h("slot", { key: '04f7f6c44e011af6b8b64e74f9c34cae0f1b5c37' })));
     }
     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: '16ffe0ea8233489f8eaa3356db49bf9093712ef4', class: "gux-container" }, h("nav", { key: '80451a7b147ee153738f94378558fb5a5e20f46d', "aria-label": this.i18n('navigationName') }, h("ul", { key: '9e6f2ccaa2fbecc37f07ab8ef8332bd79247d02a', role: "list" }, h("slot", { key: 'b3ed2abe9097b34f853b6389581ff25dd2a46380' })))));
+        return (h("div", { key: '28b61630db17d9c703dea99633b6e4eaec88706f', class: "gux-container" }, h("nav", { key: '5b7b2c6a2b3695e3bae12df64000680c6ed14f01', "aria-label": this.i18n('navigationName') }, h("ul", { key: '4f6a76029f1ce86992032c11c8f220724ad07f63', role: "list" }, h("slot", { key: '371f3e1ed67b0fdee5d9c7f245fb4eb1c0c94ded' })))));
     }
     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: 'e9cd9bcc60060c4374741c427b95f540db6a3c83', "label-position": "screenreader" }, h("input", { key: 'cd0614a4c1315eae3f6d59918b98880a69334eb7', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '99c0bbd6a91e3c647dcdbac865078733e8648c27', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '55bf16dc2ebde8845e3d806434d684f89f511bf8' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '7cd221edca3a33660d54350a87faa3448e85b4a1', "label-position": "screenreader" }, h("input", { key: 'ac3b02cf4144cb922bc68fbf0edd2c192c98a509', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'c18c4a28e343025601a338350befe7f2f8082aec', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '31302f696e77a16557802df917870d08e3c44f93' }, 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: '42505cd04f3fd17b8fdae136b57a972235820d31', "label-position": "screenreader" }, h("input", { key: '9e69e78a11ce4315188b6ddf9523c40f3314b8ba', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '95f8b80f4df3617f27245a584ff4770e1d3e7a7e', "label-position": "screenreader" }, h("input", { key: 'bd826074605ae3cd8857ec12a6ca6d12d56d5ea1', 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: '98340c5731ec5583e5657362836d257038b69d8e', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '67d2d7c19e505a3250fcbb115c43a32888be3472' }, 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: 'a8c3b7a258b2822ddd8c0d86dd4bf67c206c6e06', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'e75b442cb76f35c9985d2c165916dbfad878a01d' }, 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: '5d7566fb63e06029ca51cdc5bd21e134a58685f0', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: 'f1abb637e5a9aec4775135083c2e2343eb508d58', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'd49874b2f89442e75002722fe5a11cb245306a2d', class: {
+        return (h("div", { key: '89d1295f93611122a1db9b2ca7f7a9bccfbf60c3', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: '7523412a798e4619d96a74dab9ad0c7e5f4dc6b5', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '88a45c2b23e551c4d07eaad9c49e4a3fd0f4e71a', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'a7348e5f00026dc47d4490aa22ab6668615c6682', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '75d7e0514160d6da79f2b51c095f83952ae5a56f', 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: 'af702447ad88b99dfa7b1edc256ec07ec5ca384f' }, h("slot", { key: '597a007a179fbe9a138c8e3a50df96181e1dbdb3' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '5083cffa39409452621b942cb780865ee36f3649' }, h("slot", { key: '88e7bb9e3325d1e7c8449fce20d71d13aa0b66ce' }), 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: 'f315d958aa26201acaada0b7edb07c70c624ba25', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '6d860a6dd648480b8d03c2fc61a578ecfce7aea4', class: "gux-table" }, h("div", { key: 'f9a4b2f91da939d1771a14e2aed8c78cf576159f', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'a1cfb7ec1f259e73c798b84e880b818a320627bd', name: "data" })), this.isTableEmpty && (h("div", { key: 'd3c73d0e81d7c733705c2e1ecdac2675d7494ed5', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'd2db13f7c1a021284fe925551f360498505bc705', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '7fefc58e172cd74b5ae4d3bc403dd5c71035c405', class: "gux-table" }, h("div", { key: 'a8c7102e051bedef64d81371697e326929336740', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '5280a22586096cd37c4fad2d36a322c19462e1cd', name: "data" })), this.isTableEmpty && (h("div", { key: '13f883e9c0bfb2222e41e0a6f98d157f89840c64', 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: '48394e4f8185d01984d4bba6e2f98a18b3038ec6', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '4b95420781cc80b75cb936d96ccf30cb9a86c41c', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'fd5809a15fc0240363462fd302c227629269c029', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '627fe0fb5a4b76a1f6930c8798bdf35e5bc4d761', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '49b54f72b8aa971c3e5f0fc7c93ee0b85b502a95', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'a78bba64a1a376438a27b6df9bf7353addad4712', 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: 'c685a7d72f4db110d82ffa09d3cf124f1a2e45ea', accent: this.accent }, h("button", { key: '3f2950f4a703cafbcee41e516e0e53575b49111e', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'ce93f62ca083d1a3376e44e7e54608f2b5435a02', name: "icon" }), h("span", { key: 'b92b0cecb28035a2ce3a16f6ab35cc1b0dfd370c', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '32450d9f3b7cc2e5bd3d282c55ffc5daa56588a8', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '213a2dbb66a9236469f197fc2ac8191edc34f01b', accent: this.accent }, h("button", { key: 'f5a3a62b16867b439ae584bfac7baffdcf4ccf8c', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '1fded5c36de7e2c7e715b6146311825016c76d6d', name: "icon" }), h("span", { key: 'dc0fdce85a6c38a74d8f298af30def55b9a3297b', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'f06eaf1df4579efe61d624a3a575c6e684d4b689', 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: 'ad8c3446fca3d5818141eb709db4239692026535', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'a226398bac81fa1582a9bd8f2f210d14d6c0c80c', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'b7c94bbeb527bf5a6f962eed63cbae44cb289460', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'abd9938127d649a6e10f12d4ba1dd196ba37f61b', accent: "secondary" }, h("button", { key: '027c04d59bc7075b7fb9e66a561dccba8e50c6ee', 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: '5af9756850815056d73e3c2640aa5754dc51a50d', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'a82b1834608a870e17739ed0bad9780aa82946b7' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: 'fe1a8aef06f122db9a7f4d1f2bbcf28909094f0d', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '9e2efde26358a80dcd15d98849628cf6108d175d', ref: el => (this.listElement = el) }, h("slot", { key: 'f87b446ca4af78927c9ddcc114bdf04039b3650e' }))))));
+        return (h(Host, { key: '117ea0b31bef5299c12c9942fda9c4366c825a8d', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '7dd23c6f0b3ec21a828f3216f6e19470d243e1a9', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'e51864e64b01fa38f5b3fb38c48c39aaaec14b9e', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '96fe2f3187802f0f88ab78ca817deb2420a50f1a', accent: "secondary" }, h("button", { key: 'ecc5afc090072e61489eea950b39c4c0bea1f223', 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: '0b3b2f0cf3544deb56eeb24b11d835094c12e74f', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'fdaf9406846675086f04d3a42653453ac9027cc4' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: 'fd11b4f5e64a1521d312714d2b3136e47ca3b4d4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'e24e0bccc264adbff99047ab25bfffb6c3fbca6c', ref: el => (this.listElement = el) }, h("slot", { key: 'cf4c82079aef41ae285a1a946f0fe87ecd2646c5' }))))));
     }
     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: 'ed931942e8d7d6680e34b81b13678321f85a0be2', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '1d77c7e50765cde9f1a7b72844515e1157d68bc7', class: "search-filter-container" }, h("slot", { key: 'c9945ae39681c381e31eade9f359971021700494', name: "search-and-filter" })), h("div", { key: 'a7d201f2bd86c861b2565f7bebf265cccac7c0f0', class: "section-spacing" }), h("div", { key: '2e7dd12f81283ca303ea0a733931d8d65e744e63', class: "gux-contextual-permanent-primary" }, h("div", { key: '0b9cd7b1c01aa25796d55cf823b661db4e9f117e', class: {
+        return (h(Host, { key: '42bf398dc78eb0b1525200bd007fbe153d17e490', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'cd275e434077cd294707f99f1169565ee7afa95c', class: "search-filter-container" }, h("slot", { key: 'a7e2631083e3276d43f854c80fae4a4657f84ae4', name: "search-and-filter" })), h("div", { key: '41e1ace8f75752b5daba2795ae65b26744180083', class: "section-spacing" }), h("div", { key: '198fb9430d633a5daa847c2880d60ba8de3b6df1', class: "gux-contextual-permanent-primary" }, h("div", { key: 'df81e81e0f077538d83af42c020ec06a362fe489', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'd99c9d03f2690efb29b2009b164384be93a60a50', name: "contextual-actions" })), h("div", { key: '735f492791466793c32b795d2186e867eb1b425c', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '0fa1f5da1a78f613374d2ea38df8a062587b2a60', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '2b9fd2da770fdfed3a0acae1177390896295ac39', "show-menu": this.renderMenu() }, h("slot", { key: '56ce23ced7fe69fc3a78084b58b3ddece2cfb89e', name: "menu-actions" })), h("slot", { key: '8267fa1104eb94d59bc89d36a15612ac0c0fbbc8', name: "primary-action" })))));
+            } }, h("slot", { key: 'ea169853295678fd77f5355419f1b04ce232ac59', name: "contextual-actions" })), h("div", { key: 'ca20dfede4a10ee8d3065c090811a8f6d21cd659', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '1f89a698f93845592d82582209d35296de5b65cf', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'a5f1f180f0de572981eff32d459c8c62c2ccee4d', "show-menu": this.renderMenu() }, h("slot", { key: '4ec6d39c3bfcf526ba00adfe8231cc4ed5133377', name: "menu-actions" })), h("slot", { key: '1e1cf54f4c8830db54b80929b58e147305ba893b', 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: 'e0857e8f7eaf3d253b7cd89b8d5f30a6e1c0b490', class: {
+        return (h("button", { key: 'e84635cb000c77bd0d6ad9ff3c9bad4b449ccd01', 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: '19620d4e08634d95b91b365b86d34665794c066a', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '07d1e6b3efe17aa0829f7f69bcb9bd8625267ad1' }, h("slot", { key: 'fd2ecdf9ef79fd31e641f0c5151a02146dc4bac5' })))));
+            }, 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: 'd8e1d5698e52d2ae6623819aa60e8ea02fa83d35', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'b88731085cb2b1b791f5f516e6fedb801f4cd911' }, h("slot", { key: 'aaa85cac085b6703c500923171a5dc70f6ef7990' })))));
     }
     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: '94ffcd7b2a1271b62af0f8d91fcd8fdf350894ba', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '1cac91c6c77f8ea0c0131a54ba91b35e84361abc', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '7742624ebc3b4b38059f623d7746cb6d3e491e8b', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '549d64541d56ac8aa482d4f2112ef7bc35fd6bb1' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '6239a4054007c87973cfbb0557b86ff2ba11dcc3', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '3d7bbbc1a01544014fd80af0ffb9a948e41690cb' })), 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: '0e09313824d612e5b3898088af34abf122d7b80d', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '1dd8abc93706de08d150e4825e917be795b76c65' })));
+        return (h(Host, { key: 'c37830cb0e16adc85099842bf977651ab04d86bb', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '3bf39f68e3cf2d9b335c1fe1b44dd7fc19d02b7d' })));
     }
     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: 'aecefaf06c77d83a55729758294e7ab87eba5d70', class: `gux-tabs-${this.orientation}` }, h("div", { key: '5a9b5dbf488b53ed99997ab94db653813ac824e6', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '992d6646864dc7636a965e21bcd1bd8dcf5d6312', name: "tab-list" }), h("div", { key: '696487f0b18d3c1beda5ee4890340b849a0d10ca', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '0af994542c2d6063cb87cf7270c8baa4b42c629f', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '101c8c87ac46786f6de9bcac2abf7a965615f8fb', class: `gux-tabs-${this.orientation}` }, h("div", { key: '52d8f74ea9c9d6bdcd90ed4e9f827da1f31efd55', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '44ae47224128a931555d14870a214a17501201d7', name: "tab-list" }), h("div", { key: '26fd14b1dd84d3f106ef247ba8138f619f19df62', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'a2f5ef4284614ccfa3abc2ab4d48061271b12c1c', 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: '59b40e8ae894ecbf3990f1eb87b8b1ebf51cac4b', class: {
+            h("div", { key: '9d4d2afe7bfc2a3a79e3b5b33eb50a5d3f6fd462', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '77446e53a26340ddd06101f7d79c68112fe71c8c', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'e94034b0083cc102a86bcdd1cce69e704dda2bde', class: "gux-divider" }))
+                } }, h("div", { key: 'bfdae68b5c0715a5096d099e933fb3a9995823a6', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '580ab0717e391acf0f29fd87cf9808c533349906', 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: 'e580f9ec2107103f5f848d3b07d2423091c73be9', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '920107e101fdeb239dc8a45537c7bea4b50e2784', class: "gux-scrollable-section" }, h("div", { key: '4cc25e4873d938887974ba7c598d242459bdf695', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'f95153d0a095757ac95332d0b6ccd2f41d13a75d' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            h("div", { key: '520c0c05c7c0d99f81b3b4194f8231293e1e47ba', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '0c7e5eb60631108ecb5343ba253505ec0aeb856b', class: "gux-scrollable-section" }, h("div", { key: '0c7eaa27a32f6e4cac1aaff4a7776ef152802364', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'be8da91e828f62a1e66ed8c0d3953f120a20d87a' }))), 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: '1461d7fa708a6109a1ed4a3d2d267a6af0746d99', 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: 'ee21e6eadf60579b538c210d488566905c824e11' })));
+        return (h("div", { key: '9e258067012641f8f46485c42137ad9439dbaaca', 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: '964c5a0feefc55e58e873e6b58312f06bf17c75c' })));
     }
     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: 'da9001cedc282786c2e0f50ce96e336c9c36d0f9' }, h("slot", { key: '607d34b25680610e9f390b262b4e7df12cf61e83', name: "tab-list" }), h("slot", { key: 'b595f1699fe84dd5c11265c3e7c33d0963168596', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '831f36acd0fbf815ce2530b05edbe7a7f87a5da7' }, h("slot", { key: '0b1d9c74da61857b71d151a8b987d65367b404ad', name: "tab-list" }), h("slot", { key: '7bbf2b84946845beef77174b3654f8e763b1918a', 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: 'b631841e56f96ade004d29e6fd51c207373f7472', class: {
+        return (h("div", { key: 'd4d11087e2b112e28db458bbbaa5f4f364634954', 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: 'efa24d17ab2ce20338c05d00f2b93afafea402c8', class: {
+        return (h("gux-popup", { key: '535a1e19fdf2d78aa14b8e2c983396098dc03d46', 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: 'f564f0f8f4c7f4fb88f4a145e0407b2701e5d6ae', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'b9c140b103769ac0378c2652fa03604e834070d9', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '198a602c5147f2c26c27a410316c5bc54229e7a5', class: "gux-content" }, h("div", { key: '23a99a4dbad3f98d76ebdbfe16043f964f858d58', class: "gux-message" }, h("gux-truncate", { key: 'cd5cb298b9735e1192d3ff21a4d4add4445cc675', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'b26dc2b0815d4705c19cb72f8771703d107fa63d', name: "title" })), h("gux-truncate", { key: '7feaa526af57db13ee4448db2e07589c35ed10e0', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'd1b8baf1c92a820a97854c8fce2e016294bd8bd1', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '1a6bd48f2c68042c84a5cf17241acc16aa47929e', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'b2ff320b35e3ff98b10ba0fe552181f60e314bfc', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '43393e6e83270392c1556f29ea008e1e111169f1', class: "gux-content" }, h("div", { key: '4c71bb62ed732af2b3d8226ce4886d61dfc9934d', class: "gux-message" }, h("gux-truncate", { key: 'ec6075493052f11d05a873537772c8ca314523bd', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '60630282cace27478d4a26bf4fed5bc72e2167ce', name: "title" })), h("gux-truncate", { key: 'b30ad0d1590866a2366e43db938814c41fc51884', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '55ddfc3553bafde8e57bdc62db0461a33e385b0b', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: 'b2ede7dac2f3b872ab877faeaf080c7bdee7e238', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: 'fdb2d52047409125cb38895de2a2188c1d04d231', 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: '0689c0887132886142b301f088901efff666eee0', class: {
+        return (h("div", { key: 'd3578f345d0d0b1976fe8e530826229851e2d98f', 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: '1a677e92f13f0f2c9814b5effd0d8dbd5763f0b1', class: "gux-slider" }, h("div", { key: '35ffe6856f94b916cb0e78ac37cb59b7c33107e9', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'fc1c87c2dc4334ad4455bf42e76cb6e146c5eb06', "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: '01fe671fac31dbb798fe869ba8765a0c71e2523e', class: "gux-slider" }, h("div", { key: '1887c354e1250b6b6d6529b41d8e90d0242baa60', class: "gux-switch" }, !isError && (h("gux-icon", { key: '674c08d63d0e0a6b6c642b575e790611d509cce4', "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: '511cf16ad87cd452fd56d251534435e3c972b6c5', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'b87c848348d186aeb7d57e79b3527ff91f9ab115', class: {
+        return (h(Host, { key: '28e99d510ef1ebddc23c2d4108db03e5c6b50d6d', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'cd0d3aa4b34a98ea07b8dbc9131830852d6fe819', 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: 'd4c0a917eb8df42247106593b4a2bd51b100672f', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '00aeab8a7ae903b6f1080d20da8efa47992be918', 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: '4311a4df6cdc4ee46b245acc1f706350ae967853', ref: el => (this.announceElement = el) })));
+            }, "aria-disabled": this.disabled || this.loading ? 'true' : 'false' }, h("div", { key: 'b6554d4dae60761ff24aeb87ef9bdc3f49e68e3e', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '98a5a4f1fa8a2506cdfec555cf327a1913547511', 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: '28f8952dd875e47567c96c267119350d7416231f', 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: 'c636d71654df58572bc091de521c1522812baef4', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '52ac9694bcce715f013f11c8cbd7ffc2458f9254', class: {
+        return (h(Host, { key: '4f53b9c82b7c58b66a59d2248b66ca9757f833a0', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'cb72b2e2187cb18a711702fd6834367ad294240a', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '75d70214e52b7ccdd5fe4f0173093179ba299739', name: "content" }, h("slot", { key: 'edfcb12701e9e98969b5834733ec43453af789f3' })))));
+            }, "data-placement": this.placement }, h("slot", { key: '2fddee4ca5c62ef6a431f76bec123d7315b8b48e', name: "content" }, h("slot", { key: 'fefef873cceb08a7b300047d5b97f304eebdd62e' })))));
     }
     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: '8137634901a8a65ec7cd89d252260c3cdbf2d8e6', class: {
+            h("span", { key: 'abf71b31f80955223a658f414a957814c84b17dc', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: '529ed44227d64a82afc9331cfbeefe1f55473dd4' })),
+                } }, h("slot", { key: '10874d131731015473df734f9f659bc08c3556d7' })),
             this.renderTooltip()
         ];
     }