genesys-spark-components 4.121.0 → 4.123.0

package/dist/cjs/gux-tab.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 
 const guxTabCss = "gux-tabs[orientation=vertical]>gux-tab-list gux-tab{box-sizing:border-box;border-inline-end:var(--gse-ui-tabs-item-divider-vertical-width) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs[orientation=vertical]>gux-tab-list gux-tab .gux-tab{display:flex;justify-content:flex-end;inline-size:var(--gse-ui-tabs-set-vertical-width);block-size:var(--gse-ui-tabs-item-vertical-fixedHeight);padding:var(--gse-ui-tabs-item-vertical-padding);border-inline-end:var(--gse-ui-tabs-item-indicator-vertical-width) solid transparent}gux-tabs[orientation=vertical]>gux-tab-list gux-tab .gux-tab.gux-active{border-inline-end-color:var(--gse-ui-tabs-item-indicator-activeColor)}gux-tabs[orientation=vertical]>gux-tab-list gux-tab .gux-tab:hover:not(.gux-active):not(.gux-disabled){border-inline-end-color:var(--gse-ui-tabs-item-indicator-hoverColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab{box-sizing:border-box;max-inline-size:160px;block-size:var(--gse-ui-tabs-item-horizontal-fixedHeight);padding:var(--gse-ui-tabs-item-horizontal-padding);border-block-end:var(--gse-ui-tabs-item-indicator-horizontal-height) solid transparent}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab.gux-active{border-block-end-color:var(--gse-ui-tabs-item-indicator-activeColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab:hover:not(.gux-active):not(.gux-disabled){border-block-end-color:var(--gse-ui-tabs-item-indicator-hoverColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab gux-tooltip-title{margin:auto}gux-tabs[alignment=center]>gux-tab-list .gux-scrollable-section{justify-content:center}gux-tabs[alignment=full-width]>gux-tab-list .gux-scrollable-section{flex-grow:1}gux-tabs[alignment=full-width]>gux-tab-list gux-tab{inline-size:100%;max-inline-size:100%}gux-tabs[alignment=full-width]>gux-tab-list gux-tab .gux-tab{inline-size:100%;max-inline-size:100%}gux-tab{display:flex}gux-tab .gux-tab{display:flex;align-items:center;block-size:var(--gse-ui-tabs-item-height);font-family:var(--gse-ui-tabs-item-itemText-fontFamily);font-size:var(--gse-ui-tabs-item-itemText-fontSize);font-weight:var(--gse-ui-tabs-item-itemText-fontWeight);line-height:var(--gse-ui-tabs-item-itemText-lineHeight);color:var(--gse-ui-tabs-item-itemTextColor);cursor:pointer;background-color:transparent;border:none}gux-tab .gux-tab.gux-disabled{cursor:default}gux-tab .gux-tab.gux-disabled gux-tooltip-title{opacity:var(--gse-ui-tabs-item-disableOpacity)}gux-tab .gux-tab:focus-visible{outline:none;border:var(--gse-ui-tabs-focusRing-border-width) var(--gse-ui-tabs-focusRing-border-style) var(--gse-ui-tabs-focusRing-border-color);border-radius:var(--gse-ui-tabs-focusRing-borderRadius)}gux-tab .gux-tab gux-tooltip-title{white-space:nowrap}";
 const GuxTabStyle0 = guxTabCss;
@@ -50,11 +50,11 @@ const GuxTab = class {
         return -1;
     }
     render() {
-        return (index.h("button", { key: '36e9856cc60d82fda6849197c751eb3ad1f40edd', class: {
+        return (index.h("button", { key: '8b459e4b2520b137c8b99dd1c2cad619e808abe8', 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) }, index.h("gux-tooltip-title", { key: 'd86503a75ac716e3e483da2366cd751070c9f16b', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '7602c4988e782ed1d8b614c2dabb19d5b2934db4' }, index.h("slot", { key: '42c6c71b823a7315639401067eec146d36c9ea27' })))));
+            }, 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) }, index.h("gux-tooltip-title", { key: 'debb89a76f49647cec68f9172237f61d07765052', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '4e1d76c0307fdc8430190330b6914184121366b7' }, index.h("slot", { key: 'ee01e0ecd72af03426159cd719fe7cbf70b55b7a' })))));
     }
 };
 GuxTab.style = GuxTabStyle0;

