@syncfusion/ej2-vue-charts 24.2.9 → 25.1.37

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-charts@*",
-  "_id": "@syncfusion/ej2-vue-charts@24.2.8",
+  "_id": "@syncfusion/ej2-vue-charts@25.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-yIG1ZEOsrScSYvQblNl8gS6cvL6MCoDb0Yq/skCRPBzaQ3gBm7gu02pOsQTP4dNMo1gUzsZ/y/252edYgSJhBA==",
+  "_integrity": "sha512-VD9TG9hS8FmfQP1JQwnOispsQaIJURDDVpAI9FmZNzK2WMU9fPx6XEhGY8/arq7SjYK+V+RtuzHFAPLtEilZOw==",
   "_location": "/@syncfusion/ej2-vue-charts",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-charts/-/ej2-vue-charts-24.2.8.tgz",
-  "_shasum": "44ffe3133af4d81b1b5af8005048892d257c1250",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-charts/-/ej2-vue-charts-25.1.35.tgz",
+  "_shasum": "9d35f932b4427bb2363def78ca0bcfe5a115cde3",
   "_spec": "@syncfusion/ej2-vue-charts@*",
-  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.2.7",
-    "@syncfusion/ej2-charts": "24.2.9",
-    "@syncfusion/ej2-vue-base": "~24.2.3"
+    "@syncfusion/ej2-base": "~25.1.35",
+    "@syncfusion/ej2-charts": "25.1.37",
+    "@syncfusion/ej2-vue-base": "~25.1.35"
   },
   "deprecated": false,
   "description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball. for Vue",
@@ -54,7 +54,8 @@
     "vue-smith-chart",
     "vue-bullet-chart",
     "vue-bullet-graph",
-    "vue-chart3d"
+    "vue-chart3d",
+    "vue-circularchart3d"
   ],
   "license": "SEE LICENSE IN license",
   "main": "./dist/ej2-vue-charts.umd.min.js",
@@ -68,6 +69,6 @@
     "ci-publish": "gulp ci-publish",
     "compile": "gulp ci-compile && gulp vue-global-script"
   },
-  "version": "24.2.9",
+  "version": "25.1.37",
   "sideEffects": false
 }

package/src/accumulation-chart/accumulationchart.component.d.ts

@@ -1,5 +1,5 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { AccumulationChartModel } from '@syncfusion/ej2-charts';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { AccumulationChart, AccumulationChartModel } from '@syncfusion/ej2-charts';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -11,7 +11,28 @@ export declare const props: any, watch: any, emitProbs: any;
  * ```
  */
 export declare let AccumulationChartComponent: DefineVueComponent<AccumulationChartModel>;
-export declare type AccumulationChartComponent = InstanceType<typeof AccumulationChartComponent>;
+export declare type AccumulationChartComponent = typeof ComponentBase & {
+    ej2Instances: AccumulationChart;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    calculateBounds(): void;
+    export(type: Object, fileName: string): void;
+    print(id?: string[] | string | Object): void;
+    setAnnotationValue(annotationIndex: number, content: string): void;
+    titleTooltip(event: Object, x: number, y: number, isTouch?: boolean): void;
+};
 export declare const AccumulationChartPlugin: {
     name: string;
     install(Vue: any): void;

package/src/bullet-chart/bulletchart.component.d.ts

@@ -1,5 +1,5 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { BulletChartModel } from '@syncfusion/ej2-charts';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { BulletChart, BulletChartModel } from '@syncfusion/ej2-charts';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -11,7 +11,27 @@ export declare const props: any, watch: any, emitProbs: any;
  * ```
  */
 export declare let BulletChartComponent: DefineVueComponent<BulletChartModel>;
