@syncfusion/ej2-dropdowns 27.1.55 → 27.1.58

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

@@ -964,6 +964,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
         _this.preventPopupOpen = true;
         _this.virtualSelectAllState = false;
         _this.CurrentEvent = null;
+        _this.isDynamicData = false;
         _this.virtualListInfo = {
             currentPageNumber: null,
             direction: null,
@@ -2344,6 +2345,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                 }
             }
             else {
+                this.isDynamicData = true;
                 this.updateDataSource(updateData, oldProp);
             }
         }
@@ -4745,7 +4747,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                         return;
                     }
                     _this.isCustomFilter = true;
-                    _this.customFilterQuery = query.clone();
+                    _this.customFilterQuery = query ? query.clone() : query;
                     _this.filteringAction(dataSource, query, fields);
                 },
                 baseEventArgs: e,
@@ -5048,6 +5050,13 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                         this.updateActionCompleteDataValues(ulElement, list);
                     }
                 }
+                if (this.isDynamicData) {
+                    var currentValue = this.allowObjectBinding && !isNullOrUndefined(this.value) ?
+                        getValue((this.fields.value) ? this.fields.value : '', this.value) : this.value;
+                    this.itemData = this.getDataByValue(currentValue);
+                    this.selectedLI = this.getElementByValue(currentValue);
+                    this.isDynamicData = false;
+                }
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 if ((this.allowCustom || (this.allowFiltering && !this.isValueInList(list, this.value) &&
                     this.dataSource instanceof DataManager)) && !this.enableVirtualization) {
@@ -5056,7 +5065,11 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 else if ((this.allowCustom || (this.allowFiltering && this.isValueInList(list, this.value))) &&
                     !this.enableVirtualization) {
-                    this.addNewItem(list, selectedItem);
+                    var value = this.allowObjectBinding && !isNullOrUndefined(this.value) ? getValue((this.fields.value) ? this.fields.value : '', this.value) : this.value;
+                    var isValidAddition = !isNullOrUndefined(this.value) && selectedItem && selectedItem.getAttribute('data-value') === value.toString();
+                    if (isValidAddition) {
+                        this.addNewItem(list, selectedItem);
+                    }
                 }
                 if (!isNullOrUndefined(this.itemData) || (isNullOrUndefined(this.itemData) && this.enableVirtualization)) {
                     this.getSkeletonCount();
@@ -9311,6 +9324,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         }
     };
     DropDownTree.prototype.setMultiSelectValue = function (newValues) {
+        var _this = this;
         if (!this.isFilteredData) {
             this.setProperties({ value: this.isFromFilterChange && newValues && newValues.length === 0 ? this.value : newValues }, true);
             this.isFromFilterChange = false;
@@ -9322,6 +9336,13 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         }
         else {
             var selectedValues = isNullOrUndefined(this.value) ? [] : this.value;
+            selectedValues = selectedValues.filter(function (selectedValue) {
+                var nodeData = _this.treeObj.getTreeData(selectedValue);
+                if (Array.isArray(nodeData)) {
+                    return nodeData.every(function (nodeSelectedData) { return nodeSelectedData.selected; });
+                }
+                return true;
+            });
             for (var i = 0; i < newValues.length; i++) {
                 if (isNullOrUndefined(this.value) || this.value.indexOf(newValues[i]) === -1) {
                     selectedValues.push(newValues[i]);
@@ -10298,7 +10319,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         this.isPopupOpen = false;
         if (this.isReact) {
             this.clearTemplate(['headerTemplate', 'footerTemplate', 'itemTemplate', 'actionFailureTemplate',
-                'noRecordsTemplate', 'customTemplate']);
+                'noRecordsTemplate']);
         }
         if (this.popupObj) {
             this.popupObj.destroy();
@@ -10660,6 +10681,7 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     ComboBox.prototype.setOldValue = function (value) {
         if (this.allowCustom) {
+            this.selectedLI = this.getElementByValue(this.value);
             this.valueMuteChange(this.value);
         }
         else {
@@ -11920,6 +11942,7 @@ var AutoComplete = /** @__PURE__ @class */ (function (_super) {
         }
         else {
             _super.prototype.setSelection.call(this, li, e);
+            this.isFiltered = false;
         }
     };
     AutoComplete.prototype.listOption = function (dataSource, fieldsSettings) {
@@ -14299,9 +14322,10 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 else {
                     this.updateDelimeter(this.delimiterChar, e);
                 }
+                var isFilterData = this.targetElement().trim() !== '' ? true : false;
                 this.makeTextBoxEmpty();
                 if (this.mode !== 'CheckBox') {
-                    this.refreshListItems(li.textContent);
+                    this.refreshListItems(li.textContent, isFilterData);
                 }
                 if (!this.changeOnBlur) {
                     this.updateValueState(e, this.value, this.tempValues);
@@ -14352,7 +14376,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         }
         this.refreshPlaceHolder();
     };
-    MultiSelect.prototype.refreshListItems = function (data) {
+    MultiSelect.prototype.refreshListItems = function (data, isFilterData) {
         if ((this.allowFiltering || (this.mode === 'CheckBox' && this.enableSelectionOrder === true)
             || this.allowCustomValue) && this.mainList && this.listData) {
             var list = this.mainList.cloneNode ? this.mainList.cloneNode(true) : this.mainList;
@@ -14364,7 +14388,25 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                     this.renderItems(this.mainData, this.fields);
                 }
                 else {
-                    this.onActionComplete(this.list, this.listData);
+                    if (this.allowFiltering && isFilterData) {
+                        this.updateInitialData();
+                        this.onActionComplete(list, this.mainData);
+                        this.isVirtualTrackHeight = false;
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        if (this.list.getElementsByClassName('e-virtual-ddl')[0]) {
+                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                            this.list.getElementsByClassName('e-virtual-ddl')[0].style = this.GetVirtualTrackHeight();
+                        }
+                        else if (!this.list.querySelector('.e-virtual-ddl') && this.skeletonCount > 0) {
+                            var virualElement = this.createElement('div', {
+                                id: this.element.id + '_popup', className: 'e-virtual-ddl', styles: this.GetVirtualTrackHeight()
+                            });
+                            this.popupWrapper.querySelector('.e-dropdownbase').appendChild(virualElement);
+                        }
+                    }
+                    else {
+                        this.onActionComplete(this.list, this.listData);
+                    }
                 }
             }
             else {
@@ -14711,7 +14753,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                     _this.removeIndex++;
                 }
                 else {
-                    _this.isRemoveSelection = true;
+                    _this.isRemoveSelection = _this.enableVirtualization ? true : _this.isRemoveSelection;
                     _this.currentRemoveValue = _this.allowObjectBinding ? getValue(((_this.fields.value) ?
                         _this.fields.value : ''), value) : value;
                     _this.virtualSelectAll = false;
@@ -15404,7 +15446,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
             endIndex: this.itemCount
         };
         this.previousStartIndex = 0;
-        this.previousEndIndex = 0;
+        this.previousEndIndex = this.itemCount;
         if (this.dataSource instanceof DataManager) {
             if (this.remoteDataCount >= 0) {
                 this.totalItemCount = this.dataCount = this.remoteDataCount;
@@ -16335,10 +16377,11 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 else {
                     e.preventDefault();
                 }
+                var isFilterData = this.targetElement().trim() !== '' ? true : false;
                 this.makeTextBoxEmpty();
                 this.findGroupStart(target);
                 if (this.mode !== 'CheckBox') {
-                    this.refreshListItems(isNullOrUndefined(li) ? null : li.textContent);
+                    this.refreshListItems(isNullOrUndefined(li) ? null : li.textContent, isFilterData);
                 }
             }
             else {