@syncfusion/ej2-querybuilder 33.2.7 → 33.2.10

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 33.2.7
+*  version : 33.2.10
 *  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": "33.2.7",
+  "version": "33.2.10",
   "description": "Essential JS 2 QueryBuilder",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -10,9 +10,9 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~33.2.3",
     "@syncfusion/ej2-buttons": "~33.2.5",
-    "@syncfusion/ej2-calendars": "~33.2.7",
-    "@syncfusion/ej2-dropdowns": "~33.2.7",
-    "@syncfusion/ej2-inputs": "~33.2.5",
+    "@syncfusion/ej2-calendars": "~33.2.10",
+    "@syncfusion/ej2-dropdowns": "~33.2.10",
+    "@syncfusion/ej2-inputs": "~33.2.10",
     "@syncfusion/ej2-splitbuttons": "~33.2.6"
   },
   "devDependencies": {},

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

@@ -347,6 +347,7 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
     private dragElement;
     private prvtEvtTgrDaD;
     private isDragEventPrevent;
+    private groupConnectorStates;
     private isValueEmpty;
     private isPropChange;
     private isRuleClicked;
@@ -795,6 +796,7 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
     private deleteRuleSuccessCallBack;
     private setGroupRules;
     private keyBoardHandler;
+    private restoreGroupConnectorStates;
     private windowResizeHandler;
     private clearQBTemplate;
     private disableRuleCondition;

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

@@ -217,6 +217,7 @@ var QueryBuilder = /** @class */ (function (_super) {
         _this.cloneGrpBtnClick = false;
         _this.isMiddleGroup = false;
         _this.cloneRuleBtnClick = false;
+        _this.groupConnectorStates = {};
         _this.isValueEmpty = false;
         _this.isPropChange = false;
         _this.isRuleClicked = false;
@@ -4866,6 +4867,17 @@ var QueryBuilder = /** @class */ (function (_super) {
         return visualElement;
     };
     QueryBuilder.prototype.dragStartHandler = function (e) {
+        var _this = this;
+        this.groupConnectorStates = {};
+        var allGroupContainers = this.element.querySelectorAll('.e-group-container');
+        allGroupContainers.forEach(function (grpContainer) {
+            if (grpContainer.id !== '') {
+                var groupRule = _this.getGroup(grpContainer);
+                if (groupRule && groupRule.condition) {
+                    _this.groupConnectorStates[grpContainer.id] = groupRule.condition.toUpperCase();
+                }
+            }
+        });
         this.draggedRule = e.target;
         this.isDragEventPrevent = false;
         document.body.classList.add('e-prevent-select');
@@ -4953,6 +4965,7 @@ var QueryBuilder = /** @class */ (function (_super) {
         if (this.isDragEventPrevent) {
             return;
         }
+        var dropped = false;
         var targetGroup = closest(e.target, '.e-rule-container');
         if (isNullOrUndefined(targetGroup) && e.target.parentElement &&
             e.target.parentElement.classList.contains('e-btn-group') && this.enableSeparateConnector) {
@@ -5057,6 +5070,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                         }
                     }
                 });
+                dropped = true;
             }
         }
         else if (tgrt.classList.contains('e-rule-list') && tgrt.children.length === 0 && !isPreventelem) {
@@ -5087,6 +5101,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                     this.addRules([rule], groupId);
                 }
             }
+            dropped = true;
         }
         else if (tgrt.classList.contains('e-rule-list') && tgrt.children[0].classList.contains('e-group-container') && !isPreventelem) {
             var groupElem = closest(tgrt, '.e-group-container');
@@ -5141,6 +5156,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                     }
                 }
             });
+            dropped = true;
         }
         else if ((closest(e.target, '.e-group-container') || e.target.classList.contains('e-group-container')) && !isPreventelem) {
             var rule = void 0;
@@ -5175,10 +5191,14 @@ var QueryBuilder = /** @class */ (function (_super) {
                     }
                 }
             }
+            dropped = true;
         }
         if (!isPreventelem) {
             this.trigger('ruleChange', { previousRule: prevRule, rule: this.getValidRules(), type: 'drag-and-drop' });
         }
+        if (!dropped) {
+            this.restoreGroupConnectorStates();
+        }
         this.prvtEvtTgrDaD = false;
         document.body.classList.remove('e-prevent-select');
         var borderLineElem = this.element.querySelectorAll('.e-drag-rule-bottom-line');
@@ -5538,11 +5558,38 @@ var QueryBuilder = /** @class */ (function (_super) {
             if (dragElemnet) {
                 remove(dragElemnet);
             }
+            this.restoreGroupConnectorStates();
             if (this.enableSeparateConnector) {
                 this.refresh();
             }
         }
     };
+    QueryBuilder.prototype.restoreGroupConnectorStates = function () {
+        var _this = this;
+        var updatedGroupContainers = this.element.querySelectorAll('.e-group-container');
+        updatedGroupContainers.forEach(function (grpContainer) {
+            var groupId = grpContainer.id;
+            if (_this.groupConnectorStates.hasOwnProperty(groupId)) {
+                var savedCondition = _this.groupConnectorStates[groupId];
+                var groupRule = _this.getGroup(grpContainer);
+                if (groupRule) {
+                    groupRule.condition = savedCondition.toLowerCase();
+                }
+                var andElem = grpContainer.querySelector('.e-btngroup-and');
+                var orElem = grpContainer.querySelector('.e-btngroup-or');
+                if (andElem && orElem) {
+                    if (savedCondition === 'AND') {
+                        andElem.checked = true;
+                        orElem.checked = false;
+                    }
+                    else {
+                        orElem.checked = true;
+                        andElem.checked = false;
+                    }
+                }
+            }
+        });
+    };
     QueryBuilder.prototype.windowResizeHandler = function () {
         if (Browser.isDevice || window.innerWidth < 768) {
             this.displayMode = 'Vertical';
@@ -6401,8 +6448,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                     if (this.element.querySelectorAll('.e-group-container').length > this.maxGroupCount) {
                         return null;
                     }
-                    if (isNullOrUndefined(this.updatedRule) && this.allowDragAndDrop && this.dragElement &&
-                        this.dragElement.querySelector('.e-rule-list') && this.dragElement.querySelector('.e-rule-list').querySelector('.e-group-container')) {
+                    if (isNullOrUndefined(this.updatedRule) && this.allowDragAndDrop && this.dragElement) {
                         this.updatedRule = {
                             isLocked: ruleColl[i].isLocked, condition: ruleColl[i].condition,
                             not: ruleColl[i].not