@open-draw/canvas 0.0.0-stage → 0.2.0

package/dist/shapes/ellipse/render.js

@@ -0,0 +1,39 @@
+export function renderEllipse(shape, _ctx) {
+    const ellipse = document.createElementNS('http://www.w3.org/2000/svg', 'ellipse');
+    ellipse.setAttribute('class', 'od-shape-body');
+    const rx = shape.props.width / 2;
+    const ry = shape.props.height / 2;
+    ellipse.setAttribute('cx', String(rx));
+    ellipse.setAttribute('cy', String(ry));
+    ellipse.setAttribute('rx', String(rx));
+    ellipse.setAttribute('ry', String(ry));
+    ellipse.setAttribute('fill', shape.props.fill ?? '#10b981');
+    if (shape.props.stroke) {
+        ellipse.setAttribute('stroke', shape.props.stroke);
+        ellipse.setAttribute('stroke-width', String(shape.props.strokeWidth ?? 1));
+    }
+    return ellipse;
+}
+export function updateEllipse(element, shape, _prevShape, _ctx) {
+    const ellipse = element.classList.contains('od-shape-body')
+        ? element
+        : element.querySelector('.od-shape-body');
+    if (ellipse) {
+        const rx = shape.props.width / 2;
+        const ry = shape.props.height / 2;
+        ellipse.setAttribute('cx', String(rx));
+        ellipse.setAttribute('cy', String(ry));
+        ellipse.setAttribute('rx', String(rx));
+        ellipse.setAttribute('ry', String(ry));
+        ellipse.setAttribute('fill', shape.props.fill ?? '#10b981');
+        if (shape.props.stroke) {
+            ellipse.setAttribute('stroke', shape.props.stroke);
+            ellipse.setAttribute('stroke-width', String(shape.props.strokeWidth ?? 1));
+        }
+        else {
+            ellipse.removeAttribute('stroke');
+            ellipse.removeAttribute('stroke-width');
+        }
+    }
+}
+//# sourceMappingURL=render.js.map

package/dist/shapes/ellipse/render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../../../src/shapes/ellipse/render.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,aAAa,CAAC,KAAgC,EAAE,IAAmB;IACjF,MAAM,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,SAAS,CAAC,CAAC;IAClF,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;IAC/C,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;IACjC,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAClC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;IACvC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;IACvC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;IACvC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;IACvC,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC;IAC5D,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QACvB,OAAO,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACnD,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC,CAAC;IAC7E,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,OAAmB,EACnB,KAAgC,EAChC,UAAqC,EACrC,IAAmB;IAEnB,MAAM,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC;QACzD,CAAC,CAAE,OAA6B;QAChC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAoB,gBAAgB,CAAC,CAAC;IAC/D,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;QACjC,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QAClC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;QACvC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;QACvC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;QACvC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;QACvC,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC;QAC5D,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACvB,OAAO,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YACnD,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC,CAAC;QAC7E,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;YAClC,OAAO,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;AACH,CAAC"}

package/dist/shapes/frame/defs.d.ts

@@ -0,0 +1,9 @@
+export interface FrameProps {
+    readonly width: number;
+    readonly height: number;
+    readonly label?: string;
+    readonly fill?: string;
+    readonly stroke?: string;
+}
+export declare const DEFAULT_FRAME_PROPS: FrameProps;
+//# sourceMappingURL=defs.d.ts.map

package/dist/shapes/frame/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/shapes/frame/defs.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,UAMjC,CAAC"}

package/dist/shapes/frame/defs.js

@@ -0,0 +1,8 @@
+export const DEFAULT_FRAME_PROPS = {
+    width: 400,
+    height: 300,
+    label: 'Frame',
+    fill: '#ffffff',
+    stroke: '#cbd5e1',
+};
+//# sourceMappingURL=defs.js.map

package/dist/shapes/frame/defs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.js","sourceRoot":"","sources":["../../../src/shapes/frame/defs.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,mBAAmB,GAAe;IAC7C,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;CAClB,CAAC"}

package/dist/shapes/frame/geometry.d.ts

@@ -0,0 +1,4 @@
+import type { ShapeGeometry } from '../../registry.js';
+import { type FrameProps } from './defs.js';
+export declare const frameGeometry: ShapeGeometry<FrameProps>;
+//# sourceMappingURL=geometry.d.ts.map

package/dist/shapes/frame/geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../src/shapes/frame/geometry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAuB,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAIjE,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,UAAU,CAmEnD,CAAC"}

