@open-draw/canvas 0.0.0-stage → 0.2.0

package/dist/selection/handles.d.ts

@@ -0,0 +1,9 @@
+import type { Bounds, Point } from '@open-draw/schema';
+export type HandleType = 'nw' | 'n' | 'ne' | 'e' | 'se' | 's' | 'sw' | 'w' | 'rotate';
+export interface HandleDescriptor {
+    readonly type: HandleType;
+    readonly point: Point;
+    readonly cursor: string;
+}
+export declare function getHandleDescriptors(bounds: Bounds, rotateOffset?: number): readonly HandleDescriptor[];
+//# sourceMappingURL=handles.d.ts.map

package/dist/selection/handles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handles.d.ts","sourceRoot":"","sources":["../../src/selection/handles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,MAAM,UAAU,GAClB,IAAI,GACJ,GAAG,GACH,IAAI,GACJ,GAAG,GACH,IAAI,GACJ,GAAG,GACH,IAAI,GACJ,GAAG,GACH,QAAQ,CAAC;AAEb,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,SAAK,GAAG,SAAS,gBAAgB,EAAE,CAkBnG"}

package/dist/selection/handles.js

@@ -0,0 +1,19 @@
+export function getHandleDescriptors(bounds, rotateOffset = 24) {
+    const { x, y, width, height } = bounds;
+    const midX = x + width / 2;
+    const midY = y + height / 2;
+    const right = x + width;
+    const bottom = y + height;
+    return [
+        { type: 'nw', point: { x, y }, cursor: 'nwse-resize' },
+        { type: 'n', point: { x: midX, y }, cursor: 'ns-resize' },
+        { type: 'ne', point: { x: right, y }, cursor: 'nesw-resize' },
+        { type: 'e', point: { x: right, y: midY }, cursor: 'ew-resize' },
+        { type: 'se', point: { x: right, y: bottom }, cursor: 'nwse-resize' },
+        { type: 's', point: { x: midX, y: bottom }, cursor: 'ns-resize' },
+        { type: 'sw', point: { x, y: bottom }, cursor: 'nesw-resize' },
+        { type: 'w', point: { x, y: midY }, cursor: 'ew-resize' },
+        { type: 'rotate', point: { x: midX, y: y - rotateOffset }, cursor: 'grab' },
+    ];
+}
+//# sourceMappingURL=handles.js.map

package/dist/selection/handles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handles.js","sourceRoot":"","sources":["../../src/selection/handles.ts"],"names":[],"mappings":"AAmBA,MAAM,UAAU,oBAAoB,CAAC,MAAc,EAAE,YAAY,GAAG,EAAE;IACpE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IACvC,MAAM,IAAI,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;IAC3B,MAAM,IAAI,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC;IAC5B,MAAM,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC;IACxB,MAAM,MAAM,GAAG,CAAC,GAAG,MAAM,CAAC;IAE1B,OAAO;QACL,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE;QACtD,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE;QACzD,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE;QAC7D,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE;QAChE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE;QACrE,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE;QACjE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE;QAC9D,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE;QACzD,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,GAAG,YAAY,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;KAC5E,CAAC;AACJ,CAAC"}

package/dist/selection/handlesView.d.ts

@@ -0,0 +1,4 @@
+import type { Bounds, Camera } from '@open-draw/schema';
+export declare function renderHandles(slot: SVGGElement, localBounds: Bounds, camera?: Camera): SVGGElement;
+export declare function removeHandles(slot: SVGGElement): void;
+//# sourceMappingURL=handlesView.d.ts.map

package/dist/selection/handlesView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlesView.d.ts","sourceRoot":"","sources":["../../src/selection/handlesView.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAOxD,wBAAgB,aAAa,CAC3B,IAAI,EAAE,WAAW,EACjB,WAAW,EAAE,MAAM,EACnB,MAAM,GAAE,MAAgC,GACvC,WAAW,CAuDb;AA0CD,wBAAgB,aAAa,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CAGrD"}

package/dist/selection/handlesView.js

