genesys-spark-components 4.98.1 → 4.99.0

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-4c66c07b.js');
 const getValidTimezone = require('./get-valid-timezone-cbe2b3e3.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const index$1 = require('./index-16a4179e.js');
@@ -42,7 +42,7 @@ const GuxTime = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'fa04f8b1e997d50afac9d3386c28f0d18bec0e31' }, this.renderTime()));
+        return (index.h(index.Host, { key: '82b5cf6c605bde7b302d0a73deb452a34e15118a' }, this.renderTime()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -7,7 +7,7 @@ const onClickOutside = require('./on-click-outside-31073d32.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-16a4179e.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-4c66c07b.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./get-closest-element-26170ce0.js');
@@ -431,7 +431,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: 'cf06d23df622b3e08f81b0c78766af54d50ac753', class: {
+        return (index$1.h("gux-popup", { key: '2d5dd330614d666e6daedc48239d285df28cb0ba', 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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-4c66c07b.js');
 const index$1 = require('./index-16a4179e.js');
 const timeZone = require('./time-zone-e774c9f7.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: '94ba4fe8ba6e941f0c13cd988370f044f34c6ad9' }, this.renderZoneDisplay()));
+        return (index.h(index.Host, { key: '18323c24483d93e5697275ff91ea8f8b25e21b5f' }, this.renderZoneDisplay()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
 const timeZone = require('./time-zone-e774c9f7.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-4c66c07b.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: 'd738513f1ad0226ebcc972558a5c9d803e936cb2', class: {
+        return (index.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 }, index.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 }, index.h("gux-listbox", { key: '2855646613b22f351792e137314c3e1d0dc277ce', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-4c66c07b.js');
 const hasSlot = require('./has-slot-3edae188.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)}";
@@ -45,9 +45,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: '4696825824b2348a173aeda2e3f17cc8816c40d5', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: '83ca12f8cc1bc00fb374391cec0c95c0c82d0c95', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: 'a21195c004ca0a1eb82f2331a1e0c37417cf1bf7', class: "gux-content" }, index.h("div", { key: 'a65cc231fa7a134cbee999505afb84932dc0a95a', class: "gux-message" }, index.h("gux-truncate", { key: 'c47ee020d84e0e35cb669524f85a721a51014824', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: '9204d3789ceb3541eb7099e2d22ca10b0f55b4b8', name: "title" })), index.h("gux-truncate", { key: '18bdf8ffff7cd649d3111bf24e65dcb1d20469b9', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: '27e033aae471796f64a93244aa8dd31547a0334c', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (index.h("div", { key: '44c3d7ab804cb89cc4a05a8373df84c2ad5cdc60', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: 'de942128a04714c31bccb0864043ca4fdcc73197', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: '583daddc2935339732232c08783958638c2f76fa', class: "gux-content" }, index.h("div", { key: 'f5876c15854a61d8a4d2afa3b302958c16f44aee', class: "gux-message" }, index.h("gux-truncate", { key: 'd20bab8afbc5ff4cf4641a818cf7a69ae920132b', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: '7febd9532403e674232622a71941f0a2bdbf1af6', name: "title" })), index.h("gux-truncate", { key: '2d7d1f63678b743ece024114dd2e4bf0f940ec70', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: '01077dc465db42c10121981f25d996c04af3a79a', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), index.h("gux-dismiss-button", { key: '2550cb8efd1f106973411542291a4b14035fff25', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), index.h("gux-dismiss-button", { key: 'd9c9f50be645c213c0abb2d30e166f21943fcc10', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -30,12 +30,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (index.h("div", { key: '518c5634d971e25dd70c2f30aa686ab4700b6ed3', class: {
+        return (index.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) }, index.h("div", { key: 'c13e61954c66a8287ea54960d5a2f7b0f8921f49', class: "gux-slider" }, index.h("div", { key: '1415efc36dd0974c888b426eb56111d09282219c', class: "gux-switch" }, !isError && (index.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) }, index.h("div", { key: 'd3550f6690086cf0d7451abdc421e4156d358539', class: "gux-slider" }, index.h("div", { key: 'd51149528f299522a0917ba16832ab7e91d8c0fe', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: 'd4ecd9ddfefd6b43901b2434a2496a0d422c1936', "icon-name": "fa/check-solid", decorative: true }))))));
     }
 };
 GuxToggleSlider.style = GuxToggleSliderStyle0;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-4c66c07b.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const index$1 = require('./index-16a4179e.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -85,11 +85,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'eaad794d6be3c882b188d08217ad0661dece5216', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '80e5611dd36498fb8e1e34bc9f65a1e79b342f68', class: {
+        return (index.h(index.Host, { key: '5e2ef32a649e36ea5633adf8d8730221fc97d809', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '0c32b0ee9be631218548e005ede6cc04d39d9635', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, index.h("div", { key: 'a72e7a8f11db8ba6cbebbe5ac655c3c97494e57b', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.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()), index.h("gux-announce-beta", { key: 'd8e4707aad0dd3c3132c04af40f0a02ab1615108', ref: el => (this.announceElement = el) })));
+            } }, index.h("div", { key: '650d2b33ac8fa62023ddccc2b6bdd645ad05373c', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.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()), index.h("gux-announce-beta", { key: 'a235e1feb287f247c6b287abdf0ece7e20837c54', 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

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const floatingUi_dom_esm = require('./floating-ui.dom.esm-973d8a45.js');
+const floatingUi_dom_esm = require('./floating-ui.dom.esm-0b237e01.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-4c66c07b.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
+const overflowDetection = require('./overflow-detection-af5bdb87.js');
 const findElementById = require('./find-element-by-id-fde17c92.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}}";
@@ -63,7 +64,13 @@ const GuxTooltipBase = class {
         });
     }
     updatePosition() {
-        const middleware = [floatingUi_dom_esm.offset(16), floatingUi_dom_esm.flip(), floatingUi_dom_esm.shift(), floatingUi_dom_esm.hide()];
+        const middleware = [
+            floatingUi_dom_esm.offset(16),
+            floatingUi_dom_esm.flip(),
+            floatingUi_dom_esm.shift(),
+            floatingUi_dom_esm.hide(),
+            overflowDetection.overflowDetection()
+        ];
         void floatingUi_dom_esm.computePosition(this.forElement, this.root, {
             placement: this.placement,
             strategy: 'fixed',
@@ -123,10 +130,10 @@ const GuxTooltipBase = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.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 }, index.h("div", { key: '489760abcd1e6ee74455aec3942919a731af9de9', class: {
+        return (index.h(index.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 }, index.h("div", { key: 'b788e2bc87e9721ccd408a56f4086095e6647370', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: 'bd526d929810207c84c5c9048826c95e98363f6e', name: "content" }))));
+            }, "data-placement": this.placement }, index.h("slot", { key: 'e8cf1aa777998c6f206e06ce59ab33b09a6189da', name: "content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {
@@ -205,7 +212,7 @@ const GuxTooltip = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '793cbef2ca35e24ad9aa850e74ec7f5c051cabd5', id: this.id, role: this.role }, index.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) }, index.h("span", { key: 'b07a1fabe177ec340948d1c7b4067616defadde5', slot: "content" }, index.h("slot", { key: '6ba36f7f88f71e50bcde0a009bbefc13774276b2', name: "content" }, index.h("slot", { key: 'c4ffe632f13d1b2840686586994b0e64686d26d6' }))))));
+        return (index.h(index.Host, { key: 'f2ebdfbd5fb382d6df0dd6fabd2f3c2eaa6f9151', id: this.id, role: this.role }, index.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) }, index.h("span", { key: 'f142e0d4ed78a9baba60ad5e62cbfde574a7a1c9', slot: "content" }, index.h("slot", { key: 'cc4c38ecb502b49c12e9d7e27f349b0c8be36170', name: "content" }, index.h("slot", { key: 'fa21cef8bd4692de0c637f62e3b3487002d8efeb' }))))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

@@ -3,11 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const floatingUi_dom_esm = require('./floating-ui.dom.esm-973d8a45.js');
+const floatingUi_dom_esm = require('./floating-ui.dom.esm-0b237e01.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-94d9ea36.js');
+const usage = require('./usage-4c66c07b.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
+const overflowDetection = require('./overflow-detection-af5bdb87.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;
@@ -59,7 +60,13 @@ const GuxTooltip = class {
         });
     }
     updatePosition() {
-        const middleware = [floatingUi_dom_esm.offset(16), floatingUi_dom_esm.flip(), floatingUi_dom_esm.shift(), floatingUi_dom_esm.hide()];
+        const middleware = [
+            floatingUi_dom_esm.offset(16),
+            floatingUi_dom_esm.flip(),
+            floatingUi_dom_esm.shift(),
+            floatingUi_dom_esm.hide(),
+            overflowDetection.overflowDetection()
+        ];
         void floatingUi_dom_esm.computePosition(this.forElement, this.root, {
             placement: this.placement,
             strategy: 'fixed',
@@ -133,10 +140,10 @@ const GuxTooltip = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: '1d58bf1949506d1b91d4b40a046357af487bbe9f', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: 'd2ac0c06b3b9b4ef7a8b04a0c7d31357732dba46', class: {
+        return (index.h(index.Host, { key: '3d03f3a0c19b88042c156d41560bb5c39a5b9dcc', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: '687b1edde344f327f54bd321d7aad1fe51904779', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: 'd7467ea5f9889bc8e1c08d9062ecd182549f7578', name: "content" }, index.h("slot", { key: '13964664224392161df029c96243f096dd862c67' })))));
+            }, "data-placement": this.placement }, index.h("slot", { key: '8f285e4ab94b4378f3bd3fa3e2784c44e747e717', name: "content" }, index.h("slot", { key: '5bdd0a2f14f1df68fceadff819fa278ae5307aeb' })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

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

package/dist/cjs/overflow-detection-af5bdb87.js

@@ -0,0 +1,28 @@
+'use strict';
+
+const floatingUi_dom_esm = require('./floating-ui.dom.esm-0b237e01.js');
+
+function overflowDetection() {
+    return {
+        name: 'overflowDetection',
+        async fn(state) {
+            const overflowData = await floatingUi_dom_esm.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 {};
+        }
+    };
+}
+
+exports.overflowDetection = overflowDetection;

package/dist/cjs/{usage-94d9ea36.js → usage-4c66c07b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 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";

package/dist/collection/components/beta/gux-label-info/gux-label-info.js

@@ -30,7 +30,7 @@ export class GuxLabelInfo {
         return await this.tooltipElement.hideTooltip();
     }
     render() {
-        return (h("div", { key: 'eb66887ffe2972faee641cccfb3f935f92bfc854', class: "gux-label-info" }, h("gux-screen-reader-beta", { key: '230b736eb28544139150b2fa3a29fad3ff4d224d' }, h("slot", { key: '23bb9fabdaca0e99f780f96ecd140b112b295340', name: "content" })), h("gux-icon", { key: '46914c27de93ccc63db4b3305c75311444aec20f', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), h("gux-tooltip-beta", { key: '727cabe31dc2691201e159dc6a6877a7eb8246a6', placement: this.placement, ref: el => (this.tooltipElement = el) }, h("div", { key: 'e0cf603e0d7c4aa87957a3de9ff7bd10af774acd', slot: "content" }, getSlotTextContent(this.root, 'content')))));
+        return (h("div", { key: '002dd520b8963ca31fe898198c1bc461186c5418', class: "gux-label-info" }, h("gux-screen-reader-beta", { key: 'c3dc8f9f95e6d8c0cf72ae06700dea0433f61dbd' }, getSlotTextContent(this.root, 'content')), h("gux-icon", { key: 'fbd08623e72a315950a3d3664c14850fba79e08c', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), h("gux-tooltip-beta", { key: 'cc8a5475fd40d8e21add82f1b689251831134fc1', placement: this.placement, ref: el => (this.tooltipElement = el) }, h("slot", { key: 'b84d0f31945c0e924e023694a85c53872004f57f', name: "content" }))));
     }
     static get is() { return "gux-label-info-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-calendar.js

@@ -166,7 +166,7 @@ export class GuxMonthCalendar {
         return (h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (h("div", { key: '677921c9dde412710726338267e591ad25860551', class: {
+        return (h("div", { key: '1bf08b790a5cdb3279809536c22f21f25febdbc0', class: {
                 'gux-hidden': !this.expanded,
                 'gux-month-calendar': true
             } }, this.renderHeader(), this.renderMonths()));

package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-list/gux-month-list-item/gux-month-list-item.js

@@ -22,7 +22,7 @@ export class GuxMonthListItem {
         }
     }
     render() {
-        return (h(Host, { key: '81219ec153e7c466b7a2b9ebe614d691c576595c', role: "listitem", value: this.value }, h("div", { key: 'eccb4ec0999c329e1c70561930e629f362c1a064', class: "gux-container" }, h("button", { key: 'cf8e11ed5f104a44796877a19964969d5e74bbd5', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '06ac363b8ecc1d20445af10bae4fc176a48e0aa7' })))));
+        return (h(Host, { key: '0c1de73e9c85b6f2fc0bdd201a7c488d9be4e012', role: "listitem", value: this.value }, h("div", { key: 'c04537773800e63a7968b7f7d64da46a2c3da07e', class: "gux-container" }, h("button", { key: '4caac77c98d9d7aefb2262b2c5d365fe763fca08', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'ccb35f53997ac2d353df127d8dd6208ab2d07727' })))));
     }
     static get is() { return "gux-month-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-list/gux-month-list.js

@@ -38,7 +38,7 @@ export class GuxMonthList {
         first(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: 'a547b8cb470a7954273b8bb225c1fbbc0d6068fe', role: "list" }, h("slot", { key: '184656f93c75eb43590a0db3086960e2a020d9b5' })));
+        return (h(Host, { key: 'e166432f0a713540f4c1d23e48e0d843adb7161d', role: "list" }, h("slot", { key: 'a378cb4ca462756dccb95f15c991c215d8d436d0' })));
     }
     static get is() { return "gux-month-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-month-picker/gux-month-picker.js

@@ -200,7 +200,7 @@ export class GuxMonthPicker {
         return (h("gux-month-calendar", { slot: "popup", ref: (el) => (this.monthCalendarElement = el), onInput: () => this.onMonthCalendarInput(), value: this.value, min: this.min, max: this.max }));
     }
     render() {
-        return (h("gux-popup", { key: 'dbb99af69d5607c7b3110919c0da6ca433dd6abf', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '6d0e344fb180a8d62bc065e373629c47dc097ae5', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-month-picker-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-phone-input/gux-phone-input.js

@@ -364,7 +364,7 @@ export class GuxPhoneInput {
         return (h("div", { slot: "popup", class: "gux-listbox-container" }, h("gux-listbox", { "aria-label": this.i18n('regionDropdown'), value: this.region ? this.region.alpha2Code : '' }, this.regionOptions)));
     }
     render() {
-        return (h("gux-popup", { key: '5a177a66e42577611204b82e567eaa57c71fbb9a', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '54e66bedfdede08e3aafa707cd56d996d164b138', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-phone-input-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-popover-beta/gux-popover.js

@@ -197,10 +197,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: 'aa737a1566ca572ee66663bf93f81d0dcb2ab54a', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'bb924b7ec748a448f35fc84fbfaa9be6814a5e0e', ref: (el) => (this.popupElement = el), class: {
                 'gux-popover-wrapper': true,
                 'gux-hidden': !this.isOpen
-            }, "data-placement": true, popover: "manual" }, h("div", { key: '141277d4fc16931fbd2ce4215db969c8e4cbbd78', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '1f4076917f0f571a418c2c81473169915d9291ec', class: "gux-arrow-caret" })), h("div", { key: '0c85ed77802e827622dac9d51d9655018109248b', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '20498249bda585885a11d9dabcbb84068620bb4f', name: "title" }), this.renderDismissButton()), h("div", { key: 'dbef79c1b5844410788a8099a7eb8b1873af48bd', class: "gux-popover-content" }, h("slot", { key: 'dfe962454dadc3b1b7a1456cffae656ddebe7ff4' }))));
+            }, "data-placement": true, popover: "manual" }, h("div", { key: '4bb8c5278696777fdaf21fe3e749d005e5c4bb66', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '93d4446390addd4fc5ad9aa25f1933a054406e59', class: "gux-arrow-caret" })), h("div", { key: 'f62bd0ca8e5c08ca98a774a1a2c96885010a3212', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'cfd17eef87bfe09fb4ceaf43f66f24ccad134a81', name: "title" }), this.renderDismissButton()), h("div", { key: '98f22281a61d8e167e77fe4cab2b38bf1ccc8f49', class: "gux-popover-content" }, h("slot", { key: '5f6d2de55a5ddfc4e49ba73c4d537d75ab794431' }))));
     }
     static get is() { return "gux-popover-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-action-group/gux-rich-text-editor-action-group.js

@@ -18,7 +18,7 @@ export class GuxRichTextEditorActionGroup {
         }
     }
     render() {
-        return (h(Host, { key: 'a5e18d4a8720c312e815ddf55114cef0b4e2e306' }, h("div", { key: '0554a4949eacc8b108b581db576ce4f65ea98f6e', class: "gux-action-group-container" }, h("slot", { key: '89e6d6befcb318cf7ad6ea1c5793da91022f278e' })), this.renderActionGroupDivider()));
+        return (h(Host, { key: '29d64c58d7e555806180d8c7d20e0717cf05827b' }, h("div", { key: 'f131ab79c23520a9b3f511441cd5eca694f3ced4', class: "gux-action-group-container" }, h("slot", { key: '893be82e57ba153e8f9bac66f323bf5035da9fae' })), this.renderActionGroupDivider()));
     }
     static get is() { return "gux-rich-text-editor-action-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-beta.js

@@ -34,10 +34,10 @@ export class GuxRichTextEditor {
         return this.renderSlot('global-actions', 'gux-global-actions-container');
     }
     render() {
-        return (h("div", { key: 'c8b7d0e895d041a9365af8e9fc7bb50bb5917213', class: {
+        return (h("div", { key: 'a707ab0a85c67bc2245bcee09abeca4ab75ba206', class: {
                 'gux-rich-text-editor-container': true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'c12eb84731abc0392bc7f8beed93f6e8d682d555', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalActions()), h("slot", { key: '4be2b4e5e259e2f5510c4bdb64da8505e5a009f1', name: "editor" })));
+            } }, h("div", { key: 'bc377de5f4ec9c4877b26fc3c29acd74b7b29c0f', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalActions()), h("slot", { key: 'f9f932c875385e22be1f9e6b7779fc2153132f52', name: "editor" })));
     }
     static get is() { return "gux-rich-text-editor-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-screen-reader/gux-screen-reader.js

@@ -8,7 +8,7 @@ export class GuxScreenReader {
         trackComponent(this.root);
     }
     render() {
-        return (h("span", { key: '8fb432d7388caa1a6cd218f8912e0ebf2a5740a2', class: "gux-sr-only" }, h("slot", { key: 'e45f4cbc43482f66d29d413625e2c85e64d34240' })));
+        return (h("span", { key: '0ecfbe4c440710ff030e763cd2c6ce5a03bc69ed', class: "gux-sr-only" }, h("slot", { key: '735e4cd2fa5b1ecc161fca404a6079daf68b6e94' })));
     }
     static get is() { return "gux-screen-reader-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control-item/gux-segmented-control-item.js

@@ -45,18 +45,18 @@ export class GuxSegmentedControlItem {
         }
     }
     render() {
-        return (h("div", { key: 'dc46906606d50c91ab22416895539fee3c4b2aad', class: {
+        return (h("div", { key: 'a9dc97e25ba6133cff59915908c5c61d40c124d3', class: {
                 'gux-container': true,
                 'gux-start': this.isInStartPosition(this.root),
                 'gux-end': this.isInEndPosition(this.root)
-            } }, h("button", { key: 'd523cd1a0bffee8bd4089a4818f89c59f8730e65', class: {
+            } }, h("button", { key: '2c758555f67c8dca28dc293122ab5a0440efbc42', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: '14fa53716ca35297ada5a9123df90b450ced14c9', class: {
+            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: '060a4eadf013f71c03bb75788c7dd3e55b235064', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: 'cabd8871458da9377daa62dea1d31662721f82f7', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: '984c41d166ee7a8b9e8a50a84a8eb7dfa7e077c9', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-segmented-control-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control.js

@@ -30,7 +30,7 @@ export class GuxSegmentedControl {
         });
     }
     render() {
-        return (h(Host, { key: 'd92279de25eca923eb4a937b43285e72fe01e6db', role: "group" }, h("slot", { key: 'b31f4db1c171864b25aa09fa3b771f170ebd1862', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'e716082dfafef434da5976ce6b92d24a52ebc13a', role: "group" }, h("slot", { key: 'f1aae22a88628ab70dfcb4ea13a84dc0650aa442', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-segmented-control-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.js

@@ -50,11 +50,11 @@ export class GuxSelectorCard {
         }
     }
     render() {
-        return (h("div", { key: '36e9854a9b1596985a14344e5d382a70b26a3865', class: {
+        return (h("div", { key: '8d1fbba6192ca0a41d87d798d8a2ccc1ba1611ca', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'd5c1f7a75deb3cd6e53d29cb8522f69553250fd0', class: "gux-content" }, h("div", { key: '97cc1be3d41db54b76c27f3e243b842efb6915d1', class: "gux-icon" }, h("slot", { key: '260bef000e3a08d67a89aa1cd684df2a06ffec0f', name: "icon" })), h("div", { key: 'adbdd6b5f7149cda9cf5c42dd77e1f6b41a7c68a', class: "gux-label-container" }, h("slot", { key: '1ee7d7e8b6957ba13eaf1c6a573601cdabfe5654', name: "label" })), h("slot", { key: 'd0e27ba586008b9e3bd1fbb970ccf9fabb24b838', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, h("div", { key: '969fbb14f401d400c95c87ff4a26dfb660ffb162', class: "gux-content" }, h("div", { key: '4288c5c8d252e632d3ed6d4356973839beb93897', class: "gux-icon" }, h("slot", { key: '2f0a59c6652a3113a675651c56eba4101f61789c', name: "icon" })), h("div", { key: '046bcd334dcbede5c2aa1d8903c2f033e2e11785', class: "gux-label-container" }, h("slot", { key: '6988c4825800b7f7e289058477a243f22651bd66', name: "label" })), h("slot", { key: '051809cb3ce91a438ce99c1a0ec6e7783d7764fe', name: "input" }), this.renderDescription(), this.renderBadge())));
     }
     static get is() { return "gux-selector-card-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-selector-cards/gux-selector-cards.js

@@ -8,7 +8,7 @@ export class GuxSelectorCards {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'a344a19a4d45e0a02e4fc305ada701ee8a218ea4', class: "gux-selector-cards" }, h("slot", { key: '42711c8d6c3b618baa9f15de853064348ea01d7d' })));
+        return (h("div", { key: 'b02f3566386dec3f2dfc060a91386f32db39ac4c', class: "gux-selector-cards" }, h("slot", { key: '6334e361281bdc64fd3cd15f387bb7303927819b' })));
     }
     static get is() { return "gux-selector-cards-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time/gux-time.js

@@ -38,7 +38,7 @@ export class GuxTime {
         }
     }
     render() {
-        return (h(Host, { key: 'fa04f8b1e997d50afac9d3386c28f0d18bec0e31' }, this.renderTime()));
+        return (h(Host, { key: '82b5cf6c605bde7b302d0a73deb452a34e15118a' }, this.renderTime()));
     }
     static get is() { return "gux-time-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time-zone/gux-time-zone.js

@@ -31,7 +31,7 @@ export class GuxTimeZoneBeta {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '94ba4fe8ba6e941f0c13cd988370f044f34c6ad9' }, this.renderZoneDisplay()));
+        return (h(Host, { key: '18323c24483d93e5697275ff91ea8f8b25e21b5f' }, this.renderZoneDisplay()));
     }
     static get is() { return "gux-time-zone-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time-zone-picker/gux-time-zone-picker.js

@@ -151,11 +151,11 @@ export class GuxTimeZonePickerBeta {
         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())));
     }
     static get is() { return "gux-time-zone-picker-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tooltip-base/gux-tooltip-base.js

@@ -3,6 +3,7 @@ import { autoUpdate, computePosition, flip, hide, offset, shift } from "@floatin
 import { randomHTMLId } from "../../../utils/dom/random-html-";
 import { trackComponent } from "../../../utils/tracking/usage";
 import { afterNextRender } from "../../../utils/dom/after-next-render";
+import { overflowDetection } from "../../../utils/dom/overflow-detection";
 /**
  * @slot content - Slot for content
  */
@@ -56,7 +57,13 @@ export class GuxTooltipBase {
         });
     }
     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',
@@ -116,10 +123,10 @@ export class GuxTooltipBase {
         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" }))));
     }
     static get is() { return "gux-tooltip-base-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tooltip-beta/gux-tooltip.js

@@ -72,7 +72,7 @@ export class GuxTooltip {
         }
     }
     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' }))))));
     }
     static get is() { return "gux-tooltip-beta"; }
     static get encapsulation() { return "shadow"; }