@syncfusion/ej2-dropdowns 29.2.10 → 29.2.11-81740

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;
@@ -998,7 +999,7 @@ export declare class MultiSelect extends DropDownBase implements IInput {
      *
      * @param {string | number | object | HTMLLIElement} item - Specifies the item to be disabled.
      * @returns {void}
-
+     * @deprecated
      */
     disableItem(item: string | number | object | HTMLLIElement): void;
     /**

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

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference
 /// <reference path='../drop-down-base/drop-down-base-model.d.ts'/>
 import { DropDownBase, dropDownBaseClasses } from '../drop-down-base/drop-down-base';
@@ -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'))) {
@@ -682,7 +683,7 @@ var MultiSelect = /** @class */ (function (_super) {
             if (!this.enableVirtualization || (this.enableVirtualization && (!(this.dataSource instanceof DataManager)))) {
                 this.initialValueUpdate();
             }
-            else if (!this.isRemoveSelection) {
+            else if (!this.isRemoveSelection && (!this.enableVirtualization || (this.enableVirtualization && (!(this.dataSource instanceof DataManager))))) {
                 this.initialValueUpdate(this.listData, true);
             }
             this.initialUpdate();
@@ -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);
@@ -2815,7 +2848,7 @@ var MultiSelect = /** @class */ (function (_super) {
     MultiSelect.prototype.dispatchSelect = function (value, eve, element, isNotTrigger, length, dataValue, text) {
         var _this = this;
         var list = this.listData;
-        if (this.initStatus && !isNotTrigger) {
+        if (this.initStatus && !isNotTrigger && (!this.allowObjectBinding || (this.allowObjectBinding && value))) {
             value = this.allowObjectBinding ? getValue(((this.fields.value) ? this.fields.value : ''), value) : value;
             var val_2 = dataValue ? dataValue : this.getDataByValue(value);
             var eventArgs = {
@@ -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))];
                                 }
                             }
                         }
@@ -3722,7 +3757,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 else {
                     if (this_1.listData) {
                         if (this_1.enableVirtualization) {
-                            if (delim && !this_1.isDynamicRemoteVirtualData) {
+                            if (delim && !this_1.isDynamicRemoteVirtualData && !isInitialVirtualData) {
                                 data = this_1.delimiterWrapper && this_1.delimiterWrapper.innerHTML === '' ? data :
                                     this_1.delimiterWrapper.innerHTML;
                             }
@@ -3734,7 +3769,7 @@ var MultiSelect = /** @class */ (function (_super) {
                                 text = this_1.text.split(delimiterChar);
                             }
                             else {
-                                temp = isInitialVirtualData && delim ? this_1.text : this_1.getTextByValue(value);
+                                temp = isInitialVirtualData && delim ? this_1.text.replace(/,/g, delimiterChar + ' ') : this_1.getTextByValue(value);
                                 var textValues = this_1.isDynamicRemoteVirtualData && value != null && value !== '' && !isInitialVirtualData ?
                                     this_1.getTextByValue(value) : isInitialVirtualData ? this_1.text : (this_1.text && this_1.text !== '' ? this_1.text + this_1.delimiterChar + temp : temp);
                                 data += temp + delimiterChar + ' ';
@@ -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])];
+                                                }
                                             }
                                         }
                                     }
@@ -3895,6 +3933,12 @@ var MultiSelect = /** @class */ (function (_super) {
                             text = this.getTextByValue(value);
                             isCustomData = true;
                         }
+                        else if ((isNullOrUndefined(text) && !this.allowCustomValue) &&
+                            ((!(this.dataSource instanceof DataManager)) ||
+                                (this.dataSource instanceof DataManager && isInitialVirtualData))) {
+                            this.value.splice(index, 1);
+                            index -= 1;
+                        }
                     }
                     else {
                         text = this.getTextByValue(value);
@@ -4950,6 +4994,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 +5511,7 @@ var MultiSelect = /** @class */ (function (_super) {
             this.onLoadSelect();
             if (this.enableVirtualization) {
                 this.setProperties({ text: '' }, true);
+                this.selectedListData = [];
                 this.checkInitialValue();
             }
         }
@@ -5487,6 +5533,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 this.isaddNonPresentItems = false;
             }
             else {
+                this.selectedListData = [];
                 if (prop === 'text') {
                     this.initialTextUpdate();
                     newProp = this.value;
@@ -5530,7 +5577,9 @@ var MultiSelect = /** @class */ (function (_super) {
                                     setTimeout(function () {
                                         _this.initialValueUpdate(listItems_2, true);
                                         _this.isDynamicRemoteVirtualData = false;
-                                        _this.initialUpdate();
+                                        if (!_this.inputFocus || (_this.inputFocus && _this.mode !== 'Default')) {
+                                            _this.initialUpdate();
+                                        }
                                     }, 100);
                                 }
                             });
@@ -6280,7 +6329,7 @@ var MultiSelect = /** @class */ (function (_super) {
      *
      * @param {string | number | object | HTMLLIElement} item - Specifies the item to be disabled.
      * @returns {void}
-
+     * @deprecated
      */
     MultiSelect.prototype.disableItem = function (item) {
         if (this.fields.disabled) {

package/styles/auto-complete/_all.scss

@@ -1 +1 @@
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_bds-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_bootstrap-dark-definition.scss

@@ -1,3 +1,3 @@
-//default
-//undefined
-//enddefault
+//default
+//undefined
+//enddefault

package/styles/auto-complete/_bootstrap-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_bootstrap4-definition.scss

@@ -1,11 +1,11 @@
-//default
-
-.e-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon {
-  font-size: 8px;
-}
-
-.e-bigger .e-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon {
-  font-size: 10px;
-}
-
-//enddefault
+//default
+
+.e-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon {
+  font-size: 8px;
+}
+
+.e-bigger .e-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon {
+  font-size: 10px;
+}
+
+//enddefault

package/styles/auto-complete/_bootstrap5-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_bootstrap5.3-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_fabric-dark-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_fabric-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_fluent-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_fluent2-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_fusionnew-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_highcontrast-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_highcontrast-light-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_material-dark-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_material-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_material3-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_tailwind-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_tailwind3-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/material3-dark.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3-dark.scss';
 
 @import '../drop-down-list/material3-dark-definition.scss';
 @import 'material3-dark-definition.scss';

package/styles/auto-complete/material3.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3.scss';
 
 @import '../drop-down-list/material3-definition.scss';
 @import 'material3-definition.scss';

package/styles/combo-box/_all.scss

@@ -1 +1 @@
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */

package/styles/combo-box/_bds-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_bootstrap-dark-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_bootstrap-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_bootstrap4-definition.scss

@@ -1,11 +1,11 @@
-//default
-
-.e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
-  font-size: 8px;
-}
-
-.e-bigger .e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
-  font-size: 10px;
-}
-
-//enddefault
+//default
+
+.e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
+  font-size: 8px;
+}
+
+.e-bigger .e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
+  font-size: 10px;
+}
+
+//enddefault

package/styles/combo-box/_bootstrap5-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_bootstrap5.3-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_fabric-dark-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_fabric-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_fluent-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_fluent2-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_fusionnew-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_highcontrast-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_highcontrast-light-definition.scss

@@ -1,3 +1,3 @@
-//default
-//undefined
-//enddefault
+//default
+//undefined
+//enddefault

package/styles/combo-box/_material-dark-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_material-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_material3-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_tailwind-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_tailwind3-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/material3-dark.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3-dark.scss';
 
 @import '../drop-down-list/material3-dark-definition.scss';
 @import 'material3-dark-definition.scss';

package/styles/combo-box/material3.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3.scss';
 
 @import '../drop-down-list/material3-definition.scss';
 @import 'material3-definition.scss';

package/styles/drop-down-base/_all.scss

@@ -1,2 +1,2 @@
-@import 'layout.scss';
-@import 'theme.scss';
+@import 'layout.scss';
+@import 'theme.scss';