manga-renderer 1.0.0

package/dist/lib/layeredCanvas/system/layeredCanvas.d.ts

@@ -0,0 +1,172 @@
+import type { Vector, Rect } from "../tools/geometry/geometry";
+type OnHint = (p: Rect | null, s: string | null) => void;
+export declare class Viewport {
+    canvas: HTMLCanvasElement;
+    ctx: CanvasRenderingContext2D;
+    translate: Vector;
+    viewTranslate: Vector;
+    scale: number;
+    dirty: boolean;
+    onHint: OnHint;
+    constructor(c: HTMLCanvasElement, onHint: OnHint);
+    viewportPositionToCanvasPosition(p: Vector): Vector;
+    canvasPositionToViewportPosition(p: Vector): Vector;
+    getCanvasCenter(): Vector;
+}
+export interface Dragging {
+    layer: Layer;
+    payload: any;
+}
+export interface Picked {
+    selected: boolean;
+    action: () => void;
+}
+export interface Layer {
+    getPaperSize(): void;
+    rebuildPageLayouts(matrix: DOMMatrix): void;
+    redraw(): void;
+    pierce(): void;
+    showHint(rect: Rect | null, message: string | null): void;
+    pointerHover(position: Vector | null): boolean;
+    accepts(position: Vector, button: number, depth: number): any;
+    pointerDown(position: Vector, payload: any): void;
+    pointerMove(position: Vector, payload: any): void;
+    pointerUp(position: Vector, payload: any): void;
+    pointerCancel(position: Vector, payload: any): void;
+    prerender(): void;
+    render(ctx: CanvasRenderingContext2D, depth: number): void;
+    dropped(position: Vector, media: HTMLCanvasElement | HTMLVideoElement): boolean;
+    beforeDoubleClick(position: Vector): boolean;
+    doubleClicked(position: Vector): boolean;
+    keyDown(position: Vector, event: KeyboardEvent): Promise<boolean>;
+    wheel(position: Vector, delta: number): boolean;
+    flushHints(viewport: Viewport): void;
+    renderDepths(): number[];
+    acceptDepths(): number[];
+    pick(p: Vector): Picked[];
+    paper: Paper;
+    redrawRequired: boolean;
+    pierceRequired: boolean;
+    mode: any;
+}
+export declare class LayerBase implements Layer {
+    paper: Paper;
+    hint: (rect: Rect | null, message: string | null) => void;
+    constructor();
+    getPaperSize(): Vector;
+    rebuildPageLayouts(matrix: DOMMatrix): void;
+    redraw(): void;
+    pierce(): void;
+    showHint(rect: Rect | null, message: string | null): void;
+    pointerHover(position: Vector | null): boolean;
+    accepts(position: Vector, button: number, depth: number): any;
+    pointerDown(position: Vector, payload: any): void;
+    pointerMove(position: Vector, payload: any): void;
+    pointerUp(position: Vector, payload: any): void;
+    pointerCancel(position: Vector, payload: any): void;
+    prerender(): void;
+    render(ctx: CanvasRenderingContext2D, depth: number): void;
+    dropped(position: Vector, media: HTMLCanvasElement | HTMLVideoElement): boolean;
+    beforeDoubleClick(position: Vector): boolean;
+    doubleClicked(position: Vector): boolean;
+    keyDown(position: Vector, event: KeyboardEvent): Promise<boolean>;
+    wheel(position: Vector, delta: number): boolean;
+    flushHints(viewport: Viewport): void;
+    renderDepths(): number[];
+    acceptDepths(): number[];
+    pick(p: Vector): Picked[];
+    redrawRequired_: boolean;
+    get redrawRequired(): boolean;
+    set redrawRequired(f: boolean);
+    pierceRequired_: boolean;
+    get pierceRequired(): boolean;
+    set pierceRequired(f: boolean);
+    mode_: any;
+    set mode(mode: any);
+    get mode(): any;
+}
+export declare class Paper {
+    matrix: DOMMatrix;
+    size: Vector;
+    layers: Layer[];
+    hint: {
+        rect: Rect | null;
+        message: string | null;
+    } | null;
+    root: boolean;
+    constructor(size: Vector, root: boolean);
+    handleAccepts(p: Vector, button: number, depth: number): Dragging | null;
+    handlePointerDown(p: Vector, dragging: Dragging): void;
+    handlePointerHover(p: Vector): boolean;
+    handlePointerMove(p: Vector, dragging: Dragging): void;
+    handlePointerUp(p: Vector, dragging: Dragging): void;
+    handlePointerLeave(p: Vector, dragging: Dragging): void;
+    handleCancel(p: Vector, dragging: Dragging): void;
+    handleDrop(p: Vector, media: HTMLCanvasElement | HTMLVideoElement): boolean;
+    handleBeforeDoubleClick(p: Vector): boolean;
+    handleDoubleClicked(p: Vector): boolean;
+    handleKeyDown(p: Vector, event: KeyboardEvent): Promise<boolean>;
+    handleWheel(p: Vector, delta: number): boolean;
+    pick(p: Vector): Picked[];
+    prerender(): void;
+    render(ctx: CanvasRenderingContext2D, depth: number): void;
+    get redrawRequired(): boolean;
+    set redrawRequired(value: boolean);
+    get pierceRequired(): boolean;
+    set pierceRequired(value: boolean);
+    addLayer(layer: Layer): void;
+    rebuildPageLayouts(matrix: DOMMatrix): void;
+    showHint(rect: Rect | null, message: string | null): void;
+    flushHints(viewport: Viewport): void;
+    contains(v: Vector): boolean;
+    findLayer<T extends Layer>(type: {
+        new (...args: any[]): T;
+    }): T | null;
+    renderDepths(): number[];
+    acceptDepths(): number[];
+    mode_: any;
+    set mode(mode: any);
+    get mode(): any;
+}
+export declare class LayeredCanvas {
+    keyDownHandler: ((event: KeyboardEvent) => void) | null;
+    viewport: Viewport;
+    rootPaper: Paper;
+    listeners: [string, ((event: Event) => void)][];
+    dragging: Dragging | null;
+    get pointerCursor(): Vector | null;
+    set pointerCursor(p: Vector | null);
+    constructor(viewport: Viewport, editable: boolean);
+    takeOver(): void;
+    cleanup(): void;
+    eventPositionToCanvasPosition(event: {
+        pageX: number;
+        pageY: number;
+    }): Vector;
+    viewportPositionToRootPaperPosition(p: Vector): Vector;
+    eventPositionToRootPaperPosition(event: {
+        pageX: number;
+        pageY: number;
+    }): Vector;
+    rootPaperPositionToCanvasPosition(p: Vector): Vector;
+    handlePointerDown(event: PointerEvent): void;
+    handlePointerMove(event: PointerEvent): void;
+    handlePointerUp(event: PointerEvent): void;
+    handlePointerLeave(event: PointerEvent): void;
+    handleContextMenu(event: PointerEvent): void;
+    handleDragOver(event: DragEvent): void;
+    handleDrop(event: DragEvent): Promise<void>;
+    handleDoubleClick(event: PointerEvent): void;
+    handleWheel(event: WheelEvent): void;
+    handleKeyDown(event: KeyboardEvent): Promise<void>;
+    render(): void;
+    redraw(): void;
+    redrawIfRequired(): void;
+    pierceIfRequired(): void;
+    isPointerOnCanvas(): boolean;
+    rebuildPageLayouts(): void;
+    set mode(mode: any);
+    get mode(): any;
+}
+export declare function sequentializePointer(layerClass: new (...args: any[]) => any): void;
+export {};