genesys-spark-components 4.122.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: 'd4dcd0f50a117ecb427426bfec898bfac63a4200', 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: '4a45a9beee199884feb1a03743b981af392c12fe', class: "gux-option" }, h("gux-icon", { key: '7a84162561b989ec562bd6e198338498e82cccbc', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'f0101e170122a5e8d07591a7ed95ebbf77c3b64e', 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: '01f53b1d822807d4776f72e08d2493657d0fed94', 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: '804cec77b92c08a9319f1e344e4db7d19b7a774b', class: "gux-option-wrapper" }, h("gux-truncate", { key: '951fc1c83aa7b3c96695869fd2d33ea2bdb49bc5', ref: el => (this.truncateElement = el) }, h("slot", { key: 'd01a74b9802f6010f1bf8b3de72dc4b5a7d8283e' })), h("slot", { key: 'fc34bed8a8c52739790d5b3da53bcd98c331f437', 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: '3546f3901af1c7808498ad1b0eec80549a253fc8', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'ae7f90fa8549c4f5415defefadaca7ec6c79a9f2', class: "gux-progress" }, h("slot", { key: '7ce0df34d0cc241391db1dd2928dfcd2642d95bf', name: "progress" })), h("div", { key: '3488b5e3944de3000c3cc6c55d788270ce0c16b2', class: "gux-primary-message" }, h("slot", { key: '589d53b42d2fcfdc27601422a42c24878da9cd34', name: "primary-message" })), h("div", { key: '501efcd1e8bdca64b0299ee71355074afcb715b1', class: "gux-additional-guidance" }, h("slot", { key: '66363dd92f59562552a880067f84835811f2d0d0', 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: 'e58052c46fedc67ad499ccac3a34c00a77073528', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '9fefcc48a27ad42ac4055f7b98007f95b1171e3a', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '64e934dac10e4063ffe0dd3349622264ee23ec23', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '68e1695869903a4a09bca4edae55e630776926da', class: "gux-modal-content" }, h("p", { key: 'c7707aaa07ee3b31c35f118efc1218e173166522' }, h("slot", { key: 'b41f36419641719dc58987bf0ab1e54dadeaee4d', 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: '8f35e923ef892b33e0071adc2f8468219cc2d4e6', 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: '0bd91b28670056a49054093a49db3c3825a4d92b', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '7d0145ea809555b43885c1822a263a6c64c66b20', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4f1cf8b32c0e21988d5e8b7b1affc6c211092e90', accent: "ghost", "icon-only": true }, h("button", { key: '014cd2cf78d8392be975264441d001a47f8051e2', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '2e5a4826afbb6ed9c53b6bcd196d893fce6a2040', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '7370ea7494372740400c80d2af2faad549609f7f', accent: "ghost", "icon-only": true }, h("button", { key: '1755aeaef12cea857b5025639a04f529945693ac', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'c1455ad9ebd8de0ec47f5197bbc4f751f27c09b8', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '2b1ec867e04913a13d6e3b56bb630846fb578066', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4e6a5aa953241a0f4554504fa97843e9b0ff63f9', accent: "ghost", "icon-only": true }, h("button", { key: '7262b8a87e38fd173cfe738051f16225fb16dba0', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '0a871f148918ec17c446796fbb46380b7cb474d5', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '4b7cc842b30e6278931662a523493ba699661489', accent: "ghost", "icon-only": true }, h("button", { key: 'b461999f7ef787e0efa01b41ababf261b331fc7c', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '7592cbc0e1e26e56465de9fd6cc814a618a3e33e', 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: 'bb102bb4e6e7948674c8318c647b30f9cb2e0947', 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: '8810294409c9cced93a0ae3e1c85b0d493bc73f7', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: '47c37eb0cf3975467a9dab5eff31d479853efa64', for: "popover-target" }, h("div", { key: 'b8c3faa45121112f8624722cf71e19658781b4d7', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '005223d651c378144eb4f2069a809d96e1f68d60', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'fa6dfa3d56594a17f87eda22750dd2fbf121e8d8', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c5566c1d3a235557ee69ab50683e04ac768a1b64' }, h("input", { key: 'a76d031de8c98fb08d2fc680036a49440983c559', 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: '5e157f466d68ff710007337486efd9fbda95363f', 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: '58c5fbaff6e58d094188a264ee3293a967761af1', class: "gux-pagination-item-counts-container" }, h("span", { key: '074bd769a03fc8514a946c2593636b5e634bca73', 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: '185cb9d934e226caaebf680a6f3cbd91c3197661', 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: 'd0e5bc9d9619a43f456ad70acc9ba384e352333b', class: "gux-pagination-items-per-page-container" }, h("div", { key: '46759db13c3916632ff064747c8b213523cca366', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '33d5be73628a54afce37fbb2b703540e9d076df4', 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: 'f2ac1b919a6705ee92c3c24e847add02782b50af', class: "gux-pagination-container" }, h("div", { key: 'bbae5135827feec349279d5b943b0ff66b53662d', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '79edd327ea30099279868bf84791849eea72297b', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'f7a5b9eebcb2fb115da99c816bb376becbaf33ca', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '1cb849238fa611e8dd2b9e00550923e926555503', class: "gux-pagination-spacer" }), h("div", { key: '69c636c0f7d825a1a9d499057b4b5d48d18bdaac', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '923fc2a4263696742d9e9dd156d9a7fe6fa0a1dd', 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: 'e59b939ea5345143047c3a2a326d2c95d7624b03', 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: '37fb3f3ef84513490436a943c703832d1f68d47b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '258664db187e6ef0fa438788e4884b420ad4d2fe', class: "gux-arrow-caret" })), h("div", { key: '5be4fb53d86fe167a2bcc489835997f7411abdcf', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '50bb69a0ad8a52ddacc6f791f28983f1a16ac6c0', name: "title" }), this.renderDismissButton()), h("div", { key: 'f1f65d5c09431e4bce28c567e2a4d3e8fa30e452', class: "gux-popover-content" }, h("slot", { key: '3d96a3b8be65f5fb1bf3084cddbe273d616f8c4c' }))));
+            }, "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: '577dd7af20f432ff6fb952e0b2ab574e835df57a', 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: '137e434be59aa2c2f8c6dd3cdf3c1277b97bf0c8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'a6484d2ecbede6d5b8d68c2e9576e44dd571fb41', onClick: this.dismiss.bind(this) })), h("div", { key: 'f681f07103ceb17db8cbb5a21c2117458eaac482', class: "gux-popover-content" }, h("slot", { key: '56724526ced528ae8be3996c20e6cbe9a731031b' }))));
+            }, "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: '75b7acc0b6d09b5f8c2e9a37a15207e1e8ce3850', 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: '1578de69396d1e942e0bca75dcec8c42f0f69696', name: "target" }), h("div", { key: '216c0db2f6276b6d0d72ad59f4a6525594c4ba58', 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: '2339a564f4dbf669cd4da50fb074e6e4bf075a21', 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: '87cb49f2232efc761e9a1d183a724efdefc6253b', 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: '379e8c084db06189f1dfd2b66b6ddf26b43c7ea8', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '1ba33d3f2c3f1d30c77bdd639f7c5f2b73235d37', 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: 'b8eb8e9c6cf67fe2f81e2c5719eda97d904335e4', role: "listitem" }, h("slot", { key: '468aedfe5b373c4f31e228f1f05b341ef01f284e' })));
+        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: '3a95a8895af2da8da50aeb56998f6eb8880fecbb', class: "gux-container" }, h("nav", { key: '7ef518e0739e0a80658ec523c7184b2cbc90a1dd', "aria-label": this.i18n('navigationName') }, h("ul", { key: '971fc5820375bc1e3dc61e122ed9e450caab9159', role: "list" }, h("slot", { key: '1677aa890b0efca26771874cd2fe13dd038f50df' })))));
+        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: '49baa73acc6c3f8dc5bc2f2223ad9d0eea8fdc0b', "label-position": "screenreader" }, h("input", { key: 'd9e203e2f117a368c3341a29f9a312d72f639663', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '5024f6b71f93acdee18b996b30ed71e46b7f4f98', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'b6c3a06e195f730e779ed82607b11c58de6dc382' }, 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: '6ab5bc09b3fa876c294e903de46fbd5228e09c24', "label-position": "screenreader" }, h("input", { key: '9104b86097a48da8c1752ab929cb2d52f8647375', 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: '59abb2db27d2dec965601e933fbbf234a8073a23', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'c38e32416fbdc34c8e7df356feb7ba3171e03174' }, 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: '38b3df2bc4ac893507474657cbf5112fe547bad8', class: "gux-container" }, h("button", { key: 'b0b31d34c683189e9aba777ffc8dfa59ccdebfed', 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: '866337d57fc6a24fac8052cfebaa8168a4503d75', 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: '246ea4f695fb00e0473ec4c33c16500bf97211c4', 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: '05273087f32104a460fa4821188dcbd687479968' }, h("slot", { key: 'f567f7b5ad1f67b70a8538e807c43b6a6a67f270' }), 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: '8684c22bc0b78ef9ce1834263b27e0470809f48b', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '7cad951ca0f174f639ec531168ec6fe005440571', class: "gux-table" }, h("div", { key: '2c1efe5ecd08157c60304b242ed4f9e371580457', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '3428ba81c350ab543dcaecaa647203457f51a771', name: "data" })), this.isTableEmpty && (h("div", { key: '72c9108805b475787a77c4486e01c2960df8ba5f', 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: 'dc4544aba97a0d3e0d2dccf867e99c7bb9847f16', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'c4108adc9d43dee160cc6fc6376b6560fc150da5', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'de55058436c48f1b9e930eaacafa9f479be1cdcf', 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: '88d9de6b7149a7f8ad1fb120e631e2f39d7ec519', accent: this.accent }, h("button", { key: 'c4974c220849b92a2192c7cb5abeddcdb79d53b4', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '8a344f493b272731155c1d44e749354f804bcae3', name: "icon" }), h("span", { key: '4fc844b57f99a02b68b3cc37351f28fdf3b067c1', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '395533c149a5ecea3b60b4e2a5cd5111b12eb928', 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: '0bcccc767a8ab52efeeb850eff02b1f49ccee6ef', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'd30135ab782a28cda6af3f6c28e040a7b9439262', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '74237eed1a770fdd76f1fc71278757a8b88f8a50', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'e2b70698afc0ece48437f72d062c21fc10470850', accent: "secondary" }, h("button", { key: 'dcaeaca0303b15752f078dc8b3a21c9cf93887ee', 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: 'e66f33509d2ccc7cff02833e00a72bf1ef5f437f', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '3d5085c078f761bce6ce21606137489ccbf86b83', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '9410b169dc109809c970fd7577f0c80cf4fba717', ref: el => (this.listElement = el) }, h("slot", { key: 'dd0517ab054903398c36004951dbb6c754e1abd4' }))))));
+        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: 'fa8aa49939bf602c3b733a5a37c5d0c7614a9749', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'aaef311d527e986345b6ac23a67b503f45f066e9', class: "search-filter-container" }, h("slot", { key: 'c3c0b988be4723fdc48594e0c91703ea33f99c81', name: "search-and-filter" })), h("div", { key: '6bc0a577d892e441172ff7c24e57db1784640a5e', class: "section-spacing" }), h("div", { key: '7f8afc92ffbf5b66e9671423687689f6c7d29ba1', class: "gux-contextual-permanent-primary" }, h("div", { key: '42dfc4c23b56ac0e54d5505c95bc3c517e641a77', 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: '643186fe2550aca0b11e3fcb79925ba3c7bb058c', name: "contextual-actions" })), h("div", { key: '607c48838081fe6ae08b095bda38b5f48b45b60d', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '69b28fe6e9c1a4fed6d87a29d86bff1ea15f7eec', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '24af331ea1e694d5e23129ba20278068e1c9c886', "show-menu": this.renderMenu() }, h("slot", { key: 'f7a692afb889354954d7e1e441fe54b09cc61f2f', name: "menu-actions" })), h("slot", { key: '3970d08d1564fe6142c30bacf5956dd86170ca42', 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: 'c5ed3cd80f570f0b7100b52ccd407ee5e06a4172', 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: '241ea5ef8f9e4fcf729f16da2ab010ea8c120683', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'aad0d815bdbc237acd1389692fe310fe55385598' }, h("slot", { key: '928b1cf64f2302146b47055cc8dc8e2c665b0c0e' })))));
+            }, 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: '4e99e1a70a941201cb376fa12f6ba04a233dd9bc', 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: '66557f755a0f44bd80723a419c75e5fc44bf67e2', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'f9116a2c1f63111dcbe1e13f4ee5f0e63ae0dde5' })), 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: '64ee9c3af8096becc02981aaf45b028e8d40e01e', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '154d1b49992f0dd7472851bc3075280eaf75a94b' })));
+        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: 'b1250867424c409ef8e74b9c181dc38fab2f8643' }, h("div", { key: '06727e7374567a1391c95bcf18879d3765733433', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'ad052a5b8a54ceb7f4dfc341c02717d30cdaebd7', name: "tab-list" }), h("div", { key: 'c4e6507cf80ecca39ccf5b259926553f2c12424e', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '9fed193a91ec73bd0808326c61e52903442bb5e5', 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: '2034f41027ace938f67ceb880bdcdfb81497f0a0', 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: '4da6a8587cfaf40b6a49f7096b3ef0be88852fe5', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '5ff25c1cfac8e0d3a1786b46a1e9f9b6dd402a17', 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: '4d43f7aefca4f7d8aa241cc66a12ecefa1c2fb51', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '4b8479ce6d3a7343bd38a75a271a2109e9f2e9f2', class: "gux-scrollable-section" }, h("div", { key: '6a611d5c220ddee235aa33d57fc529e240279aa5', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '65659c3ff739e76b4bad0b04b78f71a94e92e694' }))), 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: 'd41c9bf52b8e452e306d9cfbe620dfcdc5941008', 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: 'a068d42dcebd7772286be699b565d1b9d44eb7cd' })));
+        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: 'aca265fd0fa86a191181197683e92f0df4511b6b' }, h("slot", { key: '8d1efbfdc7221cb24f3179673187e654247a1265', name: "tab-list" }), h("slot", { key: 'e2da5437b7851a1ed9c5f7a09749aa8ba5b39448', 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: '563aa96cdff7546e13a5ecf4488d8be159752602', 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: 'dbdfa08aa3a1e620c299b43e19152808d349d810', 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: 'cd370e189ca5665d5145cb1b6d07fa40410742bd', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '1edb69c18d3db31e58dd857a5a35414681e9184a', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '71b852dfb16ed1637abb33fab1022ab40171aa39', class: "gux-content" }, h("div", { key: '2ff44a95543a2343e8919a89c80dd12c298ca188', class: "gux-message" }, h("gux-truncate", { key: '4018e9dc36f16d94789e4c76d8374f8bf6dfeb23', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'd51affac503f8176f1415f905baaabf337d68530', name: "title" })), h("gux-truncate", { key: '801f8ad6ab6b0d3b08ec0f128e60a47d7005d886', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '37235961707889dc66ee12ee11396a275da9fce1', 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: '078e9284a671545946ab8ef5308f781d28152a89', 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: 'a70cd7fec155da861b0e0d85f00ae58f5899bd1d', 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: '01fb2c5db8069685dac57c6ae007315cc4aacff8', class: "gux-slider" }, h("div", { key: '92d3278c95ee310573004d9a1bfc61288e71ecec', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'e3f16d16d205ce43ffa327f95172dc557620e5d8', "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: '7596726950d9b9dd121a8a7ff66abc5cc5833331', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'f225124bab760b1f5af8b49441f2a15c71926afe', 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: 'c2a769ab8f0a9929076e5a5fc6f037b0b53a1f80', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '45cbb0e6184bb6439401dbe239d32e3c626ee008', 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: '081ea604a70a6c1fb4639bd2033d521f10c8272d', 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: '064135e3d82f41664534685359146cd736a9ad15', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '4de407ee6e088d8c7558c1a1c62855de5ef6a900', 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: '25642d3fc05587f4f2f51422444962dab4608658', name: "content" }, h("slot", { key: '58511440b40fe6ff2e6447b7074e6dfa92c3ecda' })))));
+            }, "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"; }