@globalpayments/vega 2.13.1 → 2.15.0

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/vega-dropdown/slimmers/controllers/vega-dropdown-children-controller.d.ts

@@ -1,5 +1,6 @@
 import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
 import { VegaDropdown } from '../../vega-dropdown';
+import { MutationObserverSlimmer } from '../../../../helpers/slimmers/mutation-observer/mutationObserverSlimmer';
 /**
  * The controller for the table children components.
  */
@@ -11,7 +12,7 @@ export declare class VegaDropdownChildrenController extends VegaSlimmer {
   listRenderer: VegaDropdown['listRenderer'];
   renderer: VegaDropdown['renderer'];
   selectedController: VegaDropdown['selectedController'];
-  private mutationObserver;
+  protected mutationObserver: MutationObserverSlimmer;
   private labelSet;
   private keySet;
   /**
@@ -47,7 +48,7 @@ export declare class VegaDropdownChildrenController extends VegaSlimmer {
   /**
    * The function syncs up the current data of a dropdown based on the render mode.
    */
-  syncUpDropdownCurrentData(): void;
+  private syncUpDropdownCurrentData;
   /**
    * The `syncUpDropdownCurrentDataBySlot` method is responsible for
    * synchronizing the current data in a dropdown based on the items present in the slot.
@@ -62,10 +63,6 @@ export declare class VegaDropdownChildrenController extends VegaSlimmer {
    * "children" property which is an array of nested dropdown source items
    */
   private collectKeyAndLabelFromSource;
-  /**
-   * The below method is e2e-test covered in@see{module:vega-dropdown-items-dom-change-e2e}
-   */
-  private initMutationObserver;
   /**
    * The below method is e2e-test covered in @see{module:vega-dropdown-items-dom-change-e2e}
    */

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

@@ -14,14 +14,12 @@ export declare class VegaDropdownListRenderer extends VegaSlimmer {
   renderer: VegaDropdown['renderer'];
   isLazyLoading: VegaDropdown['isLazyLoading'];
   private virtualScrollRef;
-  private templateItemsRef;
   scrollToIndex(): Promise<void>;
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-dropdown-keyboard-control-e2e}
    */
   getVirtualScrollRef(): HTMLElement;
-  getTemplateItemsRef(): HTMLElement;
   renderBySource(): HTMLElement;
   renderBySlot(): HTMLElement;
   private renderLoading;

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

@@ -32,9 +32,13 @@ export declare class VegaDropdown {
   protected readonly keyboardController: VegaDropdownKeyboardController;
   protected readonly appenderController: VegaDropdownAppenderController;
   protected readonly searchController: VegaDropdownSearchController;
+  /**
+   * childrenController should be defined before selectedController,
+   *     which can ensure collecting information before verifying it.
+   */
+  protected readonly childrenController: VegaDropdownChildrenController;
   protected readonly selectedController: VegaDropdownSelectedController;
   protected readonly renderModeController: VegaDropdownRenderModeController;
-  protected readonly childrenController: VegaDropdownChildrenController;
   protected readonly selectTypeNotifySlimmer: SubStateNotifySlimmerBase;
   protected readonly selectedSourceKeyNotifySlimmer: SubStateNotifySlimmerBase;
   protected readonly prefixIconSlotNotifySlimmer: SubStateNotifySlimmerBase;

package/dist/types/components/vega-skeleton/interface.d.ts

@@ -0,0 +1,5 @@
+import { JSXBase } from '../../stencil-public-runtime';
+
+export type HostStyleType = JSXBase.HTMLAttributes['style'];
+
+export type VegaSkeletonType = 'text' | 'paragraph' | 'full-width-paragraph' | 'ellipse' | 'image' | 'table';

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

@@ -0,0 +1,12 @@
+import { VegaSkeleton } from '../../vega-skeleton';
+import { HostStyleType } from '../../interface';
+import { VegaSkeletonRendererBase } from './vega-skeleton-renderer-base.abstract';
+/**
+ * Ellipse Skeleton renderer
+ */
+export declare class VegaSkeletonEllipseRenderer extends VegaSkeletonRendererBase {
+  width: VegaSkeleton['width'];
+  height: VegaSkeleton['width'];
+  protected assignHostStyle(): HostStyleType;
+  protected renderChildren(): HTMLElement;
+}

package/dist/types/components/vega-skeleton/slimmers/renderers/vega-skeleton-full-width-paragraph-renderer.d.ts

@@ -0,0 +1,11 @@
+import { VegaSkeleton } from '../../vega-skeleton';
+import { VegaSkeletonRendererBase } from './vega-skeleton-renderer-base.abstract';
+import { HostStyleType } from '../../interface';
+/**
+ * Full width paragraph Skeleton renderer
+ */
+export declare class VegaSkeletonFullWidthParagraphRenderer extends VegaSkeletonRendererBase {
+  width: VegaSkeleton['width'];
+  protected assignHostStyle(): HostStyleType;
+  protected renderChildren(): HTMLElement;
+}

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

@@ -0,0 +1,12 @@
+import { VegaSkeleton } from '../../vega-skeleton';
+import { VegaSkeletonRendererBase } from './vega-skeleton-renderer-base.abstract';
+import { HostStyleType } from '../../interface';
+/**
+ * Image Skeleton renderer
+ */
+export declare class VegaSkeletonImageRenderer extends VegaSkeletonRendererBase {
+  height: VegaSkeleton['height'];
+  width: VegaSkeleton['width'];
+  protected assignHostStyle(): HostStyleType;
+  protected renderChildren(): HTMLElement;
+}

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

@@ -0,0 +1,12 @@
+import { VegaSkeleton } from '../../vega-skeleton';
+import { VegaSkeletonRendererBase } from './vega-skeleton-renderer-base.abstract';
+import { HostStyleType } from '../../interface';
+/**
+ * Paragraph Skeleton renderer
+ */
+export declare class VegaSkeletonParagraphRenderer extends VegaSkeletonRendererBase {
+  width: VegaSkeleton['width'];
+  protected assignHostStyle(): HostStyleType;
+  protected renderChildren(): HTMLElement;
+  private getWidthWithUnit;
+}

package/dist/types/components/vega-skeleton/slimmers/renderers/vega-skeleton-renderer-base.abstract.d.ts

@@ -0,0 +1,13 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaSkeleton } from '../../vega-skeleton';
+import { HostStyleType } from '../../interface';
+/**
+ * Skeleton host renderer
+ */
+export declare abstract class VegaSkeletonRendererBase extends VegaSlimmer {
+  host: VegaSkeleton['host'];
+  animated: VegaSkeleton['animated'];
+  render(): VegaSkeleton;
+  protected abstract assignHostStyle(): HostStyleType;
+  protected abstract renderChildren(): HTMLElement;
+}

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

@@ -0,0 +1,21 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaSkeletonTextRenderer } from './vega-skeleton-text-renderer';
+import { VegaSkeletonParagraphRenderer } from './vega-skeleton-paragraph-renderer';
+import { VegaSkeletonImageRenderer } from './vega-skeleton-image-renderer';
+import { VegaSkeletonTableRenderer } from './vega-skeleton-table-renderer';
+import { VegaSkeletonEllipseRenderer } from './vega-skeleton-ellipse-renderer';
+import { VegaSkeletonFullWidthParagraphRenderer } from './vega-skeleton-full-width-paragraph-renderer';
+import { VegaSkeleton } from '../../vega-skeleton';
+/**
+ * Skeleton renderer by type
+ */
+export declare class VegaSkeletonRendererManager extends VegaSlimmer {
+  type: VegaSkeleton['type'];
+  vegaSkeletonTextRenderer: VegaSkeletonTextRenderer;
+  vegaSkeletonParagraphRenderer: VegaSkeletonParagraphRenderer;
+  vegaSkeletonFullWidthParagraphRenderer: VegaSkeletonFullWidthParagraphRenderer;
+  vegaSkeletonEllipseRenderer: VegaSkeletonEllipseRenderer;
+  vegaSkeletonImageRenderer: VegaSkeletonImageRenderer;
+  vegaSkeletonTableRenderer: VegaSkeletonTableRenderer;
+  render(): VegaSkeleton;
+}

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