@@ -0,0 +1,98 @@
+import { getHandleDescriptors } from './handles.js';
+const SVG_NS = 'http://www.w3.org/2000/svg';
+const BASE_HANDLE_SIZE = 8;
+const BASE_ROTATE_OFFSET = 24;
+export function renderHandles(slot, localBounds, camera = { x: 0, y: 0, zoom: 1 }) {
+    const handleScale = 1 / camera.zoom; // EXEMPTION: counter-scaling handles for constant screen size per §3.2
+    const size = BASE_HANDLE_SIZE * handleScale;
+    const half = size / 2;
+    const rotOffset = BASE_ROTATE_OFFSET * handleScale;
+    let frame = slot.querySelector(':scope > .od-selection-frame');
+    if (!frame) {
+        frame = document.createElementNS(SVG_NS, 'g');
+        frame.setAttribute('class', 'od-selection-frame');
+        slot.appendChild(frame);
+    }
+    // 1. Selection outline
+    let outline = frame.querySelector(':scope > .od-selection-outline');
+    if (!outline) {
+        outline = document.createElementNS(SVG_NS, 'rect');
+        outline.setAttribute('class', 'od-selection-outline');
+        outline.setAttribute('fill', 'none');
+        outline.setAttribute('stroke', '#3b82f6');
+        outline.setAttribute('stroke-width', '1.5');
+        outline.setAttribute('pointer-events', 'none');
+        outline.setAttribute('vector-effect', 'non-scaling-stroke');
+        frame.appendChild(outline);
+    }
+    outline.setAttribute('x', String(localBounds.x));
+    outline.setAttribute('y', String(localBounds.y));
+    outline.setAttribute('width', String(Math.max(1, localBounds.width)));
+    outline.setAttribute('height', String(Math.max(1, localBounds.height)));
+    // 2. Connector line to rotate handle
+    const midX = localBounds.x + localBounds.width / 2;
+    const rotY = localBounds.y - rotOffset;
+    let connector = frame.querySelector(':scope > .od-handle-connector');
+    if (!connector) {
+        connector = document.createElementNS(SVG_NS, 'line');
+        connector.setAttribute('class', 'od-handle-connector');
+        connector.setAttribute('stroke', '#3b82f6');
+        connector.setAttribute('stroke-width', '1');
+        connector.setAttribute('vector-effect', 'non-scaling-stroke');
+        connector.setAttribute('pointer-events', 'none');
+        frame.appendChild(connector);
+    }
+    connector.setAttribute('x1', String(midX));
+    connector.setAttribute('y1', String(localBounds.y));
+    connector.setAttribute('x2', String(midX));
+    connector.setAttribute('y2', String(rotY));
+    // 3. Handles
+    const descriptors = getHandleDescriptors(localBounds, rotOffset);
+    for (const d of descriptors) {
+        _renderHandle(frame, d, size, half);
+    }
+    return frame;
+}
+function _renderHandle(frame, d, size, half) {
+    if (d.type === 'rotate') {
+        let circle = frame.querySelector(':scope > .od-handle-rotate');
+        if (!circle) {
+            circle = document.createElementNS(SVG_NS, 'circle');
+            circle.setAttribute('class', 'od-handle od-handle-rotate');
+            circle.setAttribute('data-handle', 'rotate');
+            circle.setAttribute('fill', '#ffffff');
+            circle.setAttribute('stroke', '#3b82f6');
+            circle.setAttribute('stroke-width', '1.5');
+            circle.setAttribute('vector-effect', 'non-scaling-stroke');
+            circle.style.pointerEvents = 'auto';
+            circle.style.cursor = d.cursor;
+            frame.appendChild(circle);
+        }
+        circle.setAttribute('cx', String(d.point.x));
+        circle.setAttribute('cy', String(d.point.y));
+        circle.setAttribute('r', String(half));
+        return;
+    }
+    let rect = frame.querySelector(`:scope > .od-handle-${d.type}`);
+    if (!rect) {
+        rect = document.createElementNS(SVG_NS, 'rect');
+        rect.setAttribute('class', `od-handle od-handle-${d.type}`);
+        rect.setAttribute('data-handle', d.type);
+        rect.setAttribute('fill', '#ffffff');
+        rect.setAttribute('stroke', '#3b82f6');
+        rect.setAttribute('stroke-width', '1.5');
+        rect.setAttribute('vector-effect', 'non-scaling-stroke');
+        rect.style.pointerEvents = 'auto';
+        rect.style.cursor = d.cursor;
+        frame.appendChild(rect);
+    }
+    rect.setAttribute('x', String(d.point.x - half));
+    rect.setAttribute('y', String(d.point.y - half));
+    rect.setAttribute('width', String(size));
+    rect.setAttribute('height', String(size));
+}
+export function removeHandles(slot) {
+    const frame = slot.querySelector(':scope > .od-selection-frame');
+    frame?.remove();
+}
+//# sourceMappingURL=handlesView.js.map

