@globalpayments/vega 2.13.1 → 2.15.0

package/dist/types/components/vega-tab-group/slimmers/vega-tab-group/controllers/vega-tab-group-selected-target-controller.d.ts

@@ -5,15 +5,15 @@ export declare class VegaTabGroupSelectedTargetController extends VegaSlimmer {
   clickEventEmitter: VegaTabGroup['clickEventEmitter'];
   selectedTabDataTarget: VegaTabGroup['selectedTabDataTarget'];
   /**
-   * The function will call when component call selectedTabDataTargetChange function and emit a vega click event
+   * The function sets the selectedTabDataTarget property to the provided dataTarget value.
    *
-   * {@link VegaTabGroup#watchSelectedTabDataTargetChange}
+   * @param {string} dataTarget - The dataTarget parameter is a string that represents the target data for the selected tab.
    */
-  handleSelectedDataTargetChange(): void;
+  setSelectedDataTarget(dataTarget: string): void;
   /**
-   * The function sets the selectedTabDataTarget property to the provided dataTarget value.
+   * The function emits click event and checks for prevent default then sets the selectedTabDataTarget property to the provided dataTarget value.
    *
    * @param {string} dataTarget - The dataTarget parameter is a string that represents the target data for the selected tab.
    */
-  setSelectedDataTarget(dataTarget: string): void;
+  handleTabItemClick(dataTarget: string): void;
 }

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

@@ -20,5 +20,5 @@ export declare class VegaTabGroupTabListRenderer extends VegaSlimmer {
   private renderTabList;
   private renderPrefixIconDom;
   private renderTabLabelDom;
-  private tabItemClick;
+  private handleTabItemClick;
 }

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";
@@ -40,6 +42,7 @@ import { VegaPageNotificationActionButtonConfig, VegaPageNotificationTypes } fro
 import { VegaPaginationItemType } from "./components/vega-pagination/types";
 import { PieChartOptions } from "./helpers/chart/pieChart";
 import { VegaSegmentControlVariant, VegaSegmentProps } from "./components/vega-segment-control/types";
+import { VegaSkeletonType } from "./components/vega-skeleton/interface";
 import { TabConfig, TabGroupVariant } from "./components/vega-tab-group/types";
 import { VegaTableChangePropType, VegaTableColumnBreakpoint, VegaTableColumnConfig, VegaTableDataSourceItem, VegaTableDensityType, VegaTableHeadCellClickEvent, VegaTablePagination, VegaTableRowClickEvent, VegaTableRowClickPropType, VegaTableRowSelectionConfig, VegaTableRowSelectProp, VegaTableScrollConfig, VegaTableSelectAllProp, VegaTableSorterConfig, VegaTableSortOrderType } from "./components/vega-table/interface";
 import { VegaTextTooltipProps } from "./components/vega-text/types";
@@ -481,6 +484,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.
@@ -2060,6 +2083,24 @@ export namespace Components {
          */
         "value": string | string[];
     }
