genesys-spark-components 4.36.0 → 4.37.0

package/dist/collection/components/stable/gux-calendar/tests/gux-calendar.methods.spec.js

@@ -71,7 +71,7 @@ describe('gux-calendar', () => {
         // Private
         describe('private', () => {
             it('incrementPreviewDateByMonth', () => {
-                jest.useFakeTimers('legacy');
+                jest.useFakeTimers({ legacyFakeTimers: true });
                 const startingMonth = component.previewValue.getMonth();
                 component.incrementPreviewDateByMonth(3);
                 jest.runAllTimers();
@@ -102,7 +102,7 @@ describe('gux-calendar', () => {
                 expect(result).toEqual(dummy);
             });
             it('getRangeDatesElements', () => {
-                spyOn(component, 'getRangeDates').and.callThrough();
+                jest.spyOn(component, 'getRangeDates');
                 component.getRangeDatesElements(rangeStart, rangeEnd);
                 expect(component.getRangeDates).toHaveBeenCalledWith(rangeStart, rangeEnd);
                 componentShadowRoot.querySelector = () => {
@@ -113,10 +113,10 @@ describe('gux-calendar', () => {
                 expect(result.length).toEqual(6);
             });
             it('onDateClick with single mode', async () => {
-                spyOn(component, 'setValue').and.callFake(() => {
-                    return;
+                jest.spyOn(component, 'setValue').mockImplementation(() => {
+                    return Promise.resolve();
                 });
-                spyOn(component, 'emitCalendarSelect').and.callFake(() => {
+                jest.spyOn(component, 'emitCalendarSelect').mockImplementation(() => {
                     return;
                 });
                 await component.onDateClick(testDate);
@@ -125,16 +125,16 @@ describe('gux-calendar', () => {
             });
             it('onDateClick with range mode', async () => {
                 component.mode = "range" /* CalendarModes.Range */;
-                spyOn(component, 'getAllDatesElements').and.callFake(() => {
-                    return;
+                jest.spyOn(component, 'getAllDatesElements').mockImplementation(() => {
+                    return [];
                 });
-                spyOn(utils, 'removeClassToElements').and.callFake(() => {
+                jest.spyOn(utils, 'removeClassToElements').mockImplementation(() => {
                     return;
                 });
-                spyOn(component, 'emitCalendarSelect').and.callFake(() => {
+                jest.spyOn(component, 'emitCalendarSelect').mockImplementation(() => {
                     return;
                 });
-                spyOn(component, 'updateRangeElements').and.callFake(() => {
+                jest.spyOn(component, 'updateRangeElements').mockImplementation(() => {
                     return;
                 });
                 await component.onDateClick(rangeStart);
@@ -142,7 +142,7 @@ describe('gux-calendar', () => {
                 expect(component.emitCalendarSelect).toHaveBeenCalled();
             });
             it('onDateMouseEnter', () => {
-                spyOn(component, 'updateRangeElements').and.callFake(() => {
+                jest.spyOn(component, 'updateRangeElements').mockImplementation(() => {
                     return;
                 });
                 component.mode = "range" /* CalendarModes.Range */;
@@ -152,14 +152,16 @@ describe('gux-calendar', () => {
                 expect(component.updateRangeElements).toHaveBeenCalled();
             });
             it('onKeyDown', async () => {
-                jest.useFakeTimers('legacy');
-                spyOn(component, 'incrementPreviewDateByMonth').and.callFake(() => {
+                jest.useFakeTimers({ legacyFakeTimers: true });
+                jest
+                    .spyOn(component, 'incrementPreviewDateByMonth')
+                    .mockImplementation(() => {
                     return;
                 });
-                spyOn(component, 'setValue').and.callFake(() => {
-                    return;
+                jest.spyOn(component, 'setValue').mockImplementation(() => {
+                    return Promise.resolve();
                 });
-                spyOn(component, 'emitCalendarSelect').and.callFake(() => {
+                jest.spyOn(component, 'emitCalendarSelect').mockImplementation(() => {
                     return;
                 });
                 const initialPreviewValue = rangeEnd;

package/dist/collection/components/stable/gux-datepicker/gux-datepicker.js

@@ -18,7 +18,7 @@ import { trackComponent } from "../../../utils/tracking/usage";
 import { buildI18nForComponent } from "../../../i18n";
 import * as sparkIntl from "../../../genesys-spark-utils/intl";
 // Remove with this ticket https://inindca.atlassian.net/browse/COMUI-2598
-import { readRegionalDatesCookie } from "../../../i18n/check-regional-dates-cookie";
+import { useRegionalDates } from "../../../i18n/use-regional-dates";
 import translationResources from "./i18n/en.json";
 import { getCalendarLabels, isOutOfBoundsDate, incrementDay, incrementMonth, incrementYear, getFormattedDate, getIntervalLetter, getFormatSeparator, getPreviousIntervalRange, getNextIntervalRange, getIntervalOrder, getIntervalRange } from "./gux-datepicker.service";
 export class GuxDatepicker {
@@ -419,7 +419,7 @@ export class GuxDatepicker {
     async componentWillLoad() {
         trackComponent(this.root, { variant: this.mode });
         this.i18n = await buildI18nForComponent(this.root, translationResources);
-        if (readRegionalDatesCookie()) {
+        if (useRegionalDates()) {
             this.format =
                 this.format ||
                     sparkIntl.getFormat(sparkIntl.determineDisplayLocale(this.root));
@@ -508,7 +508,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: 'ffca3ea0a1dc30df785a9606326b30a2b4e865b5', class: {
+        return (h("div", { key: 'c1c235793375dee9688a135a01fb88e2d6172b1d', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

package/dist/collection/components/stable/gux-time-picker/gux-time-picker.service.js

@@ -1,6 +1,6 @@
 import { getDesiredLocale } from "../../../i18n";
 import * as sparkIntl from "../../../genesys-spark-utils/intl";
-import { readRegionalDatesCookie } from "../../../i18n/check-regional-dates-cookie";
+import { useRegionalDates } from "../../../i18n/use-regional-dates";
 export function getTimeDisplayValues(minuteInterval, clockType) {
     const minuteOptions = [0, 15, 30, 45]
         .filter(option => Number.isInteger(option / minuteInterval))
@@ -14,7 +14,7 @@ export function getTimeDisplayValues(minuteInterval, clockType) {
 }
 export function getLocaleClockType(root) {
     let locale;
-    if (readRegionalDatesCookie()) {
+    if (useRegionalDates()) {
         locale = sparkIntl.determineDisplayLocale(root).toLowerCase();
     }
     else {

package/dist/collection/i18n/read-regional-dates-var.js

@@ -0,0 +1,4 @@
+// Remove with this ticket https://inindca.atlassian.net/browse/COMUI-2598
+export const readRegionalDatesVar = () => {
+    return !!window['GUX_OPTIONS_enableRegionalDates'];
+};

package/dist/collection/i18n/use-regional-dates.js

@@ -0,0 +1,6 @@
+import { readRegionalDatesCookie } from "./read-regional-dates-cookie";
+import { readRegionalDatesVar } from "./read-regional-dates-var";
+// Remove with this ticket https://inindca.atlassian.net/browse/COMUI-2598
+export const useRegionalDates = () => {
+    return readRegionalDatesCookie() || readRegionalDatesVar();
+};

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 const GuxAccordionStyle0 = guxAccordionCss;

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.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:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;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-core-typography-heading-lg-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-lg-fontSize);line-height:var(--gse-core-typography-heading-lg-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.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-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;font-size:var(--gse-core-typography-body-sm-fontSize);line-height:var(--gse-core-typography-body-sm-lineHeight);font-weight:var(--gse-core-fontWeight-regular)}.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}";
 const GuxActionToastLegacyStyle0 = guxActionToastCss;

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { o as onMutation } from './on-mutation-a222fe93.js';
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.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,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 import './get-closest-element-728b9f18.js';
 
 const breadcrumbs = "Breadcrumbs";

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.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, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 import { l as logError } from './log-error-274efeb7.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-icon-only-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;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-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-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]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-link-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-link-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-link-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-link-active-foregroundColor);text-decoration:underline;background:none}";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 
 const guxButtonCss = ":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}::slotted(*){padding-inline-start:var(--gse-core-spacing-3xs);vertical-align:middle}::slotted(*:first-child){padding:0}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-icon-only-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;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)}button.gux-icon-only{display:inline-flex;padding:var(--gse-ui-button-default-paddingIconOnly)}button[disabled]{cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}button:hover:enabled{color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}button:active:enabled{color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}button:focus-visible:enabled{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}button.gux-primary{color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}button.gux-primary:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}button.gux-primary:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}button.gux-tertiary{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)}button.gux-tertiary.gux-icon-only{padding:calc(var(--gse-ui-button-default-paddingIconOnly) - var(--gse-ui-button-tertiary-default-border-width))}button.gux-tertiary:hover:enabled{color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}button.gux-tertiary:active:enabled{color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}button.gux-ghost{color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}button.gux-ghost:hover:enabled{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button.gux-ghost:active:enabled{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button.gux-danger{color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}button.gux-danger:hover:enabled{color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}button.gux-danger:active:enabled{color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}button.gux-inline{min-inline-size:initial;block-size:initial;padding:0;color:var(--gse-ui-link-default-foregroundColor);background:none;border:none}button.gux-inline[disabled]{color:var(--gse-ui-link-disabled-foregroundColor)}button.gux-inline:hover:enabled{color:var(--gse-ui-link-hover-foregroundColor);text-decoration:underline;background:none}button.gux-inline:active:enabled{color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}";
 const GuxButtonStyle0 = guxButtonCss;

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { b as asIsoDateRange, c as fromIsoDateRange, a as asIsoDate, f as fromIsoDate } from './iso-dates-8d3f106d.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 import { g as getDesiredLocale, a as getStartOfWeek } from './index-3f1e5ba8.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
-import { r as readRegionalDatesCookie, d as dateTimeFormat } from './check-regional-dates-cookie-a5438531.js';
+import { u as useRegionalDates, d as dateTimeFormat } from './use-regional-dates-ef65cb1d.js';
 import './get-closest-element-728b9f18.js';
 
 function addClassToElements(elements, className) {
@@ -48,7 +48,7 @@ function getOffsetMonthDate(baseDate, monthDelta) {
     return date;
 }
 function getDateMonthAndYearString(date, locale) {
-    if (readRegionalDatesCookie()) {
+    if (useRegionalDates()) {
         return capitalizeFirstLetter(dateTimeFormat(locale, {
             year: 'numeric',
             month: 'long'

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 
 const guxCardCss = ":host{display:block;width: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-x) var(--gse-ui-card-raised-boxShadow-y) var(--gse-ui-card-raised-boxShadow-blur) var(--gse-ui-card-raised-boxShadow-spread) var(--gse-ui-card-raised-boxShadow-color)}.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)}";
 const GuxCardStyle0 = guxCardCss;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.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-90a02975.js';
 import './get-closest-element-728b9f18.js';
 import './clamp-1fc36648.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { a as onDisabledChange } from './on-attribute-change-f42eabee.js';
 import './get-closest-element-728b9f18.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-daff1c0b.js';
-import { r as readRegionalDatesCookie, d as dateTimeFormat, a as determineDisplayLocale } from './check-regional-dates-cookie-a5438531.js';
+import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-ef65cb1d.js';
 import { g as getDesiredLocale } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 
@@ -15,7 +15,7 @@ const GuxDate = class {
     }
     componentWillLoad() {
         trackComponent(this.root);
-        if (readRegionalDatesCookie()) {
+        if (useRegionalDates()) {
             this.hasRegionalDatesCookie = true;
         }
         else {
@@ -37,7 +37,7 @@ const GuxDate = class {
         }
     }
     render() {
-        return (h(Host, { key: '7c5dba8ed657b7602e7b2664221cf618beee57af' }, this.renderDate()));
+        return (h(Host, { key: 'a9ca02bca11221f4e53aa65807f1291c8a834048' }, this.renderDate()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-daff1c0b.js';
-import { r as readRegionalDatesCookie, d as dateTimeFormat, a as determineDisplayLocale } from './check-regional-dates-cookie-a5438531.js';
+import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-ef65cb1d.js';
 import { g as getDesiredLocale } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 
@@ -15,7 +15,7 @@ const GuxDateTime = class {
     }
     componentWillLoad() {
         trackComponent(this.root);
-        if (readRegionalDatesCookie()) {
+        if (useRegionalDates()) {
             this.hasRegionalDatesCookie = true;
         }
         else {
@@ -38,7 +38,7 @@ const GuxDateTime = class {
         }
     }
     render() {
-        return (h(Host, { key: '34356448ca74d00976bf00d92651712b3e228c7b' }, this.renderDateTime()));
+        return (h(Host, { key: '1c2c99ca32a68dba35b0a37756305154a5151a6b' }, this.renderDateTime()));
     }
     get root() { return getElement(this); }
 };

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

@@ -4,9 +4,9 @@ import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { f as fromIsoDate, b as asIsoDateRange, a as asIsoDate, c as fromIsoDateRange } from './iso-dates-8d3f106d.js';
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { r as readRegionalDatesCookie, g as getFormat, a as determineDisplayLocale } from './check-regional-dates-cookie-a5438531.js';
+import { u as useRegionalDates, g as getFormat, a as determineDisplayLocale } from './use-regional-dates-ef65cb1d.js';
 import './get-closest-element-728b9f18.js';
 
 const start = "Start";
@@ -554,7 +554,7 @@ const GuxDatepicker = class {
     async componentWillLoad() {
         trackComponent(this.root, { variant: this.mode });
         this.i18n = await buildI18nForComponent(this.root, translationResources);
-        if (readRegionalDatesCookie()) {
+        if (useRegionalDates()) {
             this.format =
                 this.format ||
                     getFormat(determineDisplayLocale(this.root));
@@ -643,7 +643,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: 'ffca3ea0a1dc30df785a9606326b30a2b4e865b5', class: {
+        return (h("div", { key: 'c1c235793375dee9688a135a01fb88e2d6172b1d', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 import { s as setInitialActiveOption, g as getSearchOption } from './gux-listbox.service-28ef1770.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import './get-closest-element-728b9f18.js';

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

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { o as onInputDisabledStateChange, c as calculateInputDisabledState } from './on-input-disabled-state-change-27395154.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-66bd1339.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { s as setInitialActiveOption, l as getListOptions, g as getSearchOption, c as clearActiveOptions, h as hasActiveOption, a as setLastOptionActive, b as setFirstOptionActive, d as hasPreviousOption, e as setPreviousOptionActive, f as hasNextOption, i as setNextOptionActive, j as actOnActiveOption, k as goToOption, m as matchOption, o as onClickedOption } from './gux-listbox.service-28ef1770.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';