@syncfusion/ej2-vue-charts 20.1.48 → 20.1.50

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

@@ -1,8 +1,8 @@
 import { AccumulationChart, BulletChart, Chart, RangeNavigator, Smithchart, Sparkline, StockChart } from '@syncfusion/ej2-charts';
 import { ComponentBase, EJComponentDecorator, allVue, getProps, gh } from '@syncfusion/ej2-vue-base';
 import { Vue } from 'vue-class-component';
-import Vue$1 from 'vue';
 import { getValue, isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
+import Vue$1 from 'vue';
 
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -23,6 +23,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+import { Options } from 'vue-class-component';
 var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -34,16 +35,36 @@ else {
 var TrendlinesDirective = /** @__PURE__ @class */ (function (_super) {
     __extends(TrendlinesDirective, _super);
     function TrendlinesDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    TrendlinesDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    TrendlinesDirective.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;
     };
+    TrendlinesDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     TrendlinesDirective.prototype.getTag = function () {
         return 'e-trendlines';
     };
     TrendlinesDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], TrendlinesDirective);
     return TrendlinesDirective;
 }(vueImport));
@@ -95,6 +116,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$1 = gh ? false : true;
 var vueImport$1;
 if (!isExecute$1 || parseInt(allVue.version) < 3) {
@@ -106,16 +128,36 @@ else {
 var SegmentsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$1(SegmentsDirective, _super);
     function SegmentsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    SegmentsDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    SegmentsDirective.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;
     };
+    SegmentsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     SegmentsDirective.prototype.getTag = function () {
         return 'e-segments';
     };
     SegmentsDirective = __decorate$1([
         EJComponentDecorator({}, isExecute$1)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], SegmentsDirective);
     return SegmentsDirective;
 }(vueImport$1));
@@ -167,6 +209,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$2 = gh ? false : true;
 var vueImport$2;
 if (!isExecute$2 || parseInt(allVue.version) < 3) {
@@ -178,16 +221,36 @@ else {
 var SeriesCollectionDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$2(SeriesCollectionDirective, _super);
     function SeriesCollectionDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    SeriesCollectionDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    SeriesCollectionDirective.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;
     };
+    SeriesCollectionDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     SeriesCollectionDirective.prototype.getTag = function () {
         return 'e-series-collection';
     };
     SeriesCollectionDirective = __decorate$2([
         EJComponentDecorator({}, isExecute$2)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], SeriesCollectionDirective);
     return SeriesCollectionDirective;
 }(vueImport$2));
@@ -239,6 +302,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$3 = gh ? false : true;
 var vueImport$3;
 if (!isExecute$3 || parseInt(allVue.version) < 3) {
@@ -250,16 +314,36 @@ else {
 var StripLinesDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$3(StripLinesDirective, _super);
     function StripLinesDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    StripLinesDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    StripLinesDirective.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;
     };
+    StripLinesDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     StripLinesDirective.prototype.getTag = function () {
         return 'e-striplines';
     };
     StripLinesDirective = __decorate$3([
         EJComponentDecorator({}, isExecute$3)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], StripLinesDirective);
     return StripLinesDirective;
 }(vueImport$3));
@@ -311,6 +395,7 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$4 = gh ? false : true;
 var vueImport$4;
 if (!isExecute$4 || parseInt(allVue.version) < 3) {
@@ -322,16 +407,36 @@ else {
 var CategoriesDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$4(CategoriesDirective, _super);
     function CategoriesDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    CategoriesDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    CategoriesDirective.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;
     };
+    CategoriesDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     CategoriesDirective.prototype.getTag = function () {
         return 'e-categories';
     };
     CategoriesDirective = __decorate$4([
         EJComponentDecorator({}, isExecute$4)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], CategoriesDirective);
     return CategoriesDirective;
 }(vueImport$4));
@@ -383,6 +488,7 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$5 = gh ? false : true;
 var vueImport$5;
 if (!isExecute$5 || parseInt(allVue.version) < 3) {
@@ -394,16 +500,36 @@ else {
 var MultiLevelLabelsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$5(MultiLevelLabelsDirective, _super);
     function MultiLevelLabelsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MultiLevelLabelsDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    MultiLevelLabelsDirective.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;
     };
+    MultiLevelLabelsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     MultiLevelLabelsDirective.prototype.getTag = function () {
         return 'e-multilevellabels';
     };
     MultiLevelLabelsDirective = __decorate$5([
         EJComponentDecorator({}, isExecute$5)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], MultiLevelLabelsDirective);
     return MultiLevelLabelsDirective;
 }(vueImport$5));
