@covalent/echarts 4.0.0 → 4.1.0-develop.10

package/fesm2015/{covalent-echarts-base.js → covalent-echarts-base.mjs}

@@ -1,42 +1,23 @@
-import { Injectable, Optional, SkipSelf, EventEmitter, Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef, Input, Output, Directive, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { Injectable, Optional, SkipSelf, EventEmitter, Component, ChangeDetectionStrategy, Input, Output, Directive, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { BehaviorSubject, Subject, fromEvent, merge, timer } from 'rxjs';
 import { takeUntil, debounceTime, distinctUntilChanged, tap } from 'rxjs/operators';
-import { registerTheme as registerTheme$1, init, connect, dispose } from 'echarts/lib/echarts';
-import 'zrender/lib/svg/svg';
 
-/**
- * @fileoverview added by tsickle
- * Generated from: chart-options.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class TdChartOptionsService {
     constructor() {
         this._options = {};
         this._optionsSubject = new BehaviorSubject(this._options);
     }
-    /**
-     * @param {?} option
-     * @param {?} value
-     * @return {?}
-     */
     setOption(option, value) {
-        /** @type {?} */
         const options = {};
         options[option] = value;
         Object.assign(this._options, options);
         this._optionsSubject.next(this._options);
     }
-    /**
-     * @param {?} option
-     * @param {?} value
-     * @return {?}
-     */
     setArrayOption(option, value) {
-        /** @type {?} */
         let prevValue = this.getOption(option);
         if (prevValue) {
-            /** @type {?} */
             const index = prevValue.indexOf(value);
             index > -1 ? (prevValue[index] = value) : prevValue.push(value);
         }
@@ -45,16 +26,9 @@ class TdChartOptionsService {
         }
         this.setOption(option, prevValue);
     }
-    /**
-     * @param {?} option
-     * @param {?} value
-     * @return {?}
-     */
     removeArrayOption(option, value) {
-        /** @type {?} */
         let prevValue = this.getOption(option);
         if (prevValue) {
-            /** @type {?} */
             const index = prevValue.indexOf(value);
             if (index > -1) {
                 /* tslint:disable-next-line */
@@ -66,51 +40,25 @@ class TdChartOptionsService {
         }
         this.setOption(option, prevValue);
     }
-    /**
-     * @param {?} option
-     * @return {?}
-     */
     getOption(option) {
         return this._options[option];
     }
-    /**
-     * @param {?} option
-     * @return {?}
-     */
     clearOption(option) {
         /* tslint:disable-next-line */
         this.setOption(option, null);
     }
-    /**
-     * @return {?}
-     */
     listen() {
         return this._optionsSubject.asObservable();
     }
 }
-TdChartOptionsService.decorators = [
-    { type: Injectable }
-];
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdChartOptionsService.prototype._options;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdChartOptionsService.prototype._optionsSubject;
-}
-/**
- * @param {?} parent
- * @return {?}
- */
+TdChartOptionsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartOptionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TdChartOptionsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartOptionsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartOptionsService, decorators: [{
+            type: Injectable
+        }] });
 function CHART_PROVIDER_FACTORY(parent) {
     return parent || new TdChartOptionsService();
 }
