@syncfusion/ej2-dropdowns 27.1.53 → 27.1.57

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

@@ -886,6 +886,7 @@ let DropDownBase = class DropDownBase extends Component {
         this.preventPopupOpen = true;
         this.virtualSelectAllState = false;
         this.CurrentEvent = null;
+        this.isDynamicData = false;
         this.virtualListInfo = {
             currentPageNumber: null,
             direction: null,
@@ -2260,6 +2261,7 @@ let DropDownBase = class DropDownBase extends Component {
                 }
             }
             else {
+                this.isDynamicData = true;
                 this.updateDataSource(updateData, oldProp);
             }
         }
@@ -4634,7 +4636,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                         return;
                     }
                     this.isCustomFilter = true;
-                    this.customFilterQuery = query.clone();
+                    this.customFilterQuery = query ? query.clone() : query;
                     this.filteringAction(dataSource, query, fields);
                 },
                 baseEventArgs: e,
@@ -4931,6 +4933,12 @@ let DropDownList = class DropDownList extends DropDownBase {
                         this.updateActionCompleteDataValues(ulElement, list);
                     }
                 }
+                if (this.isDynamicData) {
+                    const currentValue = this.allowObjectBinding && !isNullOrUndefined(this.value) ?
+                        getValue((this.fields.value) ? this.fields.value : '', this.value) : this.value;
+                    this.itemData = this.getDataByValue(currentValue);
+                    this.isDynamicData = false;
+                }
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 if ((this.allowCustom || (this.allowFiltering && !this.isValueInList(list, this.value) &&
                     this.dataSource instanceof DataManager)) && !this.enableVirtualization) {
@@ -4939,7 +4947,11 @@ let DropDownList = class DropDownList extends DropDownBase {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 else if ((this.allowCustom || (this.allowFiltering && this.isValueInList(list, this.value))) &&
                     !this.enableVirtualization) {
-                    this.addNewItem(list, selectedItem);
+                    const value = this.allowObjectBinding && !isNullOrUndefined(this.value) ? getValue((this.fields.value) ? this.fields.value : '', this.value) : this.value;
+                    const isValidAddition = !isNullOrUndefined(this.value) && selectedItem && selectedItem.getAttribute('data-value') === value.toString();
+                    if (isValidAddition) {
+                        this.addNewItem(list, selectedItem);
+                    }
                 }
                 if (!isNullOrUndefined(this.itemData) || (isNullOrUndefined(this.itemData) && this.enableVirtualization)) {
                     this.getSkeletonCount();
@@ -9136,7 +9148,14 @@ let DropDownTree = class DropDownTree extends Component {
             }
         }
         else {
-            const selectedValues = isNullOrUndefined(this.value) ? [] : this.value;
+            let selectedValues = isNullOrUndefined(this.value) ? [] : this.value;
+            selectedValues = selectedValues.filter((selectedValue) => {
+                const nodeData = this.treeObj.getTreeData(selectedValue);
+                if (Array.isArray(nodeData)) {
+                    return nodeData.every((nodeSelectedData) => nodeSelectedData.selected);
+                }
+                return true;
+            });
             for (let i = 0; i < newValues.length; i++) {
                 if (isNullOrUndefined(this.value) || this.value.indexOf(newValues[i]) === -1) {
                     selectedValues.push(newValues[i]);
@@ -11691,6 +11710,7 @@ let AutoComplete = class AutoComplete extends ComboBox {
         }
         else {
             super.setSelection(li, e);
+            this.isFiltered = false;
         }
     }
     listOption(dataSource, fieldsSettings) {
@@ -14046,9 +14066,10 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 else {
                     this.updateDelimeter(this.delimiterChar, e);
                 }
+                const isFilterData = this.targetElement().trim() !== '' ? true : false;
                 this.makeTextBoxEmpty();
                 if (this.mode !== 'CheckBox') {
-                    this.refreshListItems(li.textContent);
+                    this.refreshListItems(li.textContent, isFilterData);
                 }
                 if (!this.changeOnBlur) {
                     this.updateValueState(e, this.value, this.tempValues);
@@ -14099,7 +14120,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         }
         this.refreshPlaceHolder();
     }
-    refreshListItems(data) {
+    refreshListItems(data, isFilterData) {
         if ((this.allowFiltering || (this.mode === 'CheckBox' && this.enableSelectionOrder === true)
             || this.allowCustomValue) && this.mainList && this.listData) {
             const list = this.mainList.cloneNode ? this.mainList.cloneNode(true) : this.mainList;
@@ -14111,7 +14132,25 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     this.renderItems(this.mainData, this.fields);
                 }
                 else {
-                    this.onActionComplete(this.list, this.listData);
+                    if (this.allowFiltering && isFilterData) {
+                        this.updateInitialData();
+                        this.onActionComplete(list, this.mainData);
+                        this.isVirtualTrackHeight = false;
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        if (this.list.getElementsByClassName('e-virtual-ddl')[0]) {
+                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                            this.list.getElementsByClassName('e-virtual-ddl')[0].style = this.GetVirtualTrackHeight();
+                        }
+                        else if (!this.list.querySelector('.e-virtual-ddl') && this.skeletonCount > 0) {
+                            const virualElement = this.createElement('div', {
+                                id: this.element.id + '_popup', className: 'e-virtual-ddl', styles: this.GetVirtualTrackHeight()
+                            });
+                            this.popupWrapper.querySelector('.e-dropdownbase').appendChild(virualElement);
+                        }
+                    }
+                    else {
+                        this.onActionComplete(this.list, this.listData);
+                    }
                 }
             }
             else {
@@ -14456,7 +14495,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     this.removeIndex++;
                 }
                 else {
-                    this.isRemoveSelection = true;
+                    this.isRemoveSelection = this.enableVirtualization ? true : this.isRemoveSelection;
                     this.currentRemoveValue = this.allowObjectBinding ? getValue(((this.fields.value) ?
                         this.fields.value : ''), value) : value;
                     this.virtualSelectAll = false;
@@ -15141,7 +15180,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             endIndex: this.itemCount
         };
         this.previousStartIndex = 0;
-        this.previousEndIndex = 0;
+        this.previousEndIndex = this.itemCount;
         if (this.dataSource instanceof DataManager) {
             if (this.remoteDataCount >= 0) {
                 this.totalItemCount = this.dataCount = this.remoteDataCount;
@@ -16060,10 +16099,11 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 else {
                     e.preventDefault();
                 }
+                const isFilterData = this.targetElement().trim() !== '' ? true : false;
                 this.makeTextBoxEmpty();
                 this.findGroupStart(target);
                 if (this.mode !== 'CheckBox') {
-                    this.refreshListItems(isNullOrUndefined(li) ? null : li.textContent);
+                    this.refreshListItems(isNullOrUndefined(li) ? null : li.textContent, isFilterData);
                 }
             }
             else {