@globalpayments/vega 2.70.0 → 2.73.0

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

@@ -0,0 +1,20 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaDatePickerCalendar } from '../../vega-date-picker-calendar';
+/** Current min and max calendar date controller. */
+export declare class VegaDatePickerCalendarMinMaxDateController extends VegaSlimmer {
+  maxDate: VegaDatePickerCalendar['maxDate'];
+  minDate: VegaDatePickerCalendar['minDate'];
+  format: VegaDatePickerCalendar['format'];
+  maxCalendarDate: VegaDatePickerCalendar['maxCalendarDate'];
+  minCalendarDate: VegaDatePickerCalendar['minCalendarDate'];
+  /** componentWillLoad */
+  componentWillLoad(): void;
+  /** Listen maxDate changed */
+  watchMaxDate(): void;
+  /** Listen minDate changed */
+  watchMinDate(): void;
+  /** Set maxCalendarDate */
+  private setMaxCalendarDate;
+  /** Set minCalendarDate */
+  private setMinCalendarDate;
+}

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-input/slimmers/controllers/vega-input-mask-config-controller.d.ts

@@ -1,5 +1,6 @@
 import { VegaInput } from '../../vega-input';
 import { Nullable } from '../../../../types/general';
+import { InputType, MaskConfigType } from '../../types';
 import { StringFormatStrategy } from '../../../../helpers/formatter/string-formatter/string-format-strategy.abstract';
 import { StringInputFormatterSlimmer } from '../../../../helpers/slimmers/string-input-formatter-slimmer';
 /** The `VegaInputMaskConfigController` class in TypeScript manages input mask configuration and string formatting for an input element within a component's shadow root. */
@@ -7,7 +8,11 @@ export declare class VegaInputMaskConfigController extends StringInputFormatterS
   protected maskConfig: VegaInput['maskConfig'];
   protected disableCopyPaste: VegaInput['disableCopyPaste'];
   protected type: VegaInput['type'];
-  private inputRef;
+  protected inputRenderer: VegaInput['inputRenderer'];
+  /** connectedCallback */
+  connectedCallback(): void;
+  /** disconnectedCallback */
+  disconnectedCallback(): void;
   /**
    * Detect value change and initialize mask formatting
    *
@@ -16,13 +21,19 @@ export declare class VegaInputMaskConfigController extends StringInputFormatterS
    */
   watchValue(newValue: string, oldValue: string): void;
   /**
-   * The function `setupStringFormatter` sets up a string formatter for an input element based on provided mask configurations.
+   * Watch mask changes
    *
-   * @param {HTMLInputElement|null} inputRef - The `inputRef` parameter in the `setupStringFormatter` function is a reference to
-   * an HTML input element. This function sets up a string formatter for the input element based on the
-   * provided configurations. It first assigns the input element reference to `this.inputRef`.
+   * @param {MaskConfigType | MaskConfigType[]} newValue The new mask config value
+   * @param {MaskConfigType | MaskConfigType[]} oldValue The old mask config value
    */
-  setupStringFormatter(inputRef: Nullable<HTMLInputElement>): void;
+  watchMaskChange(newValue: MaskConfigType | MaskConfigType[], oldValue: MaskConfigType | MaskConfigType[]): void;
+  /**
+   * Watch type changes
+   *
+   * @param {InputType} newType The new input type
+   * @param {InputType} oldType The old input type
+   */
+  watchTypeChange(newType: InputType, oldType: InputType): void;
   /**
    * Get the input element which will add mask
    *
@@ -63,4 +74,20 @@ export declare class VegaInputMaskConfigController extends StringInputFormatterS
    * 'custom' and a trigger of 'blur'.
    */
   private isBlurModeMaskConfig;
+  /**
+   * Compares two MaskConfigType objects or arrays for equality.
+   *
+   * @param {MaskConfigType | MaskConfigType[]} a The first MaskConfigType object or array to compare.
+   * @param {MaskConfigType | MaskConfigType[]} b The second MaskConfigType object or array to compare.
+   * @returns {boolean} True if the two MaskConfigType objects or arrays are equal, false otherwise.
+   */
+  private areMaskConfigsEqual;
+  /**
+   * Initialize calendar clear observer
+   */
+  private initSetupMaskConfigObserver;
+  /**
+   * Remove calendar clear observer
+   */
+  private removeSetupMaskConfigObserver;
 }

package/dist/types/components/vega-input/slimmers/controllers/vega-input-value-controller.d.ts

@@ -0,0 +1,32 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+/** Value controller */
+export declare class VegaInputValueController extends VegaSlimmer {
+  private host;
+  private value;
+  private changeEventEmitter;
+  private inputRenderer;
+  /** connectedCallback */
+  connectedCallback(): void;
+  /** disconnectedCallback */
+  disconnectedCallback(): void;
+  /**
+   * Watch value changes
+   *
+   * @param {string} value The new value
+   */
+  watchValue(value: string): void;
+  /**
+   * Initialize calendar clear observer
+   */
+  private initValueUpdateObserver;
+  /**
+   * Remove calendar clear observer
+   */
+  private removeValueUpdateObserver;
+  /**
+   * Set value
+   *
+   * @param {string} newValue The new value
+   */
+  private setValue;
+}

package/dist/types/components/vega-input/slimmers/renderers/vega-input-input-container-renderer.d.ts

@@ -0,0 +1,27 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { Nullable } from '../../../../types/general';
+export declare class VegaInputInputContainerRenderer extends VegaSlimmer {
+  private host;
+  private value;
+  private size;
+  private disabled;
+  private type;
+  private showClearIcon;
+  private prefixText;
+  private suffixText;
+  private isCompactInputWidth;
+  private prefixSlotRenderer;
+  private passwordEyeRenderer;
+  private inputRenderer;
+  private inputContainerRef;
+  getInputContainerRef(): HTMLElement;
+  render(): Nullable<HTMLElement>;
+  private renderClearIcon;
+  private renderPrefixText;
+  private renderSuffixText;
+  private onClickClearIcon;
+  private isClearIconVisible;
+  private onClearInputFocus;
+  private onClearInputBlur;
+  private onContainerClick;
+}