import { ChangeDetectorRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
import type { Components } from '@ds-mo/ui/components';
import type { DsChartLegendCustomEvent } from '@ds-mo/ui/components';
import type { ChartLegendItem as IDsChartLegendChartLegendItem } from '@ds-mo/ui/components';
import * as i0 from "@angular/core";
export declare class DsChartLegend {
    protected z: NgZone;
    protected el: HTMLDsChartLegendElement;
    dsItemHover: EventEmitter<DsChartLegendCustomEvent<IDsChartLegendChartLegendItem | null>>;
    dsItemClick: EventEmitter<DsChartLegendCustomEvent<{
        item: IDsChartLegendChartLegendItem;
        originalEvent: MouseEvent;
    }>>;
    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
    static ɵfac: i0.ɵɵFactoryDeclaration<DsChartLegend, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DsChartLegend, "ds-chart-legend", never, { "activeLabel": { "alias": "activeLabel"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "highlightOnHover": { "alias": "highlightOnHover"; "required": false; }; "items": { "alias": "items"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "percentageDecimals": { "alias": "percentageDecimals"; "required": false; }; "showPercentage": { "alias": "showPercentage"; "required": false; }; }, { "dsItemHover": "dsItemHover"; "dsItemClick": "dsItemClick"; }, never, ["*"], true, never>;
}
export declare interface DsChartLegend extends Components.DsChartLegend {
    /**
     * Fires on row hover/focus with the item, or `null` on leave/blur.
     */
    dsItemHover: EventEmitter<DsChartLegendCustomEvent<IDsChartLegendChartLegendItem | null>>;
    /**
     * Fires when a deep-linkable row (`item.href` set) is activated.
     */
    dsItemClick: EventEmitter<DsChartLegendCustomEvent<{
        item: IDsChartLegendChartLegendItem;
        originalEvent: MouseEvent;
    }>>;
}