@@ -455,6 +581,7 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$6 = gh ? false : true;
 var vueImport$6;
 if (!isExecute$6 || parseInt(allVue.version) < 3) {
@@ -466,16 +593,36 @@ else {
 var AxesDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$6(AxesDirective, _super);
     function AxesDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    AxesDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    AxesDirective.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;
     };
+    AxesDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     AxesDirective.prototype.getTag = function () {
         return 'e-axes';
     };
     AxesDirective = __decorate$6([
         EJComponentDecorator({}, isExecute$6)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], AxesDirective);
     return AxesDirective;
 }(vueImport$6));
@@ -527,6 +674,7 @@ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$7 = gh ? false : true;
 var vueImport$7;
 if (!isExecute$7 || parseInt(allVue.version) < 3) {
@@ -538,16 +686,36 @@ else {
 var RowsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$7(RowsDirective, _super);
     function RowsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    RowsDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    RowsDirective.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;
     };
+    RowsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     RowsDirective.prototype.getTag = function () {
         return 'e-rows';
     };
     RowsDirective = __decorate$7([
         EJComponentDecorator({}, isExecute$7)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], RowsDirective);
     return RowsDirective;
 }(vueImport$7));
@@ -599,6 +767,7 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$8 = gh ? false : true;
 var vueImport$8;
 if (!isExecute$8 || parseInt(allVue.version) < 3) {
@@ -610,16 +779,36 @@ else {
 var ColumnsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$8(ColumnsDirective, _super);
     function ColumnsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ColumnsDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    ColumnsDirective.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;
     };
+    ColumnsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     ColumnsDirective.prototype.getTag = function () {
         return 'e-columns';
     };
     ColumnsDirective = __decorate$8([
         EJComponentDecorator({}, isExecute$8)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], ColumnsDirective);
     return ColumnsDirective;
 }(vueImport$8));
@@ -671,6 +860,7 @@ var __decorate$9 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$9 = gh ? false : true;
 var vueImport$9;
 if (!isExecute$9 || parseInt(allVue.version) < 3) {
@@ -682,16 +872,36 @@ else {
 var RangeColorSettingsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$9(RangeColorSettingsDirective, _super);
     function RangeColorSettingsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    RangeColorSettingsDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    RangeColorSettingsDirective.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;
     };
+    RangeColorSettingsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     RangeColorSettingsDirective.prototype.getTag = function () {
         return 'e-rangecolorsettings';
     };
     RangeColorSettingsDirective = __decorate$9([
         EJComponentDecorator({}, isExecute$9)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], RangeColorSettingsDirective);
     return RangeColorSettingsDirective;
 }(vueImport$9));
@@ -743,6 +953,7 @@ var __decorate$10 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$10 = gh ? false : true;
 var vueImport$10;
 if (!isExecute$10 || parseInt(allVue.version) < 3) {
@@ -754,16 +965,36 @@ else {
 var AnnotationsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$10(AnnotationsDirective, _super);
     function AnnotationsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    AnnotationsDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    AnnotationsDirective.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;
     };
+    AnnotationsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     AnnotationsDirective.prototype.getTag = function () {
         return 'e-annotations';
     };
     AnnotationsDirective = __decorate$10([
         EJComponentDecorator({}, isExecute$10)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], AnnotationsDirective);
     return AnnotationsDirective;
 }(vueImport$10));
@@ -827,6 +1058,7 @@ var __decorate$11 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$11 = gh ? false : true;
 var vueImport$11;
 if (!isExecute$11 || parseInt(allVue.version) < 3) {
@@ -838,16 +1070,36 @@ else {
 var SelectedDataIndexesDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$11(SelectedDataIndexesDirective, _super);
     function SelectedDataIndexesDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    SelectedDataIndexesDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    SelectedDataIndexesDirective.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;
     };
+    SelectedDataIndexesDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     SelectedDataIndexesDirective.prototype.getTag = function () {
         return 'e-selecteddataindexes';
     };
     SelectedDataIndexesDirective = __decorate$11([
         EJComponentDecorator({}, isExecute$11)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], SelectedDataIndexesDirective);
     return SelectedDataIndexesDirective;
 }(vueImport$11));
