genesys-spark-components 4.115.1 → 4.116.0

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

@@ -272,7 +272,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: '8f72ea308b8ed67c59f0e65e540340c5b90be311', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '0ce50919915d56992cf7caabe8c6204a06ee487f', class: "gux-table" }, h("div", { key: '88e59d8c22f82957bf6327907f59a89cbe271632', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'e9d103ba4664ecd686db44c6a411ca20d42c966e', name: "data" })), this.isTableEmpty && (h("div", { key: 'c6d17820ec7b82465367cc685b474857815aff76', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '73aee8a90fbda7b70630f3bb7c51dfd9097fe3fb', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '411b266888702c89db3d9a433a7afda659e93779', class: "gux-table" }, h("div", { key: '5d8d33f9526b8d506297b77f6314667ecb09edc8', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'fd1b7ec4dc41f3e568a340be5d41ed0f7b2de117', name: "data" })), this.isTableEmpty && (h("div", { key: '663a13e00ac43c13d24366dc146f4b9ead0a52d4', 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: '63d13660c77823cdd190cb3baf51d38768e94e0c', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '18f8a6518dc7c999e068fc7bc983654807a7b222', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'bcb1194f316bd0fc6b53b25bab5d445edab61b6e', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: 'd3dcdc334d6f9065cc0d6e2fe2b3bc005889f393', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'b59542f2a709203ef2c3738106bd9140b2447c48', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '4f0b0448863a274ed337378fda59a2bcd666e704', 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: '0370f4140845c37f3759808e24e6a66351a62b97', accent: this.accent }, h("button", { key: '1d1bc1c2249473e867b5aad999054a52f76036dd', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '98179ffbcf60a18da4b81d0b0752fd2fc0dcac4c', name: "icon" }), h("span", { key: 'd535b7d9d403cba0dcd81f137c598a1ca946da96', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '4e8fe8b1cc215d77e91c5cb3d0826bab64aba173', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '1eec70deebcd79045545a656944877e43426e95d', accent: this.accent }, h("button", { key: '921ae14cc9234cbf37fc96952da554afc89a86d3', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '999f2cbcc016b99f46a3de21031280426d145584', name: "icon" }), h("span", { key: 'aa4db40818b66035175cec06c0edb3ddfa7d0eba', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'dfe4c251377716cdf9cfa4a106ac278fdbeaf4f0', 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: '6f0394684131bbeefce6e15e39e7936b32ad6a18', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '11901ff9de2cfde3f09cd4847116e161f5866635', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'eddeb35e5886d0d0cb6d3766ee8e22c6fad25015', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '86b9934c898ae09a23887c702d7ef22d76f0cb8a', accent: "secondary" }, h("button", { key: '4b7f83ffb5c32140892c1224a118f37c1504877c', 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: '36260d4bb9f8d90ddfb834fd65a4bbe00cd798be', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '82fdf481d9a5e4a1030476517f9c2b3c3305a874', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '210ca24ff174e62a36f7995372e72f30489fb08e', ref: el => (this.listElement = el) }, h("slot", { key: '0acfabac63ab627371f813e1a39278d14f8244e9' }))))));
+        return (h(Host, { key: '2511ed1b316c9f7ed7e2673de6e8af50f5468859', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'bed88754b167dbab2bcc287a0056d5987c6dfd74', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'c69d73735b8af5ca3772faaa75d5a98318978942', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'f6960b90b71d5d8b221c2d66052f06c32682a3c3', accent: "secondary" }, h("button", { key: '9d37b761c0773abebe2dba3eb0563780743198e2', 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: 'e80c57b597fa976978737cad4f0fb754139572d4', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: 'ae183fe1640fb16a8d2f727dbfe6584ffd4a3329', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '724ff538728ad6f7012f548346eebda0becafe78', ref: el => (this.listElement = el) }, h("slot", { key: 'd63f1073fe9008578e27f0b1ea3b41c86f20d9b9' }))))));
     }
     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: 'ea0bc4fe81cb4a6ed0f56fc546a3b7656dd2457e', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'bbda9f79ec745ea78b438923f8a801c66c3daaaf', class: "search-filter-container" }, h("slot", { key: '2df104d5dedd04d619aa766af814855d171f7676', name: "search-and-filter" })), h("div", { key: '9b4c04e2630c4600322f6f86828baff9847576fd', class: "section-spacing" }), h("div", { key: '95127306fb6aef84bf09486e8d580d1342f53ee5', class: "gux-contextual-permanent-primary" }, h("div", { key: 'a8c3a02d65a765e24eaf63c845201a73d76acc6d', class: {
+        return (h(Host, { key: '7ad0fb671c3e365264386c2f23be5ababf7180f8', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '12c1685dde4fdaaec862a008266d05e0bf4ec1f9', class: "search-filter-container" }, h("slot", { key: '2143a58f9d13eff7a503ffbf1d4a6b7b6e689374', name: "search-and-filter" })), h("div", { key: '9af6e0cc7068d479aad5919829f252a0fbd86e00', class: "section-spacing" }), h("div", { key: '871b7e4286154264a2eec141bec73cca183b8421', class: "gux-contextual-permanent-primary" }, h("div", { key: '2bf2866557e37bed02b8d5753ac322b43368e24c', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '2e47f912db83986c6a975fee3d0ab47610aa83a3', name: "contextual-actions" })), h("div", { key: 'f15a0507775411f5f77b6a0c9063f627389c7ca6', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'c463a5230c5da5837b4f9459dc3d1a566a03c771', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'b5063d27528c0b219877532fed76bc43b707bbb9', "show-menu": this.renderMenu() }, h("slot", { key: '927edef146aeae131e387a82428e7fd14dd11efc', name: "menu-actions" })), h("slot", { key: '03b673f9fabf53b638ea3ba4078809a57da1b379', name: "primary-action" })))));
+            } }, h("slot", { key: '1656e1b40b31cba84ed05e6fde3ee4073d607590', name: "contextual-actions" })), h("div", { key: '2bc4175342480282781527ef1c1f8edd258917ee', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '2e6965cbe31b963708286a5ee370b34e98f73bd9', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '3ac915653b556f8eab471ea2c6d709db30d5f1b9', "show-menu": this.renderMenu() }, h("slot", { key: '11cafb537f792256326d7c7dfdf9fb53eb5be9e4', name: "menu-actions" })), h("slot", { key: 'ac7e49c00b2c70d1bcfc885df0580e541c1fa701', 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: '81aaf05b57a9a2bde5991c8f845827b4b87b0e9e', class: {
+        return (h("button", { key: 'fd717e2ea881dadcbfc50ac391742161bba18f90', 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: '1012e2b33e4f4caa0260f6b68fc031e68a51b477', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '809a1765c460617febc9f0e4de12251eeed151c3' }, h("slot", { key: '689c0d0eaaf148347aae728d347652e8720fa5d6' })))));
+            }, 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: '35989c5b5d73c7fc6dbddbfde323add1e6d48cbc', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '366ef9bcf650125306d6a3489b13195760cc1241' }, h("slot", { key: '66a6b1a5bb9cb199a7e7829c5733b913067ef655' })))));
     }
     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: 'ecab317da926fe598cbd45656a66d47a8025d82c', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '84ed4ad8ebba6e666d0fda4987042ed3a095f92c', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '30558d63099364be9df4f07277cdc0cf1be119f8', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'd3cff0548fa8d528e2ede57d7d339aff47a535e2' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: 'da29643823c7901ac2df97f0d0e0969ee23c3b6b', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'b934ca8cdc68719015f8f5e57eb0ffd37ab7d971' })), 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: 'b8720f9f1622ff96097b0ed50312b81e050ab0ed', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'ddce6c3dcd36a2cbaacf3b7ac4e7eb80bb5730c8' })));
