genesys-spark-components 4.160.1 → 4.162.0

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class GuxListDivider {
     render() {
-        return (h(Host, { key: '3746ba873e6e1a8553b4a38859f549713f2e369f', role: "presentation" }));
+        return (h(Host, { key: '1afe7732cb6616a1bb149bec972f52fba699e336', role: "presentation" }));
     }
     static get is() { return "gux-list-divider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class GuxListItem {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '58b4b87f804d304bc00e519f35f31476bcd5fd4d', role: "listitem" }, h("button", { key: '22a7f84a96bd64ad8005075625273a8879d6ee29', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: '774aecf35cddf804daab45b2ccd2fec333670307' }))));
+        return (h(Host, { key: 'cb0338db6ffc7e30ea748845f83f57135648497c', role: "listitem" }, h("button", { key: 'ded3895e4254e274ed41874b6acec8bc73407dd6', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: 'e7f3d59b797f7f7417e52217d6dcc930c321f2a2' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,7 +46,7 @@ export class GuxList {
         last(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: '53331bf67691b223922f5f855e2513a2390b1cc0', tabindex: "-1", role: "list" }, h("slot", { key: 'f34a9ff8b70dad57c71c701931ce58a193e07a4a' })));
+        return (h(Host, { key: '637fddb7d517312def45839943f3b896cb3fd4bb', tabindex: "-1", role: "list" }, h("slot", { key: '879a68505efa929e3f41adaa267b2efe707cd073' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

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: 'd9e11e6d18f276576a4f7c935dd7aec903cfab7a', class: { 'gux-filtered': this.filtered } }, h("div", { key: '248400d1b8dee6df27cc3033273436eb600b4c4c', class: "gux-option-group" }, h("div", { key: '262994ef17a5b1b07a32865df907cfc66d940c61', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '096d8807a3246c8a884104ebecdf420c823ed8f8', role: "group" }, h("slot", { key: 'abe716d70cd0964e69a07aef07d346c0ccb24015' })), this.renderDivider())));
+        return (h(Host, { key: '9bed5f69135580e48cd346237ec6ee3a3d170a86', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'dd4a9c8dc1d0268db3a4b814b6fc4e3f5410ed10', class: "gux-option-group" }, h("div", { key: 'f8ed474032c17a35cf90749d3d99f1b0ac963bad', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'd6ab2fa6fe9978a1af00eb736cbc21d2d0875b4b', role: "group" }, h("slot", { key: '184dc5ac4728703bdb90f0c6520f42051303b7dc' })), 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

@@ -41,13 +41,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: 'c2672c6cb5bf516a3495eea8357d3bc4c4c900da', role: "option", class: {
+        return (h(Host, { key: 'bdd62143a1608793696ce79b8c7706fd25adda6c', 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": this.disabled.toString() }, h("div", { key: 'b85bf4d463039f58f49ec2d6d18d2d1415403f32', class: "gux-option-wrapper" }, h("gux-truncate", { key: '18608184d2d7a77a8fd0018745f9a1b6a8a5fa80', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '1b42a67570ad5b853612cbfce4481be09442aebd' })), h("slot", { key: '279602519fa45e83691133da63ef404ff014c43e', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'dcdd4752efff5e7028286bceaf5ec794495bb6d0', class: "gux-option-wrapper" }, h("gux-truncate", { key: '386152d4643e7f7c25aa54d74d9a2878d058069a', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '553d5cc29d887e8ae220f877749b4c998c6af63a' })), h("slot", { key: 'a6c6bc79dfa32e6b782d35c48490a74e0d40b666', 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

@@ -61,14 +61,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: '7f26c292345951dff79122bac08f2b3629382701', role: "option", class: {
+        return (h(Host, { key: 'fe14e8a7307fe2c59a8c6bc56acadbb0de3308b6', 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": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: '3c6f0d146fb3ac83f204ae35e4beabf2f310a988', class: "gux-option-wrapper" }, h("gux-truncate", { key: '384177cb96af49bc8adbae6c328b7e0e29c7b69a', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '2479d98605eda40e572cb5381dd3791ab0c2742e' })), h("slot", { key: '3682267ba448c0ae3064497bc5d5806bdfc2e129', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: 'c44f25c0ba0a3d095dedd51fbec43292d5ffd197', class: "gux-option-wrapper" }, h("gux-truncate", { key: '755161289796b2848495c334f4488cad858bcf80', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '78fc27128d3f51158e8dd05031ca58d353dce59a' })), h("slot", { key: 'ffa3355a356944a18d4908dcaeffb71831654d3c', 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

@@ -32,11 +32,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '5923b19a166b698b50e5ac02f459ab397fd8f210', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'd370ef5d4fe148d6e2e086eb6fecd5c44bfa2a68', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'e40509866e7b082d270e2479bfea61253e57eca2', class: "gux-option" }, h("gux-icon", { key: 'a9ee42b9a7f4e587c8f447880a2e3ff067038254', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '51545fd248d82632c543b75acc52fbfc88ce596b', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '4a63454c224b949cc3bca569ff0cee5e67ebb580', class: "gux-option" }, h("gux-icon", { key: 'b384ee1e012d964de900acc2159f115dffa32159', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'efa2a2a1ae6091463abc5765ed42de7cadad6050', 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

@@ -58,13 +58,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '2325e784623a05a6198fbc59ce712d6873392a2e', role: "option", class: {
+        return (h(Host, { key: 'd934ab3fcab0a3301177c235e52ea37aab193444', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'c9ad4deb95e260d63d0e374ce65b3ef0b6f4431b', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'b53c8fd041a7571a76febd5a854c259ae393ebe4', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '268f2160228d379739fcbe337daeb9c58fd757b6' })), h("slot", { key: '902f3a78b3c378f000e2a6ad8a5406e1b54a5ecd', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '02cb6e4b3002aba46fabac610c51f635b31c2e3f', class: "gux-option-wrapper" }, h("gux-truncate", { key: '8815e8f3259a9852acc8046fc0ec9a836c7b7165', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'bf4160fea4ca54d03435e620d5ba2cf5041dbbe4' })), h("slot", { key: '854139cd3300be6926722fa6e3d41819c5be25d4', 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: 'e25839bd66c76c1a7815d1a942427937782e09cf', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '3b898f4e0da0d14dc9a11650816a6a378a58a822', class: "gux-progress" }, h("slot", { key: '8616138d449823589247a86f11a1d3bf2ce49209', name: "progress" })), h("div", { key: '615aad13fc71e5beb1af0fb4acae36d94f94556e', class: "gux-primary-message" }, h("slot", { key: 'f58a816704e34aac8b871898c584183cd3c69ce1', name: "primary-message" })), h("div", { key: '138758f5b3d09f2a03ac9fb9e806ba0b94deed6e', class: "gux-additional-guidance" }, h("slot", { key: '16f2698501b6afa2b47080fe44f640509d93ccd5', name: "additional-guidance" }))));
+        return (h("div", { key: '68c715e642d242f0a0d44fe71e3588ad56353c1a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '1779e3dc2d341030eb9042f0f5cb3b6e03f11bcc', class: "gux-progress" }, h("slot", { key: '6f2b473f09a243d711c754b58262f396a94ee505', name: "progress" })), h("div", { key: '0b8f6e267bc1563d3536d821b2e9262cd2c4275a', class: "gux-primary-message" }, h("slot", { key: '2a0ef237bf319a1ef08e6d8788a7c1074ffecb3d', name: "primary-message" })), h("div", { key: '4535c794dd0e0a7d30c5771097119b27d2da7c24', class: "gux-additional-guidance" }, h("slot", { key: '8501ebbbc6ca9d8350315221cc24320fbaf9290c', 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

@@ -76,7 +76,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '5244d52662f2618bb1a5886d97cc6277a9b01427', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'b67be300995b1c85f22782f55aca56b22d6a847d', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '1efe65d8759750804f00e5af9d50dd47804b7b5d', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '183ad0b0e68fc486be24aa0a31a22b0315bea72e', class: "gux-modal-content" }, h("p", { key: '09cee736a70168dfefe86abc560813ceeb25fc03' }, h("slot", { key: 'cdf4d5222f21c229c6a7d0bd02cd96512e005e8e', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '51d8a5212c134b8290ec9c5951739885ede7a8bd', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '5a2d9781b08fdc88e1365a060ff68a3963b5f4dc', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '4bcf0d5afc0cb087d690ae3da170eaf9e66a0250', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '7ee4d440bd8726d28314bfbadcdd486b1af80811', class: "gux-modal-content" }, h("p", { key: '0eba08013d6b79e48d942da8a9db68c08ed96e59' }, h("slot", { key: '038c0dc943c92254e4cbfe3ba566786c539f260c', 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: 'c7b94a36199c69318067bb31917d17a951bed4ad', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: 'd7b2182c20755a6a9102c6c095bbb55dd3ff2568', 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

@@ -58,7 +58,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '99d79cba0e16a1b74e914e4d0f0c02c3b4a73d0e', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'efe76116dd1478094927617059457f681d0bd6c7', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'dceec181beb25f217be3d8a0a720a9370c342510', accent: "ghost", "icon-only": true }, h("button", { key: '5f0466be061263ff91d0866f23eb21e5a708cbc8', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'd538e9965f9d1066722ae31f536ee10b60b868e9', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'f53bb6a0577856540f9c09482a7600a2ee28a46f', accent: "ghost", "icon-only": true }, h("button", { key: '53ae1dc112b8c4084cd73d54ff3efe2ea97df3d6', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'b57b1ca6a1a8789fbc928aa1bd57bc2cb1aa029b', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'da0251b955fec752c91a3f70f5deed1147aa9628', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '311c7e2c1912981031123ebb5ef3b252e09c8024', accent: "ghost", "icon-only": true }, h("button", { key: 'c1b788b8e3598ff03eaeff1d1387d675c55e3692', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'e124103cf66f28053f0ea8e98a69a15fee145ca4', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '1fc691395a2e8c512c565f8809fb1c3c282a2e2b', accent: "ghost", "icon-only": true }, h("button", { key: '776866e1d667ee62ea65177c479227fa5f33d79c', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '1a937000dcf86f0fb5323fae3053e210c7f58086', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'a44d7b6d817228dd8dcf3ecc87242a84efd1da00', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '958a47f0aaade347fc27046646c108961578475f', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '8591b7f8c29591106705ad5e59413f38f6b11088', accent: "ghost", "icon-only": true }, h("button", { key: '7ea8cbb10031af6cdf86306bb29c4497a80190e4', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'f067b5b8397c6b162b4b996306306f58f88d1c73', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '1c79e92457a2992ab36a80c422f7fb5535df435e', accent: "ghost", "icon-only": true }, h("button", { key: 'a981dcddf17385d8892a57649232131dfeac8719', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '261d3b1a0709ec90ddf58beb7b2df474df890fd7', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'f562ba2f326a7c89ed578555d4007fcbc038dd76', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '9c540e45e88487e7e68616de5185a7262b33d33d', accent: "ghost", "icon-only": true }, h("button", { key: 'ce96c4459e59e877753b1a1823ff68772fe39a80', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'b08813252f71a6c8cfe81ecec40dc8f3cde5d375', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '5c1de002fd7b253c0a2c8594da93547184758925', accent: "ghost", "icon-only": true }, h("button", { key: 'a673145234cd8201179b928e5039c5064ad67e81', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'ed5e0c88e0f3677d02e0a328ba8a97e89b0ec2d1', 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

@@ -96,10 +96,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: '454441358989e2ef8054889e263e714a74b98411', 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: '0e56ff1b9756228976929d4db5d4da5edc5437a2', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '2eed7f75f9de5709ec09f756250c93a5c6d6852e', for: "popover-target" }, h("div", { key: 'd9e02b0f0f8abf8c0d18387006d534a6cb2f5d2b', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: 'dfc6e87c29e082fe2de4e7e5ca4504996fdb648b', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '0dff29cc2478921d133c73c56922ad42f98dc309', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '910764919a171ec5d15215856011353acd23079c' }, h("input", { key: 'f12b964eafa335c9626d4cf5978e7a7ab68ed196', 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: '5175b0b5d341d49b770e29cb80ae9c5d73a35f42', slot: "label" })))
+            h("gux-button", { key: '6b1bf7562dde88875e64bffd6eb2706d68053fd6', 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: '653f51ec02ef93057a68ebb7af3348da66f44de3', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '729905dd57fd32de84bcce1d7363ff1f0d18f2fb', for: "popover-target" }, h("div", { key: '0cd5d979d929db9196ab79e960fac1d446c75260', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'c092a7e7850f517b04ba611e122871f11ad9a151', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'aec8b1063bec15644af85025356ce9d3f95933ed', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'e281e8d72fd81b9fadb81344d4be8678ecdd7b6f' }, h("input", { key: 'd428ded498a742be8e2254af671e8e999bcda505', 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: '6a99f403ff16b4dc35f7feaeb2cb7600e9d030f6', slot: "label" })))
         ];
     }
     static get is() { return "gux-pagination-ellipsis-button"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.js

@@ -28,10 +28,10 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: '93d9be77bfd0298fe1fcff5c283aee2b68968d61', class: "gux-pagination-item-counts-container" }, h("span", { key: '2b57a6eabd3be23e3e76b4bd6fb8f6ab6fe0b81b', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '202afbcddaae1a982df49afd098f73421801421b', class: "gux-pagination-item-counts-container" }, h("span", { key: '64b43f4845260fb74a84a7428f74d9e0260a1808', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '80b886d6e84a37792490231cbb87a4936c4c9929', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: 'a7c8afc21cb89ed6c76c9fb8eb10bcaab7306482', 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: '01d977b62514ab6b16ec88caf74918fff37558b0', class: "gux-pagination-items-per-page-container" }, h("div", { key: '7536dc6a93b49cf4cfedc665a980ba96a1eee168', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '1e5134d36a1312b59b48ce4eee1d36f437580100', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '2d9198b423a6b17f2d9023f5d193bb8dc98f3a52', class: "gux-pagination-items-per-page-container" }, h("div", { key: '352b44e6eab58fbf9646fdf7f2bf011b4fd72b8a', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'f3091de59a0e889d165be5180727bfab05762429', 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

@@ -94,7 +94,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: 'd5e8052ee365f5925afd4e09ab5fea26137b6600', class: "gux-pagination-container" }, h("div", { key: 'e032223958899b83e73ae8e30d134f0ab619600d', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'b0fb1f1ed6fc6caf72cffff2cf7b511b41d22150', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '8c32b9bb5afc9bd7313a6bc0c2bcc26ba2e211eb', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'f68268db452ab5901cbb8aa4e6b4de312905fd4c', class: "gux-pagination-spacer" }), h("div", { key: '18a5657a0b3cc0c76a1304b6e29552aeb9cb089d', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '6d5d03e9df4c4add8dea0c70b0446167887af369', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'b65e60a0d9374fbe0c2458eafd568416bbbf7345', class: "gux-pagination-container" }, h("div", { key: '0adf2c44a65d33e46064081506e9e7ed6ca39d6d', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '3797509556e02ff25d58377ba32e16c105dabc7a', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'fcf8ccc0e76a8b8efdab2fde4620d48bfc3f240e', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '42b266fb88a29c7edf9347de8686a2cfd93d7acf', class: "gux-pagination-spacer" }), h("div", { key: '986a423537eedf082dc76e8ab5177ebd3eac1b6d', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '7a4553ddf04f3d806aa4f4b52fe2e992f8c64307', 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.css

@@ -39,4 +39,7 @@
   font-weight: var(--gse-ui-popover-title-text-fontWeight);
   line-height: var(--gse-ui-popover-title-text-lineHeight);
   color: var(--gse-ui-popover-headerColor);
+}
+.gux-popover-wrapper .gux-popover-footer {
+  padding-block-start: var(--gse-ui-popover-gap);
 }

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

@@ -18,6 +18,7 @@ import { ThrottleMethod } from "../../../utils/decorator/throttle-meth";
 /**
  * @slot - popover content
  * @slot title - Slot for popover title
+ * @slot footer - Slot for popover footer
  */
 export class GuxPopover {
     constructor() {
@@ -67,6 +68,9 @@ export class GuxPopover {
     get titleSlot() {
         return getSlot(this.root, 'title');
     }
+    get footerSlot() {
+        return getSlot(this.root, 'footer');
+    }
     runUpdatePosition() {
         if (this.cleanupUpdatePosition) {
             this.cleanupUpdatePosition();
@@ -165,10 +169,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '730abc38bc068191d7175c475c3cfd90b3dd8430', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '1bc2e045d66dde3e5ccbbf695e3fd2443246fbca', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'f573bffb8b613acc514f0e4e8fc3951cc0dbd4bb', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'f7fa19d404a448f74df9c8b3aa1242d66a4b2bd7', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: 'f2633862aabf426f9d0fb6d8e7c26afbdda68ab0', onClick: this.dismiss.bind(this) })), h("div", { key: '00950cd98bcf069ecb8803c01d26d7c687384b8c', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '0c04f3ed0bba57e277828d00efd67c8b18116147', name: "title" })), h("div", { key: '44ffbca5f03bbceaf3ed6a01f69d86d47796e108', class: "gux-popover-content" }, h("slot", { key: 'f21c6292416f5c1368eeccda576cbaf4600138cb' }))));
+            }, "data-placement": true }, h("div", { key: '257bbebeff94b46df2bde15de2695a42b3793ba2', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'dbfde134155a75fc848d78ba4e3f4045befe49d3', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '962b9d93cbaf9e07f452978a2759f9e7c13ec57b', onClick: this.dismiss.bind(this) })), h("div", { key: '3c967fd82c66a5d8fd3d393c59f5c48cb7cd5a4b', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'afd99a56965406be784819ece0afb8c49e8ebf4f', name: "title" })), h("div", { key: '7d2cfc18be6af60f27ae0b901f80c15f8c1570dc', class: "gux-popover-content" }, h("slot", { key: '3bee8cc828f0596225df20b3c1b9659e7cd51688' })), h("div", { key: 'acf184bb9c3181c6cc57edc6dcb1155ba112dd4e', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: '1576f50b62c350381e23e5ab4fdb1f54953d9da4', name: "footer" }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,6 +7,7 @@ export const renderConfig = {
         <gux-popover position="top" for="popover-target" is-open>
           <span slot="title">Title</span>
           <div>popover content</div>
+          <div slot="footer">footer content</div>
         </gux-popover>
       </div>`
 };

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

@@ -137,10 +137,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '8962f4692a2fccb086dd6aa88b134b14fa95ec47', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '1a56d594e6c1d4b974037f992d3cdc3baaf8d1e9', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '3031cc1ef0d94f8741efb27392a02d37a910ba74', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '3836fcd7268853f628b7b759ef1acbe5856ad001', onClick: this.dismiss.bind(this) })), h("div", { key: 'd7a7bbdb819ceee350877c2ea44a70e7b55f220a', class: "gux-popover-content" }, h("slot", { key: '70610547aa180a30a93c273d03a4b94de3a9d9b4' }))));
+            }, "data-placement": true }, h("div", { key: 'ee9c6003dbc6cecdf4dfdcf2df3750e4f87c1a91', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '478bcc998734733fc3d9cc0daea910dac9838984', onClick: this.dismiss.bind(this) })), h("div", { key: '172cfb05fdd764b9decdb0adc57f19fa9438127f', class: "gux-popover-content" }, h("slot", { key: '909931dfb7dd9bd4c5a3386873170b964748a1dd' }))));
     }
     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: '819dae1406daa2fd628032b4d9928904a1b91c27', class: {
+        return (h("div", { key: '0a59e3e4406bc71b5c8019f5150841bd313023b7', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '129ccebfc2224dcbd3f79be7d17f6260d31fa7ea', name: "target" }), h("div", { key: '00fce897eb9ae9e34cc1fabdda1411077b4e7ea4', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '94023bc4feb2d4465819a755e54de5af96ead789', name: "target" }), h("div", { key: 'daf80367213677ef1c1baf3ddad8495a7c58d414', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '0965f03d6c86d64be6f4cb6ac31d961e86e7d574', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'c4d18d76a0b03bf2fa71d3e5d152e177fe22be19', 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: '998485d0f304fc0fd84dfaef872b9346455ef19f', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '8518a47083f730e7337755e53eb340a94df2d83f', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     static get is() { return "gux-radial-loading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -101,7 +101,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: 'd22ed4f6c5c2307405398ada32c9f0e97f074f36', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'dfd8c8054e8019305f9fb9a2db43b2c11ddba799', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'aa6c2b50e84baab3f3a56b30db8a68c6be835b6d', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '9eee036960d279c4c0c193194c06e78d3af1642a', 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: '37b07a7b5ea621008e76cd732a31d5fa3cfa1f6d', role: "listitem" }, h("slot", { key: 'e01d917548c8eab5d8acab039acacee89bc8e4d0' })));
+        return (h(Host, { key: '03aed4ac8e21d7a642ecea11864e8e401102d360', role: "listitem" }, h("slot", { key: 'fdc7b4e4f77012a5645b2e1a5a3592c02f717554' })));
     }
     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: '0879e8494f729dc4a40c71d2cd455592bc833869', class: "gux-container" }, h("nav", { key: '73cf4ba6e9781a3d2e56f67d7da8bf00afabe450', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'acdb0f31bd6f8a321ad2929077191992f325deda', role: "list" }, h("slot", { key: 'e6f551ce84abde67c2e99686ec8c1501779f2009' })))));
+        return (h("div", { key: 'eec6aa86052993195d3a46390711770550fe5ca2', class: "gux-container" }, h("nav", { key: 'eb2c28414758189fbfe1a47453be9dbeb9ab50fc', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'edc7584954471d56b72276ea315b7ee2e89be1ef', role: "list" }, h("slot", { key: '371c4177647aeab46f0fef0d083e8389cb0a575b' })))));
     }
     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: '561b559830dcaa4f8dcf5b250eda5a87e58b0cdd', "label-position": "screenreader" }, h("input", { key: '01a39509715d4156f0bd074bf35ffd6abaa3895e', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '596c0d1a55275d760e91209797483239c616545b', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '9a153c08f9a997d23735beb2a2bd885b7760f623' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: 'f746e62c50607cb8ec2adad745ef285630108b1c', "label-position": "screenreader" }, h("input", { key: '4c5d95824e6950f0268f6e7826577484b16ea566', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '4857bbeec0e0565f57923246dcc79f3db34de23b', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'b1cf5e9cb0370d4d332f3117b040e29a46d856e3' }, 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

@@ -16,9 +16,9 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'df3c9005eaa984a62ccfccf33cc34be2b142b9a1', "label-position": "screenreader" }, h("input", { key: 'e6430089bdfc4c714e6b6a05c2ef65f6a8158c5b', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '445b053a76eaed723f6f4297f5b4a6b40ed42072', "label-position": "screenreader" }, h("input", { key: '6c896ff3ea9e74a9497ea27f826d3320300c5e7d', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '7ad81838390999f6497d45055e6b950424ef6f05', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'f1d988bf59c03e4dd128ec99adbb0a72411b7dc4' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'bc2a37beb51f49a85cd7a37ddfbc4e2379a2ca26', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'c7539a0d25b1f383ce253417c6520b16d7acc93c' }, 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: '74c2227a0d337f215b66f144bb4ca319faa89241', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: '7a0760f87902cec08544f78173952cbcfea2f593', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'fb1634abc9e95555a0259068719e9cb9f238dc88', class: {
+        return (h("div", { key: '5076c9a5b68696c4346dc5eaa730e8dfb959a3aa', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: '509bfda2d4dab9dc57d5b71f24f669fc02cad6bb', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'b44cdbe02fe32a4e50df59799e801a3d48d461e7', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '23e8fbc7d9402e3dae72c13a5331b4ec2019fcac', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '55cad902ed085c29e949c7248c7beac25796f2c8', 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: '19a7a5b2280ef1980f15b7b67038c1a4bc9e575f' }, h("slot", { key: 'cc06b3e2792f400afe3dbb37fb19b8b7aa37161e' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '7d325513bcfc4786f98139244b33fa7b576d32e9' }, h("slot", { key: '5c593c0433c67a91fe2a4889fa8604ee1946f976' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -283,7 +283,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: 'd95028e1211e2e6a68baebf93cf9691803d443e0', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '4c371f688538e2e781bc783c0e51cc2da916232a', class: "gux-table" }, h("div", { key: '4d445606838ad4b2a380dbc8a25621d5f4a63827', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '3ea2b8ed6167bef2a62af983eb541a1009537bb4', name: "data" })), this.isTableEmpty && (h("div", { key: '2d0a9a01a71a2062313f232a1f8ff6b1f96dbe38', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '2de46af492ebd966c2b78a45126d4116698996c6', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'c9db0dd21f66fd81db31be95070247a2b6e69d58', class: "gux-table" }, h("div", { key: 'cac2591e4d8b22ab9f47e8a4fc99bd2a19ecf647', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '741444d3d7c5418de59f85b6fd4939cf515a2892', name: "data" })), this.isTableEmpty && (h("div", { key: '9a863e6d7ea2c439a06270496023d440ab353841', 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

@@ -41,7 +41,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: 'f459ac4d8bb85c52d56e83300e74f658370c2e58', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'b0c50b3f8d4482f7cf2574c2330d1e4be892b7b0', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '6f04f46a5403ee081a1ddf0761ce496e62ca66e0', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '7a711ca5b15c52cf840561396a8615f132b91c12', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '8d07269b9e20797eabd786e20e9cb9d3f8546ffa', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '3840ab7006acd178be0d7b6d97fa7c68eda03358', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     static get is() { return "gux-table-toolbar-action"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,7 +32,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: '61217c24713e01b9209acd9fc11af084a66f1e5a', accent: this.accent }, h("button", { key: 'd55ec1093371c0bac72df7844ec74c9367cc9844', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '8aa9bbd6693a1bf456f03db7dabb17a3007fe33f', name: "icon" }), h("span", { key: '1ea0dcc0f10779786aa2a82642f58cc847ad665e', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '8460cb5eec68e07b36c229b0b1264a443868eaaf', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'db37b82665a8b32b7f4646eb8468cff76f829956', accent: this.accent }, h("button", { key: 'b6a4394147dafcad1cb8b993fb62fa56d3466ffc', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'f466c884392df15ee7c78df9d0498f90a2dabdb8', name: "icon" }), h("span", { key: '2b23b7b06320eb3d5cded6ff1acfacaff2d4aea9', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '8e4db1178f82c8288ef0561a693364cabaa7f396', 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

@@ -83,7 +83,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'acc9a3590854223ac99cff9f9fdb79f0c45e3b34', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '3dfcd0901cb7ecf4d8f68a541b571d69ab9c8dc4', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '48ef9657c0d9ff9adde14179a323730f9f7e60ae', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '807bff8898b9560a2faf723ad865bb0f7368b83d', accent: "secondary" }, h("button", { key: '8637791c122ee1683fcd56f9ab559c763689b4e6', 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: '20ef23bd4d57592356bb35af6c77eb8dd994a5cf', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: '8bd9ed576b8ba2bcb0d2adca54d99e00a62f9fea' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '41658ed678031a071d6967b41c285d9dee280cc5', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '703000ebf60b1d1e0b35496e18d81a98d8cc056a', ref: el => (this.listElement = el) }, h("slot", { key: '07bfabc74212d389991a201f6dcf78cdfcb1bf1e' }))))));
+        return (h(Host, { key: 'd29433c79270b06c7b27308450dd0a7c467539fd', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '45bc730bbc2a013868d67cde36665a316279a8f8', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '2d7fa20cbab33693961ab1ce3cf834b0c5a00e16', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'a0fcf482f76ac441c65aec808513ba0bc2f484ad', accent: "secondary" }, h("button", { key: '13480c01f63df761b408e786e9196fba2c16d81e', 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: '78db4f9046daa527dc006fdda2fb2326c8bf0251', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: '555ce601680161c2538de5f30f6b200640b44b45' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: 'ed0045c676f10110ada06f5d5e89f82fcd64391a', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'e702e254b9cd35e506f25580c83569d45d6279ec', ref: el => (this.listElement = el) }, h("slot", { key: 'e75c754a36ec30fdf255d91fbb0577f4746b0751' }))))));
     }
     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

@@ -209,9 +209,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '4ed2037a624e8d5d56a399e5caad63315c4d429a', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'c9dcd06c9e1a78b5c2d9649ca6bde777f344bff2', class: "search-filter-container" }, h("slot", { key: '458fd3c17caabc1c6c8d6cf315b5da470a22d771', name: "search-and-filter" })), h("div", { key: 'e9e6277c71164fe0df01f01662b5d11385de3544', class: "section-spacing" }), h("div", { key: 'e4d49247c8f0c3d8c2066351fbe4a37163b438eb', class: "gux-contextual-permanent-primary" }, h("div", { key: 'fc79d838983e1df921d6cdf6887a5f07709dada8', class: {
+        return (h(Host, { key: 'c9a920d9357b2d476851c355d14d6bf440f3f190', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '17a90fffac005ffac050e2e62b56586ae55232e5', class: "search-filter-container" }, h("slot", { key: '7a1f45bce2e88913a529e1829e4e110386d5653b', name: "search-and-filter" })), h("div", { key: '29e036f73343b5cb307193acbf9d4378e20772d0', class: "section-spacing" }), h("div", { key: '38801e2e0dbb7ee4bac3d24ead747c553725eabe', class: "gux-contextual-permanent-primary" }, h("div", { key: '147bfcbb7c9b9f927047ae35e8a7a8888459360a', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'd8d2adf470663eb92068f082e19016ff3cde75ee', name: "contextual-actions" })), h("div", { key: '9cadc86d7ac5ea7ce117866d118329f83c387fe8', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '1ed399ff7f44199f8476cd6468974b687621cc34', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '53000637631548cfa376472fd7d278fe2c7550f1', "show-menu": this.renderMenu() }, h("slot", { key: '1a86b75ddbb2d5ba7ccb51322481d81ca4014817', name: "menu-actions" })), h("slot", { key: '97c618b50caf926421f12ac98d4defbe78205603', name: "primary-action" })))));
+            } }, h("slot", { key: 'b92036a2559a6156cce2e624806a3bbf55f1b876', name: "contextual-actions" })), h("div", { key: 'b24010acfb0630e58b5972c327193afda6b99930', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '20cc48fa30d25ba6e4fbf761cb530cdb68d04156', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '9d4e5d3cd3682dbe7fa99df3898788e7b3a061c4', "show-menu": this.renderMenu() }, h("slot", { key: '57f4ce4407dcbbcffc5217b8a3e64a74b477a04d', name: "menu-actions" })), h("slot", { key: '70d25efd097a864f0f589ec4fd9d271db3b37c36', 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

@@ -45,11 +45,11 @@ export class GuxTab {
         return -1;
     }
     render() {
-        return (h("button", { key: 'af9cc1d13fd343ed639af5b5c0a823ecb1d9cbaa', class: {
+        return (h("button", { key: '46bf686dc3eea46c685bda2a239020d62014629a', 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: 'af4042e5e292f3e08d71e6aae02b46ccc2ad2317', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '4f9d4c95ac84a6dea7315df0603c4afbfbdcfebb' }, h("slot", { key: 'f7a3783d3665bc784efde8f190fd0dc37474ceae' })))));
+            }, 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: '158546dc44d2de9f25cd5abbca6713c4c11f1b58', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '84e7438cef3917bbd9fbd0f6df538c30dd7d4016' }, h("slot", { key: 'f5399bb1574d66896d8c62895be413fd79842e4c' })))));
     }
     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: 'c5845287442a47d392b395a81d621eb676afa5f1', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: 'ea20403ac09069b1bda85ac77f4c67553ef8d2f1', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '7fea2d8285bba7ec3b226d927d12ad9ee9358a9e', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'aaeaef7ff1162c7d285cd19e0729743c11bd4c9e' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '2dbc54aab9597229df29db6371df6b6fd27741a9', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'bf3aff425ac4da5d78756c12796d44e5900cdcf0' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -16,7 +16,7 @@ export class GuxTabPanel {
         }
     }
     render() {
-        return (h(Host, { key: '3e53cdd5550102de55d37f4c86c68c3086393328', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'c400039a555250263dc4b48ba2a940895634bb50' })));
+        return (h(Host, { key: '56c0f4f37c5c7921581dcb3ceb67d6eb11f23b31', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'b89c6aea148f4801e972a4a7763bcec8db3ea6ae' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class GuxTabs {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '581ca952c8086815333b906d56a2ae00e85a3b9c' }, h("div", { key: '51d770acd321212e11ec654d9fb9a0d53d79cab1', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'e1ff7b3d10b9f5c9a612fc9b856d0bbc24b38475', name: "tab-list" }), h("div", { key: '78ecb01306e91a18392572b9ffb79a7d56594478', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'fe3c9960ce70990a5d460b1d70a4eff560413216', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '86b2c045d2e47ed25d70fa1fb61ae1f0a7af2401' }, h("div", { key: 'e0541cff7c51badd8d41862e4527b736112e8ba8', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '6090b497f1b1db2745ed2862f3c241b566e5675d', name: "tab-list" }), h("div", { key: '40b246f8ffd94d9eb5baf76b3188f01fd03bab62', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'b3c54cf9509f5c67f12df586defd5b3e9d82657f', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     static get is() { return "gux-tabs"; }
     static get encapsulation() { return "shadow"; }