@globalpayments/vega 2.71.0 → 2.72.0

package/dist/types/components/vega-date-picker/vega-date-picker-calendar/slimmers/controllers/vega-date-picker-calendar-selection-controller.d.ts

@@ -0,0 +1,75 @@
+import { VegaDatePickerCalendar } from '../../vega-date-picker-calendar';
+import { DatePickerModeType, DatePickerValueType } from '../../../types';
+import { CalendarDate } from '../../../../../helpers/calendar';
+import { VegaDatePickerCalendarStateBaseAbstract } from './vega-date-picker-calendar-state-base.abstract';
+/** Selection controller */
+export declare class VegaDatePickerCalendarSelectionController extends VegaDatePickerCalendarStateBaseAbstract {
+  host: VegaDatePickerCalendar['host'];
+  mode: VegaDatePickerCalendar['mode'];
+  format: VegaDatePickerCalendar['format'];
+  selection: VegaDatePickerCalendar['selection'];
+  calendarSelection: VegaDatePickerCalendar['calendarSelection'];
+  hoverDate: VegaDatePickerCalendar['hoverDate'];
+  clearEventEmitter: VegaDatePickerCalendar['clearEventEmitter'];
+  vegaSelectionChangeEventEmitter: VegaDatePickerCalendar['vegaSelectionChangeEventEmitter'];
+  allowRepickController: VegaDatePickerCalendar['allowRepickController'];
+  private previousCalendarSelection;
+  /** componentWillLoad */
+  componentWillLoad(): void;
+  /**
+   * Listen selection changed
+   *
+   * @param {DatePickerValueType<DatePickerModeType>} newSelection - newSelection.
+   */
+  watchSelection(newSelection: DatePickerValueType<DatePickerModeType>): void;
+  /** Reset selecting range date */
+  resetRange(): void;
+  /** Listen calendarSelection changed */
+  watchCalendarSelection(): void;
+  /** Clear the current selection */
+  clear(): void;
+  /**
+   * Listen the day be clicked.
+   *
+   * @param {CalendarDate} day - clicked day.
+   */
+  onDayClick(day: CalendarDate): void;
+  /**
+   * Listen the day be hovered.
+   * Need set the hoverDate after the first click in range mode.
+   * For repick, we should clear start or end date according the input which have been clicked.
+   * Note: repick is working at hover any day in range.
+   *
+   * @param {CalendarDate} day - hovered day.
+   */
+  onDayHover(day: CalendarDate): void;
+  /**
+   * Sets calendar selection for date picker calendar based on selection value.
+   *
+   * @param {DatePickerValueType<DatePickerModeType>} selection - selection.
+   */
+  private setCalendarSelectionBySelection;
+  /**
+   * Sets calendar selection for date picker calendar based on range dates.
+   *
+   * @param {Nullable<CalendarDate>} startDate - startDate.
+   * @param {Nullable<CalendarDate>} endDate - endDate.
+   */
+  private setCalendarSelectionByRange;
+  /**
+   * Sets selection for date picker calendar and emits a change event with the new value.
+   *
+   * @param {DatePickerValueType<DatePickerModeType>} selection - selection.
+   */
+  private setSelection;
+  /**
+   * Check the previous selection and current selection is same.
+   *
+   * @param {DatePickerValueType<DatePickerModeType>} previous - New selection.
+   * @param {DatePickerValueType<DatePickerModeType>} current - Old selection.
+   * @returns {boolean} -
+   */
+  private isSameSelection;
+  /** Notify to update current period */
+  private notifyPeriodChange;
+}

package/dist/types/components/vega-date-picker/vega-date-picker-calendar/slimmers/controllers/vega-date-picker-calendar-state-base.abstract.d.ts