+    interface VegaSkeleton {
+        /**
+          * Indicates whether the skeleton displays an animation effect.
+         */
+        "animated": boolean;
+        /**
+          * Specifies the height of the skeleton. - This property is applicable only when {@link type} is set to is `image` or `ellipse`.
+         */
+        "height": HeightType;
+        /**
+          * Specifies the type of the skeleton.
+         */
+        "type": VegaSkeletonType;
+        /**
+          * Specifies the width of the skeleton.
+         */
+        "width": WidthType;
+    }
     interface VegaSlotContainer {
     }
     interface VegaStepper {
@@ -2599,6 +2640,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 +2875,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: {
@@ -3136,6 +3193,12 @@ declare global {
         prototype: HTMLVegaSelectionTileGroupElement;
         new (): HTMLVegaSelectionTileGroupElement;
     };
+    interface HTMLVegaSkeletonElement extends Components.VegaSkeleton, HTMLStencilElement {
+    }
+    var HTMLVegaSkeletonElement: {
+        prototype: HTMLVegaSkeletonElement;
+        new (): HTMLVegaSkeletonElement;
+    };
     interface HTMLVegaSlotContainerElement extends Components.VegaSlotContainer, HTMLStencilElement {
     }
     var HTMLVegaSlotContainerElement: {
@@ -3270,6 +3333,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;
@@ -3321,6 +3386,7 @@ declare global {
         "vega-segment-control": HTMLVegaSegmentControlElement;
         "vega-selection-tile": HTMLVegaSelectionTileElement;
         "vega-selection-tile-group": HTMLVegaSelectionTileGroupElement;
+        "vega-skeleton": HTMLVegaSkeletonElement;
         "vega-slot-container": HTMLVegaSlotContainerElement;
         "vega-stepper": HTMLVegaStepperElement;
         "vega-tab-group": HTMLVegaTabGroupElement;
@@ -3860,6 +3926,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.
@@ -5740,6 +5843,24 @@ declare namespace LocalJSX {
          */
         "value"?: string | string[];
     }
+    interface VegaSkeleton {
+        /**
+          * Indicates whether the skeleton displays an animation effect.
+         */
+        "animated"?: boolean;
+        /**
+          * Specifies the height of the skeleton. - This property is applicable only when {@link type} is set to is `image` or `ellipse`.
+         */
+        "height"?: HeightType;
+        /**
+          * Specifies the type of the skeleton.
+         */
+        "type"?: VegaSkeletonType;
+        /**
+          * Specifies the width of the skeleton.
+         */
+        "width"?: WidthType;
+    }
     interface VegaSlotContainer {
     }
     interface VegaStepper {
@@ -6279,6 +6400,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;
@@ -6330,6 +6453,7 @@ declare namespace LocalJSX {
         "vega-segment-control": VegaSegmentControl;
         "vega-selection-tile": VegaSelectionTile;
         "vega-selection-tile-group": VegaSelectionTileGroup;
+        "vega-skeleton": VegaSkeleton;
         "vega-slot-container": VegaSlotContainer;
         "vega-stepper": VegaStepper;
         "vega-tab-group": VegaTabGroup;
@@ -6369,6 +6493,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>;
@@ -6420,6 +6546,7 @@ declare module "@stencil/core" {
             "vega-segment-control": LocalJSX.VegaSegmentControl & JSXBase.HTMLAttributes<HTMLVegaSegmentControlElement>;
             "vega-selection-tile": LocalJSX.VegaSelectionTile & JSXBase.HTMLAttributes<HTMLVegaSelectionTileElement>;
             "vega-selection-tile-group": LocalJSX.VegaSelectionTileGroup & JSXBase.HTMLAttributes<HTMLVegaSelectionTileGroupElement>;
+            "vega-skeleton": LocalJSX.VegaSkeleton & JSXBase.HTMLAttributes<HTMLVegaSkeletonElement>;
             "vega-slot-container": LocalJSX.VegaSlotContainer & JSXBase.HTMLAttributes<HTMLVegaSlotContainerElement>;
             "vega-stepper": LocalJSX.VegaStepper & JSXBase.HTMLAttributes<HTMLVegaStepperElement>;
             "vega-tab-group": LocalJSX.VegaTabGroup & JSXBase.HTMLAttributes<HTMLVegaTabGroupElement>;

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;

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

@@ -0,0 +1,61 @@
+export declare type DateCompareResult = {
+  isPreviousMonth: boolean;
+  isNextMonth: boolean;
+  inMonth: boolean;
+};
+/**
+ * Calendar date class
+ */
+export declare class CalendarDate {
+  private _year;
+  private _month;
+  private _date;
+  constructor(year: number, month: number, date: number);
+  /**
+   * Create a calendar date from a Date object
+   *
+   * @param {Date} date - The Date object
+   * @returns {CalendarDate} - Return a CalendarDate object
+   */
+  static from(date: Date): CalendarDate;
+  /**
+   * The year of the calendar date
+   *
+   * @type {number}
+   */
+  get year(): number;
+  set year(value: number);
+  /**
+   * The month of the calendar date
+   *
+   * @type {number}
+   */
+  get month(): number;
+  set month(value: number);
+  /**
+   * The date of the calendar date
+   *
+   * @type {number}
+   */
+  get date(): number;
+  set date(value: number);
+  /**
+   * Verify whether the calendar date is today
+   *
+   * @returns {boolean} - Return true if the calendar date is today. Otherwise, return false.
+   */
+  isToday(): boolean;
+  /**
+   * Convert the calendar date to a Date object
+   *
+   * @returns {Date} - Return a Date object
+   */
+  toDate(): Date;
+  /**
+   * Compare with another calendar date
+   *
+   * @param {CalendarDate} date - The calendar date to compare with
+   * @returns {DateCompareResult} - Return a DateCompareResult object
+   */
+  compare(date: CalendarDate): DateCompareResult;
+}

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

@@ -0,0 +1,140 @@
+import { VegaCalendarEventVariantType, VegaCalendarRawEvent } from '../../components/vega-calendar/types';
+import { Nullable } from '../../types/general';
+import { CalendarDate } from './calendar-date';
+/** 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;
+  private _eventKey;
+  private _startDate;
+  private _endDate;
+  private _startTime;
+  private _endTime;
+  /**
+   * 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.
+   */
+  constructor(eventOptions: VegaCalendarRawEvent);
+  /**
+   * The function returns the raw event data for a VegaCalendar event.
+   *
+   * @returns {VegaCalendarRawEvent} The `get event()` method is returning a `VegaCalendarRawEvent` object, which is stored in the `_event` property.
+   */
+  get event(): VegaCalendarRawEvent;
+  /**
+   * This function returns the key of an event in TypeScript.
+   *
+   * @returns {string} event key
+   */
+  get eventKey(): string;
+  /**
+   * This function returns the title of an event in TypeScript.
+   *
+   * @returns {string} The title of the event.
+   */
+  get title(): string;
+  /**
+   * This function returns the disabled of an event in TypeScript.
+   *
+   * @returns {boolean} The disabled of the event.
+   */
+  get disabled(): boolean;
+  /**
+   * This function returns the variant of an event in TypeScript.
+   *
+   * @returns {VegaCalendarEventVariantType|null} The variant of the event.
+   */
+  get variant(): Nullable<VegaCalendarEventVariantType>;
+  /**
+   * This function returns the color of an event in TypeScript.
+   *
+   * @returns {string|null} The color of the event.
+   */
+  get color(): Nullable<string>;
+  /**
+   * The function isAllDayEvent returns a boolean value indicating whether the event is an all-day event.
+   *
+   * @returns {boolean} The method `isAllDayEvent()` is returning a boolean value indicating whether the event is an all-day event or not. It returns `true` if the event is an all-day event, and `false` if it is not.
+   */
+  get isAllDayEvent(): boolean;
+  /**
+   * The function isRepeatEvent returns a boolean value based on whether the event's repeat 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'.
+   */
+  get isRepeatEvent(): boolean;
+  /**
+   * The function returns the start date property of an object.
+   *
+   * @returns {Date} The `startDate` property of type `Date` is being returned.
+   */
+  get startDate(): Date;
+  /**
+   * The function returns the end date property of an object.
+   *
+   * @returns {Date} The `endDate` property of type `Date` is being returned.
+   */
+  get endDate(): Date;
+  /**
+   * This function returns the start time as a string.
+   *
+   * @returns {string} The `_startTime` property, which is a string, is being returned.
+   */
+  get startTime(): string;
+  /**
+   * This function returns the end time as a string.
+   *
+   * @returns {string} The `_endTime` property, which is a string, is being returned.
+   */
+  get endTime(): string;
+  /**
+   * Check the event is a group event or not
+   *
+   * @returns {boolean} true or false
+   */
+  isGroupEvent(): boolean;
+  /**
+   * This TypeScript function checks if a given date falls within the range of a calendar event based on its start and end dates, considering different repeat types like daily, weekly, monthly, and yearly.
+   *
+   * @param {CalendarDate} date - The `date` parameter represents the current date for which you want to
+   * check if it falls within the range of the `calendarEvent`. It is of type `CalendarDate`.
+   * @returns {boolean} a boolean value, either `true` or `false`, based on whether the `calendarEvent` falls on the `date` provided.
+   */
+  isCurrentDayEvent(date: CalendarDate): boolean;
+  /**
+   * Get the number of minutes the event lasted
+   *
+   * @returns {number} the minutes
+   */
+  getEventDuration(): number;
+  /**
+   * The function `convertTimeTo24Hour` converts a time string from 12-hour format to 24-hour format in TypeScript.
+   *
+   * @param {string} timeString - The `convertTimeTo24Hour` function you provided is used to convert a
+   * time string from 12-hour format to 24-hour format. The function checks if the input time string is
+   * in 12-hour format and contains either 'am' or 'pm'.
+   * @returns {string} The `convertTimeTo24Hour` function returns a string representing the input time string
+   * converted to 24-hour format. If the input time string is in 12-hour format and contains 'am' or
+   * 'pm', it converts it to 24-hour format. If the input time string is not in 12-hour format or does
+   * not contain 'am' or 'pm', it returns the original input
+   */
+  private convertTimeTo24Hour;
+  /**
+   * The function `checkEventRequireField` validates the required fields of a calendar event item in TypeScript.
+   *
+   * @param {VegaCalendarRawEvent} eventOptions - The `eventOptions` parameter is an object of type
+   * `VegaCalendarRawEvent` that contains information about a calendar event
+   */
+  private checkEventRequireField;
+  /**
+   * The `initDate` function in TypeScript initializes start and end dates and times for a calendar event based on the provided options.
+   *
+   * @param {VegaCalendarRawEvent} eventOptions - The `initDate` method you provided is used to
+   * initialize the start and end dates for a calendar event based on the options provided in the
+   * `eventOptions` object. The `eventOptions` object contains properties such as `startDate`,
+   * `startTime`, `endDate`, and `endTime` which are used
+   */
+  private initDate;
+}

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

@@ -0,0 +1,73 @@
+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 _startDate;
+  private _endDate;
+  private readonly _count;
+  protected constructor(count: number, current: CalendarDate);
+  /**
+   * The current date of the period.
+   *
+   * @type {CalendarDate}
+   */
+  get current(): CalendarDate;
+  /**
+   * The start date of the period
+   *
+   * @type {CalendarDate}
+   */
+  get startDate(): CalendarDate;
+  /**
+   * The end date of the period
+   *
+   * @type {CalendarDate}
+   */
+  get endDate(): CalendarDate;
+  /**
+   * The count of the period
+   *
+   * @type {number}
+   */
+  get count(): number;
+  /**
+   * Go to a specific date.
+   *
+   * @param {CalendarDate} date - The date to go to.
+   * @returns {this} - The current period.
+   */
+  goTo(date: CalendarDate): this;
+  /**
+   * Go to now.
+   *
+   * @returns {this} - The current period.
+   */
+  now(): this;
+  /**
+   * Calculate the period start date and end date.
+   *
+   * @param {CalendarDate} date - The date to calculate the period from.
+   */
+  protected calculatePeriod(date: CalendarDate): void;
+  /**
+   * Set the current period to the next.
+   *
+   * @returns {this} - The updated period
+   */
+  abstract next(): this;
+  /**
+   * Set the current period to the previous.
+   *
+   * @returns {this} - The updated period
+   */
+  abstract previous(): this;
+  /**
+   * Create a new period by the given date.
+   *
+   * @param {CalendarDate} current - The date to create the period from.
+   * @returns {this} - The new period.
+   */
+  protected abstract createBy(current: CalendarDate): this;
+}

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

@@ -0,0 +1,21 @@
+import { CalendarPeriod } from './calendar-period.abstract';
+import { CalendarDate } from '../calendar-date';
+/**
+ * Period of day.
+ */
+export declare class DayPeriod extends CalendarPeriod {
+  private static readonly DISPLAY_DATE_COUNT;
+  constructor(current?: CalendarDate);
+  /**
+   * @inheritDoc
+   */
+  next(): this;
+  /**
+   * @inheritDoc
+   */
+  previous(): this;
+  /**
+   * @inheritDoc
+   */
+  protected createBy(current: CalendarDate): this;
+}

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

@@ -0,0 +1,21 @@
+import { CalendarPeriod } from './calendar-period.abstract';
+import { CalendarDate } from '../calendar-date';
+/**
+ * Period of month
+ */
+export declare class MonthPeriod extends CalendarPeriod {
+  private static readonly DISPLAY_DATE_COUNT;
+  constructor(current?: CalendarDate);
+  /**
+   * @inheritDoc
+   */
+  next(): this;
+  /**
+   * @inheritDoc
+   */
+  previous(): this;
+  /**
+   * @inheritDoc
+   */
+  protected createBy(current: CalendarDate): this;
+}

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

@@ -0,0 +1,21 @@
+import { CalendarPeriod } from './calendar-period.abstract';
+import { CalendarDate } from '../calendar-date';
+/**
+ * Period of the week
+ */
+export declare class WeekPeriod extends CalendarPeriod {
+  private static readonly DISPLAY_DATE_COUNT;
+  constructor(current?: CalendarDate);
+  /**
+   * @inheritDoc
+   */
+  next(): this;
+  /**
+   * @inheritDoc
+   */
+  previous(): this;
+  /**
+   * @inheritDoc
+   */
+  protected createBy(current: CalendarDate): this;
+}

package/dist/types/helpers/calendar/calendar-view-generator/calendar-view-generator.abstract.d.ts

@@ -0,0 +1,35 @@
+import { CalendarPeriod } from '../calendar-period/calendar-period.abstract';
+import { CalendarView } from '../calendar-view';
+/**
+ * Calendar view generator abstract class.
+ */
+export declare abstract class CalendarViewGenerator {
+  protected weekdays: number[];
+  private readonly WEEKDAYS_SHORT;
+  constructor();
+  /**
+   * Get weekday names.
+   *
+   * @returns {string[]} - The weekday strings
+   */
+  protected getWeekdayNames(): string[];
+  /**
+   * Generate calendar dates
+   *
+   * @param {CalendarPeriod} period - The calendar period
+   * @returns {Date[]} - The date result
+   */
+  protected generateDates(period: CalendarPeriod): Date[];
+  /**
+   * Generate calendar head
+   *
+   * @returns {string[]} - The data of week head
+   */
+  protected generateWeekHead(): string[];
+  /**
+   * Generate calendar view data.
+   *
+   * @param {CalendarPeriod} calendarPeriod - The calendar period
+   */
+  abstract generate(calendarPeriod: CalendarPeriod): CalendarView;
+}