-export declare type BulletChartComponent = InstanceType<typeof BulletChartComponent>;
+export declare type BulletChartComponent = typeof ComponentBase & {
+    ej2Instances: BulletChart;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    createSvg(chart: Object): void;
+    export(type: Object, fileName: string, orientation?: Object, controls?: undefined[], width?: number, height?: number, isVertical?: boolean): void;
+    print(id?: string[] | string | Object): void;
+    removeSvg(): void;
+};
 export declare const BulletChartPlugin: {
     name: string;
     install(Vue: any): void;

package/src/chart/chart.component.d.ts

@@ -1,5 +1,5 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { ChartModel } from '@syncfusion/ej2-charts';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { Chart, ChartModel } from '@syncfusion/ej2-charts';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -11,7 +11,40 @@ export declare const props: any, watch: any, emitProbs: any;
  * ```
  */
 export declare let ChartComponent: DefineVueComponent<ChartModel>;
-export declare type ChartComponent = InstanceType<typeof ChartComponent>;
+export declare type ChartComponent = typeof ComponentBase & {
+    ej2Instances: Chart;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    addAxes(axisCollection: Object[]): void;
+    addSeries(seriesCollection: Object[]): void;
+    clearSeries(): void;
+    createChartSvg(): void;
+    export(type: Object, fileName: string): void;
+    getLocalizedLabel(key: string): string;
+    hideCrosshair(): void;
+    hideTooltip(): void;
+    isSecondaryAxis(axis: Object): boolean;
+    print(id?: string[] | string | Object): void;
+    processData(render: boolean): void;
+    refreshLiveData(): void;
+    removeAxis(index: number): void;
+    removeSeries(index: number): void;
+    setAnnotationValue(annotationIndex: number, content: string): void;
+    showCrosshair(x: number, y: number): void;
+    showTooltip(x: number | string | Object, y: number, isPoint: boolean): void;
+};
 export declare const ChartPlugin: {
     name: string;
     install(Vue: any): void;

package/src/chart3d/chart3d.component.d.ts

@@ -1,5 +1,5 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { Chart3DModel } from '@syncfusion/ej2-charts';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { Chart3D, Chart3DModel } from '@syncfusion/ej2-charts';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -11,7 +11,30 @@ export declare const props: any, watch: any, emitProbs: any;
  * ```
  */
 export declare let Chart3DComponent: DefineVueComponent<Chart3DModel>;
-export declare type Chart3DComponent = InstanceType<typeof Chart3DComponent>;
+export declare type Chart3DComponent = typeof ComponentBase & {
+    ej2Instances: Chart3D;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    addSeries(seriesCollection: Object[]): void;
+    createChartSvg(): void;
+    export(type: Object, fileName: string): void;
+    highlightAnimation(element: Object, index: number, duration: number, startOpacity: number): void;
+    print(id?: string[] | string | Object): void;
+    removeSeries(index: number): void;
+    stopElementAnimation(element: Object, index: number): void;
+};
 export declare const Chart3DPlugin: {
     name: string;
     install(Vue: any): void;

package/src/chart3d/chart3d.component.js

@@ -7,7 +7,7 @@ import { Chart3DAxesDirective, Chart3DAxisDirective, Chart3DAxesPlugin, Chart3DA
 import { Chart3DRowsDirective, Chart3DRowDirective, Chart3DRowsPlugin, Chart3DRowPlugin } from './rows.directive';
 import { Chart3DColumnsDirective, Chart3DColumnDirective, Chart3DColumnsPlugin, Chart3DColumnPlugin } from './columns.directive';
 import { Chart3DSelectedDataIndexesDirective, Chart3DSelectedDataIndexDirective, Chart3DSelectedDataIndexesPlugin, Chart3DSelectedDataIndexPlugin } from './selecteddataindexes.directive';
-export var properties = ['isLazyUpdate', 'plugins', 'axes', 'background', 'backgroundImage', 'border', 'columns', 'currencyCode', 'dataSource', 'depth', 'description', 'enablePersistence', 'enableRotation', 'enableRtl', 'enableSideBySidePlacement', 'height', 'highlightColor', 'highlightMode', 'highlightPattern', 'isMultiSelect', 'isTransposed', 'legendSettings', 'locale', 'margin', 'palettes', 'perspectiveAngle', 'primaryXAxis', 'primaryYAxis', 'rotation', 'rows', 'selectedDataIndexes', 'selectionMode', 'selectionPattern', 'series', 'subTitle', 'subTitleStyle', 'theme', 'tilt', 'title', 'titleStyle', 'tooltip', 'useGroupingSeparator', 'wallColor', 'wallSize', 'width', 'afterExport', 'axisLabelRender', 'beforeExport', 'beforePrint', 'beforeResize', 'chart3DMouseClick', 'chart3DMouseDown', 'chart3DMouseLeave', 'chart3DMouseMove', 'chart3DMouseUp', 'legendClick', 'legendRender', 'load', 'loaded', 'pointClick', 'pointMove', 'pointRender', 'resized', 'selectionComplete', 'seriesRender', 'textRender', 'tooltipRender'];
+export var properties = ['isLazyUpdate', 'plugins', 'axes', 'background', 'backgroundImage', 'border', 'columns', 'currencyCode', 'dataSource', 'depth', 'description', 'enableExport', 'enablePersistence', 'enableRotation', 'enableRtl', 'enableSideBySidePlacement', 'height', 'highlightColor', 'highlightMode', 'highlightPattern', 'isMultiSelect', 'isTransposed', 'legendSettings', 'locale', 'margin', 'palettes', 'perspectiveAngle', 'primaryXAxis', 'primaryYAxis', 'rotation', 'rows', 'selectedDataIndexes', 'selectionMode', 'selectionPattern', 'series', 'subTitle', 'subTitleStyle', 'theme', 'tilt', 'title', 'titleStyle', 'tooltip', 'useGroupingSeparator', 'wallColor', 'wallSize', 'width', 'afterExport', 'axisLabelRender', 'beforeExport', 'beforePrint', 'beforeResize', 'chart3DMouseClick', 'chart3DMouseDown', 'chart3DMouseLeave', 'chart3DMouseMove', 'chart3DMouseUp', 'legendClick', 'legendRender', 'load', 'loaded', 'pointClick', 'pointMove', 'pointRender', 'resized', 'selectionComplete', 'seriesRender', 'textRender', 'tooltipRender'];
 export var modelProps = ['dataSource'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);

package/src/circularchart3d/circularchart3d.component.d.ts

@@ -0,0 +1,37 @@
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { CircularChart3D, CircularChart3DModel } from '@syncfusion/ej2-charts';
+export declare const properties: string[];
+export declare const modelProps: string[];
+export declare const testProp: any;
+export declare const props: any, watch: any, emitProbs: any;
+/**
+ * Represents Vuejs Circular 3D Chart Component
+ * ```vue
+ * <ejs-circularchart3d></ejs-circularchart3d>
+ * ```
+ */
+export declare let CircularChart3DComponent: DefineVueComponent<CircularChart3DModel>;
+export declare type CircularChart3DComponent = typeof ComponentBase & {
+    ej2Instances: CircularChart3D;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    export(type: Object, fileName: string): void;
+    pdfExport(fileName: string, orientation?: Object, controls?: Object[], width?: number, height?: number, isVertical?: boolean, header?: Object, footer?: Object, exportToMultiplePage?: boolean): void;
+    print(id?: string[] | string | Object): void;
+};
+export declare const CircularChart3DPlugin: {
+    name: string;
+    install(Vue: any): void;
+};

package/src/circularchart3d/circularchart3d.component.js

@@ -0,0 +1,171 @@
+import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
+import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
+import { isUndefined } from '@syncfusion/ej2-base';
+import { CircularChart3D } from '@syncfusion/ej2-charts';
+import { CircularChart3DSeriesCollectionDirective, CircularChart3DSeriesDirective, CircularChart3DSeriesCollectionPlugin, CircularChart3DSeriesPlugin } from './series.directive';
+import { CircularChart3DSelectedDataIndexesDirective, CircularChart3DSelectedDataIndexDirective, CircularChart3DSelectedDataIndexesPlugin, CircularChart3DSelectedDataIndexPlugin } from './selecteddataindexes.directive';
+export var properties = ['isLazyUpdate', 'plugins', 'background', 'backgroundImage', 'border', 'dataSource', 'depth', 'enableAnimation', 'enableExport', 'enablePersistence', 'enableRotation', 'enableRtl', 'height', 'highlightColor', 'highlightMode', 'highlightPattern', 'isMultiSelect', 'legendSettings', 'locale', 'margin', 'rotation', 'selectedDataIndexes', 'selectionMode', 'selectionPattern', 'series', 'subTitle', 'subTitleStyle', 'theme', 'tilt', 'title', 'titleStyle', 'tooltip', 'useGroupingSeparator', 'width', 'afterExport', 'beforeExport', 'beforePrint', 'beforeResize', 'circularChart3DMouseClick', 'circularChart3DMouseDown', 'circularChart3DMouseLeave', 'circularChart3DMouseMove', 'circularChart3DMouseUp', 'legendClick', 'legendRender', 'load', 'loaded', 'pointClick', 'pointMove', 'pointRender', 'resized', 'selectionComplete', 'seriesRender', 'textRender', 'tooltipRender'];
+export var modelProps = ['dataSource'];
+export var testProp = getProps({ props: properties });
+export var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);
+emitProbs.push('modelchanged', 'update:modelValue');
+for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
+    var props_1 = modelProps_1[_i];
+    emitProbs.push('update:' + props_1);
+}
+/**
+ * Represents Vuejs Circular 3D Chart Component
+ * ```vue
+ * <ejs-circularchart3d></ejs-circularchart3d>
+ * ```
+ */
+export var CircularChart3DComponent = vueDefineComponent({
+    name: 'CircularChart3DComponent',
+    mixins: [ComponentBase],
+    props: props,
+    watch: watch,
+    emits: emitProbs,
+    model: { event: 'modelchanged' },
+    provide: function () { return { custom: this.custom }; },
+    data: function () {
+        return {
+            ej2Instances: new CircularChart3D({}),
+            propKeys: properties,
+            models: modelProps,
+            hasChildDirective: true,
+            hasInjectedModules: true,
+            tagMapper: { "e-circularchart3d-series-collection": "e-circularchart3d-series", "e-circularchart3d-selecteddataindexes": "e-circularchart3d-selecteddataindex" },
+            tagNameMapper: { "e-circularchart3d-series-collection": "e-series", "e-circularchart3d-selecteddataindexes": "e-selectedDataIndexes" },
+            isVue3: !isExecute,
+            templateCollection: {},
+        };
+    },
+    created: function () {
+        this.ej2Instances._trigger = this.ej2Instances.trigger;
+        this.ej2Instances.trigger = this.trigger;
+        this.bindProperties();
+        this.ej2Instances._setProperties = this.ej2Instances.setProperties;
+        this.ej2Instances.setProperties = this.setProperties;
+        this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
+    },
+    render: function (createElement) {
+        var h = !isExecute ? gh : createElement;
+        var slots = null;
+        if (!isNullOrUndefined(this.$slots.default)) {
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
+        }
+        return h('div', slots);
+    },
+    methods: {
+        clearTemplate: function (templateNames) {
+            if (!templateNames) {
+                templateNames = Object.keys(this.templateCollection || {});
+            }
+            if (templateNames.length && this.templateCollection) {
+                for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
+                    var tempName = templateNames_1[_i];
+                    var elementCollection = this.templateCollection[tempName];
+                    if (elementCollection && elementCollection.length) {
+                        for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
+                            var ele = elementCollection_1[_a];
+                            var destroy = getValue('__vue__.$destroy', ele);
+                            if (destroy) {
+                                ele.__vue__.$destroy();
+                            }
+                            if (ele.innerHTML) {
+                                ele.innerHTML = '';
+                            }
+                        }
+                        delete this.templateCollection[tempName];
+                    }
+                }
+            }
+        },
+        setProperties: function (prop, muteOnChange) {
+            var _this = this;
+            if (this.isVue3) {
+                this.models = !this.models ? this.ej2Instances.referModels : this.models;
+            }
+            if (this.ej2Instances && this.ej2Instances._setProperties) {
+                this.ej2Instances._setProperties(prop, muteOnChange);
+            }
+            if (prop && this.models && this.models.length) {
+                Object.keys(prop).map(function (key) {
+                    _this.models.map(function (model) {
+                        if ((key === model) && !(/datasource/i.test(key))) {
+                            if (_this.isVue3) {
+                                _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);
+                            }
+                            else {
+                                _this.$emit('update:' + key, prop[key]);
+                                _this.$emit('modelchanged', prop[key]);
+                            }
+                        }
+                    });
+                });
+            }
+        },
+        trigger: function (eventName, eventProp, successHandler) {
+            if (!isExecute) {
+                this.models = !this.models ? this.ej2Instances.referModels : this.models;
+            }
+            if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
+                var key = this.models.toString().match(/checked|value/) || [];
+                var propKey = key[0];
+                if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                    if (!isExecute) {
+                        this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
+                        this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                        this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
+                    }
+                    else {
+                        if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
+                            this.$emit('update:' + propKey, eventProp[propKey]);
+                            this.$emit('modelchanged', eventProp[propKey]);
+                        }
+                    }
+                }
+            }
+            else if ((eventName === 'actionBegin' && eventProp.requestType === 'dateNavigate') && this.models && (this.models.length !== 0)) {
+                var key = this.models.toString().match(/currentView|selectedDate/) || [];
+                var propKey = key[0];
+                if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                    if (!isExecute) {
+                        this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
+                        this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    }
+                    else {
+                        this.$emit('update:' + propKey, eventProp[propKey]);
+                        this.$emit('modelchanged', eventProp[propKey]);
+                    }
+                }
+            }
+            if ((this.ej2Instances && this.ej2Instances._trigger)) {
+                this.ej2Instances._trigger(eventName, eventProp, successHandler);
+            }
+        },
+        custom: function () {
+            this.updated();
+        },
+        export: function (type, fileName) {
+            return this.ej2Instances.export(type, fileName);
+        },
+        pdfExport: function (fileName, orientation, controls, width, height, isVertical, header, footer, exportToMultiplePage) {
+            return this.ej2Instances.pdfExport(fileName, orientation, controls, width, height, isVertical, header, footer, exportToMultiplePage);
+        },
+        print: function (id) {
+            return this.ej2Instances.print(id);
+        },
+    }
+});
+export var CircularChart3DPlugin = {
+    name: 'ejs-circularchart3d',
+    install: function (Vue) {
+        Vue.component(CircularChart3DPlugin.name, CircularChart3DComponent);
+        Vue.component(CircularChart3DSeriesPlugin.name, CircularChart3DSeriesDirective);
+        Vue.component(CircularChart3DSeriesCollectionPlugin.name, CircularChart3DSeriesCollectionDirective);
+        Vue.component(CircularChart3DSelectedDataIndexPlugin.name, CircularChart3DSelectedDataIndexDirective);
+        Vue.component(CircularChart3DSelectedDataIndexesPlugin.name, CircularChart3DSelectedDataIndexesDirective);
+    }
+};

