@syncfusion/ej2-dropdowns 33.1.46 → 33.1.49

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 33.1.46
+*  version : 33.1.49
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-dropdowns",
-  "version": "33.1.46",
+  "version": "33.1.49",
   "description": "Essential JS 2 DropDown Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -10,10 +10,10 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~33.1.45",
     "@syncfusion/ej2-data": "~33.1.45",
-    "@syncfusion/ej2-inputs": "~33.1.44",
-    "@syncfusion/ej2-lists": "~33.1.44",
-    "@syncfusion/ej2-navigations": "~33.1.46",
-    "@syncfusion/ej2-notifications": "~33.1.44",
+    "@syncfusion/ej2-inputs": "~33.1.49",
+    "@syncfusion/ej2-lists": "~33.1.47",
+    "@syncfusion/ej2-navigations": "~33.1.49",
+    "@syncfusion/ej2-notifications": "~33.1.49",
     "@syncfusion/ej2-popups": "~33.1.44"
   },
   "devDependencies": {},

package/src/drop-down-base/drop-down-base.js

@@ -770,12 +770,25 @@ var DropDownBase = /** @class */ (function (_super) {
                             _this.isPreventChange = _this.isAngular && _this.preventChange ? true : _this.isPreventChange;
                             var isReOrder = true;
                             if (!_this.virtualSelectAll) {
+                                var newQueryWhereCount = 0;
+                                var queryWhereCount = 0;
                                 var newQuery = query_1.clone();
                                 for (var queryElements = 0; queryElements < newQuery.queries.length; queryElements++) {
                                     if (newQuery.queries[queryElements].fn === 'onWhere') {
                                         isWhereExist_1 = true;
+                                        newQueryWhereCount++;
                                     }
                                 }
+                                for (var queryElements = 0; !isNullOrUndefined(_this.query) &&
+                                    queryElements < _this.query.queries.length; queryElements++) {
+                                    if (_this.query.queries[queryElements].fn === 'onWhere') {
+                                        isWhereExist_1 = true;
+                                        queryWhereCount++;
+                                    }
+                                }
+                                if (queryWhereCount === newQueryWhereCount) {
+                                    isWhereExist_1 = false;
+                                }
                                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                 if (_this.isVirtualizationEnabled && (e.count !== 0 && e.count < (_this.itemCount * 2))) {
                                     if (newQuery) {

package/src/drop-down-tree/drop-down-tree.d.ts

@@ -333,6 +333,7 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
     private clearIconWidth;
     private isClicked;
     private documentClickContext;
+    private windowResizeContext;
     private isCheckAllCalled;
     private isFromFilterChange;
     private valueTemplateContainer;

package/src/drop-down-tree/drop-down-tree.js

@@ -172,6 +172,7 @@ var DropDownTree = /** @class */ (function (_super) {
         _this.filterDelayTime = 300;
         _this.isClicked = false;
         _this.documentClickContext = _this.onDocumentClick.bind(_this);
+        _this.windowResizeContext = _this.windowResize.bind(_this);
         // Specifies if the checkAll method has been called
         _this.isCheckAllCalled = false;
         _this.isFromFilterChange = false;
@@ -661,11 +662,14 @@ var DropDownTree = /** @class */ (function (_super) {
         EventHandler.add(this.inputWrapper, 'mousemove', this.mouseIn, this);
         EventHandler.add(this.inputWrapper, 'mouseout', this.onMouseLeave, this);
         EventHandler.add(this.overAllClear, 'mousedown', this.clearAll, this);
-        EventHandler.add(window, 'resize', this.windowResize, this);
+        EventHandler.add(window, 'resize', this.windowResizeContext);
         var formElement = closest(this.inputWrapper, 'form');
         if (formElement) {
             EventHandler.add(formElement, 'reset', this.resetValueHandler, this);
         }
+        if (this.keyboardModule && typeof this.keyboardModule.destroy === 'function') {
+            this.keyboardModule.destroy();
+        }
         this.keyboardModule = new KeyboardEvents(this.inputWrapper, {
             keyAction: this.keyActionHandler.bind(this),
             keyConfigs: this.keyConfigs,
@@ -673,6 +677,9 @@ var DropDownTree = /** @class */ (function (_super) {
         });
     };
     DropDownTree.prototype.wireTreeEvents = function () {
+        if (this.keyboardModule && typeof this.keyboardModule.destroy === 'function') {
+            this.keyboardModule.destroy();
+        }
         this.keyboardModule = new KeyboardEvents(this.tree, {
             keyAction: this.treeAction.bind(this),
             keyConfigs: this.keyConfigs,
@@ -697,7 +704,7 @@ var DropDownTree = /** @class */ (function (_super) {
         EventHandler.remove(this.inputWrapper, 'mousemove', this.mouseIn);
         EventHandler.remove(this.inputWrapper, 'mouseout', this.onMouseLeave);
         EventHandler.remove(this.overAllClear, 'mousedown', this.clearAll);
-        EventHandler.remove(window, 'resize', this.windowResize);
+        EventHandler.remove(window, 'resize', this.windowResizeContext);
         var formElement = closest(this.inputWrapper, 'form');
         if (formElement) {
             EventHandler.remove(formElement, 'reset', this.resetValueHandler);

package/src/mention/mention.js

@@ -378,6 +378,12 @@ var Mention = /** @class */ (function (_super) {
             }
         }
         var currentRange = this.getTextRange();
+        // Pre-flight guard: close popup if mention character is no longer present
+        if (this.isPopupOpen && currentRange !== undefined && currentRange.indexOf(this.mentionChar) === -1) {
+            this.queryString = '';
+            this.hidePopup();
+            return;
+        }
         // eslint-disable-next-line security/detect-non-literal-regexp
         var mentionRegex = new RegExp(this.mentionChar.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + '\\s');
         var isValid = currentRange && mentionRegex.test(currentRange) ? false : true;

package/src/multi-select/multi-select.js

@@ -5059,7 +5059,7 @@ var MultiSelect = /** @class */ (function (_super) {
             this.virtualSelectAll = true;
             length = this.virtualSelectAllData && this.virtualSelectAllData.length !== 0 ? this.virtualSelectAllData.length : length;
             this.listData = this.virtualSelectAllData;
-            var ulElement = this.createListItems(this.virtualSelectAllData.slice(0, 30), this.fields);
+            var ulElement = this.createListItems(this.virtualSelectAllData.slice(0, Math.min(50, this.virtualSelectAllData.length)), this.fields);
             var firstItems = ulElement.querySelectorAll('li');
             var fragment_1 = document.createDocumentFragment();
             firstItems.forEach(function (node) {
@@ -5086,7 +5086,10 @@ var MultiSelect = /** @class */ (function (_super) {
                         this.updateListSelection(concatenatedNodeList[index], event, length - index);
                     }
                     else {
-                        var value = getValue(this.fields.value ? this.fields.value : '', this.virtualSelectAllData[index]);
+                        var rawItem = this.virtualSelectAllData[index];
+                        var value = this.fields.value
+                            ? getValue(this.fields.value, rawItem)
+                            : (typeof rawItem === 'object' && rawItem !== null ? rawItem : rawItem);
                         value = this.allowObjectBinding ? this.getDataByValue(value) : value;
                         if (((!this.allowObjectBinding && this.value && this.value.indexOf(value) >= 0) ||
                             (this.allowObjectBinding && this.indexOfObjectInArray(value, this.value) >= 0))) {
@@ -5118,12 +5121,17 @@ var MultiSelect = /** @class */ (function (_super) {
                             var batch = dataArray.slice(currentIndex, endIndex);
                             // Use map on the batch
                             batch.map(function (obj) {
-                                if (_this.value && obj[_this.fields.value] != null && Array.isArray(_this.value) &&
-                                    ((!_this.allowObjectBinding && _this.value.indexOf(obj[_this.fields.value]) < 0) ||
-                                        (_this.allowObjectBinding && !_this.isObjectInArray(obj[_this.fields.value], _this.value)))) {
-                                    var value = obj[_this.fields.value];
-                                    var text = (obj[_this.fields.text]).toString();
-                                    _this.dispatchSelect(value, event, null, false, length, obj, text);
+                                var isPlainValue = typeof obj !== 'object' || obj === null;
+                                var value = isPlainValue
+                                    ? obj
+                                    : (_this.fields.value ? obj[_this.fields.value] : obj);
+                                var text = isPlainValue
+                                    ? String(obj)
+                                    : (_this.fields.text ? (obj[_this.fields.text]).toString() : String(obj));
+                                if (_this.value && value != null && Array.isArray(_this.value) &&
+                                    ((!_this.allowObjectBinding && _this.value.indexOf(value) < 0) ||
+                                        (_this.allowObjectBinding && !_this.isObjectInArray(value, _this.value)))) {
+                                    _this.dispatchSelect(value, event, null, false, length, isPlainValue ? null : obj, text);
                                 }
                             });
                             currentIndex = endIndex;