@syncfusion/ej2-vue-spreadsheet 20.4.54 → 21.1.35

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

@@ -1,35 +1,9 @@
 import { Spreadsheet } from '@syncfusion/ej2-spreadsheet';
-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 ImagesDirective = 
-/* Start Options({
-    inject: {
-        custom: {
-            default: null
-        }
-    }
-}) End */
-class ImagesDirective extends vueImport {
-    constructor() {
-        super(arguments);
-    }
+let ImagesDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
     render(createElement) {
         if (!isExecute) {
             let h = !isExecute ? gh : createElement;
@@ -40,76 +14,43 @@ class ImagesDirective extends vueImport {
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
-    }
+    },
     updated() {
         if (!isExecute && this.custom) {
             this.custom();
         }
-    }
-    getTag() {
-        return 'e-images';
-    }
-};
-ImagesDirective = __decorate([
-    EJComponentDecorator({}, isExecute)
-    /* Start Options({
-        inject: {
-            custom: {
-                default: null
-            }
+    },
+    methods: {
+        getTag() {
+            return 'e-images';
         }
-    }) End */
-], ImagesDirective);
+    }
+});
 const ImagesPlugin = {
     name: 'e-images',
-    install(Vue$$1) {
-        Vue$$1.component(ImagesPlugin.name, ImagesDirective);
+    install(Vue) {
+        Vue.component(ImagesPlugin.name, ImagesDirective);
     }
 };
-let ImageDirective = class ImageDirective extends vueImport {
+let ImageDirective = vueDefineComponent({
     render() {
         return;
+    },
+    methods: {
+        getTag() {
+            return 'e-image';
+        }
     }
-    getTag() {
-        return 'e-image';
-    }
-};
-ImageDirective = __decorate([
-    EJComponentDecorator({}, isExecute)
-], ImageDirective);
+});
 const ImagePlugin = {
     name: 'e-image',
-    install(Vue$$1) {
-        Vue$$1.component(ImagePlugin.name, ImageDirective);
+    install(Vue) {
+        Vue.component(ImagePlugin.name, ImageDirective);
     }
 };
 
-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}}
-let vueImport$1;
-if (!isExecute || parseInt(allVue.version) < 3) {
-    vueImport$1 = Vue;
-}
-else {
-    vueImport$1 = Vue$1;
-}
-let ChartsDirective = 
-/* Start Options({
-    inject: {
-        custom: {
-            default: null
-        }
-    }
-}) End */
-class ChartsDirective extends vueImport$1 {
-    constructor() {
-        super(arguments);
-    }
+let ChartsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
     render(createElement) {
         if (!isExecute) {
             let h = !isExecute ? gh : createElement;
@@ -120,76 +61,43 @@ class ChartsDirective extends vueImport$1 {
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
-    }
+    },
     updated() {
         if (!isExecute && this.custom) {
             this.custom();
         }
-    }
-    getTag() {
-        return 'e-charts';
-    }
-};
-ChartsDirective = __decorate$1([
-    EJComponentDecorator({}, isExecute)
-    /* Start Options({
-        inject: {
-            custom: {
-                default: null
-            }
+    },
+    methods: {
+        getTag() {
+            return 'e-charts';
         }
-    }) End */
-], ChartsDirective);
+    }
+});
 const ChartsPlugin = {
     name: 'e-charts',
-    install(Vue$$1) {
-        Vue$$1.component(ChartsPlugin.name, ChartsDirective);
+    install(Vue) {
+        Vue.component(ChartsPlugin.name, ChartsDirective);
     }
 };
-let ChartDirective = class ChartDirective extends vueImport$1 {
+let ChartDirective = vueDefineComponent({
     render() {
         return;
+    },
+    methods: {
+        getTag() {
+            return 'e-chart';
+        }
     }
-    getTag() {
-        return 'e-chart';
-    }
-};
-ChartDirective = __decorate$1([
-    EJComponentDecorator({}, isExecute)
-], ChartDirective);
+});
 const ChartPlugin = {
     name: 'e-chart',
-    install(Vue$$1) {
-        Vue$$1.component(ChartPlugin.name, ChartDirective);
+    install(Vue) {
+        Vue.component(ChartPlugin.name, ChartDirective);
     }
 };
 
-var __decorate$2 = (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$2;
-if (!isExecute || parseInt(allVue.version) < 3) {
-    vueImport$2 = Vue;
-}
-else {
-    vueImport$2 = Vue$1;
-}
-let CellsDirective = 
-/* Start Options({
-    inject: {
-        custom: {
-            default: null
-        }
-    }
-}) End */
-class CellsDirective extends vueImport$2 {
-    constructor() {
-        super(arguments);
-    }
+let CellsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
     render(createElement) {
         if (!isExecute) {
             let h = !isExecute ? gh : createElement;
@@ -200,30 +108,22 @@ class CellsDirective extends vueImport$2 {
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
-    }
+    },
     updated() {
         if (!isExecute && this.custom) {
             this.custom();
         }
-    }
-    getTag() {
-        return 'e-cells';
-    }
-};
-CellsDirective = __decorate$2([
-    EJComponentDecorator({}, isExecute)
-    /* Start Options({
-        inject: {
-            custom: {
-                default: null
-            }
+    },
+    methods: {
+        getTag() {
+            return 'e-cells';
         }
-    }) End */
-], CellsDirective);
+    }
+});
 const CellsPlugin = {
     name: 'e-cells',
-    install(Vue$$1) {
-        Vue$$1.component(CellsPlugin.name, CellsDirective);
+    install(Vue) {
+        Vue.component(CellsPlugin.name, CellsDirective);
     }
 };
 /**
@@ -245,50 +145,25 @@ const CellsPlugin = {
  * </ejs-spreadsheet>
  * ```
  */
-let CellDirective = class CellDirective extends vueImport$2 {
+let CellDirective = vueDefineComponent({
     render() {
         return;
+    },
+    methods: {
+        getTag() {
+            return 'e-cell';
+        }
     }
-    getTag() {
-        return 'e-cell';
-    }
-};
-CellDirective = __decorate$2([
-    EJComponentDecorator({}, isExecute)
-], CellDirective);
+});
 const CellPlugin = {
     name: 'e-cell',
-    install(Vue$$1) {
-        Vue$$1.component(CellPlugin.name, CellDirective);
+    install(Vue) {
+        Vue.component(CellPlugin.name, CellDirective);
     }
 };
 
-var __decorate$3 = (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$3;
-if (!isExecute || parseInt(allVue.version) < 3) {
-    vueImport$3 = Vue;
-}
-else {
-    vueImport$3 = Vue$1;
-}
-let RowsDirective = 
-/* Start Options({
-    inject: {
-        custom: {
-            default: null
-        }
-    }
-}) End */
-class RowsDirective extends vueImport$3 {
-    constructor() {
-        super(arguments);
-    }
+let RowsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
     render(createElement) {
         if (!isExecute) {
             let h = !isExecute ? gh : createElement;
@@ -299,30 +174,22 @@ class RowsDirective extends vueImport$3 {
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
-    }
+    },
     updated() {
         if (!isExecute && this.custom) {
             this.custom();
         }
-    }
-    getTag() {
-        return 'e-rows';
-    }
-};
-RowsDirective = __decorate$3([
-    EJComponentDecorator({}, isExecute)
-    /* Start Options({
-        inject: {
-            custom: {
-                default: null
-            }
+    },
+    methods: {
+        getTag() {
+            return 'e-rows';
         }
-    }) End */
-], RowsDirective);
+    }
+});
 const RowsPlugin = {
     name: 'e-rows',
-    install(Vue$$1) {
-        Vue$$1.component(RowsPlugin.name, RowsDirective);
+    install(Vue) {
+        Vue.component(RowsPlugin.name, RowsDirective);
     }
 };
 /**
@@ -340,50 +207,25 @@ const RowsPlugin = {
  * </ejs-spreadsheet>
  * ```
  */
-let RowDirective = class RowDirective extends vueImport$3 {
+let RowDirective = vueDefineComponent({
     render() {
         return;
+    },
+    methods: {
+        getTag() {
+            return 'e-row';
+        }
     }
-    getTag() {
-        return 'e-row';
-    }
-};
-RowDirective = __decorate$3([
-    EJComponentDecorator({}, isExecute)
-], RowDirective);
+});
 const RowPlugin = {
     name: 'e-row',
-    install(Vue$$1) {
-        Vue$$1.component(RowPlugin.name, RowDirective);
+    install(Vue) {
+        Vue.component(RowPlugin.name, RowDirective);
     }
 };
 
-var __decorate$4 = (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$4;
-if (!isExecute || parseInt(allVue.version) < 3) {
-    vueImport$4 = Vue;
-}
-else {
-    vueImport$4 = Vue$1;
-}
-let ColumnsDirective = 
-/* Start Options({
-    inject: {
-        custom: {
-            default: null
-        }
-    }
-}) End */
-class ColumnsDirective extends vueImport$4 {
-    constructor() {
-        super(arguments);
-    }
+let ColumnsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
     render(createElement) {
         if (!isExecute) {
             let h = !isExecute ? gh : createElement;
@@ -394,30 +236,22 @@ class ColumnsDirective extends vueImport$4 {
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
-    }
+    },
     updated() {
         if (!isExecute && this.custom) {
             this.custom();
         }
-    }
-    getTag() {
-        return 'e-columns';
-    }
-};
-ColumnsDirective = __decorate$4([
-    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);
     }
 };
 /**
@@ -435,50 +269,25 @@ const ColumnsPlugin = {
  * </ejs-spreadsheet>
  * ```
  */
-let ColumnDirective = class ColumnDirective extends vueImport$4 {
+let ColumnDirective = vueDefineComponent({
     render() {
         return;
+    },
+    methods: {
+        getTag() {
+            return 'e-column';
+        }
     }
-    getTag() {
-        return 'e-column';
-    }
-};
-ColumnDirective = __decorate$4([
-    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$5 = (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$5;
-if (!isExecute || parseInt(allVue.version) < 3) {
-    vueImport$5 = Vue;
-}
-else {
-    vueImport$5 = Vue$1;
-}
-let RangesDirective = 
-/* Start Options({
-    inject: {
-        custom: {
-            default: null
-        }
-    }
-}) End */
-class RangesDirective extends vueImport$5 {
-    constructor() {
-        super(arguments);
-    }
+let RangesDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
     render(createElement) {
         if (!isExecute) {
             let h = !isExecute ? gh : createElement;
@@ -489,30 +298,22 @@ class RangesDirective extends vueImport$5 {
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
-    }
+    },
     updated() {
         if (!isExecute && this.custom) {
             this.custom();
         }
-    }
-    getTag() {
-        return 'e-ranges';
-    }
-};
-RangesDirective = __decorate$5([
-    EJComponentDecorator({}, isExecute)
-    /* Start Options({
-        inject: {
-            custom: {
-                default: null
-            }
+    },
+    methods: {
+        getTag() {
+            return 'e-ranges';
         }
-    }) End */
-], RangesDirective);
+    }
+});
 const RangesPlugin = {
     name: 'e-ranges',
-    install(Vue$$1) {
-        Vue$$1.component(RangesPlugin.name, RangesDirective);
+    install(Vue) {
+        Vue.component(RangesPlugin.name, RangesDirective);
     }
 };
 /**
@@ -530,50 +331,25 @@ const RangesPlugin = {
  * </ejs-spreadsheet>
  * ```
  */
-let RangeDirective = class RangeDirective extends vueImport$5 {
+let RangeDirective = vueDefineComponent({
     render() {
         return;
+    },
+    methods: {
+        getTag() {
+            return 'e-range';
+        }
     }
-    getTag() {
-        return 'e-range';
-    }
-};
-RangeDirective = __decorate$5([
-    EJComponentDecorator({}, isExecute)
-], RangeDirective);
+});
 const RangePlugin = {
     name: 'e-range',
-    install(Vue$$1) {
-        Vue$$1.component(RangePlugin.name, RangeDirective);
+    install(Vue) {
+        Vue.component(RangePlugin.name, RangeDirective);
     }
 };
 
-var __decorate$6 = (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$6;
-if (!isExecute || parseInt(allVue.version) < 3) {
-    vueImport$6 = Vue;
-}
-else {
-    vueImport$6 = Vue$1;
-}
-let ConditionalFormatsDirective = 
-/* Start Options({
-    inject: {
-        custom: {
-            default: null
-        }
-    }
-}) End */
-class ConditionalFormatsDirective extends vueImport$6 {
-    constructor() {
-        super(arguments);
-    }
+let ConditionalFormatsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
     render(createElement) {
         if (!isExecute) {
             let h = !isExecute ? gh : createElement;
@@ -584,30 +360,22 @@ class ConditionalFormatsDirective extends vueImport$6 {
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
-    }
+    },
     updated() {
         if (!isExecute && this.custom) {
             this.custom();
         }
-    }
-    getTag() {
-        return 'e-conditionalformats';
-    }
-};
-ConditionalFormatsDirective = __decorate$6([
-    EJComponentDecorator({}, isExecute)
-    /* Start Options({
-        inject: {
-            custom: {
-                default: null
-            }
+    },
+    methods: {
+        getTag() {
+            return 'e-conditionalformats';
         }
-    }) End */
-], ConditionalFormatsDirective);
+    }
+});
 const ConditionalFormatsPlugin = {
     name: 'e-conditionalformats',
-    install(Vue$$1) {
-        Vue$$1.component(ConditionalFormatsPlugin.name, ConditionalFormatsDirective);
+    install(Vue) {
+        Vue.component(ConditionalFormatsPlugin.name, ConditionalFormatsDirective);
     }
 };
 /**
@@ -625,50 +393,25 @@ const ConditionalFormatsPlugin = {
  * </ejs-spreadsheet>
  * ```
  */
-let ConditionalFormatDirective = class ConditionalFormatDirective extends vueImport$6 {
+let ConditionalFormatDirective = vueDefineComponent({
     render() {
         return;
+    },
+    methods: {
+        getTag() {
+            return 'e-conditionalformat';
+        }
     }
-    getTag() {
-        return 'e-conditionalformat';
-    }
-};
-ConditionalFormatDirective = __decorate$6([
-    EJComponentDecorator({}, isExecute)
-], ConditionalFormatDirective);
+});
 const ConditionalFormatPlugin = {
     name: 'e-conditionalformat',
-    install(Vue$$1) {
-        Vue$$1.component(ConditionalFormatPlugin.name, ConditionalFormatDirective);
+    install(Vue) {
+        Vue.component(ConditionalFormatPlugin.name, ConditionalFormatDirective);
     }
 };
 
-var __decorate$7 = (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$7;
-if (!isExecute || parseInt(allVue.version) < 3) {
-    vueImport$7 = Vue;
-}
-else {
-    vueImport$7 = Vue$1;
-}
-let SheetsDirective = 
-/* Start Options({
-    inject: {
-        custom: {
-            default: null
-        }
-    }
-}) End */
-class SheetsDirective extends vueImport$7 {
-    constructor() {
-        super(arguments);
-    }
+let SheetsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
     render(createElement) {
         if (!isExecute) {
             let h = !isExecute ? gh : createElement;
@@ -679,30 +422,22 @@ class SheetsDirective extends vueImport$7 {
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
-    }
+    },
     updated() {
         if (!isExecute && this.custom) {
             this.custom();
         }
-    }
-    getTag() {
-        return 'e-sheets';
-    }
-};
-SheetsDirective = __decorate$7([
-    EJComponentDecorator({}, isExecute)
-    /* Start Options({
-        inject: {
-            custom: {
-                default: null
-            }
+    },
+    methods: {
+        getTag() {
+            return 'e-sheets';
         }
-    }) End */
-], SheetsDirective);
+    }
+});
 const SheetsPlugin = {
     name: 'e-sheets',
-    install(Vue$$1) {
-        Vue$$1.component(SheetsPlugin.name, SheetsDirective);
+    install(Vue) {
+        Vue.component(SheetsPlugin.name, SheetsDirective);
     }
 };
 /**
@@ -717,50 +452,25 @@ const SheetsPlugin = {
  * </ejs-spreadsheet>
  * ```
  */
-let SheetDirective = class SheetDirective extends vueImport$7 {
+let SheetDirective = vueDefineComponent({
     render() {
         return;
+    },
+    methods: {
+        getTag() {
+            return 'e-sheet';
+        }
     }
-    getTag() {
-        return 'e-sheet';
-    }
-};
-SheetDirective = __decorate$7([
-    EJComponentDecorator({}, isExecute)
-], SheetDirective);
+});
 const SheetPlugin = {
     name: 'e-sheet',
-    install(Vue$$1) {
-        Vue$$1.component(SheetPlugin.name, SheetDirective);
+    install(Vue) {
+        Vue.component(SheetPlugin.name, SheetDirective);
     }
 };
 
-var __decorate$8 = (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$8;
-if (!isExecute || parseInt(allVue.version) < 3) {
-    vueImport$8 = Vue;
-}
-else {
-    vueImport$8 = Vue$1;
-}
-let DefinedNamesDirective = 
-/* Start Options({
-    inject: {
-        custom: {
-            default: null
-        }
-    }
-}) End */
-class DefinedNamesDirective extends vueImport$8 {
-    constructor() {
-        super(arguments);
-    }
+let DefinedNamesDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
     render(createElement) {
         if (!isExecute) {
             let h = !isExecute ? gh : createElement;
@@ -771,30 +481,22 @@ class DefinedNamesDirective extends vueImport$8 {
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
-    }
+    },
     updated() {
         if (!isExecute && this.custom) {
             this.custom();
         }
-    }
-    getTag() {
-        return 'e-definednames';
-    }
-};
-DefinedNamesDirective = __decorate$8([
-    EJComponentDecorator({}, isExecute)
-    /* Start Options({
-        inject: {
-            custom: {
-                default: null
-            }
+    },
+    methods: {
+        getTag() {
+            return 'e-definednames';
         }
-    }) End */
-], DefinedNamesDirective);
+    }
+});
 const DefinedNamesPlugin = {
     name: 'e-definednames',
-    install(Vue$$1) {
-        Vue$$1.component(DefinedNamesPlugin.name, DefinedNamesDirective);
+    install(Vue) {
+        Vue.component(DefinedNamesPlugin.name, DefinedNamesDirective);
     }
 };
 /**
@@ -809,31 +511,23 @@ const DefinedNamesPlugin = {
  * </ejs-spreadsheet>
  * ```
  */
-let DefinedNameDirective = class DefinedNameDirective extends vueImport$8 {
+let DefinedNameDirective = vueDefineComponent({
     render() {
         return;
+    },
+    methods: {
+        getTag() {
+            return 'e-definedname';
+        }
     }
-    getTag() {
-        return 'e-definedname';
-    }
-};
-DefinedNameDirective = __decorate$8([
-    EJComponentDecorator({}, isExecute)
-], DefinedNameDirective);
+});
 const DefinedNamePlugin = {
     name: 'e-definedname',
-    install(Vue$$1) {
-        Vue$$1.component(DefinedNamePlugin.name, DefinedNameDirective);
+    install(Vue) {
+        Vue.component(DefinedNamePlugin.name, DefinedNameDirective);
     }
 };
 
-var __decorate$9 = (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', 'activeSheetIndex', 'allowAutoFill', 'allowCellFormatting', 'allowChart', 'allowConditionalFormat', 'allowDataValidation', 'allowDelete', 'allowEditing', 'allowFiltering', 'allowFindAndReplace', 'allowFreezePane', 'allowHyperlink', 'allowImage', 'allowInsert', 'allowMerge', 'allowNumberFormatting', 'allowOpen', 'allowResizing', 'allowSave', 'allowScrolling', 'allowSorting', 'allowUndoRedo', 'allowWrap', 'autoFillSettings', 'cellStyle', 'cssClass', 'currencyCode', 'definedNames', 'enableClipboard', 'enableContextMenu', 'enableKeyboardNavigation', 'enableKeyboardShortcut', 'enablePersistence', 'enableRtl', 'height', 'isProtected', 'locale', 'openUrl', 'password', 'saveUrl', 'scrollSettings', 'selectionSettings', 'sheets', 'showAggregate', 'showFormulaBar', 'showRibbon', 'showSheetTabs', 'width', 'actionBegin', 'actionComplete', 'afterHyperlinkClick', 'afterHyperlinkCreate', 'beforeCellFormat', 'beforeCellRender', 'beforeCellSave', 'beforeCellUpdate', 'beforeConditionalFormat', 'beforeDataBound', 'beforeHyperlinkClick', 'beforeHyperlinkCreate', 'beforeOpen', 'beforeSave', 'beforeSelect', 'beforeSort', 'cellEdit', 'cellEditing', 'cellSave', 'contextMenuBeforeClose', 'contextMenuBeforeOpen', 'contextMenuItemSelect', 'created', 'dataBound', 'dataSourceChanged', 'dialogBeforeOpen', 'fileMenuBeforeClose', 'fileMenuBeforeOpen', 'fileMenuItemSelect', 'openComplete', 'openFailure', 'queryCellInfo', 'saveComplete', 'select', 'sortComplete'];
 const modelProps = [];
 const testProp = getProps({ props: properties });
@@ -850,79 +544,33 @@ for (let props of modelProps) {
  * <ejs-spreadsheet></ejs-spreadsheet>
  * ```
  */
-let SpreadsheetComponent = 
-/* Start Options({
+let SpreadsheetComponent = vueDefineComponent({
+    name: 'SpreadsheetComponent',
+    mixins: [ComponentBase],
     props: props,
     watch: watch,
     emits: emitProbs,
-    provide: function provide() {
+    provide() { return { custom: this.custom }; },
+    data() {
         return {
-            custom: this.custom
+            ej2Instances: new Spreadsheet({}),
+            propKeys: properties,
+            models: modelProps,
+            hasChildDirective: true,
+            hasInjectedModules: true,
+            tagMapper: { "e-sheets": { "e-sheet": { "e-rows": { "e-row": { "e-cells": { "e-cell": { "e-images": "e-image", "e-charts": "e-chart" } } } }, "e-columns": "e-column", "e-ranges": "e-range", "e-conditionalformats": "e-conditionalformat" } }, "e-definednames": "e-definedname" },
+            tagNameMapper: { "e-images": "e-image", "e-charts": "e-chart", "e-conditionalformats": "e-conditionalFormats", "e-definednames": "e-definedNames" },
+            isVue3: !isExecute,
+            templateCollection: {},
         };
-    }
-}) End */
-class SpreadsheetComponent extends ComponentBase {
-    constructor() {
-        super(arguments);
-        this.propKeys = properties;
-        this.models = modelProps;
-        this.hasChildDirective = true;
-        this.hasInjectedModules = true;
-        this.tagMapper = { "e-sheets": { "e-sheet": { "e-rows": { "e-row": { "e-cells": { "e-cell": { "e-images": "e-image", "e-charts": "e-chart" } } } }, "e-columns": "e-column", "e-ranges": "e-range", "e-conditionalformats": "e-conditionalformat" } }, "e-definednames": "e-definedname" };
-        this.tagNameMapper = { "e-images": "e-image", "e-charts": "e-chart", "e-conditionalformats": "e-conditionalFormats", "e-definednames": "e-definedNames" };
-        this.isVue3 = !isExecute;
-        this.ej2Instances = new Spreadsheet({});
+    },
+    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;
@@ -930,312 +578,344 @@ class SpreadsheetComponent extends ComponentBase {
             slots = !isExecute ? this.$slots.default() : this.$slots.default;
         }
         return h('div', slots);
-    }
-    custom() {
-        this.updated();
-    }
-    Unfreeze(sheet) {
-        return this.ej2Instances.Unfreeze(sheet);
-    }
-    addContextMenuItems(items, text, insertAfter, isUniqueId) {
-        return this.ej2Instances.addContextMenuItems(items, text, insertAfter, isUniqueId);
-    }
-    addCustomFunction(functionHandler, functionName, formulaDescription) {
-        return this.ej2Instances.addCustomFunction(functionHandler, functionName, formulaDescription);
-    }
-    addDataValidation(rules, range) {
-        return this.ej2Instances.addDataValidation(rules, range);
-    }
-    addDefinedName(definedName) {
-        return this.ej2Instances.addDefinedName(definedName);
-    }
-    addFileMenuItems(items, text, insertAfter, isUniqueId) {
-        return this.ej2Instances.addFileMenuItems(items, text, insertAfter, isUniqueId);
-    }
-    addHyperlink(hyperlink, address, displayText) {
-        return this.ej2Instances.addHyperlink(hyperlink, address, displayText);
-    }
-    addInvalidHighlight(range) {
-        return this.ej2Instances.addInvalidHighlight(range);
-    }
-    addRibbonTabs(items, insertBefore) {
-        return this.ej2Instances.addRibbonTabs(items, insertBefore);
-    }
-    addToolbarItems(tab, items, index) {
-        return this.ej2Instances.addToolbarItems(tab, items, index);
-    }
-    applyFilter(predicates, range) {
-        return this.ej2Instances.applyFilter(predicates, range);
-    }
-    autoFill(fillRange, dataRange, direction, fillType) {
-        return this.ej2Instances.autoFill(fillRange, dataRange, direction, fillType);
-    }
-    autoFit(range) {
-        return this.ej2Instances.autoFit(range);
-    }
-    cellFormat(style, range) {
-        return this.ej2Instances.cellFormat(style, range);
-    }
-    clear(options) {
-        return this.ej2Instances.clear(options);
-    }
-    clearConditionalFormat(range) {
-        return this.ej2Instances.clearConditionalFormat(range);
-    }
-    clearFilter(field) {
-        return this.ej2Instances.clearFilter(field);
-    }
-    closeEdit() {
-        return this.ej2Instances.closeEdit();
-    }
-    computeExpression(formula) {
-        return this.ej2Instances.computeExpression(formula);
-    }
-    conditionalFormat(conditionalFormat) {
-        return this.ej2Instances.conditionalFormat(conditionalFormat);
-    }
-    copy(address) {
-        return this.ej2Instances.copy(address);
-    }
-    cut(address) {
-        return this.ej2Instances.cut(address);
-    }
-    delete(startIndex, endIndex, model, sheet) {
-        return this.ej2Instances.delete(startIndex, endIndex, model, sheet);
-    }
-    deleteChart(id) {
-        return this.ej2Instances.deleteChart(id);
-    }
-    deleteImage(id, range) {
-        return this.ej2Instances.deleteImage(id, range);
-    }
-    duplicateSheet(sheetIndex) {
-        return this.ej2Instances.duplicateSheet(sheetIndex);
-    }
-    enableContextMenuItems(items, enable, isUniqueId) {
-        return this.ej2Instances.enableContextMenuItems(items, enable, isUniqueId);
-    }
-    enableFileMenuItems(items, enable, isUniqueId) {
-        return this.ej2Instances.enableFileMenuItems(items, enable, isUniqueId);
-    }
-    enableRibbonTabs(tabs, enable) {
-        return this.ej2Instances.enableRibbonTabs(tabs, enable);
-    }
-    enableToolbarItems(tab, items, enable) {
-        return this.ej2Instances.enableToolbarItems(tab, items, enable);
-    }
-    endEdit() {
-        return this.ej2Instances.endEdit();
-    }
-    find(args) {
-        return this.ej2Instances.find(args);
-    }
-    findAll(value, mode, isCSen, isEMatch, sheetIndex) {
-        return this.ej2Instances.findAll(value, mode, isCSen, isEMatch, sheetIndex);
-    }
-    freezePanes(row, column, sheet) {
-        return this.ej2Instances.freezePanes(row, column, sheet);
-    }
-    getData(address) {
-        return this.ej2Instances.getData(address);
-    }
-    getDisplayText(cell) {
-        return this.ej2Instances.getDisplayText(cell);
-    }
-    getRowData(index, sheetIndex) {
-        return this.ej2Instances.getRowData(index, sheetIndex);
-    }
-    getSelectAllContent() {
-        return this.ej2Instances.getSelectAllContent();
-    }
-    goTo(address) {
-        return this.ej2Instances.goTo(address);
-    }
-    hideColumn(startIndex, endIndex, hide) {
-        return this.ej2Instances.hideColumn(startIndex, endIndex, hide);
-    }
-    hideFileMenuItems(items, hide, isUniqueId) {
-        return this.ej2Instances.hideFileMenuItems(items, hide, isUniqueId);
-    }
-    hideRibbonTabs(tabs, hide) {
-        return this.ej2Instances.hideRibbonTabs(tabs, hide);
-    }
-    hideRow(startIndex, endIndex, hide) {
-        return this.ej2Instances.hideRow(startIndex, endIndex, hide);
-    }
-    hideSpinner() {
-        return this.ej2Instances.hideSpinner();
-    }
-    hideToolbarItems(tab, indexes, hide) {
-        return this.ej2Instances.hideToolbarItems(tab, indexes, hide);
-    }
-    insertChart(chart) {
-        return this.ej2Instances.insertChart(chart);
-    }
-    insertColumn(startColumn, endColumn, sheet) {
-        return this.ej2Instances.insertColumn(startColumn, endColumn, sheet);
-    }
-    insertImage(images, range) {
-        return this.ej2Instances.insertImage(images, range);
-    }
-    insertRow(startRow, endRow, sheet) {
-        return this.ej2Instances.insertRow(startRow, endRow, sheet);
-    }
-    insertSheet(startSheet, endSheet) {
-        return this.ej2Instances.insertSheet(startSheet, endSheet);
-    }
-    isValidCell(cellAddress) {
-        return this.ej2Instances.isValidCell(cellAddress);
-    }
-    lockCells(range, isLocked) {
-        return this.ej2Instances.lockCells(range, isLocked);
-    }
-    merge(range, type) {
-        return this.ej2Instances.merge(range, type);
-    }
-    moveSheet(position, sheetIndexes) {
-        return this.ej2Instances.moveSheet(position, sheetIndexes);
-    }
-    numberFormat(format, range) {
-        return this.ej2Instances.numberFormat(format, range);
-    }
-    open(options) {
-        return this.ej2Instances.open(options);
-    }
-    openFromJson(options) {
-        return this.ej2Instances.openFromJson(options);
-    }
-    paste(address, type) {
-        return this.ej2Instances.paste(address, type);
-    }
-    protectSheet(sheet, protectSettings, password) {
-        return this.ej2Instances.protectSheet(sheet, protectSettings, password);
-    }
-    redo() {
-        return this.ej2Instances.redo();
-    }
-    refresh(isNew) {
-        return this.ej2Instances.refresh(isNew);
-    }
-    removeContextMenuItems(items, isUniqueId) {
-        return this.ej2Instances.removeContextMenuItems(items, isUniqueId);
-    }
-    removeDataValidation(range) {
-        return this.ej2Instances.removeDataValidation(range);
-    }
-    removeDefinedName(definedName, scope) {
-        return this.ej2Instances.removeDefinedName(definedName, scope);
-    }
-    removeHyperlink(range) {
-        return this.ej2Instances.removeHyperlink(range);
-    }
-    removeInvalidHighlight(range) {
-        return this.ej2Instances.removeInvalidHighlight(range);
-    }
-    replace(args) {
-        return this.ej2Instances.replace(args);
-    }
-    resize() {
-        return this.ej2Instances.resize();
-    }
-    save(saveOptions) {
-        return this.ej2Instances.save(saveOptions);
-    }
-    saveAsJson() {
-        return this.ej2Instances.saveAsJson();
-    }
-    selectRange(address) {
-        return this.ej2Instances.selectRange(address);
-    }
-    setBorder(style, range, type) {
-        return this.ej2Instances.setBorder(style, range, type);
-    }
-    setColWidth(width, colIndex, sheetIndex) {
-        return this.ej2Instances.setColWidth(width, colIndex, sheetIndex);
-    }
-    setColumnsWidth(width, ranges) {
-        return this.ej2Instances.setColumnsWidth(width, ranges);
-    }
-    setRowHeight(height, rowIndex, sheetIndex, edited) {
-        return this.ej2Instances.setRowHeight(height, rowIndex, sheetIndex, edited);
-    }
-    setRowsHeight(height, ranges) {
-        return this.ej2Instances.setRowsHeight(height, ranges);
-    }
-    showSpinner() {
-        return this.ej2Instances.showSpinner();
-    }
-    sort(sortOptions, range) {
-        return this.ej2Instances.sort(sortOptions, range);
-    }
-    startEdit() {
-        return this.ej2Instances.startEdit();
-    }
-    unMerge(range) {
-        return this.ej2Instances.unMerge(range);
-    }
-    undo() {
-        return this.ej2Instances.undo();
-    }
-    unfreezePanes(sheet) {
-        return this.ej2Instances.unfreezePanes(sheet);
-    }
-    unprotectSheet(sheet) {
-        return this.ej2Instances.unprotectSheet(sheet);
-    }
-    updateAction(options) {
-        return this.ej2Instances.updateAction(options);
-    }
-    updateCell(cell, address) {
-        return this.ej2Instances.updateCell(cell, address);
-    }
-    updateRange(range, sheetIdx) {
-        return this.ej2Instances.updateRange(range, sheetIdx);
-    }
-    updateUndoRedoCollection(args) {
-        return this.ej2Instances.updateUndoRedoCollection(args);
-    }
-    wrap(address, wrap) {
-        return this.ej2Instances.wrap(address, wrap);
-    }
-};
-SpreadsheetComponent = __decorate$9([
-    EJComponentDecorator({
-        props: properties
-    }, isExecute)
-    /* Start Options({
-        props: props,
-        watch: watch,
-        emits: emitProbs,
-        provide: function provide() {
-            return {
-                custom: this.custom
-            };
-        }
-    }) End */
-], SpreadsheetComponent);
+    },
+    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();
+        },
+        Unfreeze(sheet) {
+            return this.ej2Instances.Unfreeze(sheet);
+        },
+        addContextMenuItems(items, text, insertAfter, isUniqueId) {
+            return this.ej2Instances.addContextMenuItems(items, text, insertAfter, isUniqueId);
+        },
+        addCustomFunction(functionHandler, functionName, formulaDescription) {
+            return this.ej2Instances.addCustomFunction(functionHandler, functionName, formulaDescription);
+        },
+        addDataValidation(rules, range) {
+            return this.ej2Instances.addDataValidation(rules, range);
+        },
+        addDefinedName(definedName) {
+            return this.ej2Instances.addDefinedName(definedName);
+        },
+        addFileMenuItems(items, text, insertAfter, isUniqueId) {
+            return this.ej2Instances.addFileMenuItems(items, text, insertAfter, isUniqueId);
+        },
+        addHyperlink(hyperlink, address, displayText) {
+            return this.ej2Instances.addHyperlink(hyperlink, address, displayText);
+        },
+        addInvalidHighlight(range) {
+            return this.ej2Instances.addInvalidHighlight(range);
+        },
+        addRibbonTabs(items, insertBefore) {
+            return this.ej2Instances.addRibbonTabs(items, insertBefore);
+        },
+        addToolbarItems(tab, items, index) {
+            return this.ej2Instances.addToolbarItems(tab, items, index);
+        },
+        applyFilter(predicates, range) {
+            return this.ej2Instances.applyFilter(predicates, range);
+        },
+        autoFill(fillRange, dataRange, direction, fillType) {
+            return this.ej2Instances.autoFill(fillRange, dataRange, direction, fillType);
+        },
+        autoFit(range) {
+            return this.ej2Instances.autoFit(range);
+        },
+        cellFormat(style, range) {
+            return this.ej2Instances.cellFormat(style, range);
+        },
+        clear(options) {
+            return this.ej2Instances.clear(options);
+        },
+        clearConditionalFormat(range) {
+            return this.ej2Instances.clearConditionalFormat(range);
+        },
+        clearFilter(field) {
+            return this.ej2Instances.clearFilter(field);
+        },
+        closeEdit() {
+            return this.ej2Instances.closeEdit();
+        },
+        computeExpression(formula) {
+            return this.ej2Instances.computeExpression(formula);
+        },
+        conditionalFormat(conditionalFormat) {
+            return this.ej2Instances.conditionalFormat(conditionalFormat);
+        },
+        copy(address) {
+            return this.ej2Instances.copy(address);
+        },
+        cut(address) {
+            return this.ej2Instances.cut(address);
+        },
+        delete(startIndex, endIndex, model, sheet) {
+            return this.ej2Instances.delete(startIndex, endIndex, model, sheet);
+        },
+        deleteChart(id) {
+            return this.ej2Instances.deleteChart(id);
+        },
+        deleteImage(id, range) {
+            return this.ej2Instances.deleteImage(id, range);
+        },
+        duplicateSheet(sheetIndex) {
+            return this.ej2Instances.duplicateSheet(sheetIndex);
+        },
+        enableContextMenuItems(items, enable, isUniqueId) {
+            return this.ej2Instances.enableContextMenuItems(items, enable, isUniqueId);
+        },
+        enableFileMenuItems(items, enable, isUniqueId) {
+            return this.ej2Instances.enableFileMenuItems(items, enable, isUniqueId);
+        },
+        enableRibbonTabs(tabs, enable) {
+            return this.ej2Instances.enableRibbonTabs(tabs, enable);
+        },
+        enableToolbarItems(tab, items, enable) {
+            return this.ej2Instances.enableToolbarItems(tab, items, enable);
+        },
+        endEdit() {
+            return this.ej2Instances.endEdit();
+        },
+        find(args) {
+            return this.ej2Instances.find(args);
+        },
+        findAll(value, mode, isCSen, isEMatch, sheetIndex) {
+            return this.ej2Instances.findAll(value, mode, isCSen, isEMatch, sheetIndex);
+        },
+        freezePanes(row, column, sheet) {
+            return this.ej2Instances.freezePanes(row, column, sheet);
+        },
+        getData(address) {
+            return this.ej2Instances.getData(address);
+        },
+        getDisplayText(cell) {
+            return this.ej2Instances.getDisplayText(cell);
+        },
+        getRowData(index, sheetIndex) {
+            return this.ej2Instances.getRowData(index, sheetIndex);
+        },
+        getSelectAllContent() {
+            return this.ej2Instances.getSelectAllContent();
+        },
+        goTo(address) {
+            return this.ej2Instances.goTo(address);
+        },
+        hideColumn(startIndex, endIndex, hide) {
+            return this.ej2Instances.hideColumn(startIndex, endIndex, hide);
+        },
+        hideFileMenuItems(items, hide, isUniqueId) {
+            return this.ej2Instances.hideFileMenuItems(items, hide, isUniqueId);
+        },
+        hideRibbonTabs(tabs, hide) {
+            return this.ej2Instances.hideRibbonTabs(tabs, hide);
+        },
+        hideRow(startIndex, endIndex, hide) {
+            return this.ej2Instances.hideRow(startIndex, endIndex, hide);
+        },
+        hideSpinner() {
+            return this.ej2Instances.hideSpinner();
+        },
+        hideToolbarItems(tab, indexes, hide) {
+            return this.ej2Instances.hideToolbarItems(tab, indexes, hide);
+        },
+        insertChart(chart) {
+            return this.ej2Instances.insertChart(chart);
+        },
+        insertColumn(startColumn, endColumn, sheet) {
+            return this.ej2Instances.insertColumn(startColumn, endColumn, sheet);
+        },
+        insertImage(images, range) {
+            return this.ej2Instances.insertImage(images, range);
+        },
+        insertRow(startRow, endRow, sheet) {
+            return this.ej2Instances.insertRow(startRow, endRow, sheet);
+        },
+        insertSheet(startSheet, endSheet) {
+            return this.ej2Instances.insertSheet(startSheet, endSheet);
+        },
+        isValidCell(cellAddress) {
+            return this.ej2Instances.isValidCell(cellAddress);
+        },
+        lockCells(range, isLocked) {
+            return this.ej2Instances.lockCells(range, isLocked);
+        },
+        merge(range, type) {
+            return this.ej2Instances.merge(range, type);
+        },
+        moveSheet(position, sheetIndexes) {
+            return this.ej2Instances.moveSheet(position, sheetIndexes);
+        },
+        numberFormat(format, range) {
+            return this.ej2Instances.numberFormat(format, range);
+        },
+        open(options) {
+            return this.ej2Instances.open(options);
+        },
+        openFromJson(options) {
+            return this.ej2Instances.openFromJson(options);
+        },
+        paste(address, type) {
+            return this.ej2Instances.paste(address, type);
+        },
+        protectSheet(sheet, protectSettings, password) {
+            return this.ej2Instances.protectSheet(sheet, protectSettings, password);
+        },
+        redo() {
+            return this.ej2Instances.redo();
+        },
+        refresh(isNew) {
+            return this.ej2Instances.refresh(isNew);
+        },
+        removeContextMenuItems(items, isUniqueId) {
+            return this.ej2Instances.removeContextMenuItems(items, isUniqueId);
+        },
+        removeDataValidation(range) {
+            return this.ej2Instances.removeDataValidation(range);
+        },
+        removeDefinedName(definedName, scope) {
+            return this.ej2Instances.removeDefinedName(definedName, scope);
+        },
+        removeHyperlink(range) {
+            return this.ej2Instances.removeHyperlink(range);
+        },
+        removeInvalidHighlight(range) {
+            return this.ej2Instances.removeInvalidHighlight(range);
+        },
+        replace(args) {
+            return this.ej2Instances.replace(args);
+        },
+        resize() {
+            return this.ej2Instances.resize();
+        },
+        save(saveOptions) {
+            return this.ej2Instances.save(saveOptions);
+        },
+        saveAsJson() {
+            return this.ej2Instances.saveAsJson();
+        },
+        selectRange(address) {
+            return this.ej2Instances.selectRange(address);
+        },
+        setBorder(style, range, type) {
+            return this.ej2Instances.setBorder(style, range, type);
+        },
+        setColWidth(width, colIndex, sheetIndex) {
+            return this.ej2Instances.setColWidth(width, colIndex, sheetIndex);
+        },
+        setColumnsWidth(width, ranges) {
+            return this.ej2Instances.setColumnsWidth(width, ranges);
+        },
+        setRowHeight(height, rowIndex, sheetIndex, edited) {
+            return this.ej2Instances.setRowHeight(height, rowIndex, sheetIndex, edited);
+        },
+        setRowsHeight(height, ranges) {
+            return this.ej2Instances.setRowsHeight(height, ranges);
+        },
+        showSpinner() {
+            return this.ej2Instances.showSpinner();
+        },
+        sort(sortOptions, range) {
+            return this.ej2Instances.sort(sortOptions, range);
+        },
+        startEdit() {
+            return this.ej2Instances.startEdit();
+        },
+        unMerge(range) {
+            return this.ej2Instances.unMerge(range);
+        },
+        undo() {
+            return this.ej2Instances.undo();
+        },
+        unfreezePanes(sheet) {
+            return this.ej2Instances.unfreezePanes(sheet);
+        },
+        unprotectSheet(sheet) {
+            return this.ej2Instances.unprotectSheet(sheet);
+        },
+        updateAction(options) {
+            return this.ej2Instances.updateAction(options);
+        },
+        updateCell(cell, address) {
+            return this.ej2Instances.updateCell(cell, address);
+        },
+        updateRange(range, sheetIdx) {
+            return this.ej2Instances.updateRange(range, sheetIdx);
+        },
+        updateUndoRedoCollection(args) {
+            return this.ej2Instances.updateUndoRedoCollection(args);
+        },
+        wrap(address, wrap) {
+            return this.ej2Instances.wrap(address, wrap);
+        },
+    }
+});
 const SpreadsheetPlugin = {
     name: 'ejs-spreadsheet',
-    install(Vue$$1) {
-        Vue$$1.component(SpreadsheetPlugin.name, SpreadsheetComponent);
-        Vue$$1.component(SheetPlugin.name, SheetDirective);
-        Vue$$1.component(SheetsPlugin.name, SheetsDirective);
-        Vue$$1.component(RowPlugin.name, RowDirective);
-        Vue$$1.component(RowsPlugin.name, RowsDirective);
-        Vue$$1.component(CellPlugin.name, CellDirective);
-        Vue$$1.component(CellsPlugin.name, CellsDirective);
-        Vue$$1.component(ImagePlugin.name, ImageDirective);
-        Vue$$1.component(ImagesPlugin.name, ImagesDirective);
-        Vue$$1.component(ChartPlugin.name, ChartDirective);
-        Vue$$1.component(ChartsPlugin.name, ChartsDirective);
-        Vue$$1.component(ColumnPlugin.name, ColumnDirective);
-        Vue$$1.component(ColumnsPlugin.name, ColumnsDirective);
-        Vue$$1.component(RangePlugin.name, RangeDirective);
-        Vue$$1.component(RangesPlugin.name, RangesDirective);
-        Vue$$1.component(ConditionalFormatPlugin.name, ConditionalFormatDirective);
-        Vue$$1.component(ConditionalFormatsPlugin.name, ConditionalFormatsDirective);
-        Vue$$1.component(DefinedNamePlugin.name, DefinedNameDirective);
-        Vue$$1.component(DefinedNamesPlugin.name, DefinedNamesDirective);
+    install(Vue) {
+        Vue.component(SpreadsheetPlugin.name, SpreadsheetComponent);
+        Vue.component(SheetPlugin.name, SheetDirective);
+        Vue.component(SheetsPlugin.name, SheetsDirective);
+        Vue.component(RowPlugin.name, RowDirective);
+        Vue.component(RowsPlugin.name, RowsDirective);
+        Vue.component(CellPlugin.name, CellDirective);
+        Vue.component(CellsPlugin.name, CellsDirective);
+        Vue.component(ImagePlugin.name, ImageDirective);
+        Vue.component(ImagesPlugin.name, ImagesDirective);
+        Vue.component(ChartPlugin.name, ChartDirective);
+        Vue.component(ChartsPlugin.name, ChartsDirective);
+        Vue.component(ColumnPlugin.name, ColumnDirective);
+        Vue.component(ColumnsPlugin.name, ColumnsDirective);
+        Vue.component(RangePlugin.name, RangeDirective);
+        Vue.component(RangesPlugin.name, RangesDirective);
+        Vue.component(ConditionalFormatPlugin.name, ConditionalFormatDirective);
+        Vue.component(ConditionalFormatsPlugin.name, ConditionalFormatsDirective);
+        Vue.component(DefinedNamePlugin.name, DefinedNameDirective);
+        Vue.component(DefinedNamesPlugin.name, DefinedNamesDirective);
     }
 };