@reffy/infinite-canvas 0.0.1

package/esm/loader/Interaction.js

@@ -0,0 +1,17 @@
+import { Loader } from "./Loader";
+export function showLoader(type, message) {
+    const loader = new Loader({ type, message });
+    loader.attachToParent(this.renderRoot);
+    const hostRect = this.getBoundingClientRect();
+    loader.el.style.width = `${hostRect.right}px`;
+    loader.el.style.height = `${hostRect.bottom}px`;
+    loader._el.style.top = `${-hostRect.bottom}px`;
+    return loader;
+}
+export function hideLoader() {
+    const oldLoader = this.renderRoot.querySelector(".canvas-loader");
+    if (oldLoader) {
+        oldLoader.remove();
+    }
+}
+//# sourceMappingURL=Interaction.js.map

package/esm/loader/Interaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Interaction.js","sourceRoot":"src/","sources":["loader/Interaction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAc,MAAM,UAAU,CAAC;AAE9C,MAAM,UAAU,UAAU,CAAC,IAAgB,EAAE,OAAgB;IAC3D,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,UAAyB,CAAC,CAAC;IAEtD,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC9C,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,QAAQ,CAAC,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC;IAChD,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC;IAE/C,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,UAAU;IACxB,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAClE,IAAI,SAAS,EAAE,CAAC;QACd,SAAS,CAAC,MAAM,EAAE,CAAC;IACrB,CAAC;AACH,CAAC"}

package/esm/loader/Loader.d.ts

@@ -0,0 +1,19 @@
+export type LoaderType = "spinner" | "message";
+export type LoaderProps = {
+    type: LoaderType;
+    message?: string;
+};
+export declare class Loader {
+    _el: HTMLDivElement;
+    type: LoaderType;
+    message?: string;
+    progress?: number;
+    get el(): HTMLDivElement;
+    constructor(props: LoaderProps);
+    private render;
+    setMessage(message: string): void;
+    setProgress(progress: number): void;
+    attachToParent(parent: Node): void;
+    remove(): void;
+}
+//# sourceMappingURL=Loader.d.ts.map

package/esm/loader/Loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.d.ts","sourceRoot":"src/","sources":["loader/Loader.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,qBAAa,MAAM;IACjB,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,IAAI,EAAE,mBAEL;gBAEW,KAAK,EAAE,WAAW;IAU9B,OAAO,CAAC,MAAM;IAqBd,UAAU,CAAC,OAAO,EAAE,MAAM;IAK1B,WAAW,CAAC,QAAQ,EAAE,MAAM;IAK5B,cAAc,CAAC,MAAM,EAAE,IAAI;IAI3B,MAAM;CAKP"}

package/esm/loader/Loader.js

@@ -0,0 +1,49 @@
+export class Loader {
+    get el() {
+        return this._el;
+    }
+    constructor(props) {
+        this.type = props.type;
+        this.message = props.message;
+        this._el = document.createElement("div");
+        this._el.classList.add("canvas-loader");
+        this.render();
+    }
+    render() {
+        this._el.innerHTML = "";
+        if (this.type === "spinner") {
+            const spinner = document.createElement("div");
+            spinner.classList.add("canvas-loader-spinner");
+            this._el.appendChild(spinner);
+            if (this.message) {
+                const msg = document.createElement("div");
+                msg.classList.add("canvas-loader-message");
+                msg.textContent = this.message;
+                this._el.appendChild(msg);
+            }
+        }
+        else if (this.type === "message") {
+            const msg = document.createElement("div");
+            msg.classList.add("canvas-loader-message");
+            msg.textContent = this.message ?? "";
+            this._el.appendChild(msg);
+        }
+    }
+    setMessage(message) {
+        this.message = message;
+        this.render();
+    }
+    setProgress(progress) {
+        this.progress = progress;
+        this.render();
+    }
+    attachToParent(parent) {
+        parent.appendChild(this.el);
+    }
+    remove() {
+        if (this._el.parentNode) {
+            this._el.parentNode.removeChild(this._el);
+        }
+    }
+}
+//# sourceMappingURL=Loader.js.map

