genesys-spark-components 4.115.1 → 4.117.0

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

@@ -93,14 +93,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '9839a81242957d26fc4cfdf4259cce5fde19f0d3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '2072a981ab6d294a824e9a44de60bc24ae1a29a5' }, (_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: '82c92692e8af7e0204e27cf10c9ff0b246764d9d', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'b28a54402595193929bd63d02df7d4c35eb6b60e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0a2e728f15ae683fb433c31bfbd427fa19a0e9fc', variant: this.indicatorMark, required: this.required }), h("slot", { key: '13349d0fdc95f6f8f2a9e742f46a61970dae49ea', name: "label-info" })), h("div", { key: '295edae2f84802e60dfa2ef8b6e55775957c4b9c', class: "gux-input-and-error-container" }, h("div", { key: '60dbdde3dead379dec5de8b0293099135b8c7fbd', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '77e2c0943e7272c6fbbe52b3adab449bb512c513', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '0b39d9949ba357fcfa9e2a1a9bf33cb81d1be667' }, (_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: '46f3707d010640790e3006114d23ec3dd5df2cd8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '2335950ed4cec90514d2eabd9d59e2f50d43e72b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f1aece84688d725294a36e6cda698e575b340b4d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2fde31adaee52c6fafba3b18d4db5d40b1ba0c03', name: "label-info" })), h("div", { key: '0ee6ba3b352c5beb35f0d95a6c38e6625fc03cb4', class: "gux-input-and-error-container" }, h("div", { key: '0743186871c68411d99928e7ca7b3a3a14dec12a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '44d985ac66713d319ffe47822c76a5600f72c5a7', class: {
+            } }, h("div", { key: '051f19db07e991faeed2d59a2c379694b200b601', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '07224398bdd05a0f1712a0a562ea397a78c83ad1' }))), h(GuxFormFieldError, { key: '6d938a490272639331ef4ac09740aa33d5667651', show: this.hasError }, h("slot", { key: 'a64bb658e1f87b02ca7ddb499c39d4884cfb38c4', name: "error" })), h(GuxFormFieldHelp, { key: 'ad7047072925e0ac0f4cd8362896241a4ce44f84', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dfba72d1672e6dff3418253a0a7b354f13441cda', name: "help" })))));
+            } }, h("slot", { key: 'fefc9a6e557c5dbdc081a4500f34165d88b6e1c2' }))), h(GuxFormFieldError, { key: '0d2cf8504149894e2f7ede9577962e260ea8ef73', show: this.hasError }, h("slot", { key: '3b23e77c4bfc93e481aca214f7bd80406ac5cb41', name: "error" })), h(GuxFormFieldHelp, { key: '03bd3a4b2ddb1c5133546cfa99818cdfe5f1b95e', show: !this.hasError && this.hasHelp }, h("slot", { key: '14cae8dddd882d321e72e2a2704b69091fb1a8e0', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -94,13 +94,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '6bde060a328af586722db911d3ad5ab6502e4756', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c32a32aaffe423a4575dd7c82485442593a5db99' }, (_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: '0e2af65bb582e4946130ee5e078084d73211f5d6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '10cedcd933f48e0f0eb432ce229a5361e7eb1c52', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5b95c0f732f981d6387edebdfa27e94e01006b42', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a0c642fc33df5e0a5622c3f9d233037da814b4e5', name: "label-info" })), h("slot", { key: '99ffbe7cc9577d9a08bb6e7b4a0a3cd16ed049c1', name: "label-info" }), h("div", { key: '2d286fa92753c7c1328ffad05f959ce67f72652f', class: "gux-input-and-error-container" }, h("div", { key: 'adb527b91f027bfa108407476e088abb59c26579', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '19192d779ade1990f8f31b8a26694437adc42178', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '9d801a214b2b122b1629fa9eb3964064a07ee6c3' }, (_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: 'b94dd2ca3eb70fe5377396ce6cbac1b19c0ee312', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e91c96cbf70c5cdf8d763c968b6bce30ac4428bf', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1e0f2e9bf72f3385ca79ced4fafe66922db45b3b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2dbc4d8b89f03b95bbc9b7bd8d1507606e5e9832', name: "label-info" })), h("slot", { key: '7dfc108e0f2a2eaffb69c7406c778eb8e4f2ef02', name: "label-info" }), h("div", { key: '465f5fa78969aa22dd9a9d746aff935754da1e3b', class: "gux-input-and-error-container" }, h("div", { key: '525d5a66df7030826fdd9dbeb4d341d195da393d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '1929397c9133380704741419afd457574da3a848' })), h(GuxFormFieldError, { key: 'f53b73c96ad31c1c6843f9ec1632af09701e3e50', show: this.hasError }, h("slot", { key: '06d29e0b3a2e27c9fae31b65c2ef8dd237eeea02', name: "error" })), h(GuxFormFieldHelp, { key: '5813b697d21cec657b9f9f099eaa3a2da216f749', show: !this.hasError && this.hasHelp }, h("slot", { key: '7691d0bfd5b082a20f594e27167fe2353a55c21f', name: "help" })))));
+            } }, h("slot", { key: 'b1980fe19fc3a6be66d6836452da3adad7c2f045' })), h(GuxFormFieldError, { key: '64ba87e5497aba4057aea0ce3ec8b8ce8a57dea1', show: this.hasError }, h("slot", { key: '38009295306f8a75e4ce458641c6ceca9fa99925', name: "error" })), h(GuxFormFieldHelp, { key: '3f131b0bbc2d66b420c72cc9d3a041fe7412364c', show: !this.hasError && this.hasHelp }, h("slot", { key: '9309d35afb6735c3644ff4bff36fc97ab1e8c575', 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: '7b3bf8233b3811ff21eb4be651d224e077c37ba7', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '80b20642d65c087f39d5efd9a41a3eab2cb54c5a', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '6e86e3de8c890587307feea9fb87fcf126e61b2c', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'd46f7ad0760b695fb26cce1d1db27f0c7674c58c', "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: '7a634196359e46561639f5680848dc3226eddf19', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '2c00ecc661b085e1b7e78c540e7b8a583d68f8ce', 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: 'c2e1200e3ef4af39476ad26fa0c2c8dc067d26ad', class: {
+        return (h("div", { key: '0a11de32326324139045180890d0e77715be4dfe', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: 'a35a6e7da12afc651122a041fbe20877e9c7730d', class: "gux-message-wrapper" }, h("gux-icon", { key: '47b82561a694a76f91c8be7068bf7bb456115a81', "icon-name": this.getIcon(this.accent), decorative: true }), h("gux-screen-reader-beta", { key: '4ba783f50fd1bdb3d0804abae3145307d3db69a4' }, this.i18n(this.accent)), h("div", { key: '4a2b15ca94284dddf5bea6c40ef72146e2977ecc', class: "gux-content" }, h("slot", { key: '77fa55f18a45cd15df480803472d657e4e2d2905', name: "content" }, h("slot", { key: '655138f31fc50b927279fa8e57569672fcc5eb9b' }))))));
+            } }, h("div", { key: 'e706e06539d7d1c6dca636bee1ebedbfedd1989c', class: "gux-message-wrapper" }, h("gux-icon", { key: '689b4892acbfc4b2ce2a7e65217378a50c4e64ca', "icon-name": this.getIcon(this.accent), decorative: true }), h("gux-screen-reader-beta", { key: 'e326a09597a60e9d001b90c9ff9c7ec1bec54c10' }, this.i18n(this.accent)), h("div", { key: '16cfa7e6c770ca894994c883be68e79dadc49168', class: "gux-content" }, h("slot", { key: 'bf233846c08141eb2d1e645f324f523a544d44cd', name: "content" }, h("slot", { key: '559bef47b84d76dab349ad62c1f012ee1475fac9' }))))));
     }
     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: 'bd50908b9d94da79ff93b98e512f59f62eb3cef8', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'a75dc5acc74156404a41d589777df2418185386f', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'aa68df5721504e3702221bd5ad1b37d56d19a9c5', class: "gux-option" }, h("gux-icon", { key: 'dd0588b0cacedea43e0a9b9b1d043a5c750351ec', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '59fd5eda3008d76e2f5ed175145637d3bcc6a650', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '256278e5b949c188f20be826cf86f2759986ed11', class: "gux-option" }, h("gux-icon", { key: '3ea7a34b74ccc3cade832e9ebbaeaad2f5321743', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'fc5e1f2591d3cf32826f98a7d9793c78481b66a3', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/collection/components/stable/gux-listbox-multi/gux-listbox-multi.css

@@ -3,7 +3,7 @@
   display: block;
   max-block-size: var(--gse-ui-menu-maxHeight);
   padding: var(--gse-ui-menu-padding);
-  overflow-y: auto;
+  overflow: hidden auto;
   scrollbar-color: var(--gse-ui-menu-scrollbar-foregroundColor);
   background: var(--gse-ui-menu-backgroundColor);
   border: var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);

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: 'd79e9b6a2d92c277d3809851f48e94c7b46efa5d', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'd9200da092a5d8a38899222a231009598719c837', class: "gux-progress" }, h("slot", { key: '10a9bdb5bba4fa6aa4afa750a627b7bbf2c7fc2c', name: "progress" })), h("div", { key: '00bee1bce756584faac45b01ce2accbf9d7a363a', class: "gux-primary-message" }, h("slot", { key: '6b50eccd062c62ffaa8776f290c3e120b6a5180c', name: "primary-message" })), h("div", { key: 'c625699ba1549b1b165273b9a6fa68313822c9f2', class: "gux-additional-guidance" }, h("slot", { key: '1db49105118d8105dc4ae8ae5fc4c1f18bdbad7b', name: "additional-guidance" }))));
+        return (h("div", { key: 'a6882e944f1d689dfb4adcecd30f3688cbbfba40', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '1dac8dd5f9d6d9a44e439f2282f8b18484383c59', class: "gux-progress" }, h("slot", { key: '07eb149c4869b33d7380d40464ff246f97581621', name: "progress" })), h("div", { key: '04b0414180f916aba67f104c080291ad02563ad1', class: "gux-primary-message" }, h("slot", { key: '3cd25f31f296f7c7071371fb9838a62e18e3d8ba', name: "primary-message" })), h("div", { key: '928eb0eee649385cde2ef2177b9635e762d6e306', class: "gux-additional-guidance" }, h("slot", { key: '240e84224ca76ee01ec0bbde1f3c1ba4669172ce', name: "additional-guidance" }))));
     }
     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: 'f63cddeab575522484ba4c98777bd39db0693603', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'ab7b0ac052880bf8bd098bb6d61ed23bbd2d7d57', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '3287f5ded174ad6ebc72fbbbfee9922b8efb196e', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'b4cc1d49d68c06b78ccab305354a7d0ea6ba529d', class: "gux-modal-content" }, h("p", { key: '18eaf0c3d247d33136456ea6b69cfd8f060917f2' }, h("slot", { key: '36713cb4d872ac74ce315b8f9b48a88438d64429', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '1ba76225c1eff0ea18b0174139b292e80b4e410f', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '341b8338d682b64460e913a40bde62ce5a608501', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'e2c44589e3e05caf3226e292ac8057ede5694112', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '5cd0a5ce5d10cdf63a209937572711594d1baf89', class: "gux-modal-content" }, h("p", { key: '444bae638a018a71c1cff61d0e44e2f6dccb722c' }, h("slot", { key: '04099bbf6b4a77aafd7b66fb47a09b96e9157ff4', name: "content" }))), this.renderFooter())));
     }
     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: 'd77b0ffcae5f95ad988a21332b6c902e743ec1c0', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '773c451d05b6f6c9d97f279c5961c77c0717d7c6', 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: 'f2c6663b60d31128f7bd6dd20adb5b82c7f80ca7', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '0d952945c1b387b454d33036fc4f71806c4d0ddf', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '0ba6e5b7aba9f5801125bcecb41cd965272a20a8', accent: "ghost", "icon-only": true }, h("button", { key: '19441927825cff37a22d5e6b7d43b9ac54099c0d', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '402639e46592e97a4e060c046893c98164ae0fe8', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '463786ba7dcd23d58cbb1a51b10648c8bacd8740', accent: "ghost", "icon-only": true }, h("button", { key: '5310d013e36fb4cfa0bec4309576163bdb2dd7b3', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'e96beda65d0f4001d53a16ab84268e6f59b8d686', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '344801696017036161d2335433b1d2b5edc1955a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '8b5c4b1699edcb0cf5881af6d868c419eae51836', accent: "ghost", "icon-only": true }, h("button", { key: 'eac8bdb213a9ea6a604957e156ff247adcd555c4', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '28d31e5861870a84d0bbf530efe33bf86b230cb7', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '2d1b16f127176b7412a2757d29584cf1b944cc5d', accent: "ghost", "icon-only": true }, h("button", { key: '8d7676989232c08d7bd28d1aa81da4292591dcda', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'a036f94822cb04e34b7afbc3623815864e788c1e', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'd83469035eeded8e0e9e43ad632a564326cc7267', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '349f34efcac7bf8b38f1a7509337909d8e6e2554', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'e03fa70c64be34f818253bcb611394d232291fe5', accent: "ghost", "icon-only": true }, h("button", { key: 'c30a650f7dd1c0fdf6c20022037d118901dfd0ed', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e6311a534f265c5a870cf7aba74b208fd86b6e52', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'fe7557f4efbc11ce0bd8d4a1cd765b7053c2d382', accent: "ghost", "icon-only": true }, h("button", { key: '7d7429cb043d49e6b1aa762d76e511bd3cbf07bd', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '2680079a109b68ae368b53f432dd35d45e45507b', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'e842ce956375c6a58e27a786e8f34d8384c46974', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '86baca4da1dffc91d23abb0cc697064218f4946f', accent: "ghost", "icon-only": true }, h("button", { key: '33bf2b4a8c0f9c4f097dc75727a639dc4e1b3a25', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '385500eeb888d9aa7c6bb802351bf4a661a267c7', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '120a77d969dd73ca65cfd3d063829917e618b3b8', accent: "ghost", "icon-only": true }, h("button", { key: '0a5ca811355b17bd049a555cae7590a7a4ca686a', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '6875dfad4581d3c169cbff7870bcde87c1bbdd41', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     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: '064531b62fc4848ff0928d1357e396190fbf0d73', 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: '297f137d486c1623dbf3bed48963cb832d35d513', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: '8a3af1f9980e3b0380361ea79bd645b4b83ba76c', for: "popover-target" }, h("div", { key: '9f63300284de2c39e5edda85d02f84cce6a86531', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '81e459874a49f8f8860232d2418950c21a598302', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'fcc15272ac3857c29ea1489ac74c90acbf3e2b7e', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '7d34e06d57e87c1b0e9dd8411fa73ef1dc94f5f4' }, h("input", { key: '77f7d260d720848fa9df55917c329f881f58daf5', 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: '94a27ac8c6210d06227cd02f2cbec35df2a32831', slot: "label" })))
+            h("gux-button", { key: '7765d2c90e47d168ba2f2492370bef18e1b224bc', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '440dba63e9b2f979e05eb2729b5f33c25222c0bf', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            h("gux-tooltip", { key: 'f6ac963dd5cd96f312712e56bb38660f5ddc722d', for: "popover-target" }, h("div", { key: '47749ce9824722e918a637e35d8db9cc57fb312d', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '374abe1f13942da30b986fbcaf2061e487451dc6', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '2029e8e45a2504954c688e1cdfb21d450f196e55', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '5ea400bc7fd9068f2f295c27fb5c610fc9608f77' }, h("input", { key: '8aeca3c756bff9228548e431eb177947067509fb', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), h("label", { key: '9413e3e0f566b9193700aa1ceec1ad969441c830', slot: "label" })))
         ];
     }
     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: 'ef15f586fd2b9f522a421132e30da5358c166754', class: "gux-pagination-item-counts-container" }, h("span", { key: 'c6a0351bdeff34ea22ee621d14a206b4d4f1df0b', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '86ce3669f099d893194f5514e5092ba0ba21ebb1', class: "gux-pagination-item-counts-container" }, h("span", { key: '6b40aefa48a449f05d885a2570461a12e9273cdf', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'b4a8ad027230d070044e2f1a1e8c5885065857cd', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '269a8a3de2e3e4f1ff7d29ccc1fd5850a552399d', 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: '82f472102660eb5d25a1ab027c354b29cc6b3aac', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'cc25e03a52bb8ac1eb693c36ab55f8b44d02b92c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'fe559cf402fb9d2bc5b4f0287295dc77b7b27f5c', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'e5a4e433be719e153fc008c979fe32f33443845d', class: "gux-pagination-items-per-page-container" }, h("div", { key: '0027b19cf51f8c0b862bdc0d5486c70c926e5be6', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '4f726b00770675862cc1ac98762e7983114a992b', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     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: 'e94db1c6fc90ae99d8d147b94df3271f8f020ecd', class: "gux-pagination-container" }, h("div", { key: '0bb4bc3146bba257bafeead3a6a14f13385aa919', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '247bc8058a8e24f61f8c985a30df28b685eb763c', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'ef88ec353b85b64b3106132d4c10366ff9370302', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '30440491b98485cad8ec3475981364aee80a024d', class: "gux-pagination-spacer" }), h("div", { key: '20222153a596fde35984a70809788c725114e53a', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'fe3899d7cecf708767ecbca06462a7c65f9137c3', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'b4c1f6b7a2793dc5774a8043473758f96bf54bc7', class: "gux-pagination-container" }, h("div", { key: 'b1aabb990f06551bf31c36911018cdce361fe68f', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'd9bf9ed6ef230f518354834e5bb3f5e76f3048a6', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '394066a448ea66e240e52a94ae4eefe64cba25ec', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'dcb8379f8dfc9bd71c6164689a6d1e65e6ad5265', class: "gux-pagination-spacer" }), h("div", { key: 'ad0be2dedfeec3f92de5346316ed1c6a615f698c', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '21c989752e10803d347e5c1d79ce651ae383d953', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     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: 'ca91c76d4a58741a09327b1a84c7a27d4fd43c7e', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '6c4557c995313b30bcbe116392a5e1f9bbd6643a', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '403c4f9bcb1ebcb9e7b2a0dbdd2b261975b13202', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'f1d30c5f3c9edb3bb2bdfdf6b614ea42def5dd86', class: "gux-arrow-caret" })), h("div", { key: '08af1b853b727ac0597397cab1e346befcd253b5', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '5d4f62c1a4bd19fd8ea2d2476e4a33893e818a8f', name: "title" }), this.renderDismissButton()), h("div", { key: '09a9e51099ad081160174e887b28c34c7f723699', class: "gux-popover-content" }, h("slot", { key: 'd57e6848469a6450af1ca8d899288eeaf1dad9b2' }))));
+            }, "data-placement": true }, h("div", { key: 'f44d845855d20f39b9de85f32bad069bd93dd818', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '696032dc5ebd8349de39fe5ae01d6aafb92390e4', class: "gux-arrow-caret" })), h("div", { key: 'bf80c81d49bc6d495081669c84c2f7065e45dded', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'd2c302ff738dee7a4118dc2dec17e955ac59db5b', name: "title" }), this.renderDismissButton()), h("div", { key: '54e0012209271ece6e4114b65ee7b15aa548b092', class: "gux-popover-content" }, h("slot", { key: '586930d851db6ec626e7c6ac1f93027bd841db3f' }))));
     }
     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: 'bb0ef104623c9103065ae7e664aace8d06272438', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'b9075514cd8bf91fa7ee346e541bf4fa65de3b45', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'b3d53dd273c130fcccb3a862f8458604245da9fe', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '764e5778b5ebc2b77ce4aa6414411bddf46b9539', onClick: this.dismiss.bind(this) })), h("div", { key: '27a5b754cf91b27c15fac0a4fb4d66269091a3a6', class: "gux-popover-content" }, h("slot", { key: '5ea293a9aa43b9954335b10b00fd201f8e5207e2' }))));
