genesys-spark-components 4.57.0 → 4.59.0

package/dist/collection/components/stable/gux-inline-alert/gux-inline-alert.js

@@ -28,10 +28,10 @@ export class GuxAlert {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'c8c031e22a83d1168eae967e7fb8324682f00a18', class: {
+        return (h("div", { key: '4063506229e1f54f7637b6acc39aed0526877ad0', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: 'df990f14f0061ea8d07d0d46be3734b3e31cdc94', class: "gux-message-wrapper" }, h("gux-icon", { key: 'ebbec5ab4b7f34f1e185f4ac6eba8b4eada7c3cf', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '5797579326c0e87028d144c89e131486893bf100', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: 'fc3d8361f8b791220c995a724981bc26132eee14', class: "gux-content" }, h("slot", { key: 'fd0547fe4a83ec26bdfcc24a8982efc3aa464b68', name: "content" }, h("slot", { key: '01b1f7bc0c011fe8ab975a2eff683fbe475667a5' }))))));
+            } }, h("div", { key: '77912ed939e95a6a36b0ab9daf0cf4dbbd6b8742', class: "gux-message-wrapper" }, h("gux-icon", { key: '10586c5a8b3c2fe506db1524c93045f2191a0110', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'a177d833a00fbac94d3b8c3d062d289d186901f0', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '685443900e683e788e4deddebc1b74c92a64ae7e', class: "gux-content" }, h("slot", { key: '087128f818f84e18655d045fd0b357a4157b4fbb', name: "content" }, h("slot", { key: '2dd1a056b3eaa3c9fe61f7b7a899e6c526c6e65d' }))))));
     }
     static get is() { return "gux-inline-alert"; }
     static get encapsulation() { return "shadow"; }

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: '3c98bce36df793a43b93a950aec9c4b381e6c5d4', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'b2e647036b273ac69eb169fc3786b8c80814d682', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'a6225f9b6829cc2d94213668aeb387770111210c', class: "gux-option" }, h("gux-icon", { key: 'cfc4355a3c0df088c3dbc1e05a7448c11716caa6', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'be18bfdca17a86f88f43f3a6570ab0dc3d02884a', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'b3f351cc1de6776dd7ffd2bde3a12c499ec2e8e1', class: "gux-option" }, h("gux-icon", { key: 'fdf2dbf85e5abc08a1670e620281996351b70ae4', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'ffac01c17dca45e59d7197f6753a1698b5b1fab1', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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: '4c1d327a33afdc357be1bc3acee4fc00e60e7e64', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '554844f7832d1ad881b21a86fef84bd9e0215bfc', class: "gux-progress" }, h("slot", { key: '33c76e3e1354b3a64f81ef7f1463215f6ffcee7a', name: "progress" })), h("div", { key: '805a73048b087e1ec9958b4af80417cada58ad76', class: "gux-primary-message" }, h("slot", { key: 'b15a399171d6cdc621960c626291d39041ff8829', name: "primary-message" })), h("div", { key: '6aaf50c2ab13019bc0ad701996acfd5ad3ba43a3', class: "gux-additional-guidance" }, h("slot", { key: 'cfff6d416cddfd1f12fed8504b746560c0ac0340', name: "additional-guidance" }))));
+        return (h("div", { key: 'a744b87932a4a5e88e0f19e2cbd341d046396ea7', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '3ab7653d5b85f45a6ced6fd1c65e401c97dcbc9b', class: "gux-progress" }, h("slot", { key: 'ed5ba826e77da142fae518882927ffb1eac81987', name: "progress" })), h("div", { key: 'd3448aba8b83e829521245278eb0334b65d4a27d', class: "gux-primary-message" }, h("slot", { key: 'dfd717bc9d2e9cb66dcb6a3bd0b7cff30cac3ad1', name: "primary-message" })), h("div", { key: '57f483458611569e2d4ca8b525c41231e9ffe64a', class: "gux-additional-guidance" }, h("slot", { key: '9e06c4882e7ef61af8ab47afeea62bc1c946382b', 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

@@ -59,7 +59,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'ac1115c2f1f82756df5d91c3d5659fa3d5dd781a', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'bfcfd0f73112b008ef2cf3202076598a87de3f26', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '200698852414120c36c9ec52edde4674fa78c66b', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '6b0fbadcd779f6b71e919a8e1e09bf6a1cbb8bd2', class: "gux-modal-content" }, h("p", { key: '9a526f2eadad360a889850a1f0e4bda2d7c88997' }, h("slot", { key: '2c11aa392f022ba9752c783d309bbb04dd91c46b', name: "content" }))), this.renderButtonFooter())));
+        return (h("dialog", { key: '53f6d914d65f271ac1592dff7b6edef420cc93b1', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '57f8fea63709f3de3db552cf569037b65cf419ac', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'fc10374b75fc64f320e42af7246a2c69f970f1c8', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '175fa76b3838f74c3436c2443a8d025350973b47', class: "gux-modal-content" }, h("p", { key: '59301763462a573fa6addd5c9700b7075cf89b50' }, h("slot", { key: '93f1599c0282c560fadec6f956749e8dbb036349', name: "content" }))), this.renderButtonFooter())));
     }
     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: 'f1d8f0c081b4690abea87368d89ac1754524478d', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '7d9e090d3911a1eefe3d56cf0864ec3bdac53ab4', 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