package/src/circularchart3d/index.d.ts

@@ -0,0 +1,3 @@
+export { CircularChart3DSeriesCollectionDirective, CircularChart3DSeriesDirective, CircularChart3DSeriesCollectionPlugin, CircularChart3DSeriesPlugin } from './series.directive';
+export { CircularChart3DSelectedDataIndexesDirective, CircularChart3DSelectedDataIndexDirective, CircularChart3DSelectedDataIndexesPlugin, CircularChart3DSelectedDataIndexPlugin } from './selecteddataindexes.directive';
+export { CircularChart3DComponent, CircularChart3DPlugin } from './circularchart3d.component';

package/src/circularchart3d/index.js

@@ -0,0 +1,3 @@
+export { CircularChart3DSeriesCollectionDirective, CircularChart3DSeriesDirective, CircularChart3DSeriesCollectionPlugin, CircularChart3DSeriesPlugin } from './series.directive';
+export { CircularChart3DSelectedDataIndexesDirective, CircularChart3DSelectedDataIndexDirective, CircularChart3DSelectedDataIndexesPlugin, CircularChart3DSelectedDataIndexPlugin } from './selecteddataindexes.directive';
+export { CircularChart3DComponent, CircularChart3DPlugin } from './circularchart3d.component';

package/src/circularchart3d/selecteddataindexes.directive.d.ts

