genesys-spark-components 4.67.0 → 4.69.0

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-zone-picker/gux-form-field-time-zone-picker.css

@@ -101,10 +101,10 @@
 }
 
 ::slotted(label) {
-  font-family: var(--gse-ui-formControl-label-text-fontFamily);
-  font-size: var(--gse-ui-formControl-label-text-fontSize);
-  font-weight: var(--gse-ui-formControl-label-text-fontWeight);
-  line-height: var(--gse-ui-formControl-label-text-lineHeight);
+  font-family: var(--gse-ui-formControl-label-textBold-fontFamily);
+  font-size: var(--gse-ui-formControl-label-textBold-fontSize);
+  font-weight: var(--gse-ui-formControl-label-textBold-fontWeight);
+  line-height: var(--gse-ui-formControl-label-textBold-lineHeight);
   color: var(--gse-ui-formControl-label-labelColor);
 }
 

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

@@ -93,13 +93,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'cd7a52de8202d9e8e96ed0ae2fb91e3d828e0057', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c1e0a47c46fa60b6b85709f7d37534d569879dc1' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '3f689034df08073eca1f35b0e13e712bbc128fa2', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'bd7c6b19318c913dbe2aa81c679d5c8771185447', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e851d78b940f5f7acfa3a5204df16a2bc63d5b82', variant: "required", required: this.required }), h("slot", { key: '40b42c8fe3f164a20c1908b24dc801005360e732', name: "label-info" })), h("slot", { key: '3e566ee0225e91891d53bfc7af5144d92389ba09', name: "label-info" }), h("div", { key: '43014eb26b0393aeae60fcf8f35c9a721dea08a9', class: "gux-input-and-error-container" }, h("div", { key: 'f4f45913f2a8226ab5760af4ff13be713c3901fc', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'aaed04625be46bf1c196187a9ab2650ae15d6d63', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '95cdcaa339f2459b5f55e1d516b28fded340ec54' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'ca9d26b09254bcf1c10f85eca465f06d672c69ca', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9c4d98a79533c66cabbce393f6f2fb6ba2243858', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '872419e46229275b793a8e44cc5137054e62809c', variant: "required", required: this.required }), h("slot", { key: '8f5fcbbda9de2037df6fe4c233ff0d59b8767b77', name: "label-info" })), h("slot", { key: '7ab3cb49085ec078386e47d33be85e4862a56e8a', name: "label-info" }), h("div", { key: 'e0d3c3d5445c9a94d75d070a4bf724b201b06d44', class: "gux-input-and-error-container" }, h("div", { key: 'ba25e6cefde4e777afa7e0e9f60c2be7e4956aa6', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '81b73b33dca30f5d6c5f063255a7993e6624e028' })), h(GuxFormFieldError, { key: 'd64cd9cb465aade7d6dae6c627c64005d57fb3ee', show: this.hasError }, h("slot", { key: '6b65ea0a3f59e25b8a82ddad9bc88ba1284fb0ef', name: "error" })), h(GuxFormFieldHelp, { key: '2a511ab56e7abc242a58aadb1de277ce757a0f8e', show: !this.hasError && this.hasHelp }, h("slot", { key: '8c7093c30053111c12a4a1127f6feef81b6c646b', name: "help" })))));
+            } }, h("slot", { key: '2fa5abb19ef77dd31c72726f59eb1e3fe55700f5' })), h(GuxFormFieldError, { key: '8ebcdee23d8ea6a7088031ec16bb571a67f9ae77', show: this.hasError }, h("slot", { key: '7ea86ffc59c1af8f4a355ea0a6788b47c1eb4659', name: "error" })), h(GuxFormFieldHelp, { key: '649c1eb4580438bc8f7349ec77b13cbfe530b1b0', show: !this.hasError && this.hasHelp }, h("slot", { key: '8cbf41877937041046c62a9648982b420a2dfbcc', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-input-clear-button/gux-form-field-input-clear-button.js

@@ -8,7 +8,7 @@ export class GuxFormFieldInputClearButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '396f8388e24e30c41c1cce970ffd1492668ed1ff', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '28c90daa4bf9ececb2e84aa774e673eae5cd2679', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: 'f16b595c0688c619aaeacb7e7c099fb1530ad489', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'af8f1f7813fdc524978215781fafe1832e29895e', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '4de002dd6d2408b201277c6d3665e1825e899e96', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '11e42c61e6b6a268d4f3202b85587865a2777469', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get is() { return "gux-icon"; }
     static get encapsulation() { return "shadow"; }

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: '3f7a988f3399a0ed980c388d6c3c0f366e1be9f1', class: {
+        return (h("div", { key: '95faeba1aaab0d904b76e35881843a0545d12ed1', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: 'ba1716c5cd54ed2c59613e2f3688f12973a047f6', class: "gux-message-wrapper" }, h("gux-icon", { key: 'f8e371d3e4fecc7704083ae7467f2b39f4bc53d1', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '5dcddaaa4459358757b1f7d0751521d31e40510a', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '82fb28d33dd951506a1b2fbaf51e36c123364ff5', class: "gux-content" }, h("slot", { key: '20d27aee6d02d133f5fdfac4379ae15897f66321', name: "content" }, h("slot", { key: '2e24cd792085c73b1cb0d413d0d17024b9bce856' }))))));
+            } }, h("div", { key: 'f1cff94c3340682fa4f9b731b861246d2e5a95fd', class: "gux-message-wrapper" }, h("gux-icon", { key: '541abfc392b63e7cce5282a549118487490de8e9', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'f6f39c9cdba87b0d42ec68e53a2b404181f1b6d9', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: 'b8dd49744c9cf3a960aefce0218737eb3e7bbdef', class: "gux-content" }, h("slot", { key: 'c499e3f7f7db4ca0dc4118785c9fbf23daa99781', name: "content" }, h("slot", { key: '2e45fa9242e98ca1ea5a9408df89593238fe2106' }))))));
     }
     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: 'ab1db4e722cea672659f06b6b65cff4f6b6d1993', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '5507e6f5844bd0bb31e638fc0f08addcae6c5c65', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '60d92d8e476286fb6d8b87ce80738ae6a0aee0ee', class: "gux-option" }, h("gux-icon", { key: 'af2af73750a2bc52ed029ebcd78a76ed054ad709', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '832652126b66bfd9b75c23c433cc6a5b293e2a96', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '60194b159f145cb8430f93847bc62dd0bf14a245', class: "gux-option" }, h("gux-icon", { key: '435f196fa8679e19c1e77d5af67565b4b2bd1c2d', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '3c98825cbc6ea36b1e6bf71e062075e76166e369', 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: 'c65e377f8b666a8693d3af1a4b7aeead5543c1da', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '294c3b9db4d7b6a640bf47fb4ef67ed15a78a3c3', class: "gux-progress" }, h("slot", { key: '604778080f30fffece0a877de04102a6ff324d9c', name: "progress" })), h("div", { key: '5f5b14263b0ff0d4e194827a311dd214d2b99ded', class: "gux-primary-message" }, h("slot", { key: '90f1d2278a6334268e8b7c84e4dd61bdac9a0075', name: "primary-message" })), h("div", { key: '631070cdb3d4e4c7daf0d035d540ac6293f6e6e1', class: "gux-additional-guidance" }, h("slot", { key: '9ef13d691d3cdf9c50af001c40bb34854d8d60e7', name: "additional-guidance" }))));
