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/cjs/{get-valid-timezone-6bacb49d.js → get-valid-timezone-7b76b3df.js} RENAMED Viewed

@@ -48,6 +48,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',
@@ -517,4 +579,7 @@ function getValidTimezone(input, fallback) {
 }
 exports.DateTimeFormatter = DateTimeFormatter;
+exports.dateTimeFormat = dateTimeFormat;
+exports.determineDisplayLocale = determineDisplayLocale;
 exports.getValidTimezone = getValidTimezone;
+exports.readRegionalDatesCookie = readRegionalDatesCookie;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.js');
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";

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

@@ -6,7 +6,7 @@ const index = require('./index-75c9f0d9.js');
 const onClickOutside = require('./on-click-outside-3c0f8816.js');
 const whenEventIsFrom = require('./when-event-is-from-20e89254.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.js');
 const index$1 = require('./index-dee802be.js');
 require('./get-closest-element-26894e5a.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.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/cjs/gux-advanced-dropdown-legacy.cjs.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@ const index = require('./index-75c9f0d9.js');
 const onMutation = require('./on-mutation-ef917473.js');
 const onClickOutside = require('./on-click-outside-3c0f8816.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.js');
 const index$1 = require('./index-dee802be.js');
 require('./get-closest-element-26894e5a.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.js');
 const index$1 = require('./index-dee802be.js');
 require('./get-closest-element-26894e5a.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.js');
 const onMutation = require('./on-mutation-ec5d23bd.js');
 const hasSlot = require('./has-slot-429f8b9e.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.js');
 require('./get-closest-element-26894e5a.js');
 const breadcrumbs = "Breadcrumbs";

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

@@ -6,7 +6,7 @@ const index = require('./index-75c9f0d9.js');
 const onClickOutside = require('./on-click-outside-3c0f8816.js');
 const whenEventIsFrom = require('./when-event-is-from-20e89254.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.js');
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.js');
 const logError = require('./log-error-8a92241e.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/cjs/gux-button.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.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/cjs/gux-calendar.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
 const isoDates = require('./iso-dates-d0cd4802.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.js');
 const index$1 = require('./index-dee802be.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-251c82ed.js');
 require('./get-closest-element-26894e5a.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.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/cjs/gux-column-manager.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.js');
 const guxColumnManager_service = require('./gux-column-manager.service-7f1cc862.js');
 require('./get-closest-element-26894e5a.js');
 require('./clamp-a9926a57.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.js');
 const index$1 = require('./index-dee802be.js');
 const onAttributeChange = require('./on-attribute-change-9b2d8c85.js');
 require('./get-closest-element-26894e5a.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
 const randomHtmlId = require('./random-html-id-32ef8847.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.js');
 const index$1 = require('./index-dee802be.js');
 const onClickOutside = require('./on-click-outside-3c0f8816.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.js');
 const index$1 = require('./index-dee802be.js');
 require('./get-closest-element-26894e5a.js');

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

@@ -3,26 +3,44 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-f48ab811.js');
-const getValidTimezone = require('./get-valid-timezone-6bacb49d.js');
+const usage = require('./usage-e6a30d60.js');
+const getValidTimezone = require('./get-valid-timezone-7b76b3df.js');
 const index$1 = require('./index-dee802be.js');
 require('./get-closest-element-26894e5a.js');
 const GuxDate = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.hasRegionalDatesCookie = false;
     this.datetime = new Date().toISOString();
     this.format = 'short';
     this.timeZone = undefined;
   }
   componentWillLoad() {
     usage.trackComponent(this.root);
-    this.formatter = new getValidTimezone.DateTimeFormatter(index$1.getDesiredLocale(this.root));
+    if (getValidTimezone.readRegionalDatesCookie()) {
+      this.hasRegionalDatesCookie = true;
+    }
+    else {
+      this.formatter = new getValidTimezone.DateTimeFormatter(index$1.getDesiredLocale(this.root));
+    }
+  }
+  renderDate() {
+    if (this.hasRegionalDatesCookie) {
+      return getValidTimezone.dateTimeFormat(getValidTimezone.determineDisplayLocale(this.root), {
+        dateStyle: this.format,
+        timeZone: getValidTimezone.getValidTimezone(this.timeZone)
+      })
+        .format(new Date(this.datetime));
+    }
+    else {
+      return this.formatter.formatDate(new Date(this.datetime), this.format, {
+        timeZone: getValidTimezone.getValidTimezone(this.timeZone)
+      });
+    }
   }
   render() {
-    return (index.h(index.Host, null, this.formatter.formatDate(new Date(this.datetime), this.format, {
-      timeZone: getValidTimezone.getValidTimezone(this.timeZone)
-    })));
+    return (index.h(index.Host, null, this.renderDate()));
   }
   get root() { return index.getElement(this); }
 };

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

@@ -3,26 +3,45 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-f48ab811.js');
-const getValidTimezone = require('./get-valid-timezone-6bacb49d.js');
+const usage = require('./usage-e6a30d60.js');
+const getValidTimezone = require('./get-valid-timezone-7b76b3df.js');
 const index$1 = require('./index-dee802be.js');
 require('./get-closest-element-26894e5a.js');
 const GuxDateTime = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.hasRegionalDatesCookie = false;
     this.datetime = new Date().toISOString();
     this.format = 'short';
     this.timeZone = undefined;
   }
   componentWillLoad() {
     usage.trackComponent(this.root);
-    this.formatter = new getValidTimezone.DateTimeFormatter(index$1.getDesiredLocale(this.root));
+    if (getValidTimezone.readRegionalDatesCookie()) {
+      this.hasRegionalDatesCookie = true;
+    }
+    else {
+      this.formatter = new getValidTimezone.DateTimeFormatter(index$1.getDesiredLocale(this.root));
+    }
+  }
+  renderDateTime() {
+    if (this.hasRegionalDatesCookie) {
+      return getValidTimezone.dateTimeFormat(getValidTimezone.determineDisplayLocale(this.root), {
+        dateStyle: this.format,
+        timeStyle: this.format,
+        timeZone: getValidTimezone.getValidTimezone(this.timeZone)
+      })
+        .format(new Date(this.datetime));
+    }
+    else {
+      return this.formatter.formatDateTime(new Date(this.datetime), this.format, {
+        timeZone: getValidTimezone.getValidTimezone(this.timeZone)
+      });
+    }
   }
   render() {
-    return (index.h(index.Host, null, this.formatter.formatDateTime(new Date(this.datetime), this.format, {
-      timeZone: getValidTimezone.getValidTimezone(this.timeZone)
-    })));
+    return (index.h(index.Host, null, this.renderDateTime()));
   }
   get root() { return index.getElement(this); }
 };

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

