genesys-spark-components 4.111.6 → 4.113.0

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

@@ -31,11 +31,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '2e31a2fc3956cf6ddebff9220130e2069d3605d0', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'bd50908b9d94da79ff93b98e512f59f62eb3cef8', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '25b4bde532b042e7537f03514ffa3ee21257e9f6', class: "gux-option" }, h("gux-icon", { key: '6c36a6348d6b92f7f51d0811cffdbfb5f06ab336', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '7809f1bf6ac9b0af511270689a27b963013e373b', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'aa68df5721504e3702221bd5ad1b37d56d19a9c5', class: "gux-option" }, h("gux-icon", { key: 'dd0588b0cacedea43e0a9b9b1d043a5c750351ec', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '59fd5eda3008d76e2f5ed175145637d3bcc6a650', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -59,13 +59,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '8cee7569143c309dc362cde7135a71eca7bdd51c', role: "option", class: {
+        return (h(Host, { key: '3a5cdff42434e2e37079e01b408bafbef12e8e82', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'ec405cda31136ed71ff94d81ad1c426aee8cf3a0', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'fbfc158180b34707262c69cb2deefff654f39c8c', ref: el => (this.truncateElement = el) }, h("slot", { key: '764dd3b80592ee6059715c6e5c8b6a96999cfc7f' })), h("slot", { key: 'cc6acc6a3c7fdd8fd9a88b0f798b00046f7c1aa3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '5c1e549be823e0d3c5d833a98b3c71d8d99441a8', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a0ca685b6bd660d92655a0e448aa029a2f66f6f4', ref: el => (this.truncateElement = el) }, h("slot", { key: 'bcb67b50e599b0c8061d61e1b4c126f125aba6cd' })), h("slot", { key: 'e9ee25d566bcfd83e5b317b18129ceac5cfc7f7c', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '7930d3e39d9693f70b561d3ae0861ba51ae7bdef', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'fc0ba552ff4c2aea25e90391dd458acb99102f7c', class: "gux-progress" }, h("slot", { key: 'b637e1486f7f5fd0ed21ceddff677a57d471edbe', name: "progress" })), h("div", { key: '78531542b297e26fa6d7f4c02d03052191aabaa5', class: "gux-primary-message" }, h("slot", { key: '4b15ee1e9ba076e75f6732b659a55f94daad0eb8', name: "primary-message" })), h("div", { key: '69b77a648e3f8910499de0252310f5f16043354d', class: "gux-additional-guidance" }, h("slot", { key: '33a049a29db176892aec241a9564580c05d0eb34', name: "additional-guidance" }))));
+        return (h("div", { key: 'd79e9b6a2d92c277d3809851f48e94c7b46efa5d', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'd9200da092a5d8a38899222a231009598719c837', class: "gux-progress" }, h("slot", { key: '10a9bdb5bba4fa6aa4afa750a627b7bbf2c7fc2c', name: "progress" })), h("div", { key: '00bee1bce756584faac45b01ce2accbf9d7a363a', class: "gux-primary-message" }, h("slot", { key: '6b50eccd062c62ffaa8776f290c3e120b6a5180c', name: "primary-message" })), h("div", { key: 'c625699ba1549b1b165273b9a6fa68313822c9f2', class: "gux-additional-guidance" }, h("slot", { key: '1db49105118d8105dc4ae8ae5fc4c1f18bdbad7b', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -68,7 +68,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '6ba2f1504838667768fa45900df5e560e36b74e7', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '95687ef3e0cfd1909a8e779b1a02bd0761bca929', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'a7e3a4b27d86cecc436373676a666aa6329cf128', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '6cc7bd79784dd058d5e91bcc7ede3b841a0f61cb', class: "gux-modal-content" }, h("p", { key: '1744a4e2cb41df7ee40acf12ab12f7be3478338a' }, h("slot", { key: '1a925dad5e34c669aa2d522f9fb1eddc7b7b0a36', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'f63cddeab575522484ba4c98777bd39db0693603', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'ab7b0ac052880bf8bd098bb6d61ed23bbd2d7d57', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '3287f5ded174ad6ebc72fbbbfee9922b8efb196e', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'b4cc1d49d68c06b78ccab305354a7d0ea6ba529d', class: "gux-modal-content" }, h("p", { key: '18eaf0c3d247d33136456ea6b69cfd8f060917f2' }, h("slot", { key: '36713cb4d872ac74ce315b8f9b48a88438d64429', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

package/dist/collection/components/stable/gux-page-loading-spinner/gux-page-loading-spinner.js

@@ -8,7 +8,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '882da68c212015e00af497dd89f43f076e5b3426', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: 'd77b0ffcae5f95ad988a21332b6c902e743ec1c0', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     static get is() { return "gux-page-loading-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.js

@@ -60,7 +60,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'e958f863864c98607597510cf6b4e432a45a31d2', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '27bfa108d79a10bb806232a347022fc5b547661c', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '99bb42559fb7ab1cd27de2127f98b4974f0deb8c', accent: "ghost", "icon-only": true }, h("button", { key: '4e99f57c620cf5abf5fa7d46cfedda0261c1c945', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'bf46b12786f4c455f02c181381f41e43b698539d', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '4a1f95fb3a269310583e77200f4eb4b32e1ed790', accent: "ghost", "icon-only": true }, h("button", { key: 'b4ac9c982e1393174254126ea24b3a58830b6e8f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '22ae2ba09eadc22bdd9892f7cb9a1e31d40b5db2', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'ae1422a5952ff74b6807521e697ef99d6e943142', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7ebac34047c6327240c173da59b46f91855c6e3f', accent: "ghost", "icon-only": true }, h("button", { key: 'f4a8717e80eb554ee19ac2a6909cb379d5547151', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '2a3fb9830cd8f69802712406308b91ad19b601e8', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '1577095c8a2fceeb3ce2261a476f67fb6804717b', accent: "ghost", "icon-only": true }, h("button", { key: '16d87cbe7a43455a4899a70c24003d9e14c452a5', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '5bb465b65d24bb60318dd5a3cdd68e6472c36b79', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'f2c6663b60d31128f7bd6dd20adb5b82c7f80ca7', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '0d952945c1b387b454d33036fc4f71806c4d0ddf', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '0ba6e5b7aba9f5801125bcecb41cd965272a20a8', accent: "ghost", "icon-only": true }, h("button", { key: '19441927825cff37a22d5e6b7d43b9ac54099c0d', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '402639e46592e97a4e060c046893c98164ae0fe8', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '463786ba7dcd23d58cbb1a51b10648c8bacd8740', accent: "ghost", "icon-only": true }, h("button", { key: '5310d013e36fb4cfa0bec4309576163bdb2dd7b3', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'e96beda65d0f4001d53a16ab84268e6f59b8d686', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '344801696017036161d2335433b1d2b5edc1955a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '8b5c4b1699edcb0cf5881af6d868c419eae51836', accent: "ghost", "icon-only": true }, h("button", { key: 'eac8bdb213a9ea6a604957e156ff247adcd555c4', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '28d31e5861870a84d0bbf530efe33bf86b230cb7', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '2d1b16f127176b7412a2757d29584cf1b944cc5d', accent: "ghost", "icon-only": true }, h("button", { key: '8d7676989232c08d7bd28d1aa81da4292591dcda', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'a036f94822cb04e34b7afbc3623815864e788c1e', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js

@@ -97,10 +97,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: '258495300f80e1f80f3e8706e6fc83f315f7d572', 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: '56dcd682abb12400d7fb2306acc2534a1c1d91b8', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: 'f1e5e9f7d68b791864ef041f5f577ca0a9634465', for: "popover-target" }, h("div", { key: '746905e11b254b8e96468ba65de519b503dc6f52', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '98a2530f626de66abe173c88a1f84a29e7e5b25d', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '720755b6d126370abf68d1d3cdca76be2c638dc0', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '598923bb82a35dd5f17511e23fe5d7347e5bede8' }, h("input", { key: '2a03837e242b6524e4c6cb0687c25e321fff0d59', 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: 'd43aa39ae19743596a7d3d7d1f640917b7a8b264', slot: "label" })))
+            h("gux-button", { key: '064531b62fc4848ff0928d1357e396190fbf0d73', 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: '297f137d486c1623dbf3bed48963cb832d35d513', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            h("gux-tooltip", { key: '8a3af1f9980e3b0380361ea79bd645b4b83ba76c', for: "popover-target" }, h("div", { key: '9f63300284de2c39e5edda85d02f84cce6a86531', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '81e459874a49f8f8860232d2418950c21a598302', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'fcc15272ac3857c29ea1489ac74c90acbf3e2b7e', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '7d34e06d57e87c1b0e9dd8411fa73ef1dc94f5f4' }, h("input", { key: '77f7d260d720848fa9df55917c329f881f58daf5', 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: '94a27ac8c6210d06227cd02f2cbec35df2a32831', 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: '3c8f3194e69eda12fc73beecc31cbf6c42cd1950', class: "gux-pagination-item-counts-container" }, h("span", { key: 'f386c71a2adc3388f0b386c69e1df1e02913fe49', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'ef15f586fd2b9f522a421132e30da5358c166754', class: "gux-pagination-item-counts-container" }, h("span", { key: 'c6a0351bdeff34ea22ee621d14a206b4d4f1df0b', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '9367ca1b143ccf3880e18ec23deb33976abe380d', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: 'b4a8ad027230d070044e2f1a1e8c5885065857cd', 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: '491addd72506d7e29114939d7793da435371cf02', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'bab279a619dc9c2dccc90f75a78bab6408834466', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '2328aa27aa49839581b99943b42d8a3077e03387', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '82f472102660eb5d25a1ab027c354b29cc6b3aac', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'cc25e03a52bb8ac1eb693c36ab55f8b44d02b92c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'fe559cf402fb9d2bc5b4f0287295dc77b7b27f5c', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page"; }
     static get originalStyleUrls() {

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

@@ -84,7 +84,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '7c5ae79cc39730d42fbaa8b19eeeaf70cd4578e7', class: "gux-pagination-container" }, h("div", { key: '1cfd5b3b683ade18ecef2a9dec77573dd15b50ee', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'bb9daa0d0521b3b19155daa3d67264a650d7bfb9', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'b58742e8ed402eefbecbcb2d1e2f561ef20b3882', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '78758134142cca16789650536546562c562ce70a', class: "gux-pagination-spacer" }), h("div", { key: '9424a101076f242270ee3905b934232c8442bc6c', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'a8e667edafead07814e40699c76fbea1f98f8556', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'e94db1c6fc90ae99d8d147b94df3271f8f020ecd', class: "gux-pagination-container" }, h("div", { key: '0bb4bc3146bba257bafeead3a6a14f13385aa919', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '247bc8058a8e24f61f8c985a30df28b685eb763c', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'ef88ec353b85b64b3106132d4c10366ff9370302', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '30440491b98485cad8ec3475981364aee80a024d', class: "gux-pagination-spacer" }), h("div", { key: '20222153a596fde35984a70809788c725114e53a', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'fe3899d7cecf708767ecbca06462a7c65f9137c3', 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

@@ -156,10 +156,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: 'bfe886ea8b2e268bda3131dffaf7fcd140de36e6', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'ca91c76d4a58741a09327b1a84c7a27d4fd43c7e', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '3472fc472cd103985156e66fbe838120efdc2c47', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '536cf9942ac41017a857e5bdc8c221499d97333a', class: "gux-arrow-caret" })), h("div", { key: 'dae815a704470c51f7753e7d71f405ef0b5f6a05', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'f9bde5231fe5c82c013f17ea256efe519fa34ae1', name: "title" }), this.renderDismissButton()), h("div", { key: '07731538222b01fa6f4e8970d5aea57e6acdda7e', class: "gux-popover-content" }, h("slot", { key: '3b4c1b2fc454ac3cdca9582783d769d2a54222a1' }))));
+            }, "data-placement": true }, h("div", { key: '403c4f9bcb1ebcb9e7b2a0dbdd2b261975b13202', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'f1d30c5f3c9edb3bb2bdfdf6b614ea42def5dd86', class: "gux-arrow-caret" })), h("div", { key: '08af1b853b727ac0597397cab1e346befcd253b5', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '5d4f62c1a4bd19fd8ea2d2476e4a33893e818a8f', name: "title" }), this.renderDismissButton()), h("div", { key: '09a9e51099ad081160174e887b28c34c7f723699', class: "gux-popover-content" }, h("slot", { key: 'd57e6848469a6450af1ca8d899288eeaf1dad9b2' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -127,10 +127,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '7c14760b77840270bfc43392f8b2849e33b31f18', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'bb0ef104623c9103065ae7e664aace8d06272438', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'f41b82e2e8fcc1087792c2fc3b721a4cde7e2be5', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'ce6482380b566b7fdf9c39ef8f85ae093fdf0c20', onClick: this.dismiss.bind(this) })), h("div", { key: '500329594e4561e7ed808386bccfd158fd63ab5f', class: "gux-popover-content" }, h("slot", { key: 'aae65d1129b1492de6e5060b9aae3abcd5cad59c' }))));
+            }, "data-placement": true }, h("div", { key: 'b3d53dd273c130fcccb3a862f8458604245da9fe', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '764e5778b5ebc2b77ce4aa6414411bddf46b9539', onClick: this.dismiss.bind(this) })), h("div", { key: '27a5b754cf91b27c15fac0a4fb4d66269091a3a6', class: "gux-popover-content" }, h("slot", { key: '5ea293a9aa43b9954335b10b00fd201f8e5207e2' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -103,13 +103,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '5432544dc7eb13578d1dcc56669830be0cce03b9', class: {
+        return (h("div", { key: '434e98eb9eb69a483d49ecc2319aa2ed62db1caa', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '1de0af3ad7e87825fbbcc2fe64290832749d0ae9', name: "target" }), h("div", { key: 'd19ebb0ef9d8cd0d6fe307b0cfe0dd2227b0ab05', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'dd69fd4e088ab217174ef12c505083c13b0d073e', name: "target" }), h("div", { key: '184394e2eabd8b5fbb19ecfd5ae8a9b2868179ad', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '003e4c8f8224907bcf6e264d830df72007c31d09', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '07398f562f6a1c8b2fc6524f32840c3023a54adb', name: "popup" }))));
     }
     static get is() { return "gux-popup"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '301d5771e8a7cac678f3c8ec94a50326cbe25310', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '451a244e392ca3a5e14f6ff82bf3cb02d5cda7e4', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     static get is() { return "gux-radial-loading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -101,7 +101,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: '70f75fc4fbc1b8228353d5077a3e1d476d2cc818', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '5ba5361adc667d8911254d3ad3a90e50f776ab13', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '1afb046220e86167aad3e14b3cdb1fab9bd309bf', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '2a215e81ba97973c67079e9c8d6a1e2bac08a6ce', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.js

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class GuxSkipNavigationItem {
     render() {
-        return (h(Host, { key: 'ef70bd3877e5cfb77ad8b5168ae0698616dbb33a', role: "listitem" }, h("slot", { key: 'f214f9afeb9f25f1b111ba8dfe7ad13d8c217725' })));
+        return (h(Host, { key: '3c8aaad2cd2a56c2ed713309682158614b50303d', role: "listitem" }, h("slot", { key: '23ffd6b3a9df82ee4670b526ec533fe37008f323' })));
     }
     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: '7652e11f7dc3b9743c872007c1ba51b1f2fd7ab6', class: "gux-container" }, h("nav", { key: 'fdfeda3734364ddce3a91503be54221f8d7d3d43', "aria-label": this.i18n('navigationName') }, h("ul", { key: '5c004a96f12ba8a8f1ad3de094e00dc6f685a87c', role: "list" }, h("slot", { key: 'b24323868de0fc2319bc6d0bbfd868290ac6c872' })))));
+        return (h("div", { key: 'bb91becef173b8b90e74d2dce5caf373e4667ef0', class: "gux-container" }, h("nav", { key: '8d5b6b733d8ae57ff396cc38c3dd84d734a763f6', "aria-label": this.i18n('navigationName') }, h("ul", { key: '33842a24ff4b5dfd565a30f9ae96b1c6a31fd084', role: "list" }, h("slot", { key: '086607b5104eab954331811ab1d1a7ebb2ca889d' })))));
     }
     static get is() { return "gux-skip-navigation-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-all-row-select/gux-all-row-select.js

@@ -21,7 +21,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '40118ef23be01e20e334e572b4f15f9405ee9ae5', "label-position": "screenreader" }, h("input", { key: 'ceec39195dc6859ecbbc81dff3f3f25104bc5c58', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '01471451d8a0a7ffb99a43bcc46289c810f469ac', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '7154d7db0108f5acf91c6b246a3ddd14aa009a8a' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '01778a896f0621991709301fa4281afa22e5f5f2', "label-position": "screenreader" }, h("input", { key: '5c33fa3a16a412b9a0582e2bdc3b8545a761b458', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '87a546b18ceed140661f41ec4247047cc5ad2570', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'ddb659bd9431dbe90f431f363676b27620a8b0ec' }, this.i18n('selectAllTableRows')))));
     }
     static get is() { return "gux-all-row-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,9 +17,9 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '1f2d87cc59ffc24eafa3e7baccc965dee3eea0d1', "label-position": "screenreader" }, h("input", { key: '07931cc1dbf5040210c1b76b08dbfe4dd244adae', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: 'c534d256cb8e4a8f637b43313b13238678ddc4ab', "label-position": "screenreader" }, h("input", { key: '8e8b98b748d829dd2bd546a1e0bc4a47c202b59b', 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: '1316c55d43b132eb216dbb279c2b57ab4185ea2d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'da6ea49692acbe96531eb37f1e1b6d220db93cc5' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'a214f6f5ad4563fe306184372b575dcf6589da92', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'dbe29e2cb86d9a437357e8d292fa059d670a5a94' }, this.i18n('selectTableRow')))));
     }
     static get is() { return "gux-row-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -98,13 +98,13 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: '8ab9f64c50cefd9099eb51890591925232c6e255', class: "gux-container" }, h("button", { key: '26b063fafb21d08aa433119075e3fb6e612fc211', class: {
+        return (h("div", { key: '41618b0fa200ec41e575e4215c8c9ff4b93f52a7', class: "gux-container" }, h("button", { key: '08cb53e567347837a35d6f2455d8ac9708e5d289', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'eb62e21cd33928e73a2d23c5d9e7a4313403ba71', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '9e03046b50443c4bf51228e753119db87fda9648', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '1e8c1aaf3e40c3c8a10ee975ba0fb49c300dbcf1', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '2e88fea67e3e121b792fa7a9acc254d13749d77a', 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: 'a62985066b97f4357ef9180f00f7fe8306efdd48' }, h("slot", { key: '715cb1c98ed96f6075a2a5fad49e2a6946c5e5cd' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '73b5198115fd80b2944ca0ff6a0080a28e4f764e' }, h("slot", { key: 'dd8dc38be1c9e57e015f1b461a88b6aaef258822' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -272,7 +272,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: '24653576a15d43fdcf7ebf19efc2374324ebba35', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '32031c3d81d4b81b036b2f9c559572d4e35c207e', class: "gux-table" }, h("div", { key: 'ed8a5cc52afa2df8a5f15b0900f66ec87def2014', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '3bbfd0b8cf641915d071a39a393d904436a49156', name: "data" })), this.isTableEmpty && (h("div", { key: '068b37181ec523cf0e978c448d67ae3169ba087c', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '8f72ea308b8ed67c59f0e65e540340c5b90be311', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '0ce50919915d56992cf7caabe8c6204a06ee487f', class: "gux-table" }, h("div", { key: '88e59d8c22f82957bf6327907f59a89cbe271632', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'e9d103ba4664ecd686db44c6a411ca20d42c966e', name: "data" })), this.isTableEmpty && (h("div", { key: 'c6d17820ec7b82465367cc685b474857815aff76', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     static get is() { return "gux-table"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,7 +42,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: '46cf47a165164293f1f3dd2642bc36fe8daa9bf5', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '0344c1162b93794246a65da6bf0e2bffb8df0d46', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'ab16d74af8e0fd4851828c221dc2f6db57f0c0da', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '63d13660c77823cdd190cb3baf51d38768e94e0c', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '18f8a6518dc7c999e068fc7bc983654807a7b222', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'bcb1194f316bd0fc6b53b25bab5d445edab61b6e', 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: '11c54f31529146fa3690839623563b2530220ee9', accent: this.accent }, h("button", { key: '68113cffa5309d749bff612165f773ab82f057aa', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '7c8a7cc6833d6eb82e41ca50dc1b5036fdc1f80f', name: "icon" }), h("span", { key: '2b83672322ee333f0a53a3a6dd3b5f530a5ede7f', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'd7ec720dc67b68d95076ca65bf48028fd6781b4c', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '0370f4140845c37f3759808e24e6a66351a62b97', accent: this.accent }, h("button", { key: '1d1bc1c2249473e867b5aad999054a52f76036dd', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '98179ffbcf60a18da4b81d0b0752fd2fc0dcac4c', name: "icon" }), h("span", { key: 'd535b7d9d403cba0dcd81f137c598a1ca946da96', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '4e8fe8b1cc215d77e91c5cb3d0826bab64aba173', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-table-toolbar-custom-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-menu-button/gux-table-toolbar-menu-button.js

@@ -84,7 +84,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '78bddee0bdc05b772e4da68a6ca515a1d4532441', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '5073b0731ccd0dcc484622f641f934c9a4e1a478', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'a74e721d8ffa1dccaf3fc0a9f35d187aa5c22ec6', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '475b9b677728ea4b2adbdf895316f4e0280062ee', accent: "secondary" }, h("button", { key: '345ce85dcf1399ffa39b07f836e91e20e9b01aea', 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: '54ca7b2ccd359898f93e1e053619db5e342a61f4', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '0d35ac82191d34b683d47aa62df7dd279d448212', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '1f498dfad8a4ba3a95e574ac7eab9af4a5296ccf', ref: el => (this.listElement = el) }, h("slot", { key: '579fff0dada8f99926130fbdd8c820c47185c9fa' }))))));
+        return (h(Host, { key: '6f0394684131bbeefce6e15e39e7936b32ad6a18', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '11901ff9de2cfde3f09cd4847116e161f5866635', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'eddeb35e5886d0d0cb6d3766ee8e22c6fad25015', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '86b9934c898ae09a23887c702d7ef22d76f0cb8a', accent: "secondary" }, h("button", { key: '4b7f83ffb5c32140892c1224a118f37c1504877c', 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: '36260d4bb9f8d90ddfb834fd65a4bbe00cd798be', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '82fdf481d9a5e4a1030476517f9c2b3c3305a874', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '210ca24ff174e62a36f7995372e72f30489fb08e', ref: el => (this.listElement = el) }, h("slot", { key: '0acfabac63ab627371f813e1a39278d14f8244e9' }))))));
     }
     static get is() { return "gux-table-toolbar-menu-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -195,9 +195,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: 'e3204084c089c85be7dae8367a2953d8fa0892fb', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'bb1b491aa570dfe57f0486e24339388f0045032f', class: "search-filter-container" }, h("slot", { key: '9d29eea1316911ff658f905071768a56cc145f32', name: "search-and-filter" })), h("div", { key: '3dbd7a3914b6bb08bbd43604fab33ee88132d56b', class: "section-spacing" }), h("div", { key: '85733eccab5da92d7fe587905c9416f74d5795ef', class: "gux-contextual-permanent-primary" }, h("div", { key: 'ef40b6e22c38ad123e114d271901263d471ba03a', class: {
+        return (h(Host, { key: 'ea0bc4fe81cb4a6ed0f56fc546a3b7656dd2457e', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'bbda9f79ec745ea78b438923f8a801c66c3daaaf', class: "search-filter-container" }, h("slot", { key: '2df104d5dedd04d619aa766af814855d171f7676', name: "search-and-filter" })), h("div", { key: '9b4c04e2630c4600322f6f86828baff9847576fd', class: "section-spacing" }), h("div", { key: '95127306fb6aef84bf09486e8d580d1342f53ee5', class: "gux-contextual-permanent-primary" }, h("div", { key: 'a8c3a02d65a765e24eaf63c845201a73d76acc6d', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '3acf9a699533cab39276f3a405ce0d2d6a460ad9', name: "contextual-actions" })), h("div", { key: '631a4c30e1b0582428e8d3a0b1365708cec7c047', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '8c5dd8cc54be8b1340440a64c3c6dd8408877c5d', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'ffeb60934b07d5de63440466f51a566ea2eb6b61', "show-menu": this.renderMenu() }, h("slot", { key: '3b6d8c09f48cb548954418cd7b85d2ee574b74c3', name: "menu-actions" })), h("slot", { key: 'fb8181ceeea5045d15719111f34d73da7ab9ed0d', name: "primary-action" })))));
+            } }, h("slot", { key: '2e47f912db83986c6a975fee3d0ab47610aa83a3', name: "contextual-actions" })), h("div", { key: 'f15a0507775411f5f77b6a0c9063f627389c7ca6', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'c463a5230c5da5837b4f9459dc3d1a566a03c771', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'b5063d27528c0b219877532fed76bc43b707bbb9', "show-menu": this.renderMenu() }, h("slot", { key: '927edef146aeae131e387a82428e7fd14dd11efc', name: "menu-actions" })), h("slot", { key: '03b673f9fabf53b638ea3ba4078809a57da1b379', name: "primary-action" })))));
     }
     static get is() { return "gux-table-toolbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,11 +34,11 @@ export class GuxTab {
         return this.active;
     }
     render() {
-        return (h("button", { key: '798db172db93d7db52cdd369162f9f4386c4bc77', class: {
+        return (h("button", { key: '81aaf05b57a9a2bde5991c8f845827b4b87b0e9e', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'c0440041524258f0516f83ed488425f1c895979e', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'fa49e6e0c5d6128c0ee7377a48d6073d750d0e8f' }, h("slot", { key: '677e0e7f2976422567a3763d70136c509bd3b19a' })))));
+            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '1012e2b33e4f4caa0260f6b68fc031e68a51b477', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '809a1765c460617febc9f0e4de12251eeed151c3' }, h("slot", { key: '689c0d0eaaf148347aae728d347652e8720fa5d6' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

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

@@ -263,9 +263,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: 'a7a27997f9a055eb5a7efd1da8c6666bd973fabf', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: 'ecab317da926fe598cbd45656a66d47a8025d82c', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: 'b51a09e1750326673c6e3475e3c5ca8c706e76f9', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '1c3eb3306eaeb002ece4cf2c5495b612c599b541' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '30558d63099364be9df4f07277cdc0cf1be119f8', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'd3cff0548fa8d528e2ede57d7d339aff47a535e2' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -17,7 +17,7 @@ export class GuxTabPanel {
         }
     }
     render() {
-        return (h(Host, { key: '95daf8b94a84f921ab48176b26372ad8c45185a4', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'b6aa40c23cfc436ea3a36378de781441b158b1ba' })));
+        return (h(Host, { key: 'b8720f9f1622ff96097b0ed50312b81e050ab0ed', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'ddce6c3dcd36a2cbaacf3b7ac4e7eb80bb5730c8' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,7 @@ export class GuxTabs {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '8c5eef393048b188f750a10c53cc40a95a66cf14' }, h("div", { key: '709dc342cdf87dcc30c156937a00611e26e34eec', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '0b89efdba4dbe56f64d8b908ba89a955ae1fc156', name: "tab-list" }), h("div", { key: '751ee7b24a6bad58d23d7aaf222d2cb69e1b34cc', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '8c2d0dccd4132e017408c0dbb746edeaab42493d', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '7e8d1946a2cca80df18c81e4e1a3a0385716e920' }, h("div", { key: '36e78c93d301635472b9f27eed3a7960e7b6df43', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '22e262d4bd0c23a5f4b2a4a7c3a1104bd1b82985', name: "tab-list" }), h("div", { key: 'e571985a5bab42c52de7368be12db0c762dbe2ad', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '6dd4d7e82db45eb434581661788367d4e7ac7c27', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     static get is() { return "gux-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -152,12 +152,12 @@ export class GuxTabAdvanced {
     }
     render() {
         return [
-            h("div", { key: '31093b8cf0ff62c9be0b98627e6610b7de31e316', class: {
+            h("div", { key: '0e343cc92069df18ddce7fe8a09ac777a2720a6d', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'ec9c0a9fe640550e518c23fed530594ad3c7ef51', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '8245b90ddf5c22e76c53d3937a094817174b7baf', class: "gux-divider" }))
+                } }, h("div", { key: 'ffadffc758858a51d2cd1b2c0c76192b51e9669e', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '17a463fb81b36408c98fc8d8360a01001a35e39b', class: "gux-divider" }))
         ];
     }
     static get is() { return "gux-tab-advanced"; }

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

@@ -415,7 +415,7 @@ export class GuxTabAdvancedList {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: '0d1097696ffe2dc56e402401b8f597e6a355fb84', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'db8ab979c8560a8348860f53a44016e198d06e0a', class: "gux-scrollable-section" }, h("div", { key: 'e6a3da3cde9f435ed4de5f39d8779ed46fdea72f', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'bd8871ade0881531e8960516c33a0ddec1c06495' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: '3141c7d26950d26eccfd136d7aee263963f0ef14', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'f5d4ef90168f0e44933ca388d6f49e120cabf26a', class: "gux-scrollable-section" }, h("div", { key: 'dcffc6d1f7336e040a7ad612789627f4556eadc0', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '4b705d1ce564196a4feaf2698b057acab03b9f8a' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {

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

@@ -17,7 +17,7 @@ export class GuxTabAdvancedPanel {
         }
     }
     render() {
-        return (h("div", { key: '9396fe3be2f04c75017697e7c999acdb08c8339d', 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: 'd46460ca893b7b0399ca32fa0d0aa2714e131871' })));
+        return (h("div", { key: 'dd60d64de9b8c2a878ce7f184178f0db9bc26f8b', 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: 'c75ec6be40fccc1bbb4f8fd3ce9bf49e002b8d94' })));
     }
     static get is() { return "gux-tab-advanced-panel"; }
     static get originalStyleUrls() {

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

@@ -46,7 +46,7 @@ export class GuxTabsAdvanced {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '9123a797a37fac25fb527912b35005589689ef2c' }, h("slot", { key: 'c0234d03a348bada23cd3bdd45101e90504afabd', name: "tab-list" }), h("slot", { key: 'd58f6be9d9820ecabd75c45b29234a5b48ca1d60', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: 'aca415d2ddbc86cb6ba76493c096f016e53bd0d6' }, h("slot", { key: '368906c4ac90cca02b796994ce4f9db26b5954cc', name: "tab-list" }), h("slot", { key: '9581ddce8be20db2fdc6bcdc5d0e4dfa2b5dbec6', onSlotchange: this.onSlotchange.bind(this) })));
     }
     static get is() { return "gux-tabs-advanced"; }
     static get encapsulation() { return "shadow"; }

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

@@ -55,7 +55,7 @@ export class GuxTag {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: '416ef61ec220fb9e903c9eacf8c051c9960e54ca', class: {
+        return (h("div", { key: 'ee01d13be264469127b2d61714207e9b754b986f', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

package/dist/collection/components/stable/gux-time-picker/gux-time-picker.js

@@ -215,7 +215,7 @@ export class GuxTimePicker {
         return (h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (h("gux-popup", { key: '5563796dabed50b4327a9e58326afe56eaab5567', class: {
+        return (h("gux-popup", { key: '520d19cc360c779b79a69bbbef7073c4d37ff1a5', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

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

@@ -43,9 +43,9 @@ export class GuxToast {
         return (h("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (h("gux-button-slot", { slot: "secondary" }, h("slot", { name: "secondary-button" }))), h("gux-button-slot", { slot: "primary" }, h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (h("div", { key: '0ebc6cb60764f9205f60e4034ddcf4fdb0c00dd0', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'd060febea505d02c8e352b09a7335809e4b1102e', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'f0b54da1ae72907a44d2a123c4abf70b1628fa86', class: "gux-content" }, h("div", { key: '57c966a622426c3b0c20ff157149562fff50ef7d', class: "gux-message" }, h("gux-truncate", { key: '72bf7b8e815d3d232513e4823f25bbe4e055511c', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '7ebf96b2523d46ee55671b0add56390d35e2bf14', name: "title" })), h("gux-truncate", { key: '36cef6502a71549c5ab68e0c8fc740aab080aaac', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '4e6de4f2c185679ba815949823fe3d16d7733e2a', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '91867bd6271cd4825f70c9acceb4b0aeedacaced', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '2a2978efe8ce348f1c1b3fd741b7bf751c7927b7', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '53bc167b8c1dd7bfb001cee46584d408e43a5894', class: "gux-content" }, h("div", { key: '2797c62704115accf7bc9a2534814ffe0e580d7e', class: "gux-message" }, h("gux-truncate", { key: 'a2c239fc0f3aff92da486117d48728cd00cc235c', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '149e8814c6093f6ef2ef04fbd5436578e21d2539', name: "title" })), h("gux-truncate", { key: '1453bce500cfc1673c590577c2ed12efe0bf56d9', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '2a364ee54ffbb631c2b01e5d214e0677c9221e19', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '0b0e9e727463c4190ce6ccea0b1b7d5c990160c1', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '58fd98c0c72897b77d49f263e0a043d99b3ee756', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.js

@@ -16,12 +16,12 @@ export class GuxToggleSlider {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: '07ba0b207e29395072fe5de05a825c4cf6677601', class: {
+        return (h("div", { key: '647b4e591ec46ad752ea3c847bb831e7e00b2307', 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: '6d95b48f8fabb201e856a003552735b259086e9d', class: "gux-slider" }, h("div", { key: '87a82a53052ccf820c6e457072bb2fec50fac471', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'cb2c1c8cfc1e635cf32899fd70f1c3637e2e834a', "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: 'fa891494f50727d8044bdbf342a2162d9874496b', class: "gux-slider" }, h("div", { key: '12cb1dff46027fecef7a8ca5af9b00c791d428e1', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'b8acd8af92996010743f9f98479156dda5eba504', "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get is() { return "gux-toggle-slider"; }
     static get originalStyleUrls() {

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

@@ -72,11 +72,11 @@ export class GuxToggle {
         }
     }
     render() {
-        return (h(Host, { key: '50b365c0516414f72ce9138e20e1e70c379bed30', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '4fca42f475615d1a930af1af64c14f419ac4c4a2', class: {
+        return (h(Host, { key: 'a520aa2a6bf8b1dbd4c04fdc8975364baae5c753', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'b1a45c7ef17625b08aa5ad846c3686ad35029d3d', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '91ec207a1b2ab99fa603a2a0f4c53c0138a2a840', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'c1444f2f246ced17e6e6bfc9d7e0bffd8d7dc46b', 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: 'ca31de3a7bfdeb3bf56f8dc7a31122fdab804a8f', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: '322f59ef271e8508dc2fada0712bdf2d9ad21db1', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '7f174fe4c252dc22444601b75f00943f410eb8b8', 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: '3d1b1d7e7ab4daa7c40a0b95a0d368037788f6dd', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -134,10 +134,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '9b71c7f799b27a97b498f36a7807bb7c52bd0b91', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'a6f1a77daeec1282a0fc9057908c2c1122d1416e', class: {
+        return (h(Host, { key: 'd52b001d305e61990a1ff42bc63baa8a8b7dff97', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'e8300ed0213158e5a53a747fa5330c0d8f9ff2bd', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '36a2a0fc867a0e6a80a66bf120e9bde9b83e5381', name: "content" }, h("slot", { key: '8e82b1d2ec65b9759010c4dc0a398350340ab2ef' })))));
+            }, "data-placement": this.placement }, h("slot", { key: 'ba3e2973e2eaff088a5e51ca1fa0377958b68c1b', name: "content" }, h("slot", { key: 'fa6f328bb89a478548beab59eb709b706bce380a' })))));
     }
     static get is() { return "gux-tooltip"; }
     static get encapsulation() { return "shadow"; }