+            }, "data-placement": true }, h("div", { key: '2ab2d6aa339e31ee8f86ad77f9e38a38d055922e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '0745a0efeefd5bfc252715088d8ebec2fa45a95e', onClick: this.dismiss.bind(this) })), h("div", { key: 'b6d05de93e84b2d028fbe9adb94409cbfa153cdc', class: "gux-popover-content" }, h("slot", { key: 'ab0575ca09aaf35ba48d20228be94905a2b77fb7' }))));
     }
     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: '434e98eb9eb69a483d49ecc2319aa2ed62db1caa', class: {
+        return (h("div", { key: '86661e9a1ffebb0288baca4f7de135fbad546f94', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'dd69fd4e088ab217174ef12c505083c13b0d073e', name: "target" }), h("div", { key: '184394e2eabd8b5fbb19ecfd5ae8a9b2868179ad', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '1bebbdd4662c7936552ff386d546a2132e533cd7', name: "target" }), h("div", { key: 'ea9d72d6a89cec3d8eec15414ba0983482091702', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '07398f562f6a1c8b2fc6524f32840c3023a54adb', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '70d5b808259f11ad8e3930f1daf1773353dffbf2', 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: '451a244e392ca3a5e14f6ff82bf3cb02d5cda7e4', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '5050acbcec37447b77f8f28a2adb5338f53f852c', 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: '1afb046220e86167aad3e14b3cdb1fab9bd309bf', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '2a215e81ba97973c67079e9c8d6a1e2bac08a6ce', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'e6b3bcfc9acff744dd0b59422fbb89331b3117da', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '94132dd53042c70d6353f6778e7a7bdec0bdf3b1', ref: (el) => (this.starContainer = el), class: {
                 '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: '3c8aaad2cd2a56c2ed713309682158614b50303d', role: "listitem" }, h("slot", { key: '23ffd6b3a9df82ee4670b526ec533fe37008f323' })));
+        return (h(Host, { key: 'ef0d853e95badd57eb173c390f0f6950e1475e53', role: "listitem" }, h("slot", { key: 'e371682f25fe34d189f748860eb3d20c089644ed' })));
     }
     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: 'bb91becef173b8b90e74d2dce5caf373e4667ef0', class: "gux-container" }, h("nav", { key: '8d5b6b733d8ae57ff396cc38c3dd84d734a763f6', "aria-label": this.i18n('navigationName') }, h("ul", { key: '33842a24ff4b5dfd565a30f9ae96b1c6a31fd084', role: "list" }, h("slot", { key: '086607b5104eab954331811ab1d1a7ebb2ca889d' })))));
+        return (h("div", { key: '02ed572d1221b8fdada9877da919de56a273635a', class: "gux-container" }, h("nav", { key: '852f827d6d6c4e4c0114d7a331372070ba49b679', "aria-label": this.i18n('navigationName') }, h("ul", { key: '9fba57ce1f460d42b69f06e55e5de335f60f7a3d', role: "list" }, h("slot", { key: '8c78e4bd144bf10f11731a08ad7df2f0eb1592d8' })))));
     }
     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: '01778a896f0621991709301fa4281afa22e5f5f2', "label-position": "screenreader" }, h("input", { key: '5c33fa3a16a412b9a0582e2bdc3b8545a761b458', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '87a546b18ceed140661f41ec4247047cc5ad2570', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'ddb659bd9431dbe90f431f363676b27620a8b0ec' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: 'ddc6f10f9625bddae53b80e1013fa0d53c042b34', "label-position": "screenreader" }, h("input", { key: '3a42b86e47020120e9bed8b96c6d48e9d0adb168', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '1c3ba17d1be816a0a94dbc0737b4e8f5a1bc79d5', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'b9607daaf870ff6b8159c8ce657fde02262a002d' }, this.i18n('selectAllTableRows')))));
     }
     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: 'c534d256cb8e4a8f637b43313b13238678ddc4ab', "label-position": "screenreader" }, h("input", { key: '8e8b98b748d829dd2bd546a1e0bc4a47c202b59b', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '3ca4ca2fd7bbbf0bbcd009121dc442cb6844a461', "label-position": "screenreader" }, h("input", { key: '4411a4a11ff8cb28d179ce220ab3884b53b462d8', 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: 'a214f6f5ad4563fe306184372b575dcf6589da92', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'dbe29e2cb86d9a437357e8d292fa059d670a5a94' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '1e223e5c74cfc95c0202cad29fd66ae3b09f638d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '603596ee0054d837ba56725429f4de0efbd10426' }, this.i18n('selectTableRow')))));
     }
     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: '41618b0fa200ec41e575e4215c8c9ff4b93f52a7', class: "gux-container" }, h("button", { key: '08cb53e567347837a35d6f2455d8ac9708e5d289', class: {
+        return (h("div", { key: '812daf6ea1344c3c5a8d310b8bb744ce73b9a05a', class: "gux-container" }, h("button", { key: '6c4573aad440a209cafaf1abef12447b13c95b21', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '9e03046b50443c4bf51228e753119db87fda9648', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'a4d15feaeb1804e455585f30fb002a866d96ccdf', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '2e88fea67e3e121b792fa7a9acc254d13749d77a', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'ecafa8c0db0b4860a5f1e485836841f2fd167d84', 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: '73b5198115fd80b2944ca0ff6a0080a28e4f764e' }, h("slot", { key: 'dd8dc38be1c9e57e015f1b461a88b6aaef258822' }), this.renderSelectDropdown()));
+        return (h(Host, { key: 'd75e7ee507b747701bf1e3427c41fcc412f96ad3' }, h("slot", { key: '161a05100534a4f32ca8e44ae12fd17067dcccdc' }), 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: '8f72ea308b8ed67c59f0e65e540340c5b90be311', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '0ce50919915d56992cf7caabe8c6204a06ee487f', class: "gux-table" }, h("div", { key: '88e59d8c22f82957bf6327907f59a89cbe271632', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'e9d103ba4664ecd686db44c6a411ca20d42c966e', name: "data" })), this.isTableEmpty && (h("div", { key: 'c6d17820ec7b82465367cc685b474857815aff76', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '73aee8a90fbda7b70630f3bb7c51dfd9097fe3fb', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '411b266888702c89db3d9a433a7afda659e93779', class: "gux-table" }, h("div", { key: '5d8d33f9526b8d506297b77f6314667ecb09edc8', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'fd1b7ec4dc41f3e568a340be5d41ed0f7b2de117', name: "data" })), this.isTableEmpty && (h("div", { key: '663a13e00ac43c13d24366dc146f4b9ead0a52d4', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     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: '63d13660c77823cdd190cb3baf51d38768e94e0c', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '18f8a6518dc7c999e068fc7bc983654807a7b222', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'bcb1194f316bd0fc6b53b25bab5d445edab61b6e', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: 'd3dcdc334d6f9065cc0d6e2fe2b3bc005889f393', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'b59542f2a709203ef2c3738106bd9140b2447c48', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '4f0b0448863a274ed337378fda59a2bcd666e704', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     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: '0370f4140845c37f3759808e24e6a66351a62b97', accent: this.accent }, h("button", { key: '1d1bc1c2249473e867b5aad999054a52f76036dd', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '98179ffbcf60a18da4b81d0b0752fd2fc0dcac4c', name: "icon" }), h("span", { key: 'd535b7d9d403cba0dcd81f137c598a1ca946da96', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '4e8fe8b1cc215d77e91c5cb3d0826bab64aba173', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '1eec70deebcd79045545a656944877e43426e95d', accent: this.accent }, h("button", { key: '921ae14cc9234cbf37fc96952da554afc89a86d3', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '999f2cbcc016b99f46a3de21031280426d145584', name: "icon" }), h("span", { key: 'aa4db40818b66035175cec06c0edb3ddfa7d0eba', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'dfe4c251377716cdf9cfa4a106ac278fdbeaf4f0', name: "text" }))), this.renderTooltip()));
     }
     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: '6f0394684131bbeefce6e15e39e7936b32ad6a18', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '11901ff9de2cfde3f09cd4847116e161f5866635', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'eddeb35e5886d0d0cb6d3766ee8e22c6fad25015', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '86b9934c898ae09a23887c702d7ef22d76f0cb8a', accent: "secondary" }, h("button", { key: '4b7f83ffb5c32140892c1224a118f37c1504877c', 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: '36260d4bb9f8d90ddfb834fd65a4bbe00cd798be', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '82fdf481d9a5e4a1030476517f9c2b3c3305a874', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '210ca24ff174e62a36f7995372e72f30489fb08e', ref: el => (this.listElement = el) }, h("slot", { key: '0acfabac63ab627371f813e1a39278d14f8244e9' }))))));
