genesys-spark-components 4.164.4 → 4.166.0

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: 'c08999fb69d6647a47aa65b73ee50f47a473490e', class: "gux-container" }, h("nav", { key: 'f70aa0a7183f2df6ad579b47669cb8090ea7b46a', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'cf2e21cf3782a5df01ebc4cb768e1d1523a87baa', role: "list" }, h("slot", { key: '3a31545202a0a43a19a0a870f227969feeb40580' })))));
+        return (h("div", { key: '333b21af7da9354b46577bd916900c3f589b2364', class: "gux-container" }, h("nav", { key: 'e550a50c45488f066acf3549b5f0a7368a29bb44', "aria-label": this.i18n('navigationName') }, h("ul", { key: '4ca78169fdd2f349362dafbdeda3609e57e8885c', role: "list" }, h("slot", { key: 'e15d8541c6be27ba5d68750fddd8248d1a26d216' })))));
     }
     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: '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')))));
+        return (h("gux-form-field-checkbox", { key: '911135749b4f40bcc34b5117cb495058a7df7574', "label-position": "screenreader" }, h("input", { key: 'e986290be2b4360083076d901932651793eb2e90', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '956f4c22d7e592d52a90a50c3ddca7ef48bf077d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '0fc5f685d983747ee4853e212ca69e4d2fb9e951' }, 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: 'd0b75c0c61a4173c0ec48c96c849aafef8f32acd', "label-position": "screenreader" }, h("input", { key: 'c7b9c3c46fa5799dacab7e7bfc5e8e1c8c2afd2d', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '592b39a9b90d227d77ae0fe39cf2a9d00c4cd002', "label-position": "screenreader" }, h("input", { key: 'ca1e5da2375911f051f70075566ba9b33670b1a1', 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: 'a5ff189bd2a40c470edfbb86f1e366230b8f5f7d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '50a23a6afbc400fab5757fd0297d2bb6f8c8bac4' }, 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: '7f55bf669d3afb023e783ff300935451549deb6c', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'db0a1e407603f1a897c35178f0587846a0060a50' }, 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: '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: {
+        return (h("div", { key: '293bc9441c72a40fc5035f5109e8f3ed132e2016', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: '50679a05c73e9eca99c98238e1c788bd8b0ecffe', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '6f67e2f4c1458e216bb0b8779433a7af0fe8016a', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '1c0814bf58a6494284fe2acf671f9a0450f560ab', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '052e41748b98b74d514c217649fdb20825f1689a', 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: 'a789ee8023faf0f80ce653d5c95a47ccad8cf06c' }, h("slot", { key: '27c3d22e74d8a24892997b60011acd3c55da3bbc' }), this.renderSelectDropdown()));
+        return (h(Host, { key: 'ae646f18972b5de2b2519ebc3a0bd281fe308be1' }, h("slot", { key: '811b24b22cf6aa4c44cb22fac5c244159e982dce' }), 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: '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'))))));
+        return (h(Host, { key: '62253eea70e59285ddc5c045991a935643a89b5f', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'f6591b38fb35771fd65dfb486b5da81052ffb4b3', class: "gux-table" }, h("div", { key: 'bcbf4dc59138ab7aec5b3299c4ad3644cf150d46', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '686d65307d269490b426965d762c1a42f1b6dbad', name: "data" })), this.isTableEmpty && (h("div", { key: '95362be5bae2713a72d393e77965c9e0931b538b', 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: '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 })));
+        return (h("gux-table-toolbar-custom-action", { key: '051fe860280edd39a2f61fb22b4ffb13b0a12625', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '267aba2eba90f912277b0763863cc4b9d1223e30', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '0ecce6cb6c8bfe779348bc68eeafa4e5b727cb1c', 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: '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()));
+        return (h("gux-button-slot", { key: '34c4a9753d0081f96ac08a60ab5d1a3f58a68c00', accent: this.accent }, h("button", { key: '6d3d32b803036236fe2d5995a5032c405f668383', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'd26df7c1a908f8c949c6c6790b87a5aafb82aa1a', name: "icon" }), h("span", { key: 'ae615a0291ea2fd69b556aeff8968cd10f374bf0', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'd110cf58500259dc329a67e310d3e92e83043bba', 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: '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' }))))));
+        return (h(Host, { key: '78f0f04932f071f68c9476df3f787e10e511f412', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '69d10ae3d80ad871fe26c337e0180fef1a2af91e', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'af45f2d8785c27b96041ee45f99f6b83ac1bd0f0', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '7e1f97cab9bef919d31357edb67c2c57213ce70e', accent: "secondary" }, h("button", { key: 'c5941512d17be6572d5b76ebfe1af24c0a946dff', 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: '0452faecd71ee74ee45b5980a3d6cd2fc79389ed', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: 'd855951bd2dceea7de80337bc1a1fb14700f77ba' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: 'e57a23df460b8b82fc05a3b9a0440158bc07ada1', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'fd7992751c32e2774ab1f80da8b3df31ae7c4481', ref: el => (this.listElement = el) }, h("slot", { key: '62d098c972ae9eeb0efa04e10d9c095acb0385b6' }))))));
     }
     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: '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: {
+        return (h(Host, { key: '5f09f5362852940cc791dd98dc6824f503f72f2b', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '9c4681593f9cf8b279b0e7f3cf38ee7731d6b47b', class: "search-filter-container" }, h("slot", { key: 'a53a5592dc1bb2476ec0f9db8b370207cf0349da', name: "search-and-filter" })), h("div", { key: 'f9aa25ae702a7ce78f5d1a95cba4105e4b9276bf', class: "section-spacing" }), h("div", { key: '3c77d513adf7804df2e413fc7bb7ba612d03af48', class: "gux-contextual-permanent-primary" }, h("div", { key: 'c8d45c43a9198cd73cedc2463fe24047c29ffdac', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, 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" })))));
+            } }, h("slot", { key: 'ba652670de5beb4568e8c1bdec1aabc86fd326b1', name: "contextual-actions" })), h("div", { key: 'd7f58a382aa4e22fe60495766a81c56e25682b3f', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'd93544e9a0ba78c07d6d1784685692e39c3e5676', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '77346c026e36d647330a9235e5a98abaa20678ed', "show-menu": this.renderMenu() }, h("slot", { key: '21bea7261fda518cfc5bf564823a65f015ff4c88', name: "menu-actions" })), h("slot", { key: '939ad701719a32ce74badf8de8f6d31984f530c5', 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: 'dc88c6d73a49f8f67552013b8e52b892e5e5ab25', class: {
+        return (h("button", { key: 'effc5e039bb3d381f748cc2ce8fe4ba562f7dcb5', 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: 'f2fb5419eb50bfbb107b74ea8ea8a04017fc89fd', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '5d9789748c8ee4ec58e0d285440a6298f4cc6ecf' }, h("slot", { key: '5a109504d28bd5b2181130f8d1b04797422eae0e' })))));
+            }, 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: '45b0725e0d46ba7e48e67b59836bad0b9da4fcc5', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '63c910246f466010200856d20ce6c63cc029467d' }, h("slot", { key: '126e17fe366cef40f63e4380824609ea899a870b' })))));
     }
     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: '681dfebb995e6169af6bb106d7151b6123022371', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: 'c75533d03d214e17ba7f97ff1fb856d062b07a88', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : 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('scrollUp'), h("div", { key: 'ef519b140f3b9e82b9775d20ece6fabfab7ff0a6', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'a3c681a8719cdd54d72f1ae5d4390664c75f1c6c' })), 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: 'bed791b812b4cc040106005b94ea6900039f5d39', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '38480a0aff9aea0aaa8f8407fc34217eebee9236' })));
