@globalpayments/vega 2.13.1 → 2.14.0

package/dist/types/components/vega-calendar/slimmers/day-view/renderers/vega-calendar-view-with-time-renderer.d.ts

@@ -0,0 +1,37 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaCalendar } from '../../../vega-calendar';
+/** The `VegaCalendarViewWithTimeRenderer` class in TypeScript React renders a day view for a calendar component with title, content, and hour blocks. */
+export declare class VegaCalendarViewWithTimeRenderer extends VegaSlimmer {
+  protected viewMode: VegaCalendar['viewMode'];
+  protected timeLineRenderer: VegaCalendar['timeLineRenderer'];
+  protected dayViewTimedEventRenderer: VegaCalendar['dayViewTimedEventRenderer'];
+  protected dayViewFullDayEventRenderer: VegaCalendar['dayViewFullDayEventRenderer'];
+  protected calendarView: VegaCalendar['calendarView'];
+  protected calendarViewController: VegaCalendar['calendarViewController'];
+  /**
+   * The render function in TypeScript React returns an array of HTMLElements containing the week calendar view for a specific day.
+   *
+   * @returns {HTMLElement} An array of HTMLElement elements containing the rendered content of a calendar view for a
+   * specific day in the week. The content includes the title and the main content of the calendar view
+   * for that day.
+   */
+  render(): HTMLElement;
+  /**
+   * The function `renderViewTitle` renders a calendar view title and events based on the provided source data.
+   *
+   * @returns {HTMLElement} The `renderViewTitle` function returns an HTML element (HTMLElement) that contains a calendar view title container with rows for each day's information.
+   */
+  private renderViewTitle;
+  /**
+   * The `renderViewContent` function in TypeScript React renders a calendar view with day blocks and time markers based on the provided data.
+   *
+   * @returns {HTMLElement} An HTMLElement containing a calendar view row with day containers, a timeline renderer, a content container, a day list, and hour blocks for each item in the source array.
+   */
+  private renderViewContent;
+  /**
+   * The function `renderHourBlock` returns an array of HTML elements representing hour blocks with time information.
+   *
+   * @returns {HTMLElement[]} An array of HTMLElements is being returned. Each HTMLElement represents an hour block with a time value inside a div element.
+   */
+  private renderHourBlock;
+}

package/dist/types/components/vega-calendar/slimmers/month-view/renderers/vega-calendar-month-event-renderer.d.ts

@@ -0,0 +1,66 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaCalendar } from '../../../vega-calendar';
+import { CalendarDate } from '../../../../../helpers/calendar';
+import { Nullable } from '../../../../../types/general';
+import { CalendarEvent } from '../../../../../helpers/calendar/calendar-event';
+/** This code snippet defines a TypeScript class `VegaCalendarMonthEventRenderer` that extends `VegaSlimmer`. Here's a breakdown of what the class and its methods are doing: */
+export declare class VegaCalendarMonthEventRenderer extends VegaSlimmer {
+  protected viewMode: VegaCalendar['viewMode'];
+  protected host: VegaCalendar['host'];
+  protected calendarEventController: VegaCalendar['calendarEventController'];
+  protected eventItemRenderer: VegaCalendar['eventItemRenderer'];
+  protected fullDayEventLayoutRenderer: VegaCalendar['fullDayEventLayoutRenderer'];
+  private eventContainerRef;
+  private maxMonthDisplayEventsCount;
+  /**
+   * current row dates all events.
+   *
+   * @param {CalendarDate[]} rowDate the current view date object
+   * @returns {(CalendarEvent|null)[][]} the current view events
+   */
+  getCurrentRowEvents(rowDate: CalendarDate[]): Nullable<CalendarEvent>[][];
+  /**
+   * The function filterRowDisplayEvents processes a 2D array of CalendarEvent objects to limit the number of events displayed per row.
+   *
+   * @param {(CalendarEvent|null)[][]} rowEvents - `rowEvents` is an array of arrays of `CalendarEvent` objects. Each inner array represents events for a specific row in a calendar display.
+   * @returns {(CalendarEvent|null)[][]} the current row should display events array
+   */
+  filterRowDisplayEvents(rowEvents: Nullable<CalendarEvent>[][]): Nullable<CalendarEvent>[][];
+  /**
+   * Get the month event container element ref
+   *
+   * @returns {HTMLDivElement} the container element
+   */
+  getMonthEventContainerRef(): HTMLDivElement;
+  /**
+   * render the current date events
+   *
+   * @param {CalendarDate} calendarDate current day
+   * @param {Nullable<CalendarEvent>[]} allEvents current row events
+   * @param {Nullable<CalendarEvent>[]} displayEvents current row should display events
+   * @param {number} currentViewIndex current day index of week
+   * @returns {HTMLDivElement} the events container
+   */
+  render(calendarDate: CalendarDate, allEvents: Nullable<CalendarEvent>[], displayEvents: Nullable<CalendarEvent>[], currentViewIndex: number): HTMLDivElement;
+  /**
+   * Add a month event display count change observer, than update the component
+   */
+  protected addMaxDisplayCountChange(): void;
+  /**
+   * Render the event more button if there is no enough space to display all event
+   *
+   * @param {Nullable<CalendarEvent>[]} events all event list array
+   * @param {number} moreItemsLength popover events length
+   * @param {string} title the popover title
+   * @returns {HTMLDivElement | null} the more button or null
+   */
+  private renderMoreButton;
+  /**
+   * The `hideTheCutOffEvents` method in the `VegaCalendarMonthEventRenderer` class is responsible for removing any cut-off events from the displayed events in each row
+   *
+   * @param {Nullable<CalendarEvent>[][]} allEvents the all events
+   * @param {Nullable<CalendarEvent>[][]} rowEvents the display events
+   * @returns {Nullable<CalendarEvent>[][]} new event array
+   */
+  private hideTheCutOffEvents;
+}

