@syncfusion/ej2-dropdowns 29.2.10 → 29.2.11

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 29.2.10
+*  version : 29.2.11
 *  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.10",
+  "version": "29.2.11",
   "description": "Essential JS 2 DropDown Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,7 +8,7 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-dropdowns.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~29.2.4",
+    "@syncfusion/ej2-base": "~29.2.11",
     "@syncfusion/ej2-data": "~29.2.4",
     "@syncfusion/ej2-inputs": "~29.2.5",
     "@syncfusion/ej2-lists": "~29.2.4",

package/src/multi-select/multi-select.d.ts

@@ -776,6 +776,7 @@ export declare class MultiSelect extends DropDownBase implements IInput {
     private chipClick;
     private removeChipSelection;
     private addChipSelection;
+    private getVirtualDataByValue;
     private onChipRemove;
     private makeTextBoxEmpty;
     private refreshPlaceHolder;

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

@@ -489,7 +489,8 @@ var MultiSelect = /** @class */ (function (_super) {
         if (!isNullOrUndefined(this.value)) {
             this.tempValues = this.allowObjectBinding ? this.value.slice() : this.value.slice();
         }
-        var customValue = this.allowObjectBinding ?
+        var customValue = this.allowObjectBinding ? this.enableVirtualization ?
+            this.getVirtualDataByValue(this.getFormattedValue(value)) :
             this.getDataByValue(this.getFormattedValue(value)) : this.getFormattedValue(value);
         if (this.allowCustomValue && (value !== 'false' && customValue === false || (!isNullOrUndefined(customValue) &&
             customValue.toString() === 'NaN'))) {
@@ -911,9 +912,9 @@ var MultiSelect = /** @class */ (function (_super) {
                 return this.virtualFilterQuery(filterQuery);
             }
             if (this.virtualSelectAll) {
-                return query ? query.take(this.maximumSelectionLength).requiresCount() : this.query ?
-                    this.query.take(this.maximumSelectionLength).requiresCount() :
-                    new Query().take(this.maximumSelectionLength).requiresCount();
+                return query ? query.skip(0).take(this.maximumSelectionLength).requiresCount() : this.query ?
+                    this.query.skip(0).take(this.maximumSelectionLength).requiresCount() :
+                    new Query().skip(0).take(this.maximumSelectionLength).requiresCount();
             }
             return query ? query : this.query ? this.query : new Query();
         }
@@ -1893,6 +1894,15 @@ var MultiSelect = /** @class */ (function (_super) {
         var focuseElem = this.list.querySelector('li.' + dropDownBaseClasses.focus);
         this.focusFirstListItem = !isNullOrUndefined(this.liCollections[0]) ? this.liCollections[0].classList.contains('e-item-focus') :
             false;
+        if (this.list && this.list.querySelector('.e-list-parent.e-ul.e-reorder')) {
+            var elements = this.list.querySelectorAll('li.'
+                + dropDownBaseClasses.li
+                + ':not(.' + HIDE_LIST + ')' + ':not(.e-reorder-hide)' + ':not(.e-virtual-list-end)');
+            if (elements.length > 0) {
+                this.focusFirstListItem = !isNullOrUndefined(elements[0]) ? elements[0].classList.contains('e-item-focus') :
+                    false;
+            }
+        }
         var index = Array.prototype.slice.call(list).indexOf(focuseElem);
         if (index <= 0 && (this.mode === 'CheckBox' && this.allowFiltering)) {
             this.keyAction = false;
@@ -2317,10 +2327,10 @@ var MultiSelect = /** @class */ (function (_super) {
             }
             else if (elements.length) {
                 if (this.mode === 'CheckBox' && this.showSelectAll && !isNullOrUndefined(selectAllParent && position === -1)) {
-                    if (!this.focusFirstListItem && selectAllParent.classList.contains('e-item-focus')) {
+                    if ((!this.focusFirstListItem || position === 1) && selectAllParent.classList.contains('e-item-focus')) {
                         selectAllParent.classList.remove('e-item-focus');
                     }
-                    else if (this.focusFirstListItem && !selectAllParent.classList.contains('e-item-focus')) {
+                    else if (this.focusFirstListItem && !selectAllParent.classList.contains('e-item-focus') && !(position === 1 && this.list.querySelector('.e-item-focus'))) {
                         selectAllParent.classList.add('e-item-focus');
                     }
                 }
@@ -2458,6 +2468,28 @@ var MultiSelect = /** @class */ (function (_super) {
         addClass([element], CHIP_SELECTED);
         this.trigger('chipSelection', e);
     };
+    MultiSelect.prototype.getVirtualDataByValue = function (value) {
+        if (!isNullOrUndefined(this.selectedListData)) {
+            var type = this.typeOfData(this.selectedListData).typeof;
+            if (type === 'string' || type === 'number' || type === 'boolean') {
+                for (var _i = 0, _a = this.selectedListData; _i < _a.length; _i++) {
+                    var item = _a[_i];
+                    if (!isNullOrUndefined(item) && item === value) {
+                        return item;
+                    }
+                }
+            }
+            else {
+                for (var _b = 0, _c = this.selectedListData; _b < _c.length; _b++) {
+                    var item = _c[_b];
+                    if (!isNullOrUndefined(item) && getValue((this.fields.value ? this.fields.value : 'value'), item) === value) {
+                        return item;
+                    }
+                }
+            }
+        }
+        return null;
+    };
     MultiSelect.prototype.onChipRemove = function (e) {
         if (e.which === 3 || e.button === 2) {
             return;
@@ -2465,7 +2497,8 @@ var MultiSelect = /** @class */ (function (_super) {
         if (this.enabled && !this.readonly) {
             var element = e.target.parentElement;
             var customVal = element.getAttribute('data-value');
-            var value = this.allowObjectBinding ?
+            var value = this.allowObjectBinding ? this.enableVirtualization ?
+                this.getVirtualDataByValue(this.getFormattedValue(customVal)) :
                 this.getDataByValue(this.getFormattedValue(customVal)) : this.getFormattedValue(customVal);
             if (this.allowCustomValue && ((customVal !== 'false' && value === false) ||
                 (!isNullOrUndefined(value) && value.toString() === 'NaN'))) {
@@ -2583,7 +2616,7 @@ var MultiSelect = /** @class */ (function (_super) {
                     _this.virtualSelectAll = false;
                     var removeVal = _this.value.slice(0);
                     removeVal.splice(index, 1);
-                    if (_this.enableVirtualization && _this.mode === 'CheckBox') {
+                    if (_this.enableVirtualization && _this.selectedListData) {
                         _this.selectedListData.splice(index, 1);
                     }
                     _this.setProperties({ value: [].concat([], removeVal) }, true);
@@ -2848,7 +2881,7 @@ var MultiSelect = /** @class */ (function (_super) {
                     value = _this.allowObjectBinding ? _this.getDataByValue(value) : value;
                     if (_this.enableVirtualization) {
                         if (isNullOrUndefined(_this.selectedListData)) {
-                            _this.selectedListData = [(_this.getDataByValue(value))];
+                            _this.selectedListData = _this.allowObjectBinding ? [value] : [(_this.getDataByValue(value))];
                         }
                         else {
                             if (dataValue) {
@@ -2861,10 +2894,12 @@ var MultiSelect = /** @class */ (function (_super) {
                             }
                             else {
                                 if (Array.isArray(_this.selectedListData)) {
-                                    _this.selectedListData.push((_this.getDataByValue(value)));
+                                    _this.selectedListData.push(_this.allowObjectBinding ? value :
+                                        (_this.getDataByValue(value)));
                                 }
                                 else {
-                                    _this.selectedListData = [_this.selectedListData, (_this.getDataByValue(value))];
+                                    _this.selectedListData = [_this.selectedListData, _this.allowObjectBinding ? value :
+                                            (_this.getDataByValue(value))];
                                 }
                             }
                         }
@@ -3877,11 +3912,14 @@ var MultiSelect = /** @class */ (function (_super) {
                                             this.selectedListData = [listItems[i]];
                                         }
                                         else {
-                                            if (Array.isArray(this.selectedListData)) {
-                                                this.selectedListData.push((listItems[i]));
-                                            }
-                                            else {
-                                                this.selectedListData = [this.selectedListData, (listItems[i])];
+                                            if ((this.allowObjectBinding && !this.isObjectInArray(listItems[i], this.selectedListData)) ||
+                                                !this.allowObjectBinding) {
+                                                if (Array.isArray(this.selectedListData)) {
+                                                    this.selectedListData.push((listItems[i]));
+                                                }
+                                                else {
+                                                    this.selectedListData = [this.selectedListData, (listItems[i])];
+                                                }
                                             }
                                         }
                                     }
@@ -4950,6 +4988,7 @@ var MultiSelect = /** @class */ (function (_super) {
             }
             this.updateHiddenElement();
             this.setProperties({ value: [] }, true);
+            this.selectedListData = [];
             this.virtualSelectAll = false;
             if (!isNullOrUndefined(this.viewPortInfo.startIndex) && !isNullOrUndefined(this.viewPortInfo.endIndex)) {
                 this.notify('setCurrentViewDataAsync', {
@@ -5466,6 +5505,7 @@ var MultiSelect = /** @class */ (function (_super) {
             this.onLoadSelect();
             if (this.enableVirtualization) {
                 this.setProperties({ text: '' }, true);
+                this.selectedListData = [];
                 this.checkInitialValue();
             }
         }