@syncfusion/ej2-vue-querybuilder 20.4.51 → 21.1.37

package/CHANGELOG.md

@@ -6,27 +6,9 @@
 
 #### Bug Fixes
 
-- `#I430220` - Issue with Value template issue with complex data binding of query builder has been fixed.
-- `#I428779` - Issue with Providing the single quotes in SQL string support to query builder has been fixed.
+- `#I448219` - Issue with Query builder validation not shown using `validateFields` method and scroll the page has been fixed.
 
-## 20.4.42 (2023-01-04)
-
-### QueryBuilder
-
-#### Bug Fixes
-
-- `#F31632` -  Accessibility issue in Query Builder has been resolved.
-
-## 20.4.40 (2022-12-28)
-
-### QueryBuilder
-
-#### Bug Fixes
-
-- `#F178375` - Issue with Browser window get freezes when we set the Invalid SQL rule to query builder has been fixed.
-- `#I423706` - Issue with Field Dropdown list popups get collapses when we use `validateFields` method in query builder has been fixed
-
-## 20.4.38 (2022-12-21)
+## 21.1.35 (2023-03-23)
 
 ### QueryBuilder
 

package/dist/ej2-vue-querybuilder.umd.min.js

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-vue-querybuilder.umd.min.js
-*  version : 20.4.51
+*  version : 21.1.37
 *  Copyright Syncfusion Inc. 2001 - 2020. 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
 *  applicable laws. 
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-querybuilder"),require("vue"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-querybuilder","vue","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Querybuilder,e.Vue,e.ej2VueBase,e.ej2Base)}(this,function(e,t,n,o,r){"use strict";n=n&&n.hasOwnProperty("default")?n.default:n;var s=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),u=function(e,t,n,o){var r,s=arguments.length,u=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)u=Reflect.decorate(e,t,n,o);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(u=(s<3?r(u):s>3?r(t,n,u):r(t,n))||u);return s>3&&u&&Object.defineProperty(t,n,u),u},i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return s(t,e),t.prototype.render=function(){},t=u([o.EJComponentDecorator({})],t)}(n),a={name:"e-columns",install:function(e){e.component(a.name,i)}},c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return s(t,e),t.prototype.render=function(){},t=u([o.EJComponentDecorator({})],t)}(n),l={name:"e-column",install:function(e){e.component(l.name,c)}},p=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),f=function(e,t,n,o){var r,s=arguments.length,u=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)u=Reflect.decorate(e,t,n,o);else for(var i=e.length-1;i>=0;i--)(r=e[i])&&(u=(s<3?r(u):s>3?r(t,n,u):r(t,n))||u);return s>3&&u&&Object.defineProperty(t,n,u),u},d=["isLazyUpdate","plugins","allowValidation","columns","cssClass","dataSource","displayMode","enableNotCondition","enablePersistence","enableRtl","fieldMode","fieldModel","headerTemplate","height","immediateModeDelay","locale","matchCase","maxGroupCount","operatorModel","readonly","rule","separator","showButtons","sortDirection","summaryView","valueModel","width","actionBegin","beforeChange","change","created","dataBound","ruleChange"],y=[],h=function(e){function n(){var n=e.call(this,arguments)||this;return n.propKeys=d,n.models=y,n.hasChildDirective=!0,n.hasInjectedModules=!1,n.tagMapper={"e-columns":"e-column"},n.tagNameMapper={},n.ej2Instances=new t.QueryBuilder({}),n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return p(n,e),n.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var o=n[t],s=this.templateCollection[o];if(s&&s.length){for(var u=0,i=s;u<i.length;u++){var a=i[u];r.getValue("__vue__.$destroy",a)&&a.__vue__.$destroy(),a.innerHTML&&(a.innerHTML="")}delete this.templateCollection[o]}}},n.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.custom=function(){this.updated()},n.prototype.addGroups=function(e,t){return this.ej2Instances.addGroups(e,t)},n.prototype.addRules=function(e,t){return this.ej2Instances.addRules(e,t)},n.prototype.deleteGroup=function(e){return this.ej2Instances.deleteGroup(e)},n.prototype.deleteGroups=function(e){return this.ej2Instances.deleteGroups(e)},n.prototype.deleteRules=function(e){return this.ej2Instances.deleteRules(e)},n.prototype.getDataManagerQuery=function(e){return this.ej2Instances.getDataManagerQuery(e)},n.prototype.getFilteredRecords=function(){return this.ej2Instances.getFilteredRecords()},n.prototype.getGroup=function(e){return this.ej2Instances.getGroup(e)},n.prototype.getOperators=function(e){return this.ej2Instances.getOperators(e)},n.prototype.getPredicate=function(e){return this.ej2Instances.getPredicate(e)},n.prototype.getRule=function(e){return this.ej2Instances.getRule(e)},n.prototype.getRules=function(){return this.ej2Instances.getRules()},n.prototype.getRulesFromSql=function(e,t){return this.ej2Instances.getRulesFromSql(e,t)},n.prototype.getSqlFromRules=function(e,t,n){return this.ej2Instances.getSqlFromRules(e,t,n)},n.prototype.getValidRules=function(e){return this.ej2Instances.getValidRules(e)},n.prototype.getValues=function(e){return this.ej2Instances.getValues(e)},n.prototype.notifyChange=function(e,t,n){return this.ej2Instances.notifyChange(e,t,n)},n.prototype.reset=function(){return this.ej2Instances.reset()},n.prototype.setRules=function(e){return this.ej2Instances.setRules(e)},n.prototype.setRulesFromSql=function(e,t){return this.ej2Instances.setRulesFromSql(e,t)},n.prototype.validateFields=function(){return this.ej2Instances.validateFields()},n=f([o.EJComponentDecorator({props:d})],n)}(o.ComponentBase),m={name:"ejs-querybuilder",install:function(e){e.component(m.name,h),e.component(l.name,c),e.component(a.name,i)}};e.ColumnsDirective=i,e.ColumnDirective=c,e.ColumnsPlugin=a,e.ColumnPlugin=l,e.QueryBuilderComponent=h,e.QueryBuilderPlugin=m,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-querybuilder"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-querybuilder","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Querybuilder,e.ej2VueBase,e.ej2Base)}(this,function(e,t,n,s){"use strict";var i=n.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!n.isExecute){var t=n.isExecute?e:n.gh,i=null;return s.isNullOrUndefined(this.$slots.default)||(i=n.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},i)}},updated:function(){!n.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-columns"}}}),u={name:"e-columns",install:function(e){e.component(u.name,i)}},o=n.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-column"}}}),r={name:"e-column",install:function(e){e.component(r.name,o)}},a=["isLazyUpdate","plugins","allowValidation","columns","cssClass","dataSource","displayMode","enableNotCondition","enablePersistence","enableRtl","fieldMode","fieldModel","headerTemplate","height","immediateModeDelay","locale","matchCase","maxGroupCount","operatorModel","readonly","rule","separator","showButtons","sortDirection","summaryView","valueModel","width","actionBegin","beforeChange","change","created","dataBound","ruleChange"],l=[],c=n.getProps({props:a}),d=c[0],h=c[1],f=Object.keys(h);f.push("modelchanged","update:modelValue");for(var m=0,p=l;m<p.length;m++){var g=p[m];f.push("update:"+g)}var j=n.vueDefineComponent({name:"QueryBuilderComponent",mixins:[n.ComponentBase],props:d,watch:h,emits:f,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.QueryBuilder({}),propKeys:a,models:l,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-columns":"e-column"},tagNameMapper:{},isVue3:!n.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=n.isExecute?e:n.gh,i=null;return s.isNullOrUndefined(this.$slots.default)||(i=n.isExecute?this.$slots.default:this.$slots.default()),t("div",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var i=n[t],u=this.templateCollection[i];if(u&&u.length){for(var o=0,r=u;o<r.length;o++){var a=r[o];s.getValue("__vue__.$destroy",a)&&a.__vue__.$destroy(),a.innerHTML&&(a.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var n=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(s){t!==s||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(n.$emit("update:"+t,e[t]),n.$emit("modelchanged",e[t])))})})},custom:function(){this.updated()},addGroups:function(e,t){return this.ej2Instances.addGroups(e,t)},addRules:function(e,t){return this.ej2Instances.addRules(e,t)},deleteGroup:function(e){return this.ej2Instances.deleteGroup(e)},deleteGroups:function(e){return this.ej2Instances.deleteGroups(e)},deleteRules:function(e){return this.ej2Instances.deleteRules(e)},getDataManagerQuery:function(e){return this.ej2Instances.getDataManagerQuery(e)},getFilteredRecords:function(){return this.ej2Instances.getFilteredRecords()},getGroup:function(e){return this.ej2Instances.getGroup(e)},getOperators:function(e){return this.ej2Instances.getOperators(e)},getPredicate:function(e){return this.ej2Instances.getPredicate(e)},getRule:function(e){return this.ej2Instances.getRule(e)},getRules:function(){return this.ej2Instances.getRules()},getRulesFromSql:function(e,t){return this.ej2Instances.getRulesFromSql(e,t)},getSqlFromRules:function(e,t,n){return this.ej2Instances.getSqlFromRules(e,t,n)},getValidRules:function(e){return this.ej2Instances.getValidRules(e)},getValues:function(e){return this.ej2Instances.getValues(e)},notifyChange:function(e,t,n){return this.ej2Instances.notifyChange(e,t,n)},reset:function(){return this.ej2Instances.reset()},setRules:function(e){return this.ej2Instances.setRules(e)},setRulesFromSql:function(e,t){return this.ej2Instances.setRulesFromSql(e,t)},validateFields:function(){return this.ej2Instances.validateFields()}}}),y={name:"ejs-querybuilder",install:function(e){e.component(y.name,j),e.component(r.name,o),e.component(u.name,i)}};e.ColumnsDirective=i,e.ColumnDirective=o,e.ColumnsPlugin=u,e.ColumnPlugin=r,e.QueryBuilderComponent=j,e.QueryBuilderPlugin=y,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-querybuilder.umd.min.js.map

package/dist/ej2-vue-querybuilder.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-vue-querybuilder.umd.min.js","sources":["../vue2/src/query-builder/columns.directive.js","../vue2/src/query-builder/querybuilder.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport Vue from 'vue';\nimport { EJComponentDecorator } from '@syncfusion/ej2-vue-base';\nvar ColumnsDirective = /** @class */ (function (_super) {\n    __extends(ColumnsDirective, _super);\n    function ColumnsDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ColumnsDirective.prototype.render = function () {\n        return;\n    };\n    ColumnsDirective = __decorate([\n        EJComponentDecorator({})\n    ], ColumnsDirective);\n    return ColumnsDirective;\n}(Vue));\nexport { ColumnsDirective };\nexport var ColumnsPlugin = {\n    name: 'e-columns',\n    install: function (Vue) {\n        Vue.component(ColumnsPlugin.name, ColumnsDirective);\n    }\n};\n/**\n * `e-column` directive represent a column of the VueJS QueryBuilder.\n * It must be contained in a QueryBuilder component(`ejs-querybuilder`).\n * ```vue\n * <ejs-querybuilder :dataSource='data'>\n *   <e-columns>\n *    <e-column field='ID' label='ID' type='number'/>\n *    <e-column field='Date' label='Date' type='date' format='dd/MM/yyyy'/>\n *   </e-columns>\n * </ejs-querybuilder>\n * ```\n */\nvar ColumnDirective = /** @class */ (function (_super) {\n    __extends(ColumnDirective, _super);\n    function ColumnDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ColumnDirective.prototype.render = function () {\n        return;\n    };\n    ColumnDirective = __decorate([\n        EJComponentDecorator({})\n    ], ColumnDirective);\n    return ColumnDirective;\n}(Vue));\nexport { ColumnDirective };\nexport var ColumnPlugin = {\n    name: 'e-column',\n    install: function (Vue) {\n        Vue.component(ColumnPlugin.name, ColumnDirective);\n    }\n};\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { ComponentBase, EJComponentDecorator } from '@syncfusion/ej2-vue-base';\nimport { getValue } from '@syncfusion/ej2-base';\nimport { QueryBuilder } from '@syncfusion/ej2-querybuilder';\nimport { ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin } from './columns.directive';\nexport var properties = ['isLazyUpdate', 'plugins', 'allowValidation', 'columns', 'cssClass', 'dataSource', 'displayMode', 'enableNotCondition', 'enablePersistence', 'enableRtl', 'fieldMode', 'fieldModel', 'headerTemplate', 'height', 'immediateModeDelay', 'locale', 'matchCase', 'maxGroupCount', 'operatorModel', 'readonly', 'rule', 'separator', 'showButtons', 'sortDirection', 'summaryView', 'valueModel', 'width', 'actionBegin', 'beforeChange', 'change', 'created', 'dataBound', 'ruleChange'];\nexport var modelProps = [];\n/**\n * Represents the VueJS QueryBuilder Component.\n * ```html\n * <ejs-querybuilder></ejs-querybuilder>\n * ```\n */\nvar QueryBuilderComponent = /** @class */ (function (_super) {\n    __extends(QueryBuilderComponent, _super);\n    function QueryBuilderComponent() {\n        var _this = _super.call(this, arguments) || this;\n        _this.propKeys = properties;\n        _this.models = modelProps;\n        _this.hasChildDirective = true;\n        _this.hasInjectedModules = false;\n        _this.tagMapper = { \"e-columns\": \"e-column\" };\n        _this.tagNameMapper = {};\n        _this.ej2Instances = new QueryBuilder({});\n        _this.bindProperties();\n        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;\n        _this.ej2Instances.setProperties = _this.setProperties;\n        _this.ej2Instances.clearTemplate = _this.clearTemplate;\n        _this.updated = _this.updated;\n        return _this;\n    }\n    QueryBuilderComponent.prototype.clearTemplate = function (templateNames) {\n        if (!templateNames) {\n            templateNames = Object.keys(this.templateCollection || {});\n        }\n        if (templateNames.length && this.templateCollection) {\n            for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {\n                var tempName = templateNames_1[_i];\n                var elementCollection = this.templateCollection[tempName];\n                if (elementCollection && elementCollection.length) {\n                    for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {\n                        var ele = elementCollection_1[_a];\n                        var destroy = getValue('__vue__.$destroy', ele);\n                        if (destroy) {\n                            ele.__vue__.$destroy();\n                        }\n                        if (ele.innerHTML) {\n                            ele.innerHTML = '';\n                        }\n                    }\n                    delete this.templateCollection[tempName];\n                }\n            }\n        }\n    };\n    QueryBuilderComponent.prototype.setProperties = function (prop, muteOnChange) {\n        var _this = this;\n        if (this.ej2Instances && this.ej2Instances._setProperties) {\n            this.ej2Instances._setProperties(prop, muteOnChange);\n        }\n        if (prop && this.models && this.models.length) {\n            Object.keys(prop).map(function (key) {\n                _this.models.map(function (model) {\n                    if ((key === model) && !(/datasource/i.test(key))) {\n                        _this.$emit('update:' + key, prop[key]);\n                    }\n                });\n            });\n        }\n    };\n    QueryBuilderComponent.prototype.render = function (createElement) {\n        return createElement('div', this.$slots.default);\n    };\n    QueryBuilderComponent.prototype.custom = function () {\n        this.updated();\n    };\n    QueryBuilderComponent.prototype.addGroups = function (groups, groupID) {\n        return this.ej2Instances.addGroups(groups, groupID);\n    };\n    QueryBuilderComponent.prototype.addRules = function (rule, groupID) {\n        return this.ej2Instances.addRules(rule, groupID);\n    };\n    QueryBuilderComponent.prototype.deleteGroup = function (target) {\n        return this.ej2Instances.deleteGroup(target);\n    };\n    QueryBuilderComponent.prototype.deleteGroups = function (groupIdColl) {\n        return this.ej2Instances.deleteGroups(groupIdColl);\n    };\n    QueryBuilderComponent.prototype.deleteRules = function (ruleIdColl) {\n        return this.ej2Instances.deleteRules(ruleIdColl);\n    };\n    QueryBuilderComponent.prototype.getDataManagerQuery = function (rule) {\n        return this.ej2Instances.getDataManagerQuery(rule);\n    };\n    QueryBuilderComponent.prototype.getFilteredRecords = function () {\n        return this.ej2Instances.getFilteredRecords();\n    };\n    QueryBuilderComponent.prototype.getGroup = function (target) {\n        return this.ej2Instances.getGroup(target);\n    };\n    QueryBuilderComponent.prototype.getOperators = function (field) {\n        return this.ej2Instances.getOperators(field);\n    };\n    QueryBuilderComponent.prototype.getPredicate = function (rule) {\n        return this.ej2Instances.getPredicate(rule);\n    };\n    QueryBuilderComponent.prototype.getRule = function (elem) {\n        return this.ej2Instances.getRule(elem);\n    };\n    QueryBuilderComponent.prototype.getRules = function () {\n        return this.ej2Instances.getRules();\n    };\n    QueryBuilderComponent.prototype.getRulesFromSql = function (sqlString, sqlLocale) {\n        return this.ej2Instances.getRulesFromSql(sqlString, sqlLocale);\n    };\n    QueryBuilderComponent.prototype.getSqlFromRules = function (rule, allowEscape, sqlLocale) {\n        return this.ej2Instances.getSqlFromRules(rule, allowEscape, sqlLocale);\n    };\n    QueryBuilderComponent.prototype.getValidRules = function (currentRule) {\n        return this.ej2Instances.getValidRules(currentRule);\n    };\n    QueryBuilderComponent.prototype.getValues = function (field) {\n        return this.ej2Instances.getValues(field);\n    };\n    QueryBuilderComponent.prototype.notifyChange = function (value, element, type) {\n        return this.ej2Instances.notifyChange(value, element, type);\n    };\n    QueryBuilderComponent.prototype.reset = function () {\n        return this.ej2Instances.reset();\n    };\n    QueryBuilderComponent.prototype.setRules = function (rule) {\n        return this.ej2Instances.setRules(rule);\n    };\n    QueryBuilderComponent.prototype.setRulesFromSql = function (sqlString, sqlLocale) {\n        return this.ej2Instances.setRulesFromSql(sqlString, sqlLocale);\n    };\n    QueryBuilderComponent.prototype.validateFields = function () {\n        return this.ej2Instances.validateFields();\n    };\n    QueryBuilderComponent = __decorate([\n        EJComponentDecorator({\n            props: properties\n        })\n    ], QueryBuilderComponent);\n    return QueryBuilderComponent;\n}(ComponentBase));\nexport { QueryBuilderComponent };\nexport var QueryBuilderPlugin = {\n    name: 'ejs-querybuilder',\n    install: function (Vue) {\n        Vue.component(QueryBuilderPlugin.name, QueryBuilderComponent);\n        Vue.component(ColumnPlugin.name, ColumnDirective);\n        Vue.component(ColumnsPlugin.name, ColumnsDirective);\n    }\n};\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","__decorate","decorators","target","key","desc","c","arguments","length","r","getOwnPropertyDescriptor","Reflect","decorate","i","defineProperty","ColumnsDirective","_super","apply","render","EJComponentDecorator","Vue","ColumnsPlugin","name","install","component","ColumnDirective","ColumnPlugin","properties","modelProps","QueryBuilderComponent","_this","call","propKeys","models","hasChildDirective","hasInjectedModules","tagMapper","e-columns","tagNameMapper","ej2Instances","QueryBuilder","bindProperties","_setProperties","setProperties","clearTemplate","updated","templateNames","keys","templateCollection","_i","templateNames_1","tempName","elementCollection","_a","elementCollection_1","ele","getValue","__vue__","$destroy","innerHTML","prop","muteOnChange","map","model","test","$emit","createElement","$slots","default","custom","addGroups","groups","groupID","addRules","rule","deleteGroup","deleteGroups","groupIdColl","deleteRules","ruleIdColl","getDataManagerQuery","getFilteredRecords","getGroup","getOperators","field","getPredicate","getRule","elem","getRules","getRulesFromSql","sqlString","sqlLocale","getSqlFromRules","allowEscape","getValidRules","currentRule","getValues","notifyChange","value","element","type","reset","setRules","setRulesFromSql","validateFields","props","ComponentBase","QueryBuilderPlugin"],"mappings":"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"}
+{"version":3,"file":"ej2-vue-querybuilder.umd.min.js","sources":["../src/query-builder/columns.directive.js","../src/query-builder/querybuilder.component.js"],"sourcesContent":["import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nexport var ColumnsDirective = vueDefineComponent({\n    inject: { custom: { default: null } },\n    render: function (createElement) {\n        if (!isExecute) {\n            var h = !isExecute ? gh : createElement;\n            var slots = null;\n            if (!isNullOrUndefined(this.$slots.default)) {\n                slots = !isExecute ? this.$slots.default() : this.$slots.default;\n            }\n            return h('div', { class: 'e-directive' }, slots);\n        }\n        return;\n    },\n    updated: function () {\n        if (!isExecute && this.custom) {\n            this.custom();\n        }\n    },\n    methods: {\n        getTag: function () {\n            return 'e-columns';\n        }\n    }\n});\nexport var ColumnsPlugin = {\n    name: 'e-columns',\n    install: function (Vue) {\n        Vue.component(ColumnsPlugin.name, ColumnsDirective);\n    }\n};\n/**\n * `e-column` directive represent a column of the VueJS QueryBuilder.\n * It must be contained in a QueryBuilder component(`ejs-querybuilder`).\n * ```vue\n * <ejs-querybuilder :dataSource='data'>\n *   <e-columns>\n *    <e-column field='ID' label='ID' type='number'/>\n *    <e-column field='Date' label='Date' type='date' format='dd/MM/yyyy'/>\n *   </e-columns>\n * </ejs-querybuilder>\n * ```\n */\nexport var ColumnDirective = vueDefineComponent({\n    render: function () {\n        return;\n    },\n    methods: {\n        getTag: function () {\n            return 'e-column';\n        }\n    }\n});\nexport var ColumnPlugin = {\n    name: 'e-column',\n    install: function (Vue) {\n        Vue.component(ColumnPlugin.name, ColumnDirective);\n    }\n};\n","import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';\nimport { QueryBuilder } from '@syncfusion/ej2-querybuilder';\nimport { ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin } from './columns.directive';\nexport var properties = ['isLazyUpdate', 'plugins', 'allowValidation', 'columns', 'cssClass', 'dataSource', 'displayMode', 'enableNotCondition', 'enablePersistence', 'enableRtl', 'fieldMode', 'fieldModel', 'headerTemplate', 'height', 'immediateModeDelay', 'locale', 'matchCase', 'maxGroupCount', 'operatorModel', 'readonly', 'rule', 'separator', 'showButtons', 'sortDirection', 'summaryView', 'valueModel', 'width', 'actionBegin', 'beforeChange', 'change', 'created', 'dataBound', 'ruleChange'];\nexport var modelProps = [];\nexport var testProp = getProps({ props: properties });\nexport var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged', 'update:modelValue');\nfor (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {\n    var props_1 = modelProps_1[_i];\n    emitProbs.push('update:' + props_1);\n}\n/**\n * Represents the VueJS QueryBuilder Component.\n * ```html\n * <ejs-querybuilder></ejs-querybuilder>\n * ```\n */\nexport var QueryBuilderComponent = vueDefineComponent({\n    name: 'QueryBuilderComponent',\n    mixins: [ComponentBase],\n    props: props,\n    watch: watch,\n    emits: emitProbs,\n    provide: function () { return { custom: this.custom }; },\n    data: function () {\n        return {\n            ej2Instances: new QueryBuilder({}),\n            propKeys: properties,\n            models: modelProps,\n            hasChildDirective: true,\n            hasInjectedModules: false,\n            tagMapper: { \"e-columns\": \"e-column\" },\n            tagNameMapper: {},\n            isVue3: !isExecute,\n            templateCollection: {},\n        };\n    },\n    created: function () {\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n        this.ej2Instances.clearTemplate = this.clearTemplate;\n        this.updated = this.updated;\n    },\n    render: function (createElement) {\n        var h = !isExecute ? gh : createElement;\n        var slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = !isExecute ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    },\n    methods: {\n        clearTemplate: function (templateNames) {\n            if (!templateNames) {\n                templateNames = Object.keys(this.templateCollection || {});\n            }\n            if (templateNames.length && this.templateCollection) {\n                for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {\n                    var tempName = templateNames_1[_i];\n                    var elementCollection = this.templateCollection[tempName];\n                    if (elementCollection && elementCollection.length) {\n                        for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {\n                            var ele = elementCollection_1[_a];\n                            var destroy = getValue('__vue__.$destroy', ele);\n                            if (destroy) {\n                                ele.__vue__.$destroy();\n                            }\n                            if (ele.innerHTML) {\n                                ele.innerHTML = '';\n                            }\n                        }\n                        delete this.templateCollection[tempName];\n                    }\n                }\n            }\n        },\n        setProperties: function (prop, muteOnChange) {\n            var _this = this;\n            if (this.isVue3) {\n                this.models = !this.models ? this.ej2Instances.referModels : this.models;\n            }\n            if (this.ej2Instances && this.ej2Instances._setProperties) {\n                this.ej2Instances._setProperties(prop, muteOnChange);\n            }\n            if (prop && this.models && this.models.length) {\n                Object.keys(prop).map(function (key) {\n                    _this.models.map(function (model) {\n                        if ((key === model) && !(/datasource/i.test(key))) {\n                            if (_this.isVue3) {\n                                _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);\n                            }\n                            else {\n                                _this.$emit('update:' + key, prop[key]);\n                                _this.$emit('modelchanged', prop[key]);\n                            }\n                        }\n                    });\n                });\n            }\n        },\n        custom: function () {\n            this.updated();\n        },\n        addGroups: function (groups, groupID) {\n            return this.ej2Instances.addGroups(groups, groupID);\n        },\n        addRules: function (rule, groupID) {\n            return this.ej2Instances.addRules(rule, groupID);\n        },\n        deleteGroup: function (target) {\n            return this.ej2Instances.deleteGroup(target);\n        },\n        deleteGroups: function (groupIdColl) {\n            return this.ej2Instances.deleteGroups(groupIdColl);\n        },\n        deleteRules: function (ruleIdColl) {\n            return this.ej2Instances.deleteRules(ruleIdColl);\n        },\n        getDataManagerQuery: function (rule) {\n            return this.ej2Instances.getDataManagerQuery(rule);\n        },\n        getFilteredRecords: function () {\n            return this.ej2Instances.getFilteredRecords();\n        },\n        getGroup: function (target) {\n            return this.ej2Instances.getGroup(target);\n        },\n        getOperators: function (field) {\n            return this.ej2Instances.getOperators(field);\n        },\n        getPredicate: function (rule) {\n            return this.ej2Instances.getPredicate(rule);\n        },\n        getRule: function (elem) {\n            return this.ej2Instances.getRule(elem);\n        },\n        getRules: function () {\n            return this.ej2Instances.getRules();\n        },\n        getRulesFromSql: function (sqlString, sqlLocale) {\n            return this.ej2Instances.getRulesFromSql(sqlString, sqlLocale);\n        },\n        getSqlFromRules: function (rule, allowEscape, sqlLocale) {\n            return this.ej2Instances.getSqlFromRules(rule, allowEscape, sqlLocale);\n        },\n        getValidRules: function (currentRule) {\n            return this.ej2Instances.getValidRules(currentRule);\n        },\n        getValues: function (field) {\n            return this.ej2Instances.getValues(field);\n        },\n        notifyChange: function (value, element, type) {\n            return this.ej2Instances.notifyChange(value, element, type);\n        },\n        reset: function () {\n            return this.ej2Instances.reset();\n        },\n        setRules: function (rule) {\n            return this.ej2Instances.setRules(rule);\n        },\n        setRulesFromSql: function (sqlString, sqlLocale) {\n            return this.ej2Instances.setRulesFromSql(sqlString, sqlLocale);\n        },\n        validateFields: function () {\n            return this.ej2Instances.validateFields();\n        },\n    }\n});\nexport var QueryBuilderPlugin = {\n    name: 'ejs-querybuilder',\n    install: function (Vue) {\n        Vue.component(QueryBuilderPlugin.name, QueryBuilderComponent);\n        Vue.component(ColumnPlugin.name, ColumnDirective);\n        Vue.component(ColumnsPlugin.name, ColumnsDirective);\n    }\n};\n"],"names":["ColumnsDirective","vueDefineComponent","inject","custom","default","render","createElement","isExecute","h","gh","slots","isNullOrUndefined","this","$slots","class","updated","methods","getTag","ColumnsPlugin","name","install","Vue","component","ColumnDirective","ColumnPlugin","properties","modelProps","testProp","getProps","props","watch","emitProbs","Object","keys","push","_i","modelProps_1","length","props_1","QueryBuilderComponent","mixins","ComponentBase","emits","provide","data","ej2Instances","QueryBuilder","propKeys","models","hasChildDirective","hasInjectedModules","tagMapper","e-columns","tagNameMapper","isVue3","templateCollection","created","bindProperties","_setProperties","setProperties","clearTemplate","templateNames","templateNames_1","tempName","elementCollection","_a","elementCollection_1","ele","getValue","__vue__","$destroy","innerHTML","prop","muteOnChange","_this","referModels","map","key","model","test","vueInstance","$emit","addGroups","groups","groupID","addRules","rule","deleteGroup","target","deleteGroups","groupIdColl","deleteRules","ruleIdColl","getDataManagerQuery","getFilteredRecords","getGroup","getOperators","field","getPredicate","getRule","elem","getRules","getRulesFromSql","sqlString","sqlLocale","getSqlFromRules","allowEscape","getValidRules","currentRule","getValues","notifyChange","value","element","type","reset","setRules","setRulesFromSql","validateFields","QueryBuilderPlugin"],"mappings":"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"}

package/dist/es6/ej2-vue-querybuilder.es2015.js

@@ -1,35 +1,9 @@
 import { QueryBuilder } from '@syncfusion/ej2-querybuilder';
-import { ComponentBase, EJComponentDecorator, allVue, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
-import { Vue } from 'vue-class-component';
+import { ComponentBase, getProps, gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
 import { getValue, isNullOrUndefined } from '@syncfusion/ej2-base';
-import Vue$1 from 'vue';
 
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-// {{VueImport}}
-let vueImport;
-if (!isExecute || parseInt(allVue.version) < 3) {
-    vueImport = Vue;
-}
-else {
-    vueImport = Vue$1;
-}
-let ColumnsDirective = 
-/* Start Options({
-    inject: {
-        custom: {
-            default: null
-        }
-    }
-}) End */
-class ColumnsDirective extends vueImport {
-    constructor() {
-        super(arguments);
-    }
+let ColumnsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
     render(createElement) {
         if (!isExecute) {
             let h = !isExecute ? gh : createElement;
@@ -40,30 +14,22 @@ class ColumnsDirective extends vueImport {
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
-    }
+    },
     updated() {
         if (!isExecute && this.custom) {
             this.custom();
         }
-    }
-    getTag() {
-        return 'e-columns';
-    }
-};
-ColumnsDirective = __decorate([
-    EJComponentDecorator({}, isExecute)
-    /* Start Options({
-        inject: {
-            custom: {
-                default: null
-            }
+    },
+    methods: {
+        getTag() {
+            return 'e-columns';
         }
-    }) End */
-], ColumnsDirective);
+    }
+});
 const ColumnsPlugin = {
     name: 'e-columns',
-    install(Vue$$1) {
-        Vue$$1.component(ColumnsPlugin.name, ColumnsDirective);
+    install(Vue) {
+        Vue.component(ColumnsPlugin.name, ColumnsDirective);
     }
 };
 /**
@@ -78,31 +44,23 @@ const ColumnsPlugin = {
  * </ejs-querybuilder>
  * ```
  */
-let ColumnDirective = class ColumnDirective extends vueImport {
+let ColumnDirective = vueDefineComponent({
     render() {
         return;
+    },
+    methods: {
+        getTag() {
+            return 'e-column';
+        }
     }
-    getTag() {
-        return 'e-column';
-    }
-};
-ColumnDirective = __decorate([
-    EJComponentDecorator({}, isExecute)
-], ColumnDirective);
+});
 const ColumnPlugin = {
     name: 'e-column',
-    install(Vue$$1) {
-        Vue$$1.component(ColumnPlugin.name, ColumnDirective);
+    install(Vue) {
+        Vue.component(ColumnPlugin.name, ColumnDirective);
     }
 };
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-// {{VueImport}}
 const properties = ['isLazyUpdate', 'plugins', 'allowValidation', 'columns', 'cssClass', 'dataSource', 'displayMode', 'enableNotCondition', 'enablePersistence', 'enableRtl', 'fieldMode', 'fieldModel', 'headerTemplate', 'height', 'immediateModeDelay', 'locale', 'matchCase', 'maxGroupCount', 'operatorModel', 'readonly', 'rule', 'separator', 'showButtons', 'sortDirection', 'summaryView', 'valueModel', 'width', 'actionBegin', 'beforeChange', 'change', 'created', 'dataBound', 'ruleChange'];
 const modelProps = [];
 const testProp = getProps({ props: properties });
@@ -119,79 +77,33 @@ for (let props of modelProps) {
  * <ejs-querybuilder></ejs-querybuilder>
  * ```
  */
-let QueryBuilderComponent = 
-/* Start Options({
+let QueryBuilderComponent = vueDefineComponent({
+    name: 'QueryBuilderComponent',
+    mixins: [ComponentBase],
     props: props,
     watch: watch,
     emits: emitProbs,
-    provide: function provide() {
+    provide() { return { custom: this.custom }; },
+    data() {
         return {
-            custom: this.custom
+            ej2Instances: new QueryBuilder({}),
+            propKeys: properties,
+            models: modelProps,
+            hasChildDirective: true,
+            hasInjectedModules: false,
+            tagMapper: { "e-columns": "e-column" },
+            tagNameMapper: {},
+            isVue3: !isExecute,
+            templateCollection: {},
         };
-    }
-}) End */
-class QueryBuilderComponent extends ComponentBase {
-    constructor() {
-        super(arguments);
-        this.propKeys = properties;
-        this.models = modelProps;
-        this.hasChildDirective = true;
-        this.hasInjectedModules = false;
-        this.tagMapper = { "e-columns": "e-column" };
-        this.tagNameMapper = {};
-        this.isVue3 = !isExecute;
-        this.ej2Instances = new QueryBuilder({});
+    },
+    created() {
         this.bindProperties();
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
         this.updated = this.updated;
-    }
-    clearTemplate(templateNames) {
-        if (!templateNames) {
-            templateNames = Object.keys(this.templateCollection || {});
-        }
-        if (templateNames.length && this.templateCollection) {
-            for (let tempName of templateNames) {
-                let elementCollection = this.templateCollection[tempName];
-                if (elementCollection && elementCollection.length) {
-                    for (let ele of elementCollection) {
-                        let destroy = getValue('__vue__.$destroy', ele);
-                        if (destroy) {
-                            ele.__vue__.$destroy();
-                        }
-                        if (ele.innerHTML) {
-                            ele.innerHTML = '';
-                        }
-                    }
-                    delete this.templateCollection[tempName];
-                }
-            }
-        }
-    }
-    setProperties(prop, muteOnChange) {
-        if (this.isVue3) {
-            this.models = !this.models ? this.ej2Instances.referModels : this.models;
-        }
-        if (this.ej2Instances && this.ej2Instances._setProperties) {
-            this.ej2Instances._setProperties(prop, muteOnChange);
-        }
-        if (prop && this.models && this.models.length) {
-            Object.keys(prop).map((key) => {
-                this.models.map((model) => {
-                    if ((key === model) && !(/datasource/i.test(key))) {
-                        if (this.isVue3) {
-                            this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);
-                        }
-                        else {
-                            this.$emit('update:' + key, prop[key]);
-                            this.$emit('modelchanged', prop[key]);
-                        }
-                    }
-                });
-            });
-        }
-    }
+    },
     render(createElement) {
         let h = !isExecute ? gh : createElement;
         let slots = null;
@@ -199,95 +111,127 @@ class QueryBuilderComponent extends ComponentBase {
             slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('div', slots);
-    }
-    custom() {
-        this.updated();
-    }
-    addGroups(groups, groupID) {
-        return this.ej2Instances.addGroups(groups, groupID);
-    }
-    addRules(rule, groupID) {
-        return this.ej2Instances.addRules(rule, groupID);
-    }
-    deleteGroup(target) {
-        return this.ej2Instances.deleteGroup(target);
-    }
-    deleteGroups(groupIdColl) {
-        return this.ej2Instances.deleteGroups(groupIdColl);
-    }
-    deleteRules(ruleIdColl) {
-        return this.ej2Instances.deleteRules(ruleIdColl);
-    }
-    getDataManagerQuery(rule) {
-        return this.ej2Instances.getDataManagerQuery(rule);
-    }
-    getFilteredRecords() {
-        return this.ej2Instances.getFilteredRecords();
-    }
-    getGroup(target) {
-        return this.ej2Instances.getGroup(target);
-    }
-    getOperators(field) {
-        return this.ej2Instances.getOperators(field);
-    }
-    getPredicate(rule) {
-        return this.ej2Instances.getPredicate(rule);
-    }
-    getRule(elem) {
-        return this.ej2Instances.getRule(elem);
-    }
-    getRules() {
-        return this.ej2Instances.getRules();
-    }
-    getRulesFromSql(sqlString, sqlLocale) {
-        return this.ej2Instances.getRulesFromSql(sqlString, sqlLocale);
-    }
-    getSqlFromRules(rule, allowEscape, sqlLocale) {
-        return this.ej2Instances.getSqlFromRules(rule, allowEscape, sqlLocale);
-    }
-    getValidRules(currentRule) {
-        return this.ej2Instances.getValidRules(currentRule);
-    }
-    getValues(field) {
-        return this.ej2Instances.getValues(field);
-    }
-    notifyChange(value, element, type) {
-        return this.ej2Instances.notifyChange(value, element, type);
-    }
-    reset() {
-        return this.ej2Instances.reset();
-    }
-    setRules(rule) {
-        return this.ej2Instances.setRules(rule);
-    }
-    setRulesFromSql(sqlString, sqlLocale) {
-        return this.ej2Instances.setRulesFromSql(sqlString, sqlLocale);
-    }
-    validateFields() {
-        return this.ej2Instances.validateFields();
-    }
-};
-QueryBuilderComponent = __decorate$1([
-    EJComponentDecorator({
-        props: properties
-    }, isExecute)
-    /* Start Options({
-        props: props,
-        watch: watch,
-        emits: emitProbs,
-        provide: function provide() {
-            return {
-                custom: this.custom
-            };
-        }
-    }) End */
-], QueryBuilderComponent);
+    },
+    methods: {
+        clearTemplate(templateNames) {
+            if (!templateNames) {
+                templateNames = Object.keys(this.templateCollection || {});
+            }
+            if (templateNames.length && this.templateCollection) {
+                for (let tempName of templateNames) {
+                    let elementCollection = this.templateCollection[tempName];
+                    if (elementCollection && elementCollection.length) {
+                        for (let ele of elementCollection) {
+                            let destroy = getValue('__vue__.$destroy', ele);
+                            if (destroy) {
+                                ele.__vue__.$destroy();
+                            }
+                            if (ele.innerHTML) {
+                                ele.innerHTML = '';
+                            }
+                        }
+                        delete this.templateCollection[tempName];
+                    }
+                }
+            }
+        },
+        setProperties(prop, muteOnChange) {
+            if (this.isVue3) {
+                this.models = !this.models ? this.ej2Instances.referModels : this.models;
+            }
+            if (this.ej2Instances && this.ej2Instances._setProperties) {
+                this.ej2Instances._setProperties(prop, muteOnChange);
+            }
+            if (prop && this.models && this.models.length) {
+                Object.keys(prop).map((key) => {
+                    this.models.map((model) => {
+                        if ((key === model) && !(/datasource/i.test(key))) {
+                            if (this.isVue3) {
+                                this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);
+                            }
+                            else {
+                                this.$emit('update:' + key, prop[key]);
+                                this.$emit('modelchanged', prop[key]);
+                            }
+                        }
+                    });
+                });
+            }
+        },
+        custom() {
+            this.updated();
+        },
+        addGroups(groups, groupID) {
+            return this.ej2Instances.addGroups(groups, groupID);
+        },
+        addRules(rule, groupID) {
+            return this.ej2Instances.addRules(rule, groupID);
+        },
+        deleteGroup(target) {
+            return this.ej2Instances.deleteGroup(target);
+        },
+        deleteGroups(groupIdColl) {
+            return this.ej2Instances.deleteGroups(groupIdColl);
+        },
+        deleteRules(ruleIdColl) {
+            return this.ej2Instances.deleteRules(ruleIdColl);
+        },
+        getDataManagerQuery(rule) {
+            return this.ej2Instances.getDataManagerQuery(rule);
+        },
+        getFilteredRecords() {
+            return this.ej2Instances.getFilteredRecords();
+        },
+        getGroup(target) {
+            return this.ej2Instances.getGroup(target);
+        },
+        getOperators(field) {
+            return this.ej2Instances.getOperators(field);
+        },
+        getPredicate(rule) {
+            return this.ej2Instances.getPredicate(rule);
+        },
+        getRule(elem) {
+            return this.ej2Instances.getRule(elem);
+        },
+        getRules() {
+            return this.ej2Instances.getRules();
+        },
+        getRulesFromSql(sqlString, sqlLocale) {
+            return this.ej2Instances.getRulesFromSql(sqlString, sqlLocale);
+        },
+        getSqlFromRules(rule, allowEscape, sqlLocale) {
+            return this.ej2Instances.getSqlFromRules(rule, allowEscape, sqlLocale);
+        },
+        getValidRules(currentRule) {
+            return this.ej2Instances.getValidRules(currentRule);
+        },
+        getValues(field) {
+            return this.ej2Instances.getValues(field);
+        },
+        notifyChange(value, element, type) {
+            return this.ej2Instances.notifyChange(value, element, type);
+        },
+        reset() {
+            return this.ej2Instances.reset();
+        },
+        setRules(rule) {
+            return this.ej2Instances.setRules(rule);
+        },
+        setRulesFromSql(sqlString, sqlLocale) {
+            return this.ej2Instances.setRulesFromSql(sqlString, sqlLocale);
+        },
+        validateFields() {
+            return this.ej2Instances.validateFields();
+        },
+    }
+});
 const QueryBuilderPlugin = {
     name: 'ejs-querybuilder',
-    install(Vue$$1) {
-        Vue$$1.component(QueryBuilderPlugin.name, QueryBuilderComponent);
-        Vue$$1.component(ColumnPlugin.name, ColumnDirective);
-        Vue$$1.component(ColumnsPlugin.name, ColumnsDirective);
+    install(Vue) {
+        Vue.component(QueryBuilderPlugin.name, QueryBuilderComponent);
+        Vue.component(ColumnPlugin.name, ColumnDirective);
+        Vue.component(ColumnsPlugin.name, ColumnsDirective);
     }
 };