package/dist/selection/handlesView.js.map

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

package/dist/selection/index.d.ts

@@ -0,0 +1,10 @@
+export * from './defs.js';
+export * from './manager.js';
+export * from './group.js';
+export * from './marquee.js';
+export * from './handles.js';
+export * from './resize.js';
+export * from './rotate.js';
+export * from './handlesView.js';
+export * from './reparent.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/selection/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}

package/dist/selection/index.js

@@ -0,0 +1,10 @@
+export * from './defs.js';
+export * from './manager.js';
+export * from './group.js';
+export * from './marquee.js';
+export * from './handles.js';
+export * from './resize.js';
+export * from './rotate.js';
+export * from './handlesView.js';
+export * from './reparent.js';
+//# sourceMappingURL=index.js.map

package/dist/selection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/selection/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}

package/dist/selection/manager.d.ts

@@ -0,0 +1,29 @@
+import type { Camera, ShapeId, ShapeRecord } from '@open-draw/schema';
+import type { ShapeRegistry } from '../registry.js';
+import type { SVGRenderer } from '../renderer.js';
+import type { CanvasStore } from '../store/index.js';
+import type { SelectionListener } from './defs.js';
+export declare class SelectionManager {
+    private selectedIds;
+    private listeners;
+    private prevRenderedIds;
+    get selection(): readonly ShapeId[];
+    setSelection(ids: readonly ShapeId[]): void;
+    select(id: ShapeId): void;
+    toggle(id: ShapeId): void;
+    add(ids: readonly ShapeId[]): void;
+    remove(ids: readonly ShapeId[]): void;
+    clear(): void;
+    selectAll(shapes: readonly ShapeRecord[]): void;
+    cycleZOrder(shapes: readonly ShapeRecord[], direction?: 'forward' | 'backward'): void;
+    isSelected(id: ShapeId): boolean;
+    subscribe(listener: SelectionListener): () => void;
+    updateVisuals(renderer: SVGRenderer, store: CanvasStore, registry: ShapeRegistry, camera?: Camera): void;
+    private _renderSingleSelection;
+    private _computeBounds;
+    private _renderOutline;
+    private _removeOutline;
+    private _notify;
+    private _arraysEqual;
+}
+//# sourceMappingURL=manager.d.ts.map

