@syncfusion/ej2-dropdowns 33.1.46 → 33.1.49

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

@@ -1567,12 +1567,25 @@ let DropDownBase = class DropDownBase extends Component {
                             this.isPreventChange = this.isAngular && this.preventChange ? true : this.isPreventChange;
                             let isReOrder = true;
                             if (!this.virtualSelectAll) {
+                                let newQueryWhereCount = 0;
+                                let queryWhereCount = 0;
                                 const newQuery = query.clone();
                                 for (let queryElements = 0; queryElements < newQuery.queries.length; queryElements++) {
                                     if (newQuery.queries[queryElements].fn === 'onWhere') {
                                         isWhereExist = true;
+                                        newQueryWhereCount++;
                                     }
                                 }
+                                for (let queryElements = 0; !isNullOrUndefined(this.query) &&
+                                    queryElements < this.query.queries.length; queryElements++) {
+                                    if (this.query.queries[queryElements].fn === 'onWhere') {
+                                        isWhereExist = true;
+                                        queryWhereCount++;
+                                    }
+                                }
+                                if (queryWhereCount === newQueryWhereCount) {
+                                    isWhereExist = false;
+                                }
                                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                 if (this.isVirtualizationEnabled && (e.count !== 0 && e.count < (this.itemCount * 2))) {
                                     if (newQuery) {
@@ -8078,6 +8091,7 @@ let DropDownTree = class DropDownTree extends Component {
         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;
@@ -8558,11 +8572,14 @@ let DropDownTree = class DropDownTree extends Component {
         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);
         const 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,
@@ -8570,6 +8587,9 @@ let DropDownTree = class DropDownTree extends Component {
         });
     }
     wireTreeEvents() {
+        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,
@@ -8594,7 +8614,7 @@ let DropDownTree = class DropDownTree extends Component {
         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);
         const formElement = closest(this.inputWrapper, 'form');
         if (formElement) {
             EventHandler.remove(formElement, 'reset', this.resetValueHandler);
@@ -18276,7 +18296,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             this.virtualSelectAll = true;
             length = this.virtualSelectAllData && this.virtualSelectAllData.length !== 0 ? this.virtualSelectAllData.length : length;
             this.listData = this.virtualSelectAllData;
-            const ulElement = this.createListItems(this.virtualSelectAllData.slice(0, 30), this.fields);
+            const ulElement = this.createListItems(this.virtualSelectAllData.slice(0, Math.min(50, this.virtualSelectAllData.length)), this.fields);
             const firstItems = ulElement.querySelectorAll('li');
             const fragment = document.createDocumentFragment();
             firstItems.forEach((node) => {
@@ -18303,7 +18323,10 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                         this.updateListSelection(concatenatedNodeList[index], event, length - index);
                     }
                     else {
-                        let value = getValue(this.fields.value ? this.fields.value : '', this.virtualSelectAllData[index]);
+                        const rawItem = this.virtualSelectAllData[index];
+                        let 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))) {
@@ -18335,12 +18358,17 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                             const batch = dataArray.slice(currentIndex, endIndex);
                             // Use map on the batch
                             batch.map((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)))) {
-                                    const value = obj[this.fields.value];
-                                    const text = (obj[this.fields.text]).toString();
-                                    this.dispatchSelect(value, event, null, false, length, obj, text);
+                                const isPlainValue = typeof obj !== 'object' || obj === null;
+                                const value = isPlainValue
+                                    ? obj
+                                    : (this.fields.value ? obj[this.fields.value] : obj);
+                                const 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;
@@ -23829,6 +23857,12 @@ let Mention = class Mention extends DropDownBase {
             }
         }
         const 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
         const mentionRegex = new RegExp(this.mentionChar.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + '\\s');
         const isValid = currentRange && mentionRegex.test(currentRange) ? false : true;