import { Equatable } from './equality.js';
import { Layout } from './layout.js';
import { BasicNode, Node } from './node.js';
import { Transform2D } from './transform.js';
/**
 * A {@link Node} that is bound to a DOM element and can accurately project the element
 * into an arbitrary layout.
 * @see https://www.youtube.com/watch?v=5-JIu0u42Jc Inside Framer Motion's Layout Animations - Matt Perry
 * @see https://gist.github.com/TheNightmareX/f5bf72e81d2667f6036e91cf81270ef7 Layout Projection - Matt Perry
 */
export declare abstract class ProjectionNode extends Node {
    /**
     * Returns the corresponding element of this projection node.
     */
    abstract element(): HTMLElement;
    /**
     * Reset the node and the element by:
     * - remove any styles applied on the element because of the current projection
     * - clear the {@link measurement} and {@link projection} information
     */
    abstract reset(): void;
    /**
     * Measure the original layout and relevant styles of the element.
     * The measurement result can also be accessed via {@link measurement}.
     *
     * The measurement is expected to match the original, browser-computed,
     * layout and styles of the element, before any projection is performed.
     *
     * If the node has a pending projection, it is necessary to {@link reset} it
     * before measuring it.
     *
     * @throws if the node has a pending {@link projection}.
     *
     * @returns the measurement result
     */
    abstract measure(): Measurement;
    /**
     * Return the latest {@link measure} result of this projection node, or null
     * if no measurement has been performed ever, or since the last {@link reset}.
     *
     * The measurement is expected to match the original, browser-computed,
     * layout and styles of the element, before any projection is performed.
     */
    abstract measurement(): Measurement | null;
    /**
     * Projects the element to the given layout by applying a CSS transform.
     * Requires the {@link measurement} to exist and up-to-date.
     *
     * All ancestor projection nodes will be taken into account, to cancel the
     * transform distortion resulted by their projection.
     *
     * Parent nodes should always be projected before their children.
     *
     * @param dest the destination layout
     * @returns information about the performed projection
     */
    abstract project(dest: Layout): Projection;
    /**
     * Return the information about the current projection, or null
     * if no projection has been performed ever, or since the last
     * {@link reset}.
     */
    abstract projection(): Projection | null;
}
/**
 * A snapshot of the original, browser-computed, layout and relevant styles
 * of the element or a {@link ProjectionNode}.
 */
export interface Measurement extends Equatable {
    /**
     * The layout of the element at the time of measurement.
     */
    readonly layout: Layout;
}
/**
 * Information about a performed projection.
 */
export interface Projection {
    /**
     * The measurement used for this projection.
     */
    readonly measurement: Measurement;
    /**
     * The layout of the element before this projection, potentially
     * distorted by parent projection.
     */
    readonly layoutFrom: Layout;
    /**
     * The destination layout the element was projected to.
     */
    readonly layoutDest: Layout;
    /**
     * The actual transform applied on the element to project it from its
     * current, potentially distorted, layout to the destination layout.
     */
    readonly transformApplied: Transform2D;
    /**
     * The theoretical transform that projects the element from its
     * original, undistorted, layout to the destination layout.
     */
    readonly transformPhysical: Transform2D;
}
export declare class BasicProjectionNode extends BasicNode implements ProjectionNode {
    #private;
    constructor(element: HTMLElement, id: string);
    element(): HTMLElement;
    reset(): void;
    measure(): Measurement;
    measurement(): Measurement | null;
    project(dest: Layout): Projection;
    projection(): Projection | null;
}
//# sourceMappingURL=projection-node.d.ts.map