+        return (h(Host, { key: '7961a51d2ebc7959db22accdacd13e47fff1999f', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'cf13e9cab8547b1869152b6af347cec906c19edd' })));
     }
     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: '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) })))));
+        return (h(Host, { key: '67eb1f26cc925f151060eddc527a6dca1ca6084f' }, h("div", { key: '840e81c28995548d6894c4b7dbd2a9b9e6e9dd64', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '5c9cb1ee58399ff868919ec52c4c112fabf26170', name: "tab-list" }), h("div", { key: 'd0e43f8b03c9ff89618676a5742646811fd1151a', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'fc87ea3bd99b072154c5704406358367eb0a5c29', 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: 'cba03e682db1c9498193422d706b3f38ed295f04', class: {
+            h("div", { key: '55460839232cef51ceb77e44942445f32a89fe0a', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'bda0e8c1e609d98ba23ea5c72147b345756a6693', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'c741cc12ae62a60e167e226aab8c21a89f0af8d4', class: "gux-divider" }))
+                } }, h("div", { key: '37a444add9b10811f7d35440eb02f111cc1fd24c', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '457a6cac12039c3a4cf3235ff09927d03d9379af', 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: '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())
+            h("div", { key: '2da7ea784877711fe00457c2250a749819eb1aa0', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '47c637b6ebe9c990294511b455fb58605a5d5092', class: "gux-scrollable-section" }, h("div", { key: '1d70ba23076bfb911fd7a405e34a4334970fcca7', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '5014ba313cfb0473b8d4e9fc476223f3da91d8d4' }))), 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: '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' })));
+        return (h("div", { key: '0de149bc246a9c3a1f5a3901f1e4b6e9fa40f758', 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: '6dd2770f6373bd3819dc8bb958d7075884c66a77' })));
     }
     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: 'f6d04b309715d97e031cf999a69b484ba26a3ffd' }, h("slot", { key: 'c9cf28abd3782f05b556758b388dfdde63333b9b', name: "tab-list" }), h("slot", { key: '3b009a02c37df6909994c8ce5d5536a360e4bdee', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: 'b4e1f6419911dfb632538619435c7863b2515f9a' }, h("slot", { key: 'c212ed9006e0c3768b7b045b7f2b552efec1401b', name: "tab-list" }), h("slot", { key: '0b6dd4eeb099b823d7809dcede9e3e59d66e25a3', 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: '9cd911d93c2034b6d777e65ef96d18a86fe7163f', class: {
+        return (h("div", { key: 'df0d13c5d0d15dc37a71c214e356f58ca45444de', 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: 'e0093ed5b53e9934bbae8204340239d9d547bcd5', class: {
+        return (h("gux-popup", { key: '50f1fbe1053c30e84b4ee4308889a1e68c17c05c', 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: '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' &&
+        return (h("div", { key: 'f8b23250ed35783df413f713e5ddc4c3ddd68e3e', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '116bf75009e4fa87e9a7da398dd4c40919fd96ba', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '4ed9f31ca9c42b52119341a9c9ba9350645a01b8', class: "gux-content" }, h("div", { key: '29098428924e3c5a73203229ba757d8cb8581b30', class: "gux-message" }, h("gux-truncate", { key: '33516e9d6e47b3737e1f0fbe4973d33595740246', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'e222ee814ea5d4e07e0c1b2cf90e45055258e5b4', name: "title" })), h("gux-truncate", { key: '0122c45aa40548bd2de184f6d511e8d22bfb40f2', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '3510491a08125dbfac1c0ae331a745803e59046e', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '0b9402b4a594df1ea78edb2934862707257e738a', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: 'd548f4e8dbde80627bba9abefeddcb538daa4e59', 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: '3526fd2e50749bfb7691abeb57b38d1a3cecd133', class: {
+        return (h("div", { key: 'aff7973cef2c4e7c9a02bd4bbc5fa6407d92538d', 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: '84a3234ad2342af744dde144aaa754c0c378927b', class: "gux-slider" }, h("div", { key: '35719f067b8fcf1ee88326aa068ab43bdacdda66', class: "gux-switch" }, !isError && (h("gux-icon", { key: '70557c9cad2c6809d9a4a72827186dfca58b9a1a', "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: '2c2e8bdc14628a8dbefd222365207c02e9c3d7cd', class: "gux-slider" }, h("div", { key: '377856840a7573f7171d5409948ed5194f513d62', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'cd988d5f9b605f493339c9e7090445f6fff64f34', "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: '3d6124826c33eb2356c5ebbdf90bb665ac69179d', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'f22949075ec6aebf0b0c29261244cb6409baaeae', class: {
+        return (h(Host, { key: '70f57944b507f21037010b0ddbe2de10b5c9382c', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'a0959804979de3b6a691a1497442a5f4d8b7fcf5', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, 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) })));
+            } }, h("div", { key: '99ca5b4b6cc63eae33ce2cc0e8e7c87b4074d189', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'd27d7602da6c95d54cbd3d050ef07bc48a3f16b5', 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: 'ed480d76644f6d1ec5ae7b7a2faf04e5f13f6ec1', 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: '59b1960a9fef80862e778bb2683f0ed115aabaf6', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'a09f07ab58b0bfed9db797aa9b321d4129ca4bf3', class: {
+        return (h(Host, { key: 'fb4ab63bcf072339eca9d2d16ef85f920afdf2b8', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'b33de6a106b63d9db037bcf95e740f313772713b', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'e0c366e9bf360ecb43fc161dd19979a38e2afad2', name: "content" }, h("slot", { key: 'f2fc67c3c8c531b7fa8f63d8efa121bf203e0c9d' })))));
+            }, "data-placement": this.placement }, h("slot", { key: '2257c05f8204bfda44e1b438366e6c4fb1c1ce6d', name: "content" }, h("slot", { key: 'b885478f765f569470c71a99234d343f56a0dbe1' })))));
     }
     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: '74ebc30d1d2c870495b0708edc0377fca789552e', class: {
+            h("span", { key: 'd55962bab9177def42867e16447f78860c5654c8', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: '077b275acb9a9f0ec22a63f175b5f930654c664a' })),
+                } }, h("slot", { key: '87f6403a2b6b0506957574ad2eef8379b8964458' })),
             this.renderTooltip()
         ];
     }

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

@@ -0,0 +1,10 @@
+export const renderConfigs = [
+    {
+        description: 'should render tooltip with long text to truncate',
+        html: '<div style="max-width: 40px"><gux-tooltip-title><span><slot aria-hidden="true" onSlotchange={this.onSlotChange.bind(this)}>Some long text to truncate and use a tooltip</slot></span></gux-tooltip-title></div>'
+    },
+    {
+        description: 'should render tooltip with short text',
+        html: '<gux-tooltip-title><div style="max-width: 200px">Some short text</div></gux-tooltip-title>'
+    }
+];

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

@@ -52,12 +52,12 @@ export class GuxTruncate {
     }
     render() {
         var _a;
-        return (h("div", { key: 'c3f7b24a63ff9682160c609229064b6e9350b23c', class: {
+        return (h("div", { key: '75ae23622f3faf3fe66364b2868228d00937daa6', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: '90ebe4753335809cbe7a29317906ffd99368b041', class: {
+            } }, h("span", { key: 'f5238018680ff87deae91125a37369199d8d6468', 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: '19f32eae57b7a3da5a36fe1f04571e16228b3a14' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: 'a0372ad9a1d54ea268887e50cd466920835e0cb3' })), this.renderTooltip()));
     }
     static get is() { return "gux-truncate"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/test/playwrightTestUtils.js

@@ -1,3 +1,35 @@
+var __asyncValues = (this && this.__asyncValues) || function (o) {
+    if (!Symbol.asyncIterator)
+        throw new TypeError("Symbol.asyncIterator is not defined.");
+    var m = o[Symbol.asyncIterator], i;
+    return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+};
+var __await = (this && this.__await) || function (v) { return this instanceof __await ? (this.v = v, this) : new __await(v); };
+var __asyncGenerator = (this && this.__asyncGenerator) || function (thisArg, _arguments, generator) {
+    if (!Symbol.asyncIterator)
+        throw new TypeError("Symbol.asyncIterator is not defined.");
+    var g = generator.apply(thisArg, _arguments || []), i, q = [];
+    return i = {}, verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;
+    function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }
+    function verb(n, f) { if (g[n]) {
+        i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); };
+        if (f)
+            i[n] = f(i[n]);
+    } }
+    function resume(n, v) { try {
+        step(g[n](v));
+    }
+    catch (e) {
+        settle(q[0][3], e);
+    } }
+    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+    function fulfill(value) { resume("next", value); }
+    function reject(value) { resume("throw", value); }
+    function settle(f, v) { if (f(v), q.shift(), q.length)
+        resume(q[0][0], q[0][1]); }
+};
 import { expect as baseExpect } from "@playwright/test";
 import { test } from "@stencil/playwright";
 import AxeBuilder from "@axe-core/playwright";
@@ -32,7 +64,7 @@ export async function snap(page, element, performA11yCheck = true, disableAnimat
         expect((await runAxe(page)).violations).toHaveNoViolations(axeScanDetails);
     }
     const animations = disableAnimations ? 'disabled' : 'allow';
-    if (await page.locator('gux-tooltip').isVisible()) {
+    if (await anyVisible(page.locator('gux-tooltip'))) {
         expect(await page.screenshot({ animations })).toMatchSnapshot();
     }
     else if (element && (await page.locator(element).isVisible())) {
@@ -42,6 +74,40 @@ export async function snap(page, element, performA11yCheck = true, disableAnimat
         expect(await page.screenshot({ animations })).toMatchSnapshot();
     }
 }
+async function anyVisible(locator) {
+    var _a, e_1, _b, _c;
+    try {
+        for (var _d = true, _e = __asyncValues(iterateLocator(locator)), _f; _f = await _e.next(), _a = _f.done, !_a; _d = true) {
+            _c = _f.value;
+            _d = false;
+            const l = _c;
+            if (await l.isVisible()) {
+                return true;
+            }
+        }
+    }
+    catch (e_1_1) {
+        e_1 = { error: e_1_1 };
+    }
+    finally {
+        try {
+            if (!_d && !_a && (_b = _e.return))
+                await _b.call(_e);
+        }
+        finally {
+            if (e_1)
+                throw e_1.error;
+        }
+    }
+    return false;
+}
+function iterateLocator(locator) {
+    return __asyncGenerator(this, arguments, function* iterateLocator_1() {
+        for (let index = 0; index < (yield __await(locator.count())); index++) {
+            yield yield __await(locator.nth(index));
+        }
+    });
+}
 async function setupPage(page) {
     await Promise.all([
         page.addStyleTag({