genesys-spark-components 4.202.0 → 4.204.0

package/dist/cjs/{iso-dates-B-hZmvim.js → iso-dates-BOFf_iIt.js}

@@ -10,6 +10,9 @@ function asIsoDateRange(date1, date2) {
     return `${asIsoDate(start)}/${asIsoDate(end)}`;
 }
 function fromIsoDate(isoDate) {
+    if (!isoDate) {
+        return new Date();
+    }
     const [yearStr, monthStr, dayStr] = isoDate.split('-');
     const year = parseInt(yearStr, 10);
     const month = parseInt(monthStr, 10) - 1; // zero-indexed month

package/dist/cjs/{usage-DzqgBX-I.js → usage-D4P0WJ6v.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const version = "4.202.0";
+const version = "4.204.0";
 var packageInfo = {
 	version: version};
 

package/dist/collection/components/beta/gux-calendar-beta/tests/tests.service.playwright.js

@@ -32,6 +32,6 @@ export async function goToNextMonth(page) {
 }
 async function validateDate(element, expectedDate) {
     const expectedLabel = Temporal.PlainDate.from(expectedDate).toLocaleString('en-US', { day: 'numeric', month: 'long', year: 'numeric' });
-    const labelElement = element.locator('.gux-sr-only');
+    const labelElement = element.locator('gux-screen-reader-beta');
     expect(await labelElement.textContent()).toBe(expectedLabel);
 }

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

@@ -24,14 +24,20 @@ export class GuxTimeZonePickerBeta {
         this.timeZoneOptionElements = this.renderTimeZones(this.filteredZoneList);
     }
     componentDidLoad() {
+        this.applyEventListeners();
+    }
+    applyEventListeners() {
         var _a;
         const dropdownElement = (_a = this.root) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector('gux-dropdown');
-        dropdownElement.addEventListener('change', (event) => {
-            const selectedElement = event.target;
-            const selectedValue = selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.value;
-            this.value = selectedValue;
-            simulateNativeEvent(this.root, 'change');
-        });
+        if (dropdownElement) {
+            dropdownElement.addEventListener('input', (event) => {
+                const selectedElement = event.target;
+                const selectedValue = selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.value;
+                this.value = selectedValue;
+                simulateNativeEvent(this.root, 'input');
+                simulateNativeEvent(this.root, 'change');
+            });
+        }
     }
     filterTimeZoneList(timeZoneList) {
         const searchString = this.searchString;
@@ -143,11 +149,11 @@ export class GuxTimeZonePickerBeta {
         return (h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (h("gux-dropdown", { key: '53c532e8cf94caf1b3095ec5638b01d1bbaef543', class: {
+        return (h("gux-dropdown", { key: '45a845f77b9dd62f6288e5002db342914c33e77f', 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: '1d0826587b0a71c539b0a4946870c8b3a04aee9b', "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: 'be352c49cbb4bf69e40d2d1f8f0af5d31ba3e2b2', "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/stable/gux-datepicker/gux-datepicker.js

@@ -96,11 +96,16 @@ export class GuxDatepicker {
         }
     }
     watchFormat(newFormat) {
+        if (!newFormat) {
+            this.format = this.getDefaultFormat();
+            newFormat = this.format;
+        }
         if (!newFormat.includes('yyyy')) {
             this.yearFormat = 'yy';
         }
         this.intervalOrder = getIntervalOrder(newFormat);
         this.lastIntervalRange = this.initialIntervalRange;
+        this.updateDate();
     }
     watchActiveCalendar(active) {
         if (active === true) {
@@ -213,6 +218,11 @@ export class GuxDatepicker {
         this.isSelectingRangeWithMouse = false;
     }
     /********  Other Methods  **********/
+    getDefaultFormat() {
+        return useRegionalDates()
+            ? sparkIntl.getFormat(sparkIntl.determineDisplayLocale(this.root))
+            : 'mm/dd/yyyy';
+    }
     isInputFieldEvent(event) {
         const composedPath = event.composedPath();
         return (composedPath.includes(this.inputElement) ||
@@ -474,14 +484,7 @@ export class GuxDatepicker {
     async componentWillLoad() {
         trackComponent(this.root, { variant: this.mode });
         this.i18n = await buildI18nForComponent(this.root, translationResources);
-        if (useRegionalDates()) {
-            this.format =
-                this.format ||
-                    sparkIntl.getFormat(sparkIntl.determineDisplayLocale(this.root));
-        }
-        else {
-            this.format = this.format || 'mm/dd/yyyy';
-        }
+        this.format = this.format || this.getDefaultFormat();
         this.watchMinDate(this.minDate);
         this.watchMaxDate(this.maxDate);
         this.watchFormat(this.format);
@@ -566,7 +569,7 @@ export class GuxDatepicker {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (h("div", { key: '5095715dbc1c534df70a3ea4e1dbf3dca4cc558a', class: {
+        return (h("div", { key: 'f702d266be3c6363131ec015416aa1c6fdfc3aa8', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

package/dist/collection/components/stable/gux-icon/gux-icon.css

@@ -24,11 +24,10 @@
   align-items: center;
   justify-content: center;
   inline-size: 100%;
+  block-size: 100%;
 }
 .gux-icon-container svg {
   inline-size: 100%;
-  max-inline-size: 100%;
   block-size: 100%;
-  max-block-size: 100%;
   fill: currentcolor;
 }

package/dist/collection/utils/date/iso-dates.js

@@ -8,6 +8,9 @@ export function asIsoDateRange(date1, date2) {
     return `${asIsoDate(start)}/${asIsoDate(end)}`;
 }
 export function fromIsoDate(isoDate) {
+    if (!isoDate) {
+        return new Date();
+    }
     const [yearStr, monthStr, dayStr] = isoDate.split('-');
     const year = parseInt(yearStr, 10);
     const month = parseInt(monthStr, 10) - 1; // zero-indexed month

package/dist/esm/{get-valid-timezone-rh51yAZx.js → get-valid-timezone-DIdb7fir.js}

@@ -1,4 +1,4 @@
-import { l as locales } from './index-HMDSHwTB.js';
+import { l as locales } from './index-ChoMleW_.js';
 
 /**
  * @class A class that implements the method needed to format dates and times depending on locales

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 

package/dist/esm/gux-action-button.entry.js

@@ -2,8 +2,8 @@ import { r as registerInstance, c as createEvent, h, a as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-C4sPDi_Z.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
-import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
+import { b as buildI18nForComponent } from './index-ChoMleW_.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const moreOptions = "More options";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
 
 const guxActionToastCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:var(--gse-core-colorLegacy-secondary-aquaGreen)}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";
 

package/dist/esm/gux-actionable-inline-alert-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 
 const guxActionableInlineAlertCss = ":host{display:flex;inline-size:fit-content}.gux-actionable-inline-alert{display:inline-flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-alert-ai-actions-gap);align-items:center;justify-content:flex-start;padding-block:0;padding-inline:var(--gse-semantic-container-md-padding);color:var(--gse-ui-alert-ai-foregroundColor);background-color:var(--gse-ui-alert-ai-backgroundColor);border:1px solid var(--gse-ui-alert-ai-borderColor);border-radius:var(--gse-ui-alert-borderRadius)}.gux-actionable-inline-alert ::slotted(gux-icon),.gux-actionable-inline-alert gux-icon{flex-shrink:0;align-self:flex-start;padding-block-start:var(--gse-ui-alert-ai-content-paddingTop);margin-block-start:1px;color:var(--gse-ui-alert-ai-iconColor)}.gux-actionable-inline-alert gux-tooltip-title{white-space:nowrap}.gux-actionable-inline-alert .gux-message-wrapper{display:flex;gap:var(--gse-ui-alert-gap);font-family:var(--gse-ui-alert-text-fontFamily);font-size:var(--gse-ui-alert-text-fontSize);font-weight:var(--gse-ui-alert-text-fontWeight);line-height:var(--gse-ui-alert-text-lineHeight)}.gux-actionable-inline-alert .gux-content{flex:1 1 auto;padding-block:var(--gse-ui-alert-ai-content-paddingTop) var(--gse-ui-alert-ai-content-paddingTop)}.gux-actionable-inline-alert ::slotted([slot=action-buttons]){display:flex;flex-direction:row;gap:var(--gse-ui-alert-ai-actions-gap)}";

package/dist/esm/gux-advanced-dropdown-legacy.entry.js

@@ -2,8 +2,8 @@ import { r as registerInstance, c as createEvent, h, a as getElement } from './i
 import { o as onMutation } from './on-mutation-CF55kYjc.js';
 import { O as OnClickOutside } from './on-click-outside-C4sPDi_Z.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
-import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
+import { b as buildI18nForComponent } from './index-ChoMleW_.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const searchAria = "Search";

package/dist/esm/gux-ai-powered-badge-beta.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as getElement } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
-import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
+import { b as buildI18nForComponent } from './index-ChoMleW_.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const aiPowered = "AI Powered";

package/dist/esm/gux-all-row-select.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-8p-S7f9X.js';
-import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
+import { b as buildI18nForComponent } from './index-ChoMleW_.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { t as tableResources } from './en-BIx814vt.js';
 import './get-closest-element-Cd4R0amv.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

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

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, a as getElement } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
-import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
+import { b as buildI18nForComponent } from './index-ChoMleW_.js';
 import { a as generateInitials, g as getAvatarAccentClass } from './gux-avatar.service-BV03_Ljp.js';
 import './get-closest-element-Cd4R0amv.js';
 

package/dist/esm/gux-avatar-change-photo-beta.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-8p-S7f9X.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
-import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
+import { b as buildI18nForComponent } from './index-ChoMleW_.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const changePhoto = "Change profile photo";

package/dist/esm/gux-avatar-group-add-item-beta_3.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-DMpkGO63.js';
-import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
+import { b as buildI18nForComponent } from './index-ChoMleW_.js';
 import { a as autoUpdate, c as computePosition, o as offset } from './floating-ui.dom-C8aV-TzO.js';
 import { O as OnClickOutside } from './on-click-outside-C4sPDi_Z.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';

package/dist/esm/gux-avatar-group-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { s as setFocusTarget, r as resetFocusableSibling } from './gux-avatar-group.service-DMpkGO63.js';
 import './get-closest-element-Cd4R0amv.js';

package/dist/esm/gux-avatar-group-item-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-DMpkGO63.js';
 import { g as getAvatarAccentClass, a as generateInitials } from './gux-avatar.service-BV03_Ljp.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as getElement } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
-import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
+import { b as buildI18nForComponent } from './index-ChoMleW_.js';
 import { O as OnMutation } from './on-mutation-CLlHAZCW.js';
 import './get-closest-element-Cd4R0amv.js';
 

package/dist/esm/gux-blank-state-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
 import { O as OnMutation } from './on-mutation-CLlHAZCW.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 

package/dist/esm/gux-blank-state.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
 import { O as OnMutation } from './on-mutation-CLlHAZCW.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-8p-S7f9X.js';
-import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
+import { b as buildI18nForComponent } from './index-ChoMleW_.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const breadcrumbs = "Breadcrumbs";

package/dist/esm/gux-button-multi.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, a as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-C4sPDi_Z.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {

package/dist/esm/gux-button-slot.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
 import { a as logError } from './log-error-DxtJDeL9.js';
 
 const guxButtonSlotCss = ":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){min-inline-size:initial;block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-links-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}:host([accent=copilot]) ::slotted(input[type=button]),:host([accent=copilot]) ::slotted(input[type=submit]),:host([accent=copilot]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background:linear-gradient(64deg, var(--gse-ui-copilotButton-default-backgroundColor-bottomLeft) 5.51%, var(--gse-ui-copilotButton-default-backgroundColor-middle) 48.28%, var(--gse-ui-copilotButton-default-backgroundColor-topRight) 88.65%);border:none;box-shadow:var(--gse-ui-copilotButton-glow-default)}:host([accent=copilot]) ::slotted(input[type=button]:hover:enabled),:host([accent=copilot]) ::slotted(input[type=submit]:hover:enabled),:host([accent=copilot]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background:linear-gradient(54deg, var(--gse-ui-copilotButton-hover-backgroundColor-bottomLeft) 7.09%, var(--gse-ui-copilotButton-hover-backgroundColor-middle) 47.64%, var(--gse-ui-copilotButton-hover-backgroundColor-topRight) 103.51%);box-shadow:var(--gse-ui-copilotButton-glow-hover)}:host([accent=copilot]) ::slotted(input[type=button]:active:enabled),:host([accent=copilot]) ::slotted(input[type=submit]:active:enabled),:host([accent=copilot]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background:linear-gradient(54deg, var(--gse-ui-copilotButton-active-backgroundColor-bottomLeft) 7.17%, var(--gse-ui-copilotButton-active-backgroundColor-middle) 46.7%, var(--gse-ui-copilotButton-active-backgroundColor-topRight) 83.3%);box-shadow:var(--gse-ui-copilotButton-glow-active)}";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement, c as createEvent } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom-C8aV-TzO.js';
 import { O as OnClickOutside } from './on-click-outside-C4sPDi_Z.js';

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h, a as getElement } from './index-8p-S7f9X.js';
 import { q as qi } from './index.esm-ByC1Z2e8.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
-import { g as getDesiredLocale, a as getFirstDayOfWeek, b as buildI18nForComponent } from './index-HMDSHwTB.js';
+import { g as getDesiredLocale, a as getFirstDayOfWeek, b as buildI18nForComponent } from './index-ChoMleW_.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './get-closest-element-Cd4R0amv.js';
 

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-8p-S7f9X.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { a as asIsoDateRange, c as fromIsoDateRange, b as asIsoDate, f as fromIsoDate } from './iso-dates-aKaDsw_5.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
-import { b as buildI18nForComponent, g as getDesiredLocale, c as getStartOfWeek } from './index-HMDSHwTB.js';
+import { a as asIsoDateRange, c as fromIsoDateRange, b as asIsoDate, f as fromIsoDate } from './iso-dates-BFybQmZw.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
+import { b as buildI18nForComponent, g as getDesiredLocale, c as getStartOfWeek } from './index-ChoMleW_.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-Cf6_BoFM.js';
 import { d as dateTimeFormat } from './spark-intl-CJJbLxeY.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
 
 const guxCardCss = ":host{display:block;inline-size:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";
 

package/dist/esm/gux-cloud-logo-beta.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as getElement } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
-import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
+import { b as buildI18nForComponent } from './index-ChoMleW_.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const genesysCloudLogo = "Genesys Cloud Logo";

package/dist/esm/gux-cloud-logomark-beta.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as getElement } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
-import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
+import { b as buildI18nForComponent } from './index-ChoMleW_.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const genesysCloudLogomark = "Genesys Cloud Logomark";

package/dist/esm/gux-column-manager-item.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-8p-S7f9X.js';
-import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
+import { b as buildI18nForComponent } from './index-ChoMleW_.js';
 import { c as getIndexInParent } from './gux-column-manager.service-CB2ijDRX.js';
 import './get-closest-element-Cd4R0amv.js';
 import './clamp-CcCycvZh.js';

package/dist/esm/gux-column-manager.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement } from './index-8p-S7f9X.js';
-import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
+import { b as buildI18nForComponent } from './index-ChoMleW_.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
 import { g as getEmptyKeyboardOrderChange, s as setKeyboardReorderPositionIndicator, a as setMainCheckboxElementCheckedState, b as getNewOrder, c as getIndexInParent, d as getNewKeyboardOrderChange, e as setHighlights, f as setAllCheckboxInputs, h as getSelectedColumnCount } from './gux-column-manager.service-CB2ijDRX.js';
 import './get-closest-element-Cd4R0amv.js';
 import './clamp-CcCycvZh.js';

package/dist/esm/gux-content-search.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
-import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
+import { b as buildI18nForComponent } from './index-ChoMleW_.js';
 import { a as onDisabledChange } from './on-attribute-change-De1NnCmO.js';
 import { f as focusInputElement } from './focus-input-element-JHLuJ8Pb.js';
 import './get-closest-element-Cd4R0amv.js';

package/dist/esm/gux-context-menu.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-8p-S7f9X.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
-import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
+import { b as buildI18nForComponent } from './index-ChoMleW_.js';
 import { O as OnClickOutside } from './on-click-outside-C4sPDi_Z.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';

package/dist/esm/gux-copy-to-clipboard.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as getElement } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
-import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
+import { b as buildI18nForComponent } from './index-ChoMleW_.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
 import './get-closest-element-Cd4R0amv.js';
 

package/dist/esm/gux-create-option.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-8p-S7f9X.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
+import { b as buildI18nForComponent } from './index-ChoMleW_.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const createCustomOptionInstructions = ", select to create a new custom option";

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
-import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-rh51yAZx.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
+import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-DIdb7fir.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './spark-intl-CJJbLxeY.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
-import { g as getDesiredLocale } from './index-HMDSHwTB.js';
+import { g as getDesiredLocale } from './index-ChoMleW_.js';
 import './get-closest-element-DCZG2J0G.js';
 import './get-closest-element-Cd4R0amv.js';
 

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-8p-S7f9X.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
-import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-rh51yAZx.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
+import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-DIdb7fir.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './spark-intl-CJJbLxeY.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
-import { g as getDesiredLocale } from './index-HMDSHwTB.js';
+import { g as getDesiredLocale } from './index-ChoMleW_.js';
 import './get-closest-element-DCZG2J0G.js';
 import './get-closest-element-Cd4R0amv.js';
 

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

@@ -2,10 +2,10 @@ import { r as registerInstance, c as createEvent, h, a as getElement } from './i
 import { a as autoUpdate, c as computePosition, o as offset, f as flip } from './floating-ui.dom-C8aV-TzO.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { f as fromIsoDate, a as asIsoDateRange, b as asIsoDate, c as fromIsoDateRange } from './iso-dates-aKaDsw_5.js';
+import { f as fromIsoDate, a as asIsoDateRange, b as asIsoDate, c as fromIsoDateRange } from './iso-dates-BFybQmZw.js';
 import { O as OnClickOutside } from './on-click-outside-C4sPDi_Z.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
-import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
+import { b as buildI18nForComponent } from './index-ChoMleW_.js';
 import { g as getFormat, a as determineDisplayLocale } from './spark-intl-CJJbLxeY.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -232,11 +232,16 @@ const GuxDatepicker = class {
         }
     }
     watchFormat(newFormat) {
+        if (!newFormat) {
+            this.format = this.getDefaultFormat();
+            newFormat = this.format;
+        }
         if (!newFormat.includes('yyyy')) {
             this.yearFormat = 'yy';
         }
         this.intervalOrder = getIntervalOrder(newFormat);
         this.lastIntervalRange = this.initialIntervalRange;
+        this.updateDate();
     }
     watchActiveCalendar(active) {
         if (active === true) {
@@ -349,6 +354,11 @@ const GuxDatepicker = class {
         this.isSelectingRangeWithMouse = false;
     }
     /********  Other Methods  **********/
+    getDefaultFormat() {
+        return useRegionalDates()
+            ? getFormat(determineDisplayLocale(this.root))
+            : 'mm/dd/yyyy';
+    }
     isInputFieldEvent(event) {
         const composedPath = event.composedPath();
         return (composedPath.includes(this.inputElement) ||
@@ -610,14 +620,7 @@ const GuxDatepicker = class {
     async componentWillLoad() {
         trackComponent(this.root, { variant: this.mode });
         this.i18n = await buildI18nForComponent(this.root, translationResources);
-        if (useRegionalDates()) {
-            this.format =
-                this.format ||
-                    getFormat(determineDisplayLocale(this.root));
-        }
-        else {
-            this.format = this.format || 'mm/dd/yyyy';
-        }
+        this.format = this.format || this.getDefaultFormat();
         this.watchMinDate(this.minDate);
         this.watchMaxDate(this.maxDate);
         this.watchFormat(this.format);
@@ -702,7 +705,7 @@ const GuxDatepicker = class {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (h("div", { key: '5095715dbc1c534df70a3ea4e1dbf3dca4cc558a', class: {
+        return (h("div", { key: 'f702d266be3c6363131ec015416aa1c6fdfc3aa8', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-8p-S7f9X.js';
-import { g as getDesiredLocale } from './index-HMDSHwTB.js';
+import { g as getDesiredLocale } from './index-ChoMleW_.js';
 import { d as dateTimeFormat } from './spark-intl-CJJbLxeY.js';
 import { q as qi } from './index.esm-ByC1Z2e8.js';
 import './get-closest-element-Cd4R0amv.js';

package/dist/esm/gux-disclosure-button-legacy.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-8p-S7f9X.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { t as trackComponent } from './usage-B9HnE3QT.js';
-import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
+import { t as trackComponent } from './usage-BJX1jP8P.js';
+import { b as buildI18nForComponent } from './index-ChoMleW_.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const defaultLabel = "Disclosure button";