genesys-spark-components 4.65.2 → 4.67.0

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

@@ -23,7 +23,7 @@ export class GuxListItem {
         }
     }
     render() {
-        return (h(Host, { key: 'e37174b73e9c2259ddd2e3c72c1b8ed47253855c', role: "listitem" }, h("button", { key: 'e0ae42e776f5adb848d0708737a8ad79ee6c06f4', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'ab2ecdbde9d9370bf993d3c2922a6d25a3df0263' }))));
+        return (h(Host, { key: 'c8a719f4050cff60a334b822e2451abfdc8b8b27', role: "listitem" }, h("button", { key: '1cd3d6d13ab45e1c63b0961e0964681a584e8109', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '40b64c6675c898a536fbd38848518a47bc305e27' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class GuxList {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: '99291b87f24f730948663237e24e203ac2ab2c97', role: "list" }, this.renderFocusTarget(), h("slot", { key: '0f35ae3b243d6ef003df8c57aa9a92a40f6159f8' })));
+        return (h(Host, { key: 'b45097132ad7c6a08b47dde9dbb303ab590543ce', role: "list" }, this.renderFocusTarget(), h("slot", { key: '4387406713febefac8de4aa79bf700e463f8db1e' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/option-group/gux-option-group.js

@@ -48,7 +48,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '9c2e3431b77d45760ea329e9d44df20f8eaba888', class: { 'gux-filtered': this.filtered } }, h("div", { key: '55f01060f7e5822f4489d71f8738319527cbdb39', class: "gux-option-group" }, h("div", { key: 'b74880e7d3c3d331437152a138268d5d145d596c', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '3e239c1c3aa9cdcbd47456a77717e6f3329d069a', role: "group" }, h("slot", { key: '3bd3fd24263c5ea7fb185bdc41574c4f8ff3168d' })), this.renderDivider())));
+        return (h(Host, { key: '1c3da15d9ec8a6787b80c0a80e12442d0cede4a7', class: { 'gux-filtered': this.filtered } }, h("div", { key: '706f033518c24c9358748dab4d152a6789698c91', class: "gux-option-group" }, h("div", { key: '5d657b64e1ee84453dd9db16fa75d67288055c88', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '05c34d586310fb5b3e9088572cf05e023ac14c1b', role: "group" }, h("slot", { key: '18f556017e313057673cd4611f5d8bb07af8feab' })), this.renderDivider())));
     }
     static get is() { return "gux-option-group-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/options/gux-option/gux-option.js

@@ -37,13 +37,13 @@ export class GuxOption {
         return this.selected ? 'true' : 'false';
     }
     render() {
-        return (h(Host, { key: '158d52dfa54bef255d74f1403552216d319238fa', role: "option", class: {
+        return (h(Host, { key: '1d655446a45025d556d124f20d475b25e06eacae', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'a0d1d229beed4ad87fa19b5507f43bc22ed0d3bf', class: "gux-option-wrapper" }, h("gux-truncate", { key: '2a126d7e19fda3147b9190a48f35a5e8efe43695', ref: el => (this.truncateElement = el) }, h("slot", { key: '550e330ac234b0defab7f9d2d973928ff6367ed2' })), h("slot", { key: 'be3f45964a62e240d4c971d48b6393281e3c2c91', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '3bdcc45ab74c9ddfab607ff7192538561e1cda45', class: "gux-option-wrapper" }, h("gux-truncate", { key: '5aaf4843ba0a691fc7a0990175c4d29a2d58e8fb', ref: el => (this.truncateElement = el) }, h("slot", { key: '45245a691e866049e90d277702462a7f7559356c' })), h("slot", { key: '7731af5d6fef5ce98d0107056a585874f704ba3d', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.js

@@ -53,14 +53,14 @@ export class GuxOptionIcon {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: '59aff8c98c8cfde6ee21ef401431ceea51d9cc2d', role: "option", class: {
+        return (h(Host, { key: '6f429152e15139e30a50e90ac06ed48f7c555673', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'c5033a3d25c57635d50231c91a6b2da05cace359', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '30d9ed8400a979bd463182b1914fb6a13554fcd3', class: "gux-option-wrapper" }, h("gux-truncate", { key: '5faccb1f2880db690afa2f3ceb09a00978553df2', ref: el => (this.truncateElement = el) }, h("slot", { key: 'dc7e70a8d7b453c8c88862fd3cf14eb0ec5223f5' })), h("slot", { key: '7fa351ac58391774c1bd2103e0b51edc9deb54dd', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '134da8e01132119c5bbc1454d49ab62e7d84acb5', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'e380e11a047a8f972641236036e6567fc1d93c60', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'f49a005a360ed05bc81959bfd2a70e111be7aea4', ref: el => (this.truncateElement = el) }, h("slot", { key: '447ab05d6c47d252ad1a0c69638fef8c05ef0d56' })), h("slot", { key: '5a628c675c0ac1797bdf65488d32f976ec33aaae', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option-icon"; }
     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: 'dd87699076773c5184631f5f5b59fdd2fd95c888', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'ab1db4e722cea672659f06b6b65cff4f6b6d1993', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '454362bda09d1e3be44069ef4cb9f6f41ae5bacc', class: "gux-option" }, h("gux-icon", { key: '9a24040a506ba2e7f060b21fd2eeec625e91560f', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '99f8a3203993e0ee6222135be58c1dd3820a1f02', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, 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', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js

@@ -54,13 +54,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '13617ec6f657e0cfbe107a4a94f5e47e52a6cb19', role: "option", class: {
+        return (h(Host, { key: '26f74ac330d738ac01119c81505f4a472dee3711', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '7856b48111c3471f4f6c33a387d022e29719240b', class: "gux-option-wrapper" }, h("gux-truncate", { key: '818443317377072e83967c4bfc64943421c4bf68', ref: el => (this.truncateElement = el) }, h("slot", { key: '048f3087c6e4f0c2544134b899b133563c44045d' })), h("slot", { key: 'd17f2f6a5e01d94c2e630bd16d77df93f6764a6b', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '91646c7ee2054f8dbabdd0a9df8a655386d2f1d8', class: "gux-option-wrapper" }, h("gux-truncate", { key: '4ef49a5f4d0e4b8672f5b806f1b01a0e171c986a', ref: el => (this.truncateElement = el) }, h("slot", { key: '43aadbe104fa7f9e6991b276bc3bab20c09931f3' })), h("slot", { key: 'cc9a573d680b1979acce992d7a28ddb01d2a933d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-loading-message/gux-loading-message.js

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '33277af46593927d8973743ddcbded04e4b4783a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '68bbcba983f3ac24cf94fcc6605b6dc41dbf5b73', class: "gux-progress" }, h("slot", { key: 'e3f43dd8df60f685f870c62de67c615276cd52fc', name: "progress" })), h("div", { key: '0c8feb14ba005c1a3805bbf71167d7d7ab155ab1', class: "gux-primary-message" }, h("slot", { key: '083bbe256926363be8fc00f094ab8f31e048d717', name: "primary-message" })), h("div", { key: '2852d9fbc9623912ff43259a499d81a14d29bbef', class: "gux-additional-guidance" }, h("slot", { key: '3ba735caeb77b462151e71c1652fdfdc064c2a13', name: "additional-guidance" }))));
+        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" }))));
     }
     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: '66b7450c9c38cc5f603467019298f72b5d14e492', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'e2e631b581883a894de6b346cc0f660bd1325f31', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'b37df71b42ac758cd0453d0a40d3c3830eaebf1c', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'd35158e367ab833f9aa69ebbb233a936cd917f07', class: "gux-modal-content" }, h("p", { key: 'a5a1d2c2323cfd0d4774e342dec073ea813e4dbc' }, h("slot", { key: 'd8254893056105c3fd6e5e480d580d3315e4e80d', name: "content" }))), this.renderButtonFooter())));
+        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())));
     }
     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: '1d60866b1067b1b1465987a97545688fddb6061c', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '9cfc3fbe02c8eb0de549b010cd7d0d6173d6b7f9', 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: 'a62a2ddbb82684c0f95133d445b42a9bd4761bc6', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '9b628625b68a9f1276a83cc3154fe5875db33866', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'd4d032a628bc5835e776c9a30cdf12e78b721eda', accent: "ghost" }, h("button", { key: 'd3bfbe7f47e9206105f05679073be7ef2b4611f9', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '63ad2d2b39cbdda52f4ccf31edeeb498e5f02e0b', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '5e76cf87eae25cc8956dda7fc89cdb27610c0717', accent: "ghost" }, h("button", { key: '041ea06d6601a53613c42eea50097c681b668b83', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'c07e481bdd1099bef5a12afe1842a62ec39af080', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'c407c42856a2fbf3ebbf174c3797207bb44f42f5', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '85d819b258a309e0fb7d9364ebb11ac937080938', accent: "ghost" }, h("button", { key: '86ed1715028f5392458b5414af27f2a06946eb44', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '20bf233420db85b469d60f7a7187c391bac6e37a', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'b6bae828197b1ac3b2cb0c6f7f08fabb448b7473', accent: "ghost" }, h("button", { key: '9b21c1a1365fc7b51a7ab8d9b17ca1ed75cf9ae7', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '48a2db0be7ed29f491ac1d3711358a9281c1c2cf', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        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" }))))));
     }
     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

@@ -69,10 +69,16 @@ export class GuxPaginationEllipsisButton {
     applyInputListener() {
         var _a;
         (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.addEventListener('keydown', (event) => {
+            const inputValue = event.target.value.trim();
             if (event.key == 'Enter' || event.key == ' ') {
-                event.preventDefault();
-                this.goToPage.emit(event.target.value);
-                this.isOpen = false;
+                if (inputValue == '') {
+                    event.preventDefault();
+                }
+                else {
+                    event.preventDefault();
+                    this.goToPage.emit(event.target.value);
+                    this.isOpen = false;
+                }
             }
         });
     }
@@ -84,7 +90,8 @@ export class GuxPaginationEllipsisButton {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: '7125e762997358d558dad2b3656cb55d6b0c90e0' }, h("button", { key: 'c7f9683f0ab394a8f904ae74837b2420a73cb47c', 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: '40acfdcc4fa03064105d5e56cef25fc07d4a0d51', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '958eaa260b48b6c098211e046d8e9a730c6dc127', for: "popover-target" }, h("div", { key: '7dbc535f1e9557d9bc1bf85fb7ac2ba42e0b1a93', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: '20989aa1bf1cc97522822197277613c2546bad59', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'ff98dcda59dac1fcd251fe6a44e9ba01fd99b0c0', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c07be4bea371436110971332da2cf0f0b8cfd016' }, h("input", { key: 'dea87826ca4c9707ff568b2fda18f76e9cd4ea34', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'b80c9a1071b460f0e7a2d5e7d12755fed5debbeb', slot: "label" })))));
+        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" })))));
     }
     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: '305425d6543b5352e31bcf785f03ccb510b894ce', class: "gux-pagination-item-counts-container" }, h("span", { key: '338ad32793641597370b894b73bb1b93c305ff78', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'cec231d8e47fc02144bc0e82303182b3ee0bd56b', class: "gux-pagination-item-counts-container" }, h("span", { key: 'fea8f41ac89259d62d2605271ad2cf21cf3fd82e', 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: '98caa9cf26b2cce5600fa6bf4056d366ca7ca5b3', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'c4d415f767374600bf73541f39ceb058b87449c2', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '7c1f141e8834dbb6d718d51f3febd5d00acc3c6c', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        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'))));
     }
     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: '137f34e5a3e9cb1851657cafcdc9d88ec10ba3b0', class: "gux-pagination-container" }, h("div", { key: '289f6cbf30d4b36c957b5e88e046587bc759bb9d', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'edee289f4a0760c2e5267ce382e609f98a1afe7d', "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: '7e005b264f8a35c8f8b931c78e8d3634d1d5c099', class: "gux-pagination-spacer" }), h("div", { key: 'ed7485608a4d398832613c7cf95cf810492f8518', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'd1ad309e99ec1c8fb5e0cf69d7e771d96f356278', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        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) }))));
     }
     static get is() { return "gux-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-pagination-cursor/gux-pagination-cursor.js

@@ -6,6 +6,7 @@ export class GuxPaginationCursor {
     constructor() {
         this.hasPrevious = false;
         this.hasNext = false;
+        this.label = undefined;
         this.itemsPerPage = undefined;
         this.layout = 'simple';
     }
@@ -24,12 +25,12 @@ export class GuxPaginationCursor {
     }
     renderSimpleLayout() {
         return [
-            h("div", { role: "navigation", class: "gux-pagination-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, h("gux-icon", { iconName: "custom/chevron-left-small-regular", "screenreader-text": this.i18n('previous') }))), h("gux-button-slot", { accent: "ghost" }, h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, h("gux-icon", { iconName: "custom/chevron-right-small-regular", "screenreader-text": this.i18n('next') }))))
+            h("nav", { "aria-label": this.label, class: "gux-pagination-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, h("gux-icon", { iconName: "custom/chevron-left-small-regular", "screenreader-text": this.i18n('previous') }))), h("gux-button-slot", { accent: "ghost" }, h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, h("gux-icon", { iconName: "custom/chevron-right-small-regular", "screenreader-text": this.i18n('next') }))))
         ];
     }
     renderAdvancedLayout() {
         return [
-            h("div", { role: "navigation", class: "gux-pagination-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, h("div", { class: "gux-button-align-content" }, h("gux-icon", { decorative: true, iconName: "custom/chevron-left-small-regular" }), h("span", null, this.i18n('previous'))))), h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, h("div", { class: "gux-button-align-content" }, h("span", null, this.i18n('next')), h("gux-icon", { decorative: true, iconName: "custom/chevron-right-small-regular" }))))),
+            h("nav", { "aria-label": this.label, class: "gux-pagination-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, h("div", { class: "gux-button-align-content" }, h("gux-icon", { decorative: true, iconName: "custom/chevron-left-small-regular" }), h("span", null, this.i18n('previous'))))), h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, h("div", { class: "gux-button-align-content" }, h("span", null, this.i18n('next')), h("gux-icon", { decorative: true, iconName: "custom/chevron-right-small-regular" }))))),
             this.renderItemsPerPage()
         ];
     }
@@ -92,6 +93,23 @@ export class GuxPaginationCursor {
                 "reflect": false,
                 "defaultValue": "false"
             },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "label",
+                "reflect": false
+            },
             "itemsPerPage": {
                 "type": "number",
                 "mutable": false,

package/dist/collection/components/stable/gux-pagination-cursor/tests/gux-pagination-cursor.e2e.js

@@ -14,11 +14,11 @@ async function clickButton(page, buttonToClick) {
 describe('gux-pagination-cursor', () => {
     describe('#render', () => {
         [
-            '<gux-pagination-cursor lang="en"></gux-pagination-cursor>',
-            '<gux-pagination-cursor lang="en" has-next></gux-pagination-cursor>',
-            '<gux-pagination-cursor lang="en" has-previous has-next></gux-pagination-cursor>',
-            '<gux-pagination-cursor lang="en" has-previous></gux-pagination-cursor>',
-            '<gux-pagination-cursor lang="en" layout="advanced"></gux-pagination-cursor>'
+            '<gux-pagination-cursor lang="en" label="Example label"></gux-pagination-cursor>',
+            '<gux-pagination-cursor lang="en" has-next label="Example label"></gux-pagination-cursor>',
+            '<gux-pagination-cursor lang="en" has-previous has-next label="Example label"></gux-pagination-cursor>',
+            '<gux-pagination-cursor lang="en" has-previous label="Example label"></gux-pagination-cursor>',
+            '<gux-pagination-cursor lang="en" layout="advanced" label="Example label"></gux-pagination-cursor>'
         ].forEach((html, index) => {
             it(`should render as expected (${index + 1})`, async () => {
                 const page = await newSparkE2EPage({ html });
@@ -30,7 +30,7 @@ describe('gux-pagination-cursor', () => {
     });
     describe('guxPaginationCursorchange', () => {
         it('should fire guxPaginationCursorchange(previous) event when enabled previous button is clicked', async () => {
-            const html = '<gux-pagination-cursor lang="en" has-previous></gux-pagination-cursor>';
+            const html = '<gux-pagination-cursor lang="en" has-previous label="Example label"></gux-pagination-cursor>';
             const page = await newSparkE2EPage({ html });
             const guxPaginationCursorchangeSpy = await page.spyOnEvent('guxPaginationCursorchange');
             await clickButton(page, 'previous');
@@ -38,7 +38,7 @@ describe('gux-pagination-cursor', () => {
             expect(guxPaginationCursorchangeSpy).toHaveReceivedEventDetail('previous');
         });
         it('should fire guxPaginationCursorchange(next) event when enabled next button is clicked', async () => {
-            const html = '<gux-pagination-cursor lang="en" has-next></gux-pagination-cursor>';
+            const html = '<gux-pagination-cursor lang="en" has-next label="Example label"></gux-pagination-cursor>';
             const page = await newSparkE2EPage({ html });
             const guxPaginationCursorchangeSpy = await page.spyOnEvent('guxPaginationCursorchange');
             await clickButton(page, 'next');
@@ -46,7 +46,7 @@ describe('gux-pagination-cursor', () => {
             expect(guxPaginationCursorchangeSpy).toHaveReceivedEventDetail('next');
         });
         it('should not fire guxPaginationCursorchange(previous) event when disabled previous button is clicked', async () => {
-            const html = '<gux-pagination-cursor lang="en"></gux-pagination-cursor>';
+            const html = '<gux-pagination-cursor lang="en" label="Example label"></gux-pagination-cursor>';
             const page = await newSparkE2EPage({ html });
             const guxPaginationCursorchangeSpy = await page.spyOnEvent('guxPaginationCursorchange');
             await clickButton(page, 'previous');
@@ -55,7 +55,7 @@ describe('gux-pagination-cursor', () => {
             expect(guxPaginationCursorchangeSpy).not.toHaveReceivedEvent();
         });
         it('should not fire guxPaginationCursorchange(next) event when disabled next button is clicked', async () => {
-            const html = '<gux-pagination-cursor lang="en"></gux-pagination-cursor>';
+            const html = '<gux-pagination-cursor lang="en" label="Example label"></gux-pagination-cursor>';
             const page = await newSparkE2EPage({ html });
             const guxPaginationCursorchangeSpy = await page.spyOnEvent('guxPaginationCursorchange');
             await clickButton(page, 'next');

package/dist/collection/components/stable/gux-pagination-cursor/tests/gux-pagination-cursor.spec.js

@@ -5,11 +5,11 @@ const language = 'en';
 describe('gux-pagination-cursor', () => {
     describe('#render', () => {
         [
-            '<gux-pagination-cursor></gux-pagination-cursor>',
-            '<gux-pagination-cursor has-next></gux-pagination-cursor>',
-            '<gux-pagination-cursor has-previous has-next></gux-pagination-cursor>',
-            '<gux-pagination-cursor has-previous></gux-pagination-cursor>',
-            '<gux-pagination-cursor layout="advanced"></gux-pagination-cursor>'
+            '<gux-pagination-cursor label="Example label"></gux-pagination-cursor>',
+            '<gux-pagination-cursor has-next label="Example label"></gux-pagination-cursor>',
+            '<gux-pagination-cursor has-previous has-next label="Example label"></gux-pagination-cursor>',
+            '<gux-pagination-cursor has-previous label="Example label"></gux-pagination-cursor>',
+            '<gux-pagination-cursor layout="advanced" label="Example label"></gux-pagination-cursor>'
         ].forEach((html, index) => {
             it(`should render as expected (${index + 1})`, async () => {
                 const page = await newSpecPage({ components, html, language });
@@ -20,7 +20,7 @@ describe('gux-pagination-cursor', () => {
     });
     describe('guxPaginationCursorchange', () => {
         it('should fire guxPaginationCursorchange(previous) event when enabled previous button is clicked', async () => {
-            const html = '<gux-pagination-cursor has-previous></gux-pagination-cursor>';
+            const html = '<gux-pagination-cursor has-previous label="Example label"></gux-pagination-cursor>';
             const page = await newSpecPage({ components, html, language });
             const element = page.root;
             const [previousButton] = Array.from(element.shadowRoot.querySelectorAll('button'));
@@ -31,7 +31,7 @@ describe('gux-pagination-cursor', () => {
             expect(guxPaginationCursorchangeSpy).toHaveBeenCalledWith(expect.objectContaining({ detail: 'previous' }));
         });
         it('should fire guxPaginationCursorchange(next) event when enabled next button is clicked', async () => {
-            const html = '<gux-pagination-cursor has-next></gux-pagination-cursor>';
+            const html = '<gux-pagination-cursor has-next label="Example label"></gux-pagination-cursor>';
             const page = await newSpecPage({ components, html, language });
             const element = page.root;
             const [, nextButton] = Array.from(element.shadowRoot.querySelectorAll('button'));
@@ -42,7 +42,7 @@ describe('gux-pagination-cursor', () => {
             expect(guxPaginationCursorchangeSpy).toHaveBeenCalledWith(expect.objectContaining({ detail: 'next' }));
         });
         it('should not fire guxPaginationCursorchange(previous) event when disabled previous button is clicked', async () => {
-            const html = '<gux-pagination-cursor></gux-pagination-cursor>';
+            const html = '<gux-pagination-cursor label="Example label"></gux-pagination-cursor>';
             const page = await newSpecPage({ components, html, language });
             const element = page.root;
             const [previousButton] = Array.from(element.shadowRoot.querySelectorAll('button'));
@@ -53,7 +53,7 @@ describe('gux-pagination-cursor', () => {
             expect(guxPaginationCursorchangeSpy).not.toHaveBeenCalled();
         });
         it('should not fire guxPaginationCursorchange(next) event when disabled next button is clicked', async () => {
-            const html = '<gux-pagination-cursor></gux-pagination-cursor>';
+            const html = '<gux-pagination-cursor label="Example label"></gux-pagination-cursor>';
             const page = await newSpecPage({ components, html, language });
             const element = page.root;
             const [, nextButton] = Array.from(element.shadowRoot.querySelectorAll('button'));

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

@@ -155,10 +155,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: 'd853cf4f861236f5e327c5ba32dcd9b02b402df1', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '1636856365361a8e45fa477b94d6ea9acbb7b3ac', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '58ded08a67dd0e6efe57771e0d817ff4d85e2786', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'a4bdcc1a5d847b8c61b0d0fddf103e1bd6be0db1', class: "gux-arrow-caret" })), h("div", { key: '2ee2c66586396ff8a976014da10e65fac3142c64', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'ff97360ea32e90761b1b53b6233d547431f01c12', name: "title" }), this.renderDismissButton()), h("div", { key: '952fe0ace925f4731b433773758fc4d815e0c080', class: "gux-popover-content" }, h("slot", { key: '3bea87486a087d25606c60dd0d285837800290b2' }))));
+            }, "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' }))));
     }
     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: '0292a9de51ac8fd4d7cec1ca787ac1675c19d1f1', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '6386cd6a7deb7cb91c0f7391521a2e0337d91014', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '414b8f7ad8cd56db7d0e96b3fa95b999ca7b2492', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'c2c3677bad48d4e0826d362d20337a680f23262d', class: "gux-popover-content" }, h("slot", { key: 'f9486cc0a38dcddade357886293c2697e132d33f' }))));
+            }, "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' }))));
     }
     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: '2194e8499b7d574c4387729c71ca6444a90f3d97', class: {
+        return (h("div", { key: 'c54a9bf9deff3f90c635ec70b403dec5e2852430', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'd4297e9512421463f0b04ca9f2e53e77541e924c', name: "target" }), h("div", { key: '12fc7fda177f95a1b7213befbb3aa318964c4490', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'b88e446596967cb7bc8935a6fd0848bee2be5bd8', name: "target" }), h("div", { key: '3e28d7b2961e9c15ecf08a71c9e861fbc00c100e', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'b0cb9c0ea13eda8a351cd01de0cbc6e203cc9638', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '01f700be2103e361ab985a65dc68984778c7b299', 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: '66fa53ac1712fef188c120a20f2e1f46922ea596', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '2044d43ad0a5e1661918f2de4cc5791392763b50', 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: 'e443a8d144ae63c24153d403c5dedd87feaaa01c', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '51302b2383245a470a5e57051797b8e37e8a6db4', ref: (el) => (this.starContainer = el), class: {
+        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: {
                 '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: 'a6bbf8dab10c2538725f5c0dc67c426b1be613f9', role: "listitem" }, h("slot", { key: '5ebb6b6fb14371c393d49e90d5d6875120b9e0a4' })));
+        return (h(Host, { key: 'cdcaa4a476d40850b1f700f25fb721dfd98ee021', role: "listitem" }, h("slot", { key: 'a3578e9013557e84e746a04f3fce882220e2e606' })));
     }
     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: 'be3e6f3b2654f341fd6e7634e15301bb4d3a128b', class: "gux-container" }, h("nav", { key: '340f6cdbd9685917d5f4b1b1d5254bcf932c485f', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'e7acb41b103caf51404335d4af12da48519de0d4', role: "list" }, h("slot", { key: 'c905f7f22958a98242580d118f512c081f9f2dd1' })))));
+        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' })))));
     }
     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: '3fab44ec05ec41a08ea2a9d90f46c5a2dc6c8581', "label-position": "screenreader" }, h("input", { key: '254158c274b074a997dc0035bebf9fdf99eea2ac', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '181da71db1fd74bb88ee660c1591787932b5afb8', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '81c494fd8df9be7715e928cb2db125549cee58ed' }, this.i18n('selectAllTableRows')))));
+        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')))));
     }
     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: '4bc5469546c8931c07d6bf167a6c28450336aecc', "label-position": "screenreader" }, h("input", { key: '6465ebfc0d7207efdaf44970ea979632d0ac2174', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '3d8441abcae6acaf91f13d6d2302893d9c272cdc', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '67ad57e8e0cfa61930d33d3bba910e0fb4705ca0' }, this.i18n('selectTableRow')))));
+        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')))));
     }
     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: '7b2354f07c6921c9027f0ec988a4e08bd4c37896', class: "gux-container" }, h("button", { key: 'a0f0d05aa85e776dbd517b047777b55aee8f6323', class: {
+        return (h("div", { key: '397f9db3cf1f7628b5378069d44081301f3ddd3a', class: "gux-container" }, h("button", { key: '4ec065ce7629a15cc25a8826e07ba14ed48b395c', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '7fd0991e3b8085069de0b6d466406c9b75eed9ee', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '5a83babe4ee256974a119b8e9cc7cbc55011e213', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'e9e2f6fd639b14096683cded70fe00fd9c8ccdee', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '27accd8e618cd110e75178974717d5f975978507', 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: 'ecc496eaea0b7d7aff6408a031648c9cea34d267' }, h("slot", { key: 'fe1418874e6484d8b5fd69957f039c67ba035df5' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '94e4a74de88db0cf7ae8cf1a83afb83b4fe9f9e6' }, h("slot", { key: '5ff5e7ed4af9a059fa2fdf70b4451dc7fde56c16' }), 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: '0acab449561a385c2c6d5505cb0512c6b9fd16a1', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'f5c4994d5aca04b1bc31a8be0cccc08b1edc1c9f', class: "gux-table" }, h("div", { key: '1b480f51f7b87c8e5566292e4babbd59351cd0b2', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '93c8b1be2e5de8502813bf4e9a24a433cf304201', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        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'))))));
     }
     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: 'e2653c090e4166bb4593ac3174c95de6dd05e6ef', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '73aed42e8185eb4d08e4ee4b41c3de73d9c3184c', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '361c9670789fa6a426926e05d0b0f4826b680f06', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        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 })));
     }
     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: '773dd2f3f111a2502650042a00f98c9cfb71ed4c', accent: this.accent }, h("button", { key: '16887662555e36a92501dfcdb65ed3726abc694e', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '05cfbd38cb339ab01768ed3332955fe5d2acb050', name: "icon" }), h("span", { key: '024710967eeb74c219730d5d324435d3a8355335', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'd5ab6873f3ca840857938d9a22f7212d7664ab24', name: "text" }))), this.renderTooltip()));
+        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()));
     }
     static get is() { return "gux-table-toolbar-custom-action"; }
     static get encapsulation() { return "shadow"; }