import { Emitter } from 'node-graph-engine';
import { DefaultEditorEvents } from '../events';
import { ZoomSource } from './zoom';
export declare type MouseData = {
    x: number;
    y: number;
};
export declare type TransformData = {
    x: number;
    y: number;
    scale: number;
};
export declare class Area extends Emitter<DefaultEditorEvents> {
    container: HTMLElement;
    element: HTMLElement;
    transform: TransformData;
    mouse: MouseData;
    private startPosition;
    private drag;
    private zoom;
    constructor(container: HTMLElement, emitter: Emitter<DefaultEditorEvents>);
    update(): void;
    pointermove(event: PointerEvent): void;
    onStart(): void;
    doTranslate(x: number, y: number): void;
    onTranslate(dx: number, dy: number): void;
    doZoom(zoom: number, ox: number | undefined, oy: number | undefined, source: ZoomSource): void;
    onZoom(delta: number, ox: number, oy: number, source: ZoomSource): void;
    appendChild(element: HTMLElement): void;
    removeChild(element: HTMLElement): void;
}