@syncfusion/ej2-dropdowns 29.2.8 → 29.2.10

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 29.2.8
+*  version : 29.2.10
 *  Copyright Syncfusion Inc. 2001 - 2024. 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,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-dropdowns",
-  "version": "29.2.8",
+  "version": "29.2.10",
   "description": "Essential JS 2 DropDown Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",

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

@@ -500,7 +500,7 @@ var DropDownBase = /** @class */ (function (_super) {
                     isContainSkeleton.firstChild.insertBefore(liElement, isContainSkeleton.firstChild.children[0]);
                 }
             }
-            if (this.getModuleName() === 'multiselect') {
+            if (this.getModuleName() === 'multiselect' && !this.isVirtualReorder && !isContainSkeleton.firstChild.classList.contains('e-reorder')) {
                 for (var i = 0; i < totalSkeletonCount && this.totalItemCount !== this.viewPortInfo.endIndex; i++) {
                     var liElement = this.createElement('li', { className: dropDownBaseClasses.virtualList + " e-virtual-list-end", styles: 'overflow: inherit' });
                     if (this.isVirtualizationEnabled && this.itemTemplate) {

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

@@ -336,6 +336,7 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
     private isCheckAllCalled;
     private isFromFilterChange;
     private valueTemplateContainer;
+    private previousFilterText;
     /**
      * Specifies the template that renders to the popup list content of the
      * Dropdown Tree component when the data fetch request from the remote server fails.

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

@@ -498,6 +498,11 @@ var DropDownTree = /** @class */ (function (_super) {
                     }
                 }
                 _this.treeObj.fields = _this.getTreeFields(fields);
+                if ((_this.previousFilterText && _this.previousFilterText !== '' && args.text !== '' && _this.previousFilterText.indexOf(args.text) !== -1) ||
+                    (args.text && args.text !== '' && _this.previousFilterText !== '' && args.text.indexOf(_this.previousFilterText) !== -1)) {
+                    _this.isFilterRestore = true;
+                }
+                _this.previousFilterText = args.text;
                 _this.treeObj.dataBind();
                 if (_this.popupObj) {
                     _this.popupObj.refreshPosition();

package/src/multi-select/multi-select.js

@@ -310,8 +310,8 @@ var MultiSelect = /** @class */ (function (_super) {
         else {
             this.resetList(this.dataSource, this.fields, query);
         }
-        this.isVirtualReorder = false;
         this.UpdateSkeleton();
+        this.isVirtualReorder = false;
         this.liCollections = this.list.querySelectorAll('.' + dropDownBaseClasses.li);
         this.virtualItemCount = this.itemCount;
         if (this.mode !== 'CheckBox') {
@@ -614,8 +614,9 @@ var MultiSelect = /** @class */ (function (_super) {
         if (!isNullOrUndefined(this.value)) {
             valuecheck = this.presentItemValue(this.ulElement);
         }
+        var isContainsValue = valuecheck.some(function (item) { return item !== null; });
         if (valuecheck.length > 0 && this.dataSource instanceof DataManager && !isNullOrUndefined(this.value)
-            && this.listData != null && !(valuecheck.length === 1 && valuecheck[0] == null)) {
+            && this.listData != null && isContainsValue) {
             this.isaddNonPresentItems = true;
             this.addNonPresentItems(valuecheck, this.ulElement, this.listData);
             this.isaddNonPresentItems = false;
@@ -899,9 +900,9 @@ var MultiSelect = /** @class */ (function (_super) {
                 return this.virtualFilterQuery(filterQuery);
             }
             if (this.virtualSelectAll) {
-                return query ? query.take(this.maximumSelectionLength).requiresCount() : this.query ?
-                    this.query.take(this.maximumSelectionLength).requiresCount() :
-                    new Query().take(this.maximumSelectionLength).requiresCount();
+                return query ? query.skip(0).take(this.maximumSelectionLength).requiresCount() : this.query ?
+                    this.query.skip(0).take(this.maximumSelectionLength).requiresCount() :
+                    new Query().skip(0).take(this.maximumSelectionLength).requiresCount();
             }
             return filterQuery;
         }
@@ -5460,8 +5461,13 @@ var MultiSelect = /** @class */ (function (_super) {
         });
     };
     MultiSelect.prototype.updateVal = function (newProp, oldProp, prop) {
+        var _this = this;
         if (!this.list) {
             this.onLoadSelect();
+            if (this.enableVirtualization) {
+                this.setProperties({ text: '' }, true);
+                this.checkInitialValue();
+            }
         }
         else if ((this.dataSource instanceof DataManager) && (!this.listData || !(this.mainList && this.mainData))) {
             this.onLoadSelect();
@@ -5471,8 +5477,9 @@ var MultiSelect = /** @class */ (function (_super) {
             if (!isNullOrUndefined(this.value) && !this.allowCustomValue) {
                 valuecheck = this.presentItemValue(this.ulElement);
             }
+            var isContainsValue = valuecheck.some(function (item) { return item !== null; });
             if (prop === 'value' && valuecheck.length > 0 && this.dataSource instanceof DataManager && !isNullOrUndefined(this.value)
-                && this.listData != null) {
+                && this.listData != null && isContainsValue) {
                 this.mainData = null;
                 this.setDynValue = true;
                 this.isaddNonPresentItems = true;
@@ -5500,10 +5507,41 @@ var MultiSelect = /** @class */ (function (_super) {
                     this.initialValueUpdate(this.dataSource, true);
                 }
                 else if (!this.isInitRemoteVirtualData) {
-                    this.isDynamicRemoteVirtualData = true;
-                    this.initialValueUpdate(this.listData, true);
-                    this.isDynamicRemoteVirtualData = false;
-                    this.initialUpdate();
+                    if (this.allowObjectBinding && !isContainsValue && this.value && this.value.length) {
+                        var fields = !this.isPrimitiveData ? this.fields.value : '';
+                        var predicate = void 0;
+                        for (var i = 0; i < this.value.length; i++) {
+                            var value = this.allowObjectBinding ?
+                                getValue((this.fields.value) ? this.fields.value : '', this.value[i]) :
+                                this.value[i];
+                            if (i === 0) {
+                                predicate = new Predicate(fields, 'equal', value);
+                            }
+                            else {
+                                predicate = predicate.or(fields, 'equal', value);
+                            }
+                        }
+                        if (this.dataSource instanceof DataManager) {
+                            this.dataSource.executeQuery(new Query().where(predicate))
+                                .then(function (e) {
+                                if (e.result.length > 0) {
+                                    var listItems_2 = e.result;
+                                    _this.isDynamicRemoteVirtualData = true;
+                                    setTimeout(function () {
+                                        _this.initialValueUpdate(listItems_2, true);
+                                        _this.isDynamicRemoteVirtualData = false;
+                                        _this.initialUpdate();
+                                    }, 100);
+                                }
+                            });
+                        }
+                    }
+                    else {
+                        this.isDynamicRemoteVirtualData = true;
+                        this.initialValueUpdate(this.listData, true);
+                        this.isDynamicRemoteVirtualData = false;
+                        this.initialUpdate();
+                    }
                 }
                 if (this.mode !== 'Box' && !this.inputFocus) {
                     this.updateDelimView();
@@ -6102,7 +6140,7 @@ var MultiSelect = /** @class */ (function (_super) {
         }
         if (this.value && this.value.length) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            var listItems_2;
+            var listItems_3;
             if (this.enableVirtualization) {
                 var fields = !this.isPrimitiveData ? this.fields.value : '';
                 var predicate = void 0;
@@ -6121,11 +6159,11 @@ var MultiSelect = /** @class */ (function (_super) {
                     this.dataSource.executeQuery(new Query().where(predicate))
                         .then(function (e) {
                         if (e.result.length > 0) {
-                            listItems_2 = e.result;
+                            listItems_3 = e.result;
                             _this.initStatus = false;
                             _this.isInitRemoteVirtualData = true;
                             setTimeout(function () {
-                                _this.initialValueUpdate(listItems_2, true);
+                                _this.initialValueUpdate(listItems_3, true);
                                 _this.initialUpdate();
                                 _this.isInitRemoteVirtualData = false;
                             }, 100);
@@ -6134,18 +6172,18 @@ var MultiSelect = /** @class */ (function (_super) {
                     });
                 }
                 else {
-                    listItems_2 = new DataManager(this.dataSource).executeLocal(new Query().where(predicate));
+                    listItems_3 = new DataManager(this.dataSource).executeLocal(new Query().where(predicate));
                 }
             }
             if (!(this.dataSource instanceof DataManager)) {
-                this.initialValueUpdate(listItems_2, true);
+                this.initialValueUpdate(listItems_3, true);
                 this.initialUpdate();
             }
             else {
                 this.setInitialValue = function () {
                     _this.initStatus = false;
                     if (!_this.enableVirtualization || (_this.enableVirtualization && (!(_this.dataSource instanceof DataManager)))) {
-                        _this.initialValueUpdate(listItems_2);
+                        _this.initialValueUpdate(listItems_3);
                     }
                     _this.initialUpdate();
                     _this.setInitialValue = null;