@reffy/infinite-canvas 0.0.12 → 0.1.0

package/lib/manager/PointerEvent.js

@@ -1,173 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PointerEventManager = exports.PointerMode = void 0;
-const Shape_1 = require("../shapes/Shape");
-const util_1 = require("../util");
-const TransformCommand_1 = require("./TransformCommand");
-var PointerMode;
-(function (PointerMode) {
-    PointerMode[PointerMode["SELECT"] = 0] = "SELECT";
-    PointerMode[PointerMode["PAN"] = 1] = "PAN";
-})(PointerMode || (exports.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",
-};
-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 (0, util_1.copy)(this.getSelected());
-        });
-        window.addEventListener("paste", async (e) => {
-            e.preventDefault();
-            if (this.isContextMenuActive())
-                return;
-            await deps.paste(this.state.lastPointerPos.x, this.state.lastPointerPos.y);
-        });
-    }
-    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(util_1.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((0, TransformCommand_1.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_1.Shape) {
-                if (child.hitTest && child.hitTest(wx, wy)) {
-                    return child;
-                }
-            }
-        }
-        return null;
-    }
-}
-exports.PointerEventManager = PointerEventManager;
-//# sourceMappingURL=PointerEvent.js.map

package/lib/manager/PointerEvent.js.map

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

package/lib/manager/SceneCommand.d.ts

@@ -1,18 +0,0 @@
-import { Canvas } from "Canvas";
-import { Command } from "../history";
-import { Renderable } from "../shapes";
-/**
- * what do we care about from the scene?
- * Definitely not camera movement
- * layers maybe?
- * children
- * children's individual transform is handled by the transform commands
- */
-export interface SceneSnapshot {
-    children: Renderable[];
-}
-export declare function makeAddChildCommand(parent: Canvas, child: Renderable, label?: string): Command;
-export declare function makeMultiAddChildCommand(parent: Canvas, children: Renderable[], label?: string): Command;
-export declare function makeRemoveChildCommand(parent: Canvas, child: Renderable, label?: string): Command;
-export declare function makeMultiRemoveChildCommand(parent: Canvas, children: Renderable[], label?: string): Command;
-//# sourceMappingURL=SceneCommand.d.ts.map

package/lib/manager/SceneCommand.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SceneCommand.d.ts","sourceRoot":"src/","sources":["manager/SceneCommand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC;;;;;;GAMG;AACH,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,UAAU,EAAE,CAAC;CACxB;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,EACjB,KAAK,SAAc,GAClB,OAAO,CAWT;AAED,wBAAgB,wBAAwB,CACtC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,UAAU,EAAE,EACtB,KAAK,SAAc,GAClB,OAAO,CAcT;AAED,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,EACjB,KAAK,SAAiB,GACrB,OAAO,CAgBT;AAED,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,UAAU,EAAE,EACtB,KAAK,SAAoB,GACxB,OAAO,CAuCT"}

package/lib/manager/SceneCommand.js

