import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
import type { DonutChartData } from 'q2-tecton-common/lib/types/elements';
/**
 * @name Legend
 * @category Data Visualization
 * @summary Use for displaying chart legends with interactive item selection.
 */
export declare class Q2Legend implements ComponentInterface {
    hoveredItemIndex: number;
    selectedItemIndex: number;
    /** Controls when numbers displayed as currency, if they are whole numbers, they will not include the .00. */
    currencyRound: boolean;
    /** An array of objects that contain the data to be displayed. */
    data: DonutChartData[];
    /** The format of the value displayed in the legend. */
    format: 'default' | 'currency';
    /** The id of the item to set as hovered. */
    hoveredItemId: string;
    /** The id of the item to set as selected. */
    selectedItemId: string;
    /**
     * Emitted when a legend item is clicked.
     * @deprecated Use 'tctClick' instead
     */
    click: EventEmitter<DonutChartData>;
    /**
     * Emitted when the mouse enters a legend item.
     * @deprecated Use 'tctMouseenter' instead
     */
    mouseenter: EventEmitter<DonutChartData>;
    /**
     * Emitted when the mouse leaves a legend item.
     * @deprecated Use 'tctMouseleave' instead
     */
    mouseleave: EventEmitter<DonutChartData>;
    /**
     * Emitted when a legend item is clicked.
     */
    tctClick: EventEmitter<DonutChartData>;
    /**
     * Emitted when the mouse enters a legend item.
     */
    tctMouseEnter: EventEmitter<DonutChartData>;
    /**
     * Emitted when the mouse leaves a legend item.
     */
    tctMouseLeave: EventEmitter<DonutChartData>;
    componentWillLoad(): void;
    watchHoveredItemId(newItemId: string): void;
    watchSelectedItemId(newItemId: string): void;
    get dataWithClasses(): {
        classes: {
            'item-button': boolean;
            'item-button-faded': boolean;
            'item-button-selected': boolean;
        };
        icon?: string;
        itemStyle?: any;
        id: string;
        value: number;
        name: string;
        color?: string;
    }[];
    formatValue(value: string | number): string;
    getDataIndexForId(id: string): number;
    isItemButtonFaded(index: number): boolean;
    isItemButtonSelected(index: number): boolean;
    onClick(event: MouseEvent, itemData: DonutChartData): void;
    onClickElsewhere(obj: any): void;
    onMouseEnter(event: Event, itemData: DonutChartData): void;
    onMouseLeave(event: Event, itemData: DonutChartData): void;
    render(): any;
}