package/dist/selection/manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manager.d.ts","sourceRoot":"","sources":["../../src/selection/manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAGnD,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,WAAW,CAAiB;IACpC,OAAO,CAAC,SAAS,CAAqC;IACtD,OAAO,CAAC,eAAe,CAA2B;IAElD,IAAI,SAAS,IAAI,SAAS,OAAO,EAAE,CAElC;IAED,YAAY,CAAC,GAAG,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI,CAK1C;IAED,MAAM,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,CAExB;IAED,MAAM,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,CAMxB;IAED,GAAG,CAAC,GAAG,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI,CAEjC;IAED,MAAM,CAAC,GAAG,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI,CAGpC;IAED,KAAK,IAAI,IAAI,CAEZ;IAED,SAAS,CAAC,MAAM,EAAE,SAAS,WAAW,EAAE,GAAG,IAAI,CAG9C;IAED,WAAW,CAAC,MAAM,EAAE,SAAS,WAAW,EAAE,EAAE,SAAS,GAAE,SAAS,GAAG,UAAsB,GAAG,IAAI,CAuB/F;IAED,UAAU,CAAC,EAAE,EAAE,OAAO,GAAG,OAAO,CAE/B;IAED,SAAS,CAAC,QAAQ,EAAE,iBAAiB,GAAG,MAAM,IAAI,CAGjD;IAED,aAAa,CACX,QAAQ,EAAE,WAAW,EACrB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,aAAa,EACvB,MAAM,CAAC,EAAE,MAAM,GACd,IAAI,CAgCN;IAED,OAAO,CAAC,sBAAsB;IAsB9B,OAAO,CAAC,cAAc;IAgCtB,OAAO,CAAC,cAAc;IAiCtB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,YAAY;CAOrB"}

package/dist/selection/manager.js

