type DtChartLegend = 'top' | 'bottom' | 'left' | 'right' | 'none';
type DtChartType = 'bar' | 'line' | 'area' | 'pie' | 'doughnut' | 'radar' | 'scatter' | 'bubble';
export interface DtChartDatasetInput {
    label?: string;
    data: Array<number | {
        x: number;
        y: number;
    } | {
        x: number;
        y: number;
        r: number;
    }>;
    color?: string;
}
export interface DtChartDataInput {
    labels?: string[];
    datasets: DtChartDatasetInput[];
}
export interface DtChartClickDetail {
    label: string | null;
    datasetIndex: number;
    index: number;
    value: unknown;
}
/**
 * `<dt-chart>` — lazy-loaded Chart.js wrapper.
 *
 * Set the `.data` JS property to provide chart data. This is the only supported
 * method for filling data into the chart.
 */
export declare class DtChart extends HTMLElement {
    private readonly _canvas;
    private readonly _status;
    private _runtime;
    private _loadPromise;
    private _chart;
    private _renderedType;
    private _dataInput;
    private _optionsOverride;
    private _syncFrame;
    static get observedAttributes(): string[];
    get type(): DtChartType;
    set type(value: DtChartType);
    get legend(): DtChartLegend;
    set legend(value: DtChartLegend);
    get stacked(): boolean;
    set stacked(value: boolean);
    get labels(): string[];
    set labels(value: string[]);
    get data(): DtChartDataInput | null;
    set data(value: DtChartDataInput | null);
    get options(): Record<string, unknown> | null;
    set options(value: Record<string, unknown> | null);
    constructor();
    connectedCallback(): void;
    disconnectedCallback(): void;
    attributeChangedCallback(): void;
    private _handleCanvasClick;
    private _scheduleSync;
    private _syncFromCurrentSource;
    private _ensureRuntime;
    private _renderChart;
    private _buildConfig;
    private _setStatus;
}
export {};
//# sourceMappingURL=dt-chart.d.ts.map