import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
import { Leg, PtRideLeg } from '../core/timetable.js';

/**
 * It visually displays journey information.
 */
export declare class SbbPearlChainElement extends LitElement {
    static styles: CSSResultGroup;
    /**
     * Define the legs of the pearl-chain.
     * Format:
     * `{"legs": [{"duration": 25}, ...]}`
     * `duration` in minutes. Duration of the leg is relative
     * to the total travel time. Example: departure 16:30, change at 16:40,
     * arrival at 17:00. So the change should have a duration of 33.33%.
     */
    legs?: (Leg | PtRideLeg)[];
    /**
     * Per default, the current location has a pulsating animation. You can
     * disable the animation with this property.
     */
    disableAnimation?: boolean;
    private _now;
    private _getAllDuration;
    private _isAllCancelled;
    private _getRelativeDuration;
    private _getProgress;
    private _getStatus;
    private _renderPosition;
    protected render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'sbb-pearl-chain': SbbPearlChainElement;
    }
}
//# sourceMappingURL=pearl-chain.d.ts.map