+        return (h("div", { key: '2a6b29d75ee80df549e6f16231aba1665d3ca154', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '45c224c9caac4f211a30f89dca30645cf3c68cef', class: "gux-progress" }, h("slot", { key: '99c7399f7575ca1d63a354b6c2ed6b8c0e5c6728', name: "progress" })), h("div", { key: 'fb7eadb66e7be740661ea040eae4614f21109d93', class: "gux-primary-message" }, h("slot", { key: 'fc31e49622c5f1b581f17df0da1f0de3cea9132c', name: "primary-message" })), h("div", { key: 'cc876268b8c22ab58c548201c076cf58519df58a', class: "gux-additional-guidance" }, h("slot", { key: '8fae572e194d58167a55c68c6b9db4a9eada969f', 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: '24ae7dd6de4f4ba26b35c995b1f42490cf375d21', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '38df4baaa7fe2cd14ca1e92765e24d4ee32ba28e', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '0526938327e68d8f9bb9a271b0abdb08e5aa2fca', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'c5d3c90d1d98f298bb0e0493b5966a65eb3adc21', class: "gux-modal-content" }, h("p", { key: '92a64eca59ce6708743f92194c55026e50a2ce73' }, h("slot", { key: 'e59e65ca1d17a64ff85641018c9ed17171279ca7', name: "content" }))), this.renderButtonFooter())));
+        return (h("dialog", { key: 'b21f66fea97ad825220bf1f7cb607c2b028530cb', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '6f9f15215b90d95674356b3183f1cb73695500df', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'b2cf8c0bbc3a35fe922187395bdc9a14c566be9f', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'b6be54d55a19922d444f43c83f8daa60b91cc299', class: "gux-modal-content" }, h("p", { key: 'c68709bfa8c21e50e8e10fe382843a0dda63beae' }, h("slot", { key: '1e6316fd283c5822b0cb77e00a9f7fa3134770d3', 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: '9cfc3fbe02c8eb0de549b010cd7d0d6173d6b7f9', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '5f31bcc969ca3437d020f601e939b56c416f69a4', 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: 'afd5c69563ecd18ceedb0be55ea27da084b81aed', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '5b65cd866891468a21827a8ae42748e39b73c4cf', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '0b1054a00b1cde94a29d68ee1213b32537e4fdb9', accent: "ghost" }, h("button", { key: '74f0eca7fc3f1cf9ab1bd52bd737a93e5364fb27', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'ed2bdfe308c6705785b506b102a97e6f46827210', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'c2e415706d4f09e44cbc861f9a94d290f9a86730', accent: "ghost" }, h("button", { key: 'bb449419be72d2eacf70ba8b000e937cb9550bd5', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'd9e50cb1b298595c5eaf18f6b028c0645db08f25', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '04718018a71be3555e1388765261f23d22dc5eff', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '270c7c031af0ebbaa374ddb770051123f387a1f1', accent: "ghost" }, h("button", { key: '6b551c7502490ce3703dc45ba23ad2a63a0e26c1', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '9c0bb24889e941f9061b1b2236612517026c7331', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'cdffb13b9fc010047d8adf0465d8271f9479f3a8', accent: "ghost" }, h("button", { key: 'bac45a0e6f67dd2991e721cb0aad93bbe69e3da5', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '2b81edc1d29ac48e7d76970c294536d9d197333b', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'fff0cf262b9c1bb44ea53fe9a000085b3bef3638', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'efd4ad576ae28db57058c5bf09f1bc3cc62a8e70', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3bf855a6ab89defbb74b34fb44698754ef089f69', accent: "ghost" }, h("button", { key: 'adb7b226b7b45569b330e17202da8401015522d0', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'a5336a58ff01300b1f78e46a3fc511d7da262939', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '23270e5a2e0cced675581690cae4e12e00ea2c79', accent: "ghost" }, h("button", { key: '332b43a4cdb6c59a06b6bca31ebc2d59bda67bd2', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '112db61c6fcb73233d01ff89456f5cbbe7c7e22e', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'a780c379e89ae73afd4fe00c014f7d3795006cc5', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '23150e772b34852ae3927be5b1c62c84804e5ad1', accent: "ghost" }, h("button", { key: 'dc0fed5842c2046fa0b491144bc5ef0189e28041', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '4c51072f7ef5066f62c8f74b9c7052fbf7e27bce', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '1d74ba84367677727c6e26a6b75fbffc961f8400', accent: "ghost" }, h("button", { key: 'a6a8a25686a77e41b1bb116dc5bbca419943aaeb', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '1667a1ab84afcf4969e04abb0c05d62ea1952ef9', 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

@@ -90,8 +90,8 @@ export class GuxPaginationEllipsisButton {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: 'a188c1dce413b710c91e13f5ea4414e4de4f0d94' }, h("button", { key: '217631219f71adf52a7882e4104cfb4189d87351', 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: '854a398967e59df2ed62ed1f91f6e7e4ffdafd4d', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '3a27be4f8a205903c448649290f5983fb4eae217', for: "popover-target" }, h("div", { key: '543ecb926bd84e27305a86b763be0e6c655ec02c', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: '97fa5f1602cbd8368d5e492ce0ef8e93e505b9c7', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'fd3efb82d2aca48c834ae9ceedf293b8f7d72f84', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '4d91a45d27472a10a5025777872db3b9cc9600b4' }, h("input", { key: '6f1d2891a600c405abf84464bddb586cf0601b55', 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: 'cd34ed52c6d9932dafc012eb8d92176476979a67', slot: "label" })))));
+        return (h(Host, { key: '2820c182b85e0299720d4abbc157a8604586736e' }, h("button", { key: 'f5281a55dfa45a66d70a94c00b500398cdc802e4', 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: 'f76d0448816482e93a94735df84f9461f921f0b5', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: 'f4cffff7d04b8940ce6481533f27a16176e93489', for: "popover-target" }, h("div", { key: 'd8415ca69b5d2a30430a29e3aa199429f96c4559', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: 'd242c1ac2b74e7ad8f3e3ac263b3f25d2a410544', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'aeada09ea4194538e1f7c784f06c0305632e283a', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'd1fdda287990b81432fb0ea1fba701feaa0313e9' }, h("input", { key: '71523be8c50ee40138a4560574523060f3c8a834', 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: '3a0c0d349584f5e8c105c1104c654aeb8077a8ae', 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: 'cec231d8e47fc02144bc0e82303182b3ee0bd56b', class: "gux-pagination-item-counts-container" }, h("span", { key: 'fea8f41ac89259d62d2605271ad2cf21cf3fd82e', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'cc214c663bea74f291e97a9a8b41416696b17fee', class: "gux-pagination-item-counts-container" }, h("span", { key: 'c7863d7e06bb7c9d5185c1bdbd052dc87754c050', 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: '0dd4d098679e4d835d8401b1679ceaeb2a624230', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'bd82c2056b6524f10bed245f6925eeaf4ef1b372', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '4fb2345d121064f372616b67949407d327eba093', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '0d75571f0a46feebad6603b7abc75ccf4f8d285a', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'b2c4417a1a39dff20c07215e9ccb2f14e59663fb', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '86bb4316e5702ca0c98c00d320bfce7bfd3115b7', 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: '69c6d6d77bf241d3dd513fe0326da6657296785c', class: "gux-pagination-container" }, h("div", { key: 'd9c6ae28755bebd48d71e801319a8c7a543a59e9', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'c416daf33a5deb42695c45993af18a970c1ba3b4', "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: 'a527ca29260e82de9d84027cd7fa19edd68a2bd1', class: "gux-pagination-spacer" }), h("div", { key: '342af2e84b80e3a1a792ed8d807cec42a99ba64e', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '3b7a6c4e422736e91fe3d742d282802ab2fcf40f', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'a9c135d289ced1d1652d4903661b5457a73b4d82', class: "gux-pagination-container" }, h("div", { key: '3cae00b7cb4d53acdd1ad03e7feadfa521090451', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '21ae33ba6ced409092abc69505d6bbfb476c19f3', "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: 'bda75173e7bd3b50d1fb28df57bad6bc72404940', class: "gux-pagination-spacer" }), h("div", { key: '7e029f98e38d1f4cc46ff9460c4bc3b294700992', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '2a589657711bf2ef9968f774f2cda18cdb66301b', 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: '1636856365361a8e45fa477b94d6ea9acbb7b3ac', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '73bc102bb15e3558f9ce9bf3d0d9a227c7c7d066', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '218fcaf5cfbab4d6c46c2b432fee2421a67a14b7', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'd6458f85deff302f3b756897ead6894603d4fd14', class: "gux-arrow-caret" })), h("div", { key: 'cbd7052f04e354070633316a3c3c5ac544442ba3', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '8675905dc5a471ca38c628caba7f15f46d9f2ebe', name: "title" }), this.renderDismissButton()), h("div", { key: '90289dfa658c5e425a65f5d75cada50e256be0a0', class: "gux-popover-content" }, h("slot", { key: '4c57be1cc853722f638fd63c4765db80393ae0b3' }))));
+            }, "data-placement": true }, h("div", { key: 'b4de1be84cda8c3ec3648e3764b91ba9e79c430c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '61e3578e40ece777e9b361a10c6595fed291a402', class: "gux-arrow-caret" })), h("div", { key: '92641ff8f3fc763886a1a94b61354339938124d8', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '9c544091c84b663706ea62a4e39a659947fc9a31', name: "title" }), this.renderDismissButton()), h("div", { key: '42d1a067d01bc84700d055c76764c68c2263bda3', class: "gux-popover-content" }, h("slot", { key: '46b29b5905512f76b5e3f25a3d7978e0a4cfa4cd' }))));
     }
     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: '6386cd6a7deb7cb91c0f7391521a2e0337d91014', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '32312d0a95b355418abfa3c6d89f9d0b9a0190fd', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '7f85c0da09bb13d74cf2b2fbba398cf18e6d81e8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '5775ee19dffddfc028bae3c0dea63bef5d996afa', class: "gux-popover-content" }, h("slot", { key: 'b03f47ed7d2a25a6c30623de5cd08e0b36b6ecc3' }))));
+            }, "data-placement": true }, h("div", { key: 'b43bf7778333eb8292720cc873fe1513712f0308', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'f77f2d7f90526b996b5cb47fa7991cc5ea4f23b9', class: "gux-popover-content" }, h("slot", { key: '8dbb8b2e5f25e48d5c82831bee3c6d09ba21df7f' }))));
     }
     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: 'c54a9bf9deff3f90c635ec70b403dec5e2852430', class: {
+        return (h("div", { key: 'f385c4140f4eccd1fd7a84a613df049e2a272e64', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'b88e446596967cb7bc8935a6fd0848bee2be5bd8', name: "target" }), h("div", { key: '3e28d7b2961e9c15ecf08a71c9e861fbc00c100e', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'bfe0fe177d904e6c3edb6da07e13683f82048f09', name: "target" }), h("div", { key: 'fecab29baa929c7fa63258a125f14804f6bff0c0', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '01f700be2103e361ab985a65dc68984778c7b299', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '97f0063ed493f5de9f62f8e8cb59628c3dfe6ba2', 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: '2044d43ad0a5e1661918f2de4cc5791392763b50', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '0f87d6fcaa745d2dd26ce30af8fa60dbd9be8e2e', 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: '8c45a3e67a8475372e8db0905980883f4c697b43', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '77712593c169f1d207339c5f64d470bb75449332', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'e185108c89248b7ff1bf90687b11ec7d6614952a', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '18972a9af1512e1e6ddc48161b2dc3ddc0c7d824', 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: 'cdcaa4a476d40850b1f700f25fb721dfd98ee021', role: "listitem" }, h("slot", { key: 'a3578e9013557e84e746a04f3fce882220e2e606' })));
+        return (h(Host, { key: '007d9a9f343d3586c97ae507a7b25567cd8dd391', role: "listitem" }, h("slot", { key: '07a7133be97eaf59a044c4173d4a2561add2a043' })));
     }
     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: '2f6cc08bc5d504bb0bb0f4905e2cf5fb169986be', class: "gux-container" }, h("nav", { key: 'bc38064f91e254b03b8dc467113479c801cf50f1', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'fa61dfdf81585391fbfc603a9e001faf459cd176', role: "list" }, h("slot", { key: 'bb6bd09759b33ea5a4758071c2affb3e39ad3205' })))));
