@covalent/echarts 4.0.0-beta.2 → 4.1.0-develop.10

package/fesm2015/covalent-echarts-base.mjs

@@ -51,13 +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, [{
+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
-        }], null, null);
-})();
+        }] });
 function CHART_PROVIDER_FACTORY(parent) {
     return parent || new TdChartOptionsService();
 }
@@ -95,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: {
@@ -265,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: {
@@ -525,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)',
@@ -1935,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: {
@@ -2105,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: {
@@ -2365,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)',
@@ -2395,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: {
@@ -2565,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: {
@@ -2825,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)',
@@ -4317,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();
             }
@@ -4337,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,
@@ -4352,7 +4435,8 @@ class TdChartComponent {
         }
     }
     _initializeChart() {
-        this._instance = echarts.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')
@@ -4415,8 +4499,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);
             }
         });
     }
@@ -4428,13 +4512,12 @@ 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, [{
+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"] }]
-        }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: TdChartOptionsService }]; }, { config: [{
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: TdChartOptionsService }]; }, propDecorators: { config: [{
                 type: Input
             }], group: [{
                 type: Input
@@ -4456,8 +4539,7 @@ class TdChartComponent {
                 type: Output
             }], restore: [{
                 type: Output
-            }] });
-})();
+            }] } });
 
 class TdChartAxisDirective {
     constructor(_axisOption, _optionsService) {
@@ -4515,12 +4597,11 @@ 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, [{
+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
-        }], function () { return [{ type: undefined }, { type: TdChartOptionsService }]; }, { config: [{
+        }], ctorParameters: function () { return [{ type: undefined }, { type: TdChartOptionsService }]; }, propDecorators: { config: [{
                 type: Input
             }], id: [{
                 type: Input
@@ -4580,18 +4661,16 @@ class TdChartAxisDirective {
                 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, [{
+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',
@@ -4630,20 +4709,18 @@ class TdChartXAxisComponent extends TdChartAxisDirective {
                     ],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], function () { return [{ type: TdChartOptionsService }]; }, { position: [{
+        }], 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, [{
+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',
@@ -4682,10 +4759,9 @@ class TdChartYAxisComponent extends TdChartAxisDirective {
                     ],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], function () { return [{ type: TdChartOptionsService }]; }, { position: [{
+        }], ctorParameters: function () { return [{ type: TdChartOptionsService }]; }, propDecorators: { position: [{
                 type: Input
-            }] });
-})();
+            }] } });
 
 class TdDatasetComponent {
     constructor(_optionsService) {
@@ -4713,17 +4789,16 @@ 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, [{
+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,
                 }]
-        }], function () { return [{ type: TdChartOptionsService }]; }, { id: [{
+        }], ctorParameters: function () { return [{ type: TdChartOptionsService }]; }, propDecorators: { id: [{
                 type: Input
             }], config: [{
                 type: Input
@@ -4733,8 +4808,7 @@ class TdDatasetComponent {
                 type: Input
             }], sourceHeader: [{
                 type: Input
-            }] });
-})();
+            }] } });
 
 const BASE_MODULE_COMPONENTS = [
     TdChartComponent,
@@ -4745,28 +4819,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, [{
+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],
                 }]
-        }], null, null);
-})();
-(function () {
-    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CovalentBaseEchartsModule, { declarations: [TdChartComponent,
-            TdChartXAxisComponent,
-            TdChartYAxisComponent,
-            TdDatasetComponent], imports: [CommonModule], exports: [TdChartComponent,
-            TdChartXAxisComponent,
-            TdChartYAxisComponent,
-            TdDatasetComponent] });
-})();
+        }] });
 
 class TdSeriesDirective {
     constructor(type, optionsService) {
@@ -4820,12 +4889,11 @@ 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, [{
+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
-        }], function () { return [{ type: undefined }, { type: TdChartOptionsService }]; }, { config: [{
+        }], ctorParameters: function () { return [{ type: undefined }, { type: TdChartOptionsService }]; }, propDecorators: { config: [{
                 type: Input
             }], id: [{
                 type: Input
@@ -4853,8 +4921,7 @@ class TdSeriesDirective {
                 type: Input
             }], tooltip: [{
                 type: Input
-            }] });
-})();
+            }] } });
 
 /**
  * Generated bundle index. Do not edit.