@syncfusion/ej2-dropdowns 26.2.13 → 27.1.48

package/src/common/incremental-search.js

@@ -8,19 +8,22 @@ var matches = [];
 var activeClass = 'e-active';
 var prevElementId = '';
 /**
- * Search and focus the list item based on key code matches with list text content
+ * Search and focus the list item based on key code matches with list text content.
  *
- * @param  { number } keyCode - Specifies the key code which pressed on keyboard events.
- * @param  { HTMLElement[]} items - Specifies an array of HTMLElement, from which matches find has done.
- * @param { number } selectedIndex - Specifies the selected item in list item, so that search will happen
- * after selected item otherwise it will do from initial.
- * @param  { boolean } ignoreCase - Specifies the case consideration when search has done.
+ * @param {number} keyCode - Specifies the key code which pressed on keyboard events.
+ * @param {HTMLElement[]} items - Specifies an array of HTMLElement, from which matches find has done.
+ * @param {number} selectedIndex - Specifies the selected item in list item, so that search will happen after selected item otherwise it will do from initial.
+ * @param {boolean} ignoreCase - Specifies the case consideration when search has done.
  * @param {string} elementId - Specifies the list element ID.
+ * @param {boolean} [queryStringUpdated] - Optional parameter.
+ * @param {string} [currentValue] - Optional parameter.
+ * @param {boolean} [isVirtual] - Optional parameter.
+ * @param {boolean} [refresh] - Optional parameter.
  * @returns {Element} Returns list item based on key code matches with list text content.
  */
 export function incrementalSearch(keyCode, items, selectedIndex, ignoreCase, elementId, queryStringUpdated, currentValue, isVirtual, refresh) {
     if (!queryStringUpdated || queryString === '') {
-        if (tempQueryString != '') {
+        if (tempQueryString !== '') {
             queryString = tempQueryString + String.fromCharCode(keyCode);
             tempQueryString = '';
         }
@@ -28,7 +31,7 @@ export function incrementalSearch(keyCode, items, selectedIndex, ignoreCase, ele
             queryString += String.fromCharCode(keyCode);
         }
     }
-    else if (queryString == prevString) {
+    else if (queryString === prevString) {
         tempQueryString = String.fromCharCode(keyCode);
     }
     if (isVirtual) {
@@ -59,7 +62,7 @@ export function incrementalSearch(keyCode, items, selectedIndex, ignoreCase, ele
         }
         index = index + 1;
         if (isVirtual) {
-            return matches[index] && matches.length - 1 != index ? matches[index] : matches[matches.length];
+            return matches[index] && matches.length - 1 !== index ? matches[index] : matches[matches.length];
         }
         return matches[index] ? matches[index] : matches[0];
     }
@@ -107,14 +110,18 @@ export function incrementalSearch(keyCode, items, selectedIndex, ignoreCase, ele
         return matches[0];
     }
 }
+// eslint-disable-next-line valid-jsdoc
 /**
  * Search the list item based on given input value matches with search type.
  *
  * @param {string} inputVal - Specifies the given input value.
  * @param {HTMLElement[]} items - Specifies the list items.
  * @param {SearchType} searchType - Specifies the filter type.
- * @param {boolean} ignoreCase - Specifies the case sensitive option for search operation.
- * @returns {Element | number} Returns the search matched items.
+ * @param {boolean} [ignoreCase=true] - Specifies the case sensitive option for search operation.
+ * @param {(string | number | boolean | { [key: string]: Object })[]} [dataSource] - Specifies the data source.
+ * @param {{ text: string, value: string }} [fields] - Specifies the fields.
+ * @param {string} [type] - Specifies the type.
+ * @returns {{ item: Element | null, index: number | null }} Returns the search matched items.
  */
 export function Search(inputVal, items, searchType, ignoreCase, dataSource, fields, type) {
     var listItems = items;
@@ -126,7 +133,6 @@ export function Search(inputVal, items, searchType, ignoreCase, dataSource, fiel
         queryStr = escapeCharRegExp(queryStr);
         var _loop_1 = function (i, itemsData) {
             var item = itemsData[i];
-            var text = void 0;
             var filterValue;
             if (items && dataSource) {
                 var checkField_1 = item;
@@ -134,15 +140,16 @@ export function Search(inputVal, items, searchType, ignoreCase, dataSource, fiel
                 dataSource.filter(function (data) {
                     Array.prototype.slice.call(fieldValue_1).forEach(function (value) {
                         /* eslint-disable security/detect-object-injection */
-                        if (type === 'object' && (!data.isHeader && checkField_1.textContent.toString().indexOf(data[value]) !== -1) && checkField_1.getAttribute('data-value') === data[fields.value].toString() || type === 'string' && checkField_1.textContent.toString().indexOf(data) !== -1) {
+                        if ((type === 'object' && !data.isHeader && checkField_1.textContent.toString().indexOf(data[value]) !== -1 && checkField_1.getAttribute('data-value') === data[fields.value].toString()) ||
+                            (type === 'string' && checkField_1.textContent.toString().indexOf(data) !== -1)) {
                             filterValue = type === 'object' ? data[value] : data;
                         }
                     });
                 });
             }
-            text = dataSource && filterValue ? (ignoreCase ? filterValue.toString().toLocaleLowerCase() : filterValue).replace(/^\s+|\s+$/g, '') : (ignoreCase ? item.textContent.toLocaleLowerCase() : item.textContent).replace(/^\s+|\s+$/g, '');
+            var text = dataSource && filterValue ? (ignoreCase ? filterValue.toString().toLocaleLowerCase() : filterValue).replace(/^\s+|\s+$/g, '') : (ignoreCase ? item.textContent.toLocaleLowerCase() : item.textContent).replace(/^\s+|\s+$/g, '');
             /* eslint-disable security/detect-non-literal-regexp */
-            if ((searchType === 'Equal' && text === queryStr) || (searchType === 'StartsWith' && text.substr(0, strLength) === queryStr) || (searchType === 'EndsWith' && text.substr(text.length - queryStr.length) === queryStr) || (searchType === 'Contains' && new RegExp(queryStr, "g").test(text))) {
+            if ((searchType === 'Equal' && text === queryStr) || (searchType === 'StartsWith' && text.substr(0, strLength) === queryStr) || (searchType === 'EndsWith' && text.substr(text.length - queryStr.length) === queryStr) || (searchType === 'Contains' && new RegExp(queryStr, 'g').test(text))) {
                 itemData.item = item;
                 itemData.index = i;
                 return { value: { item: item, index: i } };
@@ -158,10 +165,17 @@ export function Search(inputVal, items, searchType, ignoreCase, dataSource, fiel
     }
     return itemData;
 }
-/* eslint-enable security/detect-object-injection */
+/**
+ * @param {string} value - The value to escape.
+ * @returns {string} Returns the escaped string.
+ */
 export function escapeCharRegExp(value) {
     return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 }
+/**
+ * @param {string} elementId - The ID of the list element.
+ * @returns {void}
+ */
 export function resetIncrementalSearchValues(elementId) {
     if (prevElementId === elementId) {
         prevElementId = '';

package/src/common/interface.d.ts

@@ -82,11 +82,14 @@ export interface IDropdownlist extends Component<HTMLElement> {
     virtualGroupDataSource: {
         [key: string]: Object;
     }[] | DataManager | string[] | number[] | boolean[];
-    updatevirtualizationList(): void;
-    scrollTop(selectedLI: HTMLElement, activeIndex: number, keyCode: number | null): void;
+    renderItems(listData: {
+        [key: string]: Object;
+    }[], fields: FieldSettingsModel): HTMLElement;
     renderItems(listData: {
         [key: string]: Object;
     }[], fields: FieldSettingsModel, isCheckBoxUpdate?: boolean): HTMLElement;
+    updatevirtualizationList(): void;
+    scrollTop(selectedLI: HTMLElement, activeIndex: number, keyCode: number | null): void;
     updateVirtualReOrderList(isCheckBoxUpdate?: boolean): void;
     getForQuery(valuecheck: string[] | number[] | boolean[]): Query;
     skeletonCount: number;
@@ -102,9 +105,6 @@ export interface IDropdownlist extends Component<HTMLElement> {
     GetVirtualTrackHeight(): string;
     getPageCount(returnExactCount?: boolean): number;
     handleVirtualKeyboardActions(e: KeyboardEventArgs, pageCount: number): void;
-    renderItems(listData: {
-        [key: string]: Object;
-    }[], fields: FieldSettingsModel): HTMLElement;
     resetList(dataSource?: {
         [key: string]: Object;
     }[] | DataManager | string[] | number[] | boolean[], fields?: FieldSettingsModel, query?: Query, e?: MouseEvent | KeyboardEventArgs | TouchEvent): void;

package/src/common/virtual-scroll.js

@@ -61,10 +61,10 @@ var VirtualScroll = /** @class */ (function () {
             },
             'down': {
                 check: function (rect, info) {
-                    var cHeight = _this.parent.popupContentElement.clientHeight;
                     var top = rect.bottom;
                     info.entered = rect.bottom <= _this.containerElementRect.bottom;
-                    return top - (_this.parent.listItemHeight * _this.parent.virtualItemCount / 2) <= _this.parent.listItemHeight * _this.parent.virtualItemCount / 2;
+                    return top - (_this.parent.listItemHeight * _this.parent.virtualItemCount / 2)
+                        <= _this.parent.listItemHeight * _this.parent.virtualItemCount / 2;
                 }, axis: 'Y'
             }
         };
@@ -109,7 +109,7 @@ var VirtualScroll = /** @class */ (function () {
     VirtualScroll.prototype.getModuleName = function () {
         return 'VirtualScroll';
     };
-    VirtualScroll.prototype.popupScrollHandler = function (e) {
+    VirtualScroll.prototype.popupScrollHandler = function () {
         this.parent.isMouseScrollAction = true;
         this.parent.isPreventScrollAction = false;
     };
@@ -163,14 +163,14 @@ var VirtualScroll = /** @class */ (function () {
                 totalData = this.parent.dataSource.length;
             }
             if (totalData > 0) {
-                this.parent.isCustomFilter = (totalData == this.parent.totalItemCount && this.parent.queryString != this.parent.typedString) ? true : this.parent.isCustomFilter;
+                this.parent.isCustomFilter = (totalData === this.parent.totalItemCount &&
+                    this.parent.queryString !== this.parent.typedString) ? true : this.parent.isCustomFilter;
             }
         }
         this.parent.resetList(dataSource, this.parent.fields, query);
         this.parent.isCustomFilter = tempCustomFilter;
     };
     VirtualScroll.prototype.removeSkipAndTakeEvents = function (query) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         query.queries = query.queries.filter(function (event) {
             return event.fn !== 'onSkip' && event.fn !== 'onTake';
         });
@@ -196,12 +196,14 @@ var VirtualScroll = /** @class */ (function () {
                             this.parent.list.querySelector('.e-virtual-ddl-content').removeChild(oldUlElement);
                         }
                         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));
+                        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 = this.parent.dataSource instanceof DataManager ? this.parent.appendUncheckList : false;
+                        this.parent.appendUncheckList = this.parent.dataSource instanceof DataManager ?
+                            this.parent.appendUncheckList : false;
                         isListUpdated = false;
                     }
                     else {
@@ -212,7 +214,7 @@ var VirtualScroll = /** @class */ (function () {
                     }
                     isListUpdated = false;
                 }
-                else if (this.parent.viewPortInfo.startIndex != 0) {
+                else if (this.parent.viewPortInfo.startIndex !== 0) {
                     this.parent.updateVirtualReOrderList(true);
                     var oldUlElement = this.parent.list.querySelector('.e-list-parent' + ':not(.e-reorder)');
                     if (oldUlElement) {
@@ -220,7 +222,9 @@ var VirtualScroll = /** @class */ (function () {
                     }
                     isListUpdated = false;
                 }
-                if (this.parent.viewPortInfo.startIndex != 0 && this.parent.viewPortInfo.startIndex - this.parent.value.length != this.parent.itemCount && (this.parent.viewPortInfo.startIndex + this.parent.itemCount > this.parent.value.length)) {
+                if (this.parent.viewPortInfo.startIndex !== 0 &&
+                    this.parent.viewPortInfo.startIndex - this.parent.value.length !== this.parent.itemCount &&
+                    (this.parent.viewPortInfo.startIndex + this.parent.itemCount > this.parent.value.length)) {
                     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;
@@ -235,8 +239,10 @@ var VirtualScroll = /** @class */ (function () {
                 if (this.parent.list.querySelector('.e-virtual-ddl-content') && reOrderList) {
                     this.parent.list.querySelector('.e-virtual-ddl-content').removeChild(reOrderList);
                 }
-                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;
+                var query = this.parent.getForQuery(this.parent.value).clone(); // Assuming query is of type any
+                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);
@@ -252,9 +258,14 @@ var VirtualScroll = /** @class */ (function () {
                 if (this.component === 'multiselect' && this.parent.hideSelectedItem) {
                     if (alreadyAddedData) {
                         var value = getValue(this.parent.fields.value, alreadyAddedData[0]);
-                        if (this.parent.value && value != null && Array.isArray(this.parent.value) && this.parent.value.length > 0 && this.parent.value.indexOf(value) < 0) {
+                        if (this.parent.value &&
+                            value !== null &&
+                            Array.isArray(this.parent.value) &&
+                            this.parent.value.length > 0 &&
+                            this.parent.value.indexOf(value) < 0) {
                             var query = this.parent.getForQuery(this.parent.value).clone();
-                            if (this.parent.viewPortInfo.endIndex == this.parent.totalItemCount + this.parent.value.length && this.parent.hideSelectedItem) {
+                            if (this.parent.viewPortInfo.endIndex === this.parent.totalItemCount + this.parent.value.length &&
+                                this.parent.hideSelectedItem) {
                                 query = query.skip(this.parent.totalItemCount - this.parent.itemCount);
                             }
                             else {
@@ -265,18 +276,16 @@ var VirtualScroll = /** @class */ (function () {
                             isResetListCalled = true;
                             break;
                         }
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        else if ((this.parent.value === null || (this.parent.value && this.parent.value.length === 0))) {
+                        else if (this.parent.value === null || (this.parent.value && this.parent.value.length === 0)) {
                             currentData.push(alreadyAddedData[0]);
                         }
                     }
                     if (index === endIndex - 1) {
-                        if (currentData.length != this.parent.itemCount) {
-                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        if (currentData.length !== this.parent.itemCount) {
                             if (this.parent.hideSelectedItem) {
-                                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                 var query = this.parent.getForQuery(this.parent.value).clone();
-                                if (this.parent.viewPortInfo.endIndex == this.parent.totalItemCount + this.parent.value.length && this.parent.hideSelectedItem) {
+                                if (this.parent.viewPortInfo.endIndex === this.parent.totalItemCount + this.parent.value.length &&
+                                    this.parent.hideSelectedItem) {
                                     query = query.skip(this.parent.totalItemCount - this.parent.itemCount);
                                 }
                                 else {
@@ -298,27 +307,29 @@ var VirtualScroll = /** @class */ (function () {
             }
         }
         if (!isResetListCalled && isListUpdated) {
-            if (this.component === 'multiselect' && this.parent.allowCustomValue && this.parent.viewPortInfo.startIndex == 0 && this.parent.virtualCustomData) {
+            if (this.component === 'multiselect' && this.parent.allowCustomValue && this.parent.viewPortInfo.startIndex === 0 && this.parent.virtualCustomData) {
                 currentData.splice(0, 0, this.parent.virtualCustomData);
             }
             var totalData = [];
-            if (this.component === 'multiselect' && this.parent.allowCustomValue && this.parent.viewPortInfo.endIndex == this.parent.totalItemCount) {
+            if (this.component === 'multiselect' && this.parent.allowCustomValue && this.parent.viewPortInfo.endIndex === this.parent.totalItemCount) {
                 if (this.parent.virtualCustomSelectData && this.parent.virtualCustomSelectData.length > 0) {
                     totalData = currentData.concat(this.parent.virtualCustomSelectData);
                     currentData = totalData;
                 }
             }
-            var ulElement = this.parent.renderItems(currentData, this.parent.fields, this.component === 'multiselect' && this.parent.mode === 'CheckBox');
+            this.parent.renderItems(currentData, this.parent.fields, this.component === 'multiselect' && this.parent.mode === 'CheckBox');
         }
         if (this.component === 'multiselect') {
             this.parent.updatevirtualizationList();
         }
         this.parent.getSkeletonCount();
-        this.parent.skeletonCount = this.parent.totalItemCount != 0 && this.parent.totalItemCount < (this.parent.itemCount * 2) ? 0 : this.parent.skeletonCount;
+        this.parent.skeletonCount = this.parent.totalItemCount !== 0 && this.parent.totalItemCount < this.parent.itemCount * 2 &&
+            ((!(this.parent.dataSource instanceof DataManager)) || ((this.parent.dataSource instanceof DataManager) &&
+                (this.parent.totalItemCount <= this.parent.itemCount))) ? 0 : this.parent.skeletonCount;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var virtualTrackElement = this.parent.list.getElementsByClassName('e-virtual-ddl')[0];
         if (virtualTrackElement) {
-            (virtualTrackElement).style = this.parent.GetVirtualTrackHeight();
+            virtualTrackElement.style = this.parent.GetVirtualTrackHeight();
         }
         else if (!virtualTrackElement && this.parent.skeletonCount > 0 && this.parent.popupWrapper) {
             var virualElement = this.parent.createElement('div', {
@@ -336,7 +347,10 @@ var VirtualScroll = /** @class */ (function () {
         if (this.parent.fields.groupBy) {
             this.parent.scrollStop();
         }
-        if (this.parent.keyCode == 40 && this.parent.isScrollChanged && this.parent.hideSelectedItem && !isNullOrUndefined(this.parent.currentFocuedListElement)) {
+        if (this.parent.keyCode === 40 &&
+            this.parent.isScrollChanged &&
+            this.parent.hideSelectedItem &&
+            !isNullOrUndefined(this.parent.currentFocuedListElement)) {
             var currentSelectElem = this.parent.getElementByValue(this.parent.currentFocuedListElement.getAttribute('data-value'));
             this.parent.addListFocus(currentSelectElem);
             this.parent.isScrollChanged = false;
@@ -360,20 +374,29 @@ var VirtualScroll = /** @class */ (function () {
                 }
             }
         }
-        if (isStartIndexInitialised && !((this.parent.totalItemCount == queryStartIndex) && (this.parent.totalItemCount == queryEndIndex))) {
+        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) {
+            if (this.component === 'multiselect' &&
+                this.parent.hideSelectedItem &&
+                this.parent.value &&
+                Array.isArray(this.parent.value) &&
+                this.parent.value.length > 0) {
                 this.parent.totalItemsCount();
             }
-            if (this.component === 'multiselect' && this.parent.virtualItemStartIndex === this.parent.virtualItemEndIndex) {
+            if (this.component === 'multiselect' &&
+                this.parent.virtualItemStartIndex === this.parent.virtualItemEndIndex) {
                 this.parent.virtualItemStartIndex = this.parent.viewPortInfo.startIndex;
                 this.parent.virtualItemEndIndex = this.parent.viewPortInfo.endIndex;
             }
         }
-        if (!(this.parent.dataSource instanceof DataManager) || (this.parent.dataSource instanceof DataManager && !this.parent.isRequesting)) {
+        if (!(this.parent.dataSource instanceof DataManager) ||
+            (this.parent.dataSource instanceof DataManager &&
+                !this.parent.isRequesting)) {
             this.setCurrentViewDataAsync();
         }
     };
@@ -388,7 +411,7 @@ var VirtualScroll = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        this.parent.isCustomFilter = (!(this.parent.isTyped || (this.component === 'combobox' && this.parent.allowFiltering && this.parent.queryString != this.parent.typedString) || (!isNullOrUndefined(this.parent.filterInput) && !isNullOrUndefined(this.parent.filterInput.value) && this.parent.filterInput.value !== '') && this.component !== 'combobox') && !(this.component === 'autocomplete' && this.parent.value != null)) || this.parent.isCustomFilter;
+                        this.parent.isCustomFilter = (!(this.parent.isTyped || (this.component === 'combobox' && this.parent.allowFiltering && this.parent.queryString !== this.parent.typedString) || (!isNullOrUndefined(this.parent.filterInput) && !isNullOrUndefined(this.parent.filterInput.value) && this.parent.filterInput.value !== '') && this.component !== 'combobox') && !(this.component === 'autocomplete' && this.parent.value != null)) || this.parent.isCustomFilter;
                         if (this.parent.allowFiltering || this.component === 'autocomplete') {
                             if (!isNullOrUndefined(this.parent.typedString) && !(this.component === 'combobox' && !isNullOrUndefined(this.parent.typedString) && this.parent.allowFiltering)) {
                                 if (this.parent.viewPortInfo.endIndex >= this.parent.dataCount) {
@@ -401,14 +424,20 @@ var VirtualScroll = /** @class */ (function () {
                             else {
                                 this.parent.getSkeletonCount(true);
                                 if (this.component === 'combobox') {
-                                    this.parent.skeletonCount = this.parent.totalItemCount != 0 && this.parent.totalItemCount < (this.parent.itemCount * 2) ? 0 : this.parent.skeletonCount;
+                                    this.parent.skeletonCount = this.parent.totalItemCount !== 0 &&
+                                        this.parent.totalItemCount < (this.parent.itemCount * 2) && ((!(this.parent.dataSource instanceof DataManager)) ||
+                                        ((this.parent.dataSource instanceof DataManager) && (this.parent.totalItemCount <= this.parent.itemCount))) ?
+                                        0 : this.parent.skeletonCount;
                                 }
                             }
                         }
                         return [4 /*yield*/, this.dataProcessAsync()];
                     case 1:
                         _a.sent();
-                        if (this.parent.keyboardEvent != null && (!(this.parent.dataSource instanceof DataManager) || (this.parent.dataSource instanceof DataManager && !this.parent.isRequesting))) {
+                        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) {
@@ -480,7 +509,11 @@ var VirtualScroll = /** @class */ (function () {
                 infoType.startIndex = eIndex < exactEndIndex ? (Math.ceil(exactEndIndex) - this.parent.virtualItemCount)
                     : infoType.startIndex;
                 infoType.endIndex = eIndex < totalItemCount ? eIndex : totalItemCount;
-                infoType.startIndex = eIndex >= totalItemCount ? (infoType.endIndex - this.parent.virtualItemCount > 0 ? infoType.endIndex - this.parent.virtualItemCount : 0) : infoType.startIndex;
+                infoType.startIndex = eIndex >= totalItemCount
+                    ? (infoType.endIndex - this.parent.virtualItemCount > 0
+                        ? infoType.endIndex - this.parent.virtualItemCount
+                        : 0)
+                    : infoType.startIndex;
                 infoType.currentPageNumber = Math.ceil(infoType.endIndex / this.parent.virtualItemCount);
             }
         }
@@ -527,11 +560,11 @@ var VirtualScroll = /** @class */ (function () {
                 left: left
             };
             if (_this.parent.list && _this.parent.list.querySelectorAll('.e-virtual-list').length > 0) {
-                var infoview = _this.getInfoFromView(direction, current, scrollOffsetargs, true);
-                if (_this.parent.scrollPreStartIndex != pstartIndex && !_this.parent.isPreventScrollAction) {
+                _this.getInfoFromView(direction, current, scrollOffsetargs, true);
+                if (_this.parent.scrollPreStartIndex !== pstartIndex && !_this.parent.isPreventScrollAction) {
                     _this.parent.isScrollActionTriggered = true;
                     var virtualPoup = (_this.parent.list.querySelector('.e-virtual-ddl-content'));
-                    virtualPoup.style.transform = "translate(0px," + top + "px)";
+                    virtualPoup.style.transform = 'translate(0px,' + top + 'px)';
                 }
             }
             var debounceFunction = debounced100;

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

@@ -1,4 +1,4 @@
-import { Component, EventHandler, addClass, append, Property, Event, KeyboardEvents, EmitType, L10n, compile, KeyboardEventArgs } from '@syncfusion/ej2-base';import { setStyleAttribute, extend, removeClass, prepend, isNullOrUndefined, detach, getValue, AnimationModel } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, rippleEffect, RippleOptions, ChildProperty, Complex } from '@syncfusion/ej2-base';import { DataManager, Query, DataOptions, DataUtil } from '@syncfusion/ej2-data';import { ListBase, SortOrder } from '@syncfusion/ej2-lists';import { Popup } from '@syncfusion/ej2-popups';import { remove, select, selectAll } from '@syncfusion/ej2-base';import { VirtualInfo, VirtualScroll } from '../common/virtual-scroll';import { GeneratedData } from '../drop-down-list';import { Skeleton } from '@syncfusion/ej2-notifications';
+import { Component, EventHandler, addClass, append, Property, Event, KeyboardEvents, EmitType, L10n, compile, KeyboardEventArgs } from '@syncfusion/ej2-base';import { setStyleAttribute, extend, removeClass, prepend, isNullOrUndefined, detach, getValue, AnimationModel } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, rippleEffect, RippleOptions, ChildProperty, Complex } from '@syncfusion/ej2-base';import { DataManager, Query, DataOptions, DataUtil } from '@syncfusion/ej2-data';import { ListBase, SortOrder } from '@syncfusion/ej2-lists';import { Popup } from '@syncfusion/ej2-popups';import { select, selectAll } from '@syncfusion/ej2-base';import { VirtualInfo, VirtualScroll } from '../common/virtual-scroll';import { GeneratedData } from '../drop-down-list';import { Skeleton } from '@syncfusion/ej2-notifications';
 import {FilterType,SelectEventArgs} from "./drop-down-base";
 import {ComponentModel} from '@syncfusion/ej2-base';
 

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

@@ -294,8 +294,6 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
     protected virtualListInfo: VirtualInfo;
     protected viewPortInfo: VirtualInfo;
     protected selectedValueInfo: VirtualInfo;
-    /**
-
     /**
      * The `fields` property maps the columns of the data table and binds the data to the component.
      * * text - Maps the text column from data table for each list item.
@@ -535,6 +533,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
     /**
      * Initialize the Component.
      *
+     * @param {MouseEvent | KeyboardEventArgs | TouchEvent} e - The event object.
      * @returns {void}
      */
     private initialize;
@@ -569,6 +568,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
      * @param {Object[] | string[] | number[] | DataManager | boolean[]} dataSource - Specifies the data to generate the list.
      * @param {FieldSettingsModel} fields - Maps the columns of the data table and binds the data to the component.
      * @param {Query} query - Accepts the external Query that execute along with data processing.
+     * @param {MouseEvent | KeyboardEventArgs | TouchEvent} event - Specifies the event which is the reason for the invocation of this method.
      * @returns {void}
      */
     private setListData;
@@ -631,6 +631,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
      *
      * @param {object[]} listData - Specifies the list of array of data.
      * @param {FieldSettingsModel} fields - Maps the columns of the data table and binds the data to the component.
+     * @param {boolean} isCheckBoxUpdate - Specifies whether the list item is updated with checkbox.
      * @returns {HTMLElement} Return the list items.
      */
     protected renderItems(listData: {
@@ -659,6 +660,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
      * Return the index of item which matched with given value in data source
      *
      * @param {string | number | boolean} value - Specifies given value.
+     * @param {HTMLElement} ulElement - Specifies given value.
      * @returns {number} Returns the index of the item.
      */
     protected getIndexByValueFilter(value: string | number | boolean, ulElement: HTMLElement): number | null;
@@ -682,6 +684,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
      * @param {Object[] | string[] | number[] | DataManager | boolean[]} dataSource - Specifies the data to generate the list.
      * @param {FieldSettingsModel} fields - Maps the columns of the data table and binds the data to the component.
      * @param {Query} query - Accepts the external Query that execute along with data processing.
+     * @param {MouseEvent | KeyboardEventArgs | TouchEvent} e - Specifies the event.
      * @returns {void}
      */
     protected resetList(dataSource?: {
@@ -708,6 +711,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
     /**
      * Build and render the component
      *
+     * @param {MouseEvent | KeyboardEventArgs | TouchEvent} e - Specifies the event.
      * @param {boolean} isEmptyData - Specifies the component to initialize with list data or not.
      * @private
      * @returns {void}