@syncfusion/ej2-dropdowns 23.1.44 → 23.2.5

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

@@ -336,10 +336,22 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
         if (isQueryGenerated === void 0) { isQueryGenerated = false; }
         var 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);
     };
+    VirtualScroll.prototype.removeSkipAndTakeEvents = function (query) {
+        query.queries = query.queries.filter(function (event) {
+            return event.fn !== 'onSkip' && event.fn !== 'onTake';
+        });
+        return query;
+    };
     VirtualScroll.prototype.setCurrentViewDataAsync = function () {
         // eslint-disable-next-line
         var currentData = [];
@@ -2819,6 +2831,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
     DropDownList.prototype.updateUpDownAction = function (e, isVirtualKeyAction) {
         if (this.allowFiltering && !this.enableVirtualization && this.getModuleName() !== 'autocomplete') {
             var value_1 = this.getItemData().value;
+            if (isNullOrUndefined(value_1)) {
+                value_1 = 'null';
+            }
             var filterIndex = this.getIndexByValue(value_1);
             if (!isNullOrUndefined(filterIndex)) {
                 this.activeIndex = filterIndex;
@@ -3047,7 +3062,6 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             if (this.inputWrapper.container.classList.contains(dropDownListClasses.inputFocus) || this.isPopupOpen) {
                 this.isDocumentClick = true;
                 var isActive = this.isRequested;
-                this.isInteracted = false;
                 this.hidePopup(e);
                 if (!isActive) {
                     this.onFocusOut();
@@ -5403,6 +5417,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             this.isSelectCustom = false;
             this.clearAll(e);
         }
+        this.isInteracted = false;
     };
     /* eslint-disable valid-jsdoc, jsdoc/require-param */
     /**
@@ -12967,7 +12982,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
     MultiSelect.prototype.updateDataList = function () {
         if (this.mainList && this.ulElement && !(this.isFiltered || this.filterAction || this.targetElement().trim())) {
             var isDynamicGroupItemUpdate = this.mainList.childElementCount < this.ulElement.childElementCount;
-            var isReactTemplateUpdate = ((this.ulElement.childElementCount > 0 && this.ulElement.children[0].childElementCount > 0) && (this.mainList.children[0].childElementCount < this.ulElement.children[0].childElementCount));
+            var 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)));
             var 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;)
@@ -15669,6 +15684,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
         });
     };
     ListBox.prototype.triggerDrag = function (args) {
+        var _this = this;
         var scrollParent;
         var boundRect;
         var scrollMoved = 36;
@@ -15688,6 +15704,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var event = args.event;
         var 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'))) {
@@ -15707,10 +15724,10 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
             }
             boundRect = scrollParent.getBoundingClientRect();
             if ((boundRect.y + scrollParent.offsetHeight) - (event.clientY + scrollMoved) < 1) {
-                scrollParent.scrollTop = scrollParent.scrollTop + scrollHeight;
+                this.timer = window.setInterval(function () { _this.setScrollDown(scrollParent, scrollHeight, true); }, 70);
             }
             else if ((event.clientY - scrollMoved) - boundRect.y < 1) {
-                scrollParent.scrollTop = scrollParent.scrollTop - scrollHeight;
+                this.timer = window.setInterval(function () { _this.setScrollDown(scrollParent, scrollHeight, false); }, 70);
             }
         }
         if (args.target === null) {
@@ -15718,7 +15735,19 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
         }
         this.trigger('drag', this.getDragArgs(args));
     };
+    ListBox.prototype.setScrollDown = function (scrollElem, scrollPixel, isScrollDown) {
+        if (isScrollDown) {
+            scrollElem.scrollTop = scrollElem.scrollTop + scrollPixel;
+        }
+        else {
+            scrollElem.scrollTop = scrollElem.scrollTop - scrollPixel;
+        }
+    };
+    ListBox.prototype.stopTimer = function () {
+        window.clearInterval(this.timer);
+    };
     ListBox.prototype.beforeDragEnd = function (args) {
+        this.stopTimer();
         var items = [];
         this.dragValue = this.getFormattedValue(args.droppedElement.getAttribute('data-value'));
         if (this.value.indexOf(this.dragValue) > -1) {
@@ -17169,6 +17198,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
             var 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 });
             }
@@ -18148,6 +18180,9 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
                 var value = this.getFormattedValue(focusItem.getAttribute('data-value'));
                 this.selectEventCallback(focusItem, this.getDataByValue(value), value, true);
             }
+            if (this.beforePopupOpen) {
+                this.renderPopup();
+            }
         }
     };
     Mention.prototype.setDataIndex = function () {