package/dist/types/components/vega-calendar/slimmers/month-view/renderers/vega-calendar-month-view-renderer.d.ts

@@ -0,0 +1,29 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaCalendar } from '../../../vega-calendar';
+/** The code provided is defining a TypeScript class called `VegaCalendarMonthViewRenderer` that extends `VegaSlimmer`. This class is responsible for rendering a month view of a calendar component. */
+export declare class VegaCalendarMonthViewRenderer extends VegaSlimmer {
+  protected viewMode: VegaCalendar['viewMode'];
+  protected calendarView: VegaCalendar['calendarView'];
+  protected currentPeriod: VegaCalendar['currentPeriod'];
+  protected calendarViewController: VegaCalendar['calendarViewController'];
+  protected monthEventRenderer: VegaCalendar['monthEventRenderer'];
+  /**
+   * the HTML elements that represent the month view of a calendar component.
+   *
+   * @returns {HTMLElement} the month view calendar content
+   */
+  render(): HTMLElement;
+  /**
+   * generating the HTML elements that represent the content of the month view in a calendar component
+   *
+   * @returns {HTMLElement[]} month view content and event content
+   */
+  private renderMonthViewContent;
+  /**
+   * It takes a `CalendarDate` object as a parameter and returns an HTML element representing a date block in the calendar view.
+   *
+   * @param {CalendarDate} item the day object
+   * @returns {HTMLElement} the date block element
+   */
+  private renderDateBlock;
+}

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

@@ -0,0 +1,58 @@
+import { BackgroundColorsTokenType } from '../../types/designToken.type';
+import { CalendarEvent } from '../../helpers/calendar/calendar-event';
+
+export type VegaCalendarViewModeType = 'month' | 'week' | 'day';
+
+export type VegaCalendarDateType = {
+	date: number;
+	month: number;
+	year: number;
+};
+
+export type VegaCalendarChangeEventType = {
+	currentPeriod: {
+		year: number;
+		month: number;
+		startDate: VegaCalendarDateType;
+		endDate: VegaCalendarDateType;
+	};
+	viewMode: VegaCalendarViewModeType;
+};
+
+export type VegaCalendarEventRepeatType = 'none' | 'daily' | 'weekly' | 'monthly' | 'yearly';
+
+export type VegaCalendarEventVariantType = 'primary' | 'secondary' | 'tertiary';
+
+export interface VegaCalendarRawEvent {
+	key: string;
+	title: string;
+	variant?: VegaCalendarEventVariantType;
+	startDate: string | Date;
+	endDate?: string | Date;
+	startTime?: string;
+	endTime?: string;
+	isAllDay?: boolean;
+	repeat?: VegaCalendarEventRepeatType;
+	color?: string | BackgroundColorsTokenType;
+	disabled?: boolean;
+}
+
+export type VegaCalendarEventClickInfo = {
+	rawEvent: VegaCalendarRawEvent;
+};
+
+export type VegaCalendarEventStyle = {
+	position: 'absolute';
+	left: string;
+	top: string;
+	width: string;
+	height?: string;
+	zIndex?: string;
+	opacity?: string;
+};
+
+export type VegaCalendarFullDayEventView = {
+	event: CalendarEvent;
+	start: number;
+	end: number;
+};

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

