@globalpayments/vega 2.16.0 → 2.17.0

package/dist/types/components/vega-calendar/vega-calendar.d.ts

@@ -6,7 +6,7 @@ import { VegaCalendarViewRenderer } from './slimmers/common/renderers/vega-calen
 import { VegaCalendarMonthViewRenderer } from './slimmers/month-view/renderers/vega-calendar-month-view-renderer';
 import { VegaCalendarViewWithTimeRenderer } from './slimmers/day-view/renderers/vega-calendar-view-with-time-renderer';
 import { VegaCalendarTimeLineRenderer } from './slimmers/day-view/renderers/vega-calendar-time-line-renderer';
-import { VegaCalendarChangeEventType, VegaCalendarEventClickInfo, VegaCalendarRawEvent, VegaCalendarViewModeType } from './types';
+import { VegaCalendarChangeEventType, VegaCalendarEventClickInfo, VegaCalendarDateClickInfo, VegaCalendarRawEvent, VegaCalendarViewModeType } from './types';
 import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/eventEmitSlimmer';
 import { CalendarPeriod, CalendarView } from '../../helpers/calendar';
 import { VegaCalendarViewController } from './slimmers/common/controllers/vega-calendar-view-controller';
@@ -45,15 +45,19 @@ export declare class VegaCalendar {
   protected eventResponsiveController: VegaCalendarEventResponsiveController;
   protected changeEventEmitter: EventEmitSlimmerBase;
   protected eventClickEmitter: EventEmitSlimmerBase;
+  protected dateDblClickEmitter: EventEmitSlimmerBase;
   protected changeEventPrevent: ChildNodesEventPreventSlimmer;
   protected readonly timeFormatNotifySlimmer: SubStateNotifySlimmerBase;
   host: HTMLVegaCalendarElement;
   calendarView: CalendarView;
   currentPeriod: CalendarPeriod;
   /**
-   * watch the state calendar current period change
+   * Tracks changes to the current period state.
+   *
+   * @param {CalendarPeriod} newValue Specifies the new calendar period.
+   * @param {CalendarPeriod} oldValue Specifies the old calendar period.
    */
-  watchCurrentPeriodChange(): void;
+  watchCurrentPeriodChange(newValue: CalendarPeriod, oldValue: CalendarPeriod): void;
   calendarEvents: CalendarEvent[];
   /**
    * Specifies the current view mode of the calendar.
@@ -103,5 +107,13 @@ export declare class VegaCalendar {
    * An event emitter notifying that a component event item is clicked.
    */
   eventClick: EventEmitter<VegaCalendarEventClickInfo>;
+  /**
+   * An event emitter notifying that a calendar date item has been double-clicked.
+   */
+  vegaDateDblClick: EventEmitter<VegaCalendarDateClickInfo>;
+  /**
+   * An event emitter notifying that a calendar date item has been double-clicked.
+   */
+  dateDblClick: EventEmitter<VegaCalendarDateClickInfo>;
   render(): VegaCalendar;
 }

package/dist/types/components/vega-dropdown/slimmers/controllers/vega-dropdown-appender-controller.d.ts

@@ -19,7 +19,6 @@ export declare class VegaDropdownAppenderController extends ElementAppenderSlimm
   placement: VegaDropdown['placement'];
   alignment: VegaDropdown['alignment'];
   renderer: VegaDropdown['renderer'];
-  listRenderer: VegaDropdown['listRenderer'];
   searchRenderer: VegaDropdown['searchRenderer'];
   showEventEmitter: VegaDropdown['showEventEmitter'];
   hideEventEmitter: VegaDropdown['hideEventEmitter'];

package/dist/types/components/vega-dropdown/slimmers/controllers/vega-dropdown-children-controller.d.ts

@@ -67,4 +67,8 @@ export declare class VegaDropdownChildrenController extends VegaSlimmer {
    * The below method is e2e-test covered in @see{module:vega-dropdown-items-dom-change-e2e}
    */
   private clearDropdownCurrentData;
+  /**
+   * The function `notifyTemplateItemsChange` notifies changes to dropdown items within a container element.
+   */
+  private notifyTemplateItemsChange;
 }

package/dist/types/components/vega-dropdown/slimmers/controllers/vega-dropdown-scrollable-controller.d.ts