@@ -0,0 +1,29 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaDatePickerCalendar } from '../../vega-date-picker-calendar';
+/**
+ * Date picker calendar state base abstract class
+ */
+export declare abstract class VegaDatePickerCalendarStateBaseAbstract extends VegaSlimmer {
+  host: VegaDatePickerCalendar['host'];
+  private calendarClearObserver;
+  /** connectedCallback */
+  connectedCallback(): void;
+  /** disconnectedCallback */
+  disconnectedCallback(): void;
+  /**
+   * Initialize calendar clear observer
+   */
+  private initCalendarClearObserver;
+  /**
+   * Remove calendar clear observer
+   */
+  private removeCalendarClearObserver;
+  /**
+   * Check if can accept form reset event
+   *
+   * @returns {boolean} - true if can accept, false otherwise.
+   */
+  private canAcceptClearEvent;
+  /** Clear the state */
+  abstract clear(): void;
+}

package/dist/types/components/vega-date-picker/vega-date-picker-calendar/slimmers/controllers/vega-date-picker-calendar-today-controller.d.ts

@@ -0,0 +1,15 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaDatePickerCalendar } from '../../vega-date-picker-calendar';
+/** Today controller */
+export declare class VegaDatePickerCalendarTodayController extends VegaSlimmer {
+  timezone: VegaDatePickerCalendar['timezone'];
+  today: VegaDatePickerCalendar['today'];
+  /** connectedCallback */
+  connectedCallback(): void;
+  /** Listen time zone changed */
+  watchTimezone(): void;
+  /**
+   * Sets the current date based on the provided timezone or the system timezone if none is provided.
+   */
+  private setToday;
+}

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

@@ -0,0 +1,18 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaDatePickerCalendar } from '../../vega-date-picker-calendar';
+export declare class VegaDatePickerCalendarRenderer extends VegaSlimmer {
+  host: VegaDatePickerCalendar['host'];
+  clearButton: VegaDatePickerCalendar['clearButton'];
+  monthItemRenderer: VegaDatePickerCalendar['monthItemRenderer'];
+  staticHeight: VegaDatePickerCalendar['staticHeight'];
+  translationSlimmer: VegaDatePickerCalendar['translationSlimmer'];
+  mode: VegaDatePickerCalendar['mode'];
+  clearEventEmitter: VegaDatePickerCalendar['clearEventEmitter'];
+  isMobileDevice: VegaDatePickerCalendar['isMobileDevice'];
+  render(): HTMLElement;
+  private renderContainer;
+  private renderRangeMonth;
+  private renderFooter;
+  private shouldRenderRangeMonth;
+  private clearCalendar;
+}

package/dist/types/components/vega-date-picker/vega-date-picker-calendar/slimmers/renderers/vega-date-picker-calendar-year-month-switcher-renderer.d.ts

@@ -0,0 +1,40 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaDatePickerCalendar } from '../../vega-date-picker-calendar';
+import { MonthPeriod } from '../../../../../helpers/calendar';
+import { DatePickerCalendarMonthRenderType } from '../../../types';
+export declare class VegaDatePickerCalendarYearMonthSwitcherRenderer extends VegaSlimmer {
+  private static readonly DEFAULT_MINIMUM_DROPDOWN_YEAR_BEFORE_CURRENT_YEAR;
+  private static readonly DEFAULT_MINIMUM_DROPDOWN_YEAR_AFTER_CURRENT_YEAR;
+  currentPeriodController: VegaDatePickerCalendar['currentPeriodController'];
+  showYearMonthDropdowns: VegaDatePickerCalendar['showYearMonthDropdowns'];
+  translationSlimmer: VegaDatePickerCalendar['translationSlimmer'];
+  minCalendarDate: VegaDatePickerCalendar['minCalendarDate'];
+  maxCalendarDate: VegaDatePickerCalendar['maxCalendarDate'];
+  yearMonthDropdownProps: VegaDatePickerCalendar['yearMonthDropdownProps'];
+  currentPeriod: VegaDatePickerCalendar['currentPeriod'];
+  private startDropdownRef;
+  private endDropdownRef;
+  render(period: MonthPeriod, type: DatePickerCalendarMonthRenderType): HTMLElement;
+  private getMonthDropdownOptions;
+  private isDisabledMonth;
+  private getYearDropdownOptions;
+  private renderMonthDropdownSwitcher;
+  private renderYearDropdownSwitcher;
+  /**
+   * Control ui when dropdown shows or closes
+   *
+   * @param {HTMLVegaDropdownElement} dropdown - Month or year dropdown
+   */
+  private onDropdownShowOrHide;
+  private renderCurrentMonth;
+  private renderCurrentYear;
+  private renderDropdownSwitchIcon;
+  private setDateBasedOnSelectedMonth;
+  private setDateBasedOnSelectedYear;
+  /**
+   * Close any open vega-dropdown and ignore currently clicked one
+   *
+   * * @param {HTMLVegaDropdownElement} dropdownToIgnore - Dropdown to ignore
+   */
+  private closeOpenDropdowns;
+}