@@ -0,0 +1,18 @@
+/**
+ * get month name from the month number
+ *
+ * @param {Date} date the date object
+ * @param {boolean} isShortName short or long name
+ * @returns {string} the month English name
+ */
+export declare function getMonthName(date: Date, isShortName?: boolean): string;
+/**
+ * The function `getTimeIndex` calculates the index of a given time string based on a specified time unit.
+ *
+ * @param {string} timeString - A string representing a time in the format "HH:MM", where HH is the hour and MM is the minutes.
+ * @param {number} [unit=15] - The `unit` parameter in the `getTimeIndex` function is used to specify
+ * the interval in minutes for dividing the day. By default, it is set to 15 minutes, meaning that the
+ * day will be divided into 15-minute intervals.
+ * @returns {number} the index of the given time string based on the specified time unit.
+ */
+export declare function getTimeIndex(timeString: string, unit?: number): number;

package/dist/types/components/vega-calendar/vega-calendar-event/slimmers/controllers/vega-calendar-event-bg-color-controller.d.ts

@@ -0,0 +1,12 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaCalendarEvent } from '../../vega-calendar-event';
+/** The `VegaCalendarEventBgColorController` class in TypeScript provides methods to handle background color for calendar events based on a color map and custom color variables. */
+export declare class VegaCalendarEventBgColorController extends VegaSlimmer {
+  protected calendarEvent: VegaCalendarEvent['calendarEvent'];
+  /**
+   * Get the background color css string from the background token or background color string
+   *
+   * @returns {string} css string
+   */
+  getBackgroundColorStyle(): string;
+}

package/dist/types/components/vega-calendar/vega-calendar-event/slimmers/controllers/vega-calendar-event-title-max-height-controller.d.ts

@@ -0,0 +1,13 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+/**
+ * The `VegaCalendarTitleMaxHeightController` class in TypeScript sets the maximum height for
+ * a vertical title element based on its line height and current height.
+ */
+export declare class VegaCalendarTitleMaxHeightController extends VegaSlimmer {
+  private renderer;
+  /**
+   * The function sets the maximum height of a vertical title element based on its line height and
+   * current height.
+   */
+  setVerticalTitleMaxHeight(): void;
+}

package/dist/types/components/vega-calendar/vega-calendar-event/slimmers/controllers/vega-calendar-sub-state-controller.d.ts

@@ -0,0 +1,10 @@
+import { SubStateObserverSlimmer } from '../../../../../helpers/slimmers/sub-state/subStateObserverSlimmer';
+import { VegaCalendarEvent } from '../../vega-calendar-event';
+/** The `VegaCalendarEventSubStateController` class in TypeScript initializes a calendar with specified subStates. */
+export declare class VegaCalendarEventSubStateController extends SubStateObserverSlimmer<HTMLVegaCalendarEventElement> {
+  protected timeFormat: VegaCalendarEvent['timeFormat'];
+  /**
+   * The constructor function initializes a calendar with specified subStates in TypeScript.
+   */
+  constructor();
+}

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

