import NightingaleElement from "@nightingale-elements/nightingale-new-core";
import { RawPosition } from "../../types/types";
import "./FakeScroll";
declare const DraggingComponent_base: import("@nightingale-elements/nightingale-new-core/dist/nightingale-base-element").Constructor<import("@nightingale-elements/nightingale-new-core/dist/mixins/withZoom").WithZoomInterface> & import("@nightingale-elements/nightingale-new-core/dist/nightingale-base-element").Constructor<import("@nightingale-elements/nightingale-new-core/dist/mixins/withPosition").withPositionInterface> & import("@nightingale-elements/nightingale-new-core/dist/nightingale-base-element").Constructor<import("@nightingale-elements/nightingale-new-core/dist/mixins/withDimensions").WithDimensionsInterface> & typeof NightingaleElement;
/**
Sub-classes are expected to implement:
- drawScene
- onPositionUpdate(oldPos, newPos)

*/
declare abstract class DraggingComponent extends DraggingComponent_base {
    "use-ctrl-to-zoom": boolean;
    "margin-right": number;
    "margin-left": number;
    mouse: {
        isMouseWithin: boolean;
        cursorState: string;
    };
    fullWidth: number;
    fullHeight: number;
    x: number;
    y: number;
    protected uniqueId: string;
    protected ctxBuffers: (CanvasRenderingContext2D | null)[];
    protected ctx: CanvasRenderingContext2D | null;
    protected canvasBuffers: HTMLCanvasElement[];
    protected container?: HTMLElement | null;
    protected currentContext: number;
    protected isInDragPhase: boolean;
    protected mouseHasMoved: boolean;
    protected mouseMovePosition?: RawPosition;
    /**
     * Called on every movement to rerender the canvas.
     */
    abstract drawScene(): void;
    /**
     * Called on every position update.
     */
    abstract onPositionUpdate(newPosition?: RawPosition, oldPosition?: RawPosition): void;
    firstUpdated(): void;
    /**
     * We buffer the canvas to display and allow to be redrawn while not being visible.
     * Only after it has been drawn, the canvas element will be flipped to a visible state.
     * In other words, we have two canvas elements (1 visible, 1 hidden) and
     * a new `draw` happens on the hidden one. After a `draw` operation these canvas
     * elements are "swapped" by this method.
     *
     * This method swaps the visibility of the DOM nodes and sets `this.ctx`
     * to the hidden canvas.
     */
    swapContexts(): void;
    /**
     * Starts a draw operation by essentially:
     * - clearing the current context (the hidden canvas)
     * - calling `drawScene` to render the current canvas
     * - swapping canvas contexts with `swapContexts`
     */
    draw(): void;
    zoomRefreshed(): void;
    abstract handleZooomChanged(): void;
    render(): import("lit-html").TemplateResult<1>;
}
export default DraggingComponent;
//# sourceMappingURL=DraggingComponent.d.ts.map