genesys-spark-components 4.187.1 → 4.188.0

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

@@ -56,17 +56,17 @@ export class GuxOptionMulti {
     }
     renderCustomOptionInstructions() {
         if (this.custom) {
-            return (h("span", { class: "gux-screenreader" }, this.i18n('removeCustomElementInstructions')));
+            return (h("gux-screen-reader-beta", null, this.i18n('removeCustomElementInstructions')));
         }
     }
     render() {
-        return (h(Host, { key: '622290a307db0c78b1f4a54839504d16e2efe662', role: "option", class: {
+        return (h(Host, { key: 'b7d575675e158c4bdddca4065075ff613dbe2601', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), h("div", { key: '4561ae4fb74309b6a2fef005e3bb687b5564a589', class: "gux-option-wrapper" }, h("gux-truncate", { key: '817c522172fc287e16f099abd474babffa4b8bb1', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'cd6477a0b8a8aa3db52a26f839dae52ba673ee28' })), h("slot", { key: 'c5dc194bc4fff3482eb64347083318c4e5f53eda', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), h("div", { key: 'ef67e7fc0b4d0b2289c81f66da2ed9647f475c21', class: "gux-option-wrapper" }, h("gux-truncate", { key: '2bf664d02cc77074dce43dda9cdc434f142b1785', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'a1a2584e47d7d67adb5f3fb453aedfaf0fa9acd8' })), h("slot", { key: '195b17e702d055b3d4fdc3cbc2e52099798b2339', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-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: 'acdb732090251c5c2dcf7c32b25c9d870b5066e4', role: "option", "aria-selected": this.selected.toString(), class: {
+        return (h("div", { key: 'b2f0dcf205b269782ffcd0f0ca989af6931775ca', 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: '76df68067c667ad44e1b959c14873438110dedfd', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: '3fb8d3c9bc1822ce36ab04baed17d3095aceac47', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'ef3ad945c5c08670852f4a069876ec07e1b12474', "max-lines": 1 }, h("span", { key: '327be6b73e23cd7f8295c38cc16584cb18a64d51' }, h("slot", { key: 'c23f46a8624445741d3c6501d44061d0f5c57665' }, this.i18n('allOptions')))), h("gux-truncate", { key: '567ef00382ef686569b558d98636e2250e557c0a', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
+            } }, h("div", { key: '4642ea5dc909ae620e059bfd93c3129262849eae', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'd4c557586b44972dd5bbf5f388fc2165039f8711', class: "gux-option-wrapper" }, h("gux-truncate", { key: '22b34f3bab1de721a6156ddbdcdf3814161c57ba', "max-lines": 1 }, h("span", { key: 'f4b9d20d0050894c559b1e02fd966f7a17898cfd' }, h("slot", { key: '4bc3064da64acd81d87705ad20f2831c8f830b28' }, this.i18n('allOptions')))), h("gux-truncate", { key: 'b5ff9fa432ad2c08950d8734cacf1812b8e0fa97', "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: '1015466bce685e363184b61c9ede8af9e48a94ad', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'c0f1dbf7844627bb69c5d61f430e5d9ae36d8632', class: "gux-progress" }, h("slot", { key: '28a14388b71b387c313aee9a99bad940d8e5ac9a', name: "progress" })), h("div", { key: 'a4a75677c62d6e1838d9f82ccc5eed2c7d4f7360', class: "gux-primary-message" }, h("slot", { key: '5f89cddac9e27d57975b4f37e51ae66de569d6ed', name: "primary-message" })), h("div", { key: 'e711a102d8271f1a7840b8c6b6c420aa71575ce6', class: "gux-additional-guidance" }, h("slot", { key: '2cf8e2f3081fb8081ab0e7242b4cd1b69cdf39f3', name: "additional-guidance" }))));
+        return (h("div", { key: '33aa762a14b4269f0b65db987aca0050ae8fd9eb', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '7b05aa6383e209326b1b4e9e97ce48d688b9b3ae', class: "gux-progress" }, h("slot", { key: '8e40aa68437a1a9df282091f61e64887bf92fa0b', name: "progress" })), h("div", { key: '3868052a6e93f8de73f14e859c0d699d21293bc3', class: "gux-primary-message" }, h("slot", { key: '8bb145a728592ebe6e7bd14415c82a94969fe96a', name: "primary-message" })), h("div", { key: '8c061ce88d5b9b14525e4dd4051112af2e7136ca', class: "gux-additional-guidance" }, h("slot", { key: '9fbf9cbea4f3cdfbbbd33b2b2f11f670bb6f5f2a', 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: '0bed8596887440a50436ffbef58e91ead633e9da', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '308a407996f31d19188127136a2f8cdeb2777c39', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'c2e623ea1e119e11968b5449b756945afa37d092', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '3b435f3b68838426896b2a02bfb0446f4e228996', class: "gux-modal-content" }, h("p", { key: 'c52485e70bd4d338f935ebdfda942ddbb786c266' }, h("slot", { key: '4e7cbdf6ccdb0a19dbcedb2e757d1e5413689e12', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'd3b4a073cb42940e2b36c9fac49556d16908d651', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '0890cd6f19431c4d56563ea6d94c1ffdc0b16ef3', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '368f38b56091ebb6cb0ec1b1ea8a73ccb2fe5fe1', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'c1ed78b59faa9a6e3c4d28247c7ef87bb0099c70', class: "gux-modal-content" }, h("p", { key: 'ffd1bfd295afeeda7e4ef4f523cb4d0ba8619398' }, h("slot", { key: 'a630b9a638f057a545ec6f9a492839c962f4dbbe', 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: '9d4a4109541f3cf40cd279c34f9bb560f9eae62b', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: 'd63abf0f5364727a21f2862a5c3bd6b22b7ccb5e', 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: '29b54f15c310e7110925189e265b8afdaf4cae34', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'd303580a1737f223ea7cefd468707776d798243b', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '6f91f3b2b481f57a14b8a84d0ad0aa80ef0008a7', accent: "ghost", "icon-only": true }, h("button", { key: '058d44653c2e6c51fcd826330f02f52fc49fc3d2', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '0ef849fa1f35ff51abb399d3d4a134fa3e81ba7b', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '6cdc96969b8572784088cef272679b6d84f4d9c5', accent: "ghost", "icon-only": true }, h("button", { key: '484684dd8db53a0bd483ed8c09fcec2b62f1308d', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'eee553eaebbe92f646942a0ec9d23b1e36884f65', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'ce11f215f501f19e0df840beffaac418c52e6914', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '79f32d9674304cc621d353125b8d0b686173a7b5', accent: "ghost", "icon-only": true }, h("button", { key: '63c60d2c9110e70621d38ac4e9f4f883a5dd052c', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '911dc86f0107df4335784981b6e315cff2e6e2bd', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '20d2040020854ab70e98942446435de90e10fa46', accent: "ghost", "icon-only": true }, h("button", { key: 'b4bcf4cf5d875f922c223da357acb9c7b0b52162', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '304cfa1693bda39348d71f75c7112529e679eb34', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'ed0a3137d3ebafdf655ea2d0ce07629d126fadcc', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '94f9d1bddf21aa6e99241330d92298d40de2197d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '8ff7d5c384b1e140ea9238f69f98a878ca63eb0c', accent: "ghost", "icon-only": true }, h("button", { key: '40260fe80ddb1600fc2acdcb03c9717db9e6cd97', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '666d4257742d647019b0e647cc9a39f7fcebae6d', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '68f8ba112a073dd523be4f4219960a2504722ae6', accent: "ghost", "icon-only": true }, h("button", { key: '04c839a35565284b44b537dc5f88c5ab3e9c2ee6', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '7a0f19313924e616753e2bee1776cc76c8167f44', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '96f21df74872f45dc1001a96b4560b61ac374e0a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7ed45174cd97e16910d4afc9670a7258e07f9fa9', accent: "ghost", "icon-only": true }, h("button", { key: '003e2afa1e4373ac813f5d4c9a0f7ed7c75d6840', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '8e60b23cbadf9305bac7973ac030b2125c4a1dd8', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '9f570fd9ec20ee9e3aeb941229040b0db13d7af7', accent: "ghost", "icon-only": true }, h("button", { key: 'eb21f5559db2c11c1461d09750ba6a71670216fb', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '0f4fbbdf4d91d358106848437dddb2b0e7637711', 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: 'f675fa38c456d9beee7326a392f9ac27e7dfa946', 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: '66f106b639545c384b312af6e3518131c0c51507', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '97bc2b4e68b23bc09e7f9cb5574d53a2c1e447e2', for: "popover-target" }, h("div", { key: '34a54f5b4fe0f9a23a8cf7e86dc65fdfa1fae0f8', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '7b7c21bedf397397a4270749cf3d5ad28e26605e', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '162226f7ee34a5f6a5ebf1f7bc1a8eea56247e8c', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c3f0ca2db06c2db6d0e9f3e793940f0e9c4812b5' }, h("input", { key: 'a80d061649c45e69f26fa5d424e161e1c242b283', 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: '987a1b40eed7e99bddfc906d0a4527e3c510b6a9', slot: "label" })))
+            h("gux-button", { key: 'c0a0f5339eb18427f2d0a295b2059ff1dd3354f3', 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: '7783134863b3749e02a098c237be70dd2405650b', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '9e4a5b4684c26c37cf897259e9dd96728cff1015', for: "popover-target" }, h("div", { key: 'eae4d6c935bdfb6067d33db1facb3bdf2c75a35b', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'd452fae8bc5cf41f10cb66e3edee10b1da55396c', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'a8a03c0a8d6e51191d53f2c185f63d269ceb6bff', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'a3968c8cb70cf66c8415c51ebe541fef742d5e59' }, h("input", { key: '303bb563902aad6ee9af1188ba647773ae914d70', 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: '392d27147d9fd9ced515a2b93cb299db9f1ac13c', 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: '84288b67ad0a8e3315046b4e515391eb264160ba', class: "gux-pagination-item-counts-container" }, h("span", { key: '4c4c14e8e8d1ffbc0125e3092d7630e2d22ed258', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'b3dfc4b5774ffcadb3c280268cba7c0ee0d59c95', class: "gux-pagination-item-counts-container" }, h("span", { key: '66539f2a6fbff0e84fbcc631625aa511f0dfc191', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'f03651f48bb81f112ee602d3cf8355e43b9cf3ed', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '01041ace2a94983a35eb48fb7dc49df5506a5ff5', 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: 'e864b7ecc26fb9906c7d10951d99dda9654c1380', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'bf1542e865b130bd6d8521307b519e482e7c34d1', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '2db0a0c9a0d05de49dfd75a9b1f6229e9f036355', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'cd1eeb84ef960bce3755bc7c50c7138febab0cba', class: "gux-pagination-items-per-page-container" }, h("div", { key: '414d2501984edeeb59472b508c22cf4cdc01281c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'cac5ede08069237779d2f7192a58a82b2346c876', 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: 'daed1d8b7d56f32b3a8438dba26d8f7007ec4f37', class: "gux-pagination-container" }, h("div", { key: '3abb083f9de877d44cc943a00ebbbe459975a2fa', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '1c2f9210221bc608aa962957b91453a8a9d5e394', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '646a61531538b09fd698fc7b1e5e1c13065174e7', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '7702e98c978599ef0101b44ca0fe1a941cc21565', class: "gux-pagination-spacer" }), h("div", { key: 'e4b252cc252e623b68452f103ca22eeaea81ba90', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '1026685623c4715131e7f28964468f22a6325ca1', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '7673154a4efcd0c1055a10977fd083c40e670e57', class: "gux-pagination-container" }, h("div", { key: '3b74a394c4774284c41b3fb8c99eea749d59fe34', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'ebbbf625971146831fff1915402f7fdd3965b57b', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '1ee57f8bb6c1a07eeb382ce272e4db2ab0cdcab7', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '4bcd2815dd35f34d9db2a57606369c3eb44dcc22', class: "gux-pagination-spacer" }), h("div", { key: 'b592c284322bcae10c1d76a50e6f66450b5f521a', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '93ad90139be23b8e27ca72df2aba423697956f6e', 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: 'bc04c0c2945c14426e7ff1cf87f4a760df930948', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'ee79a5f977f663378a53835e2eab1c7b76cc6adf', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'ce2454d1e80b152b8ff2d21ba175496e79f03b2a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '584c7f56ee99f6236718e56f5c9513f0965e659b', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '4f5a96eb0153eaf417fd8d63ead049f02f77517f', onClick: this.dismiss.bind(this) })), h("div", { key: '9332706ed1b4d0c2a0ebb6a37a79b4b4ac430147', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '88d1e4173cd77b7ce449b8ed6bb54a868b1b3ad7', name: "title" })), h("div", { key: 'ce3635566e8ec64605a5a2945569b2e1167bb1cb', class: "gux-popover-content" }, h("slot", { key: 'e2004b3f52ce0ef90bc6dae85665a5454013b4e7' })), h("div", { key: '87544441c6ed5a867bdb5a79375a292eb0db8c02', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: '25e63d3f83160bfde5c25c9c976719205646c184', name: "footer" }))));
+            }, "data-placement": true }, h("div", { key: 'c1517105ebc5fa838448897ed17ea424cfa3ce62', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '4e21b190182f4670537c26f552f630d1103570c6', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '89d5caa0b37bfbc335262e9d256d3cdcf5e9083c', onClick: this.dismiss.bind(this) })), h("div", { key: '7ed52f4bcba59d629f95a7a1e545b98c758701a5', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '3e279a48d4cc94698e607382be0317afd240348e', name: "title" })), h("div", { key: 'a1065a031834315f097ac4a13f210248eb21879a', class: "gux-popover-content" }, h("slot", { key: '544bbb7943261e84766b241bd6c33a2df09e971d' })), h("div", { key: 'ab485c77165e4231bd5b636f674f2b5d239e650b', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: 'a1ed812ec311e6f358ccfc7315a0155d77cbc4d2', 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: 'b148fb03ad33f9bb6ee2330fb1e8f74359ad99b2', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '65f559e76c477127335f946f210b2e5c5ae18ee5', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'f66486e0b5d06dfd735605785016cc66a7edbf59', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'fc932430aa755d198d9636b34be8132fdcf17f41', onClick: this.dismiss.bind(this) })), h("div", { key: 'ac9eba27a9d10bb80c3c964cfa10a5b3997086a4', class: "gux-popover-content" }, h("slot", { key: '5f2f9003190fb8ab32d19b2226c3fdb1f279a3a8' }))));
+            }, "data-placement": true }, h("div", { key: '47d6f0cd4b4bcbbe457f1879484561abb280e43b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '7c5d8429acfcd6b712edad3f942ff7e04facc82a', onClick: this.dismiss.bind(this) })), h("div", { key: 'e67b14f07409e5a9ca9a9942725ad9cfc94b3e44', class: "gux-popover-content" }, h("slot", { key: '667c927106e632f446e0a5deb6b7e05e3b931184' }))));
     }
     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: '48ad224165cf6193e942a35404c10b04954097c9', class: {
+        return (h("div", { key: '58584eed1e0904ad54e7767098442101e5c29af4', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'e74e1be01cc806766ccb23633280e8c02fedd5e4', name: "target" }), h("div", { key: '3a8b02fd19d54427777ebdaf76901b2454048f6d', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '2c9cecdc05b83042f0f3c71f77540057fc14b38d', name: "target" }), h("div", { key: '25b911b6e9fc6374e2f6bf8054f82915eeccc9fb', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '74a9c525d6be4b684fac9700aae275ffc572fff6', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'ba6ffa50fa0f3a8f3e5b9c160943b01799331cdb', 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: 'ad50c8dcce759c9f23c11a8b4f0e5f59936704fe', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '1a39cbc1e3f9d75037b59a509ca30e8964a41431', 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: '168975d155bbb6e516e5f3613807ee62ae131a57', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '568ffc4185de45751d31fbd65265048c04b26522', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '29f68e7fbd4a6d28797c778db2467dbdd059c760', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '670b1cf5e6b8e9b3ec1a79b7d3bcb6211c6274eb', 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: '92885b0b35477738962f6b2635022a1fccfdf59b', role: "listitem" }, h("slot", { key: 'cb0d13bf8f710fb70429d2e916ce26eab08d37e2' })));
+        return (h(Host, { key: '23a0fdc96b2e62142490a9ea27422181fe62286e', role: "listitem" }, h("slot", { key: '1f4644c1790bed6597f67dd835890acd3d161ef9' })));
     }
     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: 'e1a743527d342181d1b7f4ff0b67b2f160b13064', class: "gux-container" }, h("nav", { key: 'ce0682c740a6065436083ad2d15437c135948b2e', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'd1d66d8731bc5955576b57d269ee4e6b72578cf5', role: "list" }, h("slot", { key: '009ac510c457f5b8a68131666daa7f1222b7080e' })))));
+        return (h("div", { key: '1bb403d2d968142c84976e52b9ce4c7486b4cb27', class: "gux-container" }, h("nav", { key: 'd16f6143a802af7b7133fb66cac646d69f3ac5d8', "aria-label": this.i18n('navigationName') }, h("ul", { key: '0e04a978d13de1c2dd5efb566fe19f1a1c885d57', role: "list" }, h("slot", { key: '4c5db506f73620570bec3b4bc17061b9f4fa6d00' })))));
     }
     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: 'b20a7ff95c5d61db98cba6c0979b86ec7e087362', "label-position": "screenreader" }, h("input", { key: 'f2d7854bcc07bd2d7dac878204bdd5181966e41a', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '0ef55eb29fdd4535e266a02a2169e1087162cea8', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'ea8003ea3589cd6f5d13901489a0a608ab43aaa1' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '2fcac7ae958155624cb63f6ece55ffbd34c75478', "label-position": "screenreader" }, h("input", { key: 'bb2813993f1750c5acae98819ba292a0cf55a9d1', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'bd8a531037ae681173bf57aef45d381879abab9d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '01be1eb61fc9c1fc5536766ac6d086774fb861e4' }, 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: '6c70f08bf95c861105ec99643652c860ebf00b86', "label-position": "screenreader" }, h("input", { key: 'dc52948b55de7865a6813b699b807707a06ce152', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: 'ebfd0be268a0dcad40e0d5bae4057ddbcc04dd1a', "label-position": "screenreader" }, h("input", { key: 'f5c6e685b6f0b654350388255c51da885374e8fd', 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: 'a0484aa5e386695ff26c742690c14b00138eb11a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'cb735061616174c5a686914f5cec642572f9daf9' }, 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: '51eb08ae084b0263fa71817166b75c793f28bbdf', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'e3990d1f5c036553e84722f44dd4acae9403c1cd' }, 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: '72e612e2b942343db396090ee7e62fc5c884bd23', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: 'c865f78b4f9b87c7be489d606baaec4a36ee6cda', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'ab3c9f8150ab34b8606685639411c39cc9b7583d', class: {
+        return (h("div", { key: '599b7aed691c2b06b771b33b6f85586a6c7f88ab', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: 'b37f591e68b30affd2e016daf58624ae92fa8799', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'e4d8d678634114e8dc2dd2a78d09935eeeb30e32', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'a8457993a785e10976b3d202f55ac14a957822f8', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'd2b02ceac71a1e48eb6690e4f65a17e398dcd15f', 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: '283e574bf2f567e8dbe2839f05532424a3d685d3' }, h("slot", { key: 'e63b320dd48964ebe1c62180938b93a072e34cb1' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '1c3a77e1564a84e4af654772026d173360a22772' }, h("slot", { key: 'c66c5ead9900cf35495024ed92078472a1a5874a' }), 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: 'b8617b36db586774cfaea9ef1954dec6a956f380', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '955e4f5b8145ddaf5d44f5363685d6b928f85cca', class: "gux-table" }, h("div", { key: 'e1119924339af59e8c0b53227525c2313582ba06', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'aad6e8cb26162206b10d515cc96f33ebfec41040', name: "data" })), this.isTableEmpty && (h("div", { key: '8d663578eb5a3a78a70354b737fdf615ea23f0b4', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'a85f0e7cd97a5875d02bce064880cb57d2660234', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '53cc2c4804d8bfe8a7ef96d7b6491a9ebaff6922', class: "gux-table" }, h("div", { key: 'c89aa6f2d5ce436293353290f258cf3c07bb6562', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'c75cd6977e009cf0c4a01a3c289ae1169603cc2f', name: "data" })), this.isTableEmpty && (h("div", { key: '13cc3a199e3d19c44d629f818e376d1e6afa05ac', 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: 'bfdce1fb9a8a42b56d5446f120a00308e63dc687', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '8f39de21a3178162cc9bbc37fab5e311af3e3131', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'eabb4b49bc986a1a24809a82d8cd5491dac8582d', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '7fab26fae7524f7813cd9e4faaa4fc076a6b027c', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '70b9c59097b7d48f85aa3e3bf3c2a73a4f11095f', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'd2862b451a1e423229c7a3777a3f7f5dc4c7aba2', 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: 'fbced18066f8a1542b8f7d492e208105ca802cb3', accent: this.accent }, h("button", { key: '3f598fc72d4b0399f1800cfa0c1746a244187e04', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '2aea6a09051f77311398068583809d132d2cdb26', name: "icon" }), h("span", { key: '0bb857822f66df87e9ecfa330c95408a859e60bd', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '54569190b4401af09bf16d8935005ebc4951c2b8', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '70b6467bfb3cff5e88001f6c30d589f14180314c', accent: this.accent }, h("button", { key: 'b243241147676daf6ef8f4c0ff81cd9c788936e1', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'e543a3b16147cbdd4e567dc49d1c74d3565de417', name: "icon" }), h("span", { key: '489a071b2221339a7d017bce150eae14c8132055', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '7d3edf4fabbbb253540ea8fa4b49951e22d13ec0', 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: '1f531b92cfe8061635f37962415e8fb5f6eb7188', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '8d33e6d474cf41328861b67fdef1868f06af94c6', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '3488baf88e5ad086c1005f0091cb69a9e6ade272', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '7fe9b369c913ac04e9b95c1604fb50b4560e34d8', accent: "secondary" }, h("button", { key: 'fbea9a44436d15926ac0747f55417b0fe8a6b682', 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: '6e0af94d70df74190b7ae3dc623d852184d8a9e8', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'd126b16281ea188704724d4c1de66c8bc273e69a' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: 'f96ddd5a33a88900cda4f97e5f835284bc361ed8', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '2dc4ea6f3f7418318903e211fae8c3fa9c97ebf2', ref: el => (this.listElement = el) }, h("slot", { key: '3e59e56437a551b50e6fe364df917af1f3e76a91' }))))));
+        return (h(Host, { key: '12861791318251f71861d2a7f7665847802997f4', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'b476cde8e861d869b55d380019fc893a8d5e6e84', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'd781c931d7781ffe773ac9097a784c8efc02991a', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '1074238be4f136d82a85bd87641335eaad8b0775', accent: "secondary" }, h("button", { key: '133dc0fc88709a184ac7212270bbd20c77346406', 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: 'dbc033778cf901d980efe318be80cd0708dda8f2', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: '5afbacb800da33077be077bb6481537ec2dc4a0f' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '44d64461b2dc6ca9b8f0a8448ba0a41548fea0a4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'ce74f7ea28ab01e4ad8c1a35d74fbbf2b783f9f0', ref: el => (this.listElement = el) }, h("slot", { key: '90587f596c875f6968eecbc15dc5c9b2d8a9babf' }))))));
     }
     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: 'e7fe904d097cfc944ca5cb883be17e4ea5d15194', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '45792fb25aa79506a45faa74b647044c3bd33ded', class: "search-filter-container" }, h("slot", { key: '56a0cc5778a5c8979b9a35f659291e74074539bf', name: "search-and-filter" })), h("div", { key: '839408d1b1323cafe77e7d0778e44e34788e3feb', class: "section-spacing" }), h("div", { key: '818873535d3474925d986bc6b0104483b46e812e', class: "gux-contextual-permanent-primary" }, h("div", { key: '426efac6c89f42db5793ec89aa7042bc36b531ff', class: {
+        return (h(Host, { key: '970e02d2183557aac8393211f929aa472f6bc4e3', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'd97d78a7cf5c655b1a54ebfb1afcf29a65f69c84', class: "search-filter-container" }, h("slot", { key: '90b3eb888bcb5f66abb185a9b2273aafcfdf4020', name: "search-and-filter" })), h("div", { key: 'e4b4f69f82e302bc60ea50e24129b64e23890fde', class: "section-spacing" }), h("div", { key: '6d20e17d0af963e61c1ea8a5ba17996aa88f8936', class: "gux-contextual-permanent-primary" }, h("div", { key: 'b36c94e862908a5b0c2e09913e1dac6ee6136d81', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'd136baab7645d091246f1e9118bbfcfb18a5f61f', name: "contextual-actions" })), h("div", { key: '539f2f2b8920886a08bebb1b18068ece140bf7e5', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '843d60a9782919ed208744341a47b6d2c36acb50', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'bf087ee5aae1e42b8f38e07ae3df60332186d26f', "show-menu": this.renderMenu() }, h("slot", { key: 'dd82663092a9d140b1cb602f63931a3816120cd5', name: "menu-actions" })), h("slot", { key: 'f2637b336a9b3d1b229930fb83c9ba6dd1be149c', name: "primary-action" })))));
+            } }, h("slot", { key: 'f2e5f8f7d03f278b4b8c5857b5f1a1f8589a53af', name: "contextual-actions" })), h("div", { key: 'f554ef52e5f9c45b805e441a78ff647cd03e8f1d', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '1e4825a0bea7fc0e584563ce8c23e055c4e2a742', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '3ae96fed10bb3607cc9146cf214dae08ed147316', "show-menu": this.renderMenu() }, h("slot", { key: 'df1d9bebb849ad0fbb7cb2e0bd380fb3b94089ce', name: "menu-actions" })), h("slot", { key: 'd29847c2f0c3d1e1088ea88ef0099c5c63b97a5c', 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: '6c8e685ca903eda10992b22fa3c7a0367006cfd7', class: {
+        return (h("button", { key: 'bbef29f3908cc0dba55ae7050e17cdb21b8b7746', 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: 'bffd54df99bc228f92a60bb0efce81881eca820c', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '46b726159347e3f4c6211fab6a33407df12455a0' }, h("slot", { key: '2402ba1edf07fa1bf15606ed9a7c1ae261bb3022' })))));
+            }, 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: '6ab7de08326746b935c0ce8c7c8143094e305843', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '436eea26b2bf6e60ca13f670a4a6c36ed8c2fc24' }, h("slot", { key: 'f6dc6ebae68b12272e284a4165e316ecf982b818' })))));
     }
     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: 'e90585edfd626eef47145bb84572b269e682ecf5', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: 'c428b2fa5d564cceb8e6d8cb99ec69e347db2c03', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '1cf9c5d928eeff81800da7c11235ab2daaad95f8', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'f2914a719ea8ec3b633d08be25907c3a155253d3' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: 'fc34f3af505b93215ff95615b0aede6f5ccb75a4', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '1fd91721fcc6ab5e2f9235b592a7572c01711435' })), 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: '85823ded34187fbe395b3224419cb82677a408c7', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '54b41414ef0f518011b420feb50c74375f1503ef' })));
