@syncfusion/ej2-dropdowns 25.1.40 → 25.2.3

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.1.40
+*  version : 25.2.3
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@25.1.39",
+  "_id": "@syncfusion/ej2-dropdowns@25.1.41",
   "_inBundle": false,
-  "_integrity": "sha512-je9KBRXAhBy6CRCnSDXedx6YR/DL1utntJyJ4Qv0mBMyNKrQJK9bp7Ibi+xqkD51+YHDi1hpICWyyET7lR7NMA==",
+  "_integrity": "sha512-On8qX7S8gJBKOTXOZA3mxvgeMWddeEfTrT0865OaRJzRlgEzf4eJyWLmzezwbj/MFre2kOOlANZMoBNwcru1FA==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -34,8 +34,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-25.1.39.tgz",
-  "_shasum": "7319a3b0eb2a2ece822d01db03ceae81efbdee8b",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-25.1.41.tgz",
+  "_shasum": "e940c2f1e02df58251d717afec8786f77e2ca07c",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -43,13 +43,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.1.35",
-    "@syncfusion/ej2-data": "~25.1.35",
-    "@syncfusion/ej2-inputs": "~25.1.40",
-    "@syncfusion/ej2-lists": "~25.1.39",
-    "@syncfusion/ej2-navigations": "~25.1.40",
-    "@syncfusion/ej2-notifications": "~25.1.35",
-    "@syncfusion/ej2-popups": "~25.1.39"
+    "@syncfusion/ej2-base": "~25.2.3",
+    "@syncfusion/ej2-data": "~25.2.3",
+    "@syncfusion/ej2-inputs": "~25.2.3",
+    "@syncfusion/ej2-lists": "~25.2.3",
+    "@syncfusion/ej2-navigations": "~25.2.3",
+    "@syncfusion/ej2-notifications": "~25.2.3",
+    "@syncfusion/ej2-popups": "~25.2.3"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -74,7 +74,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "25.1.40",
+  "version": "25.2.3",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/auto-complete/auto-complete.js

