@covalent/echarts 4.0.0-beta.4 → 4.1.0-develop.11

package/fesm2020/covalent-echarts-base.mjs

@@ -51,11 +51,11 @@ class TdChartOptionsService {
         return this._optionsSubject.asObservable();
     }
 }
-/** @nocollapse */ /** @nocollapse */ TdChartOptionsService.ɵfac = function TdChartOptionsService_Factory(t) { return new (t || TdChartOptionsService)(); };
-/** @nocollapse */ /** @nocollapse */ TdChartOptionsService.ɵprov = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjectable({ token: TdChartOptionsService, factory: TdChartOptionsService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdChartOptionsService, [{
-        type: Injectable
-    }], null, null); })();
+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();
 }
@@ -93,7 +93,16 @@ function assignDefined(target, ...sources) {
 
 /* 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: {
@@ -263,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: {
@@ -523,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)',
@@ -1933,7 +1960,16 @@ var passionFlower = {
 
 /* 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: {
@@ -2103,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: {
@@ -2363,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)',
@@ -2393,7 +2447,16 @@ var razzleberryPie = {
 
 /* 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: {
@@ -2563,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: {
@@ -2823,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)',
@@ -4315,7 +4396,7 @@ class TdChartComponent {
     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();
             }
@@ -4335,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,
@@ -4350,7 +4435,7 @@ class TdChartComponent {
         }
     }
     _initializeChart() {
-        this._instance = echarts.init(this._elementRef.nativeElement, this.themeName, {
+        this._instance = echarts.init(this._elementRef.nativeElement, this.themeName ?? '', {
             renderer: this.renderer,
         });
         fromEvent(this._instance, 'click')
@@ -4413,8 +4498,8 @@ class TdChartComponent {
             .pipe(takeUntil(this._destroy))
             .subscribe(() => {
             if (this._elementRef && this._elementRef.nativeElement) {
-                this._widthSubject.next(this._elementRef.nativeElement.getBoundingClientRect().width);
-                this._heightSubject.next(this._elementRef.nativeElement.getBoundingClientRect().height);
+                this._widthSubject.next((this._elementRef.nativeElement).getBoundingClientRect().width);
+                this._heightSubject.next((this._elementRef.nativeElement).getBoundingClientRect().height);
             }
         });
     }
@@ -4426,34 +4511,34 @@ class TdChartComponent {
         this._destroy.next(true);
     }
 }
-/** @nocollapse */ /** @nocollapse */ TdChartComponent.ɵfac = function TdChartComponent_Factory(t) { return new (t || TdChartComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(TdChartOptionsService)); };
-/** @nocollapse */ /** @nocollapse */ TdChartComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdChartComponent, selectors: [["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" }, features: [i0.ɵɵProvidersFeature([CHART_PROVIDER]), i0.ɵɵNgOnChangesFeature], decls: 0, vars: 0, template: function TdChartComponent_Template(rf, ctx) { }, styles: ["[_nghost-%COMP%]{display:block;width:100%}"], changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdChartComponent, [{
-        type: Component,
-        args: [{ selector: 'td-chart', template: '', changeDetection: ChangeDetectionStrategy.OnPush, providers: [CHART_PROVIDER], styles: [":host{display:block;width:100%}\n"] }]
-    }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: TdChartOptionsService }]; }, { 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
-        }] }); })();
+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
+            }] } });
 
 class TdChartAxisDirective {
     constructor(_axisOption, _optionsService) {
@@ -4511,171 +4596,171 @@ class TdChartAxisDirective {
         this._optionsService.clearOption(this._axisOption);
     }
 }
-/** @nocollapse */ /** @nocollapse */ TdChartAxisDirective.ɵfac = function TdChartAxisDirective_Factory(t) { i0.ɵɵinvalidFactory(); };
-/** @nocollapse */ /** @nocollapse */ TdChartAxisDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ 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" }, features: [i0.ɵɵNgOnChangesFeature] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdChartAxisDirective, [{
-        type: Directive
-    }], function () { return [{ type: undefined }, { type: TdChartOptionsService }]; }, { 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
-        }] }); })();
+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
+            }] } });
 
 class TdChartXAxisComponent extends TdChartAxisDirective {
     constructor(_optionsService) {
         super('xAxis', _optionsService);
     }
 }
