@syncfusion/ej2-vue-querybuilder 20.4.51 → 21.1.37

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

@@ -1 +1 @@
-{"version":3,"file":"ej2-vue-querybuilder.es2015.js","sources":["../src/es6/query-builder/columns.directive.js","../src/es6/query-builder/querybuilder.component.js"],"sourcesContent":["var __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 { EJComponentDecorator, allVue, gh, isExecute } from '@syncfusion/ej2-vue-base';\nimport * as Vue3 from 'vue-class-component';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nimport Vue from 'vue';\n// {{VueImport}}\nlet vueImport;\nif (!isExecute || parseInt(allVue.version) < 3) {\n    vueImport = Vue3.Vue;\n}\nelse {\n    vueImport = Vue;\n}\nlet ColumnsDirective = \n/* Start Options({\n    inject: {\n        custom: {\n            default: null\n        }\n    }\n}) End */\nclass ColumnsDirective extends vueImport {\n    constructor() {\n        super(arguments);\n    }\n    render(createElement) {\n        if (!isExecute) {\n            let h = !isExecute ? gh : createElement;\n            let 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() {\n        if (!isExecute && this.custom) {\n            this.custom();\n        }\n    }\n    getTag() {\n        return 'e-columns';\n    }\n};\nColumnsDirective = __decorate([\n    EJComponentDecorator({}, isExecute)\n    /* Start Options({\n        inject: {\n            custom: {\n                default: null\n            }\n        }\n    }) End */\n], ColumnsDirective);\nexport { ColumnsDirective };\nexport const ColumnsPlugin = {\n    name: 'e-columns',\n    install(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 */\nlet ColumnDirective = class ColumnDirective extends vueImport {\n    render() {\n        return;\n    }\n    getTag() {\n        return 'e-column';\n    }\n};\nColumnDirective = __decorate([\n    EJComponentDecorator({}, isExecute)\n], ColumnDirective);\nexport { ColumnDirective };\nexport const ColumnPlugin = {\n    name: 'e-column',\n    install(Vue) {\n        Vue.component(ColumnPlugin.name, ColumnDirective);\n    }\n};\n","var __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, getProps, gh, isExecute } 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';\n// {{VueImport}}\nexport 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'];\nexport const modelProps = [];\nexport const testProp = getProps({ props: properties });\nexport const props = testProp[0];\nexport const watch = testProp[1];\nexport const emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged', 'update:modelValue');\nfor (let props of modelProps) {\n    emitProbs.push('update:' + props);\n}\n/**\n * Represents the VueJS QueryBuilder Component.\n * ```html\n * <ejs-querybuilder></ejs-querybuilder>\n * ```\n */\nlet QueryBuilderComponent = \n/* Start Options({\n    props: props,\n    watch: watch,\n    emits: emitProbs,\n    provide: function provide() {\n        return {\n            custom: this.custom\n        };\n    }\n}) End */\nclass QueryBuilderComponent extends ComponentBase {\n    constructor() {\n        super(arguments);\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.isVue3 = !isExecute;\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    }\n    clearTemplate(templateNames) {\n        if (!templateNames) {\n            templateNames = Object.keys(this.templateCollection || {});\n        }\n        if (templateNames.length && this.templateCollection) {\n            for (let tempName of templateNames) {\n                let elementCollection = this.templateCollection[tempName];\n                if (elementCollection && elementCollection.length) {\n                    for (let ele of elementCollection) {\n                        let 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(prop, muteOnChange) {\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((key) => {\n                this.models.map((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    render(createElement) {\n        let h = !isExecute ? gh : createElement;\n        let 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    custom() {\n        this.updated();\n    }\n    addGroups(groups, groupID) {\n        return this.ej2Instances.addGroups(groups, groupID);\n    }\n    addRules(rule, groupID) {\n        return this.ej2Instances.addRules(rule, groupID);\n    }\n    deleteGroup(target) {\n        return this.ej2Instances.deleteGroup(target);\n    }\n    deleteGroups(groupIdColl) {\n        return this.ej2Instances.deleteGroups(groupIdColl);\n    }\n    deleteRules(ruleIdColl) {\n        return this.ej2Instances.deleteRules(ruleIdColl);\n    }\n    getDataManagerQuery(rule) {\n        return this.ej2Instances.getDataManagerQuery(rule);\n    }\n    getFilteredRecords() {\n        return this.ej2Instances.getFilteredRecords();\n    }\n    getGroup(target) {\n        return this.ej2Instances.getGroup(target);\n    }\n    getOperators(field) {\n        return this.ej2Instances.getOperators(field);\n    }\n    getPredicate(rule) {\n        return this.ej2Instances.getPredicate(rule);\n    }\n    getRule(elem) {\n        return this.ej2Instances.getRule(elem);\n    }\n    getRules() {\n        return this.ej2Instances.getRules();\n    }\n    getRulesFromSql(sqlString, sqlLocale) {\n        return this.ej2Instances.getRulesFromSql(sqlString, sqlLocale);\n    }\n    getSqlFromRules(rule, allowEscape, sqlLocale) {\n        return this.ej2Instances.getSqlFromRules(rule, allowEscape, sqlLocale);\n    }\n    getValidRules(currentRule) {\n        return this.ej2Instances.getValidRules(currentRule);\n    }\n    getValues(field) {\n        return this.ej2Instances.getValues(field);\n    }\n    notifyChange(value, element, type) {\n        return this.ej2Instances.notifyChange(value, element, type);\n    }\n    reset() {\n        return this.ej2Instances.reset();\n    }\n    setRules(rule) {\n        return this.ej2Instances.setRules(rule);\n    }\n    setRulesFromSql(sqlString, sqlLocale) {\n        return this.ej2Instances.setRulesFromSql(sqlString, sqlLocale);\n    }\n    validateFields() {\n        return this.ej2Instances.validateFields();\n    }\n};\nQueryBuilderComponent = __decorate([\n    EJComponentDecorator({\n        props: properties\n    }, isExecute)\n    /* Start Options({\n        props: props,\n        watch: watch,\n        emits: emitProbs,\n        provide: function provide() {\n            return {\n                custom: this.custom\n            };\n        }\n    }) End */\n], QueryBuilderComponent);\nexport { QueryBuilderComponent };\nexport const QueryBuilderPlugin = {\n    name: 'ejs-querybuilder',\n    install(Vue) {\n        Vue.component(QueryBuilderPlugin.name, QueryBuilderComponent);\n        Vue.component(ColumnPlugin.name, ColumnDirective);\n        Vue.component(ColumnsPlugin.name, ColumnsDirective);\n    }\n};\n"],"names":["this","Vue3.Vue","Vue","__decorate"],"mappings":"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"}
+{"version":3,"file":"ej2-vue-querybuilder.es2015.js","sources":["../src/es6/query-builder/columns.directive.js","../src/es6/query-builder/querybuilder.component.js"],"sourcesContent":["import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nexport let ColumnsDirective = vueDefineComponent({\n    inject: { custom: { default: null } },\n    render(createElement) {\n        if (!isExecute) {\n            let h = !isExecute ? gh : createElement;\n            let 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() {\n        if (!isExecute && this.custom) {\n            this.custom();\n        }\n    },\n    methods: {\n        getTag() {\n            return 'e-columns';\n        }\n    }\n});\nexport const ColumnsPlugin = {\n    name: 'e-columns',\n    install(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 let ColumnDirective = vueDefineComponent({\n    render() {\n        return;\n    },\n    methods: {\n        getTag() {\n            return 'e-column';\n        }\n    }\n});\nexport const ColumnPlugin = {\n    name: 'e-column',\n    install(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 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'];\nexport const modelProps = [];\nexport const testProp = getProps({ props: properties });\nexport const props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged', 'update:modelValue');\nfor (let props of modelProps) {\n    emitProbs.push('update:' + props);\n}\n/**\n * Represents the VueJS QueryBuilder Component.\n * ```html\n * <ejs-querybuilder></ejs-querybuilder>\n * ```\n */\nexport let QueryBuilderComponent = vueDefineComponent({\n    name: 'QueryBuilderComponent',\n    mixins: [ComponentBase],\n    props: props,\n    watch: watch,\n    emits: emitProbs,\n    provide() { return { custom: this.custom }; },\n    data() {\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() {\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(createElement) {\n        let h = !isExecute ? gh : createElement;\n        let 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(templateNames) {\n            if (!templateNames) {\n                templateNames = Object.keys(this.templateCollection || {});\n            }\n            if (templateNames.length && this.templateCollection) {\n                for (let tempName of templateNames) {\n                    let elementCollection = this.templateCollection[tempName];\n                    if (elementCollection && elementCollection.length) {\n                        for (let ele of elementCollection) {\n                            let 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(prop, muteOnChange) {\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((key) => {\n                    this.models.map((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() {\n            this.updated();\n        },\n        addGroups(groups, groupID) {\n            return this.ej2Instances.addGroups(groups, groupID);\n        },\n        addRules(rule, groupID) {\n            return this.ej2Instances.addRules(rule, groupID);\n        },\n        deleteGroup(target) {\n            return this.ej2Instances.deleteGroup(target);\n        },\n        deleteGroups(groupIdColl) {\n            return this.ej2Instances.deleteGroups(groupIdColl);\n        },\n        deleteRules(ruleIdColl) {\n            return this.ej2Instances.deleteRules(ruleIdColl);\n        },\n        getDataManagerQuery(rule) {\n            return this.ej2Instances.getDataManagerQuery(rule);\n        },\n        getFilteredRecords() {\n            return this.ej2Instances.getFilteredRecords();\n        },\n        getGroup(target) {\n            return this.ej2Instances.getGroup(target);\n        },\n        getOperators(field) {\n            return this.ej2Instances.getOperators(field);\n        },\n        getPredicate(rule) {\n            return this.ej2Instances.getPredicate(rule);\n        },\n        getRule(elem) {\n            return this.ej2Instances.getRule(elem);\n        },\n        getRules() {\n            return this.ej2Instances.getRules();\n        },\n        getRulesFromSql(sqlString, sqlLocale) {\n            return this.ej2Instances.getRulesFromSql(sqlString, sqlLocale);\n        },\n        getSqlFromRules(rule, allowEscape, sqlLocale) {\n            return this.ej2Instances.getSqlFromRules(rule, allowEscape, sqlLocale);\n        },\n        getValidRules(currentRule) {\n            return this.ej2Instances.getValidRules(currentRule);\n        },\n        getValues(field) {\n            return this.ej2Instances.getValues(field);\n        },\n        notifyChange(value, element, type) {\n            return this.ej2Instances.notifyChange(value, element, type);\n        },\n        reset() {\n            return this.ej2Instances.reset();\n        },\n        setRules(rule) {\n            return this.ej2Instances.setRules(rule);\n        },\n        setRulesFromSql(sqlString, sqlLocale) {\n            return this.ej2Instances.setRulesFromSql(sqlString, sqlLocale);\n        },\n        validateFields() {\n            return this.ej2Instances.validateFields();\n        },\n    }\n});\nexport const QueryBuilderPlugin = {\n    name: 'ejs-querybuilder',\n    install(Vue) {\n        Vue.component(QueryBuilderPlugin.name, QueryBuilderComponent);\n        Vue.component(ColumnPlugin.name, ColumnDirective);\n        Vue.component(ColumnsPlugin.name, ColumnsDirective);\n    }\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,42 +1,10 @@
 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 __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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;
-};
-import { Options } from 'vue-class-component';
-var vueImport;
-if (!isExecute || parseInt(allVue.version) < 3) {
-    vueImport = Vue;
-}
-else {
-    vueImport = Vue$1;
-}
-var ColumnsDirective = /** @__PURE__ @class */ (function (_super) {
-    __extends(ColumnsDirective, _super);
-    function ColumnsDirective() {
-        return _super.call(this, arguments) || this;
-    }
-    ColumnsDirective.prototype.render = function (createElement) {
+var ColumnsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
+    render: function (createElement) {
         if (!isExecute) {
             var h = !isExecute ? gh : createElement;
             var slots = null;
@@ -46,31 +14,22 @@ var ColumnsDirective = /** @__PURE__ @class */ (function (_super) {
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
-    };
-    ColumnsDirective.prototype.updated = function () {
+    },
+    updated: function () {
         if (!isExecute && this.custom) {
             this.custom();
         }
-    };
-    ColumnsDirective.prototype.getTag = function () {
-        return 'e-columns';
-    };
-    ColumnsDirective = __decorate([
-        EJComponentDecorator({}, isExecute)
-        ,Options({
-            inject: {
-                custom: {
-                    default: null
-                }
-            }
-        })
-    ], ColumnsDirective);
-    return ColumnsDirective;
-}(vueImport));
+    },
+    methods: {
+        getTag: function () {
+            return 'e-columns';
+        }
+    }
+});
 var ColumnsPlugin = {
     name: 'e-columns',
-    install: function (Vue$$1) {
-        Vue$$1.component(ColumnsPlugin.name, ColumnsDirective);
+    install: function (Vue) {
+        Vue.component(ColumnsPlugin.name, ColumnsDirective);
     }
 };
 /**
@@ -85,49 +44,23 @@ var ColumnsPlugin = {
  * </ejs-querybuilder>
  * ```
  */
-var ColumnDirective = /** @__PURE__ @class */ (function (_super) {
-    __extends(ColumnDirective, _super);
-    function ColumnDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ColumnDirective.prototype.render = function () {
+var ColumnDirective = vueDefineComponent({
+    render: function () {
         return;
-    };
-    ColumnDirective.prototype.getTag = function () {
-        return 'e-column';
-    };
-    ColumnDirective = __decorate([
-        EJComponentDecorator({}, isExecute)
-    ], ColumnDirective);
-    return ColumnDirective;
-}(vueImport));
+    },
+    methods: {
+        getTag: function () {
+            return 'e-column';
+        }
+    }
+});
 var ColumnPlugin = {
     name: 'e-column',
-    install: function (Vue$$1) {
-        Vue$$1.component(ColumnPlugin.name, ColumnDirective);
+    install: function (Vue) {
+        Vue.component(ColumnPlugin.name, ColumnDirective);
     }
 };
 
-var __extends$1 = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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}}
 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'];
 var modelProps = [];
 var testProp = getProps({ props: properties });
@@ -145,170 +78,164 @@ for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
  * <ejs-querybuilder></ejs-querybuilder>
  * ```
  */
-var QueryBuilderComponent = /** @__PURE__ @class */ (function (_super) {
-    __extends$1(QueryBuilderComponent, _super);
-    function QueryBuilderComponent() {
-        var _this = _super.call(this, arguments) || this;
-        _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({});
-        _this.bindProperties();
-        _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) {
-        if (!templateNames) {
-            templateNames = Object.keys(this.templateCollection || {});
+var QueryBuilderComponent = vueDefineComponent({
+    name: 'QueryBuilderComponent',
+    mixins: [ComponentBase],
+    props: props,
+    watch: watch,
+    emits: emitProbs,
+    provide: function () { return { custom: this.custom }; },
+    data: function () {
+        return {
+            ej2Instances: new QueryBuilder({}),
+            propKeys: properties,
+            models: modelProps,
+            hasChildDirective: true,
+            hasInjectedModules: false,
+            tagMapper: { "e-columns": "e-column" },
+            tagNameMapper: {},
+            isVue3: !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 (createElement) {
+        var h = !isExecute ? gh : createElement;
+        var slots = null;
+        if (!isNullOrUndefined(this.$slots.default)) {
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
-        if (templateNames.length && this.templateCollection) {
-            for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
-                var tempName = templateNames_1[_i];
-                var elementCollection = this.templateCollection[tempName];
-                if (elementCollection && elementCollection.length) {
-                    for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
-                        var ele = elementCollection_1[_a];
-                        var destroy = getValue('__vue__.$destroy', ele);
-                        if (destroy) {
-                            ele.__vue__.$destroy();
-                        }
-                        if (ele.innerHTML) {
-                            ele.innerHTML = '';
+        return h('div', slots);
+    },
+    methods: {
+        clearTemplate: function (templateNames) {
+            if (!templateNames) {
+                templateNames = Object.keys(this.templateCollection || {});
+            }
+            if (templateNames.length && this.templateCollection) {
+                for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
+                    var tempName = templateNames_1[_i];
+                    var elementCollection = this.templateCollection[tempName];
+                    if (elementCollection && elementCollection.length) {
+                        for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
+                            var ele = elementCollection_1[_a];
+                            var destroy = getValue('__vue__.$destroy', ele);
+                            if (destroy) {
+                                ele.__vue__.$destroy();
+                            }
+                            if (ele.innerHTML) {
+                                ele.innerHTML = '';
+                            }
                         }
+                        delete this.templateCollection[tempName];
                     }
-                    delete this.templateCollection[tempName];
                 }
             }
-        }
-    };
-    QueryBuilderComponent.prototype.setProperties = function (prop, muteOnChange) {
-        var _this = this;
-        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(function (key) {
-                _this.models.map(function (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]);
+        },
+        setProperties: function (prop, muteOnChange) {
+            var _this = this;
+            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(function (key) {
+                    _this.models.map(function (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]);
+                            }
                         }
-                    }
+                    });
                 });
-            });
-        }
-    };
-    QueryBuilderComponent.prototype.render = function (createElement) {
-        var h = !isExecute ? gh : createElement;
-        var slots = null;
-        if (!isNullOrUndefined(this.$slots.default)) {
-            slots = !isExecute ? this.$slots.default() : this.$slots.default;
-        }
-        return h('div', slots);
-    };
-    QueryBuilderComponent.prototype.custom = function () {
-        this.updated();
-    };
-    QueryBuilderComponent.prototype.addGroups = function (groups, groupID) {
-        return this.ej2Instances.addGroups(groups, groupID);
-    };
-    QueryBuilderComponent.prototype.addRules = function (rule, groupID) {
-        return this.ej2Instances.addRules(rule, groupID);
-    };
-    QueryBuilderComponent.prototype.deleteGroup = function (target) {
-        return this.ej2Instances.deleteGroup(target);
-    };
-    QueryBuilderComponent.prototype.deleteGroups = function (groupIdColl) {
-        return this.ej2Instances.deleteGroups(groupIdColl);
-    };
-    QueryBuilderComponent.prototype.deleteRules = function (ruleIdColl) {
-        return this.ej2Instances.deleteRules(ruleIdColl);
-    };
-    QueryBuilderComponent.prototype.getDataManagerQuery = function (rule) {
-        return this.ej2Instances.getDataManagerQuery(rule);
-    };
-    QueryBuilderComponent.prototype.getFilteredRecords = function () {
-        return this.ej2Instances.getFilteredRecords();
-    };
-    QueryBuilderComponent.prototype.getGroup = function (target) {
-        return this.ej2Instances.getGroup(target);
-    };
-    QueryBuilderComponent.prototype.getOperators = function (field) {
-        return this.ej2Instances.getOperators(field);
-    };
-    QueryBuilderComponent.prototype.getPredicate = function (rule) {
-        return this.ej2Instances.getPredicate(rule);
-    };
-    QueryBuilderComponent.prototype.getRule = function (elem) {
-        return this.ej2Instances.getRule(elem);
-    };
-    QueryBuilderComponent.prototype.getRules = function () {
-        return this.ej2Instances.getRules();
-    };
-    QueryBuilderComponent.prototype.getRulesFromSql = function (sqlString, sqlLocale) {
-        return this.ej2Instances.getRulesFromSql(sqlString, sqlLocale);
-    };
-    QueryBuilderComponent.prototype.getSqlFromRules = function (rule, allowEscape, sqlLocale) {
-        return this.ej2Instances.getSqlFromRules(rule, allowEscape, sqlLocale);
-    };
-    QueryBuilderComponent.prototype.getValidRules = function (currentRule) {
-        return this.ej2Instances.getValidRules(currentRule);
-    };
-    QueryBuilderComponent.prototype.getValues = function (field) {
-        return this.ej2Instances.getValues(field);
-    };
-    QueryBuilderComponent.prototype.notifyChange = function (value, element, type) {
-        return this.ej2Instances.notifyChange(value, element, type);
-    };
-    QueryBuilderComponent.prototype.reset = function () {
-        return this.ej2Instances.reset();
-    };
-    QueryBuilderComponent.prototype.setRules = function (rule) {
-        return this.ej2Instances.setRules(rule);
-    };
-    QueryBuilderComponent.prototype.setRulesFromSql = function (sqlString, sqlLocale) {
-        return this.ej2Instances.setRulesFromSql(sqlString, sqlLocale);
-    };
-    QueryBuilderComponent.prototype.validateFields = function () {
-        return this.ej2Instances.validateFields();
-    };
-    QueryBuilderComponent = __decorate$1([
-        EJComponentDecorator({
-            props: properties
-        }, isExecute)
-        ,Options({
-            props: props,
-            watch: watch,
-            emits: emitProbs,
-            provide: function provide() {
-                return {
-                    custom: this.custom
-                };
             }
-        })
-    ], QueryBuilderComponent);
-    return QueryBuilderComponent;
-}(ComponentBase));
+        },
+        custom: function () {
+            this.updated();
+        },
+        addGroups: function (groups, groupID) {
+            return this.ej2Instances.addGroups(groups, groupID);
+        },
+        addRules: function (rule, groupID) {
+            return this.ej2Instances.addRules(rule, groupID);
+        },
+        deleteGroup: function (target) {
+            return this.ej2Instances.deleteGroup(target);
+        },
+        deleteGroups: function (groupIdColl) {
+            return this.ej2Instances.deleteGroups(groupIdColl);
+        },
+        deleteRules: function (ruleIdColl) {
+            return this.ej2Instances.deleteRules(ruleIdColl);
+        },
+        getDataManagerQuery: function (rule) {
+            return this.ej2Instances.getDataManagerQuery(rule);
+        },
+        getFilteredRecords: function () {
+            return this.ej2Instances.getFilteredRecords();
+        },
+        getGroup: function (target) {
+            return this.ej2Instances.getGroup(target);
+        },
+        getOperators: function (field) {
+            return this.ej2Instances.getOperators(field);
+        },
+        getPredicate: function (rule) {
+            return this.ej2Instances.getPredicate(rule);
+        },
+        getRule: function (elem) {
+            return this.ej2Instances.getRule(elem);
+        },
+        getRules: function () {
+            return this.ej2Instances.getRules();
+        },
+        getRulesFromSql: function (sqlString, sqlLocale) {
+            return this.ej2Instances.getRulesFromSql(sqlString, sqlLocale);
+        },
+        getSqlFromRules: function (rule, allowEscape, sqlLocale) {
+            return this.ej2Instances.getSqlFromRules(rule, allowEscape, sqlLocale);
+        },
+        getValidRules: function (currentRule) {
+            return this.ej2Instances.getValidRules(currentRule);
+        },
+        getValues: function (field) {
+            return this.ej2Instances.getValues(field);
+        },
+        notifyChange: function (value, element, type) {
+            return this.ej2Instances.notifyChange(value, element, type);
+        },
+        reset: function () {
+            return this.ej2Instances.reset();
+        },
+        setRules: function (rule) {
+            return this.ej2Instances.setRules(rule);
+        },
+        setRulesFromSql: function (sqlString, sqlLocale) {
+            return this.ej2Instances.setRulesFromSql(sqlString, sqlLocale);
+        },
+        validateFields: function () {
+            return this.ej2Instances.validateFields();
+        },
+    }
+});
 var QueryBuilderPlugin = {
     name: 'ejs-querybuilder',
-    install: function (Vue$$1) {
-        Vue$$1.component(QueryBuilderPlugin.name, QueryBuilderComponent);
-        Vue$$1.component(ColumnPlugin.name, ColumnDirective);
-        Vue$$1.component(ColumnsPlugin.name, ColumnsDirective);
+    install: function (Vue) {
+        Vue.component(QueryBuilderPlugin.name, QueryBuilderComponent);
+        Vue.component(ColumnPlugin.name, ColumnDirective);
+        Vue.component(ColumnsPlugin.name, ColumnsDirective);
     }
 };