-/** @type {?} */
 const CHART_PROVIDER = {
     // If there is already a service available, use that. Otherwise, provide a new one.
     provide: TdChartOptionsService,
@@ -118,23 +66,11 @@ const CHART_PROVIDER = {
     useFactory: CHART_PROVIDER_FACTORY,
 };
 
-/**
- * @fileoverview added by tsickle
- * Generated from: utils/assign-defined.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @param {?} target
- * @param {...?} sources
- * @return {?}
- */
 function assignDefined(target, ...sources) {
-    /** @type {?} */
     const keys = new Set();
     for (const source of sources) {
         for (const key of Object.keys(source)) {
             keys.add(key);
-            /** @type {?} */
             const val = source[key];
             /* tslint:disable-next-line */
             if (val !== undefined && val !== null) {
@@ -155,14 +91,18 @@ function assignDefined(target, ...sources) {
     return target;
 }
 
-/**
- * @fileoverview added by tsickle
- * Generated from: themes/aqua-splash.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 /* tslint:disable */
 var aquaSplash = {
-    color: ['#305b9e', '#0076a9', '#1d8daa', '#51a2a8', '#7fb5aa', '#aac6b4', '#CFD8C8', '#ECEBE4'],
+    color: [
+        '#305b9e',
+        '#0076a9',
+        '#1d8daa',
+        '#51a2a8',
+        '#7fb5aa',
+        '#aac6b4',
+        '#CFD8C8',
+        '#ECEBE4',
+    ],
     backgroundColor: 'transparent',
     textStyle: {},
     title: {
@@ -332,7 +272,16 @@ var aquaSplash = {
         symbolSize: '6',
         symbol: 'emptyCircle',
         smooth: true,
-        color: ['#305b9e', '#0076a9', '#1d8daa', '#51a2a8', '#7fb5aa', '#aac6b4', '#CFD8C8', '#ECEBE4'],
+        color: [
+            '#305b9e',
+            '#0076a9',
+            '#1d8daa',
+            '#51a2a8',
+            '#7fb5aa',
+            '#aac6b4',
+            '#CFD8C8',
+            '#ECEBE4',
+        ],
         label: {
             normal: {
                 textStyle: {
@@ -592,7 +541,16 @@ var aquaSplash = {
         },
     },
     visualMap: {
-        color: ['#305b9e', '#0076a9', '#1d8daa', '#51a2a8', '#7fb5aa', '#aac6b4', '#CFD8C8', '#ECEBE4'],
+        color: [
+            '#305b9e',
+            '#0076a9',
+            '#1d8daa',
+            '#51a2a8',
+            '#7fb5aa',
+            '#aac6b4',
+            '#CFD8C8',
+            '#ECEBE4',
+        ],
     },
     dataZoom: {
         backgroundColor: 'rgba(255,255,255,0)',
@@ -620,11 +578,6 @@ var aquaSplash = {
     },
 };
 
-/**
- * @fileoverview added by tsickle
- * Generated from: themes/california-coast.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 /* tslint:disable */
 var californiaCoast = {
     color: ['#0098c9', '#6ab1d7', '#a0cae4', '#ffbb9c', '#fd986d', '#f3753f'],
@@ -1085,11 +1038,6 @@ var californiaCoast = {
     },
 };
 
-/**
- * @fileoverview added by tsickle
- * Generated from: themes/hawaiian-sunrise.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 /* tslint:disable */
 var hawaiianSunrise = {
     color: ['#00b2b1', '#69c6c4', '#a0d9d7', '#ffbb9c', '#fd986d', '#f3753f'],
@@ -1550,11 +1498,6 @@ var hawaiianSunrise = {
     },
 };
 
-/**
- * @fileoverview added by tsickle
- * Generated from: themes/passion-flower.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 /* tslint:disable */
 var passionFlower = {
     color: ['#007e7d', '#977ed2', '#d58a9c', '#97b6eb', '#ceccbb', '#f2dfd8'],
@@ -2015,14 +1958,18 @@ var passionFlower = {
     },
 };
 
-/**
- * @fileoverview added by tsickle
- * Generated from: themes/razzleberry-pie.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 /* tslint:disable */
 var razzleberryPie = {
-    color: ['#523e85', '#8b4f8f', '#b96595', '#e0829a', '#ffa3a2', '#f9b8a3', '#f1ccb1', '#ebddc8'],
+    color: [
+        '#523e85',
+        '#8b4f8f',
+        '#b96595',
+        '#e0829a',
+        '#ffa3a2',
+        '#f9b8a3',
+        '#f1ccb1',
+        '#ebddc8',
+    ],
     backgroundColor: 'transparent',
     textStyle: {},
     title: {
@@ -2192,7 +2139,16 @@ var razzleberryPie = {
         symbolSize: '6',
         symbol: 'emptyCircle',
         smooth: true,
-        color: ['#523e85', '#8b4f8f', '#b96595', '#e0829a', '#ffa3a2', '#f9b8a3', '#f1ccb1', '#ebddc8'],
+        color: [
+            '#523e85',
+            '#8b4f8f',
+            '#b96595',
+            '#e0829a',
+            '#ffa3a2',
+            '#f9b8a3',
+            '#f1ccb1',
+            '#ebddc8',
+        ],
         label: {
             normal: {
                 textStyle: {
@@ -2452,7 +2408,16 @@ var razzleberryPie = {
         },
     },
     visualMap: {
-        color: ['#523e85', '#8b4f8f', '#b96595', '#e0829a', '#ffa3a2', '#f9b8a3', '#f1ccb1', '#ebddc8'],
+        color: [
+            '#523e85',
+            '#8b4f8f',
+            '#b96595',
+            '#e0829a',
+            '#ffa3a2',
+            '#f9b8a3',
+            '#f1ccb1',
+            '#ebddc8',
+        ],
     },
     dataZoom: {
         backgroundColor: 'rgba(255,255,255,0)',
@@ -2480,14 +2445,18 @@ var razzleberryPie = {
     },
 };
 
-/**
- * @fileoverview added by tsickle
- * Generated from: themes/teradata-classic.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 /* tslint:disable */
 var teradataClassic = {
-    color: ['#005e7d', '#c54b17', '#009392', '#f5bb3c', '#0098c9', '#f58b5e', '#59cecd', '#fee2a6'],
+    color: [
+        '#005e7d',
+        '#c54b17',
+        '#009392',
+        '#f5bb3c',
+        '#0098c9',
+        '#f58b5e',
+        '#59cecd',
+        '#fee2a6',
+    ],
     backgroundColor: 'transparent',
     textStyle: {},
     title: {
@@ -2657,7 +2626,16 @@ var teradataClassic = {
         symbolSize: '6',
         symbol: 'emptyCircle',
         smooth: true,
-        color: ['#005e7d', '#c54b17', '#009392', '#f5bb3c', '#0098c9', '#f58b5e', '#59cecd', '#fee2a6'],
+        color: [
+            '#005e7d',
+            '#c54b17',
+            '#009392',
+            '#f5bb3c',
+            '#0098c9',
+            '#f58b5e',
+            '#59cecd',
+            '#fee2a6',
+        ],
         label: {
             normal: {
                 textStyle: {
@@ -2917,7 +2895,16 @@ var teradataClassic = {
         },
     },
     visualMap: {
-        color: ['#005e7d', '#c54b17', '#009392', '#f5bb3c', '#0098c9', '#f58b5e', '#59cecd', '#fee2a6'],
+        color: [
+            '#005e7d',
+            '#c54b17',
+            '#009392',
+            '#f5bb3c',
+            '#0098c9',
+            '#f58b5e',
+            '#59cecd',
+            '#fee2a6',
+        ],
     },
     dataZoom: {
         backgroundColor: 'rgba(255,255,255,0)',
@@ -2945,11 +2932,6 @@ var teradataClassic = {
     },
 };
 
-/**
- * @fileoverview added by tsickle
- * Generated from: themes/teradata-default.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 /* tslint:disable */
 var teradataDefault = {
     color: ['#4d5b62', '#008ab6', '#f3753f', '#2cc0bf', '#fed887'],
@@ -3410,11 +3392,6 @@ var teradataDefault = {
     },
 };
 
-/**
- * @fileoverview added by tsickle
- * Generated from: themes/urban-sunrise.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 /* tslint:disable */
 var urbanSunrise = {
     color: ['#667279', '#979ea4', '#caced0', '#ffbb9c', '#fd986d', '#F3753F'],
@@ -3875,11 +3852,6 @@ var urbanSunrise = {
     },
 };
 
-/**
- * @fileoverview added by tsickle
- * Generated from: themes/volcanic-eruption.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 /* tslint:disable */
 var volcanicEruption = {
     color: ['#565a83', '#7c5c91', '#a85a90', '#cf5880', '#ea5f64', '#f3753f'],
@@ -4340,26 +4312,17 @@ var volcanicEruption = {
     },
 };
 
-/**
- * @fileoverview added by tsickle
- * Generated from: utils/echarts.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 /**
  * Function used to register a theme into echarts
  * Theme name and theme object needed as stated in
  * https://ecomfe.github.io/echarts-doc/public/en/api.html#echarts.registerTheme
- * @param {?} themeName
- * @param {?} theme
- * @return {?}
  */
 function registerTheme(themeName, theme) {
-    registerTheme$1(themeName, theme);
+    echarts.registerTheme(themeName, theme);
 }
 /**
  * Function to register all default themes
- * \@internal
- * @return {?}
+ * @internal
  */
 function registerDefaultThemes() {
     registerTheme('aqua-splash', aquaSplash);
@@ -4374,7 +4337,6 @@ function registerDefaultThemes() {
 }
 /**
  * Returns all the theme names bundled with covalent echarts.
- * @return {?}
  */
 function getThemes() {
     return [
@@ -4390,23 +4352,7 @@ function getThemes() {
     ];
 }
 
-/**
- * @fileoverview added by tsickle
- * Generated from: utils/index.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: chart.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class TdChartComponent {
-    /**
-     * @param {?} _changeDetectorRef
-     * @param {?} _elementRef
-     * @param {?} _optionsService
-     */
     constructor(_changeDetectorRef, _elementRef, _optionsService) {
         this._changeDetectorRef = _changeDetectorRef;
         this._elementRef = _elementRef;
@@ -4440,25 +4386,17 @@ class TdChartComponent {
     }
     /**
      * returns the echarts instance
-     * @return {?}
      */
     get instance() {
         return this._instance;
     }
-    /**
-     * @return {?}
-     */
     ngAfterViewInit() {
         this._initializeChart();
     }
-    /**
-     * @param {?} changes
-     * @return {?}
-     */
     ngOnChanges(changes) {
         if (this._instance) {
             // destroy and reinitialize chart only when `renderer`, `themeName` and `group` changes
-            if (changes.renderer || changes.themeName || changes.group) {
+            if (changes['renderer'] || changes['themeName'] || changes['group']) {
                 this._disposeChart();
                 this._initializeChart();
             }
@@ -4467,16 +4405,10 @@ class TdChartComponent {
             }
         }
     }
-    /**
-     * @return {?}
-     */
     ngOnDestroy() {
         this._disposeChart();
         this._destroy.unsubscribe();
     }
-    /**
-     * @return {?}
-     */
     render() {
         if (this._instance) {
             this._instance.setOption(assignDefined(this._state, {
@@ -4484,12 +4416,16 @@ class TdChartComponent {
                     show: true,
                     left: '20',
                     right: '20',
-                    bottom: (this.config.toolbox && typeof this.config.toolbox.bottom === 'number') ||
-                        (this._options.toolbox && typeof this._options.toolbox.bottom === 'number')
+                    bottom: (this.config.toolbox &&
+                        typeof this.config.toolbox.bottom === 'number') ||
+                        (this._options.toolbox &&
+                            typeof this._options.toolbox.bottom === 'number')
                         ? '40'
                         : '10',
-                    top: (this.config.toolbox && typeof this.config.toolbox.top === 'number') ||
-                        (this._options.toolbox && typeof this._options.toolbox.top === 'number')
+                    top: (this.config.toolbox &&
+                        typeof this.config.toolbox.top === 'number') ||
+                        (this._options.toolbox &&
+                            typeof this._options.toolbox.top === 'number')
                         ? '40'
                         : '10',
                     containLabel: true,
@@ -4498,265 +4434,114 @@ class TdChartComponent {
             this._changeDetectorRef.markForCheck();
         }
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _initializeChart() {
-        this._instance = init(this._elementRef.nativeElement, this.themeName, {
+        var _a;
+        this._instance = echarts.init(this._elementRef.nativeElement, (_a = this.themeName) !== null && _a !== void 0 ? _a : '', {
             renderer: this.renderer,
         });
         fromEvent(this._instance, 'click')
             .pipe(takeUntil(this._destroy))
-            .subscribe((/**
-         * @param {?} params
-         * @return {?}
-         */
-        (params) => {
+            .subscribe((params) => {
             this.chartClick.next(params);
-        }));
+        });
         fromEvent(this._instance, 'dblclick')
             .pipe(takeUntil(this._destroy))
-            .subscribe((/**
-         * @param {?} params
-         * @return {?}
-         */
-        (params) => {
+            .subscribe((params) => {
             this.chartDblclick.next(params);
-        }));
+        });
         fromEvent(this._instance, 'contextmenu')
             .pipe(takeUntil(this._destroy))
-            .subscribe((/**
-         * @param {?} params
-         * @return {?}
-         */
-        (params) => {
+            .subscribe((params) => {
             this.chartContextmenu.next(params);
-        }));
+        });
         fromEvent(this._instance, 'magictypechanged')
             .pipe(takeUntil(this._destroy))
-            .subscribe((/**
-         * @param {?} params
-         * @return {?}
-         */
-        (params) => {
+            .subscribe((params) => {
             this.magicTypeChanged.next(params);
-        }));
+        });
         fromEvent(this._instance, 'dataviewchanged')
             .pipe(takeUntil(this._destroy))
-            .subscribe((/**
-         * @param {?} params
-         * @return {?}
-         */
-        (params) => {
+            .subscribe((params) => {
             this.dataViewChanged.next(params);
-        }));
+        });
         fromEvent(this._instance, 'datazoom')
             .pipe(takeUntil(this._destroy))
-            .subscribe((/**
-         * @param {?} params
-         * @return {?}
-         */
-        (params) => {
+            .subscribe((params) => {
             this.datazoom.next(params);
-        }));
+        });
         fromEvent(this._instance, 'restore')
             .pipe(takeUntil(this._destroy))
-            .subscribe((/**
-         * @param {?} params
-         * @return {?}
-         */
-        (params) => {
+            .subscribe((params) => {
             this.restore.next(params);
-        }));
+        });
         if (this.group) {
             this._instance.group = this.group;
-            connect(this.group);
+            echarts.connect(this.group);
             this._changeDetectorRef.markForCheck();
         }
         merge(fromEvent(window, 'resize').pipe(debounceTime(100)), this._widthSubject.asObservable().pipe(distinctUntilChanged()), this._heightSubject.asObservable().pipe(distinctUntilChanged()))
             .pipe(takeUntil(this._destroy), debounceTime(100))
-            .subscribe((/**
-         * @return {?}
-         */
-        () => {
+            .subscribe(() => {
             if (this._instance) {
                 this._instance.resize();
                 this._changeDetectorRef.markForCheck();
             }
-        }));
+        });
         this._optionsService
             .listen()
-            .pipe(tap((/**
-         * @param {?} options
-         * @return {?}
-         */
-        (options) => {
+            .pipe(tap((options) => {
             assignDefined(this._options, options);
-        })), debounceTime(0), takeUntil(this._destroy))
-            .subscribe((/**
-         * @return {?}
-         */
-        () => {
+        }), debounceTime(0), takeUntil(this._destroy))
+            .subscribe(() => {
             this.render();
-        }));
+        });
         timer(500, 250)
             .pipe(takeUntil(this._destroy))
-            .subscribe((/**
-         * @return {?}
-         */
-        () => {
+            .subscribe(() => {
             if (this._elementRef && this._elementRef.nativeElement) {
-                this._widthSubject.next(((/** @type {?} */ (this._elementRef.nativeElement))).getBoundingClientRect().width);
-                this._heightSubject.next(((/** @type {?} */ (this._elementRef.nativeElement))).getBoundingClientRect().height);
+                this._widthSubject.next((this._elementRef.nativeElement).getBoundingClientRect().width);
+                this._heightSubject.next((this._elementRef.nativeElement).getBoundingClientRect().height);
             }
-        }));
+        });
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _disposeChart() {
         if (this._instance) {
             this._instance.clear();
-            dispose(this._instance);
+            echarts.dispose(this._instance);
         }
         this._destroy.next(true);
     }
 }
-TdChartComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'td-chart',
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [CHART_PROVIDER],
-                styles: [":host{display:block;width:100%}"]
-            }] }
-];
-/** @nocollapse */
-TdChartComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: ElementRef },
-    { type: TdChartOptionsService }
-];
-TdChartComponent.propDecorators = {
-    config: [{ type: Input }],
-    group: [{ type: Input }],
-    themeName: [{ type: Input }],
-    renderer: [{ type: Input }],
-    chartClick: [{ type: Output }],
-    chartDblclick: [{ type: Output }],
-    chartContextmenu: [{ type: Output }],
-    magicTypeChanged: [{ type: Output }],
-    dataViewChanged: [{ type: Output }],
-    datazoom: [{ type: Output }],
-    restore: [{ type: Output }]
-};
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdChartComponent.prototype._destroy;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdChartComponent.prototype._widthSubject;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdChartComponent.prototype._heightSubject;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdChartComponent.prototype._instance;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdChartComponent.prototype._state;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdChartComponent.prototype._options;
-    /**
-     * config?: any;
-     * Sets the JS config object if you choose to not use the property inputs.
-     * Note: [config] input properties will override input values
-     * https://ecomfe.github.io/echarts-doc/public/en/option.html
-     * @type {?}
-     */
-    TdChartComponent.prototype.config;
-    /**
-     * group?: string
-     * group name in which the chart instance will be connected to
-     * https://ecomfe.github.io/echarts-doc/public/en/api.html#echarts.connect
-     * @type {?}
-     */
-    TdChartComponent.prototype.group;
-    /**
-     * themeName?: string
-     * theme to be applied into chart instance
-     * https://ecomfe.github.io/echarts-doc/public/en/tutorial.html#Overview%20of%20Style%20Customization
-     * @type {?}
-     */
-    TdChartComponent.prototype.themeName;
-    /**
-     * renderer: 'svg' | 'canvas'
-     * sets the rendering mode for the chart.
-     * defaults to 'canvas'
-     * https://ecomfe.github.io/echarts-doc/public/en/tutorial.html#Render%20by%20Canvas%20or%20SVG
-     * @type {?}
-     */
-    TdChartComponent.prototype.renderer;
-    /** @type {?} */
-    TdChartComponent.prototype.chartClick;
-    /** @type {?} */
-    TdChartComponent.prototype.chartDblclick;
-    /** @type {?} */
-    TdChartComponent.prototype.chartContextmenu;
-    /** @type {?} */
-    TdChartComponent.prototype.magicTypeChanged;
-    /** @type {?} */
-    TdChartComponent.prototype.dataViewChanged;
-    /** @type {?} */
-    TdChartComponent.prototype.datazoom;
-    /** @type {?} */
-    TdChartComponent.prototype.restore;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdChartComponent.prototype._changeDetectorRef;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdChartComponent.prototype._elementRef;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdChartComponent.prototype._optionsService;
-}
+TdChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: TdChartOptionsService }], target: i0.ɵɵFactoryTarget.Component });
+TdChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdChartComponent, selector: "td-chart", inputs: { config: "config", group: "group", themeName: "themeName", renderer: "renderer" }, outputs: { chartClick: "chartClick", chartDblclick: "chartDblclick", chartContextmenu: "chartContextmenu", magicTypeChanged: "magicTypeChanged", dataViewChanged: "dataViewChanged", datazoom: "datazoom", restore: "restore" }, providers: [CHART_PROVIDER], usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'td-chart', template: '', changeDetection: ChangeDetectionStrategy.OnPush, providers: [CHART_PROVIDER], styles: [":host{display:block;width:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: TdChartOptionsService }]; }, propDecorators: { config: [{
+                type: Input
+            }], group: [{
+                type: Input
+            }], themeName: [{
+                type: Input
+            }], renderer: [{
+                type: Input
+            }], chartClick: [{
+                type: Output
+            }], chartDblclick: [{
+                type: Output
+            }], chartContextmenu: [{
+                type: Output
+            }], magicTypeChanged: [{
+                type: Output
+            }], dataViewChanged: [{
+                type: Output
+            }], datazoom: [{
+                type: Output
+            }], restore: [{
+                type: Output
+            }] } });
 
-/**
- * @fileoverview added by tsickle
- * Generated from: axis/axis.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @abstract
- */
 class TdChartAxisDirective {
-    /**
-     * @param {?} _axisOption
-     * @param {?} _optionsService
-     */
     constructor(_axisOption, _optionsService) {
         this._axisOption = _axisOption;
         this._optionsService = _optionsService;
@@ -4764,30 +4549,16 @@ class TdChartAxisDirective {
         this.config = {};
         this.show = true;
     }
-    /**
-     * @return {?}
-     */
     ngOnInit() {
         this._setOptions();
     }
-    /**
-     * @return {?}
-     */
     ngOnChanges() {
         this._setOptions();
     }
-    /**
-     * @return {?}
-     */
     ngOnDestroy() {
         this._removeOption();
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _setOptions() {
-        /** @type {?} */
         const config = assignDefined(this._state, {
             id: this.id,
             show: this.show,
@@ -4822,294 +4593,189 @@ class TdChartAxisDirective {
         }, this.config ? this.config : {});
         this._optionsService.setArrayOption(this._axisOption, config);
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _removeOption() {
         this._optionsService.clearOption(this._axisOption);
     }
 }
-TdChartAxisDirective.decorators = [
-    { type: Directive }
-];
-/** @nocollapse */
-TdChartAxisDirective.ctorParameters = () => [
-    { type: String },
-    { type: TdChartOptionsService }
-];
-TdChartAxisDirective.propDecorators = {
-    config: [{ type: Input }],
-    id: [{ type: Input }],
-    show: [{ type: Input }],
-    gridIndex: [{ type: Input }],
-    offset: [{ type: Input }],
-    type: [{ type: Input }],
-    name: [{ type: Input }],
-    nameLocation: [{ type: Input }],
-    nameTextStyle: [{ type: Input }],
-    nameGap: [{ type: Input }],
-    nameRotate: [{ type: Input }],
-    inverse: [{ type: Input }],
-    boundaryGap: [{ type: Input }],
-    min: [{ type: Input }],
-    max: [{ type: Input }],
-    scale: [{ type: Input }],
-    minInterval: [{ type: Input }],
-    interval: [{ type: Input }],
-    logBase: [{ type: Input }],
-    silent: [{ type: Input }],
-    triggerEvent: [{ type: Input }],
-    axisLine: [{ type: Input }],
-    axisTick: [{ type: Input }],
-    axisLabel: [{ type: Input }],
-    splitLine: [{ type: Input }],
-    splitArea: [{ type: Input }],
-    data: [{ type: Input }],
-    axisPointer: [{ type: Input }],
-    zlevel: [{ type: Input }],
-    z: [{ type: Input }]
-};
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdChartAxisDirective.prototype._state;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.config;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.id;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.show;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.gridIndex;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.offset;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.position;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.type;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.name;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.nameLocation;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.nameTextStyle;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.nameGap;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.nameRotate;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.inverse;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.boundaryGap;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.min;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.max;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.scale;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.minInterval;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.interval;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.logBase;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.silent;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.triggerEvent;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.axisLine;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.axisTick;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.axisLabel;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.splitLine;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.splitArea;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.data;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.axisPointer;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.zlevel;
-    /** @type {?} */
-    TdChartAxisDirective.prototype.z;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdChartAxisDirective.prototype._axisOption;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdChartAxisDirective.prototype._optionsService;
-}
+TdChartAxisDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartAxisDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+TdChartAxisDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: TdChartAxisDirective, inputs: { config: "config", id: "id", show: "show", gridIndex: "gridIndex", offset: "offset", type: "type", name: "name", nameLocation: "nameLocation", nameTextStyle: "nameTextStyle", nameGap: "nameGap", nameRotate: "nameRotate", inverse: "inverse", boundaryGap: "boundaryGap", min: "min", max: "max", scale: "scale", minInterval: "minInterval", interval: "interval", logBase: "logBase", silent: "silent", triggerEvent: "triggerEvent", axisLine: "axisLine", axisTick: "axisTick", axisLabel: "axisLabel", splitLine: "splitLine", splitArea: "splitArea", data: "data", axisPointer: "axisPointer", zlevel: "zlevel", z: "z" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartAxisDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: undefined }, { type: TdChartOptionsService }]; }, propDecorators: { config: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], show: [{
+                type: Input
+            }], gridIndex: [{
+                type: Input
+            }], offset: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], nameLocation: [{
+                type: Input
+            }], nameTextStyle: [{
+                type: Input
+            }], nameGap: [{
+                type: Input
+            }], nameRotate: [{
+                type: Input
+            }], inverse: [{
+                type: Input
+            }], boundaryGap: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], scale: [{
+                type: Input
+            }], minInterval: [{
+                type: Input
+            }], interval: [{
+                type: Input
+            }], logBase: [{
+                type: Input
+            }], silent: [{
+                type: Input
+            }], triggerEvent: [{
+                type: Input
+            }], axisLine: [{
+                type: Input
+            }], axisTick: [{
+                type: Input
+            }], axisLabel: [{
+                type: Input
+            }], splitLine: [{
+                type: Input
+            }], splitArea: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], axisPointer: [{
+                type: Input
+            }], zlevel: [{
+                type: Input
+            }], z: [{
+                type: Input
+            }] } });
 
-/**
- * @fileoverview added by tsickle
- * Generated from: axis/x-axis.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class TdChartXAxisComponent extends TdChartAxisDirective {
-    /**
-     * @param {?} _optionsService
-     */
     constructor(_optionsService) {
         super('xAxis', _optionsService);
     }
 }
-TdChartXAxisComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'td-chart-x-axis',
-                template: '',
-                inputs: [
-                    'config',
-                    'id',
-                    'show',
-                    'gridIndex',
-                    'offset',
-                    'type',
-                    'name',
-                    'nameLocation',
-                    'nameTextStyle',
-                    'nameGap',
-                    'nameRotate',
-                    'inverse',
-                    'boundaryGap',
-                    'min',
-                    'max',
-                    'scale',
-                    'minInterval',
-                    'interval',
-                    'logBase',
-                    'silent',
-                    'triggerEvent',
-                    'axisLine',
-                    'axisTick',
-                    'axisLabel',
-                    'splitLine',
-                    'splitArea',
-                    'data',
-                    'axisPointer',
-                    'zlevel',
-                    'z',
-                ],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }] }
-];
-/** @nocollapse */
-TdChartXAxisComponent.ctorParameters = () => [
-    { type: TdChartOptionsService }
-];
-TdChartXAxisComponent.propDecorators = {
-    position: [{ type: Input }]
-};
-if (false) {
-    /** @type {?} */
-    TdChartXAxisComponent.prototype.position;
-}
+TdChartXAxisComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartXAxisComponent, deps: [{ token: TdChartOptionsService }], target: i0.ɵɵFactoryTarget.Component });
+TdChartXAxisComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdChartXAxisComponent, selector: "td-chart-x-axis", inputs: { config: "config", id: "id", show: "show", gridIndex: "gridIndex", offset: "offset", type: "type", name: "name", nameLocation: "nameLocation", nameTextStyle: "nameTextStyle", nameGap: "nameGap", nameRotate: "nameRotate", inverse: "inverse", boundaryGap: "boundaryGap", min: "min", max: "max", scale: "scale", minInterval: "minInterval", interval: "interval", logBase: "logBase", silent: "silent", triggerEvent: "triggerEvent", axisLine: "axisLine", axisTick: "axisTick", axisLabel: "axisLabel", splitLine: "splitLine", splitArea: "splitArea", data: "data", axisPointer: "axisPointer", zlevel: "zlevel", z: "z", position: "position" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartXAxisComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'td-chart-x-axis',
+                    template: '',
+                    inputs: [
+                        'config',
+                        'id',
+                        'show',
+                        'gridIndex',
+                        'offset',
+                        'type',
+                        'name',
+                        'nameLocation',
+                        'nameTextStyle',
+                        'nameGap',
+                        'nameRotate',
+                        'inverse',
+                        'boundaryGap',
+                        'min',
+                        'max',
+                        'scale',
+                        'minInterval',
+                        'interval',
+                        'logBase',
+                        'silent',
+                        'triggerEvent',
+                        'axisLine',
+                        'axisTick',
+                        'axisLabel',
+                        'splitLine',
+                        'splitArea',
+                        'data',
+                        'axisPointer',
+                        'zlevel',
+                        'z',
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: TdChartOptionsService }]; }, propDecorators: { position: [{
+                type: Input
+            }] } });
 
-/**
- * @fileoverview added by tsickle
- * Generated from: axis/y-axis.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class TdChartYAxisComponent extends TdChartAxisDirective {
-    /**
-     * @param {?} _optionsService
-     */
     constructor(_optionsService) {
         super('yAxis', _optionsService);
     }
 }
-TdChartYAxisComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'td-chart-y-axis',
-                template: '',
-                inputs: [
-                    'config',
-                    'id',
-                    'show',
-                    'gridIndex',
-                    'offset',
-                    'type',
-                    'name',
-                    'nameLocation',
-                    'nameTextStyle',
-                    'nameGap',
-                    'nameRotate',
-                    'inverse',
-                    'boundaryGap',
-                    'min',
-                    'max',
-                    'scale',
-                    'minInterval',
-                    'interval',
-                    'logBase',
-                    'silent',
-                    'triggerEvent',
-                    'axisLine',
-                    'axisTick',
-                    'axisLabel',
-                    'splitLine',
-                    'splitArea',
-                    'data',
-                    'axisPointer',
-                    'zlevel',
-                    'z',
-                ],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }] }
-];
-/** @nocollapse */
-TdChartYAxisComponent.ctorParameters = () => [
-    { type: TdChartOptionsService }
-];
-TdChartYAxisComponent.propDecorators = {
-    position: [{ type: Input }]
-};
-if (false) {
-    /** @type {?} */
-    TdChartYAxisComponent.prototype.position;
-}
+TdChartYAxisComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartYAxisComponent, deps: [{ token: TdChartOptionsService }], target: i0.ɵɵFactoryTarget.Component });
+TdChartYAxisComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdChartYAxisComponent, selector: "td-chart-y-axis", inputs: { config: "config", id: "id", show: "show", gridIndex: "gridIndex", offset: "offset", type: "type", name: "name", nameLocation: "nameLocation", nameTextStyle: "nameTextStyle", nameGap: "nameGap", nameRotate: "nameRotate", inverse: "inverse", boundaryGap: "boundaryGap", min: "min", max: "max", scale: "scale", minInterval: "minInterval", interval: "interval", logBase: "logBase", silent: "silent", triggerEvent: "triggerEvent", axisLine: "axisLine", axisTick: "axisTick", axisLabel: "axisLabel", splitLine: "splitLine", splitArea: "splitArea", data: "data", axisPointer: "axisPointer", zlevel: "zlevel", z: "z", position: "position" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartYAxisComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'td-chart-y-axis',
+                    template: '',
+                    inputs: [
+                        'config',
+                        'id',
+                        'show',
+                        'gridIndex',
+                        'offset',
+                        'type',
+                        'name',
+                        'nameLocation',
+                        'nameTextStyle',
+                        'nameGap',
+                        'nameRotate',
+                        'inverse',
+                        'boundaryGap',
+                        'min',
+                        'max',
+                        'scale',
+                        'minInterval',
+                        'interval',
+                        'logBase',
+                        'silent',
+                        'triggerEvent',
+                        'axisLine',
+                        'axisTick',
+                        'axisLabel',
+                        'splitLine',
+                        'splitArea',
+                        'data',
+                        'axisPointer',
+                        'zlevel',
+                        'z',
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: TdChartOptionsService }]; }, propDecorators: { position: [{
+                type: Input
+            }] } });
 
