@globalpayments/vega 2.35.0 → 2.37.0

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

@@ -1,4 +1,4 @@
 import { IconPayload } from '../../../helpers/icon/interface';
 export declare const Icons: Record<IconType, IconPayload>;
-declare type IconType = 'chevron-left' | 'chevron-right' | 'calendar';
+declare type IconType = 'chevron-left' | 'chevron-right' | 'calendar' | 'caret-down';
 export {};

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

@@ -4,11 +4,14 @@ import { DatePickerModeType, DatePickerValueType } from '../../types';
 import { DateTime } from 'litepicker/dist/types/datetime';
 /** The date picker calendar controller slimmer */
 export declare class VegaDatePickerCalendarController extends VegaSlimmer {
+  private static readonly DEFAULT_MINIMUM_DROPDOWN_YEAR_BEFORE_CURRENT_YEAR;
+  private static readonly DEFAULT_MINIMUM_DROPDOWN_YEAR_AFTER_CURRENT_YEAR;
   minDate: VegaDatePicker['minDate'];
   maxDate: VegaDatePicker['maxDate'];
   allowRepick: VegaDatePicker['allowRepick'];
   format: VegaDatePicker['format'];
   mode: VegaDatePicker['mode'];
+  showYearMonthDropdowns: VegaDatePicker['showYearMonthDropdowns'];
   vegaDatePickerMobileController: VegaDatePicker['vegaDatePickerMobileController'];
   vegaDatePickerValueController: VegaDatePicker['vegaDatePickerValueController'];
   vegaDatePickerFormatController: VegaDatePicker['vegaDatePickerFormatController'];
@@ -58,24 +61,7 @@ export declare class VegaDatePickerCalendarController extends VegaSlimmer {
    *
    * @returns {object} - The default lite picker config is being returned.
    */
-  getDefaultLitePickerConfig: () => {
-    splitView: boolean;
-    showTooltip: boolean;
-    firstDay: number;
-    minDate: string;
-    maxDate: string;
-    allowRepick: boolean;
-    format: string;
-    plugins: string[];
-    parentEl: HTMLElement;
-    singleMode: boolean;
-    numberOfMonths: number;
-    numberOfColumns: number;
-    startDate: string;
-    endDate: string;
-    element: HTMLInputElement;
-    elementEnd: HTMLInputElement;
-  };
+  getDefaultLitePickerConfig: () => Record<string, unknown>;
   /**
    *  The code below is defining a method called `getModeConfig` which returns an object with various
    * properties based on the value of the `mode` property.

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

@@ -0,0 +1,85 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaDatePicker } from '../../vega-date-picker';
+import { Litepicker } from 'litepicker/dist/nocss/litepicker.umd.js';
+export declare class VegaDatePickerMonthYearDropdownRenderer extends VegaSlimmer {
+  static monthName: string[];
+  translationSlimmer: VegaDatePicker['translationSlimmer'];
+  vegaDatePickerCalendarRenderer: VegaDatePicker['vegaDatePickerCalendarRenderer'];
+  private datePicker;
+  private currentStartMonthInView;
+  private currentStartYearInView;
+  private datePickerCalendar;
+  private isMonthsOrYearsDropdownContentBoxOnFocus;
+  private startDropdownRef;
+  private endDropdownRef;
+  /**
+   * This method creates months and years dropdowns and replaces the current default select elements of litepicker
+   *
+   * @param {Litepicker} datePicker - Litepicker instance
+   */
+  renderMonthYearDropdowns(datePicker: Litepicker): void;
+  render(): HTMLElement;
+  /**
+   * From default months select dropdowns, get passed options and create vega-dropdown component with months as options
+   *
+   * @param {HTMLElement} ui - Litepicker ui
+   */
+  private renderMonthButton;
+  /**
+   * From default years select dropdowns, get passed options and create vega-dropdown component with years as options
+   *
+   * @param {HTMLElement} ui - Litepicker ui
+   */
+  private renderYearButton;
+  private getSelectedOptionFromSelect;
+  /**
+   * Render vega-dropdown component
+   *
+   * @param {MonthOrYearType} type - Month or year dropdown
+   * @param {DateIndexType} dateIndex - start date index for both single or range and end date index for range date picker mode
+   */
+  private renderDropdown;
+  /**
+   * When calendar opens, update sources for the vega-dropdown components for both months and years dropdown
+   *
+   * @param {MonthOrYearType} type - Month or year dropdown
+   * @param {HTMLSelectElement} select - Native select from litepicker ui
+   * @param {number} index - dropdown count
+   */
+  private syncDropdownOptions;
+  /**
+   * Litepicker treats vega-dropdown-content-box as an external element that when dropdowns open and you click, it closes automaticall. This method is to initialize event listeners the moment months or years dropdown is opened to prevent litepicker from collpasing
+   *
+   * @param {HTMLVegaDropdownElement} dropdown - Month or year dropdown
+   */
+  private onDropdownShowOrHide;
+  private setDefaultViewValues;
+  private appendDropdownIconToButton;
+  private monthYearDropdownClick;
+  private updateDropdownValueAndTarget;
+  private updateDatePickerOnSelect;
+  private setDropdownAsActive;
+  private removeActiveDropdownClass;
+  private onDropdownShow;
+  private onDropdownHide;
+  /**
+   * When interacting with open vega-dropdown, prevent it from collapsing since is treated as outside element by litepicker
+   *
+   * @param {MouseEvent} event - Click event
+   */
+  private onVegaDropdownContentBoxClick;
+  /**
+   * Prevent collapsing of dropdown when selecting option. VD-5544
+   *
+   * @param {Event} event - Focus event
+   */
+  private onVegaDropdownContentBoxActivate;
+  /**
+   * When you collapse date picker while vega-dropdown is still open, close vega-dropdown too
+   */
+  private initSetup;
+  /**
+   * Close any open vega-dropdown when litepicker is collapse
+   */
+  private closeOpenDropdowns;
+}

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

@@ -6,6 +6,7 @@ export declare class VegaDatePickerCalendarRenderer extends VegaSlimmer {
   dropdownConfig: VegaDatePicker['dropdownConfig'];
   allowRepick: VegaDatePicker['allowRepick'];
   format: VegaDatePicker['format'];
+  showYearMonthDropdowns: VegaDatePicker['showYearMonthDropdowns'];
   vegaDatePickerCalendarController: VegaDatePicker['vegaDatePickerCalendarController'];
   vegaDatePickerMobileController: VegaDatePicker['vegaDatePickerMobileController'];
   vegaDatePickerElementAppenderController: VegaDatePicker['vegaDatePickerElementAppenderController'];
@@ -13,6 +14,7 @@ export declare class VegaDatePickerCalendarRenderer extends VegaSlimmer {
   vegaDatePickerValueController: VegaDatePicker['vegaDatePickerValueController'];
   vegaDatePickerSingleInputRenderer: VegaDatePicker['vegaDatePickerSingleInputRenderer'];
   vegaDatePickerRangeInputRenderer: VegaDatePicker['vegaDatePickerRangeInputRenderer'];
+  monthYearDropdownRenderer: VegaDatePicker['monthYearDropdownRenderer'];
   translationSlimmer: VegaDatePicker['translationSlimmer'];
   timezone: VegaDatePicker['timezone'];
   private datePicker;
@@ -56,6 +58,10 @@ export declare class VegaDatePickerCalendarRenderer extends VegaSlimmer {
   watchFormat(): void;
   /** Update datePicker settings property of mode is changed */
   watchMode(): void;
+  /**
+   * Update datePicker settings property if showYearMonthDropdowns is changed
+   */
+  watchShowYearMonthDropdowns(): void;
   /**
    * get the reference of datePicker
    *

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

@@ -9,10 +9,12 @@ export declare class VegaDatePickerRenderer extends VegaSlimmer {
   readOnly: VegaDatePicker['readOnly'];
   autoValidation: VegaDatePicker['autoValidation'];
   host: VegaDatePicker['host'];
+  showYearMonthDropdowns: VegaDatePicker['showYearMonthDropdowns'];
   vegaDatePickerMobileController: VegaDatePicker['vegaDatePickerMobileController'];
   vegaDatePickerSingleInputRenderer: VegaDatePicker['vegaDatePickerSingleInputRenderer'];
   vegaDatePickerRangeInputRenderer: VegaDatePicker['vegaDatePickerRangeInputRenderer'];
   vegaDatePickerCalendarRenderer: VegaDatePicker['vegaDatePickerCalendarRenderer'];
+  monthYearDropdownRenderer: VegaDatePicker['monthYearDropdownRenderer'];
   private datePickerContainer;
   getDatePickerContainer(): HTMLInputElement;
   renderInputPrefix: () => HTMLElement;

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

@@ -18,6 +18,7 @@ import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event
 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';
 /**
  * @vegaVersion 1.3.0
  */
@@ -41,6 +42,7 @@ export declare class VegaDatePicker {
   protected changeEventEmitter: EventEmitSlimmerBase;
   protected inputEventPrevent: ChildNodesEventPreventSlimmer;
   protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaDatePickerElement>;
+  protected monthYearDropdownRenderer: VegaDatePickerMonthYearDropdownRenderer;
   host: HTMLVegaDatePickerElement;
   /**
    * Specifies the selection mode of the date picker.
@@ -163,6 +165,8 @@ export declare class VegaDatePicker {
    * @vegaVersion 1.3.0
    */
   allowRepick: boolean;
+  /** Update property of allowRepick when it is changed */
+  watchAllowRepick(): void;
   /**
    * Specifies the configuration for the calendar dropdown
    *    associated with the date picker.
@@ -176,8 +180,14 @@ export declare class VegaDatePicker {
    * @vegaVersion 2.33.0
    */
   showClearIcon: boolean;
-  /** Update property of allowRepick when it is changed */
-  watchAllowRepick(): void;
+  /**
+   * Determines whether to show months and years dropdown in date picker
+   * If set to true, date picker calendar will have months and years dropdown
+   *
+   * @vegaVersion 2.36.0
+   */
+  showYearMonthDropdowns: boolean;
+  watchShowYearMonthDropdowns(): void;
   /**
    * Specifies whether the date picker field is disabled.
    *

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

@@ -1,10 +1,5 @@
-import { VegaComponentInterface } from '../../types/ui.type';
-
 export type VegaDialogActionButtonProps = Partial<
-	Pick<
-		VegaComponentInterface<HTMLVegaButtonElement>,
-		'variant' | 'size' | 'icon' | 'iconAlign' | 'label' | 'disabled'
-	>
+	Pick<HTMLVegaButtonElement, 'variant' | 'size' | 'icon' | 'iconAlign' | 'label' | 'disabled'>
 >;
 
 /**

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

@@ -22,6 +22,16 @@ export declare class VegaDropdownAppenderController extends ElementAppenderSlimm
   searchRenderer: VegaDropdown['searchRenderer'];
   showEventEmitter: VegaDropdown['showEventEmitter'];
   hideEventEmitter: VegaDropdown['hideEventEmitter'];
+  isScreenPosition: VegaDropdown['isScreenPosition'];
+  private target;
+  /**
+   * Component lifecycle - [componentDidLoad]{@link VegaPopover.connectedCallback}
+   */
+  connectedCallback(): void;
+  /**
+   * Component lifecycle - [componentDidLoad]{@link VegaPopover.disconnectedCallback}
+   */
+  disconnectedCallback(): void;
   /**
    * This constructor initializes a dropdown component with various configuration options.
    */
@@ -40,4 +50,14 @@ export declare class VegaDropdownAppenderController extends ElementAppenderSlimm
    * The function `userHide` hides a dropdown if it is currently being shown.
    */
   userHide(): void;
+  /**
+   * Generate the show configuration for the dropdown.
+   *
+   * @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-dropdown/slimmers/controllers/vega-dropdown-scrollable-controller.d.ts

@@ -18,6 +18,10 @@ export declare class VegaDropdownScrollableController extends VegaSlimmer {
    * if the dropdown is shown in a certain render mode.
    */
   watchIsDropdownShow(): Promise<void>;
+  /**
+   * Listen scrolling of dropdown content
+   */
+  onScroll: () => void;
   /**
    * The function scrollToSelected asynchronously scrolls to a selected index based on the render mode.
    */

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

@@ -11,6 +11,7 @@ export declare class VegaDropdownListRenderer extends VegaSlimmer {
   isLazyLoading: VegaDropdown['isLazyLoading'];
   isDropdownShow: VegaDropdown['isDropdownShow'];
   renderModeController: VegaDropdown['renderModeController'];
+  scrollableController: VegaDropdown['scrollableController'];
   translationSlimmer: VegaDropdown['translationSlimmer'];
   private virtualScrollRef;
   private templateContainerRef;

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

@@ -253,6 +253,16 @@ export declare class VegaDropdown {
    * @vegaVersion 2.26.0
    */
   searchTriggerBy: VegaDropdownSearchTriggerByType;
+  /**
+   * Determines whether the dropdown position is calculated relative to the screen.
+   *
+   * @VegaWarning When enabled (set to true), it overrides the positionRelativeTo and matchContainerHeight properties, rendering them ineffective.
+   *
+   * @VegaWarning Currently, when set to true, position calculation may be inaccurate if the dropdown is placed inside a scrollable container within a shadowRoot (e.g., inside a vega-modal with scrollable content).
+   *
+   * @vegaVersion 2.36.0
+   */
+  isScreenPosition: boolean;
   /**
    * An event emitter notifying that a dropdown item has been clicked.
    *

package/dist/types/components/vega-file-uploader/slimmers/controllers/vega-file-uploader-file-limit-controller.d.ts

@@ -0,0 +1,18 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaFileUploader } from '../../vega-file-uploader';
+/**
+ * Controller class for managing the file upload limit in the Vega file uploader component.
+ */
+export declare class VegaFileUploaderFileLimitController extends VegaSlimmer {
+  protected maxCount: VegaFileUploader['maxCount'];
+  /**
+   * Determines if the file uploader is in single mode.
+   *
+   * @returns {boolean} `true` if the maximum file count is 1, otherwise `false`.
+   */
+  isSingleMode(): boolean;
+  /**
+   * Checks if the `maxCount` property is valid. If `maxCount` is less than 1 and not `null`, it will be set to `null`.
+   */
+  protected checkMaxCount(): void;
+}

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

@@ -9,6 +9,8 @@ export declare class VegaFileUploaderContainerRenderer extends VegaSlimmer {
   protected vegaFileUploaderValueController: VegaFileUploader['vegaFileUploaderValueController'];
   protected dropFileFilterController: VegaFileUploader['dropFileFilterController'];
   protected translationSlimmer: VegaFileUploader['translationSlimmer'];
+  protected fileLimitController: VegaFileUploader['fileLimitController'];
+  protected maxCount: VegaFileUploader['maxCount'];
   private inputElementRef;
   private uploaderContainerRef;
   /**
@@ -75,4 +77,17 @@ export declare class VegaFileUploaderContainerRenderer extends VegaSlimmer {
    * @returns {VegaFileUploaderFile[]} the vega file array
    */
   private getVegaFilesFromFileList;
+  /**
+   * Determines if the upload button should be disabled based on the component's state.
+   *
+   * @returns {boolean} True if the upload button should be disabled, otherwise false.
+   */
+  private shouldDisableUploadButton;
+  /**
+   * Filters the selected files to ensure the total number of files does not exceed the maximum count.
+   *
+   * @param {VegaFileUploaderFile[]} selectedFiles - The files selected by the user.
+   * @returns {VegaFileUploaderFile[]} The filtered list of files that do not exceed the maximum count.
+   */
+  private filterExceedLimitFiles;
 }

package/dist/types/components/vega-file-uploader/vega-file-uploader.d.ts

@@ -12,6 +12,7 @@ import { FormFieldValidationRule } from '../../helpers/validator/rules/form-fiel
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import { VegaFileUploaderDropFileFilterController } from './slimmers/controllers/vega-file-uploader-drop-file-filter-controller';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
+import { VegaFileUploaderFileLimitController } from './slimmers/controllers/vega-file-uploader-file-limit-controller';
 /**
  * @vegaVersion 2.25.0
  */
@@ -26,6 +27,7 @@ export declare class VegaFileUploader {
   protected vegaFileUploaderFileStatusRenderer: VegaFileUploaderFileStatusRenderer;
   protected vegaFileUploaderValueController: VegaFileUploaderValueController;
   protected dropFileFilterController: VegaFileUploaderDropFileFilterController;
+  protected fileLimitController: VegaFileUploaderFileLimitController;
   protected changeEventEmitter: EventEmitSlimmerBase;
   protected selectFileChangeEventEmitter: EventEmitSlimmerBase;
   protected removeEventEmitter: EventEmitSlimmerBase;
@@ -75,6 +77,16 @@ export declare class VegaFileUploader {
    * @vegaVersion 2.25.0
    */
   disabled: boolean;
+  /**
+   * Specifies the maximum number of files that can be uploaded using the File Uploader. The value must be a positive integer.
+   *
+   * @vegaVersion 2.36.0
+   */
+  maxCount: number | null;
+  /**
+   * Watches the maxCount change.
+   */
+  watchMaxCount(): void;
   /**
    * Specifies whether uploading a file is mandatory.
    *

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

@@ -74,6 +74,7 @@ export declare class VegaFlex {
    * Specifies how the box adjusts its size, growth, and alignment within a flex container.
    *
    * @vegaVersion 2.26.0
+   * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex
    */
   flex: ResponsiveType<FlexType>;
   /**
@@ -81,18 +82,21 @@ export declare class VegaFlex {
    *    width or height in a flex container.
    *
    * @vegaVersion 2.26.0
+   * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
    */
   flexBasis: ResponsiveType<FlexBasisType>;
   /**
    * Specifies how the box grows to fill available space in a flex container.
    *
    * @vegaVersion 2.26.0
+   * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
    */
   flexGrow: ResponsiveType<FlexGrowType>;
   /**
    * Specifies how much the box shrinks to fit within a flex container.
    *
    * @vegaVersion 2.26.0
+   * @nativeTypeRedirection https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
    */
   flexShrink: ResponsiveType<FlexShrinkType>;
   /**

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

@@ -230,7 +230,7 @@ export declare class VegaInput {
    * For the ComponentLoadRequired, the test can not be added in e2e at now, we will add it while have better solution,
    * releated issue: https://gitlab.com/heartland1/vega/tiger/-/issues/646
    */
-  watchMaskChange(): void;
+  watchMaskChange(newValue: MaskConfigType | MaskConfigType[], oldValue: MaskConfigType | MaskConfigType[]): void;
   /**
    * Controls whether copying or pasting is enabled for the input.
    *

package/dist/types/components/vega-input-select/types.d.ts

@@ -1,5 +1,3 @@
-import { VegaComponentInterface } from '../../types/ui.type';
-
 export type SelectSourceItem = {
 	id: string;
 	displayName: string;
@@ -9,7 +7,7 @@ export type SelectedLabelType = (value: string[]) => string;
 
 export type VegaDropdownPropsForSelect = Partial<
 	Pick<
-		VegaComponentInterface<HTMLVegaDropdownElement>,
+		HTMLVegaDropdownElement,
 		| 'positionRelativeTo'
 		| 'maxHeight'
 		| 'matchContainerHeight'
@@ -19,6 +17,7 @@ export type VegaDropdownPropsForSelect = Partial<
 		| 'useDefaultFilter'
 		| 'size'
 		| 'searchTriggerBy'
+		| 'isScreenPosition'
 	>
 >;
 

package/dist/types/components/vega-input-select/vega-input-select.d.ts

@@ -148,7 +148,7 @@ export declare class VegaInputSelect {
    */
   hint: string;
   /**
-   * Provides partial properties for the dropdown component used
+   * Provides partial properties for the `vega-dropdown` component used
    *    in the input select element.
    *
    * You can specify custom properties and their corresponding values as needed.

package/dist/types/components/vega-modal/slimmers/controllers/vega-modal-backdrop-controller.d.ts

@@ -0,0 +1,26 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaModal } from '../../vega-modal';
+/**
+ * Modal backdrop controller
+ */
+export declare class VegaModalBackdropController extends VegaSlimmer {
+  private static readonly backdropColorMap;
+  host: VegaModal['host'];
+  backdrop: VegaModal['backdrop'];
+  backdropColor: VegaModal['backdropColor'];
+  private backdropRef;
+  /**
+   * Get the backdropRef element or null.
+   *
+   * @returns {HTMLElement | null} - The backdropRef.
+   */
+  getBackdropRef(): HTMLElement | null;
+  /**
+   * Set backdrop of modal.
+   */
+  setBackdrop(): void;
+  /**
+   * Removes the backdrop element if it exists.
+   */
+  removeBackdrop(): void;
+}

package/dist/types/components/vega-modal/slimmers/controllers/vega-modal-layout-controller.d.ts

@@ -0,0 +1,38 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaModal } from '../../vega-modal';
+import { PageResizeObserverSlimmer } from '../../../../helpers/slimmers/page-resize-observer-slimmer';
+/**
+ * Modal layout controller
+ */
+export declare class VegaModalLayoutController extends VegaSlimmer {
+  host: VegaModal['host'];
+  contentMaxHeight: VegaModal['contentMaxHeight'];
+  size: VegaModal['size'];
+  renderer: VegaModal['renderer'];
+  protected readonly pageResizeObserverSlimmer: PageResizeObserverSlimmer;
+  private isModalWidthSet;
+  /**
+   * Component lifecycle - [connectedCallback]
+   */
+  componentDidLoad(): void;
+  /**
+   * Listen watch size method to be called
+   */
+  watchSize(): void;
+  /**
+   * Set width of modal.
+   *
+   * @param {'initialize' | 'update'} flag - Is trigger by
+   */
+  setModalWidth(flag?: 'initialize' | 'update'): void;
+  /**
+   * Set max height of modal content.
+   */
+  private setContentMaxHeight;
+  /**
+   * Get size of modal.
+   *
+   * @returns {number | string} - Modal size.
+   */
+  private getModalSize;
+}

package/dist/types/components/vega-modal/slimmers/controllers/vega-modal-mobile-controller.d.ts

@@ -0,0 +1,27 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaModal } from '../../vega-modal';
+/**
+ * Modal mobile controller
+ */
+export declare class VegaModalMobileController extends VegaSlimmer {
+  host: VegaModal['host'];
+  backdrop: VegaModal['backdrop'];
+  private touchStartY;
+  /**
+   * Component lifecycle - [connectedCallback]
+   */
+  componentDidLoad(): void;
+  /**
+   * There are two situations in modal scrolling:
+   * 1. Scrolls the non-modal content part in vega-modal (e.g. backdrop, modal dialog).
+   * 2. Scrolls the modal content (if scrollable) in vega-modal.
+   * On the mobile side, we need to prevent scrolling in the area outside the modal content.
+   *
+   * TODO: If the modal content is too long, a scroll bar will appear and the body cannot be scrolled,
+   * but on the IOS side, the body content of the scrolling modal will occasionally appear scrolling.
+   * This problem is reproduced on the following websites, and there is no solution yet.
+   * https://v5.bootcss.com/docs/components/modal/
+   * https://mui.com/material-ui/react-dialog/
+   */
+  private disableBackdropTouchMove;
+}

package/dist/types/components/vega-modal/slimmers/controllers/vega-modal-open-state-controller.d.ts

@@ -0,0 +1,65 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaModal } from '../../vega-modal';
+/**
+ * Modal open state controller
+ */
+export declare class VegaModalOpenStateController extends VegaSlimmer {
+  host: VegaModal['host'];
+  open: VegaModal['open'];
+  backdrop: VegaModal['backdrop'];
+  handleClose: VegaModal['handleClose'];
+  closeEventEmitter: VegaModal['closeEventEmitter'];
+  openEventEmitter: VegaModal['openEventEmitter'];
+  layoutController: VegaModal['layoutController'];
+  backdropController: VegaModal['backdropController'];
+  openedModalStackController: VegaModal['openedModalStackController'];
+  zIndexController: VegaModal['zIndexController'];
+  /**
+   * Component lifecycle - [componentDidLoad]
+   */
+  componentDidLoad(): void;
+  /**
+   * Toggle modal while open property changed.
+   */
+  watchOpen(): void;
+  /**
+   * Listen the target element clicked has a `data-target='modal'` attribute and open the modal if it does.
+   *
+   * @param {MouseEvent} e - Open modal event.
+   */
+  listenDataTarget(e: MouseEvent): void;
+  /**
+   * Listen the target element clicked has a `data-dismiss='modal'` attribute and closes the modal if it does.
+   *
+   * @param {MouseEvent} e - Close modal event.
+   */
+  listenDataDismiss(e: MouseEvent): void;
+  /**
+   * Listen modal close event and close modal.
+   *
+   * @param {MouseEvent} e - Close modal event.
+   */
+  onModalClose: (e: MouseEvent) => void;
+  /**
+   * Manages the visibility and behavior of a modal by updating various properties
+   * and emitting an event.
+   */
+  private toggle;
+  /**
+   * Toggles the display property of a modal element between 'flex' and
+   * 'none' based on the value of the `open` property.
+   */
+  private setModalVisibility;
+  /**
+   * Emits either an open or close event based on the value of the `open` property.
+   */
+  private emitEvent;
+  /**
+   * In desktop, we should add 'overflow: hidden' to the body to prevent the body scroll.
+   */
+  private updateDocumentRootOverflow;
+  /**
+   * Removes the backdrop element if no modals are currently visible.
+   */
+  private removeBackdropWhileNoModalShow;
+}

package/dist/types/components/vega-modal/slimmers/controllers/vega-modal-opened-modal-stack-controller.d.ts

@@ -0,0 +1,30 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaModal } from '../../vega-modal';
+import { Nullable } from '../../../../types/general';
+/**
+ * Opened modal stack controller
+ */
+export declare class VegaModalOpenedModalStackController extends VegaSlimmer {
+  private static openedModalStack;
+  host: VegaModal['host'];
+  /**
+   * Adds the current host element to an array in a modal toggle controller.
+   */
+  push(): void;
+  /**
+   * Removes the current modal from the opened modal stack.
+   */
+  remove(): void;
+  /**
+   * Get visible modal length.
+   *
+   * @returns {number} - Visible modal length.
+   */
+  length(): number;
+  /**
+   * Returns the previous HTMLVegaModalElement from the openedModalStack if it exists.
+   *
+   * @returns {Nullable<HTMLElement>} - The previous HTMLVegaModalElement.
+   */
+  peek(): Nullable<HTMLVegaModalElement>;
+}