@@ -1,91 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeAddChildCommand = makeAddChildCommand;
-exports.makeMultiAddChildCommand = makeMultiAddChildCommand;
-exports.makeRemoveChildCommand = makeRemoveChildCommand;
-exports.makeMultiRemoveChildCommand = makeMultiRemoveChildCommand;
-function makeAddChildCommand(parent, child, label = "Add Child") {
-    return {
-        label,
-        do() {
-            parent.children.push(child);
-        },
-        undo() {
-            const i = parent.children.indexOf(child);
-            if (i >= 0)
-                parent.children.splice(i, 1);
-        },
-    };
-}
-function makeMultiAddChildCommand(parent, children, label = "Add Child") {
-    return {
-        label,
-        do() {
-            for (const child of children) {
-                parent.appendChild(child);
-            }
-        },
-        undo() {
-            for (const child of children) {
-                parent.removeChild(child);
-            }
-        },
-    };
-}
-function makeRemoveChildCommand(parent, child, label = "Remove Child") {
-    let idx = -1;
-    return {
-        label,
-        do() {
-            idx = parent.children.indexOf(child);
-            if (idx >= 0)
-                parent.children.splice(idx, 1);
-        },
-        undo() {
-            if (idx < 0) {
-                parent.children.push(child);
-                return;
-            }
-            parent.children.splice(idx, 0, child);
-        },
-    };
-}
-function makeMultiRemoveChildCommand(parent, children, label = "Remove Children") {
-    // Store original indices so we can restore ordering on undo
-    let positions = [];
-    return {
-        label,
-        do() {
-            // Build a unique set to avoid duplicate work
-            const target = new Set(children);
-            positions = [];
-            parent.children.forEach((c, i) => {
-                if (target.has(c))
-                    positions.push({ child: c, idx: i });
-            });
-            // Remove in descending index order so earlier indices remain valid
-            positions
-                .slice()
-                .sort((a, b) => b.idx - a.idx)
-                .forEach(({ child }) => {
-                parent.removeChild(child); // handles selection + GPU cleanup
-            });
-        },
-        undo() {
-            // Reinsert in ascending order at original indices
-            positions
-                .slice()
-                .sort((a, b) => a.idx - b.idx)
-                .forEach(({ child, idx }) => {
-                if (parent.children.includes(child))
-                    return; // already restored
-                // Insert at the recorded index preserving draw order
-                parent.children.splice(Math.min(idx, parent.children.length), 0, child);
-                // Re-establish parent link (manual since we bypass appendChild)
-                child.addParent(parent);
-            });
-            parent.markOrderDirty();
-        },
-    };
-}
-//# sourceMappingURL=SceneCommand.js.map

package/lib/manager/SceneCommand.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SceneCommand.js","sourceRoot":"src/","sources":["manager/SceneCommand.ts"],"names":[],"mappings":";;AAeA,kDAeC;AAED,4DAkBC;AAED,wDAoBC;AAED,kEA2CC;AAtGD,SAAgB,mBAAmB,CACjC,MAAc,EACd,KAAiB,EACjB,KAAK,GAAG,WAAW;IAEnB,OAAO;QACL,KAAK;QACL,EAAE;YACA,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;QACD,IAAI;YACF,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACzC,IAAI,CAAC,IAAI,CAAC;gBAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC3C,CAAC;KACF,CAAC;AACJ,CAAC;AAED,SAAgB,wBAAwB,CACtC,MAAc,EACd,QAAsB,EACtB,KAAK,GAAG,WAAW;IAEnB,OAAO;QACL,KAAK;QACL,EAAE;YACA,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;gBAC7B,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC;QACD,IAAI;YACF,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;gBAC7B,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC;KACF,CAAC;AACJ,CAAC;AAED,SAAgB,sBAAsB,CACpC,MAAc,EACd,KAAiB,EACjB,KAAK,GAAG,cAAc;IAEtB,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC;IACb,OAAO;QACL,KAAK;QACL,EAAE;YACA,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACrC,IAAI,GAAG,IAAI,CAAC;gBAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QAC/C,CAAC;QACD,IAAI;YACF,IAAI,GAAG,GAAG,CAAC,EAAE,CAAC;gBACZ,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC5B,OAAO;YACT,CAAC;YACD,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;QACxC,CAAC;KACF,CAAC;AACJ,CAAC;AAED,SAAgB,2BAA2B,CACzC,MAAc,EACd,QAAsB,EACtB,KAAK,GAAG,iBAAiB;IAEzB,4DAA4D;IAC5D,IAAI,SAAS,GAAyC,EAAE,CAAC;IACzD,OAAO;QACL,KAAK;QACL,EAAE;YACA,6CAA6C;YAC7C,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC;YACjC,SAAS,GAAG,EAAE,CAAC;YACf,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBAC/B,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;oBAAE,SAAS,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;YAC1D,CAAC,CAAC,CAAC;YACH,mEAAmE;YACnE,SAAS;iBACN,KAAK,EAAE;iBACP,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC;iBAC7B,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;gBACrB,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,kCAAkC;YAC/D,CAAC,CAAC,CAAC;QACP,CAAC;QACD,IAAI;YACF,kDAAkD;YAClD,SAAS;iBACN,KAAK,EAAE;iBACP,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC;iBAC7B,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE;gBAC1B,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;oBAAE,OAAO,CAAC,mBAAmB;gBAChE,qDAAqD;gBACrD,MAAM,CAAC,QAAQ,CAAC,MAAM,CACpB,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EACrC,CAAC,EACD,KAAK,CACN,CAAC;gBACF,gEAAgE;gBAChE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;YAC1B,CAAC,CAAC,CAAC;YACL,MAAM,CAAC,cAAc,EAAE,CAAC;QAC1B,CAAC;KACF,CAAC;AACJ,CAAC"}