-/**
- * @fileoverview added by tsickle
- * Generated from: dataset/dataset.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
 class TdDatasetComponent {
-    /**
-     * @param {?} _optionsService
-     */
     constructor(_optionsService) {
         this._optionsService = _optionsService;
         this._state = {};
         this.config = {};
     }
-    /**
-     * @return {?}
-     */
     ngOnChanges() {
         this._setOptions();
     }
-    /**
-     * @return {?}
-     */
     ngOnDestroy() {
         this._removeOption();
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _setOptions() {
-        /** @type {?} */
         const config = assignDefined(this._state, {
             id: this.id,
             source: this.source,
@@ -5119,61 +4785,31 @@ class TdDatasetComponent {
         // set dataset configuration in parent chart and render new configurations
         this._optionsService.setOption('dataset', config);
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _removeOption() {
         this._optionsService.clearOption('dataset');
     }
 }
-TdDatasetComponent.decorators = [
-    { type: Component, args: [{
-                template: '',
-                selector: 'td-chart-dataset',
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }] }
-];
-/** @nocollapse */
-TdDatasetComponent.ctorParameters = () => [
-    { type: TdChartOptionsService }
-];
-TdDatasetComponent.propDecorators = {
-    id: [{ type: Input }],
-    config: [{ type: Input }],
-    source: [{ type: Input }],
-    dimensions: [{ type: Input }],
-    sourceHeader: [{ type: Input }]
-};
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdDatasetComponent.prototype._state;
-    /** @type {?} */
-    TdDatasetComponent.prototype.id;
-    /** @type {?} */
-    TdDatasetComponent.prototype.config;
-    /** @type {?} */
-    TdDatasetComponent.prototype.source;
-    /** @type {?} */
-    TdDatasetComponent.prototype.dimensions;
-    /** @type {?} */
-    TdDatasetComponent.prototype.sourceHeader;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdDatasetComponent.prototype._optionsService;
-}
+TdDatasetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdDatasetComponent, deps: [{ token: TdChartOptionsService }], target: i0.ɵɵFactoryTarget.Component });
+TdDatasetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdDatasetComponent, selector: "td-chart-dataset", inputs: { id: "id", config: "config", source: "source", dimensions: "dimensions", sourceHeader: "sourceHeader" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdDatasetComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                    selector: 'td-chart-dataset',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: TdChartOptionsService }]; }, propDecorators: { id: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }], source: [{
+                type: Input
+            }], dimensions: [{
+                type: Input
+            }], sourceHeader: [{
+                type: Input
+            }] } });
 
