/** Angular */
import * as ng from "@angular/core";
/** Core */
import { CoreComponent } from "cmf.core/src/core";
import { ChartSeriesColor, CHART_SERIES_DEFAULT_COLORS } from "../dataSeriesChart/dataSeriesChart";
/** Kendo */
import "kendo.tooltip";
export { ChartSeriesColor as TimelineChartSeriesColor };
export { CHART_SERIES_DEFAULT_COLORS as SYSTEM_DEFAULT_COLORS };
/**
 * CaptionEntry
 */
export interface CaptionEntry {
    name: string;
    color: string;
}
/**
* @whatItDoes
* This component is used to represent a TimeLine Chart
*
* @howToUse
* This component is used with the inputs and outputs mentioned below
*
* ### Inputs
* * `TimeLineChartRange[]` : **data** - Data for TimeLine Chart;
* * `string` : **backgroundColor** - Color for background;
* * `string` : **beginField** - Begin interval field
* * `string` : **endField** - End interval field
* * `string` : **colorField** - Color field
* * `string` : **categoryField** - Name field
* * `boolean` : **autoGeneratedColors** - If colors are auto generated
* * `boolean` : **showCaption** - If the chart show a caption or not;
*
* ### Outputs
* _This component has no outputs
*
* ## Example
*
* ```html
* <cmf-core-controls-timeLineChart [data]="_data" backgroundColor="#AAA">
* <cmf-core-controls-timeLineChart>
* ```
*/
export declare class TimeLineChart extends CoreComponent implements ng.OnChanges, ng.AfterViewInit {
    private elementRef;
    /**
     * Element Query
     */
    private _elementQuery;
    /**
     * Stores the element query
     */
    private _canvas;
    /**
     * Stores the timeline body element
     */
    private _timeline;
    /**
     * Ranges
     */
    private _ranges;
    /**
     * Highlighted Range
     */
    private _highlightedRange;
    /**
     * Width
     */
    private _width;
    /**
     * Height
     */
    private _height;
    /**
     * Kendo Tooltip
     */
    private _tooltip;
    /**
     * Caption
     */
    caption: CaptionEntry[];
    /**
     * Main Title
     */
    mainTitle: string;
    /**
     * Sub Title
     */
    subTitle: string;
    /**
     * Data
     */
    data: any[];
    /**
     * Background color
     */
    backgroundColor: string;
    /**
     * Category field
     */
    categoryField: string;
    /**
     * Color field
     */
    colorField: string;
    /**
     * Begin field
     */
    beginField: string;
    /**
     * End field
     */
    endField: string;
    /**
     * Auto generated colors
     */
    autoGeneratedColors: boolean;
    /**
     * Show caption
     */
    showCaption: boolean;
    /**
    * Constructor
    */
    constructor(elementRef: ng.ElementRef);
    /**
     * Generate ranges
     */
    private generateRanges;
    /**
     * Draw chart
     */
    private drawChart;
    /**
     * Update tooltip position
     */
    private updateTooltipPosition;
    /**
     * Set tooltip
     */
    private setTooltip;
    /**
     * On mouse move
     */
    mouseMove(event: MouseEvent): void;
    /**
    * On Changes
    * @param changes Changes
    */
    ngOnChanges(changes: ng.SimpleChanges): void;
    /**
    * After View Init
    */
    ngAfterViewInit(): void;
}
export declare class TimeLineChartModule {
}