@covalent/echarts 4.0.0-beta.1 → 4.1.1-beta.3

package/fesm2020/covalent-echarts-toolbox.mjs

@@ -5,18 +5,16 @@ import { CommonModule } from '@angular/common';
 import * as i1 from '@covalent/echarts/base';
 import { assignDefined } from '@covalent/echarts/base';
 
-const _c0 = ["toolboxContent"];
-function TdChartToolboxComponent_ng_template_0_Template(rf, ctx) { }
 class TdChartViewDataFormatterDirective {
 }
-/** @nocollapse */ /** @nocollapse */ TdChartViewDataFormatterDirective.ɵfac = function TdChartViewDataFormatterDirective_Factory(t) { return new (t || TdChartViewDataFormatterDirective)(); };
-/** @nocollapse */ /** @nocollapse */ TdChartViewDataFormatterDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: TdChartViewDataFormatterDirective, selectors: [["ng-template", "tdViewDataFormatter", ""]] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdChartViewDataFormatterDirective, [{
-        type: Directive,
-        args: [{
-                selector: 'ng-template[tdViewDataFormatter]',
-            }]
-    }], null, null); })();
+TdChartViewDataFormatterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartViewDataFormatterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TdChartViewDataFormatterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: TdChartViewDataFormatterDirective, selector: "ng-template[tdViewDataFormatter]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartViewDataFormatterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[tdViewDataFormatter]',
+                }]
+        }] });
 class TdChartToolboxComponent {
     constructor(_changeDetectorRef, _elementRef, _optionsService) {
         this._changeDetectorRef = _changeDetectorRef;
@@ -73,7 +71,7 @@ class TdChartToolboxComponent {
             this.feature = {
                 ...this.feature,
                 dataView: {
-                    ...this.feature.dataView,
+                    ...this.feature?.dataView,
                     optionToContent: this._optionToContentFormatter(),
                 },
             };
@@ -86,86 +84,76 @@ class TdChartToolboxComponent {
         };
     }
 }
-/** @nocollapse */ /** @nocollapse */ TdChartToolboxComponent.ɵfac = function TdChartToolboxComponent_Factory(t) { return new (t || TdChartToolboxComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.TdChartOptionsService)); };
-/** @nocollapse */ /** @nocollapse */ TdChartToolboxComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdChartToolboxComponent, selectors: [["td-chart-toolbox"]], contentQueries: function TdChartToolboxComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-        i0.ɵɵcontentQuery(dirIndex, TdChartViewDataFormatterDirective, 5, TemplateRef);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formatterTemplate = _t.first);
-    } }, viewQuery: function TdChartToolboxComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0, 7);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fullTemplate = _t.first);
-    } }, inputs: { config: "config", show: "show", trigger: "trigger", orient: "orient", itemSize: "itemSize", itemGap: "itemGap", showTitle: "showTitle", label: "label", feature: "feature", iconStyle: "iconStyle", zlevel: "zlevel", z: "z", transitionDuration: "transitionDuration", left: "left", top: "top", right: "right", bottom: "bottom", width: "width", height: "height" }, features: [i0.ɵɵNgOnChangesFeature], decls: 2, vars: 1, consts: [[3, "ngTemplateOutlet"], ["toolboxContent", ""]], template: function TdChartToolboxComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, TdChartToolboxComponent_ng_template_0_Template, 0, 0, "ng-template", 0, 1, i0.ɵɵtemplateRefExtractor);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngTemplateOutlet", ctx.formatterTemplate);
-    } }, directives: [i2.NgTemplateOutlet], encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdChartToolboxComponent, [{
-        type: Component,
-        args: [{ selector: 'td-chart-toolbox', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #toolboxContent [ngTemplateOutlet]=\"formatterTemplate\"></ng-template>\n" }]
-    }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.TdChartOptionsService }]; }, { config: [{
-            type: Input
-        }], show: [{
-            type: Input
-        }], trigger: [{
-            type: Input
-        }], orient: [{
-            type: Input
-        }], itemSize: [{
-            type: Input
-        }], itemGap: [{
-            type: Input
-        }], showTitle: [{
-            type: Input
-        }], label: [{
-            type: Input
-        }], feature: [{
-            type: Input
-        }], iconStyle: [{
-            type: Input
-        }], zlevel: [{
-            type: Input
-        }], z: [{
-            type: Input
-        }], transitionDuration: [{
-            type: Input
-        }], left: [{
-            type: Input
-        }], top: [{
-            type: Input
-        }], right: [{
-            type: Input
-        }], bottom: [{
-            type: Input
-        }], width: [{
-            type: Input
-        }], height: [{
-            type: Input
-        }], formatterTemplate: [{
-            type: ContentChild,
-            args: [TdChartViewDataFormatterDirective, { read: TemplateRef }]
-        }], fullTemplate: [{
-            type: ViewChild,
-            args: ['toolboxContent', { static: true }]
-        }] }); })();
+TdChartToolboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartToolboxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.TdChartOptionsService }], target: i0.ɵɵFactoryTarget.Component });
+TdChartToolboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdChartToolboxComponent, selector: "td-chart-toolbox", inputs: { config: "config", show: "show", trigger: "trigger", orient: "orient", itemSize: "itemSize", itemGap: "itemGap", showTitle: "showTitle", label: "label", feature: "feature", iconStyle: "iconStyle", zlevel: "zlevel", z: "z", transitionDuration: "transitionDuration", left: "left", top: "top", right: "right", bottom: "bottom", width: "width", height: "height" }, queries: [{ propertyName: "formatterTemplate", first: true, predicate: TdChartViewDataFormatterDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "fullTemplate", first: true, predicate: ["toolboxContent"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template\n  #toolboxContent\n  [ngTemplateOutlet]=\"formatterTemplate\"\n></ng-template>\n", directives: [{ type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartToolboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'td-chart-toolbox', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template\n  #toolboxContent\n  [ngTemplateOutlet]=\"formatterTemplate\"\n></ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.TdChartOptionsService }]; }, propDecorators: { config: [{
+                type: Input
+            }], show: [{
+                type: Input
+            }], trigger: [{
+                type: Input
+            }], orient: [{
+                type: Input
+            }], itemSize: [{
+                type: Input
+            }], itemGap: [{
+                type: Input
+            }], showTitle: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], feature: [{
+                type: Input
+            }], iconStyle: [{
+                type: Input
+            }], zlevel: [{
+                type: Input
+            }], z: [{
+                type: Input
+            }], transitionDuration: [{
+                type: Input
+            }], left: [{
+                type: Input
+            }], top: [{
+                type: Input
+            }], right: [{
+                type: Input
+            }], bottom: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], formatterTemplate: [{
+                type: ContentChild,
+                args: [TdChartViewDataFormatterDirective, { read: TemplateRef }]
+            }], fullTemplate: [{
+                type: ViewChild,
+                args: ['toolboxContent', { static: true }]
+            }] } });
 
-const TOOLBOX_MODULE_COMPONENTS = [TdChartToolboxComponent, TdChartViewDataFormatterDirective];
+const TOOLBOX_MODULE_COMPONENTS = [
+    TdChartToolboxComponent,
+    TdChartViewDataFormatterDirective,
+];
 class CovalentToolboxEchartsModule {
 }
-/** @nocollapse */ /** @nocollapse */ CovalentToolboxEchartsModule.ɵfac = function CovalentToolboxEchartsModule_Factory(t) { return new (t || CovalentToolboxEchartsModule)(); };
-/** @nocollapse */ /** @nocollapse */ CovalentToolboxEchartsModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: CovalentToolboxEchartsModule });
-/** @nocollapse */ /** @nocollapse */ CovalentToolboxEchartsModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [[CommonModule]] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentToolboxEchartsModule, [{
-        type: NgModule,
-        args: [{
-                imports: [CommonModule],
-                declarations: [TOOLBOX_MODULE_COMPONENTS],
-                exports: [TOOLBOX_MODULE_COMPONENTS],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CovalentToolboxEchartsModule, { declarations: [TdChartToolboxComponent, TdChartViewDataFormatterDirective], imports: [CommonModule], exports: [TdChartToolboxComponent, TdChartViewDataFormatterDirective] }); })();
+CovalentToolboxEchartsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentToolboxEchartsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CovalentToolboxEchartsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentToolboxEchartsModule, declarations: [TdChartToolboxComponent,
+        TdChartViewDataFormatterDirective], imports: [CommonModule], exports: [TdChartToolboxComponent,
+        TdChartViewDataFormatterDirective] });
+CovalentToolboxEchartsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentToolboxEchartsModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentToolboxEchartsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [TOOLBOX_MODULE_COMPONENTS],
+                    exports: [TOOLBOX_MODULE_COMPONENTS],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2020/covalent-echarts-toolbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"covalent-echarts-toolbox.mjs","sources":["../../../../src/platform/echarts/toolbox/toolbox.component.ts","../../../../src/platform/echarts/toolbox/toolbox.component.html","../../../../src/platform/echarts/toolbox/toolbox.module.ts","../../../../src/platform/echarts/toolbox/covalent-echarts-toolbox.ts"],"sourcesContent":["import {\n  Component,\n  Input,\n  Directive,\n  TemplateRef,\n  ChangeDetectionStrategy,\n  ElementRef,\n  ChangeDetectorRef,\n  OnChanges,\n  ContentChild,\n  ViewChild,\n  OnDestroy,\n} from '@angular/core';\n\nimport {\n  TdChartOptionsService,\n  assignDefined,\n  ITdLabel,\n  ITdShadow,\n  ITdItemStyle,\n  TdTextPosition,\n  TdTextAlign,\n} from '@covalent/echarts/base';\n\nexport type TdToolboxOrient = 'horizontal' | 'vertical';\nexport type TdImageType = 'png' | 'jpeg';\n\nexport interface ITdAcceptedBrushTypes {\n  rect?: string;\n  polygon?: string;\n  lineX?: string;\n  lineY?: string;\n  keep?: string;\n  clear?: string;\n}\n\nexport interface ITdAcceptedMagicTypes {\n  line?: string;\n  bar?: string;\n  stack?: string;\n  tiled?: string;\n}\n\nexport interface ITdToolboxIconEmphasis extends ITdItemStyle, ITdShadow {}\n\nexport interface ITdFeatureIconStyle extends ITdItemStyle, ITdShadow {\n  textPosition?: TdTextPosition;\n  textAlign?: TdTextAlign;\n  emphasis?: ITdToolboxIconEmphasis;\n}\n\nexport interface ITdZoomTitles {\n  zoom?: string;\n  back?: string;\n}\n\nexport interface ITdSaveAsImage {\n  type?: TdImageType;\n  name?: string;\n  backgroundColor?: any;\n  excludeComponents?: string[]; // defaults to ['toolbox']\n  show?: boolean;\n  title?: string;\n  icon?: string;\n  iconStyle?: ITdFeatureIconStyle;\n  pixelRatio?: number;\n}\n\nexport interface ITdRestore {\n  show?: boolean;\n  title?: string;\n  icon?: string;\n  iconStyle?: ITdFeatureIconStyle;\n}\n\nexport interface ITdDataView {\n  show?: boolean;\n  title?: string;\n  icon?: string;\n  iconStyle?: ITdFeatureIconStyle;\n  readOnly?: boolean;\n  optionToContent?: Function;\n  contentToOption?: Function;\n  lang?: string[]; // Defaults to Chinese, there are 3 names in data view, which are ['data view', 'turn off' and 'refresh'].\n  textareaColor?: string;\n  textareaBorderColor?: string;\n  textColor?: string;\n  buttonColor?: string;\n  buttonTextColor?: string;\n}\n\nexport interface ITdDataZoom {\n  show?: boolean;\n  title?: ITdZoomTitles;\n  icon?: ITdZoomTitles;\n  iconStyle?: ITdFeatureIconStyle;\n  xAxisIndex?: number | number[] | boolean;\n  yAxisIndex?: number | number[] | boolean;\n}\n\nexport interface ITdMagicType {\n  show?: boolean;\n  type?: string[]; // only expects 'line' | 'bar' | 'stack' | 'tiled';\n  title?: ITdAcceptedMagicTypes;\n  icon?: ITdAcceptedMagicTypes;\n  iconStyle?: ITdFeatureIconStyle;\n  option?: {\n    line?: object;\n    bar?: object;\n    stack?: object;\n    tiled?: object;\n  };\n  seriesIndex?: {\n    line?: any[];\n    bar?: any[];\n    stack?: any[];\n    tiled?: any[];\n  };\n}\n\nexport interface ITdBrush {\n  type?: any[];\n  icon?: ITdAcceptedBrushTypes;\n  title?: ITdAcceptedBrushTypes;\n}\n\nexport interface ITdToolboxFeature {\n  saveAsImage?: ITdSaveAsImage;\n  restore?: ITdRestore;\n  dataView?: ITdDataView;\n  dataZoom?: ITdDataZoom;\n  magicType?: ITdMagicType;\n  brush?: ITdBrush;\n}\n\n@Directive({\n  selector: 'ng-template[tdViewDataFormatter]',\n})\nexport class TdChartViewDataFormatterDirective {}\n\n@Component({\n  selector: 'td-chart-toolbox',\n  templateUrl: './toolbox.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdChartToolboxComponent implements OnChanges, OnDestroy {\n  private _state: any = {};\n\n  @Input() config: any = {};\n\n  @Input() show: boolean = true;\n  @Input() trigger: string;\n  @Input() orient: TdToolboxOrient;\n  @Input() itemSize: number;\n  @Input() itemGap: number;\n  @Input() showTitle: boolean = true;\n  @Input() label: ITdLabel;\n  @Input() feature: ITdToolboxFeature;\n  @Input() iconStyle: ITdFeatureIconStyle;\n  @Input() zlevel: number;\n  @Input() z: number;\n  @Input() transitionDuration: number = 0.5;\n  @Input() left: string | number = 'auto';\n  @Input() top: string | number = 'auto';\n  @Input() right: string | number = 'auto';\n  @Input() bottom: string | number = 'auto';\n  @Input() width: string | number = 'auto';\n  @Input() height: string | number = 'auto';\n\n  @ContentChild(TdChartViewDataFormatterDirective, { read: TemplateRef })\n  formatterTemplate: TemplateRef<any>;\n  @ViewChild('toolboxContent', { static: true }) fullTemplate: TemplateRef<any>;\n\n  constructor(\n    private _changeDetectorRef: ChangeDetectorRef,\n    private _elementRef: ElementRef,\n    private _optionsService: TdChartOptionsService,\n  ) {}\n\n  ngOnChanges(): void {\n    this._setOptions();\n  }\n\n  ngOnDestroy(): void {\n    this._removeOption();\n  }\n\n  private _setOptions(): void {\n    this._checkFormatterTemplate();\n\n    const config: any = assignDefined(\n      this._state,\n      {\n        show: this.show,\n        name: this.trigger,\n        orient: this.orient,\n        itemSize: this.itemSize,\n        itemGap: this.itemGap,\n        showTitle: this.showTitle,\n        label: this.label,\n        feature: this.feature,\n        iconStyle: this.iconStyle,\n        zlevel: this.zlevel,\n        z: this.z,\n        transitionDuration: this.transitionDuration,\n        left: this.left,\n        top: this.top,\n        right: this.right,\n        bottom: this.bottom,\n        width: this.width,\n        height: this.height,\n      },\n      this.config ? this.config : {},\n    );\n    // set toolbox configuration in parent chart and render new configurations\n    this._optionsService.setOption('toolbox', config);\n  }\n\n  private _removeOption(): void {\n    this._optionsService.clearOption('toolbox');\n  }\n\n  private _checkFormatterTemplate(): void {\n    if (this.formatterTemplate) {\n      this.feature = {\n        ...this.feature,\n        dataView: {\n          ...this.feature.dataView,\n          optionToContent: this._optionToContentFormatter(),\n        },\n      };\n    }\n  }\n\n  private _optionToContentFormatter(): () => string {\n    return () => {\n      this._changeDetectorRef.markForCheck();\n      return (<HTMLElement>this._elementRef.nativeElement).innerHTML;\n    };\n  }\n}\n","<ng-template #toolboxContent [ngTemplateOutlet]=\"formatterTemplate\"></ng-template>\n","import { NgModule, Type } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { TdChartToolboxComponent, TdChartViewDataFormatterDirective } from './toolbox.component';\n\nexport const TOOLBOX_MODULE_COMPONENTS: Type<any>[] = [TdChartToolboxComponent, TdChartViewDataFormatterDirective];\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [TOOLBOX_MODULE_COMPONENTS],\n  exports: [TOOLBOX_MODULE_COMPONENTS],\n})\nexport class CovalentToolboxEchartsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"covalent-echarts-toolbox.mjs","sources":["../../../../libs/angular-echarts/toolbox/src/toolbox.component.ts","../../../../libs/angular-echarts/toolbox/src/toolbox.component.html","../../../../libs/angular-echarts/toolbox/src/toolbox.module.ts","../../../../libs/angular-echarts/toolbox/src/covalent-echarts-toolbox.ts"],"sourcesContent":["import {\n  Component,\n  Input,\n  Directive,\n  TemplateRef,\n  ChangeDetectionStrategy,\n  ElementRef,\n  ChangeDetectorRef,\n  OnChanges,\n  ContentChild,\n  ViewChild,\n  OnDestroy,\n} from '@angular/core';\n\nimport {\n  TdChartOptionsService,\n  assignDefined,\n  ITdLabel,\n  ITdShadow,\n  ITdItemStyle,\n  TdTextPosition,\n  TdTextAlign,\n} from '@covalent/echarts/base';\n\nexport type TdToolboxOrient = 'horizontal' | 'vertical';\nexport type TdImageType = 'png' | 'jpeg';\n\nexport interface ITdAcceptedBrushTypes {\n  rect?: string;\n  polygon?: string;\n  lineX?: string;\n  lineY?: string;\n  keep?: string;\n  clear?: string;\n}\n\nexport interface ITdAcceptedMagicTypes {\n  line?: string;\n  bar?: string;\n  stack?: string;\n  tiled?: string;\n}\n\nexport interface ITdToolboxIconEmphasis extends ITdItemStyle, ITdShadow {}\n\nexport interface ITdFeatureIconStyle extends ITdItemStyle, ITdShadow {\n  textPosition?: TdTextPosition;\n  textAlign?: TdTextAlign;\n  emphasis?: ITdToolboxIconEmphasis;\n}\n\nexport interface ITdZoomTitles {\n  zoom?: string;\n  back?: string;\n}\n\nexport interface ITdSaveAsImage {\n  type?: TdImageType;\n  name?: string;\n  backgroundColor?: any;\n  excludeComponents?: string[]; // defaults to ['toolbox']\n  show?: boolean;\n  title?: string;\n  icon?: string;\n  iconStyle?: ITdFeatureIconStyle;\n  pixelRatio?: number;\n}\n\nexport interface ITdRestore {\n  show?: boolean;\n  title?: string;\n  icon?: string;\n  iconStyle?: ITdFeatureIconStyle;\n}\n\nexport interface ITdDataView {\n  show?: boolean;\n  title?: string;\n  icon?: string;\n  iconStyle?: ITdFeatureIconStyle;\n  readOnly?: boolean;\n  optionToContent?: Function;\n  contentToOption?: Function;\n  lang?: string[]; // Defaults to Chinese, there are 3 names in data view, which are ['data view', 'turn off' and 'refresh'].\n  textareaColor?: string;\n  textareaBorderColor?: string;\n  textColor?: string;\n  buttonColor?: string;\n  buttonTextColor?: string;\n}\n\nexport interface ITdDataZoom {\n  show?: boolean;\n  title?: ITdZoomTitles;\n  icon?: ITdZoomTitles;\n  iconStyle?: ITdFeatureIconStyle;\n  xAxisIndex?: number | number[] | boolean;\n  yAxisIndex?: number | number[] | boolean;\n}\n\nexport interface ITdMagicType {\n  show?: boolean;\n  type?: string[]; // only expects 'line' | 'bar' | 'stack' | 'tiled';\n  title?: ITdAcceptedMagicTypes;\n  icon?: ITdAcceptedMagicTypes;\n  iconStyle?: ITdFeatureIconStyle;\n  option?: {\n    line?: object;\n    bar?: object;\n    stack?: object;\n    tiled?: object;\n  };\n  seriesIndex?: {\n    line?: any[];\n    bar?: any[];\n    stack?: any[];\n    tiled?: any[];\n  };\n}\n\nexport interface ITdBrush {\n  type?: any[];\n  icon?: ITdAcceptedBrushTypes;\n  title?: ITdAcceptedBrushTypes;\n}\n\nexport interface ITdToolboxFeature {\n  saveAsImage?: ITdSaveAsImage;\n  restore?: ITdRestore;\n  dataView?: ITdDataView;\n  dataZoom?: ITdDataZoom;\n  magicType?: ITdMagicType;\n  brush?: ITdBrush;\n}\n\n@Directive({\n  selector: 'ng-template[tdViewDataFormatter]',\n})\nexport class TdChartViewDataFormatterDirective {}\n\n@Component({\n  selector: 'td-chart-toolbox',\n  templateUrl: './toolbox.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdChartToolboxComponent implements OnChanges, OnDestroy {\n  private _state: any = {};\n\n  @Input() config: any = {};\n\n  @Input() show = true;\n  @Input() trigger?: string;\n  @Input() orient?: TdToolboxOrient;\n  @Input() itemSize?: number;\n  @Input() itemGap?: number;\n  @Input() showTitle? = true;\n  @Input() label?: ITdLabel;\n  @Input() feature?: ITdToolboxFeature;\n  @Input() iconStyle?: ITdFeatureIconStyle;\n  @Input() zlevel?: number;\n  @Input() z?: number;\n  @Input() transitionDuration = 0.5;\n  @Input() left: string | number = 'auto';\n  @Input() top: string | number = 'auto';\n  @Input() right: string | number = 'auto';\n  @Input() bottom: string | number = 'auto';\n  @Input() width: string | number = 'auto';\n  @Input() height: string | number = 'auto';\n\n  @ContentChild(TdChartViewDataFormatterDirective, { read: TemplateRef })\n  formatterTemplate!: TemplateRef<any>;\n  @ViewChild('toolboxContent', { static: true })\n  fullTemplate!: TemplateRef<any>;\n\n  constructor(\n    private _changeDetectorRef: ChangeDetectorRef,\n    private _elementRef: ElementRef,\n    private _optionsService: TdChartOptionsService\n  ) {}\n\n  ngOnChanges(): void {\n    this._setOptions();\n  }\n\n  ngOnDestroy(): void {\n    this._removeOption();\n  }\n\n  private _setOptions(): void {\n    this._checkFormatterTemplate();\n\n    const config: any = assignDefined(\n      this._state,\n      {\n        show: this.show,\n        name: this.trigger,\n        orient: this.orient,\n        itemSize: this.itemSize,\n        itemGap: this.itemGap,\n        showTitle: this.showTitle,\n        label: this.label,\n        feature: this.feature,\n        iconStyle: this.iconStyle,\n        zlevel: this.zlevel,\n        z: this.z,\n        transitionDuration: this.transitionDuration,\n        left: this.left,\n        top: this.top,\n        right: this.right,\n        bottom: this.bottom,\n        width: this.width,\n        height: this.height,\n      },\n      this.config ? this.config : {}\n    );\n    // set toolbox configuration in parent chart and render new configurations\n    this._optionsService.setOption('toolbox', config);\n  }\n\n  private _removeOption(): void {\n    this._optionsService.clearOption('toolbox');\n  }\n\n  private _checkFormatterTemplate(): void {\n    if (this.formatterTemplate) {\n      this.feature = {\n        ...this.feature,\n        dataView: {\n          ...this.feature?.dataView,\n          optionToContent: this._optionToContentFormatter(),\n        },\n      };\n    }\n  }\n\n  private _optionToContentFormatter(): () => string {\n    return () => {\n      this._changeDetectorRef.markForCheck();\n      return (<HTMLElement>this._elementRef.nativeElement).innerHTML;\n    };\n  }\n}\n","<ng-template\n  #toolboxContent\n  [ngTemplateOutlet]=\"formatterTemplate\"\n></ng-template>\n","import { NgModule, Type } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport {\n  TdChartToolboxComponent,\n  TdChartViewDataFormatterDirective,\n} from './toolbox.component';\n\nexport const TOOLBOX_MODULE_COMPONENTS: Type<any>[] = [\n  TdChartToolboxComponent,\n  TdChartViewDataFormatterDirective,\n];\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [TOOLBOX_MODULE_COMPONENTS],\n  exports: [TOOLBOX_MODULE_COMPONENTS],\n})\nexport class CovalentToolboxEchartsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;MA0Ia,iCAAiC;;8HAAjC,iCAAiC;kHAAjC,iCAAiC;2FAAjC,iCAAiC;kBAH7C,SAAS;mBAAC;oBACT,QAAQ,EAAE,kCAAkC;iBAC7C;;MAQY,uBAAuB;IA6BlC,YACU,kBAAqC,EACrC,WAAuB,EACvB,eAAsC;QAFtC,uBAAkB,GAAlB,kBAAkB,CAAmB;QACrC,gBAAW,GAAX,WAAW,CAAY;QACvB,oBAAe,GAAf,eAAe,CAAuB;QA/BxC,WAAM,GAAQ,EAAE,CAAC;QAEhB,WAAM,GAAQ,EAAE,CAAC;QAEjB,SAAI,GAAG,IAAI,CAAC;QAKZ,cAAS,GAAI,IAAI,CAAC;QAMlB,uBAAkB,GAAG,GAAG,CAAC;QACzB,SAAI,GAAoB,MAAM,CAAC;QAC/B,QAAG,GAAoB,MAAM,CAAC;QAC9B,UAAK,GAAoB,MAAM,CAAC;QAChC,WAAM,GAAoB,MAAM,CAAC;QACjC,UAAK,GAAoB,MAAM,CAAC;QAChC,WAAM,GAAoB,MAAM,CAAC;KAWtC;IAEJ,WAAW;QACT,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;IAED,WAAW;QACT,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAEO,WAAW;QACjB,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAE/B,MAAM,MAAM,GAAQ,aAAa,CAC/B,IAAI,CAAC,MAAM,EACX;YACE,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,IAAI,EAAE,IAAI,CAAC,OAAO;YAClB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,kBAAkB,EAAE,IAAI,CAAC,kBAAkB;YAC3C,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,EACD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,EAAE,CAC/B,CAAC;;QAEF,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;KACnD;IAEO,aAAa;QACnB,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;KAC7C;IAEO,uBAAuB;QAC7B,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC1B,IAAI,CAAC,OAAO,GAAG;gBACb,GAAG,IAAI,CAAC,OAAO;gBACf,QAAQ,EAAE;oBACR,GAAG,IAAI,CAAC,OAAO,EAAE,QAAQ;oBACzB,eAAe,EAAE,IAAI,CAAC,yBAAyB,EAAE;iBAClD;aACF,CAAC;SACH;KACF;IAEO,yBAAyB;QAC/B,OAAO;YACL,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE,CAAC;YACvC,OAAqB,IAAI,CAAC,WAAW,CAAC,aAAc,CAAC,SAAS,CAAC;SAChE,CAAC;KACH;;oHA/FU,uBAAuB;wGAAvB,uBAAuB,ydAwBpB,iCAAiC,2BAAU,WAAW,gLCzKtE,gGAIA;2FD6Ia,uBAAuB;kBALnC,SAAS;+BACE,kBAAkB,mBAEX,uBAAuB,CAAC,MAAM;qKAKtC,MAAM;sBAAd,KAAK;gBAEG,IAAI;sBAAZ,KAAK;gBACG,OAAO;sBAAf,KAAK;gBACG,MAAM;sBAAd,KAAK;gBACG,QAAQ;sBAAhB,KAAK;gBACG,OAAO;sBAAf,KAAK;gBACG,SAAS;sBAAjB,KAAK;gBACG,KAAK;sBAAb,KAAK;gBACG,OAAO;sBAAf,KAAK;gBACG,SAAS;sBAAjB,KAAK;gBACG,MAAM;sBAAd,KAAK;gBACG,CAAC;sBAAT,KAAK;gBACG,kBAAkB;sBAA1B,KAAK;gBACG,IAAI;sBAAZ,KAAK;gBACG,GAAG;sBAAX,KAAK;gBACG,KAAK;sBAAb,KAAK;gBACG,MAAM;sBAAd,KAAK;gBACG,KAAK;sBAAb,KAAK;gBACG,MAAM;sBAAd,KAAK;gBAGN,iBAAiB;sBADhB,YAAY;uBAAC,iCAAiC,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;gBAGtE,YAAY;sBADX,SAAS;uBAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;;;MEnKlC,yBAAyB,GAAgB;IACpD,uBAAuB;IACvB,iCAAiC;EACjC;MAOW,4BAA4B;;yHAA5B,4BAA4B;0HAA5B,4BAA4B,iBATvC,uBAAuB;QACvB,iCAAiC,aAIvB,YAAY,aALtB,uBAAuB;QACvB,iCAAiC;0HAQtB,4BAA4B,YAJ9B,CAAC,YAAY,CAAC;2FAIZ,4BAA4B;kBALxC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,YAAY,EAAE,CAAC,yBAAyB,CAAC;oBACzC,OAAO,EAAE,CAAC,yBAAyB,CAAC;iBACrC;;;ACjBD;;;;;;"}

package/fesm2020/covalent-echarts-tooltip.mjs

@@ -5,20 +5,18 @@ import { CommonModule } from '@angular/common';
 import * as i1 from '@covalent/echarts/base';
 import { assignDefined } from '@covalent/echarts/base';
 
-const _c0$1 = ["tooltipContent"];
-function TdChartTooltipComponent_ng_template_0_Template(rf, ctx) { }
 class TdTooltipContext {
 }
 class TdChartTooltipFormatterDirective {
 }
-/** @nocollapse */ /** @nocollapse */ TdChartTooltipFormatterDirective.ɵfac = function TdChartTooltipFormatterDirective_Factory(t) { return new (t || TdChartTooltipFormatterDirective)(); };
-/** @nocollapse */ /** @nocollapse */ TdChartTooltipFormatterDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: TdChartTooltipFormatterDirective, selectors: [["ng-template", "tdTooltipFormatter", ""]] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdChartTooltipFormatterDirective, [{
-        type: Directive,
-        args: [{
-                selector: 'ng-template[tdTooltipFormatter]',
-            }]
-    }], null, null); })();
+TdChartTooltipFormatterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartTooltipFormatterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TdChartTooltipFormatterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: TdChartTooltipFormatterDirective, selector: "ng-template[tdTooltipFormatter]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartTooltipFormatterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[tdTooltipFormatter]',
+                }]
+        }] });
 class TdChartTooltipComponent {
     constructor(_changeDetectorRef, _elementRef, _optionsService) {
         this._changeDetectorRef = _changeDetectorRef;
@@ -66,7 +64,11 @@ class TdChartTooltipComponent {
             confine: this.confine,
             transitionDuration: this.transitionDuration,
             position: this.position,
-            formatter: this.formatter ? this.formatter : this.formatterTemplate ? this._formatter() : undefined,
+            formatter: this.formatter
+                ? this.formatter
+                : this.formatterTemplate
+                    ? this._formatter()
+                    : undefined,
             backgroundColor: this.backgroundColor,
             borderColor: this.borderColor,
             borderWidth: this.borderWidth,
@@ -96,77 +98,64 @@ class TdChartTooltipComponent {
         };
     }
 }
-/** @nocollapse */ /** @nocollapse */ TdChartTooltipComponent.ɵfac = function TdChartTooltipComponent_Factory(t) { return new (t || TdChartTooltipComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.TdChartOptionsService)); };
-/** @nocollapse */ /** @nocollapse */ TdChartTooltipComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdChartTooltipComponent, selectors: [["td-chart-tooltip"]], contentQueries: function TdChartTooltipComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-        i0.ɵɵcontentQuery(dirIndex, TdChartTooltipFormatterDirective, 7, TemplateRef);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formatterTemplate = _t.first);
-    } }, viewQuery: function TdChartTooltipComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$1, 7);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fullTemplate = _t.first);
-    } }, inputs: { config: "config", show: "show", trigger: "trigger", axisPointer: "axisPointer", showContent: "showContent", alwaysShowContent: "alwaysShowContent", triggerOn: "triggerOn", showDelay: "showDelay", hideDelay: "hideDelay", enterable: "enterable", renderMode: "renderMode", confine: "confine", transitionDuration: "transitionDuration", position: "position", formatter: "formatter", backgroundColor: "backgroundColor", borderColor: "borderColor", borderWidth: "borderWidth", padding: "padding", textStyle: "textStyle", extraCssText: "extraCssText" }, features: [i0.ɵɵNgOnChangesFeature], decls: 2, vars: 2, consts: [[3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["tooltipContent", ""]], template: function TdChartTooltipComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, TdChartTooltipComponent_ng_template_0_Template, 0, 0, "ng-template", 0, 1, i0.ɵɵtemplateRefExtractor);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngTemplateOutlet", ctx.formatterTemplate)("ngTemplateOutletContext", ctx._context);
-    } }, directives: [i2.NgTemplateOutlet], encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdChartTooltipComponent, [{
-        type: Component,
-        args: [{ selector: 'td-chart-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #tooltipContent [ngTemplateOutlet]=\"formatterTemplate\" [ngTemplateOutletContext]=\"_context\"></ng-template>\n" }]
-    }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.TdChartOptionsService }]; }, { config: [{
-            type: Input
-        }], show: [{
-            type: Input
-        }], trigger: [{
-            type: Input
-        }], axisPointer: [{
-            type: Input
-        }], showContent: [{
-            type: Input
-        }], alwaysShowContent: [{
-            type: Input
-        }], triggerOn: [{
-            type: Input
-        }], showDelay: [{
-            type: Input
-        }], hideDelay: [{
-            type: Input
-        }], enterable: [{
-            type: Input
-        }], renderMode: [{
-            type: Input
-        }], confine: [{
-            type: Input
-        }], transitionDuration: [{
-            type: Input
-        }], position: [{
-            type: Input
-        }], formatter: [{
-            type: Input
-        }], backgroundColor: [{
-            type: Input
-        }], borderColor: [{
-            type: Input
-        }], borderWidth: [{
-            type: Input
-        }], padding: [{
-            type: Input
-        }], textStyle: [{
-            type: Input
-        }], extraCssText: [{
-            type: Input
-        }], formatterTemplate: [{
-            type: ContentChild,
-            args: [TdChartTooltipFormatterDirective, { read: TemplateRef, static: true }]
-        }], fullTemplate: [{
-            type: ViewChild,
-            args: ['tooltipContent', { static: true }]
-        }] }); })();
+TdChartTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartTooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.TdChartOptionsService }], target: i0.ɵɵFactoryTarget.Component });
+TdChartTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdChartTooltipComponent, selector: "td-chart-tooltip", inputs: { config: "config", show: "show", trigger: "trigger", axisPointer: "axisPointer", showContent: "showContent", alwaysShowContent: "alwaysShowContent", triggerOn: "triggerOn", showDelay: "showDelay", hideDelay: "hideDelay", enterable: "enterable", renderMode: "renderMode", confine: "confine", transitionDuration: "transitionDuration", position: "position", formatter: "formatter", backgroundColor: "backgroundColor", borderColor: "borderColor", borderWidth: "borderWidth", padding: "padding", textStyle: "textStyle", extraCssText: "extraCssText" }, queries: [{ propertyName: "formatterTemplate", first: true, predicate: TdChartTooltipFormatterDirective, descendants: true, read: TemplateRef, static: true }], viewQueries: [{ propertyName: "fullTemplate", first: true, predicate: ["tooltipContent"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template\n  #tooltipContent\n  [ngTemplateOutlet]=\"formatterTemplate\"\n  [ngTemplateOutletContext]=\"_context\"\n></ng-template>\n", directives: [{ type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdChartTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'td-chart-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template\n  #tooltipContent\n  [ngTemplateOutlet]=\"formatterTemplate\"\n  [ngTemplateOutletContext]=\"_context\"\n></ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.TdChartOptionsService }]; }, propDecorators: { config: [{
+                type: Input
+            }], show: [{
+                type: Input
+            }], trigger: [{
+                type: Input
+            }], axisPointer: [{
+                type: Input
+            }], showContent: [{
+                type: Input
+            }], alwaysShowContent: [{
+                type: Input
+            }], triggerOn: [{
+                type: Input
+            }], showDelay: [{
+                type: Input
+            }], hideDelay: [{
+                type: Input
+            }], enterable: [{
+                type: Input
+            }], renderMode: [{
+                type: Input
+            }], confine: [{
+                type: Input
+            }], transitionDuration: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], formatter: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }], borderColor: [{
+                type: Input
+            }], borderWidth: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], textStyle: [{
+                type: Input
+            }], extraCssText: [{
+                type: Input
+            }], formatterTemplate: [{
+                type: ContentChild,
+                args: [TdChartTooltipFormatterDirective, {
+                        read: TemplateRef,
+                        static: true,
+                    }]
+            }], fullTemplate: [{
+                type: ViewChild,
+                args: ['tooltipContent', { static: true }]
+            }] } });
 
-const _c0 = ["tooltipContent"];
-function TdSeriesTooltipComponent_ng_template_0_Template(rf, ctx) { }
 class TdSeriesTooltipComponent {
     constructor(_changeDetectorRef, _elementRef, _seriesComponent) {
         this._changeDetectorRef = _changeDetectorRef;
@@ -197,7 +186,11 @@ class TdSeriesTooltipComponent {
             padding: this.padding,
             textStyle: this.textStyle,
             extraCssText: this.extraCssText,
-            formatter: this.formatter ? this.formatter : this.formatterTemplate ? this._formatter() : undefined,
+            formatter: this.formatter
+                ? this.formatter
+                : this.formatterTemplate
+                    ? this._formatter()
+                    : undefined,
         }, this.config ? this.config : {});
         // set series tooltip configuration in parent chart and render new configurations
         this._seriesComponent.setStateOption('tooltip', config);
@@ -225,50 +218,39 @@ class TdSeriesTooltipComponent {
         this._seriesComponent.removeStateOption('tooltip');
     }
 }
-/** @nocollapse */ /** @nocollapse */ TdSeriesTooltipComponent.ɵfac = function TdSeriesTooltipComponent_Factory(t) { return new (t || TdSeriesTooltipComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.TdSeriesDirective)); };
-/** @nocollapse */ /** @nocollapse */ TdSeriesTooltipComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TdSeriesTooltipComponent, selectors: [["td-chart-series-tooltip"]], contentQueries: function TdSeriesTooltipComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-        i0.ɵɵcontentQuery(dirIndex, TdChartTooltipFormatterDirective, 7, TemplateRef);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formatterTemplate = _t.first);
-    } }, viewQuery: function TdSeriesTooltipComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0, 7);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fullTemplate = _t.first);
-    } }, inputs: { config: "config", formatter: "formatter", position: "position", backgroundColor: "backgroundColor", borderColor: "borderColor", borderWidth: "borderWidth", padding: "padding", textStyle: "textStyle", extraCssText: "extraCssText" }, features: [i0.ɵɵNgOnChangesFeature], decls: 2, vars: 2, consts: [[3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["tooltipContent", ""]], template: function TdSeriesTooltipComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, TdSeriesTooltipComponent_ng_template_0_Template, 0, 0, "ng-template", 0, 1, i0.ɵɵtemplateRefExtractor);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngTemplateOutlet", ctx.formatterTemplate)("ngTemplateOutletContext", ctx._context);
-    } }, directives: [i2.NgTemplateOutlet], encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdSeriesTooltipComponent, [{
-        type: Component,
-        args: [{ selector: 'td-chart-series-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #tooltipContent [ngTemplateOutlet]=\"formatterTemplate\" [ngTemplateOutletContext]=\"_context\"></ng-template>\n" }]
-    }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.TdSeriesDirective }]; }, { config: [{
-            type: Input
-        }], formatter: [{
-            type: Input
-        }], position: [{
-            type: Input
-        }], backgroundColor: [{
-            type: Input
-        }], borderColor: [{
-            type: Input
-        }], borderWidth: [{
-            type: Input
-        }], padding: [{
-            type: Input
-        }], textStyle: [{
-            type: Input
-        }], extraCssText: [{
-            type: Input
-        }], formatterTemplate: [{
-            type: ContentChild,
-            args: [TdChartTooltipFormatterDirective, { read: TemplateRef, static: true }]
-        }], fullTemplate: [{
-            type: ViewChild,
-            args: ['tooltipContent', { static: true }]
-        }] }); })();
+TdSeriesTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdSeriesTooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.TdSeriesDirective }], target: i0.ɵɵFactoryTarget.Component });
+TdSeriesTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdSeriesTooltipComponent, selector: "td-chart-series-tooltip", inputs: { config: "config", formatter: "formatter", position: "position", backgroundColor: "backgroundColor", borderColor: "borderColor", borderWidth: "borderWidth", padding: "padding", textStyle: "textStyle", extraCssText: "extraCssText" }, queries: [{ propertyName: "formatterTemplate", first: true, predicate: TdChartTooltipFormatterDirective, descendants: true, read: TemplateRef, static: true }], viewQueries: [{ propertyName: "fullTemplate", first: true, predicate: ["tooltipContent"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template\n  #tooltipContent\n  [ngTemplateOutlet]=\"formatterTemplate\"\n  [ngTemplateOutletContext]=\"_context\"\n></ng-template>\n", directives: [{ type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdSeriesTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'td-chart-series-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template\n  #tooltipContent\n  [ngTemplateOutlet]=\"formatterTemplate\"\n  [ngTemplateOutletContext]=\"_context\"\n></ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.TdSeriesDirective }]; }, propDecorators: { config: [{
+                type: Input
+            }], formatter: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }], borderColor: [{
+                type: Input
+            }], borderWidth: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], textStyle: [{
+                type: Input
+            }], extraCssText: [{
+                type: Input
+            }], formatterTemplate: [{
+                type: ContentChild,
+                args: [TdChartTooltipFormatterDirective, {
+                        read: TemplateRef,
+                        static: true,
+                    }]
+            }], fullTemplate: [{
+                type: ViewChild,
+                args: ['tooltipContent', { static: true }]
+            }] } });
 
 const TOOLTIP_MODULE_COMPONENTS = [
     TdChartTooltipComponent,
@@ -277,22 +259,21 @@ const TOOLTIP_MODULE_COMPONENTS = [
 ];
 class CovalentTooltipEchartsModule {
 }
-/** @nocollapse */ /** @nocollapse */ CovalentTooltipEchartsModule.ɵfac = function CovalentTooltipEchartsModule_Factory(t) { return new (t || CovalentTooltipEchartsModule)(); };
-/** @nocollapse */ /** @nocollapse */ CovalentTooltipEchartsModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: CovalentTooltipEchartsModule });
-/** @nocollapse */ /** @nocollapse */ CovalentTooltipEchartsModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [[CommonModule]] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CovalentTooltipEchartsModule, [{
-        type: NgModule,
-        args: [{
-                imports: [CommonModule],
-                declarations: [TOOLTIP_MODULE_COMPONENTS],
-                exports: [TOOLTIP_MODULE_COMPONENTS],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CovalentTooltipEchartsModule, { declarations: [TdChartTooltipComponent,
+CovalentTooltipEchartsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentTooltipEchartsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CovalentTooltipEchartsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentTooltipEchartsModule, declarations: [TdChartTooltipComponent,
         TdChartTooltipFormatterDirective,
         TdSeriesTooltipComponent], imports: [CommonModule], exports: [TdChartTooltipComponent,
         TdChartTooltipFormatterDirective,
-        TdSeriesTooltipComponent] }); })();
+        TdSeriesTooltipComponent] });
+CovalentTooltipEchartsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentTooltipEchartsModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CovalentTooltipEchartsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [TOOLTIP_MODULE_COMPONENTS],
+                    exports: [TOOLTIP_MODULE_COMPONENTS],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.