+        return (h(Host, { key: '2511ed1b316c9f7ed7e2673de6e8af50f5468859', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'bed88754b167dbab2bcc287a0056d5987c6dfd74', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'c69d73735b8af5ca3772faaa75d5a98318978942', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'f6960b90b71d5d8b221c2d66052f06c32682a3c3', accent: "secondary" }, h("button", { key: '9d37b761c0773abebe2dba3eb0563780743198e2', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: 'e80c57b597fa976978737cad4f0fb754139572d4', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: 'ae183fe1640fb16a8d2f727dbfe6584ffd4a3329', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '724ff538728ad6f7012f548346eebda0becafe78', ref: el => (this.listElement = el) }, h("slot", { key: 'd63f1073fe9008578e27f0b1ea3b41c86f20d9b9' }))))));
     }
     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: 'ea0bc4fe81cb4a6ed0f56fc546a3b7656dd2457e', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'bbda9f79ec745ea78b438923f8a801c66c3daaaf', class: "search-filter-container" }, h("slot", { key: '2df104d5dedd04d619aa766af814855d171f7676', name: "search-and-filter" })), h("div", { key: '9b4c04e2630c4600322f6f86828baff9847576fd', class: "section-spacing" }), h("div", { key: '95127306fb6aef84bf09486e8d580d1342f53ee5', class: "gux-contextual-permanent-primary" }, h("div", { key: 'a8c3a02d65a765e24eaf63c845201a73d76acc6d', class: {
+        return (h(Host, { key: '7ad0fb671c3e365264386c2f23be5ababf7180f8', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '12c1685dde4fdaaec862a008266d05e0bf4ec1f9', class: "search-filter-container" }, h("slot", { key: '2143a58f9d13eff7a503ffbf1d4a6b7b6e689374', name: "search-and-filter" })), h("div", { key: '9af6e0cc7068d479aad5919829f252a0fbd86e00', class: "section-spacing" }), h("div", { key: '871b7e4286154264a2eec141bec73cca183b8421', class: "gux-contextual-permanent-primary" }, h("div", { key: '2bf2866557e37bed02b8d5753ac322b43368e24c', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '2e47f912db83986c6a975fee3d0ab47610aa83a3', name: "contextual-actions" })), h("div", { key: 'f15a0507775411f5f77b6a0c9063f627389c7ca6', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'c463a5230c5da5837b4f9459dc3d1a566a03c771', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'b5063d27528c0b219877532fed76bc43b707bbb9', "show-menu": this.renderMenu() }, h("slot", { key: '927edef146aeae131e387a82428e7fd14dd11efc', name: "menu-actions" })), h("slot", { key: '03b673f9fabf53b638ea3ba4078809a57da1b379', name: "primary-action" })))));
+            } }, h("slot", { key: '1656e1b40b31cba84ed05e6fde3ee4073d607590', name: "contextual-actions" })), h("div", { key: '2bc4175342480282781527ef1c1f8edd258917ee', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '2e6965cbe31b963708286a5ee370b34e98f73bd9', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '3ac915653b556f8eab471ea2c6d709db30d5f1b9', "show-menu": this.renderMenu() }, h("slot", { key: '11cafb537f792256326d7c7dfdf9fb53eb5be9e4', name: "menu-actions" })), h("slot", { key: 'ac7e49c00b2c70d1bcfc885df0580e541c1fa701', name: "primary-action" })))));
     }
     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: '81aaf05b57a9a2bde5991c8f845827b4b87b0e9e', class: {
+        return (h("button", { key: 'fd717e2ea881dadcbfc50ac391742161bba18f90', 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: '1012e2b33e4f4caa0260f6b68fc031e68a51b477', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '809a1765c460617febc9f0e4de12251eeed151c3' }, h("slot", { key: '689c0d0eaaf148347aae728d347652e8720fa5d6' })))));
+            }, 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: '35989c5b5d73c7fc6dbddbfde323add1e6d48cbc', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '366ef9bcf650125306d6a3489b13195760cc1241' }, h("slot", { key: '66a6b1a5bb9cb199a7e7829c5733b913067ef655' })))));
     }
     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: 'ecab317da926fe598cbd45656a66d47a8025d82c', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '84ed4ad8ebba6e666d0fda4987042ed3a095f92c', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '30558d63099364be9df4f07277cdc0cf1be119f8', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'd3cff0548fa8d528e2ede57d7d339aff47a535e2' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: 'da29643823c7901ac2df97f0d0e0969ee23c3b6b', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'b934ca8cdc68719015f8f5e57eb0ffd37ab7d971' })), 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: 'b8720f9f1622ff96097b0ed50312b81e050ab0ed', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'ddce6c3dcd36a2cbaacf3b7ac4e7eb80bb5730c8' })));
