import { LitElement, TemplateResult } from 'lit';
import '../shared/lit-loader.js';
export type ChartProps = {
    type?: Type;
    data?: ChartData;
    isLoading?: boolean;
    colorPalette?: 'modern' | 'vibrant' | 'pastel' | 'ocean' | 'primary';
    useGradients?: boolean;
    showLegend?: boolean;
};
type Type = 'bar' | 'line' | 'bubble' | 'pie' | 'doughnut' | 'gantt';
export type ChartData = {
    labels: string[];
    datasets: {
        label?: string;
        data: number[] | {
            x: number;
            y: number;
            r: number;
        }[] | {
            x: [string, string];
            y: string;
        }[];
        backgroundColor?: string | string[];
        borderColor?: string;
        borderWidth?: number;
    }[];
    title: string;
    xAxisLabel?: string;
    yAxisLabel?: string;
    useGradients?: boolean;
    colorPalette?: 'modern' | 'vibrant' | 'pastel' | 'ocean' | 'primary';
};
export declare class LitChart extends LitElement {
    type: Type;
    data: ChartData;
    isLoading: boolean;
    colorPalette: 'modern' | 'vibrant' | 'pastel' | 'ocean' | 'primary';
    useGradients: boolean;
    showLegend: boolean;
    private chart;
    disconnectedCallback(): void;
    private getPrimaryColor;
    static styles: import("lit").CSSResult[];
    protected updated(changedProperties: Map<string | number | symbol, unknown>): void;
    private colorPalettes;
    private hexToHSL;
    private hslToHex;
    private generatePrimaryColorPalette;
    private generateColors;
    private createGradient;
    private createRadialGradient;
    private renderChart;
    private renderGanttChart;
    private renderPieAndDoughnutChart;
    private renderBubbleChart;
    private renderBarAndLineChart;
    protected render(): TemplateResult | null;
}
declare global {
    interface HTMLElementTagNameMap {
        'lit-chart': LitChart;
    }
}
export {};