@reffy/infinite-canvas 0.0.1

package/lib/history/history.js

@@ -0,0 +1,127 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CanvasHistory = void 0;
+exports.setNumberProp = setNumberProp;
+exports.setBooleanProp = setBooleanProp;
+exports.setXY = setXY;
+const MAX_HISTORY = 25;
+class CanvasHistory {
+    constructor() {
+        this._undoStack = [];
+        this._redoStack = [];
+        this._openGroup = null;
+    }
+    get undoStack() {
+        return this._undoStack;
+    }
+    begin(label) {
+        if (this._openGroup)
+            throw new Error("History group already open");
+        this._openGroup = [];
+        this._openLabel = label;
+    }
+    push(cmd) {
+        if (this._openGroup) {
+            this._openGroup.push(cmd);
+        }
+        else {
+            while (this._undoStack.length >= MAX_HISTORY) {
+                this._undoStack.shift();
+            }
+            this._undoStack.push([cmd]);
+            cmd.do();
+            this._redoStack.length = 0;
+        }
+    }
+    commit() {
+        if (!this._openGroup)
+            return;
+        const group = this._openGroup;
+        this._openGroup = null;
+        for (const c of group)
+            c.do();
+        while (this._undoStack.length >= MAX_HISTORY) {
+            this._undoStack.shift();
+        }
+        this._undoStack.push(group);
+        this._redoStack.length = 0;
+        this._openLabel = undefined;
+    }
+    cancel() {
+        // Drop current group without executing
+        this._openGroup = null;
+        this._openLabel = undefined;
+    }
+    canUndo() {
+        return this._undoStack.length > 0;
+    }
+    canRedo() {
+        return this._redoStack.length > 0;
+    }
+    undo() {
+        const group = this._undoStack.pop();
+        if (!group)
+            return;
+        for (let i = group.length - 1; i >= 0; i--)
+            group[i].undo();
+        this._redoStack.push(group);
+    }
+    redo() {
+        const group = this._redoStack.pop();
+        if (!group)
+            return;
+        for (const c of group)
+            c.do();
+        this._undoStack.push(group);
+    }
+    clear() {
+        this._undoStack.length = 0;
+        this._redoStack.length = 0;
+        this._openGroup = null;
+        this._openLabel = undefined;
+    }
+}
+exports.CanvasHistory = CanvasHistory;
+// Helpers ------------------------------------------------------------
+function setNumberProp(target, key, next, label) {
+    const k = key;
+    const prev = target[k];
+    return {
+        label,
+        do() {
+            target[k] = next;
+        },
+        undo() {
+            target[k] = prev;
+        },
+    };
+}
+function setBooleanProp(target, key, next, label) {
+    const k = key;
+    const prev = target[k];
+    return {
+        label,
+        do() {
+            target[k] = next;
+        },
+        undo() {
+            target[k] = prev;
+        },
+    };
+}
+// Move (x,y) as one atomic command
+function setXY(target, toX, toY, label = "Move") {
+    const fromX = target.x;
+    const fromY = target.y;
+    const setter = target.setTranslation?.bind(target);
+    return {
+        label,
+        do() {
+            setter ? setter(toX, toY) : ((target.x = toX), (target.y = toY));
+        },
+        undo() {
+            setter ? setter(fromX, fromY) : ((target.x = fromX), (target.y = fromY));
+        },
+    };
+}
+//# sourceMappingURL=history.js.map

package/lib/history/history.js.map

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

package/lib/history/index.d.ts

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

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

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

package/lib/history/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./history"), exports);
+//# sourceMappingURL=index.js.map

package/lib/history/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["history/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B"}

package/lib/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/lib/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"}

package/lib/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Canvas"), exports);
+__exportStar(require("./camera"), exports);
+__exportStar(require("./Component"), exports);
+__exportStar(require("./API"), exports);
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,2CAAyB;AACzB,8CAA4B;AAC5B,wCAAsB"}

package/lib/loader/Interaction.d.ts

@@ -0,0 +1,4 @@
+import { Loader, LoaderType } from "./Loader";
+export declare function showLoader(type: LoaderType, message?: string): Loader;
+export declare function hideLoader(): void;
+//# sourceMappingURL=Interaction.d.ts.map

package/lib/loader/Interaction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Interaction.d.ts","sourceRoot":"src/","sources":["loader/Interaction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,UAAU,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,CAAC,EAAE,MAAM,UAU5D;AAED,wBAAgB,UAAU,SAKzB"}

package/lib/loader/Interaction.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.showLoader = showLoader;
+exports.hideLoader = hideLoader;
+const Loader_1 = require("./Loader");
+function showLoader(type, message) {
+    const loader = new Loader_1.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;
+}
+function hideLoader() {
+    const oldLoader = this.renderRoot.querySelector(".canvas-loader");
+    if (oldLoader) {
+        oldLoader.remove();
+    }
+}
+//# sourceMappingURL=Interaction.js.map