package/dist/types/components/vega-date-picker/vega-date-picker-calendar/slimmers/renderers/vega-date-picker-month-item-renderer.d.ts

@@ -0,0 +1,32 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaDatePickerCalendar } from '../../vega-date-picker-calendar';
+import { DatePickerCalendarMonthRenderType } from '../../../types';
+export declare class VegaDatePickerMonthItemRenderer extends VegaSlimmer {
+  currentPeriod: VegaDatePickerCalendar['currentPeriod'];
+  today: VegaDatePickerCalendar['today'];
+  translationSlimmer: VegaDatePickerCalendar['translationSlimmer'];
+  yearMonthSwitcherRender: VegaDatePickerCalendar['yearMonthSwitcherRender'];
+  mode: VegaDatePickerCalendar['mode'];
+  currentPeriodController: VegaDatePickerCalendar['currentPeriodController'];
+  hoverDate: VegaDatePickerCalendar['hoverDate'];
+  maxCalendarDate: VegaDatePickerCalendar['maxCalendarDate'];
+  minCalendarDate: VegaDatePickerCalendar['minCalendarDate'];
+  selectionController: VegaDatePickerCalendar['selectionController'];
+  calendarSelection: VegaDatePickerCalendar['calendarSelection'];
+  size: VegaDatePickerCalendar['size'];
+  staticHeight: VegaDatePickerCalendar['staticHeight'];
+  isDateDisabled: VegaDatePickerCalendar['isDateDisabled'];
+  isMobileDevice: VegaDatePickerCalendar['isMobileDevice'];
+  private monthViewGenerator;
+  render(type: DatePickerCalendarMonthRenderType): HTMLElement;
+  private renderMonthHeader;
+  private renderPrevIcon;
+  private renderNextIcon;
+  private renderWeek;
+  private renderDays;
+  private renderDay;
+  private getCurrentRangeDates;
+  private isBeforeMinDate;
+  private isAfterMaxDate;
+  private getNavigationIconSize;
+}

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

@@ -1,11 +1,193 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
 import { GlobalSlimmers } from '../../../vega-slimmer/vega-slimmer-core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+import { VegaDatePickerCalendarRenderer } from './slimmers/renderers/vega-date-picker-calendar-renderer';
