import * as _angular_core from '@angular/core';

interface WrLineSeries {
    readonly label: string;
    readonly data: readonly number[];
    readonly color?: string;
}

/**
 * Multi-series line chart with axes, gridlines, and a hover tooltip.
 * SVG-only — no external dependency.
 *
 * @example
 * ```html
 * <wr-lineChart
 *   [series]="[
 *     { label: 'Visits', data: [12, 18, 9, 22, 30, 27, 35] },
 *     { label: 'Signups', data: [3, 5, 4, 8, 11, 9, 14], color: 'var(--wr-color-success)' }
 *   ]"
 *   [xLabels]="['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']"
 * />
 * ```
 *
 * @see https://ngwr.dev/components/line-chart
 */
declare class WrLineChart {
    readonly series: _angular_core.InputSignal<readonly WrLineSeries[]>;
    /** Labels for the X axis (one per data point). */
    readonly xLabels: _angular_core.InputSignal<readonly string[]>;
    /** Chart pixel height. @default 240 */
    readonly height: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Show gridlines + axis ticks. @default true */
    readonly showGrid: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Show the legend above the chart. @default true */
    readonly showLegend: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Show dots at each data point. @default true */
    readonly showDots: _angular_core.InputSignalWithTransform<boolean, any>;
    protected readonly vbW = 600;
    protected readonly vbH = 300;
    protected readonly padding: {
        readonly top: 16;
        readonly right: 16;
        readonly bottom: 28;
        readonly left: 36;
    };
    private readonly host;
    /** Hovered point index (across all series) — null when no hover. */
    protected readonly hoveredIndex: _angular_core.WritableSignal<number | null>;
    protected readonly resolvedSeries: _angular_core.Signal<{
        label: string;
        data: readonly number[];
        color: string;
    }[]>;
    protected readonly bounds: _angular_core.Signal<{
        min: number;
        max: number;
    }>;
    protected readonly pointCount: _angular_core.Signal<number>;
    /** Y-axis tick marks (5 of them). */
    protected readonly yTicks: _angular_core.Signal<{
        value: number;
        y: number;
    }[]>;
    protected readonly plotWidth: () => number;
    protected readonly plotHeight: () => number;
    /** Get the SVG path for a series. */
    protected pathFor(series: {
        data: readonly number[];
    }): string;
    protected pointX(index: number): number;
    protected pointY(value: number): number;
    protected readonly hoverPoints: _angular_core.Signal<{
        label: string;
        value: number;
        color: string;
        x: number;
        y: number;
    }[]>;
    protected readonly hoverLabel: _angular_core.Signal<string>;
    protected onPointerMove(event: PointerEvent): void;
    protected onPointerLeave(): void;
    protected formatTick(v: number): string;
    protected readonly viewBox: _angular_core.Signal<string>;
    protected readonly hostEl: HTMLElement;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrLineChart, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrLineChart, "wr-line-chart", never, { "series": { "alias": "series"; "required": false; "isSignal": true; }; "xLabels": { "alias": "xLabels"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "showGrid": { "alias": "showGrid"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showDots": { "alias": "showDots"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

export { WrLineChart };
export type { WrLineSeries };