@@ -8,7 +8,7 @@ const randomHtmlId = require('./random-html-id-32ef8847.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
 const isoDates = require('./iso-dates-d0cd4802.js');
 const onClickOutside = require('./on-click-outside-3c0f8816.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.js');
 const index$1 = require('./index-dee802be.js');
 require('./get-closest-element-26894e5a.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
 const randomHtmlId = require('./random-html-id-32ef8847.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.js');
 const index$1 = require('./index-dee802be.js');
 require('./get-closest-element-26894e5a.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.js');
 const index$1 = require('./index-dee802be.js');
 require('./get-closest-element-26894e5a.js');

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

@@ -8,7 +8,7 @@ const index$1 = require('./index-dee802be.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-005e5b3e.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.js');
 const guxListbox_service = require('./gux-listbox.service-e1b0f291.js');
 const onMutation = require('./on-mutation-ec5d23bd.js');
 require('./get-closest-element-26894e5a.js');

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

@@ -8,7 +8,7 @@ const index$1 = require('./index-dee802be.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-005e5b3e.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
-const usage = require('./usage-f48ab811.js');
+const usage = require('./usage-e6a30d60.js');
 const onMutation = require('./on-mutation-ec5d23bd.js');
 const guxListbox_service = require('./gux-listbox.service-e1b0f291.js');
 const whenEventIsFrom = require('./when-event-is-from-20e89254.js');