genesys-spark-components 4.98.0 → 4.98.1

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-a81777d6.js';
+import { t as trackComponent } from './usage-6bbe3333.js';
 import { O as OnClickOutside } from './on-click-outside-edcae419.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
@@ -10,7 +10,7 @@ const translationResources = {
 	additionalActions: additionalActions
 };
 
-const guxTableToolbarMenuButtonCss = ":host{display:none;-webkit-user-select:none;user-select:none}:host(.gux-show-menu){display:block}.gux-menu-button button{color:var(--gse-ui-button-secondary-default-foregroundColor);cursor:grab;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none}.gux-menu-button button gux-icon{width:var(--gse-ui-icon-small-size);height:var(--gse-ui-icon-small-size)}.gux-list-container{width:min-content;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-offsetX) var(--gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";
+const guxTableToolbarMenuButtonCss = ":host{display:none;-webkit-user-select:none;user-select:none}:host(.gux-show-menu){display:block}.gux-menu-button{display:flex;color:var(--gse-ui-button-secondary-default-foregroundColor);cursor:pointer;border:none}.gux-menu-button gux-icon{align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-list-container{inline-size:min-content;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-offsetX) var(--gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";
 const GuxTableToolbarMenuButtonStyle0 = guxTableToolbarMenuButtonCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -65,12 +65,6 @@ const GuxTableToolbarMenuButton = class {
             }
         }
     }
-    onFocusin() {
-        void this.tooltipTitleElement.setShowTooltip();
-    }
-    onFocusout() {
-        void this.tooltipTitleElement.setHideTooltip();
-    }
     toggle() {
         this.expanded = !this.expanded;
         if (this.expanded) {
@@ -90,12 +84,17 @@ const GuxTableToolbarMenuButton = class {
             void this.listElement.guxFocusFirstItem();
         });
     }
+    renderTooltip() {
+        if (!this.expanded) {
+            return (h("gux-tooltip-beta", null, h("div", { slot: "content" }, this.i18n('additionalActions'))));
+        }
+    }
     async componentWillLoad() {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'd0739093eb89c6f6d74ed2c50f022d316144c6a8', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'dd301fb52a95304bb67231a597cce32ebfbfa0d2', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '02cf2d3b5856e000f92da62a1fefd0e54e31d26b', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '7fe0ce87e388a0a4f14e2e87486b253e1efd7514', class: "gux-menu-button" }, h("button", { key: 'e8a32d108cca8d89eef915e5763882553247e943', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '16b7e95c4ec48d6f168649cf1d339dac9c7640f8', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'f4d4ce00447ae4f3d54f6b34316da04dc375a87c' }, h("gux-icon", { key: '1e980744d62812e95088a95144fe8b1d061db254', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '6b7b34695357e134ec73a8af459191e8b2ebfb85', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'b70c259e19277c27c57e862c486921654c2ee3c3', ref: el => (this.listElement = el) }, h("slot", { key: 'ca247efd2c9e416a17e4c14d8b0e62eae2b50732' }))))));