@@ -0,0 +1,14 @@
+import { VegaSkeleton } from '../../vega-skeleton';
+import { VegaSkeletonRendererBase } from './vega-skeleton-renderer-base.abstract';
+import { HostStyleType } from '../../interface';
+/**
+ * Table Skeleton renderer
+ */
+export declare class VegaSkeletonTableRenderer extends VegaSkeletonRendererBase {
+  width: VegaSkeleton['width'];
+  private rows;
+  private cells;
+  protected assignHostStyle(): HostStyleType;
+  protected renderChildren(): HTMLElement;
+  private renderCells;
+}

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

@@ -0,0 +1,11 @@
+import { VegaSkeleton } from '../../vega-skeleton';
+import { VegaSkeletonRendererBase } from './vega-skeleton-renderer-base.abstract';
+import { HostStyleType } from '../../interface';
+/**
+ * Text Skeleton renderer
+ */
+export declare class VegaSkeletonTextRenderer extends VegaSkeletonRendererBase {
+  width: VegaSkeleton['width'];
+  assignHostStyle(): HostStyleType;
+  renderChildren(): HTMLElement;
+}

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

@@ -0,0 +1,41 @@
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/componentUsageRuntimeMetrics';
+import { VegaSkeletonTextRenderer } from './slimmers/renderers/vega-skeleton-text-renderer';
+import { VegaSkeletonParagraphRenderer } from './slimmers/renderers/vega-skeleton-paragraph-renderer';
+import { VegaSkeletonFullWidthParagraphRenderer } from './slimmers/renderers/vega-skeleton-full-width-paragraph-renderer';
+import { VegaSkeletonImageRenderer } from './slimmers/renderers/vega-skeleton-image-renderer';
+import { VegaSkeletonTableRenderer } from './slimmers/renderers/vega-skeleton-table-renderer';
+import { VegaSkeletonRendererManager } from './slimmers/renderers/vega-skeleton-renderer-manager';
+import { VegaSkeletonEllipseRenderer } from './slimmers/renderers/vega-skeleton-ellipse-renderer';
+import { HeightType, WidthType } from '../../types/ui.type';
+import { VegaSkeletonType } from './interface';
+export declare class VegaSkeleton {
+  protected readonly globalSlimmers: GlobalSlimmers;
+  protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaSkeletonElement>;
+  protected vegaSkeletonTextRenderer: VegaSkeletonTextRenderer;
+  protected vegaSkeletonParagraphRenderer: VegaSkeletonParagraphRenderer;
+  protected vegaSkeletonFullWidthParagraphRenderer: VegaSkeletonFullWidthParagraphRenderer;
+  protected vegaSkeletonEllipseRenderer: VegaSkeletonEllipseRenderer;
+  protected vegaSkeletonImageRenderer: VegaSkeletonImageRenderer;
+  protected vegaSkeletonTableRenderer: VegaSkeletonTableRenderer;
+  protected vegaSkeletonRendererManager: VegaSkeletonRendererManager;
+  host: HTMLVegaSkeletonElement;
+  /**
+   * Specifies the type of the skeleton.
+   */
+  type: VegaSkeletonType;
+  /**
+   * Specifies the width of the skeleton.
+   */
+  width: WidthType;
+  /**
+   * Specifies the height of the skeleton.
+   * - This property is applicable only when {@link type} is set to is `image` or `ellipse`.
+   */
+  height: HeightType;
+  /**
+   * Indicates whether the skeleton displays an animation effect.
+   */
+  animated: boolean;
+  render(): VegaSkeleton;
+}