@syncfusion/ej2-dropdowns 22.2.12 → 23.1.38

package/src/drop-down-list/drop-down-list.d.ts

@@ -1,11 +1,12 @@
 /// <reference path="../drop-down-base/drop-down-base-model.d.ts" />
-import { EmitType } from '@syncfusion/ej2-base';
+import { EmitType, ModuleDeclaration } from '@syncfusion/ej2-base';
 import { KeyboardEventArgs } from '@syncfusion/ej2-base';
 import { IInput, InputObject, FloatLabelType } from '@syncfusion/ej2-inputs';
 import { DropDownBase, SelectEventArgs, FilteringEventArgs, PopupEventArgs } from '../drop-down-base/drop-down-base';
 import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';
 import { DropDownListModel } from '../drop-down-list';
 import { DataManager, Query } from '@syncfusion/ej2-data';
+import { VirtualInfo } from '../common/virtual-scroll';
 export interface ChangeEventArgs extends SelectEventArgs {
     /**
      * Returns the selected value
@@ -31,6 +32,9 @@ export interface ChangeEventArgs extends SelectEventArgs {
      */
     event: MouseEvent | KeyboardEvent | TouchEvent;
 }
+export interface GeneratedData {
+    [key: string]: Object;
+}
 export declare const dropDownListClasses: DropDownListClassList;
 /**
  * The DropDownList component contains a list of predefined values from which you can
@@ -56,6 +60,8 @@ export declare class DropDownList extends DropDownBase implements IInput {
         [key: string]: Object;
     } | string | number | boolean;
     private listHeight;
+    private listItemHeight;
+    private skeletonCount;
     protected hiddenElement: HTMLSelectElement;
     protected isPopupOpen: boolean;
     private isDocumentClick;
@@ -66,6 +72,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
     private initRemoteRender;
     private searchBoxHeight;
     private popupObj;
+    private popupContentElement;
     private backIconElement;
     private clearIconElement;
     private containerStyle;
@@ -94,6 +101,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
     protected isDropDownClick: boolean;
     protected preventAltUp: boolean;
     private searchKeyEvent;
+    private keyboardEvent;
     private filterInputObj;
     protected spinnerElement: HTMLElement;
     protected keyConfigure: {
@@ -105,6 +113,31 @@ export declare class DropDownList extends DropDownBase implements IInput {
     protected preventChange: boolean;
     protected isAngular: boolean;
     protected selectedElementID: string;
+    protected itemCount: number;
+    private virtualListHeight;
+    private virtualItemCount;
+    private isVirtualScrolling;
+    private observer;
+    protected isPreventScrollAction: boolean;
+    private scrollPreStartIndex;
+    private isScrollActionTriggered;
+    protected previousStartIndex: number;
+    private isMouseScrollAction;
+    private isKeyBoardAction;
+    private isUpwardScrolling;
+    private containerElementRect;
+    protected previousEndIndex: number;
+    private previousInfo;
+    protected startIndex: number;
+    private currentPageNumber;
+    private pageCount;
+    private isPreventKeyAction;
+    protected virtualItemStartIndex: number;
+    private virtualItemEndIndex;
+    private generatedDataObject;
+    protected virtualListInfo: VirtualInfo;
+    protected viewPortInfo: VirtualInfo;
+    private selectedValueInfo;
     /**
      * Sets CSS classes to the root element of the component that allows customization of appearance.
      *
@@ -237,6 +270,12 @@ export declare class DropDownList extends DropDownBase implements IInput {
      * @default false
      */
     readonly: boolean;
+    /**
+     * Defines whether to enable virtual scrolling in the component.
+     *
+     * @default false
+     */
+    enableVirtualization: boolean;
     /**
      * Gets or sets the display text of the selected item in the component.
      *
@@ -347,6 +386,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
     protected preRender(): void;
     private initializeData;
     protected setZIndex(): void;
+    requiredModules(): ModuleDeclaration[];
     protected renderList(e?: MouseEvent | KeyboardEventArgs | TouchEvent, isEmptyData?: boolean): void;
     private floatLabelChange;
     protected resetHandler(e: MouseEvent): void;
@@ -416,10 +456,12 @@ export declare class DropDownList extends DropDownBase implements IInput {
     private updateHomeEndAction;
     protected selectCurrentValueOnTab(e: KeyboardEventArgs): void;
     protected mobileKeyActionHandler(e: KeyboardEventArgs): void;
+    private handleVirtualKeyboardActions;
     protected selectCurrentItem(e: KeyboardEventArgs): void;
     protected isSelectFocusItem(element: Element): boolean;
     private getPageCount;
     private pageUpSelection;
+    private PageUpDownSelection;
     private pageDownSelection;
     protected unWireEvent(): void;
     /**
@@ -463,6 +505,8 @@ export declare class DropDownList extends DropDownBase implements IInput {
      * @returns {void}
      */
     protected onFilterUp(e: KeyboardEventArgs): void;
+    protected getFilteringSkeletonCount(): void;
+    protected getSkeletonCount(retainSkeleton?: boolean): void;
     protected onFilterDown(e: KeyboardEventArgs): void;
     protected removeFillSelection(): void;
     protected getQuery(query: Query): Query;
@@ -487,6 +531,8 @@ export declare class DropDownList extends DropDownBase implements IInput {
     protected onInput(e: KeyboardEventArgs): void;
     protected pasteHandler(e: KeyboardEventArgs): void;
     protected onActionFailure(e: Object): void;
+    private UpdateSkeleton;
+    protected getTakeValue(): number;
     protected onActionComplete(ulElement: HTMLElement, list: {
         [key: string]: Object;
     }[], e?: Object, isUpdated?: boolean): void;
@@ -499,7 +545,11 @@ export declare class DropDownList extends DropDownBase implements IInput {
     private actionCompleteDataUpdate;
     private focusIndexItem;
     protected updateSelection(): void;
+    private updateSelectionList;
+    protected checkAndResetCache(): void;
     protected removeFocus(): void;
+    protected getTransformValues(): string;
+    protected GetVirtualTrackHeight(): string;
     protected renderPopup(e?: MouseEvent | KeyboardEventArgs | TouchEvent | Object): void;
     private checkCollision;
     private getOffsetValue;
@@ -513,6 +563,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
     private setWidth;
     private scrollBottom;
     private scrollTop;
+    private IsScrollerAtEnd;
     protected isEditTextBox(): boolean;
     protected isFiltering(): boolean;
     protected isPopupButton(): boolean;
@@ -520,6 +571,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
     private clearText;
     private setEleWidth;
     private closePopup;
+    private updateInitialData;
     private destroyPopup;
     private clickOnBackIcon;
     /**
@@ -529,6 +581,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
      * @returns {void}
      */
     render(): void;
+    private getListHeight;
     private setFooterTemplate;
     private setHeaderTemplate;
     /**
@@ -647,4 +700,6 @@ export interface DropDownListClassList {
     popupFullScreen: string;
     disableIcon: string;
     hiddenElement: string;
+    content: string;
+    virtualList: string;
 }