+        return (h(Host, { key: 'd98643ac66ffdf2892edb0e83e4f4da9cd14f070', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'e0723d496123ef4d8f5eb93137403fb81921ec5c', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '01fc2d825cd6debcfffe444e3fa03748e535dd3b', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '98e243953764b8d1054e343a5165135e8f2bcd6b', accent: "secondary" }, h("button", { key: 'dd50c10f7b43794e23ea3fcdcc34fce4774c41c8', 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: 'eb513095227867ef7cb11c7d708545f1542b4619', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: 'edcfe615c49851cee86f4f3bee6535a6ce5744ff', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '085be4800129d16859f6786733f7d1322d54a5b0', ref: el => (this.listElement = el) }, h("slot", { key: '2585cc4482d780dc6120302d78b702425dd098f5' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, f as forceUpdate, d as readTask, h, H as Host, g as getElement } from './index-b6ca2adc.js';
 import { O as OnResize } from './on-resize-15b5b704.js';
 import { O as OnMutation } from './on-mutation-66a68405.js';
-import { t as trackComponent } from './usage-a81777d6.js';
+import { t as trackComponent } from './usage-6bbe3333.js';
 import { g as getSlot } from './get-slot-c26d3ab0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, f as forceUpdate, d as readTas
 import { b as buildI18nForComponent } from './index-44765751.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-a81777d6.js';
+import { t as trackComponent } from './usage-6bbe3333.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-a81777d6.js';
+import { t as trackComponent } from './usage-6bbe3333.js';
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -45,7 +45,7 @@ const GuxTabsAdvanced = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'a0443041c81e3d0765e9ee79ea4d9e96bd60f05e' }, h("slot", { key: 'e98b76dc34b3d734c21f22b58f81ba2512656636', name: "tab-list" }), h("slot", { key: 'dc0c22fa496740f7cf7a36c0e3dae08ee1130b12', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '70f25a5b01f2f702d170c40960416fc36d0bf4ff' }, h("slot", { key: '26a6ccc8f9cea006173c07e0e5470341eee89fec', name: "tab-list" }), h("slot", { key: 'd767d434a0e8a6fdf69b83e24810fa672aaa3a25', onSlotchange: this.onSlotchange.bind(this) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-a81777d6.js';
+import { t as trackComponent } from './usage-6bbe3333.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-direction:column;block-size:100%;min-block-size:0}";
 const GuxTabsStyle0 = guxTabsCss;
@@ -47,7 +47,7 @@ const GuxTabs = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '840b1cdf46dd6c9a333945799d0a22ada4cae171' }, h("div", { key: 'f532538a69456dc08cae0d6d07b2bf212d5f530a', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '6ca85bb20d1a21469829d3a01f49c9eb12cb3b41', name: "tab-list" }), h("div", { key: '118ad9f6a68aa0902dbd2852f9fe7cc7185fce74', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'f5da8d56fe8f7a3d40c268a4a93b3d3428ca0543', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '64e9fefde8c1668b5feb1dc6eabbfdbd834db10f' }, h("div", { key: 'c443d725d4e32a12137e032eabdcb7ab8d137913', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'c9f7e141652e24fd1bf23fd394c10daa676ec457', name: "tab-list" }), h("div", { key: '8cee49b59e4f8d5f8da8d3944b870bdc1d0d80a5', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '6644d1f45fa342601989b03cfdcbe16bc10a63da', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b6ca2adc.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
-import { t as trackComponent } from './usage-a81777d6.js';
+import { t as trackComponent } from './usage-6bbe3333.js';
 import './get-closest-element-728b9f18.js';
 
 const tag = "tag with label: {label}";
@@ -65,7 +65,7 @@ const GuxTag = class {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: 'c333dea426c60b07ce39c779698f6a135e9d7637', class: {
+        return (h("div", { key: 'e20b2989cf83c248c98c838872839c70b7d1ad36', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-a81777d6.js';
+import { t as trackComponent } from './usage-6bbe3333.js';
 
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-a81777d6.js';
+import { t as trackComponent } from './usage-6bbe3333.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-ecb85439.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import { g as getDesiredLocale } from './index-44765751.js';

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

@@ -3,7 +3,7 @@ import { O as OnClickOutside } from './on-click-outside-edcae419.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { g as getDesiredLocale, b as buildI18nForComponent } from './index-44765751.js';
-import { t as trackComponent } from './usage-a81777d6.js';
+import { t as trackComponent } from './usage-6bbe3333.js';
 import { u as useRegionalDates, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import './get-closest-element-728b9f18.js';
 import './get-closest-element-7b2f7d5b.js';
@@ -427,7 +427,7 @@ const GuxTimePicker = class {
         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: '02c0e8f11f4c97d9f1b64cdabc5e2ef0b171eb1b', class: {
+        return (h("gux-popup", { key: 'cf06d23df622b3e08f81b0c78766af54d50ac753', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-a81777d6.js';
+import { t as trackComponent } from './usage-6bbe3333.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import { g as getTimeZoneList, f as formatOffset, t as translationResources } from './time-zone-7b554c09.js';
 import './get-closest-element-728b9f18.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import { f as formatOffset, g as getTimeZoneList, t as translationResources } from './time-zone-7b554c09.js';
-import { t as trackComponent } from './usage-a81777d6.js';
+import { t as trackComponent } from './usage-6bbe3333.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-a81777d6.js';
+import { t as trackComponent } from './usage-6bbe3333.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
 const guxToastCss = ".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;inline-size:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-block-end:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow-offsetX) var(--gse-ui-toast-boxShadow-offsetY) var(--gse-ui-toast-boxShadow-blur) var(--gse-ui-toast-boxShadow-spread) var(--gse-ui-toast-boxShadow-color)}.gux-toast .gux-icon ::slotted(gux-icon){inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{inline-size:100%}.gux-toast .gux-content .gux-buttons-bar ::slotted(a){font-family:var(--gse-ui-links-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-links-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-inLine-medium-underlinedText-lineHeight)}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";
@@ -41,9 +41,9 @@ const GuxToast = class {
         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: '0ae3606b6e195cbc192f0abf3c324801b6f2133b', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '82c18e249f381acd0b1a14501a67eb553b34e512', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'ecdd53fb46b6bff93dea95723cb48f8b2505bcf3', class: "gux-content" }, h("div", { key: 'c8c220c9dbbf625d468480d39830c6fff30e85a7', class: "gux-message" }, h("gux-truncate", { key: '0b72d1016dc8176fb76b2b2f9030420e71ad5331', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'eb87ad136cd8f5da3706364a04eb84c57c2267c1', name: "title" })), h("gux-truncate", { key: 'e5a85e60d83fc9686f7323529cf4c84b5399190d', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '4193070940e75a2bb80c1ed53241ab2ceb27b2de', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '4696825824b2348a173aeda2e3f17cc8816c40d5', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '83ca12f8cc1bc00fb374391cec0c95c0c82d0c95', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'a21195c004ca0a1eb82f2331a1e0c37417cf1bf7', class: "gux-content" }, h("div", { key: 'a65cc231fa7a134cbee999505afb84932dc0a95a', class: "gux-message" }, h("gux-truncate", { key: 'c47ee020d84e0e35cb669524f85a721a51014824', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '9204d3789ceb3541eb7099e2d22ca10b0f55b4b8', name: "title" })), h("gux-truncate", { key: '18bdf8ffff7cd649d3111bf24e65dcb1d20469b9', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '27e033aae471796f64a93244aa8dd31547a0334c', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '43ec4057287ebd547b6df87fb9ef83d6d644f356', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '2550cb8efd1f106973411542291a4b14035fff25', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-b6ca2adc.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;width:var(--gse-ui-toggle-track-width);height: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{border-radius:var(--gse-ui-toggle-focus-borderRadius);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)}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;bottom:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);left:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);width:calc(var(--gse-ui-toggle-handle-width) - 4px);height: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;width:calc(var(--gse-ui-toggle-handle-width) - 6px);height: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 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{border-radius:var(--gse-ui-toggle-focus-borderRadius);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)}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;
 
 const GuxToggleSlider = class {
@@ -26,12 +26,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: '9cac4e44d8c648a81adec7749b86800a75e0a7ef', class: {
+        return (h("div", { key: '518c5634d971e25dd70c2f30aa686ab4700b6ed3', 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: '7ce232a49e6436b4e9e071cbc211ab41749ee867', class: "gux-slider" }, h("div", { key: '7144f318ff09540da59d9a2a3716c27037a222b9', class: "gux-switch" }, !isError && (h("gux-icon", { key: '65eb6b7713b1af2aafe025185d9ece638a1d4577', "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: 'c13e61954c66a8287ea54960d5a2f7b0f8921f49', class: "gux-slider" }, h("div", { key: '1415efc36dd0974c888b426eb56111d09282219c', class: "gux-switch" }, !isError && (h("gux-icon", { key: '003daec7d59ea595aeaa9f21a2e0aed85f82be6c', "icon-name": "fa/check-solid", decorative: true }))))));
     }
 };
 GuxToggleSlider.style = GuxToggleSliderStyle0;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-a81777d6.js';
+import { t as trackComponent } from './usage-6bbe3333.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import './get-closest-element-728b9f18.js';
@@ -81,11 +81,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (h(Host, { key: '8eb2168bc6c5e63576cee39de5829d26027e8d4c', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'd257f915547cd32aedb01ab557ca2e7d03f98453', class: {
+        return (h(Host, { key: 'eaad794d6be3c882b188d08217ad0661dece5216', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '80e5611dd36498fb8e1e34bc9f65a1e79b342f68', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '035a4d1e1c9843542652173911f969c0709774ec', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'd60a9037a3af99cccde921f536555d0fa6f4e5b8', 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: '095bc76c3be68aec1559894c8c221a8d7a331699', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: 'a72e7a8f11db8ba6cbebbe5ac655c3c97494e57b', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '137bc89e87347aa9df6a07fc16e71877737a4696', 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: 'd8e4707aad0dd3c3132c04af40f0a02ab1615108', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
 import { a as autoUpdate, o as offset, f as flip, s as shift, h as hide, c as computePosition } from './floating-ui.dom.esm-3bade7ba.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-a81777d6.js';
+import { t as trackComponent } from './usage-6bbe3333.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 

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

@@ -125,10 +125,10 @@ const GuxTooltipTitle = class {
     }
     render() {
         return [
-            h("span", { key: '0471b600c268bb6b82bf6847cf0beb628d7cbfc9', class: {
+            h("span", { key: 'fcbedfa55259ab6700c7f8ffd206290d4deca4d0', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: '1238612d25697d7288f762a22954c8838b21bd08' })),
+                } }, h("slot", { key: '26acce78e41e8512204a358e82c0b4ec2ab4c77d' })),
             this.renderTooltip()
         ];
     }

package/dist/esm/gux-tooltip.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
 import { a as autoUpdate, o as offset, f as flip, s as shift, h as hide, c as computePosition } from './floating-ui.dom.esm-3bade7ba.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-a81777d6.js';
+import { t as trackComponent } from './usage-6bbe3333.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 
@@ -129,10 +129,10 @@ const GuxTooltip = class {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'df64d651589f2e305bb1a16c0247b4efae1ab984', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '6fd1ab31b2af7a31f34c6a0f9c974e6ec933fba8', class: {
+        return (h(Host, { key: '1d58bf1949506d1b91d4b40a046357af487bbe9f', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'd2ac0c06b3b9b4ef7a8b04a0c7d31357732dba46', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'dfa095296635a8bee231c05ec78d11b1de15eae3', name: "content" }, h("slot", { key: '1f7d783fe5946f0c593916a54d8e720c21e3a277' })))));
+            }, "data-placement": this.placement }, h("slot", { key: 'd7467ea5f9889bc8e1c08d9062ecd182549f7578', name: "content" }, h("slot", { key: '13964664224392161df029c96243f096dd862c67' })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-truncate.entry.js

@@ -63,12 +63,12 @@ const GuxTruncate = class {
     }
     render() {
         var _a;
-        return (h("div", { key: '94a8527349eb49daa79f8f4e8f3474a5d1516afa', class: {
+        return (h("div", { key: '75c37f493c7dd0f8e925027d04093386ee715b29', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: '8ac7386fa0630233fd6c516491230620ff684cc9', class: {
+            } }, h("span", { key: '87f7c2d78b83de57624cc854cc1ead5cd67dda6f', 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: '1cd91e56445b9ddca381b8220c3860b035a8562a' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: 'd7bad3001b5aea2d29b516f4fd52a8541eea6d43' })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/index-b6ca2adc.js

@@ -548,6 +548,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './gux-screen-reader-beta.entry.js').then(processMod, consoleError);
+                case 'gux-tooltip-title':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-tooltip-title.entry.js').then(processMod, consoleError);
                 case 'gux-dropdown_3':
                     return import(
                       /* webpackMode: "lazy" */
@@ -556,10 +560,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './gux-list.entry.js').then(processMod, consoleError);
-                case 'gux-tooltip-title':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './gux-tooltip-title.entry.js').then(processMod, consoleError);
                 case 'gux-form-field-input-clear-button':
                     return import(
                       /* webpackMode: "lazy" */
@@ -588,14 +588,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './gux-form-field-label-indicator.entry.js').then(processMod, consoleError);
-                case 'gux-button-slot':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './gux-button-slot.entry.js').then(processMod, consoleError);
                 case 'gux-tooltip':
                     return import(
                       /* webpackMode: "lazy" */
                       './gux-tooltip.entry.js').then(processMod, consoleError);
+                case 'gux-button-slot':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-button-slot.entry.js').then(processMod, consoleError);
                 case 'gux-icon':
                     return import(
                       /* webpackMode: "lazy" */