@@ -899,6 +1151,7 @@ var __decorate$12 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$12 = gh ? false : true;
 var vueImport$12;
 if (!isExecute$12 || parseInt(allVue.version) < 3) {
@@ -910,16 +1163,36 @@ else {
 var IndicatorsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$12(IndicatorsDirective, _super);
     function IndicatorsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IndicatorsDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    IndicatorsDirective.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;
     };
+    IndicatorsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     IndicatorsDirective.prototype.getTag = function () {
         return 'e-indicators';
     };
     IndicatorsDirective = __decorate$12([
         EJComponentDecorator({}, isExecute$12)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], IndicatorsDirective);
     return IndicatorsDirective;
 }(vueImport$12));
@@ -971,7 +1244,7 @@ var __decorate$13 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Options } from 'vue-class-component';
+// {{VueImport}}
 var properties = ['isLazyUpdate', 'allowExport', 'allowMultiSelection', 'annotations', 'axes', 'background', 'backgroundImage', 'border', 'chartArea', 'columns', 'crosshair', 'currencyCode', 'dataSource', 'description', 'enableAnimation', 'enableAutoIntervalOnBothAxis', 'enableCanvas', 'enableExport', 'enablePersistence', 'enableRtl', 'enableSideBySidePlacement', 'height', 'highlightColor', 'highlightMode', 'highlightPattern', 'indicators', 'isMultiSelect', 'isTransposed', 'legendSettings', 'locale', 'margin', 'palettes', 'primaryXAxis', 'primaryYAxis', 'rangeColorSettings', 'rows', 'selectedDataIndexes', 'selectionMode', 'selectionPattern', 'series', 'subTitle', 'subTitleStyle', 'tabIndex', 'theme', 'title', 'titleStyle', 'tooltip', 'useGroupingSeparator', 'width', 'zoomSettings', 'afterExport', 'animationComplete', 'annotationRender', 'axisLabelClick', 'axisLabelRender', 'axisMultiLabelRender', 'axisRangeCalculated', 'beforeExport', 'beforePrint', 'beforeResize', 'chartDoubleClick', 'chartMouseClick', 'chartMouseDown', 'chartMouseLeave', 'chartMouseMove', 'chartMouseUp', 'drag', 'dragComplete', 'dragEnd', 'dragStart', 'legendClick', 'legendRender', 'load', 'loaded', 'multiLevelLabelClick', 'onZooming', 'pointClick', 'pointDoubleClick', 'pointMove', 'pointRender', 'resized', 'scrollChanged', 'scrollEnd', 'scrollStart', 'selectionComplete', 'seriesRender', 'sharedTooltipRender', 'textRender', 'tooltipRender', 'zoomComplete'];
 var modelProps = ['dataSource'];
 var testProp = getProps({ props: properties });
