@syncfusion/ej2-dropdowns 20.2.38 → 20.2.43

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

@@ -2933,6 +2933,27 @@ let DropDownList = class DropDownList extends DropDownBase {
                 }
                 this.initial = false;
             }
+            else if (this.getModuleName() === 'autocomplete' && this.value && this.typedString === '' && !(this.dataSource instanceof DataManager)) {
+                const checkFields = this.typeOfData(this.dataSource).typeof === 'string' ? '' : this.fields.value;
+                const checkValue = list.some((x) => x[checkFields] === this.value);
+                let query = new Query();
+                if (!checkValue) {
+                    new DataManager(this.dataSource).executeQuery(query.where(new Predicate(checkFields, 'equal', this.value)))
+                        .then((e) => {
+                        if (e.result.length > 0) {
+                            this.value = checkFields !== '' ? e.result[0][this.fields.value].toString() : e.result[0].toString();
+                            this.addItem(e.result, list.length);
+                            this.updateValues();
+                        }
+                        else {
+                            this.updateValues();
+                        }
+                    });
+                }
+                else {
+                    this.updateValues();
+                }
+            }
             if (this.getModuleName() !== 'autocomplete' && this.isFiltering() && !this.isTyped) {
                 if (!this.actionCompleteData.isUpdated || ((!this.isCustomFilter
                     && !this.isFilterFocus) || (isNullOrUndefined(this.itemData) && this.allowFiltering)
@@ -5942,7 +5963,8 @@ let DropDownTree = class DropDownTree extends Component {
             }
             return 2;
         }
-        this.fields.dataSource = isNullOrUndefined(this.fields.dataSource) ? [] : this.fields.dataSource;
+        if (isNullOrUndefined(this.fields.dataSource))
+            this.fields.dataSource = [];
         for (let i = 0, len = this.fields.dataSource.length; i < len; i++) {
             if ((typeof field.child === 'string') && !isNullOrUndefined(getValue(field.child, this.fields.dataSource[i]))) {
                 return 2;
@@ -11108,7 +11130,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         }
     }
     updateDataList() {
-        if (this.mainList && this.ulElement && !(this.isFiltered || this.filterAction)) {
+        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 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));
@@ -13481,8 +13503,8 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
             });
         }
     }
-    updateActionCompleteData(li, item) {
-        this.jsonData.push(item);
+    updateActionCompleteData(li, item, index) {
+        this.jsonData.splice(index, 0, item);
     }
     initToolbar() {
         const pos = this.toolbarSettings.position;
@@ -14020,7 +14042,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
             let objValue;
             const dupData = [];
             let itemIdx;
-            extend(dupData, [], this.listData);
+            extend(dupData, [], this.jsonData);
             const removeIdxes = [];
             const removeLiIdxes = [];
             for (let j = 0; j < items.length; j++) {
@@ -14793,9 +14815,20 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         fListBox.value = [];
         listData = listData
             .filter((data) => data.isHeader !== true);
-        tListBox.listData = listData;
-        tListBox.jsonData = jsonData;
-        fListBox.listData = fListBox.sortedData = fListBox.jsonData = [];
+        tListBox.listData = tListBox.jsonData = listData;
+        if (fListBox.listData.length == fListBox.jsonData.length) {
+            fListBox.listData = fListBox.sortedData = fListBox.jsonData = [];
+        }
+        else if (this.allowFiltering) {
+            for (let i = 0; i < fListBox.listData.length; i++) {
+                for (let j = 0; j < fListBox.jsonData.length; j++) {
+                    if (fListBox.listData[i] === fListBox.jsonData[j]) {
+                        fListBox.jsonData.splice(j, 1);
+                    }
+                }
+            }
+            fListBox.listData = fListBox.sortedData = [];
+        }
         if (isRefresh) {
             let sourceElem = tListBox.renderItems(listData, tListBox.fields);
             tListBox.updateListItems(sourceElem, tListBox.ulElement);