package/esm/loader/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sourceRoot":"src/","sources":["loader/Loader.ts"],"names":[],"mappings":"AAOA,MAAM,OAAO,MAAM;IAMjB,IAAI,EAAE;QACJ,OAAO,IAAI,CAAC,GAAG,CAAC;IAClB,CAAC;IAED,YAAY,KAAkB;QAC5B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QAE7B,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACzC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;QAExC,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAEO,MAAM;QACZ,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,EAAE,CAAC;QAExB,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC5B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC9C,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;YAC/C,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC9B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBAC1C,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;gBAC3C,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC;gBAC/B,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YACnC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1C,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;YAC3C,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;YACrC,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,UAAU,CAAC,OAAe;QACxB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,WAAW,CAAC,QAAgB;QAC1B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,cAAc,CAAC,MAAY;QACzB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC9B,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;YACxB,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;CACF"}

package/esm/loader/index.d.ts

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

package/esm/loader/index.d.ts.map

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

package/esm/loader/index.js

@@ -0,0 +1,3 @@
+export * from "./Loader";
+export * from "./Interaction";
+//# sourceMappingURL=index.js.map

package/esm/loader/index.js.map

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

package/esm/manager/ContextMenu.d.ts

@@ -0,0 +1,11 @@
+import { BoundingBoxCollisionType } from "../util";
+import EventEmitter from "eventemitter3";
+export declare class ContextMenuManager {
+    #private;
+    copy: (e: ClipboardEvent) => Promise<void>;
+    paste: (e: ClipboardEvent) => Promise<void>;
+    customContextMenu: (e: PointerEvent) => void;
+    get isActive(): boolean;
+    constructor(eventHub: EventEmitter, isMultiBoundingBoxHit: (x: number, y: number) => BoundingBoxCollisionType | "", isBoundingBoxHit: (x: number, y: number) => BoundingBoxCollisionType | "", getWorldCoords: (x: number, y: number) => number[], assignEventListener: (type: string, fn: (() => void) | ((e: any) => void), options?: boolean | AddEventListenerOptions) => void);
+}
+//# sourceMappingURL=ContextMenu.d.ts.map

package/esm/manager/ContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"src/","sources":["manager/ContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAEnD,OAAO,YAAY,MAAM,eAAe,CAAC;AAEzC,qBAAa,kBAAkB;;IAC7B,IAAI,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,KAAK,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,iBAAiB,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;IAG7C,IAAI,QAAQ,YAEX;gBAGC,QAAQ,EAAE,YAAY,EACtB,qBAAqB,EAAE,CACrB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,KACN,wBAAwB,GAAG,EAAE,EAClC,gBAAgB,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,wBAAwB,GAAG,EAAE,EACzE,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,MAAM,EAAE,EAClD,mBAAmB,EAAE,CACnB,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC,EACrC,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,KACxC,IAAI;CA6BZ"}

package/esm/manager/ContextMenu.js

@@ -0,0 +1,46 @@
+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 _ContextMenuManager_isMenuActive;
+import { ContextMenuEvent } from "../util/customEventType";
+export class ContextMenuManager {
+    get isActive() {
+        return __classPrivateFieldGet(this, _ContextMenuManager_isMenuActive, "f");
+    }
+    constructor(eventHub, isMultiBoundingBoxHit, isBoundingBoxHit, getWorldCoords, assignEventListener) {
+        _ContextMenuManager_isMenuActive.set(this, false);
+        this.customContextMenu = (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            // only show context menu when there is collision with a child object, otherwise clear it
+            const [wx, wy] = getWorldCoords(e.clientX, e.clientY);
+            // show different context menu depending on what is being selected
+            if (isMultiBoundingBoxHit(wx, wy)) {
+                eventHub.emit(ContextMenuEvent.Open, e.clientX, e.clientY, "multi");
+            }
+            else if (isBoundingBoxHit(wx, wy)) {
+                eventHub.emit(ContextMenuEvent.Open, e.clientX, e.clientY);
+            }
+            else {
+                eventHub.emit(ContextMenuEvent.Open, e.clientX, e.clientY, "canvas");
+            }
+        };
+        eventHub.on(ContextMenuEvent.Open, () => {
+            __classPrivateFieldSet(this, _ContextMenuManager_isMenuActive, true, "f");
+        });
+        eventHub.on(ContextMenuEvent.Close, () => {
+            __classPrivateFieldSet(this, _ContextMenuManager_isMenuActive, false, "f");
+        });
+        assignEventListener("contextmenu", this.customContextMenu);
+    }
+}
+_ContextMenuManager_isMenuActive = new WeakMap();
+//# sourceMappingURL=ContextMenu.js.map

