@covalent/echarts 4.0.0-alpha.0 → 4.0.0-beta.4

package/fesm2020/covalent-echarts-toolbox.mjs

@@ -0,0 +1,175 @@
+import * as i0 from '@angular/core';
+import { Directive, TemplateRef, Component, ChangeDetectionStrategy, Input, ContentChild, ViewChild, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+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); })();
+class TdChartToolboxComponent {
+    constructor(_changeDetectorRef, _elementRef, _optionsService) {
+        this._changeDetectorRef = _changeDetectorRef;
+        this._elementRef = _elementRef;
+        this._optionsService = _optionsService;
+        this._state = {};
+        this.config = {};
+        this.show = true;
+        this.showTitle = true;
+        this.transitionDuration = 0.5;
+        this.left = 'auto';
+        this.top = 'auto';
+        this.right = 'auto';
+        this.bottom = 'auto';
+        this.width = 'auto';
+        this.height = 'auto';
+    }
+    ngOnChanges() {
+        this._setOptions();
+    }
+    ngOnDestroy() {
+        this._removeOption();
+    }
+    _setOptions() {
+        this._checkFormatterTemplate();
+        const config = assignDefined(this._state, {
+            show: this.show,
+            name: this.trigger,
+            orient: this.orient,
+            itemSize: this.itemSize,
+            itemGap: this.itemGap,
+            showTitle: this.showTitle,
+            label: this.label,
+            feature: this.feature,
+            iconStyle: this.iconStyle,
+            zlevel: this.zlevel,
+            z: this.z,
+            transitionDuration: this.transitionDuration,
+            left: this.left,
+            top: this.top,
+            right: this.right,
+            bottom: this.bottom,
+            width: this.width,
+            height: this.height,
+        }, this.config ? this.config : {});
+        // set toolbox configuration in parent chart and render new configurations
+        this._optionsService.setOption('toolbox', config);
+    }
+    _removeOption() {
+        this._optionsService.clearOption('toolbox');
+    }
+    _checkFormatterTemplate() {
+        if (this.formatterTemplate) {
+            this.feature = {
+                ...this.feature,
+                dataView: {
+                    ...this.feature.dataView,
+                    optionToContent: this._optionToContentFormatter(),
+                },
+            };
+        }
+    }
+    _optionToContentFormatter() {
+        return () => {
+            this._changeDetectorRef.markForCheck();
+            return this._elementRef.nativeElement.innerHTML;
+        };
+    }
+}
+/** @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 }]
+        }] }); })();
+
+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] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CovalentToolboxEchartsModule, TOOLBOX_MODULE_COMPONENTS, TdChartToolboxComponent, TdChartViewDataFormatterDirective };
+//# sourceMappingURL=covalent-echarts-toolbox.mjs.map

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

@@ -0,0 +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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"}

package/fesm2020/covalent-echarts-tooltip.mjs

@@ -0,0 +1,302 @@
+import * as i0 from '@angular/core';
+import { Directive, TemplateRef, Component, ChangeDetectionStrategy, Input, ContentChild, ViewChild, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+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); })();
+class TdChartTooltipComponent {
+    constructor(_changeDetectorRef, _elementRef, _optionsService) {
+        this._changeDetectorRef = _changeDetectorRef;
+        this._elementRef = _elementRef;
+        this._optionsService = _optionsService;
+        this._state = {};
+        this._context = new TdTooltipContext();
+        this.config = {};
+        this.show = true;
+        this.trigger = 'axis';
+        this.showContent = true;
+        this.alwaysShowContent = false;
+        this.triggerOn = 'mousemove|click';
+        this.showDelay = 0;
+        this.hideDelay = 0;
+        this.enterable = false;
+        this.confine = false;
+        this.transitionDuration = 0.5;
+        this.backgroundColor = 'rgba(50,50,50,0.7)'; // series
+        this.borderColor = '#333'; // series
+        this.borderWidth = 0; // series
+        this.padding = 5; // series
+        this.textStyle = {
+            // series
+            color: '#FFF',
+        };
+    }
+    ngOnChanges() {
+        this._setOptions();
+    }
+    ngOnDestroy() {
+        this._removeOption();
+    }
+    _setOptions() {
+        const config = assignDefined(this._state, {
+            show: this.show,
+            trigger: this.trigger,
+            axisPointer: this.axisPointer,
+            showContent: this.showContent,
+            alwaysShowContent: this.alwaysShowContent,
+            triggerOn: this.triggerOn,
+            showDelay: this.showDelay,
+            hideDelay: this.hideDelay,
+            enterable: this.enterable,
+            confine: this.confine,
+            transitionDuration: this.transitionDuration,
+            position: this.position,
+            formatter: this.formatter ? this.formatter : this.formatterTemplate ? this._formatter() : undefined,
+            backgroundColor: this.backgroundColor,
+            borderColor: this.borderColor,
+            borderWidth: this.borderWidth,
+            padding: this.padding,
+            textStyle: this.textStyle,
+            extraCssText: this.extraCssText,
+        }, this.config ? this.config : {});
+        // set tooltip configuration in parent chart and render new configurations
+        this._optionsService.setOption('tooltip', config);
+    }
+    _removeOption() {
+        this._optionsService.clearOption('tooltip');
+    }
+    _formatter() {
+        return (params, ticket, callback) => {
+            this._context = {
+                $implicit: params,
+                ticket,
+            };
+            // timeout set since we need to set the HTML at the end of the angular lifecycle when
+            // the tooltip delay is more than 0
+            setTimeout(() => {
+                callback(ticket, this._elementRef.nativeElement.innerHTML);
+            });
+            this._changeDetectorRef.markForCheck();
+            return this._elementRef.nativeElement.innerHTML;
+        };
+    }
+}
+/** @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 }]
+        }] }); })();
+
+const _c0 = ["tooltipContent"];
+function TdSeriesTooltipComponent_ng_template_0_Template(rf, ctx) { }
+class TdSeriesTooltipComponent {
+    constructor(_changeDetectorRef, _elementRef, _seriesComponent) {
+        this._changeDetectorRef = _changeDetectorRef;
+        this._elementRef = _elementRef;
+        this._seriesComponent = _seriesComponent;
+        this._state = {};
+        this._context = new TdTooltipContext();
+        this.backgroundColor = 'rgba(50,50,50,0.7)';
+        this.borderColor = '#333';
+        this.borderWidth = 0;
+        this.padding = 5;
+        this.textStyle = {
+            color: '#FFF',
+        };
+    }
+    ngOnChanges() {
+        this._setOptions();
+    }
+    ngOnDestroy() {
+        this._removeOption();
+    }
+    _setOptions() {
+        const config = assignDefined(this._state, {
+            position: this.position,
+            backgroundColor: this.backgroundColor,
+            borderColor: this.borderColor,
+            borderWidth: this.borderWidth,
+            padding: this.padding,
+            textStyle: this.textStyle,
+            extraCssText: this.extraCssText,
+            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);
+    }
+    /**
+     * Formatter for tooltip
+     *
+     */
+    _formatter() {
+        return (params, ticket, callback) => {
+            this._context = {
+                $implicit: params,
+                ticket,
+            };
+            // timeout set since we need to set the HTML at the end of the angular lifecycle when
+            // the tooltip delay is more than 0
+            setTimeout(() => {
+                callback(ticket, this._elementRef.nativeElement.innerHTML);
+            });
+            this._changeDetectorRef.markForCheck();
+            return this._elementRef.nativeElement.innerHTML;
+        };
+    }
+    _removeOption() {
+        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 }]
+        }] }); })();
+
+const TOOLTIP_MODULE_COMPONENTS = [
+    TdChartTooltipComponent,
+    TdChartTooltipFormatterDirective,
+    TdSeriesTooltipComponent,
+];
+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,
+        TdChartTooltipFormatterDirective,
+        TdSeriesTooltipComponent], imports: [CommonModule], exports: [TdChartTooltipComponent,
+        TdChartTooltipFormatterDirective,
+        TdSeriesTooltipComponent] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CovalentTooltipEchartsModule, TOOLTIP_MODULE_COMPONENTS, TdChartTooltipComponent, TdChartTooltipFormatterDirective, TdSeriesTooltipComponent, TdTooltipContext };
+//# sourceMappingURL=covalent-echarts-tooltip.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"covalent-echarts-tooltip.mjs","sources":["../../../../src/platform/echarts/tooltip/tooltip.component.ts","../../../../src/platform/echarts/tooltip/tooltip.component.html","../../../../src/platform/echarts/tooltip/series-tooltip.component.ts","../../../../src/platform/echarts/tooltip/tooltip.module.ts","../../../../src/platform/echarts/tooltip/covalent-echarts-tooltip.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  TdTooltipTrigger,\n  TdTooltipTriggerOn,\n  TdTooltipPosition,\n} from '@covalent/echarts/base';\n\nexport class TdTooltipContext {\n  $implicit: any;\n  ticket: string;\n}\n\n@Directive({\n  selector: 'ng-template[tdTooltipFormatter]',\n})\nexport class TdChartTooltipFormatterDirective {}\n\n@Component({\n  selector: 'td-chart-tooltip',\n  templateUrl: './tooltip.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdChartTooltipComponent implements OnChanges, OnDestroy {\n  private _state: any = {};\n\n  _context: TdTooltipContext = new TdTooltipContext();\n\n  @Input() config: any = {};\n\n  @Input() show: boolean = true;\n  @Input() trigger: TdTooltipTrigger = 'axis';\n  @Input() axisPointer: any;\n  @Input() showContent: boolean = true;\n  @Input() alwaysShowContent: boolean = false;\n  @Input() triggerOn: TdTooltipTriggerOn = 'mousemove|click';\n  @Input() showDelay: number = 0;\n  @Input() hideDelay: number = 0;\n  @Input() enterable: boolean = false;\n  @Input() renderMode: 'html' | 'richText';\n  @Input() confine: boolean = false;\n  @Input() transitionDuration: number = 0.5;\n  @Input() position: TdTooltipPosition; // series\n  @Input() formatter: string | Function; // series\n  @Input() backgroundColor: string = 'rgba(50,50,50,0.7)'; // series\n  @Input() borderColor: string = '#333'; // series\n  @Input() borderWidth: number = 0; // series\n  @Input() padding: number = 5; // series\n  @Input() textStyle: any = {\n    // series\n    color: '#FFF',\n  };\n  @Input() extraCssText: string; // series\n\n  @ContentChild(TdChartTooltipFormatterDirective, { read: TemplateRef, static: true })\n  formatterTemplate: TemplateRef<any>;\n  @ViewChild('tooltipContent', { 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    const config: any = assignDefined(\n      this._state,\n      {\n        show: this.show,\n        trigger: this.trigger,\n        axisPointer: this.axisPointer,\n        showContent: this.showContent,\n        alwaysShowContent: this.alwaysShowContent,\n        triggerOn: this.triggerOn,\n        showDelay: this.showDelay,\n        hideDelay: this.hideDelay,\n        enterable: this.enterable,\n        confine: this.confine,\n        transitionDuration: this.transitionDuration,\n        position: this.position,\n        formatter: this.formatter ? this.formatter : this.formatterTemplate ? this._formatter() : undefined,\n        backgroundColor: this.backgroundColor,\n        borderColor: this.borderColor,\n        borderWidth: this.borderWidth,\n        padding: this.padding,\n        textStyle: this.textStyle,\n        extraCssText: this.extraCssText,\n      },\n      this.config ? this.config : {},\n    );\n    // set tooltip configuration in parent chart and render new configurations\n    this._optionsService.setOption('tooltip', config);\n  }\n\n  private _removeOption(): void {\n    this._optionsService.clearOption('tooltip');\n  }\n\n  private _formatter(): (params: any, ticket: any, callback: (ticket: string, html: string) => void) => string {\n    return (params: any, ticket: any, callback: (ticket: string, html: string) => void) => {\n      this._context = {\n        $implicit: params,\n        ticket,\n      };\n      // timeout set since we need to set the HTML at the end of the angular lifecycle when\n      // the tooltip delay is more than 0\n      setTimeout(() => {\n        callback(ticket, (<HTMLElement>this._elementRef.nativeElement).innerHTML);\n      });\n      this._changeDetectorRef.markForCheck();\n      return (<HTMLElement>this._elementRef.nativeElement).innerHTML;\n    };\n  }\n}\n","<ng-template #tooltipContent [ngTemplateOutlet]=\"formatterTemplate\" [ngTemplateOutletContext]=\"_context\"></ng-template>\n","import {\n  Component,\n  Input,\n  ContentChild,\n  ViewChild,\n  TemplateRef,\n  ChangeDetectorRef,\n  ElementRef,\n  ChangeDetectionStrategy,\n  OnChanges,\n  OnDestroy,\n} from '@angular/core';\n\nimport { assignDefined, TdSeriesDirective } from '@covalent/echarts/base';\n\nimport { TdChartTooltipFormatterDirective, TdTooltipContext } from './tooltip.component';\n\n@Component({\n  selector: 'td-chart-series-tooltip',\n  templateUrl: './tooltip.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdSeriesTooltipComponent implements OnChanges, OnDestroy {\n  private _state: any = {};\n\n  _context: TdTooltipContext = new TdTooltipContext();\n\n  @Input() config: any;\n\n  @Input() formatter: any;\n  // Parent tooltip trigger must be set to 'item' to render these properties\n  @Input() position: string | string[] | number[];\n  @Input() backgroundColor: string = 'rgba(50,50,50,0.7)';\n  @Input() borderColor: string = '#333';\n  @Input() borderWidth: number = 0;\n  @Input() padding: number = 5;\n  @Input() textStyle: any = {\n    color: '#FFF',\n  };\n  @Input() extraCssText: string;\n\n  @ContentChild(TdChartTooltipFormatterDirective, { read: TemplateRef, static: true })\n  formatterTemplate: TemplateRef<any>;\n  @ViewChild('tooltipContent', { static: true }) fullTemplate: TemplateRef<any>;\n\n  constructor(\n    private _changeDetectorRef: ChangeDetectorRef,\n    private _elementRef: ElementRef,\n    private _seriesComponent: TdSeriesDirective,\n  ) {}\n\n  ngOnChanges(): void {\n    this._setOptions();\n  }\n\n  ngOnDestroy(): void {\n    this._removeOption();\n  }\n\n  private _setOptions(): void {\n    const config: any = assignDefined(\n      this._state,\n      {\n        position: this.position,\n        backgroundColor: this.backgroundColor,\n        borderColor: this.borderColor,\n        borderWidth: this.borderWidth,\n        padding: this.padding,\n        textStyle: this.textStyle,\n        extraCssText: this.extraCssText,\n        formatter: this.formatter ? this.formatter : this.formatterTemplate ? this._formatter() : undefined,\n      },\n      this.config ? this.config : {},\n    );\n    // set series tooltip configuration in parent chart and render new configurations\n    this._seriesComponent.setStateOption('tooltip', config);\n  }\n\n  /**\n   * Formatter for tooltip\n   *\n   */\n  private _formatter(): (params: any, ticket: any, callback: (ticket: string, html: string) => void) => string {\n    return (params: any, ticket: any, callback: (ticket: string, html: string) => void) => {\n      this._context = {\n        $implicit: params,\n        ticket,\n      };\n      // timeout set since we need to set the HTML at the end of the angular lifecycle when\n      // the tooltip delay is more than 0\n      setTimeout(() => {\n        callback(ticket, (<HTMLElement>this._elementRef.nativeElement).innerHTML);\n      });\n      this._changeDetectorRef.markForCheck();\n      return (<HTMLElement>this._elementRef.nativeElement).innerHTML;\n    };\n  }\n\n  private _removeOption(): void {\n    this._seriesComponent.removeStateOption('tooltip');\n  }\n}\n","import { NgModule, Type } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { TdChartTooltipComponent, TdChartTooltipFormatterDirective } from './tooltip.component';\nimport { TdSeriesTooltipComponent } from './series-tooltip.component';\n\nexport const TOOLTIP_MODULE_COMPONENTS: Type<any>[] = [\n  TdChartTooltipComponent,\n  TdChartTooltipFormatterDirective,\n  TdSeriesTooltipComponent,\n];\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [TOOLTIP_MODULE_COMPONENTS],\n  exports: [TOOLTIP_MODULE_COMPONENTS],\n})\nexport class CovalentTooltipEchartsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}