@@ -59,7 +59,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '3857372a99186229ec3e298b82c401bc31941fd0', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '16d04f43cfcc2a451f5354a277f0238a36f70421', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '6f81ff303dcd68958c69f5e4bef0342ba704df53', accent: "ghost" }, h("button", { key: 'bbd2882b6bd7239735b8df78696f61a57a898ffc', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '6d564f68610b87ac978ead7423420968ddd531a7', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'eca4ce239e6c8fb53f272841dd8eac750cd17e36', accent: "ghost" }, h("button", { key: 'ceb4f71700d1cdac17d25e9c060b05816bf63743', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '2f9e20ee6e98c77aa0ceb04cb77f8d626fe4d68a', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '7410a5875a87ca14a02d52164e86b767b53b92eb', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'c704a1ab74d2d6045f2a4356e37d15d6e3635f1b', accent: "ghost" }, h("button", { key: 'de041f3e4f5fef052fc312c37bf0dc05a8520600', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '4ece5a227ae20afbbac1d82b2ac6d072789217ad', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '1c038f1f6cbe3d55493b0d236aee783543e3032f', accent: "ghost" }, h("button", { key: '3955235a33f2f54e372eeafffeb9af414799be40', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '7565654b79230d0f5e1ec5bbe43c066ae5305923', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'f5ad17d1189b5bd704aab404eda447281fd093a0', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '5920abaea9fa130c3b180b11722ea92e6c2dd44c', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'c6fad6d8674aff92adb067a9d34bcd1364976c44', accent: "ghost" }, h("button", { key: '2f74a571f36816025a798c9e1bb47a53bc16b680', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '25893cde735607d26f26c08760246598f1a41b2e', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '69542ecd39dd41e9d71eb7a59086e8aed481c298', accent: "ghost" }, h("button", { key: '1d695a81cba86ab1c756327415ee235b3dd58e2f', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'eec4f17fc929f74d1f77f1bf1a2884505977eea7', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'fdc9e9f6051c858773eff9bddcfe8c2b7dd912c2', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'dfddfb9199ae14a2bfcbcb262452dc18ad66ebd5', accent: "ghost" }, h("button", { key: '1b78191aa9f2107b9e7d67723e9bf5d3183db0ba', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c9896f06edbc16e847199435924a0beb0643e1b7', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '810a5eda432193095d7af0ca75e17c38dcde0d35', accent: "ghost" }, h("button", { key: '2ddf13a5c3e3cae5fb98b4952c9e9af003eb8736', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '99575811854373493db16c31a64c62fd1cb1d4d7', 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

@@ -84,7 +84,7 @@ export class GuxPaginationEllipsisButton {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: '5979c0eb8f14e6ef6f8116f32fb9767bfbb8afa2' }, h("button", { key: '39050d70fbad9934bfb716147bb6b34b8d93fe7a', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '1b770c24d315059b532fc0461d38a96b723a09bd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '5edec81da9f5d2cf5b6462faa22a2bcb6b244e15', for: "popover-target" }, h("div", { key: '6b35b456eeed78feae1d5dee1d94f7937d607a0d', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: '1575c0d1573a88ec4c6f6258851bebde33832706', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '51a98e4b06d6f5ab850cdb6fc2c71aa2f4b9cb0c', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'e0fe05c1bf3eb004cadd637467027d6244a4d86f' }, h("input", { key: '99144f1f90e7ba16e00710da268df21645ae456d', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'dd72b30cad5eaf7fdabe8279c512dd118e4f64a0', slot: "label" })))));
+        return (h(Host, { key: 'b67892e10f8c9cd27b3ff9e3637771f5b0fd5f22' }, h("button", { key: 'd028b4b68f2342108d1e8102ccd600c5ceb860bc', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '692eb92ea32ce9c81c5884c09ace22d63f99758a', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: 'fa3925f2e0e5f64780704a12e3fec791b6cbd7cf', for: "popover-target" }, h("div", { key: 'a7f32805e219507e3d7ce92be850a26c76dd97de', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: '0078beb4bd175d553a5d8ca89bfce6c676a2be0e', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'a74a2aec770ccffbeea68d75162585277f48418e', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '107c1f82891a1b7b63073ef519bbb0c9ee964ab4' }, h("input", { key: '08128c76158aea3c5fc989bb50e3402e7c5f8fb7', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'd23b646f54fa8fc0f53dc0c3f2b9fd18b6c5abaa', slot: "label" })))));
     }
     static get is() { return "gux-pagination-ellipsis-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: '0405f2cb234fc32e8bc39f68f0e0565ed22fb88c', class: "gux-pagination-item-counts-container" }, h("span", { key: '22a37b896e4868d7a1de646c1a51beaefd0f9088', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '8d7f56b9200b1768ed0f53f0a34f54b67e8dacd5', class: "gux-pagination-item-counts-container" }, h("span", { key: '644c3ff70cdd27183a02bc39a39832ecab96914f', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.js

@@ -19,7 +19,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: '67c09cd61fc1fb7b8235efdac9203baea373995e', class: "gux-pagination-items-per-page-container" }, h("div", { key: '362a8df1b349f2e7ea3feaff922a703454219691', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c1f30f957e7f7da2c907c64548e6617e8f870db7', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'cb696727e90cfc5e21dd6bfbe09625a0dd9c0783', class: "gux-pagination-items-per-page-container" }, h("div", { key: '46b01489fc6e0b08ff816b8e72258ad6623b9466', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '50d81239769388122722e4fda3d16eae284c1fd4', 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

@@ -83,7 +83,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '3ca140e19c9944991c25ee39f9017be3b0321931', class: "gux-pagination-container" }, h("div", { key: '322cf7df7259d28eccac10a2deff6f42a25a6a09', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '3ccb192e564398ad35a6fc4c5e4b7da46bdec988', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '8ccde3fe5b7f3926702c5ae0d3378b9358e3e99c', class: "gux-pagination-spacer" }), h("div", { key: 'bf75e97264e6f32125cd4ddd288018560f902109', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'c6cd69ca92448ac9d7c06c79444523fe56c769d7', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'e7bc57cf1765b0a60284ae0d70e18a53a549f0d6', class: "gux-pagination-container" }, h("div", { key: 'ec00a85fd970f7f310f78bc61da567d32d278f8d', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '7558dbcdeed7cfb49a908381b9b09aaf5d7e46d2', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'f419cfd120a467ba8a6859639c620db395552515', class: "gux-pagination-spacer" }), h("div", { key: 'd2000c8da3e57da112136acee75322d2a07ed22d', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'c741fae15eae4fa6db83e5f00a5579bbbac9e213', 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

@@ -155,10 +155,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: 'ebd5953dfeebf36d503e72fe24bb347cb394ee81', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '6b1cec3ada210abd3c64e7f2ee031dd155e81386', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'c915561ff767e729699e35b1602ce3a31d4939f4', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '2fe6b4cf1879862e03da0ce820791930f0f21248', class: "gux-arrow-caret" })), h("div", { key: '5cd7f71f186c054463ac7fec8e8159e24e421a1b', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '6fc6a89766b07c578e5dcf170ef3cba6e2ec48a8', name: "title" }), this.renderDismissButton()), h("div", { key: '818e2f62bd2b2988775ee19bdd856d836e3a2fa2', class: "gux-popover-content" }, h("slot", { key: '0003f65955c610da9ce27f3179f5ce1138ae96ce' }))));
+            }, "data-placement": true }, h("div", { key: '0eaf71cbea21a03831a8b96225c8cc764830f436', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '46cab9fdafd4dcc2bb8142ee04782f551145786f', class: "gux-arrow-caret" })), h("div", { key: '2ff38c8cd00019ded970f478f3072057faaf3b42', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'c0a57b3b3405376a3961c91928eaf1781a3cf988', name: "title" }), this.renderDismissButton()), h("div", { key: '07b604c56fc4add8d47aad965757a6adae4f4918', class: "gux-popover-content" }, h("slot", { key: '3fa44ea7b0d90e7351e01e598c915e54fdfa30a2' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -126,10 +126,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '424ec49a8df793d4e3ef4c68aaca9794c761248e', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '480969db2d1f4ec576e256b911ca04b0082eb96d', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '3273e0f5b407ebecfe67dff9d44340d83e15cf24', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'a3a3ef85f2a84a285d68f94def1e8a4bb72a009e', class: "gux-popover-content" }, h("slot", { key: '36427e39777c5734ebcfffe4812172ff755661ea' }))));
+            }, "data-placement": true }, h("div", { key: 'c7e5f6c4109bba71ebc0f34041876e3079689d00', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'e444658c1ace6cea7a3b1311967814bc6beaffc8', class: "gux-popover-content" }, h("slot", { key: '16b8f336f475f1a282229b03be98eddcc43d5654' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -87,13 +87,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '2f558a1132cf93a5192238af0d3dd32bc6d83a39', class: {
+        return (h("div", { key: 'c2c320dad6001e391d0f3198fbcca1309b489942', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '4ab83f3d355097544e1bf8d1c2c14df88f64e5c8', name: "target" }), h("div", { key: 'b1c8e2b4b7244b2f37db5027fc8b2295319f9f72', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '475c6ce707fea5679f381459f1b6d5fb2753b7f4', name: "target" }), h("div", { key: 'c9d3f64f9bcc5514f3672d8f222f3e0494bacb3b', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '138306e10d99a02247b9dc1764969af14f0fe047', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '06ae5919d9048f10a06e143b41eacb39d33874cd', 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: 'd161bde7c2650393d25832c93afe72563ee0b173', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: 'ab2cd5b84f63bb476c293d2de9855f681925905a', 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

@@ -99,7 +99,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: '624f8d79c2dc38f29d4236a12cd6c2489f497cf8', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '7a272f8c57ad78f2836e4e86a76c7ed6f0cc190c', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '67755ffe2c0ded62f7c60d5bdf5aee9d0ef6fcd2', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '4325bf652b0ed662d53a4719cb840fc2103f71fa', 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: '5394ed7959d46e0134f1629285e8109d18a227a0', role: "listitem" }, h("slot", { key: 'c9f02719eeb6fe344acec077022d471a83f58699' })));
+        return (h(Host, { key: '870a7cd6846a9d1bae239c2d09be4d56980fe7cc', role: "listitem" }, h("slot", { key: 'b8484f2e7550a348fa60964ecbb2a9b018e817ab' })));
     }
     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: 'ddcdcd8ed1cd480c0a9be1a624c5a125c9f35646', class: "gux-container" }, h("nav", { key: 'df1b23ccef8f13de493324fb7db74c706ca6b34f', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'a32bac57ef8cfb718efa563c20af6d5adb13529a', role: "list" }, h("slot", { key: 'f860149204467c0054b42b4dc471f0cc4c78608f' })))));