package/esm/manager/ContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.js","sourceRoot":"src/","sources":["manager/ContextMenu.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAG3D,MAAM,OAAO,kBAAkB;IAM7B,IAAI,QAAQ;QACV,OAAO,uBAAA,IAAI,wCAAc,CAAC;IAC5B,CAAC;IAED,YACE,QAAsB,EACtB,qBAGkC,EAClC,gBAAyE,EACzE,cAAkD,EAClD,mBAIS;QAlBX,2CAAyB,KAAK,EAAC;QAoB7B,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAe,EAAE,EAAE;YAC3C,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YAEpB,yFAAyF;YACzF,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;YAEtD,kEAAkE;YAClE,IAAI,qBAAqB,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;gBAClC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YACtE,CAAC;iBAAM,IAAI,gBAAgB,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;gBACpC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;YAC7D,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YACvE,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,GAAG,EAAE;YACtC,uBAAA,IAAI,oCAAiB,IAAI,MAAA,CAAC;QAC5B,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE;YACvC,uBAAA,IAAI,oCAAiB,KAAK,MAAA,CAAC;QAC7B,CAAC,CAAC,CAAC;QAEH,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC7D,CAAC;CACF"}

package/esm/manager/FlipCommand.d.ts

@@ -0,0 +1,18 @@
+import { Rect, Renderable } from "shapes";
+import { Command } from "../history";
+import { MultiBoundingBox } from "../bounding";
+export interface FlipSnapshotItem {
+    ref: Rect;
+    start: FlipSnapshot;
+    end?: FlipSnapshot;
+}
+export interface FlipSnapshot {
+    x: number;
+    y: number;
+    sx: number;
+    sy: number;
+}
+export type FlipDirection = "vertical" | "horizontal";
+export declare function makeFlipCommand(target: Renderable, start: FlipSnapshot, end: FlipSnapshot, label?: string): Command;
+export declare function makeMultiFlipCommand(entries: FlipSnapshotItem[], direction: FlipDirection, multiBoundingBox?: MultiBoundingBox): Command;
+//# sourceMappingURL=FlipCommand.d.ts.map

package/esm/manager/FlipCommand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlipCommand.d.ts","sourceRoot":"src/","sources":["manager/FlipCommand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,IAAI,CAAC;IACV,KAAK,EAAE,YAAY,CAAC;IACpB,GAAG,CAAC,EAAE,YAAY,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,YAAY,CAAC;AAOtD,wBAAgB,eAAe,CAC7B,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,YAAY,EACnB,GAAG,EAAE,YAAY,EACjB,KAAK,SAAS,GACb,OAAO,CAUT;AAED,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,gBAAgB,EAAE,EAC3B,SAAS,EAAE,aAAa,EACxB,gBAAgB,CAAC,EAAE,gBAAgB,GAClC,OAAO,CAgBT"}

package/esm/manager/FlipCommand.js

