npm - genesys-spark-components - Versions diffs - 4.11.0 → 4.12.0 - Mend

genesys-spark-components 4.11.0 → 4.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (266) hide show

package/dist/esm/{get-valid-timezone-b9060a4c.js → get-valid-timezone-eb98c51d.js} RENAMED Viewed

@@ -46,6 +46,68 @@ class DateTimeFormatter {
   }
 }
+/**
+ * Provides an [Intl.DateTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat)
+ * object for formatting dates and times. Unlike the native version, `locale` is
+ * an optional argument. If not provided, the function will try to determine the
+ * locale from the DOM, where it should be set for a11y reasons.
+ * @param locale optional locale to use for formatting
+ * @param options options to pass to the Intl.DateTimeFormat constructor
+ * @returns a new DateTimeFormat
+ */
+function dateTimeFormat(localeOrOptions, options) {
+  let locale = undefined;
+  if (typeof localeOrOptions === 'string') {
+    locale = localeOrOptions;
+  }
+  else {
+    options = localeOrOptions;
+  }
+  if (locale != undefined) {
+    return new Intl.DateTimeFormat(locale, options);
+  }
+  else {
+    const userLocale = determineDisplayLocale();
+    return new Intl.DateTimeFormat(userLocale, options);
+  }
+}
+/**
+ * Makes a best effort to return the locale that should be used for a given element
+ * by checking language tags on ancestors. If no element is provided, it will
+ * start with the document's <body> tag. If no locale can be found, it will use
+ * the browser's locale preference. It will also try to add a region to regionless
+ * locales when there is a partial match with the browser's locale.
+ * @returns a locale string (e.g. 'en-US', 'en', 'de-DE', etc)
+ */
+function determineDisplayLocale(element = document.body) {
+  var _a;
+  const domLocale = (_a = element.closest('[lang]')) === null || _a === void 0 ? void 0 : _a.lang;
+  if (!domLocale || browserHasRegionData(domLocale)) {
+    // If we can't find a locale in the DOM, or we find a locale without a region that matches the
+    // users's browser locale, use the browser locale.
+    return navigator.language;
+  }
+  else {
+    return domLocale;
+  }
+}
+/**
+ * Returns true if the provided locale only has a language, but the user's
+ * browser settings have the same language with a locale.
+ * @param localeString The locale to check
+ * @returns true if the region can be guessed from the browser settings.
+ */
+function browserHasRegionData(localeString) {
+  return (localeString.length == 2 &&
+    navigator.language.startsWith(`${localeString}-`));
+}
+const readRegionalDatesCookie = () => {
+  return !!document.cookie
+    .split('; ')
+    .find(cookie => cookie.startsWith('spark-enable-regional-dates'));
+};
 const timeZoneIdentifiers = [
   'Africa/Abidjan',
   'Africa/Accra',
@@ -514,4 +576,4 @@ function getValidTimezone(input, fallback) {
   return fallback;
 }
-export { DateTimeFormatter as D, getValidTimezone as g };
+export { DateTimeFormatter as D, determineDisplayLocale as a, dateTimeFormat as d, getValidTimezone as g, readRegionalDatesCookie as r };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.js';
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";

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

@@ -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-f15c5ac7.js';
 import { w as whenEventIsFrom } from './when-event-is-from-6154bd60.js';
 import { a as afterNextRenderTimeout } from './after-next-render-84ec18ad.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
 import './get-closest-element-66f63212.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.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}";

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { o as onMutation } from './on-mutation-a2b7cdad.js';
 import { O as OnClickOutside } from './on-click-outside-f15c5ac7.js';
 import { a as afterNextRenderTimeout } from './after-next-render-84ec18ad.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
 import './get-closest-element-66f63212.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.js';
 import { b as afterNextRender } from './after-next-render-84ec18ad.js';
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
 import './get-closest-element-66f63212.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.js';
 import { O as OnMutation } from './on-mutation-c570b3ed.js';
 import { h as hasSlot } from './has-slot-d06c74d9.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-39e65a0a.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.js';
 import './get-closest-element-66f63212.js';
 const breadcrumbs = "Breadcrumbs";

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

@@ -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-f15c5ac7.js';
 import { w as whenEventIsFrom } from './when-event-is-from-6154bd60.js';
 import { a as afterNextRenderTimeout } from './after-next-render-84ec18ad.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.js';
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.js';
 import { l as logError } from './log-error-0b15023e.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 CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.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}";

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39e65a0a.js';
 import { a as afterNextRenderTimeout } from './after-next-render-84ec18ad.js';
 import { a as asIsoDateRange, c as fromIsoDateRange, b as asIsoDate, f as fromIsoDate } from './iso-dates-5bcd3209.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.js';
 import { g as getDesiredLocale, a as getStartOfWeek } from './index-39266f37.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-45fad3db.js';
 import './get-closest-element-66f63212.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.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)}";

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-39e65a0a.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.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-4f5bf4c4.js';
 import './get-closest-element-66f63212.js';
 import './clamp-51db64df.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
 import { a as onDisabledChange } from './on-attribute-change-42a46627.js';
 import './get-closest-element-66f63212.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
 import { r as randomHTMLId } from './random-html-id-3354d85c.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
 import { O as OnClickOutside } from './on-click-outside-f15c5ac7.js';
 import { b as afterNextRender } from './after-next-render-84ec18ad.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
 import './get-closest-element-66f63212.js';

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

@@ -1,24 +1,42 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
-import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-b9060a4c.js';
+import { t as trackComponent } from './usage-d5e34af8.js';
+import { r as readRegionalDatesCookie, D as DateTimeFormatter, d as dateTimeFormat, a as determineDisplayLocale, g as getValidTimezone } from './get-valid-timezone-eb98c51d.js';
 import { g as getDesiredLocale } from './index-39266f37.js';
 import './get-closest-element-66f63212.js';
 const GuxDate = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.hasRegionalDatesCookie = false;
     this.datetime = new Date().toISOString();
     this.format = 'short';
     this.timeZone = undefined;
   }
   componentWillLoad() {
     trackComponent(this.root);
-    this.formatter = new DateTimeFormatter(getDesiredLocale(this.root));
+    if (readRegionalDatesCookie()) {
+      this.hasRegionalDatesCookie = true;
+    }
+    else {
+      this.formatter = new DateTimeFormatter(getDesiredLocale(this.root));
+    }
+  }
+  renderDate() {
+    if (this.hasRegionalDatesCookie) {
+      return dateTimeFormat(determineDisplayLocale(this.root), {
+        dateStyle: this.format,
+        timeZone: getValidTimezone(this.timeZone)
+      })
+        .format(new Date(this.datetime));
+    }
+    else {
+      return this.formatter.formatDate(new Date(this.datetime), this.format, {
+        timeZone: getValidTimezone(this.timeZone)
+      });
+    }
   }
   render() {
-    return (h(Host, null, this.formatter.formatDate(new Date(this.datetime), this.format, {
-      timeZone: getValidTimezone(this.timeZone)
-    })));
+    return (h(Host, null, this.renderDate()));
   }
   get root() { return getElement(this); }
 };

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