package/lib/loader/Interaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Interaction.js","sourceRoot":"src/","sources":["loader/Interaction.ts"],"names":[],"mappings":";;AAEA,gCAUC;AAED,gCAKC;AAnBD,qCAA8C;AAE9C,SAAgB,UAAU,CAAC,IAAgB,EAAE,OAAgB;IAC3D,MAAM,MAAM,GAAG,IAAI,eAAM,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,SAAgB,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/lib/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/lib/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/lib/loader/Loader.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loader = void 0;
+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);
+        }
+    }
+}
+exports.Loader = Loader;
+//# sourceMappingURL=Loader.js.map

package/lib/loader/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sourceRoot":"src/","sources":["loader/Loader.ts"],"names":[],"mappings":";;;AAOA,MAAa,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;AA5DD,wBA4DC"}

package/lib/loader/index.d.ts

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

package/lib/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/lib/loader/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Loader"), exports);
+__exportStar(require("./Interaction"), exports);
+//# sourceMappingURL=index.js.map

package/lib/loader/index.js.map

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

package/lib/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/lib/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/lib/manager/ContextMenu.js

@@ -0,0 +1,50 @@
+"use strict";
+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;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextMenuManager = void 0;
+const customEventType_1 = require("../util/customEventType");
+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(customEventType_1.ContextMenuEvent.Open, e.clientX, e.clientY, "multi");
+            }
+            else if (isBoundingBoxHit(wx, wy)) {
+                eventHub.emit(customEventType_1.ContextMenuEvent.Open, e.clientX, e.clientY);
+            }
+            else {
+                eventHub.emit(customEventType_1.ContextMenuEvent.Open, e.clientX, e.clientY, "canvas");
+            }
+        };
+        eventHub.on(customEventType_1.ContextMenuEvent.Open, () => {
+            __classPrivateFieldSet(this, _ContextMenuManager_isMenuActive, true, "f");
+        });
+        eventHub.on(customEventType_1.ContextMenuEvent.Close, () => {
+            __classPrivateFieldSet(this, _ContextMenuManager_isMenuActive, false, "f");
+        });
+        assignEventListener("contextmenu", this.customContextMenu);
+    }
+}
+exports.ContextMenuManager = ContextMenuManager;
+_ContextMenuManager_isMenuActive = new WeakMap();
+//# sourceMappingURL=ContextMenu.js.map

package/lib/manager/ContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.js","sourceRoot":"src/","sources":["manager/ContextMenu.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,6DAA2D;AAG3D,MAAa,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,kCAAgB,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,kCAAgB,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;YAC7D,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,IAAI,CAAC,kCAAgB,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YACvE,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,EAAE,CAAC,kCAAgB,CAAC,IAAI,EAAE,GAAG,EAAE;YACtC,uBAAA,IAAI,oCAAiB,IAAI,MAAA,CAAC;QAC5B,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,EAAE,CAAC,kCAAgB,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;AAnDD,gDAmDC"}

package/lib/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/lib/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/lib/manager/FlipCommand.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeFlipCommand = makeFlipCommand;
+exports.makeMultiFlipCommand = makeMultiFlipCommand;
+function applyFlip(target, t) {
+    target.setTranslation(t.x, t.y);
+    target.setScale(t.sx, t.sy);
+}
+function makeFlipCommand(target, start, end, label = "Flip") {
+    return {
+        label,
+        do() {
+            applyFlip(target, end);
+        },
+        undo() {
+            applyFlip(target, start);
+        },
+    };
+}
+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/lib/manager/FlipCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlipCommand.js","sourceRoot":"src/","sources":["manager/FlipCommand.ts"],"names":[],"mappings":";;AAwBA,0CAeC;AAED,oDAoBC;AA1CD,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,SAAgB,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,SAAgB,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/lib/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/lib/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/lib/manager/KeyEvent.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KeyEventManager = void 0;
+const util_1 = require("../util");
+class KeyEventManager {
+    constructor(history, eventHub, deleteSelected, assignEventListener) {
+        this.history = history;
+        this.deleteSelected = deleteSelected;
+        this.save = () => eventHub.emit(util_1.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;
+    }
+}
+exports.KeyEventManager = KeyEventManager;
+//# sourceMappingURL=KeyEvent.js.map

package/lib/manager/KeyEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyEvent.js","sourceRoot":"src/","sources":["manager/KeyEvent.ts"],"names":[],"mappings":";;;AAAA,kCAAsC;AAItC,MAAa,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,kBAAW,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;AA5ED,0CA4EC"}

package/lib/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/lib/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/lib/manager/OrderCommand.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeOrderCommand = makeOrderCommand;
+exports.makeMultiOrderCommand = makeMultiOrderCommand;
+function apply(target, t) {
+    target.renderOrder = t.renderOrder;
+}
+function makeOrderCommand(target, start, end, label = "Order") {
+    return {
+        label,
+        do() {
+            apply(target, end);
+        },
+        undo() {
+            apply(target, start);
+        },
+    };
+}
+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/lib/manager/OrderCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderCommand.js","sourceRoot":"src/","sources":["manager/OrderCommand.ts"],"names":[],"mappings":";;AAiBA,4CAeC;AAED,sDAaC;AAlCD,SAAS,KAAK,CAAC,MAAkB,EAAE,CAAgB;IAChD,MAAgB,CAAC,WAAW,GAAG,CAAC,CAAC,WAAW,CAAC;AAChD,CAAC;AAED,SAAgB,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,SAAgB,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"}