@@ -0,0 +1,35 @@
+function applyFlip(target, t) {
+    target.setTranslation(t.x, t.y);
+    target.setScale(t.sx, t.sy);
+}
+export function makeFlipCommand(target, start, end, label = "Flip") {
+    return {
+        label,
+        do() {
+            applyFlip(target, end);
+        },
+        undo() {
+            applyFlip(target, start);
+        },
+    };
+}
+export function makeMultiFlipCommand(entries, direction, multiBoundingBox) {
+    return {
+        label: "Flip",
+        do() {
+            for (const e of entries)
+                applyFlip(e.ref, e.end);
+            if (multiBoundingBox) {
+                multiBoundingBox.scale[direction === "horizontal" ? 0 : 1] *= -1;
+            }
+        },
+        undo() {
+            for (const e of entries)
+                applyFlip(e.ref, e.start);
+            if (multiBoundingBox) {
+                multiBoundingBox.scale[direction === "horizontal" ? 0 : 1] *= -1;
+            }
+        },
+    };
+}
+//# sourceMappingURL=FlipCommand.js.map

package/esm/manager/FlipCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlipCommand.js","sourceRoot":"src/","sources":["manager/FlipCommand.ts"],"names":[],"mappings":"AAmBA,SAAS,SAAS,CAAC,MAAkB,EAAE,CAAe;IACpD,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAChC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAC9B,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,MAAkB,EAClB,KAAmB,EACnB,GAAiB,EACjB,KAAK,GAAG,MAAM;IAEd,OAAO;QACL,KAAK;QACL,EAAE;YACA,SAAS,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACzB,CAAC;QACD,IAAI;YACF,SAAS,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAC3B,CAAC;KACF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB,CAClC,OAA2B,EAC3B,SAAwB,EACxB,gBAAmC;IAEnC,OAAO;QACL,KAAK,EAAE,MAAM;QACb,EAAE;YACA,KAAK,MAAM,CAAC,IAAI,OAAO;gBAAE,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;YACjD,IAAI,gBAAgB,EAAE,CAAC;gBACrB,gBAAgB,CAAC,KAAK,CAAC,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;YACnE,CAAC;QACH,CAAC;QACD,IAAI;YACF,KAAK,MAAM,CAAC,IAAI,OAAO;gBAAE,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;YACnD,IAAI,gBAAgB,EAAE,CAAC;gBACrB,gBAAgB,CAAC,KAAK,CAAC,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;YACnE,CAAC;QACH,CAAC;KACF,CAAC;AACJ,CAAC"}

package/esm/manager/KeyEvent.d.ts

@@ -0,0 +1,16 @@
+import { CanvasHistory } from "../history";
+import EventEmitter from "eventemitter3";
+export declare class KeyEventManager {
+    history: CanvasHistory;
+    assignEventListener: (type: string, fn: (() => void) | ((e: any) => void), options?: boolean | AddEventListenerOptions) => void;
+    deleteSelected: () => void;
+    save: () => void;
+    constructor(history: CanvasHistory, eventHub: EventEmitter, deleteSelected: () => void, assignEventListener: (type: string, fn: (() => void) | ((e: any) => void), options?: boolean | AddEventListenerOptions) => void);
+    private addOnKeyPressed;
+    private onKeyPressed;
+    private isCtrlZ;
+    private isCtrlY;
+    private isDelete;
+    private isSave;
+}
+//# sourceMappingURL=KeyEvent.d.ts.map

package/esm/manager/KeyEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyEvent.d.ts","sourceRoot":"src/","sources":["manager/KeyEvent.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,YAAY,MAAM,eAAe,CAAC;AAEzC,qBAAa,eAAe;IAC1B,OAAO,EAAE,aAAa,CAAC;IACvB,mBAAmB,EAAE,CACnB,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC,EACrC,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,KACxC,IAAI,CAAC;IACV,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,MAAM,IAAI,CAAC;gBAGf,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,YAAY,EACtB,cAAc,EAAE,MAAM,IAAI,EAC1B,mBAAmB,EAAE,CACnB,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC,EACrC,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,KACxC,IAAI;IAWX,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,YAAY;IAyBpB,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,MAAM;CAIf"}

package/esm/manager/KeyEvent.js