+import { VegaDatePickerCalendarYearMonthSwitcherRenderer } from './slimmers/renderers/vega-date-picker-calendar-year-month-switcher-renderer';
+import { DatePickerCalendarRepickType, DatePickerCalendarSizeType, DatePickerModeType, DatePickerMonthYearTypes, DatePickerValueType, VegaDropdownPropsForDatePickerCalendar } from '../types';
+import { TranslationSlimmer } from '../../../helpers/slimmers/translation/translation-slimmer';
+import { CalendarDate, MonthPeriod } from '../../../helpers/calendar';
+import { VegaDatePickerCalendarCurrentPeriodController } from './slimmers/controllers/vega-date-picker-calendar-current-period-controller';
+import { VegaDatePickerCalendarTodayController } from './slimmers/controllers/vega-date-picker-calendar-today-controller';
+import { VegaDatePickerMonthItemRenderer } from './slimmers/renderers/vega-date-picker-month-item-renderer';
+import { EventEmitSlimmerBase } from '../../../helpers/event-manager/slimmers/event-emit-slimmer';
+import { VegaDatePickerCalendarSelectionController } from './slimmers/controllers/vega-date-picker-calendar-selection-controller';
+import { Nullable } from '../../../types/general';
+import { VegaDatePickerCalendarMinMaxDateController } from './slimmers/controllers/vega-date-picker-calendar-min-max-date-controller';
+import { VegaDatePickerCalendarAllowRepickController } from './slimmers/controllers/vega-date-picker-calendar-allow-repick-controller';
+import { DisabledDate } from '../../vega-calendar/types';
+import { CalendarSelection } from './dto/calendar-selection';
 /**
  * @vegaVersion 2.0.0
  */
 export declare class VegaDatePickerCalendar {
   protected readonly globalSlimmers: GlobalSlimmers;
+  protected renderer: VegaDatePickerCalendarRenderer;
+  protected monthItemRenderer: VegaDatePickerMonthItemRenderer;
+  protected translationSlimmer: TranslationSlimmer<HTMLVegaDatePickerCalendarElement>;
+  protected todayController: VegaDatePickerCalendarTodayController;
+  protected selectionController: VegaDatePickerCalendarSelectionController;
+  protected minMaxDateController: VegaDatePickerCalendarMinMaxDateController;
+  protected currentPeriodController: VegaDatePickerCalendarCurrentPeriodController;
+  protected yearMonthSwitcherRender: VegaDatePickerCalendarYearMonthSwitcherRenderer;
+  protected allowRepickController: VegaDatePickerCalendarAllowRepickController;
   protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaDatePickerCalendarElement>;
+  protected clearEventEmitter: EventEmitSlimmerBase;
+  protected monthYearChangeEventEmitter: EventEmitSlimmerBase;
+  protected vegaSelectionChangeEventEmitter: EventEmitSlimmerBase;
   host: HTMLVegaDatePickerCalendarElement;
+  isMobileDevice: boolean;
+  today: CalendarDate;
+  currentPeriod: MonthPeriod;
+  watchCurrentPeriod(): void;
+  hoverDate: Nullable<CalendarDate>;
+  calendarSelection: CalendarSelection;
+  watchCalendarSelection(): void;
+  maxCalendarDate: Nullable<CalendarDate>;
+  watchMaxCalendarDate(): void;
+  minCalendarDate: Nullable<CalendarDate>;
+  watchMinCalendarDate(): void;
+  /**
+   * Renders the calendar picker in different sizes. Defaults to regular size
+   *
+   * @vegaVersion 2.72.0
+   */
+  size: DatePickerCalendarSizeType;
+  /**
+   * Specifies the selection mode of the date picker calendar.
+   *
+   *  - Use `single` to allow selecting a single date.
+   *  - Use `range` to allow selecting a date range.
+   *
+   * @vegaVersion 2.72.0
+   */
+  mode: DatePickerModeType;
+  /**
+   * Specifies the selected date or date range in the date picker calendar.
+   *
+   * @vegaVersion 2.72.0
+   */
+  selection: DatePickerValueType<DatePickerModeType>;
+  watchSelection(): void;
+  /**
+   * Specifies the desired date format.
+   *
+   * @vegaVersion 2.72.0
+   */
+  format: string;
+  /**
+   * Specifies the minimum selectable date in the date picker calendar.
+   *
+   * @vegaVersion 2.72.0
+   */
+  minDate: string;
+  watchMinDate(): void;
+  /**
+   * Specifies the maximum selectable date in the date picker calendar.
+   *
+   * @vegaVersion 2.72.0
+   */
+  maxDate: string;
+  watchMaxDate(): void;
+  /**
+   * Specifies whether to display the clear button when the calendar is shown.
+   *
+   * @vegaVersion 2.72.0
+   */
+  clearButton: boolean;
+  /**
+   * Specifies the calendar is static height.
+   *
+   * @vegaVersion 2.72.0
+   */
+  staticHeight: boolean;
+  /**
+   * Specifies the IANA time zone or Etc/GMT±n format.
+   *     It accepts values such as "America/New_York" or "Etc/GMT+12".
+   *     For a complete list of IANA time zones, refer to Time Zone DB(https://timezonedb.com/time-zones).
+   * 	   If not configured, the time zone will default to the system's time zone.
+   *
+   * @vegaVersion 2.72.0
+   */
+  timezone: string;
+  watchTimezone(): void;
+  /**
+   * Determines whether to show months and years dropdown in date picker calendar
+   * If set to true, date picker calendar will have months and years dropdown
+   *
+   * @vegaVersion 2.72.0
+   */
+  showYearMonthDropdowns: boolean;
+  /**
+   * Determines whether the year or month dropdown position is calculated relative to the screen.
+   *
+   * @vegaVersion 2.72.0
+   */
+  yearMonthDropdownProps: VegaDropdownPropsForDatePickerCalendar;
+  /**
+   * Specifies a predicate function that determines whether a given date in the date picker should be disabled (non-interactive).
+   *
+   * The function is called for each date cell before rendering.
+   *
+   * Return `true` to disable the cell, or false to keep it selectable.
+   * Default behavior: always returns `false` (no cells are disabled).
+   *
+   * @param date - The `Date` object for the cell being evaluated.
+   * @returns `true` if the cell should be disabled; otherwise `false`.
+   * @vegaVersion 2.72.0
+   */
+  isDateDisabled: DisabledDate;
+  /**
+   * An event emitter notifying the change of the value in the date picker,
+   *    whether triggered programmatically or through user interaction.
+   *
+   * @vegaVersion 2.72.0
+   */
+  vegaClear: EventEmitter<string | string[]>;
+  /**
+   * An event emitter notifying the change of the value in the date picker,
+   *    whether triggered programmatically or through user interaction.
+   * @eventSemantics namespace:native
+   * @vegaVersion 2.72.0
+   */
+  clear: EventEmitter<string | string[]>;
+  /**
+   * An event emitter notifying the month and year change when the navigation buttons are clicked or the month and year dropdowns are selected in the date picker,
+   *    whether triggered programmatically or through user interaction.
+   *
+   * @vegaVersion 2.61.0
+   */
+  vegaMonthYearChange: EventEmitter<DatePickerMonthYearTypes>;
+  /**
+   * An event emitter notifying the month and year change when the navigation buttons are clicked or the month and year dropdowns are selected in the date picker,
+   * @eventSemantics namespace:native
+   * @vegaVersion 2.61.0
+   */
+  monthYearChange: EventEmitter<DatePickerMonthYearTypes>;
+  /**
+   * An event emitter notifying the change of the value in the date picker,
+   *    whether triggered programmatically or through user interaction.
+   *
+   * @vegaVersion 2.72.0
+   */
+  vegaSelectionChange: EventEmitter<string | string[]>;
+  /**
+   * An event emitter notifying the change of the value in the date picker,
+   *    whether triggered programmatically or through user interaction.
+   * @eventSemantics namespace:native
+   * @vegaVersion 2.72.0
+   */
+  selectionChange: EventEmitter<string | string[]>;
+  /**
+   * Invoke this method to reset calendar to its initial state,
+   * 	it include reset to current value and reset the current period.
+   * @vegaVersion 2.72.0
+   */
+  reset(): Promise<void>;
+  /**
+   * Invoke this method to trigger repick.
+   *   The param `type` is distinguishing the start date or end date can be repick.
+   * @vegaVersion 2.72.0
+   */
+  triggerRepick(type: DatePickerCalendarRepickType): Promise<void>;
   render(): VegaDatePickerCalendar;
 }

