@syncfusion/ej2-vue-charts 19.4.52 → 20.1.47

package/src/smithchart/smithchart.component.js

@@ -56,6 +56,7 @@ var SmithchartComponent = /** @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     SmithchartComponent.prototype.clearTemplate = function (templateNames) {
@@ -114,6 +115,9 @@ var SmithchartComponent = /** @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    SmithchartComponent.prototype.custom = function () {
+        this.updated();
+    };
     SmithchartComponent.prototype.export = function (type, fileName, orientation) {
         return this.ej2Instances.export(type, fileName, orientation);
     };
@@ -139,7 +143,12 @@ var SmithchartComponent = /** @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], SmithchartComponent);
     return SmithchartComponent;

package/src/sparkline/rangebandsettings.directive.d.ts

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

package/src/sparkline/rangebandsettings.directive.js

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

package/src/sparkline/sparkline.component.d.ts

@@ -28,6 +28,7 @@ export declare class SparklineComponent extends ComponentBase {
     clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
+    custom(): void;
     renderSparkline(): void;
 }
 export declare const SparklinePlugin: {

package/src/sparkline/sparkline.component.js

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

package/src/stock-chart/annotations.directive.d.ts

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

package/src/stock-chart/annotations.directive.js

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

package/src/stock-chart/axes.directive.d.ts

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

package/src/stock-chart/axes.directive.js

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

package/src/stock-chart/indicators.directive.d.ts

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

package/src/stock-chart/indicators.directive.js

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

package/src/stock-chart/periods.directive.d.ts

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

package/src/stock-chart/periods.directive.js

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

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

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

package/src/stock-chart/rows.directive.js

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

package/src/stock-chart/selecteddataindexes.directive.d.ts

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

package/src/stock-chart/selecteddataindexes.directive.js

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

package/src/stock-chart/series.directive.d.ts

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

package/src/stock-chart/series.directive.js

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

package/src/stock-chart/stockchart.component.d.ts

@@ -31,6 +31,7 @@ export declare class StockChartComponent extends ComponentBase {
         [key: string]: Object;
     }, successHandler?: Function): void;
     render(createElement: any): any;
+    custom(): void;
     chartModuleInjection(): void;
     findCurrentData(totalData: Object, xName: string): Object;
     rangeChanged(updatedStart: number, updatedEnd: number): void;

package/src/stock-chart/stockchart.component.js

@@ -67,6 +67,7 @@ var StockChartComponent = /** @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     StockChartComponent.prototype.clearTemplate = function (templateNames) {
@@ -163,6 +164,9 @@ var StockChartComponent = /** @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    StockChartComponent.prototype.custom = function () {
+        this.updated();
+    };
     StockChartComponent.prototype.chartModuleInjection = function () {
         return this.ej2Instances.chartModuleInjection();
     };
@@ -188,7 +192,12 @@ var StockChartComponent = /** @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], StockChartComponent);
     return StockChartComponent;

package/src/stock-chart/stockevents.directive.d.ts

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

package/src/stock-chart/stockevents.directive.js

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