@@ -0,0 +1,195 @@
+import { renderHandles, removeHandles } from './handlesView.js';
+export class SelectionManager {
+    selectedIds = [];
+    listeners = new Set();
+    prevRenderedIds = new Set();
+    get selection() {
+        return this.selectedIds;
+    }
+    setSelection(ids) {
+        const next = Array.from(new Set(ids));
+        if (this._arraysEqual(this.selectedIds, next))
+            return;
+        this.selectedIds = next;
+        this._notify();
+    }
+    select(id) {
+        this.setSelection([id]);
+    }
+    toggle(id) {
+        if (this.selectedIds.includes(id)) {
+            this.setSelection(this.selectedIds.filter((item) => item !== id));
+        }
+        else {
+            this.setSelection([...this.selectedIds, id]);
+        }
+    }
+    add(ids) {
+        this.setSelection([...this.selectedIds, ...ids]);
+    }
+    remove(ids) {
+        const toRemove = new Set(ids);
+        this.setSelection(this.selectedIds.filter((id) => !toRemove.has(id)));
+    }
+    clear() {
+        this.setSelection([]);
+    }
+    selectAll(shapes) {
+        const visibleIds = shapes.filter((s) => !s.hidden).map((s) => s.id);
+        this.setSelection(visibleIds);
+    }
+    cycleZOrder(shapes, direction = 'forward') {
+        const visible = shapes.filter((s) => !s.hidden);
+        if (visible.length === 0)
+            return;
+        if (this.selectedIds.length === 0) {
+            const target = direction === 'forward' ? visible[0] : visible[visible.length - 1];
+            this.select(target.id);
+            return;
+        }
+        const currentId = this.selectedIds[this.selectedIds.length - 1];
+        const currentIndex = visible.findIndex((s) => s.id === currentId);
+        let nextIndex;
+        if (currentIndex === -1) {
+            nextIndex = 0;
+        }
+        else if (direction === 'forward') {
+            nextIndex = (currentIndex + 1) % visible.length;
+        }
+        else {
+            nextIndex = (currentIndex - 1 + visible.length) % visible.length;
+        }
+        this.select(visible[nextIndex].id);
+    }
+    isSelected(id) {
+        return this.selectedIds.includes(id);
+    }
+    subscribe(listener) {
+        this.listeners.add(listener);
+        return () => this.listeners.delete(listener);
+    }
+    updateVisuals(renderer, store, registry, camera) {
+        const idsToRender = new Set();
+        for (const id of this.selectedIds) {
+            idsToRender.add(id);
+            const shape = store.getShape(id);
+            if (shape) {
+                const def = registry.get(shape.type);
+                if (def?.capabilities?.group?.isGroup) {
+                    const members = def.capabilities.group.getMembers ? def.capabilities.group.getMembers(shape) : [];
+                    for (const m of members)
+                        idsToRender.add(m);
+                }
+            }
+        }
+        for (const prevId of this.prevRenderedIds) {
+            if (!idsToRender.has(prevId)) {
+                this._removeOutline(renderer, prevId);
+            }
+        }
+        const singleSelectedId = this.selectedIds.length === 1 ? this.selectedIds[0] : null;
+        for (const id of idsToRender) {
+            if (id === singleSelectedId) {
+                this._renderSingleSelection(renderer, store, registry, id, camera);
+            }
+            else {
+                this._renderOutline(renderer, store, registry, id);
+            }
+        }
+        this.prevRenderedIds = idsToRender;
+    }
+    _renderSingleSelection(renderer, store, registry, id, camera) {
+        const slot = renderer.getOverlaySlot(id);
+        const shape = renderer.getShapeRecord(id) ?? store.getShape(id);
+        if (!slot || !shape)
+            return;
+        const legacy = slot.querySelector(':scope > .od-selection-outline');
+        legacy?.remove();
+        const bounds = this._computeBounds(shape, store, registry, renderer);
+        if (!bounds)
+            return;
+        const lx = bounds.x - shape.x;
+        const ly = bounds.y - shape.y;
+        renderHandles(slot, { x: lx, y: ly, width: bounds.width, height: bounds.height }, camera);
+    }
+    _computeBounds(shape, store, registry, renderer) {
+        const def = registry.get(shape.type);
+        if (!def)
+            return null;
+        let bounds = def.geometry.bounds(shape);
+        if (def.capabilities?.group?.isGroup) {
+            const members = def.capabilities.group.getMembers ? def.capabilities.group.getMembers(shape) : [];
+            const memberShapes = members
+                .map((mid) => (renderer ? renderer.getShapeRecord(mid) : null) ?? store.getShape(mid))
+                .filter(Boolean);
+            if (memberShapes.length > 0) {
+                let minX = Infinity;
+                let minY = Infinity;
+                let maxX = -Infinity;
+                let maxY = -Infinity;
+                for (const m of memberShapes) {
+                    const mDef = registry.get(m.type);
+                    if (!mDef)
+                        continue;
+                    const mb = mDef.geometry.bounds(m);
+                    minX = Math.min(minX, mb.x);
+                    minY = Math.min(minY, mb.y);
+                    maxX = Math.max(maxX, mb.x + mb.width);
+                    maxY = Math.max(maxY, mb.y + mb.height);
+                }
+                if (minX !== Infinity) {
+                    bounds = { x: minX, y: minY, width: maxX - minX, height: maxY - minY };
+                }
+            }
+        }
+        return bounds;
+    }
+    _renderOutline(renderer, store, registry, id) {
+        const slot = renderer.getOverlaySlot(id);
+        const shape = renderer.getShapeRecord(id) ?? store.getShape(id);
+        if (!slot || !shape)
+            return;
+        const bounds = this._computeBounds(shape, store, registry, renderer);
+        if (!bounds)
+            return;
+        const lx = bounds.x - shape.x;
+        const ly = bounds.y - shape.y;
+        let outline = slot.querySelector(':scope > .od-selection-outline');
+        if (!outline) {
+            outline = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+            outline.setAttribute('class', 'od-selection-outline');
+            outline.setAttribute('fill', 'none');
+            outline.setAttribute('stroke', '#3b82f6');
+            outline.setAttribute('stroke-width', '1.5');
+            outline.setAttribute('pointer-events', 'none');
+            slot.appendChild(outline);
+        }
+        outline.setAttribute('x', String(lx - 2));
+        outline.setAttribute('y', String(ly - 2));
+        outline.setAttribute('width', String(Math.max(1, bounds.width + 4)));
+        outline.setAttribute('height', String(Math.max(1, bounds.height + 4)));
+    }
+    _removeOutline(renderer, id) {
+        const slot = renderer.getOverlaySlot(id);
+        if (!slot)
+            return;
+        const outline = slot.querySelector(':scope > .od-selection-outline');
+        outline?.remove();
+        removeHandles(slot);
+    }
+    _notify() {
+        for (const listener of this.listeners) {
+            listener(this.selectedIds);
+        }
+    }
+    _arraysEqual(a, b) {
+        if (a.length !== b.length)
+            return false;
+        for (let i = 0; i < a.length; i++) {
+            if (a[i] !== b[i])
+                return false;
+        }
+        return true;
+    }
+}
+//# sourceMappingURL=manager.js.map