@@ -0,0 +1,57 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaDropdown } from '../../vega-dropdown';
+/**
+ * The `VegaDropdownScrollableController` class in TypeScript manages the behavior of a scrollable dropdown component,
+ * adjusting list container height and scrolling to specific indexes based on render mode and selected source key.
+ */
+export declare class VegaDropdownScrollableController extends VegaSlimmer {
+  isDropdownShow: VegaDropdown['isDropdownShow'];
+  renderModeController: VegaDropdown['renderModeController'];
+  sourceForRender: VegaDropdown['sourceForRender'];
+  selectType: VegaDropdown['selectType'];
+  selectedSourceKey: VegaDropdown['selectedSourceKey'];
+  searchable: VegaDropdown['searchable'];
+  listRenderer: VegaDropdown['listRenderer'];
+  renderer: VegaDropdown['renderer'];
+  /**
+   * The function `watchIsDropdownShow` adjusts the list container height and scrolls to a specific index
+   * if the dropdown is shown in a certain render mode.
+   */
+  watchIsDropdownShow(): Promise<void>;
+  /**
+   * The function scrollToSelected asynchronously scrolls to a selected index based on the render mode.
+   */
+  private scrollToSelectedIndex;
+  /**
+   * The function scrollToVirtualIndex asynchronously scrolls to a specific index in a virtual list based
+   * on the selected key.
+   */
+  private scrollToVirtualIndex;
+  /**
+   * The function scrollToTemplateIndex scrolls the dropdown content box to the selected item key.
+   */
+  private scrollToTemplateIndex;
+  /**
+   * The function `getSelectedKey` returns the selected key based on the `selectType` condition.
+   *
+   * @returns {string} The `getSelectedKey` method returns a string value. If `this.selectType` is equal to
+   * 'multiple', it returns the first element of the `selectedSourceKey` array as a string. Otherwise, it
+   * returns the `selectedSourceKey` value as a string.
+   */
+  private getSelectedKey;
+  /**
+   * we only calculate surplus space of bottom, we should calculate maxHeight more accurately here.
+   * such as minus the gap of dropdown, the dropdown padding top and bottom, the gap of bottom.
+   * if with searchable, we should minus the height of searchable.
+   * if the dropdown in the top of host, we should only minus top of distance from vega-dropdown to vega-dropdown-container.
+   */
+  private adjustListContainerMaxHeight;
+  /**
+   * The function `setItemsContainerMaxHeight` adjusts the maximum height of the items container based on
+   * the render mode.
+   *
+   * @param {number} maxHeight - The `maxHeight` parameter is a number that represents the maximum height
+   * in pixels that the items container should have.
+   */
+  private setItemsContainerMaxHeight;
+}

package/dist/types/components/vega-dropdown/slimmers/renderers/vega-dropdown-list-renderer.d.ts

@@ -1,38 +1,28 @@
 import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
 import { VegaDropdown } from '../../vega-dropdown';
 export declare class VegaDropdownListRenderer extends VegaSlimmer {
+  host: VegaDropdown['host'];
   isLoading: VegaDropdown['isLoading'];
   searchString: VegaDropdown['searchString'];
-  selectType: VegaDropdown['selectType'];
-  searchable: VegaDropdown['searchable'];
-  selectedSourceKey: VegaDropdown['selectedSourceKey'];
   itemDisplayRule: VegaDropdown['itemDisplayRule'];
-  maxHeightOfItemsContainer: VegaDropdown['maxHeightOfItemsContainer'];
   sourceForRender: VegaDropdown['sourceForRender'];
   itemLevelRenderer: VegaDropdown['itemLevelRenderer'];
   groupLevelRenderer: VegaDropdown['groupLevelRenderer'];
-  renderer: VegaDropdown['renderer'];
   isLazyLoading: VegaDropdown['isLazyLoading'];
+  isDropdownShow: VegaDropdown['isDropdownShow'];
+  renderModeController: VegaDropdown['renderModeController'];
   private virtualScrollRef;
-  scrollToIndex(): Promise<void>;
+  private templateContainerRef;
+  private defaultMaxHeightOfItemsContainer;
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-dropdown-keyboard-control-e2e}
    */
-  getVirtualScrollRef(): HTMLElement;
+  getVirtualScrollRef(): HTMLVegaVirtualScrollElement;
+  getTemplateContainerRef(): HTMLUListElement;
   renderBySource(): HTMLElement;
   renderBySlot(): HTMLElement;
   private renderLoading;
   private renderDropdownListBySource;
   private renderDropdownListBySlot;
