genesys-spark-components 4.121.0 → 4.123.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: 'a75dc5acc74156404a41d589777df2418185386f', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '8050d0a2a3038915ebdd3adeb809b5690904d82c', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '256278e5b949c188f20be826cf86f2759986ed11', class: "gux-option" }, h("gux-icon", { key: '3ea7a34b74ccc3cade832e9ebbaeaad2f5321743', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'fc5e1f2591d3cf32826f98a7d9793c78481b66a3', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'edeca4eee776ba323719997c31c16e07ba1afa36', class: "gux-option" }, h("gux-icon", { key: '8febdde9eb72fb3126baa96fdaf132e32f41d09c', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'e2516e41955f442c129e51b902ec54f90198890f', 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: '3a5cdff42434e2e37079e01b408bafbef12e8e82', role: "option", class: {
+        return (h(Host, { key: 'ed850a35be6944fdf451b06f6ac6da28d1576435', 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: '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()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '20f9ad2c26485c6edd7d9be14290a69da35231e9', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'cb3ab45d14e31f1f7c443d503f0b6ada20dfdd51', ref: el => (this.truncateElement = el) }, h("slot", { key: 'da03321ce4f9a769544f2396bce1a55215a07c85' })), h("slot", { key: 'eb742f9a556dfb3dc3c0f3e7055d02544d39283f', 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: 'a6882e944f1d689dfb4adcecd30f3688cbbfba40', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '1dac8dd5f9d6d9a44e439f2282f8b18484383c59', class: "gux-progress" }, h("slot", { key: '07eb149c4869b33d7380d40464ff246f97581621', name: "progress" })), h("div", { key: '04b0414180f916aba67f104c080291ad02563ad1', class: "gux-primary-message" }, h("slot", { key: '3cd25f31f296f7c7071371fb9838a62e18e3d8ba', name: "primary-message" })), h("div", { key: '928eb0eee649385cde2ef2177b9635e762d6e306', class: "gux-additional-guidance" }, h("slot", { key: '240e84224ca76ee01ec0bbde1f3c1ba4669172ce', name: "additional-guidance" }))));
+        return (h("div", { key: 'bec01bcb41c1d7c67b327a06c4004fd69610cb3a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '61fd1c41cd84bc3170b485409fc1f875cfae53b4', class: "gux-progress" }, h("slot", { key: '162770be6b1e4ddac98ba43d1cde295d8812beb1', name: "progress" })), h("div", { key: 'ce41002cfbdafe06cf7e596879dedbf0569e78d3', class: "gux-primary-message" }, h("slot", { key: '969c00afc1f9441e046f64c9f335f6212531c15d', name: "primary-message" })), h("div", { key: '30566e826ddf339d1bf65ce475cab14af48942d5', class: "gux-additional-guidance" }, h("slot", { key: '7f0c15ff42391a285379a7af5ae34d2a25ef48c1', 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: '1ba76225c1eff0ea18b0174139b292e80b4e410f', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '341b8338d682b64460e913a40bde62ce5a608501', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'e2c44589e3e05caf3226e292ac8057ede5694112', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '5cd0a5ce5d10cdf63a209937572711594d1baf89', class: "gux-modal-content" }, h("p", { key: '444bae638a018a71c1cff61d0e44e2f6dccb722c' }, h("slot", { key: '04099bbf6b4a77aafd7b66fb47a09b96e9157ff4', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '21897759cd4ec962408451a2fdcdf2fb76a7fcb0', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'bac191d2c8484a27507e3e2e036520a74e290548', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '3c12f84d2ef4384067e367bbfd2463189a6ae585', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'ee041befe4913a099434d9ce39e7bc2cbb0966c8', class: "gux-modal-content" }, h("p", { key: 'faf2629874af248e6bdc9565332b64d9afd9f356' }, h("slot", { key: '389eabb524cccc6fbb81da8e78b807f1cb4955f2', 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: '773c451d05b6f6c9d97f279c5961c77c0717d7c6', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '0a1ecda47fc13b251333b915d4d372fe5cc7d7e0', 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: 'd83469035eeded8e0e9e43ad632a564326cc7267', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '349f34efcac7bf8b38f1a7509337909d8e6e2554', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'e03fa70c64be34f818253bcb611394d232291fe5', accent: "ghost", "icon-only": true }, h("button", { key: 'c30a650f7dd1c0fdf6c20022037d118901dfd0ed', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e6311a534f265c5a870cf7aba74b208fd86b6e52', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'fe7557f4efbc11ce0bd8d4a1cd765b7053c2d382', accent: "ghost", "icon-only": true }, h("button", { key: '7d7429cb043d49e6b1aa762d76e511bd3cbf07bd', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '2680079a109b68ae368b53f432dd35d45e45507b', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'e842ce956375c6a58e27a786e8f34d8384c46974', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '86baca4da1dffc91d23abb0cc697064218f4946f', accent: "ghost", "icon-only": true }, h("button", { key: '33bf2b4a8c0f9c4f097dc75727a639dc4e1b3a25', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '385500eeb888d9aa7c6bb802351bf4a661a267c7', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '120a77d969dd73ca65cfd3d063829917e618b3b8', accent: "ghost", "icon-only": true }, h("button", { key: '0a5ca811355b17bd049a555cae7590a7a4ca686a', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '6875dfad4581d3c169cbff7870bcde87c1bbdd41', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '39f1c5eb5fc54d4d64a8f2ffa5f60635b8397332', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '19091a23b75cb029549435b9a158441d1e0b4d9d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3276cdb33a4335061621102b2112c3f0d2b307a2', accent: "ghost", "icon-only": true }, h("button", { key: '9f39024f7c175f4efed5ec6dba29ad4c0a8c0e45', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '02c1991859f02704e3c97e38d1e69fb8aefb6954', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '6b12072517bc7ae25abdb137d0e85513d47637d3', accent: "ghost", "icon-only": true }, h("button", { key: '1a658e56e1541949a9a2d7bb58fc37ee4c08ca7f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'a4a5e5950e2fd244f290b4295f12185adfdc6a08', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'f9d118f6c74bfd34f775bc14ad88d91636c5000a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f30a1f91fb26d46939702892f44e50436b93e1d2', accent: "ghost", "icon-only": true }, h("button", { key: '9c71b7f6fe2ac9d19b4d9a0ce11b71c1bc0a16de', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'a11c2b1e0d24e75862266692b8a3b87e948b27e4', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '4b171ae9736eadfb2681f103f0a0f41fe9c21f39', accent: "ghost", "icon-only": true }, h("button", { key: '744f7b35f9c860ed6baf90c30c13606693a02f64', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '1ff11eefedbcfb363000aff2dddfdbb6ac4ff2f8', 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: '7765d2c90e47d168ba2f2492370bef18e1b224bc', 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: '440dba63e9b2f979e05eb2729b5f33c25222c0bf', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: 'f6ac963dd5cd96f312712e56bb38660f5ddc722d', for: "popover-target" }, h("div", { key: '47749ce9824722e918a637e35d8db9cc57fb312d', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '374abe1f13942da30b986fbcaf2061e487451dc6', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '2029e8e45a2504954c688e1cdfb21d450f196e55', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '5ea400bc7fd9068f2f295c27fb5c610fc9608f77' }, h("input", { key: '8aeca3c756bff9228548e431eb177947067509fb', 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: '9413e3e0f566b9193700aa1ceec1ad969441c830', slot: "label" })))
+            h("gux-button", { key: '62ab4037917fb59d34665b737d7bd8254d8462d6', 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: 'af2c6cd3acacb3f63b5f91c07b9c0e367619a235', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            h("gux-tooltip", { key: '94ccf5ba9241d249bc515a42b9e78f917ff38a59', for: "popover-target" }, h("div", { key: '3848045adfdb8d36b29ff5932826549a5e5e0358', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'a1d272a4da436e198125ea2f8578a68d41ed89ee', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '688e398fbff9d0c241ac27ab8d02e1e088db59b5', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '8dc4c30044e675ea03a25e76708eddeb5b8adefa' }, h("input", { key: '3c6f27a95ba21de9b901dd31c8e2e73a6f7fd4d8', 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: '01450618382164f06637d3615deec9e92c037bbf', 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: '86ce3669f099d893194f5514e5092ba0ba21ebb1', class: "gux-pagination-item-counts-container" }, h("span", { key: '6b40aefa48a449f05d885a2570461a12e9273cdf', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '9efa083c1c310f0bca85b3d0a23befe236133663', class: "gux-pagination-item-counts-container" }, h("span", { key: 'ad06f05c45571c2b2fae1048d338a9dd75328bf6', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '269a8a3de2e3e4f1ff7d29ccc1fd5850a552399d', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '11623c632f0d19f28c8775691dc3543b306c1047', 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: 'e5a4e433be719e153fc008c979fe32f33443845d', class: "gux-pagination-items-per-page-container" }, h("div", { key: '0027b19cf51f8c0b862bdc0d5486c70c926e5be6', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '4f726b00770675862cc1ac98762e7983114a992b', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'e546eda4401964d6de83383acebdedaebe13e7d2', class: "gux-pagination-items-per-page-container" }, h("div", { key: '8b2fe99b27692e3dbab6ef3d7975122b0908fb32', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'd6c1ec2f39b2efed90a947079da35bba09b9991c', 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: 'b4c1f6b7a2793dc5774a8043473758f96bf54bc7', class: "gux-pagination-container" }, h("div", { key: 'b1aabb990f06551bf31c36911018cdce361fe68f', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'd9bf9ed6ef230f518354834e5bb3f5e76f3048a6', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '394066a448ea66e240e52a94ae4eefe64cba25ec', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'dcb8379f8dfc9bd71c6164689a6d1e65e6ad5265', class: "gux-pagination-spacer" }), h("div", { key: 'ad0be2dedfeec3f92de5346316ed1c6a615f698c', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '21c989752e10803d347e5c1d79ce651ae383d953', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '96b42e7ff8b649551a0787e5b609b977bde58a3f', class: "gux-pagination-container" }, h("div", { key: 'c6bf845840b3d608ff5ee0e0eea065850fb5663b', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '0b3c1652fa9211e313888f16d5cbe68caf45a88c', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'f6bf5f2ec70d82a1b0833e35632b6633893fab9c', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'db42cf10e4aac6245b509ebe7b96a14de41f0b40', class: "gux-pagination-spacer" }), h("div", { key: '58b6ac129bc89bf6e80695e777ce3944325683ef', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '4286362b84b3fe0fb8ed4219bcb9c550cf50bfc4', 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: '6c4557c995313b30bcbe116392a5e1f9bbd6643a', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '593e0d4dc00162d267c770e3d852e6f98cd09ec1', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'f44d845855d20f39b9de85f32bad069bd93dd818', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '696032dc5ebd8349de39fe5ae01d6aafb92390e4', class: "gux-arrow-caret" })), h("div", { key: 'bf80c81d49bc6d495081669c84c2f7065e45dded', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'd2c302ff738dee7a4118dc2dec17e955ac59db5b', name: "title" }), this.renderDismissButton()), h("div", { key: '54e0012209271ece6e4114b65ee7b15aa548b092', class: "gux-popover-content" }, h("slot", { key: '586930d851db6ec626e7c6ac1f93027bd841db3f' }))));
+            }, "data-placement": true }, h("div", { key: 'b5e9cfc95642b71717c554422179919793c3f93b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '00d9c68141aee90aa2e059a03e798fc319e8316e', class: "gux-arrow-caret" })), h("div", { key: '08256b1de728e35a44eb3bf754f5896fcc9e0974', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'ac6a177631f319bc3546c30ddcf128e5708972aa', name: "title" }), this.renderDismissButton()), h("div", { key: 'b4cb89cecfd37a147c42ffdeba785f73b9cfdac4', class: "gux-popover-content" }, h("slot", { key: 'd2de26578fc354c803a454ac52a2bdcfbc93d101' }))));
     }
     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: 'b9075514cd8bf91fa7ee346e541bf4fa65de3b45', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '470e65690b64a810a594af7eaa66e1849bd0b56b', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '2ab2d6aa339e31ee8f86ad77f9e38a38d055922e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '0745a0efeefd5bfc252715088d8ebec2fa45a95e', onClick: this.dismiss.bind(this) })), h("div", { key: 'b6d05de93e84b2d028fbe9adb94409cbfa153cdc', class: "gux-popover-content" }, h("slot", { key: 'ab0575ca09aaf35ba48d20228be94905a2b77fb7' }))));
+            }, "data-placement": true }, h("div", { key: '161410435476b12186c574b09bac019f09833161', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '6900494608564ca5464c0b828121b965de76dea3', onClick: this.dismiss.bind(this) })), h("div", { key: 'd83b181f27b7ec17a9dc6595aeac4c8041ea617a', class: "gux-popover-content" }, h("slot", { key: '2a0d0d1edd221e121816bdd64e3f4af98fb3d97a' }))));
     }
     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: '86661e9a1ffebb0288baca4f7de135fbad546f94', class: {
+        return (h("div", { key: '0eea4403321a74c7068b49043ba237c2149f53e2', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '1bebbdd4662c7936552ff386d546a2132e533cd7', name: "target" }), h("div", { key: 'ea9d72d6a89cec3d8eec15414ba0983482091702', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '4f8ce47279fe5b6610434ae0fa9bcc45fa8923f9', name: "target" }), h("div", { key: '744b3daf92557877bfb29088e49ee5e4bbeda7bc', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '70d5b808259f11ad8e3930f1daf1773353dffbf2', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '587be95d77f6e799be6c763083d52657ecd0bf6a', 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: '5050acbcec37447b77f8f28a2adb5338f53f852c', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '45a21de33b10cdcb56358c304fecf87f033b07b3', 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: 'e6b3bcfc9acff744dd0b59422fbb89331b3117da', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '94132dd53042c70d6353f6778e7a7bdec0bdf3b1', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'a2eedfafb0f2a77b61eaaf0fda86b6eec4898dec', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '454cdcac6c51eccc50c319042f42df05ef2aeaa1', 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: 'ef0d853e95badd57eb173c390f0f6950e1475e53', role: "listitem" }, h("slot", { key: 'e371682f25fe34d189f748860eb3d20c089644ed' })));
+        return (h(Host, { key: '27c0030e2453af204cb0377da358934cdc96f6ac', role: "listitem" }, h("slot", { key: '2586e83f7e87df1dec29fcb88bf0ae6cbafa2f25' })));
     }
     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: '02ed572d1221b8fdada9877da919de56a273635a', class: "gux-container" }, h("nav", { key: '852f827d6d6c4e4c0114d7a331372070ba49b679', "aria-label": this.i18n('navigationName') }, h("ul", { key: '9fba57ce1f460d42b69f06e55e5de335f60f7a3d', role: "list" }, h("slot", { key: '8c78e4bd144bf10f11731a08ad7df2f0eb1592d8' })))));
+        return (h("div", { key: 'c1e6d745d73f309e1d06ab5c5cc0a7c27c289f70', class: "gux-container" }, h("nav", { key: '9d3e9e46d23809c1041e56da315268d85d13947e', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'dcda32ba4904b05c4a2cc35cc9193f999a60526c', role: "list" }, h("slot", { key: 'fec5585b42d0b940b2fa89653fff54686d11c9d9' })))));
     }
     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: 'ddc6f10f9625bddae53b80e1013fa0d53c042b34', "label-position": "screenreader" }, h("input", { key: '3a42b86e47020120e9bed8b96c6d48e9d0adb168', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '1c3ba17d1be816a0a94dbc0737b4e8f5a1bc79d5', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'b9607daaf870ff6b8159c8ce657fde02262a002d' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '788336919c945853b05e75e70975100ad0986a89', "label-position": "screenreader" }, h("input", { key: '3210e7311daca4a03bce2c0fe3c75dd507752629', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'd94843a11043ecbbf88e122c8480be02ca45344d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'b704de7183526b50e5046e170b887e0f2baf0b29' }, 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: '3ca4ca2fd7bbbf0bbcd009121dc442cb6844a461', "label-position": "screenreader" }, h("input", { key: '4411a4a11ff8cb28d179ce220ab3884b53b462d8', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '113cb75b6226a4647a8fdc23e0977fa369eb904d', "label-position": "screenreader" }, h("input", { key: '20dfc3bc04df9ea6be8c897b89a775e0f90e12f2', 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: '1e223e5c74cfc95c0202cad29fd66ae3b09f638d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '603596ee0054d837ba56725429f4de0efbd10426' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '4535ed7f72ea3f899a0e589227fc48c5c51bc4e9', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'dff9e70b886b5d4d8dffc2e36b76d65f66a2e7af' }, 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: '812daf6ea1344c3c5a8d310b8bb744ce73b9a05a', class: "gux-container" }, h("button", { key: '6c4573aad440a209cafaf1abef12447b13c95b21', class: {
+        return (h("div", { key: '2ea9f436e1bef1beadbf635249cebd45a8b51607', class: "gux-container" }, h("button", { key: '1e901b7e59f0213f63238c2b9c3236d0de186598', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'a4d15feaeb1804e455585f30fb002a866d96ccdf', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'c94298cf641185827a2bd8af6ea367e51b1c046c', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'ecafa8c0db0b4860a5f1e485836841f2fd167d84', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'fc30f4ee7e432af2e846c06b68b7f4d466f6ec77', 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: 'd75e7ee507b747701bf1e3427c41fcc412f96ad3' }, h("slot", { key: '161a05100534a4f32ca8e44ae12fd17067dcccdc' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '67b269ef8e8114556ceb90800cf4b0d431878b0e' }, h("slot", { key: '4e576885c50d30b807c5138777bbbcfd7024a445' }), 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: '73aee8a90fbda7b70630f3bb7c51dfd9097fe3fb', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '411b266888702c89db3d9a433a7afda659e93779', class: "gux-table" }, h("div", { key: '5d8d33f9526b8d506297b77f6314667ecb09edc8', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'fd1b7ec4dc41f3e568a340be5d41ed0f7b2de117', name: "data" })), this.isTableEmpty && (h("div", { key: '663a13e00ac43c13d24366dc146f4b9ead0a52d4', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '80e66e95a86dad11b419bd6056208fd21b9e1c0d', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'b90ba538c0f0c7919b73f09d5c430857c3f37aca', class: "gux-table" }, h("div", { key: '899edaef8cf1fdc49bbcb0096cb9f0a68ea784ae', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '22ba53ee8b3cdf45e54d87090f28576053d0880c', name: "data" })), this.isTableEmpty && (h("div", { key: '4ad1feffd3c13fa7c4258dcc7ed744bde8e2bbb0', 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: 'd3dcdc334d6f9065cc0d6e2fe2b3bc005889f393', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'b59542f2a709203ef2c3738106bd9140b2447c48', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '4f0b0448863a274ed337378fda59a2bcd666e704', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '33be8d51dd2f0bbcebd0371a0e681ac2594e99df', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'd194547800d92d4eb2c1e6e86393edbddfd95ec9', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'c6f0f52671b112ffeceec2c32bf374d815d00e5a', 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: '1eec70deebcd79045545a656944877e43426e95d', accent: this.accent }, h("button", { key: '921ae14cc9234cbf37fc96952da554afc89a86d3', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '999f2cbcc016b99f46a3de21031280426d145584', name: "icon" }), h("span", { key: 'aa4db40818b66035175cec06c0edb3ddfa7d0eba', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'dfe4c251377716cdf9cfa4a106ac278fdbeaf4f0', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'e95ed88fbc315651c53e06bc6f240c7c19975d3d', accent: this.accent }, h("button", { key: '3a247124c4d98cfc192b5c8b56a3a797e4c26814', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '8bfb89962a79bfc3cdd1f7012ab0aaf6964d5c1a', name: "icon" }), h("span", { key: 'a1660a93fb37bc8b3e3da7ec7b6689aa9a2f262c', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '63cc4299432223d86c90f98aeae5286955be7be8', 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: '2511ed1b316c9f7ed7e2673de6e8af50f5468859', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'bed88754b167dbab2bcc287a0056d5987c6dfd74', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'c69d73735b8af5ca3772faaa75d5a98318978942', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'f6960b90b71d5d8b221c2d66052f06c32682a3c3', accent: "secondary" }, h("button", { key: '9d37b761c0773abebe2dba3eb0563780743198e2', 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: 'e80c57b597fa976978737cad4f0fb754139572d4', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: 'ae183fe1640fb16a8d2f727dbfe6584ffd4a3329', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '724ff538728ad6f7012f548346eebda0becafe78', ref: el => (this.listElement = el) }, h("slot", { key: 'd63f1073fe9008578e27f0b1ea3b41c86f20d9b9' }))))));
+        return (h(Host, { key: '5316c34d9a9070f8af183fe50335839c988dac1f', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'a31bc506b237d790797aa5d1f69eea411f5899ae', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'a2f011228ff4104be59d3fc4a386cff6a1c38269', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '256a3210c995b2651bcbf0678948d07f53621596', accent: "secondary" }, h("button", { key: '5da937b5c5651a485fa3b79d1e5475f0c6157cc9', 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: '8f531a5fef1a6de3352787cfe173832ff26d5381', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '8532f0226ecedcd3a89ef9632a3a557dc999b91d', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '80413c82c4e0d49ab930cde60cceac2d270fd751', ref: el => (this.listElement = el) }, h("slot", { key: '62b751ca2906c0e43db4683d45d9f092e1f51f5f' }))))));
     }
     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: '7ad0fb671c3e365264386c2f23be5ababf7180f8', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '12c1685dde4fdaaec862a008266d05e0bf4ec1f9', class: "search-filter-container" }, h("slot", { key: '2143a58f9d13eff7a503ffbf1d4a6b7b6e689374', name: "search-and-filter" })), h("div", { key: '9af6e0cc7068d479aad5919829f252a0fbd86e00', class: "section-spacing" }), h("div", { key: '871b7e4286154264a2eec141bec73cca183b8421', class: "gux-contextual-permanent-primary" }, h("div", { key: '2bf2866557e37bed02b8d5753ac322b43368e24c', class: {
+        return (h(Host, { key: 'c242271e70f69fb8b585257d86b50dd1d7bf7e61', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '064798446c9bd5d777c46caddb7a1a8c64d3facc', class: "search-filter-container" }, h("slot", { key: '23cbc2ead3fc0ba47ce6d43cfd5b9ac20db0abd3', name: "search-and-filter" })), h("div", { key: '2e02f4769dc58c1091791931895b86dd276e534e', class: "section-spacing" }), h("div", { key: 'e6c3498b142c9e2175d1d815f94507a8ddfedb6e', class: "gux-contextual-permanent-primary" }, h("div", { key: 'bf491607c9f383850552cf31a281664b85dd00ca', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '1656e1b40b31cba84ed05e6fde3ee4073d607590', name: "contextual-actions" })), h("div", { key: '2bc4175342480282781527ef1c1f8edd258917ee', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '2e6965cbe31b963708286a5ee370b34e98f73bd9', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '3ac915653b556f8eab471ea2c6d709db30d5f1b9', "show-menu": this.renderMenu() }, h("slot", { key: '11cafb537f792256326d7c7dfdf9fb53eb5be9e4', name: "menu-actions" })), h("slot", { key: 'ac7e49c00b2c70d1bcfc885df0580e541c1fa701', name: "primary-action" })))));
+            } }, h("slot", { key: '81feb20d964e5f661d6ff22da329b1dbed21f6aa', name: "contextual-actions" })), h("div", { key: '2d3af69770be272f642de2100817d2a243336d41', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '96b40bc8fd2a216c02ad70f70418b32896c8ace5', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'e38e2f679c13ceca8988654860d905c55ed0584f', "show-menu": this.renderMenu() }, h("slot", { key: '3525fe6fc02edbfa63d818bf5a5dde4ef0f5d904', name: "menu-actions" })), h("slot", { key: '5e308e8a00656dfef1f1ac0586db577405b50d54', 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

@@ -43,11 +43,11 @@ export class GuxTab {
         return -1;
     }
     render() {
-        return (h("button", { key: '36e9856cc60d82fda6849197c751eb3ad1f40edd', class: {
+        return (h("button", { key: '8b459e4b2520b137c8b99dd1c2cad619e808abe8', 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: 'd86503a75ac716e3e483da2366cd751070c9f16b', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '7602c4988e782ed1d8b614c2dabb19d5b2934db4' }, h("slot", { key: '42c6c71b823a7315639401067eec146d36c9ea27' })))));
+            }, 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: 'debb89a76f49647cec68f9172237f61d07765052', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '4e1d76c0307fdc8430190330b6914184121366b7' }, h("slot", { key: 'ee01e0ecd72af03426159cd719fe7cbf70b55b7a' })))));
     }
     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: 'ccf3abcda14b32148fc48efc1725e0133ea6d40d', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '13462fdc74b99320baa46513d2f362a8f9243944', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '2e5e68308230c99b5a66ee9a425e880c118c1a99', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '70fa0dda7f54b08d43b9d6166a39953f225cd0bb' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '69b9ffc0961c601edb6ba44a88d9fcf7d9ff50b8', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'b74735a55130d0842b08d0d9decf310050b37cc0' })), 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: 'd61df96ae59919a1da8dbb6e88bdefd85fe2fab4', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'cf41de7639fac2d93e4e42371d12271fbc40f401' })));
