@uploadcare/blocks/blocks/CloudImageEditor/src/EditorImageCropper.d.ts

Building blocks for Uploadcare products integration

export class EditorImageCropper extends Block {
    init$: {
        image: any;
        '*padding': number;
        /** @type {Operations} */
        '*operations': Operations;
        /** @type {import('./types.js').Rectangle} */
        '*imageBox': import('./types.js').Rectangle;
        /** @type {import('./types.js').Rectangle} */
        '*cropBox': import('./types.js').Rectangle;
        '*ctxTargetsRegistry': Map<any, any>;
    };
    /** @private */
    private _commitDebounced;
    /** @private */
    private _handleResizeDebounced;
    /** @private */
    private _handleResize;
    /** @private */
    private _syncTransformations;
    /** @private */
    private _initCanvas;
    _canvas: HTMLCanvasElement;
    _ctx: CanvasRenderingContext2D;
    /** @private */
    private _alignImage;
    /** @private */
    private _alignCrop;
    /** @private */
    private _drawImage;
    /** @private */
    private _draw;
    /** @private */
    private _animateIn;
    /**
     * @private
     * @returns {import('./types.js').Transformations['crop']['dimensions']}
     */
    private _calculateDimensions;
    /**
     * @private
     * @returns {import('./types.js').Transformations['crop']}
     */
    private _calculateCrop;
    /** @private */
    private _commit;
    /**
     * @param {String} operation
     * @param {Number} value
     * @returns {void}
     */
    setValue(operation: string, value: number): void;
    /**
     * @param {keyof Operations} operation
     * @returns {Number | boolean}
     */
    getValue(operation: keyof Operations): number | boolean;
    /**
     * @param {import('./types.js').ImageSize} imageSize
     * @param {{ fromViewer?: boolean }} options
     */
    activate(imageSize: import('./types.js').ImageSize, { fromViewer }: {
        fromViewer?: boolean;
    }): Promise<void>;
    _isActive: boolean;
    _imageSize: import("./types.js").ImageSize;
    deactivate(): void;
    /** @private */
    private _transitionToCrop;
    /** @private */
    private _transitionToImage;
    /** @private */
    private _reset;
    /**
     * @private
     * @param {String} originalUrl
     * @param {import('./types.js').Transformations} transformations
     * @returns {Promise<HTMLImageElement>}
     */
    private _waitForImage;
    _cancelPreload: () => void;
    /**
     * @private
     * @param {String} src
     * @returns {() => void} Destructor
     */
    private _handleImageLoading;
    _observer: ResizeObserver;
}
export namespace EditorImageCropper {
    const template: string;
}
export type Operations = {
    flip: boolean;
    mirror: boolean;
    rotate: number;
};
import { Block } from "../../../abstract/Block.js";
//# sourceMappingURL=EditorImageCropper.d.ts.map