package/dist/selection/manager.js.map

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

package/dist/selection/marquee.d.ts

@@ -0,0 +1,11 @@
+import type { Bounds, Point, ShapeId } from '@open-draw/schema';
+import type { ShapeRegistry } from '../registry.js';
+import type { CanvasStore } from '../store/index.js';
+export declare function computeMarqueeBounds(start: Point, current: Point): Bounds;
+export declare function findIntersectingShapes(box: Bounds, store: CanvasStore, registry: ShapeRegistry): readonly ShapeId[];
+export declare class MarqueeOverlay {
+    private el;
+    show(container: HTMLElement, bounds: Bounds): void;
+    hide(): void;
+}
+//# sourceMappingURL=marquee.d.ts.map

package/dist/selection/marquee.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marquee.d.ts","sourceRoot":"","sources":["../../src/selection/marquee.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEhE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,GAAG,MAAM,CAMzE;AAED,wBAAgB,sBAAsB,CACpC,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,aAAa,GACtB,SAAS,OAAO,EAAE,CAYpB;AAED,qBAAa,cAAc;IACzB,OAAO,CAAC,EAAE,CAA+B;IAEzC,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAmBjD;IAED,IAAI,IAAI,IAAI,CAKX;CACF"}

package/dist/selection/marquee.js

@@ -0,0 +1,52 @@
+import { boundsIntersect, boundsOf } from '@open-draw/schema';
+export function computeMarqueeBounds(start, current) {
+    const x = Math.min(start.x, current.x);
+    const y = Math.min(start.y, current.y);
+    const width = Math.abs(current.x - start.x);
+    const height = Math.abs(current.y - start.y);
+    return boundsOf(x, y, width, height);
+}
+export function findIntersectingShapes(box, store, registry) {
+    const hitIds = [];
+    for (const shape of store.listShapes()) {
+        if (shape.hidden)
+            continue;
+        const def = registry.get(shape.type);
+        if (!def)
+            continue;
+        const shapeBounds = def.geometry.bounds(shape);
+        if (boundsIntersect(box, shapeBounds)) {
+            hitIds.push(shape.id);
+        }
+    }
+    return hitIds;
+}
+export class MarqueeOverlay {
+    el = null;
+    show(container, bounds) {
+        const viewport = container.querySelector('.od-viewport');
+        if (!viewport)
+            return;
+        if (!this.el) {
+            this.el = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+            this.el.setAttribute('class', 'od-marquee');
+            this.el.setAttribute('fill', 'rgba(59, 130, 246, 0.1)');
+            this.el.setAttribute('stroke', '#3b82f6');
+            this.el.setAttribute('stroke-width', '1');
+            this.el.setAttribute('stroke-dasharray', '3 3');
+            this.el.setAttribute('pointer-events', 'none');
+            viewport.appendChild(this.el);
+        }
+        this.el.setAttribute('x', String(bounds.x));
+        this.el.setAttribute('y', String(bounds.y));
+        this.el.setAttribute('width', String(bounds.width));
+        this.el.setAttribute('height', String(bounds.height));
+    }
+    hide() {
+        if (this.el) {
+            this.el.remove();
+            this.el = null;
+        }
+    }
+}
+//# sourceMappingURL=marquee.js.map

package/dist/selection/marquee.js.map

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

package/dist/selection/reparent.d.ts

@@ -0,0 +1,12 @@
+import type { ShapeId } from '@open-draw/schema';
+import type { ShapeRegistry } from '../registry.js';
+import type { CanvasStore } from '../store/index.js';
+import type { CameraController } from '../camera.js';
+/**
+ * Handles gesture-based re-parenting and detaching when dragging shapes (§5).
+ * - Dragging a shape OUT of its frame past bounds + threshold (12px screen) detaches it.
+ * - Dropping a shape fully inside another frame parents it (smallest-area wins on overlap).
+ * - Dragging between frames (out of A, into B) executes as a single atomic transaction.
+ */
+export declare function handleGestureReparent(shapeId: ShapeId, store: CanvasStore, registry: ShapeRegistry, camera: CameraController): void;
+//# sourceMappingURL=reparent.d.ts.map

