import * as i0 from '@angular/core';
import { SimpleChange, OnInit, AfterViewInit, OnDestroy, ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
import { Selection } from 'd3-selection';
import { Observable } from 'rxjs';
import { CurveFactory, Line, Area } from 'd3-shape';
import { ScaleLinear, ScaleTime } from 'd3-scale';
import { AxisTimeInterval, Axis } from 'd3-axis';
import { BrushBehavior } from 'd3-brush';

declare class ChartUtils {
    static ANIMATION_DURATION: number;
    static ANIMATION_EASING: (normalizedTime: number) => number;
    private _chartResize$;
    chartResize$: Observable<any>;
    constructor();
    static areDatasetsEqual(a: [number, number][], b: [number, number][]): boolean;
    static haveDomainsChanged(xDomain: SimpleChange, yDomain: SimpleChange): boolean;
    static hasInputChanged(input: SimpleChange): boolean;
    notifyChartResize(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ChartUtils, never>;
    static ɵprov: i0.ɵɵInjectableDeclaration<ChartUtils>;
}

declare class ChartComponent implements OnInit, AfterViewInit, OnDestroy {
    private _elRef;
    chartUtils: ChartUtils;
    w: number;
    h: number;
    margins: {
        top?: number;
        bottom?: number;
        left?: number;
        right?: number;
    };
    chartContainer: ElementRef<SVGGElement>;
    mouseEventCaptureContainer: ElementRef<SVGGElement>;
    hoverOverlay: ElementRef<SVGRectElement>;
    nwMousemove: EventEmitter<[number, number]>;
    nwMouseleave: EventEmitter<null>;
    bgClick: EventEmitter<null>;
    svg: Selection<SVGSVGElement, any, HTMLElement, any>;
    parentElement: HTMLElement;
    private _destroyed$;
    private _chartDimensionsChange$;
    ngOnInit(): void;
    ngAfterViewInit(): void;
    get width(): number;
    get height(): number;
    setSvg(): void;
    appendContainer(): void;
    setHoverOverlay(): void;
    onBackgroundClick(): void;
    /**
     * As well charts being resized due to the window being resized, another scenario is that
     * the parent element is squeezed or stretched in a reponsive design due to the appearance
     * or disappearance of other elements. For this we use our nwResizeObserver which utilizes
     * ResizeObserver under the hood.
     */
    subscribeToChartResize(): void;
    onChartDimensionsChange(): void;
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ChartComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ChartComponent, "svg[nw-chart]", ["nw-chart"], { "w": { "alias": "width"; "required": false; }; "h": { "alias": "height"; "required": false; }; "margins": { "alias": "margins"; "required": false; }; }, { "nwMousemove": "nwMousemove"; "nwMouseleave": "nwMouseleave"; "bgClick": "bgClick"; }, never, ["[nw-x-axis],[nw-y-axis]", ".nw-slot-1", ".nw-slot-2", "*"], true, never>;
}

type NwXAxisScale = ScaleLinear<number, number> | ScaleTime<number, number>;

declare class PathDirective implements OnInit, OnChanges, OnDestroy {
    private _elRef;
    private _chart;
    private _chartUtils;
    data: [number, number][];
    xDomain: [number, number];
    yDomain: [number, number];
    animDuration: number;
    curve: CurveFactory;
    easing: (normalizedTime: number) => number;
    xScale: NwXAxisScale;
    animEnd: EventEmitter<void>;
    line: Line<[number, number]>;
    path: Selection<SVGPathElement, [number, number][], SVGElement, any>;
    yScale: ScaleLinear<number, number>;
    private _chartResizeSub;
    ngOnInit(): void;
    ngOnChanges(changes: SimpleChanges): void;
    setDomains(): void;
    setLine(): void;
    drawLine(): void;
    updateLine(): void;
    private _subscribeToChartResize;
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<PathDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<PathDirective, "path[nw-path]", ["nw-path"], { "data": { "alias": "nw-path"; "required": false; }; "xDomain": { "alias": "xDomain"; "required": false; }; "yDomain": { "alias": "yDomain"; "required": false; }; "animDuration": { "alias": "animDuration"; "required": false; }; "curve": { "alias": "curve"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "xScale": { "alias": "xScale"; "required": false; }; }, { "animEnd": "animEnd"; }, never, never, true, never>;
}

declare abstract class AxisBase implements OnInit, OnChanges, OnDestroy {
    private _elRef;
    chart: ChartComponent;
    private _chartUtils;
    tickFormat: (value: number | Date | {
        valueOf(): number;
    }) => string;
    tickCount: number | AxisTimeInterval;
    tickSizeOuter: number;
    tickValues: any[];
    showGuidlines: boolean;
    animDuration: number;
    easing: (normalizedTime: number) => number;
    label: string;
    axis: Axis<number | Date | {
        valueOf(): number;
    }>;
    axisSelection: Selection<SVGGElement, [number, number][], SVGElement, any>;
    axisLabelSelection: Selection<SVGTextElement, any, HTMLElement, any>;
    private _chartResizeSub;
    ngOnInit(): void;
    ngOnChanges(c: SimpleChanges): void;
    createAxis(): any;
    setTicks(): void;
    setDomain(): void;
    createLabel(): void;
    render(): any;
    update(): void;
    get fullWidth(): number;
    get fullHeight(): number;
    private _subscribeToChartResize;
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<AxisBase, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<AxisBase, never, never, { "tickFormat": { "alias": "tickFormat"; "required": false; }; "tickCount": { "alias": "tickCount"; "required": false; }; "tickSizeOuter": { "alias": "tickSizeOuter"; "required": false; }; "tickValues": { "alias": "tickValues"; "required": false; }; "showGuidlines": { "alias": "showGuidlines"; "required": false; }; "animDuration": { "alias": "animDuration"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, never, true, never>;
}

declare class XAxisDirective extends AxisBase {
    align: 'top' | 'bottom' | 'center';
    domain: [number, number];
    scale: NwXAxisScale;
    scaleUpdated: EventEmitter<NwXAxisScale>;
    createAxis(): void;
    setTicks(): void;
    setDomain(): void;
    positionLabel(): void;
    render(): void;
    private _getAxisTranslation;
    static ɵfac: i0.ɵɵFactoryDeclaration<XAxisDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<XAxisDirective, "[nw-x-axis]", ["nw-x-axis"], { "align": { "alias": "align"; "required": false; }; "domain": { "alias": "domain"; "required": false; }; "scale": { "alias": "scale"; "required": false; }; }, { "scaleUpdated": "scaleUpdated"; }, never, never, true, never>;
}

declare class YAxisDirective extends AxisBase {
    align: 'left' | 'right' | 'center';
    domain: [number, number];
    scaleUpdated: EventEmitter<ScaleLinear<number, number>>;
    scale: ScaleLinear<number, number>;
    createAxis(): void;
    setTicks(): void;
    setDomain(): void;
    positionLabel(): void;
    render(): void;
    private _getAxisTranslation;
    static ɵfac: i0.ɵɵFactoryDeclaration<YAxisDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<YAxisDirective, "[nw-y-axis]", ["nw-y-axis"], { "align": { "alias": "align"; "required": false; }; "domain": { "alias": "domain"; "required": false; }; }, { "scaleUpdated": "scaleUpdated"; }, never, never, true, never>;
}

declare class CircleDirective implements OnInit, OnChanges, OnDestroy {
    private _elRef;
    private _chart;
    private _chartUtils;
    point: [number, number];
    xDomain: [number, number];
    yDomain: [number, number];
    animDuration: number;
    easing: (normalizedTime: number) => number;
    xScale: NwXAxisScale;
    circle: Selection<SVGCircleElement, [number, number], SVGElement, any>;
    yScale: ScaleLinear<number, number>;
    private _chartResizeSub;
    ngOnInit(): void;
    ngOnChanges(changes: SimpleChanges): void;
    setDomains(): void;
    draw(): void;
    update(): void;
    get transform(): string;
    get x(): number;
    get y(): number;
    private _subscribeToChartResize;
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<CircleDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<CircleDirective, "circle[nw-circle]", ["nw-circle"], { "point": { "alias": "nw-circle"; "required": false; }; "xDomain": { "alias": "xDomain"; "required": false; }; "yDomain": { "alias": "yDomain"; "required": false; }; "animDuration": { "alias": "animDuration"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "xScale": { "alias": "xScale"; "required": false; }; }, {}, never, never, true, never>;
}

declare class BrushDirective implements OnInit, OnDestroy, OnChanges {
    private _elRef;
    private _chart;
    extent: [[number, number], [number, number]];
    dimension: 'x' | 'y' | '';
    brushEnd: EventEmitter<[[number, number], [number, number]]>;
    brushSelection: Selection<SVGGElement, any, HTMLElement, any>;
    brush: BrushBehavior<any>;
    ngOnInit(): void;
    ngOnChanges(changes: SimpleChanges): void;
    initialize(): void;
    reset(): void;
    private _createBrush;
    getExtent(): [[number, number], [number, number]];
    private _subscribeToBrushEndEvent;
    private _clearBrush;
    private _unbindEvents;
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<BrushDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<BrushDirective, "svg:g[nw-brush]", ["nw-brush"], { "extent": { "alias": "extent"; "required": false; }; "dimension": { "alias": "dimension"; "required": false; }; }, { "brushEnd": "brushEnd"; }, never, never, true, never>;
}

declare class BarDirective implements OnInit, OnChanges, OnDestroy {
    private _elRef;
    private _chart;
    private _chartUtils;
    /**
     * [number, number] corresponds to a coordinate of [x, y]
     * [number, number, number] corresponds to a coordinate of [x, y2, y1] where y1 is the lower
     * y-value and y2 is the upper y-value. Where y1 is not provided the bar will span from the
     * provided y-value to 0 (the full chart height)
     */
    value: [number, number] | [number, number, number];
    xDomain: [number, number];
    yDomain: [number, number];
    animDuration: number;
    easing: (normalizedTime: number) => number;
    barWidth: number;
    xScale: NwXAxisScale;
    rect: Selection<SVGRectElement, [number, number], SVGElement, any>;
    yScale: ScaleLinear<number, number>;
    private _chartResizeSub;
    ngOnInit(): void;
    ngOnChanges(changes: SimpleChanges): void;
    setDomains(): void;
    draw(animDuration?: number): void;
    private _subscribeToChartResize;
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<BarDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<BarDirective, "rect[nw-bar]", never, { "value": { "alias": "nw-bar"; "required": false; }; "xDomain": { "alias": "xDomain"; "required": false; }; "yDomain": { "alias": "yDomain"; "required": false; }; "animDuration": { "alias": "animDuration"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "barWidth": { "alias": "barWidth"; "required": false; }; "xScale": { "alias": "xScale"; "required": false; }; }, {}, never, never, true, never>;
}

type AreaDatum = [number, number] | [number, number, number];
declare class AreaDirective implements OnInit, OnChanges, OnDestroy {
    private _elRef;
    private _chart;
    private _chartUtils;
    /**
     * Each data entry may have 2 or 3 values. If there are 3 the area is drawn within the bounds.
     *
     * If there are 2 the area is drawn to the chart height
     */
    data: AreaDatum[];
    xDomain: [number, number];
    yDomain: [number, number];
    animDuration: number;
    curve: CurveFactory;
    easing: (normalizedTime: number) => number;
    xScale: NwXAxisScale;
    areaSelection: Selection<SVGPathElement, AreaDatum[], SVGElement, any>;
    area: Area<AreaDatum>;
    yScale: ScaleLinear<number, number>;
    private _chartResizeSub;
    ngOnInit(): void;
    ngOnChanges(changes: SimpleChanges): void;
    setDomains(): void;
    setArea(): void;
    drawArea(): void;
    updateArea(): void;
    private _subscribeToChartResize;
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<AreaDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<AreaDirective, "path[nw-area]", ["nw-area"], { "data": { "alias": "nw-area"; "required": false; }; "xDomain": { "alias": "xDomain"; "required": false; }; "yDomain": { "alias": "yDomain"; "required": false; }; "animDuration": { "alias": "animDuration"; "required": false; }; "curve": { "alias": "curve"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "xScale": { "alias": "xScale"; "required": false; }; }, {}, never, never, true, never>;
}

declare class ChartTooltipDirective implements OnChanges, AfterViewInit {
    private _elRef;
    private _renderer;
    position: [number, number];
    chartWidth: number;
    chartHeight: number;
    chartMargins: {
        top?: number;
        bottom?: number;
        left?: number;
        right?: number;
    };
    offsetX: number;
    private _width;
    private _height;
    ngAfterViewInit(): void;
    ngOnChanges(changes: SimpleChanges): void;
    private _setTooltipSize;
    static ɵfac: i0.ɵɵFactoryDeclaration<ChartTooltipDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<ChartTooltipDirective, "[nwChartTooltip]", never, { "position": { "alias": "position"; "required": false; }; "chartWidth": { "alias": "chartWidth"; "required": false; }; "chartHeight": { "alias": "chartHeight"; "required": false; }; "chartMargins": { "alias": "chartMargins"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; }, {}, never, never, true, never>;
}

declare class ForeignObjectDirective implements OnInit, OnChanges, OnDestroy {
    private _elRef;
    private _chart;
    private _chartUtils;
    point: [number, number];
    xDomain: [number, number];
    yDomain: [number, number];
    animDuration: number;
    easing: (normalizedTime: number) => number;
    xScale: NwXAxisScale;
    foreignObject: Selection<SVGForeignObjectElement, [number, number], SVGElement, any>;
    yScale: ScaleLinear<number, number>;
    private _chartResizeSub;
    ngOnInit(): void;
    ngOnChanges(changes: SimpleChanges): void;
    setDomains(): void;
    draw(): void;
    update(): void;
    get transform(): string;
    get x(): number;
    get y(): number;
    private _subscribeToChartResize;
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ForeignObjectDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<ForeignObjectDirective, "[nw-foreign-object]", ["nw-foreign-object"], { "point": { "alias": "point"; "required": false; }; "xDomain": { "alias": "xDomain"; "required": false; }; "yDomain": { "alias": "yDomain"; "required": false; }; "animDuration": { "alias": "animDuration"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "xScale": { "alias": "xScale"; "required": false; }; }, {}, never, never, true, never>;
}

declare class TextDirective implements OnInit, OnChanges, OnDestroy {
    private _elRef;
    private _chart;
    private _chartUtils;
    point: [number, number];
    xDomain: [number, number];
    yDomain: [number, number];
    animDuration: number;
    easing: (normalizedTime: number) => number;
    xScale: NwXAxisScale;
    text: Selection<SVGTextElement, [number, number], SVGElement, any>;
    yScale: ScaleLinear<number, number>;
    private _chartResizeSub;
    ngOnInit(): void;
    ngOnChanges(changes: SimpleChanges): void;
    setDomains(): void;
    draw(): void;
    update(): void;
    get x(): number;
    get y(): number;
    private _subscribeToChartResize;
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<TextDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<TextDirective, "text[nw-text]", ["nw-text"], { "point": { "alias": "nw-text"; "required": false; }; "xDomain": { "alias": "xDomain"; "required": false; }; "yDomain": { "alias": "yDomain"; "required": false; }; "animDuration": { "alias": "animDuration"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "xScale": { "alias": "xScale"; "required": false; }; }, {}, never, never, true, never>;
}

/**
 * Export cooperating directives
 * https://v17.angular.io/guide/standalone-components#standalone-components-for-library-authors
 */
declare const CHARTS_DIRECTIVES: readonly [typeof ChartComponent, typeof PathDirective, typeof XAxisDirective, typeof YAxisDirective, typeof CircleDirective, typeof BrushDirective, typeof BarDirective, typeof AreaDirective, typeof ChartTooltipDirective, typeof ForeignObjectDirective, typeof TextDirective];

export { AreaDirective, BarDirective, BrushDirective, CHARTS_DIRECTIVES, ChartComponent, ChartTooltipDirective, CircleDirective, ForeignObjectDirective, PathDirective, TextDirective, XAxisDirective, YAxisDirective };