import { type ShowControlsProp } from '../controls';
import type { Vec2 } from '../math';
import type { Orientation } from '../plot';
import { Histogram, ScatterPlot } from '../plot';
import Structure from '../structure/Structure.svelte';
import type { ComponentProps, Snippet } from 'svelte';
import type { HTMLAttributes } from 'svelte/elements';
import type { TrajectoryController, TrajectoryXQuantity, TrajHandlerData } from './index';
import type { TrajectoryRun } from './run';
export type TrajectoryPane = `controls` | `info` | `msd` | `vacf` | `rdf` | `spectroscopy` | `structure-id` | `data-inspector` | `export`;
export type TrajectoryDisplayMode = `structure+scatter` | `structure` | `scatter` | `histogram` | `structure+histogram`;
export type TrajectoryControlName = `filename` | `nav` | `step` | `fps` | `info-pane` | `export-pane` | `msd-pane` | `vacf-pane` | `rdf-pane` | `spectroscopy-pane` | `structure-id-pane` | `data-inspector-pane` | `x-axis` | `view-mode` | `fullscreen`;
type ControlsProps = {
    trajectory: TrajectoryRun;
    current_step_idx: number;
    total_frames: number;
    on_step_change: (idx: number) => void;
};
type EventHandler = (data: TrajHandlerData) => void;
type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
    trajectory: TrajectoryRun;
    current_step_idx?: number;
    fps?: number;
    fps_range?: Readonly<Vec2>;
    auto_play?: boolean;
    display_mode?: TrajectoryDisplayMode;
    layout?: `auto` | Orientation;
    pane_ratio?: number;
    structure_props?: ComponentProps<typeof Structure>;
    supercell_scaling?: string;
    scatter_props?: ComponentProps<typeof ScatterPlot>;
    histogram_props?: Omit<ComponentProps<typeof Histogram>, `series`>;
    property_labels?: Record<string, string>;
    x_quantity?: TrajectoryXQuantity;
    visible_properties?: string[];
    step_labels?: number | number[];
    plot_skimming?: boolean;
    show_controls?: ShowControlsProp<TrajectoryControlName>;
    fullscreen_toggle?: boolean;
    fullscreen?: boolean;
    hovered?: boolean;
    wrapper?: HTMLDivElement;
    trajectory_controls?: Snippet<[ControlsProps]>;
    active_pane?: TrajectoryPane | null;
    on_step_change?: EventHandler;
    on_play?: EventHandler;
    on_pause?: EventHandler;
    on_end?: EventHandler;
    on_loop?: EventHandler;
    on_frame_rate_change?: EventHandler;
    on_display_mode_change?: EventHandler;
    on_fullscreen_change?: EventHandler;
    on_controller?: (controller: TrajectoryController | null) => void;
};
declare const Trajectory: import("svelte").Component<$$ComponentProps, {}, "fps" | "display_mode" | "fullscreen" | "wrapper" | "hovered" | "supercell_scaling" | "active_pane" | "current_step_idx" | "pane_ratio" | "x_quantity" | "visible_properties">;
type Trajectory = ReturnType<typeof Trajectory>;
export default Trajectory;