genesys-spark-components 4.49.0 → 4.51.0

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-ba488a5c.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const GuxTabsAdvanced = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '3c5182db696c9ca657c4354c94eb96d9a98f6f45' }, index.h("slot", { key: '1517486e311d3614155b38af27f639f362aad065', name: "tab-list" }), index.h("slot", { key: 'f505a0891d98bf1aadc7e89003af015412d2c106', onSlotchange: this.onSlotchange.bind(this) })));
+        return (index.h(index.Host, { key: '448163cf7351596a9d8c6a47fa006048b0cac456' }, index.h("slot", { key: 'eb5172d29d502c93f2fd0aeb73edcc34ccd62527', name: "tab-list" }), index.h("slot", { key: '89446a0da3a6d8715c28cd16fa5f4ce0d0522e38', onSlotchange: this.onSlotchange.bind(this) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-ba488a5c.js');
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;height:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex-direction:column;height:100%;min-height:0}";
 const GuxTabsStyle0 = guxTabsCss;
@@ -51,7 +51,7 @@ const GuxTabs = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: 'd64b428cb36866449acf3945dd7b009032c85384' }, index.h("div", { key: '943bb8074be91602a2fcb137877ad1c924ed22f7', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '18bc96dc083417b25e3c5ba8d9b44f23be9f2355', name: "tab-list" }), index.h("div", { key: 'e1692564163138d61cd95cf897ec784253c2abad', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '2da458388789cf4fb2e4eff0f885fecc3ac3224d', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (index.h(index.Host, { key: '202594f5087b11ecfabdd781f6f5d96577a75886' }, index.h("div", { key: '28ae208f311499e63f938b75de6d1a0f1c95045d', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '02eace35fa55f7c5c30010cff9101fb2899f9e8c', name: "tab-list" }), index.h("div", { key: 'a042331855cf167b9fa783c4a2162cf558781f91', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '4eaab57979d84c2490320e42d0ed966031a463ca', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-ba488a5c.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const tag = "tag with label: {label}";
@@ -67,7 +67,7 @@ const GuxTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (index.h("div", { key: '704a31293cdbb184a6f4f82ebad8395d1220af5e', class: {
+        return (index.h("div", { key: 'f1fc17b9b9531c2c2995e0e5b486fcb2ca0dced9', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-ba488a5c.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-ba488a5c.js');
 const getValidTimezone = require('./get-valid-timezone-52eac7fa.js');
-const useRegionalDates = require('./use-regional-dates-7be0e7b5.js');
+const useRegionalDates = require('./use-regional-dates-34243a86.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-7fb02c8c.js');
-const onClickOutside = require('./on-click-outside-f7acdd1d.js');
+const onClickOutside = require('./on-click-outside-09a6d6fa.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-a1a48d79.js');
-const usage = require('./usage-512f8bcc.js');
-const useRegionalDates = require('./use-regional-dates-7be0e7b5.js');
+const usage = require('./usage-ba488a5c.js');
+const useRegionalDates = require('./use-regional-dates-34243a86.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const am = "AM";
@@ -386,7 +386,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: 'bdb3a57f2a256e6144e6865487a0a63441732dd5', class: {
+        return (index$1.h("gux-popup", { key: '399d67b28a378c96c233c32ff18b325994d00ba6', 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-picker-beta.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-ba488a5c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-ba488a5c.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;width:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-bottom:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow-x) var(--gse-ui-toast-boxShadow-y) 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){width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{width:var(--gse-ui-toast-icon) !important;height: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{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-buttonBar-gap);justify-content:flex-start}.gux-toast .gux-content .gux-buttons-bar ::slotted(a){font-family:var(--gse-ui-link-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-link-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("div", { class: "gux-buttons-bar" }, this.hasSecondaryButton && (index.h("gux-button-slot", null, index.h("slot", { name: "secondary-button" }))), index.h("gux-button-slot", { accent: this.hasSecondaryButton ? 'primary' : 'tertiary' }, index.h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (index.h("div", { key: '95feae686a189f5b3f5e59c436c3eff6323e2932', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: 'c16f8d5455815e00c884c7f527dfcd0c8dc60342', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: '2ad3acdf7d4845ec1ac007f720b69cf348f91dfd', class: "gux-content" }, index.h("div", { key: '056d175281392ecbac303c458f73b0ad28bca9b5', class: "gux-message" }, index.h("gux-truncate", { key: 'c5b5ad3fbf4015d2ad4e75d7a7dd559cbba22851', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: 'd4b6bbc4f1df7572a9e9d10ff17e08cd77195d48', name: "title" })), index.h("gux-truncate", { key: 'dbe8a00284fa798f6435f5ae0e66c7d751e01fb6', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: 'a678b8bf811f80bf6ef8bcd65d4ae1bed567f415', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (index.h("div", { key: '4147c8bf91fcd5b41d3dca2ec3b94a99a95cecc4', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: 'bbcbdd8edbc09054313a9776ec332859b847b926', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: '6d0a3537852904874c357d5610c4127e1b42dfec', class: "gux-content" }, index.h("div", { key: '4bf4d6bebc58852e09d86d221051c749f9edc8f4', class: "gux-message" }, index.h("gux-truncate", { key: '1bb9d3e5bb5430e03a202d8c5783cbed3fa0cea9', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: '9f050ac52cf4c8881c4d403747149aba8e6a3639', name: "title" })), index.h("gux-truncate", { key: '45897b12e305b03ac8253a5c3473c17cc4d7bcdb', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: 'e74e0bee23e72fdc2956cff14facfc4fa9679da4', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), index.h("gux-dismiss-button", { key: 'fad38838ab8f981c5708e71625096ac5f5a47b85', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), index.h("gux-dismiss-button", { key: '2ef8ac0da6a8dc1e08e2a09f8ddd26cc72d6eda0', 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: '442a3e5cf06989a1f881b74cae15de52b9093ba4', class: {
+        return (index.h("div", { key: '5791b57be9262903ca54386f9326bec171aacf7f', 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: 'dd607d535d132131f0a97b57c7c5d249fc250fd9', class: "gux-slider" }, index.h("div", { key: '8882f0730b95de5c5487327ee91b220aa4de81a9', class: "gux-switch" }, !isError && (index.h("gux-icon", { "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: '203ecb97c85740a8924a59021d9372aed9b076a4', class: "gux-slider" }, index.h("div", { key: '212b75d843fa82e24df381cfa6a2ba83988469bd', class: "gux-switch" }, !isError && (index.h("gux-icon", { "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-7fb02c8c.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-ba488a5c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -85,11 +85,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '278dd6b9c4e6c380c7a6ed531332196e143f5d81', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '07224afa970034c5fa93948408affc57583855a6', class: {
+        return (index.h(index.Host, { key: 'de84a3159c36135bc7c2a0db04e6eb093003900d', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '221739cab7db28196621d648dea0e3e67445e742', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, index.h("div", { key: '1476bf2bf407622ffed947508d26804a65145a5f', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: '4438ff0b9cd28f17f9334a94befd6b4714798ed5', 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: '7f5a2431308abca83768b595c1eeba1a3db9b439', ref: el => (this.announceElement = el) })));
+            } }, index.h("div", { key: '92dc48fda10407fa1c04992ba9a64310183cdb93', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: '0a09b03079e767d27e31168e64b1102ce587501c', 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: '6c2c348dafb5fb653b1c005d9784f17753a62a56', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-ba488a5c.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
 const guxTooltipBaseCss = ":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;width:max-content;max-width:250px;pointer-events:none;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow-x) var(--gse-ui-tooltip-boxShadow-y) 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:1s;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;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-light-iconColor)}.gux-container ::slotted(*){width: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-color:var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-ba488a5c.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 

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

@@ -129,16 +129,16 @@ const GuxTooltipTitle = class {
     }
     render() {
         return [
-            index.h("span", { key: 'e6f55ce7334f048f035a680f4e043ef5707833c0', class: {
+            index.h("span", { key: '77aa0535ef0ca5b5b17158a31853133920fe9674', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, index.h("slot", { key: 'e55afdd4ca6ec655c299cfca6dc2326f792c56d2' })),
+                } }, index.h("slot", { key: 'f350da922ee1d58853799fe8d79ffc4b4a9216bc' })),
             this.renderTooltip()
         ];
     }
     renderTooltip() {
         if (this.hasTooltip) {
-            return (index.h("gux-tooltip", { "aria-hidden": "true", ref: el => (this.tooltipElement = el), hidden: !this.showTooltip }, this.titleName));
+            return (index.h("gux-tooltip", { "aria-hidden": "true", ref: el => (this.tooltipElement = el), hidden: !this.showTooltip }, index.h("div", { slot: "content" }, this.titleName)));
         }
     }
     get root() { return index.getElement(this); }

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-ba488a5c.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
@@ -133,10 +133,10 @@ const GuxTooltip = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: '23477d4e689c177e2a88bdf7e03368e065d6bd0f', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: 'f7fef2a6277330f90e7bd95751cc7b0c3fe6edd6', class: {
+        return (index.h(index.Host, { key: 'c6ef6e85ec518439109511c3e28f34360a8fc2ab', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: '3282e99f1d5bac18f1fa92b4fa4db274f5637289', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: '79342f9b083f94aedbfc60105005e558727291b7', name: "content" }, index.h("slot", { key: 'e85e4ff53d5180d542cf7275e294cfdf54c7fbd1' })))));
+            }, "data-placement": this.placement }, index.h("slot", { key: 'adadbd260a0178eeeb0db1d2f0050460a3b622b9', name: "content" }, index.h("slot", { key: '428309be9885b36bc97eb80d16b9de2bf98825d7' })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -61,15 +61,15 @@ const GuxTruncate = class {
     }
     renderTooltip() {
         if (this.needsTruncation()) {
-            return (index.h("gux-tooltip", { "aria-hidden": "true", ref: el => (this.tooltipElement = el) }, this.getTooltipContent()));
+            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: 'cd82a9936f957f963e4e8eff3687d2d52929a1bb', class: {
+        return (index.h("div", { key: '7fa91b7c19dded106b243b38ec8856c8b4c5ce53', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, index.h("span", { key: '1a2f3da941b16627846edc145aaf26ee51a2ebe1', class: "gux-truncate-slot-container", style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: '8c60adfe89266e25c51bf57523835e8bd700d43c' })), this.renderTooltip()));
+            } }, index.h("span", { key: '4b287dfde87039d509a513b64b23300743c6c3fa', class: "gux-truncate-slot-container", style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: 'e2c3ab17bb095e7fa89fe56f7ebe29e2226d6cb7' })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/{on-click-outside-f7acdd1d.js → on-click-outside-09a6d6fa.js}

@@ -2,44 +2,42 @@
 
 const index = require('./index-7fb02c8c.js');
 
-/* eslint-disable @typescript-eslint/no-unsafe-return */
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
 const OnClickOutsideOptionsDefaults = {
     triggerEvents: 'click',
     exclude: ''
 };
 function OnClickOutside(opt = OnClickOutsideOptionsDefaults) {
     return (proto, methodName) => {
-        // eslint-disable-next-line
         const { connectedCallback, disconnectedCallback } = proto;
+        const store = new Map();
         proto.connectedCallback = function () {
             const host = index.getElement(this);
             const method = this[methodName];
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-            registerOnClickOutside(this, host, method, opt);
+            registerOnClickOutside(store, this, host, method, opt);
             return connectedCallback && connectedCallback.call(this);
         };
         proto.disconnectedCallback = function () {
-            const host = index.getElement(this);
-            const method = this[methodName];
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-            removeOnClickOutside(this, host, method, opt);
+            removeOnClickOutside(store, this, opt);
             return disconnectedCallback && disconnectedCallback.call(this);
         };
     };
 }
-function registerOnClickOutside(component, element, callback, opt = OnClickOutsideOptionsDefaults) {
+function registerOnClickOutside(store, component, element, callback, opt = OnClickOutsideOptionsDefaults) {
     const excludedNodes = getExcludedNodes(opt);
+    const listener = (e) => {
+        initOnClickOutside(e, component, element, callback, excludedNodes);
+    };
+    store.set(component, listener);
     getTriggerEvents(opt).forEach(triggerEvent => {
-        window.addEventListener(triggerEvent, (e) => {
-            initOnClickOutside(e, component, element, callback, excludedNodes);
-        }, false);
+        window.addEventListener(triggerEvent, listener, false);
     });
 }
-function removeOnClickOutside(component, element, callback, opt = OnClickOutsideOptionsDefaults) {
+function removeOnClickOutside(store, component, opt = OnClickOutsideOptionsDefaults) {
+    const listener = store.get(component);
+    store.delete(component);
     getTriggerEvents(opt).forEach(triggerEvent => {
-        window.removeEventListener(triggerEvent, (e) => {
-            initOnClickOutside(e, component, element, callback);
-        }, false);
+        window.removeEventListener(triggerEvent, listener, false);
     });
 }
 function initOnClickOutside(event, component, element, callback, excludedNodes) {

package/dist/cjs/{usage-512f8bcc.js → usage-ba488a5c.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "genesys-spark-components";
-const version = "4.49.0";
+const version = "4.51.0";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";

package/dist/cjs/{use-regional-dates-7be0e7b5.js → use-regional-dates-34243a86.js}

@@ -2,22 +2,20 @@
 
 //https://inindca.atlassian.net/browse/COMUI-2673
 // utility to get the closest element passing shadow dom boundaries
-function getClosestElement(node, selector) {
-    if (!node) {
-        return null;
-    }
-    if (node instanceof ShadowRoot) {
-        return getClosestElement(node.host, selector);
-    }
-    if (node instanceof HTMLElement) {
-        if (node.matches(selector)) {
-            return node;
+function getClosestElement(baseElement, selector) {
+    function closest(element) {
+        if (!element || element === document || element === window) {
+            return null;
         }
-        else {
-            return getClosestElement(node.parentNode, selector);
+        if (element.assignedSlot) {
+            element = element.assignedSlot;
         }
+        const found = element.closest(selector);
+        return found
+            ? found
+            : closest(element.getRootNode().host);
     }
-    return getClosestElement(node.parentNode, selector);
+    return closest(baseElement);
 }
 
 /**
@@ -72,8 +70,9 @@ function determineDisplayLocale(element = document.body) {
  * @returns true if the region can be guessed from the browser settings.
  */
 function browserHasRegionData(localeString) {
+    var _a;
     return (localeString.length == 2 &&
-        navigator.language.startsWith(`${localeString}-`));
+        ((_a = navigator.language) === null || _a === void 0 ? void 0 : _a.startsWith(`${localeString}-`)));
 }
 function getFormat(locale) {
     const date = new Date('July 5, 2000 15:00:00 UTC+00:00');
@@ -115,9 +114,9 @@ const readRegionalDatesVar = () => {
 };
 
 // Remove with this ticket https://inindca.atlassian.net/browse/COMUI-2598
-const useRegionalDates = () => {
-    return readRegionalDatesCookie() || readRegionalDatesVar();
-};
+function useRegionalDates() {
+    return !!readRegionalDatesCookie() || !!readRegionalDatesVar();
+}
 
 exports.dateTimeFormat = dateTimeFormat;
 exports.determineDisplayLocale = determineDisplayLocale;

package/dist/collection/components/beta/gux-date/tests/gux-date.spec.js

@@ -1,29 +1,81 @@
+const useRegionalDates = jest.fn().mockReturnValue(false);
+jest.mock('i18n/use-regional-dates', () => ({
+    __esModule: true,
+    useRegionalDates
+}));
 import { newSpecPage } from "../../../../test/specTestUtils";
 import { GuxDate } from "../gux-date";
 import { timeZoneIdentifiers } from "../../../../i18n/time-zone/identifiers";
+import { languageList } from "../../../../i18n/languageList";
 const components = [GuxDate];
 const language = 'en';
 const date = '2022-07-07T13:35:30.100Z';
+const testCases = [
+    `<gux-date-beta datetime=${date} format="short"></gux-date-beta>`,
+    `<gux-date-beta datetime=${date} format="medium"></gux-date-beta>`,
+    `<gux-date-beta datetime=${date} format="full"></gux-date-beta>`,
+    `<gux-date-beta datetime=${date} format="long"></gux-date-beta>`
+];
 describe('gux-date', () => {
-    describe('#render different datetime formats eg(short,medium,full,long)', () => {
-        [
-            `<gux-date-beta datetime=${date} format="short"></gux-date-beta>`,
-            `<gux-date-beta datetime=${date} format="medium"></gux-date-beta>`,
-            `<gux-date-beta datetime=${date} format="full"></gux-date-beta>`,
-            `<gux-date-beta datetime=${date} format="long"></gux-date-beta>`
-        ].forEach((html, index) => {
-            it(`should render component as expected (${index + 1})`, async () => {
-                const page = await newSpecPage({ components, html, language });
-                expect(page.root).toMatchSnapshot();
+    describe('#render regional dates', () => {
+        describe('#render different datetime formats eg(short,medium,full,long)', () => {
+            beforeAll(() => {
+                useRegionalDates.mockReturnValue(false);
+            });
+            testCases.forEach((html, index) => {
+                it(`should render component as expected (${index + 1})`, async () => {
+                    const page = await newSpecPage({ components, html, language });
+                    expect(page.root).toMatchSnapshot();
+                });
+            });
+        });
+        describe('#render different time zones', () => {
+            timeZoneIdentifiers.forEach((timeZone) => {
+                it(`should work as expected for "${timeZone}"`, async () => {
+                    const html = `<gux-date-beta time-zone=${timeZone} datetime="2022-07-07T12:00:00.000Z" format="full"></gux-date-beta>`;
+                    const page = await newSpecPage({ components, html, language });
+                    expect(page.root).toMatchSnapshot();
+                });
+            });
+        });
+        describe('#render different languages', () => {
+            languageList.forEach(lang => {
+                it(`should work as expected for ${lang}`, async () => {
+                    const html = `<gux-date-beta datetime="2022-07-07T12:00:00.000Z" format="full"></gux-date-beta>`;
+                    const page = await newSpecPage({ components, html, language: lang });
+                    expect(page.root).toMatchSnapshot();
+                });
             });
         });
     });
-    describe('#render different time zones', () => {
-        timeZoneIdentifiers.forEach((timeZone) => {
-            it(`should work as expected for "${timeZone}"`, async () => {
-                const html = `<gux-date-beta time-zone=${timeZone} datetime="2022-07-07T12:00:00.000Z" format="full"></gux-date-beta>`;
-                const page = await newSpecPage({ components, html, language });
-                expect(page.root).toMatchSnapshot();
+    describe('#render using non regional dates', () => {
+        beforeAll(() => {
+            useRegionalDates.mockReturnValue(true);
+        });
+        describe('#render different datetime formats eg(short,medium,full,long)', () => {
+            testCases.forEach((html, index) => {
+                it(`should render component as expected (${index + 1})`, async () => {
+                    const page = await newSpecPage({ components, html, language });
+                    expect(page.root).toMatchSnapshot();
+                });
+            });
+        });
+        describe('#render different time zones', () => {
+            timeZoneIdentifiers.forEach((timeZone) => {
+                it(`should work as expected for "${timeZone}"`, async () => {
+                    const html = `<gux-date-beta time-zone=${timeZone} datetime="2022-07-07T12:00:00.000Z" format="full"></gux-date-beta>`;
+                    const page = await newSpecPage({ components, html, language });
+                    expect(page.root).toMatchSnapshot();
+                });
+            });
+        });
+        describe('#render different languages', () => {
+            languageList.forEach(lang => {
+                it(`should work as expected for ${lang}`, async () => {
+                    const html = `<gux-date-beta datetime="2022-07-07T12:00:00.000Z" format="full"></gux-date-beta>`;
+                    const page = await newSpecPage({ components, html, language: lang });
+                    expect(page.root).toMatchSnapshot();
+                });
             });
         });
     });

package/dist/collection/components/beta/gux-date-time/tests/gux-date-time.spec.js

@@ -1,29 +1,67 @@
+const useRegionalDates = jest.fn().mockReturnValue(false);
+jest.mock('i18n/use-regional-dates', () => ({
+    __esModule: true,
+    useRegionalDates
+}));
 import { newSpecPage } from "../../../../test/specTestUtils";
 import { GuxDateTime } from "../gux-date-time";
 import { timeZoneIdentifiers } from "../../../../i18n/time-zone/identifiers";
+import { languageList } from "../../../../i18n/languageList";
 const components = [GuxDateTime];
 const language = 'en';
 const date = '2022-07-07T13:35:30.100Z';
+const testCases = [
+    `<gux-date-time-beta datetime=${date} format="short"></gux-date-time-beta>`,
+    `<gux-date-time-beta datetime=${date} format="medium"></gux-date-time-beta>`,
+    `<gux-date-time-beta datetime=${date} format="full"></gux-date-time-beta>`,
+    `<gux-date-time-beta datetime=${date} format="long"></gux-date-time-beta>`
+];
 describe('gux-date-time', () => {
-    describe('#render different datetime formats eg(short,medium,full,long)', () => {
-        [
-            `<gux-date-time-beta datetime=${date} format="short"></gux-date-time-beta>`,
-            `<gux-date-time-beta datetime=${date} format="medium"></gux-date-time-beta>`,
-            `<gux-date-time-beta datetime=${date} format="full"></gux-date-time-beta>`,
-            `<gux-date-time-beta datetime=${date} format="long"></gux-date-time-beta>`
-        ].forEach((html, index) => {
-            it(`should render component as expected (${index + 1})`, async () => {
-                const page = await newSpecPage({ components, html, language });
-                expect(page.root).toMatchSnapshot();
+    describe('#render using non regional dates', () => {
+        beforeAll(() => {
+            useRegionalDates.mockReturnValue(false);
+        });
+        describe('#render different datetime formats eg(short,medium,full,long)', () => {
+            languageList.forEach(language => {
+                testCases.forEach((html, index) => {
+                    it(`should render component as expected (${index + 1})`, async () => {
+                        const page = await newSpecPage({ components, html, language });
+                        expect(page.root).toMatchSnapshot();
+                    });
+                });
+            });
+        });
+        describe('#render different time zones', () => {
+            timeZoneIdentifiers.forEach((timeZone) => {
+                it(`should work as expected for "${timeZone}"`, async () => {
+                    const html = `<gux-date-time-beta time-zone=${timeZone} datetime="2022-07-07T12:00:00.000Z" format="full"></gux-date-time-beta>`;
+                    const page = await newSpecPage({ components, html, language });
+                    expect(page.root).toMatchSnapshot();
+                });
             });
         });
     });
-    describe('#render different time zones', () => {
-        timeZoneIdentifiers.forEach((timeZone) => {
-            it(`should work as expected for "${timeZone}"`, async () => {
-                const html = `<gux-date-time-beta time-zone=${timeZone} datetime="2022-07-07T12:00:00.000Z" format="full"></gux-date-time-beta>`;
-                const page = await newSpecPage({ components, html, language });
-                expect(page.root).toMatchSnapshot();
+    describe('#render using regional dates', () => {
+        beforeAll(() => {
+            useRegionalDates.mockReturnValue(true);
+        });
+        describe('#render different datetime formats eg(short,medium,full,long)', () => {
+            languageList.forEach(language => {
+                testCases.forEach((html, index) => {
+                    it(`should render component as expected (${index + 1})`, async () => {
+                        const page = await newSpecPage({ components, html, language });
+                        expect(page.root).toMatchSnapshot();
+                    });
+                });
+            });
+        });
+        describe('#render different time zones', () => {
+            timeZoneIdentifiers.forEach((timeZone) => {
+                it(`should work as expected for "${timeZone}"`, async () => {
+                    const html = `<gux-date-time-beta time-zone=${timeZone} datetime="2022-07-07T12:00:00.000Z" format="full"></gux-date-time-beta>`;
+                    const page = await newSpecPage({ components, html, language });
+                    expect(page.root).toMatchSnapshot();
+                });
             });
         });
     });