@syncfusion/ej2-dropdowns 20.4.38 → 20.4.42

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

@@ -626,10 +626,10 @@ let DropDownBase = class DropDownBase extends Component {
                                     this.isDataFetched = true;
                                 }
                                 ulElement = this.renderItems(listItems, fields);
+                                this.onActionComplete(ulElement, listItems, e);
                                 if (this.groupTemplate) {
                                     this.renderGroupTemplate(ulElement);
                                 }
-                                this.onActionComplete(ulElement, listItems, e);
                                 this.isRequested = false;
                                 this.bindChildItems(listItems, ulElement, fields, e);
                             }
@@ -5952,6 +5952,9 @@ let DropDownTree = class DropDownTree extends Component {
         }
         const eventArgs = { data: args.data };
         this.trigger('dataBound', eventArgs);
+        if (this.filterObj === null) {
+            this.isFilteredData = false;
+        }
         if (this.isFilteredData) {
             this.treeObj.expandAll();
         }
@@ -8929,6 +8932,8 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         this.isValidKey = false;
         this.selectAllEventData = [];
         this.selectAllEventEle = [];
+        this.resetMainList = null;
+        this.resetFilteredData = false;
         this.scrollFocusStatus = false;
         this.keyDownStatus = false;
     }
@@ -9672,6 +9677,10 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             }
         }
         this.updateDataList();
+        if (this.resetMainList) {
+            this.mainList = this.resetMainList;
+            this.resetMainList = null;
+        }
         this.refreshListItems(null);
         if (this.mode !== 'Box' && this.mode !== 'CheckBox') {
             this.updateDelimView();
@@ -11081,6 +11090,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         });
     }
     search(e) {
+        this.resetFilteredData = true;
         if (!isNullOrUndefined(e)) {
             this.keyCode = e.keyCode;
         }
@@ -12270,6 +12280,11 @@ let MultiSelect = class MultiSelect extends DropDownBase {
     onPropertyChanged(newProp, oldProp) {
         if (newProp.dataSource && !isNullOrUndefined(Object.keys(newProp.dataSource))
             || newProp.query && !isNullOrUndefined(Object.keys(newProp.query))) {
+            if (this.resetFilteredData) {
+                // The filtered data is not being reset in the component after the user focuses out.
+                this.resetMainList = !this.resetMainList ? this.mainList : this.resetMainList;
+                this.resetFilteredData = false;
+            }
             this.mainList = null;
             this.mainData = null;
             this.isFirstClick = false;
@@ -14154,7 +14169,8 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
             dragArgs = extend(dragArgs, { destination: dragArgs1 });
         }
         this.trigger('drop', dragArgs);
-        let liCollElem = dragArgs.elements;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const liCollElem = dragArgs.elements;
         if (liCollElem.length) {
             for (let i = 0; i < liCollElem.length; i++) {
                 liCollElem[i].classList.remove('e-grabbed');
@@ -15033,7 +15049,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         const isRefresh = tListBox.sortOrder !== 'None' || (tListBox.selectionSettings.showCheckbox !==
             fListBox.selectionSettings.showCheckbox) || tListBox.fields.groupBy || tListBox.itemTemplate || fListBox.itemTemplate;
         this.removeSelected(fListBox, fListBox.getSelectedItems());
-        const tempItems = [].slice.call(fListBox.jsonData);
+        const tempItems = [].slice.call(fListBox.listData);
         const localDataArgs = { cancel: false, items: tempItems, eventName: this.toolbarAction };
         fListBox.trigger('actionBegin', localDataArgs);
         if (localDataArgs.cancel) {
@@ -15078,11 +15094,18 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         fListBox.value = [];
         listData = listData
             .filter((data) => data.isHeader !== true);
-        tListBox.listData = tListBox.jsonData = listData;
+        const sortedData = listData.filter(function (val) {
+            return tListBox.jsonData.indexOf(val) === -1;
+        });
+        for (let i = 0; i < sortedData.length; i++) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            tListBox.jsonData.splice(index + i, 0, sortedData[i]);
+        }
+        tListBox.listData = listData;
         if (fListBox.listData.length === fListBox.jsonData.length) {
             fListBox.listData = fListBox.sortedData = fListBox.jsonData = [];
         }
-        else if (this.allowFiltering) {
+        else if (fListBox.allowFiltering) {
             for (let i = 0; i < fListBox.listData.length; i++) {
                 for (let j = 0; j < fListBox.jsonData.length; j++) {
                     if (fListBox.listData[i] === fListBox.jsonData[j]) {
@@ -16445,9 +16468,18 @@ let Mention = class Mention extends DropDownBase {
         const args = { cancel: false };
         this.trigger('beforeOpen', args, (args) => {
             if (!args.cancel) {
-                const popupEle = isNullOrUndefined(this.target) ? this.createElement('div', {
-                    id: this.inputElement.id + '_popup', className: 'e-mention e-popup ' + (this.cssClass != null ? this.cssClass : '')
-                }) : this.element;
+                let popupEle;
+                if (isNullOrUndefined(this.target)) {
+                    popupEle = this.createElement('div', {
+                        id: this.inputElement.id + '_popup', className: 'e-mention e-popup ' + (this.cssClass != null ? this.cssClass : '')
+                    });
+                }
+                else {
+                    popupEle = this.element;
+                    if (this.cssClass != null) {
+                        addClass([popupEle], this.cssClass.split(' '));
+                    }
+                }
                 if (!isNullOrUndefined(this.target)) {
                     popupEle.id = this.inputElement.id + '_popup';
                     addClass([popupEle], ['e-mention', 'e-popup', 'e-popup-close']);