genesys-spark-components 4.153.0 → 4.154.0

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

@@ -113,13 +113,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: 'fb60a2943f458c6b1fdebeab135c84c19b935fcb', class: {
+        return (h("div", { key: '89454862e98a0651408c6dbc65c775c303b423c2', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '65dec34132838e129fe5da522fa3ccad1179d409', name: "target" }), h("div", { key: '2a914141ebc508cfe463c136436c1cbae78553a1', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'f7a221a5e83d68a3b9fe109873d2165ded618668', name: "target" }), h("div", { key: '1eb84ed2d6c23dd90e6d53a396b57b9281877298', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '191d60afc0c11009e4704ebebaf6f56780989b65', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '84138680b54deabe48f8d183c0ddc059c391ffbe', 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: '310df8fb100f3aad7ba5903bd301f522eb794fdc', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: 'bddbb444723ba11604fb40349c039b7370ef6b51', 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-radial-loading/tests/gux-radial-loading.common.js

@@ -0,0 +1,4 @@
+export const renderConfigs = ['default', 'modal', 'input', 'full-page'].map((context) => ({
+    description: `should render as expected for "${context}" context`,
+    html: `'<gux-radial-loading lang="en" context="${context}"></gux-radial-loading>`
+}));

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

@@ -101,7 +101,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: '57c06c38d906ceda4290cd20b4676cf8659f95a6', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'a00ca1dbf3ad5163a0d7aa145db929afcf487238', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'e41f83fb42957d4d457081f3b1d8de970faa4f06', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '9c8b90b1ac5498c260f2216ff05b0fbbf6888d8c', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

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

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class GuxSkipNavigationItem {
     render() {
-        return (h(Host, { key: '9b29427b4988a26d36f292346d5dabab7c42200b', role: "listitem" }, h("slot", { key: 'fe8214c048c5f1f3b75526f7cbed83afbc8441f9' })));
+        return (h(Host, { key: '4ab16d55d148cac9a7ffd23718c84ba9e1f6e8ce', role: "listitem" }, h("slot", { key: '65862c365b5a58ac64caa4d17ce5ac1a854f2406' })));
     }
     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: '464f29128ba4bb4af31a4f904dab9d11e0024a5a', class: "gux-container" }, h("nav", { key: 'd52d3ffef7edd2300233902bde84a5aa64aca4d5', "aria-label": this.i18n('navigationName') }, h("ul", { key: '31e72bbbfab7582c05f48a631d2e21c4b26e38fd', role: "list" }, h("slot", { key: '1bf53a4c70f24968b841f76e593dac2c2016b064' })))));
+        return (h("div", { key: '7dcb053b4e6036bfb0a88ae34af11f92aea3199f', class: "gux-container" }, h("nav", { key: '29f949b4959eb2cd0aa2fab681570be0a5fa42f0', "aria-label": this.i18n('navigationName') }, h("ul", { key: '7f1ca7d3ec29723de612ed3fac329f38df864e1e', role: "list" }, h("slot", { key: 'ec7d5f499fbab0132f53219808c7dc8cf24cb591' })))));
     }
     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: 'e63092cda97d9b3f474b1a9be04781cbb11e2308', "label-position": "screenreader" }, h("input", { key: '863c251d32dc6975637eb4c158440bcd87f8f196', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '0a5e73cf63ebcf45f9d03c79c200478645a60a06', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '1037a203e6bb1a0907b320ba0d20bef033cb620f' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '36993fbfb051080579b7dceafc50d33bfede6723', "label-position": "screenreader" }, h("input", { key: '8fa6e2dce1d1b60fa29221c52b5a91c15071c3fe', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '3fbfa3103da0e265d34f7975df95efcc8938e9bf', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '373ccf923fe18c249b9d4276debd5191c4f44637' }, 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: '3f7dfdc7c9d7c83e3c67900cb1e3a3730bcb43c9', "label-position": "screenreader" }, h("input", { key: '9c45c4dddf2efd28dc951eb84242f76b92d0a6c4', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '64484a1ea527a98d213c26cfd63279511a097a21', "label-position": "screenreader" }, h("input", { key: '8d4cff4d7e2f5b1b6ca2c1aab97b7953ab63004f', 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: 'deeb222fee39501e0f18648893142839726a2e1f', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '2715f6c0ac20cbe5e74fc594cd4e7723d9f9cd60' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'dc49e3615e09ff039d3029fc59ef4429a6185d7d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'fb6bbe582403febba0e6c6c7fac4df585eb2a44a' }, 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,13 +97,13 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: '35dd837e0e7bf4651e67b34682cc700bd0cea867', class: "gux-container" }, h("button", { key: 'd2c2d42607ecdbb15986c63deccaa9b279662f6b', class: {
+        return (h("div", { key: 'b3be0740bebb853b93120ff2f480a53233feb119', class: "gux-container" }, h("button", { key: '48bfd91535d1ffbdba391de592dc60d08c2f4161', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'cdf25dd3dbc12ee33aa15e9987bfb1c35bfa58df', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '87bd803ad2f0bab456dccf2aa6be2eb5eaf41228', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '0e3dd89d4aa6b278d8b6cd0c8d3eef686d01b29a', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '59eeba669926671a3c20aaebe7a0a81299ee19bc', 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: 'd1c0f311bbbcc530d57ec706e0beb3b64491d9a1' }, h("slot", { key: 'f3cc98d543613d840e0af72313ded37b9e2f465c' }), this.renderSelectDropdown()));
+        return (h(Host, { key: 'ed1fcadfcaa20cf528eb0052be480aee0f87446b' }, h("slot", { key: '1a6efd9054e41699dbd327d08be5dd107967c7c3' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -282,7 +282,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: '476c1deecdb7390e571c86dab3513e03cef95932', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '16eadc750bb4a07e1f717fe91eacddf9c083ea11', class: "gux-table" }, h("div", { key: '384d7b1c25f515bf3ccb9c58c98e525c48f87938', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '3c4f9da699077a1d6b37681e3168549fd4607aa3', name: "data" })), this.isTableEmpty && (h("div", { key: 'a93caf579eb9b293cf8e9ef7a40264228f19144d', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'eea215d3aa120291f0cafcb5a61252ebbd0a4049', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '20c483a1f1d09d7f27710811e22e6e2d5345fb11', class: "gux-table" }, h("div", { key: '6a060fd73f7d02eff1ce1a9239afc1d8f96d97f2', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'a492dc3a94b9853cf603308ef2584e1029697df7', name: "data" })), this.isTableEmpty && (h("div", { key: 'ecb6164aca185aa77b83d6c398e63e437078eb29', 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: 'da2461c5b5c91041e46929234240d03e5a5db273', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'ae665bac35f7c521297fd4f493cb1fbc9905b3f4', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'cc51d73ff5ea5b0ef09628d4d99458f977740f9a', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '3b02e1655e511e7f45494ed329cba802b05bceae', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'eb095d85733e80de46c85575244fa800aafb6aef', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'f80600fa409bb45dc34f0baa6ce602ed7eef312a', 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: '63fa621d16f06133d1dcb8bf581d934dce6f515c', accent: this.accent }, h("button", { key: '2d7637c4bebfbb71692c42ca0c709771e624aaee', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'f1ff02d0e2546fda799642d2403ecfef536955a5', name: "icon" }), h("span", { key: '52779663b6f5e0af8c61e705cb90cafa89e060a8', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'fc7355b45882282d934c4048b6b9580283837c2b', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'a50243abe4e6bd3d5485e5decdea36fddb80c64d', accent: this.accent }, h("button", { key: 'f474b2b024e19734ca5e3b0a30493585b9ecfda9', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'f6d55951fcddda6ce549453a416826b476245280', name: "icon" }), h("span", { key: 'df0019e0a4d5f1d948f32cfbf1e35279a72ddeec', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'd712a06e52224df1c9cbb0066a555425ec441d29', 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: 'ae32447e74240b96d53bfbc036bfbfa9ab978381', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '0e8c62875cbe11e3ae0cec521c30c94d2479b257', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'e940fcd2d21b34f2de46f66aca0b52fbe0918c7c', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '3b1c793e48e6b676a9a2efbcd0b98fb979eac87c', accent: "secondary" }, h("button", { key: '540f0bf2277174bbbfbda8bc4072a06cb44e0702', 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: '8ed2e0f0e831df6c1a97720911e37dfb64ae7604', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), this.renderTooltip()))), h("div", { key: '6ee8c15e2c7706708dd71962d4d6fedc7341e57a', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '82e0e0056b6d75f38f85188ae786813fa8b7320c', ref: el => (this.listElement = el) }, h("slot", { key: 'f6a8244eb90d48278ee55d270ebb0dd188787af6' }))))));
+        return (h(Host, { key: 'ab5a5a60169f9dc0006de9fd504da68dc0c82bbc', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'dcbbdb9a5f505746b2fb53d21e4c4f47ff647890', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'e48d3db7eae17dd25769fc71e26739735ab30fe9', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '95558dc7f3b90b04fdecf363bb81e6d752a33b7b', accent: "secondary" }, h("button", { key: '2435dad44695a45b1f1277c5e60bb9141cc49b02', 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: '923368b8a25dbca8c8c0762d76d98c5d98063ba2', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), this.renderTooltip()))), h("div", { key: '150a4bac23d161e2e3e4fcbdd8840aab98050d9c', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '262a9d3ecaf5c4fdd86399c5267e3badd4b361b7', ref: el => (this.listElement = el) }, h("slot", { key: '972a7f61d38573e4ad1b86fe043423ad132c6e43' }))))));
     }
     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

@@ -198,9 +198,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '4b2099f5a530e9fa4eade178472a21faf3ff90c2', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'a68bf69abd708b331968a5c6eb21e86d574d08bc', class: "search-filter-container" }, h("slot", { key: 'fed7563ac2b20b7c5a86cd3a9f67829d4324b94d', name: "search-and-filter" })), h("div", { key: '6f69414c15c83db6e93bd9ce629fdcce433806e5', class: "section-spacing" }), h("div", { key: '54b404bb445eb46fd610dff2e70b87f16fcba89b', class: "gux-contextual-permanent-primary" }, h("div", { key: 'a6a7a979b9a135863a138c179ae55439474ac0c5', class: {
+        return (h(Host, { key: '6d9bb5d5cfc8e0a08863270277a5aee77a97a22d', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'fc3ce74d73a7c17d28d62973749c098ff6ad6d74', class: "search-filter-container" }, h("slot", { key: '0cde14fa79023c82b09e4f6c48014fc340f09b1c', name: "search-and-filter" })), h("div", { key: '7e0a9c74595eae632f70e0b4d2106dd852ad77e8', class: "section-spacing" }), h("div", { key: 'deb38a6880a9c1189857b2170158304310286247', class: "gux-contextual-permanent-primary" }, h("div", { key: '10bd23cc43b91883643a87c7c941b28ca27bb3ef', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '5fd6ee9d50e4e76d3d02ea8f6fb96f2fdaf9f273', name: "contextual-actions" })), h("div", { key: '8c536a812fbe8f49e150022b780ec1fb743e1a8a', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'ccfdb54959f4961fbde917fb9521819331625ebf', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '8de6ac6e110c0d87c34e7df57cea069e3a3e48ff', "show-menu": this.renderMenu() }, h("slot", { key: 'a75cda74c7290cfea1983f9f675a813ba6704536', name: "menu-actions" })), h("slot", { key: '8270c1f110a1ebcce59bad3dfbd2b8b687872c20', name: "primary-action" })))));
+            } }, h("slot", { key: '51568039a0835a3d52019904e8ca3ac6d4cbd686', name: "contextual-actions" })), h("div", { key: '5a5a50821d5adb9bd401be6e613d93aaf8f7efc4', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'b19cbed127e86ed53212a22d32113ae6623a874e', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '40953d9048d6d2ec233221c96fdc876c3ca29f36', "show-menu": this.renderMenu() }, h("slot", { key: '6fe2fda9735707e1e93e822b5ef76d3b2c3dd966', name: "menu-actions" })), h("slot", { key: '65f8912581a1bb88a62c58def6458cb7cbdc5fbf', 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: '17d7ccf29a00238d23873f98019d2b922d8cf47b', class: {
+        return (h("button", { key: '4e72859d886bc4518d93edb98e259afb2c7ed86b', 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: 'b50baa40839a82012bcd861c47f461d3e621587b', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '31d5321e491af1644fc08c14bc26797f54aa8bd0' }, h("slot", { key: '6d9a8d16e8b4ad002d1644ab38b64293e82cea7a' })))));
+            }, 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: '332024c8968009f60737e884024f7cdd3c86e98d', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'e28ebb2c2555d361691c839bdcc1e7864679b668' }, h("slot", { key: '7a083f1202b493f3159252571c65308e004058c9' })))));
     }
     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: '9b62053ff894bbf0bf8ff90d8dc2c731478515f6', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: 'ae9f54186164a9e741aae2301e04238a3bb5471e', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: 'c881440cf290f48b063e0512c352e8875818d7df', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '3f9c1acbdba60e8960d2ef8a57af3a011f49f3ca' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '4ccc0d0abed67e29e3cd025f5e89a58b998732fe', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '7855403cc39f1f524b948526cc5f497d78a4f88d' })), 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: '4e96edab7e144ce7896302c9f377eb5fd7cbff23', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '3c7809db0deca29010bba8cdde0bb332c2d70209' })));
