@reffy/infinite-canvas 0.0.1

package/lib/Component.js

@@ -0,0 +1,618 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _InfiniteCanvasElement_canvas, _InfiniteCanvasElement_eventHub, _InfiniteCanvasElement_resizeObserver, _InfiniteCanvasElement_history, _InfiniteCanvasElement_fileStorage, _InfiniteCanvasElement_canvasStorage, _InfiniteCanvasElement_saveFrequency, _InfiniteCanvasElement_timeoutId, _InfiniteCanvasElement_intervalId, _InfiniteCanvasElement_rootDiv, _InfiniteCanvasElement_onChange, _InfiniteCanvasElement_singleImageMenuOptions, _InfiniteCanvasElement_multiImageMenuOptions, _InfiniteCanvasElement_canvasImageMenuOptions;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfiniteCanvasElement = void 0;
+const history_1 = require("./history");
+const Canvas_1 = require("./Canvas");
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const util_1 = require("./util");
+const files_1 = require("./util/files");
+const serializer_1 = require("./serializer");
+const manager_1 = require("./manager");
+const contextMenu_1 = require("./contextMenu");
+const storage_1 = require("./storage");
+const eventemitter3_1 = __importDefault(require("eventemitter3"));
+const loader_1 = require("./loader");
+const stats_js_1 = __importDefault(require("stats.js"));
+let InfiniteCanvasElement = class InfiniteCanvasElement extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.name = "Reffy";
+        this.displayMode = "fullscreen";
+        _InfiniteCanvasElement_canvas.set(this, void 0);
+        _InfiniteCanvasElement_eventHub.set(this, void 0);
+        _InfiniteCanvasElement_resizeObserver.set(this, void 0);
+        _InfiniteCanvasElement_history.set(this, void 0);
+        _InfiniteCanvasElement_fileStorage.set(this, void 0);
+        _InfiniteCanvasElement_canvasStorage.set(this, void 0);
+        _InfiniteCanvasElement_saveFrequency.set(this, 300000);
+        _InfiniteCanvasElement_timeoutId.set(this, void 0);
+        _InfiniteCanvasElement_intervalId.set(this, void 0);
+        _InfiniteCanvasElement_rootDiv.set(this, void 0);
+        _InfiniteCanvasElement_onChange.set(this, void 0);
+        _InfiniteCanvasElement_singleImageMenuOptions.set(this, void 0);
+        _InfiniteCanvasElement_multiImageMenuOptions.set(this, void 0);
+        _InfiniteCanvasElement_canvasImageMenuOptions.set(this, void 0);
+        // Global helper
+        this.handleGlobalPointerDown = (e) => {
+            if (!this.contains(e.target) &&
+                !this.renderRoot.contains(e.target)) {
+                this.clearContextMenu();
+            }
+        };
+    }
+    get singleImageMenuOptions() {
+        return __classPrivateFieldGet(this, _InfiniteCanvasElement_singleImageMenuOptions, "f");
+    }
+    get multiImageMenuOptions() {
+        return __classPrivateFieldGet(this, _InfiniteCanvasElement_multiImageMenuOptions, "f");
+    }
+    get canvasImageMenuOptions() {
+        return __classPrivateFieldGet(this, _InfiniteCanvasElement_canvasImageMenuOptions, "f");
+    }
+    get canvas() {
+        return __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f");
+    }
+    get onCanvasChange() {
+        return __classPrivateFieldGet(this, _InfiniteCanvasElement_onChange, "f");
+    }
+    set onCanvasChange(fn) {
+        __classPrivateFieldSet(this, _InfiniteCanvasElement_onChange, fn, "f");
+    }
+    get eventHub() {
+        return __classPrivateFieldGet(this, _InfiniteCanvasElement_eventHub, "f");
+    }
+    get rootDiv() {
+        return __classPrivateFieldGet(this, _InfiniteCanvasElement_rootDiv, "f");
+    }
+    // Lifecycle
+    connectedCallback() {
+        super.connectedCallback();
+        this.handleGlobalPointerDown = this.handleGlobalPointerDown.bind(this);
+        document.addEventListener("pointerdown", this.handleGlobalPointerDown, true);
+    }
+    disconnectedCallback() {
+        document.removeEventListener("pointerdown", this.handleGlobalPointerDown, true);
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_resizeObserver, "f")?.disconnect();
+        __classPrivateFieldSet(this, _InfiniteCanvasElement_resizeObserver, undefined, "f");
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").destroy();
+        super.disconnectedCallback();
+    }
+    render() {
+        try {
+            this.initCanvas();
+        }
+        catch (err) {
+            console.error(err);
+            throw err;
+        }
+    }
+    async initCanvas() {
+        await this.warmUpStorage();
+        __classPrivateFieldSet(this, _InfiniteCanvasElement_history, new history_1.CanvasHistory(), "f");
+        __classPrivateFieldSet(this, _InfiniteCanvasElement_eventHub, new eventemitter3_1.default(), "f");
+        const div = document.createElement("div");
+        div.style.overflow = "hidden";
+        this.renderRoot.appendChild(div);
+        __classPrivateFieldSet(this, _InfiniteCanvasElement_rootDiv, div, "f");
+        const canvas = document.createElement("canvas");
+        // persistent state set up
+        this.assignFileStorage = this.assignFileStorage.bind(this);
+        this.getImageFileMetadata = this.getImageFileMetadata.bind(this);
+        this.getAllImageFileMetdata = this.getAllImageFileMetdata.bind(this);
+        this.saveImageFileMetadata = this.saveImageFileMetadata.bind(this);
+        this.restoreStateFromCanvasStorage =
+            this.restoreStateFromCanvasStorage.bind(this);
+        this.assignCanvasStorage = this.assignCanvasStorage.bind(this);
+        this.saveToCanvasStorage = this.saveToCanvasStorage.bind(this);
+        this.debounceSaveToCanvasStorage =
+            this.debounceSaveToCanvasStorage.bind(this);
+        // import and export
+        this.importCanvas = this.importCanvas.bind(this);
+        this.exportCanvas = this.exportCanvas.bind(this);
+        // context menu set up
+        this.addContextMenu = contextMenu_1.addContextMenu.bind(this);
+        this.clearContextMenu = contextMenu_1.clearContextMenu.bind(this);
+        this.isContextMenuActive = contextMenu_1.isContextMenuActive.bind(this);
+        this.getContainerSize = this.getContainerSize.bind(this);
+        if (!div.contains(canvas)) {
+            div.appendChild(canvas);
+        }
+        this.registerSignal();
+        // resize canvas to start
+        this.resizeCanvas(div, canvas);
+        __classPrivateFieldSet(this, _InfiniteCanvasElement_canvas, new Canvas_1.Canvas(canvas, __classPrivateFieldGet(this, _InfiniteCanvasElement_history, "f"), __classPrivateFieldGet(this, _InfiniteCanvasElement_eventHub, "f"), this.debounceSaveToCanvasStorage, this.saveImageFileMetadata, this.getContainerSize), "f");
+        try {
+            await this.restoreStateFromCanvasStorage();
+        }
+        catch (err) {
+            console.error("Failed to restore canvas");
+        }
+        const basicImageMenuOptions = contextMenu_1.createBasicImageMenuOptions.bind(this)();
+        __classPrivateFieldSet(this, _InfiniteCanvasElement_singleImageMenuOptions, contextMenu_1.createSingleImageMenuOptions.bind(this)(basicImageMenuOptions.options), "f");
+        __classPrivateFieldSet(this, _InfiniteCanvasElement_canvasImageMenuOptions, contextMenu_1.createCanvasImageMenuOptions.bind(this)(), "f");
+        __classPrivateFieldSet(this, _InfiniteCanvasElement_multiImageMenuOptions, contextMenu_1.createMultiImageMenuOptions.bind(this)(basicImageMenuOptions.options), "f");
+        this.dispatchEvent(new Event("load"));
+        const stats = new stats_js_1.default();
+        stats.showPanel(0);
+        if (!this.renderRoot.contains(stats.dom)) {
+            this.renderRoot.appendChild(stats.dom);
+        }
+        const animate = () => {
+            if (stats) {
+                stats.update();
+            }
+            __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").render();
+            requestAnimationFrame(animate);
+        };
+        animate();
+    }
+    resizeCanvas(container, canvas) {
+        // set up the container div to limit the extent of the canvas that is visible
+        container.style.width =
+            this.displayMode === "fullscreen" ? `100vw` : this.width;
+        container.style.height =
+            this.displayMode === "fullscreen" ? `100vh` : this.height;
+        container.style.overflow = "hidden";
+        const dpr = window.devicePixelRatio || 1;
+        // set the canvas to be as big as possible so there will never be a flickering resize problem
+        let w = window.screen.width;
+        let h = window.screen.height;
+        const targetWidthPx = Math.round(w * dpr);
+        const targetHeightPx = Math.round(h * dpr);
+        if (canvas.width !== targetWidthPx || canvas.height !== targetHeightPx) {
+            canvas.width = targetWidthPx;
+            canvas.height = targetHeightPx;
+        }
+        canvas.style.width = `${w}px`;
+        canvas.style.height = `${h}px`;
+    }
+    // Register signal
+    registerSignal() {
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_eventHub, "f").on(util_1.LoaderEvent.start, loader_1.showLoader.bind(this), "spinner");
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_eventHub, "f").on(util_1.LoaderEvent.done, loader_1.hideLoader.bind(this));
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_eventHub, "f").on(util_1.ContextMenuEvent.Open, this.addContextMenu);
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_eventHub, "f").on(util_1.ContextMenuEvent.Close, this.clearContextMenu);
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_eventHub, "f").on(util_1.CanvasEvent.Change, () => {
+            if (__classPrivateFieldGet(this, _InfiniteCanvasElement_onChange, "f"))
+                __classPrivateFieldGet(this, _InfiniteCanvasElement_onChange, "f").call(this);
+        });
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_eventHub, "f").on(util_1.SaveEvent.Save, this.saveToCanvasStorage);
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_eventHub, "f").on(util_1.SaveEvent.SaveCompleted, () => console.log("Done Saving!"));
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_eventHub, "f").on(util_1.SaveEvent.SaveFailed, () => console.log("Failed to Save!"));
+    }
+    // need to check if this is good practice
+    async warmUpStorage() {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_fileStorage, "f")) {
+            __classPrivateFieldSet(this, _InfiniteCanvasElement_fileStorage, new storage_1.DefaultIndexedDbStorage(), "f");
+        }
+        try {
+            await __classPrivateFieldGet(this, _InfiniteCanvasElement_fileStorage, "f").readAll();
+            console.log("Storage warmed up");
+        }
+        catch (err) {
+            console.error("Storage warm-up failed", err);
+        }
+    }
+    /**
+     * @returns An array containing the width and height of the container
+     */
+    getContainerSize() {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_rootDiv, "f"))
+            return;
+        const rect = __classPrivateFieldGet(this, _InfiniteCanvasElement_rootDiv, "f").getBoundingClientRect();
+        return [rect.width, rect.height];
+    }
+    // Storage & Persistence
+    /**
+     * @param storage Canvas storage stores the positions of all the renderables
+     * @param saveFrequency How often should auto save execute
+     */
+    assignCanvasStorage(storage, saveFrequency = __classPrivateFieldGet(this, _InfiniteCanvasElement_saveFrequency, "f")) {
+        __classPrivateFieldSet(this, _InfiniteCanvasElement_canvasStorage, storage, "f");
+        __classPrivateFieldSet(this, _InfiniteCanvasElement_saveFrequency, saveFrequency, "f");
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_intervalId, "f") && clearInterval(__classPrivateFieldGet(this, _InfiniteCanvasElement_intervalId, "f"));
+        __classPrivateFieldSet(this, _InfiniteCanvasElement_intervalId, setInterval(this.saveToCanvasStorage, __classPrivateFieldGet(this, _InfiniteCanvasElement_saveFrequency, "f")), "f");
+    }
+    /**
+     * @param storage File storage captures the information about the image data that has previously been added. Made more efficient by using SHA of the image data for storage.
+     */
+    assignFileStorage(storage) {
+        __classPrivateFieldSet(this, _InfiniteCanvasElement_fileStorage, storage, "f");
+    }
+    /**
+     * Duplicate images will not be written to the database
+     * @param dataURL
+     * @returns The unique ID that the image has been logged with. This is a hashed version of the image data URL
+     */
+    async saveImageFileMetadata(dataURL) {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_fileStorage, "f")) {
+            __classPrivateFieldSet(this, _InfiniteCanvasElement_fileStorage, new storage_1.DefaultIndexedDbStorage(), "f");
+        }
+        try {
+            if (!(await __classPrivateFieldGet(this, _InfiniteCanvasElement_fileStorage, "f").checkIfImageStored(dataURL))) {
+                return await __classPrivateFieldGet(this, _InfiniteCanvasElement_fileStorage, "f").write(dataURL);
+            }
+            else {
+                return await (0, files_1.hashStringToId)(dataURL);
+            }
+        }
+        catch (err) {
+            console.error(err);
+        }
+    }
+    /**
+     * @param fileId Retrieves the file metadata
+     * @returns
+     */
+    async getImageFileMetadata(fileId) {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_fileStorage, "f")) {
+            __classPrivateFieldSet(this, _InfiniteCanvasElement_fileStorage, new storage_1.DefaultIndexedDbStorage(), "f");
+        }
+        try {
+            return await __classPrivateFieldGet(this, _InfiniteCanvasElement_fileStorage, "f").read(fileId);
+        }
+        catch (err) {
+            console.error(err);
+        }
+    }
+    /**
+     * @returns All file metadata saved in connected storage
+     */
+    async getAllImageFileMetdata() {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_fileStorage, "f")) {
+            __classPrivateFieldSet(this, _InfiniteCanvasElement_fileStorage, new storage_1.DefaultIndexedDbStorage(), "f");
+        }
+        try {
+            return await __classPrivateFieldGet(this, _InfiniteCanvasElement_fileStorage, "f").readAll();
+        }
+        catch (err) {
+            console.error(err);
+        }
+    }
+    /**
+     * Schedule the auto save to the canvas storage based on timer
+     */
+    debounceSaveToCanvasStorage(timeout = 1000) {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvasStorage, "f")) {
+            __classPrivateFieldSet(this, _InfiniteCanvasElement_canvasStorage, new storage_1.DefaultLocalStorage(this.name), "f");
+        }
+        clearTimeout(__classPrivateFieldGet(this, _InfiniteCanvasElement_timeoutId, "f"));
+        __classPrivateFieldSet(this, _InfiniteCanvasElement_timeoutId, setTimeout(this.saveToCanvasStorage, timeout), "f");
+    }
+    async saveToCanvasStorage() {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvasStorage, "f")) {
+            __classPrivateFieldSet(this, _InfiniteCanvasElement_canvasStorage, new storage_1.DefaultLocalStorage(this.name), "f");
+        }
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_canvasStorage, "f")
+            .write((0, serializer_1.serializeCanvas)(__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f")))
+            .then(() => __classPrivateFieldGet(this, _InfiniteCanvasElement_eventHub, "f").emit(util_1.SaveEvent.SaveCompleted))
+            .catch(() => __classPrivateFieldGet(this, _InfiniteCanvasElement_eventHub, "f").emit(util_1.SaveEvent.SaveFailed));
+    }
+    async restoreStateFromCanvasStorage() {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvasStorage, "f")) {
+            __classPrivateFieldSet(this, _InfiniteCanvasElement_canvasStorage, new storage_1.DefaultLocalStorage(this.name), "f");
+        }
+        const dataAsString = await __classPrivateFieldGet(this, _InfiniteCanvasElement_canvasStorage, "f").read();
+        const data = JSON.parse(dataAsString);
+        if (data) {
+            await (0, serializer_1.deserializeCanvas)(data, __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"), this.getImageFileMetadata);
+        }
+    }
+    // Canvas API
+    togglePointerMode() {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"))
+            return;
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").changeMode();
+    }
+    toggleGrid() {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"))
+            return;
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").toggleGrid();
+    }
+    zoomIn() {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"))
+            return;
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").updateZoomByFixedAmount(-1);
+    }
+    zoomOut() {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"))
+            return;
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").updateZoomByFixedAmount();
+    }
+    async addImages(fileList) {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"))
+            return;
+        const rect = __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").getBoundingClientRect();
+        const clientX = rect.left + rect.width / 2;
+        const clientY = rect.top + rect.height / 2;
+        const [wx, wy] = (0, util_1.getWorldCoords)(clientX, clientY, __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"));
+        const newImages = await (0, util_1.addImages)(fileList, (src) => __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").addImageToCanvas(src, wx, wy, 1, 1, true));
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_history, "f").push((0, manager_1.makeMultiAddChildCommand)(__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"), newImages));
+    }
+    async removeImage(id) {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"))
+            return;
+        const child = __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").getChild(id);
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").removeChild(child);
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_history, "f").push((0, manager_1.makeRemoveChildCommand)(__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"), child));
+    }
+    /**
+     * @param url Currently only accept base64 url and the image is automatically added to screen center
+     */
+    async addImageFromUrl(url) {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"))
+            return;
+        const rect = __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").getBoundingClientRect();
+        const clientX = rect.left + rect.width / 2;
+        const clientY = rect.top + rect.height / 2;
+        const [wx, wy] = (0, util_1.getWorldCoords)(clientX, clientY, __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"));
+        const img = await __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").addImageToCanvas(url, wx, wy, 1, 1, true);
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_history, "f").push((0, manager_1.makeMultiAddChildCommand)(__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"), [img]));
+    }
+    async copyImage() {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"))
+            return;
+        await (0, util_1.copy)(__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").getSelected());
+    }
+    async pasteImage(e) {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"))
+            return;
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_eventHub, "f").emit(util_1.LoaderEvent.start, "spinner");
+        await (0, util_1.paste)(e.clientX, e.clientY, __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"), __classPrivateFieldGet(this, _InfiniteCanvasElement_history, "f"), false);
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_eventHub, "f").emit(util_1.LoaderEvent.done);
+    }
+    flipVertical() {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"))
+            return;
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").selectionManager.flip("vertical");
+    }
+    flipHorizontal() {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"))
+            return;
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").selectionManager.flip("horizontal");
+    }
+    align(direction) {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"))
+            return;
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").selectionManager.alignSelection(direction);
+    }
+    normalizeSelection(type, mode) {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"))
+            return;
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").selectionManager.normalize(type, mode);
+    }
+    sendShapeToNewZOrder(toFront) {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"))
+            return;
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").setShapeZOrder(toFront);
+    }
+    deleteSelectedImages() {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"))
+            return;
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").selectionManager.deleteSelected(__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"));
+    }
+    async exportCanvas(filename = "infinite-canvas.json") {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"))
+            return;
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_eventHub, "f").emit(util_1.LoaderEvent.start, "spinner");
+        const files = await this.getAllImageFileMetdata();
+        const data = (0, serializer_1.serializeCanvas)(__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"), files);
+        (0, files_1.downloadJSON)(filename, data);
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_eventHub, "f").emit(util_1.LoaderEvent.done);
+    }
+    async importCanvas(fileList) {
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_eventHub, "f").emit(util_1.LoaderEvent.start, "spinner");
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"))
+            return;
+        if (!fileList || fileList.length !== 1)
+            return;
+        const file = fileList[0];
+        if (!file.type ||
+            (!file.type.includes("json") &&
+                !file.name.toLowerCase().endsWith(".json")))
+            return;
+        const data = await (0, files_1.readJSONFile)(file);
+        await (0, serializer_1.deserializeCanvas)(data, __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"), this.getImageFileMetadata, this.saveImageFileMetadata);
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_eventHub, "f").emit(util_1.SaveEvent.Save);
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_eventHub, "f").emit(util_1.LoaderEvent.done);
+    }
+    clearCanvas() {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"))
+            return;
+        __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").clearChildren();
+    }
+    /**
+     * A non-reactive method that captures the number of images added to the canvas
+     */
+    getTotalNumberOfChildren() {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"))
+            return;
+        return __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").totalNumberOfChildren;
+    }
+    /**
+     * A non-reactive method that captures the number of images that are in camera
+     */
+    getNumberOfChildrenRendered() {
+        if (!__classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f"))
+            return;
+        return __classPrivateFieldGet(this, _InfiniteCanvasElement_canvas, "f").numberOfChildrenRendered;
+    }
+};
+exports.InfiniteCanvasElement = InfiniteCanvasElement;
+_InfiniteCanvasElement_canvas = new WeakMap();
+_InfiniteCanvasElement_eventHub = new WeakMap();
+_InfiniteCanvasElement_resizeObserver = new WeakMap();
+_InfiniteCanvasElement_history = new WeakMap();
+_InfiniteCanvasElement_fileStorage = new WeakMap();
+_InfiniteCanvasElement_canvasStorage = new WeakMap();
+_InfiniteCanvasElement_saveFrequency = new WeakMap();
+_InfiniteCanvasElement_timeoutId = new WeakMap();
+_InfiniteCanvasElement_intervalId = new WeakMap();
+_InfiniteCanvasElement_rootDiv = new WeakMap();
+_InfiniteCanvasElement_onChange = new WeakMap();
+_InfiniteCanvasElement_singleImageMenuOptions = new WeakMap();
+_InfiniteCanvasElement_multiImageMenuOptions = new WeakMap();
+_InfiniteCanvasElement_canvasImageMenuOptions = new WeakMap();
+InfiniteCanvasElement.properties = {
+    name: { type: String },
+    aspectRatioHeight: { type: Number },
+    aspectRatioWidth: { type: Number },
+    width: { type: String },
+    height: { type: String },
+    displayMode: { type: String },
+};
+InfiniteCanvasElement.styles = (0, lit_1.css) `
+    :host {
+      position: relative;
+      overflow: hidden;
+    }
+
+    .context-menu {
+      position: absolute;
+      background: white;
+      min-width: 180px;
+      background: var(--menu-bg, #fff);
+      border-radius: 6px;
+      border: 1px solid var(--menu-border, #9f9f9fff);
+      box-sizing: border-box;
+      padding: 6px 0;
+      display: flex;
+      gap: 2px;
+      flex-direction: column;
+      font-family: system-ui, sans-serif;
+      animation: fadeInMenu 0.13s cubic-bezier(0.4, 0, 0.2, 1);
+      overflow: scroll;
+    }
+
+    @keyframes fadeInMenu {
+      from {
+        opacity: 0;
+        transform: translateY(8px);
+      }
+      to {
+        opacity: 1;
+        transform: none;
+      }
+    }
+
+    .context-menu button {
+      all: unset;
+      display: flex;
+      align-items: center;
+      box-sizing: border-box;
+      width: 100%;
+      padding: 8px 18px;
+      font-size: 15px;
+      color: var(--menu-fg, #222);
+      background: none;
+      cursor: pointer;
+      transition:
+        background 0.1s,
+        color 0.1s;
+      user-select: none;
+      outline: none;
+    }
+
+    .context-menu button:hover,
+    .context-menu button:focus-visible {
+      background: var(--menu-hover, #c7d5eaff);
+      color: var(--menu-accent, #155290ff);
+    }
+
+    .context-menu button:active {
+      background: var(--menu-active, #e3eaf3);
+    }
+
+    .context-menu button[disabled] {
+      color: #aaa;
+      cursor: not-allowed;
+      background: none;
+    }
+
+    .context-menu-divider {
+      height: 1px;
+      background: var(--menu-divider, #c7d5eaff);
+      margin: 6px 12px;
+      border: none;
+    }
+
+    canvas {
+      width: 100%;
+      height: 100%;
+      outline: none;
+      padding: 0;
+      margin: 0;
+      touch-action: none;
+      display: block;
+    }
+
+    .canvas-loader {
+      position: absolute;
+      top: 0;
+      left: 0;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      background: rgba(255, 255, 255, 0.7);
+      z-index: 1000;
+      pointer-events: all;
+    }
+
+    .canvas-loader-spinner {
+      width: 48px;
+      height: 48px;
+      border: 6px solid #e0e0e0;
+      border-top: 6px solid #1976d2;
+      border-radius: 50%;
+      animation: canvas-loader-spin 1s linear infinite;
+      margin-bottom: 16px;
+    }
+
+    @keyframes canvas-loader-spin {
+      0% {
+        transform: rotate(0deg);
+      }
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+
+    .canvas-loader-message {
+      font-size: 1.1rem;
+      color: #333;
+      background: rgba(255, 255, 255, 0.9);
+      padding: 8px 16px;
+      border-radius: 4px;
+      margin-top: 8px;
+      text-align: center;
+      max-width: 80%;
+      word-break: break-word;
+    }
+  `;
+exports.InfiniteCanvasElement = InfiniteCanvasElement = __decorate([
+    (0, decorators_js_1.customElement)("infinite-canvas")
+], InfiniteCanvasElement);
+//# sourceMappingURL=Component.js.map

package/lib/Component.js.map

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

package/lib/bounding/AABB.d.ts

@@ -0,0 +1,10 @@
+export declare class AABB {
+    minX: number;
+    minY: number;
+    maxX: number;
+    maxY: number;
+    constructor(minX: number, minY: number, maxX: number, maxY: number);
+    getArea(): number;
+    static isColliding(a: AABB, b: AABB): boolean;
+}
+//# sourceMappingURL=AABB.d.ts.map

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

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