package/dist/shapes/frame/geometry.js

@@ -0,0 +1,66 @@
+import { DEFAULT_FRAME_PROPS } from './defs.js';
+const MIN_SIZE = 50;
+export const frameGeometry = {
+    bounds(shape) {
+        const width = Math.max(MIN_SIZE, shape.props.width ?? DEFAULT_FRAME_PROPS.width);
+        const height = Math.max(MIN_SIZE, shape.props.height ?? DEFAULT_FRAME_PROPS.height);
+        return {
+            x: shape.x,
+            y: shape.y,
+            width,
+            height,
+        };
+    },
+    resize(shape, handleOrBounds, point) {
+        if (typeof handleOrBounds === 'object' && 'width' in handleOrBounds && 'height' in handleOrBounds) {
+            return {
+                x: handleOrBounds.x,
+                y: handleOrBounds.y,
+                props: {
+                    ...shape.props,
+                    width: Math.max(MIN_SIZE, handleOrBounds.width),
+                    height: Math.max(MIN_SIZE, handleOrBounds.height),
+                },
+            };
+        }
+        const currentW = Math.max(MIN_SIZE, shape.props.width ?? DEFAULT_FRAME_PROPS.width);
+        const currentH = Math.max(MIN_SIZE, shape.props.height ?? DEFAULT_FRAME_PROPS.height);
+        let x = shape.x;
+        let y = shape.y;
+        let width = currentW;
+        let height = currentH;
+        const pt = point ?? { x, y };
+        if (handleOrBounds.includes('right') || handleOrBounds === 'e' || handleOrBounds === 'ne' || handleOrBounds === 'se') {
+            width = Math.max(MIN_SIZE, pt.x - shape.x);
+        }
+        else if (handleOrBounds.includes('left') || handleOrBounds === 'w' || handleOrBounds === 'nw' || handleOrBounds === 'sw') {
+            const right = shape.x + currentW;
+            const newX = Math.min(pt.x, right - MIN_SIZE);
+            width = right - newX;
+            x = newX;
+        }
+        if (handleOrBounds.includes('bottom') || handleOrBounds === 's' || handleOrBounds === 'se' || handleOrBounds === 'sw') {
+            height = Math.max(MIN_SIZE, pt.y - shape.y);
+        }
+        else if (handleOrBounds.includes('top') || handleOrBounds === 'n' || handleOrBounds === 'ne' || handleOrBounds === 'nw') {
+            const bottom = shape.y + currentH;
+            const newY = Math.min(pt.y, bottom - MIN_SIZE);
+            height = bottom - newY;
+            y = newY;
+        }
+        return {
+            x,
+            y,
+            props: {
+                ...shape.props,
+                width,
+                height,
+            },
+        };
+    },
+    hit(shape, point) {
+        const b = frameGeometry.bounds(shape);
+        return point.x >= b.x && point.x <= b.x + b.width && point.y >= b.y && point.y <= b.y + b.height;
+    },
+};
+//# sourceMappingURL=geometry.js.map

package/dist/shapes/frame/geometry.js.map

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

package/dist/shapes/frame/index.d.ts

@@ -0,0 +1,7 @@
+import type { ShapeDefinition } from '../../registry.js';
+import { type FrameProps } from './defs.js';
+export * from './defs.js';
+export * from './geometry.js';
+export * from './render.js';
+export declare const frameDefinition: ShapeDefinition<FrameProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/shapes/frame/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shapes/frame/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAuB,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAIjE,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAE5B,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,UAAU,CAYvD,CAAC"}

package/dist/shapes/frame/index.js

@@ -0,0 +1,20 @@
+import { DEFAULT_FRAME_PROPS } from './defs.js';
+import { frameGeometry } from './geometry.js';
+import { renderFrame, updateFrame } from './render.js';
+export * from './defs.js';
+export * from './geometry.js';
+export * from './render.js';
+export const frameDefinition = {
+    type: 'frame',
+    defaultProps: () => ({ ...DEFAULT_FRAME_PROPS }),
+    geometry: frameGeometry,
+    render: renderFrame,
+    update: updateFrame,
+    capabilities: {
+        clipping: {
+            getClipPath: (shape) => `url(#od-frame-clip-${shape.id})`,
+            isMask: () => true,
+        },
+    },
+};
+//# sourceMappingURL=index.js.map