package/dist/selection/reparent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reparent.d.ts","sourceRoot":"","sources":["../../src/selection/reparent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAe,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGrD;;;;;GAKG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,gBAAgB,GACvB,IAAI,CAmDN"}

package/dist/selection/reparent.js

@@ -0,0 +1,57 @@
+import { findSuggestedParent } from '../capabilities/clipping/index.js';
+/**
+ * Handles gesture-based re-parenting and detaching when dragging shapes (§5).
+ * - Dragging a shape OUT of its frame past bounds + threshold (12px screen) detaches it.
+ * - Dropping a shape fully inside another frame parents it (smallest-area wins on overlap).
+ * - Dragging between frames (out of A, into B) executes as a single atomic transaction.
+ */
+export function handleGestureReparent(shapeId, store, registry, camera) {
+    const shape = store.getShape(shapeId);
+    if (!shape)
+        return;
+    const def = registry.get(shape.type);
+    if (!def)
+        return;
+    const bounds = def.geometry.bounds(shape);
+    const currentParentId = (shape.meta['parent'] ?? shape.meta['parentId']);
+    // 1. Check if dropped fully inside any frame (smallest area candidate wins)
+    const suggested = findSuggestedParent(bounds, store.listShapes(), registry, shape.id);
+    if (suggested) {
+        if (suggested.id !== currentParentId) {
+            store.updateShape(shape.id, {
+                meta: { ...shape.meta, parent: suggested.id, parentId: undefined },
+            });
+        }
+        return;
+    }
+    // 2. If it was inside a parent, check if dragged past threshold to detach
+    if (currentParentId) {
+        const parent = store.getShape(currentParentId);
+        if (!parent) {
+            _detach(shape, store);
+            return;
+        }
+        const parentDef = registry.get(parent.type);
+        if (!parentDef) {
+            _detach(shape, store);
+            return;
+        }
+        const parentBounds = parentDef.geometry.bounds(parent);
+        const p0 = camera.screenToPage({ x: 0, y: 0 });
+        const p1 = camera.screenToPage({ x: 12, y: 0 });
+        const threshold = Math.abs(p1.x - p0.x);
+        const isPastThreshold = bounds.x < parentBounds.x - threshold ||
+            bounds.y < parentBounds.y - threshold ||
+            bounds.x + bounds.width > parentBounds.x + parentBounds.width + threshold ||
+            bounds.y + bounds.height > parentBounds.y + parentBounds.height + threshold;
+        if (isPastThreshold) {
+            _detach(shape, store);
+        }
+    }
+}
+function _detach(shape, store) {
+    store.updateShape(shape.id, {
+        meta: { ...shape.meta, parent: undefined, parentId: undefined },
+    });
+}
+//# sourceMappingURL=reparent.js.map

package/dist/selection/reparent.js.map

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

package/dist/selection/resize.d.ts

@@ -0,0 +1,10 @@
+import type { Bounds } from '@open-draw/schema';
+import type { HandleType } from './handles.js';
+export interface ResizeOptions {
+    readonly aspect?: boolean;
+    readonly fromCenter?: boolean;
+    readonly minW?: number;
+    readonly minH?: number;
+}
+export declare function resizeBounds(initial: Bounds, handle: HandleType, dx: number, dy: number, options?: ResizeOptions): Bounds;
+//# sourceMappingURL=resize.d.ts.map

package/dist/selection/resize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize.d.ts","sourceRoot":"","sources":["../../src/selection/resize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,YAAY,CAC1B,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,UAAU,EAClB,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,OAAO,GAAE,aAAkB,GAC1B,MAAM,CAqER"}