@syncfusion/ej2-dropdowns 35.1.37 → 35.1.41

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

@@ -246,7 +246,6 @@ var MultiSelect = /** @class */ (function (_super) {
     };
     MultiSelect.prototype.onPopupShown = function (e) {
         var _this = this;
-        this.sanitizeData();
         if (Browser.isDevice && (this.mode === 'CheckBox' && this.allowFiltering)) {
             // eslint-disable-next-line @typescript-eslint/no-this-alias
             var proxy_1 = this;
@@ -1825,6 +1824,9 @@ var MultiSelect = /** @class */ (function (_super) {
         }
     };
     MultiSelect.prototype.showDelimWrapper = function () {
+        if (!this.value || !this.value.length) {
+            return;
+        }
         if (this.mode === 'CheckBox') {
             this.viewWrapper.style.display = '';
         }
@@ -2964,14 +2966,12 @@ var MultiSelect = /** @class */ (function (_super) {
                         _this.selectedListData.splice(index, 1);
                     }
                     _this.setProperties({ value: [].concat([], removeVal) }, true);
-                    if (_this.enableVirtualization) {
-                        var currentText = index === 0 && _this.text.split(_this.delimiterChar) &&
-                            _this.text.split(_this.delimiterChar).length === 1 ?
-                            _this.text.replace(_this.text.split(_this.delimiterChar)[index], '') :
-                            index === 0 ? _this.text.replace(_this.text.split(_this.delimiterChar)[index] +
-                                _this.delimiterChar, '') :
-                                _this.text.replace(_this.delimiterChar + _this.text.split(_this.delimiterChar)[index], '');
-                        _this.setProperties({ text: currentText.toString() }, true);
+                    if (_this.enableVirtualization && !isNullOrUndefined(_this.text)) {
+                        var textItems = _this.text.split(_this.delimiterChar);
+                        var currentText = index === 0 && textItems.length === 1
+                            ? _this.text.replace(textItems[index], '') : index === 0 ? _this.text.replace(textItems[index]
+                            + _this.delimiterChar, '') : _this.text.replace(_this.delimiterChar + textItems[index], '');
+                        _this.setProperties({ text: currentText }, true);
                     }
                     if (element_1 !== null) {
                         var currentValue_1 = _this.allowObjectBinding ? getValue(((_this.fields.value) ?
@@ -4094,7 +4094,6 @@ var MultiSelect = /** @class */ (function (_super) {
         }
         this.preventSetCurrentData = false;
         this.initializeData();
-        this.sanitizeData();
         this.updateDataAttribute(this.htmlAttributes);
         _super.prototype.preRender.call(this);
     };
@@ -4125,56 +4124,6 @@ var MultiSelect = /** @class */ (function (_super) {
             endIndex: this.itemCount
         };
     };
-    MultiSelect.prototype.sanitizeData = function () {
-        if (this.enableVirtualization && this.mode === 'CheckBox') {
-            if (this.dataSource && Array.isArray(this.dataSource) && !(this.dataSource instanceof DataManager)) {
-                var cleanedDataSource = [];
-                for (var i = 0; i < this.dataSource.length; i++) {
-                    var item = this.dataSource[i];
-                    if (item !== null && item !== undefined && item !== '') {
-                        if (typeof item === 'object') {
-                            var itemValue = getValue((this.fields.value ? this.fields.value : 'value'), item);
-                            if (this.fields.value !== null) {
-                                if (itemValue !== null && itemValue !== undefined && itemValue !== '') {
-                                    cleanedDataSource.push(item);
-                                }
-                            }
-                            else {
-                                cleanedDataSource.push(item);
-                            }
-                        }
-                        else if (typeof item === 'string') {
-                            if (item !== null && item !== undefined && item.trim() !== '') {
-                                cleanedDataSource.push(item);
-                            }
-                        }
-                        else {
-                            cleanedDataSource.push(item);
-                        }
-                    }
-                }
-                if (cleanedDataSource.length !== this.dataSource.length) {
-                    this.setProperties({ dataSource: cleanedDataSource }, true);
-                }
-            }
-            if (this.value && Array.isArray(this.value) && this.value.length > 0) {
-                var cleanedValue = [];
-                for (var i = 0; i < this.value.length; i++) {
-                    var val = this.value[i];
-                    if (val !== null && val !== undefined && val !== '') {
-                        cleanedValue.push(val);
-                    }
-                }
-                if (cleanedValue.length !== this.value.length) {
-                    this.setProperties({ value: cleanedValue }, true);
-                }
-            }
-            return true;
-        }
-        else {
-            return false;
-        }
-    };
     MultiSelect.prototype.updateData = function (delimiterChar, e, isInitialVirtualData) {
         var data = '';
         var delim = this.mode === 'Delimiter' || this.mode === 'CheckBox';
@@ -4213,7 +4162,7 @@ var MultiSelect = /** @class */ (function (_super) {
                             var value = this_1.allowObjectBinding ?
                                 getValue(((this_1.fields.value) ? this_1.fields.value : ''), this_1.value[this_1.value.length - 1]) :
                                 this_1.value[this_1.value.length - 1];
-                            if (this_1.isRemoveSelection) {
+                            if (this_1.isRemoveSelection && this_1.text) {
                                 data = this_1.text.replace(/,/g, delimiterChar + ' ') + delimiterChar + ' ';
                                 text = this_1.text.split(delimiterChar);
                             }
@@ -4325,7 +4274,6 @@ var MultiSelect = /** @class */ (function (_super) {
             || this.list.querySelector('.e-ul') && this.list.querySelector('.e-ul').childElementCount === 0)) {
             isEmptyData = true;
         }
-        this.sanitizeData();
         _super.prototype.render.call(this, null, isEmptyData);
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.totalItemCount = this.dataSource && this.dataSource.length ? this.dataSource.length : 0;
@@ -5592,7 +5540,8 @@ var MultiSelect = /** @class */ (function (_super) {
                                     : (_this.fields.value ? obj[_this.fields.value] : obj);
                                 var text = isPlainValue
                                     ? String(obj)
-                                    : (_this.fields.text ? (obj[_this.fields.text]).toString() : String(obj));
+                                    : (_this.fields.text && obj[_this.fields.text] != null ? (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)))) {
@@ -6256,7 +6205,6 @@ var MultiSelect = /** @class */ (function (_super) {
             switch (prop) {
                 case 'query':
                 case 'dataSource':
-                    this.sanitizeData();
                     if (this.mode === 'CheckBox' && this.showSelectAll) {
                         if (!isNullOrUndefined(this.popupObj) && !this.isDimColumnWithCustomStyle()) {
                             this.popupObj.destroy();
@@ -6274,6 +6222,7 @@ var MultiSelect = /** @class */ (function (_super) {
                             this.list.style.visibility = '';
                         }
                     }
+                    this.updateAriaActiveDescendant();
                     break;
                 case 'htmlAttributes':
                     this.updateHTMLAttribute();
@@ -6289,7 +6238,6 @@ var MultiSelect = /** @class */ (function (_super) {
                     this.updateVal(this.value, this.value, 'text');
                     break;
                 case 'value':
-                    this.sanitizeData();
                     if (this.fields.disabled) {
                         this.removeDisabledItemsValue(this.value);
                     }
@@ -6732,8 +6680,6 @@ var MultiSelect = /** @class */ (function (_super) {
         }
         this.firstItem = this.dataSource && this.dataSource.length > 0 ? this.dataSource[0] : null;
         var args = { cancel: false };
-        var oldValue = extend([], this.value, [], true);
-        var oldData = extend([], this.dataSource, [], true);
         this.trigger('beforeOpen', args, function (args) {
             if (!args.cancel) {
                 if (!_this.ulElement) {
@@ -6745,50 +6691,6 @@ var MultiSelect = /** @class */ (function (_super) {
                     if (_this.inputElement && _this.mode !== 'CheckBox') {
                         _this.focusIn();
                     }
-                    if (_this.enableVirtualization && _this.mode === 'CheckBox') {
-                        if (JSON.stringify(oldData) !== JSON.stringify(_this.dataSource) && _this.sanitizeData() && _this.showSelectAll) {
-                            _this.renderPopup();
-                        }
-                        if (!isNullOrUndefined(oldValue) && !isNullOrUndefined(_this.value) &&
-                            JSON.stringify(oldValue) !== JSON.stringify(_this.value) && _this.sanitizeData()) {
-                            if (_this.fields.disabled) {
-                                _this.removeDisabledItemsValue(_this.value);
-                            }
-                            if (!_this.validateValues(_this.value, oldValue)) {
-                                return;
-                            }
-                            if (_this.isVue && !_this.changeOnBlur && !_this.validateValues(_this.value, oldValue)) {
-                                return;
-                            }
-                            _this.updateVal(_this.value, oldValue, 'value', _this.enableVirtualization);
-                            _this.addValidInputClass();
-                            if (_this.showSelectAll) {
-                                _this.renderPopup();
-                                var totalCount = _this.dataSource instanceof DataManager ? 0 :
-                                    _this.dataSource.length;
-                                var selectedCount = _this.value ? _this.value.length : 0;
-                                if (selectedCount === totalCount) {
-                                    var frame = null;
-                                    if (_this.popupObj) {
-                                        frame = _this.popupObj.element.querySelector('.e-selectall-parent .e-frame');
-                                    }
-                                    if (frame) {
-                                        frame.classList.add('e-check');
-                                        frame.classList.remove('e-uncheck');
-                                        frame.classList.remove('e-stop');
-                                    }
-                                }
-                            }
-                            if (!_this.closePopupOnSelect && _this.isPopupOpen()) {
-                                _this.refreshPopup();
-                            }
-                            if (_this.isPopupOpen() && _this.list && _this.list.querySelector('.e-active.e-disable')) {
-                                var activeItems = _this.list.querySelectorAll('li.' + dropDownBaseClasses.li + '.e-active' + '.e-disable');
-                                removeClass(activeItems, 'e-disable');
-                            }
-                            _this.preventChange = _this.isAngular && _this.preventChange ? !_this.preventChange : _this.preventChange;
-                        }
-                    }
                     return;
                 }
                 if (_this.mode === 'CheckBox' && Browser.isDevice && _this.allowFiltering && _this.isDeviceFullScreen) {
@@ -6946,7 +6848,6 @@ var MultiSelect = /** @class */ (function (_super) {
             // eslint-disable-next-line
             this.value = this.value.slice();
         }
-        this.sanitizeData();
         this.setDynValue = this.initStatus = false;
         this.isSelectAll = false;
         this.selectAllEventEle = [];