@syncfusion/ej2-querybuilder 32.2.4 → 32.2.7

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 32.2.4
+*  version : 32.2.7
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-querybuilder",
-  "version": "32.2.4",
+  "version": "32.2.7",
   "description": "Essential JS 2 QueryBuilder",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,12 +8,12 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-querybuilder.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~32.2.3",
-    "@syncfusion/ej2-buttons": "~32.2.3",
-    "@syncfusion/ej2-calendars": "~32.2.4",
-    "@syncfusion/ej2-dropdowns": "~32.2.4",
-    "@syncfusion/ej2-inputs": "~32.2.3",
-    "@syncfusion/ej2-splitbuttons": "~32.2.3"
+    "@syncfusion/ej2-base": "~32.2.6",
+    "@syncfusion/ej2-buttons": "~32.2.7",
+    "@syncfusion/ej2-calendars": "~32.2.7",
+    "@syncfusion/ej2-dropdowns": "~32.2.7",
+    "@syncfusion/ej2-inputs": "~32.2.7",
+    "@syncfusion/ej2-splitbuttons": "~32.2.7"
   },
   "devDependencies": {},
   "keywords": [

package/src/query-builder/query-builder.d.ts

@@ -353,6 +353,7 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
     private groupCloned;
     private isRequestSent;
     private ddTree;
+    private boundResizeHandler;
     /**
      * Triggers when the component is created.
      *

package/src/query-builder/query-builder.js

@@ -4198,6 +4198,29 @@ var QueryBuilder = /** @class */ (function (_super) {
         if (this.portals && this.portals.length) {
             this.clearQBTemplate();
         }
+        var qbDdlElems = this.element.querySelectorAll('.qb-dropdownlist');
+        if (!qbDdlElems || qbDdlElems.length === 0) {
+            qbDdlElems = document.querySelectorAll('.qb-dropdownlist');
+        }
+        for (i = 0; i < qbDdlElems.length; i++) {
+            var ddlElem = qbDdlElems[i];
+            var targetInput = ddlElem.tagName === 'INPUT' ? ddlElem : ddlElem.querySelector('input');
+            if (targetInput) {
+                var 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();
+                }
+            }
+        }
         var popupElement = document.querySelectorAll('.qb-dropdownlist.e-popup');
         if (popupElement) {
             for (i = 0; i < popupElement.length; i++) {
@@ -5166,7 +5189,8 @@ var QueryBuilder = /** @class */ (function (_super) {
         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);
     };
     QueryBuilder.prototype.unWireEvents = function () {
         var wrapper = this.getWrapper();
@@ -5175,7 +5199,10 @@ var QueryBuilder = /** @class */ (function (_super) {
         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;
+        }
     };
     QueryBuilder.prototype.getParentGroup = function (target, isParent) {
         var groupLevel = (target instanceof Element) ? this.levelColl[target.id] : this.levelColl["" + target];