import { ElementRef } from '@angular/core';
import { fmtNum } from '../shared/chart-utils';
import * as i0 from "@angular/core";
export interface ChartFlag {
    x: string | Date | number;
    y?: number;
    title: string;
    text?: string;
    color?: string;
    shape?: 'flag' | 'pin' | 'square' | 'circle';
}
export interface ChartSeries {
    name: string;
    data: number[];
    color?: string;
}
export declare class FlagsComponent {
    readonly PAD_LEFT = 52;
    readonly PAD_TOP = 40;
    readonly PAD_RIGHT = 24;
    readonly PAD_BOTTOM = 36;
    data: import("@angular/core").InputSignal<ChartFlag[]>;
    dataset: import("@angular/core").InputSignal<ChartSeries | null>;
    categories: import("@angular/core").InputSignal<string[]>;
    height: import("@angular/core").InputSignal<number>;
    showGrid: import("@angular/core").InputSignal<boolean>;
    showLabels: import("@angular/core").InputSignal<boolean>;
    showExport: import("@angular/core").InputSignal<boolean>;
    colors: import("@angular/core").InputSignal<string[]>;
    exportMenuOpen: import("@angular/core").WritableSignal<boolean>;
    hoveredFlagIndex: import("@angular/core").WritableSignal<number | null>;
    tooltip: import("@angular/core").WritableSignal<{
        x: number;
        y: number;
        title: string;
        text?: string;
        date: string;
        color: string;
        yVal?: number;
    } | null>;
    containerWidth: import("@angular/core").WritableSignal<number>;
    svgEl: import("@angular/core").Signal<ElementRef<SVGElement> | undefined>;
    private container;
    constructor();
    innerW: import("@angular/core").Signal<number>;
    innerH: import("@angular/core").Signal<number>;
    hasDataset: import("@angular/core").Signal<boolean>;
    yMin: import("@angular/core").Signal<number>;
    yMax: import("@angular/core").Signal<number>;
    yTicks: import("@angular/core").Signal<number[]>;
    xPos(index: number): number;
    yPos(y: number): number;
    linePath(ds: ChartSeries): string;
    areaPath(ds: ChartSeries): string;
    computedFlags: import("@angular/core").Signal<{
        cx: number;
        cy: number;
        poleTop: number;
        color: string;
        shape: "circle" | "flag" | "pin" | "square";
        width: number;
        title: string;
        text: string | undefined;
        yVal: number | undefined;
        raw: ChartFlag;
    }[]>;
    shouldShowXLabel(index: number): boolean;
    onFlagHover(event: MouseEvent, flag: ChartFlag, index: number, cx: number, poleTop: number): void;
    formatDate(d: string | Date | number): string;
    toggleExportMenu(event: MouseEvent): void;
    closeExportMenu(): void;
    onExport(type: 'json' | 'csv' | 'svg' | 'pdf'): void;
    exportToCsv(): void;
    exportToJson(): void;
    exportToSvg(): void;
    exportToPdf(): void;
    readonly fmtNum: typeof fmtNum;
    static ɵfac: i0.ɵɵFactoryDeclaration<FlagsComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<FlagsComponent, "ngx-flags", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "dataset": { "alias": "dataset"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "showGrid": { "alias": "showGrid"; "required": false; "isSignal": true; }; "showLabels": { "alias": "showLabels"; "required": false; "isSignal": true; }; "showExport": { "alias": "showExport"; "required": false; "isSignal": true; }; "colors": { "alias": "colors"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}