@syncfusion/ej2-dropdowns 27.1.48 → 27.1.51

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

@@ -1844,7 +1844,7 @@ let DropDownBase = class DropDownBase extends Component {
                 }
                 addClass([this.list], dropDownBaseClasses.grouping);
             }
-            else {
+            else if (this.getModuleName() !== 'listbox' || (this.getModuleName() === 'listbox' && !this.preventDefActionFilter)) {
                 dataSource = this.getSortedDataSource(dataSource);
             }
             const options = this.listOption(dataSource, fields);
@@ -2391,7 +2391,7 @@ let DropDownBase = class DropDownBase extends Component {
             }
         }
         const itemsCount = this.getItems().length;
-        let isListboxEmpty = itemsCount === 0;
+        const isListboxEmpty = itemsCount === 0;
         const selectedItemValue = this.list.querySelector('.' + dropDownBaseClasses.selected);
         items = (items instanceof Array ? items : [items]);
         let index;
@@ -2441,7 +2441,6 @@ let DropDownBase = class DropDownBase extends Component {
             }
             if (this.getModuleName() === 'listbox') {
                 this.updateActionCompleteData(li, item, isListboxEmpty ? null : index + i);
-                isListboxEmpty = true;
             }
             else {
                 this.updateActionCompleteData(li, item, index);
@@ -3035,12 +3034,20 @@ let DropDownList = class DropDownList extends DropDownBase {
             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', '');
+            }
         }
     }
     /**
@@ -4397,7 +4404,10 @@ let DropDownList = class DropDownList extends DropDownBase {
             }
             else {
                 if (!isNullOrUndefined(this.hiddenElement)) {
-                    this.hiddenElement.innerHTML = '<option selected>' + this.text + '</option>';
+                    const option = document.createElement('option');
+                    option.text = this.text;
+                    option.setAttribute('selected', '');
+                    this.hiddenElement.appendChild(option);
                     const selectedElement = this.hiddenElement.querySelector('option');
                     selectedElement.setAttribute('value', value.toString());
                 }
@@ -8542,7 +8552,7 @@ let DropDownTree = class DropDownTree extends Component {
                         addClass([focusedElement], ['e-node-focus']);
                     }
                 }
-                if (this.treeObj.checkedNodes.length > 0) {
+                if (this.treeObj.checkedNodes.length > 0 && !this.isFilterRestore) {
                     const nodes = this.treeObj.element.querySelectorAll('li');
                     const checkedNodes = this.treeObj.element.querySelectorAll('li[aria-checked=true]');
                     if ((checkedNodes.length === nodes.length || this.checkSelectAll) && this.checkBoxElement) {
@@ -14439,10 +14449,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     this.currentRemoveValue = this.allowObjectBinding ? getValue(((this.fields.value) ?
                         this.fields.value : ''), value) : value;
                     this.virtualSelectAll = false;
-                    let removeVal = this.value.slice(0);
-                    if (this.enableVirtualization && isClearAll) {
-                        removeVal = [];
-                    }
+                    const removeVal = this.value.slice(0);
                     removeVal.splice(index, 1);
                     if (this.enableVirtualization && this.mode === 'CheckBox') {
                         this.selectedListData.splice(index, 1);
@@ -16698,7 +16705,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 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', {
@@ -19065,7 +19072,9 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
                 }
                 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)) {
@@ -19509,33 +19518,24 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
             items = (items instanceof Array ? items : [items]);
             const fields = this.fields;
             let dataValue;
-            let objValue;
+            const objValue = {};
             const dupData = [];
-            let itemIdx;
             extend(dupData, [], this.jsonData);
             const removeIdxes = [];
             const removeLiIdxes = [];
+            for (let i = 0; i < dupData.length; i++) {
+                const value = (dupData[i] instanceof Object) ? dupData[i][fields.value] :
+                    dupData[i].toString();
+                objValue[value] = i;
+            }
             for (let j = 0; j < items.length; j++) {
-                if (items[j] instanceof Object) {
-                    dataValue = getValue(fields.value, items[j]);
-                }
-                else {
-                    dataValue = items[j].toString();
-                }
-                for (let 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);
-                        const 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)) {
+                    const idx = objValue[dataValue];
+                    liCollections.push(liElement[idx]);
+                    removeIdxes.push(idx);
+                    removeLiIdxes.push(idx);
                 }
             }
             const validRemoveIdxes = removeIdxes.sort((a, b) => b - a);
@@ -20354,7 +20354,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         }
         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();
         }
@@ -20403,8 +20403,8 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
             fListBox.listData = fListBox.sortedData = fListBox.jsonData = tempData;
         }
         else if (fListBox.allowFiltering) {
+            const disabledData = [];
             if (tempLiColl.length > 0) {
-                const disabledData = [];
                 for (let i = 0; i < tempLiColl.length; i++) {
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     disabledData.push(this.getDataByValue(tempLiColl[i].getAttribute('data-value')));
@@ -20419,7 +20419,13 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
                     }
                 }
             }
-            fListBox.listData = fListBox.sortedData = [];
+            if (tempLiColl.length > 0) {
+                fListBox.listData = disabledData;
+                fListBox.sortedData = [];
+            }
+            else {
+                fListBox.listData = fListBox.sortedData = [];
+            }
         }
         if (isRefresh) {
             const sourceElem = tListBox.renderItems(listData, tListBox.fields);
@@ -20641,7 +20647,9 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
                                 }
                                 this.isFiltered = true;
                                 this.remoteFilterAction = true;
+                                this.preventDefActionFilter = eventArgsData.preventDefaultAction;
                                 this.dataUpdater(dataSource, query, fields);
+                                this.preventDefActionFilter = false;
                             },
                             event: e,
                             cancel: false
@@ -20651,6 +20659,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
                             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);
@@ -21050,7 +21059,9 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
                         this.initDraggable();
                     }
                     else {
-                        getComponent(this.ulElement, 'sortable').destroy();
+                        if (this.ulElement.classList.contains('e-sortable')) {
+                            getComponent(this.ulElement, 'sortable').destroy();
+                        }
                     }
                     break;
                 case 'allowFiltering':