package/dist/shapes/frame/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/shapes/frame/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAmB,MAAM,WAAW,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAE5B,MAAM,CAAC,MAAM,eAAe,GAAgC;IAC1D,IAAI,EAAE,OAAO;IACb,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAChD,QAAQ,EAAE,aAAa;IACvB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,WAAW;IACnB,YAAY,EAAE;QACZ,QAAQ,EAAE;YACR,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,sBAAsB,KAAK,CAAC,EAAE,GAAG;YACzD,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI;SACnB;KACF;CACF,CAAC"}

package/dist/shapes/frame/render.d.ts

@@ -0,0 +1,6 @@
+import type { ShapeRecord } from '@open-draw/schema';
+import type { RenderContext } from '../../registry.js';
+import { type FrameProps } from './defs.js';
+export declare function renderFrame(shape: ShapeRecord<FrameProps>, ctx: RenderContext): SVGElement[];
+export declare function updateFrame(element: SVGElement, shape: ShapeRecord<FrameProps>, _prevShape: ShapeRecord<FrameProps>, ctx: RenderContext): void;
+//# sourceMappingURL=render.d.ts.map

package/dist/shapes/frame/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/shapes/frame/render.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAuB,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAEjE,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC,EAAE,GAAG,EAAE,aAAa,GAAG,UAAU,EAAE,CAuC5F;AAED,wBAAgB,WAAW,CACzB,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC,EAC9B,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC,EACnC,GAAG,EAAE,aAAa,GACjB,IAAI,CAwBN"}

package/dist/shapes/frame/render.js

@@ -0,0 +1,73 @@
+import { DEFAULT_FRAME_PROPS } from './defs.js';
+export function renderFrame(shape, ctx) {
+    const w = Math.max(50, shape.props.width ?? DEFAULT_FRAME_PROPS.width);
+    const h = Math.max(50, shape.props.height ?? DEFAULT_FRAME_PROPS.height);
+    const fill = shape.props.fill ?? DEFAULT_FRAME_PROPS.fill ?? '#ffffff';
+    const stroke = shape.props.stroke ?? DEFAULT_FRAME_PROPS.stroke ?? '#cbd5e1';
+    const labelText = shape.props.label ?? DEFAULT_FRAME_PROPS.label ?? 'Frame';
+    const defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs');
+    const clipPath = document.createElementNS('http://www.w3.org/2000/svg', 'clipPath');
+    clipPath.setAttribute('id', `od-frame-clip-${shape.id}`);
+    const clipRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+    clipRect.setAttribute('class', 'od-frame-clip-rect');
+    clipRect.setAttribute('x', '0');
+    clipRect.setAttribute('y', '0');
+    clipRect.setAttribute('width', String(w));
+    clipRect.setAttribute('height', String(h));
+    clipPath.appendChild(clipRect);
+    defs.appendChild(clipPath);
+    const bgRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+    bgRect.setAttribute('class', 'od-frame-bg');
+    bgRect.setAttribute('x', '0');
+    bgRect.setAttribute('y', '0');
+    bgRect.setAttribute('width', String(w));
+    bgRect.setAttribute('height', String(h));
+    bgRect.setAttribute('fill', fill);
+    bgRect.setAttribute('stroke', stroke);
+    bgRect.setAttribute('stroke-width', '1');
+    const childrenLayer = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+    childrenLayer.setAttribute('class', 'od-frame-children');
+    childrenLayer.setAttribute('clip-path', `url(#od-frame-clip-${shape.id})`);
+    if (ctx.overlaySlot) {
+        updateOverlayLabel(ctx.overlaySlot, labelText);
+    }
+    return [defs, bgRect, childrenLayer];
+}
+export function updateFrame(element, shape, _prevShape, ctx) {
+    const w = Math.max(50, shape.props.width ?? DEFAULT_FRAME_PROPS.width);
+    const h = Math.max(50, shape.props.height ?? DEFAULT_FRAME_PROPS.height);
+    const fill = shape.props.fill ?? DEFAULT_FRAME_PROPS.fill ?? '#ffffff';
+    const stroke = shape.props.stroke ?? DEFAULT_FRAME_PROPS.stroke ?? '#cbd5e1';
+    const labelText = shape.props.label ?? DEFAULT_FRAME_PROPS.label ?? 'Frame';
+    const clipRect = element.querySelector('.od-frame-clip-rect');
+    if (clipRect) {
+        clipRect.setAttribute('width', String(w));
+        clipRect.setAttribute('height', String(h));
+    }
+    const bgRect = element.querySelector('.od-frame-bg');
+    if (bgRect) {
+        bgRect.setAttribute('width', String(w));
+        bgRect.setAttribute('height', String(h));
+        bgRect.setAttribute('fill', fill);
+        bgRect.setAttribute('stroke', stroke);
+    }
+    if (ctx.overlaySlot) {
+        updateOverlayLabel(ctx.overlaySlot, labelText);
+    }
+}
+function updateOverlayLabel(slot, text) {
+    let label = slot.querySelector('.od-frame-label');
+    if (!label) {
+        label = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+        label.setAttribute('class', 'od-frame-label');
+        label.setAttribute('x', '0');
+        label.setAttribute('y', '-8');
+        label.setAttribute('font-size', '12');
+        label.setAttribute('font-family', 'Inter, system-ui, sans-serif');
+        label.setAttribute('font-weight', '500');
+        label.setAttribute('fill', '#64748b');
+        slot.appendChild(label);
+    }
+    label.textContent = text;
+}
+//# sourceMappingURL=render.js.map