@@ -0,0 +1,51 @@
+import { CanvasEvent } from "../util";
+export class KeyEventManager {
+    constructor(history, eventHub, deleteSelected, assignEventListener) {
+        this.history = history;
+        this.deleteSelected = deleteSelected;
+        this.save = () => eventHub.emit(CanvasEvent.Save);
+        this.assignEventListener = assignEventListener;
+        this.onKeyPressed = this.onKeyPressed.bind(this);
+        this.addOnKeyPressed();
+    }
+    addOnKeyPressed() {
+        document.addEventListener("keydown", this.onKeyPressed);
+    }
+    onKeyPressed(e) {
+        if (this.isCtrlZ(e)) {
+            e.preventDefault();
+            this.history.undo();
+            return;
+        }
+        if (this.isCtrlY(e)) {
+            e.preventDefault();
+            this.history.redo();
+            return;
+        }
+        if (this.isDelete(e)) {
+            this.deleteSelected();
+            return;
+        }
+        if (this.isSave(e)) {
+            e.preventDefault();
+            this.save();
+            return;
+        }
+    }
+    isCtrlZ(e) {
+        const key = e.key.toLowerCase();
+        return key === "z" && (e.ctrlKey || e.metaKey) && !e.shiftKey;
+    }
+    isCtrlY(e) {
+        const key = e.key.toLowerCase();
+        return key === "y" && (e.ctrlKey || e.metaKey) && !e.shiftKey;
+    }
+    isDelete(e) {
+        return e.key === "Delete";
+    }
+    isSave(e) {
+        const key = e.key.toLowerCase();
+        return key === "s" && e.ctrlKey;
+    }
+}
+//# sourceMappingURL=KeyEvent.js.map

package/esm/manager/KeyEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyEvent.js","sourceRoot":"src/","sources":["manager/KeyEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,MAAM,OAAO,eAAe;IAU1B,YACE,OAAsB,EACtB,QAAsB,EACtB,cAA0B,EAC1B,mBAIS;QAET,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAClD,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;QAE/C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjD,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAEO,eAAe;QACrB,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IAC1D,CAAC;IAEO,YAAY,CAAC,CAAgB;QACnC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YACpB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YACpB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;YACrB,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;IACH,CAAC;IAEO,OAAO,CAAC,CAAgB;QAC9B,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAChC,OAAO,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAChE,CAAC;IAEO,OAAO,CAAC,CAAgB;QAC9B,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAChC,OAAO,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAChE,CAAC;IAEO,QAAQ,CAAC,CAAgB;QAC/B,OAAO,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC;IAC5B,CAAC;IAEO,MAAM,CAAC,CAAgB;QAC7B,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAChC,OAAO,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC;IAClC,CAAC;CACF"}

package/esm/manager/OrderCommand.d.ts

@@ -0,0 +1,17 @@
+import { Shape, Renderable } from "shapes";
+import { Command } from "../history";
+export interface OrderSnapshotItem {
+    ref: Shape;
+    start: OrderSnapshot;
+    end?: OrderSnapshot;
+}
+export interface OrderSnapshot {
+    renderOrder: number;
+}
+export declare function makeOrderCommand(target: Renderable, start: OrderSnapshot, end: OrderSnapshot, label?: string): Command;
+export declare function makeMultiOrderCommand(entries: Array<{
+    ref: any;
+    start: OrderSnapshot;
+    end?: OrderSnapshot;
+}>, label?: string): Command;
+//# sourceMappingURL=OrderCommand.d.ts.map

package/esm/manager/OrderCommand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderCommand.d.ts","sourceRoot":"src/","sources":["manager/OrderCommand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,KAAK,CAAC;IACX,KAAK,EAAE,aAAa,CAAC;IACrB,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;CACrB;AAMD,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,aAAa,EACpB,GAAG,EAAE,aAAa,EAClB,KAAK,SAAU,GACd,OAAO,CAUT;AAED,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,KAAK,CAAC;IAAE,GAAG,EAAE,GAAG,CAAC;IAAC,KAAK,EAAE,aAAa,CAAC;IAAC,GAAG,CAAC,EAAE,aAAa,CAAA;CAAE,CAAC,EACvE,KAAK,SAAU,GACd,OAAO,CAUT"}

package/esm/manager/OrderCommand.js

