import * as PIXI from "pixi.js-legacy";
import * as MedsurfDraw from "../../public-api";
import { BaseContainer, BaseContainerImageModel } from "../../bases/elements/BaseContainer";
export declare class ColorSquareElementModel extends BaseContainerImageModel {
    color: number | undefined;
    squareWidth: number;
    squareHeight: number;
}
export declare class ColorSquareElement extends BaseContainer<ColorSquareElementModel> {
    protected _canvas: HTMLCanvasElement;
    protected _canvasContext: CanvasRenderingContext2D;
    private _moveInteraction;
    protected _backgroundElement: PIXI.Sprite;
    protected _borderElement: MedsurfDraw.Rectangle;
    protected _pointElement: MedsurfDraw.Circle;
    constructor(model: ColorSquareElementModel);
    init(parent: MedsurfDraw.ImageObject): void;
    draw(): void;
    destroy(options?: {
        children?: boolean;
        texture?: boolean;
        baseTexture?: boolean;
    }): void;
    createSliderBackground(hue: number): void;
    protected _emitColor(): void;
    onStartMove(event: PIXI.InteractionEvent): void;
    onMove(event: PIXI.InteractionEvent, dX: number, dY: number): void;
    get color(): number | undefined;
    set color(value: number | undefined);
    get squareWidth(): number;
    set squareWidth(value: number);
    get squareHeight(): number;
    set squareHeight(value: number);
    get moveInteraction(): MedsurfDraw.MoveInteraction<ColorSquareElement>;
    set moveInteraction(value: MedsurfDraw.MoveInteraction<ColorSquareElement>);
}