genesys-spark-components 4.162.0 → 4.164.0

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

@@ -0,0 +1,157 @@
+import { h, forceUpdate } from "@stencil/core";
+import { buildI18nForComponent } from "../../../../i18n/index";
+import translationResources from "./i18n/en.json";
+/**
+ * @slot - slot for text.
+ */
+export class GuxSelectAll {
+    constructor() {
+        this.selected = false;
+        this.indeterminate = false;
+        this.active = false;
+        this.hasScrolled = false;
+    }
+    onInternallistboxoptionsupdated() {
+        forceUpdate(this.root);
+    }
+    async componentWillLoad() {
+        var _a;
+        this.i18n = await buildI18nForComponent(this.root, translationResources);
+        this.listboxElement = (_a = this.root) === null || _a === void 0 ? void 0 : _a.closest('gux-listbox-multi');
+        this.applyListboxScrollListener();
+    }
+    disconnectedCallback() {
+        this.listboxElement.removeEventListener('scroll', this.applyListboxScrollListener);
+    }
+    applyListboxScrollListener() {
+        if (this.listboxElement) {
+            this.listboxElement.addEventListener('scroll', (event) => {
+                event.stopPropagation();
+                const target = event.target;
+                this.hasScrolled = target.scrollTop > 0;
+            });
+        }
+    }
+    getCounterText() {
+        if (!this.listboxElement) {
+            return;
+        }
+        const optionsCount = Array.from(this.listboxElement.querySelectorAll('gux-option-multi'));
+        const selectedCount = optionsCount.filter(option => option.selected).length;
+        return `(${selectedCount} ${this.i18n('of')} ${optionsCount.length})`;
+    }
+    renderSVGCheckbox() {
+        const paths = {
+            indeterminate: 'M11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429ZM0 2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571ZM1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571Z',
+            selected: 'M4 1H11C11.7956 1 12.5587 1.31607 13.1213 1.87868C13.6839 2.44129 14 3.20435 14 4V11C14 11.7956 13.6839 12.5587 13.1213 13.1213C12.5587 13.6839 11.7956 14 11 14H4C3.20435 14 2.44129 13.6839 1.87868 13.1213C1.31607 12.5587 1 11.7956 1 11V4C1 3.20435 1.31607 2.44129 1.87868 1.87868C2.44129 1.31607 3.20435 1 4 1ZM5.57018 10.4198C5.7051 10.5547 5.87599 10.6177 6.04689 10.6177C6.22678 10.6177 6.39767 10.5457 6.52359 10.4198L11.7944 5.14905C12.0552 4.88821 12.0552 4.45647 11.7944 4.19563C11.5335 3.93479 11.1018 3.93479 10.841 4.19563L6.04689 8.9897L4.14905 7.08286C3.88821 6.82202 3.45647 6.82202 3.19563 7.08286C2.93479 7.3437 2.93479 7.77544 3.19563 8.03628L5.57018 10.4198Z',
+            unselected: 'M11 2.5H4C3.17157 2.5 2.5 3.17157 2.5 4V11C2.5 11.8284 3.17157 12.5 4 12.5H11C11.8284 12.5 12.5 11.8284 12.5 11V4C12.5 3.17157 11.8284 2.5 11 2.5ZM4 1C2.34315 1 1 2.34315 1 4V11C1 12.6569 2.34315 14 4 14H11C12.6569 14 14 12.6569 14 11V4C14 2.34315 12.6569 1 11 1H4Z'
+        };
+        const pathKey = this.indeterminate
+            ? 'indeterminate'
+            : this.selected
+                ? 'selected'
+                : 'unselected';
+        const viewBox = this.indeterminate ? '0 0 16 16' : '1 1 13 13';
+        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: '4ca084a8d85a2c6bfad91b4e6ea10f904e351f87', 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: '00c3f3d69a670e4879771ea42a3779e6c0d0efe9', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: '3ba453e9f0191278f1d319d018d6b142271909f8', class: "gux-option-wrapper" }, h("gux-truncate", { key: '16c563dcbf17d9b1b1b3d41ad350d1cd9aca8b98', "max-lines": 1 }, h("span", { key: '42fc0442b396470c800612386f94fb4b8e46acba' }, h("slot", { key: 'b9062c3cc7e294d02ef6de9f0cb9220f2e456905' }, this.i18n('allOptions')))), h("gux-truncate", { key: '9fba1c9cc6126c3f3163a1e646034de3ed13956a', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
+    }
+    static get is() { return "gux-select-all"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gux-select-all.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gux-select-all.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "selected": {
+                "type": "boolean",
+                "attribute": "selected",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "indeterminate": {
+                "type": "boolean",
+                "attribute": "indeterminate",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "active": {
+                "type": "boolean",
+                "attribute": "active",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "hasScrolled": {}
+        };
+    }
+    static get elementRef() { return "root"; }
+    static get listeners() {
+        return [{
+                "name": "internallistboxoptionsupdated",
+                "method": "onInternallistboxoptionsupdated",
+                "target": "window",
+                "capture": true,
+                "passive": true
+            }];
+    }
+}

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: '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" }))));
+        return (h("div", { key: 'b51f1bd26a86deeda5760aaaa7726cab58f5d276', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'b5c67170e9aa380209094dbfcac9f51cc229cae1', class: "gux-progress" }, h("slot", { key: '59debe8548711198a29787cb8cc173db8318d087', name: "progress" })), h("div", { key: '9f3c9cdce81470dd05c59add060a5e69fbd3e822', class: "gux-primary-message" }, h("slot", { key: '900b68d5e257f827821a27df0ca4667bd0dd8965', name: "primary-message" })), h("div", { key: 'a61c07ebefc2203118f051c1515e66705b321c24', class: "gux-additional-guidance" }, h("slot", { key: '4981f5781d696612baf34027748189d7180fb197', 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: '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())));
+        return (h("dialog", { key: '5077f0a687e81c8985f2c80673b171464bfd4f6a', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '0210520f377532aed0bf62609b85a90d0812c7e5', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'a4bd189b4e1c681144fcfc77ff5be3900b0b5bee', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'bb691b147a21bf73c66174064d98bb416d748541', class: "gux-modal-content" }, h("p", { key: 'c7304bb01757ab4e712c45fb2ed64f8d43edf811' }, h("slot", { key: '0f26152e93ce394752ee77f1f8157e84e077406b', 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: 'd7b2182c20755a6a9102c6c095bbb55dd3ff2568', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '2f65fee96ad84602de6b2aa16d5b8f1425e12f28', 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: '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" }))))));
+        return (h("div", { key: '39482546d5cd5d24b52082a98f3cb836fb16e592', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'd86f7fa36520f3db68ea47711c82b396c9266a98', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '52d9a710044697efd9b45c2457030f01d4e50149', accent: "ghost", "icon-only": true }, h("button", { key: '5075ed510265ac7a0a7fddd0512f7ba0128f5189', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'c94778dd94aacad59480c62c78e4af7f219ab190', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '1df7ea4cb71eb48422902483ac041df5f3633f94', accent: "ghost", "icon-only": true }, h("button", { key: '38249329af8044bc82efb61590a244568cb35c2d', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '2965a7a39bd1c9dad0917b442dd4a24d26d7a659', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '3290f22e1f3b772252c09df8886d127afe8786d5', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f07ee245e5cb68ace61b1ca30f315fc38e8a6df5', accent: "ghost", "icon-only": true }, h("button", { key: '30e53e8aca2ac23ea6fe09aebc80d79d197a3211', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '792cdebe04dab706451cb2e684e92fd3cae0b624', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'c6c6a425d6316ee05c8158a7bb8c147c6479c70a', accent: "ghost", "icon-only": true }, h("button", { key: '0f88276a172574810e685fd4403ab7835d3ce43b', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'd09379c94dce703750dbae6d8142d19beae706ed', 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: '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" })))
+            h("gux-button", { key: 'dc015b7739d962fc7ad58df07a6efe78fb53d373', 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: 'c89f356768379f5752a7fae70dd5c832f5a420dd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '6aef11a250c6117a75e5b4ed8c5a31dbd7e900e8', for: "popover-target" }, h("div", { key: 'a442ab9a7d75705bcf265d4c607a4efb502deb08', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'f5e9eb84fcbe0abc46bf8324218ea4d5dbeb11b3', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'd77f17fb28b272c77996ce2ad3d699a605fb4205', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '6029f39ab6eaacd2ad7be4c1622ae8b9ee3bc3b5' }, h("input", { key: '534cc01d29ca04e1b0a6a571eca54c8c1c8a7212', 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: 'cce9048fb4ba0f259cbc8cba8604669194c5fe7a', 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: '202afbcddaae1a982df49afd098f73421801421b', class: "gux-pagination-item-counts-container" }, h("span", { key: '64b43f4845260fb74a84a7428f74d9e0260a1808', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '3f90b138e1c8590200b6e9de6975ce8397757408', class: "gux-pagination-item-counts-container" }, h("span", { key: '63f1abd638c0d5c2bebf567038d17d846aad90c0', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'a7c8afc21cb89ed6c76c9fb8eb10bcaab7306482', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '80ac54ee1509ef450b172f76ec101125b29e10fc', 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: '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'))));
+        return (h("div", { key: '8192a10e0e41a773cef585a4b7e7b062ddfd7e8a', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'f0265fc20e04a2ef7d6a8f3b8ca6be669a7edb86', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '8f1c5e4c2a3a1d2200806a6121eb9530804d9ede', 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: '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) }))));
+        return (h("div", { key: '075391f06ef9d96119a45663ee2a26b767118fee', class: "gux-pagination-container" }, h("div", { key: '63ee9bc1c8331d458e1e2787a7462443c8a48b75', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'fbf300bb820824cd4253564341c4ada205a615e2', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'e31152de6a1744978388bc832dc329324b0a0944', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '2f65c4755140014324964dd35a49ef0a40546c5e', class: "gux-pagination-spacer" }), h("div", { key: 'c97dd23c5341df4585fe23095b2c9e04bf82511a', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '672fafeb01590d7a2bac11f12acb82a14cabfda7', 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

@@ -169,10 +169,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '1bc2e045d66dde3e5ccbbf695e3fd2443246fbca', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '73d032ca490ec18c40417f0aabfbeee950a8a4cd', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "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" }))));
+            }, "data-placement": true }, h("div", { key: '2971f6f54b5ff42fc670be81a90e5b997b70bd83', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '9ef748a7fcae9fd97c0ff74661d4e7f00255d6b1', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: 'b7ce3754b7634b08cececad6d23a81451a592240', onClick: this.dismiss.bind(this) })), h("div", { key: 'b71372f2bab3df6279ad270b9593e5c4da572aed', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '0748ab1a54ff47d4c397bcd1c9724c312bdd2e96', name: "title" })), h("div", { key: 'e6c8678109f58a1041c586bbe9676d6b839cb934', class: "gux-popover-content" }, h("slot", { key: 'feb24d3b32c59b6a0b18355e2559aa865f4dc9a2' })), h("div", { key: 'ee2796ad7dc69234525adacdfa26898c1b1e83ec', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: 'a704efb5db324f4d1ecb04537dfd16d520d4eed7', 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

@@ -137,10 +137,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '1a56d594e6c1d4b974037f992d3cdc3baaf8d1e9', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '92ccb7833f919f79b2229c1ba305d5b2ac450e62', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "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' }))));
+            }, "data-placement": true }, h("div", { key: 'eb4f43258cfdc31b54a3fbe06b1c4c6accae9a7e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'e48d443edb7c46b101b3f7a3fc78392dabb0c279', onClick: this.dismiss.bind(this) })), h("div", { key: '1e44bd5f96c0e054ed8217c5adc09ee77db9e477', class: "gux-popover-content" }, h("slot", { key: 'ce7283b0d5c171ec0aa470a858d4423d42a9223a' }))));
     }
     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: '0a59e3e4406bc71b5c8019f5150841bd313023b7', class: {
+        return (h("div", { key: '881a7313bc8e85a2a2385cf2f8c271689b3797c6', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '94023bc4feb2d4465819a755e54de5af96ead789', name: "target" }), h("div", { key: 'daf80367213677ef1c1baf3ddad8495a7c58d414', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '8c3aeb854f3c9a184785786db5bade61f88a39a2', name: "target" }), h("div", { key: '002758c2d7e56d68e5b05df9feee6b9184afafed', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'c4d18d76a0b03bf2fa71d3e5d152e177fe22be19', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '98099d6167783f73b297cd13053723707a835828', 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: '8518a47083f730e7337755e53eb340a94df2d83f', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: 'c21ce9ebc6552228ad61ce6a320937466bf34c94', 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: '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: {
+        return (h(Host, { key: 'a02770a1ef222006a8d39255537d74cbe9898b38', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '3518eed976d91d7eb3d72ac3f333c0c0f446e386', 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: '03aed4ac8e21d7a642ecea11864e8e401102d360', role: "listitem" }, h("slot", { key: 'fdc7b4e4f77012a5645b2e1a5a3592c02f717554' })));
+        return (h(Host, { key: '7ed2e81f9218175c4464dda59bc894a6f39fca2a', role: "listitem" }, h("slot", { key: '293b3c13f7dbae9f7ce0e88b4f7f0de3b7e90125' })));
     }
     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: 'eec6aa86052993195d3a46390711770550fe5ca2', class: "gux-container" }, h("nav", { key: 'eb2c28414758189fbfe1a47453be9dbeb9ab50fc', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'edc7584954471d56b72276ea315b7ee2e89be1ef', role: "list" }, h("slot", { key: '371c4177647aeab46f0fef0d083e8389cb0a575b' })))));
+        return (h("div", { key: 'c08999fb69d6647a47aa65b73ee50f47a473490e', class: "gux-container" }, h("nav", { key: 'f70aa0a7183f2df6ad579b47669cb8090ea7b46a', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'cf2e21cf3782a5df01ebc4cb768e1d1523a87baa', role: "list" }, h("slot", { key: '3a31545202a0a43a19a0a870f227969feeb40580' })))));
     }
     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: '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')))));
+        return (h("gux-form-field-checkbox", { key: '1077afbb271f5bf54dff132eb0146485ad159cda', "label-position": "screenreader" }, h("input", { key: '9a69dfd369366be6f9e4388425a99ae585332c51', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'a3b11b060a9d04cc1d200931be33fd97be7f5ac3', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '37bc284562273ec6ef5b926e87bc797ff72ecb59' }, 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: '445b053a76eaed723f6f4297f5b4a6b40ed42072', "label-position": "screenreader" }, h("input", { key: '6c896ff3ea9e74a9497ea27f826d3320300c5e7d', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: 'd0b75c0c61a4173c0ec48c96c849aafef8f32acd', "label-position": "screenreader" }, h("input", { key: 'c7b9c3c46fa5799dacab7e7bfc5e8e1c8c2afd2d', 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: 'bc2a37beb51f49a85cd7a37ddfbc4e2379a2ca26', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'c7539a0d25b1f383ce253417c6520b16d7acc93c' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'a5ff189bd2a40c470edfbb86f1e366230b8f5f7d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '50a23a6afbc400fab5757fd0297d2bb6f8c8bac4' }, this.label ? this.label : this.i18n('selectTableRow')))));
     }
     static get is() { return "gux-row-select"; }
     static get encapsulation() { return "shadow"; }
@@ -72,6 +72,25 @@ export class GuxRowSelect {
                 "getter": false,
                 "setter": false,
                 "reflect": false
+            },
+            "label": {
+                "type": "string",
+                "attribute": "label",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
             }
         };
     }

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: '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: {
+        return (h("div", { key: '674cc4d250b7824462d2d8a4ba7e8c0cbfd5edc2', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: '849f1b2966398858cb855e2c106c4ef7bcbcabbe', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '81adcbd5a5408adff9bc288e8505793a35486a42', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '55cad902ed085c29e949c7248c7beac25796f2c8', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '1c0814bf58a6494284fe2acf671f9a0450f560ab', 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: '7d325513bcfc4786f98139244b33fa7b576d32e9' }, h("slot", { key: '5c593c0433c67a91fe2a4889fa8604ee1946f976' }), this.renderSelectDropdown()));
+        return (h(Host, { key: 'a789ee8023faf0f80ce653d5c95a47ccad8cf06c' }, h("slot", { key: '27c3d22e74d8a24892997b60011acd3c55da3bbc' }), 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: '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'))))));
+        return (h(Host, { key: '50b86f910e8d9d76e1ec7162e222b13613623904', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'fc54f60897569a2029be5e45cfd54c8f4f60bd6b', class: "gux-table" }, h("div", { key: '8d0e7a340a90bc019685f77c2fb587be5b05e51a', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '1361fb504c820bda4501e41bbcba51c13c13ccc7', name: "data" })), this.isTableEmpty && (h("div", { key: '1120c589de3ee942f1978b9442dac492aa6e3761', 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: '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 })));
+        return (h("gux-table-toolbar-custom-action", { key: 'c65e797830a16f7002584d0e95c58b06f3b726d5', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'ad5a22991e196e3954eb5e21edc1b9d1b1fd505e', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '16acde9d32a9b4266101d7098ad748d3b6176c5d', 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: '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()));
+        return (h("gux-button-slot", { key: 'babf03772c0469fa4d4d0d9ecc7cbd4606245e25', accent: this.accent }, h("button", { key: '9c6baa90a84ec0eaa3d00d05b3bfc0f3f4615f57', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '5ad5fd4c9fa46ae43324a1e82d90adcf26c587bf', name: "icon" }), h("span", { key: '01dca39914afb0a2e5fc5cc2ac1ac99106bf3e6b', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '90ad30e496ef3c3f7df90f8fd1b0103b07b4e40e', 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: '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' }))))));
+        return (h(Host, { key: '39a8b17b4e9d555d710d774818cf6ca0d38b8232', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '57d2b01b216360d16b729bde32849bcfecfe5e42', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'ff8e2d442e5f90cb8247130758b46ae4e3ac6005', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '2ca3b069e68366438d50f2d01685803c79a57764', accent: "secondary" }, h("button", { key: '8c4df3edb4f1311f0bd49b87838b90c447aceae2', 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: 'caddaaf90241d6738ef6899d682060ca4c763bbd', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'f44ceac0d55254d0d653e4f13cc1ac725b423cde' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '5b18dfbebb07b9bd2d23ceef5f0a3af899551be4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '81f4d59f0a6b44ce45d920504387d32d4ace4228', ref: el => (this.listElement = el) }, h("slot", { key: '59f94d1c182697733c9cc93e2e29ac751a18e757' }))))));
     }
     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: '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: {
+        return (h(Host, { key: '358fb1951f2af10d9ab7a970525d6a2c8e4ebd0d', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '8d1051adc9506673f79aa2175db37440262a13e7', class: "search-filter-container" }, h("slot", { key: 'e1d4843063ae7d4dcc5b2b14c7876fe7f8d9cc0b', name: "search-and-filter" })), h("div", { key: 'b1bda26dee6440d5a1cd9da7144d2dbe40f58c92', class: "section-spacing" }), h("div", { key: '5ead187e05ddad3cceafc7451838036f1cec25d3', class: "gux-contextual-permanent-primary" }, h("div", { key: '884e7af9896c1f18f15d76b32355c3855f626984', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, 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" })))));
+            } }, h("slot", { key: 'cc089ee053fb8e41359e36260a4f9e5a091e32f5', name: "contextual-actions" })), h("div", { key: 'b38fd2505967bd9e4cd5c49ec57670031e9cf08e', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '5d169f61b51c77f0185d62212108df9f93d0440c', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'c8ce69e3a7cf14e195b27001fe26e55daf908dcb', "show-menu": this.renderMenu() }, h("slot", { key: '808c739fb0d51cf6f9f45e638527df9b31eeef1f', name: "menu-actions" })), h("slot", { key: '64fb9c1162762f0b3c2084d682247dbb002f3dc0', 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: '46bf686dc3eea46c685bda2a239020d62014629a', class: {
+        return (h("button", { key: 'dc88c6d73a49f8f67552013b8e52b892e5e5ab25', 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: '158546dc44d2de9f25cd5abbca6713c4c11f1b58', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '84e7438cef3917bbd9fbd0f6df538c30dd7d4016' }, h("slot", { key: 'f5399bb1574d66896d8c62895be413fd79842e4c' })))));
+            }, 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: 'f2fb5419eb50bfbb107b74ea8ea8a04017fc89fd', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '5d9789748c8ee4ec58e0d285440a6298f4cc6ecf' }, h("slot", { key: '5a109504d28bd5b2181130f8d1b04797422eae0e' })))));
     }
     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: 'ea20403ac09069b1bda85ac77f4c67553ef8d2f1', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '681dfebb995e6169af6bb106d7151b6123022371', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : 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('scrollUp'), h("div", { key: '20e803eb24c9ebc9f24a06e31858fe79d5d1a098', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '7cfbeb5d8b412a2f6d46fbed3d0f3b8770b63899' })), 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: '56c0f4f37c5c7921581dcb3ceb67d6eb11f23b31', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'b89c6aea148f4801e972a4a7763bcec8db3ea6ae' })));
+        return (h(Host, { key: 'bed791b812b4cc040106005b94ea6900039f5d39', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '38480a0aff9aea0aaa8f8407fc34217eebee9236' })));
     }
     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: '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) })))));
+        return (h(Host, { key: '750e49d7102200b25580d84e5bc8ae014d3b3066' }, h("div", { key: '268e1b1fe25846aa5eb48558ca76cb5459ccb93e', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'd03dabf5d2d04bf8d253520dd56643e6042ec718', name: "tab-list" }), h("div", { key: '74a81dede5e48a74f2e1b5ec2a646aa07b034188', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '7974fe81bd5b0ab3759d71e5e480e986f100f66f', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     static get is() { return "gux-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -154,12 +154,12 @@ export class GuxTabAdvanced {
     }
     render() {
         return [
-            h("div", { key: '28d5cfe4b53c114bafd198ff6f5ba6dc8d0bbb87', class: {
+            h("div", { key: 'cba03e682db1c9498193422d706b3f38ed295f04', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '0f5359aafdba38a8a0688d1981a9245492a7ab6f', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '991bbd8cead2aa05bfb22d30058b3d7998e28eb5', class: "gux-divider" }))
+                } }, h("div", { key: 'bda0e8c1e609d98ba23ea5c72147b345756a6693', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'c741cc12ae62a60e167e226aab8c21a89f0af8d4', class: "gux-divider" }))
         ];
     }
     static get is() { return "gux-tab-advanced"; }