-  /**
-   * we only calculate surplus space of bottom, we should calculate maxHeight more accurately here.
-   * such as minus the gap of dropdown, the dropdown padding top and bottom, the gap of bottom.
-   * if with searchable, we should minus the height of searchable.
-   * if the dropdown in the top of host, we should only minus top of distance from vega-dropdown to vega-dropdown-container.
-   * The below method is e2e-test covered in
-   * @see{module:vega-dropdown-with-matchContainerHeight-e2e}
-   * @see{module:vega-dropdown-without-matchContainerHeight-e2e}
-   */
-  private adjustListContainerMaxHeight;
 }

package/dist/types/components/vega-dropdown/slimmers/renderers/vega-dropdown-renderer.d.ts

@@ -18,6 +18,9 @@ export declare class VegaDropdownRenderer extends VegaSlimmer {
   getVirtualContainerRef(): HTMLElement;
   getNextActiveItem(code: 'ArrowUp' | 'ArrowDown'): Nullable<HTMLVegaDropdownItemElement>;
   render(): HTMLElement;
+  /**
+   * TODO: We will use no-named slot for both template and source render mode. And will deprecate slot dropdown-content
+   */
   private renderContentSlot;
   private renderDropdown;
   private setVirtualContainer;

package/dist/types/components/vega-dropdown/vega-dropdown.d.ts

@@ -20,6 +20,7 @@ import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event
 import { ChildNodesNotifyObserverSlimmer } from '../../helpers/event-manager/slimmers/childNodesNotifyObserverSlimmer';
 import { VegaDropdownItemClickEvent } from './vega-dropdown-item/types';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/componentUsageRuntimeMetrics';
+import { VegaDropdownScrollableController } from './slimmers/controllers/vega-dropdown-scrollable-controller';
 export declare class VegaDropdown {
   protected readonly globalSlimmers: GlobalSlimmers;
   protected readonly renderer: VegaDropdownRenderer;
@@ -39,6 +40,7 @@ export declare class VegaDropdown {
   protected readonly childrenController: VegaDropdownChildrenController;
   protected readonly selectedController: VegaDropdownSelectedController;
   protected readonly renderModeController: VegaDropdownRenderModeController;
+  protected readonly scrollableController: VegaDropdownScrollableController;
   protected readonly selectTypeNotifySlimmer: SubStateNotifySlimmerBase;
   protected readonly selectedSourceKeyNotifySlimmer: SubStateNotifySlimmerBase;
   protected readonly prefixIconSlotNotifySlimmer: SubStateNotifySlimmerBase;
@@ -52,7 +54,6 @@ export declare class VegaDropdown {
   protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaDropdownElement>;
   host: HTMLVegaDropdownElement;
   searchString: string;
-  maxHeightOfItemsContainer: number;
   isDropdownShow: boolean;
   sourceForRender: VegaDropdownSourceItem[];
   watchIsDropdownShow(): void;

package/dist/types/components/vega-input-select/slimmers/controllers/vega-input-select-dropdown-controller.d.ts

@@ -6,6 +6,8 @@ export declare class VegaInputSelectDropdownController extends VegaSlimmer {
   vegaSearch: VegaInputSelect['vegaSearch'];
   searchEventEmitter: VegaInputSelect['searchEventEmitter'];
   vegaInputSelectValueController: VegaInputSelect['vegaInputSelectValueController'];
+  sourceController: VegaInputSelect['sourceController'];
+  source: VegaInputSelect['source'];
   /** The `onDropdownShow` function is setting the `isDropdownShow` property of the`VegaInputSelectDropdownController` class to `true`. This function is called when the dropdown select input is shown. */
   onDropdownShow: () => void;
   /** The `onDropdownHide` function is setting the `isDropdownShow` property of the `VegaInputSelectDropdownController` class to `false`. This function is called when the dropdown select input is hidden. */

package/dist/types/components/vega-input-select/slimmers/controllers/vega-input-select-items-slot-controler.d.ts

@@ -0,0 +1,19 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { MutationObserverSlimmer } from '../../../../helpers/slimmers/mutation-observer/mutationObserverSlimmer';
+/**
+ * The class `VegaInputSelectItemsSlotController` extends `VegaSlimmer` and manages
+ * appending host items to a dropdown element.
+ */
+export declare class VegaInputSelectItemsSlotController extends VegaSlimmer {
+  protected mutationObserver: MutationObserverSlimmer;
+  private host;
+  private vegaInputSelectDropdownRenderer;
+  /**
+   * Component lifecycle - [componentDidLoad]
+   */
+  componentDidLoad(): void;
+  /**
+   * The function appends host items to a dropdown element.
+   */
+  private appendHostItemsToDropdown;
+}

package/dist/types/components/vega-input-select/slimmers/controllers/vega-input-select-source-controller.d.ts

@@ -1,5 +1,6 @@
 import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
-import { SelectSourceItem } from '../../types';
+import { SelectSourceItem, SelectType, SelectValueType } from '../../types';
+import { Nullable } from '../../../../types/general';
 /**
  * The `VegaInputSelectSourceController` class manages the source data for
  * a dropdown input component in TypeScript.
@@ -16,4 +17,13 @@ export declare class VegaInputSelectSourceController extends VegaSlimmer {
    * @param {SelectSourceItem[]} items - Appendable items
    */
   appendSourceItems(items: SelectSourceItem[]): void;
+  /**
+   * This TypeScript function retrieves an item from a source array based on its ID.
+   *
+   * @param {SelectValueType<SelectType>} id - The `id` parameter in the `getItem` function is of type `SelectValueType<SelectType>`,
+   * which means it can accept a value that corresponds to the `SelectType` defined in the function.
+   * @returns { Nullable<SelectSourceItem>} The `getItem` function is returning a `SelectSourceItem` object that matches the provided
+   * `id`, or `null` if no matching item is found in the `source` array.
+   */
+  getItem(id: SelectValueType<SelectType>): Nullable<SelectSourceItem>;
 }

package/dist/types/components/vega-input-select/slimmers/controllers/vega-input-select-value-controller.d.ts

@@ -4,9 +4,9 @@ import { SelectType, SelectValueType } from '../../types';
 export declare class VegaInputSelectValueController extends VegaSlimmer {
   private value;
   private selectType;
-  private source;
   private changeEventEmitter;
   private host;
+  private sourceController;
   /**
    * handle the value change when the component watchValue call
    *

package/dist/types/components/vega-input-select/slimmers/renderers/vega-input-select-dropdown-renderer.d.ts

@@ -1,10 +1,13 @@
 import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { Nullable } from '../../../../types/general';
 /** The `VegaInputSelectDropdownRenderer` class is a TypeScript React component that renders a dropdown select input with various customization options. */
 export declare class VegaInputSelectDropdownRenderer extends VegaSlimmer {
   private dropdown;
   private inputSelectContainer;
+  private itemsSlotRef;
   private value;
   private source;
+  private host;
   private selectType;
   private isDropdownShow;
   private vegaDropdownProps;
@@ -13,11 +16,14 @@ export declare class VegaInputSelectDropdownRenderer extends VegaSlimmer {
   private selectedLabel;
   private isLazyLoading;
   private vegaInputSelectDropdownController;
+  private sourceController;
   show(): Promise<void>;
   hide(): Promise<void>;
   getDropdownRef(): HTMLVegaDropdownElement;
   getInputSelectContainerRef(): HTMLDivElement;
+  getItemsSlotRef(): Nullable<HTMLElement>;
   render(): HTMLVegaDropdownElement;
+  private renderItemsSlot;
   private renderContainer;
   private renderPrefixIcon;
   private renderToggleIcon;

package/dist/types/components/vega-input-select/vega-input-select.d.ts

@@ -15,6 +15,7 @@ import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimm
 import { VegaInputSelectLazyLoadController } from './slimmers/controllers/vega-input-select-lazy-load-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/componentUsageRuntimeMetrics';
 import { VegaInputSelectSourceController } from './slimmers/controllers/vega-input-select-source-controller';
+import { VegaInputSelectItemsSlotController } from './slimmers/controllers/vega-input-select-items-slot-controler';
 export declare class VegaInputSelect {
   protected readonly globalSlimmers: GlobalSlimmers;
   protected readonly sourceController: VegaInputSelectSourceController;
@@ -22,6 +23,7 @@ export declare class VegaInputSelect {
   protected readonly vegaInputSelectDropdownController: VegaInputSelectDropdownController;
   protected readonly vegaInputSelectValueController: VegaInputSelectValueController;
   protected readonly vegaInputSelectDropdownRenderer: VegaInputSelectDropdownRenderer;
+  protected readonly vegaInputSelectItemsSlotController: VegaInputSelectItemsSlotController;
   protected readonly formFieldControllerSlimmer: FormFieldControllerSlimmer<SelectValueType<SelectType>>;
   protected readonly pageResizeObserverSlimmer: PageResizeObserverSlimmer;
   protected readonly lazyLoadController: VegaInputSelectLazyLoadController;

package/dist/types/components.d.ts

@@ -17,7 +17,7 @@ import { VegaButtonIconAlign, VegaButtonSize, VegaButtonType, VegaButtonVariant
 import { VegaButtonCircleSize, VegaButtonCircleTooltip, VegaButtonCircleVariant } from "./components/vega-button-circle/types";
 import { DropdownPropsForButtonGroup, VegaButtonGroupIconAlign, VegaButtonGroupSize, VegaButtonGroupVariant } from "./components/vega-button-group/types";
 import { DropdownSourceGroup, DropdownSourceItem, VegaDropdownSourceItem } from "./components/vega-dropdown/types";
-import { VegaCalendarChangeEventType, VegaCalendarEventClickInfo, VegaCalendarRawEvent, VegaCalendarViewModeType } from "./components/vega-calendar/types";
+import { VegaCalendarChangeEventType, VegaCalendarDateClickInfo, VegaCalendarEventClickInfo, VegaCalendarRawEvent, VegaCalendarViewModeType } from "./components/vega-calendar/types";
 import { Nullable, TimeFormat } from "./types/general";
 import { CalendarEvent } from "./helpers/calendar/calendar-event";
 import { FormFieldValidationRule } from "./helpers/validator/rules/formFieldValidationRule";
@@ -350,6 +350,10 @@ export namespace Components {
           * Specifies the text displayed on the button.
          */
         "label": string;
+        /**
+          * Specifies whether the button is in a loading state. When `true`,     the button is disabled and an indeterminate loading indicator     is displayed within the button.
+         */
+        "loading": boolean;
         /**
           * Specifies the size of the button.
          */
@@ -3756,6 +3760,10 @@ declare namespace LocalJSX {
           * Specifies the text displayed on the button.
          */
         "label"?: string;
+        /**
+          * Specifies whether the button is in a loading state. When `true`,     the button is disabled and an indeterminate loading indicator     is displayed within the button.
+         */
+        "loading"?: boolean;
         /**
           * An event emitter notifying the click event of the button.
           * @eventSemantics namespace:native
@@ -3936,6 +3944,10 @@ declare namespace LocalJSX {
           * @eventSemantics namespace:native
          */
         "onChange"?: (event: VegaCalendarCustomEvent<VegaCalendarChangeEventType>) => void;
+        /**
+          * An event emitter notifying that a calendar date item has been double-clicked.
+         */
+        "onDateDblClick"?: (event: VegaCalendarCustomEvent<VegaCalendarDateClickInfo>) => void;
         /**
           * An event emitter notifying that a component event item is clicked.
          */
@@ -3944,6 +3956,10 @@ declare namespace LocalJSX {
           * An event emitter notifying the component view content change after a switch panel click.
          */
         "onVegaChange"?: (event: VegaCalendarCustomEvent<VegaCalendarChangeEventType>) => void;
+        /**
+          * An event emitter notifying that a calendar date item has been double-clicked.
+         */
+        "onVegaDateDblClick"?: (event: VegaCalendarCustomEvent<VegaCalendarDateClickInfo>) => void;
         /**
           * An event emitter notifying that a component event item is clicked.
          */

package/dist/types/constants/ui.d.ts

@@ -12,5 +12,5 @@ export declare const FlexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
 export declare const BoxDisplay: readonly ["block", "none"];
 export declare const BorderStyle: readonly ["solid", "dashed", "dotted", "double", "none"];
 export declare const TextAlign: readonly ["start", "end", "left", "right", "center", "justify"];
-export declare const VegaNativeEventName: readonly ["change", "click", "focus", "blur", "close", "modalOpen", "validate", "formSubmit", "formReset", "rowClick", "selectChange", "selectAllChange", "pageSizeChange", "dropdownClick", "create", "search", "hide", "show", "popoverShow", "popoverHide", "cancel", "remove", "pageUpdate", "currentStepUpdate", "toggleStatus", "stateUpdate", "groupClick", "menuClick", "accordionExpand", "dropdownShow", "dropdownHide", "dropdownSearch", "actionClick", "eventClick", "dateClick"];
+export declare const VegaNativeEventName: readonly ["change", "click", "focus", "blur", "close", "modalOpen", "validate", "formSubmit", "formReset", "rowClick", "selectChange", "selectAllChange", "pageSizeChange", "dropdownClick", "create", "search", "hide", "show", "popoverShow", "popoverHide", "cancel", "remove", "pageUpdate", "currentStepUpdate", "toggleStatus", "stateUpdate", "groupClick", "menuClick", "accordionExpand", "dropdownShow", "dropdownHide", "dropdownSearch", "actionClick", "eventClick", "dateDblClick"];
 export declare const CssStates: readonly ["default", "hover", "active", "focus-visible"];

package/dist/types/helpers/calendar/calendar-date.d.ts

@@ -58,4 +58,12 @@ export declare class CalendarDate {
    * @returns {DateCompareResult} - Return a DateCompareResult object
    */
   compare(date: CalendarDate): DateCompareResult;
+  /**
+   * The function "equal" compares the year, month, and date of two CalendarDate objects and returns  true if they are equal.
+   *
+   * @param {CalendarDate} calendarDate - The `equal` method in the code snippet is a function that compares the year, month, and date of the current `CalendarDate` object with another
+   * `CalendarDate` object passed as a parameter. The method returns `true` if all three values (year, month, date) are equal
+   * @returns {boolean} The date is same day with current
+   */
+  equal(calendarDate: CalendarDate): boolean;
 }

package/dist/types/helpers/calendar/calendar-event.d.ts

@@ -1,6 +1,7 @@
 import { VegaCalendarEventVariantType, VegaCalendarRawEvent } from '../../components/vega-calendar/types';
 import { Nullable } from '../../types/general';
 import { CalendarDate } from './calendar-date';
+import { CalendarPeriod } from './calendar-period/calendar-period.abstract';
 /** The `CalendarEvent` class in TypeScript represents a calendar event with methods to validate required fields, initialize dates and times, and determine if it is a group event. */
 export declare class CalendarEvent {
   private _event;
@@ -9,14 +10,19 @@ export declare class CalendarEvent {
   private _endDate;
   private _startTime;
   private _endTime;
+  private _eventSpansDays;
+  private repeatPattern;
   /**
    * The constructor initializes a VegaCalendarRawEvent object and performs validation checks on required fields.
    *
    * @param {VegaCalendarRawEvent} eventOptions - The `eventOptions` parameter in the constructor
    * represents the raw event data for a Vega calendar event. It contains information such as the event
    * title, start and end dates, location, description, and any other relevant details about the event.
+   * @param {string} eventKey If a value is not provided for `eventKey`, a UUID (Universally
+   * Unique Identifier) will be generated as a default value. This identifier is used to distinguish
+   * different events and can be helpful for tracking
    */
-  constructor(eventOptions: VegaCalendarRawEvent);
+  constructor(eventOptions: VegaCalendarRawEvent, eventKey?: string);
   /**
    * The function returns the raw event data for a VegaCalendar event.
    *
@@ -60,7 +66,7 @@ export declare class CalendarEvent {
    */
   get isAllDayEvent(): boolean;
   /**
-   * The function isRepeatEvent returns a boolean value based on whether the event's repeat property is not equal to 'none'.
+   * The function isRepeatEvent returns a boolean value based on whether the event's repeatOptions property is not equal to 'none'.
    *
    * @returns {boolean} The method `isRepeatEvent` returns a boolean value indicating whether the `_event` has a repeat value other than 'none'.
    */
@@ -89,6 +95,24 @@ export declare class CalendarEvent {
    * @returns {string} The `_endTime` property, which is a string, is being returned.
    */
   get endTime(): string;
+  /**
+   * This function returns the number of days that an event spans.
+   *
+   * @returns {number} The method `get eventSpansDays()` is returning the value of the property
+   * `_eventSpansDays`, which is of type `number`.
+   */
+  get eventSpansDays(): number;
+  /**
+   * The function `copyTo` copies a calendar event with updated start and end dates.
+   *
+   * @param {string} eventKey - The `eventKey` parameter in the `copyTo` function is a string that represents the key or identifier of the new calendar event that will be created.
+   * @param {CalendarDate} startDate - The `startDate` parameter in the `copyTo` function represents
+   * the starting date of a calendar event. It is of type `CalendarDate`, which may contain information such as the day, month, and year of the event.
+   * @returns {CalendarEvent} A new `CalendarEvent` object is being returned with the properties from the original
+   * `_event` object (excluding `repeatOptions`) and the `startDate` and `endDate` properties set to
+   * the `toDate()` values of the `startDate` and `endDate` parameters.
+   */
+  copyTo(eventKey: string, startDate: CalendarDate): CalendarEvent;
   /**
    * Check the event is a group event or not
    *
@@ -109,6 +133,16 @@ export declare class CalendarEvent {
    * @returns {number} the minutes
    */
   getEventDuration(): number;
+  /**
+   * This function returns an array of repeat series based on a given calendar period.
+   *
+   * @param {CalendarPeriod} period - The `period` parameter in the `getRepeatSeries` method is of type
+   * `CalendarPeriod`. It represents a specific time period within a calendar, typically defined by a
+   * start date and an end date. The method uses this period to generate a series of repeated events
+   * based on a daily repeat pattern specified
+   * @returns {CalendarDate[]} repeat start date array
+   */
+  getRepeatSeries(period: CalendarPeriod): CalendarDate[];
   /**
    * The function `convertTimeTo24Hour` converts a time string from 12-hour format to 24-hour format in TypeScript.
    *
@@ -137,4 +171,12 @@ export declare class CalendarEvent {
    * `startTime`, `endDate`, and `endTime` which are used
    */
   private initDate;
+  /**
+   * The function initializes a repeat pattern controller for a calendar event with specified start and end dates and repeat options.
+   */
+  private initRepeatPattern;
+  /**
+   * Initializes the event cross days by the event start date and end date.
+   */
+  private initEventSpansDays;
 }

package/dist/types/helpers/calendar/calendar-period/calendar-period.abstract.d.ts

@@ -1,13 +1,15 @@
+import { Nullable } from '../../../types/general';
 import { CalendarDate } from '../calendar-date';
 /**
  * CalendarPeriod is an abstract class that represents a period of date for calendar.
  */
 export declare abstract class CalendarPeriod {
-  private readonly _current;
+  private _current;
   private _startDate;
   private _endDate;
   private readonly _count;
-  protected constructor(count: number, current: CalendarDate);
+  protected abstract readonly _type: string;
+  protected constructor(count: number, current: Nullable<CalendarDate>);
   /**
    * The current date of the period.
    *
@@ -32,6 +34,12 @@ export declare abstract class CalendarPeriod {
    * @type {number}
    */
   get count(): number;
+  /**
+   * This function returns the type of the object.
+   *
+   * @type {string}
+   */
+  get type(): string;
   /**
    * Go to a specific date.
    *

package/dist/types/helpers/calendar/calendar-period/day-period.d.ts

@@ -5,6 +5,7 @@ import { CalendarDate } from '../calendar-date';
  */
 export declare class DayPeriod extends CalendarPeriod {
   private static readonly DISPLAY_DATE_COUNT;
+  protected readonly _type: string;
   constructor(current?: CalendarDate);
   /**
    * @inheritDoc

package/dist/types/helpers/calendar/calendar-period/month-period.d.ts

@@ -5,7 +5,19 @@ import { CalendarDate } from '../calendar-date';
  */
 export declare class MonthPeriod extends CalendarPeriod {
   private static readonly DISPLAY_DATE_COUNT;
+  protected readonly _type: string;
   constructor(current?: CalendarDate);
+  /**
+   * The function `getMonthFirstDay` returns the first day of a given month in a calendar.
+   *
+   * @param {CalendarDate} [calendarDate] - The `calendarDate` parameter is an optional parameter of
+   * type `CalendarDate`. It represents a specific date in the calendar. If a `calendarDate` is
+   * provided, the function will use that date to determine the first day of the month. If no
+   * `calendarDate` is provided, the function
+   * @returns {CalendarDate} A new `CalendarDate` object representing the first day of the month from the provided
+   * `calendarDate` parameter or the current date if no parameter is provided.
+   */
+  private static getMonthFirstDay;
   /**
    * @inheritDoc
    */

package/dist/types/helpers/calendar/calendar-period/week-period.d.ts

@@ -5,6 +5,7 @@ import { CalendarDate } from '../calendar-date';
  */
 export declare class WeekPeriod extends CalendarPeriod {
   private static readonly DISPLAY_DATE_COUNT;
+  protected readonly _type: string;
   constructor(current?: CalendarDate);
   /**
    * @inheritDoc

package/dist/types/helpers/event-manager/eventID/vegaEventId.d.ts

@@ -78,5 +78,5 @@ export declare const VegaDropdownHide: VegaEventID;
 export declare const VegaDropdownSearch: VegaEventID;
 export declare const VegaActionClick: VegaEventID;
 export declare const VegaEventClick: VegaEventID;
-export declare const VegaDateClick: VegaEventID;
+export declare const VegaDateDblClick: VegaEventID;
 export declare const HTMLNativeEventIds: VegaEventID[];

package/dist/types/helpers/event-manager/eventID/vegaInternalEventId.d.ts

@@ -23,3 +23,4 @@ export declare const VegaInternalLeftNavLinkClick: VegaInternalEventID;
 export declare const VegaInternalSubStatePull: VegaInternalEventID;
 export declare const VegaInternalSubStatePush: VegaInternalEventID;
 export declare const VegaInternalCalendarMonthEventsChange: VegaInternalEventID;
+export declare const VegaInternalDropdownTemplateItemsChange: VegaInternalEventID;

package/dist/types/helpers/slimmers/sub-state/subStateObserverSlimmer.d.ts

@@ -3,6 +3,7 @@ import { HTMLStencilElement } from '../../../stencil-public-runtime';
 export declare type SubStateObserverEntry = {
   parent: string | (() => HTMLElement);
   subStates: SubStateEntry[];
+  pullStatesWhenReattached?: boolean;
 };
 export declare type SubStateEntry = {
   subStateName: string;
@@ -64,4 +65,12 @@ export declare class SubStateObserverSlimmer<T extends HTMLStencilElement> exten
    * @param {unknown} value - new value
    */
   private updateState;
+  /**
+   * The `pullStates` function iterates through subStates and notifies the ChangeManager to update the
+   * state based on the callback function provided.
+   *
+   * @returns {void} If the `this.parent` property is falsy, the `pullStates` method will return early and not
+   * execute the rest of the code inside the method.
+   */
+  private pullStates;
 }

package/dist/types/types/components.type.d.ts

@@ -93,6 +93,7 @@ export {
 } from '../components/vega-dropdown/types';
 export {
 	VegaCalendarChangeEventType,
+	VegaCalendarDateClickInfo,
 	VegaCalendarEventClickInfo,
 	VegaCalendarRawEvent,
 	VegaCalendarViewModeType,

package/dist/vega/index.esm.js

@@ -1 +1 @@
-export{B as Breakpoints,g as getCurrentBreakpoint}from"./p-3542f8fe.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-018d77cc.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-9e38810c.js";export{c as camelToDashCase}from"./p-0bb29d98.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-1265732f.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{a as Typography,b as TypographyKeys,T as TypographyUrls}from"./p-c59042c0.js";export{B as BreakpointKeys}from"./p-3c8b2105.js";export{F as FrameworkEnum,v as VegaEnvManager,c as VegaEventManager,V as VegaLoader,a as VegaNotify,d as VegaSkeletonLoader,b as VegaThemeManager,w as waitForVega}from"./p-9e5f7b82.js";export{F as FeatureFlag}from"./p-f2118771.js";export{V as VegaDialog}from"./p-34964cc9.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-aae8855d.js";export{V as VegaIconManager}from"./p-9d426517.js";export{V as ValidCreditCardNumberRule}from"./p-8054bb18.js";import"./p-bb761f8f.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-6bdc4407.js";import"./p-3a0a4d15.js";import"./p-469bc36e.js";import"./p-320642bd.js";import"./p-abf5b8f7.js";import"./p-d3f1d3dd.js";import"./p-cb13b4e6.js";import"./p-112455b1.js";import"./p-61f18887.js";import"./p-f1d8fd1c.js";const o=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{o as Rings}
+export{B as Breakpoints,g as getCurrentBreakpoint}from"./p-3542f8fe.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-018d77cc.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-9e38810c.js";export{c as camelToDashCase}from"./p-0bb29d98.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-1265732f.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{a as Typography,b as TypographyKeys,T as TypographyUrls}from"./p-c59042c0.js";export{B as BreakpointKeys}from"./p-3c8b2105.js";export{F as FrameworkEnum,v as VegaEnvManager,c as VegaEventManager,V as VegaLoader,a as VegaNotify,d as VegaSkeletonLoader,b as VegaThemeManager,w as waitForVega}from"./p-bba06111.js";export{F as FeatureFlag}from"./p-f2118771.js";export{V as VegaDialog}from"./p-34964cc9.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-642d58ff.js";export{V as VegaIconManager}from"./p-9d426517.js";export{V as ValidCreditCardNumberRule}from"./p-8054bb18.js";import"./p-bb761f8f.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-6bdc4407.js";import"./p-3a0a4d15.js";import"./p-469bc36e.js";import"./p-320642bd.js";import"./p-abf5b8f7.js";import"./p-d3f1d3dd.js";import"./p-cb13b4e6.js";import"./p-112455b1.js";import"./p-61f18887.js";import"./p-eacf64be.js";const o=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{o as Rings}