package/dist/shapes/frame/render.js.map

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

package/dist/shapes/group/defs.d.ts

@@ -0,0 +1,6 @@
+export interface GroupProps {
+    readonly memberIds?: readonly string[];
+    readonly width?: number;
+    readonly height?: number;
+}
+//# sourceMappingURL=defs.d.ts.map

package/dist/shapes/group/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/shapes/group/defs.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACvC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/dist/shapes/group/defs.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=defs.js.map

package/dist/shapes/group/defs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.js","sourceRoot":"","sources":["../../../src/shapes/group/defs.ts"],"names":[],"mappings":""}

package/dist/shapes/group/geometry.d.ts

@@ -0,0 +1,8 @@
+import type { Bounds, Point, ShapeRecord } from '@open-draw/schema';
+import type { GroupProps } from './defs.js';
+export declare const groupGeometry: {
+    bounds(shape: ShapeRecord<GroupProps>): Bounds;
+    resize(shape: ShapeRecord<GroupProps>, _handle: unknown, _point: Point): Partial<ShapeRecord<GroupProps>>;
+    hit(shape: ShapeRecord<GroupProps>, point: Point): boolean;
+};
+//# sourceMappingURL=geometry.d.ts.map

package/dist/shapes/group/geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../src/shapes/group/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,eAAO,MAAM,aAAa;IACxB,MAAM,QAAQ,WAAW,CAAC,UAAU,CAAC,GAAG,MAAM;IAS9C,MAAM,QAAQ,WAAW,CAAC,UAAU,CAAC,WAAW,OAAO,UAAU,KAAK,GAAG,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAIzG,GAAG,QAAQ,WAAW,CAAC,UAAU,CAAC,SAAS,KAAK,GAAG,OAAO;CAK3D,CAAC"}

package/dist/shapes/group/geometry.js

@@ -0,0 +1,19 @@
+export const groupGeometry = {
+    bounds(shape) {
+        return {
+            x: shape.x,
+            y: shape.y,
+            width: Number(shape.props?.width ?? 0),
+            height: Number(shape.props?.height ?? 0),
+        };
+    },
+    resize(shape, _handle, _point) {
+        return shape;
+    },
+    hit(shape, point) {
+        const w = Number(shape.props?.width ?? 0);
+        const h = Number(shape.props?.height ?? 0);
+        return point.x >= shape.x && point.x <= shape.x + w && point.y >= shape.y && point.y <= shape.y + h;
+    },
+};
+//# sourceMappingURL=geometry.js.map

package/dist/shapes/group/geometry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometry.js","sourceRoot":"","sources":["../../../src/shapes/group/geometry.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,MAAM,CAAC,KAA8B;QACnC,OAAO;YACL,CAAC,EAAE,KAAK,CAAC,CAAC;YACV,CAAC,EAAE,KAAK,CAAC,CAAC;YACV,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,CAAC;YACtC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC,CAAC;SACzC,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,KAA8B,EAAE,OAAgB,EAAE,MAAa;QACpE,OAAO,KAAK,CAAC;IACf,CAAC;IAED,GAAG,CAAC,KAA8B,EAAE,KAAY;QAC9C,MAAM,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC;QAC1C,MAAM,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC;QAC3C,OAAO,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;IACtG,CAAC;CACF,CAAC"}

package/dist/shapes/group/index.d.ts

