@syncfusion/ej2-dropdowns 20.2.36 → 20.2.40

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

@@ -2909,7 +2909,6 @@ let DropDownList = class DropDownList extends DropDownBase {
                 this.initial = true;
                 this.activeIndex = this.index;
                 this.initRemoteRender = false;
-                this.initial = false;
                 if (this.value && this.dataSource instanceof DataManager) {
                     const checkField = isNullOrUndefined(this.fields.value) ? this.fields.text : this.fields.value;
                     const checkVal = list.some((x) => x[checkField] === this.value);
@@ -2932,6 +2931,28 @@ let DropDownList = class DropDownList extends DropDownBase {
                 else {
                     this.updateValues();
                 }
+                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
@@ -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;
@@ -10269,7 +10291,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                         });
                         this.invokeCheckboxSelection(element, eve, isClearAll);
                     }
-                    if (this.hideSelectedItem && this.fields.groupBy) {
+                    if (this.hideSelectedItem && this.fields.groupBy && element) {
                         this.hideGroupItem(value);
                     }
                     if (this.hideSelectedItem && this.fixedHeaderElement && this.fields.groupBy && this.mode !== 'CheckBox' &&
@@ -11108,7 +11130,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         }
     }
     updateDataList() {
-        if (this.mainList && this.ulElement) {
+        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));
@@ -12306,7 +12328,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 const mainLiLength = this.ulElement.querySelectorAll('li.' + 'e-list-item').length;
                 const liLength = this.ulElement.querySelectorAll('li.'
                     + dropDownBaseClasses.li + '.' + HIDE_LIST).length;
-                if (mainLiLength > 0 && (mainLiLength === liLength) && (liLength === this.mainData.length)) {
+                if (mainLiLength > 0 && (mainLiLength === liLength) && (liLength === this.mainData.length) && !(this.targetElement() !== '' && this.allowCustomValue)) {
                     this.beforePopupOpen = false;
                     return;
                 }
@@ -14795,7 +14817,19 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
             .filter((data) => data.isHeader !== true);
         tListBox.listData = listData;
         tListBox.jsonData = jsonData;
-        fListBox.listData = fListBox.sortedData = fListBox.jsonData = [];
+        if (this.listData.length == this.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);