genesys-spark-components 4.186.1 → 4.187.1

package/dist/stencil-wrapper.js

@@ -7,7 +7,7 @@
  */
 import { defineCustomElements } from '../dist/loader';
 // Value templated out during build process (see scripts/wrap-stencil.js)
-export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.186.1-868/genesys-webcomponents/';
+export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.187.1-870/genesys-webcomponents/';
 const DOMAIN_LIST = [
     '.inindca.com',
     '.dev-pure.cloud',

package/dist/types/components/beta/gux-calendar-beta/gux-calendar.d.ts

@@ -1,10 +1,19 @@
 import { JSX } from '../../../stencil-public-runtime';
-import { GuxCalendarDayOfWeek } from './gux-calendar.types';
-import { Temporal } from '@js-temporal/polyfill';
+import { GuxCalendarDayOfWeek, GuxISODate } from './gux-calendar.types';
 export declare class GuxCalendar {
+    private locale;
+    private i18n;
+    private MONTH_DATE_COUNT;
+    private defaultValue;
     root: HTMLElement;
+    internals: ElementInternals;
     startDayOfWeek: GuxCalendarDayOfWeek;
-    guxForceUpdate(): Promise<void>;
+    value: GuxISODate;
+    min: GuxISODate;
+    max: GuxISODate;
+    disabled: boolean;
+    readonly: boolean;
+    formDisabled: boolean;
     /**
      * The date that receives focus when selecting a specific day. This also
      * determines what month is currently displayed. The corresponding element
@@ -12,25 +21,21 @@ export declare class GuxCalendar {
      * may be on other parts of the component.
      */
     private focusDate;
-    min: Temporal.PlainDate | null;
-    max: Temporal.PlainDate | null;
-    disabled: boolean;
-    private attributeSynchronizer;
-    private locale;
-    private i18n;
-    private MONTH_DATE_COUNT;
-    private get slottedInput();
+    onValueChange(newValue: GuxISODate, oldValue: GuxISODate): void;
+    formAssociatedCallback(form: HTMLFormElement | null): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: GuxISODate): void;
+    connectedCallback(): void;
     componentWillLoad(): Promise<void>;
-    onSlotChange(): void;
-    disconnectedCallback(): Promise<void>;
-    private detectDayClick;
+    private onDayKeyDown;
+    private onDayClick;
     /**
      * Finds the `gux-day` element corresponding to the provided
      * date string.
      * @param dateStr The date to find in ISO format
      */
     private getGuxDayForDate;
-    private selectDate;
     /**
      * Shifts the focused date by the provided interval
      * @param interval A Temporal-compatible interval definition
@@ -40,14 +45,14 @@ export declare class GuxCalendar {
      * Directs browser focus to the element corresponding to the `.focusDate` date.
      */
     private focusOnFocusDate;
-    private onKeyDown;
     /**
      * Returns true if the date is less than the min date or greater than the max date
      */
     private isInvalidDate;
     private getMonthDays;
-    private getFocusDate;
-    private getSelectedDate;
+    private isFocusableDay;
+    private renderPreviousButton;
+    private renderNextButton;
     private renderHeader;
     private renderContent;
     render(): JSX.Element;

package/dist/types/components/beta/gux-calendar-beta/gux-calendar.service.d.ts

@@ -0,0 +1,18 @@
+import { Temporal } from '@js-temporal/polyfill';
+/**
+ * Given a date, return the first day of the month that date is in.
+ */
+export declare function getFirstOfMonth(date: Temporal.PlainDate): Temporal.PlainDate;
+export declare function getWeekdays(locale: Intl.LocalesArgument, startDayOfWeek: number): string[];
+export declare function localizedYearMonth(date: Temporal.PlainDate, locale: string): string;
+/**
+ * Given a starting date and the first day of the week, find the first date of
+ * the week of the provided date. For example, February 1st 2025 is a Saturday.
+ * If the first day of the week is considered Monday (1), this function would
+ * return a date of 2027-01-27.
+ * @param date The date we want to find the start of the week for
+ * @param startDayOfWeek The day that should be considered the first day of the week
+ * @returns The first day of the first week of the provided month
+ */
+export declare function firstDateInWeek(date: Temporal.PlainDate, startDayOfWeek: number): Temporal.PlainDate;
+export declare function isoToTemporalDate(iso: string): Temporal.PlainDate | null;

package/dist/types/components/beta/gux-calendar-beta/gux-calendar.types.d.ts

@@ -11,3 +11,8 @@ export interface IDateElement {
     focused: boolean;
 }
 export type GuxCalendarDayOfWeek = 1 | 2 | 3 | 4 | 5 | 6 | 7;
+export type GuxISODate = `${GuxISOYear}-${GuxISOMonth}-${GuxISODay}`;
+type GuxISOYear = `${number}${number}${number}${number}`;
+type GuxISOMonth = `${number}${number}`;
+type GuxISODay = `${number}${number}`;
+export {};

package/dist/types/components/beta/gux-calendar-beta/tests/gux-calendar.common.d.ts

@@ -0,0 +1,4 @@
+export declare const renderConfigs: {
+    description: string;
+    html: string;
+}[];

package/dist/types/components/beta/gux-date/gux-date.d.ts

@@ -1,6 +1,6 @@
 import { JSX } from '../../../stencil-public-runtime';
-import { GuxDateTimeFormat } from '../../../i18n/DateTimeFormatter';
-import { GuxTimeZoneIdentifier } from '../../../i18n/time-zone/types';
+import { GuxDateTimeFormat } from "../../../i18n/DateTimeFormatter";
+import { GuxTimeZoneIdentifier } from "../../../i18n/time-zone/types";
 export declare class GuxDate {
     private formatter;
     private hasRegionalDatesCookie;

package/dist/types/components/beta/gux-date-time/gux-date-time.d.ts

@@ -1,6 +1,6 @@
 import { JSX } from '../../../stencil-public-runtime';
-import { GuxDateTimeFormat } from '../../../i18n/DateTimeFormatter';
-import { GuxTimeZoneIdentifier } from '../../../i18n/time-zone/types';
+import { GuxDateTimeFormat } from "../../../i18n/DateTimeFormatter";
+import { GuxTimeZoneIdentifier } from "../../../i18n/time-zone/types";
 export declare class GuxDateTime {
     private formatter;
     private hasRegionalDatesCookie;

package/dist/types/components/beta/gux-phone-input/services/region-map.service.d.ts

@@ -1,4 +1,4 @@
-import { GetI18nValue } from '../../../../i18n';
+import { GetI18nValue } from "../../../../i18n/index";
 import libphonenumber from 'google-libphonenumber';
 import { RegionObject } from '../gux-phone.types';
 export declare function getRegionObjects(locale: string, i18n: GetI18nValue, phoneUtil: libphonenumber.PhoneNumberUtil): RegionObject[];

package/dist/types/components/stable/gux-datepicker/gux-datepicker.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, JSX } from '../../../stencil-public-runtime';
-import { GetI18nValue } from '../../../i18n';
+import { GetI18nValue } from "../../../i18n/index";
 import { GuxCalendarDayOfWeek } from '../gux-calendar/gux-calendar.types';
 import { GuxDatepickerMode, GuxDatepickerIntervalRange } from './gux-datepicker.types';
 export declare class GuxDatepicker {

package/dist/types/components/stable/gux-flyout-menu/gux-flyout-menu.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from '../../../stencil-public-runtime';
-import { GetI18nValue } from '../../../i18n';
+import { GetI18nValue } from "../../../i18n/index";
 /**
  * @slot target - target element
  * @slot menu - gux-menu element

package/dist/types/components.d.ts

@@ -16,7 +16,7 @@ import { GuxBreadcrumbAccent } from "./components/stable/gux-breadcrumbs/gux-bre
 import { GuxButtonAccent, GuxButtonType } from "./components/stable/gux-button/gux-button.types";
 import { GuxButtonMultiAccent } from "./components/stable/gux-button-multi/gux-button-multi.types";
 import { GuxCalendarDayOfWeek, GuxCalendarMode } from "./components/stable/gux-calendar/gux-calendar.types";
-import { GuxCalendarDayOfWeek as GuxCalendarDayOfWeek1 } from "./components/beta/gux-calendar-beta/gux-calendar.types";
+import { GuxCalendarDayOfWeek as GuxCalendarDayOfWeek1, GuxISODate } from "./components/beta/gux-calendar-beta/gux-calendar.types";
 import { GuxCardAccent } from "./components/stable/gux-card/gux-card.types";
 import { GuxCloudLogoLayout, GuxCloudLogoType } from "./components/beta/gux-cloud-logo/gux-cloud-logo.types";
 import { GuxCloudLogomarkVariant } from "./components/beta/gux-cloud-logomark/gux-cloud-logomark.types";
@@ -63,6 +63,8 @@ import { GuxTableToolbarActionAccent } from "./components/stable/gux-table-toolb
 import { GuxTabsAlignment, GuxTabsOrientation } from "./components/stable/gux-tabs/gux-tabs-types";
 import { GuxTagAccent, GuxTagEmphasis, GuxTagSize } from "./components/stable/gux-tag/gux-tag.types";
 import { GuxTextHighlightStrategy } from "./components/stable/gux-text-highlight/gux-text-highlight.types";
+import { GuxDateTimeFormat as GuxDateTimeFormat1 } from "./i18n/DateTimeFormatter";
+import { GuxTimeZoneIdentifier as GuxTimeZoneIdentifier1 } from "./i18n/time-zone/types";
 import { GuxClockType, GuxISOHourMinute, GuxMinuteInterval, GuxMinuteStep } from "./components/stable/gux-time-picker/gux-time-picker.type";
 import { GuxToastTypes } from "./components/stable/gux-toast/gux-toast.types";
 import { GuxToggleLabelPosition } from "./components/stable/gux-toggle/gux-toggle.types";
@@ -81,7 +83,7 @@ export { GuxBreadcrumbAccent } from "./components/stable/gux-breadcrumbs/gux-bre
 export { GuxButtonAccent, GuxButtonType } from "./components/stable/gux-button/gux-button.types";
 export { GuxButtonMultiAccent } from "./components/stable/gux-button-multi/gux-button-multi.types";
 export { GuxCalendarDayOfWeek, GuxCalendarMode } from "./components/stable/gux-calendar/gux-calendar.types";
-export { GuxCalendarDayOfWeek as GuxCalendarDayOfWeek1 } from "./components/beta/gux-calendar-beta/gux-calendar.types";
+export { GuxCalendarDayOfWeek as GuxCalendarDayOfWeek1, GuxISODate } from "./components/beta/gux-calendar-beta/gux-calendar.types";
 export { GuxCardAccent } from "./components/stable/gux-card/gux-card.types";
 export { GuxCloudLogoLayout, GuxCloudLogoType } from "./components/beta/gux-cloud-logo/gux-cloud-logo.types";
 export { GuxCloudLogomarkVariant } from "./components/beta/gux-cloud-logomark/gux-cloud-logomark.types";
@@ -128,6 +130,8 @@ export { GuxTableToolbarActionAccent } from "./components/stable/gux-table-toolb
 export { GuxTabsAlignment, GuxTabsOrientation } from "./components/stable/gux-tabs/gux-tabs-types";
 export { GuxTagAccent, GuxTagEmphasis, GuxTagSize } from "./components/stable/gux-tag/gux-tag.types";
 export { GuxTextHighlightStrategy } from "./components/stable/gux-text-highlight/gux-text-highlight.types";
+export { GuxDateTimeFormat as GuxDateTimeFormat1 } from "./i18n/DateTimeFormatter";
+export { GuxTimeZoneIdentifier as GuxTimeZoneIdentifier1 } from "./i18n/time-zone/types";
 export { GuxClockType, GuxISOHourMinute, GuxMinuteInterval, GuxMinuteStep } from "./components/stable/gux-time-picker/gux-time-picker.type";
 export { GuxToastTypes } from "./components/stable/gux-toast/gux-toast.types";
 export { GuxToggleLabelPosition } from "./components/stable/gux-toggle/gux-toggle.types";
@@ -494,8 +498,18 @@ export namespace Components {
         "value": string;
     }
     interface GuxCalendarBeta {
-        "guxForceUpdate": () => Promise<void>;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        "max": GuxISODate;
+        "min": GuxISODate;
+        /**
+          * @default false
+         */
+        "readonly": boolean;
         "startDayOfWeek": GuxCalendarDayOfWeek1;
+        "value": GuxISODate;
     }
     interface GuxCard {
         /**
@@ -2239,11 +2253,11 @@ export namespace Components {
           * Format option type
           * @default 'short'
          */
-        "format": GuxDateTimeFormat;
+        "format": GuxDateTimeFormat1;
         /**
           * Time zone identifier
          */
-        "timeZone": GuxTimeZoneIdentifier;
+        "timeZone": GuxTimeZoneIdentifier1;
     }
     interface GuxTimePicker {
         "clockType": GuxClockType;
@@ -2290,7 +2304,7 @@ export namespace Components {
         /**
           * The id of the time zone to display
          */
-        "timeZoneId": GuxTimeZoneIdentifier;
+        "timeZoneId": GuxTimeZoneIdentifier1;
     }
     interface GuxTimeZonePickerBeta {
         "customDefault": string;
@@ -5208,7 +5222,18 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface GuxCalendarBeta {
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        "max"?: GuxISODate;
+        "min"?: GuxISODate;
+        /**
+          * @default false
+         */
+        "readonly"?: boolean;
         "startDayOfWeek"?: GuxCalendarDayOfWeek1;
+        "value"?: GuxISODate;
     }
     interface GuxCard {
         /**
@@ -7020,11 +7045,11 @@ declare namespace LocalJSX {
           * Format option type
           * @default 'short'
          */
-        "format"?: GuxDateTimeFormat;
+        "format"?: GuxDateTimeFormat1;
         /**
           * Time zone identifier
          */
-        "timeZone"?: GuxTimeZoneIdentifier;
+        "timeZone"?: GuxTimeZoneIdentifier1;
     }
     interface GuxTimePicker {
         "clockType"?: GuxClockType;
@@ -7071,7 +7096,7 @@ declare namespace LocalJSX {
         /**
           * The id of the time zone to display
          */
-        "timeZoneId"?: GuxTimeZoneIdentifier;
+        "timeZoneId"?: GuxTimeZoneIdentifier1;
     }
     interface GuxTimeZonePickerBeta {
         "customDefault"?: string;

package/dist/types/stencil-wrapper.d.ts

@@ -1,2 +1,2 @@
-export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.186.1-868/genesys-webcomponents/";
+export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.187.1-870/genesys-webcomponents/";
 export declare function registerElements(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genesys-spark-components",
-  "version": "4.186.1",
+  "version": "4.187.1",
   "description": "Common webcomponents",
   "license": "MIT",
   "main": "dist/stencil-wrapper.js",