@syncfusion/ej2-dropdowns 28.1.41 → 28.2.4

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

@@ -449,7 +449,7 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
                 endIndex = this.parent.viewPortInfo.endIndex - this.parent.value.length;
                 if (this.parent.viewPortInfo.startIndex === 0) {
                     this.parent.updateVirtualReOrderList(true);
-                    if (this.parent.value.length < this.parent.itemCount) {
+                    if (this.parent.value.length < this.parent.itemCount && this.parent.value.length !== this.parent.totalItemCount) {
                         var oldUlElement = this.parent.list.querySelector('.e-list-parent' + ':not(.e-reorder)');
                         if (oldUlElement) {
                             this.parent.list.querySelector('.e-virtual-ddl-content').removeChild(oldUlElement);
@@ -512,6 +512,12 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
         if (isListUpdated) {
             for (var i = this.parent.viewPortInfo.startIndex; i < endIndex; i++) {
                 var index = i;
+                if (this.component === 'multiselect' && this.parent.mode === 'CheckBox') {
+                    var oldUlElement = this.parent.list.querySelector('.e-list-parent' + '.e-reorder');
+                    if (oldUlElement) {
+                        this.parent.list.querySelector('.e-virtual-ddl-content').removeChild(oldUlElement);
+                    }
+                }
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var alreadyAddedData = this.parent.generatedDataObject[index];
                 if (this.component === 'multiselect' && this.parent.hideSelectedItem) {
@@ -973,6 +979,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
         _this.CurrentEvent = null;
         _this.isDynamicData = false;
         _this.isPrimitiveData = false;
+        _this.isCustomFiltering = false;
         _this.virtualListInfo = {
             currentPageNumber: null,
             direction: null,
@@ -1561,7 +1568,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                                                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                                 newQuery.queries[queryElements].e.nos = e.count;
                                             }
-                                            if (_this.getModuleName() === 'multiselect' && (newQuery.queries[queryElements].e.condition === 'or' || newQuery.queries[queryElements].e.operator === 'equal')) {
+                                            if (_this.getModuleName() === 'multiselect' && (newQuery.queries[queryElements].e.condition === 'or' || newQuery.queries[queryElements].e.operator === 'equal') && !_this.isCustomFiltering) {
                                                 isReOrder = false;
                                             }
                                         }
@@ -1585,6 +1592,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                             _this.trigger('actionComplete', e, function (e) {
                                 if (!e.cancel) {
                                     _this.isRequesting = false;
+                                    _this.isCustomFiltering = false;
                                     var listItems = e.result;
                                     if (_this.isIncrementalRequest) {
                                         ulElement = _this.renderItems(listItems, fields);
@@ -1622,6 +1630,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                                     }
                                     if (_this.isVirtualizationEnabled) {
                                         _this.getFilteringSkeletonCount();
+                                        _this.updatePopupPosition();
                                     }
                                     if (_this.virtualSelectAll && _this.virtualSelectAllData) {
                                         _this.virtualSelectionAll(_this.virtualSelectAllState, _this.liCollections, _this.CurrentEvent);
@@ -1663,7 +1672,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                                             newQuery.queries[queryElements].e.nos = listItems.count;
                                             listItems = (newQuery).executeLocal(dataManager);
                                         }
-                                        if (_this.getModuleName() === 'multiselect' && (newQuery.queries[queryElements].e.condition === 'or' || newQuery.queries[queryElements].e.operator === 'equal')) {
+                                        if (_this.getModuleName() === 'multiselect' && (newQuery.queries[queryElements].e.condition === 'or' || newQuery.queries[queryElements].e.operator === 'equal') && !_this.isCustomFiltering) {
                                             isReOrder = false;
                                         }
                                     }
@@ -1696,6 +1705,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                         var localDataArgs = { cancel: false, result: listItems };
                         _this.isPreventChange = _this.isAngular && _this.preventChange ? true : _this.isPreventChange;
                         _this.trigger('actionComplete', localDataArgs, function (localDataArgs) {
+                            _this.isCustomFiltering = false;
                             if (_this.isIncrementalRequest) {
                                 ulElement = _this.renderItems(localDataArgs.result, fields);
                                 return;
@@ -1730,6 +1740,9 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
     DropDownBase.prototype.updatePopupState = function () {
         // Used this method in component side.
     };
+    DropDownBase.prototype.updatePopupPosition = function () {
+        // Used this method in component side.
+    };
     DropDownBase.prototype.virtualSelectionAll = function (state, li, event) {
         // Used this method in component side.
     };
@@ -9944,6 +9957,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         }
         chip.appendChild(chipContent);
         this.chipCollection.appendChild(chip);
+        if (this.isReact) {
+            this.renderReactTemplates();
+        }
     };
     DropDownTree.prototype.setSelectAllWrapper = function (state) {
         if (this.isFirstRender) {
@@ -10673,6 +10689,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                     addClass([this.inputWrapper], [INPUTFOCUS]);
                 }
             }
+            if (this.isFilteredData) {
+                this.treeObj['treeData'] = this.treeData;
+            }
             if (this.destroyPopupOnHide) {
                 this.isFirstRender = true;
                 this.destroyPopup();
@@ -12759,6 +12778,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         _this.isUpdateFooterHeight = false;
         _this.isBlurDispatching = false;
         _this.isFilterPrevented = false;
+        _this.isFilteringAction = false;
         _this.isValidKey = false;
         _this.selectAllEventData = [];
         _this.selectAllEventEle = [];
@@ -13220,7 +13240,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             this.totalItemCount = e.count;
         }
-        if (this.value && list && list.length > 0 && this.allowFiltering && this.mode !== 'CheckBox' && !this.enableVirtualization && !this.isFilterPrevented && !this.allowCustomValue) {
+        if (this.value && list && list.length > 0 && this.allowFiltering && this.mode !== 'CheckBox' && !this.enableVirtualization && !this.isFilterPrevented && !this.allowCustomValue && this.isFilteringAction) {
             var allItemsInValue = list.every(function (item) {
                 var itemValue = getValue((_this.fields.value) ? _this.fields.value : '', item);
                 return _this.value.some(function (val) {
@@ -14240,6 +14260,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 break;
         }
     };
+    MultiSelect.prototype.updatePopupPosition = function () {
+        this.refreshPopup();
+    };
     MultiSelect.prototype.updateAriaAttribute = function () {
         var focusedItem = this.list.querySelector('.' + dropDownBaseClasses.focus);
         if (!isNullOrUndefined(focusedItem)) {
@@ -15889,6 +15912,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
             this.totalItemCount = this.value && this.value.length ? this.totalItemCount - this.value.length : this.totalItemCount;
         }
         this.getSkeletonCount();
+        this.skeletonCount = this.totalItemCount !== 0 && this.totalItemCount < this.itemCount * 2 &&
+            ((!(this.dataSource instanceof DataManager)) || ((this.dataSource instanceof DataManager) &&
+                (this.totalItemCount <= this.itemCount))) ? 0 : this.skeletonCount;
         this.UpdateSkeleton();
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.list.getElementsByClassName('e-virtual-ddl')[0]) {
@@ -16109,6 +16135,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                         _this.isFiltered = true;
                         _this.customFilterQuery = query;
                         _this.remoteFilterAction = true;
+                        _this.isCustomFiltering = true;
                         _this.dataUpdater(dataSource, query, fields);
                     },
                     event: e,
@@ -16119,10 +16146,12 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                     if (!eventArgs.cancel) {
                         if (!_this.isFiltered && !eventArgs.preventDefaultAction) {
                             _this.filterAction = true;
+                            _this.isFilteringAction = true;
                             if (_this.dataSource instanceof DataManager && _this.allowCustomValue) {
                                 _this.isCustomRendered = false;
                             }
                             _this.dataUpdater(_this.dataSource, null, _this.fields);
+                            _this.isFilteringAction = false;
                         }
                     }
                 });
@@ -19785,6 +19814,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
     function ListBox(options, element) {
         var _this = _super.call(this, options, element) || this;
         _this.isValidKey = false;
+        _this.isBackSpace = false;
         _this.isDataSourceUpdate = false;
         _this.keyDownStatus = false;
         return _this;
@@ -20053,6 +20083,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
         }
     };
     ListBox.prototype.onActionComplete = function (ulElement, list, e) {
+        var _this = this;
         var searchEle;
         var filterElem;
         var txtLength;
@@ -20119,8 +20150,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
                 }
                 filterElem.selectionStart = txtLength;
                 filterElem.selectionEnd = txtLength;
-                if (filterElem.value !== '') {
+                if (filterElem.value !== '' || (filterElem.value === '' && this.isBackSpace)) {
                     filterElem.focus();
+                    setTimeout(function () { _this.isBackSpace = false; });
                 }
             }
         }
@@ -21725,7 +21757,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
     };
     ListBox.prototype.KeyUp = function (e) {
         var _this = this;
-        if (this.allowFiltering && ((e.ctrlKey && e.keyCode === 65) || (e.keyCode === 8 && !this.filterInput.value))) {
+        if (this.allowFiltering && e.ctrlKey && e.keyCode === 65) {
             e.preventDefault();
             return;
         }
@@ -21734,6 +21766,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
         if (!isNullOrUndefined(isWordCharacter)) {
             this.isValidKey = true;
         }
+        this.isBackSpace = e.keyCode === 8;
         this.isValidKey = (e.keyCode === 8) || (e.keyCode === 46) || this.isValidKey;
         if (this.isValidKey) {
             this.isValidKey = false;