genesys-spark-components 4.231.2 → 4.232.0

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

@@ -50,7 +50,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: 'c42e2122cffb3343e542c81b4e5c1712e0254aec', class: { 'gux-filtered': this.filtered } }, h("div", { key: '368f664ff13b343aefd149a5c5cb7904797d2ec7', class: "gux-option-group" }, h("div", { key: '0824f2208bff67b8ffdf4963c52b197ea0b43ca8', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '50d02dc4ffec2e8c67ff00fa24e1f555d53cbffa', role: "group" }, h("slot", { key: 'deccfed9f56594aad4ee538026556ee833a87733' })), this.renderDivider())));
+        return (h(Host, { key: 'bac1b66252e9044e40a27c762146ccb609271a65', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'e41986c788cf524692726c569499655b2b3ec808', class: "gux-option-group" }, h("div", { key: 'b62c2652a37f18e18972e4a2462e31dee08b0b05', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '6a582285f26a62e52a69b5865a8933181c92c8d5', role: "group" }, h("slot", { key: 'dd7fc27413b48c9b2e18ca1f2892699114da99db' })), 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

@@ -43,13 +43,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '21268fa074d12c669b7d2b987021c00eeb56832e', role: "option", class: {
+        return (h(Host, { key: 'de7fb9d76afcc1feecdb68c23114aff148472d7c', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, h("div", { key: '73a00464784fe9f4c13f76975181e48fdb72bde0', class: "gux-option-wrapper" }, h("gux-truncate", { key: '6f2dfb81cb8537d91311eba41aa2afc0f30a2dc1', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'e7df152493e31a6b81ebe47e1a47b04038ec0279' })), h("slot", { key: '37ee59d2f015b763914e1c0e451b4959c316d83e', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, h("div", { key: '648a0cf759809f2ad694b750aa03f49b07d19440', class: "gux-option-wrapper" }, h("gux-truncate", { key: '07b36de401bd98cce884033e361fadc9699d84fa', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '3ffd223bb7ffa9d5f9093d7232ee71b1cc589f11' })), h("slot", { key: '12d3e46ec86d7fcc7f26707cf2f30dd9c761e350', 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

@@ -62,14 +62,14 @@ export class GuxOptionIcon {
         return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (h(Host, { key: 'd513937b06abebe08506dc183c75ae09cc88b72d', role: "option", class: {
+        return (h(Host, { key: 'bca0af0ae4a207222331dcf0bf15f7cb2b7c82df', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderMaybeIcon('start'), h("div", { key: '38b1a3ffbe53aec18bd0baf864003319aa3a0c93', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'e53821b8d75a9282f6fdf892123b4497d5dcd580', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '32bdc8476efb6407eb7175e8502e0ec4e2bc9516' })), h("slot", { key: 'e76a33d9088773fd511494d9236ce036315b6947', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderMaybeIcon('start'), h("div", { key: '84344625222237abb0801e4011ea0b63bd84a444', class: "gux-option-wrapper" }, h("gux-truncate", { key: '915f5f24f69c48a4b363d0b5af177b6416cf2151', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'd4f77fea4b63b3d5073b832f322e3eeb33782fee' })), h("slot", { key: 'af9c18e197c36e1e934b7085a7064f1e080decf8', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     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

@@ -30,11 +30,11 @@ export class GuxCreateOption {
         return (h("gux-screen-reader-beta", null, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '8973416af2ae42946022896050af69dcb7f037ba', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'b80c951c978e2df9a95270542c4559be519879a1', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '537894918de84964ca36ddccb096a96ba06bee2e', class: "gux-option" }, h("gux-icon", { key: 'f2a57c74e4fbecb8372dedab5875826617d0aaa4', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '8154dd75cf026ea48d17cd7b785b499835a8ffd6', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '8216a911ee514d57fa3d1bb64dbe3b63b94892ab', class: "gux-option" }, h("gux-icon", { key: 'b8a5605ba8ccbcddddd96a674982dc99d9ca1859', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '30a6fde3052ab17ea95964a14bd372269fa37caa', 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

@@ -60,13 +60,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '13d26f36d7d3003d0c01aeb5cde2521583602411', role: "option", class: {
+        return (h(Host, { key: '2e6180b6eac56550c14ec051a7d0217ccc3a542c', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), h("div", { key: 'b34fd722ad8f90a35e7f4ce29e5ee549aef09778', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a125f320289967413996d04ce38c73f2076eaa23', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '40efc7d7723a77347d8f25a407fc03d06b3c0e4b' })), h("slot", { key: '986fc81fb2c6d6d61aa31a23779d6c78328fd0cc', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), h("div", { key: 'c6db1e60d0be1392153e6ae4201ef1c95273b2ea', class: "gux-option-wrapper" }, h("gux-truncate", { key: '1a3d7ae43dfce6ccbbe141d5266eafc48d03ece4', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'af891aab45087f58a54bb7e83eaa5fa3f4b7cdbe' })), h("slot", { key: '53f7a95db94a166f6ce718bb545d92a8c3f8c7a5', 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-listbox-multi/gux-select-all/gux-select-all.js

@@ -60,13 +60,13 @@ export class GuxSelectAll {
         return (h("svg", { class: "gux-checkbox-container", xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: paths[pathKey] })));
     }
     render() {
-        return (h("div", { key: 'a3ea4e65e2b6122241a2cbbd57357772939e8729', role: "option", "aria-selected": this.selected.toString(), class: {
+        return (h("div", { key: 'd5e8ff98b1823c9d4a22c8ec128a071d4f37f5b4', role: "option", "aria-selected": this.selected.toString(), class: {
                 'gux-select-all-container': true,
                 'gux-active': this.active,
                 'gux-selected': this.selected,
                 'gux-indeterminate': this.indeterminate,
                 'gux-has-scrolled': this.hasScrolled
-            } }, h("div", { key: '74339663e31ffea49bff5df57d4d091805452084', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: '86c5af955b3977779c14c47f93ea2708779e4f82', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'cadb1ca4dc84ba0640aaa08d8a6c6d93063c2c01', "max-lines": 1 }, h("span", { key: '6ac1e5fad638d69d065ce1ef2c21d9bf19f21aa6' }, h("span", { key: 'd37c47de3e115962a2984706ad22fbbbd88a2abf' }, h("slot", { key: '6bbfca31cbe1cc61829792c5c4e114ba0c521846' }, this.i18n('allOptions'))), "\u00A0", h("span", { key: '20457c63afecd01acba5db17403cf321830d8980', class: "gux-counter-label" }, this.getCounterText())))))));
+            } }, h("div", { key: '969704fe63798426356d8b4d04d1fef181e02070', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'd747eda847442d25226c59e240e039bf9b58bf99', class: "gux-option-wrapper" }, h("gux-truncate", { key: '095ef3418cf9096ef6b13e1babc13b656a67ba24', "max-lines": 1 }, h("span", { key: '285b3d29b8dee10f4f8d9ecf8df5bc513c4e24a0' }, h("span", { key: '23f091687a2c9658a15b9e260f3a4a35a815cc20' }, h("slot", { key: '83fa2ed976009f227d721df97e85319d08c042e5' }, this.i18n('allOptions'))), "\u00A0", h("span", { key: 'd37d0c9ca80056428712c23be300aee1640018c3', class: "gux-counter-label" }, this.getCounterText())))))));
     }
     static get is() { return "gux-select-all"; }
     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: 'd9ec409cabb37dc2ea6d79dcb465055e48cf3da1', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '84018ece7125062fe3bed51b31ca9b5d61c15c5f', class: "gux-progress" }, h("slot", { key: 'd7348716688b97d5c6e77e304484b540e927113f', name: "progress" })), h("div", { key: '848a28717156e25636db9c8b31586b05cada62ed', class: "gux-primary-message" }, h("slot", { key: '0429422c1ed24795b2219a95dd9d73010d29cb2a', name: "primary-message" })), h("div", { key: 'c9c556a0bf7a5b7e382d4864ab9b8a323241bc17', class: "gux-additional-guidance" }, h("slot", { key: '11716eea00dc43483db810bee3b4b933c00d7c49', name: "additional-guidance" }))));
+        return (h("div", { key: '1e7c31a983d91ca67452e87046527224295f3089', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '415c84a70c8f7bfed7e091725a79144b363c81df', class: "gux-progress" }, h("slot", { key: '72fe311dc78f7e76d17a3131e9efc18735a33328', name: "progress" })), h("div", { key: '977009b7ccd157a971ddc647a9fc7501a8ed82f9', class: "gux-primary-message" }, h("slot", { key: '0cd205ce2bb6ad45f8361d7dd7f19f63e0e6ee6b', name: "primary-message" })), h("div", { key: 'abccd97e5979489a27b1ad4286657323dbc1acbb', class: "gux-additional-guidance" }, h("slot", { key: 'e0215eb1d2e67d7feddf6109b674ea93437eaada', 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

@@ -80,7 +80,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '7003692c1bb53982deb998d589165387c2c72706', onClick: this.onDialogClick.bind(this), onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '512b244f8081b55f934bf87a2d3609da07117923', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'e7e89c537ee3cef01ef0c84109d8c0c6c8206e8a', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '7e70a4cea782284b5552119f137c1100f5453c14', class: "gux-modal-content" }, h("p", { key: 'a82661846a498cc8b8fadfa2ea6b05d34ed1bef9' }, h("slot", { key: '691fe10529d34163734cc1b4d769505d7cb4faa7', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '5f8de101c9a9446681cf999b9831350c7be3d40a', onClick: this.onDialogClick.bind(this), onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '54f9fcd0ead8679c38dde930fce17fab41f6c731', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '2fb8c80001c6fe3cdfa29e1d09fda9cbb0dd4352', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '7ca01f8266e926897245c410177f86d85bc4714c', class: "gux-modal-content" }, h("p", { key: '0075f14a29452b92aabbc92a463b97452a763419' }, h("slot", { key: 'f8ee73a85dfd958656f5a4af2a3730e5273e5b38', 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

@@ -5,7 +5,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '36286d60de55f15007d198c25a18d0f961ebf635', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '107d872e88cc213e72507f90bfc2be3e9b0c39f0', 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

@@ -57,7 +57,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '872b69837dd1d9db8fcbe20817f019e36edd0905', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'c35c138399d6b98afc212487a054f3c5fb20e20d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '1000d3256bd23430d6099d483b443de687560087', accent: "ghost", "icon-only": true }, h("button", { key: 'fbfa41f18c4d0b0f4571debfdc22708e3b049c3e', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'ebd791e314894ceea958c88916b369b4690d1a26', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'c57351392c52de174c8a4609abd83c5b2cb182b4', accent: "ghost", "icon-only": true }, h("button", { key: '1ae345cdf879137a791af0f3f63ab9c7bab6a5e8', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'e29e6c26135fe883117923c49f3fd51ca1e30017', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '5829e124f8a36123adae3a0006e9a5981c3d1dea', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '224d596dc66068f4b7bdf9ba021e7278976a8715', accent: "ghost", "icon-only": true }, h("button", { key: '633ec2ecf0314b4ae004d34c50ddf221c6d5dcdb', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c3895e85a2c7beda4325970011e5b385805014e1', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '4c798c7fd0e86ffb8de19de4a822d3efe4912663', accent: "ghost", "icon-only": true }, h("button", { key: 'ad446b3d26b2aabf4b5cfe4a5680e931085fe33d', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '9cb664bd468b5a00751d1e650de7c5bbdaf2bd2b', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '2f2ee6cec2f72b039cb9d85a48a2e4ae66fad17d', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '4d7af4709ab45c9faa2dc85f9d1ba59675d156f2', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7d10af5f4d52f2ab5084fdeaa960582145868e96', accent: "ghost", "icon-only": true }, h("button", { key: '29d0592992f79db88e4427ff023f1886a67a6293', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '8f4cd4d188cfcbebce1b48e029176ed8dd5ca4c3', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'f6495e0278e1f8043a76bbf9145c4e89f1f53a57', accent: "ghost", "icon-only": true }, h("button", { key: 'c9b8618db387fad318da1bfec7ef6fcefffaf1e1', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'db0a5ee753898bfeca083297b5af05ed3c1e0bb8', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'f78bb0f0cb00879d35d0a1ff8031c75baeaeac3d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '95f87a0af66edefec14f49bfd2370299b9dbd6eb', accent: "ghost", "icon-only": true }, h("button", { key: 'e8e666cc42efabd74189b9b094ae338fbf069560', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'ff5c2989ba9afc1e14231f07a87d19011fbdc119', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '897e66fee0964137ee2935e13dd35cf51b203350', accent: "ghost", "icon-only": true }, h("button", { key: '8a684cec7120d81f23a0acc1422e4706e554d0a2', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'f3e07d5babd8c49954da3370401757d524941af6', 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

@@ -32,7 +32,6 @@ export class GuxPaginationEllipsisButton {
                 break;
             }
             case 'ArrowDown':
-            case 'Enter':
                 if (composedPath.includes(this.ellipsisButton)) {
                     event.preventDefault();
                     this.isOpen = true;
@@ -41,18 +40,6 @@ export class GuxPaginationEllipsisButton {
                 break;
         }
     }
-    handleKeyup(event) {
-        switch (event.key) {
-            case ' ': {
-                const composedPath = event.composedPath();
-                if (composedPath.includes(this.ellipsisButton)) {
-                    this.isOpen = true;
-                    this.focusInputElement();
-                }
-                break;
-            }
-        }
-    }
     watchIsDisabled(newValue) {
         if (newValue) {
             this.isOpen = false;
@@ -97,10 +84,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: '8def5051898010236b2df06c6d972780bc1048ae', 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: '29446b86d55272450029fc7fc0239b959fe79e38', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '4f67cfc4ee34c758fda7a286f0b6b7aa44f71191', for: "popover-target", contrast: this.tooltipContrast }, h("div", { key: '32d9ed5c0b7172e2f4e5ce5345a50a946325c07e', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '25f3509de54fe8c75a59738bc232722291981c01', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'f443f9e13bb10e93c5dfe23f62dd876f96c56a11', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '6717599b7e4144396c5d1364b8ca4c5305b9b297' }, h("input", { key: 'd24c1e580835773be92742bb3e28278425be6cbc', 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: '055f7753a7465f12420491ec1ee037b786483185', slot: "label" })))
+            h("gux-button", { key: 'ff6dcd0bae24038f98cc27378ba1bef960e60e05', 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: '055829d5888c36475f37059908094f22af6a25c4', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '5f1df57f1cff0666f733dccc8130535cf4fd40ce', for: "popover-target", contrast: this.tooltipContrast }, h("div", { key: 'f4ed00cb8451c0146ba5d9d7be341e7c93f671e6', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'ed915ce2be82fd556b386a95f88b20fb54a34ea0', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '30db7911d089beaaabdfb0b07b52bdd771ed1afd', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'cc22605c48e7d5c6cde99b3a3143b64cc2eac5d8' }, h("input", { key: 'dc268d752b9e60bc394785b689fb8a3c04f59b50', 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: '27f5a09573883f22a8ecdb689dd7964aeb0923f9', slot: "label" })))
         ];
     }
     static get is() { return "gux-pagination-ellipsis-button"; }
@@ -222,12 +209,6 @@ export class GuxPaginationEllipsisButton {
                 "target": undefined,
                 "capture": false,
                 "passive": false
-            }, {
-                "name": "keyup",
-                "method": "handleKeyup",
-                "target": undefined,
-                "capture": false,
-                "passive": false
             }];
     }
 }

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: '8ba6d5d98ff8b19abe5b2720cb8656bde209585e', class: "gux-pagination-item-counts-container" }, h("span", { key: '9f93953b58c165b455de0781cf43ae0d7ee6ce6d', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '374d68b3e9a489b58fcef53c4cf48514e6e6069c', class: "gux-pagination-item-counts-container" }, h("span", { key: 'e63b85320580498808c3936fd43a1da18d9d5a23', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '9167fe6854cccb31d3de1afb946480f3059ada83', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '2993400123aecf87254da5a95f4b2e26a5a92d50', 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: '84bf94723638368594eb740e44182f2cb829342b', class: "gux-pagination-items-per-page-container" }, h("div", { key: '5c950be27041c83a2bdf4ee638413bfc5ca54800', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '46c25021612270d6bed75129918075df33fe55c0', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '016163a1fab2d079e2de5e899d5c921725634ba7', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'e42daf4d3efccab5312142e0bc3176ad207bba62', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c82e992ded6b66c2557c594eeaae01b5746050cf', 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

@@ -99,7 +99,7 @@ export class GuxPagination {
     }
     render() {
         var _a;
-        return (h("div", { key: 'ed0a8ce079554a63c5494b5ae06781fde2b96ae4', class: "gux-pagination-container" }, h("div", { key: 'df988d3b79bbddf5506185f8071b00c48f57f8b4', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'fb36af8c15efa72dd02317175ceb60ef11f99306', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), ((_a = this.showItemsPerPage) !== null && _a !== void 0 ? _a : this.displayedLayout === 'advanced') && (h("gux-pagination-items-per-page", { key: '12b591384db37c473c40cbc8697862d5b6dbac13', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'ffe83d05eb34235d0fddfbc9209da74f5ac2fa2d', class: "gux-pagination-spacer" }), h("div", { key: '74bd0f4bdb22bccfb6064e63c2e5328eb986340f', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '13477fd98f37978b0ee00806d94b81ac2a36ff66', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'aff73521b29fcafc73ce87cb7798fc0745164b5d', class: "gux-pagination-container" }, h("div", { key: 'adfd12ec2a6687b657d92c22bbb3ef74ea8b2e27', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'aab1f413cde27415a851f633bc7df7ecc412a9a2', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), ((_a = this.showItemsPerPage) !== null && _a !== void 0 ? _a : this.displayedLayout === 'advanced') && (h("gux-pagination-items-per-page", { key: '716cb8efda374652ed163f5c40e854c35ce590ee', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '454345dfe4901a179fd3faaa1ac92d8de36d32e5', class: "gux-pagination-spacer" }), h("div", { key: 'df9ad6137910cd1f21561404fa498b57848b515c', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '562987cec97742412059eac5fe764876277eff37', 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

@@ -171,10 +171,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '4cd3bd5f611cfb6ae472164fe7bf56f0bd52f3b9', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '82e7f56b87b15356481a44cdd72b4edaac2d6b7c', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'f87df6e96cbb8d1ec4fa61cda0d72814de325569', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '3cac8dfea2e59394e85901adc8a9e2863f05320f', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '7990115fd7c30ed81f83beb27abe07e2c74544f2', onClick: this.dismiss.bind(this) })), h("div", { key: 'e0881568101d3b404abb7366fa8fa4c8b62308b3', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'e62ed60c9ecea680e037f47c62b1330b1576db67', name: "title" })), h("div", { key: 'df23b5d7d62474dbec485f18b86ca4805f68c01c', class: "gux-popover-content" }, h("slot", { key: '0b4467ec3de1080c91006e5f3367ee999b81f28e' })), h("div", { key: '30817ec117592c279dddda79e3e99b1cdfc6899f', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: '41f4384a98a2284d5856318fed777f1a744972d0', name: "footer" }))));
+            }, "data-placement": true }, h("div", { key: '81f693f461efead94a0af4032d87826bfd882bb4', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'fe862837853a570a757220d9ace715d4ad236c14', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '50eab83f6123e385cf88bf9d6683f55ef24185d0', onClick: this.dismiss.bind(this) })), h("div", { key: 'a5004b32fa20036974488cd68815e8db30acbe84', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'e89d55cc776ca7f063c6aa0fca08be95d0e3991e', name: "title" })), h("div", { key: '2c07cd224149a087254887e8aac5642ba67d6e06', class: "gux-popover-content" }, h("slot", { key: '9017de2fd59d613f2779076cbaf06840b4ee0b87' })), h("div", { key: '02a28b20e44fc74e1ea2c87afb9c6df73fc619ca', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: 'bf1e353b3c8d266279bc1d7912153ff38e87240c', name: "footer" }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -147,10 +147,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: 'cc45bd2a0b6a185200eec72f489ea7b4162a11dd', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '9e99529f43597f38cda0cf5414cf9e1586a359e6', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '6d1126556a34e23975df636d8e75fd9a86464ba4', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '0a1d84d74f2d23289ff53f840bc93004d61a8080', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '16e5769b90a560b30edd336201c55e4895b600e8', onClick: this.dismiss.bind(this) })), h("div", { key: 'cfedc53c7a87699b599520421f8e3826cc321df2', class: "gux-popover-content" }, h("slot", { key: '364b269d6d1abc3cbc71f806586f013ec7f5f150' }))));
+            }, "data-placement": true }, h("div", { key: '9c2a5559df72fb5a0ae74e837c8ece166cc18064', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '3d085ad65397705ac5c2d068a91ae990ba2f70d1', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '757dff760b9e66d4c6f2902c0968020559c23800', onClick: this.dismiss.bind(this) })), h("div", { key: '71f1714f90a76d7a4f153966cd43c03d2285de49', class: "gux-popover-content" }, h("slot", { key: '04d19c0c8991ca5eb509f9443e9c8b904391d40a' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -115,13 +115,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '22a8493170d17185eeca86d04995f6fd52d4c4f7', class: {
+        return (h("div", { key: '4371eab4ee35813fab44dd87b372d96a948dbb6f', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '84f0c57b7eec788e21fdf6dfe8f2ab9e2b78845a', name: "target" }), h("div", { key: 'f453230afff3fcdab4e1ef4d17c02fb7ca2cf3f2', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '888394ec51927122e3e8d31dde9f7fe2761a314d', name: "target" }), h("div", { key: '711644d5c8de1a9501bace7a5691c09355563e0e', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '57a00d5dd3e20bbae16759533643c76f92f85dca', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'e9152734284d359b4a7cdd1e9597d0ed989bc599', 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

@@ -20,7 +20,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: 'b7f1db2f3762438116b2bb892e1bf6c67a7e0236', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '2980cfcf2f0fca81a3a403eb1c93c2466cdc8bcf', 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

@@ -167,7 +167,7 @@ export class GuxRating {
         return this.getRatingStarElements();
     }
     render() {
-        return (h(Host, { key: '84ac7f8701c655ccb4dfa0a7186fcfa3307dc941', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '90c11a8774dbe9e6fb31900010b3ea229d5250c0', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '84ee4ab687eaa0723df24da549325d2ad2c476c9', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '6d941f672e8f3c032fc654a62cf17bcf4715afd6', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled,
                 'gux-compact': this.compact

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: '3b2369be7b5800b730fe410dc90d2a8cf1e74f6e', role: "listitem" }, h("slot", { key: '9b4c14b18adc3475c164ae2aa4c7763c9fe64b54' })));
+        return (h(Host, { key: 'daba45903ec14639d15f8edbd2f785b5d808c322', role: "listitem" }, h("slot", { key: '993fe6a5c314910bf10f60cc1d35b5e838a57995' })));
     }
     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: 'd06dc2f5a9b27d40acff89d4b0bd0efe50b62fb5', class: "gux-container" }, h("nav", { key: '89593bf307d61c24acc419db045b6d491db1a62c', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'dc0c663936101a7d45cc825d50a413b51ea7091d', role: "list" }, h("slot", { key: 'fe917992686bb72a46c312ce551d670ca28aa4a6' })))));
+        return (h("div", { key: 'a0cc9cd466fe24fe9aa589aa82a780854d17aea3', class: "gux-container" }, h("nav", { key: '40728d0a937ec4beea6cf5a2c00a263f86e6a72a', "aria-label": this.i18n('navigationName') }, h("ul", { key: '46638fdc78f7408151b90e5b3df961e0e69591f7', role: "list" }, h("slot", { key: 'e48a148396777bb5fb84b4be42f802036d75834d' })))));
     }
     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

@@ -20,7 +20,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '84dece3d428e412480a158c7abf74d1808252477', "label-position": "screenreader" }, h("input", { key: 'a5a1548b4daad35140cab68d2bbbe6e0ccf1057e', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'a5754d9e5c8ca873cbb6ae4a0929edee18405e99', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'c38820d2914d62993a03f2f53f6d117a2e61134b' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: 'cb6826fc7c4733d7593387161c7c05937e47915f', "label-position": "screenreader" }, h("input", { key: '3f2ffc9dc0db3ac6d81fa7174209e3668ac000d5', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'a262b50b93fe1270a07a80b789d5a6245952e43f', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'd6af005974bba140b808a97e2cf64bafd17c7294' }, 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

@@ -24,7 +24,7 @@ export class GuxRowSelect {
         }
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'e8c693fd9ca13569afe5f44c0e1e950dba4b913f', "label-position": "screenreader" }, h("input", { key: '35e306bc1dee9cb6232045d6bc2f389677a95e3c', ref: el => (this.inputElement = el), class: this.getSafariWorkaroundClass(), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'ad514e6b3f8a69081ef3d439ee9b0c6f788914ea', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '6115bfeffa00d2a8f9b52b63f38d185386d7e6cb' }, this.label ? this.label : this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: '8d4ed5e20f68051a3e00c283fdbdaf420c79906e', "label-position": "screenreader" }, h("input", { key: 'd55f0b1a313fc1746bc9694fd9a3834cacc86170', ref: el => (this.inputElement = el), class: this.getSafariWorkaroundClass(), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '82f956d991f35d9772aafa8eab565ab061ecb93e', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '7735f0fc9eeb18c3dd6a9b483da28d4db7bb34a0' }, this.label ? this.label : 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

@@ -97,10 +97,10 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: 'bd242224dd074a2945a135d7d994eac2e8a5d6f9', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: '032b00fa91c4de86474d38da9c08a9742f930ff1', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'a74a8285c3739a80e4785aa85a9acba587700b55', class: {
+        return (h("div", { key: 'dfdb3d5bae33c22d1f534badb0116d5fac1e0da4', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: '5994e8537ddfd82a5067550bdb5fcbad3f5ceff2', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '06fd7914986d3bab5fbe3198f81bddabc7c95f45', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'e86e92ec64f423208ec8bfef87a038e62c205134', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'f9de4864290b43f75234301a385da6dcf474e58e', 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: '2a181c4d3d122a776fb2e51b9df71de05af0102f' }, h("slot", { key: '6cdfdef36e5eed4c07e3c69305296bcadf62762d' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '4285c3ad50d01e0542e9c76c6d2e38625ee9ff73' }, h("slot", { key: '524ea2166ce776c08e9994ac70ecb28fe9a74957' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -13,6 +13,7 @@
   flex: 1;
   min-inline-size: 0;
   block-size: inherit;
+  overflow: hidden;
 }
 :host .gux-table .gux-table-container {
   block-size: 100%;

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

@@ -283,7 +283,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: 'ad049d1be0da67b790663f82fbce99b3e0b1829f', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '2cfec04226161c7609550248aa5520743f497c90', class: "gux-table" }, h("div", { key: '4e368642bc974027323f49b2fb634bc40ddb65b9', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'eef59d7957897adf3056f663bfe8559cba7ceabc', name: "data" }), this.isTableEmpty && (h("div", { key: '660de79492e1167b93edfa45dc272597060f3026', class: "gux-empty-table", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.emptyMessage || this.i18n('emptyMessage')))))));
+        return (h(Host, { key: '8ffc2f96236fa07ba0340a90dd1e986786aba7b7', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '5a77f443cbba44611f222fd22d8449ce85764703', class: "gux-table" }, h("div", { key: 'ccba72656cd7b9d24d3bbd266a951c9aad163e94', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '7195f0eea2182beed5003b188ea159423a74f655', name: "data" }), this.isTableEmpty && (h("div", { key: 'efcd6d5fc9de1e3c09890874ebd674d835d09d51', class: "gux-empty-table", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.emptyMessage || this.i18n('emptyMessage')))))));
     }
     static get is() { return "gux-table"; }
     static get encapsulation() { return "shadow"; }

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

@@ -177,6 +177,59 @@ export const renderConfigs = [
           </gux-table>
         `
     },
+    {
+        description: 'should render table with row-select and max-height constraint',
+        html: `<gux-table object-table selectable-rows style="max-height: 100px">
+      <table slot="data">
+        <thead>
+          <tr data-row-id="head">
+            <th><gux-all-row-select></gux-all-row-select></th>
+            <th data-column-name="first-name">First name</th>
+            <th data-column-name="last-name">Last name</th>
+            <th data-column-name="age" data-cell-numeric>Age</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr data-row-id="person-id-1">
+            <td><gux-row-select></gux-row-select></td>
+            <td>John</td>
+            <td>Doe</td>
+            <td data-cell-numeric>25</td>
+          </tr>
+          <tr data-row-id="person-id-2">
+            <td><gux-row-select></gux-row-select></td>
+            <td>Jane</td>
+            <td>Doe</td>
+            <td data-cell-numeric>23</td>
+          </tr>
+          <tr data-row-id="person-id-3">
+            <td><gux-row-select></gux-row-select></td>
+            <td>Jane</td>
+            <td>Doe</td>
+            <td data-cell-numeric>21</td>
+          </tr>
+          <tr data-row-id="person-id-4">
+            <td><gux-row-select></gux-row-select></td>
+            <td>Jane</td>
+            <td>Doe</td>
+            <td data-cell-numeric>23</td>
+          </tr>
+          <tr data-row-id="person-id-5">
+            <td><gux-row-select></gux-row-select></td>
+            <td>Jane</td>
+            <td>Doe</td>
+            <td data-cell-numeric>20</td>
+          </tr>
+          <tr data-row-id="person-id-6">
+            <td><gux-row-select></gux-row-select></td>
+            <td>Jane</td>
+            <td>Doe</td>
+            <td data-cell-numeric>22</td>
+          </tr>
+        </tbody>
+      </table>
+    </gux-table>`
+    },
     {
         description: 'should render table with max-height constraint',
         html: `<gux-table style="max-height: 100px">${tableContent}</gux-table>`

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

@@ -41,7 +41,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: '52622e104dd927f5b94a28ee526b331292579bc3', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '8c0c5ab36278aa808cf4e9e648e9257369a9a14f', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'ca7c0df0db7435669305eb741d45b6f2826bd09e', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '4949969c18da77fdcec098989b4c3fd98e69892c', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'eba21d2f38c2d935a837e0072ec5112e781ebf74', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '0e90683aea2efd59c88a6b665bd1cc18161fa24e', 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

@@ -35,7 +35,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '692d21798844586a7db7647efb3471026a5e6092' }, h("gux-button-slot", { key: 'bb99ec2da90925c7b2cb121a36492b08c47452bd', accent: this.accent }, h("button", { key: 'dcaccb82a0809f3b37f0a8106184b5be41fc86e5', id: this.buttonId, disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'c5cab2272e5b77fc1c8d1b2547e53c05b8dca2bd', name: "icon" }), h("span", { key: '4d1b4bd79b2b24a04472031d66aec3b9c26e0db8', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'c6398b6764c3f8b4ea94fc8a93a35cc6953ad4a7', name: "text" })))), this.renderTooltip()));
+        return (h(Host, { key: '7a13c48aee8db3edac1b6fe315124191ee4793e0' }, h("gux-button-slot", { key: '47d40e38335fb976c66624272b6ecb1da3ad3a50', accent: this.accent }, h("button", { key: '291915a54ea0f3eded0827f0f13e4b8a2005e51f', id: this.buttonId, disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'c7ad3b912bb3daafe30de01d950918b17cf34cbf', name: "icon" }), h("span", { key: 'e0d4c2cb4b6d3e208be5ffa4a56211106b26d438', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '69f1bec5d8a2a8a67cc341c0d5fb869ea5ee86d3', 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

@@ -86,7 +86,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '02c396bf87375c4da86d187bd0c275df7dc9a4ca', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '9271714514a1ba55e53297fbe22e5830d4f3bf09', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '29031c6a4300f836cc6dc8d320487e9f180fdb0d', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '69f4124a8880c388eb833dac9170081d01c1f959', accent: "secondary" }, h("button", { key: '8033a3865e9c74ced940c2e064df90c812de2796', id: this.buttonId, 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: 'c09a4d908e192c93fc8dd841219ab612fdca8307', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'c4ebbba1699359128a79b1cb11913555bb5906d4' }, this.i18n('additionalActions'))))), h("div", { key: '080369dc3551059768d2ad2879714b76ef72b60b', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'a03d452797b92eec28e1d387c7c8b5ab9a9469f1', ref: el => (this.listElement = el) }, h("slot", { key: 'b68435d53c29cbf056b16cabf34265ddb5eb3cc8' })))), this.renderTooltip()));
+        return (h(Host, { key: '56849c2e6378d818177e75c7c89d141a6b8f0152', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '0494e3cdd3eb11fefe6e97d023d2b329f75dd29c', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'e093920d875f1852fe476a635a096e307d6c8643', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'f591586d3efb41d3cceb965b802db1462f51aadb', accent: "secondary" }, h("button", { key: 'bbd546ab197efef0ea681fe530170d87a0fed95c', id: this.buttonId, 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: '94a90c1e15e292de0af0697af0257d6746dc5f1d', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'db4f3216eb9b095c7783986c7150ec27d666195c' }, this.i18n('additionalActions'))))), h("div", { key: '9b2373f9e7c71b18508a7e9628cc91189a47434c', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'a17de091e845575fd183bfd775ac4963a8371b98', ref: el => (this.listElement = el) }, h("slot", { key: '003caa8cb7f1cd327b4614947b284488b9acb0e7' })))), this.renderTooltip()));
     }
     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

@@ -214,9 +214,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: 'cbec3e21b64b99f3afb7a85966531db3c192b203', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '69819fec1163d95879464a28d63fe0a2b515a7f7', class: "search-filter-container" }, h("slot", { key: 'ad18b51b1a74b2197ef4c3459a4d6ea363d5cdd8', name: "search-and-filter" })), h("div", { key: '853fab2b1d3c45857665df121c67e8aae7a11326', class: "section-spacing" }), h("div", { key: 'f3acd4196d1f36a773bd4e8b2a81c148c1fe1322', class: "gux-contextual-permanent-primary" }, h("div", { key: '603f60f2f33d93a88727b8a612da3b17b3be38fb', class: {
+        return (h(Host, { key: '454ff18896a61bebf7dd26c48f28b1d728a15d61', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'a6d1fc880a0a0082459666be83e0960f1e1f707a', class: "search-filter-container" }, h("slot", { key: '4cf8cf31d8c2c768bbd430505ea1e29b141f0147', name: "search-and-filter" })), h("div", { key: '9d74cab3e893687d6b41d4228d882a975fa19c8a', class: "section-spacing" }), h("div", { key: '5ba8733a51cc69df7eb240b744bd75c594e69102', class: "gux-contextual-permanent-primary" }, h("div", { key: '0177f073a2d1967a4c0e1eebde902ba7f417e50d', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'ea4d35e303889aa7c64d2130c28bc7cd43f44e37', name: "contextual-actions" })), h("div", { key: '6fa432bd4d67fb93953a24d0655dea1d45bb1785', class: "gux-permanent-menu-primary-wrapper" }, this.permanentActions.length > 0 && (h("slot", { key: '3e03b0e758a2d9ba6ea08b438482202fe0f50567', name: "permanent-actions" })), h("gux-table-toolbar-menu-button", { key: 'a146b454501b77d0ece53b039417c82bf543c684', "show-menu": this.renderMenu() }, h("slot", { key: '348d843f9e9beb9d68adbd2035e3266ba30ab23e', name: "menu-actions" })), h("slot", { key: 'd4709fac5e8260ad05660481307415851e830467', name: "primary-action" })))));
+            } }, h("slot", { key: '6a50d15b2f439d916ad91d557868ec6691d6816d', name: "contextual-actions" })), h("div", { key: '2e4f340e78c8bd67c3ee64107cb0d3bd7a0a2154', class: "gux-permanent-menu-primary-wrapper" }, this.permanentActions.length > 0 && (h("slot", { key: '35de95e1199f41a2271a9961c49158ea9f1017fe', name: "permanent-actions" })), h("gux-table-toolbar-menu-button", { key: '94c5ea7246a191530a39e8b8760c6b6948e1fa50', "show-menu": this.renderMenu() }, h("slot", { key: '6a5eea894e4199fd9264fc7338acf408a6c6fefd', name: "menu-actions" })), h("slot", { key: '3f578933f98535fb4b862d4bdc081e93c5a21d6d', 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

@@ -46,11 +46,11 @@ export class GuxTab {
         return -1;
     }
     render() {
-        return (h("button", { key: '6ce406e102b6269d95c13bec3c97b986ce03b700', class: {
+        return (h("button", { key: '2e4a98537a699a986c41adc3a25c59385c51044a', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'fd3bf2e99d5a715f997923604bcd32a4f0376347', ref: el => (this.tooltipTitleElement = el), contrast: this.tooltipContrast }, h("span", { key: 'f1a4248e7fd1285851a4230d1773793786497fac' }, h("slot", { key: '1fbdf43d232b4a38867cfb42cb38cf948fdaba9f' })))));
+            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'ad49c79569aa505b501650cb995095638e8398d7', ref: el => (this.tooltipTitleElement = el), contrast: this.tooltipContrast }, h("span", { key: '551c84e0f028668cbc119db8d076d6669d1e73a0' }, h("slot", { key: '8da9b0a639b13013f6d6312f6af4956e29329050' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

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

@@ -266,9 +266,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: '30004bed5bf566b3b643ec2751b8c14f445d4ead', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '5500aecfb5a0cb479d627b94a3b451fbf78c2c68', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '015ab9ea7881fd084888e082e7b55a090e0e9e4e', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '4b6e0363aaa590a058a2ee8d31a6f30dda5ed36c' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: 'cd5b06c966e1918b22167e19f633447343c2089c', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'beb9ccf803a9fa823f6efdf63820e8f117307c4b' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }