@heartlandone/vega-sandbox-pr-1521-50c1985674900121427674628ab8007f890f27d7 2.27.0

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

@@ -0,0 +1,53 @@
+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 currentPeriodController: VegaCalendar['currentPeriodController'];
+  protected monthEventRenderer: VegaCalendar['monthEventRenderer'];
+  protected dateDblClickEmitter: VegaCalendar['dateDblClickEmitter'];
+  protected translationSlimmer: VegaCalendar['translationSlimmer'];
+  /**
+   * 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;
+  /**
+   * switch to current date day view
+   *
+   * @param {MouseEvent} e the double click event object
+   * @param {CalendarDate} calendarDate the calendar date object
+   */
+  private goToCurrentDayView;
+  /**
+   * emit vega click event when click the date block
+   *
+   * @param {MouseEvent} e the mouse event object
+   * @param {CalendarDate} calendarDate the calendar date object
+   */
+  private handleDateBlockClick;
+  /**
+   * determine if the clicked element is blank area
+   *
+   * @param {HTMLElement} element the target element
+   * @returns {boolean} true or false
+   */
+  private isMonthBlockBlankArea;
+}

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

@@ -0,0 +1,88 @@
+import { BackgroundColorsTokenType } from '../../types/design-token.type';
+import { CalendarEvent } from '../../helpers/calendar/calendar-event';
+import { DropdownSourceGroup, DropdownSourceItem } from '../vega-dropdown/types';
+
+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 = '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;
+	color?: string | BackgroundColorsTokenType;
+	disabled?: boolean;
+	repeatOptions?: VegaCalendarEventRepeatOptions;
+}
+
+export type VegaCalendarEventClickInfo = {
+	rawEvent: VegaCalendarRawEvent;
+};
+
+export type VegaCalendarDateClickInfo = VegaCalendarDateType & {
+	hour: number;
+	mouseEventInfo: VegaMouseEventInfo;
+};
+
+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;
+};
+
+export type VegaCalendarWeekDayType = 'Sun' | 'Mon' | 'Tue' | 'Wed' | 'Thu' | 'Fri' | 'Sat';
+
+export type VegaCalendarEventRepeatOptions = {
+	frequency: VegaCalendarEventRepeatType;
+	interval?: number;
+	count?: number;
+	until?: string | Date;
+	byWeekDay?: VegaCalendarWeekDayType[];
+};
+
+export type DropdownPropsForCalendar = {
+	matchContainerHeight?: boolean;
+	matchTargetWidth?: boolean;
+	maxHeight?: number;
+	positionRelativeTo?: string;
+	trigger?: 'hover' | 'click';
+	source: (DropdownSourceGroup | DropdownSourceItem)[];
+};
+
+export type VegaMouseEventInfo = {
+	clientX: number;
+	clientY: number;
+};

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

@@ -0,0 +1,25 @@
+/**
+ * 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;
+/**
+ * Returns a string that includes the event key for a calendar event slot.
+ *
+ * @param {string} eventKey - represents the key or identifier of a calendar event.
+ * @returns {string} a string that is a concatenation of 'vega-calendar-event-slot-' and the eventKey parameter.
+ */
+export declare function getCalendarEventSlotName(eventKey: string): string;

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-slot-controller.d.ts

@@ -0,0 +1,30 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaCalendarEvent } from '../../vega-calendar-event';
+/** The controller will check the calendar render mode when component will mode and copy the slot element to calendar event if the calendar event is a repeat event or the event displayed in popover */
+export declare class VegaCalendarEventSlotController extends VegaSlimmer {
+  protected host: VegaCalendarEvent['host'];
+  protected calendarEvent: VegaCalendarEvent['calendarEvent'];
+  protected slotMode: VegaCalendarEvent['slotMode'];
+  protected renderer: VegaCalendarEvent['renderer'];
+  private matchSlotElement;
+  /**
+   * Find the current calendar event slot element, if the slot element is exists, set the calendar even slotMode to true, and store the current slot element.
+   */
+  protected findTheCalendarEventSlot(): void;
+  /**
+   * Append the current slot content to slot container if the calendar event is a repeat event or the calendar event render in a popover.
+   */
+  protected appendTheRepeatEventSlotToContainer(): void;
+  /**
+   * This method is responsible for finding and returning the parent `vega-calendar` element of the current component instance
+   *
+   * @returns {HTMLElement} The vega calendar element
+   */
+  private getParentCalendarElement;
+  /**
+   * Check the calendar is in popover
+   *
+   * @returns {boolean} true or false
+   */
+  private isPopoverContent;
+}

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,11 @@
+import { SubStateObserverSlimmer } from '../../../../../helpers/slimmers/sub-state/sub-state-observer-slimmer';
+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'];
+  protected showColorBar: VegaCalendarEvent['showColorBar'];
+  /**
+   * 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,88 @@
+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 slotMode: VegaCalendarEvent['slotMode'];
+  protected showColorBar: VegaCalendarEvent['showColorBar'];
+  protected colorController: VegaCalendarEvent['colorController'];
+  private eventTitleContainerRef;
+  private slotContainerRef;
+  /**
+   * 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>;
+  /**
+   * Get the calendar event slot container element
+   *
+   * @returns {Nullable<HTMLDivElement>} a div element
+   */
+  getSlotContainerRef(): 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;
+  /**
+   * The vega calendar event default render
+   *
+   * @returns {HTMLElement} calendar event element
+   */
+  private calendarEventRender;
+  /**
+   * 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 {Nullable<HTMLDivElement>} div element
+   */
+  private renderEventStatus;
+  /**
+   * Render the month view timed event.
+   *
+   * @returns {HTMLElement} a div element
+   */
+  private defaultNormalMonthEventContentRender;
+  /**
+   * Render the day view timed event.
+   *
+   * @param {number} eventDuration the event duration
+   * @returns {HTMLElement} a div element
+   */
+  private defaultNormalTimedEventContentRender;
+  /**
+   * Return a slot element if the calendar is not a repeat event
+   *
+   * @returns {Nullable<HTMLElement>} slot element or null
+   */
+  private getSlotElement;
+  /**
+   * 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,34 @@
+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/component-usage-runtime-metrics';
+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/page-resize-observer-slimmer';
+import { VegaCalendarEventSlotController } from './slimmers/controllers/vega-calendar-event-slot-controller';
+/**
+ * @vegaVersion 2.14.0
+ */
+export declare class VegaCalendarEvent {
+  protected readonly globalSlimmer: GlobalSlimmers;
+  protected readonly pageResizeObserverSlimmer: PageResizeObserverSlimmer;
+  protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaCalendarEventElement>;
+  protected renderer: VegaCalendarEventRenderer;
+  protected colorController: VegaCalendarEventBgColorController;
+  protected slotController: VegaCalendarEventSlotController;
+  protected subStateController: VegaCalendarEventSubStateController;
+  protected titleMaxHeightController: VegaCalendarTitleMaxHeightController;
+  host: HTMLVegaCalendarEventElement;
+  timeFormat: TimeFormat;
+  slotMode: boolean;
+  showColorBar: boolean;
+  /**
+   * Specifies the calendar event.
+   *
+   * @vegaVersion 2.14.0
+   */
+  calendarEvent: CalendarEvent;
+  render(): VegaCalendarEvent;
+}

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

@@ -0,0 +1,17 @@
+import { GlobalSlimmers } from '../../../vega-slimmer/vega-slimmer-core';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+/**
+ * @vegaVersion 2.19.0
+ */
+export declare class VegaCalendarEventSlot {
+  protected readonly globalSlimmer: GlobalSlimmers;
+  protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaCalendarEventSlotElement>;
+  host: HTMLVegaCalendarEventSlotElement;
+  /**
+   * Specifies the event key.
+   *
+   * @vegaVersion 2.19.0
+   */
+  eventKey: string;
+  render(): VegaCalendarEventSlot;
+}

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

@@ -0,0 +1,179 @@
+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, VegaCalendarDateClickInfo, VegaCalendarRawEvent, VegaCalendarViewModeType, DropdownPropsForCalendar } from './types';
+import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
+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/child-nodes-event-prevent-slimmer';
+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/component-usage-runtime-metrics';
+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/sub-state-notify-slimmer-base';
+import { VegaCalendarFullDayEventMoreButtonRenderer } from './slimmers/day-view/renderers/full-day-event/vega-calendar-full-day-event-more-button-renderer';
+import { TranslationSlimmer } from '../../helpers/slimmers/translation';
+/**
+ * @vegaVersion 2.14.0
+ */
+export declare class VegaCalendar {
+  protected readonly globalSlimmer: GlobalSlimmers;
+  protected translationSlimmer: TranslationSlimmer<HTMLVegaCalendarElement>;
+  protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaCalendarElement>;
+  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 dayViewFullDayEventMoreButtonRenderer: VegaCalendarFullDayEventMoreButtonRenderer;
+  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 dateDblClickEmitter: EventEmitSlimmerBase;
+  protected moreActionClickEmitter: EventEmitSlimmerBase;
+  protected changeEventPrevent: ChildNodesEventPreventSlimmer;
+  protected readonly timeFormatNotifySlimmer: SubStateNotifySlimmerBase;
+  protected readonly showEventColorBarNotifySlimmer: SubStateNotifySlimmerBase;
+  host: HTMLVegaCalendarElement;
+  calendarView: CalendarView;
+  currentPeriod: CalendarPeriod;
+  showAllEventsInDayOrWeekView: boolean;
+  /**
+   * Tracks changes to the current period state.
+   *
+   * @param {CalendarPeriod} newValue Specifies the new calendar period.
+   * @param {CalendarPeriod} oldValue Specifies the old calendar period.
+   */
+  watchCurrentPeriodChange(newValue: CalendarPeriod, oldValue: CalendarPeriod): void;
+  calendarEvents: CalendarEvent[];
+  /**
+   * Specifies the current view mode of the calendar.
+   *
+   * @vegaVersion 2.14.0
+   */
+  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.
+   *
+   * @vegaVersion 2.14.0
+   */
+  events: VegaCalendarRawEvent[];
+  /**
+   * Watch the calendar events change
+   *
+   * @param {VegaCalendarRawEvent[]} newValue
+   */
+  watchEventsChange(newValue: VegaCalendarRawEvent[]): void;
+  /**
+   * Specifies the time format of the calendar.
+   *
+   * @vegaVersion 2.14.0
+   */
+  timeFormat: TimeFormat;
+  /**
+   * Watches changes in the calendar's time format.
+   *
+   * @param {TimeFormat} newValue
+   */
+  watchTimeFormat(newValue: TimeFormat): void;
+  /**
+   * Defines the configuration options for the more action button's dropdown menu.
+   *
+   * @vegaVersion 2.20.0
+   */
+  moreActionDropdownProps: DropdownPropsForCalendar;
+  /**
+   * Controls the visibility of the calendar's event color bar.
+   *
+   * @vegaVersion 2.21.0
+   */
+  showEventColorBar: boolean;
+  /**
+   * Monitors changes in the visibility of the calendar's event color bar.
+   *
+   * @param {boolean} newValue
+   */
+  watchShowEventColorBar(newValue: boolean): void;
+  /**
+   * An event emitter notifying the component view content change after a switch panel click.
+   *
+   * @vegaVersion 2.14.0
+   */
+  vegaChange: EventEmitter<VegaCalendarChangeEventType>;
+  /**
+   * An event emitter notifying the component view content change after a switch panel click.
+   *
+   * @eventSemantics namespace:native
+   * @vegaVersion 2.14.0
+   */
+  change: EventEmitter<VegaCalendarChangeEventType>;
+  /**
+   * An event emitter notifying that a component event item is clicked.
+   *
+   * @vegaVersion 2.14.0
+   */
+  vegaEventClick: EventEmitter<VegaCalendarEventClickInfo>;
+  /**
+   * An event emitter notifying that a component event item is clicked.
+   *
+   * @eventSemantics namespace:native
+   * @vegaVersion 2.14.0
+   */
+  eventClick: EventEmitter<VegaCalendarEventClickInfo>;
+  /**
+   * An event emitter notifying that a calendar date item has been double-clicked.
+   *
+   * @vegaVersion 2.17.0
+   */
+  vegaDateDblClick: EventEmitter<VegaCalendarDateClickInfo>;
+  /**
+   * An event emitter notifying that a calendar date item has been double-clicked.
+   *
+   * @eventSemantics namespace:native
+   * @vegaVersion 2.17.0
+   */
+  dateDblClick: EventEmitter<VegaCalendarDateClickInfo>;
+  /**
+   * An event emitter notifying that a calendar more action menu item has been clicked.
+   *
+   * @vegaVersion 2.20.0
+   */
+  vegaMoreActionClick: EventEmitter<string>;
+  /**
+   * An event emitter notifying that a calendar more action menu item has been clicked.
+   *
+   * @eventSemantics namespace:native
+   * @vegaVersion 2.20.0
+   */
+  moreActionClick: EventEmitter<string>;
+  render(): VegaCalendar;
+}

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

@@ -0,0 +1,54 @@
+import { BackgroundColorsTokenType } from '../../types/design-token.type';
+import { PaddingType, ResponsiveType, MarginType } from '../../types/ui.type';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+/**
+ * @vegaVersion 1.0.4
+ */
+export declare class VegaCard {
+  protected readonly globalSlimmers: GlobalSlimmers;
+  protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaCardElement>;
+  host: HTMLVegaCardElement;
+  /**
+   * Specifies the padding within the card.
+   *    It can be set as ResponsiveType or any sizing token.
+   *
+   * @vegaVersion 1.0.4
+   */
+  padding: ResponsiveType<PaddingType>;
+  /**
+   * Specifies the margin for the card.
+   *    It can be set as ResponsiveType or any sizing token.
+   *
+   * @vegaVersion 1.3.0
+   */
+  margin: ResponsiveType<MarginType>;
+  /**
+   * Determines whether the card is rendered with a shadow or a border.
+   *    By default, cards are rendered without a shadow or border.
+   *
+   * @vegaVersion 1.26.0
+   */
+  variant: 'shadow' | 'border';
+  /**
+   * Defines the background color of the card element.
+   *    It accepts a string value representing a valid
+   *    background color token.
+   *
+   * @vegaVersion 1.3.0
+   */
+  backgroundColor: BackgroundColorsTokenType;
+  componentWillLoad(): void;
+  render(): VegaCard;
+  /**
+   * Set the nest index of vega card component
+   * if current card nested more than 2 layers then an error will be raised.
+   */
+  private setAndValidNestedLevel;
+  /**
+   * set vega card to shadow card or border card
+   *
+   * @returns {string} shadow token or border token
+   */
+  private getVariantClasses;
+}