genesys-spark-components 4.199.1 → 4.200.0

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: '2fcf5064a17ca9e8b8dbd472f10e4a2a2805d3ab', 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: '97dd6f748e49b6a0d85a0cd7e2267306985c34c4', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '7e2503b4e4299b83f045c54b8640d54e66719e3f', for: "popover-target" }, h("div", { key: '090820d0ae09bd2fa5aa51431dfd016784a4be52', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '339b3819def254b1c4e1c4e2ad6c61738330abe5', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '00ec6b9344a801076796d3726b2e80414587bd54', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '369bf241308f1de96d84fb3ed4ac3ee91cb2f32d' }, h("input", { key: '279cafe9b624a2d7a9bdcd361adee0cf71fd6484', 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: '49de61ad35b002e1a07c4577b68b9903dd2ec6c1', slot: "label" })))
+            h("gux-button", { key: 'f15a7f8dc0ef9abc9662336a7ae68ee3c8b59fcf', 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: '0bd4dc0b4acc7ad0f97759d9c602bad26b38ae63', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '28c3b7e2c0b7afec7bf025104089f290eca533de', for: "popover-target" }, h("div", { key: '4cf7a6347d6aa09fcf4baf3ebe2a82f97e08cd9f', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'd05859ddaa7072d6b7e9ad160cc8a8739aedd678', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '69cddbce7ab4a35b0595c43d1aedd26417a7e2e3', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '31577f7af2b1cdfded0fbbe516c09b7dafe5c6a8' }, h("input", { key: '83ae91baba0465971dbcb34b4b3d08c0cec524ad', 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: '4f53b97e4d632aebec1ff64efe9df5e9eb3fa7dc', 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: 'c3dc8f9db0f2dbe27bd11e5d4ffaa67ac29ad894', class: "gux-pagination-item-counts-container" }, h("span", { key: '5c2692dc81a425b30afcb56af407341514fc8f39', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'd2403e7deddd25071890695d3b79029cebf7c0e9', class: "gux-pagination-item-counts-container" }, h("span", { key: 'd631cc135b8e56ad1fc0f7a1b93e6039a3c2822a', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '5d702cf5878ff6ca9466c7c94828e0a877e58b7a', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: 'df62f74c86b37ec52f64729ee851860aa5d48bc7', 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: '3f41b848d118567d55cea69cbb21f5b5948aa95e', class: "gux-pagination-items-per-page-container" }, h("div", { key: '15fc67b2b46724549563e55806de603052a77d73', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '7de04c826fa8f00389c6e01e5013283484e2607e', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'fb31ce3117f1c2e3d7427b1379b9a95401b90953', class: "gux-pagination-items-per-page-container" }, h("div", { key: '278c9e24468cdf7d30536454ef45f85a3dbccc60', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c0cb80d09da5180cfc37f6029a9ccc79f75a2f97', 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: '6e6a006db9b25cb2950774843680fbb6736ebe21', class: "gux-pagination-container" }, h("div", { key: '19af8033a4ede7b0c009aa00866a491fc59c32f1', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '590aaf55cc1d334b2c0617b3c82f20527d12b204', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '41bd0930fe7d88760bd80594cda5d9b493ecc9cd', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '3b03389adfb70ca9f83a736a025ce11883f4330d', class: "gux-pagination-spacer" }), h("div", { key: 'bae00961ea358b309323f85de8de5de58008bf88', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'fa794adb861f86054dcf43964b2ba615b9aba45e', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'be5a0776f4a931c44242abbb20428d1a905dbbcd', class: "gux-pagination-container" }, h("div", { key: '9570fb3d5579f26c03cbe95ea130a275f5e92a11', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'c7a536c877fa18347dc3cc1ecada68e736e67c78', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'f9ff37ab727ec5a1ad65b8214ea2a55d351ba3a9', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '1c3a96ec3866a6632d9d0dda73ccbf4801e061c9', class: "gux-pagination-spacer" }), h("div", { key: '043a3b305c1d495f534294671727972f9d5b615d', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '72588d92f9ffeeb3bc20cc7a7d65323f212c6b55', 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-pagination-cursor/gux-pagination-cursor.js

@@ -7,11 +7,15 @@ export class GuxPaginationCursor {
         this.hasPrevious = false;
         this.hasNext = false;
         this.layout = 'simple';
+        this.disabled = false;
     }
     handleInternalitemsperpagechange(event) {
         this.guxitemsperpagechange.emit(event.detail);
     }
     onButtonClick(paginationDetail) {
+        if (this.disabled) {
+            return;
+        }
         if ((paginationDetail === 'previous' && this.hasPrevious) ||
             (paginationDetail === 'next' && this.hasNext)) {
             this.guxPaginationCursorchange.emit(paginationDetail);
@@ -23,18 +27,19 @@ export class GuxPaginationCursor {
     }
     renderSimpleLayout() {
         return [
-            h("nav", { "aria-label": this.label, class: "gux-pagination-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, h("gux-icon", { iconName: "custom/chevron-left-small-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", null, this.i18n('previous')))), h("gux-button-slot", { accent: "ghost" }, h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, h("gux-icon", { iconName: "custom/chevron-right-small-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", null, this.i18n('next')))))
+            h("nav", { "aria-label": this.label, class: "gux-pagination-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { class: "gux-simple-button", type: "button", disabled: this.disabled || !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, h("gux-icon", { iconName: "custom/chevron-left-small-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", null, this.i18n('previous')))), h("gux-button-slot", { accent: "ghost" }, h("button", { class: "gux-simple-button", type: "button", disabled: this.disabled || !this.hasNext, onClick: () => this.onButtonClick('next') }, h("gux-icon", { iconName: "custom/chevron-right-small-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", null, this.i18n('next')))))
         ];
     }
     renderAdvancedLayout() {
         return [
-            h("nav", { "aria-label": this.label, class: "gux-pagination-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, h("div", { class: "gux-button-align-content" }, h("gux-icon", { decorative: true, iconName: "custom/chevron-left-small-regular", size: "small" }), h("span", null, this.i18n('previous'))))), h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, h("div", { class: "gux-button-align-content" }, h("span", null, this.i18n('next')), h("gux-icon", { decorative: true, iconName: "custom/chevron-right-small-regular", size: "small" }))))),
+            h("nav", { "aria-label": this.label, class: "gux-pagination-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", disabled: this.disabled || !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, h("div", { class: "gux-button-align-content" }, h("gux-icon", { decorative: true, iconName: "custom/chevron-left-small-regular", size: "small" }), h("span", null, this.i18n('previous'))))), h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", disabled: this.disabled || !this.hasNext, onClick: () => this.onButtonClick('next') }, h("div", { class: "gux-button-align-content" }, h("span", null, this.i18n('next')), h("gux-icon", { decorative: true, iconName: "custom/chevron-right-small-regular", size: "small" }))))),
             this.renderItemsPerPage()
         ];
     }
     renderItemsPerPage() {
-        return (this.itemsPerPage &&
-            (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) })));
+        if (this.itemsPerPage) {
+            return (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, disabled: this.disabled, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }));
+        }
     }
     render() {
         return this.layout === 'advanced'
@@ -158,6 +163,26 @@ export class GuxPaginationCursor {
                 "setter": false,
                 "reflect": false,
                 "defaultValue": "'simple'"
+            },
+            "disabled": {
+                "type": "boolean",
+                "attribute": "disabled",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

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

@@ -1,42 +1,16 @@
-export const renderConfigs = [
-    ...['simple', 'advanced'].map(layout => ({
-        description: `Should render as expected for "${layout}" layout`,
-        html: `
-        <gux-pagination-cursor layout=${layout}
-            label="Pagination for default example"
-        ></gux-pagination-cursor>
-    `
-    })),
-    {
-        description: 'Should render as expected for has-previous',
-        html: `
-        <gux-pagination-cursor has-previous
-            label="Pagination for default example"
-        ></gux-pagination-cursor>
-    `
-    },
-    {
-        description: 'Should render as expected for has-next',
-        html: `
-        <gux-pagination-cursor has-next
-            label="Pagination for default example"
-        ></gux-pagination-cursor>
-    `
-    },
-    {
-        description: 'Should render as expected for has-previous and has-next',
-        html: `
-        <gux-pagination-cursor has-previous has-next
-            label="Pagination for default example"
-        ></gux-pagination-cursor>
-    `
-    },
-    {
-        description: 'Should render as expected for has-previous and has-next and layout advanced',
-        html: `
-        <gux-pagination-cursor has-previous has-next layout="advanced"
-            label="Pagination for default example"
+const layouts = ['simple', 'advanced'];
+const states = [
+    { props: '', description: 'default' },
+    { props: 'has-previous', description: 'has-previous' },
+    { props: 'has-next', description: 'has-next' },
+    { props: 'has-previous has-next', description: 'has-previous and has-next' },
+    { props: 'has-previous has-next disabled', description: 'disabled state' }
+];
+export const renderConfigs = layouts.flatMap(layout => states.map(state => ({
+    description: `should render as expected for ${state.description} with ${layout} layout`,
+    html: `
+        <gux-pagination-cursor layout="${layout}" ${state.props}
+            label="Pagination label"
         ></gux-pagination-cursor>
     `
-    }
-];
+})));

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

@@ -169,10 +169,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '2d3d3c91f74b426ee32f4c71c2eced0d65f58b1d', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'e9d9efa2baeae6622980c89317322c526b8fc67f', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'b536b07e255df9967be7e03968b27e062603b104', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'ff182524a66873bd3c784ccbb9c1e99074a6d4e2', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '0113318a00b09fb6b3c66e8074ea39c762ac7a45', onClick: this.dismiss.bind(this) })), h("div", { key: '5cb49ad574e82c993a2d8cc93096dd27808c5828', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'd5e937f3a655dba441663fcd478a2ce6cacb72d4', name: "title" })), h("div", { key: 'ad4dfffd39a6dce47315ad70ba3caedbb55f4f67', class: "gux-popover-content" }, h("slot", { key: '63275a647b58b45c469d6f32a36e83b2f837bd77' })), h("div", { key: '67aece4fee27cd3b135fd417025ed8855ee5c38b', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: 'edf9209bf58de95396ec9ee6fc47ee58caf72457', name: "footer" }))));
+            }, "data-placement": true }, h("div", { key: 'b01112f24585f8bca13cdc577406c391eb7f4965', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '46e27472aaa42000101be03acf7867511806d7f2', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: 'e63561a5bf72830f20e21d8511f95e1840e1c245', onClick: this.dismiss.bind(this) })), h("div", { key: '1d38e823cafa0aec2f5fb9fa7d85c6a430ad2a42', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '31d841bb8be8bfbab6309c50e545fc99279fe076', name: "title" })), h("div", { key: '526e5698438e739078d5ae8a2b912edc308e6228', class: "gux-popover-content" }, h("slot", { key: '3668936f098bb195a9e73fb7a042ddcf9a81e491' })), h("div", { key: 'b3e99e7cb3442ba5962e48d6682d86d78a34bc48', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: '83e33c994881441d42c20826552fa386357e9891', 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: 'cdbcd953d8d7b459d0537c9e2da3dc1cbc812203', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '7f6697da3c7a20b57033ce6a9b4b818614650c9b', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '176116d63eb17e89a8511ecbe32dbc7d3f2334a9', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '9d604a92e374f426445b252ee9fe7b4a4c50490e', onClick: this.dismiss.bind(this) })), h("div", { key: '1e5c482816d97f0cc00ba4dd8b3bdfc5161342f6', class: "gux-popover-content" }, h("slot", { key: 'cbadf3bf10c5d2f6411c5f9a67ddd154aac9d627' }))));
+            }, "data-placement": true }, h("div", { key: 'c87f0ae4fc5782c47ca37f3d1340015ccd59c455', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'c685a6276464dee1a2b283a50351f2218505809f', onClick: this.dismiss.bind(this) })), h("div", { key: 'dfe53edfb9300114e15bb6e42d029a7eb058e764', class: "gux-popover-content" }, h("slot", { key: '4f3f0b0a9c84c2f5aa5634d661830cee5f0ad167' }))));
     }
     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: '9a511ada834c2ce8349bab59f26c9b4716ee8fb0', class: {
+        return (h("div", { key: '33db9eb1aa9164eab7adf1dd8b7cc82c75ddebb0', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '87a817a05828ff0ff958cc23beb96d3bf372d7bd', name: "target" }), h("div", { key: '2d3ea9f9301d09ad6d2227f8d6c9dedc78e3385d', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '1d6e598550fd61872e6bd08349e8d42222f8cc19', name: "target" }), h("div", { key: 'f226c57d62f07f4d1995033c9ac582220f2497fe', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '2b706958ee5677ca61fd6501ba4d9f941577ad76', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'ff7a901a9bb3cded185a02588cee3cfa48cbf5a6', 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: '18c6d5df53d6a2192da0a1914259d06715752679', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '484fea12837ec624dc2475b47cc7ed00f6669a90', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     static get is() { return "gux-radial-loading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -167,7 +167,7 @@ export class GuxRating {
         return this.getRatingStarElements();
     }
     render() {
-        return (h(Host, { key: '7981c7f0ae6a97579f271a3b75351a5527457084', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '86af36576d01b5b2cfd7a07ad03076aad47bad43', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'f3802f442c590385b96a5c5a10b6f58299562749', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '25812912366e47fb98fa50de5407d6ac0422a7a6', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled,
                 'gux-compact': this.compact

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

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class GuxSkipNavigationItem {
     render() {
-        return (h(Host, { key: '68475b90cb269b69182df3586172ef2dc6363e91', role: "listitem" }, h("slot", { key: '04f7f6c44e011af6b8b64e74f9c34cae0f1b5c37' })));
+        return (h(Host, { key: 'c8863d64f92b084a4471c96ef39b1704597e103d', role: "listitem" }, h("slot", { key: '37e3b36d5d62fd62fbfb77c3a237a6c03549c11d' })));
     }
     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: '28b61630db17d9c703dea99633b6e4eaec88706f', class: "gux-container" }, h("nav", { key: '5b7b2c6a2b3695e3bae12df64000680c6ed14f01', "aria-label": this.i18n('navigationName') }, h("ul", { key: '4f6a76029f1ce86992032c11c8f220724ad07f63', role: "list" }, h("slot", { key: '371f3e1ed67b0fdee5d9c7f245fb4eb1c0c94ded' })))));
+        return (h("div", { key: '0cae02d1155c9f5991875cddaf68fc062867d383', class: "gux-container" }, h("nav", { key: 'a94d4e7d3d0f7eae0ab1004080bc6a95b2da5afe', "aria-label": this.i18n('navigationName') }, h("ul", { key: '80f8656d643f47978fe71060315e68906eca7b6b', role: "list" }, h("slot", { key: '53218323309b0a612ba85af7c49e1d3fa26d7995' })))));
     }
     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: '7cd221edca3a33660d54350a87faa3448e85b4a1', "label-position": "screenreader" }, h("input", { key: 'ac3b02cf4144cb922bc68fbf0edd2c192c98a509', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'c18c4a28e343025601a338350befe7f2f8082aec', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '31302f696e77a16557802df917870d08e3c44f93' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: 'd2bfe8148f3d95faed6c784a949cac3e3e0126ca', "label-position": "screenreader" }, h("input", { key: 'bb1a5a4217db3e0e2ccd76757f0755e8a37b2eec', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '50cc8022b69d011ed218a88a8d3a902c7bbac89a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'ba0294194ad6efec63c7027393de2c5b42f1224c' }, 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: '95f8b80f4df3617f27245a584ff4770e1d3e7a7e', "label-position": "screenreader" }, h("input", { key: 'bd826074605ae3cd8857ec12a6ca6d12d56d5ea1', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: 'be5f06e78bd89af830cf411f4b886e91eea9d9ee', "label-position": "screenreader" }, h("input", { key: '3ea7d1e96ccd252642219b56e7b2ac4ed737db15', 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: 'a8c3b7a258b2822ddd8c0d86dd4bf67c206c6e06', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'e75b442cb76f35c9985d2c165916dbfad878a01d' }, this.label ? this.label : this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'e782472fe0c140bd156506a7af172bbc0b4b540a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '4902182c9b432159f4b95a1da81331525779548f' }, this.label ? this.label : this.i18n('selectTableRow')))));
     }
     static get is() { return "gux-row-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -97,10 +97,10 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: '89d1295f93611122a1db9b2ca7f7a9bccfbf60c3', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: '7523412a798e4619d96a74dab9ad0c7e5f4dc6b5', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '88a45c2b23e551c4d07eaad9c49e4a3fd0f4e71a', class: {
+        return (h("div", { key: '12fc30c4220dcf485f55aeda68758386b0f6c25b', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: '5ee2cba7fe2a0eb4b5016e2ffc52cc4ea3f82a3b', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '8412738092c0bf3ec89b401ba8f7b947e280c994', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '75d7e0514160d6da79f2b51c095f83952ae5a56f', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '04270cc665d6d49c5128d89c01842ba3a9c644db', 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: '5083cffa39409452621b942cb780865ee36f3649' }, h("slot", { key: '88e7bb9e3325d1e7c8449fce20d71d13aa0b66ce' }), this.renderSelectDropdown()));
+        return (h(Host, { key: 'e8c61b172f8377d014e0106c54d49421def62b4b' }, h("slot", { key: '8a50b02b20045feba641e4745fad1f520c05cdbf' }), 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: 'd2db13f7c1a021284fe925551f360498505bc705', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '7fefc58e172cd74b5ae4d3bc403dd5c71035c405', class: "gux-table" }, h("div", { key: 'a8c7102e051bedef64d81371697e326929336740', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '5280a22586096cd37c4fad2d36a322c19462e1cd', name: "data" })), this.isTableEmpty && (h("div", { key: '13f883e9c0bfb2222e41e0a6f98d157f89840c64', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '416f09aef21e1df596343206c4cb11a00c0fd91d', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '3c29d75dae6fd68a8dbb8f0a23e724d854c4dc1c', class: "gux-table" }, h("div", { key: '1093d2feff2903a438ecbf1a8afb9368a63ea1b7', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '4a8acb430ade98a5427f5dd8ccc06787cd3d1f73', name: "data" })), this.isTableEmpty && (h("div", { key: '408113b367fd9764bba38cdfef0a4f6a8a76aea6', 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: '627fe0fb5a4b76a1f6930c8798bdf35e5bc4d761', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '49b54f72b8aa971c3e5f0fc7c93ee0b85b502a95', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'a78bba64a1a376438a27b6df9bf7353addad4712', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '153a3214edafcda09ba8fcf1224471a4970d784c', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '955a13ffd2729901c843f853250aeea94a358f6a', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '00dd2ecbe38b6f19eb552fbd7b241195236247a6', 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: '213a2dbb66a9236469f197fc2ac8191edc34f01b', accent: this.accent }, h("button", { key: 'f5a3a62b16867b439ae584bfac7baffdcf4ccf8c', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '1fded5c36de7e2c7e715b6146311825016c76d6d', name: "icon" }), h("span", { key: 'dc0fdce85a6c38a74d8f298af30def55b9a3297b', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'f06eaf1df4579efe61d624a3a575c6e684d4b689', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'bc2fd5de761de598e33a987c0b88fc7b1aa1a822', accent: this.accent }, h("button", { key: '4b34489f040c860882e4de02f693b83852ca0ccc', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '88b833c2d12511cd99ad8a06f3395f62ded517a6', name: "icon" }), h("span", { key: 'ffb761d43e406b97c0d0af17c510bda9350e82f7', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '0a4dc921d36a26d79facd7a714291bca3ad7e46f', 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: '117ea0b31bef5299c12c9942fda9c4366c825a8d', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '7dd23c6f0b3ec21a828f3216f6e19470d243e1a9', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'e51864e64b01fa38f5b3fb38c48c39aaaec14b9e', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '96fe2f3187802f0f88ab78ca817deb2420a50f1a', accent: "secondary" }, h("button", { key: 'ecc5afc090072e61489eea950b39c4c0bea1f223', 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: '0b3b2f0cf3544deb56eeb24b11d835094c12e74f', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'fdaf9406846675086f04d3a42653453ac9027cc4' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: 'fd11b4f5e64a1521d312714d2b3136e47ca3b4d4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'e24e0bccc264adbff99047ab25bfffb6c3fbca6c', ref: el => (this.listElement = el) }, h("slot", { key: 'cf4c82079aef41ae285a1a946f0fe87ecd2646c5' }))))));
+        return (h(Host, { key: '342812df4278aa4432704ec1a50079769ad87cb0', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'f16571def5e9ed00f04f68e409a81845fc80e159', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'fb5236399f76ce24f828d6afa1cf2cf94bd5fd9e', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '8d3d3cf643d0676223b1630d2f72ecd6cffb7761', accent: "secondary" }, h("button", { key: '2206b31491ea96c54961e665a57ae9c5142ded39', 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: '8405964d8f43094876160ba9c08a06becaadc3e8', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: '660d76f578922d2d2fb19ce973bb354cc83b8702' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '2a2cbfda0e7eb31fd975f01c26ce83b179c2c7ca', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '74be85539f9a199c886879063625a57bd28537bc', ref: el => (this.listElement = el) }, h("slot", { key: 'b9779a26b9137b9bc07f7d9b9d6cbc8695b25190' }))))));
     }
     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: '42bf398dc78eb0b1525200bd007fbe153d17e490', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'cd275e434077cd294707f99f1169565ee7afa95c', class: "search-filter-container" }, h("slot", { key: 'a7e2631083e3276d43f854c80fae4a4657f84ae4', name: "search-and-filter" })), h("div", { key: '41e1ace8f75752b5daba2795ae65b26744180083', class: "section-spacing" }), h("div", { key: '198fb9430d633a5daa847c2880d60ba8de3b6df1', class: "gux-contextual-permanent-primary" }, h("div", { key: 'df81e81e0f077538d83af42c020ec06a362fe489', class: {
+        return (h(Host, { key: '089cf4275aaf648e443918485f72d6d3832eb84c', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'fa37c5195de6f206900c892b235b90b7fb7bf8c9', class: "search-filter-container" }, h("slot", { key: '4fdd5abb2ec929a14cb27c63ecf13103256c4f75', name: "search-and-filter" })), h("div", { key: '62f7db426f4bc1bef29f70d1536af9862d878d0a', class: "section-spacing" }), h("div", { key: 'c5247fea3ce5663a220131a67f15f3ca7888accb', class: "gux-contextual-permanent-primary" }, h("div", { key: '2be461be9d5c2df5489a880d8a374255431af319', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'ea169853295678fd77f5355419f1b04ce232ac59', name: "contextual-actions" })), h("div", { key: 'ca20dfede4a10ee8d3065c090811a8f6d21cd659', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '1f89a698f93845592d82582209d35296de5b65cf', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'a5f1f180f0de572981eff32d459c8c62c2ccee4d', "show-menu": this.renderMenu() }, h("slot", { key: '4ec6d39c3bfcf526ba00adfe8231cc4ed5133377', name: "menu-actions" })), h("slot", { key: '1e1cf54f4c8830db54b80929b58e147305ba893b', name: "primary-action" })))));
+            } }, h("slot", { key: '073305801fd604b12d8ac78b9d1ef908a9d58770', name: "contextual-actions" })), h("div", { key: '634116debc734bf3b524f48d89352d2b50cb5145', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'db9ab92d6ea47f293987e01f98774c4786f741ca', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '642990636a0eca508269c1451dddfc7f94518e45', "show-menu": this.renderMenu() }, h("slot", { key: '80f0bbcdae6c1a8b16356e81a3a8f1ebfe52b23b', name: "menu-actions" })), h("slot", { key: '9dced031963fd28d2ccd98472668903984d8ff96', 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: 'e84635cb000c77bd0d6ad9ff3c9bad4b449ccd01', class: {
+        return (h("button", { key: '8bac1eca3401b484b7e73d3b56e296359c943bf2', 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: 'd8e1d5698e52d2ae6623819aa60e8ea02fa83d35', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'b88731085cb2b1b791f5f516e6fedb801f4cd911' }, h("slot", { key: 'aaa85cac085b6703c500923171a5dc70f6ef7990' })))));
+            }, 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: '616c72e5e0d8b35021a5c38f497e18c68309cb1c', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '2e581fe5bb487fa1ed88ec0f0ff3843286138317' }, h("slot", { key: 'f2801bcf5120c16519901fdc84cc1d33545a489e' })))));
     }
     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: '1cac91c6c77f8ea0c0131a54ba91b35e84361abc', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '1f35799c54254ad43a33419b8394e99dcb799480', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '6239a4054007c87973cfbb0557b86ff2ba11dcc3', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '3d7bbbc1a01544014fd80af0ffb9a948e41690cb' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '95fe1d99db37b4107b9f7aa62dc59ef9383b08a7', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '0a3baa65b494b27a6b249d88c31053013be9418a' })), 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: 'c37830cb0e16adc85099842bf977651ab04d86bb', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '3bf39f68e3cf2d9b335c1fe1b44dd7fc19d02b7d' })));
+        return (h(Host, { key: 'dc54296fb63e5e0d1856b23b98accbacc6225ec1', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '92e769db902aecbc45a877e5d908bd205dcd4317' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -70,7 +70,7 @@ export class GuxTabs {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '101c8c87ac46786f6de9bcac2abf7a965615f8fb', class: `gux-tabs-${this.orientation}` }, h("div", { key: '52d8f74ea9c9d6bdcd90ed4e9f827da1f31efd55', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '44ae47224128a931555d14870a214a17501201d7', name: "tab-list" }), h("div", { key: '26fd14b1dd84d3f106ef247ba8138f619f19df62', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'a2f5ef4284614ccfa3abc2ab4d48061271b12c1c', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '62418c9909d33cfaf985bf046b6735dd5323e6af', class: `gux-tabs-${this.orientation}` }, h("div", { key: 'c336b70074ad090b7b247fef8aa6d846c20c2d8f', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '4dcf70ed985c626ff31af0031d24472cfd394654', name: "tab-list" }), h("div", { key: 'a69dda4412c9b0cacde9f689d675e4dd98cd2b5f', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '85ab253b486030a5b3283dfeb495f59855d5aa0e', 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: '9d4d2afe7bfc2a3a79e3b5b33eb50a5d3f6fd462', class: {
+            h("div", { key: 'e2849d7d38a1543c61a87f8b4fb0330efa1429dd', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'bfdae68b5c0715a5096d099e933fb3a9995823a6', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '580ab0717e391acf0f29fd87cf9808c533349906', class: "gux-divider" }))
+                } }, h("div", { key: 'b6ba6a3d84011eb1e5c3317680606a2968eaf69a', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '20479b46fb8d2634748dcb88dbdd1b2573cf71d5', class: "gux-divider" }))
         ];
     }
     static get is() { return "gux-tab-advanced"; }

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

@@ -437,7 +437,7 @@ export class GuxTabAdvancedList {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: '520c0c05c7c0d99f81b3b4194f8231293e1e47ba', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '0c7e5eb60631108ecb5343ba253505ec0aeb856b', class: "gux-scrollable-section" }, h("div", { key: '0c7eaa27a32f6e4cac1aaff4a7776ef152802364', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'be8da91e828f62a1e66ed8c0d3953f120a20d87a' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            h("div", { key: '4ff8a9371f11f823eff4ccec571da2c0c432aacd', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '5023520ea6298c763ef6f5630b634d7e98948a38', class: "gux-scrollable-section" }, h("div", { key: 'd10274a183840888e7d8498dcc56967ac0103f95', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '87b067850abe9ed80fb8f3063fc8296770068e39' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
         ];
     }
     renderAlert() {

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

@@ -16,7 +16,7 @@ export class GuxTabAdvancedPanel {
         }
     }
     render() {
-        return (h("div", { key: '9e258067012641f8f46485c42137ad9439dbaaca', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: '964c5a0feefc55e58e873e6b58312f06bf17c75c' })));
+        return (h("div", { key: '6463ce8a5ffbd5fdd8615afafacec87afb457bb7', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: '6e5c691a23bb257d89d793724a7dbfbc6613f207' })));
     }
     static get is() { return "gux-tab-advanced-panel"; }
     static get originalStyleUrls() {

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

@@ -44,7 +44,7 @@ export class GuxTabsAdvanced {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '831f36acd0fbf815ce2530b05edbe7a7f87a5da7' }, h("slot", { key: '0b1d9c74da61857b71d151a8b987d65367b404ad', name: "tab-list" }), h("slot", { key: '7bbf2b84946845beef77174b3654f8e763b1918a', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: 'd1a1dadd75db7506fda7b3162b12d472d981aa96' }, h("slot", { key: '82fbc393f187929476a77c723d826035550a7b3d', name: "tab-list" }), h("slot", { key: '05086a5bb581b9710eb7e42fa4a65a83f363199a', onSlotchange: this.onSlotchange.bind(this) })));
     }
     static get is() { return "gux-tabs-advanced"; }
     static get encapsulation() { return "shadow"; }

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

@@ -71,7 +71,7 @@ export class GuxTag {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: 'd4d11087e2b112e28db458bbbaa5f4f364634954', class: {
+        return (h("div", { key: '0c41619e7a4a843aa5d259345ee0f5b2f6c1bce4', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

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

@@ -275,7 +275,7 @@ export class GuxTimePicker {
         return (h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (h("gux-popup", { key: '535a1e19fdf2d78aa14b8e2c983396098dc03d46', class: {
+        return (h("gux-popup", { key: '512fc3343c07618183800571da507fe0816beb4b', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

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

@@ -57,9 +57,9 @@ export class GuxToast {
         return (h("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (h("gux-button-slot", { slot: "secondary" }, h("slot", { name: "secondary-button" }))), h("gux-button-slot", { slot: "primary" }, h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (h("div", { key: '1a6bd48f2c68042c84a5cf17241acc16aa47929e', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'b2ff320b35e3ff98b10ba0fe552181f60e314bfc', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '43393e6e83270392c1556f29ea008e1e111169f1', class: "gux-content" }, h("div", { key: '4c71bb62ed732af2b3d8226ce4886d61dfc9934d', class: "gux-message" }, h("gux-truncate", { key: 'ec6075493052f11d05a873537772c8ca314523bd', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '60630282cace27478d4a26bf4fed5bc72e2167ce', name: "title" })), h("gux-truncate", { key: 'b30ad0d1590866a2366e43db938814c41fc51884', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '55ddfc3553bafde8e57bdc62db0461a33e385b0b', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '2ba5c337c3fd0d2dca42b56ca5a854469d1589d7', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '42fc06efe3007851255c33d434e0774427233859', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '9d587f156d68d7851b90bd0c8bd13ab3adfea776', class: "gux-content" }, h("div", { key: '815d589ee7c4f9c4336f32dd1656d550f3a4561e', class: "gux-message" }, h("gux-truncate", { key: '5c234c6796a30ea09cd3bf73ebaa5f4b4648e3c4', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'ba6201daf75a29d987620188b47bb8fe0c06189a', name: "title" })), h("gux-truncate", { key: 'd7db0fb6e61a927ddf4f398bdb2a074e5c4e7c81', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'f59fcffada886f8db0dcc4bc73164acaa998bfe1', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: 'fdb2d52047409125cb38895de2a2188c1d04d231', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '56806d125c84e939545cb1cccc907952b9af100a', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.js

@@ -22,12 +22,12 @@ export class GuxToggleSlider {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: 'd3578f345d0d0b1976fe8e530826229851e2d98f', class: {
+        return (h("div", { key: '01fcd787accc1bc9aeffa6f08f4652320d454340', class: {
                 'gux-toggle-slider': true,
                 'gux-checked': this.checked,
                 'gux-disabled': this.disabled,
                 'gux-error': isError
-            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '01fe671fac31dbb798fe869ba8765a0c71e2523e', class: "gux-slider" }, h("div", { key: '1887c354e1250b6b6d6529b41d8e90d0242baa60', class: "gux-switch" }, !isError && (h("gux-icon", { key: '674c08d63d0e0a6b6c642b575e790611d509cce4', "icon-name": "fa/check-solid", decorative: true }))))));
+            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: 'c9ae38bc5cd209c232443ade7fffbcab2c2ee745', class: "gux-slider" }, h("div", { key: 'caa7d29c84e45182672a68d7ce74057a6e729ee5', class: "gux-switch" }, !isError && (h("gux-icon", { key: '1c0a97e79baae3a66350c22dff38f15c44de1a80', "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get is() { return "gux-toggle-slider"; }
     static get originalStyleUrls() {