genesys-spark-components 4.100.0 → 4.101.1

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: 'f158dfbf49d774789a5274a03ee812ab596c41d6', role: "listitem" }, h("slot", { key: '6b8dff21f46df6853d3aa1a98805efc52f19b6b5' })));
+        return (h(Host, { key: '3cf239bac6ef3eba065bd98932ac78068ea4682f', role: "listitem" }, h("slot", { key: 'a6af5106df3bfcb31e98641ee76e6b92ae042986' })));
     }
     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: '4430a3ea7167907ea7ed814ecafeafff0a77e038', class: "gux-container" }, h("nav", { key: '784bd8b5088b919e2058136477e1eb4cc4f32e61', "aria-label": this.i18n('navigationName') }, h("ul", { key: '74949a63003979e99581b1bc3b916a78331c29d7', role: "list" }, h("slot", { key: '86a44bc1bdc0c05165a05cc0306a23972a843951' })))));
+        return (h("div", { key: '9abc91504e4e79581481f7f71cd3d1c7f3fa3a9b', class: "gux-container" }, h("nav", { key: '2d6f7122c6ab0dd69df810be080e19714a80001d', "aria-label": this.i18n('navigationName') }, h("ul", { key: '2341f3691b1ca3fb85553b52eaab343a013d01e0', role: "list" }, h("slot", { key: '3f3f0432dfd21f30cd105bd325dde75a1c21fef2' })))));
     }
     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