package/dist/types/components/vega-date-picker/vega-date-picker.d.ts

@@ -4,50 +4,43 @@ import { DatePickerModeType, DatePickerMonthYearTypes, DatePickerValueType, Drop
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import { VegaDatePickerRenderer } from './slimmers/renderers/vega-date-picker-renderer';
-import { VegaDatePickerMobileController } from './slimmers/controllers/vega-date-picker-mobile-controller';
 import { VegaDatePickerSingleInputRenderer } from './slimmers/renderers/vega-date-picker-single-input-renderer';
 import { VegaDatePickerRangeInputRenderer } from './slimmers/renderers/vega-date-picker-range-input-renderer';
-import { VegaDatePickerCalendarController } from './slimmers/controllers/vega-date-picker-calendar-controller';
 import { VegaDatePickerCalendarRenderer } from './slimmers/renderers/vega-date-picker-calendar-renderer';
-import { VegaDatePickerZIndexController } from './slimmers/controllers/vega-date-picker-zindex-controller';
 import { VegaDatePickerValueController } from './slimmers/controllers/vega-date-picker-value-controller';
 import { VegaDatePickerFormatController } from './slimmers/controllers/vega-date-picker-format-controller';
-import { VegaDatePickerElementAppenderController } from './slimmers/controllers/vega-date-picker-element-appender-controller';
 import { VegaDatePickerKeyboardController } from './slimmers/controllers/vega-date-picker-keyboard-controller';
 import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
-import { VegaDatePickerMonthYearDropdownRenderer } from './slimmers/renderers/vega-date-picker-calendar-month-year-dropdown-renderer';
+import { VegaDatePickerCalendarOpenStateController } from './slimmers/controllers/vega-date-picker-calendar-open-state-controller';
 import { DisabledDate } from '../vega-calendar/types';
-import { VegaDatePickerMonthYearChangeEventController } from './slimmers/controllers/vega-date-picker-month-year-change-event-controller';
 /**
  * @vegaVersion 1.3.0
  */
 export declare class VegaDatePicker {
   protected readonly globalSlimmers: GlobalSlimmers;
   protected translationSlimmer: TranslationSlimmer<HTMLVegaDatePickerElement>;
-  protected vegaDatePickerMobileController: VegaDatePickerMobileController;
-  protected vegaDatePickerCalendarController: VegaDatePickerCalendarController;
-  protected vegaDatePickerZIndexController: VegaDatePickerZIndexController;
+  protected calendarOpenStateController: VegaDatePickerCalendarOpenStateController;
   protected vegaDatePickerValueController: VegaDatePickerValueController;
   protected vegaDatePickerFormatController: VegaDatePickerFormatController;
   protected startInputFormatController: VegaDatePickerFormatController;
   protected endInputFormatController: VegaDatePickerFormatController;
-  protected vegaDatePickerElementAppenderController: VegaDatePickerElementAppenderController;
   protected vegaDatePickerKeyboardController: VegaDatePickerKeyboardController;
   protected vegaDatePickerRenderer: VegaDatePickerRenderer;
   protected vegaDatePickerSingleInputRenderer: VegaDatePickerSingleInputRenderer;
   protected vegaDatePickerRangeInputRenderer: VegaDatePickerRangeInputRenderer;
   protected vegaDatePickerCalendarRenderer: VegaDatePickerCalendarRenderer;
   protected formFieldController: FormFieldControllerSlimmer<string[] | string>;
-  protected monthYearChangeEventEmitter: EventEmitSlimmerBase;
   protected changeEventEmitter: EventEmitSlimmerBase;
+  protected monthYearChangeEventEmitter: EventEmitSlimmerBase;
   protected inputEventPrevent: ChildNodesEventPreventSlimmer;
   protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaDatePickerElement>;
-  protected monthYearDropdownRenderer: VegaDatePickerMonthYearDropdownRenderer;
-  protected vegaDatePickerMonthYearChangeEventController: VegaDatePickerMonthYearChangeEventController;
   host: HTMLVegaDatePickerElement;
+  isMobileDevice: boolean;
+  isCalendarShow: boolean;
+  watchIsCalendarShow(): void;
   /**
    * Specifies the selection mode of the date picker.
    *
@@ -221,7 +214,6 @@ export declare class VegaDatePicker {
    * @vegaVersion 2.60.0
    */
   isDateDisabled: DisabledDate;
-  watchIsDateDisabled(): void;
   /**
    * An event emitter notifying the change of the value in the date picker,
    *    whether triggered programmatically or through user interaction.

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

@@ -56,8 +56,4 @@ export declare class VegaDropdownAppenderController extends ElementAppenderSlimm
    * @returns {ElementAppenderShowConfig} The show configuration for the dropdown.
    */
   private generateShowConfigFactory;
-  /**
-   * Register a remote method to update the target element of the dropdown.
-   */
-  private registerRemoteMethod;
 }

package/dist/types/components/vega-progress-tracker/slimmers/controllers/vega-progress-tracker-current-step-controller.d.ts

@@ -0,0 +1,65 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaProgressTracker } from '../../vega-progress-tracker';
+/**
+ * Controls the current step of the progress tracker component.
+ */
+export declare class VegaProgressTrackerCurrentStepController extends VegaSlimmer {
+  steps: VegaProgressTracker['steps'];
+  current: VegaProgressTracker['current'];
+  currentStepUpdateEventEmitter: VegaProgressTracker['currentStepUpdateEventEmitter'];
+  renderer: VegaProgressTracker['renderer'];
+  host: VegaProgressTracker['host'];
+  private stepClickObserver;
+  private goToPageTaskQueue;
+  /** connectedCallback */
+  connectedCallback(): void;
+  /** disconnectedCallback */
+  disconnectedCallback(): void;
+  /** componentDidLoad */
+  componentDidLoad(): void;
+  /** componentDidRender */
+  componentDidRender(): Promise<void>;
+  /**
+   * watch current change
+   */
+  watchCurrentChange(): Promise<void>;
+  /** watch steps change */
+  watchSteps(): void;
+  /** watch nextStep method call*/
+  nextStep(): void;
+  /** watch prevStep method call*/
+  prevStep(): void;
+  /**
+   * watch setCurrent method call
+   *
+   * @param {number} step - step index to set current
+   */
+  setCurrent(step: number): void;
+  /**
+   * While direction changed from others direction to 'horizontal-compact',
+   *   we need to goto the current step page in carousel.
+   */
+  watchDirection(): Promise<void>;
+  /**
+   * Update current step with range limit
+   *
+   * @param {number} current - current step index
+   * @param {number} [min] - min limit
+   * @param {number} [max] - max limit
+   */
+  private updateCurrent;
+  /**
+   * Initialize step click observer
+   */
+  private initStepClickObserver;
+  /**
+   * Remove step click observer
+   */
+  private removeStepClickObserver;
+  /**
+   * Check if can accept step click event
+   *
+   * @returns {boolean} - true if can accept, false otherwise.
+   */
+  private canAcceptStepClickEvent;
+}

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

