import { ElementRef, OnDestroy, OnInit } from '@angular/core';
import { OverlaysService } from '../../services/overlays.service';
import { IMarkUpData, IOverlaysState, ITimelineRange, MarkUpClass } from '../../reducers/overlays.reducer';
import { Observable } from 'rxjs';
import { Store } from '@ngrx/store';
import { Actions } from '@ngrx/effects';
import { ExtendMap } from '../../reducers/extendedMap.class';
import { IOverlayDrop } from '../../models/overlay.model';
import { TranslateService } from '@ngx-translate/core';
export declare const BASE_DROP_COLOR = "#8cceff";
export interface IEventDropsEvent {
    id: string;
    date: Date;
}
export declare class TimelineComponent implements OnInit, OnDestroy {
    protected overlaysService: OverlaysService;
    protected elementRef: ElementRef;
    protected document: any;
    protected store$: Store<IOverlaysState>;
    protected actions$: Actions;
    protected translator: TranslateService;
    context: ElementRef;
    configuration: {
        range: {
            start: Date;
            end: Date;
        };
        locale: {
            dateTime: string;
            date: string;
            time: string;
            periods: string[];
            days: string[];
            shortDays: string[];
            months: string[];
            shortMonths: string[];
        };
        bound: {
            location: string;
        };
        margin: {
            top: number;
            left: number;
            bottom: number;
            right: number;
        };
        line: {
            color: (d: any, i: any) => any;
        };
        drop: {
            onMouseOver: any;
            onMouseOut: any;
            onClick: any;
            dropId: (d: any) => string;
            color: string;
            date: (d: any) => Date;
            filterOverlap: boolean;
        };
        zoom: {
            onZoom: any;
            onZoomStart: any;
            onZoomEnd: any;
            minimumScale: number;
        };
        label: {
            width: number;
            padding: number;
            text: string;
        };
        d3: any;
    };
    private chart;
    private element;
    private oldActiveId;
    redraw$: Observable<any>;
    timeLineRange$: Observable<ITimelineRange>;
    private markup;
    dropsMarkUp$: Observable<[ExtendMap<MarkUpClass, IMarkUpData>, any]>;
    dropsIdMap: Map<string, IOverlayDrop>;
    dropsChange$: Observable<IOverlayDrop[]>;
    onResize$: Observable<any>;
    constructor(overlaysService: OverlaysService, elementRef: ElementRef, document: any, store$: Store<IOverlaysState>, actions$: Actions, translator: TranslateService);
    addRStyle(): void;
    ngOnInit(): void;
    ngOnDestroy(): void;
    onMouseOver({ id }: IEventDropsEvent): void;
    onMouseOut({ id }: IEventDropsEvent): void;
    onClick({ id }: IEventDropsEvent): void;
    isNoOverlaysLeft(): boolean;
    getCurrentTimeLineRange(): Date[];
    onZoomEnd(): void;
    initEventDropsSequence(drops: any): void;
    removeOldEventDrops(): void;
    isTimeChanged(timeRange: any): boolean;
    checkDifferenceInTimeRange([newMarkUp, drops]: [ExtendMap<MarkUpClass, IMarkUpData>, any]): void;
    initEventDrop(drops: any): void;
    drawMarkup(): void;
    appendLetters(textContainer: any, dropElement: any, symbol: any): void;
    clearMarkUp(dropsElements: any): void;
    arrangeDrops(drops: any, textContainer: any): void;
    moveToFront(element: any): void;
}