@syncfusion/ej2-dropdowns 29.2.10 → 29.2.11

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

@@ -13092,7 +13092,8 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         if (!isNullOrUndefined(this.value)) {
             this.tempValues = this.allowObjectBinding ? this.value.slice() : this.value.slice();
         }
-        let customValue = this.allowObjectBinding ?
+        let 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'))) {
@@ -13513,9 +13514,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 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();
         }
@@ -14491,6 +14492,15 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         const 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')) {
+            const 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;
+            }
+        }
         const index = Array.prototype.slice.call(list).indexOf(focuseElem);
         if (index <= 0 && (this.mode === 'CheckBox' && this.allowFiltering)) {
             this.keyAction = false;
@@ -14909,10 +14919,10 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             }
             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');
                     }
                 }
@@ -15049,6 +15059,26 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         addClass([element], CHIP_SELECTED);
         this.trigger('chipSelection', e);
     }
+    getVirtualDataByValue(value) {
+        if (!isNullOrUndefined(this.selectedListData)) {
+            const type = this.typeOfData(this.selectedListData).typeof;
+            if (type === 'string' || type === 'number' || type === 'boolean') {
+                for (const item of this.selectedListData) {
+                    if (!isNullOrUndefined(item) && item === value) {
+                        return item;
+                    }
+                }
+            }
+            else {
+                for (const item of this.selectedListData) {
+                    if (!isNullOrUndefined(item) && getValue((this.fields.value ? this.fields.value : 'value'), item) === value) {
+                        return item;
+                    }
+                }
+            }
+        }
+        return null;
+    }
     onChipRemove(e) {
         if (e.which === 3 || e.button === 2) {
             return;
@@ -15056,7 +15086,8 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         if (this.enabled && !this.readonly) {
             const element = e.target.parentElement;
             const customVal = element.getAttribute('data-value');
-            let value = this.allowObjectBinding ?
+            let 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'))) {
@@ -15173,7 +15204,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     this.virtualSelectAll = false;
                     const 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);
@@ -15432,7 +15463,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     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) {
@@ -15445,10 +15476,12 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                             }
                             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))];
                                 }
                             }
                         }
@@ -16449,11 +16482,14 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                                             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])];
+                                                }
                                             }
                                         }
                                     }
@@ -17519,6 +17555,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             }
             this.updateHiddenElement();
             this.setProperties({ value: [] }, true);
+            this.selectedListData = [];
             this.virtualSelectAll = false;
             if (!isNullOrUndefined(this.viewPortInfo.startIndex) && !isNullOrUndefined(this.viewPortInfo.endIndex)) {
                 this.notify('setCurrentViewDataAsync', {
@@ -18029,6 +18066,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             this.onLoadSelect();
             if (this.enableVirtualization) {
                 this.setProperties({ text: '' }, true);
+                this.selectedListData = [];
                 this.checkInitialValue();
             }
         }