@@ -0,0 +1,12 @@
+import { DefineVueDirective } from '@syncfusion/ej2-vue-base';
+import { IndexesModel } from '@syncfusion/ej2-charts';
+export declare let CircularChart3DSelectedDataIndexesDirective: any;
+export declare const CircularChart3DSelectedDataIndexesPlugin: {
+    name: string;
+    install(Vue: any): void;
+};
+export declare let CircularChart3DSelectedDataIndexDirective: DefineVueDirective<IndexesModel>;
+export declare const CircularChart3DSelectedDataIndexPlugin: {
+    name: string;
+    install(Vue: any): void;
+};

package/src/circularchart3d/selecteddataindexes.directive.js

@@ -0,0 +1,48 @@
+import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
+export var CircularChart3DSelectedDataIndexesDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
+    render: function (createElement) {
+        if (!isExecute) {
+            var h = !isExecute ? gh : createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
+        return;
+    },
+    updated: function () {
+        if (!isExecute && this.custom) {
+            this.custom();
+        }
+    },
+    methods: {
+        getTag: function () {
+            return 'e-circularchart3d-selecteddataindexes';
+        }
+    }
+});
+export var CircularChart3DSelectedDataIndexesPlugin = {
+    name: 'e-circularchart3d-selecteddataindexes',
+    install: function (Vue) {
+        Vue.component(CircularChart3DSelectedDataIndexesPlugin.name, CircularChart3DSelectedDataIndexesDirective);
+    }
+};
+export var CircularChart3DSelectedDataIndexDirective = vueDefineComponent({
+    render: function () {
+        return;
+    },
+    methods: {
+        getTag: function () {
+            return 'e-circularchart3d-selecteddataindex';
+        }
+    }
+});
+export var CircularChart3DSelectedDataIndexPlugin = {
+    name: 'e-circularchart3d-selecteddataindex',
+    install: function (Vue) {
+        Vue.component(CircularChart3DSelectedDataIndexPlugin.name, CircularChart3DSelectedDataIndexDirective);
+    }
+};

package/src/circularchart3d/series.directive.d.ts

@@ -0,0 +1,12 @@
+import { DefineVueDirective } from '@syncfusion/ej2-vue-base';
+import { CircularChart3DSeriesModel } from '@syncfusion/ej2-charts';
+export declare let CircularChart3DSeriesCollectionDirective: any;
+export declare const CircularChart3DSeriesCollectionPlugin: {
+    name: string;
+    install(Vue: any): void;
+};
+export declare let CircularChart3DSeriesDirective: DefineVueDirective<CircularChart3DSeriesModel>;
+export declare const CircularChart3DSeriesPlugin: {
+    name: string;
+    install(Vue: any): void;
+};

package/src/circularchart3d/series.directive.js

@@ -0,0 +1,48 @@
+import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
+export var CircularChart3DSeriesCollectionDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
+    render: function (createElement) {
+        if (!isExecute) {
+            var h = !isExecute ? gh : createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
+        return;
+    },
+    updated: function () {
+        if (!isExecute && this.custom) {
+            this.custom();
+        }
+    },
+    methods: {
+        getTag: function () {
+            return 'e-circularchart3d-series-collection';
+        }
+    }
+});
+export var CircularChart3DSeriesCollectionPlugin = {
+    name: 'e-circularchart3d-series-collection',
+    install: function (Vue) {
+        Vue.component(CircularChart3DSeriesCollectionPlugin.name, CircularChart3DSeriesCollectionDirective);
+    }
+};
+export var CircularChart3DSeriesDirective = vueDefineComponent({
+    render: function () {
+        return;
+    },
+    methods: {
+        getTag: function () {
+            return 'e-circularchart3d-series';
+        }
+    }
+});
+export var CircularChart3DSeriesPlugin = {
+    name: 'e-circularchart3d-series',
+    install: function (Vue) {
+        Vue.component(CircularChart3DSeriesPlugin.name, CircularChart3DSeriesDirective);
+    }
+};

