@syncfusion/ej2-dropdowns 33.1.47 → 33.1.49

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

@@ -1567,8 +1567,8 @@ let DropDownBase = class DropDownBase extends Component {
                             this.isPreventChange = this.isAngular && this.preventChange ? true : this.isPreventChange;
                             let isReOrder = true;
                             if (!this.virtualSelectAll) {
-                                let newQueryWhereCount;
-                                let queryWhereCount;
+                                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') {
@@ -8577,6 +8577,9 @@ let DropDownTree = class DropDownTree extends Component {
         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,
@@ -8584,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,
@@ -18290,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) => {
@@ -18317,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))) {
@@ -18349,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;