@syncfusion/ej2-dropdowns 32.1.25 → 32.2.4

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

@@ -5532,37 +5532,10 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                 this.activeIndex = this.index;
                 this.initialRemoteRender = false;
                 if (this.value && this.dataSource instanceof DataManager) {
-                    var checkField_1 = isNullOrUndefined(this.fields.value) ? this.fields.text : this.fields.value;
-                    var value_1 = this.allowObjectBinding && !isNullOrUndefined(this.value) ?
-                        getValue(checkField_1, this.value) : this.value;
-                    var fieldValue_1 = this.fields.value.split('.');
-                    var checkVal = list.some(function (x) {
-                        return isNullOrUndefined(x[checkField_1]) && fieldValue_1.length > 1 ?
-                            _this.checkFieldValue(x, fieldValue_1) === value_1 : x[checkField_1] === value_1;
-                    });
-                    if (this.enableVirtualization && this.virtualGroupDataSource) {
-                        checkVal = this.virtualGroupDataSource.some(function (x) {
-                            return isNullOrUndefined(x[checkField_1]) && fieldValue_1.length > 1 ?
-                                _this.checkFieldValue(x, fieldValue_1) === value_1 : x[checkField_1] === value_1;
-                        });
-                    }
-                    if (!checkVal && !this.enableVirtualization) {
-                        this.dataSource.executeQuery(this.getQuery(this.query).where(new Predicate(checkField_1, 'equal', value_1)))
-                            .then(function (e) {
-                            if (e.result.length > 0) {
-                                if (!_this.enableVirtualization) {
-                                    _this.addItem(e.result, list.length);
-                                }
-                                _this.updateValues();
-                            }
-                            else {
-                                _this.updateValues();
-                            }
-                        });
-                    }
-                    else {
-                        this.updateValues();
-                    }
+                    var checkField = isNullOrUndefined(this.fields.value) ? this.fields.text : this.fields.value;
+                    var value = this.allowObjectBinding && !isNullOrUndefined(this.value) ?
+                        getValue(checkField, this.value) : this.value;
+                    this.checkAndFetchItemData(list, value, checkField);
                 }
                 else {
                     this.updateValues();
@@ -5670,6 +5643,46 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         });
         return checkField;
     };
+    DropDownList.prototype.checkAndFetchItemData = function (list, value, checkField) {
+        var _this = this;
+        var fieldValue = this.fields.value.split('.');
+        var checkVal = list.some(function (x) {
+            return isNullOrUndefined(x[checkField]) && fieldValue.length > 1 ?
+                _this.checkFieldValue(x, fieldValue) === value : x[checkField] === value;
+        });
+        if (this.enableVirtualization && this.virtualGroupDataSource) {
+            checkVal = this.virtualGroupDataSource.some(function (x) {
+                return 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(function (e) {
+                if (e.result.length > 0) {
+                    if (!_this.enableVirtualization) {
+                        _this.addItem(e.result, list.length);
+                    }
+                    else {
+                        _this.itemData = e.result[0];
+                        var 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();
+        }
+    };
     DropDownList.prototype.updateActionCompleteDataValues = function (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) {
@@ -5679,10 +5692,10 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
     DropDownList.prototype.addNewItem = function (listData, newElement) {
         var _this = this;
         if (!isNullOrUndefined(this.itemData) && !isNullOrUndefined(newElement)) {
-            var value_2 = this.getItemData().value;
+            var value_1 = this.getItemData().value;
             var isExist = listData.some(function (data) {
-                return (((typeof data === 'string' || typeof data === 'number' || typeof data === 'boolean') && data === value_2) ||
-                    (getValue(_this.fields.value, data) === value_2));
+                return (((typeof data === 'string' || typeof data === 'number' || typeof data === 'boolean') && data === value_1) ||
+                    (getValue(_this.fields.value, data) === value_1));
             });
             if (!isExist) {
                 this.addItem(this.itemData);
@@ -7095,6 +7108,12 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                         return { value: void 0 };
                     }
                     if (this_1.enableVirtualization) {
+                        if (newProp.value && this_1.dataSource instanceof DataManager) {
+                            var checkField = isNullOrUndefined(this_1.fields.value) ? this_1.fields.text : this_1.fields.value;
+                            var value = this_1.allowObjectBinding && !isNullOrUndefined(newProp.value) ?
+                                getValue(checkField, newProp.value) : newProp.value;
+                            this_1.checkAndFetchItemData(this_1.listData, value, checkField);
+                        }
                         this_1.updateValues();
                         this_1.updateInputFields();
                         this_1.notify('setCurrentViewDataAsync', {
@@ -7123,9 +7142,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                                 var listLength_2 = this_1.getItems().length;
                                 var checkField = isNullOrUndefined(this_1.fields.value) ? this_1.fields.text : this_1.fields.value;
                                 this_1.typedString = '';
-                                var value_3 = this_1.allowObjectBinding && !isNullOrUndefined(newProp.value) ?
+                                var value_2 = this_1.allowObjectBinding && !isNullOrUndefined(newProp.value) ?
                                     getValue(checkField, newProp.value) : newProp.value;
-                                this_1.dataSource.executeQuery(this_1.getQuery(this_1.query).where(new Predicate(checkField, 'equal', value_3)))
+                                this_1.dataSource.executeQuery(this_1.getQuery(this_1.query).where(new Predicate(checkField, 'equal', value_2)))
                                     .then(function (e) {
                                     if (e.result.length > 0) {
                                         _this.addItem(e.result, listLength_2);
@@ -17242,7 +17261,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         this.unwireListEvents();
         this.wireListEvents();
     };
-    MultiSelect.prototype.initialValueUpdate = function (listItems, isInitialVirtualData) {
+    MultiSelect.prototype.initialValueUpdate = function (listItems, isInitialVirtualData, isInitialRender) {
         var _this = this;
         if (this.list) {
             var text = void 0;
@@ -17252,6 +17271,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 this.chipCollectionWrapper.innerHTML = '';
             }
             this.removeListSelection();
+            var formElement = closest(this.inputElement, 'form');
             if (!isNullOrUndefined(this.value)) {
                 for (var index = 0; !isNullOrUndefined(this.value[index]); index++) {
                     value_2 = this.allowObjectBinding ?
@@ -17296,7 +17316,8 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                         }
                         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;
                         }
@@ -19402,7 +19423,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         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');
         }
@@ -19582,7 +19603,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
             this.value = data.length > 0 ? data : null;
         }
     };
-    MultiSelect.prototype.checkInitialValue = function () {
+    MultiSelect.prototype.checkInitialValue = function (isInitialRender) {
         var _this = this;
         if (this.fields.disabled) {
             this.removeDisabledItemsValue(this.value);
@@ -19669,7 +19690,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 }
             }
             if (!(this.dataSource instanceof DataManager)) {
-                this.initialValueUpdate(listItems_3, true);
+                this.initialValueUpdate(listItems_3, true, isInitialRender);
                 this.initialUpdate();
             }
             else {