@@ -0,0 +1,54 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaCalendarEvent } from '../../vega-calendar-event';
+import { Nullable } from '../../../../../types/general';
+/** The `VegaCalendarEventRenderer` class is a TypeScript React component used for rendering calendar events with different display modes and custom styling. */
+export declare class VegaCalendarEventRenderer extends VegaSlimmer {
+  protected host: VegaCalendarEvent['host'];
+  protected timeFormat: VegaCalendarEvent['timeFormat'];
+  protected calendarEvent: VegaCalendarEvent['calendarEvent'];
+  protected colorController: VegaCalendarEvent['colorController'];
+  private eventTitleContainerRef;
+  /**
+   * This function returns the event title container as a nullable HTMLDivElement.
+   *
+   * @returns {Nullable<HTMLDivElement>} The method `getEventTitleContainer` is returning a nullable HTMLDivElement.
+   */
+  getEventTitleContainerRef(): Nullable<HTMLDivElement>;
+  /**
+   * The function conditionally renders either a group event or a normal event based on a boolean flag.
+   *
+   * @returns {HTMLElement} the event element
+   */
+  render(): HTMLElement;
+  /**
+   * render background mode event element
+   *
+   * @returns {HTMLDivElement} div element
+   */
+  private renderBackgroundModeEvent;
+  /**
+   * render event element
+   *
+   * @returns {HTMLAnchorElement} event element
+   */
+  private renderNormalEvent;
+  /**
+   * render event status element, a color badge or a color bar element
+   *
+   * @returns {HTMLDivElement} div element
+   */
+  private renderEventStatus;
+  /**
+   * render the custom color style tag element
+   *
+   * @returns {HTMLStyleElement} style element
+   */
+  private injectBackgroundColorStyle;
+  /**
+   * Takes a time string as input and formats it to ensure it always has two digits for hours and minutes.
+   *
+   * @param {string} timeString the event time string
+   * @returns {string} time string after format
+   */
+  private formatDisplayTime;
+}

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

@@ -0,0 +1,25 @@
+import { GlobalSlimmers } from '../../../vega-slimmer/vega-slimmer-core';
+import { VegaCalendarEventRenderer } from './slimmers/renderers/vega-calendar-event-renderer';
+import { VegaCalendarEventBgColorController } from './slimmers/controllers/vega-calendar-event-bg-color-controller';
+import { CalendarEvent } from '../../../helpers/calendar/calendar-event';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/componentUsageRuntimeMetrics';
+import { TimeFormat } from '../../../types/general';
+import { VegaCalendarEventSubStateController } from './slimmers/controllers/vega-calendar-sub-state-controller';
+import { VegaCalendarTitleMaxHeightController } from './slimmers/controllers/vega-calendar-event-title-max-height-controller';
+import { PageResizeObserverSlimmer } from '../../../helpers/slimmers/pageResizeObserverSlimmer';
+export declare class VegaCalendarEvent {
+  protected readonly globalSlimmer: GlobalSlimmers;
+  protected readonly pageResizeObserverSlimmer: PageResizeObserverSlimmer;
+  protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaCardElement>;
+  protected renderer: VegaCalendarEventRenderer;
+  protected colorController: VegaCalendarEventBgColorController;
+  protected subStateController: VegaCalendarEventSubStateController;
+  protected titleMaxHeightController: VegaCalendarTitleMaxHeightController;
+  host: HTMLVegaCalendarEventElement;
+  timeFormat: TimeFormat;
+  /**
+   * Specifies the calendar event.
+   */
+  calendarEvent: CalendarEvent;
+  render(): VegaCalendarEvent;
+}

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

