@syncfusion/ej2-querybuilder 22.2.11 → 23.1.38

package/dist/global/index.d.ts

@@ -1,7 +1,7 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.2.11
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
+*  version : 23.1.38
+*  Copyright Syncfusion Inc. 2001 - 2023. 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
 *  licensing@syncfusion.com. Any infringement will be prosecuted under

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-querybuilder@*",
-  "_id": "@syncfusion/ej2-querybuilder@22.2.9",
+  "_id": "@syncfusion/ej2-querybuilder@23.1.36",
   "_inBundle": false,
-  "_integrity": "sha512-uf/swEHA+Du26D8hgn9BRnrN1lYS+m4IStwUrPxJNHdBLUu9obtYMEKcNMeWQ0N4gMymOtTTpBm0aMhlnuMxyA==",
+  "_integrity": "sha512-Y1PpWURzXsJOGZz+13ww+hz78lDoOzXI6RAF8GdxZcmkA8AL2BXE1E7AwhmA7qOaA1PbPCE8fE3e93EIga9lDA==",
   "_location": "/@syncfusion/ej2-querybuilder",
   "_phantomChildren": {},
   "_requested": {
@@ -23,21 +23,21 @@
     "/@syncfusion/ej2-react-querybuilder",
     "/@syncfusion/ej2-vue-querybuilder"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-22.2.9.tgz",
-  "_shasum": "96d7be0922321a71c166e2f29b7d0b4d1e4eb048",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-23.1.36.tgz",
+  "_shasum": "6bac49c33d064d302743a527ed45f660e6e0af87",
   "_spec": "@syncfusion/ej2-querybuilder@*",
-  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.2.10",
-    "@syncfusion/ej2-buttons": "~22.2.9",
-    "@syncfusion/ej2-calendars": "~22.2.11",
-    "@syncfusion/ej2-dropdowns": "~22.2.11",
-    "@syncfusion/ej2-inputs": "~22.2.9",
-    "@syncfusion/ej2-splitbuttons": "~22.2.8"
+    "@syncfusion/ej2-base": "~23.1.38",
+    "@syncfusion/ej2-buttons": "~23.1.36",
+    "@syncfusion/ej2-calendars": "~23.1.38",
+    "@syncfusion/ej2-dropdowns": "~23.1.38",
+    "@syncfusion/ej2-inputs": "~23.1.38",
+    "@syncfusion/ej2-splitbuttons": "~23.1.36"
   },
   "deprecated": false,
   "description": "Essential JS 2 QueryBuilder",
@@ -66,7 +66,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/querybuilder"
   },
   "typings": "index.d.ts",
