@syncfusion/ej2-dropdowns 33.2.6 → 33.2.7

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

@@ -3124,7 +3124,8 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
             else {
                 for (var _b = 0, _c = this.listData; _b < _c.length; _b++) {
                     var item = _c[_b];
-                    if (!isNullOrUndefined(item) && getValue((this.fields.value ? this.fields.value : 'value'), item) === value) {
+                    if (!isNullOrUndefined(item) && (getValue((this.fields.value ? this.fields.value : 'value'), item) === value
+                        || this.getModuleName() === 'multiselect' && this.isVirtualizationEnabled && this.properties.allowCustomValue && getValue((this.fields.value ? this.fields.value : 'value'), item) === value.toString())) {
                         return item;
                     }
                 }
@@ -8276,6 +8277,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         // Specifies if the checkAll method has been called
         _this.isCheckAllCalled = false;
         _this.isFromFilterChange = false;
+        _this.fallbackValue = [];
         return _this;
     }
     /**
@@ -9526,6 +9528,10 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
     };
     DropDownTree.prototype.setTreeValue = function () {
         if (this.value !== null && this.value.length !== 0) {
+            var dataReady = this.treeItems && this.treeItems.length > 0;
+            if (!dataReady && this.fallbackValue.length === 0) {
+                this.fallbackValue = this.value.slice();
+            }
             var data = void 0;
             if (this.showCheckBox || this.allowMultiSelection) {
                 for (var i = this.value.length - 1; i >= 0; i--) {
@@ -11179,6 +11185,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
      * @private
      */
     DropDownTree.prototype.onPropertyChanged = function (newProp, oldProp) {
+        var _this = this;
         for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
             var prop = _a[_i];
             switch (prop) {
@@ -11199,6 +11206,13 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                     break;
                 case 'fields':
                     this.setFields();
+                    setTimeout(function () {
+                        if (_this.value.length === 0 && _this.fallbackValue.length > 0) {
+                            _this.value = _this.fallbackValue;
+                            _this.updateValue(_this.fallbackValue);
+                            _this.fallbackValue = [];
+                        }
+                    }, 1);
                     break;
                 case 'readonly':
                     Input.setReadonly(newProp.readonly, this.inputEle);
@@ -14190,7 +14204,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         else {
             this.updateActionList(ulElement, list, e);
         }
-        if (this.dataSource instanceof DataManager && this.allowCustomValue && !this.isCustomRendered &&
+        if (this.dataSource instanceof DataManager && this.allowCustomValue && (!this.isCustomRendered || this.enableVirtualization) &&
             this.inputElement.value && this.inputElement.value !== '') {
             var query = new Query();
             query = this.allowFiltering ? query.where(this.fields.text, 'startswith', this.inputElement.value, this.ignoreCase, this.ignoreAccent) : query;
@@ -14714,7 +14728,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 if (this.enableVirtualization) {
                     this.virtualCustomData = dataItem_1;
                     var tempData = this.dataSource instanceof DataManager ?
-                        JSON.parse(JSON.stringify(this.listData)) : JSON.parse(JSON.stringify(this.dataSource));
+                        JSON.parse(JSON.stringify(this.mainData)) : JSON.parse(JSON.stringify(this.dataSource));
                     var totalData = [];
                     if (this.virtualCustomSelectData && this.virtualCustomSelectData.length > 0) {
                         totalData = tempData.concat(this.virtualCustomSelectData);
@@ -17640,7 +17654,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                             this.allowCustomValue &&
                             ((!(this.dataSource instanceof DataManager)) ||
                                 (this.dataSource instanceof DataManager && isInitialVirtualData)))) {
-                        var indexItem = this.listData.length;
+                        var indexItem = this.dataSource instanceof DataManager ? this.totalItemCount : this.listData.length;
                         var newValue = {};
                         setValue(this.fields.text, value_2, newValue);
                         setValue(this.fields.value, value_2, newValue);
@@ -20119,6 +20133,10 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                             }, 100);
                             _this.initStatus = true;
                         }
+                        else {
+                            _this.initialValueUpdate(_this.value, true, isInitialRender);
+                            _this.initialUpdate();
+                        }
                     });
                 }
                 else {