package/dist/cjs/gux-table-select-menu.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const eventIsFrom = require('./event-is-from-3ab90a6c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const index$1 = require('./index-8194d25c.js');
+const index$1 = require('./index-c5d18923.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -77,7 +77,7 @@ const GuxTableSelectMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'd75e7ee507b747701bf1e3427c41fcc412f96ad3' }, index.h("slot", { key: '161a05100534a4f32ca8e44ae12fd17067dcccdc' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: '67b269ef8e8114556ceb90800cf4b0d431878b0e' }, index.h("slot", { key: '4e576885c50d30b807c5138777bbbcfd7024a445' }), this.renderSelectDropdown()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-table-toolbar-action.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const usage = require('./usage-21313047.js');
-const index$1 = require('./index-8194d25c.js');
+const usage = require('./usage-cee7c9f5.js');
+const index$1 = require('./index-c5d18923.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const actionRefresh = "Refresh";
@@ -66,7 +66,7 @@ const GuxTableToolbarAction = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-table-toolbar-custom-action", { key: 'd3dcdc334d6f9065cc0d6e2fe2b3bc005889f393', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: 'b59542f2a709203ef2c3738106bd9140b2447c48', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '4f0b0448863a274ed337378fda59a2bcd666e704', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (index.h("gux-table-toolbar-custom-action", { key: '33be8d51dd2f0bbcebd0371a0e681ac2594e99df', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: 'd194547800d92d4eb2c1e6e86393edbddfd95ec9', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: 'c6f0f52671b112ffeceec2c32bf374d815d00e5a', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const getClosestElement = require('./get-closest-element-26170ce0.js');
-const usage = require('./usage-21313047.js');
+const usage = require('./usage-cee7c9f5.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none;user-select:none}.gux-sr-only{display:flex}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";
@@ -37,7 +37,7 @@ const GuxTableToolbarCustomAction = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-button-slot", { key: '1eec70deebcd79045545a656944877e43426e95d', accent: this.accent }, index.h("button", { key: '921ae14cc9234cbf37fc96952da554afc89a86d3', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '999f2cbcc016b99f46a3de21031280426d145584', name: "icon" }), index.h("span", { key: 'aa4db40818b66035175cec06c0edb3ddfa7d0eba', class: { 'gux-sr-only': this.hideText() } }, index.h("slot", { key: 'dfe4c251377716cdf9cfa4a106ac278fdbeaf4f0', name: "text" }))), this.renderTooltip()));
+        return (index.h("gux-button-slot", { key: 'e95ed88fbc315651c53e06bc6f240c7c19975d3d', accent: this.accent }, index.h("button", { key: '3a247124c4d98cfc192b5c8b56a3a797e4c26814', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '8bfb89962a79bfc3cdd1f7012ab0aaf6964d5c1a', name: "icon" }), index.h("span", { key: 'a1660a93fb37bc8b3e3da7ec7b6689aa9a2f262c', class: { 'gux-sr-only': this.hideText() } }, index.h("slot", { key: '63cc4299432223d86c90f98aeae5286955be7be8', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-21313047.js');
-const onClickOutside = require('./on-click-outside-2faf7467.js');
-const index$1 = require('./index-8194d25c.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-cee7c9f5.js');
+const onClickOutside = require('./on-click-outside-18d3c600.js');
+const index$1 = require('./index-c5d18923.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -98,7 +98,7 @@ const GuxTableToolbarMenuButton = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '2511ed1b316c9f7ed7e2673de6e8af50f5468859', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'bed88754b167dbab2bcc287a0056d5987c6dfd74', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'c69d73735b8af5ca3772faaa75d5a98318978942', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: 'f6960b90b71d5d8b221c2d66052f06c32682a3c3', accent: "secondary" }, index.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() }, index.h("gux-icon", { key: 'e80c57b597fa976978737cad4f0fb754139572d4', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), index.h("div", { key: 'ae183fe1640fb16a8d2f727dbfe6584ffd4a3329', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '724ff538728ad6f7012f548346eebda0becafe78', ref: el => (this.listElement = el) }, index.h("slot", { key: 'd63f1073fe9008578e27f0b1ea3b41c86f20d9b9' }))))));
+        return (index.h(index.Host, { key: '5316c34d9a9070f8af183fe50335839c988dac1f', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'a31bc506b237d790797aa5d1f69eea411f5899ae', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'a2f011228ff4104be59d3fc4a386cff6a1c38269', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '256a3210c995b2651bcbf0678948d07f53621596', accent: "secondary" }, index.h("button", { key: '5da937b5c5651a485fa3b79d1e5475f0c6157cc9', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-icon", { key: '8f531a5fef1a6de3352787cfe173832ff26d5381', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), index.h("div", { key: '8532f0226ecedcd3a89ef9632a3a557dc999b91d', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '80413c82c4e0d49ab930cde60cceac2d270fd751', ref: el => (this.listElement = el) }, index.h("slot", { key: '62b751ca2906c0e43db4683d45d9f092e1f51f5f' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-table-toolbar.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const onResize = require('./on-resize-810e9012.js');
-const onMutation = require('./on-mutation-e89e880e.js');
-const usage = require('./usage-21313047.js');
+const index = require('./index-8f08a5ed.js');
+const onResize = require('./on-resize-15ff32b7.js');
+const onMutation = require('./on-mutation-86c636e6.js');
+const usage = require('./usage-cee7c9f5.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
@@ -212,9 +212,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '7ad0fb671c3e365264386c2f23be5ababf7180f8', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: '12c1685dde4fdaaec862a008266d05e0bf4ec1f9', class: "search-filter-container" }, index.h("slot", { key: '2143a58f9d13eff7a503ffbf1d4a6b7b6e689374', name: "search-and-filter" })), index.h("div", { key: '9af6e0cc7068d479aad5919829f252a0fbd86e00', class: "section-spacing" }), index.h("div", { key: '871b7e4286154264a2eec141bec73cca183b8421', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '2bf2866557e37bed02b8d5753ac322b43368e24c', class: {
+        return (index.h(index.Host, { key: 'c242271e70f69fb8b585257d86b50dd1d7bf7e61', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: '064798446c9bd5d777c46caddb7a1a8c64d3facc', class: "search-filter-container" }, index.h("slot", { key: '23cbc2ead3fc0ba47ce6d43cfd5b9ac20db0abd3', name: "search-and-filter" })), index.h("div", { key: '2e02f4769dc58c1091791931895b86dd276e534e', class: "section-spacing" }), index.h("div", { key: 'e6c3498b142c9e2175d1d815f94507a8ddfedb6e', class: "gux-contextual-permanent-primary" }, index.h("div", { key: 'bf491607c9f383850552cf31a281664b85dd00ca', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, index.h("slot", { key: '1656e1b40b31cba84ed05e6fde3ee4073d607590', name: "contextual-actions" })), index.h("div", { key: '2bc4175342480282781527ef1c1f8edd258917ee', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '2e6965cbe31b963708286a5ee370b34e98f73bd9', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '3ac915653b556f8eab471ea2c6d709db30d5f1b9', "show-menu": this.renderMenu() }, index.h("slot", { key: '11cafb537f792256326d7c7dfdf9fb53eb5be9e4', name: "menu-actions" })), index.h("slot", { key: 'ac7e49c00b2c70d1bcfc885df0580e541c1fa701', name: "primary-action" })))));
+            } }, index.h("slot", { key: '81feb20d964e5f661d6ff22da329b1dbed21f6aa', name: "contextual-actions" })), index.h("div", { key: '2d3af69770be272f642de2100817d2a243336d41', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '96b40bc8fd2a216c02ad70f70418b32896c8ace5', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: 'e38e2f679c13ceca8988654860d905c55ed0584f', "show-menu": this.renderMenu() }, index.h("slot", { key: '3525fe6fc02edbfa63d818bf5a5dde4ef0f5d904', name: "menu-actions" })), index.h("slot", { key: '5e308e8a00656dfef1f1ac0586db577405b50d54', name: "primary-action" })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-table.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const index$1 = require('./index-8194d25c.js');
+const index = require('./index-8f08a5ed.js');
+const index$1 = require('./index-c5d18923.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-21313047.js');
+const usage = require('./usage-cee7c9f5.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -281,7 +281,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '73aee8a90fbda7b70630f3bb7c51dfd9097fe3fb', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '411b266888702c89db3d9a433a7afda659e93779', class: "gux-table" }, index.h("div", { key: '5d8d33f9526b8d506297b77f6314667ecb09edc8', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: 'fd1b7ec4dc41f3e568a340be5d41ed0f7b2de117', name: "data" })), this.isTableEmpty && (index.h("div", { key: '663a13e00ac43c13d24366dc146f4b9ead0a52d4', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (index.h(index.Host, { key: '80e66e95a86dad11b419bd6056208fd21b9e1c0d', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: 'b90ba538c0f0c7919b73f09d5c430857c3f37aca', class: "gux-table" }, index.h("div", { key: '899edaef8cf1fdc49bbcb0096cb9f0a68ea784ae', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '22ba53ee8b3cdf45e54d87090f28576053d0880c', name: "data" })), this.isTableEmpty && (index.h("div", { key: '4ad1feffd3c13fa7c4258dcc7ed744bde8e2bbb0', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-tabs-advanced.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-21313047.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-cee7c9f5.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const GuxTabsAdvanced = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '3fe412189e324adbff02b631f40dff277ba061e4' }, index.h("slot", { key: '514367acd750c518346185579c4ae41e7994ee61', name: "tab-list" }), index.h("slot", { key: '1ee63ae1a038b85ce60640239572c5a0e02b7e3f', onSlotchange: this.onSlotchange.bind(this) })));
+        return (index.h(index.Host, { key: '8489887290e0f9a6b2b5c73ea5a4afbb0fba4d9e' }, index.h("slot", { key: '385185d1a6c25cddb230be2f8ab777e4d336bfe9', name: "tab-list" }), index.h("slot", { key: '9c35d8ac5108608a92702f78f83ec1f907d41788', onSlotchange: this.onSlotchange.bind(this) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-tabs.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-21313047.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-cee7c9f5.js');
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}";
 const GuxTabsStyle0 = guxTabsCss;
@@ -51,7 +51,7 @@ const GuxTabs = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '21b0759a2594ae149a49eb2ddc7091ff3c0e47b2' }, index.h("div", { key: '9ad3fa68095bafb29ad51a8413afe36dd407d3d0', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: 'd6dcca6fc6231300b4793c8f59835345332cafe3', name: "tab-list" }), index.h("div", { key: '542d24a980acfa492cdd47ffecddfde2d17f6f9c', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '6602118a7af57cb79b94b86c1b35846de24adf3f', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (index.h(index.Host, { key: '32ec84ca58ea68afe88ff71125d643a19b4c2888' }, index.h("div", { key: '0eca5eb0531d3cb61e6507037d5878fc6f824300', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '57a029d8b850fb6b32a6e43f830ea002a8910d4f', name: "tab-list" }), index.h("div", { key: 'ff9b5490b1208e95781ea14f35faba51a389050f', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '55018d9a16e2cb4ca413edea8ffadfe6e416b864', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-tag.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const index$1 = require('./index-8194d25c.js');
-const usage = require('./usage-21313047.js');
+const index = require('./index-8f08a5ed.js');
+const index$1 = require('./index-c5d18923.js');
+const usage = require('./usage-cee7c9f5.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const tag = "tag with label: {label}";
@@ -69,7 +69,7 @@ const GuxTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (index.h("div", { key: '73621e4155e60f6d2b7e2175d706301efa35247a', class: {
+        return (index.h("div", { key: 'ce381084752b773ceb69d072b89b5820478bf546', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

package/dist/cjs/gux-text-highlight.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-21313047.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-cee7c9f5.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

package/dist/cjs/gux-time-beta.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-21313047.js');
-const getValidTimezone = require('./get-valid-timezone-a3319313.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-cee7c9f5.js');
+const getValidTimezone = require('./get-valid-timezone-92648ac9.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
-const index$1 = require('./index-8194d25c.js');
+const index$1 = require('./index-c5d18923.js');
 require('./get-closest-element-26170ce0.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -42,7 +42,7 @@ const GuxTime = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '9f15bcc087c164b5a1d74c0ed9ffd928757500aa' }, this.renderTime()));
+        return (index.h(index.Host, { key: 'e3b90e8322cf23ee1f714ca7e3d3e96965ae1f29' }, this.renderTime()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-time-picker.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-77202cdc.js');
-const onClickOutside = require('./on-click-outside-2faf7467.js');
+const index$1 = require('./index-8f08a5ed.js');
+const onClickOutside = require('./on-click-outside-18d3c600.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const index = require('./index-8194d25c.js');
-const usage = require('./usage-21313047.js');
+const index = require('./index-c5d18923.js');
+const usage = require('./usage-cee7c9f5.js');
 const logError = require('./log-error-7b9d4b57.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -458,7 +458,7 @@ const GuxTimePicker = class {
         return (index$1.h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, index$1.h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (index$1.h("gux-popup", { key: 'f6707b2d692327ae6e7db6a217920b1bf735a396', class: {
+        return (index$1.h("gux-popup", { key: '63bf03edde8ae0178044b9b3804758fb40eb4ab8', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

package/dist/cjs/gux-time-zone-beta.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-21313047.js');
-const index$1 = require('./index-8194d25c.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-cee7c9f5.js');
+const index$1 = require('./index-c5d18923.js');
 const timeZone = require('./time-zone-57632efb.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -48,7 +48,7 @@ const GuxTimeZoneBeta = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, timeZone.translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '17e41884ee83d41db7a2b6436693da9b863835f3' }, this.renderZoneDisplay()));
+        return (index.h(index.Host, { key: '4fb58f6c44898a3e8559abfb7fe1ca6d8fe98d29' }, this.renderZoneDisplay()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const index$1 = require('./index-8194d25c.js');
+const index = require('./index-8f08a5ed.js');
+const index$1 = require('./index-c5d18923.js');
 const timeZone = require('./time-zone-57632efb.js');
-const usage = require('./usage-21313047.js');
+const usage = require('./usage-cee7c9f5.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -160,11 +160,11 @@ const GuxTimeZonePickerBeta = class {
         return (index.h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (index.h("gux-dropdown", { key: 'f46178768053d9ff9d951d8a497b6681667ffb7c', class: {
+        return (index.h("gux-dropdown", { key: 'cb14436dd2958bb6d9c1942103cfb8f80ffffd4d', class: {
                 'has-defaults': !!this.workspaceDefault ||
                     !!this.localDefault ||
                     !!this.customDefault
-            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, index.h("gux-listbox", { key: 'ae3a2e30d97f516bbffc032daa104643fb25950b', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
+            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, index.h("gux-listbox", { key: 'c3d35afbd7043cd196ea1f11915e4f9510db2148', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-toast.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-21313047.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-cee7c9f5.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const logError = require('./log-error-7b9d4b57.js');
 
@@ -59,9 +59,9 @@ const GuxToast = class {
         return (index.h("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (index.h("gux-button-slot", { slot: "secondary" }, index.h("slot", { name: "secondary-button" }))), index.h("gux-button-slot", { slot: "primary" }, index.h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (index.h("div", { key: '033e2dc79c03f9afa1022feca4afc4e4bccc93cb', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: '67eb72c257e01e983153dec3096ad37c2e497282', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: 'cf8bc1c227f0fa3543e9f9bc85561afbb855539f', class: "gux-content" }, index.h("div", { key: '075e2ae02e39c1624cac4d215fb4b9059b0a59a2', class: "gux-message" }, index.h("gux-truncate", { key: '0ad6f3854d48bfc545b9823077f26ac8d3946d5d', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: 'dbff2c08c81ac809316c5c75421b14c9d22f4838', name: "title" })), index.h("gux-truncate", { key: '06913a1b60bf729a2b0ece4af528602cf0964bb4', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: 'e394d5a2170959e6fd263bf618d0bbc6512a047b', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (index.h("div", { key: '0cd5e44ab5061bdd354286d48a9f124ca84c5d23', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: 'ec96b98e7235ff444f74c3dea4044243f3012fce', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: 'ff4a659dccfc1d18f52ec1f7757b75d3115d92b0', class: "gux-content" }, index.h("div", { key: 'ff21762b9993ed7ae29a14b62af44e8767a3cdbb', class: "gux-message" }, index.h("gux-truncate", { key: '20e1e667f1e2d3888e800a3406b505febe6fdec5', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: '967fb63d46c29d25477a0af13dc9a70dbcfd7a8d', name: "title" })), index.h("gux-truncate", { key: '6500dc3a65c87332f714f010c8a0f061de14b052', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: '1d118e12a73a964781b50607b698bc2bbca2306a', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), index.h("gux-dismiss-button", { key: 'bc8a930bb582f4aa874facfedab5b6f02a60201a', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), index.h("gux-dismiss-button", { key: 'c25f4895d901b4fdbf6286957a3ec5108b3f729d', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/cjs/gux-toggle-slider.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 
 const guxToggleSliderCss = "gux-toggle-slider{display:flex;align-items:center;padding:2px;outline:none}gux-toggle-slider .gux-toggle-slider{position:relative;display:inline-block;flex:0 1 auto;align-self:auto;order:0;inline-size:var(--gse-ui-toggle-track-width);block-size:var(--gse-ui-toggle-track-height);cursor:pointer;border-radius:var(--gse-ui-toggle-track-borderRadius)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider{background-color:var(--gse-ui-toggle-track-error-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider .gux-switch{border:var(--gse-ui-toggle-handle-error-border-width) var(--gse-ui-toggle-handle-error-border-style) var(--gse-ui-toggle-handle-error-border-color)}gux-toggle-slider .gux-toggle-slider.gux-error.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-error-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-disabled{pointer-events:none;cursor:default;background-color:var(--gse-ui-toggle-track-disabled-off-backgroundColor);opacity:var(--gse-ui-toggle-disabled-opacity)}gux-toggle-slider .gux-toggle-slider:focus-visible{outline:var(--gse-ui-toggle-focus-border-width) var(--gse-ui-toggle-focus-border-style) var(--gse-ui-toggle-focus-border-color);outline-offset:var(--gse-ui-toggle-focus-offset);border-radius:var(--gse-ui-toggle-focus-borderRadius)}gux-toggle-slider .gux-toggle-slider .gux-slider{position:absolute;inset:0;background-color:var(--gse-ui-toggle-track-enabled-off-backgroundColor);border-radius:calc(var(--gse-ui-toggle-track-height) / 2);transition:background-color 0.2s ease}gux-toggle-slider .gux-toggle-slider .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch{position:absolute;inset-block-end:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);inset-inline-start:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);inline-size:calc(var(--gse-ui-toggle-handle-width) - 4px);block-size:calc(var(--gse-ui-toggle-handle-height) - 4px);color:var(--gse-ui-toggle-handle-foregroundColor);content:\"\";background-color:var(--gse-ui-toggle-handle-backgroundColor);border:var(--gse-ui-toggle-handle-enabled-border-width) var(--gse-ui-toggle-handle-enabled-border-style) var(--gse-ui-toggle-handle-enabled-border-color);border-radius:var(--gse-ui-toggle-handle-borderRadius);transition:0.2s}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch gux-icon{position:absolute;inset:0;inline-size:calc(var(--gse-ui-toggle-handle-width) - 6px);block-size:calc(var(--gse-ui-toggle-handle-width) - 6px);margin:auto;color:var(--gse-ui-toggle-handle-backgroundColor);transition:color 0.2s linear}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-enabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled{background-color:var(--gse-ui-toggle-track-disabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled .gux-switch{border:var(--gse-ui-toggle-handle-disabled-border-width) var(--gse-ui-toggle-handle-disabled-border-style) var(--gse-ui-toggle-handle-disabled-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover .gux-switch{border:var(--gse-ui-toggle-handle-hover-border-width) var(--gse-ui-toggle-handle-hover-border-style) var(--gse-ui-toggle-handle-hover-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch{transform:translateX(calc(var(--gse-ui-toggle-track-width) - var(--gse-ui-toggle-track-height)))}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch gux-icon{color:var(--gse-ui-toggle-handle-foregroundColor);opacity:1;transition:opacity 0.1s linear;transition-delay:0.1s}";
 const GuxToggleSliderStyle0 = guxToggleSliderCss;
@@ -25,12 +25,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (index.h("div", { key: '0bc7942d446ecdccd1f5ee6c6ca46df645406540', class: {
+        return (index.h("div", { key: '33f0b1c45701bfb3efa520526918012e74380f87', 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) }, index.h("div", { key: '3fdeecc22da8482b5b6dd8d9bb1cf176e307979b', class: "gux-slider" }, index.h("div", { key: '4ee348f14408b2795be7807de78e7588c3ec1017', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: 'ad7c5da03c653a4031658f7f591415dccc797ddd', "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) }, index.h("div", { key: '3a563ccb616bd8ff794811dff30848a5d9506742', class: "gux-slider" }, index.h("div", { key: '7c78e74df0088793547a58993cc58e9ecc5c4ff1', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: '8f61218c44a6aabb9c3a3de84cf26ff04118ed09', "icon-name": "fa/check-solid", decorative: true }))))));
     }
 };
 GuxToggleSlider.style = GuxToggleSliderStyle0;

package/dist/cjs/gux-toggle.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-21313047.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-cee7c9f5.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const index$1 = require('./index-8194d25c.js');
+const index$1 = require('./index-c5d18923.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const defaultAriaLabel = "Toggle Switch";
@@ -91,11 +91,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'cef1633b4202b230995d9d2f2998506a080afbc6', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: 'b817cce5eed444f31dc16558c448a071101abb42', class: {
+        return (index.h(index.Host, { key: 'a3e0a4d782730ac92793d280c5497314e14139cf', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '2b0f012a8cc64beff04cac4c4c7b5b2e50d3c6d1', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, index.h("div", { key: 'be56531795d1a5c5d60705bd3ee20e243ee725dd', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.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()), index.h("gux-announce-beta", { key: 'ade05b674c5debdb6059d1ef6c70324b49545fc4', ref: el => (this.announceElement = el) })));
+            } }, index.h("div", { key: '9fdf73579824c26bf343eeae93ce9b11a206c54b', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: 'b71823399663be67daf89c82bb11f34224c40b03', 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()), index.h("gux-announce-beta", { key: '78d71a4926e37507105ab21ce1cca948e0daab73', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-tooltip-base-beta_2.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-21313047.js');
+const usage = require('./usage-cee7c9f5.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-cb449687.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
@@ -139,10 +139,10 @@ const GuxTooltipBase = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: 'bd1de270635ad0b5a20313f821d28c86020ec7ca', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, index.h("div", { key: '925d6d504101a29991630ac8f02b9c179c258079', class: {
+        return (index.h(index.Host, { key: '61c4c339a02246e8a604c37d5bb5ccf59187508d', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, index.h("div", { key: '3a059ec92add601e4bb3365c468609fb58b3f649', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: '14ce53ff67fe39be22f8a0d042657ee864d5be76', name: "content" }))));
+            }, "data-placement": this.placement }, index.h("slot", { key: '54646e5957736cb35af2f04bbb8cbc96261f6f91', name: "content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {
@@ -221,7 +221,7 @@ const GuxTooltip = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '30b4306234011996e56e73179df457cab4580097', id: this.id, role: this.role }, index.h("gux-tooltip-base-beta", { key: '7cd729fe08ae89b339e709f166383591b715683e', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, index.h("span", { key: '4a4f61468ea54050213898d8b29f2ac1f4be4f2f', slot: "content" }, index.h("slot", { key: 'c593d4f870a671e61de732d8c6467ac4f5036032', name: "content" }, index.h("slot", { key: 'a0415bb667e0a8e45844f8e9d6edbbed1ad6f78d' }))))));
+        return (index.h(index.Host, { key: '05160c3272ef3dae358c673c1813ca5d9542fbd3', id: this.id, role: this.role }, index.h("gux-tooltip-base-beta", { key: 'f41a41784644909ec5f34ff85b5352fd9cb8a692', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, index.h("span", { key: '24a1051e75cab234935c3dfb2ee9efdda48d8a1d', slot: "content" }, index.h("slot", { key: 'f3fc6fcd014435e9c7908bb2706b170398ea54da', name: "content" }, index.h("slot", { key: 'c8a7eb5c586e81e1b1c13dd62b76356e0c579009' }))))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-tooltip-title.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const logError = require('./log-error-7b9d4b57.js');
-const onMutation = require('./on-mutation-e89e880e.js');
-const onResize = require('./on-resize-810e9012.js');
+const onMutation = require('./on-mutation-86c636e6.js');
+const onResize = require('./on-resize-15ff32b7.js');
 
 const guxTooltipTitleCss = "gux-tooltip-title{overflow:hidden}gux-tooltip{font-weight:normal;line-height:normal;text-align:start;overflow-wrap:break-word;white-space:normal}.gux-overflow-hidden .gux-title-container ::slotted(span){overflow:hidden;text-overflow:ellipsis}.gux-overflow-hidden .gux-title-container>*{overflow:hidden;text-overflow:ellipsis}.gux-title-container{display:flex;pointer-events:none}.gux-tooltip-icon-decorative .gux-title-container{position:relative;margin-inline-start:20px}.gux-tooltip-icon-decorative .gux-title-container gux-icon,.gux-tooltip-icon-decorative .gux-title-container ::slotted(gux-icon){position:absolute;inset-block-start:1px;inset-inline-start:-20px;flex-shrink:0;inline-size:16px;block-size:16px}.gux-icon-only{line-height:0px}";
 const GuxTooltipTitleStyle0 = guxTooltipTitleCss;
@@ -129,10 +129,10 @@ const GuxTooltipTitle = class {
     }
     render() {
         return [
-            index.h("span", { key: '872d98dbd4da79f324f98b7fd5c98a1c280fc111', class: {
+            index.h("span", { key: '195b49c12aee4d65410bf11c9f10d8a7c7160df9', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, index.h("slot", { key: 'f7d5de12ba896c8b63d9332e2ebcd0a872f1c137' })),
+                } }, index.h("slot", { key: 'ebb735476a50db7464687604d2c459d9b76d2b04' })),
             this.renderTooltip()
         ];
     }

package/dist/cjs/gux-tooltip_2.cjs.entry.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-21313047.js');
+const usage = require('./usage-cee7c9f5.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-cb449687.js');
-const onMutation = require('./on-mutation-e89e880e.js');
-const onResize = require('./on-resize-810e9012.js');
+const onMutation = require('./on-mutation-86c636e6.js');
+const onResize = require('./on-resize-15ff32b7.js');
 
 const guxTooltipCss = ":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;inline-size:max-content;max-inline-size:250px;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);pointer-events:none;background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-light-foregroundColor)}.gux-container ::slotted(*){inline-size:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";
 const GuxTooltipStyle0 = guxTooltipCss;
@@ -151,10 +151,10 @@ const GuxTooltip = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: '0f1558f451e6d3002d6397de1490250763bbd126', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: '864048cf64d5a9b3c9eaf9262fb4116833f46066', class: {
+        return (index.h(index.Host, { key: '7d02f962f0c1e6680f323e53a80fbde0478f0183', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: '15128aa284d01c613ba6a5f15a9ce734b0405127', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: 'a15e551bf9b9486f3bdc22f1d7968ee532eb8e52', name: "content" }, index.h("slot", { key: '723a77c5059c2e5777ffd7434eb03d43c8457b0b' })))));
+            }, "data-placement": this.placement }, index.h("slot", { key: '5f55fd8a879824f593c9158e2a514e5c5886036b', name: "content" }, index.h("slot", { key: '5ab1a334caa02d7a5654fa1a704692f4d00911ec' })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {
@@ -224,12 +224,12 @@ const GuxTruncate = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: 'c26890ea42fc86f317393653202c3363aa8a7ecb', class: {
+        return (index.h("div", { key: 'a7f4868a7e7989c507d0a2c42a0311fc2a6e7ad6', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, index.h("span", { key: '162023e89433b21cb152dea3423dd82998008fa3', class: {
+            } }, index.h("span", { key: 'b857f95810409e1372894cf417faa27f416bf66a', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: 'f7c3b3495fd6daec73695589d0fcbeefc0f8d86d' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: '8a3f0028ff094d5ea266f4180d48d2ad2b4fee3b' })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };