@tetacom/svg-charts 1.1.9 → 1.1.12

package/chart/base/series-base.component.d.ts

@@ -4,7 +4,6 @@ import { Series } from '../model/series';
 import { BasePoint } from '../model/base-point';
 import { ScaleService } from '../service/scale.service';
 import { ZoomService } from '../service/zoom.service';
-import { Observable } from 'rxjs';
 import { IChartConfig } from '../model/i-chart-config';
 import * as i0 from "@angular/core";
 export declare class SeriesBaseComponent<T extends BasePoint> implements OnInit {
@@ -13,15 +12,14 @@ export declare class SeriesBaseComponent<T extends BasePoint> implements OnInit
     protected scaleService: ScaleService;
     protected zoomService: ZoomService;
     protected element: ElementRef;
-    config: IChartConfig;
+    set config(config: IChartConfig);
+    get config(): IChartConfig;
     set series(series: Series<T>);
     get series(): Series<T>;
-    size: DOMRect;
-    rect: any;
-    zoom: Observable<any>;
     protected _series: Series<T>;
+    protected _config: IChartConfig;
     constructor(svc: ChartService, cdr: ChangeDetectorRef, scaleService: ScaleService, zoomService: ZoomService, element: ElementRef);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SeriesBaseComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SeriesBaseComponent<any>, "ng-component", never, { "config": "config"; "series": "series"; "size": "size"; "rect": "rect"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SeriesBaseComponent<any>, "ng-component", never, { "config": "config"; "series": "series"; }, {}, never, never>;
 }

package/chart/chart/chart.component.d.ts

@@ -4,18 +4,22 @@ import { IChartConfig } from '../model/i-chart-config';
 import { BasePoint } from '../model/base-point';
 import { Series } from '../model/series';
 import { ZoomService } from '../service/zoom.service';
+import { ScaleService } from '../service/scale.service';
 import { IChartEvent } from '../model/i-chart-event';
 import { PlotLine } from '../model/plot-line';
 import { PlotBand } from '../model/plot-band';
 import { IPointMove } from '../model/i-point-move';
 import { Observable } from 'rxjs';
+import { Annotation } from '../model/annotation';
 import * as i0 from "@angular/core";
 export declare class ChartComponent implements OnInit, OnChanges, OnDestroy {
-    private _svc;
+    chartService: ChartService;
     private _zoomService;
+    private _scaleService;
     legendSeries: Array<Series<BasePoint>>;
     hasSeriesData: Observable<boolean>;
     svcConfig: Observable<IChartConfig>;
+    pointerMove: EventEmitter<IChartEvent<Map<number, number>>>;
     plotBandsMove: EventEmitter<IChartEvent<PlotBand>>;
     plotBandClick: EventEmitter<IChartEvent<PlotBand>>;
     plotBandContextMenu: EventEmitter<IChartEvent<PlotBand>>;
@@ -23,13 +27,16 @@ export declare class ChartComponent implements OnInit, OnChanges, OnDestroy {
     pointMove: EventEmitter<IChartEvent<IPointMove>>;
     chartClick: EventEmitter<IChartEvent<BasePoint>>;
     chartContextMenu: EventEmitter<IChartEvent<BasePoint>>;
+    annotationContextMenu: EventEmitter<IChartEvent<Annotation>>;
+    annotationClick: EventEmitter<IChartEvent<Annotation>>;
+    annotationMove: EventEmitter<IChartEvent<Annotation>>;
     set config(config: IChartConfig);
     private _alive;
-    constructor(_svc: ChartService, _zoomService: ZoomService);
+    constructor(chartService: ChartService, _zoomService: ZoomService, _scaleService: ScaleService);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChartComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChartComponent, "teta-svg-chart", never, { "config": "config"; }, { "plotBandsMove": "plotBandsMove"; "plotBandClick": "plotBandClick"; "plotBandContextMenu": "plotBandContextMenu"; "plotLinesMove": "plotLinesMove"; "pointMove": "pointMove"; "chartClick": "chartClick"; "chartContextMenu": "chartContextMenu"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartComponent, "teta-svg-chart", never, { "config": "config"; }, { "pointerMove": "pointerMove"; "plotBandsMove": "plotBandsMove"; "plotBandClick": "plotBandClick"; "plotBandContextMenu": "plotBandContextMenu"; "plotLinesMove": "plotLinesMove"; "pointMove": "pointMove"; "chartClick": "chartClick"; "chartContextMenu": "chartContextMenu"; "annotationContextMenu": "annotationContextMenu"; "annotationClick": "annotationClick"; "annotationMove": "annotationMove"; }, never, never>;
 }

package/chart/chart-container/annotation/annotation.component.d.ts

@@ -1,18 +1,27 @@
-import { ElementRef, OnInit, SimpleChanges } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, OnDestroy } from '@angular/core';
 import { Annotation } from '../../model/annotation';
+import { Observable } from 'rxjs';
+import { ScaleService } from '../../service/scale.service';
+import { ChartService } from '../../service/chart.service';
 import * as i0 from "@angular/core";
-export declare class AnnotationComponent implements OnInit {
-    annotations: Annotation[];
-    xScaleMap: Map<number, any>;
-    yScaleMap: Map<number, any>;
-    node: ElementRef;
+export declare class AnnotationComponent implements OnDestroy {
+    private scaleService;
+    private cdr;
+    private chartService;
+    set annotation(annotation: Annotation);
+    get annotation(): Annotation;
+    set node(node: ElementRef);
+    get node(): ElementRef;
+    x: Observable<any>;
+    y: Observable<any>;
+    private drag;
+    private _annotation;
     private _node;
-    private _makeAnnotations;
-    constructor();
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    drawAnnotations(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    constructor(scaleService: ScaleService, cdr: ChangeDetectorRef, chartService: ChartService);
+    click(event: MouseEvent): void;
+    contextMenu(event: MouseEvent): void;
+    ngOnDestroy(): void;
+    private init;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnotationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnnotationComponent, "[teta-annotation]", never, { "annotations": "annotations"; "xScaleMap": "xScaleMap"; "yScaleMap": "yScaleMap"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnotationComponent, "[teta-annotation]", never, { "annotation": "annotation"; }, {}, never, never>;
 }

package/chart/chart-container/chart-container.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, ElementRef, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { IChartConfig } from '../model/i-chart-config';
 import { ChartService } from '../service/chart.service';
 import { Observable } from 'rxjs';
@@ -6,7 +6,7 @@ import { Axis } from '../core/axis/axis';
 import { ScaleService } from '../service/scale.service';
 import { ZoomService } from '../service/zoom.service';
 import * as i0 from "@angular/core";
-export declare class ChartContainerComponent implements OnInit {
+export declare class ChartContainerComponent implements OnInit, OnDestroy {
     private _svc;
     private _cdr;
     private _scaleService;
@@ -25,7 +25,7 @@ export declare class ChartContainerComponent implements OnInit {
     private filterPositionMap;
     constructor(_svc: ChartService, _cdr: ChangeDetectorRef, _scaleService: ScaleService, _zoomService: ZoomService, _elementRef: ElementRef);
     ngOnInit(): void;
-    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     private sumSize;
     getTranslate(axis?: Axis, size?: DOMRect): Observable<string>;
     identify(index: any, item: any): any;

package/chart/chart-container/gridlines/gridlines.component.d.ts

@@ -1,14 +1,16 @@
 import { SimpleChanges } from '@angular/core';
+import { IChartConfig } from "../../model/i-chart-config";
 import * as i0 from "@angular/core";
 export declare class GridlinesComponent {
     size: DOMRect;
     xScaleMap: Map<number, any>;
     yScaleMap: Map<number, any>;
+    config: IChartConfig;
     tickYValues: number[];
     tickXValues: number[];
     constructor();
     draw(): void;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GridlinesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GridlinesComponent, "[teta-gridlines]", never, { "size": "size"; "xScaleMap": "xScaleMap"; "yScaleMap": "yScaleMap"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GridlinesComponent, "[teta-gridlines]", never, { "size": "size"; "xScaleMap": "xScaleMap"; "yScaleMap": "yScaleMap"; "config": "config"; }, {}, never, never>;
 }

package/chart/chart-container/plotband/plot-band.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy } from '@angular/core';
 import { PlotBand } from '../../model/plot-band';
 import { ScaleService } from '../../service/scale.service';
 import { Axis } from '../../core/axis/axis';
@@ -7,7 +7,7 @@ import { AxisOrientation } from '../../model/enum/axis-orientation';
 import { IChartEvent } from '../../model/i-chart-event';
 import { ChartService } from '../../service/chart.service';
 import * as i0 from "@angular/core";
-export declare class PlotBandComponent implements AfterViewInit {
+export declare class PlotBandComponent implements AfterViewInit, OnDestroy {
     private scaleService;
     private zoomService;
     private chartService;
@@ -18,12 +18,15 @@ export declare class PlotBandComponent implements AfterViewInit {
     scale: any;
     size: DOMRect;
     orientation: typeof AxisOrientation;
+    resizeElements: any;
+    dragElements: any;
     domain: number[];
     constructor(scaleService: ScaleService, zoomService: ZoomService, chartService: ChartService, cdr: ChangeDetectorRef, element: ElementRef);
     click(event: MouseEvent): void;
     contextMenu(event: MouseEvent): void;
     emit(event: IChartEvent<PlotBand>): void;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     get bandSize(): number;
     get height(): number;
     get width(): number;

package/chart/chart-container/plotline/plotline.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, ElementRef, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { PlotLine } from '../../model/plot-line';
 import { Axis } from '../../core/axis/axis';
 import { AxisOrientation } from '../../model/enum/axis-orientation';
@@ -7,7 +7,7 @@ import { ScaleService } from '../../service/scale.service';
 import { IChartEvent } from '../../model/i-chart-event';
 import { ChartService } from '../../service/chart.service';
 import * as i0 from "@angular/core";
-export declare class PlotlineComponent implements OnInit {
+export declare class PlotlineComponent implements OnInit, OnDestroy {
     private cdr;
     private zoomService;
     private scaleService;
@@ -18,9 +18,11 @@ export declare class PlotlineComponent implements OnInit {
     axis: Axis;
     scale: any;
     orientation: typeof AxisOrientation;
+    dragElements: any;
     private _domain;
     constructor(cdr: ChangeDetectorRef, zoomService: ZoomService, scaleService: ScaleService, chartService: ChartService, element: ElementRef);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     emit(event: IChartEvent<PlotLine>): void;
     get value(): any;
     get height(): number;

package/chart/chart-container/series/area-series/area-series.component.d.ts

@@ -1,32 +1,24 @@
-import { ChangeDetectorRef, ElementRef, OnInit } from '@angular/core';
-import { SeriesBaseComponent } from '../../../base/series-base.component';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { BasePoint } from '../../../model/base-point';
 import { ChartService } from '../../../service/chart.service';
 import { ScaleService } from '../../../service/scale.service';
 import { ZoomService } from '../../../service/zoom.service';
-import { Observable } from 'rxjs';
 import { FillDirection, FillType } from '../../../model/enum/fill-type';
+import { LinearSeriesBase } from '../linear-series-base';
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class AreaSeriesComponent<T extends BasePoint> extends SeriesBaseComponent<T> implements OnInit {
+export declare class AreaSeriesComponent<T extends BasePoint> extends LinearSeriesBase<T> implements OnInit, AfterViewInit, OnDestroy {
     protected svc: ChartService;
     protected cdr: ChangeDetectorRef;
     protected scaleService: ScaleService;
     protected zoomService: ZoomService;
     protected element: ElementRef;
-    transform: Observable<Pick<BasePoint, 'x' | 'y'>>;
-    display: Observable<number>;
-    path: Observable<string>;
-    svgElement: SVGGeometryElement;
-    x: any;
-    y: any;
-    id: string;
+    areaPath: Observable<string>;
     fillDirection: typeof FillDirection;
     fillType: typeof FillType;
+    id: string;
     constructor(svc: ChartService, cdr: ChangeDetectorRef, scaleService: ScaleService, zoomService: ZoomService, element: ElementRef);
     ngOnInit(): void;
-    ngAfterViewInit(): void;
-    getMarkers(): T[];
-    getTransform(event: any, x: Map<number, any>, y: Map<number, any>): Pick<BasePoint, 'x' | 'y'>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AreaSeriesComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AreaSeriesComponent<any>, "svg:svg[teta-area-series]", never, {}, {}, never, never>;
 }

package/chart/chart-container/series/line/line-series.component.d.ts

@@ -1,28 +1,17 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, OnInit } from '@angular/core';
-import { SeriesBaseComponent } from '../../../base/series-base.component';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { ChartService } from '../../../service/chart.service';
 import { BasePoint } from '../../../model/base-point';
 import { ScaleService } from '../../../service/scale.service';
-import { Observable } from 'rxjs';
 import { ZoomService } from '../../../service/zoom.service';
+import { LinearSeriesBase } from '../linear-series-base';
 import * as i0 from "@angular/core";
-export declare class LineSeriesComponent<T extends BasePoint> extends SeriesBaseComponent<T> implements OnInit, AfterViewInit {
+export declare class LineSeriesComponent<T extends BasePoint> extends LinearSeriesBase<T> implements OnInit, AfterViewInit, OnDestroy {
     protected svc: ChartService;
     protected cdr: ChangeDetectorRef;
     protected scaleService: ScaleService;
     protected zoomService: ZoomService;
     protected element: ElementRef;
-    transform: Observable<Pick<BasePoint, 'x' | 'y'>>;
-    display: Observable<number>;
-    path: Observable<string>;
-    svgElement: SVGGeometryElement;
-    x: any;
-    y: any;
     constructor(svc: ChartService, cdr: ChangeDetectorRef, scaleService: ScaleService, zoomService: ZoomService, element: ElementRef);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    getMarkers(): T[];
-    getTransform(event: any, scaleX: Map<number, any>, scaleY: Map<number, any>): Pick<BasePoint, 'x' | 'y'>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LineSeriesComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LineSeriesComponent<any>, "svg:svg[teta-line-series]", never, {}, {}, never, never>;
 }

package/chart/chart-container/series/linear-series-base.d.ts

@@ -0,0 +1,30 @@
+import { BasePoint } from '../../model/base-point';
+import { SeriesBaseComponent } from '../../base/series-base.component';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { ChartService } from '../../service/chart.service';
+import { ScaleService } from '../../service/scale.service';
+import { ZoomService } from '../../service/zoom.service';
+import * as i0 from "@angular/core";
+export declare class LinearSeriesBase<T extends BasePoint> extends SeriesBaseComponent<T> implements OnInit, AfterViewInit, OnDestroy {
+    protected svc: ChartService;
+    protected cdr: ChangeDetectorRef;
+    protected scaleService: ScaleService;
+    protected zoomService: ZoomService;
+    protected element: ElementRef;
+    transform: Observable<Pick<BasePoint, 'x' | 'y'>>;
+    display: Observable<number>;
+    path: Observable<string>;
+    svgElement: SVGGeometryElement;
+    x: any;
+    y: any;
+    markers: any;
+    constructor(svc: ChartService, cdr: ChangeDetectorRef, scaleService: ScaleService, zoomService: ZoomService, element: ElementRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    getMarkers(): T[];
+    getTransform(event: any, scaleX: Map<number, any>, scaleY: Map<number, any>): Pick<BasePoint, 'x' | 'y'>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinearSeriesBase<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinearSeriesBase<any>, "ng-component", never, {}, {}, never, never>;
+}

package/chart/chart-container/series-host/series-host.component.d.ts

@@ -1,22 +1,18 @@
-import { OnInit, SimpleChanges, ViewContainerRef } from '@angular/core';
+import { OnDestroy, OnInit, SimpleChanges, ViewContainerRef } from '@angular/core';
 import { Series } from '../../model/series';
 import { BasePoint } from '../../model/base-point';
-import { ChartService } from '../../service/chart.service';
 import { IChartConfig } from '../../model/i-chart-config';
 import * as i0 from "@angular/core";
-export declare class SeriesHostComponent<T extends BasePoint> implements OnInit {
+export declare class SeriesHostComponent<T extends BasePoint> implements OnInit, OnDestroy {
     private viewContainerRef;
-    private chartService;
     config: IChartConfig;
     series: Series<T>;
-    size: DOMRect;
-    rect: any;
     private _init;
     private _componentRef;
-    constructor(viewContainerRef: ViewContainerRef, chartService: ChartService);
+    constructor(viewContainerRef: ViewContainerRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SeriesHostComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SeriesHostComponent<any>, "[teta-series-host]", never, { "config": "config"; "series": "series"; "size": "size"; "rect": "rect"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SeriesHostComponent<any>, "[teta-series-host]", never, { "config": "config"; "series": "series"; }, {}, never, never>;
 }

package/chart/chart-container/tooltip/tooltip.component.d.ts

@@ -23,7 +23,7 @@ export declare class TooltipComponent implements OnInit {
     display: Observable<number>;
     constructor(svc: ChartService, cdr: ChangeDetectorRef, zoomService: ZoomService, sanitizer: DomSanitizer, _zone: NgZone);
     ngOnInit(): void;
-    private getPoisition;
+    private getPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "teta-tooltip", never, { "size": "size"; "config": "config"; }, {}, never, never>;
 }

package/chart/chart.module.d.ts

@@ -4,24 +4,25 @@ import * as i2 from "./chart-container/series-host/series-host.component";
 import * as i3 from "./chart-container/chart-container.component";
 import * as i4 from "./legend/legend.component";
 import * as i5 from "./base/series-base.component";
-import * as i6 from "./chart-container/series/line/line-series.component";
-import * as i7 from "./chart-container/gridlines/gridlines.component";
-import * as i8 from "./chart-container/x-axis/x-axis.component";
-import * as i9 from "./chart-container/y-axis/y-axis.component";
-import * as i10 from "./chart-container/plotline/plotline.component";
-import * as i11 from "./chart-container/plotband/plot-band.component";
-import * as i12 from "./chart-container/series/bar/bar-series.component";
-import * as i13 from "./chart-container/tooltip/tooltip.component";
-import * as i14 from "./directives/zoomable.directive";
-import * as i15 from "./directives/brushable.directive";
-import * as i16 from "./chart-container/series/area-series/area-series.component";
-import * as i17 from "./chart-container/series/scatter-series/scatter-series.component";
-import * as i18 from "./chart-container/series/block-series/block-series.component";
-import * as i19 from "./chart-container/series/block-area-series/block-area-series.component";
-import * as i20 from "./chart-container/annotation/annotation.component";
-import * as i21 from "@angular/common";
+import * as i6 from "./chart-container/series/linear-series-base";
+import * as i7 from "./chart-container/series/line/line-series.component";
+import * as i8 from "./chart-container/gridlines/gridlines.component";
+import * as i9 from "./chart-container/x-axis/x-axis.component";
+import * as i10 from "./chart-container/y-axis/y-axis.component";
+import * as i11 from "./chart-container/plotline/plotline.component";
+import * as i12 from "./chart-container/plotband/plot-band.component";
+import * as i13 from "./chart-container/series/bar/bar-series.component";
+import * as i14 from "./chart-container/tooltip/tooltip.component";
+import * as i15 from "./directives/zoomable.directive";
+import * as i16 from "./directives/brushable.directive";
+import * as i17 from "./chart-container/series/area-series/area-series.component";
+import * as i18 from "./chart-container/series/scatter-series/scatter-series.component";
+import * as i19 from "./chart-container/series/block-series/block-series.component";
+import * as i20 from "./chart-container/series/block-area-series/block-area-series.component";
+import * as i21 from "./chart-container/annotation/annotation.component";
+import * as i22 from "@angular/common";
 export declare class ChartModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ChartModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ChartModule, [typeof i1.ChartComponent, typeof i2.SeriesHostComponent, typeof i3.ChartContainerComponent, typeof i4.LegendComponent, typeof i5.SeriesBaseComponent, typeof i6.LineSeriesComponent, typeof i7.GridlinesComponent, typeof i8.XAxisComponent, typeof i9.YAxisComponent, typeof i10.PlotlineComponent, typeof i11.PlotBandComponent, typeof i12.BarSeriesComponent, typeof i13.TooltipComponent, typeof i14.ZoomableDirective, typeof i15.BrushableDirective, typeof i16.AreaSeriesComponent, typeof i17.ScatterSeriesComponent, typeof i18.BlockSeriesComponent, typeof i19.BlockAreaSeriesComponent, typeof i20.AnnotationComponent], [typeof i21.CommonModule], [typeof i1.ChartComponent, typeof i4.LegendComponent, typeof i5.SeriesBaseComponent, typeof i6.LineSeriesComponent, typeof i12.BarSeriesComponent, typeof i17.ScatterSeriesComponent, typeof i16.AreaSeriesComponent, typeof i18.BlockSeriesComponent, typeof i19.BlockAreaSeriesComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ChartModule, [typeof i1.ChartComponent, typeof i2.SeriesHostComponent, typeof i3.ChartContainerComponent, typeof i4.LegendComponent, typeof i5.SeriesBaseComponent, typeof i6.LinearSeriesBase, typeof i7.LineSeriesComponent, typeof i8.GridlinesComponent, typeof i9.XAxisComponent, typeof i10.YAxisComponent, typeof i11.PlotlineComponent, typeof i12.PlotBandComponent, typeof i13.BarSeriesComponent, typeof i14.TooltipComponent, typeof i15.ZoomableDirective, typeof i16.BrushableDirective, typeof i17.AreaSeriesComponent, typeof i18.ScatterSeriesComponent, typeof i19.BlockSeriesComponent, typeof i20.BlockAreaSeriesComponent, typeof i21.AnnotationComponent], [typeof i22.CommonModule], [typeof i1.ChartComponent, typeof i4.LegendComponent, typeof i5.SeriesBaseComponent, typeof i7.LineSeriesComponent, typeof i13.BarSeriesComponent, typeof i18.ScatterSeriesComponent, typeof i17.AreaSeriesComponent, typeof i19.BlockSeriesComponent, typeof i20.BlockAreaSeriesComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ChartModule>;
 }

package/chart/directives/zoomable.directive.d.ts

@@ -1,13 +1,15 @@
-import { ElementRef, OnDestroy, SimpleChanges } from '@angular/core';
+import { ElementRef, NgZone, OnDestroy, SimpleChanges } from '@angular/core';
 import { ZoomService } from '../service/zoom.service';
 import { IChartConfig } from '../model/i-chart-config';
 import { Axis } from '../core/axis/axis';
-import { BroadcastService } from "../service/broadcast.service";
+import { D3ZoomEvent } from 'd3';
+import { BroadcastService } from '../service/broadcast.service';
 import * as i0 from "@angular/core";
 export declare class ZoomableDirective implements OnDestroy {
     private elementRef;
     private zoomService;
     private broadcastService;
+    private zone;
     config?: IChartConfig;
     axis?: Axis;
     size?: DOMRect;
@@ -17,11 +19,16 @@ export declare class ZoomableDirective implements OnDestroy {
     private zoomAxis;
     private zoom;
     private alive;
-    constructor(elementRef: ElementRef, zoomService: ZoomService, broadcastService: BroadcastService);
+    private currentTransform;
+    private currentSelection;
+    private originScale;
+    constructor(elementRef: ElementRef, zoomService: ZoomService, broadcastService: BroadcastService, zone: NgZone);
     ngOnInit(): void;
-    ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    zoomed: (event: D3ZoomEvent<any, any>) => void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    private updateZoom;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZoomableDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ZoomableDirective, "[tetaZoomable]", never, { "config": "config"; "axis": "axis"; "size": "size"; "brushScale": "brushScale"; }, {}, never>;
 }

package/chart/model/annotation.d.ts

@@ -1,31 +1,21 @@
-import { annotationBadge, annotationCallout, annotationCalloutCircle, annotationCalloutCurve, annotationCalloutElbow, annotationCalloutRect, annotationCustomType, annotationLabel, annotationXYThreshold } from 'd3-svg-annotation';
 import { BasePoint } from './base-point';
 import { SvgAttributes } from './svg-attributes';
-declare const annotationMap: readonly [typeof annotationBadge, typeof annotationLabel, typeof annotationCallout, typeof annotationCalloutCircle, typeof annotationCalloutCurve, typeof annotationCalloutElbow, typeof annotationCalloutRect, typeof annotationCustomType, typeof annotationXYThreshold];
-declare type AnnotationTypes = typeof annotationMap[number];
+import { TemplateRef } from '@angular/core';
 export interface Annotation {
+    id?: number | string;
     point: BasePoint;
-    yAxisIndex: number;
-    xAxisIndex: number;
-    type?: AnnotationTypes;
-    enabled?: boolean;
+    draggable?: boolean;
+    yAxisIndex?: number;
+    xAxisIndex?: number;
     dx?: number;
     dy?: number;
     className?: string;
-    connector?: {
-        end: string;
-    };
     note?: {
         label?: string;
         title?: string;
-        bgPadding?: {
-            top?: number;
-            right?: number;
-            bottom?: number;
-            left?: number;
-        };
-        bgRadius?: boolean;
+        hint?: string;
     };
     style?: SvgAttributes;
+    data?: any;
+    template?: TemplateRef<any>;
 }
-export {};

package/chart/model/i-chart-config.d.ts

@@ -14,12 +14,14 @@ export interface IChartConfig {
         type: ZoomType;
         axisIndex?: number;
         syncChannel?: string;
+        limit?: number;
     };
     brush?: {
         enable?: boolean;
         type: BrushType;
         from?: number;
         to?: number;
+        limit?: number;
     };
     legend?: {
         enable?: boolean;
@@ -30,7 +32,11 @@ export interface IChartConfig {
     xAxis: AxisOptions[];
     yAxis: AxisOptions[];
     annotations?: Annotation[];
-    gridLines?: boolean;
+    gridLines?: {
+        enable?: boolean;
+        showX?: boolean;
+        showY?: boolean;
+    };
     width?: number;
     height?: number;
 }

package/chart/model/series.d.ts

@@ -13,6 +13,7 @@ export interface Series<T extends BasePoint> {
     component?: typeof SeriesBaseComponent;
     visible?: boolean;
     color?: string;
+    colorScale?: any;
     fillType?: FillType;
     fillDirection?: FillDirection;
     showInLegend?: boolean;

package/chart/service/brush.service.d.ts

@@ -1,15 +1,16 @@
-import { ElementRef } from '@angular/core';
+import { ElementRef, NgZone } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { BroadcastService } from './broadcast.service';
 import { IChartConfig } from '../model/i-chart-config';
 import * as i0 from "@angular/core";
 export declare class BrushService {
     private broadcastService;
+    private zone;
     broadcastSubscribtion: Subscription;
     private brush;
     private brushMap;
     private selection;
-    constructor(broadcastService: BroadcastService);
+    constructor(broadcastService: BroadcastService, zone: NgZone);
     applyBrush(svgElement: ElementRef, config: IChartConfig, brushScale: any): void;
     clearPreviousSelection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BrushService, never>;

package/chart/service/chart.service.d.ts

@@ -7,6 +7,7 @@ import { PlotLine } from '../model/plot-line';
 import { IPointMove } from '../model/i-point-move';
 import { BasePoint } from '../model/base-point';
 import { Series } from '../model/series';
+import { Annotation } from "../model/annotation";
 import * as i0 from "@angular/core";
 export declare class ChartService {
     config: Observable<IChartConfig>;
@@ -18,6 +19,9 @@ export declare class ChartService {
     plotBandClick: Observable<IChartEvent<PlotBand>>;
     plotBandContextMenu: Observable<IChartEvent<PlotBand>>;
     pointMove: Observable<IChartEvent<IPointMove>>;
+    annotationMove: Observable<IChartEvent<Annotation>>;
+    annotationClick: Observable<IChartEvent<Annotation>>;
+    annotationContextMenu: Observable<IChartEvent<Annotation>>;
     chartClick: Observable<IChartEvent<BasePoint>>;
     chartContextMenu: Observable<IChartEvent<BasePoint>>;
     private config$;
@@ -29,12 +33,16 @@ export declare class ChartService {
     private pointMove$;
     private chartClick$;
     private chartContextMenu$;
+    private annotationEvent$;
+    private annotationMove$;
     constructor();
     setConfig(config: IChartConfig): void;
     setSize(size: DOMRect): void;
     setPointerMove(event: PointerEvent): void;
     setTooltip(tooltip: IDisplayTooltip): void;
     clearTooltips(): void;
+    emitMoveAnnotation(event: IChartEvent<Annotation>): void;
+    emitAnnotation(event: IChartEvent<Annotation>): void;
     emitPlotband(event: IChartEvent<PlotBand>): void;
     emitPlotline(event: IChartEvent<PlotLine>): void;
     emitPoint(event: IChartEvent<IPointMove>): void;

package/esm2020/chart/base/series-base.component.mjs

@@ -11,6 +11,12 @@ export class SeriesBaseComponent {
         this.zoomService = zoomService;
         this.element = element;
     }
+    set config(config) {
+        this._config = config;
+    }
+    get config() {
+        return this._config;
+    }
     set series(series) {
         this._series = series;
     }
@@ -21,7 +27,7 @@ export class SeriesBaseComponent {
     }
 }
 SeriesBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: SeriesBaseComponent, deps: [{ token: i1.ChartService }, { token: i0.ChangeDetectorRef }, { token: i2.ScaleService }, { token: i3.ZoomService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-SeriesBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: SeriesBaseComponent, selector: "ng-component", inputs: { config: "config", series: "series", size: "size", rect: "rect" }, ngImport: i0, template: '', isInline: true });
+SeriesBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: SeriesBaseComponent, selector: "ng-component", inputs: { config: "config", series: "series" }, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: SeriesBaseComponent, decorators: [{
             type: Component,
             args: [{
@@ -31,9 +37,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
                 type: Input
             }], series: [{
                 type: Input
-            }], size: [{
-                type: Input
-            }], rect: [{
-                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VyaWVzLWJhc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NoYXJ0L2Jhc2Uvc2VyaWVzLWJhc2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBRVQsS0FBSyxHQUVOLE1BQU0sZUFBZSxDQUFDOzs7OztBQVl2QixNQUFNLE9BQU8sbUJBQW1CO0lBa0I5QixZQUNZLEdBQWlCLEVBQ2pCLEdBQXNCLEVBQ3RCLFlBQTBCLEVBQzFCLFdBQXdCLEVBQ3hCLE9BQW1CO1FBSm5CLFFBQUcsR0FBSCxHQUFHLENBQWM7UUFDakIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDdEIsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDMUIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFDeEIsWUFBTyxHQUFQLE9BQU8sQ0FBWTtJQUUvQixDQUFDO0lBdEJELElBQ0ksTUFBTSxDQUFDLE1BQWlCO1FBQzFCLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQWlCRCxRQUFRO0lBQ1IsQ0FBQzs7Z0hBNUJVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLGdJQUZwQixFQUFFOzJGQUVELG1CQUFtQjtrQkFIL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsRUFBRTtpQkFDYjtpTkFFVSxNQUFNO3NCQUFkLEtBQUs7Z0JBR0YsTUFBTTtzQkFEVCxLQUFLO2dCQVNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBJbnB1dCxcbiAgT25Jbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q2hhcnRTZXJ2aWNlfSBmcm9tICcuLi9zZXJ2aWNlL2NoYXJ0LnNlcnZpY2UnO1xuaW1wb3J0IHtTZXJpZXN9IGZyb20gJy4uL21vZGVsL3Nlcmllcyc7XG5pbXBvcnQge0Jhc2VQb2ludH0gZnJvbSAnLi4vbW9kZWwvYmFzZS1wb2ludCc7XG5pbXBvcnQge1NjYWxlU2VydmljZX0gZnJvbSAnLi4vc2VydmljZS9zY2FsZS5zZXJ2aWNlJztcbmltcG9ydCB7Wm9vbVNlcnZpY2V9IGZyb20gJy4uL3NlcnZpY2Uvem9vbS5zZXJ2aWNlJztcbmltcG9ydCB7T2JzZXJ2YWJsZX0gZnJvbSAncnhqcyc7XG5pbXBvcnQge0lDaGFydENvbmZpZ30gZnJvbSAnLi4vbW9kZWwvaS1jaGFydC1jb25maWcnO1xuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGU6ICcnLFxufSlcbmV4cG9ydCBjbGFzcyBTZXJpZXNCYXNlQ29tcG9uZW50PFQgZXh0ZW5kcyBCYXNlUG9pbnQ+IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgY29uZmlnOiBJQ2hhcnRDb25maWc7XG5cbiAgQElucHV0KClcbiAgc2V0IHNlcmllcyhzZXJpZXM6IFNlcmllczxUPikge1xuICAgIHRoaXMuX3NlcmllcyA9IHNlcmllcztcbiAgfVxuXG4gIGdldCBzZXJpZXMoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3NlcmllcztcbiAgfVxuXG4gIEBJbnB1dCgpIHNpemU6IERPTVJlY3Q7XG4gIEBJbnB1dCgpIHJlY3Q6IGFueTtcbiAgem9vbTogT2JzZXJ2YWJsZTxhbnk+O1xuXG4gIHByb3RlY3RlZCBfc2VyaWVzOiBTZXJpZXM8VD47XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJvdGVjdGVkIHN2YzogQ2hhcnRTZXJ2aWNlLFxuICAgIHByb3RlY3RlZCBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIHByb3RlY3RlZCBzY2FsZVNlcnZpY2U6IFNjYWxlU2VydmljZSxcbiAgICBwcm90ZWN0ZWQgem9vbVNlcnZpY2U6IFpvb21TZXJ2aWNlLFxuICAgIHByb3RlY3RlZCBlbGVtZW50OiBFbGVtZW50UmVmXG4gICkge1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VyaWVzLWJhc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NoYXJ0L2Jhc2Uvc2VyaWVzLWJhc2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBRVQsS0FBSyxHQUVOLE1BQU0sZUFBZSxDQUFDOzs7OztBQVd2QixNQUFNLE9BQU8sbUJBQW1CO0lBc0I5QixZQUNZLEdBQWlCLEVBQ2pCLEdBQXNCLEVBQ3RCLFlBQTBCLEVBQzFCLFdBQXdCLEVBQ3hCLE9BQW1CO1FBSm5CLFFBQUcsR0FBSCxHQUFHLENBQWM7UUFDakIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDdEIsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDMUIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFDeEIsWUFBTyxHQUFQLE9BQU8sQ0FBWTtJQUUvQixDQUFDO0lBNUJELElBQ0ksTUFBTSxDQUFDLE1BQW9CO1FBQzdCLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUVELElBQ0ksTUFBTSxDQUFDLE1BQWlCO1FBQzFCLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQWNELFFBQVE7SUFDUixDQUFDOztnSEFoQ1UsbUJBQW1CO29HQUFuQixtQkFBbUIsb0dBRnBCLEVBQUU7MkZBRUQsbUJBQW1CO2tCQUgvQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxFQUFFO2lCQUNiO2lOQUdLLE1BQU07c0JBRFQsS0FBSztnQkFVRixNQUFNO3NCQURULEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBJbnB1dCxcbiAgT25Jbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q2hhcnRTZXJ2aWNlfSBmcm9tICcuLi9zZXJ2aWNlL2NoYXJ0LnNlcnZpY2UnO1xuaW1wb3J0IHtTZXJpZXN9IGZyb20gJy4uL21vZGVsL3Nlcmllcyc7XG5pbXBvcnQge0Jhc2VQb2ludH0gZnJvbSAnLi4vbW9kZWwvYmFzZS1wb2ludCc7XG5pbXBvcnQge1NjYWxlU2VydmljZX0gZnJvbSAnLi4vc2VydmljZS9zY2FsZS5zZXJ2aWNlJztcbmltcG9ydCB7Wm9vbVNlcnZpY2V9IGZyb20gJy4uL3NlcnZpY2Uvem9vbS5zZXJ2aWNlJztcbmltcG9ydCB7SUNoYXJ0Q29uZmlnfSBmcm9tICcuLi9tb2RlbC9pLWNoYXJ0LWNvbmZpZyc7XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogJycsXG59KVxuZXhwb3J0IGNsYXNzIFNlcmllc0Jhc2VDb21wb25lbnQ8VCBleHRlbmRzIEJhc2VQb2ludD4gaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKVxuICBzZXQgY29uZmlnKGNvbmZpZzogSUNoYXJ0Q29uZmlnKSB7XG4gICAgdGhpcy5fY29uZmlnID0gY29uZmlnO1xuICB9XG5cbiAgZ2V0IGNvbmZpZygpIHtcbiAgICByZXR1cm4gdGhpcy5fY29uZmlnO1xuICB9XG5cbiAgQElucHV0KClcbiAgc2V0IHNlcmllcyhzZXJpZXM6IFNlcmllczxUPikge1xuICAgIHRoaXMuX3NlcmllcyA9IHNlcmllcztcbiAgfVxuXG4gIGdldCBzZXJpZXMoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3NlcmllcztcbiAgfVxuXG4gIHByb3RlY3RlZCBfc2VyaWVzOiBTZXJpZXM8VD47XG4gIHByb3RlY3RlZCBfY29uZmlnOiBJQ2hhcnRDb25maWc7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJvdGVjdGVkIHN2YzogQ2hhcnRTZXJ2aWNlLFxuICAgIHByb3RlY3RlZCBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIHByb3RlY3RlZCBzY2FsZVNlcnZpY2U6IFNjYWxlU2VydmljZSxcbiAgICBwcm90ZWN0ZWQgem9vbVNlcnZpY2U6IFpvb21TZXJ2aWNlLFxuICAgIHByb3RlY3RlZCBlbGVtZW50OiBFbGVtZW50UmVmXG4gICkge1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cbn1cbiJdfQ==