@syncfusion/ej2-querybuilder 32.1.21 → 32.1.24

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 32.1.21
+*  version : 32.1.24
 *  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.1.21",
+  "version": "32.1.24",
   "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.1.19",
-    "@syncfusion/ej2-buttons": "~32.1.21",
-    "@syncfusion/ej2-calendars": "~32.1.21",
-    "@syncfusion/ej2-dropdowns": "~32.1.21",
-    "@syncfusion/ej2-inputs": "~32.1.20",
-    "@syncfusion/ej2-splitbuttons": "~32.1.19"
+    "@syncfusion/ej2-base": "~32.1.24",
+    "@syncfusion/ej2-buttons": "~32.1.24",
+    "@syncfusion/ej2-calendars": "~32.1.24",
+    "@syncfusion/ej2-dropdowns": "~32.1.24",
+    "@syncfusion/ej2-inputs": "~32.1.24",
+    "@syncfusion/ej2-splitbuttons": "~32.1.24"
   },
   "devDependencies": {},
   "keywords": [

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

@@ -3010,8 +3010,8 @@ var QueryBuilder = /** @class */ (function (_super) {
         var ds;
         var isValues = false;
         this.isGetNestedData = false;
-        if (this.dataColl[1]) {
-            if (Object.keys(this.dataColl[1]).indexOf(rule.field) > -1) {
+        if (this.dataColl[0]) {
+            if (Object.keys(this.dataColl[0]).indexOf(rule.field) > -1) {
                 isFetched = true;
                 ds = this.getDistinctValues(this.dataColl, rule.field);
             }
@@ -3067,8 +3067,8 @@ var QueryBuilder = /** @class */ (function (_super) {
             }
             var value = this.selectedColumn.field;
             var isFetched = false;
-            if (this.dataColl[1]) {
-                if (Object.keys(this.dataColl[1]).indexOf(value) > -1) {
+            if (this.dataColl[0]) {
+                if (Object.keys(this.dataColl[0]).indexOf(value) > -1) {
                     isFetched = true;
                 }
                 var isNest = value.indexOf(this.separator);
@@ -3089,15 +3089,13 @@ var QueryBuilder = /** @class */ (function (_super) {
         var _this = this;
         var dummyData;
         var deferred = new Deferred();
-        var userQuery = (this.valueModel && this.valueModel.multiSelectModel && this.valueModel.multiSelectModel.query)
-            ? this.valueModel.multiSelectModel.query
-            : null;
+        var multiselectObj = getComponent(element, 'multiselect');
+        var userQuery = multiselectObj.query ? multiselectObj.query : null;
         var dataQuery = (userQuery && typeof userQuery.clone === 'function')
             ? userQuery.clone()
             : new Query();
         dataQuery.select([value]);
         var data = this.dataManager.executeQuery(dataQuery);
-        var multiselectObj = getComponent(element, 'multiselect');
         multiselectObj.hideSpinner();
         this.createSpinner(closest(element, '.e-multi-select-wrapper').parentElement);
         showSpinner(closest(element, '.e-multi-select-wrapper').parentElement);
@@ -3109,7 +3107,12 @@ var QueryBuilder = /** @class */ (function (_super) {
                 dummyData = e.result;
             }
             _this.dataColl = extend(_this.dataColl, dummyData, [], true);
-            multiselectObj.dataSource = _this.getDistinctValues(_this.dataColl, value);
+            var newData = _this.getDistinctValues(_this.dataColl, value);
+            var current = multiselectObj.dataSource;
+            if ((current.length !== newData.length &&
+                (JSON.stringify(current) !== JSON.stringify(newData)))) {
+                multiselectObj.dataSource = newData;
+            }
             _this.isGetNestedData = true;
             hideSpinner(closest(element, '.e-multi-select-wrapper').parentElement);
         }).catch(function (e) {

package/styles/bds-lite.css

@@ -249,6 +249,10 @@
   content: "\e726";
 }
 
+
+
+
+
 .e-query-builder {
   border: 1px solid;
   border-radius: 4px;
@@ -760,6 +764,10 @@
   height: 29px;
 }
 
+
+
+
+
 .e-query-builder {
   background: transparent;
   border-color: var(--color-sf-border-secondary);

package/styles/bds-lite.scss

@@ -11,4 +11,4 @@
 @use 'ej2-popups/styles/spinner/bds-definition' as *;
 @use 'query-builder/bds-definition' as *;
 @use 'query-builder/icons/bds' as *;
-@use 'query-builder/all' as *;
+@use 'query-builder/all.bds' as *;

package/styles/bds.css

@@ -249,6 +249,10 @@
   content: "\e726";
 }
 
+
+
+
+
 .e-query-builder {
   border: 1px solid;
   border-radius: 4px;
@@ -760,6 +764,10 @@
   height: 29px;
 }
 
+
+
+
+
 .e-query-builder {
   background: transparent;
   border-color: var(--color-sf-border-secondary);
@@ -836,6 +844,14 @@
   color: #d92c20;
 }
 
+
+
+
+
+
+
+
+
 .e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
 .e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
 .e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {

package/styles/bds.scss

@@ -11,5 +11,5 @@
 @use 'ej2-popups/styles/spinner/bds-definition' as *;
 @use 'query-builder/bds-definition' as *;
 @use 'query-builder/icons/bds' as *;
-@use 'query-builder/all' as *;
-@use 'query-builder/bigger' as *;
+@use 'query-builder/all.bds' as *;
+@use 'query-builder/bigger.bds' as *;

package/styles/bootstrap-dark-lite.scss

@@ -11,4 +11,4 @@
 @use 'ej2-popups/styles/spinner/bootstrap-dark-definition' as *;
 @use 'query-builder/bootstrap-dark-definition' as *;
 @use 'query-builder/icons/bootstrap-dark' as *;
-@use 'query-builder/all' as *;
+@use 'query-builder/all.bootstrap-dark' as *;

package/styles/bootstrap-dark.scss

@@ -11,5 +11,5 @@
 @use 'ej2-popups/styles/spinner/bootstrap-dark-definition' as *;
 @use 'query-builder/bootstrap-dark-definition' as *;
 @use 'query-builder/icons/bootstrap-dark' as *;
-@use 'query-builder/all' as *;
-@use 'query-builder/bigger' as *;
+@use 'query-builder/all.bootstrap-dark' as *;
+@use 'query-builder/bigger.bootstrap-dark' as *;

package/styles/bootstrap-lite.scss

@@ -11,4 +11,4 @@
 @use 'ej2-popups/styles/spinner/bootstrap-definition' as *;
 @use 'query-builder/bootstrap-definition' as *;
 @use 'query-builder/icons/bootstrap' as *;
-@use 'query-builder/all' as *;
+@use 'query-builder/all.bootstrap' as *;

package/styles/bootstrap.scss

@@ -11,5 +11,5 @@
 @use 'ej2-popups/styles/spinner/bootstrap-definition' as *;
 @use 'query-builder/bootstrap-definition' as *;
 @use 'query-builder/icons/bootstrap' as *;
-@use 'query-builder/all' as *;
-@use 'query-builder/bigger' as *;
+@use 'query-builder/all.bootstrap' as *;
+@use 'query-builder/bigger.bootstrap' as *;

package/styles/bootstrap4-lite.scss

@@ -11,4 +11,4 @@
 @use 'ej2-popups/styles/spinner/bootstrap4-definition' as *;
 @use 'query-builder/bootstrap4-definition' as *;
 @use 'query-builder/icons/bootstrap4' as *;
-@use 'query-builder/all' as *;
+@use 'query-builder/all.bootstrap4' as *;

package/styles/bootstrap4.scss

@@ -11,5 +11,5 @@
 @use 'ej2-popups/styles/spinner/bootstrap4-definition' as *;
 @use 'query-builder/bootstrap4-definition' as *;
 @use 'query-builder/icons/bootstrap4' as *;
-@use 'query-builder/all' as *;
-@use 'query-builder/bigger' as *;
+@use 'query-builder/all.bootstrap4' as *;
+@use 'query-builder/bigger.bootstrap4' as *;

package/styles/bootstrap5-dark-lite.scss

@@ -11,4 +11,4 @@
 @use 'ej2-popups/styles/spinner/bootstrap5-dark-definition' as *;
 @use 'query-builder/bootstrap5-dark-definition' as *;
 @use 'query-builder/icons/bootstrap5-dark' as *;
-@use 'query-builder/all' as *;
+@use 'query-builder/all.bootstrap5-dark' as *;

package/styles/bootstrap5-dark.scss

@@ -11,5 +11,5 @@
 @use 'ej2-popups/styles/spinner/bootstrap5-dark-definition' as *;
 @use 'query-builder/bootstrap5-dark-definition' as *;
 @use 'query-builder/icons/bootstrap5-dark' as *;
-@use 'query-builder/all' as *;
-@use 'query-builder/bigger' as *;
+@use 'query-builder/all.bootstrap5-dark' as *;
+@use 'query-builder/bigger.bootstrap5-dark' as *;

package/styles/bootstrap5-lite.scss

@@ -12,4 +12,4 @@
 @use 'ej2-popups/styles/spinner/bootstrap5-definition' as *;
 @use 'query-builder/bootstrap5-definition' as *;
 @use 'query-builder/icons/bootstrap5' as *;
-@use 'query-builder/all' as *;
+@use 'query-builder/all.bootstrap5' as *;

package/styles/bootstrap5.3-lite.css

@@ -262,6 +262,90 @@
   content: "\e726";
 }
 
+
+
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 .e-query-builder {
   border: 1px solid;
   border-radius: calc(var(--e-radius) * 0.25);
@@ -772,6 +856,90 @@
   height: 28px;
 }
 
+
+
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
 .e-query-builder {
   background: transparent;
   border-color: var(--color-sf-border-light);

package/styles/bootstrap5.3-lite.scss

@@ -12,4 +12,4 @@
 @use 'ej2-popups/styles/spinner/bootstrap5.3-definition' as *;
 @use 'query-builder/bootstrap5.3-definition' as *;
 @use 'query-builder/icons/bootstrap5.3' as *;
-@use 'query-builder/all' as *;
+@use 'query-builder/all.bootstrap5.3' as *;