genesys-spark-components 4.127.0 → 4.129.0

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: '80aac9598e569077de3ae22b1c02e68766844015', role: "option", class: {
+        return (h(Host, { key: '149063eb51d3c2de141e69e862ff683df0b2d4be', 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: 'fa4a90252b87e5e6f96e83d3eff99ec6bb0f54f5', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'fa8f8ceb36a61d3d042d67b16a1852808509408b', ref: el => (this.truncateElement = el) }, h("slot", { key: '77ed823cb8cbd099ced7b1cf6f72ad8dfc86da47' })), h("slot", { key: 'b5bf94e34b50de84286cedf180d3c4d09f806539', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'ef4ddd06237a00a4058c5a077d4254ec4de73d9e', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'f70873349b7f76e4154dba0694e49f087697406f', ref: el => (this.truncateElement = el) }, h("slot", { key: '141978da695ba25b1733912a1ecc7b413516974b' })), h("slot", { key: '4c9dc5389738d9762e9bc08893573c64b043f020', 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: 'b2caa7a95ff1ba98716878a0581a3f2aa949dcf6', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '9b0bfafa872b239bae390ed9febcc6edd0c22277', class: "gux-progress" }, h("slot", { key: '03a676c0c79e3f64ab4faa7e7576fbce57d94ec8', name: "progress" })), h("div", { key: '7e95095555953213e46c6b0b019bafeedea57f81', class: "gux-primary-message" }, h("slot", { key: '3a1b4ac1113396c0af48aa566a081ef36497f3fe', name: "primary-message" })), h("div", { key: 'bcb563fc8e17b48570ca6689ec74b668f5afc70a', class: "gux-additional-guidance" }, h("slot", { key: 'eb1bac8cd1eeb559d1a29ca50c8df2304731dda9', name: "additional-guidance" }))));
+        return (h("div", { key: '6f87842cf585d49bf35bde269d05d2a9b291de68', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'e6dd8b3cb5ac0693196a4a660edec735a53d4246', class: "gux-progress" }, h("slot", { key: 'd169e7f1d27877a46b59607c8430607674b9b94c', name: "progress" })), h("div", { key: '52b10f99bf03d5657ca48085e63a4f47a439142c', class: "gux-primary-message" }, h("slot", { key: 'afe619e24b1ccdfe7bd2f42a75154a4ae023b0c7', name: "primary-message" })), h("div", { key: '1d0559c5eb005a2f3b935a116ac0675aeafe293f', class: "gux-additional-guidance" }, h("slot", { key: 'b932512e533820dc29acfbea5c856a99423c72fa', 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: 'e70ba90b07c3c27861574aa5c6496ae2d329df49', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '306dd1984109212d7c8b56f0922bac42b75e5557', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '0de4f38407fc5dc098e7bc5bbcb858c8646d8fa9', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'b75a4b6182e1a935f713c203587bd5e482ff1760', class: "gux-modal-content" }, h("p", { key: '2e29db8f3ac4ce211e9f7a04f997c9108931870e' }, h("slot", { key: '5434a2eebedc0b658e022f5044a8ad61786f9486', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '6344d29ac7553ac6a04ba67cc31c3b129a6d0e45', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '2cb96e031387c9f0cc6b0d03b2f1c90effff1c84', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'f0fd8c5379710a74cf004eb1090bd6fd9a3e226e', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '61014e6e82c5380fea4825736624fc9d1fe7151c', class: "gux-modal-content" }, h("p", { key: 'e2b3eb8ca300295e4676c9436f41133f3f0c7048' }, h("slot", { key: 'b6b9a7aa906e325d42ea1c57e9e28807da6f90a7', 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: '3490cd0fe2f819fecf307115038b4bada10b6d4c', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '0d4ca2add38e62428137de8b072523da164e620f', 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: '144dd5ba861ec6629d760b4f834175d260f0d160', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'cd4bf9336287ad6a7efd9307ca00db02a909504a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f703c23a31f90d8b226aef669700e940e6c169aa', accent: "ghost", "icon-only": true }, h("button", { key: 'bcacb426bee7ff610a2782c7bf8d748be9d193b9', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '59c923b7c3ad87e1bddd8c264f45d28319376927', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '491de9f90bea4cc7e1563935317a57ec00e6778c', accent: "ghost", "icon-only": true }, h("button", { key: '3bd04ac740853feda65d11e1a44c7adb9512d655', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '46b98adaff437843e0c03e793126e19be12850c3', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '2565572fc676b7bf505aca4cea19fedfa4bb2324', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f7e06598859b74cdb9e41806e2ea242a022e2617', accent: "ghost", "icon-only": true }, h("button", { key: '306c9ce421f7301cc1ab99eb927982cc47c80fc5', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '0213106392befcbeb396ae879491e69569b7e892', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'c506d0c4fda7a7a7727337c7c08506e75ca8c0b9', accent: "ghost", "icon-only": true }, h("button", { key: 'cda5085b075c24d402253b893e2926b0252d5983', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '8e4ea05c515cf1a568a9d81711f1a3e9ef559a02', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'ecbcfa38cdc31137318ebda5dde074108df863b5', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '4ae9b7611af7df408ed656b38783aef6e3d7ac2d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'ae39349f1e770eda86ffe8be930bb1fed02f793b', accent: "ghost", "icon-only": true }, h("button", { key: 'a57a7211c713e814aef7a3ba8ab15174a81166d0', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '837871733d7749b97bd502992032e298a09f5648', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '1666b2b951ad1e792e46f088ba414ba585e5722b', accent: "ghost", "icon-only": true }, h("button", { key: 'f2afa0b41c61cd783cc089438bced941f9ac9bee', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'b50913d82e12f2627316036c3238fdd2468edaa7', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'ae031e14e2228a6aff4ba9d3c19e53b4f51ce7ea', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '1fd2483765c6c14ea6179b57bce0abdfda91bd6d', accent: "ghost", "icon-only": true }, h("button", { key: '2d12cf20b84808d5f2f47e762f8ddefa800a85d8', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '9a66b0d11b9aba0a60001c8ad262121dde9b64a2', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '570147753eff6f3e4868e862493d8b5853913d71', accent: "ghost", "icon-only": true }, h("button", { key: '7a26f5131b11a8e052449d7caae53ff873d3c7a0', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '02a1100be68ff247b2676786dc78054c2b341cbe', 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: 'ac13d13688e49ffac6c92bb32d5b65bcc2af6c6a', 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: '74f5abc97f48f83488d0be7d9437b7a90c854a7a', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '6cfb2d06d11dc3005bf75710a13ef08b1175ebf1', for: "popover-target" }, h("div", { key: '7d2f931cba9bb9b9dcca2b53084cdee7cb448a8c', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '6acc59639ffc78b1a757def70bef49a8d59cbd23', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '4c6e8d8cbb17aa86ce912ec0f75e2bbe53ab7ec1', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'afae060d8d2d647c671f521aa184795156c49c7a' }, h("input", { key: 'ec40619acef2609e7889bfff20f08e0d1ff2d042', 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: 'f3b48f804daaedf1373018640176f15c4cda9cd6', slot: "label" })))
+            h("gux-button", { key: '8939e53ead09851fbd15778407301ce18f30b2dd', 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: '215ceb1683fd762e3dcad28604204228dc731258', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: 'fe957bf0bdec28ead4d345929834accb1e42eb35', for: "popover-target" }, h("div", { key: 'fbf772460a0ca96ff3e5d87a1ec68ec66588c496', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'a4ccddbc55375945d315600cf1942e20645a6a9a', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '32ccd4c0fa08472ed326e51bd4ab4b4eaa94efe7', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'bd58ef303f672eb1031e8724e61c8f0edfaa406d' }, h("input", { key: '93903dcd10800ffd729642308c3fc3c132891f71', 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: 'cacffa426e9f6ea1642bda4cac3e8ab3f92a9ee6', 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: '3fa0138d8dff0e54c72deb8310898b8cd29d811e', class: "gux-pagination-item-counts-container" }, h("span", { key: '9a0935fdaaf35a9183a2d83e33e68853613dfb34', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'fcb54c155ce1ca49552444be46ceebda31fcfc91', class: "gux-pagination-item-counts-container" }, h("span", { key: '413846eac18d72b10c77605b2b2b203bab8c2bc3', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'eb6852944573ae1e4ac957ff60e916fcb9ba59db', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '55910f109bd8939fd47dcf883ad438e9f2f701c3', 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: '8ce253b5b00367bd5f24b57fb6e28a317c9f8314', class: "gux-pagination-items-per-page-container" }, h("div", { key: '470ba363bea3d6a3bbbfe6eb83033d388e5bdc34', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '29bc362534aea3b7d5b6ec9bec2a4840ddf08134', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '6bd639086dc53fb6234593c3a82467ab93a5bc19', class: "gux-pagination-items-per-page-container" }, h("div", { key: '485e6e9de754a3ca64061cee830fe7d22c942c41', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '948b530c5a586ec39ee902413f803fd91a4bf9fb', 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: 'ec6c20fae5dd514e4aced6f4fc1d06df00de1293', class: "gux-pagination-container" }, h("div", { key: '2ad08c2e9a373e51d47ee6e4ef4597cb4ee19c84', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '24e001a9fe6299421264f7fbf11745c0c9349083', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '8340a00c890aa3cf80b179bc0a0a3b12413f9efd', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '90a5210acc6b3b7b8b8ec62120a84ee525822572', class: "gux-pagination-spacer" }), h("div", { key: '19bca0f2edef52b8747dd7abdba7506f96b21ca7', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '7e1cfd4af5d5a0a2875be819e784f9f984538537', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'ab80ebee1af46479f8eae973af6679c79405da16', class: "gux-pagination-container" }, h("div", { key: '4c6aeb301b42afa7bc14a7de6790120751c9671e', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'c035fcffebb711015c1e5ffa6b8b9cc86fb5f644', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '35215fa57042ce0a78edb2f0719f3f6911da6d26', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '9e87a9952a7c644ce1f6b2b95d627cc42008c35a', class: "gux-pagination-spacer" }), h("div", { key: '3b14239802f226ea45cfb08ed0de2528726e9223', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '1f7a5dce93ecb7797ee34a83a779c44ed563ccea', 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: 'c7c325dd268a103724a239223269f3c5b3ea80a8', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'c4bfd77abb067dcae0d1f094b0712f35c815fdb3', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '6720d3333dc97df058a14f3842ebc2bf8a4c0628', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '555b6abf14a6855c7bb03d92e644a8ded7be07f6', class: "gux-arrow-caret" })), h("div", { key: '17eaeb24bfd93779025539ad759e0ae3c77a0bab', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '6a10577c268b0d158bf41d0ef86a429b77520fed', name: "title" }), this.renderDismissButton()), h("div", { key: '58947f12697322416d3675f0f15d2ec11ec1454c', class: "gux-popover-content" }, h("slot", { key: '7e630b5805bc05e89ca62d22e1e991afb6ae5c51' }))));
+            }, "data-placement": true }, h("div", { key: 'a56b913b26c27f0a0835a93b3846ad7317e745cb', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'bf3ecb5c4b79718ef837c17bc4c69c6e77d5a38b', class: "gux-arrow-caret" })), h("div", { key: '409baad16d39c69eeeda3f6949548f5ba0803960', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'd7669798b13b6404aac1ba55b782d8d035c25ba3', name: "title" }), this.renderDismissButton()), h("div", { key: '9e55d48c7d09edd4e5850165049debd9fe974414', class: "gux-popover-content" }, h("slot", { key: '1527c1af2b9ed34dd3e976e44d2f4c6f1f848cef' }))));
     }
     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: 'bdd5dc87dfaef8fe7191e5fd02db47ca281c28eb', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'd6ee47cae973e3e1ba99d60c9a4a85743d605173', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '6b1380f07ccef415303b83ec729bce4a7c9d7c9d', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'e8a3b4f902fd30794b58eb8b0533d9223c2403d7', onClick: this.dismiss.bind(this) })), h("div", { key: '137a1bd756dae3e9e7885d561eedee0d797e705a', class: "gux-popover-content" }, h("slot", { key: 'e817387c205b6fd4e9f53bd60363191fba2c80dd' }))));
+            }, "data-placement": true }, h("div", { key: 'b820ee3f645654ab71151507d26c005163cb5555', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '965025fc250ddde80494b5b40fd9aa539deaec04', onClick: this.dismiss.bind(this) })), h("div", { key: '2bc3f9e2bdbdb47a1fdeeb6e2b2c6c706699a2d3', class: "gux-popover-content" }, h("slot", { key: 'ffd8067e481b81120f57ad89c22e54092dd5b0f4' }))));
     }
     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: '632ca21ef759758b62d1392fd26f9722fb233957', class: {
+        return (h("div", { key: '26e14de1fdc138741ba3ebd70ea3efdbde9e3556', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '1dfaf505ca415aebd889a4d29eabf6e7284e45cb', name: "target" }), h("div", { key: '03f8a8ec176ab4514f598b2abfe217a670c5a264', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '86bb7b4f7cb9786cb2cc854734357ffea57bd10e', name: "target" }), h("div", { key: '20ef4c5ad555f916f8fb0f0dd3975f15402cce95', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'ff4ca226734db75194e67f8840ee268afd2c64b9', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '7b7b3d130134e642b58b879a5a0a916429564f16', 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: '86c19ab1ad15d1a6d540e88a8685ba3f09fcefb4', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '51ff04e0e4feeb02670b7345f7ebc225419c7e51', 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: '8b6d6bd8a86c5421c488ef205f29aa258711832f', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '7088e09189873d496e640e449f3f391f23cc2d29', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'da1cb281ba3b06d90b42c824bef9106f7e01b508', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'afa4299f663d44eb841c0497132027dba28a352e', 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: '588d6ff12221dc7af146e3605f1af158d93407e3', role: "listitem" }, h("slot", { key: '5b7aded9f7e3387e2de8f96898c1c2b8f4abee92' })));
+        return (h(Host, { key: 'be91b9117a871ea04ef6f3b7b82087e60d609445', role: "listitem" }, h("slot", { key: '78e62bfba21782506f66afd0cca270c5995f7449' })));
     }
     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: 'f0ae202d3010dad734bfc57b9d03669dfc996b1f', class: "gux-container" }, h("nav", { key: '2eca551ad20fab75d7868bd3e94a8e59da7571eb', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'b9bce41cbdebcf34f46137284b4591396dff48e3', role: "list" }, h("slot", { key: '74c060a5258c728d74d9f084532c6ba69320f461' })))));