+        return (h("div", { key: 'cb1c0a03a24d6faca31b0bb006a2923507fa6812', class: "gux-container" }, h("nav", { key: '9598acfa0add8b414e180498214ec806efe0147a', "aria-label": this.i18n('navigationName') }, h("ul", { key: '0aa88bd80e7255c6a6b52fb2f7a59bd9b9478b28', role: "list" }, h("slot", { key: 'f3aca9bac5d75b4538b2fad2bdb9dfa7c8232e54' })))));
     }
     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: '8252720fcb24faaec0323950a616054d290123d0', "label-position": "screenreader" }, h("input", { key: 'dd30dcbc2e458b72e79d574f449ba256acdedfdc', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '75d12f3dfd09ae276a456fc322907c1ac2224bf1', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '082b034e5a418f6fdc95ab03b50aaf29da922771' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: 'c5d5af678699334589db34e90adab2e5c06507bc', "label-position": "screenreader" }, h("input", { key: '8ac8c519c9709b39f5469ca97b2f1346f626693c', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '958674bcee1eeb3091e4e2eccf553bf9f2566d2f', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'aa20e35e295910399c9f8383901cbb34e4155b5f' }, 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,7 +17,7 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'e846e98dfe0776f353fa146f9af2dc7bae801e12', "label-position": "screenreader" }, h("input", { key: 'cb7d663fcaa75a2b9e8b4cf89477d8c7547f539c', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '34355147abc791e7aba05f026b87582e23ec3712', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '65bf384e39261e06214bf40845d827b964bdcbb8' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: 'afd1edf8a18a978716aa78c749fe2e71fab83168', "label-position": "screenreader" }, h("input", { key: '3ba5007d634c632324daf0d5634b122a69760642', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '7808387d1beca753769f648d77e73a068d681886', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '56508879ef2710e713a089a3b3029fc1fd471b2f' }, 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: 'a74522b0ba919a9ddaa905b85c680ebb88ece5e4', class: "gux-container" }, h("button", { key: '0c0d61408cd40819f15f4d916331027f38735dcc', class: {
+        return (h("div", { key: '5101ec40d3c109f5b6e1be7e993c08ebbdc1229a', class: "gux-container" }, h("button", { key: 'f19b48a97ea5fe76eb89072911f2e8a55721da43', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '2398a4a52a6a81bcbbb5a2c9fc97387fe74cf5b1', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '6b0e9f1649ad837fd7c49c2131ff00773a2eddd9', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'adb974d9904147c205649739a12ef915a5a80e53', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '9f9a59626c9534b0aaf0cf05ad9d96f1df7c8816', 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: '9c88819fd54c1c443eedf6afcaf76936eb37b5e5' }, h("slot", { key: 'fba3e3e5048e14b0628a61929104690c0fa5a8b2' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '4fe494e22ee95bea30af322ec726a4b02b024277' }, h("slot", { key: 'bcf256510c7801b842ad6a921ab2267a45aaac83' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -269,7 +269,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: '2bbd3297cabf5ef716b35a8eb4c55d4bb3600fe1', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '39f522246cadec2a01d57b36b1e64d72b1eefc08', class: "gux-table" }, h("div", { key: '75ef6fc168b00795ddb4fff0dee0fc178fe720de', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '67a0c3d58ee08cf0fa569f430a998cc2149a247c', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '5553eee6e642efd58ad3d74a1362256994c400cb', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'e2321571542be72e85907f213c47c6b0d0a05c32', class: "gux-table" }, h("div", { key: 'caf9601fa5af4cd1aa284a53a28019f95e4abcb0', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'e6f292253fa1e5c8fc393fe7fa7699aec2714381', name: "data" })), this.isTableEmpty && (h("div", { 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: 'cbca19b4523c69201b0f34a84a61a3a535355510', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'ea5e6a561fe520f40678edfeb74ac10a09d7150e', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '18c4a36f74c9f4d64e4d7617ea0e0172fedcc254', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '1268bc6c71189c143fbcc92a6ae7baabcc95fe5e', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'ee7d0c765141362f46a878fbf80a64b4bf717cd8', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '01cec099652bc3f6653c656ce28531e46af3014b', 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

@@ -26,7 +26,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: 'ddec74cf0539d8c6e2b87a579804bda785f97e99', accent: this.accent }, h("button", { key: 'e95ec7090b4a72ebe82002b7aca8f36b1e84c1fe', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'ed5693d31b93500f9b85d7a02d63d5f1417a3077', name: "icon" }), h("span", { key: '31369e6fbc2a3cfeb3f389b09d3b2ca92de8df61', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'a1a82b9fdbd39d35e42f3a621dc2c81397491bdb', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'f77926fb5d6eeb3846aeda99c9965f3a4fe533c2', accent: this.accent }, h("button", { key: 'd609ba5bb92dd93a54530bf707ea84b610f9d630', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '9ebf7dd1152b7abce48fe366fe5b6ce6c090615c', name: "icon" }), h("span", { key: '18100f7c8e4a231cb18b224db87a9cc17defd047', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: '8a53c441c2f8c7f69f7c49fb2474959c426b1f81', 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

@@ -85,7 +85,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '627da8eda3a9f9257cb64adb8881f6640fd9a8f4', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'a20a27555fb003d8ee756209efc86477c90b41f3', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '37dac19f526ebd17b74de2b3a36c2149da9b75d8', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '6c6e619b4a9632ee52a3fdb5f01d49c567876e37', class: "gux-menu-button" }, h("button", { key: '959ea053e2f5557abecf3f6c8e5274271cc94d55', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '0e53ce9466eb1695b0ded8c4e91219a0c8ea726b', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '856d82c337778cdb49d05b9fae120b0072b65e7f' }, h("gux-icon", { key: 'c7040c7839ee6750f12494aa5b94e4c4de3eb7c2', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '02f7bf362706a446b4dcf96f93f71d60f1faa1b6', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '4a146c32fd4586aa0b2ed7d42abb35a458c2c6c1', ref: el => (this.listElement = el) }, h("slot", { key: '1b8cfb59a1f631d59f63ec05506ab4731de90910' }))))));
+        return (h(Host, { key: '6457aef755fef6631f27f8efd341e3e7407c58e6', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'a28cda8db3f2088fb7080028a8a5241e82697431', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '1add958fc4cc4dd122883c5e2cb75d19850751fe', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '3b137ab248b0379a9f05d6e5d623f3d2d011153d', class: "gux-menu-button" }, h("button", { key: 'a3a627f716639147a5ac7169accc118a836e9718', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '29ad8c59cee51049966bf05f1db87cdd69cdf0a5', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'f195000480a5adb47bd978eaef1746e203332f09' }, h("gux-icon", { key: '3b5270d85340f432b0fb4b1665de5c45ebbbd7df', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '3a85f377a982ae15745d4a0773c6d389081d21f6', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd98869279730c04a9da65b386f0ef9b8f18365a3', ref: el => (this.listElement = el) }, h("slot", { key: 'd912dbfd4b22d6555b19eab30b94581b00a2da8e' }))))));
     }
     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

@@ -185,9 +185,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: 'c21be3ed5d19e5dace73533cae481cc4efacd09b', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '17babd621e9e252e601751a8176822b64d0c61b5', class: "search-filter-container" }, h("slot", { key: '3183c3ba84d3f2b58addbe2c2745a1e807b63de5', name: "search-and-filter" })), h("div", { key: 'bcd551118ad60491e9d9d684ceed08b2f431cf13', class: "section-spacing" }), h("div", { key: '7e490fcfe965096faefdf880d5acba15434a9f44', class: "gux-contextual-permanent-primary" }, h("div", { key: '8948f5ba8881932c70db7b09cf357e9cbdde5e30', class: {
+        return (h(Host, { key: 'c28784c676f7e44af6a37ce04b4674b84e52e0c8', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '06cb3d0cde0de73aa553317516b89428d416f84a', class: "search-filter-container" }, h("slot", { key: '83f4a6ec21489f7e4fac421de14ef0cd79e8a82c', name: "search-and-filter" })), h("div", { key: 'f1aa0794ee1284b9cf4ded7fd691e82bb6b1f611', class: "section-spacing" }), h("div", { key: '8fbf6615768a970ff4b8fc310810e120de11c9fb', class: "gux-contextual-permanent-primary" }, h("div", { key: '43c2c4e52e60448e99b33b3d084f2c8b5f28d532', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '8e49f90c76b3b816c2f38a6951947757252288f5', name: "contextual-actions" })), h("div", { key: '345ccddbce7cdc4258c6f418be67a1420fb21998', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '131cb62ed030d67546c697b6d4d90dd91fab3897', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'ad958f874b280c12d130bd5150a76606a7faee18', "show-menu": this.renderMenu() }, h("slot", { key: 'e59bd1997e2577ea25f79f77d6ade3d4c7d4cc5b', name: "menu-actions" })), h("slot", { key: '2612591a54cb9971cfd3c8712d117daf28cc2102', name: "primary-action" })))));
+            } }, h("slot", { key: 'a055240c364d756a4933cfdfa4d2334989751862', name: "contextual-actions" })), h("div", { key: '07772f501eac5fafe4f205954f1c74c47fc38ffa', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '93af4f2db54a7b70dfab6d79b04aa394993640c3', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '4bf21e30b84d598100ee64917122317fcbd73b87', "show-menu": this.renderMenu() }, h("slot", { key: '666d13ecca32d54839c39d2ea650827bc9de6ce3', name: "menu-actions" })), h("slot", { key: 'a36e00dc51c049acd1e06f96b1b14fe51f065e7a', name: "primary-action" })))));
     }
     static get is() { return "gux-table-toolbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,11 +34,11 @@ export class GuxTab {
         return this.active;
     }
     render() {
-        return (h("button", { key: '0a1d15ecf3de66664d4f236ac78797947e1a6e6d', class: {
+        return (h("button", { key: 'c4c2b6dba4b8527d0a4aef578e47cb2d613e3cc9', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'f06987cc3d5c715137b27c77431378f372757ca0', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'c5148a47f7ba2ef902b2e6c13da5645a3260b16c' }, h("slot", { key: 'fb2dbb314e885dedb6c801ea6d8d8775d089a65e' })))));
+            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'a443b281aa1ca64d6fefc5b0f77026534e14b580', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '7d5ba034aae2cccb7479a7f3570b504f4d46846b' }, h("slot", { key: '3e69d74c36f435705fca680d75b2bec480e89583' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

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

@@ -247,9 +247,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: '39c11953bfb55bdc833468bdba8b24ee05013b5e', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: 'a86e51bc317389e3fd1fd12593387f2bc8a23ebc', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: 'd01a78ab5f6f9080b3b373183bbde61a6f74656e', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '97039e9a3679f4ca15d483e248b07df3e44df295' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '7449ca2750f3aa017868acfb20bdc76dc57ad6f8', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '92070c378610ac4f8f9cf4911576f05152620b58' })), 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: 'd98eb2a903bcc431686570c4153a7689d1d0458a', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '7644ffd8eef7e9ab8fc82f3655d4aa509f0c70ab' })));
+        return (h(Host, { key: '10dc3f89f857b6c2e044ccf7e649c4c42b069bc3', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'ba2127b71bf2abda642402e20b0421240a3c5405' })));
     }
     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: '202594f5087b11ecfabdd781f6f5d96577a75886' }, h("div", { key: '28ae208f311499e63f938b75de6d1a0f1c95045d', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '02eace35fa55f7c5c30010cff9101fb2899f9e8c', name: "tab-list" }), h("div", { key: 'a042331855cf167b9fa783c4a2162cf558781f91', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '4eaab57979d84c2490320e42d0ed966031a463ca', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: 'edab4289fcb12d61018624a3d389db2917215ad9' }, h("div", { key: '7e3c561191dbe0e636f3b85ca1bfe5fe7927e2a3', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '5b548cbf901d5dc30f74ca3bd99fbfef7766229b', name: "tab-list" }), h("div", { key: 'cf423b3c5a4bffa2cf50b589408589f31d6247c5', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '2a0686606b4445ac7d9a86cc32b34fe1132e84cd', 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: '5287a3db6fb129563c880e47a4b3bb0c88b88610', class: {
+            h("div", { key: '8ce2a7832751b7e14ad780769e4996d7b813551f', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '1cda409079a706255b1cd13750d8bc8509c976c7', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '1ad7b3eb49d3954c88b0fa87a5c6a3030d540f76', class: "gux-divider" }))
+                } }, h("div", { key: 'e29bf585d3857f7d1d8e025c64bec980e853057a', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '42c7cad5b01838056140fe7168c9ee480805b541', 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: '4c4e62b684eba501d5a91190e0eda52f1647a946', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '43afc578c9b3515041c4a2eb405649954fcde533', class: "gux-scrollable-section" }, h("div", { key: '6175bff88220d8d77edeecd651591a37610dfa54', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'f067ce87eebb94b28b46ac02e28c34e0ce982157' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: '952e74d73977ae31f49a8e99ae86bcc271bcce6a', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'b02e7cdfd9cdcf9a2c9f86ecf358872430f300c1', class: "gux-scrollable-section" }, h("div", { key: '10ab04df0e4f0f277a054f035d672be18f830222', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'bac3727c2f8c85afa2b381390eed5d47ebf5e78e' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {

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

@@ -17,7 +17,7 @@ export class GuxTabAdvancedPanel {
         }
     }
     render() {
-        return (h("div", { key: '5c01f8a8ec766db2af1c1a29d6303b4c4ee81cd6', 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: 'e6a43463a96d3e1856177a83c31479e567805f11' })));
+        return (h("div", { key: '13d71b5c99af57ad301954e5519f59879a2fcc08', 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: '88bced750a990c9c6f0c780cf903cba3bce4892a' })));
     }
     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: '448163cf7351596a9d8c6a47fa006048b0cac456' }, h("slot", { key: 'eb5172d29d502c93f2fd0aeb73edcc34ccd62527', name: "tab-list" }), h("slot", { key: '89446a0da3a6d8715c28cd16fa5f4ce0d0522e38', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: 'b4752e1ba0782652a12f9c4f10d3ba9e09ba8259' }, h("slot", { key: '414d2202972f00e76c6a1729233afd7fd0eab439', name: "tab-list" }), h("slot", { key: '2e7323ef631216830ee738ffec5d8f341de48c85', 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

@@ -53,7 +53,7 @@ export class GuxTag {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: 'f1fc17b9b9531c2c2995e0e5b486fcb2ca0dced9', class: {
+        return (h("div", { key: 'a9e547b2d56f41d8d29882a8f42bb4292fcadcd7', 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

@@ -210,7 +210,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: '399d67b28a378c96c233c32ff18b325994d00ba6', class: {
+        return (h("gux-popup", { key: 'bc78365c0df599548121a5325bdb9da6db82d556', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

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

@@ -43,9 +43,9 @@ export class GuxToast {
         return (h("div", { class: "gux-buttons-bar" }, this.hasSecondaryButton && (h("gux-button-slot", null, h("slot", { name: "secondary-button" }))), h("gux-button-slot", { accent: this.hasSecondaryButton ? 'primary' : 'tertiary' }, h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (h("div", { key: '4147c8bf91fcd5b41d3dca2ec3b94a99a95cecc4', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'bbcbdd8edbc09054313a9776ec332859b847b926', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '6d0a3537852904874c357d5610c4127e1b42dfec', class: "gux-content" }, h("div", { key: '4bf4d6bebc58852e09d86d221051c749f9edc8f4', class: "gux-message" }, h("gux-truncate", { key: '1bb9d3e5bb5430e03a202d8c5783cbed3fa0cea9', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '9f050ac52cf4c8881c4d403747149aba8e6a3639', name: "title" })), h("gux-truncate", { key: '45897b12e305b03ac8253a5c3473c17cc4d7bcdb', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'e74e0bee23e72fdc2956cff14facfc4fa9679da4', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '5821675fd2e0c223cdeef2ea459e65c71b6c7be5', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '25f8c8e753da490368879ce5f2b12f2520f4a164', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '45f3e5f104b8feeca7a350550e7bdecf702a7f74', class: "gux-content" }, h("div", { key: '66837ca5f6eef1cd7667d45236e067cfea96d479', class: "gux-message" }, h("gux-truncate", { key: '3a08f34d6d3eb77aabadf49b0adb3c26ffa31896', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '9be261c25be5292e729c73d48a024f52ffb60c12', name: "title" })), h("gux-truncate", { key: '0a8a0fae4405f50457dfdce50391028c12808925', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '339a80f9a0a3b53e09ef22e4d65a1e9131962465', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '2ef8ac0da6a8dc1e08e2a09f8ddd26cc72d6eda0', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '28da4aab9b629ff15033afec626acf92a2a6d0f8', 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

@@ -21,12 +21,12 @@ export class GuxToggleSlider {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: '5791b57be9262903ca54386f9326bec171aacf7f', class: {
+        return (h("div", { key: 'ca0c7ae6cd32d99e51aa9ad6b4587e2cd09639c3', 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: '203ecb97c85740a8924a59021d9372aed9b076a4', class: "gux-slider" }, h("div", { key: '212b75d843fa82e24df381cfa6a2ba83988469bd', class: "gux-switch" }, !isError && (h("gux-icon", { "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: 'cd8ef6e140f9a3f1a7cb65098bee4b7f7138ef31', class: "gux-slider" }, h("div", { key: 'f0319251e17068344deb68c6fa079bd2b2d83882', class: "gux-switch" }, !isError && (h("gux-icon", { "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

@@ -66,11 +66,11 @@ export class GuxToggle {
         }
     }
     render() {
-        return (h(Host, { key: 'de84a3159c36135bc7c2a0db04e6eb093003900d', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '221739cab7db28196621d648dea0e3e67445e742', class: {
+        return (h(Host, { key: '6ea5c54328425f08411b7cc61196f523046ad8ef', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '6a0388c6c7569d1aa763b1d1aae4803eed7f75e4', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '92dc48fda10407fa1c04992ba9a64310183cdb93', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '0a09b03079e767d27e31168e64b1102ce587501c', 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: '6c2c348dafb5fb653b1c005d9784f17753a62a56', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: '3d00d83ed85b28e68f8581914bd5b683ef563df3', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '75eb088c615711cc2e9a08a5b4423a290f41bd7d', 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: 'c452a2e9448074026d5a0193051055a114a52c0e', 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

@@ -127,10 +127,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'c6ef6e85ec518439109511c3e28f34360a8fc2ab', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '3282e99f1d5bac18f1fa92b4fa4db274f5637289', class: {
+        return (h(Host, { key: '9843d8fa5648e7c0e5e71adcaa06405ee9455ac6', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '678c2508c9e5a42417a855936622a51d30f978ba', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'adadbd260a0178eeeb0db1d2f0050460a3b622b9', name: "content" }, h("slot", { key: '428309be9885b36bc97eb80d16b9de2bf98825d7' })))));
+            }, "data-placement": this.placement }, h("slot", { key: '1f7a01c11860c10c05452dbcd43c716cefe8dd95', name: "content" }, h("slot", { key: '3472af177d64de0edef23604dde3254935d1db64' })))));
     }
     static get is() { return "gux-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -120,10 +120,10 @@ export class GuxTooltipTitle {
     }
     render() {
         return [
-            h("span", { key: '77aa0535ef0ca5b5b17158a31853133920fe9674', class: {
+            h("span", { key: '0a059109832244206c82120239ed051fa88827a9', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: 'f350da922ee1d58853799fe8d79ffc4b4a9216bc' })),
+                } }, h("slot", { key: '59e973163a12d2333b68c9d77b39169286575f5a' })),
             this.renderTooltip()
         ];
     }