import { ContainerType } from './Container';
import { Point } from './Point';
import { addTooltip } from './addTooltip';
export declare const CONTROL_POINT_CLASS = "controlPoint";
export declare const clamp0to1: (x: number) => number;
export declare const FULL_RADIUS = 14;
export declare class ControlPoint {
    element: SVGGraphicsElement;
    circle: SVGCircleElement;
    tooltip: ReturnType<typeof addTooltip>;
    fadedOpacity: string;
    protected container: ContainerType;
    protected isDragging: boolean;
    protected isHovered: boolean;
    protected pointerEntered: boolean;
    readonly point: Point;
    deletable: boolean;
    readonly DELETE_EVENT = "deleteme";
    readonly eventTarget: EventTarget;
    private grabX;
    private grabY;
    protected toDataSpace: (x: number) => number;
    static styleElement: HTMLStyleElement | undefined;
    constructor(container: ContainerType, point: Point, toDataSpace: (x: number) => number, deleteEventCallback?: (event: CustomEvent) => void, isNewPointFromPointer?: boolean);
    remove(): void;
    getIsDragging(): boolean;
    protected setIsDragging(isDragging: boolean): void;
    getIsHovered(): boolean;
    protected setIsHovered(isHovered: boolean): void;
    getSvgPosition(): number[];
    updateTooltip(xySvg?: [number, number] | undefined): void;
    positionElement(): void;
    movePoint(e: PointerEvent): void;
    update(): void;
    startInteraction(forceDragging?: boolean): void;
    setupInteraction(): void;
    setColor(color: string): void;
}