import { LitElement } from 'lit'; export interface SparklineDataPoint { value: number; label?: string; color?: string; } /** * Sparkline component for inline mini charts showing trends * * @element ui-sparkline * * @prop {number[] | SparklineDataPoint[]} data - Chart data * @prop {'line' | 'bar' | 'area'} type - Chart type * @prop {number} width - Chart width * @prop {number} height - Chart height * @prop {string} color - Primary color * @prop {string} fillColor - Fill color for area charts * @prop {number} strokeWidth - Line stroke width * @prop {boolean} showDots - Show data points * @prop {boolean} showTooltip - Show tooltip on hover * @prop {boolean} showArea - Fill area under line * @prop {boolean} smooth - Smooth line curves * @prop {number} min - Minimum value (auto if not set) * @prop {number} max - Maximum value (auto if not set) * @prop {boolean} showTrend - Show trend indicator * @prop {boolean} animated - Enable animations * * @fires point-click - Fired when a data point is clicked * @fires point-hover - Fired when a data point is hovered * * @csspart container - The sparkline container * @csspart svg - The SVG element * @csspart trend - Trend indicator */ export declare class Sparkline extends LitElement { data: number[] | SparklineDataPoint[]; type: 'line' | 'bar' | 'area'; width: number; height: number; color: string; fillColor: string; strokeWidth: number; showDots: boolean; showTooltip: boolean; showArea: boolean; smooth: boolean; min?: number; max?: number; showTrend: boolean; animated: boolean; ariaLabel: string; private sparklineId; private descriptionId; static styles: import("lit").CSSResult; private normalizeData; private getDataPoint; private getMinMax; private getTrend; private renderLineChart; private renderBarChart; private renderAreaChart; private renderChart; private renderTrendIndicator; private handlePointClick; private handlePointHover; private handlePointLeave; render(): import("lit-html").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { 'ui-sparkline': Sparkline; } } //# sourceMappingURL=sparkline.d.ts.map