+        return (h("div", { key: '861cfb0779160bf2870c91b5a75c1d4552c2f329', class: "gux-container" }, h("nav", { key: '751dbffe6e3c318fdf8f2b5d4ec902e51d117e33', "aria-label": this.i18n('navigationName') }, h("ul", { key: '354ad26e8cc020472ec884e46af41cc3c911f5da', role: "list" }, h("slot", { key: '12059a5b3efada13b60542cbc172cd8d2f6812ae' })))));
     }
     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: 'f7091537f134afb6dbe541e1a0edbc5e65541ed2', "label-position": "screenreader" }, h("input", { key: 'e770623b7a54b461c03efa7613abb72f6a46adfc', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'bf0d66ac4dd2aa23ed42f7aae82abed163615fbd', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'bddc67205d44f2bcd805a7eea85da06d981d9ea1' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '545787c0f426ae3e7b54749b519da1033aae2b4b', "label-position": "screenreader" }, h("input", { key: '01f91380085cab1f2ee87516c11a280ab7b308f5', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '4f540aa1ed46cd76037de13b0ee2140e87bcfc8d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '75cf6d0a1cb6263cccab55170f3c089a985df5b5' }, 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: '04b29a74ef241b861f1a99ca237169c819aeb5c5', "label-position": "screenreader" }, h("input", { key: '4fb549cf638c669d35a2472b09e42e5dcd56fac0', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '7fcb02ac29eca8fb5c0e5c67b5155729c572285a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'c4515b6bcf3e1d4974e98eed8875171475cc5896' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: 'e8d0d60a271567a74d32a78aa7da97226776efbd', "label-position": "screenreader" }, h("input", { key: 'c6fa597e81785c9bdfde74de7c445162cdeb7b76', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '187b2bf7041b45468109c0b3fcd7744d1a8974eb', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '5a460829db64a69c8deb49988615982f95a91e1a' }, 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: '397f9db3cf1f7628b5378069d44081301f3ddd3a', class: "gux-container" }, h("button", { key: '4ec065ce7629a15cc25a8826e07ba14ed48b395c', class: {
+        return (h("div", { key: 'ad2c16a4cb0e3ad535770fe09cb8aa7261b09488', class: "gux-container" }, h("button", { key: '4a35a6bc0e9dd545a6601ec981244e945ac53882', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '5a83babe4ee256974a119b8e9cc7cbc55011e213', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'c3f947fa1d7d885b0bb81124b50f1b380d4d5e16', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '27accd8e618cd110e75178974717d5f975978507', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '242170322255f24d10d6bf3ad42bc4e95ee5bbdf', 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: '94e4a74de88db0cf7ae8cf1a83afb83b4fe9f9e6' }, h("slot", { key: '5ff5e7ed4af9a059fa2fdf70b4451dc7fde56c16' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '20db4257ea49e02f7c0838d192b0a3579550ecf8' }, h("slot", { key: '177130d715f3f70869ed4411741269ab78947350' }), 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: '28f1ae08348917fe0325aeb8e2026040457e5c47', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'f2b4384a3f72205afc9b024e1533081934a95ae3', class: "gux-table" }, h("div", { key: 'ea1d225bd4e636a82ba99c822ec828b18c894d42', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'b0c296117bda130a41ce2794580d7446f29d9bb1', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'f5558b317d97d4c545b987e5eed516d43389eb57', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '7994753aee1e14330c684e0c4ace9181e818ebe5', class: "gux-table" }, h("div", { key: 'ec0c8b3a8ba56a44ede705135c1754ce074d34b2', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '3139e1cafbaf7f75522945065a928a4d7d523ed5', 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: 'f3344dc4e10393a62567fd5a145cc7707088c3b1', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '093e3cb20725824396f046430a24e5945d8a9853', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'f079f578d955e73b635658807d3550bb146d319f', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '52b7e5d8d3cdbec48ad5c9062c628b672dc2ff1f', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '7da5dbdf9ae6cc600708563f886b16a1fe461f86', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '7b059bc33717295186dba7e010e23e855af58c5e', 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: '28a3fc9e222269eb83ddecadf3f2a103ec24cd5b', accent: this.accent }, h("button", { key: '85c5580edc1f80148e86382ec4601127366421fe', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '94e82fd1f393a6c534db844740bbb673161e85b4', name: "icon" }), h("span", { key: '54c7eec8e9ee852eccdc31880fbb65a9647f1357', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'bf516fa6cfa9d2485a9559d634bb0c7c18bf1566', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'f9f92beab14454164cd57f5d7152185fb169805d', accent: this.accent }, h("button", { key: 'd3eaedad0a53fca42c919c52abf75b7f3ee395f1', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'd8a1c289ac52458e96084361330b43d1d8e7265e', name: "icon" }), h("span", { key: 'cafea5d2bf21f6ebb48af7907014f47ac5f6b0fa', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'ed63d313c4f831c76fef6cd7a58a2bf15eb82e2e', 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: 'c7a92879e4c306e7a81b953149a4bc639e4df348', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '136c33a231f27fbc3c1a052cbaab6d567c7b8160', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '2eff53b7ee957e9f4871f8b488e0fa3e8b5c0bff', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'ed16d673699e160f68693dd2e2b8d1be01067570', class: "gux-menu-button" }, h("button", { key: 'e0b1d7ce0b2cc777a6d5092146e845c4b8ea8de5', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '088e572e5d4b64b6dfa411939b831a7e4cc61396', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '411f95c4b3a7e7272e8dfd3d4d68b49b3605a601' }, h("gux-icon", { key: '5597fb028bca1d6a2c30ed8ebb2654058eb4c759', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '1a4d6f4d8fe70a2889df924e678db8166c3d8446', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '3b2a88de69b63ce340773043af264e01190cc576', ref: el => (this.listElement = el) }, h("slot", { key: 'd777e5d9e23004fbfa9d83ee6cee90119fa45be9' }))))));
+        return (h(Host, { key: '740eb843a17f0eae90c045bffe957cb649273d9b', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'dd113fabbc90fdeedaa41d34f185da1fb87ee8e7', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '8181db7ad0cb2b913a2383981e426e722efc9edf', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '2c54741c1b676f1d35fef80059f6c91886bab855', class: "gux-menu-button" }, h("button", { key: '6d565adecece1f7cec532453447e15b1d96913dc', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '65f4d35543c9330b0e52eb97d5a515079a0b751c', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'c13972003633dc6d0d353f933a97008ba8c3566e' }, h("gux-icon", { key: '42788806d05d92880020350f41b9722d5b469fe7', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '68b20d4aaf4491bb633657c7d729227d6aa9fca2', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '1257a1bb52780dce7138441725744fb40c6dad57', ref: el => (this.listElement = el) }, h("slot", { key: '5a0df6cac6139c589e0d0daa58bea76450a87c25' }))))));
     }
     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: 'cf9a4dc72eafe940aacbf8b3d9f09969ec654d2a', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '3454bfffb56b17503c06ae42d64aba33c79a3e81', class: "search-filter-container" }, h("slot", { key: 'c277d52cd2744664d70dd3dc5170ac9fa1c2d44b', name: "search-and-filter" })), h("div", { key: 'fc3fb309fd0b151b1fe6036aa703329b48fed458', class: "section-spacing" }), h("div", { key: '282731eb3487d813b89eacfa731024e55858affe', class: "gux-contextual-permanent-primary" }, h("div", { key: '79e6dc09ae2010dbb515ef1d4574293fec3edee5', class: {
+        return (h(Host, { key: '6fc21b374fd74a4fab1c05f2249e5e3bcbf7d386', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '276c80c7aec3de02a5fa5818bf0fa2e8739ccbf2', class: "search-filter-container" }, h("slot", { key: '730b76b35b2c509183152428e048316b3120ddfe', name: "search-and-filter" })), h("div", { key: '92bc2e709a24f0ae605e1644a7e10c37d8a6fce4', class: "section-spacing" }), h("div", { key: 'ee673e4d9407551ed443c5c9b0ed9cdb80934f69', class: "gux-contextual-permanent-primary" }, h("div", { key: 'cb92abc2a6809b09187c67cbf657ff4c4c304d85', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '6aebb66e9f4d620e56142b2f26b86a5dac142fea', name: "contextual-actions" })), h("div", { key: '11350799ce8e217ca5a89fae1060c60b12b2d216', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'bb1b8ec34a05311d5ee8158cab1732c5002b664e', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '256c84813e36d3e313708080477c5b06b58d486e', "show-menu": this.renderMenu() }, h("slot", { key: '195b836e14e815a99841285170b8178c6552353f', name: "menu-actions" })), h("slot", { key: '65bd6367f3d1697fe1431c8fed12f52107a925d1', name: "primary-action" })))));
+            } }, h("slot", { key: 'c4d1fd928a9c6097993061e76cce8a2ad2a15b8d', name: "contextual-actions" })), h("div", { key: '40cec3218b64b5415536b6fb7d0cc0c33050039f', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'a18d17f76911d1696be42630245816b1d7630a8c', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'd967becf6df9612d271017d31aeaea69e831e4d2', "show-menu": this.renderMenu() }, h("slot", { key: 'e20123d6b0424e7f2b60350be266e7cb22df4756', name: "menu-actions" })), h("slot", { key: '8ee83629fa3cc7d9aa8fce86d275de8f3d2ab512', 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: '40b59bc9c079e6f580b4e18781aad0cf96117370', class: {
+        return (h("button", { key: 'c54dc95e266f152943199525cde726bf6fdd1d1a', 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: 'a241e0585e3b67af6d79cb17a679211bf6541451', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '91aa1685495c7282e0ba167392b661e920e71904' }, h("slot", { key: '972d7c3d736644810386da21922274b5ec301388' })))));
+            }, 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: '92080b0a5847659160f8d1789fd929d4733bc890', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'a9380a71f2c92b6cfe568fa2e7e72cff7df02c02' }, h("slot", { key: '324aa107d5823f3a0e9ef0bc42add6c31b105d82' })))));
     }
     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: 'c9a91a5d89a87055002e45d1c3964912555b42d3', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '680306423a224a9a1646ba5f67fdb9f31e2d0454', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '5bfea446c06777f71859dbca4a3cf13b6177e1e4', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '5d5072277f97bb9a784458ff90b6e8d4fb9903a8' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: 'b86e164ab68080f6510abeb70310c0458e7f5844', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'ec4815defba142048face3b67c1eb6ee092ffb14' })), 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: 'e1dcadf08dbb83b0bf0d9cbc0a70c898fbcfd83b', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'ef6a057a3ddba70bd0763c6f79dbf2a7e2a2d689' })));
