@syncfusion/ej2-querybuilder 32.2.7 → 32.2.9

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 32.2.7
+*  version : 32.2.9
 *  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.7",
+  "version": "32.2.9",
   "description": "Essential JS 2 QueryBuilder",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,11 +8,11 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-querybuilder.es5.js",
   "dependencies": {
-    "@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-base": "~32.2.9",
+    "@syncfusion/ej2-buttons": "~32.2.9",
+    "@syncfusion/ej2-calendars": "~32.2.9",
+    "@syncfusion/ej2-dropdowns": "~32.2.9",
+    "@syncfusion/ej2-inputs": "~32.2.8",
     "@syncfusion/ej2-splitbuttons": "~32.2.7"
   },
   "devDependencies": {},

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

@@ -707,6 +707,7 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
     private getDistinctValues;
     private renderMultiSelect;
     private multiSelectOpen;
+    private areQueriesSame;
     private bindMultiSelectData;
     private getMultiSelectData;
     private createSpinner;

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

@@ -2989,7 +2989,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                 value = dataSource[i]["" + field].toString();
             }
             var data = {};
-            if (!(value in original)) {
+            if (!(value in original) && value) {
                 original["" + value] = 1;
                 if (isNested === 0) {
                     data["" + field] = value;
@@ -3081,8 +3081,27 @@ var QueryBuilder = /** @class */ (function (_super) {
                 args.cancel = true;
                 this.bindMultiSelectData(element, value);
             }
+            var multiselectObj = getComponent(element, 'multiselect');
+            if (!multiselectObj) {
+                return;
+            }
+            var incomingQuery = (args.query) ? args.query : null;
+            var existingQuery = multiselectObj.query ? multiselectObj.query : null;
+            if (!this.areQueriesSame(existingQuery, incomingQuery)) {
+                multiselectObj.query = null;
+                args.query = null;
+            }
         }
     };
+    QueryBuilder.prototype.areQueriesSame = function (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);
+    };
     QueryBuilder.prototype.bindMultiSelectData = function (element, value) {
         this.getMultiSelectData(element, value);
     };
@@ -4283,9 +4302,18 @@ var QueryBuilder = /** @class */ (function (_super) {
                 if (this.groupCloned && this.target instanceof HTMLElement &&
                     this.getGroup(this.target).rules.length > 1) {
                     var parent_1 = this.element.querySelector('#' + groupID);
+                    var allContainers = parent_1.querySelectorAll(':scope > .e-group-body > .e-rule-list > [class*="-container"]');
                     var topLevelGroups = parent_1.querySelectorAll(':scope > .e-group-body > .e-rule-list > .e-group-container');
-                    if (groupID !== 'querybuilder_group0' && !(this.isAngular && groupID === 'ej2-querybuilder_0_group0')) {
-                        this.groupIndex = topLevelGroups.length > 1 ? topLevelGroups.length - 1 : 0;
+                    if (topLevelGroups.length > 0 && groupID !== 'querybuilder_group0' && !(this.isAngular && groupID === 'ej2-querybuilder_0_group0')) {
+                        var lastGroupIndex = -1;
+                        var lastGroup = topLevelGroups[topLevelGroups.length - 1];
+                        for (var i = 0; i < allContainers.length; i++) {
+                            if (allContainers[i] === lastGroup) {
+                                lastGroupIndex = i;
+                                break;
+                            }
+                        }
+                        this.groupIndex = lastGroupIndex - 1;
                     }
                 }
                 if (this.groupIndex < 0) {

package/styles/material3-dark-lite.css

@@ -667,7 +667,6 @@
   padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-group-container, .e-query-builder .e-dragclone.e-cloneproperties .e-rule-container {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-rule-value-delete {
@@ -1265,7 +1264,6 @@
   border-color: rgba(var(--color-sf-outline-variant));
 }
 .e-query-builder .e-rule-container {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-color: rgba(var(--color-sf-outline-variant));
 }

package/styles/material3-dark.css

@@ -667,7 +667,6 @@
   padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-group-container, .e-query-builder .e-dragclone.e-cloneproperties .e-rule-container {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-rule-value-delete {
@@ -1265,7 +1264,6 @@
   border-color: rgba(var(--color-sf-outline-variant));
 }
 .e-query-builder .e-rule-container {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-color: rgba(var(--color-sf-outline-variant));
 }

package/styles/material3-lite.css

@@ -671,7 +671,6 @@
   padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-group-container, .e-query-builder .e-dragclone.e-cloneproperties .e-rule-container {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-rule-value-delete {
@@ -1271,7 +1270,6 @@
   border-color: rgba(var(--color-sf-outline-variant));
 }
 .e-query-builder .e-rule-container {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-color: rgba(var(--color-sf-outline-variant));
 }

package/styles/material3.css

@@ -671,7 +671,6 @@
   padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-group-container, .e-query-builder .e-dragclone.e-cloneproperties .e-rule-container {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-rule-value-delete {
@@ -1271,7 +1270,6 @@
   border-color: rgba(var(--color-sf-outline-variant));
 }
 .e-query-builder .e-rule-container {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-color: rgba(var(--color-sf-outline-variant));
 }

package/styles/query-builder/material3-dark.css

@@ -667,7 +667,6 @@
   padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-group-container, .e-query-builder .e-dragclone.e-cloneproperties .e-rule-container {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-rule-value-delete {
@@ -1265,7 +1264,6 @@
   border-color: rgba(var(--color-sf-outline-variant));
 }
 .e-query-builder .e-rule-container {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-color: rgba(var(--color-sf-outline-variant));
 }

package/styles/query-builder/material3.css

@@ -671,7 +671,6 @@
   padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-group-container, .e-query-builder .e-dragclone.e-cloneproperties .e-rule-container {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-rule-value-delete {
@@ -1271,7 +1270,6 @@
   border-color: rgba(var(--color-sf-outline-variant));
 }
 .e-query-builder .e-rule-container {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-color: rgba(var(--color-sf-outline-variant));
 }