+        return (h(Host, { key: '6d89fa8d2cebd4bb9b4942d20064b2077d24fdf5', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'cc250165919630b0f18b5750c073f8919a841e4b' })));
     }
     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: '8cabe34e28f9c79f958e2c7a50dabbcb4bc2d0dd', class: `gux-tabs-${this.orientation}` }, h("div", { key: '64baf8a4ec6c9d50273bf38279411dde360d52f9', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '751e66f3d86eef64a8cb89c05cb8652166768462', name: "tab-list" }), h("div", { key: '0c3f6e447bbe65252a9844fc8febd9f4013409cb', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'd0bb988a20c8f87d879e7ffedb781872180b02d5', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '657bc53e6ebd87356e3a012612bce3f88459c1cc', class: `gux-tabs-${this.orientation}` }, h("div", { key: '61638f6c5df4e41a1b54679c51f1068213813455', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'a48a57ce19e1b39bedde0adc5c073726217f3e33', name: "tab-list" }), h("div", { key: '33bd76e89f4c8ffb2df6aaa767f004ae974e1806', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '700e780488163979cdd0036d30fc7271799876ce', 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: 'bc5176fa0c08e7db647e89fe0f968494b576a494', class: {
+            h("div", { key: 'd9a6e1e85e42ca8e1081f74b09728e613f74f8a7', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '764fef8074b65e50d26d75c54c7ac38f29989691', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'b67efe6595d0752f758a158476df44520559a0d8', class: "gux-divider" }))
+                } }, h("div", { key: 'b531a00e3994179b1aa9e0346f7b5ce2d2f7b020', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'b176ce818e8fde42e1efe0f8aac64aec475e9b78', 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: '7eb6de681d6a851a3c8124938e8796968ad563db', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '476574f42f44e79042ab89a73552653ae85a23b4', class: "gux-scrollable-section" }, h("div", { key: 'b6c0ff76968aa8857397d705ae96f831b79d1236', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '57b1e81a81bdf546058d78b9993337925e633df6' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            h("div", { key: '7ec973259546aa51e95f53bd7eaa1791ee79b7f8', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '018d7a4e7813eae9f6eb32e9a286f99b83be650d', class: "gux-scrollable-section" }, h("div", { key: 'ecbb1643203af1ec6a16530173c388d7ed3b1057', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '8261e89ae6476dd267efb75c376e8990c326b461' }))), 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: 'd6f1c44a7ba4c7b79658f9d51d8422a5d61ce126', 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: 'bd36df09adf330a9c5faba2c93855600231f1bb7' })));
+        return (h("div", { key: '7c06589bff5a5e0b7ee03eb5905d26d1cf8e940e', 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: '67aee8dad5b020caa0aeb904b1dfd6ef59210e4d' })));
     }
     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: '6c6fb461a2084b2aba019fadb01814cd2b86e07b' }, h("slot", { key: '044376e4730ab5676bd32a610e715d0fc0369fa2', name: "tab-list" }), h("slot", { key: 'ff5bf992e86eb5b0d59d7d7b7ab0378b074733e2', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '50338739bf54e20ebf7e6a5ec16cd9625a291375' }, h("slot", { key: 'd89a5309e5363a8232681d15b2dfa0cd9a263b3e', name: "tab-list" }), h("slot", { key: '8aa4df39ede5b6b233cc0d6ed9a7f992833f2e6e', 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: 'b41105f85ccb7a9267b27e02a8dee50e2f8e8cf1', class: {
+        return (h("div", { key: '66403472d44e9aa714671647a017af4d9578e80f', 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: '81b9692a56144a4ebc988f67c4bdcc596d90f633', class: {
+        return (h("gux-popup", { key: '206bc755881fddb9cda189c1e8b4db9fe69f30d5', 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: 'af6e2d8e5927aa34eb9b6bf8b73cbb267313f3bc', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '0f6a4d5037b01b95ee49f765ec99c229f26b7d96', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '4fbdc8b68139c33414502e2dd3cd891615b41a2b', class: "gux-content" }, h("div", { key: 'cbc01c9c5b797ccd53dcdfb8356a3cea8579b0a3', class: "gux-message" }, h("gux-truncate", { key: 'bbeaed16e72615d0302fd0af0f1ddd5c9d915ec9', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'a0f46564676b8f9be9ad55e503bc23e16cad5197', name: "title" })), h("gux-truncate", { key: '97b79482fcb186d338bebc5ebf1c867c7a80fab2', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '0abd68662de7c4d73375ce209181516f2db30fa7', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '61eba4695f91b811a83ae809c8e4b1083b1602b0', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'e90cacbd6295240eb2abdadd72e8d7966eccceba', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '3b0f290ec66a1d68724ad0109695b6f357460450', class: "gux-content" }, h("div", { key: '89e3890b411f89c50a8fe3a416492b4225b1acf4', class: "gux-message" }, h("gux-truncate", { key: 'dd184fc1e87ed9b813c28e8d8706ba09297f35bc', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'd06d672a1c384ce76acb2810c1d14d5df2099b12', name: "title" })), h("gux-truncate", { key: '740a5673b80c3aa363a3d38756aa080a32a78a97', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '0f33c259937a350a6e52614735499d2902ebd5f4', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '741fad7a10b95d6356ffc9e3179f6a07aba41433', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: 'be72fa20f4b1dc6d374a8d89db5c7272bd3a92ca', 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: '09682cc1b05c8d98bf0f3c3060ed59b5b4c003b3', class: {
+        return (h("div", { key: 'd696a5ce77ba3e1aaaa0569083d3038de395e96b', 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: '0d0bfc79fb7bb8d982d20bf06078fb2d9b020dd8', class: "gux-slider" }, h("div", { key: '94cae0402f3ed187740f17aee58eb6c7ba3d2967', class: "gux-switch" }, !isError && (h("gux-icon", { key: '928275f79c101fbf651f856e35e506d9dd63f0fb', "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: 'eb2d46ae1cc7fa4507fa6d872e734f612211f8b6', class: "gux-slider" }, h("div", { key: '368ed253ed926b7149f20a4dec1d4e3983c9bf8a', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'd50e9e5065b6bd164be6e0ef10a15016700ca43f', "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: 'f6643cc6ba0a7eae827d516f962a7f742786c4f4', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'e339a331941dd661bb092294c500a95f26d9942e', class: {
+        return (h(Host, { key: '7d4d474be3898bb01aff2be4bbf55bb68e87955f', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '160e3230bd1fb830cca5784eacb9018604b63ade', 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: '88da62d623bd1b0602015da4ce0cf93c7de98079', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'e215b0eb939e7d5fab98118156d46a6eab716909', 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: 'b5702e9059b714be2acf69cb40338dc29d58c200', ref: el => (this.announceElement = el) })));
+            }, "aria-disabled": this.disabled || this.loading ? 'true' : 'false' }, h("div", { key: 'c5b62e906750eee14dfd421393905f70cdf9e575', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '9d25faa52e0b27af2fc59a583b73e87a745b9122', 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: '231a7165687a713266bdb72d466b9b47f41b6b1f', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-toggle"; }
     static get encapsulation() { return "shadow"; }