-/**
- * @fileoverview added by tsickle
- * Generated from: base.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @type {?} */
 const BASE_MODULE_COMPONENTS = [
     TdChartComponent,
     TdChartXAxisComponent,
@@ -5183,43 +4819,25 @@ const BASE_MODULE_COMPONENTS = [
 registerDefaultThemes();
 class CovalentBaseEchartsModule {
 }
-CovalentBaseEchartsModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [BASE_MODULE_COMPONENTS],
-                exports: [BASE_MODULE_COMPONENTS],
-            },] }
-];
+CovalentBaseEchartsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentBaseEchartsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CovalentBaseEchartsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentBaseEchartsModule, declarations: [TdChartComponent,
+        TdChartXAxisComponent,
+        TdChartYAxisComponent,
+        TdDatasetComponent], imports: [CommonModule], exports: [TdChartComponent,
+        TdChartXAxisComponent,
+        TdChartYAxisComponent,
+        TdDatasetComponent] });
+CovalentBaseEchartsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentBaseEchartsModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentBaseEchartsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [BASE_MODULE_COMPONENTS],
+                    exports: [BASE_MODULE_COMPONENTS],
+                }]
+        }] });
 
-/**
- * @fileoverview added by tsickle
- * Generated from: series/series.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @record
- */
-function ITdSeries() { }
-if (false) {
-    /** @type {?|undefined} */
-    ITdSeries.prototype.id;
-    /** @type {?|undefined} */
-    ITdSeries.prototype.name;
-    /** @type {?|undefined} */
-    ITdSeries.prototype.color;
-    /** @type {?|undefined} */
-    ITdSeries.prototype.type;
-    /** @type {?|undefined} */
-    ITdSeries.prototype.tooltip;
-}
-/**
- * @abstract
- */
 class TdSeriesDirective {
-    /**
-     * @param {?} type
-     * @param {?} optionsService
-     */
     constructor(type, optionsService) {
         this.optionsService = optionsService;
         this._state = {};
@@ -5227,54 +4845,28 @@ class TdSeriesDirective {
         this.config = {};
         this._type = type;
     }
-    /**
-     * @return {?}
-     */
     get type() {
         return this._type;
     }
-    /**
-     * @return {?}
-     */
     ngOnInit() {
         this._setOptions();
     }
-    /**
-     * @return {?}
-     */
     ngOnChanges() {
         this._setOptions();
     }
-    /**
-     * @return {?}
-     */
     ngOnDestroy() {
         this._removeOption();
     }
-    /**
-     * @param {?} option
-     * @param {?} value
-     * @return {?}
-     */
     setStateOption(option, value) {
         this._options[option] = value;
         this._setOptions();
     }
-    /**
-     * @param {?} option
-     * @return {?}
-     */
     removeStateOption(option) {
         /* tslint:disable-next-line */
         this._options[option] = null;
         this._setOptions();
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _setOptions() {
-        /** @type {?} */
         const config = assignDefined(this._state, {
             id: this.id,
             type: this.type,
@@ -5293,105 +4885,47 @@ class TdSeriesDirective {
         }, this.getConfig(), this._options, this.config ? this.config : {});
         this.optionsService.setArrayOption('series', config);
     }
-    /**
-     * @private
-     * @return {?}
-     */
     _removeOption() {
         this.optionsService.removeArrayOption('series', this._state);
     }
 }
-TdSeriesDirective.decorators = [
-    { type: Directive }
-];
-/** @nocollapse */
-TdSeriesDirective.ctorParameters = () => [
-    { type: String },
-    { type: TdChartOptionsService }
-];
-TdSeriesDirective.propDecorators = {
-    config: [{ type: Input }],
-    id: [{ type: Input }],
-    name: [{ type: Input }],
-    color: [{ type: Input }],
-    data: [{ type: Input }],
-    animation: [{ type: Input }],
-    animationThreshold: [{ type: Input }],
-    animationDuration: [{ type: Input }],
-    animationEasing: [{ type: Input }],
-    animationDelay: [{ type: Input }],
-    animationDurationUpdate: [{ type: Input }],
-    animationEasingUpdate: [{ type: Input }],
-    animationDelayUpdate: [{ type: Input }],
-    tooltip: [{ type: Input }]
-};
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdSeriesDirective.prototype._type;
-    /** @type {?} */
-    TdSeriesDirective.prototype._state;
-    /** @type {?} */
-    TdSeriesDirective.prototype._options;
-    /** @type {?} */
-    TdSeriesDirective.prototype.config;
-    /** @type {?} */
-    TdSeriesDirective.prototype.id;
-    /** @type {?} */
-    TdSeriesDirective.prototype.name;
-    /** @type {?} */
-    TdSeriesDirective.prototype.color;
-    /** @type {?} */
-    TdSeriesDirective.prototype.data;
-    /** @type {?} */
-    TdSeriesDirective.prototype.animation;
-    /** @type {?} */
-    TdSeriesDirective.prototype.animationThreshold;
-    /** @type {?} */
-    TdSeriesDirective.prototype.animationDuration;
-    /** @type {?} */
-    TdSeriesDirective.prototype.animationEasing;
-    /** @type {?} */
-    TdSeriesDirective.prototype.animationDelay;
-    /** @type {?} */
-    TdSeriesDirective.prototype.animationDurationUpdate;
-    /** @type {?} */
-    TdSeriesDirective.prototype.animationEasingUpdate;
-    /** @type {?} */
-    TdSeriesDirective.prototype.animationDelayUpdate;
-    /** @type {?} */
-    TdSeriesDirective.prototype.tooltip;
-    /**
-     * @type {?}
-     * @protected
-     */
-    TdSeriesDirective.prototype.optionsService;
-    /**
-     * @abstract
-     * @return {?}
-     */
-    TdSeriesDirective.prototype.getConfig = function () { };
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: index.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
+TdSeriesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdSeriesDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+TdSeriesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: TdSeriesDirective, inputs: { config: "config", id: "id", name: "name", color: "color", data: "data", animation: "animation", animationThreshold: "animationThreshold", animationDuration: "animationDuration", animationEasing: "animationEasing", animationDelay: "animationDelay", animationDurationUpdate: "animationDurationUpdate", animationEasingUpdate: "animationEasingUpdate", animationDelayUpdate: "animationDelayUpdate", tooltip: "tooltip" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdSeriesDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: undefined }, { type: TdChartOptionsService }]; }, propDecorators: { config: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], animation: [{
+                type: Input
+            }], animationThreshold: [{
+                type: Input
+            }], animationDuration: [{
+                type: Input
+            }], animationEasing: [{
+                type: Input
+            }], animationDelay: [{
+                type: Input
+            }], animationDurationUpdate: [{
+                type: Input
+            }], animationEasingUpdate: [{
+                type: Input
+            }], animationDelayUpdate: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }] } });
 
 /**
- * @fileoverview added by tsickle
- * Generated from: covalent-echarts-base.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * Generated bundle index. Do not edit.
  */
 
-export { BASE_MODULE_COMPONENTS, CovalentBaseEchartsModule, TdChartAxisDirective, TdChartComponent, TdChartOptionsService, TdChartXAxisComponent, TdChartYAxisComponent, TdDatasetComponent, TdSeriesDirective, assignDefined, getThemes, registerDefaultThemes, registerTheme, CHART_PROVIDER_FACTORY as ɵa, CHART_PROVIDER as ɵb };
-//# sourceMappingURL=covalent-echarts-base.js.map
+export { BASE_MODULE_COMPONENTS, CovalentBaseEchartsModule, TdChartAxisDirective, TdChartComponent, TdChartOptionsService, TdChartXAxisComponent, TdChartYAxisComponent, TdDatasetComponent, TdSeriesDirective, assignDefined, getThemes, registerDefaultThemes, registerTheme };
+//# sourceMappingURL=covalent-echarts-base.mjs.map