@@ -90,7 +90,7 @@ var AutoComplete = /** @class */ (function (_super) {
             if (!(this.dataSource instanceof DataManager) && dataType === 'string' || dataType === 'number') {
                 filterQuery.where('', filterType, queryString, this.ignoreCase, this.ignoreAccent);
             }
-            else if ((!this.enableVirtualization) || (this.enableVirtualization && (!(this.dataSource instanceof DataManager) || (this.dataSource instanceof DataManager && this.virtualGroupDataSource)))) {
+            else {
                 var mapping = !isNullOrUndefined(this.fields.value) ? this.fields.value : '';
                 filterQuery.where(mapping, filterType, queryString, this.ignoreCase, this.ignoreAccent);
             }
@@ -106,7 +106,7 @@ var AutoComplete = /** @class */ (function (_super) {
             }
             filterQuery.take(this.suggestionCount);
         }
-        if (this.enableVirtualization && (!(this.dataSource instanceof DataManager) || (this.dataSource instanceof DataManager && this.virtualGroupDataSource))) {
+        if (this.enableVirtualization) {
             var queryTakeValue = 0;
             var querySkipValue = 0;
             var takeValue = this.getTakeValue();
@@ -156,14 +156,6 @@ var AutoComplete = /** @class */ (function (_super) {
             }
             filterQuery.requiresCount();
         }
-        else if (this.enableVirtualization && (this.dataSource instanceof DataManager && !this.virtualGroupDataSource)) {
-            for (var queryElements = 0; queryElements < filterQuery.queries.length; queryElements++) {
-                if (filterQuery.queries[queryElements].fn === 'onSkip' || filterQuery.queries[queryElements].fn === 'onTake') {
-                    filterQuery.queries.splice(queryElements, 1);
-                    --queryElements;
-                }
-            }
-        }
         return filterQuery;
     };
     AutoComplete.prototype.searchLists = function (e) {

package/src/combo-box/combo-box.js

@@ -151,7 +151,7 @@ var ComboBox = /** @class */ (function (_super) {
             if (this.enableVirtualization && this.value) {
                 var fields = (this.fields.value) ? this.fields.value : '';
                 var currentValue_1 = this.allowObjectBinding && !isNullOrUndefined(this.value) ? getValue((this.fields.value) ? this.fields.value : '', this.value) : this.value;
-                if (this.dataSource instanceof DataManager && this.virtualGroupDataSource) {
+                if (this.dataSource instanceof DataManager) {
                     var getItem = new DataManager(this.virtualGroupDataSource).executeLocal(new Query().where(new Predicate(fields, 'equal', currentValue_1)));
                     if (getItem && getItem.length > 0) {
                         this.itemData = getItem[0];

package/src/common/interface.d.ts

@@ -47,6 +47,8 @@ export interface IDropdownlist extends Component<HTMLElement> {
     allowFiltering: boolean;
     isPopupOpen: boolean;
     isTyped: boolean;
+    setCurrentView: boolean;
+    isRequesting: boolean;
     itemCount: number;
     fields: FieldSettingsModel;
     generatedDataObject: GeneratedData;

package/src/common/virtual-scroll.js

@@ -198,9 +198,10 @@ var VirtualScroll = /** @class */ (function () {
                         var query = this.parent.getForQuery(this.parent.value).clone();
                         query = query.skip(0).take(this.parent.itemCount - (this.parent.value.length - this.parent.viewPortInfo.startIndex));
                         this.parent.appendUncheckList = true;
+                        this.parent.setCurrentView = false;
                         this.parent.resetList(this.parent.dataSource, this.parent.fields, query);
                         isListUpdated = false;
-                        this.parent.appendUncheckList = false;
+                        this.parent.appendUncheckList = this.parent.dataSource instanceof DataManager ? this.parent.appendUncheckList : false;
                         isListUpdated = false;
                     }
                     else {
@@ -223,9 +224,10 @@ var VirtualScroll = /** @class */ (function () {
                     var query = this.parent.getForQuery(this.parent.value).clone();
                     query = query.skip(0).take(this.parent.itemCount - (this.parent.value.length - this.parent.viewPortInfo.startIndex));
                     this.parent.appendUncheckList = true;
+                    this.parent.setCurrentView = false;
                     this.parent.resetList(this.parent.dataSource, this.parent.fields, query);
                     isListUpdated = false;
-                    this.parent.appendUncheckList = false;
+                    this.parent.appendUncheckList = this.parent.dataSource instanceof DataManager ? this.parent.appendUncheckList : false;
                 }
             }
             else {
@@ -236,6 +238,7 @@ var VirtualScroll = /** @class */ (function () {
                 var query = this.parent.getForQuery(this.parent.value).clone();
                 var skipvalue = this.parent.viewPortInfo.startIndex - this.parent.value.length >= 0 ? this.parent.viewPortInfo.startIndex - this.parent.value.length : 0;
                 query = query.skip(skipvalue);
+                this.parent.setCurrentView = false;
                 this.parent.resetList(this.parent.dataSource, this.parent.fields, query);
                 isListUpdated = false;
             }
@@ -257,6 +260,7 @@ var VirtualScroll = /** @class */ (function () {
                             else {
                                 query = query.skip(this.parent.viewPortInfo.startIndex);
                             }
+                            this.parent.setCurrentView = false;
                             this.parent.resetList(this.parent.dataSource, this.parent.fields, query);
                             isResetListCalled = true;
                             break;
@@ -278,6 +282,7 @@ var VirtualScroll = /** @class */ (function () {
                                 else {
                                     query = query.skip(this.parent.viewPortInfo.startIndex);
                                 }
+                                this.parent.setCurrentView = false;
                                 this.parent.resetList(this.parent.dataSource, this.parent.fields, query);
                                 isResetListCalled = true;
                             }
@@ -289,6 +294,7 @@ var VirtualScroll = /** @class */ (function () {
                         currentData.push(alreadyAddedData[0]);
                     }
                 }
+                this.parent.setCurrentView = false;
             }
         }
         if (!isResetListCalled && isListUpdated) {
@@ -356,6 +362,7 @@ var VirtualScroll = /** @class */ (function () {
         if (isStartIndexInitialised && !((this.parent.totalItemCount == queryStartIndex) && (this.parent.totalItemCount == queryEndIndex))) {
             this.parent.virtualItemStartIndex = queryStartIndex;
             this.parent.virtualItemEndIndex = queryEndIndex;
+            this.parent.setCurrentView = true;
             this.generateAndExecuteQueryAsync(query, queryStartIndex, queryEndIndex);
             if (this.component === 'multiselect' && this.parent.hideSelectedItem && this.parent.value && Array.isArray(this.parent.value) && this.parent.value.length > 0) {
                 this.parent.totalItemsCount();
@@ -365,7 +372,9 @@ var VirtualScroll = /** @class */ (function () {
                 this.parent.virtualItemEndIndex = this.parent.viewPortInfo.endIndex;
             }
         }
-        this.setCurrentViewDataAsync();
+        if (!(this.parent.dataSource instanceof DataManager) || (this.parent.dataSource instanceof DataManager && !this.parent.isRequesting)) {
+            this.setCurrentViewDataAsync();
+        }
     };
     VirtualScroll.prototype.dataProcessAsync = function (isOpenPopup) {
         this.parent.selectedValueInfo = null;
@@ -398,7 +407,7 @@ var VirtualScroll = /** @class */ (function () {
                         return [4 /*yield*/, this.dataProcessAsync()];
                     case 1:
                         _a.sent();
-                        if (this.parent.keyboardEvent != null) {
+                        if (this.parent.keyboardEvent != null && (!(this.parent.dataSource instanceof DataManager) || (this.parent.dataSource instanceof DataManager && !this.parent.isRequesting))) {
                             this.parent.handleVirtualKeyboardActions(this.parent.keyboardEvent, this.parent.pageCount);
                         }
                         if (!this.parent.customFilterQuery) {

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

@@ -233,6 +233,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
     private isCheckBoxSelection;
     protected totalItemCount: number;
     protected dataCount: number;
+    protected remoteDataCount: number;
     protected isRemoteDataUpdated: boolean;
     protected virtualGroupDataSource: {
         [key: string]: Object;
@@ -277,6 +278,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
     protected appendUncheckList: boolean;
     protected getInitialData: boolean;
     protected preventPopupOpen: boolean;
+    protected setCurrentView: boolean;
     protected customFilterQuery: Query;
     protected virtualSelectAllData: {
         [key: string]: Object;
@@ -563,6 +565,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
      * @returns {void}
      */
     private setListData;
+    protected handleVirtualKeyboardActions(e: KeyboardEventArgs, pageCount: number): void;
     protected updatePopupState(): void;
     protected updateRemoteData(): void;
     private bindChildItems;

package/src/drop-down-base/drop-down-base.js

@@ -100,9 +100,10 @@ var DropDownBase = /** @class */ (function (_super) {
         _this.isCheckBoxSelection = false;
         _this.totalItemCount = 0;
         _this.dataCount = 0;
+        _this.remoteDataCount = -1;
         _this.isRemoteDataUpdated = false;
         _this.isIncrementalRequest = false;
-        _this.itemCount = 10;
+        _this.itemCount = 30;
         _this.virtualListHeight = 0;
         _this.isVirtualScrolling = false;
         _this.isPreventScrollAction = false;
@@ -129,7 +130,6 @@ var DropDownBase = /** @class */ (function (_super) {
         _this.appendUncheckList = false;
         _this.getInitialData = false;
         _this.preventPopupOpen = true;
-        _this.customFilterQuery = new Query();
         _this.virtualListInfo = {
             currentPageNumber: null,
             direction: null,
@@ -405,10 +405,9 @@ var DropDownBase = /** @class */ (function (_super) {
         this.virtualListInfo = this.viewPortInfo;
     };
     DropDownBase.prototype.getFilteringSkeletonCount = function () {
-        var difference = this.dataCount - this.viewPortInfo.endIndex;
         var currentSkeletonCount = this.skeletonCount;
         this.getSkeletonCount(true);
-        this.skeletonCount = this.dataCount > this.itemCount * 2 ? this.skeletonCount : difference > this.skeletonCount ? this.skeletonCount : difference > 0 ? difference : 0;
+        this.skeletonCount = this.dataCount > this.itemCount * 2 ? this.skeletonCount : 0;
         var skeletonUpdated = true;
         if ((this.getModuleName() === 'autocomplete' || this.getModuleName() === 'multiselect') && (this.totalItemCount < (this.itemCount * 2))) {
             this.skeletonCount = 0;
@@ -442,10 +441,10 @@ var DropDownBase = /** @class */ (function (_super) {
     DropDownBase.prototype.getSkeletonCount = function (retainSkeleton) {
         this.virtualListHeight = this.listContainerHeight != null ? parseInt(this.listContainerHeight, 10) : this.virtualListHeight;
         var actualCount = this.virtualListHeight > 0 ? Math.floor(this.virtualListHeight / this.listItemHeight) : 0;
-        this.skeletonCount = actualCount * 2 < this.itemCount ? this.itemCount : actualCount * 2;
+        this.skeletonCount = actualCount * 4 < this.itemCount ? this.itemCount : actualCount * 4;
         this.itemCount = retainSkeleton ? this.itemCount : this.skeletonCount;
         this.virtualItemCount = this.itemCount;
-        this.skeletonCount = Math.floor(this.skeletonCount / 2) + 2;
+        this.skeletonCount = Math.floor(this.skeletonCount / 2);
     };
     DropDownBase.prototype.GetVirtualTrackHeight = function () {
         var height = this.totalItemCount === this.viewPortInfo.endIndex ? this.totalItemCount * this.listItemHeight - this.itemCount * this.listItemHeight : this.totalItemCount * this.listItemHeight;
@@ -670,41 +669,53 @@ var DropDownBase = /** @class */ (function (_super) {
                 if (!eventArgs.cancel) {
                     _this.isRequesting = true;
                     _this.showSpinner();
-                    if (dataSource instanceof DataManager && !_this.virtualGroupDataSource) {
+                    if (dataSource instanceof DataManager) {
                         _this.isRequested = true;
+                        var isWhereExist_1 = false;
                         if (_this.isDataFetched) {
                             _this.emptyDataRequest(fields);
                             return;
                         }
                         eventArgs.data.executeQuery(_this.getQuery(eventArgs.query)).then(function (e) {
                             _this.isPreventChange = _this.isAngular && _this.preventChange ? true : _this.isPreventChange;
-                            _this.trigger('actionComplete', e, function (e) {
-                                if (!_this.virtualGroupDataSource && _this.isVirtualizationEnabled) {
-                                    _this.isRemoteDataUpdated = true;
-                                    if ((_this.getModuleName() === 'combobox' && !_this.initialRemoteRender && _this.isAllowFiltering && _this.isVirtualizationEnabled && e.result)) {
-                                        e.result = e.result.result;
+                            var isReOrder = true;
+                            if (!_this.virtualSelectAll) {
+                                var newQuery = _this.getQuery(eventArgs.query);
+                                for (var queryElements = 0; queryElements < newQuery.queries.length; queryElements++) {
+                                    if (newQuery.queries[queryElements].fn === 'onWhere') {
+                                        isWhereExist_1 = true;
                                     }
-                                    if (e.result.length > 0) {
-                                        var dataSource_2 = e.result;
-                                        if (_this.isVirtualizationEnabled && _this.fields.groupBy) {
-                                            var data = new DataManager(dataSource_2).executeLocal(new Query().group(_this.fields.groupBy));
-                                            _this.virtualGroupDataSource = data.records;
+                                }
+                                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                if (_this.isVirtualizationEnabled && (e.count != 0 && e.count < (_this.itemCount * 2))) {
+                                    if (newQuery) {
+                                        for (var queryElements = 0; queryElements < newQuery.queries.length; queryElements++) {
+                                            if (newQuery.queries[queryElements].fn === 'onTake') {
+                                                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                                newQuery.queries[queryElements].e.nos = e.count;
+                                            }
+                                            if (_this.getModuleName() === 'multiselect' && (newQuery.queries[queryElements].e.condition == 'or' || newQuery.queries[queryElements].e.operator == 'equal')) {
+                                                isReOrder = false;
+                                            }
                                         }
-                                        else {
-                                            _this.virtualGroupDataSource = dataSource_2;
-                                            _this.hideSpinner();
-                                            _this.isRequested = false;
-                                            _this.isRequesting = false;
-                                            _this.setListData(dataSource_2, fields, query, event);
-                                            return;
+                                    }
+                                }
+                                else {
+                                    _this.isVirtualTrackHeight = false;
+                                    if (newQuery) {
+                                        for (var queryElements = 0; queryElements < newQuery.queries.length; queryElements++) {
+                                            if (_this.getModuleName() === 'multiselect' && ((newQuery.queries[queryElements].e && newQuery.queries[queryElements].e.condition == 'or') || (newQuery.queries[queryElements].e && newQuery.queries[queryElements].e.operator == 'equal'))) {
+                                                isReOrder = false;
+                                            }
                                         }
                                     }
-                                    _this.hideSpinner();
-                                    _this.isRequested = false;
-                                    _this.isRequesting = false;
-                                    _this.updatePopupState();
-                                    return;
                                 }
+                            }
+                            if (isReOrder) {
+                                // eslint-disable @typescript-eslint/no-explicit-any
+                                _this.dataCount = _this.totalItemCount = e.count;
+                            }
+                            _this.trigger('actionComplete', e, function (e) {
                                 if (!e.cancel) {
                                     _this.isRequesting = false;
                                     var listItems = e.result;
@@ -712,12 +723,16 @@ var DropDownBase = /** @class */ (function (_super) {
                                         ulElement = _this.renderItems(listItems, fields);
                                         return;
                                     }
-                                    if (listItems.length === 0) {
+                                    if ((!_this.isVirtualizationEnabled && listItems.length === 0) || (_this.isVirtualizationEnabled && listItems.length === 0 && !isWhereExist_1)) {
                                         _this.isDataFetched = true;
                                     }
+                                    if (!isWhereExist_1) {
+                                        _this.remoteDataCount = e.count;
+                                    }
                                     _this.dataCount = e.count;
                                     _this.totalItemCount = e.count;
                                     ulElement = _this.renderItems(listItems, fields);
+                                    _this.appendUncheckList = false;
                                     _this.onActionComplete(ulElement, listItems, e);
                                     if (_this.groupTemplate) {
                                         _this.renderGroupTemplate(ulElement);
@@ -730,6 +745,17 @@ var DropDownBase = /** @class */ (function (_super) {
                                         _this.preventPopupOpen = false;
                                         return;
                                     }
+                                    if (_this.isVirtualizationEnabled && _this.setCurrentView) {
+                                        _this.notify("setCurrentViewDataAsync", {
+                                            module: "VirtualScroll",
+                                        });
+                                    }
+                                    if (_this.keyboardEvent != null) {
+                                        _this.handleVirtualKeyboardActions(_this.keyboardEvent, _this.pageCount);
+                                    }
+                                    if (_this.isVirtualizationEnabled) {
+                                        _this.getFilteringSkeletonCount();
+                                    }
                                 }
                             });
                         }).catch(function (e) {
@@ -766,7 +792,7 @@ var DropDownBase = /** @class */ (function (_super) {
                                     }
                                     if (isReOrder) {
                                         listItems = (newQuery).executeLocal(dataManager);
-                                        _this.isVirtualTrackHeight = true;
+                                        _this.isVirtualTrackHeight = (!(_this.dataSource instanceof DataManager) && !_this.isCustomDataUpdated) ? true : false;
                                     }
                                 }
                             }
@@ -781,7 +807,7 @@ var DropDownBase = /** @class */ (function (_super) {
                                 }
                             }
                         }
-                        if (isReOrder) {
+                        if (isReOrder && (!(_this.dataSource instanceof DataManager) && !_this.isCustomDataUpdated)) {
                             // eslint-disable @typescript-eslint/no-explicit-any
                             _this.dataCount = _this.totalItemCount = _this.virtualSelectAll ? listItems.length : listItems.count;
                         }
@@ -818,6 +844,9 @@ var DropDownBase = /** @class */ (function (_super) {
             });
         }
     };
+    DropDownBase.prototype.handleVirtualKeyboardActions = function (e, pageCount) {
+        // Used this method in component side.
+    };
     DropDownBase.prototype.updatePopupState = function () {
         // Used this method in component side.
     };
@@ -929,6 +958,9 @@ var DropDownBase = /** @class */ (function (_super) {
                         addClass([ulElement.children[i]], HIDE_GROUPLIST);
                     }
                 }
+                if (ulElement.children[0].classList.contains('e-hide-group-header')) {
+                    setStyleAttribute(ulElement.children[1], { zIndex: 11 });
+                }
             }
         }
         if (!isNullOrUndefined(this.list)) {
@@ -1077,19 +1109,11 @@ var DropDownBase = /** @class */ (function (_super) {
         for (var i = topIndex; i > -1; i--) {
             var index = this.isVirtualizationEnabled ? i + virtualListCount : i;
             if (this.isVirtualizationEnabled) {
-                var groupListLength = this.list.querySelectorAll('.e-list-group-item').length;
-                var loadedGroupList = 0;
                 if (isCount) {
                     count++;
                 }
                 if (this.fixedHeaderElement && this.updateGroupHeader(index, liCollections, target)) {
-                    loadedGroupList++;
-                    if (count >= this.getPageCount()) {
-                        break;
-                    }
-                    if (groupListLength <= loadedGroupList) {
-                        break;
-                    }
+                    break;
                 }
                 if (isDownkey) {
                     if ((!isNullOrUndefined(liCollections[index]) && liCollections[index].classList.contains(dropDownBaseClasses.selected) && this.getModuleName() !== 'autocomplete') || (!isNullOrUndefined(liCollections[index]) && liCollections[index].classList.contains(dropDownBaseClasses.focus) && this.getModuleName() === 'autocomplete')) {
@@ -1600,6 +1624,7 @@ var DropDownBase = /** @class */ (function (_super) {
             }
             if (this.getModuleName() === 'listbox') {
                 this.updateActionCompleteData(li, item, isListboxEmpty ? null : index);
+                isListboxEmpty = true;
             }
             else {
                 this.updateActionCompleteData(li, item, index);
@@ -1647,7 +1672,7 @@ var DropDownBase = /** @class */ (function (_super) {
                     }
                 }
                 else {
-                    if (this.liCollections[index]) {
+                    if (this.liCollections[index] && this.liCollections[index].parentNode) {
                         this.liCollections[index].parentNode.insertBefore(liCollections[i], this.liCollections[index]);
                     }
                     else {

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

@@ -436,7 +436,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
     private updateHomeEndAction;
     protected selectCurrentValueOnTab(e: KeyboardEventArgs): void;
     protected mobileKeyActionHandler(e: KeyboardEventArgs): void;
-    private handleVirtualKeyboardActions;
+    protected handleVirtualKeyboardActions(e: KeyboardEventArgs, pageCount: number): void;
     protected selectCurrentItem(e: KeyboardEventArgs): void;
     protected isSelectFocusItem(element: Element): boolean;
     private pageUpSelection;