+        return (h(Host, { key: '751e591e2c405b0a87436aa94d5199944b4c6d63', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '3d7e4df841a2610b3e0a915f5fc58c64fad3f9dc' })));
     }
     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: '79c9a07f427dfb80c70c49970e8cfc7438ecbc94' }, h("div", { key: '4b17897027a5d6d2345b12171c9e550158708eac', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '1fe4fed76ea0a0dd54a3e0b70a5219febe2fdac6', name: "tab-list" }), h("div", { key: 'd4cdf6798b639f1e7332c5739379cc2bc9ccd04c', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'e08bcb05fbe5d5e8c0e0b7ad3a108e7cd42097c4', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '32d1873a678e50506803977cc6a6ae8071134533' }, h("div", { key: '22a82c469859dd57778b1876a05a216eb22f8e46', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '191ba655d87b19ff016a0e47d9d791e72db47588', name: "tab-list" }), h("div", { key: '1fb64ce9a3bd2d8e5c68c329a99283b257fe22e3', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '3b258056a818878a6ba5bbe45bbc01e8dec748c5', 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: '4e4f3eb23b9accf5733f12676ae217b85a411462', class: {
+            h("div", { key: '2844708cc4539f43847e9b15b71bf38f0b45fc47', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'b10764e5b0dd827cfe2aacf2515b96446bd8ab6e', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '907fa2c3810ab970d3ceffb7ef92be8403fd485c', class: "gux-divider" }))
+                } }, h("div", { key: '01424caeb60688ec949ef6860489a416871c7402', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'eb947372340e56de538ffb1a2cd928b918b4edda', 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: 'dfef8d9099b3d10ca51435ea52b2bee1be311fc7', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'd2ee1330137228418ff68f00ed78700bee375c60', class: "gux-scrollable-section" }, h("div", { key: 'aeea0fb1b2bbe0e0b44e8c80c6cc603dd09c2737', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'b058061a3cb63e38599ba65251b1926b2c6d44d3' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: '66e30bedcc9b25eb35ccd86df381306c6d4b1b79', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'c38b67538d0c667eb89dc943d6cf6b8896b2636b', class: "gux-scrollable-section" }, h("div", { key: '8c3df3908eec367a45d4204fa1186d59a620f962', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '9403093103d10f5ef32b33b156ee65234f9efa72' })), 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: '7e8e1e27e46f004bb33a17d56ada993e10513de8', 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: '3cf4fc3afe516bd3efe8d4b2bfce9da056525662' })));
+        return (h("div", { key: 'aee1128f003127d25328e9efab3faa13479f9230', 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: '92805b21937973d619a03140a9f7b8fb9113b1a9' })));
     }
     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: '443e36880b478ae80d686e5e81ab7802da2f774e' }, h("slot", { key: '5bf4b176afa32d1d690907846b614cc9bd9fb6ba', name: "tab-list" }), h("slot", { key: '077f01ee7eaa856e6d19abd60455b2cef159aa8c', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '1800f9c906b4efbe291580582eb8798bfca440b4' }, h("slot", { key: '109ff47e12ebbf78b267198282974f0c56c8f1be', name: "tab-list" }), h("slot", { key: '7f8fac0199518c90587e714557e91b42f263a699', 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: '068a02d8d6b4b64c04d4bad34603c72a19ba8338', class: {
+        return (h("div", { key: '4f18b726d9af48c8170ae42a25df2d728ca66ce4', 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: '0a5cff6c7c7646c518c28c733ebb83810afc4351', class: {
+        return (h("gux-popup", { key: 'ebd9d425eb3b72f65ec7efb41c133d88d9b377ab', 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: '33cb4d322c298497ff8a594612bcd9e06f77a437', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '0b45b82bbbdc94af6555906881742e2d228a0173', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'e03727a8e5b62ee406dd14ab120e0c6e7b55f466', class: "gux-content" }, h("div", { key: 'f5e8fcf4b6b4d935a2e7ae62414dbdf5a9213633', class: "gux-message" }, h("gux-truncate", { key: '843aeee809eac4e11dc5ef26eff634200a6bb4ff', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '74c766c478ab65405716afd51b95aac5b15c3eb9', name: "title" })), h("gux-truncate", { key: 'a13a0efb5a147a22b54aecaa9dd6e55ee15b64e5', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '772b208a113e6d3df0e0e76badac7ef023a045de', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '7a6ab805bb9deec6a4ecb62520ce25feae807788', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '4b9890559de8cdf758e86d71fac14e2e78d271b3', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'd8ad1c246a7a172ad6c05cc43c56d8db08f13aa0', class: "gux-content" }, h("div", { key: 'c2e22bff4778ad05af0a9c503422e6995add4fad', class: "gux-message" }, h("gux-truncate", { key: '19ff372ca20c6110259bcf1c9e85611d17399a19', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '48ae3f518ddca0a6d92192f2e022e2eb583f3ec7', name: "title" })), h("gux-truncate", { key: 'bcb27df4a0db6cf8ce322edeebbb4809e2b3063c', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '4103da09dca94fc6b1b9c6e83b4cc869c5ef6a12', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '50a68ea0cf3d677d2a2d22f2d7b58fe550fd268e', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: 'c7d2643ff6a3b16e1c4dd5d164ca2ad60c33d048', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();