genesys-spark-components 4.10.1 → 4.12.0

package/dist/cjs/gux-popover-list.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-cae393e0.js');
 const onClickOutside = require('./on-click-outside-3c0f8816.js');
-const usage = require('./usage-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 const findElementById = require('./find-element-by-id-9c3e0b1b.js');
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";

package/dist/cjs/gux-radial-loading.cjs.entry.js

@@ -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-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 require('./get-closest-element-26894e5a.js');
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

package/dist/cjs/gux-radial-progress.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 const logError = require('./log-error-8a92241e.js');
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
 const clamp = require('./clamp-a9926a57.js');
-const usage = require('./usage-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 const logError = require('./log-error-8a92241e.js');
 
 const guxRatingCss = ":host{display:inline-block;min-width:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);outline-offset:var(--gse-semantic-focusRing-offset);box-shadow:0 0 0 1px var(--gse-semantic-focusRing-small-border-style)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";

package/dist/cjs/gux-screen-reader-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 
 const guxScreenReaderCss = ".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
 

package/dist/cjs/gux-segmented-control-beta.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
-const usage = require('./usage-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;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-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 

package/dist/cjs/gux-skip-navigation-list.cjs.entry.js

@@ -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-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 require('./get-closest-element-26894e5a.js');
 
 const navigationName = "Skip links navigation";

package/dist/cjs/gux-sort-control.cjs.entry.js

@@ -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-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 const getClosestElement = require('./get-closest-element-26894e5a.js');
 const onMutation = require('./on-mutation-ef917473.js');
 const en = require('./en-807a354e.js');

package/dist/cjs/gux-switch-legacy.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
-const usage = require('./usage-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 

package/dist/cjs/gux-table-toolbar-action.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-251c82ed.js');
-const usage = require('./usage-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 const index$1 = require('./index-dee802be.js');
 require('./get-closest-element-26894e5a.js');
 

package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 const getSlotTextContent = require('./get-slot-text-content-c4306c7a.js');
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none}.gux-sr-only{display:flex}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}";

package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js

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

package/dist/cjs/gux-table-toolbar.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
 const onResize = require('./on-resize-a136fc7f.js');
 const onMutation = require('./on-mutation-ec5d23bd.js');
-const usage = require('./usage-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 const getSlot = require('./get-slot-395a67ef.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
 
@@ -23,7 +23,7 @@ function setActionsIconOnlyProp(iconOnly, ...actionSets) {
     .forEach(action => (action.iconOnly = iconOnly));
 }
 
-const guxTableToolbarCss = ":host{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-height:var(--gse-ui-dataTableItems-tableToolbar-height)}:host .search-filter-container{width:260px;min-width:260px;padding-right:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host slot[name=search-and-filter]::slotted(*){display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-start;align-items:center}:host .section-spacing{display:flex;flex-direction:row;min-width:72px}:host .gux-contextual-permanent-primary{display:flex;flex-direction:row;justify-content:space-between;padding-left:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host .gux-contextual-permanent-primary slot[name=permanent-actions]::slotted(*),:host .gux-contextual-permanent-primary slot[name=contextual-actions]::slotted(*){display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-end;align-items:center}:host .gux-contextual-permanent-primary .gux-contextual-wrapper{padding-right:var(--gse-ui-dataTableItems-tableToolbar-gap);border-right:var(--gse-ui-dataTableItems-tableToolbar-divider-width) solid var(--gse-ui-dataTableItems-tableToolbar-dividerColor)}:host .gux-contextual-permanent-primary .gux-permanent-menu-primary-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);margin-left:var(--gse-ui-dataTableItems-tableToolbar-gap)}";
+const guxTableToolbarCss = ":host{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-height:var(--gse-ui-dataTableItems-tableToolbar-height)}:host .search-filter-container{min-width:260px;padding-inline-end:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host slot[name=search-and-filter]::slotted(*){display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-start;align-items:center}:host .section-spacing{display:flex;flex-direction:row;min-width:72px}:host .gux-contextual-permanent-primary{display:flex;flex-direction:row;justify-content:space-between;padding-left:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host .gux-contextual-permanent-primary slot[name=permanent-actions]::slotted(*),:host .gux-contextual-permanent-primary slot[name=contextual-actions]::slotted(*){display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-end;align-items:center}:host .gux-contextual-permanent-primary .gux-contextual-wrapper{padding-right:var(--gse-ui-dataTableItems-tableToolbar-gap);border-right:var(--gse-ui-dataTableItems-tableToolbar-divider-width) solid var(--gse-ui-dataTableItems-tableToolbar-dividerColor)}:host .gux-contextual-permanent-primary .gux-permanent-menu-primary-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);margin-left:var(--gse-ui-dataTableItems-tableToolbar-gap)}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

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

@@ -6,7 +6,7 @@ const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
 const whenEventIsFrom = require('./when-event-is-from-20e89254.js');
 const randomHtmlId = require('./random-html-id-32ef8847.js');
-const usage = require('./usage-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-26894e5a.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 
 const GuxTabsAdvanced = class {
   constructor(hostRef) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;height:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex-direction:column;height:100%;min-height:0}";
 

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

@@ -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-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 require('./get-closest-element-26894e5a.js');
 
 const tag = "tag with label: {label}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -3,26 +3,44 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-55753bb0.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 GuxTime = 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));
+    }
+  }
+  renderTime() {
+    if (this.hasRegionalDatesCookie) {
+      return getValidTimezone.dateTimeFormat(getValidTimezone.determineDisplayLocale(this.root), {
+        timeStyle: this.format,
+        timeZone: getValidTimezone.getValidTimezone(this.timeZone)
+      })
+        .format(new Date(this.datetime));
+    }
+    else {
+      return this.formatter.formatTime(new Date(this.datetime), this.format, {
+        timeZone: getValidTimezone.getValidTimezone(this.timeZone)
+      });
+    }
   }
   render() {
-    return (index.h(index.Host, null, this.formatter.formatTime(new Date(this.datetime), this.format, {
-      timeZone: getValidTimezone.getValidTimezone(this.timeZone)
-    })));
+    return (index.h(index.Host, null, this.renderTime()));
   }
   get root() { return index.getElement(this); }
 };

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

@@ -7,7 +7,7 @@ const onClickOutside = require('./on-click-outside-3c0f8816.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
 const index = require('./index-dee802be.js');
-const usage = require('./usage-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 require('./get-closest-element-26894e5a.js');
 
 const am = "AM";

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
-const usage = require('./usage-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
 require('./get-closest-element-26894e5a.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 const hasSlot = require('./has-slot-429f8b9e.js');
 
 const guxToastCss = ".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;width:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-bottom:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow-x) var(--gse-ui-toast-boxShadow-y) var(--gse-ui-toast-boxShadow-blur) var(--gse-ui-toast-boxShadow-spread) var(--gse-ui-toast-boxShadow-color)}.gux-toast .gux-icon ::slotted(gux-icon){width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-buttonBar-gap);justify-content:flex-start}.gux-toast .gux-content .gux-buttons-bar ::slotted(a){font-family:var(--gse-ui-link-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-link-inLine-medium-underlinedText-lineHeight)}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";

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

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

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-cae393e0.js');
 const randomHtmlId = require('./random-html-id-32ef8847.js');
-const usage = require('./usage-55753bb0.js');
+const usage = require('./usage-e6a30d60.js');
 const findElementById = require('./find-element-by-id-9c3e0b1b.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
 

package/dist/cjs/{usage-55753bb0.js → usage-e6a30d60.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "genesys-spark-components";
-const version = "4.10.1";
+const version = "4.12.0";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";
@@ -9,12 +9,13 @@ const files = [
 	"dist/"
 ];
 const scripts = {
-	build: "npm run clean && npm run i18n && npm run generate-gux-icon-types-file && npm run stencil && npm run build-wrapper",
+	build: "npm run clean && npm run i18n && npm run generate-gux-icon-types-file && npm run copy-genesys-spark-utils && npm run stencil && npm run build-wrapper",
 	"build-i18n": "./scripts/build-i18n.js",
 	"build-wrapper": "./scripts/wrap-stencil.js",
 	"check-a11y": "node ./scripts/check-a11y.mjs",
 	"check-readmes": "./scripts/check-readmes.sh",
 	clean: "rm -r ./dist ./build || true",
+	"copy-genesys-spark-utils": "node ./scripts/copy-genesys-spark-utils.mjs",
 	predev: "npm run i18n && npm run generate-gux-icon-types-file ",
 	dev: "npm run stencil.dev",
 	eslint: "eslint --fix .",

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

@@ -1,22 +1,43 @@
 import { h, Host } from "@stencil/core";
 import { trackComponent } from "../../../utils/tracking/usage";
 import { DateTimeFormatter } from "../../../i18n/DateTimeFormatter";
+import * as sparkIntl from "../../../genesys-spark-utils/intl";
+import { readRegionalDatesCookie } from "../../../i18n/check-regional-dates-cookie";
 import { getDesiredLocale } from "../../../i18n/index";
 import { getValidTimezone } from "../../../utils/date/get-valid-timezone";
 export class GuxDate {
   constructor() {
+    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 sparkIntl
+        .dateTimeFormat(sparkIntl.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()));
   }
   static get is() { return "gux-date-beta"; }
   static get encapsulation() { return "shadow"; }

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

@@ -1,22 +1,44 @@
 import { h, Host } from "@stencil/core";
 import { trackComponent } from "../../../utils/tracking/usage";
 import { DateTimeFormatter } from "../../../i18n/DateTimeFormatter";
+import * as sparkIntl from "../../../genesys-spark-utils/intl";
+import { readRegionalDatesCookie } from "../../../i18n/check-regional-dates-cookie";
 import { getDesiredLocale } from "../../../i18n/index";
 import { getValidTimezone } from "../../../utils/date/get-valid-timezone";
 export class GuxDateTime {
   constructor() {
+    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 sparkIntl
+        .dateTimeFormat(sparkIntl.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()));
   }
   static get is() { return "gux-date-time-beta"; }
   static get encapsulation() { return "shadow"; }

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

@@ -1,22 +1,43 @@
 import { h, Host } from "@stencil/core";
 import { trackComponent } from "../../../utils/tracking/usage";
 import { DateTimeFormatter } from "../../../i18n/DateTimeFormatter";
+import * as sparkIntl from "../../../genesys-spark-utils/intl";
+import { readRegionalDatesCookie } from "../../../i18n/check-regional-dates-cookie";
 import { getDesiredLocale } from "../../../i18n/index";
 import { getValidTimezone } from "../../../utils/date/get-valid-timezone";
 export class GuxTime {
   constructor() {
+    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));
+    }
+  }
+  renderTime() {
+    if (this.hasRegionalDatesCookie) {
+      return sparkIntl
+        .dateTimeFormat(sparkIntl.determineDisplayLocale(this.root), {
+        timeStyle: this.format,
+        timeZone: getValidTimezone(this.timeZone)
+      })
+        .format(new Date(this.datetime));
+    }
+    else {
+      return this.formatter.formatTime(new Date(this.datetime), this.format, {
+        timeZone: getValidTimezone(this.timeZone)
+      });
+    }
   }
   render() {
-    return (h(Host, null, this.formatter.formatTime(new Date(this.datetime), this.format, {
-      timeZone: getValidTimezone(this.timeZone)
-    })));
+    return (h(Host, null, this.renderTime()));
   }
   static get is() { return "gux-time-beta"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar.css

@@ -7,9 +7,8 @@
   max-height: var(--gse-ui-dataTableItems-tableToolbar-height);
 }
 :host .search-filter-container {
-  width: 260px;
   min-width: 260px;
-  padding-right: var(--gse-ui-dataTableItems-tableToolbar-gap);
+  padding-inline-end: var(--gse-ui-dataTableItems-tableToolbar-gap);
 }
 :host slot[name=search-and-filter]::slotted(*) {
   display: flex;

package/dist/collection/genesys-spark-utils/intl.js

@@ -0,0 +1,80 @@
+/**
+ * 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
+ */
+export 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);
+  }
+}
+/**
+ * Provides an [Intl.RelativeTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/RelativeTimeFormat)
+ * 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.RelativeTimeFormat constructor
+ * @returns a new RelativeTimeFormat
+ */
+export function relativeTimeFormat(localeOrOptions, options) {
+  let locale = undefined;
+  if (typeof localeOrOptions === 'string') {
+    locale = localeOrOptions;
+  }
+  else {
+    options = localeOrOptions;
+  }
+  if (locale != undefined) {
+    return new Intl.RelativeTimeFormat(locale, options);
+  }
+  else {
+    const userLocale = determineDisplayLocale();
+    return new Intl.RelativeTimeFormat(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)
+ */
+export 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}-`));
+}

package/dist/collection/i18n/check-regional-dates-cookie.js

@@ -0,0 +1,5 @@
+export const readRegionalDatesCookie = () => {
+  return !!document.cookie
+    .split('; ')
+    .find(cookie => cookie.startsWith('spark-enable-regional-dates'));
+};

package/dist/deploy-info.json

@@ -1,9 +1,9 @@
 {
   "name": "spark-components",
-  "version": "4.10.1",
+  "version": "4.12.0",
   "ecosystem": "pc",
   "team": "Core UI",
   "indexFiles": [],
-  "build": "81",
-  "buildDate": "2024-01-27T05:13:38.501895Z"
+  "build": "85",
+  "buildDate": "2024-01-31T05:13:41.347725Z"
 }