+        return (h(Host, { key: 'a2a87f4bedc6e85add3ee32ccd024c8cf93f3383', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '4b2100851a94f283f3eaafe44c68e1d01bae1922' })));
     }
     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: 'd7e56a3eeb21af827988ef50ecb012f9c5d93eb2' }, h("div", { key: 'f3713d8beaa2fe1f7ac9372fa0b1bf33b78c9a46', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'ec48fa65271e18b5f376e2de09f208457ba706f3', name: "tab-list" }), h("div", { key: 'e7b97b33668ca56605deffc7d6ac5ece793320f3', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '277939620088393f2f3c872bdef63fe8f6a243d3', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: 'fcf6be8847699ea16fd6cd7fbfed5e958250111f' }, h("div", { key: '739b5d7a29d257cf65b3d9f2709debb88368702b', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '076981b20c734e6c61815595ae07fff44ba58de9', name: "tab-list" }), h("div", { key: '4f2529c3710adbee42f687080225614666608b48', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '8644c0e7c4355779488c97d9922840ede20d6c64', 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: 'bef7d586eec01ac52b11dd2fed649409e0f48a70', class: {
+            h("div", { key: '51a9874d726cfbacc331df66a039cd8d53bc436b', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '0b5ace2cbb918a35aa33a590ca583bf063e04a3a', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'b2e093ae3e6ed16f15d2f3a8f8e01e37870c393f', class: "gux-divider" }))
+                } }, h("div", { key: '2271cc67b8e9f018fbb966abf1313f46c32fcd3f', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'a631640afe9296b849f0b07b6d29ee8e8c20aa97', 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: 'f73281b254236709b51b531869ab39bca2763010', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '90a71d47d76424c07f573971dcdb1d4383b6b49f', class: "gux-scrollable-section" }, h("div", { key: 'c7f696e00b74ea295c68f5d26f377b9ab776b73d', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'e7a9561d7406676e6049a050b9b7ea6773268a39' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            h("div", { key: '5423db2afdc4e9b25f54bd5125dc9f60f46aa484', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'c6087769feef0a3dfd45f5579064b1c2f78b317a', class: "gux-scrollable-section" }, h("div", { key: '36e607e2cb94242352895f4b499c14e32cd09368', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'd8fdf472fe8f0c2232c456d89526ea01dbe1b593' }))), 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: '85038c15285d607dea07f9b9cf781e23ae38fb1f', 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: 'fea88590b0ebcb2f6b7ff494ca40ff3143da2eae' })));
+        return (h("div", { key: '0ac73749e9860b0391f09bd0822f6aea6a88e6c6', 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: '23416d1e4229f0394dbacf46a92a981d41ec75eb' })));
     }
     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: '45765e83c790820257bf220effbfce3799aee1b2' }, h("slot", { key: '59d368e113d344751c5916dfc4e9ff950e8df673', name: "tab-list" }), h("slot", { key: 'ff29a11058b1ac10d8223749fd2ced95c2f12964', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '43f7d87c1568e1df5b61da978338a5942338a8a3' }, h("slot", { key: '568d65bac0bed0f828cdff9728ad3e8ea682c15b', name: "tab-list" }), h("slot", { key: '7f80d669fb6793c2dc6a84c47e5dd8d0ae1964e6', 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: '2480d939eb358c218691d27fc266b77fffe99aa0', class: {
+        return (h("div", { key: 'd973be41a2c65c805880bfd2ef91f6991dbd87eb', 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: 'd83b39098763e0faf83d689c7cd1351587b8de8b', class: {
+        return (h("gux-popup", { key: '6ecabad33289ab260f2fecd2c7a5f7ffcc513cd0', 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: '4a784894bff1b8b15c34615c7588e93effb0a43d', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '91885c761d5b9a22c60a21e94b0d969fcbdbd008', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'a210e7dc385a434e527d77efc7b15f2376aedb92', class: "gux-content" }, h("div", { key: '7735f35c0f67f56d0e9003cc48ab8722f502eeba', class: "gux-message" }, h("gux-truncate", { key: '23232a15a2fc33160ab58588cc4eee1f8268d788', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '09bbb0d34cef1fdea9b162b1cff7f2c732a330bf', name: "title" })), h("gux-truncate", { key: '1e3a000d667580afe5f8a3ec49c4bdb5fbbfe1d4', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '8f61a8142fc6dc47950b202d66baa52beebb5e6f', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: 'db56987cd7c53f5e892a8d21a30aaedb5673bb03', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '41cc4f6fd2beac8ef17978ceda61c8be575801ba', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '06f394bf8581a72fcb46195d03e174c833e68fce', class: "gux-content" }, h("div", { key: 'cfd311bc5428792590e7d024c507e20b8cb08aeb', class: "gux-message" }, h("gux-truncate", { key: 'b121f11354d8cb9857f7d1389e493c59eea6033f', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '170cc3d297e2cbf0da2b02a8f7a6e76b4deffbdc', name: "title" })), h("gux-truncate", { key: '809834a743ff746515b60c1ebc2f2c1f1cb4a8ed', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '95771b5d7d22819e3168bfbd2f6ad2f122297081', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '057499b2cec55220c0c78eab0d18b7c350c914d9', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: 'e7658d34a388f9ccb75bd513378c7de1d654da8b', 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: '421d2546dcefe6d0f729e1b31aba84c322bd86c4', class: {
+        return (h("div", { key: '1cb0e9c16e9d3587fc33be75db520a660186aa89', 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: '116cf5d88cb0fcb5b41d1217aee57b614786497c', class: "gux-slider" }, h("div", { key: '3f4bfebb7839ab0b8c09279f25c56da28affe63d', class: "gux-switch" }, !isError && (h("gux-icon", { key: '9cfa32fda575941b1dca5e873745fa3283a6bb1a', "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: '4090c5325f53fa642d3ab1163d2ecaff2c8c2079', class: "gux-slider" }, h("div", { key: '64d5720956f1ce270cfd32ebf4d038855e058e6c', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'd2cecd2611a79a502fc7cd5c48debc8171a025f4', "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: 'f72c418412d7cfeef41941a8f220c8dff4eec43e', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '9b717ffc7d5b54d11bd5887074e63da0a87f39c9', class: {
+        return (h(Host, { key: 'a6b5651448a2c8da7dedf348842c09bdcccf732d', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '84dc515b0110612bcce9a646979e0cbac43ec448', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: 'b2e0da6200caedfcb2f84701af19c826c62db421', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '22511ddd0233794f1694b47d3fd81f4a941eae29', 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: 'f078b0a5a69c95147a9d8f99050fe69e45211d16', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: '76d34622e3af8ed7c12ceff4f4a7f76d77f69889', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '8957c2f2978b0134c3327617cdb84658d87a0ab1', 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: '238c9c3f27bcbaf94f433bfdd213112d688bb432', 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

@@ -151,10 +151,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'a8554693b752111d128fcb927edb1f80c535d085', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '554c1ba3b49cf929981705045167f7744db6e292', class: {
+        return (h(Host, { key: 'f601b4ff9b0824df65bbe662380632073292bf3d', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '267a10865e20f50c897dd65310f695e21e104321', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'e9aa9ad7f1180d1ba38f41d175aace40c0c90b52', name: "content" }, h("slot", { key: '4475c18445033f7e3ed4ffdde0117da103d4757b' })))));
+            }, "data-placement": this.placement }, h("slot", { key: '44801d8689ce2d3992a45bf26a92f0435cb4196b', name: "content" }, h("slot", { key: '22153a907bea661954119f7db2e066db628f0299' })))));
     }
     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: '4fbf28a8cf77ea3c2f047522de0a7d19696218e8', class: {
+            h("span", { key: 'e15a2cb1bda4693c0449e02e9f069bc222aeaaaa', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: 'a4651f889595c0f1ae3c18c15f7fe701896dcbe6' })),
+                } }, h("slot", { key: '1e336f382487b3f5da92f85e22f6fa8a1d569019' })),
             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: 'c3065457b8c9cdab28d7d01e8e3b01c7f2f85515', class: {
+        return (h("div", { key: 'c9b007efaaf09547de206ee693554a8f9d46a418', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: 'c2ebf80a76b127b6bc5aea4ec4bc58f2ea2afab3', class: {
+            } }, h("span", { key: 'c7c2bdc20013685da3927d9acff387d529eb467d', 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: 'd2181939efaeee7263c76bc1fbc89dd320e105dc' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: 'ec324e10e59eb80b1f127cb6fa5e810a290e1782' })), this.renderTooltip()));
     }
     static get is() { return "gux-truncate"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/test/playwrightTestUtils.js

@@ -18,25 +18,26 @@ async function runAxe(page) {
     ])
         .analyze();
 }
-export async function analyze(page, element, extraActions = () => Promise.resolve(), performA11yCheck = true) {
+export async function analyze(page, element, extraActions = () => Promise.resolve(), performA11yCheck = true, disableAnimations = false) {
     for (const mode of modes) {
         await setMode(page, mode);
         await extraActions(page);
-        await snap(page, element, performA11yCheck);
+        await snap(page, element, performA11yCheck, disableAnimations);
     }
 }
-export async function snap(page, element, performA11yCheck = true) {
+export async function snap(page, element, performA11yCheck = true, disableAnimations = false) {
     if (performA11yCheck) {
         expect((await runAxe(page)).violations).toHaveLength(0);
     }
+    const animations = disableAnimations ? 'disabled' : 'allow';
     if (await page.locator('gux-tooltip').isVisible()) {
-        expect(await page.screenshot()).toMatchSnapshot();
+        expect(await page.screenshot({ animations })).toMatchSnapshot();
     }
     else if (element && (await page.locator(element).isVisible())) {
-        expect(await page.locator(element).screenshot()).toMatchSnapshot();
+        expect(await page.locator(element).screenshot({ animations })).toMatchSnapshot();
     }
     else {
-        expect(await page.screenshot()).toMatchSnapshot();
+        expect(await page.screenshot({ animations })).toMatchSnapshot();
     }
 }
 async function setupPage(page) {
@@ -64,11 +65,11 @@ export async function setContent(page, html) {
     await page.setContent(html);
     await setupPage(page);
 }
-export async function checkRenders({ renderConfigs, element, extraActions = () => Promise.resolve(), performA11yCheck = true }) {
+export async function checkRenders({ renderConfigs, element, extraActions = () => Promise.resolve(), performA11yCheck = true, disableAnimations = false }) {
     renderConfigs.forEach(({ description, html }, index) => {
         test(description || `should render component as expected (${index + 1})`, async ({ page }) => {
             await setContent(page, html);
-            await analyze(page, element, extraActions, performA11yCheck);
+            await analyze(page, element, extraActions, performA11yCheck, disableAnimations);
         });
     });
 }