@@ -0,0 +1,107 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
+import { VegaCalendarRenderer } from './slimmers/common/renderers/vega-calendar-renderer';
+import { VegaCalendarSwitchPanelRenderer } from './slimmers/common/renderers/vega-calendar-switch-panel';
+import { VegaCalendarViewRenderer } from './slimmers/common/renderers/vega-calendar-view-renderer';
+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 { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/eventEmitSlimmer';
+import { CalendarPeriod, CalendarView } from '../../helpers/calendar';
+import { VegaCalendarViewController } from './slimmers/common/controllers/vega-calendar-view-controller';
+import { VegaCalendarCurrentPeriodController } from './slimmers/common/controllers/vega-calendar-current-period-controller';
+import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/childNodesEventPreventSlimmer';
+import { VegaCalendarMonthEventRenderer } from './slimmers/month-view/renderers/vega-calendar-month-event-renderer';
+import { VegaCalendarEventController } from './slimmers/common/controllers/vega-calendar-event-controller';
+import { VegaCalendarEventResponsiveController } from './slimmers/common/controllers/vega-calendar-event-responsive-controller';
+import { VegaCalendarFullDayEventRenderer } from './slimmers/day-view/renderers/full-day-event/vega-calendar-full-day-event-renderer';
+import { CalendarEvent } from '../../helpers/calendar/calendar-event';
+import { VegaCalendarEventItemRenderer } from './slimmers/common/renderers/vega-calendar-event-item-renderer';
+import { VegaCalendarDayViewEventLayoutRenderer } from './slimmers/day-view/renderers/timed-event/vega-calendar-day-event-layout-renderer';
+import { VegaCalendarTimedEventRenderer } from './slimmers/day-view/renderers/timed-event/vega-calendar-timed-event-renderer';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/componentUsageRuntimeMetrics';
+import { VegaCalendarFullDayEventLayoutRenderer } from './slimmers/common/renderers/vega-calendar-full-day-event-layout-renderer';
+import { TimeFormat } from '../../types/general';
+import { SubStateNotifySlimmerBase } from '../../helpers/slimmers/sub-state/subStateNotifySlimmerBase';
+export declare class VegaCalendar {
+  protected readonly globalSlimmer: GlobalSlimmers;
+  protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaCardElement>;
+  protected renderer: VegaCalendarRenderer;
+  protected switchPanelRenderer: VegaCalendarSwitchPanelRenderer;
+  protected viewRenderer: VegaCalendarViewRenderer;
+  protected monthViewRenderer: VegaCalendarMonthViewRenderer;
+  protected viewWithTimeRenderer: VegaCalendarViewWithTimeRenderer;
+  protected timeLineRenderer: VegaCalendarTimeLineRenderer;
+  protected monthEventRenderer: VegaCalendarMonthEventRenderer;
+  protected currentPeriodController: VegaCalendarCurrentPeriodController;
+  protected calendarViewController: VegaCalendarViewController;
+  protected dayViewFullDayEventRenderer: VegaCalendarFullDayEventRenderer;
+  protected dayViewTimedEventRenderer: VegaCalendarTimedEventRenderer;
+  protected eventItemRenderer: VegaCalendarEventItemRenderer;
+  protected dayViewEventLayoutRenderer: VegaCalendarDayViewEventLayoutRenderer;
+  protected fullDayEventLayoutRenderer: VegaCalendarFullDayEventLayoutRenderer;
+  protected calendarEventController: VegaCalendarEventController;
+  protected eventResponsiveController: VegaCalendarEventResponsiveController;
+  protected changeEventEmitter: EventEmitSlimmerBase;
+  protected eventClickEmitter: EventEmitSlimmerBase;
+  protected changeEventPrevent: ChildNodesEventPreventSlimmer;
+  protected readonly timeFormatNotifySlimmer: SubStateNotifySlimmerBase;
+  host: HTMLVegaCalendarElement;
+  calendarView: CalendarView;
+  currentPeriod: CalendarPeriod;
+  /**
+   * watch the state calendar current period change
+   */
+  watchCurrentPeriodChange(): void;
+  calendarEvents: CalendarEvent[];
+  /**
+   * Specifies the current view mode of the calendar.
+   */
+  viewMode: VegaCalendarViewModeType;
+  /**
+   * Watch the view mode change
+   *
+   * @param {VegaCalendarViewModeType} newValue the new value of view mode
+   */
+  watchViewModeChange(newValue: VegaCalendarViewModeType): void;
+  /**
+   * Specifies the events of the calendar.
+   */
+  events: VegaCalendarRawEvent[];
+  /**
+   * Watch the calendar events change
+   *
+   * @param {VegaCalendarRawEvent[]} newValue
+   */
+  watchEventsChange(newValue: VegaCalendarRawEvent[]): void;
+  /**
+   * Specifies the time format of the calendar.
+   */
+  timeFormat: TimeFormat;
+  /**
+   * Watches changes in the calendar's time format.
+   *
+   * @param {TimeFormat} newValue
+   */
+  watchTimeFormat(newValue: TimeFormat): void;
+  /**
+   * An event emitter notifying the component view content change after a switch panel click.
+   */
+  vegaChange: EventEmitter<VegaCalendarChangeEventType>;
+  /**
+   * An event emitter notifying the component view content change after a switch panel click.
+   *
+   * @eventSemantics namespace:native
+   */
+  change: EventEmitter<VegaCalendarChangeEventType>;
+  /**
+   * An event emitter notifying that a component event item is clicked.
+   */
+  vegaEventClick: EventEmitter<VegaCalendarEventClickInfo>;
+  /**
+   * An event emitter notifying that a component event item is clicked.
+   */
+  eventClick: EventEmitter<VegaCalendarEventClickInfo>;
+  render(): VegaCalendar;
+}

package/dist/types/components.d.ts

@@ -17,6 +17,9 @@ 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 { Nullable, TimeFormat } from "./types/general";
+import { CalendarEvent } from "./helpers/calendar/calendar-event";
 import { FormFieldValidationRule } from "./helpers/validator/rules/formFieldValidationRule";
 import { VegaChipIconAlign, VegaChipSize, VegaChipType, VegaChipVariant } from "./components/vega-chip/types";
 import { VegaComboBoxSize, VegaDropdownPropsForComboBox } from "./components/vega-combo-box/types";
@@ -27,7 +30,6 @@ import { VegaDropdownItemClickEvent } from "./components/vega-dropdown/vega-drop
 import { VegaFontAs } from "./components/vega-font/types";
 import { FormControlOption, FormValidateResult } from "./components/vega-form/types";
 import { VegaFile, VegaFileOptional, VegaImageUploaderStatus } from "./components/vega-image-uploader/types";
-import { Nullable, TimeFormat } from "./types/general";
 import { MaskConfigType } from "./components/vega-input/types";
 import { InputRangeStackType, InputRangeValueType } from "./components/vega-input-range/types";
 import { SelectedLabelType, SelectSourceItem, SelectType, SelectValueType, VegaDropdownPropsForSelect, VegaInputSelectSize, VegaInputSelectSourceLazyLoadCallback } from "./components/vega-input-select/types";
@@ -481,6 +483,26 @@ export namespace Components {
          */
         "size": 'default' | 'large' | 'small';
     }
+    interface VegaCalendar {
+        /**
+          * Specifies the events of the calendar.
+         */
+        "events": VegaCalendarRawEvent[];
+        /**
+          * Specifies the time format of the calendar.
+         */
+        "timeFormat": TimeFormat;
+        /**
+          * Specifies the current view mode of the calendar.
+         */
+        "viewMode": VegaCalendarViewModeType;
+    }
+    interface VegaCalendarEvent {
+        /**
+          * Specifies the calendar event.
+         */
+        "calendarEvent": CalendarEvent;
+    }
     interface VegaCard {
         /**
           * Defines the background color of the card element.    It accepts a string value representing a valid    background color token.
@@ -2599,6 +2621,10 @@ export interface VegaButtonLinkCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaButtonLinkElement;
 }
+export interface VegaCalendarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVegaCalendarElement;
+}
 export interface VegaCarouselCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaCarouselElement;
@@ -2830,6 +2856,18 @@ declare global {
         prototype: HTMLVegaButtonLinkElement;
         new (): HTMLVegaButtonLinkElement;
     };
+    interface HTMLVegaCalendarElement extends Components.VegaCalendar, HTMLStencilElement {
+    }
+    var HTMLVegaCalendarElement: {
+        prototype: HTMLVegaCalendarElement;
+        new (): HTMLVegaCalendarElement;
+    };
+    interface HTMLVegaCalendarEventElement extends Components.VegaCalendarEvent, HTMLStencilElement {
+    }
+    var HTMLVegaCalendarEventElement: {
+        prototype: HTMLVegaCalendarEventElement;
+        new (): HTMLVegaCalendarEventElement;
+    };
     interface HTMLVegaCardElement extends Components.VegaCard, HTMLStencilElement {
     }
     var HTMLVegaCardElement: {
@@ -3270,6 +3308,8 @@ declare global {
         "vega-button-group": HTMLVegaButtonGroupElement;
         "vega-button-group-item": HTMLVegaButtonGroupItemElement;
         "vega-button-link": HTMLVegaButtonLinkElement;
+        "vega-calendar": HTMLVegaCalendarElement;
+        "vega-calendar-event": HTMLVegaCalendarEventElement;
         "vega-card": HTMLVegaCardElement;
         "vega-carousel": HTMLVegaCarouselElement;
         "vega-checkbox": HTMLVegaCheckboxElement;
@@ -3860,6 +3900,43 @@ declare namespace LocalJSX {
          */
         "size"?: 'default' | 'large' | 'small';
     }
+    interface VegaCalendar {
+        /**
+          * Specifies the events of the calendar.
+         */
+        "events"?: VegaCalendarRawEvent[];
+        /**
+          * An event emitter notifying the component view content change after a switch panel click.
+          * @eventSemantics namespace:native
+         */
+        "onChange"?: (event: VegaCalendarCustomEvent<VegaCalendarChangeEventType>) => void;
+        /**
+          * An event emitter notifying that a component event item is clicked.
+         */
+        "onEventClick"?: (event: VegaCalendarCustomEvent<VegaCalendarEventClickInfo>) => void;
+        /**
+          * 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 component event item is clicked.
+         */
+        "onVegaEventClick"?: (event: VegaCalendarCustomEvent<VegaCalendarEventClickInfo>) => void;
+        /**
+          * Specifies the time format of the calendar.
+         */
+        "timeFormat"?: TimeFormat;
+        /**
+          * Specifies the current view mode of the calendar.
+         */
+        "viewMode"?: VegaCalendarViewModeType;
+    }
+    interface VegaCalendarEvent {
+        /**
+          * Specifies the calendar event.
+         */
+        "calendarEvent"?: CalendarEvent;
+    }
     interface VegaCard {
         /**
           * Defines the background color of the card element.    It accepts a string value representing a valid    background color token.
@@ -6279,6 +6356,8 @@ declare namespace LocalJSX {
         "vega-button-group": VegaButtonGroup;
         "vega-button-group-item": VegaButtonGroupItem;
         "vega-button-link": VegaButtonLink;
+        "vega-calendar": VegaCalendar;
+        "vega-calendar-event": VegaCalendarEvent;
         "vega-card": VegaCard;
         "vega-carousel": VegaCarousel;
         "vega-checkbox": VegaCheckbox;
@@ -6369,6 +6448,8 @@ declare module "@stencil/core" {
             "vega-button-group": LocalJSX.VegaButtonGroup & JSXBase.HTMLAttributes<HTMLVegaButtonGroupElement>;
             "vega-button-group-item": LocalJSX.VegaButtonGroupItem & JSXBase.HTMLAttributes<HTMLVegaButtonGroupItemElement>;
             "vega-button-link": LocalJSX.VegaButtonLink & JSXBase.HTMLAttributes<HTMLVegaButtonLinkElement>;
+            "vega-calendar": LocalJSX.VegaCalendar & JSXBase.HTMLAttributes<HTMLVegaCalendarElement>;
+            "vega-calendar-event": LocalJSX.VegaCalendarEvent & JSXBase.HTMLAttributes<HTMLVegaCalendarEventElement>;
             "vega-card": LocalJSX.VegaCard & JSXBase.HTMLAttributes<HTMLVegaCardElement>;
             "vega-carousel": LocalJSX.VegaCarousel & JSXBase.HTMLAttributes<HTMLVegaCarouselElement>;
             "vega-checkbox": LocalJSX.VegaCheckbox & JSXBase.HTMLAttributes<HTMLVegaCheckboxElement>;

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"];
+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 CssStates: readonly ["default", "hover", "active", "focus-visible"];

package/dist/types/global/icons/chevron-left.d.ts

@@ -0,0 +1,3 @@
+import { IconPayload } from '../../helpers/icon/interface';
+declare const _default: IconPayload;
+export default _default;

package/dist/types/global/icons/chevron-right.d.ts

@@ -0,0 +1,3 @@
+import { IconPayload } from '../../helpers/icon/interface';
+declare const _default: IconPayload;
+export default _default;