@@ -21,7 +21,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '8c2be98e9e2d7e5097edf91a797ce09405465069', "label-position": "screenreader" }, h("input", { key: 'e71f01c4770304c394e4161f137644324cd6390e', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '17ee213e0b298cee021bc5b58454dea127a26e24', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '223712249be4d5fcddf3cb32888bc9ff73a64612' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '7c0679d5b8862635c51b025e5785b76af5807f74', "label-position": "screenreader" }, h("input", { key: '9204be53fb81ff70751b2b549ed704d3c9f2b7e8', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '3258fe91fa082d8a18e22277bad5530b0791241b', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '6633c06bec16cb51f24ee1f7edaf2a974c3e54c1' }, 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

@@ -17,9 +17,9 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '5ffbfb46aafca37cdb06cb6398ee9251dac15dd4', "label-position": "screenreader" }, h("input", { key: 'cd61e746419279955be82be0026c79bc9bc993ed', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '9e49a0496ca642837a732ac24f2852859f590abd', "label-position": "screenreader" }, h("input", { key: '6a4fa87b050a4585721b6c9071476a1170080f68', 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: 'd2631e1b10574666615a836d6f74407298c08ddc', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'e5413aacb9c78e6be2bfcc95e29b08952f632d43' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'f7288865c1c2384a713ff156dd21f98ece6b55d1', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '39d82a8218e82153780d28b3e144e29929043e88' }, 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

@@ -98,13 +98,13 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: '327d945e3a3cc696f8fd99f3a256bf9b8e6db7c3', class: "gux-container" }, h("button", { key: 'a55b78603cccf8d7c0a916710a89f8ced0610931', class: {
+        return (h("div", { key: '33a69ff4039ba50b83b4b3ceea8730d89bff1bc5', class: "gux-container" }, h("button", { key: 'f8599746413422b2bd01866b29c7ed415ecb6f52', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '8be88af24dc3b94726b7d0ccc40159df14a0cba7', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'eeabfbe9a6cdddd036d608160b9194c05e14ff03', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '0b9530eae9edc3532e1f41bde7954e89221df061', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '0eef282751a202b8e5b244d90a0bd5786b3e4358', 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: 'e685ddcd5df773f539b180432f4ac5f3f2fa5aad' }, h("slot", { key: '918f287831476c2625f81242139dec9630799638' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '09690939f3a8f948f114138628a447d9b3bc2d2f' }, h("slot", { key: 'abc0b94b3d767b7f93bbba63dcf872171b774529' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -272,7 +272,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: 'd87448b7a5caa57ae40723a7198b02964fca6ec8', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'ce0b9e72b9d3e1ce92f7d31f6581908042f05aeb', class: "gux-table" }, h("div", { key: 'e4bb77b2a8b4a231f8465cf56623d03bf9bc9d16', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '0cd69caeac1736839d85d510a799060fccbcddf6', name: "data" })), this.isTableEmpty && (h("div", { key: '6a8501e918da5d9b1c499be1ee5847461328fab4', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'cd7572a4c981643e330c4ebad539f620c294cad9', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '6ddad814adfc1f97421f5290f6dcf20ef665d568', class: "gux-table" }, h("div", { key: '65aac625a34104faa6540f4ae054735f95a63f01', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'a6d559f9eddec06ff82ab6e81b3b6dd1db68318b', name: "data" })), this.isTableEmpty && (h("div", { key: '28609a30088e67019e6501281876e447bd7293c2', 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

@@ -42,7 +42,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: '442452c1faac0fde41c953c7eaa4258d0c5ed369', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '2f25ed6eed07609f7af259b83956fe7af66e7a60', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'df0951fdd70c81167260571ecc3b46c53e7af57d', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '3f1974c9845137714273501075f178ad905bd50d', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '9da623ae34eed012af27d4cb9fbbc56205215032', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'b9eb6907bf69b12251ff1792baa561152b7e4c43', 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

@@ -26,7 +26,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: 'b7ef40b816e50add0344dabcb23bf9dce5620e57', accent: this.accent }, h("button", { key: 'b335c37d4e7136950c0e9bac109eb6028276bd70', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '7992b23c9698d180a6e7dddf4486f41001f97283', name: "icon" }), h("span", { key: '391ba40df08ee3e94fc30f3636f84f1d7e4697c3', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: '2ef3504cb5c0793eb9a9befb58c0c82d1ec87c08', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '92123717327dceb59f8530513a9e826cd915e8e9', accent: this.accent }, h("button", { key: '9ad97986bba174b79c5b9e12dba0cf1e35122226', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'b9f0517dba17d5b9b749e4b526895ef1a5b734b1', name: "icon" }), h("span", { key: '7ceda12f36eefeb1bd02a22b27c671b62961aa13', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: '190fcaf96719cfbfabd99c18b636f602357f8b33', 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

@@ -84,7 +84,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '7d01cc8f44a5e401e2de2242ec76bf6f7385c845', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '4356d97eb8f3d2871169f1110591e8aca17a80ae', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'a0df7042f92b23ba6e1ceaab93fc04fda0483135', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '2987687532dc1b33f3177c1a893e773bc91ec400', accent: "secondary" }, h("button", { key: '41952af15debd9c0638f12be30a4b38685c8dc3a', 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: '0217d97fbe5151c15ca6dcbb6b6d14b0c7de826f', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '2192225622f814ff0a189ac42a029f1f35cab355', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'df9b98dd123e995cddb49d9889f5795f8bc3636a', ref: el => (this.listElement = el) }, h("slot", { key: 'b88bef7d66f63b2590ecd8c38f6d4fb0df0a16d6' }))))));
+        return (h(Host, { key: '636ebd482d2bb7c67f0cd12f6db5655cfb781253', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'e22e49fa8ea5a459ebf6141e87d946a8ef7b966f', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'ff4db5c913e91a14cf56450dff9863ae60b0d633', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '0c8a1bca10d9bee4d5058920c4feb333c7abcddd', accent: "secondary" }, h("button", { key: 'd19cd9df85aa365a1063a7545fde4855fd92a24f', 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: '3f9a8dbd3f292ab7db7a1d3cfd4098dcbf8ee3e3', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '9343a269d9dea0b72555d0945071c8581affeca4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '5add0123f2a103b39c64348635f53c0f7aafc7e5', ref: el => (this.listElement = el) }, h("slot", { key: '5f0784c0afa5ffe56ab7f5194f420fb19cd8d002' }))))));
     }
     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

@@ -195,9 +195,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '7875a6e2a040ac3908f722048dbc66b9c4fadbf4', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: 'f7663d42eb720b0ad25bbc91c50e93d37dce7328', class: "search-filter-container" }, h("slot", { key: 'aeee81945a38c2ec301dc16184d0d7046ab9d70b', name: "search-and-filter" })), h("div", { key: '6c7df67bc4ae38eb562dca0d4c9fdce0b9dabf35', class: "section-spacing" }), h("div", { key: 'ce52efc3ee5d4a5f220e8606e87286657a720f50', class: "gux-contextual-permanent-primary" }, h("div", { key: '12962271682b92d410d4749f37b689948791875b', class: {
+        return (h(Host, { key: 'a7393167f969f1a88048a81b46999ace44f1814b', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '536b210d3f12e6dd823c8077eb3c0aa55bb24154', class: "search-filter-container" }, h("slot", { key: 'b5d4c1807490945cc86d46c02d0a5a641a438efd', name: "search-and-filter" })), h("div", { key: '7088b4b1d1ff7a22dd8e7657a2216ce9c7525486', class: "section-spacing" }), h("div", { key: '5e57bd2c9499b73e50a2f01fafaef8b22e9bf3e6', class: "gux-contextual-permanent-primary" }, h("div", { key: 'cb51a55de81cf23b3f4b1f139905569c828a21fd', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'cf207092f95a0f96b44ce181612f8610c52eab09', name: "contextual-actions" })), h("div", { key: 'fd8a2677b1dfc38b9986cff1f2aac94cf1cdb653', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'a5341539d325b425a65b157dc5e39eb8999bbdf3', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '8d4df61c090defc5be8699dfe69d1757b31510c9', "show-menu": this.renderMenu() }, h("slot", { key: 'adef62fb14801616fbf284137ed3052dffccd6a9', name: "menu-actions" })), h("slot", { key: 'a9b426a11893edd91bf540865d213b82df8fda8d', name: "primary-action" })))));
+            } }, h("slot", { key: '738e4e79b2de5c10811e30ed052ad49391b27a5d', name: "contextual-actions" })), h("div", { key: '84df400adc4f0aaaeed39d2d791329eb5c317d73', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '89707db7045e0e9fb88ac1f141b1284fbac4ca5f', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'a1f738265864186cf06f2e8ad53d703bd75c4883', "show-menu": this.renderMenu() }, h("slot", { key: 'd0b743c9584bb45ce8968f525d1eb0b6bb6cef43', name: "menu-actions" })), h("slot", { key: 'c71b86460bd3d3b6cbd89d14c4541fcc6d3af8ce', 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

@@ -34,11 +34,11 @@ export class GuxTab {
         return this.active;
     }
     render() {
-        return (h("button", { key: '646bec4164602a325fd24d4204c2d35bd3ec6e54', class: {
+        return (h("button", { key: '6e809c441c7e0f28e6eaed2034f497ab9ffb5ecc', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '4a5b2841c23c3741152dd44d9e6916f5786c26cc', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'ad4dc23fe89790ee0d6220aa9b8ef7b74c927787' }, h("slot", { key: '7538cf54d468ec7c968c711e3913d876e778ba1c' })))));
+            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '28a553ca88b1d11c2890f45d950bc82799f1f47a', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '7b8184623517ad620a68d7dcc48524d4b613cb98' }, h("slot", { key: 'a852d365c209b9e569b6e05c21556d374c521c6f' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

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

@@ -263,9 +263,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: '0d57e6fa3082978348ec2536ac2091e491a34bef', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '1b330be648990865d7f5da8795be6890c4198af4', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '723e959d00b452934630e4dbbe56c70b174143e8', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'bfba363eb894503fd3b38e40ee2427504e2f2510' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: 'aae95ecd7710fbbb73cdc0f8ce58e79e7aa9061f', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'b5a79dd6f97e11b8b5d9691ad135065e0219d00d' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -17,7 +17,7 @@ export class GuxTabPanel {
         }
     }
     render() {
-        return (h(Host, { key: 'a2ccb73193a93dafdac5cf27c7dc99b9eab23502', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '9b37b81badd14c3312ff95d11b660728b7fef9b9' })));
+        return (h(Host, { key: 'c769b04036deeef5591829f068b5e88288620440', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '4b3ade9a8d9f15f89f15e96b0e970c15894c51ea' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,7 @@ export class GuxTabs {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '65106f3e76be06360991f4e9117ea2074da6bd36' }, h("div", { key: '6625c9a8156d67606ca0d17908ac387311b748a7', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'fe8417d97e229c395aa7cb8cd5f709e1cf01474b', name: "tab-list" }), h("div", { key: '555cf0ff8742bdd01a391c6e18b0a9204d44e74e', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'c2e58364726f925785ed3e9ece01c9c3c5157668', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '382bb97d234b0eb145f6a353233207cb78a44ffc' }, h("div", { key: '0da675cfbde3ca8c9718d8dd3aaee87f8615a30d', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'd133d466ee3bd1f6142c63d976f9eea723052c37', name: "tab-list" }), h("div", { key: 'b050748e9e84f5d24362a88b22d1e855f2f2ce5c', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'e8627ef77308eb684b486948f99002e73449b0a6', 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

@@ -152,12 +152,12 @@ export class GuxTabAdvanced {
     }
     render() {
         return [
-            h("div", { key: 'f4a2024bbf767e7251a31c033b49ea7f39ed1dfa', class: {
+            h("div", { key: '5e66c12d32572392a881877d7a6040db3ffe68f4', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '5c9d6fdc6aba950faa0e563b96bd0847714466f1', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'a91a5e1fd3af0dce2fd335ad0656d70bb10673e4', class: "gux-divider" }))
+                } }, h("div", { key: 'db7a5b68810556abc4e8c9b1f855ae1ffa883c99', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '65aa7c26657456ab1003006dcc53eabf2e8f0d07', 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

@@ -415,7 +415,7 @@ export class GuxTabAdvancedList {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: 'f683884af9cbabe4b10c6a4e85a612e291bd2756', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'a9826f288df1550cd6f2d5d348ea75a8b9068990', class: "gux-scrollable-section" }, h("div", { key: '4a697a8269c50ab2339324aaea1d07f4483b8ab9', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '8d2cf0beff9dfdc09654855ba744d6da4e2c977c' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: '6a862f326119ccd5e902616af11542ea50c6fd52', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '156fae07f6ac1099b85d7c7da22eb2714a5915ef', class: "gux-scrollable-section" }, h("div", { key: '42ec2be4efe5d5b1ef118d886ba2ad4d0e930a38', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '86db5eb583e6b9ed5b94e1d559fb1ad2e85fcf20' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {

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

@@ -17,7 +17,7 @@ export class GuxTabAdvancedPanel {
         }
     }
     render() {
-        return (h("div", { key: 'a12ed07397a7a1a59c7c495e4e42883e959c0e75', 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: 'ccb582d3baf457fd08e0061349f4093c5775798e' })));
+        return (h("div", { key: '221df85edd5e14d94b6cfd28e00213a087fd912b', 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: '6eb92809cb614436441d81dcf6f9eaabf0315b7f' })));
     }
     static get is() { return "gux-tab-advanced-panel"; }
     static get originalStyleUrls() {

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

@@ -46,7 +46,7 @@ export class GuxTabsAdvanced {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '9dc13380428fc04ae51a35eae8c168b110ea1927' }, h("slot", { key: '9a7b11288b4323d388a3f248e9e50a17599cf316', name: "tab-list" }), h("slot", { key: '6232e61ead4a9583aa86c385bff466e5fdac1f55', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '850709650793a201b96560be1ff66eadb7e29938' }, h("slot", { key: '96e053ac8f392318deaa01a48c19fd4a6be0efc7', name: "tab-list" }), h("slot", { key: 'ea43a0be16af1fc42c11858090105cb456a11276', 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

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

@@ -215,7 +215,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: '2d5dd330614d666e6daedc48239d285df28cb0ba', class: {
+        return (h("gux-popup", { key: '4f147f3c058f4e3d32918268b75056687195b033', 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

@@ -43,9 +43,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: '44c3d7ab804cb89cc4a05a8373df84c2ad5cdc60', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'de942128a04714c31bccb0864043ca4fdcc73197', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '583daddc2935339732232c08783958638c2f76fa', class: "gux-content" }, h("div", { key: 'f5876c15854a61d8a4d2afa3b302958c16f44aee', class: "gux-message" }, h("gux-truncate", { key: 'd20bab8afbc5ff4cf4641a818cf7a69ae920132b', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '7febd9532403e674232622a71941f0a2bdbf1af6', name: "title" })), h("gux-truncate", { key: '2d7d1f63678b743ece024114dd2e4bf0f940ec70', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '01077dc465db42c10121981f25d996c04af3a79a', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '35de734fd7606d30af2e728b433fdadca5108bb4', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'ccbb68f12c22b09343ba5f6df62619bf0674e10b', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'ef4e9d05387e82143f97f38676f4123494926615', class: "gux-content" }, h("div", { key: '27a7ff375abaa17c88238ee4e3887f54f7b9e0d7', class: "gux-message" }, h("gux-truncate", { key: '09aadad0e45fb454cba88488b0fb9b7f7be9c255', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '1dc53938afbafc2d2e2732f6daee918114622a63', name: "title" })), h("gux-truncate", { key: '8adf18eecff4509e2390260449326c4f5227e6f3', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '0d674a3aabd1c1e2324beed2111244a7a3d28da3', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: 'd9c9f50be645c213c0abb2d30e166f21943fcc10', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '16ce0a235bf4add39a33ff9696ec64df34683f4d', 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

@@ -21,12 +21,12 @@ export class GuxToggleSlider {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: 'f80695ef737330a72fee79db63c687140846ca22', class: {
+        return (h("div", { key: '26c30c0679c7db2c29b6f51f9b3365676764687f', 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: 'd3550f6690086cf0d7451abdc421e4156d358539', class: "gux-slider" }, h("div", { key: 'd51149528f299522a0917ba16832ab7e91d8c0fe', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'd4ecd9ddfefd6b43901b2434a2496a0d422c1936', "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: 'f8f9fc95fbc380aa5c665cbb8a6527aad6bf2e56', class: "gux-slider" }, h("div", { key: '822aa4cf674ea7e0ffab68847ef42ac9023c7e55', class: "gux-switch" }, !isError && (h("gux-icon", { key: '6aa2c8d1fdb450182775dd0523081073d316d02c', "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

@@ -66,11 +66,11 @@ export class GuxToggle {
         }
     }
     render() {
-        return (h(Host, { key: '5e2ef32a649e36ea5633adf8d8730221fc97d809', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '0c32b0ee9be631218548e005ede6cc04d39d9635', class: {
+        return (h(Host, { key: 'd49c4d2a1dc492aca9a4b6ec1208e3227bffa156', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'f58273891005639cdcfb2c2b3ed31e610e4f8acd', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '650d2b33ac8fa62023ddccc2b6bdd645ad05373c', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'c1aac0fbdd7c49d602bf683c94b6ef1ecab563b0', 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: 'a235e1feb287f247c6b287abdf0ece7e20837c54', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: '81be4a26c798b50a7edc11db2fbd57191c66f7a4', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'cd12003a024b3f5b543cda1940ea496a111af888', 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: '0a722f312de9b115a80fa6e11a2b2d7d87971726', 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

@@ -134,10 +134,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '3d03f3a0c19b88042c156d41560bb5c39a5b9dcc', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '687b1edde344f327f54bd321d7aad1fe51904779', class: {
+        return (h(Host, { key: '347530be8cae85d1b7d0d0d63ade6f2e4e5bc345', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '52d4fc396979c55f312b0671e54e8adadcbde22f', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '8f285e4ab94b4378f3bd3fa3e2784c44e747e717', name: "content" }, h("slot", { key: '5bdd0a2f14f1df68fceadff819fa278ae5307aeb' })))));
+            }, "data-placement": this.placement }, h("slot", { key: 'c576d9f1899c354ea49b29d69b6c23c705a7a867', name: "content" }, h("slot", { key: '415508b21d3a37a86cb85f68a2c746961af7eae8' })))));
     }
     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: '2679055f25cb56bcfd0a5c5d5e0634c6d2e82334', class: {
+            h("span", { key: '7569780b3ce366acb9aae70c0da822a6305f6f05', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: '1ec53401536f117a651bcf2db381ad6ca752ec14' })),
+                } }, h("slot", { key: 'dd80d4b4d42a46d6bd87ad151ccaa38fcb48caea' })),
             this.renderTooltip()
         ];
     }

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

@@ -49,12 +49,12 @@ export class GuxTruncate {
     }
     render() {
         var _a;
-        return (h("div", { key: '18a8a9bb0b9af7892f1e3a3647da05ad113693fd', class: {
+        return (h("div", { key: '0d41db641324dfa24031af625204617bad3837f3', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: '0733ee3bfae48e77338c6440689899f66c2d87cd', class: {
+            } }, h("span", { key: '54473640d3982bc0d6f92a42eee9eeadc747aea9', 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: '375bc4cc08b704ad66605f0e46a4098c30039c29' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '1f97cc13b10e9b913f753141b2d89f021b050f2b' })), this.renderTooltip()));
     }
     static get is() { return "gux-truncate"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/string/generate-initials.js

@@ -0,0 +1,8 @@
+export function generateInitials(name) {
+    var _a, _b, _c;
+    const nameArray = (_a = name === null || name === void 0 ? void 0 : name.split(' ')) !== null && _a !== void 0 ? _a : [];
+    if (nameArray.length > 1) {
+        return nameArray[0].charAt(0) + nameArray[nameArray.length - 1].charAt(0);
+    }
+    return ((_b = nameArray[0]) === null || _b === void 0 ? void 0 : _b.charAt(0)) + ((_c = nameArray[0]) === null || _c === void 0 ? void 0 : _c.charAt(1));
+}

package/dist/esm/generate-initials-4f347529.js

@@ -0,0 +1,10 @@
+function generateInitials(name) {
+    var _a, _b, _c;
+    const nameArray = (_a = name === null || name === void 0 ? void 0 : name.split(' ')) !== null && _a !== void 0 ? _a : [];
+    if (nameArray.length > 1) {
+        return nameArray[0].charAt(0) + nameArray[nameArray.length - 1].charAt(0);
+    }
+    return ((_b = nameArray[0]) === null || _b === void 0 ? void 0 : _b.charAt(0)) + ((_c = nameArray[0]) === null || _c === void 0 ? void 0 : _c.charAt(1));
+}
+
+export { generateInitials as g };