-/** @nocollapse */ /** @nocollapse */ TdChartXAxisComponent.ɵfac = function TdChartXAxisComponent_Factory(t) { return new (t || TdChartXAxisComponent)(i0.ɵɵdirectiveInject(TdChartOptionsService)); };
-/** @nocollapse */ /** @nocollapse */ TdChartXAxisComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdChartXAxisComponent, selectors: [["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" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function TdChartXAxisComponent_Template(rf, ctx) { }, encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdChartXAxisComponent, [{
-        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,
-            }]
-    }], function () { return [{ type: TdChartOptionsService }]; }, { position: [{
-            type: Input
-        }] }); })();
+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
+            }] } });
 
 class TdChartYAxisComponent extends TdChartAxisDirective {
     constructor(_optionsService) {
         super('yAxis', _optionsService);
     }
 }
-/** @nocollapse */ /** @nocollapse */ TdChartYAxisComponent.ɵfac = function TdChartYAxisComponent_Factory(t) { return new (t || TdChartYAxisComponent)(i0.ɵɵdirectiveInject(TdChartOptionsService)); };
-/** @nocollapse */ /** @nocollapse */ TdChartYAxisComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdChartYAxisComponent, selectors: [["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" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function TdChartYAxisComponent_Template(rf, ctx) { }, encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdChartYAxisComponent, [{
-        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,
-            }]
-    }], function () { return [{ type: TdChartOptionsService }]; }, { position: [{
-            type: Input
-        }] }); })();
+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
+            }] } });
 
 class TdDatasetComponent {
     constructor(_optionsService) {
@@ -4703,26 +4788,26 @@ class TdDatasetComponent {
         this._optionsService.clearOption('dataset');
     }
 }
-/** @nocollapse */ /** @nocollapse */ TdDatasetComponent.ɵfac = function TdDatasetComponent_Factory(t) { return new (t || TdDatasetComponent)(i0.ɵɵdirectiveInject(TdChartOptionsService)); };
-/** @nocollapse */ /** @nocollapse */ TdDatasetComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdDatasetComponent, selectors: [["td-chart-dataset"]], inputs: { id: "id", config: "config", source: "source", dimensions: "dimensions", sourceHeader: "sourceHeader" }, features: [i0.ɵɵNgOnChangesFeature], decls: 0, vars: 0, template: function TdDatasetComponent_Template(rf, ctx) { }, encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDatasetComponent, [{
-        type: Component,
-        args: [{
-                template: '',
-                selector: 'td-chart-dataset',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-            }]
-    }], function () { return [{ type: TdChartOptionsService }]; }, { id: [{
-            type: Input
-        }], config: [{
-            type: Input
-        }], source: [{
-            type: Input
-        }], dimensions: [{
-            type: Input
-        }], sourceHeader: [{
-            type: Input
-        }] }); })();
+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
+            }] } });
 
 const BASE_MODULE_COMPONENTS = [
     TdChartComponent,
@@ -4733,24 +4818,23 @@ const BASE_MODULE_COMPONENTS = [
 registerDefaultThemes();
 class CovalentBaseEchartsModule {
 }
-/** @nocollapse */ /** @nocollapse */ CovalentBaseEchartsModule.ɵfac = function CovalentBaseEchartsModule_Factory(t) { return new (t || CovalentBaseEchartsModule)(); };
-/** @nocollapse */ /** @nocollapse */ CovalentBaseEchartsModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: CovalentBaseEchartsModule });
-/** @nocollapse */ /** @nocollapse */ CovalentBaseEchartsModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [[CommonModule]] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentBaseEchartsModule, [{
-        type: NgModule,
-        args: [{
-                imports: [CommonModule],
-                declarations: [BASE_MODULE_COMPONENTS],
-                exports: [BASE_MODULE_COMPONENTS],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CovalentBaseEchartsModule, { declarations: [TdChartComponent,
+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] }); })();
+        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],
+                }]
+        }] });
 
 class TdSeriesDirective {
     constructor(type, optionsService) {
@@ -4804,39 +4888,39 @@ class TdSeriesDirective {
         this.optionsService.removeArrayOption('series', this._state);
     }
 }
-/** @nocollapse */ /** @nocollapse */ TdSeriesDirective.ɵfac = function TdSeriesDirective_Factory(t) { i0.ɵɵinvalidFactory(); };
-/** @nocollapse */ /** @nocollapse */ TdSeriesDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ 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" }, features: [i0.ɵɵNgOnChangesFeature] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdSeriesDirective, [{
-        type: Directive
-    }], function () { return [{ type: undefined }, { type: TdChartOptionsService }]; }, { 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
-        }] }); })();
+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
+            }] } });
 
 /**
  * Generated bundle index. Do not edit.