+        return (h("div", { key: '37d6ca61dae7aaac63b832b6a47d448176111f9e', class: "gux-container" }, h("nav", { key: 'fb8a026ea9325238b4bf89c92296818465434dfa', "aria-label": this.i18n('navigationName') }, h("ul", { key: '1af9ddca3d1bb384ecc6e7772a62fcb52308acf5', role: "list" }, h("slot", { key: '7fb2fa3bef3ad75db0efb34009a31a4a63d5664d' })))));
     }
     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: '7f0c7fd7e928c7349b199c8fc73da677f08e809d', "label-position": "screenreader" }, h("input", { key: '60d02617191365ff4f066e00c426bc6ae2576d62', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'ea35b2aeff6a05ba0013698419b509f23b6fdecc', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'a09d19fd12f445833c746b2e06ba38851130373e' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: 'f2312319e6bb60e7295ec5ec61699187aaea6e62', "label-position": "screenreader" }, h("input", { key: '0faea60134dd2823f799fddafdc663aaf7dc4a57', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '14eea5f59ec824b889bfd96af65af4bcdd58f9ac', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'c6f032748066ed07ae29c0d4748d7b3853dfe5cd' }, 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: '5c6f4b7010c4506e8cf436e2708988243f1ad787', "label-position": "screenreader" }, h("input", { key: 'ef6eb5c1f754f21aad8a97f81781aa2829b0b608', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: 'd8736ad0aafc8b328fbef64f4b1e75d1afe56285', "label-position": "screenreader" }, h("input", { key: 'd3709dc1605a73762778e8b6f79b777d1777af80', 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: '75e5844d7fe5434311103644ed6666a69142757a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '199472eca3600a79d083acbc9d90a6bd85bf6ba4' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '8b8e8fc0d3901f8304deefb715e07381686386e4', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '4a0a176f1d6ce0347479aee0114179566bd6dd87' }, 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: 'c9333873390ec3aa21fb80caac03c99c2a11dd87', class: "gux-container" }, h("button", { key: '3dc4600fb6ebcee8c01bea5442c9385637fa049b', class: {
+        return (h("div", { key: '0fc80e7717e41731a7c1e48a722feab47ccd8136', class: "gux-container" }, h("button", { key: 'db18b59e742e419c6504549a739045e0cd1c2d1d', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'eaf1fde0071778e720393a31a4c15a25d145f516', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '34546d8e5bb8a988e6dd67ac7dfab515a9dcbccf', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '47863f64979d243af28eae5590a6f0a3512c57ca', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '2a462f46723a61a7b679ed771c61f1eff9e1cdb0', 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: 'fdfc72d4d9b944ab758c0557fd87295d2cfda8c8' }, h("slot", { key: '1ea5ddf56fcf49ca58344674dd4abaa46a6165cc' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '59f80d0a826dde03b5858336a79bd5d5ffa4d13d' }, h("slot", { key: '011533ea66962258e227082f845c995e0bb83360' }), 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: '966ad0eef84d1453a06a596cff3251ef727cd83d', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'd804fbc1a450738996cb470849bced5c2d75e7cc', class: "gux-table" }, h("div", { key: 'ed28adbabe0bd3a8f4b6dac0d5d6e9de2cd1da1e', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'b495f8177f5d1d04bfd46a3a0233e4b4c4590e77', name: "data" })), this.isTableEmpty && (h("div", { key: 'de774633357942c7613594dd62ddf21e39674112', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'bd389cfd9c07dd80a974b4aa42679a32cc823251', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'd23a9885c0d82a90509b1e681da8a993bfb502a6', class: "gux-table" }, h("div", { key: '9aaca56f3ab9d94c407608e025a591ca8794bf68', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'ec9282a8e491bfc0592ff5adfeb1d52787c3d451', name: "data" })), this.isTableEmpty && (h("div", { key: 'e66e25529aaeba857630213be99627b59c598acc', 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: '37b206ad1a6fe1edcd7d0db5d6a4aa0adc1f14e4', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '1286cb7be87339d669508d5c481fd02ddadbc223', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '893d0b19679fae6600b77557d50ac2b80c11011c', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '1c8a023cce74e07692bb565d6549da6f8febcbf0', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '2966ed14c8544b341a3e3046d4143bdea1f3c652', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '5c710c9feacc1dc177398bb29c3cc8bb3a16cef9', 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: 'd7d73a8698c0cdc6f8fb46d74c8268ca47f93c11', accent: this.accent }, h("button", { key: '8c97479b5be32edfa2170999a4287f5b00bca7ee', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'e031ac1cb99ef2c3833a0407a4674d698f0a87b0', name: "icon" }), h("span", { key: '4c77b906a5fdc32d89a011396491076efe760cd9', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '13e4ada0bd58ed9a127c1f59ce6c6050881eee6b', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '7355f5deee449daff59eace8bb2eb00467738732', accent: this.accent }, h("button", { key: '0af7361805cde25846b657d8ce4e753b931deb20', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '450423d1b36c186c899ee138f5c6173a38ae3bd3', name: "icon" }), h("span", { key: '928debaf930a5a57ff45c612c00224968c3b7aa0', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '58abdf14b86c4af84d6feb247f346fa867ce6777', 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: '93205ef076687dc2cd69d0a036e7124a1d0ed648', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'ea00e275da48a29491b8f6e73b7075ee4b687500', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'd17fa129bf93cd0664bb89a3408a19db0f258bbb', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '36167f5645c670dfcd7712f751ab48bdb7eb49ab', accent: "secondary" }, h("button", { key: 'f5bc3ad979cbf1478e7e4e01f23ab08d704e2647', 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: '8343b06d1354cc227b4e680215b0c943ca393821', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), this.renderTooltip()))), h("div", { key: '3fec7833c83e63dfc4436f13dcccc234e2b52c41', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '3fc3b729564c5bda282b27a3088b0897531f5b8a', ref: el => (this.listElement = el) }, h("slot", { key: '4ce39c19431b83b9dfbc75004b5b6823f2d6078f' }))))));
+        return (h(Host, { key: '36e3b00ff21ff8b7f7e5586d2f9add7ea2488390', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '74223d3dfb730f546296e0ba3616069eff78d970', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '330242204100861443c7c284db5dff306cf2219f', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'e2ee996f510e382137b0bf00f81b2bb4e5c03e8f', accent: "secondary" }, h("button", { key: 'a9a6bfcdbbe498a59cca8e6f83b7c960f0c77893', 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: 'b94b61cc764f6f0ca3eecfd908322b94e172b5ee', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), this.renderTooltip()))), h("div", { key: '6a4c9ebceacfed4db4fff27fa4c210d36051e16d', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '8c6948e43a0472def754c1fac044af5828e4333a', ref: el => (this.listElement = el) }, h("slot", { key: '5a70a2c4a3f9c7c90f858ddc1368e602db7cfe5f' }))))));
     }
     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: 'a23b728c0a4d1958b0446ba7f9a77815f8b27be5', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '0a99f7d012a62ee2e18fd157337da1f8b1f8d2c2', class: "search-filter-container" }, h("slot", { key: '4f6b1347af322d14ce5bce545c9acae19748ca9c', name: "search-and-filter" })), h("div", { key: '5dfeb6b458a6d728db1d5d63cd9eedb2f8f87039', class: "section-spacing" }), h("div", { key: '30ea1af6c04c6ff261e2053bff13d334194e7c7b', class: "gux-contextual-permanent-primary" }, h("div", { key: 'e75366075c68a6fb0d80a73f63468f0d3f102864', class: {
+        return (h(Host, { key: '1f8056a3923c0325e4474a26701aa53d0c29e863', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'efb11815f22eb109c62db0b946e41b6b9e77f18f', class: "search-filter-container" }, h("slot", { key: 'fc7fb613d14d77e8aed5300b14137ec8406af2ad', name: "search-and-filter" })), h("div", { key: 'bd1d90c034ecdd08a4cbd038ea1bed68e4d7efc0', class: "section-spacing" }), h("div", { key: 'f41ff75300c1ae8fc86815be725110e209b15ba5', class: "gux-contextual-permanent-primary" }, h("div", { key: '3326995fb789bc59ade43f4531f4ad3f54d923ce', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '2899e19d0fc4010bf418fb51c3df119f1b67e6cc', name: "contextual-actions" })), h("div", { key: '90b6ee004b495eb7c395bc671890bf68d13f9b40', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '350b7b79f825af305d25850928dec7084c5958b7', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '85fa7a386bafd06a2e5732bdb135bf6d96e8098a', "show-menu": this.renderMenu() }, h("slot", { key: 'ad8f1dd4cf1fbd3abafff817704588d6f115358d', name: "menu-actions" })), h("slot", { key: 'e4c55a983321e93be4066309f0a2f3c054063cd8', name: "primary-action" })))));
+            } }, h("slot", { key: '3681930e8e5c62482f13dc70f6b91d4f951e14ac', name: "contextual-actions" })), h("div", { key: 'd45cdef7337ad04ff5a50a0aa61560dc5ae01a19', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '63b2ab4c7f382c6ff8ce2c375710ae6873c3d00b', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '9a45ea60a11abd66ea22ede9ccbd9f54cfa5cc4d', "show-menu": this.renderMenu() }, h("slot", { key: 'cd63d4b3f3cbeb2e01072977a281dc84bc7f5e4f', name: "menu-actions" })), h("slot", { key: '38458776b6add3052aa4b45fcb132ec1c16c0c16', 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: 'ddcac5ed451a6d93fb6da5a22a74c9020138dbc0', class: {
+        return (h("button", { key: 'de38aef86cde36b7ac7c350932c0549d4377b618', 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: 'dfbdfcb5ec13d758489480946816102e3eebb5e4', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '595aba8f17ad10e117f26ea742bd8346113f6183' }, h("slot", { key: 'af82f16d20b7fd25817f443eb2a76a9f35978d77' })))));
+            }, 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: 'bc8a7a1ffdc10aa2994144b4982ffcdf3965c917', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '6b1aae816cfdb940a707889e72b26724ed83a83d' }, h("slot", { key: 'f7209cbdb3faca47faad94e4f8fa9d6c3b385855' })))));
     }
     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: '04f4e2b8bfd8d8eea4ab69514d24c55579e494f7', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: 'f6c3da834e563e03c29a37f12908bb5cfbc5cd13', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '1501d26aa5f0d386f7adb98e8d97538a9c65e88c', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '4942f4a16a9ccbde008b3656a2749f86bfb09ce6' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '3a75558764f0b9f08d319ecc94c70fc519ff350f', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'ecacef94b6cf09085b9f27db32175e353ec7a0fe' })), 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: '319dc8b6fa2109b793541beec04ece15e2848f4f', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '4867ad3e07fa037d3bdf7bf495bccfd617c67ee9' })));