@@ -0,0 +1,28 @@
+function apply(target, t) {
+    target.renderOrder = t.renderOrder;
+}
+export function makeOrderCommand(target, start, end, label = "Order") {
+    return {
+        label,
+        do() {
+            apply(target, end);
+        },
+        undo() {
+            apply(target, start);
+        },
+    };
+}
+export function makeMultiOrderCommand(entries, label = "Order") {
+    return {
+        label,
+        do() {
+            for (const e of entries)
+                apply(e.ref, e.end);
+        },
+        undo() {
+            for (const e of entries)
+                apply(e.ref, e.start);
+        },
+    };
+}
+//# sourceMappingURL=OrderCommand.js.map

package/esm/manager/OrderCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderCommand.js","sourceRoot":"src/","sources":["manager/OrderCommand.ts"],"names":[],"mappings":"AAaA,SAAS,KAAK,CAAC,MAAkB,EAAE,CAAgB;IAChD,MAAgB,CAAC,WAAW,GAAG,CAAC,CAAC,WAAW,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,MAAkB,EAClB,KAAoB,EACpB,GAAkB,EAClB,KAAK,GAAG,OAAO;IAEf,OAAO;QACL,KAAK;QACL,EAAE;YACA,KAAK,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACrB,CAAC;QACD,IAAI;YACF,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QACvB,CAAC;KACF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,OAAuE,EACvE,KAAK,GAAG,OAAO;IAEf,OAAO;QACL,KAAK;QACL,EAAE;YACA,KAAK,MAAM,CAAC,IAAI,OAAO;gBAAE,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;QAC/C,CAAC;QACD,IAAI;YACF,KAAK,MAAM,CAAC,IAAI,OAAO;gBAAE,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;QACjD,CAAC;KACF,CAAC;AACJ,CAAC"}

package/esm/manager/PointerEvent.d.ts

@@ -0,0 +1,70 @@
+import { Rect } from "../shapes/Rect";
+import { Renderable } from "../shapes/Renderable";
+import { Shape } from "../shapes/Shape";
+import { BoundingBoxCollisionType } from "../util";
+import { PointerEventState } from "../state";
+import { CanvasHistory } from "../history";
+import EventEmitter from "eventemitter3";
+export declare enum PointerMode {
+    SELECT = 0,
+    PAN = 1
+}
+interface PointerEventManagerDeps {
+    history: CanvasHistory;
+    eventHub: EventEmitter;
+    state: PointerEventState;
+    isContextMenuActive: () => boolean;
+    getSelected: () => Renderable[];
+    getChildren: () => Renderable[];
+    getWorldMatrix: () => number[];
+    getCanvasGlobalClick: () => boolean;
+    setCanvasGlobalClick: (val: boolean) => void;
+    getWorldCoords: (x: number, y: number) => number[];
+    updateCameraPos: (x: number, y: number) => void;
+    onWheel: (e: WheelEvent) => void;
+    setCursorStyle: (val: string) => void;
+    paste: (x: number, y: number) => Promise<void>;
+    closeMarquee: () => void;
+    assignEventListener: (type: string, fn: (() => void) | ((e: any) => void), options?: boolean | AddEventListenerOptions) => void;
+    selectionPointerMove: (x: number, y: number, dx: number, dy: number, resizeDirection: BoundingBoxCollisionType) => void;
+    onSelectionPointerDown: (isShiftKey: boolean, child: Shape, wx: number, wy: number) => void;
+    checkIfSelectionHit: (x: number, y: number) => BoundingBoxCollisionType | null;
+    addSelection: (rects: Rect[]) => void;
+    clearSelection: () => void;
+    isSelection: (rect: Rect) => boolean;
+    hitTestAdjustedCorner: (x: number, y: number) => BoundingBoxCollisionType;
+}
+export declare class PointerEventManager {
+    state: PointerEventState;
+    history: CanvasHistory;
+    eventHub: EventEmitter;
+    isContextMenuActive: () => boolean;
+    getSelected: () => Renderable[];
+    onSelectionPointerDown: (isShiftKey: boolean, child: Shape, wx: number, wy: number) => void;
+    selectionPointerMove: (x: number, y: number, dx: number, dy: number, resizingDirection: BoundingBoxCollisionType) => void;
+    checkIfSelectionHit: (x: number, y: number) => BoundingBoxCollisionType | null;
+    addSelection: (rects: Rect[]) => void;
+    clearSelection: () => void;
+    isSelection: (rect: Rect) => boolean;
+    getChildren: () => Renderable[];
+    setCursorStyle: (s: string) => void;
+    setCanvasGlobalClick: (val: boolean) => void;
+    getWorldCoords: (x: number, y: number) => number[];
+    closeMarquee: () => void;
+    hitTestAdjustedCorner: (x: number, y: number) => BoundingBoxCollisionType;
+    assignEventListener: (type: string, fn: (() => void) | ((e: any) => void), options?: boolean | AddEventListenerOptions) => void;
+    private currentTransform?;
+    constructor(deps: Partial<PointerEventManagerDeps>);
+    changeMode(): void;
+    private addOnPointerDown;
+    private addOnPointerMove;
+    private addOnWheel;
+    private onPointerDown;
+    private handlePanPointerDown;
+    private handleSelectPointerDown;
+    private onPointerMoveWhileDown;
+    private onPointerUp;
+    private checkCollidingChild;
+}
+export {};
+//# sourceMappingURL=PointerEvent.d.ts.map