package/lib/manager/Selection.d.ts

@@ -1,62 +0,0 @@
-import { BoundingBoxCollisionType } from "../util";
-import { Rect, Renderable, Shape } from "../shapes";
-import { Canvas } from "Canvas";
-import { Point } from "bounding/type";
-import { BoundingBox, MarqueeSelectionBox, MultiBoundingBox } from "../bounding";
-import { CanvasHistory } from "../history";
-import { FlipDirection } from "./FlipCommand";
-import EventEmitter from "eventemitter3";
-export type AlignDirection = "top" | "bottom" | "left" | "right";
-export type NormalizeOption = "height" | "width" | "size" | "scale";
-export type NormalizeMode = "first" | "average";
-export declare class SelectionManager {
-    #private;
-    get multiBoundingBox(): MultiBoundingBox;
-    get boundingBoxes(): Set<BoundingBox>;
-    getWorldMatrix: () => number[];
-    getCanvasChildren: () => Renderable[];
-    getWorldCoords: (x: number, y: number) => number[];
-    getMarqueeCoords: (x: number, y: number) => number[];
-    get selected(): Rect[];
-    set selected(shapes: Rect[]);
-    get marqueeBox(): MarqueeSelectionBox;
-    set marqueeBox(startingPoint: Point);
-    constructor(history: CanvasHistory, eventHub: EventEmitter, gl: WebGLRenderingContext, basicShapeProgram: WebGLProgram, getWorldMatrix: () => number[], getCanvasChildren: () => Renderable[], getWorldCoords: (x: number, y: number) => number[], getMarqueeCoords: (x: number, y: number) => number[]);
-    add(shapes: Rect[]): void;
-    remove(shapes: Rect[]): void;
-    deleteSelected(canvas: Canvas): void;
-    /**
-     * Checks first if there is a hit in a multibounding and its handles. If not, check the one bounding box that is active.
-     */
-    hitTest(wx: number, wy: number): BoundingBoxCollisionType | null;
-    isMultiBoundingBoxHit(wx: number, wy: number): "" | BoundingBoxCollisionType;
-    isBoundingBoxHit(wx: number, wy: number): "" | BoundingBoxCollisionType;
-    hitTestAdjustedCorner(wx: number, wy: number): BoundingBoxCollisionType;
-    /**
-     * Update the existing bounding boxes
-     */
-    update(): void;
-    render(program: WebGLProgram): void;
-    isRectSelected(shape: Rect): boolean;
-    clear(): void;
-    clearMarquee(): void;
-    move(dx: number, dy: number): void;
-    /**
-     * Based on the corner you're dragging and the sign of the scaleX and scaleY values, there are only four possible sets of changes to the target's translation.
-     * 1) absolutely no change
-     * 2) x translation change only if negative delta
-     * 3) y translation change only if negative delta
-     * 4) x and y translation change if negative delta
-     * The tricky part is to consider the signs of the scale values and determine which corner is going to inhabit which behaviour.
-     * @param dx
-     * @param dy
-     * @param direction
-     */
-    resize(dx: number, dy: number, direction: BoundingBoxCollisionType): void;
-    flip(direction: FlipDirection): void;
-    alignSelection(direction: AlignDirection): void;
-    normalize(type: NormalizeOption, mode?: NormalizeMode): void;
-    onPointerMove(x: number, y: number, dx: number, dy: number, resizeDirection: BoundingBoxCollisionType, getGlobalClick: () => boolean, updateCameraPos: (x: number, y: number) => void, getWorldMatrix: () => number[]): void;
-    onSelectionPointerDown(isShiftKey: boolean, child: Shape, wx: number, wy: number): void;
-}
-//# sourceMappingURL=Selection.d.ts.map