@@ -0,0 +1,7 @@
+import type { ShapeDefinition } from '../../registry.js';
+import type { GroupProps } from './defs.js';
+export * from './defs.js';
+export * from './geometry.js';
+export * from './render.js';
+export declare const groupDefinition: ShapeDefinition<GroupProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/shapes/group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shapes/group/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAI5C,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAE5B,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,UAAU,CAgBvD,CAAC"}

package/dist/shapes/group/index.js

@@ -0,0 +1,23 @@
+import { groupGeometry } from './geometry.js';
+import { renderGroup, updateGroup } from './render.js';
+export * from './defs.js';
+export * from './geometry.js';
+export * from './render.js';
+export const groupDefinition = {
+    type: 'group',
+    defaultProps() {
+        return {};
+    },
+    geometry: groupGeometry,
+    render: renderGroup,
+    update: updateGroup,
+    capabilities: {
+        group: {
+            isGroup: true,
+            getMembers(shape) {
+                return shape.props?.memberIds ?? [];
+            },
+        },
+    },
+};
+//# sourceMappingURL=index.js.map

package/dist/shapes/group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/shapes/group/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAE5B,MAAM,CAAC,MAAM,eAAe,GAAgC;IAC1D,IAAI,EAAE,OAAO;IACb,YAAY;QACV,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,QAAQ,EAAE,aAAa;IACvB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,WAAW;IACnB,YAAY,EAAE;QACZ,KAAK,EAAE;YACL,OAAO,EAAE,IAAI;YACb,UAAU,CAAC,KAAK;gBACd,OAAQ,KAAK,CAAC,KAAK,EAAE,SAA+B,IAAI,EAAE,CAAC;YAC7D,CAAC;SACF;KACF;CACF,CAAC"}

package/dist/shapes/group/render.d.ts

@@ -0,0 +1,6 @@
+import type { ShapeRecord } from '@open-draw/schema';
+import type { RenderContext } from '../../registry.js';
+import type { GroupProps } from './defs.js';
+export declare function renderGroup(_shape: ShapeRecord<GroupProps>, _ctx: RenderContext): SVGElement;
+export declare function updateGroup(_element: SVGElement, _shape: ShapeRecord<GroupProps>, _prevShape: ShapeRecord<GroupProps>, _ctx: RenderContext): void;
+//# sourceMappingURL=render.d.ts.map

package/dist/shapes/group/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/shapes/group/render.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,wBAAgB,WAAW,CAAC,MAAM,EAAE,WAAW,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,aAAa,GAAG,UAAU,CAI5F;AAED,wBAAgB,WAAW,CAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAEjJ"}

package/dist/shapes/group/render.js

@@ -0,0 +1,9 @@
+export function renderGroup(_shape, _ctx) {
+    const group = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+    group.setAttribute('class', 'od-group-content');
+    return group;
+}
+export function updateGroup(_element, _shape, _prevShape, _ctx) {
+    // Group wrapper position is updated by engine; children handle their own updates
+}
+//# sourceMappingURL=render.js.map

package/dist/shapes/group/render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../../../src/shapes/group/render.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,WAAW,CAAC,MAA+B,EAAE,IAAmB;IAC9E,MAAM,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,GAAG,CAAC,CAAC;IAC1E,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;IAChD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,QAAoB,EAAE,MAA+B,EAAE,UAAmC,EAAE,IAAmB;IACzI,iFAAiF;AACnF,CAAC"}

package/dist/shapes/image/defs.d.ts

@@ -0,0 +1,10 @@
+export interface ImageProps {
+    width: number;
+    height: number;
+    src: string;
+    natural?: {
+        w: number;
+        h: number;
+    };
+}
+//# sourceMappingURL=defs.d.ts.map

package/dist/shapes/image/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/shapes/image/defs.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE;QACR,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX,CAAC;CACH"}

package/dist/shapes/image/defs.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=defs.js.map

package/dist/shapes/image/defs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.js","sourceRoot":"","sources":["../../../src/shapes/image/defs.ts"],"names":[],"mappings":""}

package/dist/shapes/image/geometry.d.ts

@@ -0,0 +1,21 @@
+import type { Bounds, Point, ShapeRecord } from '@open-draw/schema';
+import type { ResizeHandle } from '../../registry.js';
+import type { ImageProps } from './defs.js';
+export declare function containFit(natural: {
+    w: number;
+    h: number;
+}, container: {
+    width: number;
+    height: number;
+}): {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+};
+export declare const imageGeometry: {
+    bounds(shape: ShapeRecord<ImageProps>): Bounds;
+    resize(shape: ShapeRecord<ImageProps>, handleOrBounds: ResizeHandle | Bounds, point?: Point): Partial<ShapeRecord<ImageProps>>;
+    hit(shape: ShapeRecord<ImageProps>, point: Point): boolean;
+};
+//# sourceMappingURL=geometry.d.ts.map