+        return (h(Host, { key: '8a344bc511b268f6eede0dc8a0ee5a9856c866c4', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '50ddae0695aace3fb818f2e665dfb8c9f34b61f3' })));
     }
     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: '21b0759a2594ae149a49eb2ddc7091ff3c0e47b2' }, h("div", { key: '9ad3fa68095bafb29ad51a8413afe36dd407d3d0', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'd6dcca6fc6231300b4793c8f59835345332cafe3', name: "tab-list" }), h("div", { key: '542d24a980acfa492cdd47ffecddfde2d17f6f9c', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '6602118a7af57cb79b94b86c1b35846de24adf3f', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '32ec84ca58ea68afe88ff71125d643a19b4c2888' }, h("div", { key: '0eca5eb0531d3cb61e6507037d5878fc6f824300', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '57a029d8b850fb6b32a6e43f830ea002a8910d4f', name: "tab-list" }), h("div", { key: 'ff9b5490b1208e95781ea14f35faba51a389050f', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '55018d9a16e2cb4ca413edea8ffadfe6e416b864', 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: '015f268da360205a704e9bd7ed81d2751fa7d143', class: {
+            h("div", { key: '9e4dbe56212cec846b5c5eef62628bd1a1ccc160', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '239a4f2eeba454ed76d8fea543eceb579294aec0', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '9e8c6eb10fe24e56528fd5329f6fa812ea24d097', class: "gux-divider" }))
+                } }, h("div", { key: '1cf47008a8acbe1b7865b46d933a9a8dbc2c677b', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '4d3bc98aa1692fe77c2d212831a9a54083c32845', 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: 'e9b9aedcbef480914c52a7f91c3822c1e9eb572e', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'abc6d5227defc6371dd229a2e982b270423f419e', class: "gux-scrollable-section" }, h("div", { key: 'e04ad66453eba2c7e6969fc2590e427c5102e382', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'efdfbeb4834b3360e3bc571eecf224ed3327e577' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            h("div", { key: 'c96a5924669355bec35bf700c5b31ff18291374a', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '092d3fb8f257590f3a12e98ab7706701e499d250', class: "gux-scrollable-section" }, h("div", { key: '17933942bacbdaaf5f1d9d92ed5e63c74cf547ad', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '7415bc7893ddfa51d12b14caceda54c27919b4e1' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
         ];
     }
     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: '616f158831fffcc9a96b301de1d7bbb58aa316b1', 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: 'ede830c67fd31cb9c7bfcd07c6179f740e2588ba' })));
+        return (h("div", { key: 'a3fd0052f5ddecd8073db6f0bd228a5cd15d558c', 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: '51886f782a78a912856fbff5085a597dae879fc6' })));
     }
     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: '3fe412189e324adbff02b631f40dff277ba061e4' }, h("slot", { key: '514367acd750c518346185579c4ae41e7994ee61', name: "tab-list" }), h("slot", { key: '1ee63ae1a038b85ce60640239572c5a0e02b7e3f', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '8489887290e0f9a6b2b5c73ea5a4afbb0fba4d9e' }, h("slot", { key: '385185d1a6c25cddb230be2f8ab777e4d336bfe9', name: "tab-list" }), h("slot", { key: '9c35d8ac5108608a92702f78f83ec1f907d41788', 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: '73621e4155e60f6d2b7e2175d706301efa35247a', class: {
+        return (h("div", { key: 'ce381084752b773ceb69d072b89b5820478bf546', 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

@@ -240,7 +240,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: 'f6707b2d692327ae6e7db6a217920b1bf735a396', class: {
+        return (h("gux-popup", { key: '63bf03edde8ae0178044b9b3804758fb40eb4ab8', 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: '033e2dc79c03f9afa1022feca4afc4e4bccc93cb', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '67eb72c257e01e983153dec3096ad37c2e497282', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'cf8bc1c227f0fa3543e9f9bc85561afbb855539f', class: "gux-content" }, h("div", { key: '075e2ae02e39c1624cac4d215fb4b9059b0a59a2', class: "gux-message" }, h("gux-truncate", { key: '0ad6f3854d48bfc545b9823077f26ac8d3946d5d', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'dbff2c08c81ac809316c5c75421b14c9d22f4838', name: "title" })), h("gux-truncate", { key: '06913a1b60bf729a2b0ece4af528602cf0964bb4', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'e394d5a2170959e6fd263bf618d0bbc6512a047b', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '0cd5e44ab5061bdd354286d48a9f124ca84c5d23', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'ec96b98e7235ff444f74c3dea4044243f3012fce', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'ff4a659dccfc1d18f52ec1f7757b75d3115d92b0', class: "gux-content" }, h("div", { key: 'ff21762b9993ed7ae29a14b62af44e8767a3cdbb', class: "gux-message" }, h("gux-truncate", { key: '20e1e667f1e2d3888e800a3406b505febe6fdec5', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '967fb63d46c29d25477a0af13dc9a70dbcfd7a8d', name: "title" })), h("gux-truncate", { key: '6500dc3a65c87332f714f010c8a0f061de14b052', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '1d118e12a73a964781b50607b698bc2bbca2306a', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: 'bc8a930bb582f4aa874facfedab5b6f02a60201a', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: 'c25f4895d901b4fdbf6286957a3ec5108b3f729d', 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: '0bc7942d446ecdccd1f5ee6c6ca46df645406540', class: {
+        return (h("div", { key: '33f0b1c45701bfb3efa520526918012e74380f87', 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: '3fdeecc22da8482b5b6dd8d9bb1cf176e307979b', class: "gux-slider" }, h("div", { key: '4ee348f14408b2795be7807de78e7588c3ec1017', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'ad7c5da03c653a4031658f7f591415dccc797ddd', "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: '3a563ccb616bd8ff794811dff30848a5d9506742', class: "gux-slider" }, h("div", { key: '7c78e74df0088793547a58993cc58e9ecc5c4ff1', class: "gux-switch" }, !isError && (h("gux-icon", { key: '8f61218c44a6aabb9c3a3de84cf26ff04118ed09', "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: 'cef1633b4202b230995d9d2f2998506a080afbc6', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'b817cce5eed444f31dc16558c448a071101abb42', class: {
+        return (h(Host, { key: 'a3e0a4d782730ac92793d280c5497314e14139cf', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '2b0f012a8cc64beff04cac4c4c7b5b2e50d3c6d1', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: 'be56531795d1a5c5d60705bd3ee20e243ee725dd', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '26fb392765b4ce01d8c8e61eb82f5d10f2abaab3', 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: 'ade05b674c5debdb6059d1ef6c70324b49545fc4', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: '9fdf73579824c26bf343eeae93ce9b11a206c54b', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'b71823399663be67daf89c82bb11f34224c40b03', 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: '78d71a4926e37507105ab21ce1cca948e0daab73', 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

@@ -143,10 +143,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '0f1558f451e6d3002d6397de1490250763bbd126', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '864048cf64d5a9b3c9eaf9262fb4116833f46066', class: {
+        return (h(Host, { key: '7d02f962f0c1e6680f323e53a80fbde0478f0183', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '15128aa284d01c613ba6a5f15a9ce734b0405127', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'a15e551bf9b9486f3bdc22f1d7968ee532eb8e52', name: "content" }, h("slot", { key: '723a77c5059c2e5777ffd7434eb03d43c8457b0b' })))));
+            }, "data-placement": this.placement }, h("slot", { key: '5f55fd8a879824f593c9158e2a514e5c5886036b', name: "content" }, h("slot", { key: '5ab1a334caa02d7a5654fa1a704692f4d00911ec' })))));
     }
     static get is() { return "gux-tooltip"; }
     static get encapsulation() { return "shadow"; }