@tetacom/svg-charts 1.1.45 → 1.1.48

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

@@ -21,5 +21,5 @@ export declare class SeriesBaseComponent<T extends BasePoint> implements OnInit
     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"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SeriesBaseComponent<any>, "ng-component", never, { "config": "config"; "series": "series"; }, {}, never, never, false>;
 }

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

@@ -38,5 +38,5 @@ export declare class ChartComponent implements OnInit, OnChanges, OnDestroy {
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChartComponent, 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>;
+    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, false>;
 }

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

@@ -23,5 +23,5 @@ export declare class AnnotationComponent implements OnDestroy {
     ngOnDestroy(): void;
     private init;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnnotationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnnotationComponent, "[teta-annotation]", never, { "annotation": "annotation"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnnotationComponent, "[teta-annotation]", never, { "annotation": "annotation"; }, {}, never, never, false>;
 }

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

@@ -1,10 +1,11 @@
-import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
 import { IChartConfig } from '../model/i-chart-config';
 import { ChartService } from '../service/chart.service';
 import { Observable } from 'rxjs';
 import { Axis } from '../core/axis/axis';
 import { ScaleService } from '../service/scale.service';
 import { ZoomService } from '../service/zoom.service';
+import { ZoomType } from "../model/enum/zoom-type";
 import * as i0 from "@angular/core";
 export declare class ChartContainerComponent implements OnInit, OnDestroy {
     private _svc;
@@ -12,6 +13,7 @@ export declare class ChartContainerComponent implements OnInit, OnDestroy {
     private _scaleService;
     private _zoomService;
     private _elementRef;
+    private _zone;
     config: Observable<IChartConfig>;
     yAxisMap: Observable<Map<number, Axis>>;
     xAxisMap: Observable<Map<number, Axis>>;
@@ -21,8 +23,9 @@ export declare class ChartContainerComponent implements OnInit, OnDestroy {
     visibleRect: Observable<any>;
     brushScale: Observable<any>;
     private _observer;
+    zoomType: typeof ZoomType;
     private filterPositionMap;
-    constructor(_svc: ChartService, _cdr: ChangeDetectorRef, _scaleService: ScaleService, _zoomService: ZoomService, _elementRef: ElementRef);
+    constructor(_svc: ChartService, _cdr: ChangeDetectorRef, _scaleService: ScaleService, _zoomService: ZoomService, _elementRef: ElementRef, _zone: NgZone);
     ngOnInit(): void;
     ngOnDestroy(): void;
     private sumSize;
@@ -33,5 +36,5 @@ export declare class ChartContainerComponent implements OnInit, OnDestroy {
     mouseMove(event: any): void;
     mouseLeave(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChartContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChartContainerComponent, "teta-chart-container", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartContainerComponent, "teta-chart-container", never, {}, {}, never, never, false>;
 }

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

@@ -0,0 +1,16 @@
+import { ChangeDetectorRef, OnInit } from '@angular/core';
+import { ScaleService } from "../../service/scale.service";
+import { Observable } from "rxjs";
+import { ChartService } from "../../service/chart.service";
+import * as i0 from "@angular/core";
+export declare class CrosshairComponent implements OnInit {
+    private scaleService;
+    private chartService;
+    private cdr;
+    size: DOMRect;
+    transform: Observable<any>;
+    constructor(scaleService: ScaleService, chartService: ChartService, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CrosshairComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CrosshairComponent, "[teta-crosshair]", never, { "size": "size"; }, {}, never, never, false>;
+}

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

@@ -16,5 +16,5 @@ export declare class GridlinesComponent implements AfterViewInit {
     constructor(svc: ScaleService, chartService: ChartService);
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GridlinesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GridlinesComponent, "[teta-gridlines]", never, { "size": "size"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GridlinesComponent, "[teta-gridlines]", never, { "size": "size"; }, {}, never, never, false>;
 }

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

@@ -34,5 +34,5 @@ export declare class PlotBandComponent implements AfterViewInit, OnDestroy {
     getTextCenter: () => any;
     getFill(d: PlotBand): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlotBandComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PlotBandComponent, "[teta-plot-band]", never, { "plotBand": "plotBand"; "axis": "axis"; "scale": "scale"; "size": "size"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlotBandComponent, "[teta-plot-band]", never, { "plotBand": "plotBand"; "axis": "axis"; "scale": "scale"; "size": "size"; }, {}, never, never, false>;
 }

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

@@ -28,5 +28,5 @@ export declare class PlotlineComponent implements OnInit, OnDestroy {
     get height(): number;
     get width(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlotlineComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PlotlineComponent, "[teta-plot-line]", never, { "plotLine": "plotLine"; "size": "size"; "axis": "axis"; "scale": "scale"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlotlineComponent, "[teta-plot-line]", never, { "plotLine": "plotLine"; "size": "size"; "axis": "axis"; "scale": "scale"; }, {}, never, never, false>;
 }

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

@@ -20,5 +20,5 @@ export declare class AreaSeriesComponent<T extends BasePoint> extends LinearSeri
     constructor(svc: ChartService, cdr: ChangeDetectorRef, scaleService: ScaleService, zoomService: ZoomService, element: ElementRef);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AreaSeriesComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AreaSeriesComponent<any>, "svg:svg[teta-area-series]", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AreaSeriesComponent<any>, "svg:svg[teta-area-series]", never, {}, {}, never, never, false>;
 }

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

@@ -23,5 +23,5 @@ export declare class BarSeriesComponent<T extends BasePoint> extends SeriesBaseC
     mouseleave(point: BasePoint): void;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BarSeriesComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BarSeriesComponent<any>, "svg:svg[teta-bar-series]", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BarSeriesComponent<any>, "svg:svg[teta-bar-series]", never, {}, {}, never, never, false>;
 }

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

@@ -25,5 +25,5 @@ export declare class BlockAreaSeriesComponent<T extends BasePoint> extends Serie
     mouseenter(point: BasePoint): void;
     mouseleave(point: BasePoint): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BlockAreaSeriesComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BlockAreaSeriesComponent<any>, "svg:svg[teta-block-area-series]", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BlockAreaSeriesComponent<any>, "svg:svg[teta-block-area-series]", never, {}, {}, never, never, false>;
 }

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

@@ -25,5 +25,5 @@ export declare class BlockSeriesComponent<T extends BasePoint> extends SeriesBas
     mouseleave(point: BasePoint): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BlockSeriesComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BlockSeriesComponent<any>, "svg:svg[teta-block-series]", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BlockSeriesComponent<any>, "svg:svg[teta-block-series]", never, {}, {}, never, never, false>;
 }

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

@@ -13,5 +13,5 @@ export declare class LineSeriesComponent<T extends BasePoint> extends LinearSeri
     protected element: ElementRef;
     constructor(svc: ChartService, cdr: ChangeDetectorRef, scaleService: ScaleService, zoomService: ZoomService, element: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<LineSeriesComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LineSeriesComponent<any>, "svg:svg[teta-line-series]", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LineSeriesComponent<any>, "svg:svg[teta-line-series]", never, {}, {}, never, never, false>;
 }

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

@@ -28,5 +28,5 @@ export declare class LinearSeriesBase<T extends BasePoint> extends SeriesBaseCom
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinearSeriesBase<any>, "ng-component", never, {}, {}, never, never, false>;
 }

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

@@ -24,5 +24,5 @@ export declare class ScatterSeriesComponent<T extends BasePoint> extends SeriesB
     mouseenter(point: BasePoint): void;
     mouseleave(point: BasePoint): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScatterSeriesComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScatterSeriesComponent<any>, "svg:svg[teta-scatter-series]", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScatterSeriesComponent<any>, "svg:svg[teta-scatter-series]", never, {}, {}, never, never, false>;
 }

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

@@ -14,5 +14,5 @@ export declare class SeriesHostComponent<T extends BasePoint> implements OnInit,
     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"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SeriesHostComponent<any>, "[teta-series-host]", never, { "config": "config"; "series": "series"; }, {}, never, never, false>;
 }

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

@@ -2,6 +2,7 @@ import { ChangeDetectorRef, NgZone, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
 import { ChartService } from '../../service/chart.service';
 import { ZoomService } from '../../service/zoom.service';
+import { IDisplayTooltip } from '../../model/i-display-tooltip';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { IChartConfig } from '../../model/i-chart-config';
 import * as i0 from "@angular/core";
@@ -21,9 +22,11 @@ export declare class TooltipComponent implements OnInit {
     }>;
     displayTooltips: Observable<SafeHtml>;
     display: Observable<number>;
+    tooltips: Observable<IDisplayTooltip[]>;
     constructor(svc: ChartService, cdr: ChangeDetectorRef, zoomService: ZoomService, sanitizer: DomSanitizer, _zone: NgZone);
     ngOnInit(): void;
     private getPosition;
+    format(input: number | Date): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "teta-tooltip", never, { "size": "size"; "config": "config"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "teta-tooltip", never, { "size": "size"; "config": "config"; }, {}, never, never, false>;
 }

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

@@ -16,5 +16,5 @@ export declare class XAxisComponent implements OnInit, OnDestroy, AfterViewInit
     ngAfterViewInit(): void;
     private draw;
     static ɵfac: i0.ɵɵFactoryDeclaration<XAxisComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XAxisComponent, "[teta-x-axis]", never, { "axis": "axis"; "size": "size"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XAxisComponent, "[teta-x-axis]", never, { "axis": "axis"; "size": "size"; }, {}, never, never, false>;
 }

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

@@ -15,5 +15,5 @@ export declare class YAxisComponent implements OnInit, AfterViewInit {
     ngAfterViewInit(): void;
     getLabelTransform(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<YAxisComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<YAxisComponent, "[teta-y-axis]", never, { "axis": "axis"; "size": "size"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<YAxisComponent, "[teta-y-axis]", never, { "axis": "axis"; "size": "size"; }, {}, never, never, false>;
 }

package/chart/chart.module.d.ts

@@ -20,10 +20,10 @@ import * as i18 from "./chart-container/series/scatter-series/scatter-series.com
 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";
-import * as i23 from "@taiga-ui/cdk";
+import * as i22 from "./chart-container/crosshair/crosshair.component";
+import * as i23 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.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 i23.TuiLetModule], [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 ɵ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.CrosshairComponent], [typeof i23.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/brushable.directive.d.ts

@@ -14,5 +14,5 @@ export declare class BrushableDirective implements OnInit, AfterViewInit {
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BrushableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BrushableDirective, "[tetaBrushable]", never, { "config": "config"; "brushScale": "brushScale"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrushableDirective, "[tetaBrushable]", never, { "config": "config"; "brushScale": "brushScale"; }, {}, never, never, false>;
 }

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

@@ -13,13 +13,13 @@ export declare class ZoomableDirective implements OnDestroy, AfterViewInit {
     private chartService;
     private zone;
     config: IChartConfig;
-    axis?: Axis;
+    axis: Axis;
     size: DOMRect;
     brushScale?: any;
     scale?: any;
     private zoomable;
+    private crosshair;
     private _element;
-    private zoomAxis;
     private zoom;
     private alive;
     private currentTransform;
@@ -33,5 +33,5 @@ export declare class ZoomableDirective implements OnDestroy, AfterViewInit {
     zoomed: (event: D3ZoomEvent<any, any>) => void;
     private runWheelZoom;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZoomableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ZoomableDirective, "[tetaZoomable]", never, { "config": "config"; "axis": "axis"; "size": "size"; "brushScale": "brushScale"; "scale": "scale"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ZoomableDirective, "[tetaZoomable]", never, { "config": "config"; "axis": "axis"; "size": "size"; "brushScale": "brushScale"; "scale": "scale"; }, {}, never, never, false>;
 }

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

@@ -11,5 +11,5 @@ export declare class LegendComponent {
     getHeight(serie: Series<BasePoint>): number;
     click(serie: Series<BasePoint>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LegendComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LegendComponent, "teta-legend", never, { "series": "series"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LegendComponent, "teta-legend", never, { "series": "series"; }, {}, never, never, false>;
 }

package/chart/model/i-broadcast-message.d.ts

@@ -1,28 +1,35 @@
 import { D3BrushEvent, D3ZoomEvent } from 'd3';
 import { Axis } from '../core/axis/axis';
 import { BrushType } from './enum/brush-type';
+export declare type TransformStyle = {
+    transition?: boolean;
+};
 export declare class ZoomMessage {
     event: D3ZoomEvent<any, any> | any;
     axis?: Axis;
     brushDomain?: number[];
     chartId: string;
+    style?: TransformStyle;
     constructor(options?: {
         event: D3ZoomEvent<any, any> | any;
         axis?: Axis;
         brushDomain?: number[];
         chartId: string;
+        style?: TransformStyle;
     });
 }
 export declare class BrushMessage {
-    event: D3BrushEvent<any>;
+    event: D3BrushEvent<any> | null;
     brushType: BrushType;
     selection: number[];
     brushScale?: any;
+    style?: TransformStyle;
     constructor(options?: {
-        event: D3BrushEvent<any>;
+        event: D3BrushEvent<any> | null;
         brushType: BrushType;
         selection: number[];
         brushScale?: any;
+        style?: TransformStyle;
     });
 }
 export interface IBroadcastMessage<T> {

package/chart/model/tooltip-options.d.ts

@@ -1,10 +1,13 @@
 import { TooltipTracking } from './enum/tooltip-tracking';
 import { IDisplayTooltip } from './i-display-tooltip';
+import { TemplateRef } from "@angular/core";
 export interface TooltipOptions {
     enable?: boolean;
     showMarkers?: boolean;
     showLine?: boolean;
+    showCrosshair?: boolean;
     tracking?: TooltipTracking;
+    template?: TemplateRef<IDisplayTooltip[]>;
     format?: (data: IDisplayTooltip[]) => string;
     padding?: {
         x?: number;

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

@@ -26,9 +26,9 @@ export class SeriesBaseComponent {
     ngOnInit() {
     }
 }
-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" }, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: SeriesBaseComponent, decorators: [{
+SeriesBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", 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: "14.0.0", version: "14.0.0", type: SeriesBaseComponent, selector: "ng-component", inputs: { config: "config", series: "series" }, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: SeriesBaseComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',

package/esm2020/chart/chart/chart.component.mjs

@@ -9,9 +9,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "../service/chart.service";
 import * as i2 from "../service/zoom.service";
 import * as i3 from "../service/scale.service";
-import * as i4 from "../chart-container/chart-container.component";
-import * as i5 from "../legend/legend.component";
-import * as i6 from "@angular/common";
+import * as i4 from "@angular/common";
+import * as i5 from "../chart-container/chart-container.component";
+import * as i6 from "../legend/legend.component";
 export class ChartComponent {
     constructor(chartService, zoomService, scaleService) {
         this.chartService = chartService;
@@ -118,9 +118,9 @@ export class ChartComponent {
         });
     }
 }
-ChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: ChartComponent, deps: [{ token: i1.ChartService }, { token: i2.ZoomService }, { token: i3.ScaleService }], target: i0.ɵɵFactoryTarget.Component });
-ChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: ChartComponent, selector: "teta-svg-chart", inputs: { config: "config" }, outputs: { pointerMove: "pointerMove", plotBandsMove: "plotBandsMove", plotBandClick: "plotBandClick", plotBandContextMenu: "plotBandContextMenu", plotLinesMove: "plotLinesMove", pointMove: "pointMove", chartClick: "chartClick", chartContextMenu: "chartContextMenu", annotationContextMenu: "annotationContextMenu", annotationClick: "annotationClick", annotationMove: "annotationMove" }, providers: [ChartService, ZoomService, ScaleService, BrushService], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"{\n  hasSeriesData: hasSeriesData | async,\n  svcConfig: svcConfig | async\n} as data\">\n  <ng-container *ngIf=\"data.hasSeriesData === true else noData\">\n    <div class=\"column column_auto\">\n      <teta-chart-container class=\"chart-container position-relative\"></teta-chart-container>\n    </div>\n    <teta-legend *ngIf=\"data.svcConfig.legend?.enable === true\" [series]=\"data.svcConfig.series\"></teta-legend>\n  </ng-container>\n</ng-container>\n<ng-template #noData>\n  <div class=\"column column_auto align-center justify-content-center\">\n    <span class=\"font-body-3 color-text-40\">\u0414\u0430\u043D\u043D\u044B\u0435 \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044E\u0442</span>\n  </div>\n</ng-template>\n", styles: [":host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}\n"], components: [{ type: i4.ChartContainerComponent, selector: "teta-chart-container" }, { type: i5.LegendComponent, selector: "teta-legend", inputs: ["series"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i6.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: ChartComponent, decorators: [{
+ChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ChartComponent, deps: [{ token: i1.ChartService }, { token: i2.ZoomService }, { token: i3.ScaleService }], target: i0.ɵɵFactoryTarget.Component });
+ChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: ChartComponent, selector: "teta-svg-chart", inputs: { config: "config" }, outputs: { pointerMove: "pointerMove", plotBandsMove: "plotBandsMove", plotBandClick: "plotBandClick", plotBandContextMenu: "plotBandContextMenu", plotLinesMove: "plotLinesMove", pointMove: "pointMove", chartClick: "chartClick", chartContextMenu: "chartContextMenu", annotationContextMenu: "annotationContextMenu", annotationClick: "annotationClick", annotationMove: "annotationMove" }, providers: [ChartService, ZoomService, ScaleService, BrushService], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"{\n  hasSeriesData: hasSeriesData | async,\n  svcConfig: svcConfig | async\n} as data\">\n  <ng-container *ngIf=\"data.hasSeriesData === true else noData\">\n    <div class=\"column column_auto\">\n      <teta-chart-container class=\"chart-container position-relative\"></teta-chart-container>\n    </div>\n    <teta-legend *ngIf=\"data.svcConfig.legend?.enable === true\" [series]=\"data.svcConfig.series\"></teta-legend>\n  </ng-container>\n</ng-container>\n<ng-template #noData>\n  <div class=\"column column_auto align-center justify-content-center\">\n    <span class=\"font-body-3 color-text-40\">\u0414\u0430\u043D\u043D\u044B\u0435 \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044E\u0442</span>\n  </div>\n</ng-template>\n", styles: [":host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.ChartContainerComponent, selector: "teta-chart-container" }, { kind: "component", type: i6.LegendComponent, selector: "teta-legend", inputs: ["series"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ChartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-svg-chart', providers: [ChartService, ZoomService, ScaleService, BrushService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"{\n  hasSeriesData: hasSeriesData | async,\n  svcConfig: svcConfig | async\n} as data\">\n  <ng-container *ngIf=\"data.hasSeriesData === true else noData\">\n    <div class=\"column column_auto\">\n      <teta-chart-container class=\"chart-container position-relative\"></teta-chart-container>\n    </div>\n    <teta-legend *ngIf=\"data.svcConfig.legend?.enable === true\" [series]=\"data.svcConfig.series\"></teta-legend>\n  </ng-container>\n</ng-container>\n<ng-template #noData>\n  <div class=\"column column_auto align-center justify-content-center\">\n    <span class=\"font-body-3 color-text-40\">\u0414\u0430\u043D\u043D\u044B\u0435 \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044E\u0442</span>\n  </div>\n</ng-template>\n", styles: [":host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ChartService }, { type: i2.ZoomService }, { type: i3.ScaleService }]; }, propDecorators: { pointerMove: [{

package/esm2020/chart/chart-container/annotation/annotation.component.mjs

@@ -59,11 +59,11 @@ export class AnnotationComponent {
         }
     }
 }
-AnnotationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: AnnotationComponent, deps: [{ token: i1.ScaleService }, { token: i0.ChangeDetectorRef }, { token: i2.ChartService }], target: i0.ɵɵFactoryTarget.Component });
-AnnotationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: AnnotationComponent, selector: "[teta-annotation]", inputs: { annotation: "annotation" }, host: { listeners: { "click": "click($event)", "contextmenu": "contextMenu($event)" } }, viewQueries: [{ propertyName: "node", first: true, predicate: ["annotationNode"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"{\n      x: x | async,\n      y: y | async\n    } as data\">\n  <svg:circle\n    [attr.r]=\"annotation.style?.radius ?? 5\"\n    [attr.cx]=\"data.x(annotation.point.x)\"\n    [attr.fill]=\"annotation?.style?.fill ?? 'var(--color-text-90)'\"\n    [attr.cy]=\"data.y(annotation.point.y)\">\n  </svg:circle>\n  <svg:line\n    [attr.x1]=\"data.x(annotation.point.x)\"\n    [attr.y1]=\"data.y(annotation.point.y)\"\n    [attr.x2]=\"data.x(annotation.point.x) + (annotation.dx ?? 0)\"\n    [attr.y2]=\"data.y(annotation.point.y) + (annotation.dy ?? 0)\"\n    [attr.stroke]=\"annotation.style?.stroke ?? 'var(--color-text-90)'\"\n    [attr.stroke-width]=\"annotation.style?.strokeWidth ?? 1\"\n    [attr.stroke-dasharray]=\"annotation.style?.strokeDasharray ?? null\"\n  >\n  </svg:line>\n  <svg:foreignObject\n    class=\"position-absolute\"\n    [attr.width]=\"node?.nativeElement.offsetWidth ?? 0\"\n    [attr.height]=\"node?.nativeElement.offsetHeight ?? 0\"\n    [attr.x]=\"data.x(annotation.point.x) + (annotation.dx ?? 0) - 10\"\n    [attr.y]=\"data.y(annotation.point.y) + (annotation.dy ?? 0) - 10\">\n    <div\n      #annotationNode\n      [style.background-color]=\"annotation.style?.fill ?? 'var(--color-text-90)'\"\n      [style.cursor]=\"annotation?.draggable ? 'move' : 'default'\"\n      [className]=\"'padding-h-2 ' + annotation.className ?? ''\"\n      style=\"border-radius: 2px; display: inline-block;\">\n      <ng-container *ngIf=\"annotation.template;else default\">\n        <ng-container *ngTemplateOutlet=\"annotation.template;context: {$implicit: annotation}\"></ng-container>\n      </ng-container>\n    </div>\n  </svg:foreignObject>\n</ng-container>\n<ng-template #default>\n  {{ annotation.note?.label}}\n</ng-template>\n", styles: [""], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: AnnotationComponent, decorators: [{
+AnnotationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AnnotationComponent, deps: [{ token: i1.ScaleService }, { token: i0.ChangeDetectorRef }, { token: i2.ChartService }], target: i0.ɵɵFactoryTarget.Component });
+AnnotationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: AnnotationComponent, selector: "[teta-annotation]", inputs: { annotation: "annotation" }, host: { listeners: { "click": "click($event)", "contextmenu": "contextMenu($event)" } }, viewQueries: [{ propertyName: "node", first: true, predicate: ["annotationNode"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"{\n      x: x | async,\n      y: y | async\n    } as data\">\n  <svg:circle\n    [attr.r]=\"annotation.style?.radius ?? 5\"\n    [attr.cx]=\"data.x(annotation.point.x)\"\n    [attr.fill]=\"annotation?.style?.fill ?? 'var(--color-text-90)'\"\n    [attr.cy]=\"data.y(annotation.point.y)\">\n  </svg:circle>\n  <svg:line\n    [attr.x1]=\"data.x(annotation.point.x)\"\n    [attr.y1]=\"data.y(annotation.point.y)\"\n    [attr.x2]=\"data.x(annotation.point.x) + (annotation.dx ?? 0)\"\n    [attr.y2]=\"data.y(annotation.point.y) + (annotation.dy ?? 0)\"\n    [attr.stroke]=\"annotation.style?.stroke ?? 'var(--color-text-90)'\"\n    [attr.stroke-width]=\"annotation.style?.strokeWidth ?? 1\"\n    [attr.stroke-dasharray]=\"annotation.style?.strokeDasharray ?? null\"\n  >\n  </svg:line>\n  <svg:foreignObject\n    class=\"position-absolute\"\n    [attr.width]=\"node?.nativeElement.offsetWidth ?? 0\"\n    [attr.height]=\"node?.nativeElement.offsetHeight ?? 0\"\n    [attr.x]=\"data.x(annotation.point.x) + (annotation.dx ?? 0) - 10\"\n    [attr.y]=\"data.y(annotation.point.y) + (annotation.dy ?? 0) - 10\">\n    <div\n      #annotationNode\n      [style.background-color]=\"annotation.style?.fill ?? 'var(--color-text-90)'\"\n      [style.cursor]=\"annotation?.draggable ? 'move' : 'default'\"\n      [className]=\"'padding-h-2 ' + annotation.className ?? ''\"\n      style=\"border-radius: 2px; display: inline-block;\">\n      <ng-container *ngIf=\"annotation.template;else default\">\n        <ng-container *ngTemplateOutlet=\"annotation.template;context: {$implicit: annotation}\"></ng-container>\n      </ng-container>\n    </div>\n  </svg:foreignObject>\n</ng-container>\n<ng-template #default>\n  {{ annotation.note?.label}}\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: AnnotationComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[teta-annotation]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"{\n      x: x | async,\n      y: y | async\n    } as data\">\n  <svg:circle\n    [attr.r]=\"annotation.style?.radius ?? 5\"\n    [attr.cx]=\"data.x(annotation.point.x)\"\n    [attr.fill]=\"annotation?.style?.fill ?? 'var(--color-text-90)'\"\n    [attr.cy]=\"data.y(annotation.point.y)\">\n  </svg:circle>\n  <svg:line\n    [attr.x1]=\"data.x(annotation.point.x)\"\n    [attr.y1]=\"data.y(annotation.point.y)\"\n    [attr.x2]=\"data.x(annotation.point.x) + (annotation.dx ?? 0)\"\n    [attr.y2]=\"data.y(annotation.point.y) + (annotation.dy ?? 0)\"\n    [attr.stroke]=\"annotation.style?.stroke ?? 'var(--color-text-90)'\"\n    [attr.stroke-width]=\"annotation.style?.strokeWidth ?? 1\"\n    [attr.stroke-dasharray]=\"annotation.style?.strokeDasharray ?? null\"\n  >\n  </svg:line>\n  <svg:foreignObject\n    class=\"position-absolute\"\n    [attr.width]=\"node?.nativeElement.offsetWidth ?? 0\"\n    [attr.height]=\"node?.nativeElement.offsetHeight ?? 0\"\n    [attr.x]=\"data.x(annotation.point.x) + (annotation.dx ?? 0) - 10\"\n    [attr.y]=\"data.y(annotation.point.y) + (annotation.dy ?? 0) - 10\">\n    <div\n      #annotationNode\n      [style.background-color]=\"annotation.style?.fill ?? 'var(--color-text-90)'\"\n      [style.cursor]=\"annotation?.draggable ? 'move' : 'default'\"\n      [className]=\"'padding-h-2 ' + annotation.className ?? ''\"\n      style=\"border-radius: 2px; display: inline-block;\">\n      <ng-container *ngIf=\"annotation.template;else default\">\n        <ng-container *ngTemplateOutlet=\"annotation.template;context: {$implicit: annotation}\"></ng-container>\n      </ng-container>\n    </div>\n  </svg:foreignObject>\n</ng-container>\n<ng-template #default>\n  {{ annotation.note?.label}}\n</ng-template>\n", styles: [""] }]
+            args: [{ selector: '[teta-annotation]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"{\n      x: x | async,\n      y: y | async\n    } as data\">\n  <svg:circle\n    [attr.r]=\"annotation.style?.radius ?? 5\"\n    [attr.cx]=\"data.x(annotation.point.x)\"\n    [attr.fill]=\"annotation?.style?.fill ?? 'var(--color-text-90)'\"\n    [attr.cy]=\"data.y(annotation.point.y)\">\n  </svg:circle>\n  <svg:line\n    [attr.x1]=\"data.x(annotation.point.x)\"\n    [attr.y1]=\"data.y(annotation.point.y)\"\n    [attr.x2]=\"data.x(annotation.point.x) + (annotation.dx ?? 0)\"\n    [attr.y2]=\"data.y(annotation.point.y) + (annotation.dy ?? 0)\"\n    [attr.stroke]=\"annotation.style?.stroke ?? 'var(--color-text-90)'\"\n    [attr.stroke-width]=\"annotation.style?.strokeWidth ?? 1\"\n    [attr.stroke-dasharray]=\"annotation.style?.strokeDasharray ?? null\"\n  >\n  </svg:line>\n  <svg:foreignObject\n    class=\"position-absolute\"\n    [attr.width]=\"node?.nativeElement.offsetWidth ?? 0\"\n    [attr.height]=\"node?.nativeElement.offsetHeight ?? 0\"\n    [attr.x]=\"data.x(annotation.point.x) + (annotation.dx ?? 0) - 10\"\n    [attr.y]=\"data.y(annotation.point.y) + (annotation.dy ?? 0) - 10\">\n    <div\n      #annotationNode\n      [style.background-color]=\"annotation.style?.fill ?? 'var(--color-text-90)'\"\n      [style.cursor]=\"annotation?.draggable ? 'move' : 'default'\"\n      [className]=\"'padding-h-2 ' + annotation.className ?? ''\"\n      style=\"border-radius: 2px; display: inline-block;\">\n      <ng-container *ngIf=\"annotation.template;else default\">\n        <ng-container *ngTemplateOutlet=\"annotation.template;context: {$implicit: annotation}\"></ng-container>\n      </ng-container>\n    </div>\n  </svg:foreignObject>\n</ng-container>\n<ng-template #default>\n  {{ annotation.note?.label}}\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1.ScaleService }, { type: i0.ChangeDetectorRef }, { type: i2.ChartService }]; }, propDecorators: { annotation: [{
                 type: Input
             }], node: [{