package/dist/shapes/image/geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../src/shapes/image/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,wBAAgB,UAAU,CACxB,OAAO,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACjC,SAAS,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC3C;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAYzD;AAED,eAAO,MAAM,aAAa;IACxB,MAAM,QAAQ,WAAW,CAAC,UAAU,CAAC,GAAG,MAAM;IAS9C,MAAM,QAAQ,WAAW,CAAC,UAAU,CAAC,kBAAkB,YAAY,GAAG,MAAM,UAAU,KAAK,GAAG,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAwD9H,GAAG,QAAQ,WAAW,CAAC,UAAU,CAAC,SAAS,KAAK,GAAG,OAAO;CAK3D,CAAC"}

package/dist/shapes/image/geometry.js

@@ -0,0 +1,79 @@
+export function containFit(natural, container) {
+    if (natural.w <= 0 || natural.h <= 0) {
+        return { width: container.width, height: container.height, x: 0, y: 0 };
+    }
+    const scale = Math.min(container.width / natural.w, container.height / natural.h);
+    const width = Math.round(natural.w * scale);
+    const height = Math.round(natural.h * scale);
+    const x = Math.round((container.width - width) / 2);
+    const y = Math.round((container.height - height) / 2);
+    return { width, height, x, y };
+}
+export const imageGeometry = {
+    bounds(shape) {
+        return {
+            x: shape.x,
+            y: shape.y,
+            width: shape.props.width,
+            height: shape.props.height,
+        };
+    },
+    resize(shape, handleOrBounds, point) {
+        if (typeof handleOrBounds === 'object' && 'width' in handleOrBounds && 'height' in handleOrBounds) {
+            return {
+                x: handleOrBounds.x,
+                y: handleOrBounds.y,
+                props: {
+                    ...shape.props,
+                    width: Math.max(20, handleOrBounds.width),
+                    height: Math.max(20, handleOrBounds.height),
+                },
+            };
+        }
+        let { x, y } = shape;
+        let width = shape.props.width;
+        let height = shape.props.height;
+        const pt = point ?? { x, y };
+        switch (handleOrBounds) {
+            case 'bottom-right':
+            case 'se':
+                width = Math.max(20, pt.x - x);
+                height = Math.max(20, pt.y - y);
+                break;
+            case 'bottom-left':
+            case 'sw':
+                width = Math.max(20, x + width - pt.x);
+                height = Math.max(20, pt.y - y);
+                x = pt.x;
+                break;
+            case 'top-right':
+            case 'ne':
+                width = Math.max(20, pt.x - x);
+                height = Math.max(20, y + height - pt.y);
+                y = pt.y;
+                break;
+            case 'top-left':
+            case 'nw':
+                width = Math.max(20, x + width - pt.x);
+                height = Math.max(20, y + height - pt.y);
+                x = pt.x;
+                y = pt.y;
+                break;
+        }
+        return {
+            x,
+            y,
+            props: {
+                ...shape.props,
+                width,
+                height,
+            },
+        };
+    },
+    hit(shape, point) {
+        const localX = point.x - shape.x;
+        const localY = point.y - shape.y;
+        return localX >= 0 && localX <= shape.props.width && localY >= 0 && localY <= shape.props.height;
+    },
+};
+//# sourceMappingURL=geometry.js.map

package/dist/shapes/image/geometry.js.map

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

package/dist/shapes/image/handlers.d.ts

@@ -0,0 +1,10 @@
+import type { CanvasEditor } from '../../editor.js';
+export declare function createImageFromDataUrl(editor: CanvasEditor, dataUrl: string, pagePoint: {
+    x: number;
+    y: number;
+}, natural: {
+    w: number;
+    h: number;
+}): void;
+export declare function attachImageTransferHandlers(container: HTMLElement, editor: CanvasEditor): () => void;
+//# sourceMappingURL=handlers.d.ts.map

package/dist/shapes/image/handlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlers.d.ts","sourceRoot":"","sources":["../../../src/shapes/image/handlers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACnC,OAAO,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAChC,IAAI,CAeN;AAED,wBAAgB,2BAA2B,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,MAAM,IAAI,CAwEpG"}