@@ -1,24 +1,43 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
-import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-b9060a4c.js';
+import { t as trackComponent } from './usage-d5e34af8.js';
+import { r as readRegionalDatesCookie, D as DateTimeFormatter, d as dateTimeFormat, a as determineDisplayLocale, g as getValidTimezone } from './get-valid-timezone-eb98c51d.js';
 import { g as getDesiredLocale } from './index-39266f37.js';
 import './get-closest-element-66f63212.js';
 const GuxDateTime = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.hasRegionalDatesCookie = false;
     this.datetime = new Date().toISOString();
     this.format = 'short';
     this.timeZone = undefined;
   }
   componentWillLoad() {
     trackComponent(this.root);
-    this.formatter = new DateTimeFormatter(getDesiredLocale(this.root));
+    if (readRegionalDatesCookie()) {
+      this.hasRegionalDatesCookie = true;
+    }
+    else {
+      this.formatter = new DateTimeFormatter(getDesiredLocale(this.root));
+    }
+  }
+  renderDateTime() {
+    if (this.hasRegionalDatesCookie) {
+      return dateTimeFormat(determineDisplayLocale(this.root), {
+        dateStyle: this.format,
+        timeStyle: this.format,
+        timeZone: getValidTimezone(this.timeZone)
+      })
+        .format(new Date(this.datetime));
+    }
+    else {
+      return this.formatter.formatDateTime(new Date(this.datetime), this.format, {
+        timeZone: getValidTimezone(this.timeZone)
+      });
+    }
   }
   render() {
-    return (h(Host, null, this.formatter.formatDateTime(new Date(this.datetime), this.format, {
-      timeZone: getValidTimezone(this.timeZone)
-    })));
+    return (h(Host, null, this.renderDateTime()));
   }
   get root() { return getElement(this); }
 };

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

@@ -4,7 +4,7 @@ import { r as randomHTMLId } from './random-html-id-3354d85c.js';
 import { a as afterNextRenderTimeout } from './after-next-render-84ec18ad.js';
 import { f as fromIsoDate, a as asIsoDateRange, b as asIsoDate, c as fromIsoDateRange } from './iso-dates-5bcd3209.js';
 import { O as OnClickOutside } from './on-click-outside-f15c5ac7.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
 import './get-closest-element-66f63212.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39e65a0a.js';
 import { r as randomHTMLId } from './random-html-id-3354d85c.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
 import './get-closest-element-66f63212.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
 import './get-closest-element-66f63212.js';

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

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-39266f37.js';
 import { s as simulateNativeEvent } from './simulate-native-event-bca7a1c9.js';
 import { b as afterNextRender } from './after-next-render-84ec18ad.js';
 import { o as onInputDisabledStateChange } from './on-input-disabled-state-change-e6bc912f.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.js';
 import { s as setInitialActiveOption, g as getSearchOption } from './gux-listbox.service-8ccb2f73.js';
 import { O as OnMutation } from './on-mutation-c570b3ed.js';
 import './get-closest-element-66f63212.js';

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

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-39266f37.js';
 import { s as simulateNativeEvent } from './simulate-native-event-bca7a1c9.js';
 import { o as onInputDisabledStateChange, c as calculateInputDisabledState } from './on-input-disabled-state-change-e6bc912f.js';
 import { b as afterNextRender } from './after-next-render-84ec18ad.js';
-import { t as trackComponent } from './usage-5cd5d07c.js';
+import { t as trackComponent } from './usage-d5e34af8.js';
 import { O as OnMutation } from './on-mutation-c570b3ed.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-8ccb2f73.js';
 import { w as whenEventIsFrom } from './when-event-is-from-6154bd60.js';