@reffy/infinite-canvas 0.0.12 → 0.1.0

package/README.md

@@ -8,6 +8,8 @@ A TypeScript Web Component (`<infinite-canvas>`) that provides an infinite, GPU-
 - Persistence: Auto-save and manual import/export to JSON; deduplicated image storage via hashing.
 - History: Composite commands push for undo/redo across interactions.
 
+Live Demo Site: https://trash-lobster.github.io/reffy-infinite-canvas/
+
 ## A word from the developer
 
 Before you carry on to read the rest of the documentation, I would like to first state that this project was heavily influenced by the following open-sourced projects:

package/{esm → dist}/API.d.ts

@@ -1,5 +1,5 @@
-import { CanvasStorage } from "./storage";
-import { InfiniteCanvasElement } from "./Component";
+import { CanvasStorage } from './storage';
+import { InfiniteCanvasElement } from './Component';
 export declare class InfiniteCanvasAPI {
     private el;
     constructor(el: InfiniteCanvasElement);
@@ -13,9 +13,13 @@ export declare class InfiniteCanvasAPI {
     zoomIn(): Promise<void>;
     zoomOut(): Promise<void>;
     toggleMode(): Promise<void>;
+    snapToCenter(): void;
     addImageFromLocal(fileList: FileList): Promise<void>;
     exportCanvas(filename?: string): Promise<void>;
     importCanvas(fileList: FileList): Promise<void>;
     clearCanvas(): Promise<void>;
+    generateViewportThumbnail(width: number, height: number): Promise<string>;
+    generateContentThumbnail(width?: number, height?: number): Promise<string>;
+    addImage(src: string): Promise<void>;
 }
 //# sourceMappingURL=API.d.ts.map

package/dist/API.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"API.d.ts","sourceRoot":"src/","sources":["../API.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEpD,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,EAAE,CAAwB;gBAEtB,EAAE,EAAE,qBAAqB;WAkBxB,UAAU,CACrB,iBAAiB,EAAE,MAAM,GAAG,qBAAqB,GAChD,OAAO,CAAC,iBAAiB,CAAC;IAmB7B;;;;OAIG;IACH,mBAAmB,CAAC,OAAO,EAAE,aAAa,EAAE,aAAa,GAAE,MAAa;IAKlE,MAAM;IAKN,OAAO;IAIP,UAAU;IAIhB,YAAY;IAIN,iBAAiB,CAAC,QAAQ,EAAE,QAAQ;IAepC,YAAY,CAAC,QAAQ,CAAC,EAAE,MAAM;IAI9B,YAAY,CAAC,QAAQ,EAAE,QAAQ;IAK/B,WAAW;IAIX,yBAAyB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAIvD,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM;IAIxD,QAAQ,CAAC,GAAG,EAAE,MAAM;CAG3B"}

package/{lib → dist}/Canvas.d.ts

@@ -1,10 +1,8 @@
-import { Img, Renderable, Grid } from "./shapes";
-import { SelectionManager, PointerEventManager, ContextMenuManager } from "./manager";
-import { Camera } from "./camera";
-import { CanvasHistory } from "./history";
-import { SerializedCanvas } from "./serializer";
-import EventEmitter from "eventemitter3";
-import { ImageFileMetadata } from "./storage";
+import { Img, Renderable, Grid } from './shapes';
+import { SelectionManager, PointerEventManager, ContextMenuManager } from './manager';
+import { Camera } from './camera';
+import { CanvasHistory } from './history';
+import { default as EventEmitter } from 'eventemitter3';
 export declare class Canvas extends Renderable {
     #private;
     writeToStorage: () => void;
@@ -40,8 +38,7 @@ export declare class Canvas extends Renderable {
     assignEventListener(type: string, fn: (() => void) | ((e: any) => void), options?: boolean | AddEventListenerOptions): void;
     hitTest(x: number, y: number): boolean;
     addImageToCanvas(src: string, x: number, y: number, sx?: number, sy?: number, center?: boolean): Promise<Img>;
-    exportState(): SerializedCanvas;
-    importState(data: SerializedCanvas, getFile: (fileId: string | number) => Promise<ImageFileMetadata>): Promise<Canvas>;
+    exportState(): import('./serializer').SerializedCanvas;
     clearChildren(): void;
     toggleGrid(): void;
     getSelected(): Img[];
@@ -49,6 +46,33 @@ export declare class Canvas extends Renderable {
     changeMode(): void;
     updateZoomByFixedAmount(direction?: 1 | -1): void;
     getBoundingClientRect(): DOMRect;
+    snapToCenter(): void;
+    getViewportThumbnail(width: number, height: number): Promise<string>;
+    getContentThumbnail(outputDimension?: {
+        width: number;
+        height: number;
+    }): Promise<string>;
+    /**
+     *
+     * @param bounds The content box bound dimensions in world space
+     * @param width Expected output thumbnail width
+     * @param height Expected output thumbnail height
+     * @returns
+     */
+    protected calculateScaleForThumbnail(bounds: {
+        minX: number;
+        minY: number;
+        maxX: number;
+        maxY: number;
+    }, width: number, height: number): {
+        scale: number;
+        canvasHeight: number;
+        canvasWidth: number;
+        contentWidth: number;
+        contentHeight: number;
+    };
+    private getContentBound;
+    private getCenterPoint;
     private static webglStats;
     private wrapWebGLContext;
     static getWebGLStats(): {

package/dist/Canvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Canvas.d.ts","sourceRoot":"src/","sources":["../Canvas.ts"],"names":[],"mappings":"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"}

package/{esm → dist}/Component.d.ts

@@ -1,9 +1,8 @@
-import { Canvas } from "./Canvas";
-import { LitElement, PropertyValues } from "lit";
-import { AlignDirection, NormalizeMode, NormalizeOption } from "./manager";
-import { ContextMenuProps } from "./contextMenu";
-import { CanvasStorage, FileStorage, ImageFileMetadata } from "./storage";
-import EventEmitter from "eventemitter3";
+import { LitElement, PropertyValues } from 'lit';
+import { AlignDirection, NormalizeMode, NormalizeOption } from './manager';
+import { ContextMenuProps } from './contextMenu';
+import { CanvasStorage, FileStorage, ImageFileMetadata } from './storage';
+import { default as EventEmitter } from 'eventemitter3';
 type CanvasDisplayMode = "fullscreen" | "windowed";
 export declare class InfiniteCanvasElement extends LitElement {
     #private;
@@ -33,16 +32,22 @@ export declare class InfiniteCanvasElement extends LitElement {
     height: string;
     /** There are two acceptable options: fullscreen (default) and windowed. Fullscreen mode will ignore the width and height you inputed. */
     displayMode: CanvasDisplayMode;
-    static styles: import("lit").CSSResult;
+    static styles: import('lit').CSSResult;
     private addContextMenu;
     private clearContextMenu;
     private isContextMenuActive;
     get singleImageMenuOptions(): ContextMenuProps;
     get multiImageMenuOptions(): ContextMenuProps;
     get canvasImageMenuOptions(): ContextMenuProps;
-    get canvas(): Canvas;
+    /**
+     * Backward-compatible single handler accessor.
+     * Returns the first registered handler (if any).
+     * Setting this will replace all registered handlers with the provided one.
+     */
     get onCanvasChange(): () => void;
     set onCanvasChange(fn: () => void);
+    registerOnCanvasChange(fn: () => void): void;
+    deregisterOnCanvasChange(fn: () => void): void;
     get eventHub(): EventEmitter<string | symbol, any>;
     get rootDiv(): HTMLDivElement;
     connectedCallback(): void;
@@ -54,6 +59,7 @@ export declare class InfiniteCanvasElement extends LitElement {
     private resizeCanvas;
     private registerSignal;
     private warmUpStorage;
+    isCanvasReady(): boolean;
     /**
      * @returns An array containing the width and height of the container
      */
@@ -82,18 +88,31 @@ export declare class InfiniteCanvasElement extends LitElement {
      * @returns All file metadata saved in connected storage
      */
     getAllImageFileMetdata(): Promise<ImageFileMetadata[]>;
+    deleteAllImageFileMetadata(): Promise<void>;
+    generateViewportThumbnail(width: number, height: number): Promise<string>;
+    /**
+     * If neither
+     * @param width
+     * @param height
+     * @returns
+     */
+    generateContentThumbnail(width?: number, height?: number): Promise<string>;
     /**
      * Schedule the auto save to the canvas storage based on timer
      */
     debounceSaveToCanvasStorage(timeout?: number): void;
     saveToCanvasStorage(): Promise<void>;
     restoreStateFromCanvasStorage(): Promise<void>;
+    deleteStateFromCanvasStorage(): Promise<void>;
+    renameCanvasInStorage(newName: string): Promise<void>;
     togglePointerMode(): void;
     toggleGrid(): void;
     zoomIn(): void;
     zoomOut(): void;
+    snapToCenter(): void;
     addImages(fileList: FileList): Promise<void>;
     removeImage(id: number): Promise<void>;
+    removeAllImages(): void;
     /**
      * @param url Currently only accept base64 url and the image is automatically added to screen center
      */
@@ -105,6 +124,7 @@ export declare class InfiniteCanvasElement extends LitElement {
     align(direction: AlignDirection): void;
     normalizeSelection(type: NormalizeOption, mode: NormalizeMode): void;
     sendShapeToNewZOrder(toFront: boolean): void;
+    checkMetadata(): void;
     deleteSelectedImages(): void;
     exportCanvas(filename?: string): Promise<void>;
     importCanvas(fileList: FileList): Promise<void>;

package/dist/Component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.d.ts","sourceRoot":"src/","sources":["../Component.ts"],"names":[],"mappings":"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"}

package/dist/bounding/AABB.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AABB.d.ts","sourceRoot":"src/","sources":["../../bounding/bounding/AABB.ts"],"names":[],"mappings":"AAAA,qBAAa,IAAI;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;gBAGD,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IAOlE,OAAO;IAIP,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,OAAO;CAQ9C"}

package/{lib → dist}/bounding/BoundingBox.d.ts

@@ -1,8 +1,8 @@
-import { BoundingBoxCollisionType } from "../util";
-import { Rect } from "../shapes/Rect";
-import { Shape } from "../shapes/Shape";
-import { BoundingBoxMode } from "./type";
-import { FlipDirection } from "../manager";
+import { BoundingBoxCollisionType } from '../util';
+import { Rect } from '../shapes/Rect';
+import { Shape } from '../shapes/Shape';
+import { BoundingBoxMode } from './type';
+import { FlipDirection } from '../manager';
 export declare class BoundingBox {
     target: Shape;
     width: number;

package/dist/bounding/BoundingBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoundingBox.d.ts","sourceRoot":"src/","sources":["../../bounding/bounding/BoundingBox.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,wBAAwB,EAMzB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG3C,qBAAa,WAAW;IACtB,MAAM,EAAE,KAAK,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAa;IACrC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAa;IACvC,UAAU,EAAE,MAAM,CAAK;IACvB,OAAO,EAAE,MAAM,CAAK;IACpB,IAAI,EAAE,eAAe,CAA0B;gBAEnC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,eAAe;IAcjD,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,qBAAqB;IAkC7B,OAAO,CAAC,uBAAuB;IAkC/B,UAAU;IAKV,SAAS;IAKT,YAAY,IAAI,MAAM,EAAE;IAIxB;;OAEG;IACH,OAAO,CACL,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,WAAW,EAAE,MAAM,EAAE,GACpB,wBAAwB,GAAG,IAAI;IAsDlC,MAAM;IAKN,MAAM,CAAC,EAAE,EAAE,qBAAqB,EAAE,OAAO,EAAE,YAAY,GAAG,IAAI;IAY9D,OAAO;IAUP,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM;IAI3B,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,wBAAwB;IAgFlE,KAAK;IAIL,IAAI,CAAC,SAAS,EAAE,aAAa;;;;;;;;;;;;;;;IAkB7B,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,aAAa;IAkBrB,OAAO,CAAC,QAAQ;IAUhB,OAAO,CAAC,WAAW;CAepB"}

package/{esm → dist}/bounding/Marquee.d.ts

@@ -1,5 +1,5 @@
-import { Rect } from "../shapes/Rect";
-import { AABB } from "./AABB";
+import { Rect } from '../shapes/Rect';
+import { AABB } from './AABB';
 /**
  * Its properties related to rendering are all stored as camera space value - will need to convert to world coordinates when used
  */

package/dist/bounding/Marquee.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marquee.d.ts","sourceRoot":"src/","sources":["../../bounding/bounding/Marquee.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAUtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAI9B;;GAEG;AACH,qBAAa,mBAAmB;IAG9B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAK;IAClB,MAAM,EAAE,MAAM,CAAK;IACnB,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAa;IACrC,UAAU,EAAE,MAAM,CAAK;IACvB,IAAI,EAAE,IAAI,CAAC;gBAEC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE;IAOvD,OAAO,CAAC,aAAa;IAqCrB,MAAM,CAAC,EAAE,EAAE,qBAAqB,EAAE,OAAO,EAAE,YAAY,GAAG,IAAI;IAQ9D,MAAM;IAKN,OAAO;IAMP;;;OAGG;IACH,cAAc,CAAC,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,MAAM,EAAE;IAYjE,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE;IAMpD,OAAO,CAAC,QAAQ;IAShB,OAAO,CAAC,WAAW;CAepB"}

package/{esm → dist}/bounding/MultiBoundingBox.d.ts

@@ -1,6 +1,6 @@
-import { BoundingBoxCollisionType } from "../util";
-import { AlignDirection, FlipDirection, FlipSnapshotItem, NormalizeOption, NormalizeMode, TransformSnapshotItem } from "../manager";
-import { Rect } from "../shapes/Rect";
+import { BoundingBoxCollisionType } from '../util';
+import { AlignDirection, FlipDirection, FlipSnapshotItem, NormalizeOption, NormalizeMode, TransformSnapshotItem } from '../manager';
+import { Rect } from '../shapes/Rect';
 export declare class MultiBoundingBox {
     targets: Rect[];
     x: number;

package/dist/bounding/MultiBoundingBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiBoundingBox.d.ts","sourceRoot":"src/","sources":["../../bounding/bounding/MultiBoundingBox.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,wBAAwB,EAIzB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,qBAAqB,EACtB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAOtC,qBAAa,gBAAgB;IAC3B,OAAO,EAAE,IAAI,EAAE,CAAM;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAa;IACvC,UAAU,EAAE,MAAM,CAAK;IACvB,OAAO,EAAE,MAAM,CAAK;IACpB,KAAK,EAAE,MAAM,EAAE,CAAC;gBAEJ,MAAM,CAAC,EAAE,IAAI,EAAE;IAM3B,GAAG,CAAC,KAAK,EAAE,IAAI;IAMf,MAAM,CAAC,KAAK,EAAE,IAAI;IAKlB,MAAM,CAAC,EAAE,EAAE,qBAAqB,EAAE,OAAO,EAAE,YAAY,GAAG,IAAI;IAQ9D,MAAM;IAQN,OAAO;IAMP,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM;IAO3B,MAAM,CACJ,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,wBAAwB,EACnC,YAAY,EAAE,MAAM,EAAE;IAgFxB,IAAI,CACF,WAAW,EAAE,MAAM,EAAE,EACrB,SAAS,EAAE,aAAa,EACxB,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,MAAM,EAAE;IA0CpD,KAAK,CAAC,SAAS,EAAE,cAAc;IA8C/B,SAAS,CAAC,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,aAAa;IAgFpD,YAAY,IAAI,MAAM,EAAE;IAaxB,OAAO,CACL,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,WAAW,EAAE,MAAM,EAAE,GACpB,wBAAwB,GAAG,IAAI;IA0BlC,OAAO,CAAC,SAAS;IAuBjB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,eAAe;CAsDxB"}

package/dist/bounding/index.d.ts

@@ -0,0 +1,6 @@
+export * from './BoundingBox';
+export * from './MultiBoundingBox';
+export * from './Marquee';
+export * from './type';
+export * from './AABB';
+//# sourceMappingURL=index.d.ts.map

package/dist/bounding/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"src/","sources":["../../bounding/bounding/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}

package/dist/bounding/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"src/","sources":["../../bounding/bounding/type.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe;IACzB,MAAM,IAAA,CAAE,6BAA6B;IACrC,OAAO,IAAA;CACR;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB"}

package/{esm → dist}/camera/Camera.d.ts

@@ -1,5 +1,5 @@
-import { CameraState } from "../state";
-import { AABB } from "../bounding";
+import { CameraState } from '../state';
+import { AABB } from '../bounding';
 export declare const ZOOM_MIN = 0.02;
 export declare const ZOOM_MAX = 20;
 export declare class Camera {
@@ -19,6 +19,7 @@ export declare class Camera {
     getBoundingBox(): AABB;
     onWheel(e: WheelEvent): void;
     updateCameraPos(dx: number, dy: number): void;
+    setCameraPos(x: number, y: number): void;
     /**
      * Pass in the center position to resolve the scaling around
      */

package/dist/camera/Camera.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Camera.d.ts","sourceRoot":"src/","sources":["../../camera/camera/Camera.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,eAAO,MAAM,QAAQ,KAAK,CAAC;AAE3B,qBAAa,MAAM;IACjB,KAAK,EAAE,WAAW,CAAC;IAEnB,SAAS,EAAE,MAAM,CAAK;IACtB,SAAS,EAAE,MAAM,CAAK;IACtB,OAAO,CAAC,cAAc,CAAa;IACnC,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;IACnD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C,iBAAiB,EAAE,MAAM,IAAI,CAAC;gBAG5B,KAAK,EAAE,WAAW,EAClB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,EAC1C,iBAAiB,EAAE,MAAM,IAAI,EAC7B,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,MAAM,EAAE;IAsBpD;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAKxB,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAKlD,cAAc;IASd,OAAO,CAAC,CAAC,EAAE,UAAU;IAQrB,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM;IAItC,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAIjC;;OAEG;IACH,UAAU,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAW9C,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM;IAOpC,OAAO;CAMR"}

package/dist/camera/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Camera';
+//# sourceMappingURL=index.d.ts.map

package/dist/camera/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"src/","sources":["../../camera/camera/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/contextMenu/ContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"src/","sources":["../../contextMenu/contextMenu/ContextMenu.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5D,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B,CAAC;AAEF,KAAK,mBAAmB,GACpB,CAAC,uBAAuB,GAAG;IACzB,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACpC,CAAC,GACF,CAAC,uBAAuB,GAAG;IAAE,YAAY,EAAE,mBAAmB,EAAE,CAAA;CAAE,CAAC,CAAC;AAExE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,qBAAqB,EAAE,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,EAAE,mBAAmB,EAAE,CAAC;CACrC,CAAC;AAEF;;GAEG;AACH,qBAAa,WAAW;IACtB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,EAAE,gBAAgB,EAAE,CAAM;IACjC,QAAQ,EAAE,gBAAgB,GAAG,WAAW,CAAC;IAEzC,IAAI,EAAE,mBAEL;gBAGC,MAAM,EAAE,gBAAgB,EACxB,QAAQ,EAAE,gBAAgB,GAAG,WAAW;IAkB1C,cAAc,CAAC,MAAM,EAAE,IAAI;IAI3B,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,UAAU;CAMnB;AAED,qBAAa,gBAAgB;IAC3B,GAAG,EAAE,cAAc,CAAC;IACpB,YAAY,EAAE,kBAAkB,EAAE,CAAM;IACxC,QAAQ,EAAE,gBAAgB,GAAG,WAAW,CAAC;IAEzC,IAAI,EAAE,mBAEL;gBAGC,MAAM,EAAE,qBAAqB,EAC7B,QAAQ,EAAE,gBAAgB,GAAG,WAAW;IAS1C,cAAc,CAAC,MAAM,EAAE,IAAI;IAI3B,OAAO,CAAC,mBAAmB;CAK5B;AAED;;;;GAIG;AACH,qBAAa,kBAAkB;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,iBAAiB,CAAC;IACvB,MAAM,EAAE,gBAAgB,CAAC;IACzB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,EAAE,gBAAgB,GAAG,WAAW,CAAC;IAEzC,IAAI,EAAE,sBAEL;gBAGC,MAAM,EAAE,mBAAmB,EAC3B,QAAQ,EAAE,gBAAgB,GAAG,WAAW;CAuB3C"}

package/{esm → dist}/contextMenu/Interaction.d.ts

@@ -1,4 +1,4 @@
-import { ContextMenuGroupProps, ContextMenuType } from "./ContextMenu";
+import { ContextMenuGroupProps, ContextMenuType } from './ContextMenu';
 export declare function addContextMenu(x: number, y: number, type?: ContextMenuType): void;
 export declare function clearContextMenu(): void;
 export declare function isContextMenuActive(): boolean;
@@ -11,7 +11,9 @@ export declare function createBasicImageMenuOptions(): {
     }[];
 };
 export declare function createSingleImageMenuOptions(base?: ContextMenuGroupProps[]): {
-    options: ContextMenuGroupProps[];
+    options: {
+        childOptions: any[];
+    }[];
 };
 export declare function createMultiImageMenuOptions(base?: ContextMenuGroupProps[]): {
     options: ContextMenuGroupProps[];

package/dist/contextMenu/Interaction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Interaction.d.ts","sourceRoot":"src/","sources":["../../contextMenu/contextMenu/Interaction.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,qBAAqB,EACrB,eAAe,EAChB,MAAM,eAAe,CAAC;AAavB,wBAAgB,cAAc,CAC5B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,IAAI,GAAE,eAA0B,QAqDjC;AAED,wBAAgB,gBAAgB,SAM/B;AAED,wBAAgB,mBAAmB,YAElC;AAED,wBAAgB,2BAA2B;;;;;;;EA0C1C;AAED,wBAAgB,4BAA4B,CAAC,IAAI,CAAC,EAAE,qBAAqB,EAAE;;;;EA2C1E;AAED,wBAAgB,2BAA2B,CAAC,IAAI,CAAC,EAAE,qBAAqB,EAAE;;EA+HzE;AAED,wBAAgB,4BAA4B,CAAC,IAAI,CAAC,EAAE,qBAAqB,EAAE;;EAgC1E"}

package/dist/contextMenu/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ContextMenu';
+export * from './Interaction';
+//# sourceMappingURL=index.d.ts.map

package/dist/contextMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"src/","sources":["../../contextMenu/contextMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/dist/history/history.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"history.d.ts","sourceRoot":"src/","sources":["../../history/history/history.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,IAAI,IAAI,CAAC;IACX,IAAI,IAAI,IAAI,CAAC;CACd;AAID,qBAAa,aAAa;IACxB,OAAO,CAAC,UAAU,CAAmB;IACrC,OAAO,CAAC,UAAU,CAAmB;IACrC,OAAO,CAAC,UAAU,CAA0B;IAC5C,OAAO,CAAC,UAAU,CAAC,CAAS;IAE5B,IAAI,SAAS,gBAEZ;IAED,KAAK,CAAC,KAAK,CAAC,EAAE,MAAM;IAMpB,IAAI,CAAC,GAAG,EAAE,OAAO;IAcjB,MAAM;IAeN,MAAM;IAMN,OAAO;IAGP,OAAO;IAIP,IAAI;IAQJ,IAAI;IAOJ,KAAK;CAMN;AAGD,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAC5C,MAAM,EAAE,CAAC,EACT,GAAG,EAAE,MAAM,CAAC,EACZ,IAAI,EAAE,MAAM,EACZ,KAAK,CAAC,EAAE,MAAM,GACb,OAAO,CAYT;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAC7C,MAAM,EAAE,CAAC,EACT,GAAG,EAAE,MAAM,CAAC,EACZ,IAAI,EAAE,OAAO,EACb,KAAK,CAAC,EAAE,MAAM,GACb,OAAO,CAYT;AAGD,wBAAgB,KAAK,CACnB,MAAM,EAAE;IACN,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,EACD,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,KAAK,SAAS,GACb,OAAO,CAaT"}

package/dist/history/index.d.ts

@@ -0,0 +1,2 @@
+export * from './history';
+//# sourceMappingURL=index.d.ts.map

package/dist/history/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"src/","sources":["../../history/history/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Canvas';
+export * from './camera';
+export * from './Component';
+export * from './API';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"src/","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC"}