@@ -0,0 +1,19 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaProgressTracker } from '../../vega-progress-tracker';
+/** Renders the progress tracker component. */
+export declare class VegaProgressTrackerRenderer extends VegaSlimmer {
+  host: VegaProgressTracker['host'];
+  steps: VegaProgressTracker['steps'];
+  canClickStep: VegaProgressTracker['canClickStep'];
+  current: VegaProgressTracker['current'];
+  deprecatedPropertySlimmer: VegaProgressTracker['deprecatedPropertySlimmer'];
+  currentStepController: VegaProgressTracker['currentStepController'];
+  private carouselContainerRef;
+  private carouselRef;
+  gotoCarouselPage(): Promise<void>;
+  render(): HTMLElement;
+  private renderStepIcon;
+  private renderSteps;
+  private getStepState;
+  private onStepIconClick;
+}

package/dist/types/components/vega-progress-tracker/type.d.ts

@@ -0,0 +1 @@
+export type VegaProgressTrackerDirectionType = 'vertical' | 'horizontal' | 'horizontal-compact';

package/dist/types/components/vega-progress-tracker/vega-progress-tracker.d.ts

@@ -3,16 +3,25 @@ import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { DeprecatedPropertySlimmerBase } from '../../helpers/slimmers/deprecated-property-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+import { VegaProgressTrackerRenderer } from './slimmers/renderers/vega-progress-tracker-renderer';
+import { VegaProgressTrackerCurrentStepController } from './slimmers/controllers/vega-progress-tracker-current-step-controller';
+import { ResponsiveType } from '../../types/ui.type';
+import { VegaProgressTrackerDirectionType } from './type';
+import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
+import { BreakpointsTokenType } from '../../types/design-token.type';
 /**
  * @vegaVersion 1.0.7
  */
 export declare class VegaProgressTracker {
   protected readonly globalSlimmers: GlobalSlimmers;
+  protected currentStepController: VegaProgressTrackerCurrentStepController;
+  protected pageResizeObserverSlimmer: PageResizeObserverSlimmer;
+  protected renderer: VegaProgressTrackerRenderer;
   protected currentStepUpdateEventEmitter: EventEmitSlimmerBase;
   protected readonly deprecatedPropertySlimmer: DeprecatedPropertySlimmerBase<string[]>;
   protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaProgressTrackerElement>;
-  private carouselDom;
   host: HTMLVegaProgressTrackerElement;
+  currentBreakpoint: BreakpointsTokenType;
   /**
    * Indicates the current step or stage in a
    *    sequential process or workflow,
@@ -25,7 +34,7 @@ export declare class VegaProgressTracker {
    * The below method is e2e-test covered in
    * @see{module:vega-progress-tracker-e2e-change-current-mobile}
    */
-  watchCurrentChange(newCurrent: number): Promise<void>;
+  watchCurrentChange(): Promise<void>;
   /**
    * Specifies the direction of the Progress Tracker component.
    *
@@ -33,10 +42,12 @@ export declare class VegaProgressTracker {
    *    In the horizontal direction, the tracker is divided into
    *    panes with navigable arrows. In the vertical direction,
    *    it is displayed as a single pane.
+   * It also can be set as ResponsiveType for responsive direction.
    *
    * @vegaVersion 1.0.7
    */
-  direction: 'vertical' | 'horizontal';
+  direction: ResponsiveType<VegaProgressTrackerDirectionType>;
+  watchDirection(): Promise<void>;
   /**
    * Specifies an array of step subtitles for
    *    the Progress Tracker component.
@@ -87,7 +98,6 @@ export declare class VegaProgressTracker {
    * @vegaVersion 2.0.0
    */
   currentStepUpdate: EventEmitter<string>;
-  componentDidLoad(): void;
   /**
    * Invoke this method to change the tracker's current step
    *    to the next step, if available.
@@ -115,10 +125,4 @@ export declare class VegaProgressTracker {
    */
   getCurrent(): Promise<number>;
   render(): VegaProgressTracker;
-  private getStepState;
-  private onStepIconClick;
-  private renderStepIcon;
-  private renderSteps;
-  private updateCurrent;
-  private isElementVisible;
 }

package/dist/types/components/vega-rich-text-editor/dto/annotations/text-style-annotation.d.ts

@@ -1,6 +1,13 @@
 import { BlockAnnotation, BlockAnnotationTypeEnum } from './block-annotation.abstract';
 import { AnnotationStyle, RTERenderContext, VegaRTETextStyleType } from '../../interface';
 import { Nullable } from '../../../../types/general';
+export declare type RTETextStyleBaseType = {
+  fontFamily: string;
+  fontWeight: string;
+  fontSize: string;
+  lineHeight: string;
+  minHeight: string;
+};
 /**
  * Text style annotation
  */