package/lib/manager/Selection.d.ts.map

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

package/lib/manager/Selection.js

@@ -1,303 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectionManager = void 0;
-const util_1 = require("../util");
-const bounding_1 = require("../bounding");
-const SceneCommand_1 = require("./SceneCommand");
-const FlipCommand_1 = require("./FlipCommand");
-const TransformCommand_1 = require("./TransformCommand");
-class SelectionManager {
-    // #canvas: Canvas;
-    #history;
-    #selected = new Set();
-    #boundingBoxes = new Set();
-    #multiBoundingBox;
-    #marqueeSelectionBox;
-    #eventHub;
-    get multiBoundingBox() {
-        return this.#multiBoundingBox;
-    }
-    get boundingBoxes() {
-        return this.#boundingBoxes;
-    }
-    #renderDirtyFlag = true;
-    #gl;
-    #rectProgram;
-    get selected() {
-        return Array.from(this.#selected);
-    }
-    set selected(shapes) {
-        this.#selected.clear();
-        shapes.forEach((shape) => {
-            this.#selected.add(shape);
-            this.#boundingBoxes.add(new bounding_1.BoundingBox(shape));
-        });
-    }
-    get marqueeBox() {
-        return this.#marqueeSelectionBox;
-    }
-    set marqueeBox(startingPoint) {
-        this.#marqueeSelectionBox = new bounding_1.MarqueeSelectionBox(startingPoint.x, startingPoint.y, this.getWorldMatrix());
-    }
-    constructor(history, eventHub, gl, basicShapeProgram, getWorldMatrix, getCanvasChildren, getWorldCoords, getMarqueeCoords) {
-        this.#gl = gl;
-        this.#rectProgram = basicShapeProgram;
-        this.#history = history;
-        this.#eventHub = eventHub;
-        this.getWorldMatrix = getWorldMatrix;
-        this.getCanvasChildren = getCanvasChildren;
-        this.getWorldCoords = getWorldCoords;
-        this.getMarqueeCoords = getMarqueeCoords;
-        const proto = Object.getPrototypeOf(this);
-        for (const key of Object.getOwnPropertyNames(proto)) {
-            const val = this[key];
-            if (typeof val === "function" && key !== "constructor") {
-                this[key] = val.bind(this);
-            }
-        }
-    }
-    // add, remove selected
-    add(shapes) {
-        shapes.forEach((shape) => {
-            if (!this.#selected.has(shape)) {
-                this.#selected.add(shape);
-                this.#boundingBoxes.add(new bounding_1.BoundingBox(shape));
-            }
-        });
-        if (this.#boundingBoxes.size > 1) {
-            this.#boundingBoxes.forEach((box) => box.setPassive());
-            if (!this.#multiBoundingBox) {
-                this.#multiBoundingBox = new bounding_1.MultiBoundingBox([]);
-            }
-            this.selected.forEach((shape) => this.#multiBoundingBox.add(shape));
-        }
-    }
-    remove(shapes) {
-        shapes.forEach((shape) => {
-            if (!this.#selected.has(shape))
-                return;
-            this.#selected.delete(shape);
-            const matchingBoundingBox = Array.from(this.#boundingBoxes.values()).find((box) => box.target === shape);
-            if (matchingBoundingBox) {
-                this.#boundingBoxes.delete(matchingBoundingBox);
-            }
-            else {
-                console.error("No matching bounding box found");
-            }
-            if (this.#multiBoundingBox) {
-                this.#multiBoundingBox.remove(shape);
-            }
-        });
-        if (this.#boundingBoxes.size <= 1) {
-            this.#boundingBoxes.forEach((box) => box.setActive());
-            this.#multiBoundingBox = null;
-        }
-    }
-    deleteSelected(canvas) {
-        const toBeDeleted = [...this.#selected];
-        this.remove(toBeDeleted);
-        for (const selected of toBeDeleted) {
-            selected.destroy();
-        }
-        this.#history.push((0, SceneCommand_1.makeMultiRemoveChildCommand)(canvas, toBeDeleted));
-    }
-    /**
-     * Checks first if there is a hit in a multibounding and its handles. If not, check the one bounding box that is active.
-     */
-    hitTest(wx, wy) {
-        if (this.#multiBoundingBox) {
-            const ans = this.#multiBoundingBox.hitTest(wx, wy, this.getWorldMatrix());
-            if (ans)
-                return ans;
-        }
-        for (const box of this.#boundingBoxes.values()) {
-            const ans = box.hitTest(wx, wy, this.getWorldMatrix());
-            if (ans)
-                return ans;
-        }
-        return null;
-    }
-    isMultiBoundingBoxHit(wx, wy) {
-        return (this.#multiBoundingBox &&
-            this.#multiBoundingBox.hitTest(wx, wy, this.getWorldMatrix()));
-    }
-    isBoundingBoxHit(wx, wy) {
-        return (this.#boundingBoxes.size === 1 &&
-            Array.from(this.#boundingBoxes)[0].hitTest(wx, wy, this.getWorldMatrix()));
-    }
-    hitTestAdjustedCorner(wx, wy) {
-        if (this.#multiBoundingBox) {
-            const ans = this.#multiBoundingBox.hitTest(wx, wy, this.getWorldMatrix());
-            if (ans) {
-                if (this.#multiBoundingBox.scale[0] * this.#multiBoundingBox.scale[1] <
-                    0) {
-                    return (0, util_1.oppositeCorner)(ans);
-                }
-                return ans;
-            }
-        }
-        for (const box of this.#boundingBoxes.values()) {
-            const ans = box.hitTest(wx, wy, this.getWorldMatrix());
-            if (ans) {
-                if (box.target.sx * box.target.sy < 0) {
-                    return (0, util_1.oppositeCorner)(ans);
-                }
-                return ans;
-            }
-        }
-    }
-    /**
-     * Update the existing bounding boxes
-     */
-    update() {
-        this.#boundingBoxes.forEach((box) => box.update());
-        if (this.#multiBoundingBox) {
-            this.#multiBoundingBox.update();
-        }
-    }
-    render(program) {
-        // Bind program and set z-up front
-        if (!this.#marqueeSelectionBox &&
-            !this.#multiBoundingBox &&
-            this.#boundingBoxes.size === 0)
-            return;
-        this.#gl.useProgram(program);
-        const uZLoc = this.#gl.getUniformLocation(program, "u_z");
-        if (uZLoc)
-            this.#gl.uniform1f(uZLoc, 1.0);
-        // Draw everything using the same bound program
-        if (this.#renderDirtyFlag) {
-            this.#boundingBoxes.forEach((box) => box.render(this.#gl, program));
-        }
-        if (this.#multiBoundingBox) {
-            this.#multiBoundingBox.render(this.#gl, program);
-        }
-        if (this.#marqueeSelectionBox) {
-            this.#marqueeSelectionBox.render(this.#gl, program);
-        }
-    }
-    isRectSelected(shape) {
-        return this.#selected.has(shape);
-    }
-    clear() {
-        this.#selected.clear();
-        this.#boundingBoxes.clear();
-        this.#multiBoundingBox = null;
-    }
-    clearMarquee() {
-        if (this.#marqueeSelectionBox) {
-            this.#marqueeSelectionBox = null;
-        }
-    }
-    move(dx, dy) {
-        if (this.#multiBoundingBox) {
-            this.#multiBoundingBox.move(dx, dy);
-        }
-        else {
-            for (const box of this.#boundingBoxes) {
-                box.move(dx, dy);
-            }
-        }
-        this.#eventHub.emit(util_1.CanvasEvent.Change);
-    }
-    /**
-     * Based on the corner you're dragging and the sign of the scaleX and scaleY values, there are only four possible sets of changes to the target's translation.
-     * 1) absolutely no change
-     * 2) x translation change only if negative delta
-     * 3) y translation change only if negative delta
-     * 4) x and y translation change if negative delta
-     * The tricky part is to consider the signs of the scale values and determine which corner is going to inhabit which behaviour.
-     * @param dx
-     * @param dy
-     * @param direction
-     */
-    resize(dx, dy, direction) {
-        if (this.multiBoundingBox) {
-            this.multiBoundingBox.resize(dx, dy, direction, this.getWorldMatrix());
-        }
-        for (const box of this.boundingBoxes) {
-            if (this.multiBoundingBox) {
-                box.update();
-            }
-            else {
-                box.resize(dx, dy, direction);
-            }
-        }
-        this.#eventHub.emit(util_1.CanvasEvent.Change);
-    }
-    flip(direction) {
-        if (this.multiBoundingBox) {
-            const transformArray = this.multiBoundingBox.flip(this.getWorldMatrix(), direction, this.getWorldCoords);
-            this.#history.push((0, FlipCommand_1.makeMultiFlipCommand)(transformArray, direction, this.multiBoundingBox));
-        }
-        else {
-            const transformArray = [];
-            for (const box of this.boundingBoxes) {
-                transformArray.push(box.flip(direction));
-            }
-            this.#history.push((0, FlipCommand_1.makeMultiFlipCommand)(transformArray, direction));
-        }
-        this.#eventHub.emit(util_1.CanvasEvent.Change);
-    }
-    alignSelection(direction) {
-        if (!this.multiBoundingBox)
-            return;
-        const transformations = this.multiBoundingBox.align(direction);
-        this.#history.push((0, TransformCommand_1.makeMultiTransformCommand)(transformations));
-        this.#eventHub.emit(util_1.CanvasEvent.Change);
-    }
-    normalize(type, mode = "first") {
-        if (!this.multiBoundingBox)
-            return;
-        const transformations = this.multiBoundingBox.normalize(type, mode);
-        this.#history.push((0, TransformCommand_1.makeMultiTransformCommand)(transformations));
-        this.#eventHub.emit(util_1.CanvasEvent.Change);
-    }
-    onPointerMove(x, y, dx, dy, resizeDirection, getGlobalClick, updateCameraPos, getWorldMatrix) {
-        if (getGlobalClick()) {
-            updateCameraPos(x, y);
-        }
-        else if (resizeDirection && resizeDirection !== "CENTER") {
-            this.resize(dx, dy, resizeDirection);
-        }
-        else if (this.marqueeBox) {
-            this.marqueeBox.resize(dx, dy, getWorldMatrix());
-            // use the four corners to check if there are any new entry
-            const children = this.getCanvasChildren();
-            const marqueeBox = this.marqueeBox.getBoundingBox(this.getMarqueeCoords);
-            for (const child of children) {
-                const box = child.getBoundingBox();
-                if (bounding_1.AABB.isColliding(box, marqueeBox) &&
-                    !this.#selected.has(child)) {
-                    this.add([child]);
-                }
-                else if (!bounding_1.AABB.isColliding(box, marqueeBox) &&
-                    this.#selected.has(child)) {
-                    this.remove([child]);
-                }
-            }
-        }
-        else {
-            this.move(dx, dy);
-        }
-    }
-    onSelectionPointerDown(isShiftKey, child, wx, wy) {
-        if (child) {
-            if (!isShiftKey) {
-                this.clear();
-            }
-            this.add([child]);
-        }
-        else {
-            this.clear();
-            if (this.marqueeBox) {
-                this.clearMarquee();
-            }
-            else {
-                this.marqueeBox = { x: wx, y: wy };
-            }
-        }
-    }
-}
-exports.SelectionManager = SelectionManager;
-//# sourceMappingURL=Selection.js.map