import { EventEmitter, TemplateRef } from '@angular/core';
import { BehaviorSubject, Observable } from 'rxjs';
import { Interval } from '../intervals';
import { LegendItemComponent } from '../legend-item/legend-item.component';
import * as i0 from "@angular/core";
type IntervalOption = {
    id: Interval;
    title: string;
};
export declare class StackedColumnComponent {
    private readonly input$;
    set input(v: StackedColumnComponent.Stack[]);
    get input(): StackedColumnComponent.Stack[];
    private readonly width$;
    protected set width(v: number);
    calloutHeaderTemplate: TemplateRef<{
        $implicit: StackedColumnComponent.CalloutContext;
    }>;
    private readonly HEIGHT;
    valueFormatter: (v: number) => string;
    private readonly interval$;
    set interval(v: Interval);
    get interval(): Interval;
    intervalChanged: EventEmitter<"day" | "month" | "year" | "quarter" | "week">;
    stackClicked: EventEmitter<StackedColumnComponent.StackClicked>;
    readonly controls?: TemplateRef<void>;
    private readonly COLUMN_WIDTHS;
    private readonly MIN_COLUMN_WIDTH;
    private readonly maxColumns$;
    getXStepsInRange(interval: Interval, minDate: Date, maxDate: Date): number;
    private readonly allowedIntervals$;
    readonly intervalOptions$: Observable<IntervalOption[]>;
    readonly selectedIntervalOption$: Observable<IntervalOption | null>;
    readonly selectedInterval$: Observable<"day" | "month" | "year" | "quarter" | "week">;
    setIntervalOption(option: IntervalOption | null): void;
    private columnWidth$;
    readonly binnedDataWithRanges$: Observable<{
        stacks: StackedColumnComponent.Stack[];
        getRange: (date: number) => {
            minDate: Date;
            maxDate: Date;
        };
    }>;
    readonly binnedData$: Observable<StackedColumnComponent.Stack[]>;
    readonly getRange$: Observable<(date: number) => {
        minDate: Date;
        maxDate: Date;
    }>;
    readonly LEFT_OFFSET = 48;
    readonly COLUMN_PADDING = 4;
    readonly drawData$: Observable<{
        columnWidth: 0 | 8 | 16 | 40 | 72;
        hoverBands: {
            dateValue: number;
            x: number;
            y: number;
            width: number;
            height: number;
        }[];
        rects: {
            dateValue: number;
            x: number;
            y: number;
            width: number;
            height: number;
            fill: string;
            striped: boolean;
            seriesPoint: StackedColumnComponent.Value & {
                series: StackedColumnComponent.Series;
            };
        }[];
        viewBox: string;
        xMinorTicks: {
            dateValue: number;
            label: string;
            x: number;
        }[];
        xMajorTicks: {
            dateValue: number;
            label: string;
            x: number;
        }[];
        yScale: import("d3-scale").ScaleLinear<number, number, never>;
        yTicks: number[];
    }>;
    readonly empty$: Observable<boolean>;
    readonly hoveredBand$: BehaviorSubject<{
        dateValue: number;
        event: MouseEvent;
    } | null>;
    readonly callout$: Observable<StackedColumnComponent.CalloutContext | null>;
    static ɵfac: i0.ɵɵFactoryDeclaration<StackedColumnComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<StackedColumnComponent, "riv-stacked-column", never, { "input": "input"; "valueFormatter": "valueFormatter"; "interval": "interval"; }, { "intervalChanged": "intervalChanged"; "stackClicked": "stackClicked"; }, ["calloutHeaderTemplate"], never, false, never>;
}
export declare namespace StackedColumnComponent {
    type Value = {
        date: Date;
        value: number;
    };
    type Series = {
        label: string;
        data: Value[];
        colorToken: string;
        style: LegendItemComponent.Style;
    };
    type Stack = {
        title?: string;
        series: Series[];
    };
    type StackClicked = {
        minDate: Date;
        maxDate: Date;
    };
    type CalloutContext = {
        anchor: DOMRect;
        content: {
            title?: string;
            total: string;
            series: {
                label: string;
                colorToken: string;
                style: LegendItemComponent.Style;
                value: number;
                formattedValue: string;
            }[];
        }[];
    };
}
export {};