@syncfusion/ej2-dropdowns 32.1.25 → 32.2.4

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

@@ -5418,30 +5418,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                     const checkField = isNullOrUndefined(this.fields.value) ? this.fields.text : this.fields.value;
                     const value = this.allowObjectBinding && !isNullOrUndefined(this.value) ?
                         getValue(checkField, this.value) : this.value;
-                    const fieldValue = this.fields.value.split('.');
-                    let checkVal = list.some((x) => isNullOrUndefined(x[checkField]) && fieldValue.length > 1 ?
-                        this.checkFieldValue(x, fieldValue) === value : x[checkField] === value);
-                    if (this.enableVirtualization && this.virtualGroupDataSource) {
-                        checkVal = this.virtualGroupDataSource.some((x) => isNullOrUndefined(x[checkField]) && fieldValue.length > 1 ?
-                            this.checkFieldValue(x, fieldValue) === value : x[checkField] === value);
-                    }
-                    if (!checkVal && !this.enableVirtualization) {
-                        this.dataSource.executeQuery(this.getQuery(this.query).where(new Predicate(checkField, 'equal', value)))
-                            .then((e) => {
-                            if (e.result.length > 0) {
-                                if (!this.enableVirtualization) {
-                                    this.addItem(e.result, list.length);
-                                }
-                                this.updateValues();
-                            }
-                            else {
-                                this.updateValues();
-                            }
-                        });
-                    }
-                    else {
-                        this.updateValues();
-                    }
+                    this.checkAndFetchItemData(list, value, checkField);
                 }
                 else {
                     this.updateValues();
@@ -5549,6 +5526,41 @@ let DropDownList = class DropDownList extends DropDownBase {
         });
         return checkField;
     }
+    checkAndFetchItemData(list, value, checkField) {
+        const fieldValue = this.fields.value.split('.');
+        let checkVal = list.some((x) => isNullOrUndefined(x[checkField]) && fieldValue.length > 1 ?
+            this.checkFieldValue(x, fieldValue) === value : x[checkField] === value);
+        if (this.enableVirtualization && this.virtualGroupDataSource) {
+            checkVal = this.virtualGroupDataSource.some((x) => isNullOrUndefined(x[checkField]) && fieldValue.length > 1 ?
+                this.checkFieldValue(x, fieldValue) === value : x[checkField] === value);
+        }
+        if (!checkVal && this.dataSource instanceof DataManager) {
+            (this.dataSource).executeQuery(this.getQuery(this.query).where(new Predicate(checkField, 'equal', value)))
+                .then((e) => {
+                if (e.result.length > 0) {
+                    if (!this.enableVirtualization) {
+                        this.addItem(e.result, list.length);
+                    }
+                    else {
+                        this.itemData = e.result[0];
+                        const dataItem = this.getItemData();
+                        if ((this.value === dataItem.value && this.text !== dataItem.text) ||
+                            (this.value !== dataItem.value && this.text === dataItem.text)) {
+                            this.setProperties({ text: dataItem.text.toString() });
+                            Input.setValue(this.text, this.inputElement, this.floatLabelType, this.showClearButton);
+                        }
+                    }
+                    this.updateValues();
+                }
+                else {
+                    this.updateValues();
+                }
+            });
+        }
+        else {
+            this.updateValues();
+        }
+    }
     updateActionCompleteDataValues(ulElement, list) {
         this.actionCompleteData = { ulElement: ulElement.cloneNode(true), list: list, isUpdated: true };
         if (this.actionData.list !== this.actionCompleteData.list && this.actionCompleteData.ulElement && this.actionCompleteData.list) {
@@ -6962,6 +6974,12 @@ let DropDownList = class DropDownList extends DropDownBase {
                         return;
                     }
                     if (this.enableVirtualization) {
+                        if (newProp.value && this.dataSource instanceof DataManager) {
+                            const checkField = isNullOrUndefined(this.fields.value) ? this.fields.text : this.fields.value;
+                            const value = this.allowObjectBinding && !isNullOrUndefined(newProp.value) ?
+                                getValue(checkField, newProp.value) : newProp.value;
+                            this.checkAndFetchItemData(this.listData, value, checkField);
+                        }
                         this.updateValues();
                         this.updateInputFields();
                         this.notify('setCurrentViewDataAsync', {
@@ -16959,7 +16977,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         this.unwireListEvents();
         this.wireListEvents();
     }
-    initialValueUpdate(listItems, isInitialVirtualData) {
+    initialValueUpdate(listItems, isInitialVirtualData, isInitialRender) {
         if (this.list) {
             let text;
             let element;
@@ -16968,6 +16986,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 this.chipCollectionWrapper.innerHTML = '';
             }
             this.removeListSelection();
+            const formElement = closest(this.inputElement, 'form');
             if (!isNullOrUndefined(this.value)) {
                 for (let index = 0; !isNullOrUndefined(this.value[index]); index++) {
                     value = this.allowObjectBinding ?
@@ -17012,7 +17031,8 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                         }
                         else if ((isNullOrUndefined(text) && !this.allowCustomValue) &&
                             ((!(this.dataSource instanceof DataManager)) ||
-                                (this.dataSource instanceof DataManager && isInitialVirtualData))) {
+                                (this.dataSource instanceof DataManager && isInitialVirtualData)) && (!this.isAngular || !isInitialRender ||
+                            (isNullOrUndefined(formElement) && listItems && listItems.length > 0))) {
                             this.value.splice(index, 1);
                             index -= 1;
                         }
@@ -19105,7 +19125,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         this.viewPortInfo.startIndex = this.virtualItemStartIndex = 0;
         this.viewPortInfo.endIndex = this.virtualItemEndIndex = this.viewPortInfo.startIndex > 0 ?
             this.viewPortInfo.endIndex : this.itemCount;
-        this.checkInitialValue();
+        this.checkInitialValue(true);
         if (this.element.hasAttribute('data-val')) {
             this.element.setAttribute('data-val', 'false');
         }
@@ -19284,7 +19304,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             this.value = data.length > 0 ? data : null;
         }
     }
-    checkInitialValue() {
+    checkInitialValue(isInitialRender) {
         if (this.fields.disabled) {
             this.removeDisabledItemsValue(this.value);
         }
@@ -19370,7 +19390,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 }
             }
             if (!(this.dataSource instanceof DataManager)) {
-                this.initialValueUpdate(listItems, true);
+                this.initialValueUpdate(listItems, true, isInitialRender);
                 this.initialUpdate();
             }
             else {