@@ -1008,6 +1281,7 @@ var ChartComponent = /** @__PURE__ @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;
     }
     ChartComponent.prototype.clearTemplate = function (templateNames) {
@@ -1104,6 +1378,9 @@ var ChartComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    ChartComponent.prototype.custom = function () {
+        this.updated();
+    };
     ChartComponent.prototype.addAxes = function (axisCollection) {
         return this.ej2Instances.addAxes(axisCollection);
     };
@@ -1150,7 +1427,12 @@ var ChartComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], ChartComponent);
     return ChartComponent;
@@ -1207,6 +1489,7 @@ var __decorate$14 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$14 = gh ? false : true;
 var vueImport$13;
 if (!isExecute$14 || parseInt(allVue.version) < 3) {
@@ -1218,16 +1501,36 @@ else {
 var AccumulationSeriesCollectionDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$14(AccumulationSeriesCollectionDirective, _super);
     function AccumulationSeriesCollectionDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    AccumulationSeriesCollectionDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    AccumulationSeriesCollectionDirective.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;
     };
+    AccumulationSeriesCollectionDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     AccumulationSeriesCollectionDirective.prototype.getTag = function () {
         return 'e-accumulation-series-collection';
     };
     AccumulationSeriesCollectionDirective = __decorate$14([
         EJComponentDecorator({}, isExecute$14)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], AccumulationSeriesCollectionDirective);
     return AccumulationSeriesCollectionDirective;
 }(vueImport$13));
@@ -1279,6 +1582,7 @@ var __decorate$15 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$15 = gh ? false : true;
 var vueImport$14;
 if (!isExecute$15 || parseInt(allVue.version) < 3) {
@@ -1290,16 +1594,36 @@ else {
 var AccumulationAnnotationsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$15(AccumulationAnnotationsDirective, _super);
     function AccumulationAnnotationsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    AccumulationAnnotationsDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    AccumulationAnnotationsDirective.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;
     };
+    AccumulationAnnotationsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     AccumulationAnnotationsDirective.prototype.getTag = function () {
         return 'e-accumulation-annotations';
     };
     AccumulationAnnotationsDirective = __decorate$15([
         EJComponentDecorator({}, isExecute$15)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], AccumulationAnnotationsDirective);
     return AccumulationAnnotationsDirective;
 }(vueImport$14));
@@ -1388,6 +1712,7 @@ var AccumulationChartComponent = /** @__PURE__ @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;
     }
     AccumulationChartComponent.prototype.clearTemplate = function (templateNames) {
@@ -1484,6 +1809,9 @@ var AccumulationChartComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    AccumulationChartComponent.prototype.custom = function () {
+        this.updated();
+    };
     AccumulationChartComponent.prototype.export = function (type, fileName) {
         return this.ej2Instances.export(type, fileName);
     };
@@ -1506,7 +1834,12 @@ var AccumulationChartComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], AccumulationChartComponent);
     return AccumulationChartComponent;
@@ -1541,6 +1874,7 @@ var __decorate$17 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$17 = gh ? false : true;
 var vueImport$15;
 if (!isExecute$17 || parseInt(allVue.version) < 3) {
@@ -1552,16 +1886,36 @@ else {
 var RangenavigatorSeriesCollectionDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$17(RangenavigatorSeriesCollectionDirective, _super);
     function RangenavigatorSeriesCollectionDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    RangenavigatorSeriesCollectionDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    RangenavigatorSeriesCollectionDirective.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;
     };
+    RangenavigatorSeriesCollectionDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     RangenavigatorSeriesCollectionDirective.prototype.getTag = function () {
         return 'e-rangenavigator-series-collection';
     };
     RangenavigatorSeriesCollectionDirective = __decorate$17([
         EJComponentDecorator({}, isExecute$17)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], RangenavigatorSeriesCollectionDirective);
     return RangenavigatorSeriesCollectionDirective;
 }(vueImport$15));
@@ -1650,6 +2004,7 @@ var RangeNavigatorComponent = /** @__PURE__ @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;
     }
     RangeNavigatorComponent.prototype.clearTemplate = function (templateNames) {
@@ -1746,6 +2101,9 @@ var RangeNavigatorComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    RangeNavigatorComponent.prototype.custom = function () {
+        this.updated();
+    };
     RangeNavigatorComponent.prototype.createSecondaryElement = function () {
         return this.ej2Instances.createSecondaryElement();
     };
@@ -1768,7 +2126,12 @@ var RangeNavigatorComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], RangeNavigatorComponent);
     return RangeNavigatorComponent;
@@ -1801,6 +2164,7 @@ var __decorate$19 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$19 = gh ? false : true;
 var vueImport$16;
 if (!isExecute$19 || parseInt(allVue.version) < 3) {
@@ -1812,16 +2176,36 @@ else {
 var RangeBandSettingsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$19(RangeBandSettingsDirective, _super);
     function RangeBandSettingsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    RangeBandSettingsDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    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$19([
         EJComponentDecorator({}, isExecute$19)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], RangeBandSettingsDirective);
     return RangeBandSettingsDirective;
 }(vueImport$16));
@@ -1908,6 +2292,7 @@ var SparklineComponent = /** @__PURE__ @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) {
@@ -1966,6 +2351,9 @@ var SparklineComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    SparklineComponent.prototype.custom = function () {
+        this.updated();
+    };
     SparklineComponent.prototype.renderSparkline = function () {
         return this.ej2Instances.renderSparkline();
     };
@@ -1976,7 +2364,12 @@ var SparklineComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], SparklineComponent);
     return SparklineComponent;
@@ -2009,6 +2402,7 @@ var __decorate$21 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$21 = gh ? false : true;
 var vueImport$17;
 if (!isExecute$21 || parseInt(allVue.version) < 3) {
@@ -2020,16 +2414,36 @@ else {
 var SmithchartSeriesCollectionDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$21(SmithchartSeriesCollectionDirective, _super);
     function SmithchartSeriesCollectionDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    SmithchartSeriesCollectionDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    SmithchartSeriesCollectionDirective.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;
     };
+    SmithchartSeriesCollectionDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     SmithchartSeriesCollectionDirective.prototype.getTag = function () {
         return 'e-seriesCollection';
     };
     SmithchartSeriesCollectionDirective = __decorate$21([
         EJComponentDecorator({}, isExecute$21)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], SmithchartSeriesCollectionDirective);
     return SmithchartSeriesCollectionDirective;
 }(vueImport$17));
@@ -2116,6 +2530,7 @@ var SmithchartComponent = /** @__PURE__ @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) {
@@ -2174,6 +2589,9 @@ var SmithchartComponent = /** @__PURE__ @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);
     };
@@ -2199,7 +2617,12 @@ var SmithchartComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], SmithchartComponent);
     return SmithchartComponent;
@@ -2232,6 +2655,7 @@ var __decorate$23 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$23 = gh ? false : true;
 var vueImport$18;
 if (!isExecute$23 || parseInt(allVue.version) < 3) {
@@ -2243,16 +2667,36 @@ else {
 var StockChartTrendlinesDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$23(StockChartTrendlinesDirective, _super);
     function StockChartTrendlinesDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    StockChartTrendlinesDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    StockChartTrendlinesDirective.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;
     };
+    StockChartTrendlinesDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     StockChartTrendlinesDirective.prototype.getTag = function () {
         return 'e-trendlines';
     };
     StockChartTrendlinesDirective = __decorate$23([
         EJComponentDecorator({}, isExecute$23)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], StockChartTrendlinesDirective);
     return StockChartTrendlinesDirective;
 }(vueImport$18));
@@ -2304,6 +2748,7 @@ var __decorate$24 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$24 = gh ? false : true;
 var vueImport$19;
 if (!isExecute$24 || parseInt(allVue.version) < 3) {
@@ -2315,16 +2760,36 @@ else {
 var StockChartSeriesCollectionDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$24(StockChartSeriesCollectionDirective, _super);
     function StockChartSeriesCollectionDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    StockChartSeriesCollectionDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    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$24([
         EJComponentDecorator({}, isExecute$24)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], StockChartSeriesCollectionDirective);
     return StockChartSeriesCollectionDirective;
 }(vueImport$19));
@@ -2376,6 +2841,7 @@ var __decorate$25 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$25 = gh ? false : true;
 var vueImport$20;
 if (!isExecute$25 || parseInt(allVue.version) < 3) {
@@ -2387,16 +2853,36 @@ else {
 var StockChartAxesDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$25(StockChartAxesDirective, _super);
     function StockChartAxesDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    StockChartAxesDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    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$25([
         EJComponentDecorator({}, isExecute$25)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], StockChartAxesDirective);
     return StockChartAxesDirective;
 }(vueImport$20));
@@ -2448,6 +2934,7 @@ var __decorate$26 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$26 = gh ? false : true;
 var vueImport$21;
 if (!isExecute$26 || parseInt(allVue.version) < 3) {
@@ -2459,16 +2946,36 @@ else {
 var StockChartRowsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$26(StockChartRowsDirective, _super);
     function StockChartRowsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    StockChartRowsDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    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$26([
         EJComponentDecorator({}, isExecute$26)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], StockChartRowsDirective);
     return StockChartRowsDirective;
 }(vueImport$21));
@@ -2520,6 +3027,7 @@ var __decorate$27 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$27 = gh ? false : true;
 var vueImport$22;
 if (!isExecute$27 || parseInt(allVue.version) < 3) {
@@ -2531,16 +3039,36 @@ else {
 var StockChartAnnotationsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$27(StockChartAnnotationsDirective, _super);
     function StockChartAnnotationsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    StockChartAnnotationsDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    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$27([
         EJComponentDecorator({}, isExecute$27)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], StockChartAnnotationsDirective);
     return StockChartAnnotationsDirective;
 }(vueImport$22));
@@ -2604,6 +3132,7 @@ var __decorate$28 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$28 = gh ? false : true;
 var vueImport$23;
 if (!isExecute$28 || parseInt(allVue.version) < 3) {
@@ -2615,16 +3144,36 @@ else {
 var StockChartSelectedDataIndexesDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$28(StockChartSelectedDataIndexesDirective, _super);
     function StockChartSelectedDataIndexesDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    StockChartSelectedDataIndexesDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    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$28([
         EJComponentDecorator({}, isExecute$28)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], StockChartSelectedDataIndexesDirective);
     return StockChartSelectedDataIndexesDirective;
 }(vueImport$23));
@@ -2676,6 +3225,7 @@ var __decorate$29 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$29 = gh ? false : true;
 var vueImport$24;
 if (!isExecute$29 || parseInt(allVue.version) < 3) {
@@ -2687,16 +3237,36 @@ else {
 var StockChartPeriodsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$29(StockChartPeriodsDirective, _super);
     function StockChartPeriodsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    StockChartPeriodsDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    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$29([
         EJComponentDecorator({}, isExecute$29)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], StockChartPeriodsDirective);
     return StockChartPeriodsDirective;
 }(vueImport$24));
@@ -2748,6 +3318,7 @@ var __decorate$30 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$30 = gh ? false : true;
 var vueImport$25;
 if (!isExecute$30 || parseInt(allVue.version) < 3) {
@@ -2759,16 +3330,36 @@ else {
 var StockEventsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$30(StockEventsDirective, _super);
     function StockEventsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    StockEventsDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    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$30([
         EJComponentDecorator({}, isExecute$30)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], StockEventsDirective);
     return StockEventsDirective;
 }(vueImport$25));
@@ -2820,6 +3411,7 @@ var __decorate$31 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$31 = gh ? false : true;
 var vueImport$26;
 if (!isExecute$31 || parseInt(allVue.version) < 3) {
@@ -2831,16 +3423,36 @@ else {
 var StockChartIndicatorsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$31(StockChartIndicatorsDirective, _super);
     function StockChartIndicatorsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    StockChartIndicatorsDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    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$31([
         EJComponentDecorator({}, isExecute$31)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], StockChartIndicatorsDirective);
     return StockChartIndicatorsDirective;
 }(vueImport$26));
@@ -2929,6 +3541,7 @@ var StockChartComponent = /** @__PURE__ @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) {
@@ -3025,6 +3638,9 @@ var StockChartComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    StockChartComponent.prototype.custom = function () {
+        this.updated();
+    };
     StockChartComponent.prototype.chartModuleInjection = function () {
         return this.ej2Instances.chartModuleInjection();
     };
@@ -3050,7 +3666,12 @@ var StockChartComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], StockChartComponent);
     return StockChartComponent;
@@ -3099,6 +3720,7 @@ var __decorate$33 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 var isExecute$33 = gh ? false : true;
 var vueImport$27;
 if (!isExecute$33 || parseInt(allVue.version) < 3) {
@@ -3110,16 +3732,36 @@ else {
 var BulletRangeCollectionDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$33(BulletRangeCollectionDirective, _super);
     function BulletRangeCollectionDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    BulletRangeCollectionDirective.prototype.render = function () {
+        return _super.call(this, arguments) || this;
+    }
+    BulletRangeCollectionDirective.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;
     };
+    BulletRangeCollectionDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     BulletRangeCollectionDirective.prototype.getTag = function () {
         return 'e-bullet-range-collection';
     };
     BulletRangeCollectionDirective = __decorate$33([
         EJComponentDecorator({}, isExecute$33)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], BulletRangeCollectionDirective);
     return BulletRangeCollectionDirective;
 }(vueImport$27));
@@ -3208,6 +3850,7 @@ var BulletChartComponent = /** @__PURE__ @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;
     }
     BulletChartComponent.prototype.clearTemplate = function (templateNames) {
@@ -3304,6 +3947,9 @@ var BulletChartComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    BulletChartComponent.prototype.custom = function () {
+        this.updated();
+    };
     BulletChartComponent.prototype.createSvg = function (chart) {
         return this.ej2Instances.createSvg(chart);
     };
@@ -3326,7 +3972,12 @@ var BulletChartComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], BulletChartComponent);
     return BulletChartComponent;