genesys-spark-components 4.98.1 → 4.99.0

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-6bbe3333.js';
+import { t as trackComponent } from './usage-73738884.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import './get-closest-element-728b9f18.js';
 
@@ -156,11 +156,11 @@ const GuxTimeZonePickerBeta = class {
         return (h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (h("gux-dropdown", { key: 'd738513f1ad0226ebcc972558a5c9d803e936cb2', class: {
+        return (h("gux-dropdown", { key: '193500b9a5fafaa68f2c553f48968d0ea81bfdb2', 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 }, h("gux-listbox", { key: '83b90fee82119ad099e616fe2c3d1553b529fa43', "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 }, h("gux-listbox", { key: '2855646613b22f351792e137314c3e1d0dc277ce', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
     }
     get root() { return getElement(this); }
 };

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-6bbe3333.js';
+import { t as trackComponent } from './usage-73738884.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: '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' &&
+        return (h("div", { key: '44c3d7ab804cb89cc4a05a8373df84c2ad5cdc60', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'de942128a04714c31bccb0864043ca4fdcc73197', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '583daddc2935339732232c08783958638c2f76fa', class: "gux-content" }, h("div", { key: 'f5876c15854a61d8a4d2afa3b302958c16f44aee', class: "gux-message" }, h("gux-truncate", { key: 'd20bab8afbc5ff4cf4641a818cf7a69ae920132b', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '7febd9532403e674232622a71941f0a2bdbf1af6', name: "title" })), h("gux-truncate", { key: '2d7d1f63678b743ece024114dd2e4bf0f940ec70', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '01077dc465db42c10121981f25d996c04af3a79a', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '2550cb8efd1f106973411542291a4b14035fff25', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: 'd9c9f50be645c213c0abb2d30e166f21943fcc10', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -26,12 +26,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: '518c5634d971e25dd70c2f30aa686ab4700b6ed3', class: {
+        return (h("div", { key: 'f80695ef737330a72fee79db63c687140846ca22', 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: 'c13e61954c66a8287ea54960d5a2f7b0f8921f49', class: "gux-slider" }, h("div", { key: '1415efc36dd0974c888b426eb56111d09282219c', class: "gux-switch" }, !isError && (h("gux-icon", { key: '003daec7d59ea595aeaa9f21a2e0aed85f82be6c', "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: 'd3550f6690086cf0d7451abdc421e4156d358539', class: "gux-slider" }, h("div", { key: 'd51149528f299522a0917ba16832ab7e91d8c0fe', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'd4ecd9ddfefd6b43901b2434a2496a0d422c1936', "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-6bbe3333.js';
+import { t as trackComponent } from './usage-73738884.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: 'eaad794d6be3c882b188d08217ad0661dece5216', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '80e5611dd36498fb8e1e34bc9f65a1e79b342f68', class: {
+        return (h(Host, { key: '5e2ef32a649e36ea5633adf8d8730221fc97d809', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '0c32b0ee9be631218548e005ede6cc04d39d9635', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, 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) })));
+            } }, h("div", { key: '650d2b33ac8fa62023ddccc2b6bdd645ad05373c', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'c1aac0fbdd7c49d602bf683c94b6ef1ecab563b0', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: 'a235e1feb287f247c6b287abdf0ece7e20837c54', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,8 +1,9 @@
 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 { a as autoUpdate, o as offset, f as flip, s as shift, h as hide, c as computePosition } from './floating-ui.dom.esm-6db51a37.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-73738884.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
+import { o as overflowDetection } from './overflow-detection-49b324ef.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 
 const guxTooltipBaseCss = ":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;inline-size:max-content;max-inline-size:250px;pointer-events:none;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow-offsetX) var(--gse-ui-tooltip-boxShadow-offsetY) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:350ms;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);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}}";
@@ -59,7 +60,13 @@ const GuxTooltipBase = class {
         });
     }
     updatePosition() {
-        const middleware = [offset(16), flip(), shift(), hide()];
+        const middleware = [
+            offset(16),
+            flip(),
+            shift(),
+            hide(),
+            overflowDetection()
+        ];
         void computePosition(this.forElement, this.root, {
             placement: this.placement,
             strategy: 'fixed',
@@ -119,10 +126,10 @@ const GuxTooltipBase = class {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'c770bc81de96d2cbdab860f862859c9bbbf39855', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: '489760abcd1e6ee74455aec3942919a731af9de9', class: {
+        return (h(Host, { key: '1ee9387e1c24fb277126461fa2babeebaa53a420', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: 'b788e2bc87e9721ccd408a56f4086095e6647370', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'bd526d929810207c84c5c9048826c95e98363f6e', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: 'e8cf1aa777998c6f206e06ce59ab33b09a6189da', name: "content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {
@@ -201,7 +208,7 @@ const GuxTooltip = class {
         }
     }
     render() {
-        return (h(Host, { key: '793cbef2ca35e24ad9aa850e74ec7f5c051cabd5', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '3d16db4bd342a99e8d291cd80216f3cfebb80eb3', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: 'b07a1fabe177ec340948d1c7b4067616defadde5', slot: "content" }, h("slot", { key: '6ba36f7f88f71e50bcde0a009bbefc13774276b2', name: "content" }, h("slot", { key: 'c4ffe632f13d1b2840686586994b0e64686d26d6' }))))));
+        return (h(Host, { key: 'f2ebdfbd5fb382d6df0dd6fabd2f3c2eaa6f9151', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'e5bf22d96ef93ea9a92e3513bbf2b4402cc3b316', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: 'f142e0d4ed78a9baba60ad5e62cbfde574a7a1c9', slot: "content" }, h("slot", { key: 'cc4c38ecb502b49c12e9d7e27f349b0c8be36170', name: "content" }, h("slot", { key: 'fa21cef8bd4692de0c637f62e3b3487002d8efeb' }))))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

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

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

@@ -1,9 +1,10 @@
 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 { a as autoUpdate, o as offset, f as flip, s as shift, h as hide, c as computePosition } from './floating-ui.dom.esm-6db51a37.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-73738884.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
+import { o as overflowDetection } from './overflow-detection-49b324ef.js';
 
 const guxTooltipCss = ":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;inline-size:max-content;max-inline-size:250px;pointer-events:none;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow-offsetX) var(--gse-ui-tooltip-boxShadow-offsetY) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:350ms;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);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;
@@ -55,7 +56,13 @@ const GuxTooltip = class {
         });
     }
     updatePosition() {
-        const middleware = [offset(16), flip(), shift(), hide()];
+        const middleware = [
+            offset(16),
+            flip(),
+            shift(),
+            hide(),
+            overflowDetection()
+        ];
         void computePosition(this.forElement, this.root, {
             placement: this.placement,
             strategy: 'fixed',
@@ -129,10 +136,10 @@ const GuxTooltip = class {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '1d58bf1949506d1b91d4b40a046357af487bbe9f', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'd2ac0c06b3b9b4ef7a8b04a0c7d31357732dba46', class: {
+        return (h(Host, { key: '3d03f3a0c19b88042c156d41560bb5c39a5b9dcc', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '687b1edde344f327f54bd321d7aad1fe51904779', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'd7467ea5f9889bc8e1c08d9062ecd182549f7578', name: "content" }, h("slot", { key: '13964664224392161df029c96243f096dd862c67' })))));
+            }, "data-placement": this.placement }, h("slot", { key: '8f285e4ab94b4378f3bd3fa3e2784c44e747e717', name: "content" }, h("slot", { key: '5bdd0a2f14f1df68fceadff819fa278ae5307aeb' })))));
     }
     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: '75c37f493c7dd0f8e925027d04093386ee715b29', class: {
+        return (h("div", { key: '18a8a9bb0b9af7892f1e3a3647da05ad113693fd', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: '87f7c2d78b83de57624cc854cc1ead5cd67dda6f', class: {
+            } }, h("span", { key: '0733ee3bfae48e77338c6440689899f66c2d87cd', 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: 'd7bad3001b5aea2d29b516f4fd52a8541eea6d43' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '375bc4cc08b704ad66605f0e46a4098c30039c29' })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/overflow-detection-49b324ef.js

@@ -0,0 +1,26 @@
+import { d as detectOverflow } from './floating-ui.dom.esm-6db51a37.js';
+
+function overflowDetection() {
+    return {
+        name: 'overflowDetection',
+        async fn(state) {
+            const overflowData = await detectOverflow(state, {
+                boundary: 'clippingAncestors',
+                elementContext: 'reference'
+            });
+            if (state.placement.includes('bottom') && overflowData.bottom > 0) {
+                return {
+                    y: state.y - overflowData.bottom
+                };
+            }
+            if (state.placement.includes('top') && overflowData.top > 0) {
+                return {
+                    y: state.y + overflowData.top
+                };
+            }
+            return {};
+        }
+    };
+}
+
+export { overflowDetection as o };

package/dist/esm/{usage-6bbe3333.js → usage-73738884.js}

@@ -1,5 +1,5 @@
 const name = "genesys-spark-components";
-const version = "4.98.1";
+const version = "4.99.0";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";