@syncfusion/ej2-querybuilder 32.2.4 → 32.2.8

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

@@ -2911,7 +2911,7 @@ let QueryBuilder = class QueryBuilder extends Component {
                 value = dataSource[i][`${field}`].toString();
             }
             const data = {};
-            if (!(value in original)) {
+            if (!(value in original) && value) {
                 original[`${value}`] = 1;
                 if (isNested === 0) {
                     data[`${field}`] = value;
@@ -2999,7 +2999,26 @@ let QueryBuilder = class QueryBuilder extends Component {
                 args.cancel = true;
                 this.bindMultiSelectData(element, value);
             }
+            const multiselectObj = getComponent(element, 'multiselect');
+            if (!multiselectObj) {
+                return;
+            }
+            const incomingQuery = (args.query) ? args.query : null;
+            const existingQuery = multiselectObj.query ? multiselectObj.query : null;
+            if (!this.areQueriesSame(existingQuery, incomingQuery)) {
+                multiselectObj.query = null;
+                args.query = null;
+            }
+        }
+    }
+    areQueriesSame(query1, query2) {
+        if ((query1 === null || query1 === undefined) && (query2 === null || query2 === undefined)) {
+            return true;
+        }
+        if ((query1 === null || query1 === undefined) || (query2 === null || query2 === undefined)) {
+            return false;
         }
+        return JSON.stringify(query1) === JSON.stringify(query2);
     }
     bindMultiSelectData(element, value) {
         this.getMultiSelectData(element, value);
@@ -4114,6 +4133,29 @@ let QueryBuilder = class QueryBuilder extends Component {
         if (this.portals && this.portals.length) {
             this.clearQBTemplate();
         }
+        let qbDdlElems = this.element.querySelectorAll('.qb-dropdownlist');
+        if (!qbDdlElems || qbDdlElems.length === 0) {
+            qbDdlElems = document.querySelectorAll('.qb-dropdownlist');
+        }
+        for (i = 0; i < qbDdlElems.length; i++) {
+            const ddlElem = qbDdlElems[i];
+            const targetInput = ddlElem.tagName === 'INPUT' ? ddlElem : ddlElem.querySelector('input');
+            if (targetInput) {
+                const ddlInst = getComponent(targetInput, 'dropdownlist');
+                if (ddlInst) {
+                    if (ddlInst.close) {
+                        ddlInst.close = null;
+                    }
+                    if (ddlInst.open) {
+                        ddlInst.open = null;
+                    }
+                    if (ddlInst.change) {
+                        ddlInst.change = null;
+                    }
+                    ddlInst.destroy();
+                }
+            }
+        }
         const popupElement = document.querySelectorAll('.qb-dropdownlist.e-popup');
         if (popupElement) {
             for (i = 0; i < popupElement.length; i++) {
@@ -5079,7 +5121,8 @@ let QueryBuilder = class QueryBuilder extends Component {
         if (this.allowDragAndDrop) {
             EventHandler.add(document, 'keydown', this.keyBoardHandler, this);
         }
-        window.addEventListener('resize', this.windowResizeHandler.bind(this));
+        this.boundResizeHandler = this.windowResizeHandler.bind(this);
+        window.addEventListener('resize', this.boundResizeHandler);
     }
     unWireEvents() {
         const wrapper = this.getWrapper();
@@ -5088,7 +5131,10 @@ let QueryBuilder = class QueryBuilder extends Component {
         EventHandler.remove(wrapper, 'focusin', this.focusEventHandler);
         EventHandler.remove(this.element, 'keydown', this.keyBoardHandler);
         EventHandler.remove(document, 'keydown', this.keyBoardHandler);
-        window.removeEventListener('resize', this.windowResizeHandler);
+        if (this.boundResizeHandler) {
+            window.removeEventListener('resize', this.boundResizeHandler);
+            this.boundResizeHandler = null;
+        }
     }
     getParentGroup(target, isParent) {
         const groupLevel = (target instanceof Element) ? this.levelColl[target.id] : this.levelColl[`${target}`];