+        return (h(Host, { key: 'b434d28e14dc82c7f005ba754fef5403f18adc6b', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'ec6d6bcab424556332ea8d5c9baba59092cb8fb2' })));
     }
     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: 'c910a79f2fea6db48b594e50020d308e815a127b' }, h("div", { key: '400157ce77a53f751db885599be1844ab92a67b4', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '8ca197681e4d9d04e5ce0cb27c978d56e0e28e4c', name: "tab-list" }), h("div", { key: '90c2cfc993d6d7bb400f3d7e8b76f4b4c75e7f72', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'e0fbdf56f40d3ce46375b6774761ddd637032eac', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '59f2b432cd381e17da4ee57d99fd82830ff3c1d6' }, h("div", { key: 'b73e257ccb22143b2c3753e7f76b1090194f5638', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'b55a7fce7e9f4b7531dddb07b927aa1e5cfbecd8', name: "tab-list" }), h("div", { key: '5470cb75f9430519f83b9aab18cb3b4bb9977be6', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'af1f9bc074cc6d97c2dbbed1d566bda54b9a2ae6', 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: 'b0d2f48135738347e422c5991f32020029f8fcf1', class: {
+            h("div", { key: '8dd36078c565303064058bebe225bad9ae43c288', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '4ba213f062d5ea8f481e1b132dd70f0d8bab6401', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'e95a94c7f2ad758a5e6e5f041388f0796a5b975f', class: "gux-divider" }))
+                } }, h("div", { key: '4399a32c014f9995d9c946685ace2c07bf8ccbd7', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'cd238c3ebbb9f5a1a24902b7025d97d7cc057f79', 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: 'ec987b2de3bd83cf1f269a07e4f4b7c656fdb448', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'ced1b65ea2e4f793fceef72cf1c452e1f6567c60', class: "gux-scrollable-section" }, h("div", { key: 'ad4ae263e3f630c0fb452484ca6b54b0647e0212', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '204f6d1c6643a4ab5cdf7b048ac34c5558c8ee3a' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            h("div", { key: '3702aacfd0eefb5d8a655cedf01c5f91fbc5ba0a', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '149605f54b862b555b4446b30e0e20c3370fd446', class: "gux-scrollable-section" }, h("div", { key: '67b06e45f1d0d56fbc583db7a6f30eb61b56f5bd', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '44ce6b84dfa443e68a24e096fc782cb1a4377da7' }))), 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: '510ef2891e55723a733f7a74f81fb0f24677034c', 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: '62bab98e4b268ee6e223e4f3a125f6b69107c289' })));
+        return (h("div", { key: '100caf4628359904d496eda8139c99219009c87e', 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: '48cc00f91c79db96f801f27e8db0d3924d498e8b' })));
     }
     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: '09935e172d21452811b3560a2263499d04f4c1c2' }, h("slot", { key: '276c4afc07e9b2d24b4024908aaaf6eacea52124', name: "tab-list" }), h("slot", { key: 'b9816432887a27c3d7a4fe1bc914620a15416bba', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '55bf14f5e3bb649d8608ebf3057797795e7defef' }, h("slot", { key: '37b13f329d7e6f7e234966fb8363142e721b2422', name: "tab-list" }), h("slot", { key: '6974ee68014adab12aedb7bb83a58b5044c5929d', 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: '746fb46ee92ee34a883fc13edd0d6a309db3fed4', class: {
+        return (h("div", { key: 'a360d147440cf02e90130afdca9aa4b1cc845278', 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: '1dd472cf32221d0a391177abe0d8663e139536aa', class: {
+        return (h("gux-popup", { key: 'eb0da39af4e3257b5aa996fd2c88cc7bf4952843', 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: 'b80419a3c2d3a07248523d438b51ff8c28d1e7a0', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '62b2c3304a79a78d7c1813130a98e39cb4fcb90e', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '750e02522556888e8d2b661688b9554e470d823b', class: "gux-content" }, h("div", { key: '1fed074ed08765cca519608a3471ece4cb462cd8', class: "gux-message" }, h("gux-truncate", { key: 'addeb90005620ff7cc0119ad7423d283081ccbe7', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'afc27423a6e48c2ba93bbee00579d3f6087b48df', name: "title" })), h("gux-truncate", { key: '34c9864c8b146c02d2073cf672fcd171abc535fe', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'cc5550c66afba027852879344eba51ae2a93c4a9', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: 'ce0bcc99ac3578cb3e3699cd09f41fb5749cba47', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '68204dff3bbef05163347f17a738072fb3aa7297', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '046d719d4f620e59a4de75e6be15045b59acd3dd', class: "gux-content" }, h("div", { key: '748c8736d3ba84d90b2aea7b67cd7ce174c64729', class: "gux-message" }, h("gux-truncate", { key: 'e92fe7024f0f7e265aff213c4e7313d40c1a084b', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '2933d8e8b3ccb95d95fc84969e20e57a86afe92a', name: "title" })), h("gux-truncate", { key: '6ca1eb9c458e97c20b5d8a607358c39440f1a975', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'b2c5ab195271e1122144b750dcc8eeec939d2365', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '9706f3476e02627998bc7598f80de3312ae9a831', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '1819f59f0930eb56ec8adf56684def7009ab514e', 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: 'fcc4b03b5e37b793199cd0bab791f982066b1373', class: {
+        return (h("div", { key: '29eb50e507f58716177aa0480bfefc223b8fccf3', 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: 'af82c11450a7e7189734ade81ae59154e0edd934', class: "gux-slider" }, h("div", { key: 'aae336d5b5fa0f8d99a93406f5963a2e2138388c', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'eb84bc4c502bdc5a5b131637a491508b35ccbda9', "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: '998b61b413e8d48a676889c65015802ccfb92c26', class: "gux-slider" }, h("div", { key: 'c5a297033b89a05773bdf98b8aa013e33a268f73', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'ce43db109a924fb4d8697e25bb690626fbfc62de', "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.css

@@ -70,15 +70,15 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-toggle-gap);
   place-content: stretch flex-start;
-  align-items: flex-start;
-  align-items: center;
   padding: var(--gse-ui-formControl-helper-errorPadding);
+  font-family: var(--gse-ui-toggle-label-fontFamily);
   font-size: var(--gse-ui-toggle-label-fontSize);
+  font-weight: var(--gse-ui-toggle-label-fontWeight);
+  line-height: var(--gse-ui-toggle-label-lineHeight);
   color: var(--gse-ui-formControl-helper-errorColor);
 }
 .gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon {
   flex: 0 1 auto;
-  align-self: auto;
   order: 0;
   color: var(--gse-ui-formControl-helper-errorColor);
 }

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

@@ -68,15 +68,15 @@ export class GuxToggle {
     }
     renderError() {
         if (this.errorMessage) {
-            return (h("div", { id: this.errorId, class: "gux-toggle-error" }, h("div", { class: "gux-toggle-error-container" }, h("gux-icon", { "icon-name": "fa/hexagon-exclamation-regular", decorative: true, size: "small" }), h("div", { class: "gux-toggle-error-message" }, this.errorMessage))));
+            return (h("div", { id: this.errorId, class: "gux-toggle-error" }, h("div", { class: "gux-toggle-error-container" }, h("gux-icon", { "icon-name": "fa/hexagon-exclamation-solid", decorative: true, size: "small" }), h("div", { class: "gux-toggle-error-message" }, this.errorMessage))));
         }
     }
     render() {
-        return (h(Host, { key: '59c1cbb11301b4a828513313a56e37f6b313a053', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '8eb338cc9c1891e14de3dbf69d0281ad493b3bd4', class: {
+        return (h(Host, { key: 'eea0594beabacfe51dea7eeb697104958abdcfcb', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '1312f6913c077cd3710c1cd65a55299d8536cd3e', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '06b06201601dc294b8caba8066946c87ec311eee', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'b55c3165cb0c75654ba095a055d6ee95b489ae17', 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: 'f1026f9abb417dc04ef031c2c25ce80ff91fe9be', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: 'b6eb3d2acd40d3595dfe03403ab30506a4580117', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '014a91ef070681ba7ef148a29532cbad7affac2c', 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: '668729c0739347245d055fc91e6a15c2a1873431', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-toggle"; }
     static get encapsulation() { return "shadow"; }