@syncfusion/ej2-dropdowns 29.2.8 → 29.2.10

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

@@ -1275,7 +1275,7 @@ let DropDownBase = class DropDownBase extends Component {
                     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 (let i = 0; i < totalSkeletonCount && this.totalItemCount !== this.viewPortInfo.endIndex; i++) {
                     const liElement = this.createElement('li', { className: `${dropDownBaseClasses.virtualList} e-virtual-list-end`, styles: 'overflow: inherit' });
                     if (this.isVirtualizationEnabled && this.itemTemplate) {
@@ -7806,6 +7806,11 @@ let DropDownTree = class DropDownTree extends Component {
                     }
                 }
                 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();
@@ -12908,8 +12913,8 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         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') {
@@ -13211,8 +13216,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         if (!isNullOrUndefined(this.value)) {
             valuecheck = this.presentItemValue(this.ulElement);
         }
+        const isContainsValue = valuecheck.some((item) => 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;
@@ -13496,9 +13502,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 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;
         }
@@ -18021,6 +18027,10 @@ let MultiSelect = class MultiSelect extends DropDownBase {
     updateVal(newProp, oldProp, prop) {
         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();
@@ -18030,8 +18040,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             if (!isNullOrUndefined(this.value) && !this.allowCustomValue) {
                 valuecheck = this.presentItemValue(this.ulElement);
             }
+            const isContainsValue = valuecheck.some((item) => 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;
@@ -18059,10 +18070,41 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     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) {
+                        const fields = !this.isPrimitiveData ? this.fields.value : '';
+                        let predicate;
+                        for (let i = 0; i < this.value.length; i++) {
+                            const 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((e) => {
+                                if (e.result.length > 0) {
+                                    const listItems = e.result;
+                                    this.isDynamicRemoteVirtualData = true;
+                                    setTimeout(() => {
+                                        this.initialValueUpdate(listItems, 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();