package/src/index.d.ts

@@ -40,3 +40,6 @@ export { Chart3DRowsDirective, Chart3DRowDirective, Chart3DRowsPlugin, Chart3DRo
 export { Chart3DColumnsDirective, Chart3DColumnDirective, Chart3DColumnsPlugin, Chart3DColumnPlugin } from './chart3d/columns.directive';
 export { Chart3DSelectedDataIndexesDirective, Chart3DSelectedDataIndexDirective, Chart3DSelectedDataIndexesPlugin, Chart3DSelectedDataIndexPlugin } from './chart3d/selecteddataindexes.directive';
 export { Chart3DComponent, Chart3DPlugin } from './chart3d/chart3d.component';
+export { CircularChart3DSeriesCollectionDirective, CircularChart3DSeriesDirective, CircularChart3DSeriesCollectionPlugin, CircularChart3DSeriesPlugin } from './circularchart3d/series.directive';
+export { CircularChart3DSelectedDataIndexesDirective, CircularChart3DSelectedDataIndexDirective, CircularChart3DSelectedDataIndexesPlugin, CircularChart3DSelectedDataIndexPlugin } from './circularchart3d/selecteddataindexes.directive';
+export { CircularChart3DComponent, CircularChart3DPlugin } from './circularchart3d/circularchart3d.component';

package/src/index.js

@@ -40,3 +40,6 @@ export { Chart3DRowsDirective, Chart3DRowDirective, Chart3DRowsPlugin, Chart3DRo
 export { Chart3DColumnsDirective, Chart3DColumnDirective, Chart3DColumnsPlugin, Chart3DColumnPlugin } from './chart3d/columns.directive';
 export { Chart3DSelectedDataIndexesDirective, Chart3DSelectedDataIndexDirective, Chart3DSelectedDataIndexesPlugin, Chart3DSelectedDataIndexPlugin } from './chart3d/selecteddataindexes.directive';
 export { Chart3DComponent, Chart3DPlugin } from './chart3d/chart3d.component';
+export { CircularChart3DSeriesCollectionDirective, CircularChart3DSeriesDirective, CircularChart3DSeriesCollectionPlugin, CircularChart3DSeriesPlugin } from './circularchart3d/series.directive';
+export { CircularChart3DSelectedDataIndexesDirective, CircularChart3DSelectedDataIndexDirective, CircularChart3DSelectedDataIndexesPlugin, CircularChart3DSelectedDataIndexPlugin } from './circularchart3d/selecteddataindexes.directive';
+export { CircularChart3DComponent, CircularChart3DPlugin } from './circularchart3d/circularchart3d.component';

package/src/range-navigator/rangenavigator.component.d.ts

@@ -1,5 +1,5 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { RangeNavigatorModel } from '@syncfusion/ej2-charts';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { RangeNavigator, RangeNavigatorModel } from '@syncfusion/ej2-charts';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -11,7 +11,27 @@ export declare const props: any, watch: any, emitProbs: any;
  * ```
  */
 export declare let RangeNavigatorComponent: DefineVueComponent<RangeNavigatorModel>;
-export declare type RangeNavigatorComponent = InstanceType<typeof RangeNavigatorComponent>;
+export declare type RangeNavigatorComponent = typeof ComponentBase & {
+    ej2Instances: RangeNavigator;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    createSecondaryElement(): void;
+    export(type: Object, fileName: string, orientation?: Object, controls?: undefined[], width?: number, height?: number, isVertical?: boolean): void;
+    print(id?: string[] | string | Object): void;
+    renderChart(resize: boolean): void;
+};
 export declare const RangeNavigatorPlugin: {
     name: string;
     install(Vue: any): void;