@syncfusion/ej2-dropdowns 23.1.44 → 23.2.5

package/dist/es6/ej2-dropdowns.es2015.js

@@ -288,10 +288,22 @@ class VirtualScroll {
     generateAndExecuteQueryAsync(query, virtualItemStartIndex = 0, virtualItemEndIndex = 0, isQueryGenerated = false) {
         let dataSource = this.parent.dataSource;
         if (!isQueryGenerated) {
-            query = this.getPageQuery(query, virtualItemStartIndex, virtualItemEndIndex);
+            if (!isNullOrUndefined(this.parent.query)) {
+                var newQuery = this.removeSkipAndTakeEvents(this.parent.query.clone());
+                query = this.getPageQuery(newQuery, virtualItemStartIndex, virtualItemEndIndex);
+            }
+            else {
+                query = this.getPageQuery(query, virtualItemStartIndex, virtualItemEndIndex);
+            }
         }
         this.parent.resetList(dataSource, this.parent.fields, query);
     }
+    removeSkipAndTakeEvents(query) {
+        query.queries = query.queries.filter(function (event) {
+            return event.fn !== 'onSkip' && event.fn !== 'onTake';
+        });
+        return query;
+    }
     setCurrentViewDataAsync() {
         // eslint-disable-next-line
         let currentData = [];
@@ -2713,6 +2725,9 @@ let DropDownList = class DropDownList extends DropDownBase {
     updateUpDownAction(e, isVirtualKeyAction) {
         if (this.allowFiltering && !this.enableVirtualization && this.getModuleName() !== 'autocomplete') {
             let value = this.getItemData().value;
+            if (isNullOrUndefined(value)) {
+                value = 'null';
+            }
             let filterIndex = this.getIndexByValue(value);
             if (!isNullOrUndefined(filterIndex)) {
                 this.activeIndex = filterIndex;
@@ -2941,7 +2956,6 @@ let DropDownList = class DropDownList extends DropDownBase {
             if (this.inputWrapper.container.classList.contains(dropDownListClasses.inputFocus) || this.isPopupOpen) {
                 this.isDocumentClick = true;
                 const isActive = this.isRequested;
-                this.isInteracted = false;
                 this.hidePopup(e);
                 if (!isActive) {
                     this.onFocusOut();
@@ -5274,6 +5288,7 @@ let DropDownList = class DropDownList extends DropDownBase {
             this.isSelectCustom = false;
             this.clearAll(e);
         }
+        this.isInteracted = false;
     }
     /* eslint-disable valid-jsdoc, jsdoc/require-param */
     /**
@@ -12738,7 +12753,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
     updateDataList() {
         if (this.mainList && this.ulElement && !(this.isFiltered || this.filterAction || this.targetElement().trim())) {
             let isDynamicGroupItemUpdate = this.mainList.childElementCount < this.ulElement.childElementCount;
-            let isReactTemplateUpdate = ((this.ulElement.childElementCount > 0 && this.ulElement.children[0].childElementCount > 0) && (this.mainList.children[0].childElementCount < this.ulElement.children[0].childElementCount));
+            let isReactTemplateUpdate = ((this.ulElement.childElementCount > 0 && this.ulElement.children[0].childElementCount > 0) && (this.mainList.children[0].childElementCount && (this.mainList.children[0].childElementCount < this.ulElement.children[0].childElementCount)));
             let isAngularTemplateUpdate = this.itemTemplate && this.ulElement.childElementCount > 0 && !(this.ulElement.childElementCount < this.mainList.childElementCount) && (this.ulElement.children[0].childElementCount > 0 || (this.fields.groupBy && this.ulElement.children[1] && this.ulElement.children[1].childElementCount > 0));
             if (isDynamicGroupItemUpdate || isReactTemplateUpdate || isAngularTemplateUpdate) {
                 //EJ2-57748 - for this task, we prevent the ul element cloning ( this.mainList = this.ulElement.cloneNode ? <HTMLElement>this.ulElement.cloneNode(true) : this.ulElement;)
@@ -15416,6 +15431,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const event = args.event;
         let wrapper;
+        this.stopTimer();
         if (args.target && (args.target.classList.contains('e-listbox-wrapper') || args.target.classList.contains('e-list-item')
             || args.target.classList.contains('e-filter-parent') || args.target.classList.contains('e-input-group')
             || args.target.closest('.e-list-item'))) {
@@ -15435,10 +15451,10 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
             }
             boundRect = scrollParent.getBoundingClientRect();
             if ((boundRect.y + scrollParent.offsetHeight) - (event.clientY + scrollMoved) < 1) {
-                scrollParent.scrollTop = scrollParent.scrollTop + scrollHeight;
+                this.timer = window.setInterval(() => { this.setScrollDown(scrollParent, scrollHeight, true); }, 70);
             }
             else if ((event.clientY - scrollMoved) - boundRect.y < 1) {
-                scrollParent.scrollTop = scrollParent.scrollTop - scrollHeight;
+                this.timer = window.setInterval(() => { this.setScrollDown(scrollParent, scrollHeight, false); }, 70);
             }
         }
         if (args.target === null) {
@@ -15446,7 +15462,19 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         }
         this.trigger('drag', this.getDragArgs(args));
     }
+    setScrollDown(scrollElem, scrollPixel, isScrollDown) {
+        if (isScrollDown) {
+            scrollElem.scrollTop = scrollElem.scrollTop + scrollPixel;
+        }
+        else {
+            scrollElem.scrollTop = scrollElem.scrollTop - scrollPixel;
+        }
+    }
+    stopTimer() {
+        window.clearInterval(this.timer);
+    }
     beforeDragEnd(args) {
+        this.stopTimer();
         let items = [];
         this.dragValue = this.getFormattedValue(args.droppedElement.getAttribute('data-value'));
         if (this.value.indexOf(this.dragValue) > -1) {
@@ -16873,9 +16901,12 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         this.isDataFetched = false;
         const backCommand = true;
         if (this.targetElement().trim() === '') {
-            const list = this.mainList.cloneNode ? this.mainList.cloneNode(true) : this.mainList;
+            let list = this.mainList.cloneNode ? this.mainList.cloneNode(true) : this.mainList;
             if (backCommand) {
                 this.remoteCustomValue = false;
+                if (this.isAngular && this.itemTemplate) {
+                    list = this.renderItems(this.listData, fields);
+                }
                 this.onActionComplete(list, this.jsonData);
                 this.notify('reOrder', { module: 'CheckBoxSelection', enable: this.selectionSettings.showCheckbox, e: this });
             }
@@ -17828,6 +17859,9 @@ let Mention = class Mention extends DropDownBase {
                 const value = this.getFormattedValue(focusItem.getAttribute('data-value'));
                 this.selectEventCallback(focusItem, this.getDataByValue(value), value, true);
             }
+            if (this.beforePopupOpen) {
+                this.renderPopup();
+            }
         }
     }
     setDataIndex() {