+        return (h(Host, { key: 'd61df96ae59919a1da8dbb6e88bdefd85fe2fab4', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'cf41de7639fac2d93e4e42371d12271fbc40f401' })));
     }
     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: '7e8d1946a2cca80df18c81e4e1a3a0385716e920' }, h("div", { key: '36e78c93d301635472b9f27eed3a7960e7b6df43', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '22e262d4bd0c23a5f4b2a4a7c3a1104bd1b82985', name: "tab-list" }), h("div", { key: 'e571985a5bab42c52de7368be12db0c762dbe2ad', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '6dd4d7e82db45eb434581661788367d4e7ac7c27', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '21b0759a2594ae149a49eb2ddc7091ff3c0e47b2' }, h("div", { key: '9ad3fa68095bafb29ad51a8413afe36dd407d3d0', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'd6dcca6fc6231300b4793c8f59835345332cafe3', name: "tab-list" }), h("div", { key: '542d24a980acfa492cdd47ffecddfde2d17f6f9c', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '6602118a7af57cb79b94b86c1b35846de24adf3f', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     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.css

@@ -35,6 +35,11 @@ gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button .gux-tab-button-text {
   color: var(--gse-ui-advancedTabs-item-text-color);
   white-space: nowrap;
 }
+gux-tab-advanced .gux-tab .gux-tab-options button {
+  block-size: var(--gse-ui-button-default-height);
+  padding: var(--gse-ui-button-default-paddingIconOnly);
+  border-radius: var(--gse-ui-button-borderRadius);
+}
 gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-trigger gux-icon {
   inline-size: var(--gse-ui-icon-small-size);
   block-size: var(--gse-ui-icon-small-size);

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: '0e343cc92069df18ddce7fe8a09ac777a2720a6d', class: {
+            h("div", { key: '015f268da360205a704e9bd7ed81d2751fa7d143', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'ffadffc758858a51d2cd1b2c0c76192b51e9669e', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '17a463fb81b36408c98fc8d8360a01001a35e39b', class: "gux-divider" }))
+                } }, h("div", { key: '239a4f2eeba454ed76d8fea543eceb579294aec0', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '9e8c6eb10fe24e56528fd5329f6fa812ea24d097', 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.css

@@ -13,13 +13,22 @@
   inline-size: 100%;
   background-color: var(--gse-ui-advancedTabs-set-backgroundColor);
 }
+.gux-tab-container button {
+  block-size: var(--gse-ui-button-default-height);
+  padding: var(--gse-ui-button-default-paddingIconOnly);
+  border-radius: var(--gse-ui-button-borderRadius);
+}
+.gux-tab-container [slot=add-tab] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 .gux-tab-container .gux-scrollable-section {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
   justify-content: flex-start;
-  inline-size: 100%;
   overflow-x: auto;
   scrollbar-width: none;
   border-block-end: var(--gse-ui-advancedTabs-item-divider-border-width) var(--gse-ui-advancedTabs-item-divider-border-style) var(--gse-ui-advancedTabs-item-divider-border-color);