@syncfusion/ej2-dropdowns 29.2.11 → 30.1.37

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 29.2.11
+*  version : 30.1.37
 *  Copyright Syncfusion Inc. 2001 - 2024. 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/license

@@ -1,3 +1,3 @@
-Licensing information is available in the following link
+Licensing information is available in the following link 
 
 https://www.syncfusion.com/sales/licensing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-dropdowns",
-  "version": "29.2.11",
+  "version": "30.1.37",
   "description": "Essential JS 2 DropDown Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,13 +8,13 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-dropdowns.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~29.2.11",
-    "@syncfusion/ej2-data": "~29.2.4",
-    "@syncfusion/ej2-inputs": "~29.2.5",
-    "@syncfusion/ej2-lists": "~29.2.4",
-    "@syncfusion/ej2-navigations": "~29.2.8",
-    "@syncfusion/ej2-notifications": "~29.2.4",
-    "@syncfusion/ej2-popups": "~29.2.8"
+    "@syncfusion/ej2-base": "~30.1.37",
+    "@syncfusion/ej2-data": "~30.1.37",
+    "@syncfusion/ej2-inputs": "~30.1.37",
+    "@syncfusion/ej2-lists": "~30.1.37",
+    "@syncfusion/ej2-navigations": "~30.1.37",
+    "@syncfusion/ej2-notifications": "~30.1.37",
+    "@syncfusion/ej2-popups": "~30.1.37"
   },
   "devDependencies": {},
   "keywords": [

package/src/auto-complete/auto-complete.d.ts

@@ -216,8 +216,8 @@ export declare class AutoComplete extends ComboBox {
     protected getLocaleName(): string;
     protected getNgDirective(): string;
     protected getQuery(query: Query): Query;
-    protected searchLists(e: KeyboardEventArgs | MouseEvent): void;
     protected performFiltering(e: KeyboardEventArgs | MouseEvent): void;
+    protected searchLists(e: KeyboardEventArgs | MouseEvent): void;
     /**
      * To filter the data from given data source by using query
      *

package/src/auto-complete/auto-complete.js

@@ -162,6 +162,28 @@ var AutoComplete = /** @class */ (function (_super) {
         }
         return filterQuery;
     };
+    AutoComplete.prototype.performFiltering = function (e) {
+        var _this_1 = this;
+        var eventArgs = {
+            preventDefaultAction: false,
+            text: this.filterInput ? this.filterInput.value : null,
+            updateData: function (dataSource, query, fields) {
+                if (eventArgs.cancel) {
+                    return;
+                }
+                _this_1.isFiltered = true;
+                _this_1.customFilterQuery = query;
+                _this_1.filterAction(dataSource, query, fields);
+            },
+            cancel: false
+        };
+        this.trigger('filtering', eventArgs, function (eventArgs) {
+            if (!eventArgs.cancel && !_this_1.isFiltered && !eventArgs.preventDefaultAction) {
+                _this_1.searchList = true;
+                _this_1.filterAction(_this_1.dataSource, null, _this_1.fields, e);
+            }
+        });
+    };
     AutoComplete.prototype.searchLists = function (e) {
         this.isTyped = true;
         this.isDataFetched = this.isSelectCustom = false;
@@ -187,28 +209,6 @@ var AutoComplete = /** @class */ (function (_super) {
             this.performFiltering(e);
         }
     };
-    AutoComplete.prototype.performFiltering = function (e) {
-        var _this_1 = this;
-        var eventArgs = {
-            preventDefaultAction: false,
-            text: this.filterInput.value,
-            updateData: function (dataSource, query, fields) {
-                if (eventArgs.cancel) {
-                    return;
-                }
-                _this_1.isFiltered = true;
-                _this_1.customFilterQuery = query;
-                _this_1.filterAction(dataSource, query, fields);
-            },
-            cancel: false
-        };
-        this.trigger('filtering', eventArgs, function (eventArgs) {
-            if (!eventArgs.cancel && !_this_1.isFiltered && !eventArgs.preventDefaultAction) {
-                _this_1.searchList = true;
-                _this_1.filterAction(_this_1.dataSource, null, _this_1.fields, e);
-            }
-        });
-    };
     /**
      * To filter the data from given data source by using query
      *

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

@@ -2328,6 +2328,7 @@ var DropDownList = /** @class */ (function (_super) {
             }
             this.getInitialData = false;
             this.isReactTemplateUpdate = true;
+            this.typedString = this.filterInput.value;
             this.searchLists(this.filterArgs);
             return;
         }
@@ -2609,7 +2610,7 @@ var DropDownList = /** @class */ (function (_super) {
                 document.body.appendChild(popupEle);
                 popupEle.style.top = '0px';
                 initialPopupHeight = popupEle.clientHeight;
-                if (_this.enableVirtualization && _this.itemTemplate) {
+                if (_this.enableVirtualization && (_this.itemTemplate || _this.isAngular)) {
                     var listitems = popupEle.querySelectorAll('li.e-list-item:not(.e-virtual-list)');
                     _this.listItemHeight = listitems.length > 0 ? Math.ceil(listitems[0].getBoundingClientRect().height) +
                         parseInt(window.getComputedStyle(listitems[0]).marginBottom, 10) : 0;

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

@@ -725,7 +725,7 @@ var DropDownTree = /** @class */ (function (_super) {
         if (this.isPopupOpen) {
             this.hidePopup();
         }
-        else {
+        else if (!(e instanceof TouchEvent) && e.button !== 2) {
             this.focusIn(e);
             this.renderPopup();
         }

package/src/mention/mention.d.ts

@@ -59,7 +59,6 @@ export declare class Mention extends DropDownBase {
     private isUpDownKey;
     private isRTE;
     private keyEventName;
-    protected debounceTimer: ReturnType<typeof setTimeout> | null;
     /**
      * Defines class/multiple classes separated by a space for the mention component.
      *

package/src/mention/mention.js

@@ -38,9 +38,7 @@ var Mention = /** @class */ (function (_super) {
      * @private
      */
     function Mention(options, element) {
-        var _this = _super.call(this, options, element) || this;
-        _this.debounceTimer = null;
-        return _this;
+        return _super.call(this, options, element) || this;
     }
     /**
      * When property value changes happened, then onPropertyChanged method will execute the respective changes in this component.
@@ -370,12 +368,16 @@ var Mention = /** @class */ (function (_super) {
         var isValid = currentRange && mentionRegex.test(currentRange) ? false : true;
         var lastWordRange = this.getLastLetter(currentRange);
         var previousChar = currentRange ? currentRange.charAt(Math.max(0, currentRange.indexOf(this.mentionChar) - 1)) : '';
-        if (isValid && this.allowSpaces && currentRange && currentRange.includes(this.mentionChar) && currentRange.split(this.mentionChar).pop() !== ''
-            && (!this.requireLeadingSpace || (this.requireLeadingSpace && (previousChar === ' ' || currentRange.indexOf(this.mentionChar) === 0)))) {
-            lastWordRange = this.mentionChar + currentRange.split(this.mentionChar).pop();
-        }
-        if (!this.requireLeadingSpace && lastWordRange && lastWordRange.includes(this.mentionChar)) {
-            lastWordRange = this.mentionChar + lastWordRange.split(this.mentionChar).pop();
+        if (!this.allowSpaces) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            if (isValid && currentRange && currentRange.includes(this.mentionChar) && currentRange.split(this.mentionChar).pop() !== ''
+                && (!this.requireLeadingSpace || (this.requireLeadingSpace && (previousChar === ' ' || currentRange.indexOf(this.mentionChar) === 0)))) {
+                lastWordRange = this.mentionChar + currentRange.split(this.mentionChar).pop();
+            }
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            if (!this.requireLeadingSpace && lastWordRange && lastWordRange.includes(this.mentionChar)) {
+                lastWordRange = this.mentionChar + lastWordRange.split(this.mentionChar).pop();
+            }
         }
         var lastTwoLetters = this.mentionChar.toString() + this.mentionChar.toString();
         // eslint-disable-next-line security/detect-non-literal-regexp
@@ -388,7 +390,8 @@ var Mention = /** @class */ (function (_super) {
             this.hidePopup();
             return;
         }
-        if (((!currentRange || !lastWordRange) || (!lastWordRange.includes(this.mentionChar) && !this.requireLeadingSpace)) || e.code === 'Enter' || e.keyCode === 27 ||
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        if (((!currentRange || !lastWordRange) || (!lastWordRange.includes(this.mentionChar) && !this.requireLeadingSpace && !this.allowSpaces)) || e.code === 'Enter' || e.keyCode === 27 ||
             (lastWordRange.match(Regex) && lastWordRange.match(Regex).length > 1) ||
             (this.isContentEditable(this.inputElement) && this.range.startContainer &&
                 this.range.startContainer.previousElementSibling && this.range.startContainer.previousElementSibling.tagName !== 'BR' && this.range.startContainer.textContent.split('').length > 0 &&

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

@@ -515,7 +515,7 @@ var MultiSelect = /** @class */ (function (_super) {
         if (this.mode === 'CheckBox' && this.allowFiltering) {
             this.notify('targetElement', { module: 'CheckBoxSelection', enable: this.mode === 'CheckBox' });
         }
-        return this.targetInputElement.value;
+        return this.targetInputElement ? this.targetInputElement.value : null;
     };
     MultiSelect.prototype.getForQuery = function (valuecheck, isCheckbox) {
         var predicate;