@syncfusion/ej2-vue-querybuilder 20.1.47 → 20.1.55

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-querybuilder@*",
-  "_id": "@syncfusion/ej2-vue-querybuilder@18.19.1",
+  "_id": "@syncfusion/ej2-vue-querybuilder@20.1.51",
   "_inBundle": false,
-  "_integrity": "sha512-gGz6QWt0Aytb+QYakaDl6SwcZvvbnjsHWSjThohoBSFzw6WGCafF1/mjta7nHlxi7hj7moxDZ+Y3XDW/lAdG1Q==",
+  "_integrity": "sha512-nTmioY7vufIbmXVMCGacFgGGg5e7Cq7gELT9fMRVvp5rl+PGnRqUAb2Nyn8PxCsJFSDbZQNUWuLFT3oo9MHKdg==",
   "_location": "/@syncfusion/ej2-vue-querybuilder",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-querybuilder/-/ej2-vue-querybuilder-18.19.1.tgz",
-  "_shasum": "9100bc2aa2da641c46ed34f7248cf1545d3128df",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-querybuilder/-/ej2-vue-querybuilder-20.1.51.tgz",
+  "_shasum": "1f407fec890e85936501ddfa0a95ade737b9b96f",
   "_spec": "@syncfusion/ej2-vue-querybuilder@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.47",
-    "@syncfusion/ej2-querybuilder": "20.1.47",
-    "@syncfusion/ej2-vue-base": "~20.1.47"
+    "@syncfusion/ej2-base": "~20.1.55",
+    "@syncfusion/ej2-querybuilder": "20.1.55",
+    "@syncfusion/ej2-vue-base": "~20.1.55"
   },
   "deprecated": false,
   "description": "Essential JS 2 QueryBuilder for Vue",
@@ -64,6 +64,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "20.1.47",
+  "version": "20.1.55",
   "sideEffects": false
 }

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

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class ColumnsDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const ColumnsPlugin: {

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

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
+import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
 var ColumnsDirective = /** @class */ (function (_super) {
     __extends(ColumnsDirective, _super);
     function ColumnsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    ColumnsDirective.prototype.render = function () {
+    ColumnsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    ColumnsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     ColumnsDirective.prototype.getTag = function () {
         return 'e-columns';
     };
     ColumnsDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], ColumnsDirective);
     return ColumnsDirective;
 }(vueImport));

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

@@ -28,6 +28,7 @@ export declare class QueryBuilderComponent extends ComponentBase {
     clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
+    custom(): void;
     addGroups(groups: Object[], groupID: string): void;
     addRules(rule: Object[], groupID: string): void;
     deleteGroup(target: Object | string): void;

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

@@ -56,6 +56,7 @@ var QueryBuilderComponent = /** @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     QueryBuilderComponent.prototype.clearTemplate = function (templateNames) {
@@ -114,6 +115,9 @@ var QueryBuilderComponent = /** @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    QueryBuilderComponent.prototype.custom = function () {
+        this.updated();
+    };
     QueryBuilderComponent.prototype.addGroups = function (groups, groupID) {
         return this.ej2Instances.addGroups(groups, groupID);
     };
@@ -184,7 +188,12 @@ var QueryBuilderComponent = /** @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], QueryBuilderComponent);
     return QueryBuilderComponent;

package/styles/fluent-dark.css

@@ -46,16 +46,6 @@
   text-indent: 16px;
 }
 
-.e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
-  padding-left: 0;
-}
-
-.e-bigger .e-popup.e-ddl .e-input-group input,
-.e-bigger .e-popup.e-ddl .e-input-group input.e-input {
-  font-size: 16px;
-  height: 36px;
-}
-
 .e-bigger .e-popup.e-ddl .e-dropdownbase {
   min-height: 40px;
 }
@@ -133,10 +123,6 @@
   text-indent: 16px;
 }
 
-.e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
-  padding-left: 4px;
-}
-
 .e-bigger.e-small .e-ddl.e-popup .e-input-group input,
 .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
   height: 30px;

package/styles/fluent.css

@@ -46,16 +46,6 @@
   text-indent: 16px;
 }
 
-.e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
-  padding-left: 0;
-}
-
-.e-bigger .e-popup.e-ddl .e-input-group input,
-.e-bigger .e-popup.e-ddl .e-input-group input.e-input {
-  font-size: 16px;
-  height: 36px;
-}
-
 .e-bigger .e-popup.e-ddl .e-dropdownbase {
   min-height: 40px;
 }
@@ -133,10 +123,6 @@
   text-indent: 16px;
 }
 
-.e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
-  padding-left: 4px;
-}
-
 .e-bigger.e-small .e-ddl.e-popup .e-input-group input,
 .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
   height: 30px;

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

@@ -46,16 +46,6 @@
   text-indent: 16px;
 }
 
-.e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
-  padding-left: 0;
-}
-
-.e-bigger .e-popup.e-ddl .e-input-group input,
-.e-bigger .e-popup.e-ddl .e-input-group input.e-input {
-  font-size: 16px;
-  height: 36px;
-}
-
 .e-bigger .e-popup.e-ddl .e-dropdownbase {
   min-height: 40px;
 }
@@ -133,10 +123,6 @@
   text-indent: 16px;
 }
 
-.e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
-  padding-left: 4px;
-}
-
 .e-bigger.e-small .e-ddl.e-popup .e-input-group input,
 .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
   height: 30px;

package/styles/query-builder/fluent.css

@@ -46,16 +46,6 @@
   text-indent: 16px;
 }
 
-.e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
-  padding-left: 0;
-}
-
-.e-bigger .e-popup.e-ddl .e-input-group input,
-.e-bigger .e-popup.e-ddl .e-input-group input.e-input {
-  font-size: 16px;
-  height: 36px;
-}
-
 .e-bigger .e-popup.e-ddl .e-dropdownbase {
   min-height: 40px;
 }
@@ -133,10 +123,6 @@
   text-indent: 16px;
 }
 
-.e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
-  padding-left: 4px;
-}
-
 .e-bigger.e-small .e-ddl.e-popup .e-input-group input,
 .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
   height: 30px;