+        return (h(Host, { key: 'd61df96ae59919a1da8dbb6e88bdefd85fe2fab4', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'cf41de7639fac2d93e4e42371d12271fbc40f401' })));
     }
     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: '7e8d1946a2cca80df18c81e4e1a3a0385716e920' }, h("div", { key: '36e78c93d301635472b9f27eed3a7960e7b6df43', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '22e262d4bd0c23a5f4b2a4a7c3a1104bd1b82985', name: "tab-list" }), h("div", { key: 'e571985a5bab42c52de7368be12db0c762dbe2ad', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '6dd4d7e82db45eb434581661788367d4e7ac7c27', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '21b0759a2594ae149a49eb2ddc7091ff3c0e47b2' }, h("div", { key: '9ad3fa68095bafb29ad51a8413afe36dd407d3d0', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'd6dcca6fc6231300b4793c8f59835345332cafe3', name: "tab-list" }), h("div", { key: '542d24a980acfa492cdd47ffecddfde2d17f6f9c', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '6602118a7af57cb79b94b86c1b35846de24adf3f', 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.css

@@ -35,6 +35,11 @@ gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button .gux-tab-button-text {
   color: var(--gse-ui-advancedTabs-item-text-color);
   white-space: nowrap;
 }
+gux-tab-advanced .gux-tab .gux-tab-options button {
+  block-size: var(--gse-ui-button-default-height);
+  padding: var(--gse-ui-button-default-paddingIconOnly);
+  border-radius: var(--gse-ui-button-borderRadius);
+}
 gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-trigger gux-icon {
   inline-size: var(--gse-ui-icon-small-size);
   block-size: var(--gse-ui-icon-small-size);

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: '0e343cc92069df18ddce7fe8a09ac777a2720a6d', class: {
+            h("div", { key: '015f268da360205a704e9bd7ed81d2751fa7d143', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'ffadffc758858a51d2cd1b2c0c76192b51e9669e', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '17a463fb81b36408c98fc8d8360a01001a35e39b', class: "gux-divider" }))
+                } }, h("div", { key: '239a4f2eeba454ed76d8fea543eceb579294aec0', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '9e8c6eb10fe24e56528fd5329f6fa812ea24d097', 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.css

@@ -13,13 +13,22 @@
   inline-size: 100%;
   background-color: var(--gse-ui-advancedTabs-set-backgroundColor);
 }
+.gux-tab-container button {
+  block-size: var(--gse-ui-button-default-height);
+  padding: var(--gse-ui-button-default-paddingIconOnly);
+  border-radius: var(--gse-ui-button-borderRadius);
+}
+.gux-tab-container [slot=add-tab] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 .gux-tab-container .gux-scrollable-section {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
   justify-content: flex-start;
-  inline-size: 100%;
   overflow-x: auto;
   scrollbar-width: none;
   border-block-end: var(--gse-ui-advancedTabs-item-divider-border-width) var(--gse-ui-advancedTabs-item-divider-border-style) var(--gse-ui-advancedTabs-item-divider-border-color);

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

@@ -415,14 +415,14 @@ export class GuxTabAdvancedList {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: '3141c7d26950d26eccfd136d7aee263963f0ef14', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'f5d4ef90168f0e44933ca388d6f49e120cabf26a', class: "gux-scrollable-section" }, h("div", { key: 'dcffc6d1f7336e040a7ad612789627f4556eadc0', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '4b705d1ce564196a4feaf2698b057acab03b9f8a' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: 'e9b9aedcbef480914c52a7f91c3822c1e9eb572e', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'abc6d5227defc6371dd229a2e982b270423f419e', class: "gux-scrollable-section" }, h("div", { key: 'e04ad66453eba2c7e6969fc2590e427c5102e382', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'efdfbeb4834b3360e3bc571eecf224ed3327e577' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
         ];
     }
     renderAlert() {
         return (h("div", { class: "gux-sr-only gux-aria-live-region", "aria-live": "polite" }, this.ariaLiveAlert ? this.i18n(this.ariaLiveAlert) : ''));
     }
     renderAddButton() {
-        return (h("div", null, this.showNewTabButton ? (h("gux-button-slot", { class: "gux-add-button", accent: "ghost" }, h("button", { onClick: () => this.newTab.emit(), disabled: this.disableAddTabButton }, h("slot", { name: "add-tab" }, h("gux-icon", { "icon-name": "fa/plus-regular", "screenreader-text": this.disableAddTabButton
+        return (h("div", null, this.showNewTabButton ? (h("gux-button-slot", { accent: "ghost" }, h("button", { onClick: () => this.newTab.emit(), disabled: this.disableAddTabButton }, h("slot", { name: "add-tab" }, h("gux-icon", { size: "small", "icon-name": "fa/plus-regular", "screenreader-text": this.disableAddTabButton
                 ? this.i18n('disableNewTab')
                 : this.root.querySelector('[slot="add-tab"]')
                     ? this.root
@@ -431,7 +431,7 @@ export class GuxTabAdvancedList {
                     : this.i18n('createNewTab') }))))) : null));
     }
     renderScrollButton(direction) {
-        return (h("div", null, this.hasScrollbar ? (h("gux-button-slot", { class: "gux-scroll-button", accent: "ghost", "icon-only": true }, h("button", { tabindex: "-1", onDragOver: () => this.getScrollDirection(direction), onClick: () => this.getScrollDirection(direction) }, h("gux-icon", { "icon-name": this.getChevronIconName(direction), "screenreader-text": this.i18n(direction) })))) : null));
+        return (h("div", null, this.hasScrollbar ? (h("gux-button-slot", { class: "gux-scroll-button", accent: "ghost", "icon-only": true }, h("button", { tabindex: "-1", onDragOver: () => this.getScrollDirection(direction), onClick: () => this.getScrollDirection(direction) }, h("gux-icon", { size: "small", "icon-name": this.getChevronIconName(direction), "screenreader-text": this.i18n(direction) })))) : null));
     }
     getScrollDirection(direction) {
         switch (direction) {

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: 'dd60d64de9b8c2a878ce7f184178f0db9bc26f8b', 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: 'c75ec6be40fccc1bbb4f8fd3ce9bf49e002b8d94' })));
+        return (h("div", { key: '616f158831fffcc9a96b301de1d7bbb58aa316b1', 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: 'ede830c67fd31cb9c7bfcd07c6179f740e2588ba' })));
     }
     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: 'aca415d2ddbc86cb6ba76493c096f016e53bd0d6' }, h("slot", { key: '368906c4ac90cca02b796994ce4f9db26b5954cc', name: "tab-list" }), h("slot", { key: '9581ddce8be20db2fdc6bcdc5d0e4dfa2b5dbec6', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '3fe412189e324adbff02b631f40dff277ba061e4' }, h("slot", { key: '514367acd750c518346185579c4ae41e7994ee61', name: "tab-list" }), h("slot", { key: '1ee63ae1a038b85ce60640239572c5a0e02b7e3f', 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: 'ee01d13be264469127b2d61714207e9b754b986f', class: {
+        return (h("div", { key: '73621e4155e60f6d2b7e2175d706301efa35247a', 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: '520d19cc360c779b79a69bbbef7073c4d37ff1a5', class: {
+        return (h("gux-popup", { key: '1f6cfed472b707fa89290518f12a9f22080e2b4d', 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: '141dff8969911711de760a3e656513af09839c47', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'b4cc0d2a045b886d10d94e96008fa9183c8e2e8f', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'e6903326add575519137b0b5305d9ff4edb66a8e', class: "gux-content" }, h("div", { key: 'aa7466c030c5a9c3914a642efb1fb39651c4538c', class: "gux-message" }, h("gux-truncate", { key: '5bfb501057d15d3d0761e4c4c94cc806e1de047e', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '62718505e7d2b41730e0474a9f47a5191e6ee7f4', name: "title" })), h("gux-truncate", { key: 'e98dccc5242d22933fb71e8d400ce0e03a4b2a70', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'ffb36fbf5ec85de4ad17b82aa2cb6a3ebb1bf43f', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '033e2dc79c03f9afa1022feca4afc4e4bccc93cb', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '67eb72c257e01e983153dec3096ad37c2e497282', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'cf8bc1c227f0fa3543e9f9bc85561afbb855539f', class: "gux-content" }, h("div", { key: '075e2ae02e39c1624cac4d215fb4b9059b0a59a2', class: "gux-message" }, h("gux-truncate", { key: '0ad6f3854d48bfc545b9823077f26ac8d3946d5d', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'dbff2c08c81ac809316c5c75421b14c9d22f4838', name: "title" })), h("gux-truncate", { key: '06913a1b60bf729a2b0ece4af528602cf0964bb4', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'e394d5a2170959e6fd263bf618d0bbc6512a047b', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '772680bcba85ed4f7e426df5b67a3f35c75c6db6', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: 'bc8a930bb582f4aa874facfedab5b6f02a60201a', 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: '647b4e591ec46ad752ea3c847bb831e7e00b2307', class: {
+        return (h("div", { key: '0bc7942d446ecdccd1f5ee6c6ca46df645406540', 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: 'fa891494f50727d8044bdbf342a2162d9874496b', class: "gux-slider" }, h("div", { key: '12cb1dff46027fecef7a8ca5af9b00c791d428e1', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'b8acd8af92996010743f9f98479156dda5eba504', "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: '3fdeecc22da8482b5b6dd8d9bb1cf176e307979b', class: "gux-slider" }, h("div", { key: '4ee348f14408b2795be7807de78e7588c3ec1017', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'ad7c5da03c653a4031658f7f591415dccc797ddd', "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

@@ -72,11 +72,11 @@ export class GuxToggle {
         }
     }
     render() {
-        return (h(Host, { key: 'a520aa2a6bf8b1dbd4c04fdc8975364baae5c753', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'b1a45c7ef17625b08aa5ad846c3686ad35029d3d', class: {
+        return (h(Host, { key: 'cef1633b4202b230995d9d2f2998506a080afbc6', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'b817cce5eed444f31dc16558c448a071101abb42', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '322f59ef271e8508dc2fada0712bdf2d9ad21db1', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '7f174fe4c252dc22444601b75f00943f410eb8b8', 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: '3d1b1d7e7ab4daa7c40a0b95a0d368037788f6dd', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: 'be56531795d1a5c5d60705bd3ee20e243ee725dd', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '26fb392765b4ce01d8c8e61eb82f5d10f2abaab3', 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: 'ade05b674c5debdb6059d1ef6c70324b49545fc4', 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: 'd52b001d305e61990a1ff42bc63baa8a8b7dff97', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'e8300ed0213158e5a53a747fa5330c0d8f9ff2bd', class: {
+        return (h(Host, { key: 'a6d593335a5ddfc1b5178c55f5eddc9228a8f454', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'ce10e4e636802917d435986bb09d027eaa8296d8', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'ba3e2973e2eaff088a5e51ca1fa0377958b68c1b', name: "content" }, h("slot", { key: 'fa6f328bb89a478548beab59eb709b706bce380a' })))));
+            }, "data-placement": this.placement }, h("slot", { key: '738f0c1e43eb62eaa0df2105fad5588ff3bd6ac4', name: "content" }, h("slot", { key: '58e0e5fcf7fbc21026a8a0ee61fd6cd0e39e8a93' })))));
     }
     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: '96af5ab7215063841503413cb694b2b021069146', class: {
+            h("span", { key: '872d98dbd4da79f324f98b7fd5c98a1c280fc111', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: 'b6fc40f6c11993fbd4baeae1f554dcc327e5e47d' })),
+                } }, h("slot", { key: 'f7d5de12ba896c8b63d9332e2ebcd0a872f1c137' })),
             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: '779aab272d27d0b123109fba4824947f78fd9f42', class: {
+        return (h("div", { key: 'c26890ea42fc86f317393653202c3363aa8a7ecb', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: 'c1b45474242b1589360b8763f5c8a302be78438d', class: {
+            } }, h("span", { key: '162023e89433b21cb152dea3423dd82998008fa3', 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: 'c3472fd53d037335dd9bf73e23321c8685b78fec' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: 'f7c3b3495fd6daec73695589d0fcbeefc0f8d86d' })), this.renderTooltip()));
     }
     static get is() { return "gux-truncate"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/dom/on-attribute-change.js

@@ -32,3 +32,14 @@ export function onRequiredChange(element, callback) {
     observer.observe(element, { attributes: true });
     return observer;
 }
+export function onMultipleChange(element, callback) {
+    const observer = new MutationObserver(mutations => {
+        mutations.forEach(mutation => {
+            if (mutation.attributeName === 'multiple') {
+                callback(element.multiple);
+            }
+        });
+    });
+    observer.observe(element, { attributes: true });
+    return observer;
+}