-  "version": "22.2.11",
+  "version": "23.1.38",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -54,7 +54,6 @@ export interface ColumnsModel {
      * Specifies the template for value field such as slider or any other widgets.
      *
      * @default null
-     * @aspType string
      */
     template?: TemplateColumn | string | Function;
 

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

@@ -58,7 +58,6 @@ export declare class Columns extends ChildProperty<Columns> {
      * Specifies the template for value field such as slider or any other widgets.
      *
      * @default null
-     * @aspType string
      */
     template: TemplateColumn | string | Function;
     /**

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

@@ -2584,15 +2584,23 @@ var QueryBuilder = /** @class */ (function (_super) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             if (this.isReact) {
                 valElem = this.columnTemplateFn(args, this, ruleID, templateID)[0];
+                target.nextElementSibling.appendChild(valElem);
             } // eslint-disable-next-line @typescript-eslint/no-explicit-any
             else if (this.isAngular) {
                 var valElemColl = this.columnTemplateFn(args, this, ruleID, templateID);
                 valElem = (valElemColl[0].nodeType === 3) ? valElemColl[1] : valElemColl[0];
+                target.nextElementSibling.appendChild(valElem);
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            }
+            else if (this.isVue3) {
+                valElem = this.columnTemplateFn(args, this, 'Template', templateID);
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                append(valElem, target.nextElementSibling);
             }
             else {
                 valElem = this.columnTemplateFn(args, this, 'Template', templateID)[0];
+                target.nextElementSibling.appendChild(valElem);
             }
-            target.nextElementSibling.appendChild(valElem);
             addClass([target.nextElementSibling], 'e-template-value');
             this.renderReactTemplates();
             return true;

package/styles/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

package/styles/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

package/styles/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/material3-dark.scss

@@ -1,3 +1,3 @@
 
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 @import 'query-builder/material3-dark.scss';

package/styles/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/material3.scss

@@ -1,3 +1,3 @@
 
-@import 'ej2-base/styles/material3-definition.scss';
+
 @import 'query-builder/material3.scss';

package/styles/query-builder/bootstrap-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap-dark.scss';
 @import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
 @import 'ej2-buttons/styles/radio-button/bootstrap-dark-definition.scss';
 @import 'ej2-splitbuttons/styles/button-group/bootstrap-dark-definition.scss';

package/styles/query-builder/bootstrap.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap.scss';
 @import 'ej2-buttons/styles/button/bootstrap-definition.scss';
 @import 'ej2-buttons/styles/radio-button/bootstrap-definition.scss';
 @import 'ej2-splitbuttons/styles/button-group/bootstrap-definition.scss';

package/styles/query-builder/bootstrap4.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap4.scss';
 @import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
 @import 'ej2-buttons/styles/radio-button/bootstrap4-definition.scss';
 @import 'ej2-splitbuttons/styles/button-group/bootstrap4-definition.scss';

package/styles/query-builder/bootstrap5-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
 @import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
 @import 'ej2-buttons/styles/radio-button/bootstrap5-dark-definition.scss';
 @import 'ej2-splitbuttons/styles/button-group/bootstrap5-dark-definition.scss';

package/styles/query-builder/bootstrap5.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5.scss';
 @import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
 @import 'ej2-buttons/styles/radio-button/bootstrap5-definition.scss';
 @import 'ej2-splitbuttons/styles/button-group/bootstrap5-definition.scss';

package/styles/query-builder/fabric-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'ej2-base/styles/definition/fabric-dark.scss';
 @import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
 @import 'ej2-buttons/styles/radio-button/fabric-dark-definition.scss';
 @import 'ej2-splitbuttons/styles/button-group/fabric-dark-definition.scss';

package/styles/query-builder/fabric.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fabric-definition.scss';
+@import 'ej2-base/styles/definition/fabric.scss';
 @import 'ej2-buttons/styles/button/fabric-definition.scss';
 @import 'ej2-buttons/styles/radio-button/fabric-definition.scss';
 @import 'ej2-splitbuttons/styles/button-group/fabric-definition.scss';

package/styles/query-builder/fluent-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'ej2-base/styles/definition/fluent-dark.scss';
 @import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
 @import 'ej2-buttons/styles/radio-button/fluent-dark-definition.scss';
 @import 'ej2-splitbuttons/styles/button-group/fluent-dark-definition.scss';

package/styles/query-builder/fluent.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fluent-definition.scss';
+@import 'ej2-base/styles/definition/fluent.scss';
 @import 'ej2-buttons/styles/button/fluent-definition.scss';
 @import 'ej2-buttons/styles/radio-button/fluent-definition.scss';
 @import 'ej2-splitbuttons/styles/button-group/fluent-definition.scss';

package/styles/query-builder/highcontrast-light.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast-light.scss';
 @import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
 @import 'ej2-buttons/styles/radio-button/highcontrast-light-definition.scss';
 @import 'ej2-splitbuttons/styles/button-group/highcontrast-light-definition.scss';

package/styles/query-builder/highcontrast.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast.scss';
 @import 'ej2-buttons/styles/button/highcontrast-definition.scss';
 @import 'ej2-buttons/styles/radio-button/highcontrast-definition.scss';
 @import 'ej2-splitbuttons/styles/button-group/highcontrast-definition.scss';

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

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

package/styles/query-builder/material-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'ej2-base/styles/definition/material-dark.scss';
 @import 'ej2-buttons/styles/button/material-dark-definition.scss';
 @import 'ej2-buttons/styles/radio-button/material-dark-definition.scss';
 @import 'ej2-splitbuttons/styles/button-group/material-dark-definition.scss';

package/styles/query-builder/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

package/styles/query-builder/material.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material-definition.scss';
+@import 'ej2-base/styles/definition/material.scss';
 @import 'ej2-buttons/styles/button/material-definition.scss';
 @import 'ej2-buttons/styles/radio-button/material-definition.scss';
 @import 'ej2-splitbuttons/styles/button-group/material-definition.scss';

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

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

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

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 
 @import 'ej2-buttons/styles/button/material3-dark-definition.scss';
 @import 'ej2-buttons/styles/radio-button/material3-dark-definition.scss';

package/styles/query-builder/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/query-builder/material3.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 
 @import 'ej2-buttons/styles/button/material3-definition.scss';
 @import 'ej2-buttons/styles/radio-button/material3-definition.scss';

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

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

package/styles/query-builder/tailwind-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import 'ej2-base/styles/definition/tailwind-dark.scss';
 @import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
 @import 'ej2-buttons/styles/radio-button/tailwind-dark-definition.scss';
 @import 'ej2-splitbuttons/styles/button-group/tailwind-dark-definition.scss';

package/styles/query-builder/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

package/styles/query-builder/tailwind.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'ej2-base/styles/definition/tailwind.scss';
 @import 'ej2-buttons/styles/button/tailwind-definition.scss';
 @import 'ej2-buttons/styles/radio-button/tailwind-definition.scss';
 @import 'ej2-splitbuttons/styles/button-group/tailwind-definition.scss';

package/styles/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

package/styles/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;