genesys-spark-components 4.115.1 → 4.117.0

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

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-2dd05ef3.js');
-const onClickOutside = require('./on-click-outside-bb55ad5e.js');
+const index$1 = require('./index-77202cdc.js');
+const onClickOutside = require('./on-click-outside-2faf7467.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const index = require('./index-d7208697.js');
-const usage = require('./usage-e9f2212c.js');
+const index = require('./index-220b0ad3.js');
+const usage = require('./usage-b8a0be8e.js');
+const logError = require('./log-error-7b9d4b57.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./get-closest-element-26170ce0.js');
@@ -270,10 +271,20 @@ const GuxTimePicker = class {
         usage.trackComponent(this.root);
         this.i18n = await index.buildI18nForComponent(this.root, translationResources);
         this.clockType = this.clockType || getLocaleClockType(this.root);
+        this.validateValueFormat(this.value, '00:00');
         if (this.clockType == '12h' && (this.min || this.max)) {
-            console.error('clock type must be "24h" when using min/max props');
+            logError.logError(this.root, 'clock type must be "24h" when using min/max props');
         }
     }
+    validateValueFormat(newValue, oldValue) {
+        if (!this.isValidTimeFormat(newValue)) {
+            logError.logError(this.root, `"${newValue}" is not a valid value format. Format must be "hh:mm" or "h:mm". Falling back to previous value: "${oldValue}"`);
+            this.value = oldValue;
+        }
+    }
+    isValidTimeFormat(value) {
+        return typeof value === 'string' && /^\d{1,2}:\d{2}$/.test(value);
+    }
     updateValue(value, fireChange = false) {
         if (value !== this.value) {
             this.value = value;
@@ -433,12 +444,15 @@ 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: '520d19cc360c779b79a69bbbef7073c4d37ff1a5', class: {
+        return (index$1.h("gux-popup", { key: '790159903dd4523bb55071ac9cffcddd41508fa0', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return index$1.getElement(this); }
+    static get watchers() { return {
+        "value": ["validateValueFormat"]
+    }; }
 };
 __decorate([
     onClickOutside.OnClickOutside({ triggerEvents: 'mousedown' })

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-e9f2212c.js');
-const index$1 = require('./index-d7208697.js');
+const index = require('./index-77202cdc.js');
+const usage = require('./usage-b8a0be8e.js');
+const index$1 = require('./index-220b0ad3.js');
 const timeZone = require('./time-zone-7ad4a25c.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2dd05ef3.js');
-const index$1 = require('./index-d7208697.js');
+const index = require('./index-77202cdc.js');
+const index$1 = require('./index-220b0ad3.js');
 const timeZone = require('./time-zone-7ad4a25c.js');
-const usage = require('./usage-e9f2212c.js');
+const usage = require('./usage-b8a0be8e.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-e9f2212c.js');
+const index = require('./index-77202cdc.js');
+const usage = require('./usage-b8a0be8e.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const logError = require('./log-error-7b9d4b57.js');
 
@@ -59,9 +59,9 @@ const GuxToast = class {
         return (index.h("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (index.h("gux-button-slot", { slot: "secondary" }, index.h("slot", { name: "secondary-button" }))), index.h("gux-button-slot", { slot: "primary" }, index.h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (index.h("div", { key: '141dff8969911711de760a3e656513af09839c47', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: 'b4cc0d2a045b886d10d94e96008fa9183c8e2e8f', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: 'e6903326add575519137b0b5305d9ff4edb66a8e', class: "gux-content" }, index.h("div", { key: 'aa7466c030c5a9c3914a642efb1fb39651c4538c', class: "gux-message" }, index.h("gux-truncate", { key: '5bfb501057d15d3d0761e4c4c94cc806e1de047e', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: '62718505e7d2b41730e0474a9f47a5191e6ee7f4', name: "title" })), index.h("gux-truncate", { key: 'e98dccc5242d22933fb71e8d400ce0e03a4b2a70', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: 'ffb36fbf5ec85de4ad17b82aa2cb6a3ebb1bf43f', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (index.h("div", { key: '033e2dc79c03f9afa1022feca4afc4e4bccc93cb', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: '67eb72c257e01e983153dec3096ad37c2e497282', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: 'cf8bc1c227f0fa3543e9f9bc85561afbb855539f', class: "gux-content" }, index.h("div", { key: '075e2ae02e39c1624cac4d215fb4b9059b0a59a2', class: "gux-message" }, index.h("gux-truncate", { key: '0ad6f3854d48bfc545b9823077f26ac8d3946d5d', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: 'dbff2c08c81ac809316c5c75421b14c9d22f4838', name: "title" })), index.h("gux-truncate", { key: '06913a1b60bf729a2b0ece4af528602cf0964bb4', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: 'e394d5a2170959e6fd263bf618d0bbc6512a047b', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), index.h("gux-dismiss-button", { key: '772680bcba85ed4f7e426df5b67a3f35c75c6db6', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), index.h("gux-dismiss-button", { key: 'bc8a930bb582f4aa874facfedab5b6f02a60201a', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2dd05ef3.js');
+const index = require('./index-77202cdc.js');
 
 const guxToggleSliderCss = "gux-toggle-slider{display:flex;align-items:center;padding:2px;outline:none}gux-toggle-slider .gux-toggle-slider{position:relative;display:inline-block;flex:0 1 auto;align-self:auto;order:0;inline-size:var(--gse-ui-toggle-track-width);block-size:var(--gse-ui-toggle-track-height);cursor:pointer;border-radius:var(--gse-ui-toggle-track-borderRadius)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider{background-color:var(--gse-ui-toggle-track-error-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider .gux-switch{border:var(--gse-ui-toggle-handle-error-border-width) var(--gse-ui-toggle-handle-error-border-style) var(--gse-ui-toggle-handle-error-border-color)}gux-toggle-slider .gux-toggle-slider.gux-error.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-error-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-disabled{pointer-events:none;cursor:default;background-color:var(--gse-ui-toggle-track-disabled-off-backgroundColor);opacity:var(--gse-ui-toggle-disabled-opacity)}gux-toggle-slider .gux-toggle-slider:focus-visible{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;
@@ -25,12 +25,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (index.h("div", { key: '647b4e591ec46ad752ea3c847bb831e7e00b2307', class: {
+        return (index.h("div", { key: '0bc7942d446ecdccd1f5ee6c6ca46df645406540', class: {
                 'gux-toggle-slider': true,
                 'gux-checked': this.checked,
                 'gux-disabled': this.disabled,
                 'gux-error': isError
-            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, index.h("div", { key: 'fa891494f50727d8044bdbf342a2162d9874496b', class: "gux-slider" }, index.h("div", { key: '12cb1dff46027fecef7a8ca5af9b00c791d428e1', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: 'b8acd8af92996010743f9f98479156dda5eba504', "icon-name": "fa/check-solid", decorative: true }))))));
+            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, index.h("div", { key: '3fdeecc22da8482b5b6dd8d9bb1cf176e307979b', class: "gux-slider" }, index.h("div", { key: '4ee348f14408b2795be7807de78e7588c3ec1017', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: 'ad7c5da03c653a4031658f7f591415dccc797ddd', "icon-name": "fa/check-solid", decorative: true }))))));
     }
 };
 GuxToggleSlider.style = GuxToggleSliderStyle0;

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-e9f2212c.js');
+const index = require('./index-77202cdc.js');
+const usage = require('./usage-b8a0be8e.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const index$1 = require('./index-d7208697.js');
+const index$1 = require('./index-220b0ad3.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const defaultAriaLabel = "Toggle Switch";
@@ -91,11 +91,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a520aa2a6bf8b1dbd4c04fdc8975364baae5c753', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: 'b1a45c7ef17625b08aa5ad846c3686ad35029d3d', class: {
+        return (index.h(index.Host, { key: 'cef1633b4202b230995d9d2f2998506a080afbc6', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: 'b817cce5eed444f31dc16558c448a071101abb42', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, index.h("div", { key: '322f59ef271e8508dc2fada0712bdf2d9ad21db1', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: '7f174fe4c252dc22444601b75f00943f410eb8b8', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), index.h("gux-announce-beta", { key: '3d1b1d7e7ab4daa7c40a0b95a0d368037788f6dd', ref: el => (this.announceElement = el) })));
+            } }, index.h("div", { key: 'be56531795d1a5c5d60705bd3ee20e243ee725dd', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: '26fb392765b4ce01d8c8e61eb82f5d10f2abaab3', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), index.h("gux-announce-beta", { key: 'ade05b674c5debdb6059d1ef6c70324b49545fc4', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2dd05ef3.js');
+const index = require('./index-77202cdc.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-e9f2212c.js');
+const usage = require('./usage-b8a0be8e.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-cb449687.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');

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

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

package/dist/cjs/{gux-tooltip.cjs.entry.js → gux-tooltip_2.cjs.entry.js}

@@ -2,13 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2dd05ef3.js');
+const index = require('./index-77202cdc.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-e9f2212c.js');
+const usage = require('./usage-b8a0be8e.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-cb449687.js');
+const onMutation = require('./on-mutation-e89e880e.js');
+const onResize = require('./on-resize-810e9012.js');
 
 const 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);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;
@@ -140,10 +142,10 @@ const GuxTooltip = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: 'd52b001d305e61990a1ff42bc63baa8a8b7dff97', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: 'e8300ed0213158e5a53a747fa5330c0d8f9ff2bd', class: {
+        return (index.h(index.Host, { key: 'a6d593335a5ddfc1b5178c55f5eddc9228a8f454', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: 'ce10e4e636802917d435986bb09d027eaa8296d8', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: 'ba3e2973e2eaff088a5e51ca1fa0377958b68c1b', name: "content" }, index.h("slot", { key: 'fa6f328bb89a478548beab59eb709b706bce380a' })))));
+            }, "data-placement": this.placement }, index.h("slot", { key: '738f0c1e43eb62eaa0df2105fad5588ff3bd6ac4', name: "content" }, index.h("slot", { key: '58e0e5fcf7fbc21026a8a0ee61fd6cd0e39e8a93' })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {
@@ -152,4 +154,83 @@ const GuxTooltip = class {
 };
 GuxTooltip.style = GuxTooltipStyle0;
 
+function getTextContentFromNodes(elements) {
+    return elements
+        .reduce((acc, cv) => {
+        if (cv.nodeName === 'SLOT') {
+            const slotElements = cv.assignedNodes();
+            return acc.concat(getTextContentFromNodes(slotElements));
+        }
+        return acc.concat(cv.textContent);
+    }, [])
+        .map(s => s.trim())
+        .join(' ');
+}
+
+const guxTruncateCss = ":host{display:block;inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:inherit}::slotted(*){display:inline}.gux-truncate-multi-line{white-space:normal}.gux-truncate-multi-line .gux-truncate-slot-container{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}gux-tooltip{font-weight:normal;line-height:normal;text-align:start;overflow-wrap:break-word;white-space:normal}.gux-truncate-slot-container>*{display:inline}.gux-truncate-slot-container{display:block;text-overflow:ellipsis}.gux-overflow-hidden{overflow:hidden}";
+const GuxTruncateStyle0 = guxTruncateCss;
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const GuxTruncate = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.maxLines = undefined;
+    }
+    async setShowTooltip() {
+        var _a;
+        await ((_a = this.tooltipElement) === null || _a === void 0 ? void 0 : _a.showTooltip());
+    }
+    async setHideTooltip() {
+        var _a;
+        await ((_a = this.tooltipElement) === null || _a === void 0 ? void 0 : _a.hideTooltip());
+    }
+    onMutation() {
+        index.forceUpdate(this.root);
+    }
+    onResize() {
+        index.forceUpdate(this.root);
+    }
+    getTooltipContent() {
+        return getTextContentFromNodes(Array.from(this.root.childNodes)) || '';
+    }
+    needsTruncation() {
+        const slotContainerElement = this.root.shadowRoot.querySelector('.gux-truncate-slot-container');
+        return ((slotContainerElement === null || slotContainerElement === void 0 ? void 0 : slotContainerElement.scrollWidth) > (slotContainerElement === null || slotContainerElement === void 0 ? void 0 : slotContainerElement.offsetWidth) ||
+            (slotContainerElement === null || slotContainerElement === void 0 ? void 0 : slotContainerElement.scrollHeight) > (slotContainerElement === null || slotContainerElement === void 0 ? void 0 : slotContainerElement.offsetHeight));
+    }
+    renderTooltip() {
+        if (this.needsTruncation()) {
+            return (index.h("gux-tooltip", { "aria-hidden": "true", ref: el => (this.tooltipElement = el) }, index.h("div", { slot: "content" }, this.getTooltipContent())));
+        }
+        return null;
+    }
+    render() {
+        var _a;
+        return (index.h("div", { key: 'c26890ea42fc86f317393653202c3363aa8a7ecb', class: {
+                'gux-truncate-multi-line': Boolean(this.maxLines)
+            } }, index.h("span", { key: '162023e89433b21cb152dea3423dd82998008fa3', class: {
+                'gux-overflow-hidden': this.needsTruncation(),
+                'gux-truncate-slot-container': true
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: 'f7c3b3495fd6daec73695589d0fcbeefc0f8d86d' })), this.renderTooltip()));
+    }
+    get root() { return index.getElement(this); }
+};
+__decorate([
+    onMutation.OnMutation({ childList: true, subtree: true, characterData: true })
+], GuxTruncate.prototype, "onMutation", null);
+__decorate([
+    onResize.OnResize()
+], GuxTruncate.prototype, "onResize", null);
+GuxTruncate.style = GuxTruncateStyle0;
+
 exports.gux_tooltip = GuxTooltip;
+exports.gux_truncate = GuxTruncate;

package/dist/cjs/{index-d7208697.js → index-220b0ad3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-2dd05ef3.js');
+const index = require('./index-77202cdc.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 
 /******************************************************************************

package/dist/cjs/{index-2dd05ef3.js → index-77202cdc.js}

@@ -21,7 +21,7 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'genesys-webcomponents';
-const BUILD = /* genesys-webcomponents */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: true, hydratedClass: false, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
+const BUILD = /* genesys-webcomponents */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: true, hydratedClass: false, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
 
 /*
  Stencil Client Platform v4.20.0 | MIT Licensed | https://stenciljs.com
@@ -214,6 +214,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gux-form-field-file.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'gux-form-field-file-beta.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './gux-form-field-file-beta.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gux-form-field-phone.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -258,10 +262,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gux-form-heading.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'gux-icon-tooltip-beta.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './gux-icon-tooltip-beta.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gux-inline-alert.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -530,6 +530,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gux-dropdown-multi-tag.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'gux-file-list-item.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './gux-file-list-item.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gux-flag-icon-beta.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -586,6 +590,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gux-cta-group.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'gux-icon-tooltip-beta.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './gux-icon-tooltip-beta.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gux-link-beta.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -626,10 +634,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gux-button_2.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'gux-screen-reader-beta.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './gux-screen-reader-beta.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gux-tooltip-title.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -642,38 +646,38 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gux-list.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'gux-screen-reader-beta.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './gux-screen-reader-beta.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gux-form-field-input-clear-button.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gux-form-field-input-clear-button.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'gux-dismiss-button.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './gux-dismiss-button.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gux-tooltip-base-beta_2.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gux-tooltip-base-beta_2.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'gux-dismiss-button.cjs':
+                case 'gux-popup.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './gux-dismiss-button.cjs.entry.js')); }).then(processMod, consoleError);
+                        './gux-popup.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gux-radial-loading.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gux-radial-loading.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'gux-truncate.cjs':
+                case 'gux-tooltip_2.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './gux-truncate.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'gux-popup.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './gux-popup.cjs.entry.js')); }).then(processMod, consoleError);
+                        './gux-tooltip_2.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gux-form-field-label-indicator.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gux-form-field-label-indicator.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'gux-tooltip.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './gux-tooltip.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gux-button-slot.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -702,6 +706,12 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
 var styles = /* @__PURE__ */ new Map();
 var HYDRATED_CSS = "{visibility:hidden}[hydrated]{visibility:inherit}";
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
+var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
+  "formAssociatedCallback",
+  "formResetCallback",
+  "formDisabledCallback",
+  "formStateRestoreCallback"
+];
 var win = typeof window !== "undefined" ? window : {};
 var doc = win.document || { head: {} };
 var plt = {
@@ -1924,6 +1934,25 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
+  if (cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
+    FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach(
+      (cbName) => Object.defineProperty(prototype, cbName, {
+        value(...args) {
+          const hostRef = getHostRef(this);
+          const instance = hostRef.$lazyInstance$ ;
+          if (!instance) {
+            hostRef.$onReadyPromise$.then((instance2) => {
+              const cb = instance2[cbName];
+              typeof cb === "function" && cb.call(instance2, ...args);
+            });
+          } else {
+            const cb = instance[cbName];
+            typeof cb === "function" && cb.call(instance, ...args);
+          }
+        }
+      })
+    );
+  }
   if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
     if (Cstr.watchers && !cmpMeta.$watchers$) {
       cmpMeta.$watchers$ = Cstr.watchers;
@@ -2241,6 +2270,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           return getHostRef(this).$onReadyPromise$;
         }
       };
+      if (cmpMeta.$flags$ & 64 /* formAssociated */) {
+        HostElement.formAssociated = true;
+      }
       cmpMeta.$lazyBundleId$ = lazyBundle[0];
       if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
         cmpTags.push(tagName);