import { ElementRef, OnDestroy, OnInit, Renderer2 } from "@angular/core";
import { CanvasPaintFunc, CanvasResizeMode, InteractiveCanvas, InteractiveCanvasArea, InteractiveCanvasItem, InteractiveCanvasParams, InteractiveCanvasPointer, InteractiveCanvasRenderer, InteractivePanEvent, IPoint, RangeCoords } from "../../common-types";
import { Point } from "../../utils/geometry";
import { UniversalService } from "../../services/universal.service";
import { InteractiveItemComponent } from "./interactive-item.component";
import * as i0 from "@angular/core";
export declare class InteractiveCanvasComponent implements InteractiveCanvas, OnInit, OnDestroy {
    /**
     * Injectable options
     * @private
     */
    protected readonly options: {
        infinite: boolean;
        resizeMode: CanvasResizeMode;
        panOffset: number;
    };
    protected readonly renderer: Renderer2;
    protected readonly universal: UniversalService;
    /**
     * Is the canvas infinitely scrollable?
     */
    readonly infinite: import("@angular/core").InputSignal<boolean>;
    readonly resizeMode: import("@angular/core").InputSignal<CanvasResizeMode>;
    readonly horizontal: import("@angular/core").InputSignal<boolean>;
    /**
     * Real life-size width of the canvas
     */
    readonly width: import("@angular/core").InputSignal<number>;
    /**
     * Real life-size height of the canvas
     */
    readonly height: import("@angular/core").InputSignal<number>;
    /**
     * Canvas params
     */
    readonly params: import("@angular/core").InputSignalWithTransform<InteractiveCanvasParams, InteractiveCanvasParams>;
    /**
     * Model signal for selected index
     */
    readonly selectedIndex: import("@angular/core").ModelSignal<number>;
    /**
     * Relative offset of the panning. It is based on the rendered canvas height
     */
    readonly panOffset: import("@angular/core").InputSignal<number>;
    readonly renderCtx: import("@angular/core").InputSignal<Record<string, any>>;
    readonly beforeItems: import("@angular/core").InputSignal<readonly InteractiveCanvasRenderer[]>;
    readonly afterItems: import("@angular/core").InputSignal<readonly InteractiveCanvasRenderer[]>;
    readonly onRotate: import("@angular/core").OutputEmitterRef<number>;
    readonly onItemPan: import("@angular/core").OutputEmitterRef<InteractivePanEvent>;
    readonly onItemPanned: import("@angular/core").OutputEmitterRef<InteractivePanEvent>;
    readonly onPan: import("@angular/core").OutputEmitterRef<InteractivePanEvent>;
    readonly onPanned: import("@angular/core").OutputEmitterRef<InteractivePanEvent>;
    readonly itemList: import("@angular/core").Signal<readonly InteractiveItemComponent[]>;
    get isInfinite(): boolean;
    get realWidth(): number;
    get realHeight(): number;
    get items(): ReadonlyArray<InteractiveItemComponent>;
    get canvas(): HTMLCanvasElement;
    get lockedItem(): InteractiveItemComponent;
    get selectedItem(): InteractiveItemComponent;
    set selectedItem(item: InteractiveItemComponent);
    get hoveredItem(): InteractiveItemComponent;
    set hoveredItem(item: InteractiveItemComponent);
    xRange: RangeCoords;
    yRange: RangeCoords;
    ratio: number;
    styles: CSSStyleDeclaration;
    ctx: CanvasRenderingContext2D;
    canvasWidth: number;
    canvasHeight: number;
    fullHeight: number;
    viewRatio: number;
    rotation: number;
    basePan: number;
    cycles: number[];
    excludedAreas: InteractiveCanvasArea[];
    protected tempCanvas: HTMLCanvasElement;
    protected shouldDraw: boolean;
    protected hoveredIndex: number;
    protected containerElem: ElementRef<HTMLDivElement>;
    protected canvasElem: ElementRef<HTMLCanvasElement>;
    protected touched: boolean;
    protected panStartRotation: number;
    protected panStartPos: IPoint;
    protected lockedIndex: number;
    protected oldLength: number;
    constructor();
    ngOnInit(): void;
    ngOnDestroy(): void;
    tempPaint(cb: CanvasPaintFunc): Promise<void>;
    resize(): void;
    onTouchStart($event: TouchEvent): void;
    onTouchEnd(): void;
    onMouseDown($event: MouseEvent): void;
    onMouseUp(): void;
    onMouseMove($event: MouseEvent): void;
    onMouseLeave(): void;
    onPanStart(): void;
    onPanMove($event: any): void;
    onPanEnd(): void;
    protected fixRotation(): void;
    protected selectItem(): void;
    protected toCanvasPoint(pointer: InteractiveCanvasPointer): Point;
    protected getIndexUnderPointer(pointer: InteractiveCanvasPointer): number;
    protected updateCursor(): void;
    protected getCursor(): string;
    protected redraw(): void;
    protected drawItems(): Promise<void>;
    protected drawItem(ctx: CanvasRenderingContext2D, item: InteractiveCanvasItem): Promise<void>;
    protected draw(): Promise<void>;
    static ɵfac: i0.ɵɵFactoryDeclaration<InteractiveCanvasComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<InteractiveCanvasComponent, "interactive-canvas", never, { "infinite": { "alias": "infinite"; "required": false; "isSignal": true; }; "resizeMode": { "alias": "resizeMode"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "params": { "alias": "params"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "panOffset": { "alias": "panOffset"; "required": false; "isSignal": true; }; "renderCtx": { "alias": "renderCtx"; "required": false; "isSignal": true; }; "beforeItems": { "alias": "beforeItems"; "required": false; "isSignal": true; }; "afterItems": { "alias": "afterItems"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; "onRotate": "onRotate"; "onItemPan": "onItemPan"; "onItemPanned": "onItemPanned"; "onPan": "onPan"; "onPanned": "onPanned"; }, ["itemList"], never, false, never>;
}