@syncfusion/ej2-dropdowns 27.1.48 → 27.1.51

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

@@ -1928,7 +1928,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                 }
                 addClass([this.list], dropDownBaseClasses.grouping);
             }
-            else {
+            else if (this.getModuleName() !== 'listbox' || (this.getModuleName() === 'listbox' && !this.preventDefActionFilter)) {
                 dataSource = this.getSortedDataSource(dataSource);
             }
             var options = this.listOption(dataSource, fields);
@@ -2526,7 +2526,6 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
             }
             if (this.getModuleName() === 'listbox') {
                 this.updateActionCompleteData(li, item, isListboxEmpty ? null : index + i);
-                isListboxEmpty = true;
             }
             else {
                 this.updateActionCompleteData(li, item, index);
@@ -3139,12 +3138,20 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             removeClass([this.inputWrapper.container], dropDownListClasses.disable);
             this.inputElement.setAttribute('aria-disabled', 'false');
             this.targetElement().setAttribute('tabindex', this.tabIndex);
+            if (this.inputWrapper && this.inputWrapper.container) {
+                this.inputWrapper.container.setAttribute('aria-disabled', 'false');
+                this.inputWrapper.container.removeAttribute('disabled');
+            }
         }
         else {
             this.hidePopup();
             addClass([this.inputWrapper.container], dropDownListClasses.disable);
             this.inputElement.setAttribute('aria-disabled', 'true');
             this.targetElement().tabIndex = -1;
+            if (this.inputWrapper && this.inputWrapper.container) {
+                this.inputWrapper.container.setAttribute('aria-disabled', 'true');
+                this.inputWrapper.container.setAttribute('disabled', '');
+            }
         }
     };
     /**
@@ -4506,7 +4513,10 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             }
             else {
                 if (!isNullOrUndefined(this.hiddenElement)) {
-                    this.hiddenElement.innerHTML = '<option selected>' + this.text + '</option>';
+                    var option = document.createElement('option');
+                    option.text = this.text;
+                    option.setAttribute('selected', '');
+                    this.hiddenElement.appendChild(option);
                     var selectedElement = this.hiddenElement.querySelector('option');
                     selectedElement.setAttribute('value', value.toString());
                 }
@@ -8726,7 +8736,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                         addClass([focusedElement], ['e-node-focus']);
                     }
                 }
-                if (_this.treeObj.checkedNodes.length > 0) {
+                if (_this.treeObj.checkedNodes.length > 0 && !_this.isFilterRestore) {
                     var nodes = _this.treeObj.element.querySelectorAll('li');
                     var checkedNodes = _this.treeObj.element.querySelectorAll('li[aria-checked=true]');
                     if ((checkedNodes.length === nodes.length || _this.checkSelectAll) && _this.checkBoxElement) {
@@ -14695,9 +14705,6 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                         _this.fields.value : ''), value) : value;
                     _this.virtualSelectAll = false;
                     var removeVal = _this.value.slice(0);
-                    if (_this.enableVirtualization && isClearAll) {
-                        removeVal = [];
-                    }
                     removeVal.splice(index, 1);
                     if (_this.enableVirtualization && _this.mode === 'CheckBox') {
                         _this.selectedListData.splice(index, 1);
@@ -16974,7 +16981,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 this.isSelectAll = this.isSelectAll ? !this.isSelectAll : this.isSelectAll;
             }
             this.updateHiddenElement();
-            this.value = [];
+            this.setProperties({ value: [] }, true);
             this.virtualSelectAll = false;
             if (!isNullOrUndefined(this.viewPortInfo.startIndex) && !isNullOrUndefined(this.viewPortInfo.endIndex)) {
                 this.notify('setCurrentViewDataAsync', {
@@ -19383,7 +19390,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
                 }
                 filterElem.selectionStart = txtLength;
                 filterElem.selectionEnd = txtLength;
-                filterElem.focus();
+                if (filterElem.value !== '') {
+                    filterElem.focus();
+                }
             }
         }
         if (this.toolbarSettings.items.length && this.scope && this.scope.indexOf('#') > -1 && !isNullOrUndefined(e)) {
@@ -19835,33 +19844,24 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
             items = (items instanceof Array ? items : [items]);
             var fields = this.fields;
             var dataValue = void 0;
-            var objValue = void 0;
+            var objValue = {};
             var dupData = [];
-            var itemIdx = void 0;
             extend(dupData, [], this.jsonData);
             var removeIdxes = [];
             var removeLiIdxes = [];
+            for (var i = 0; i < dupData.length; i++) {
+                var value = (dupData[i] instanceof Object) ? dupData[i][fields.value] :
+                    dupData[i].toString();
+                objValue[value] = i;
+            }
             for (var j = 0; j < items.length; j++) {
-                if (items[j] instanceof Object) {
-                    dataValue = getValue(fields.value, items[j]);
-                }
-                else {
-                    dataValue = items[j].toString();
-                }
-                for (var i = 0, len = dupData.length; i < len; i++) {
-                    if (dupData[i] instanceof Object) {
-                        objValue = getValue(fields.value, dupData[i]);
-                    }
-                    else {
-                        objValue = dupData[i].toString();
-                    }
-                    if (objValue === dataValue) {
-                        itemIdx = this.getIndexByValue(dataValue);
-                        var idx = itemIdx === i ? itemIdx : i;
-                        liCollections.push(liElement[idx]);
-                        removeIdxes.push(idx);
-                        removeLiIdxes.push(idx);
-                    }
+                dataValue = (items[j] instanceof Object) ? items[j][fields.value] :
+                    items[j].toString();
+                if (Object.prototype.hasOwnProperty.call(objValue, dataValue)) {
+                    var idx = objValue[dataValue];
+                    liCollections.push(liElement[idx]);
+                    removeIdxes.push(idx);
+                    removeLiIdxes.push(idx);
                 }
             }
             var validRemoveIdxes = removeIdxes.sort(function (a, b) { return b - a; });
@@ -20695,7 +20695,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
         }
         flistboxarray = newFlistboxArray;
         moveTo(fListBox.ulElement, tListBox.ulElement, flistboxarray, index);
-        this.trigger('actionComplete', { items: tempItems, eventName: this.toolbarAction });
+        fListBox.trigger('actionComplete', { items: tempItems, eventName: this.toolbarAction });
         if (isKey) {
             this.list.focus();
         }
@@ -20744,8 +20744,8 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
             fListBox.listData = fListBox.sortedData = fListBox.jsonData = tempData;
         }
         else if (fListBox.allowFiltering) {
+            var disabledData_1 = [];
             if (tempLiColl.length > 0) {
-                var disabledData_1 = [];
                 for (var i = 0; i < tempLiColl.length; i++) {
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     disabledData_1.push(this.getDataByValue(tempLiColl[i].getAttribute('data-value')));
@@ -20762,7 +20762,13 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
                     }
                 }
             }
-            fListBox.listData = fListBox.sortedData = [];
+            if (tempLiColl.length > 0) {
+                fListBox.listData = disabledData_1;
+                fListBox.sortedData = [];
+            }
+            else {
+                fListBox.listData = fListBox.sortedData = [];
+            }
         }
         if (isRefresh) {
             var sourceElem = tListBox.renderItems(listData, tListBox.fields);
@@ -20986,7 +20992,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
                                 }
                                 _this.isFiltered = true;
                                 _this.remoteFilterAction = true;
+                                _this.preventDefActionFilter = eventArgsData_1.preventDefaultAction;
                                 _this.dataUpdater(dataSource, query, fields);
+                                _this.preventDefActionFilter = false;
                             },
                             event: e,
                             cancel: false
@@ -20996,6 +21004,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
                             if (args.cancel || (_this.filterInput.value !== '' && _this.isFiltered)) {
                                 return;
                             }
+                            _this.preventDefActionFilter = false;
                             if (!args.cancel && !_this.isCustomFiltering && !args.preventDefaultAction) {
                                 _this.inputString = _this.filterInput.value;
                                 _this.filteringAction(_this.jsonData, new Query(), _this.fields);
@@ -21405,7 +21414,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
                         this.initDraggable();
                     }
                     else {
-                        getComponent(this.ulElement, 'sortable').destroy();
+                        if (this.ulElement.classList.contains('e-sortable')) {
+                            getComponent(this.ulElement, 'sortable').destroy();
+                        }
                     }
                     break;
                 case 'allowFiltering':