package/esm/manager/PointerEvent.d.ts.map

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

package/esm/manager/PointerEvent.js

@@ -0,0 +1,171 @@
+import { Shape } from "../shapes/Shape";
+import { ContextMenuEvent, copy, LoaderEvent, } from "../util";
+import { makeMultiTransformCommand, } from "./TransformCommand";
+export var PointerMode;
+(function (PointerMode) {
+    PointerMode[PointerMode["SELECT"] = 0] = "SELECT";
+    PointerMode[PointerMode["PAN"] = 1] = "PAN";
+})(PointerMode || (PointerMode = {}));
+const cursorMap = {
+    TOP: "ns-resize",
+    BOTTOM: "ns-resize",
+    LEFT: "ew-resize",
+    RIGHT: "ew-resize",
+    TOPLEFT: "nwse-resize",
+    BOTTOMRIGHT: "nwse-resize",
+    TOPRIGHT: "nesw-resize",
+    BOTTOMLEFT: "nesw-resize",
+    CENTER: "grab",
+};
+export class PointerEventManager {
+    constructor(deps) {
+        for (const key in deps) {
+            if (key in deps && deps[key] !== undefined) {
+                this[key] = deps[key];
+            }
+        }
+        // bind methods
+        this.onPointerDown = this.onPointerDown.bind(this);
+        this.onPointerMoveWhileDown = this.onPointerMoveWhileDown.bind(this);
+        this.onPointerUp = this.onPointerUp.bind(this);
+        // register event listeners
+        this.addOnPointerMove();
+        this.addOnWheel(deps.onWheel);
+        this.addOnPointerDown();
+        window.addEventListener("copy", async (e) => {
+            e.preventDefault();
+            if (this.isContextMenuActive())
+                return;
+            await copy(this.getSelected());
+        });
+        window.addEventListener("paste", async (e) => {
+            e.preventDefault();
+            deps.eventHub.emit(LoaderEvent.start, "spinner");
+            if (this.isContextMenuActive())
+                return;
+            await deps.paste(this.state.lastPointerPos.x, this.state.lastPointerPos.y);
+            deps.eventHub.emit(LoaderEvent.done);
+        });
+    }
+    changeMode() {
+        this.state.toggleMode();
+    }
+    // Add events
+    addOnPointerDown() {
+        this.assignEventListener("pointerdown", this.onPointerDown);
+    }
+    addOnPointerMove() {
+        this.assignEventListener("pointermove", (e) => {
+            [this.state.lastPointerPos.x, this.state.lastPointerPos.y] =
+                this.getWorldCoords(e.clientX, e.clientY);
+            let hit = this.hitTestAdjustedCorner(this.state.lastPointerPos.x, this.state.lastPointerPos.y);
+            this.setCursorStyle(cursorMap[hit] || "default");
+        });
+    }
+    addOnWheel(onWheel) {
+        this.assignEventListener("wheel", (e) => {
+            if (!this.isContextMenuActive()) {
+                onWheel(e);
+            }
+        }, { passive: false });
+    }
+    onPointerDown(e) {
+        e.stopPropagation();
+        e.preventDefault();
+        this.eventHub.emit(ContextMenuEvent.Close);
+        const [wx, wy] = this.getWorldCoords(e.clientX, e.clientY);
+        this.state.initialize(wx, wy);
+        this.currentTransform = undefined;
+        if (this.state.mode === PointerMode.PAN) {
+            this.handlePanPointerDown();
+        }
+        else if (this.state.mode === PointerMode.SELECT) {
+            this.handleSelectPointerDown(e, wx, wy);
+        }
+        document.addEventListener("pointermove", this.onPointerMoveWhileDown);
+        document.addEventListener("pointerup", this.onPointerUp);
+    }
+    handlePanPointerDown() {
+        this.setCanvasGlobalClick(true);
+        this.clearSelection();
+    }
+    handleSelectPointerDown(e, wx, wy) {
+        this.setCanvasGlobalClick(false);
+        const child = this.checkCollidingChild(wx, wy);
+        const boundingBoxType = this.checkIfSelectionHit(wx, wy);
+        if (e.button === 2) {
+            if (!boundingBoxType) {
+                this.clearSelection();
+            }
+            if (child && !this.isSelection(child)) {
+                this.addSelection([child]);
+            }
+        }
+        else {
+            if (boundingBoxType) {
+                this.state.resizingDirection = boundingBoxType;
+            }
+            else {
+                this.onSelectionPointerDown(e.shiftKey, child, wx, wy);
+            }
+            const selected = this.getSelected();
+            if (selected.length) {
+                this.currentTransform = {
+                    targets: selected.map((ref) => ({
+                        ref,
+                        start: { x: ref.x, y: ref.y, sx: ref.sx, sy: ref.sy },
+                    })),
+                };
+            }
+        }
+    }
+    onPointerMoveWhileDown(e) {
+        // in move, the buttons property is checked
+        if (e.buttons === 2)
+            return;
+        const [wx, wy] = this.getWorldCoords(e.clientX, e.clientY);
+        const dx = wx - this.state.lastWorldX;
+        const dy = wy - this.state.lastWorldY;
+        this.selectionPointerMove(this.state.startWorldX - wx, this.state.startWorldY - wy, dx, dy, this.state.resizingDirection);
+        this.state.updateLastWorldCoord(wx, wy);
+        this.setCursorStyle("grabbing");
+    }
+    onPointerUp() {
+        document.removeEventListener("pointermove", this.onPointerMoveWhileDown);
+        document.removeEventListener("pointerup", this.onPointerUp);
+        this.setCanvasGlobalClick(true);
+        this.setCursorStyle("default");
+        if (this.currentTransform) {
+            const entries = this.currentTransform.targets
+                .map((t) => ({
+                ref: t.ref,
+                start: t.start,
+                end: { x: t.ref.x, y: t.ref.y, sx: t.ref.sx, sy: t.ref.sy },
+            }))
+                .filter((e) => e.start.x !== e.end.x ||
+                e.start.y !== e.end.y ||
+                e.start.sx !== e.end.sx ||
+                e.start.sy !== e.end.sy);
+            if (entries.length) {
+                this.history.push(makeMultiTransformCommand(entries));
+            }
+        }
+        this.currentTransform = undefined;
+        this.state.resizingDirection = null;
+        this.closeMarquee();
+        this.eventHub.emit("save");
+    }
+    checkCollidingChild(wx, wy) {
+        const children = this.getChildren();
+        for (let i = children.length - 1; i >= 0; i--) {
+            const child = children[i];
+            if (child instanceof Shape) {
+                if (child.hitTest && child.hitTest(wx, wy)) {
+                    return child;
+                }
+            }
+        }
+        return null;
+    }
+}
+//# sourceMappingURL=PointerEvent.js.map