@syncfusion/ej2-vue-charts 20.4.53 → 21.1.35

package/src/chart/indicators.directive.js

@@ -1,40 +1,8 @@
-var __extends = (this && this.__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 = (this && this.__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 { EJComponentDecorator, allVue, gh, isExecute } from '@syncfusion/ej2-vue-base';
-import * as Vue3 from 'vue-class-component';
+import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
-import Vue from 'vue';
-import { Options } from 'vue-class-component';
-var vueImport;
-if (!isExecute || parseInt(allVue.version) < 3) {
-    vueImport = Vue3.Vue;
-}
-else {
-    vueImport = Vue;
-}
-var IndicatorsDirective = /** @class */ (function (_super) {
-    __extends(IndicatorsDirective, _super);
-    function IndicatorsDirective() {
-        return _super.call(this, arguments) || this;
-    }
-    IndicatorsDirective.prototype.render = function (createElement) {
+export var IndicatorsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
+    render: function (createElement) {
         if (!isExecute) {
             var h = !isExecute ? gh : createElement;
             var slots = null;
@@ -44,51 +12,34 @@ var IndicatorsDirective = /** @class */ (function (_super) {
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
-    };
-    IndicatorsDirective.prototype.updated = function () {
+    },
+    updated: function () {
         if (!isExecute && this.custom) {
             this.custom();
         }
-    };
-    IndicatorsDirective.prototype.getTag = function () {
-        return 'e-indicators';
-    };
-    IndicatorsDirective = __decorate([
-        EJComponentDecorator({}, isExecute)
-        ,Options({
-            inject: {
-                custom: {
-                    default: null
-                }
-            }
-        })
-    ], IndicatorsDirective);
-    return IndicatorsDirective;
-}(vueImport));
-export { IndicatorsDirective };
+    },
+    methods: {
+        getTag: function () {
+            return 'e-indicators';
+        }
+    }
+});
 export var IndicatorsPlugin = {
     name: 'e-indicators',
     install: function (Vue) {
         Vue.component(IndicatorsPlugin.name, IndicatorsDirective);
     }
 };
-var IndicatorDirective = /** @class */ (function (_super) {
-    __extends(IndicatorDirective, _super);
-    function IndicatorDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IndicatorDirective.prototype.render = function () {
+export var IndicatorDirective = vueDefineComponent({
+    render: function () {
         return;
-    };
-    IndicatorDirective.prototype.getTag = function () {
-        return 'e-indicator';
-    };
-    IndicatorDirective = __decorate([
-        EJComponentDecorator({}, isExecute)
-    ], IndicatorDirective);
-    return IndicatorDirective;
-}(vueImport));
-export { IndicatorDirective };
+    },
+    methods: {
+        getTag: function () {
+            return 'e-indicator';
+        }
+    }
+});
 export var IndicatorPlugin = {
     name: 'e-indicator',
     install: function (Vue) {

package/src/chart/multilevellabels.directive.d.ts

@@ -1,20 +1,10 @@
-declare let vueImport: any;
-export declare class MultiLevelLabelsDirective extends vueImport {
-    constructor();
-    render(createElement: any): void;
-    updated(): void;
-    getTag(): string;
-}
+export declare let MultiLevelLabelsDirective: any;
 export declare const MultiLevelLabelsPlugin: {
     name: string;
     install(Vue: any): void;
 };
-export declare class MultiLevelLabelDirective extends vueImport {
-    render(): void;
-    getTag(): string;
-}
+export declare let MultiLevelLabelDirective: any;
 export declare const MultiLevelLabelPlugin: {
     name: string;
     install(Vue: any): void;
 };
-export {};

package/src/chart/multilevellabels.directive.js

@@ -1,40 +1,8 @@
-var __extends = (this && this.__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 = (this && this.__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 { EJComponentDecorator, allVue, gh, isExecute } from '@syncfusion/ej2-vue-base';
-import * as Vue3 from 'vue-class-component';
+import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
-import Vue from 'vue';
-import { Options } from 'vue-class-component';
-var vueImport;
-if (!isExecute || parseInt(allVue.version) < 3) {
-    vueImport = Vue3.Vue;
-}
-else {
-    vueImport = Vue;
-}
-var MultiLevelLabelsDirective = /** @class */ (function (_super) {
-    __extends(MultiLevelLabelsDirective, _super);
-    function MultiLevelLabelsDirective() {
-        return _super.call(this, arguments) || this;
-    }
-    MultiLevelLabelsDirective.prototype.render = function (createElement) {
+export var MultiLevelLabelsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
+    render: function (createElement) {
         if (!isExecute) {
             var h = !isExecute ? gh : createElement;
             var slots = null;
@@ -44,51 +12,34 @@ var MultiLevelLabelsDirective = /** @class */ (function (_super) {
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
-    };
-    MultiLevelLabelsDirective.prototype.updated = function () {
+    },
+    updated: function () {
         if (!isExecute && this.custom) {
             this.custom();
         }
-    };
-    MultiLevelLabelsDirective.prototype.getTag = function () {
-        return 'e-multilevellabels';
-    };
-    MultiLevelLabelsDirective = __decorate([
-        EJComponentDecorator({}, isExecute)
-        ,Options({
-            inject: {
-                custom: {
-                    default: null
-                }
-            }
-        })
-    ], MultiLevelLabelsDirective);
-    return MultiLevelLabelsDirective;
-}(vueImport));
-export { MultiLevelLabelsDirective };
+    },
+    methods: {
+        getTag: function () {
+            return 'e-multilevellabels';
+        }
+    }
+});
 export var MultiLevelLabelsPlugin = {
     name: 'e-multilevellabels',
     install: function (Vue) {
         Vue.component(MultiLevelLabelsPlugin.name, MultiLevelLabelsDirective);
     }
 };
-var MultiLevelLabelDirective = /** @class */ (function (_super) {
-    __extends(MultiLevelLabelDirective, _super);
-    function MultiLevelLabelDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MultiLevelLabelDirective.prototype.render = function () {
+export var MultiLevelLabelDirective = vueDefineComponent({
+    render: function () {
         return;
-    };
-    MultiLevelLabelDirective.prototype.getTag = function () {
-        return 'e-multilevellabel';
-    };
-    MultiLevelLabelDirective = __decorate([
-        EJComponentDecorator({}, isExecute)
-    ], MultiLevelLabelDirective);
-    return MultiLevelLabelDirective;
-}(vueImport));
-export { MultiLevelLabelDirective };
+    },
+    methods: {
+        getTag: function () {
+            return 'e-multilevellabel';
+        }
+    }
+});
 export var MultiLevelLabelPlugin = {
     name: 'e-multilevellabel',
     install: function (Vue) {

package/src/chart/rangecolorsettings.directive.d.ts

@@ -1,20 +1,10 @@
-declare let vueImport: any;
-export declare class RangeColorSettingsDirective extends vueImport {
-    constructor();
-    render(createElement: any): void;
-    updated(): void;
-    getTag(): string;
-}
+export declare let RangeColorSettingsDirective: any;
 export declare const RangeColorSettingsPlugin: {
     name: string;
     install(Vue: any): void;
 };
-export declare class RangeColorSettingDirective extends vueImport {
-    render(): void;
-    getTag(): string;
-}
+export declare let RangeColorSettingDirective: any;
 export declare const RangeColorSettingPlugin: {
     name: string;
     install(Vue: any): void;
 };
-export {};

package/src/chart/rangecolorsettings.directive.js

@@ -1,40 +1,8 @@
-var __extends = (this && this.__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 = (this && this.__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 { EJComponentDecorator, allVue, gh, isExecute } from '@syncfusion/ej2-vue-base';
-import * as Vue3 from 'vue-class-component';
+import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
-import Vue from 'vue';
-import { Options } from 'vue-class-component';
-var vueImport;
-if (!isExecute || parseInt(allVue.version) < 3) {
-    vueImport = Vue3.Vue;
-}
-else {
-    vueImport = Vue;
-}
-var RangeColorSettingsDirective = /** @class */ (function (_super) {
-    __extends(RangeColorSettingsDirective, _super);
-    function RangeColorSettingsDirective() {
-        return _super.call(this, arguments) || this;
-    }
-    RangeColorSettingsDirective.prototype.render = function (createElement) {
+export var RangeColorSettingsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
+    render: function (createElement) {
         if (!isExecute) {
             var h = !isExecute ? gh : createElement;
             var slots = null;
@@ -44,51 +12,34 @@ var RangeColorSettingsDirective = /** @class */ (function (_super) {
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
-    };
-    RangeColorSettingsDirective.prototype.updated = function () {
+    },
+    updated: function () {
         if (!isExecute && this.custom) {
             this.custom();
         }
-    };
-    RangeColorSettingsDirective.prototype.getTag = function () {
-        return 'e-rangecolorsettings';
-    };
-    RangeColorSettingsDirective = __decorate([
-        EJComponentDecorator({}, isExecute)
-        ,Options({
-            inject: {
-                custom: {
-                    default: null
-                }
-            }
-        })
-    ], RangeColorSettingsDirective);
-    return RangeColorSettingsDirective;
-}(vueImport));
-export { RangeColorSettingsDirective };
+    },
+    methods: {
+        getTag: function () {
+            return 'e-rangecolorsettings';
+        }
+    }
+});
 export var RangeColorSettingsPlugin = {
     name: 'e-rangecolorsettings',
     install: function (Vue) {
         Vue.component(RangeColorSettingsPlugin.name, RangeColorSettingsDirective);
     }
 };
-var RangeColorSettingDirective = /** @class */ (function (_super) {
-    __extends(RangeColorSettingDirective, _super);
-    function RangeColorSettingDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    RangeColorSettingDirective.prototype.render = function () {
+export var RangeColorSettingDirective = vueDefineComponent({
+    render: function () {
         return;
-    };
-    RangeColorSettingDirective.prototype.getTag = function () {
-        return 'e-rangecolorsetting';
-    };
-    RangeColorSettingDirective = __decorate([
-        EJComponentDecorator({}, isExecute)
-    ], RangeColorSettingDirective);
-    return RangeColorSettingDirective;
-}(vueImport));
-export { RangeColorSettingDirective };
+    },
+    methods: {
+        getTag: function () {
+            return 'e-rangecolorsetting';
+        }
+    }
+});
 export var RangeColorSettingPlugin = {
     name: 'e-rangecolorsetting',
     install: function (Vue) {

package/src/chart/rows.directive.d.ts

@@ -1,20 +1,10 @@
-declare let vueImport: any;
-export declare class RowsDirective extends vueImport {
-    constructor();
-    render(createElement: any): void;
-    updated(): void;
-    getTag(): string;
-}
+export declare let RowsDirective: any;
 export declare const RowsPlugin: {
     name: string;
     install(Vue: any): void;
 };
-export declare class RowDirective extends vueImport {
-    render(): void;
-    getTag(): string;
-}
+export declare let RowDirective: any;
 export declare const RowPlugin: {
     name: string;
     install(Vue: any): void;
 };
-export {};

package/src/chart/rows.directive.js

@@ -1,40 +1,8 @@
-var __extends = (this && this.__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 = (this && this.__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 { EJComponentDecorator, allVue, gh, isExecute } from '@syncfusion/ej2-vue-base';
-import * as Vue3 from 'vue-class-component';
+import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
-import Vue from 'vue';
-import { Options } from 'vue-class-component';
-var vueImport;
-if (!isExecute || parseInt(allVue.version) < 3) {
-    vueImport = Vue3.Vue;
-}
-else {
-    vueImport = Vue;
-}
-var RowsDirective = /** @class */ (function (_super) {
-    __extends(RowsDirective, _super);
-    function RowsDirective() {
-        return _super.call(this, arguments) || this;
-    }
-    RowsDirective.prototype.render = function (createElement) {
+export var RowsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
+    render: function (createElement) {
         if (!isExecute) {
             var h = !isExecute ? gh : createElement;
             var slots = null;
@@ -44,51 +12,34 @@ var RowsDirective = /** @class */ (function (_super) {
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
-    };
-    RowsDirective.prototype.updated = function () {
+    },
+    updated: function () {
         if (!isExecute && this.custom) {
             this.custom();
         }
-    };
-    RowsDirective.prototype.getTag = function () {
-        return 'e-rows';
-    };
-    RowsDirective = __decorate([
-        EJComponentDecorator({}, isExecute)
-        ,Options({
-            inject: {
-                custom: {
-                    default: null
-                }
-            }
-        })
-    ], RowsDirective);
-    return RowsDirective;
-}(vueImport));
-export { RowsDirective };
+    },
+    methods: {
+        getTag: function () {
+            return 'e-rows';
+        }
+    }
+});
 export var RowsPlugin = {
     name: 'e-rows',
     install: function (Vue) {
         Vue.component(RowsPlugin.name, RowsDirective);
     }
 };
-var RowDirective = /** @class */ (function (_super) {
-    __extends(RowDirective, _super);
-    function RowDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    RowDirective.prototype.render = function () {
+export var RowDirective = vueDefineComponent({
+    render: function () {
         return;
-    };
-    RowDirective.prototype.getTag = function () {
-        return 'e-row';
-    };
-    RowDirective = __decorate([
-        EJComponentDecorator({}, isExecute)
-    ], RowDirective);
-    return RowDirective;
-}(vueImport));
-export { RowDirective };
+    },
+    methods: {
+        getTag: function () {
+            return 'e-row';
+        }
+    }
+});
 export var RowPlugin = {
     name: 'e-row',
     install: function (Vue) {

package/src/chart/segments.directive.d.ts

@@ -1,20 +1,10 @@
-declare let vueImport: any;
-export declare class SegmentsDirective extends vueImport {
-    constructor();
-    render(createElement: any): void;
-    updated(): void;
-    getTag(): string;
-}
+export declare let SegmentsDirective: any;
 export declare const SegmentsPlugin: {
     name: string;
     install(Vue: any): void;
 };
-export declare class SegmentDirective extends vueImport {
-    render(): void;
-    getTag(): string;
-}
+export declare let SegmentDirective: any;
 export declare const SegmentPlugin: {
     name: string;
     install(Vue: any): void;
 };
-export {};

package/src/chart/segments.directive.js

@@ -1,40 +1,8 @@
-var __extends = (this && this.__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 = (this && this.__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 { EJComponentDecorator, allVue, gh, isExecute } from '@syncfusion/ej2-vue-base';
-import * as Vue3 from 'vue-class-component';
+import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
-import Vue from 'vue';
-import { Options } from 'vue-class-component';
-var vueImport;
-if (!isExecute || parseInt(allVue.version) < 3) {
-    vueImport = Vue3.Vue;
-}
-else {
-    vueImport = Vue;
-}
-var SegmentsDirective = /** @class */ (function (_super) {
-    __extends(SegmentsDirective, _super);
-    function SegmentsDirective() {
-        return _super.call(this, arguments) || this;
-    }
-    SegmentsDirective.prototype.render = function (createElement) {
+export var SegmentsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
+    render: function (createElement) {
         if (!isExecute) {
             var h = !isExecute ? gh : createElement;
             var slots = null;
@@ -44,51 +12,34 @@ var SegmentsDirective = /** @class */ (function (_super) {
             return h('div', { class: 'e-directive' }, slots);
         }
         return;
-    };
-    SegmentsDirective.prototype.updated = function () {
+    },
+    updated: function () {
         if (!isExecute && this.custom) {
             this.custom();
         }
-    };
-    SegmentsDirective.prototype.getTag = function () {
-        return 'e-segments';
-    };
-    SegmentsDirective = __decorate([
-        EJComponentDecorator({}, isExecute)
-        ,Options({
-            inject: {
-                custom: {
-                    default: null
-                }
-            }
-        })
-    ], SegmentsDirective);
-    return SegmentsDirective;
-}(vueImport));
-export { SegmentsDirective };
+    },
+    methods: {
+        getTag: function () {
+            return 'e-segments';
+        }
+    }
+});
 export var SegmentsPlugin = {
     name: 'e-segments',
     install: function (Vue) {
         Vue.component(SegmentsPlugin.name, SegmentsDirective);
     }
 };
-var SegmentDirective = /** @class */ (function (_super) {
-    __extends(SegmentDirective, _super);
-    function SegmentDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    SegmentDirective.prototype.render = function () {
+export var SegmentDirective = vueDefineComponent({
+    render: function () {
         return;
-    };
-    SegmentDirective.prototype.getTag = function () {
-        return 'e-segment';
-    };
-    SegmentDirective = __decorate([
-        EJComponentDecorator({}, isExecute)
-    ], SegmentDirective);
-    return SegmentDirective;
-}(vueImport));
-export { SegmentDirective };
+    },
+    methods: {
+        getTag: function () {
+            return 'e-segment';
+        }
+    }
+});
 export var SegmentPlugin = {
     name: 'e-segment',
     install: function (Vue) {