import { Node } from '../core/node.js';
import { Vector } from '../core/vector.js';
import { UIEvent, UINode, UINodeOptions, UINodeStyle } from './ui-node.js';
export declare class Slider2D extends UINode<Slider2DStyle> {
    style: Slider2DStyle;
    private _value;
    private thumbHitColor;
    offThumbCanvas: OffscreenCanvas | HTMLCanvasElement;
    private offThumbContext;
    get value(): Vector;
    set value(value: Vector);
    constructor(node: Node, _options?: Slider2DOptions);
    protected created(options: Slider2DOptions): void;
    renderOffThumb(): void;
    paint(): void;
    paintLOD1(): void;
    offPaint(): void;
    reflow(): void;
    getHitPoint(realPosition: Vector): boolean;
    movePoint(realPosition: Vector): void;
    onPropChange(_oldVal: any, newVal: any): void;
    private isHit;
    onUp(): void;
    onDrag(event: UIEvent): void;
    onExit(event: UIEvent): void;
}
export interface Slider2DStyle extends UINodeStyle {
    pointDiameter?: number;
    backgroundColor?: string;
    thumbColor?: string;
    borderColor?: string;
    borderWidth?: number;
}
export interface Slider2DOptions extends UINodeOptions<Slider2DStyle> {
    value?: Vector;
}