genesys-spark-components 4.161.0 → 4.163.0

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"; }

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: '2014c8e031831f1bc33d65308c856b73ce4d763c', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'ee28d9b509a0345375d19e07b99f5325dc94dac8', class: "gux-scrollable-section" }, h("div", { key: 'f0791bd0d9298a187714007aeb2eb568c2b91450', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'afc2c49b66c90712b1d4a1088acabbec445483ad' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            h("div", { key: 'd0c3f70ad039adfcac2ad15de4376f80cd5a9d11', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '610f0c7ba34a9d2edb01e48fb9993d19fcbef660', class: "gux-scrollable-section" }, h("div", { key: '1d5a6f13564d797e330eba2083d17c4ed54b27ff', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'aa6504b723f537e58ca56422fa4aabba6cab0123' }))), 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: '25d957a437ba6030eab49b3f83e8c8765b84894b', 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: '7ac5f5c20e831d7ebb8de13b0526c5eed7594fd1' })));
+        return (h("div", { key: '0a41ef5a19e750683a3a6ba72c0c252b51912563', 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: '7d963b0c6d94315da5285aa499b3bd95a0e3e32f' })));
     }
     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: '51a8fe7346bb8b8a8d749abc2b5b44adf8e46f22' }, h("slot", { key: '65316b468bdbd4a462b950d1d2959b3fe797877a', name: "tab-list" }), h("slot", { key: '4fe97d477e4d9dab996bc779783d8ef03537c55d', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: 'f6d04b309715d97e031cf999a69b484ba26a3ffd' }, h("slot", { key: 'c9cf28abd3782f05b556758b388dfdde63333b9b', name: "tab-list" }), h("slot", { key: '3b009a02c37df6909994c8ce5d5536a360e4bdee', 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

@@ -54,7 +54,7 @@ export class GuxTag {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: 'df2061c6a8893d5b377ca346c6065a3f8761b8b6', class: {
+        return (h("div", { key: '9cd911d93c2034b6d777e65ef96d18a86fe7163f', 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

@@ -237,7 +237,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: '9279fb6471f2a39f48b7fbeac03f6dc6ff44c435', class: {
+        return (h("gux-popup", { key: 'e0093ed5b53e9934bbae8204340239d9d547bcd5', 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: '2d216a0da8966254365fad8432b5e84737e1d731', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'cbb359042bd89b6bc8e109a24e11db601e385a73', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '794235f31e11bc056013927029f0d2239ea93855', class: "gux-content" }, h("div", { key: 'b326234d7d090dbc96f6d2a802538b038169e1ce', class: "gux-message" }, h("gux-truncate", { key: '8f191a426ee05cab7ce3429c4723a8cdd160e7ed', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'ee0146de9b30baf049236bd58363f27744f6a23c', name: "title" })), h("gux-truncate", { key: 'fcb097ebbd1048077a2ebf231f225c9e82c714e6', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '3a48a67190872783fe64a7111604447e0c0c2d5b', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '3afacca6984c4c2d06ceef9e2e8057fe98620c57', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'f58ce2f881266382374ad5b64204ff21a58d9124', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'aa9335898e31126deecb319ecc6c76c625a9ab9f', class: "gux-content" }, h("div", { key: '7392956c384a73aa4953c439e4962b45c388cf06', class: "gux-message" }, h("gux-truncate", { key: 'd89303acfee9092ab826d11d804f4a988400f40c', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'ac2e390b5c82e17fb9e263bdf187b88967f8d17c', name: "title" })), h("gux-truncate", { key: '6626b21a364854fcde81f0bef1196d2164a7410e', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'a75213ac3afcea09c3780576ee961ec95b44e8db', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '04aca89f43f4f8a799acb330a1f91a6895834ed3', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '0b9402b4a594df1ea78edb2934862707257e738a', 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

@@ -16,12 +16,12 @@ export class GuxToggleSlider {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: '7da37f753ac4d7c060172ead04d1251959b9ff6f', class: {
+        return (h("div", { key: '3526fd2e50749bfb7691abeb57b38d1a3cecd133', 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: 'b948e4293ded1504a3dc6207ba5e6409c00ccb3d', class: "gux-slider" }, h("div", { key: '00a6baa05f07421055994370d48154145ef024e3', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'a360e19b0edbfb7936d4008063b9c5961d86a754', "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: '84a3234ad2342af744dde144aaa754c0c378927b', class: "gux-slider" }, h("div", { key: '35719f067b8fcf1ee88326aa068ab43bdacdda66', class: "gux-switch" }, !isError && (h("gux-icon", { key: '70557c9cad2c6809d9a4a72827186dfca58b9a1a', "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get is() { return "gux-toggle-slider"; }
     static get originalStyleUrls() {

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

@@ -68,11 +68,11 @@ export class GuxToggle {
         }
     }
     render() {
-        return (h(Host, { key: '642935d19947b79ad8cffb672aa6cf65a0aedaa8', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'fb2012adaea504f5e80d99fa4a964798620f95d5', class: {
+        return (h(Host, { key: '3d6124826c33eb2356c5ebbdf90bb665ac69179d', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'f22949075ec6aebf0b0c29261244cb6409baaeae', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: 'f78e3c80e258c3567c625cd3eaeeea80995013e9', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '7077f922113f56639e8aea7b67ff8e286addbff4', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: 'f675f6962dfc2b36cb83c5b183dc6845db2699a5', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: '5b3e1e1374dab9620ae0c7ec2e1ad6ea2cae9509', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '29db3e9a245a70d52a283428de45811406157e3e', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '2deacc7df3ad7a3c97de926d1cea49beec309440', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -154,10 +154,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'b02af229ca0c4ebb0c6c14bac7489aa0e09f8a01', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '29d34f22cf1e2667e9e0147ebb864febc9694e78', class: {
+        return (h(Host, { key: '59b1960a9fef80862e778bb2683f0ed115aabaf6', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'a09f07ab58b0bfed9db797aa9b321d4129ca4bf3', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '45bb35996ae52057f86449aab5286e76af227cdd', name: "content" }, h("slot", { key: '0ff7a0e7429d8d3f2af9490242c3d6c80c4e3a9c' })))));
+            }, "data-placement": this.placement }, h("slot", { key: 'e0c366e9bf360ecb43fc161dd19979a38e2afad2', name: "content" }, h("slot", { key: 'f2fc67c3c8c531b7fa8f63d8efa121bf203e0c9d' })))));
     }
     static get is() { return "gux-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tooltip-title/gux-tooltip-title.js

@@ -120,10 +120,10 @@ export class GuxTooltipTitle {
     }
     render() {
         return [
-            h("span", { key: '44cf31c77d5f2f0ff05c9d8fc35bc4e53c678af7', class: {
+            h("span", { key: '74ebc30d1d2c870495b0708edc0377fca789552e', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: 'b5ccbcd7bef175b33085f65b9f83a7aff87ea64a' })),
+                } }, h("slot", { key: '077b275acb9a9f0ec22a63f175b5f930654c664a' })),
             this.renderTooltip()
         ];
     }

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

@@ -52,12 +52,12 @@ export class GuxTruncate {
     }
     render() {
         var _a;
-        return (h("div", { key: 'c979bb998f2e6cafe2ed16cb7611dbc2b5dd685b', class: {
+        return (h("div", { key: 'c3f7b24a63ff9682160c609229064b6e9350b23c', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: '96ff56286114cafb16f8d5d1ef123aa6eb1996d5', class: {
+            } }, h("span", { key: '90ebe4753335809cbe7a29317906ffd99368b041', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '4dc895ca10eaeb8c1467ee6b1c270fc7b43eec3b' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '19f32eae57b7a3da5a36fe1f04571e16228b3a14' })), this.renderTooltip()));
     }
     static get is() { return "gux-truncate"; }
     static get encapsulation() { return "shadow"; }