@open-draw/canvas 0.0.0-stage → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +77 -2
- package/dist/a11y.d.ts +13 -0
- package/dist/a11y.d.ts.map +1 -0
- package/dist/a11y.js +41 -0
- package/dist/a11y.js.map +1 -0
- package/dist/camera.d.ts +96 -0
- package/dist/camera.d.ts.map +1 -0
- package/dist/camera.js +208 -0
- package/dist/camera.js.map +1 -0
- package/dist/capabilities/clipping/defs.d.ts +7 -0
- package/dist/capabilities/clipping/defs.d.ts.map +1 -0
- package/dist/capabilities/clipping/defs.js +2 -0
- package/dist/capabilities/clipping/defs.js.map +1 -0
- package/dist/capabilities/clipping/index.d.ts +3 -0
- package/dist/capabilities/clipping/index.d.ts.map +1 -0
- package/dist/capabilities/clipping/index.js +3 -0
- package/dist/capabilities/clipping/index.js.map +1 -0
- package/dist/capabilities/clipping/manager.d.ts +14 -0
- package/dist/capabilities/clipping/manager.d.ts.map +1 -0
- package/dist/capabilities/clipping/manager.js +75 -0
- package/dist/capabilities/clipping/manager.js.map +1 -0
- package/dist/capabilities/connector/defs.d.ts +9 -0
- package/dist/capabilities/connector/defs.d.ts.map +1 -0
- package/dist/capabilities/connector/defs.js +2 -0
- package/dist/capabilities/connector/defs.js.map +1 -0
- package/dist/capabilities/connector/index.d.ts +3 -0
- package/dist/capabilities/connector/index.d.ts.map +1 -0
- package/dist/capabilities/connector/index.js +3 -0
- package/dist/capabilities/connector/index.js.map +1 -0
- package/dist/capabilities/connector/manager.d.ts +19 -0
- package/dist/capabilities/connector/manager.d.ts.map +1 -0
- package/dist/capabilities/connector/manager.js +108 -0
- package/dist/capabilities/connector/manager.js.map +1 -0
- package/dist/capabilities/text-editing/defs.d.ts +2 -0
- package/dist/capabilities/text-editing/defs.d.ts.map +1 -0
- package/dist/capabilities/text-editing/defs.js +2 -0
- package/dist/capabilities/text-editing/defs.js.map +1 -0
- package/dist/capabilities/text-editing/index.d.ts +3 -0
- package/dist/capabilities/text-editing/index.d.ts.map +1 -0
- package/dist/capabilities/text-editing/index.js +3 -0
- package/dist/capabilities/text-editing/index.js.map +1 -0
- package/dist/capabilities/text-editing/manager.d.ts +20 -0
- package/dist/capabilities/text-editing/manager.d.ts.map +1 -0
- package/dist/capabilities/text-editing/manager.js +153 -0
- package/dist/capabilities/text-editing/manager.js.map +1 -0
- package/dist/editor.d.ts +94 -0
- package/dist/editor.d.ts.map +1 -0
- package/dist/editor.js +241 -0
- package/dist/editor.js.map +1 -0
- package/dist/eraser/eraser.d.ts +21 -0
- package/dist/eraser/eraser.d.ts.map +1 -0
- package/dist/eraser/eraser.js +147 -0
- package/dist/eraser/eraser.js.map +1 -0
- package/dist/eraser/index.d.ts +2 -0
- package/dist/eraser/index.d.ts.map +1 -0
- package/dist/eraser/index.js +2 -0
- package/dist/eraser/index.js.map +1 -0
- package/dist/export/index.d.ts +2 -0
- package/dist/export/index.d.ts.map +1 -0
- package/dist/export/index.js +2 -0
- package/dist/export/index.js.map +1 -0
- package/dist/export/png.d.ts +17 -0
- package/dist/export/png.d.ts.map +1 -0
- package/dist/export/png.js +130 -0
- package/dist/export/png.js.map +1 -0
- package/dist/gesture/gesture.d.ts +36 -0
- package/dist/gesture/gesture.d.ts.map +1 -0
- package/dist/gesture/gesture.js +268 -0
- package/dist/gesture/gesture.js.map +1 -0
- package/dist/gesture/index.d.ts +2 -0
- package/dist/gesture/index.d.ts.map +1 -0
- package/dist/gesture/index.js +2 -0
- package/dist/gesture/index.js.map +1 -0
- package/dist/index.d.ts +36 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +37 -0
- package/dist/index.js.map +1 -0
- package/dist/input/commands.d.ts +12 -0
- package/dist/input/commands.d.ts.map +1 -0
- package/dist/input/commands.js +195 -0
- package/dist/input/commands.js.map +1 -0
- package/dist/input/index.d.ts +5 -0
- package/dist/input/index.d.ts.map +1 -0
- package/dist/input/index.js +5 -0
- package/dist/input/index.js.map +1 -0
- package/dist/input/keyboard.d.ts +13 -0
- package/dist/input/keyboard.d.ts.map +1 -0
- package/dist/input/keyboard.js +83 -0
- package/dist/input/keyboard.js.map +1 -0
- package/dist/input/keymap.d.ts +10 -0
- package/dist/input/keymap.d.ts.map +1 -0
- package/dist/input/keymap.js +75 -0
- package/dist/input/keymap.js.map +1 -0
- package/dist/input/utils.d.ts +5 -0
- package/dist/input/utils.d.ts.map +1 -0
- package/dist/input/utils.js +4 -0
- package/dist/input/utils.js.map +1 -0
- package/dist/interaction.d.ts +29 -0
- package/dist/interaction.d.ts.map +1 -0
- package/dist/interaction.js +248 -0
- package/dist/interaction.js.map +1 -0
- package/dist/perf/index.d.ts +2 -0
- package/dist/perf/index.d.ts.map +1 -0
- package/dist/perf/index.js +2 -0
- package/dist/perf/index.js.map +1 -0
- package/dist/perf/telemetry.d.ts +33 -0
- package/dist/perf/telemetry.d.ts.map +1 -0
- package/dist/perf/telemetry.js +145 -0
- package/dist/perf/telemetry.js.map +1 -0
- package/dist/registry.d.ts +68 -0
- package/dist/registry.d.ts.map +1 -0
- package/dist/registry.js +34 -0
- package/dist/registry.js.map +1 -0
- package/dist/renderer.d.ts +29 -0
- package/dist/renderer.d.ts.map +1 -0
- package/dist/renderer.js +257 -0
- package/dist/renderer.js.map +1 -0
- package/dist/selection/defs.d.ts +6 -0
- package/dist/selection/defs.d.ts.map +1 -0
- package/dist/selection/defs.js +2 -0
- package/dist/selection/defs.js.map +1 -0
- package/dist/selection/group.d.ts +7 -0
- package/dist/selection/group.d.ts.map +1 -0
- package/dist/selection/group.js +25 -0
- package/dist/selection/group.js.map +1 -0
- package/dist/selection/handles.d.ts +9 -0
- package/dist/selection/handles.d.ts.map +1 -0
- package/dist/selection/handles.js +19 -0
- package/dist/selection/handles.js.map +1 -0
- package/dist/selection/handlesView.d.ts +4 -0
- package/dist/selection/handlesView.d.ts.map +1 -0
- package/dist/selection/handlesView.js +98 -0
- package/dist/selection/handlesView.js.map +1 -0
- package/dist/selection/index.d.ts +10 -0
- package/dist/selection/index.d.ts.map +1 -0
- package/dist/selection/index.js +10 -0
- package/dist/selection/index.js.map +1 -0
- package/dist/selection/manager.d.ts +29 -0
- package/dist/selection/manager.d.ts.map +1 -0
- package/dist/selection/manager.js +195 -0
- package/dist/selection/manager.js.map +1 -0
- package/dist/selection/marquee.d.ts +11 -0
- package/dist/selection/marquee.d.ts.map +1 -0
- package/dist/selection/marquee.js +52 -0
- package/dist/selection/marquee.js.map +1 -0
- package/dist/selection/reparent.d.ts +12 -0
- package/dist/selection/reparent.d.ts.map +1 -0
- package/dist/selection/reparent.js +57 -0
- package/dist/selection/reparent.js.map +1 -0
- package/dist/selection/resize.d.ts +10 -0
- package/dist/selection/resize.d.ts.map +1 -0
- package/dist/selection/resize.js +66 -0
- package/dist/selection/resize.js.map +1 -0
- package/dist/selection/rotate.d.ts +18 -0
- package/dist/selection/rotate.d.ts.map +1 -0
- package/dist/selection/rotate.js +39 -0
- package/dist/selection/rotate.js.map +1 -0
- package/dist/shapes/arrow/defs.d.ts +17 -0
- package/dist/shapes/arrow/defs.d.ts.map +1 -0
- package/dist/shapes/arrow/defs.js +7 -0
- package/dist/shapes/arrow/defs.js.map +1 -0
- package/dist/shapes/arrow/geometry.d.ts +11 -0
- package/dist/shapes/arrow/geometry.d.ts.map +1 -0
- package/dist/shapes/arrow/geometry.js +77 -0
- package/dist/shapes/arrow/geometry.js.map +1 -0
- package/dist/shapes/arrow/index.d.ts +7 -0
- package/dist/shapes/arrow/index.d.ts.map +1 -0
- package/dist/shapes/arrow/index.js +23 -0
- package/dist/shapes/arrow/index.js.map +1 -0
- package/dist/shapes/arrow/render.d.ts +6 -0
- package/dist/shapes/arrow/render.d.ts.map +1 -0
- package/dist/shapes/arrow/render.js +84 -0
- package/dist/shapes/arrow/render.js.map +1 -0
- package/dist/shapes/ellipse/defs.d.ts +8 -0
- package/dist/shapes/ellipse/defs.d.ts.map +1 -0
- package/dist/shapes/ellipse/defs.js +2 -0
- package/dist/shapes/ellipse/defs.js.map +1 -0
- package/dist/shapes/ellipse/geometry.d.ts +9 -0
- package/dist/shapes/ellipse/geometry.d.ts.map +1 -0
- package/dist/shapes/ellipse/geometry.js +74 -0
- package/dist/shapes/ellipse/geometry.js.map +1 -0
- package/dist/shapes/ellipse/index.d.ts +7 -0
- package/dist/shapes/ellipse/index.d.ts.map +1 -0
- package/dist/shapes/ellipse/index.js +21 -0
- package/dist/shapes/ellipse/index.js.map +1 -0
- package/dist/shapes/ellipse/render.d.ts +6 -0
- package/dist/shapes/ellipse/render.d.ts.map +1 -0
- package/dist/shapes/ellipse/render.js +39 -0
- package/dist/shapes/ellipse/render.js.map +1 -0
- package/dist/shapes/frame/defs.d.ts +9 -0
- package/dist/shapes/frame/defs.d.ts.map +1 -0
- package/dist/shapes/frame/defs.js +8 -0
- package/dist/shapes/frame/defs.js.map +1 -0
- package/dist/shapes/frame/geometry.d.ts +4 -0
- package/dist/shapes/frame/geometry.d.ts.map +1 -0
- package/dist/shapes/frame/geometry.js +66 -0
- package/dist/shapes/frame/geometry.js.map +1 -0
- package/dist/shapes/frame/index.d.ts +7 -0
- package/dist/shapes/frame/index.d.ts.map +1 -0
- package/dist/shapes/frame/index.js +20 -0
- package/dist/shapes/frame/index.js.map +1 -0
- package/dist/shapes/frame/render.d.ts +6 -0
- package/dist/shapes/frame/render.d.ts.map +1 -0
- package/dist/shapes/frame/render.js +73 -0
- package/dist/shapes/frame/render.js.map +1 -0
- package/dist/shapes/group/defs.d.ts +6 -0
- package/dist/shapes/group/defs.d.ts.map +1 -0
- package/dist/shapes/group/defs.js +2 -0
- package/dist/shapes/group/defs.js.map +1 -0
- package/dist/shapes/group/geometry.d.ts +8 -0
- package/dist/shapes/group/geometry.d.ts.map +1 -0
- package/dist/shapes/group/geometry.js +19 -0
- package/dist/shapes/group/geometry.js.map +1 -0
- package/dist/shapes/group/index.d.ts +7 -0
- package/dist/shapes/group/index.d.ts.map +1 -0
- package/dist/shapes/group/index.js +23 -0
- package/dist/shapes/group/index.js.map +1 -0
- package/dist/shapes/group/render.d.ts +6 -0
- package/dist/shapes/group/render.d.ts.map +1 -0
- package/dist/shapes/group/render.js +9 -0
- package/dist/shapes/group/render.js.map +1 -0
- package/dist/shapes/image/defs.d.ts +10 -0
- package/dist/shapes/image/defs.d.ts.map +1 -0
- package/dist/shapes/image/defs.js +2 -0
- package/dist/shapes/image/defs.js.map +1 -0
- package/dist/shapes/image/geometry.d.ts +21 -0
- package/dist/shapes/image/geometry.d.ts.map +1 -0
- package/dist/shapes/image/geometry.js +79 -0
- package/dist/shapes/image/geometry.js.map +1 -0
- package/dist/shapes/image/handlers.d.ts +10 -0
- package/dist/shapes/image/handlers.d.ts.map +1 -0
- package/dist/shapes/image/handlers.js +85 -0
- package/dist/shapes/image/handlers.js.map +1 -0
- package/dist/shapes/image/index.d.ts +8 -0
- package/dist/shapes/image/index.d.ts.map +1 -0
- package/dist/shapes/image/index.js +21 -0
- package/dist/shapes/image/index.js.map +1 -0
- package/dist/shapes/image/render.d.ts +6 -0
- package/dist/shapes/image/render.d.ts.map +1 -0
- package/dist/shapes/image/render.js +28 -0
- package/dist/shapes/image/render.js.map +1 -0
- package/dist/shapes/ink/defs.d.ts +10 -0
- package/dist/shapes/ink/defs.d.ts.map +1 -0
- package/dist/shapes/ink/defs.js +13 -0
- package/dist/shapes/ink/defs.js.map +1 -0
- package/dist/shapes/ink/geometry.d.ts +4 -0
- package/dist/shapes/ink/geometry.d.ts.map +1 -0
- package/dist/shapes/ink/geometry.js +67 -0
- package/dist/shapes/ink/geometry.js.map +1 -0
- package/dist/shapes/ink/index.d.ts +9 -0
- package/dist/shapes/ink/index.d.ts.map +1 -0
- package/dist/shapes/ink/index.js +22 -0
- package/dist/shapes/ink/index.js.map +1 -0
- package/dist/shapes/ink/rdp.d.ts +2 -0
- package/dist/shapes/ink/rdp.d.ts.map +1 -0
- package/dist/shapes/ink/rdp.js +37 -0
- package/dist/shapes/ink/rdp.js.map +1 -0
- package/dist/shapes/ink/render.d.ts +7 -0
- package/dist/shapes/ink/render.d.ts.map +1 -0
- package/dist/shapes/ink/render.js +81 -0
- package/dist/shapes/ink/render.js.map +1 -0
- package/dist/shapes/note/defs.d.ts +7 -0
- package/dist/shapes/note/defs.d.ts.map +1 -0
- package/dist/shapes/note/defs.js +2 -0
- package/dist/shapes/note/defs.js.map +1 -0
- package/dist/shapes/note/geometry.d.ts +11 -0
- package/dist/shapes/note/geometry.d.ts.map +1 -0
- package/dist/shapes/note/geometry.js +70 -0
- package/dist/shapes/note/geometry.js.map +1 -0
- package/dist/shapes/note/index.d.ts +7 -0
- package/dist/shapes/note/index.d.ts.map +1 -0
- package/dist/shapes/note/index.js +41 -0
- package/dist/shapes/note/index.js.map +1 -0
- package/dist/shapes/note/render.d.ts +6 -0
- package/dist/shapes/note/render.d.ts.map +1 -0
- package/dist/shapes/note/render.js +38 -0
- package/dist/shapes/note/render.js.map +1 -0
- package/dist/shapes/rect/defs.d.ts +9 -0
- package/dist/shapes/rect/defs.d.ts.map +1 -0
- package/dist/shapes/rect/defs.js +2 -0
- package/dist/shapes/rect/defs.js.map +1 -0
- package/dist/shapes/rect/geometry.d.ts +9 -0
- package/dist/shapes/rect/geometry.d.ts.map +1 -0
- package/dist/shapes/rect/geometry.js +68 -0
- package/dist/shapes/rect/geometry.js.map +1 -0
- package/dist/shapes/rect/index.d.ts +7 -0
- package/dist/shapes/rect/index.d.ts.map +1 -0
- package/dist/shapes/rect/index.js +22 -0
- package/dist/shapes/rect/index.js.map +1 -0
- package/dist/shapes/rect/render.d.ts +6 -0
- package/dist/shapes/rect/render.d.ts.map +1 -0
- package/dist/shapes/rect/render.js +42 -0
- package/dist/shapes/rect/render.js.map +1 -0
- package/dist/shapes/text/defs.d.ts +9 -0
- package/dist/shapes/text/defs.d.ts.map +1 -0
- package/dist/shapes/text/defs.js +2 -0
- package/dist/shapes/text/defs.js.map +1 -0
- package/dist/shapes/text/geometry.d.ts +9 -0
- package/dist/shapes/text/geometry.d.ts.map +1 -0
- package/dist/shapes/text/geometry.js +68 -0
- package/dist/shapes/text/geometry.js.map +1 -0
- package/dist/shapes/text/index.d.ts +7 -0
- package/dist/shapes/text/index.d.ts.map +1 -0
- package/dist/shapes/text/index.js +43 -0
- package/dist/shapes/text/index.js.map +1 -0
- package/dist/shapes/text/render.d.ts +6 -0
- package/dist/shapes/text/render.d.ts.map +1 -0
- package/dist/shapes/text/render.js +23 -0
- package/dist/shapes/text/render.js.map +1 -0
- package/dist/store/index.d.ts +5 -0
- package/dist/store/index.d.ts.map +1 -0
- package/dist/store/index.js +5 -0
- package/dist/store/index.js.map +1 -0
- package/dist/store/snapshot.d.ts +5 -0
- package/dist/store/snapshot.d.ts.map +1 -0
- package/dist/store/snapshot.js +76 -0
- package/dist/store/snapshot.js.map +1 -0
- package/dist/store/store.d.ts +52 -0
- package/dist/store/store.d.ts.map +1 -0
- package/dist/store/store.js +252 -0
- package/dist/store/store.js.map +1 -0
- package/dist/store/types.d.ts +13 -0
- package/dist/store/types.d.ts.map +1 -0
- package/dist/store/types.js +2 -0
- package/dist/store/types.js.map +1 -0
- package/dist/store/zorder.d.ts +4 -0
- package/dist/store/zorder.d.ts.map +1 -0
- package/dist/store/zorder.js +53 -0
- package/dist/store/zorder.js.map +1 -0
- package/package.json +29 -4
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { boundsOf } from '@open-draw/schema';
|
|
2
|
+
export function resizeBounds(initial, handle, dx, dy, options = {}) {
|
|
3
|
+
if (handle === 'rotate')
|
|
4
|
+
return initial;
|
|
5
|
+
const minW = options.minW ?? 10;
|
|
6
|
+
const minH = options.minH ?? 10;
|
|
7
|
+
const aspect = options.aspect ?? false;
|
|
8
|
+
const fromCenter = options.fromCenter ?? false;
|
|
9
|
+
const { width: w, height: h, x, y } = initial;
|
|
10
|
+
const ratio = w / h;
|
|
11
|
+
let newW = w;
|
|
12
|
+
let newH = h;
|
|
13
|
+
let newX = x;
|
|
14
|
+
let newY = y;
|
|
15
|
+
if (handle === 'e' || handle === 'w') {
|
|
16
|
+
const delta = (fromCenter ? 2 : 1) * (handle === 'e' ? dx : -dx);
|
|
17
|
+
newW = Math.max(minW, w + delta);
|
|
18
|
+
newH = h;
|
|
19
|
+
newX = fromCenter ? x - (newW - w) / 2 : handle === 'w' ? x + (w - newW) : x;
|
|
20
|
+
newY = y;
|
|
21
|
+
return boundsOf(newX, newY, newW, newH);
|
|
22
|
+
}
|
|
23
|
+
if (handle === 's' || handle === 'n') {
|
|
24
|
+
const delta = (fromCenter ? 2 : 1) * (handle === 's' ? dy : -dy);
|
|
25
|
+
newW = w;
|
|
26
|
+
newH = Math.max(minH, h + delta);
|
|
27
|
+
newX = x;
|
|
28
|
+
newY = fromCenter ? y - (newH - h) / 2 : handle === 'n' ? y + (h - newH) : y;
|
|
29
|
+
return boundsOf(newX, newY, newW, newH);
|
|
30
|
+
}
|
|
31
|
+
// Corner handles (se, nw, ne, sw)
|
|
32
|
+
const signX = handle === 'se' || handle === 'ne' ? 1 : -1;
|
|
33
|
+
const signY = handle === 'se' || handle === 'sw' ? 1 : -1;
|
|
34
|
+
const mult = fromCenter ? 2 : 1;
|
|
35
|
+
const rawW = w + mult * signX * dx;
|
|
36
|
+
const rawH = h + mult * signY * dy;
|
|
37
|
+
if (aspect) {
|
|
38
|
+
const scale = Math.max(rawW / w, rawH / h);
|
|
39
|
+
let candW = w * scale;
|
|
40
|
+
let candH = candW / ratio;
|
|
41
|
+
if (candW < minW) {
|
|
42
|
+
candW = minW;
|
|
43
|
+
candH = candW / ratio;
|
|
44
|
+
}
|
|
45
|
+
if (candH < minH) {
|
|
46
|
+
candH = minH;
|
|
47
|
+
candW = candH * ratio;
|
|
48
|
+
}
|
|
49
|
+
newW = candW;
|
|
50
|
+
newH = candH;
|
|
51
|
+
}
|
|
52
|
+
else {
|
|
53
|
+
newW = Math.max(minW, rawW);
|
|
54
|
+
newH = Math.max(minH, rawH);
|
|
55
|
+
}
|
|
56
|
+
if (fromCenter) {
|
|
57
|
+
newX = x - (newW - w) / 2;
|
|
58
|
+
newY = y - (newH - h) / 2;
|
|
59
|
+
}
|
|
60
|
+
else {
|
|
61
|
+
newX = signX === 1 ? x : x + (w - newW);
|
|
62
|
+
newY = signY === 1 ? y : y + (h - newH);
|
|
63
|
+
}
|
|
64
|
+
return boundsOf(newX, newY, newW, newH);
|
|
65
|
+
}
|
|
66
|
+
//# sourceMappingURL=resize.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resize.js","sourceRoot":"","sources":["../../src/selection/resize.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { Point } from '@open-draw/schema';
|
|
2
|
+
export interface RotateOptions {
|
|
3
|
+
readonly snap?: boolean;
|
|
4
|
+
readonly snapIntervalDeg?: number;
|
|
5
|
+
readonly thresholdDeg?: number;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Computes clockwise rotation angle in degrees from center to currentPoint.
|
|
9
|
+
* 0 degrees points straight UP (12 o'clock, matching the rotate handle position).
|
|
10
|
+
* By default, snaps to 45-degree intervals (0, 45, 90, 135, ...) within 5 degrees,
|
|
11
|
+
* unless options.snap is false (e.g. when Shift is held for free rotation).
|
|
12
|
+
*/
|
|
13
|
+
export declare function computeRotationAngle(center: Point, currentPoint: Point, options?: RotateOptions): number;
|
|
14
|
+
/**
|
|
15
|
+
* Rotates a point around a center by angleDeg clockwise.
|
|
16
|
+
*/
|
|
17
|
+
export declare function rotatePoint(point: Point, center: Point, angleDeg: number): Point;
|
|
18
|
+
//# sourceMappingURL=rotate.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../../src/selection/rotate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,KAAK,EACb,YAAY,EAAE,KAAK,EACnB,OAAO,GAAE,aAAkB,GAC1B,MAAM,CAsBR;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,KAAK,CAWhF"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Computes clockwise rotation angle in degrees from center to currentPoint.
|
|
3
|
+
* 0 degrees points straight UP (12 o'clock, matching the rotate handle position).
|
|
4
|
+
* By default, snaps to 45-degree intervals (0, 45, 90, 135, ...) within 5 degrees,
|
|
5
|
+
* unless options.snap is false (e.g. when Shift is held for free rotation).
|
|
6
|
+
*/
|
|
7
|
+
export function computeRotationAngle(center, currentPoint, options = {}) {
|
|
8
|
+
const dx = currentPoint.x - center.x;
|
|
9
|
+
const dy = currentPoint.y - center.y;
|
|
10
|
+
// In SVG coords, straight up is dx=0, dy<0 (atan2 is -PI/2)
|
|
11
|
+
// Adding 90 degrees maps 12 o'clock to 0 deg clockwise
|
|
12
|
+
let deg = ((Math.atan2(dy, dx) * 180) / Math.PI + 90 + 360) % 360;
|
|
13
|
+
const snap = options.snap ?? true;
|
|
14
|
+
if (!snap) {
|
|
15
|
+
return Math.round(deg * 10) / 10;
|
|
16
|
+
}
|
|
17
|
+
const interval = options.snapIntervalDeg ?? 45;
|
|
18
|
+
const threshold = options.thresholdDeg ?? 5;
|
|
19
|
+
const nearest = Math.round(deg / interval) * interval;
|
|
20
|
+
if (Math.abs(deg - nearest) <= threshold) {
|
|
21
|
+
deg = (nearest + 360) % 360;
|
|
22
|
+
}
|
|
23
|
+
return Math.round(deg * 10) / 10;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Rotates a point around a center by angleDeg clockwise.
|
|
27
|
+
*/
|
|
28
|
+
export function rotatePoint(point, center, angleDeg) {
|
|
29
|
+
const rad = (angleDeg * Math.PI) / 180;
|
|
30
|
+
const cos = Math.cos(rad);
|
|
31
|
+
const sin = Math.sin(rad);
|
|
32
|
+
const dx = point.x - center.x;
|
|
33
|
+
const dy = point.y - center.y;
|
|
34
|
+
return {
|
|
35
|
+
x: center.x + dx * cos - dy * sin,
|
|
36
|
+
y: center.y + dx * sin + dy * cos,
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=rotate.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rotate.js","sourceRoot":"","sources":["../../src/selection/rotate.ts"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAClC,MAAa,EACb,YAAmB,EACnB,OAAO,GAAkB,EAAE;IAE3B,MAAM,EAAE,GAAG,YAAY,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;IACrC,MAAM,EAAE,GAAG,YAAY,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;IAErC,4DAA4D;IAC5D,uDAAuD;IACvD,IAAI,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IAElE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC;IAClC,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;IACnC,CAAC;IAED,MAAM,QAAQ,GAAG,OAAO,CAAC,eAAe,IAAI,EAAE,CAAC;IAC/C,MAAM,SAAS,GAAG,OAAO,CAAC,YAAY,IAAI,CAAC,CAAC;IAE5C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG,QAAQ,CAAC;IACtD,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,OAAO,CAAC,IAAI,SAAS,EAAE,CAAC;QACzC,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IAC9B,CAAC;IAED,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;AACnC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,KAAY,EAAE,MAAa,EAAE,QAAgB;IACvE,MAAM,GAAG,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;IACvC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;IAC9B,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;IAE9B,OAAO;QACL,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG;QACjC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG;KAClC,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Point, ShapeId } from '@open-draw/schema';
|
|
2
|
+
export type AnchorPosition = 'top' | 'right' | 'bottom' | 'left' | 'center';
|
|
3
|
+
export interface ArrowBinding {
|
|
4
|
+
readonly shapeId: ShapeId;
|
|
5
|
+
readonly anchor: AnchorPosition;
|
|
6
|
+
}
|
|
7
|
+
export interface ArrowProps {
|
|
8
|
+
readonly startBinding?: ArrowBinding;
|
|
9
|
+
readonly endBinding?: ArrowBinding;
|
|
10
|
+
readonly startPoint?: Point;
|
|
11
|
+
readonly endPoint?: Point;
|
|
12
|
+
readonly label?: string;
|
|
13
|
+
readonly stroke?: string;
|
|
14
|
+
readonly strokeWidth?: number;
|
|
15
|
+
}
|
|
16
|
+
export declare const DEFAULT_ARROW_PROPS: ArrowProps;
|
|
17
|
+
//# sourceMappingURL=defs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/shapes/arrow/defs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE5E,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;CACjC;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,YAAY,CAAC,EAAE,YAAY,CAAC;IACrC,QAAQ,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC;IACnC,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAC1B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,mBAAmB,EAAE,UAKjC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defs.js","sourceRoot":"","sources":["../../../src/shapes/arrow/defs.ts"],"names":[],"mappings":"AAmBA,MAAM,CAAC,MAAM,mBAAmB,GAAe;IAC7C,UAAU,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;IAC1B,QAAQ,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE;IAC1B,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE,CAAC;CACf,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Bounds, Point, ShapeRecord } from '@open-draw/schema';
|
|
2
|
+
import type { ShapeGeometry, ShapeRegistry } from '../../registry.js';
|
|
3
|
+
import type { CanvasStore } from '../../store/index.js';
|
|
4
|
+
import { type AnchorPosition, type ArrowProps } from './defs.js';
|
|
5
|
+
export declare function getAnchorPoint(bounds: Bounds, anchor: AnchorPosition): Point;
|
|
6
|
+
export declare function resolveArrowEndpoints(shape: ShapeRecord<ArrowProps>, store?: CanvasStore, registry?: ShapeRegistry): {
|
|
7
|
+
start: Point;
|
|
8
|
+
end: Point;
|
|
9
|
+
};
|
|
10
|
+
export declare const arrowGeometry: ShapeGeometry<ArrowProps>;
|
|
11
|
+
//# sourceMappingURL=geometry.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../src/shapes/arrow/geometry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,KAAK,EAAgB,aAAa,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACpF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,KAAK,cAAc,EAAuB,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAEtF,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,GAAG,KAAK,CAa5E;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC,EAC9B,KAAK,CAAC,EAAE,WAAW,EACnB,QAAQ,CAAC,EAAE,aAAa,GACvB;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,GAAG,EAAE,KAAK,CAAA;CAAE,CAyB9B;AAED,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,UAAU,CAwCnD,CAAC"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
export function getAnchorPoint(bounds, anchor) {
|
|
2
|
+
switch (anchor) {
|
|
3
|
+
case 'top':
|
|
4
|
+
return { x: bounds.x + bounds.width / 2, y: bounds.y };
|
|
5
|
+
case 'right':
|
|
6
|
+
return { x: bounds.x + bounds.width, y: bounds.y + bounds.height / 2 };
|
|
7
|
+
case 'bottom':
|
|
8
|
+
return { x: bounds.x + bounds.width / 2, y: bounds.y + bounds.height };
|
|
9
|
+
case 'left':
|
|
10
|
+
return { x: bounds.x, y: bounds.y + bounds.height / 2 };
|
|
11
|
+
case 'center':
|
|
12
|
+
return { x: bounds.x + bounds.width / 2, y: bounds.y + bounds.height / 2 };
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
export function resolveArrowEndpoints(shape, store, registry) {
|
|
16
|
+
let start = shape.props.startPoint ?? { x: shape.x, y: shape.y };
|
|
17
|
+
let end = shape.props.endPoint ?? { x: shape.x + 100, y: shape.y };
|
|
18
|
+
if (shape.props.startBinding && store && registry) {
|
|
19
|
+
const target = store.getShape(shape.props.startBinding.shapeId);
|
|
20
|
+
if (target) {
|
|
21
|
+
const def = registry.get(target.type);
|
|
22
|
+
if (def) {
|
|
23
|
+
start = getAnchorPoint(def.geometry.bounds(target), shape.props.startBinding.anchor);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
if (shape.props.endBinding && store && registry) {
|
|
28
|
+
const target = store.getShape(shape.props.endBinding.shapeId);
|
|
29
|
+
if (target) {
|
|
30
|
+
const def = registry.get(target.type);
|
|
31
|
+
if (def) {
|
|
32
|
+
end = getAnchorPoint(def.geometry.bounds(target), shape.props.endBinding.anchor);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
return { start, end };
|
|
37
|
+
}
|
|
38
|
+
export const arrowGeometry = {
|
|
39
|
+
bounds(shape) {
|
|
40
|
+
const p1 = shape.props.startPoint ?? { x: shape.x, y: shape.y };
|
|
41
|
+
const p2 = shape.props.endPoint ?? { x: shape.x + 100, y: shape.y };
|
|
42
|
+
const minX = Math.min(p1.x, p2.x) - 8;
|
|
43
|
+
const minY = Math.min(p1.y, p2.y) - 8;
|
|
44
|
+
const maxX = Math.max(p1.x, p2.x) + 8;
|
|
45
|
+
const maxY = Math.max(p1.y, p2.y) + 8;
|
|
46
|
+
return {
|
|
47
|
+
x: minX,
|
|
48
|
+
y: minY,
|
|
49
|
+
width: Math.max(16, maxX - minX),
|
|
50
|
+
height: Math.max(16, maxY - minY),
|
|
51
|
+
};
|
|
52
|
+
},
|
|
53
|
+
resize(shape, _handle, point) {
|
|
54
|
+
return {
|
|
55
|
+
props: {
|
|
56
|
+
...shape.props,
|
|
57
|
+
endPoint: point,
|
|
58
|
+
},
|
|
59
|
+
};
|
|
60
|
+
},
|
|
61
|
+
hit(shape, point) {
|
|
62
|
+
const p1 = shape.props.startPoint ?? { x: shape.x, y: shape.y };
|
|
63
|
+
const p2 = shape.props.endPoint ?? { x: shape.x + 100, y: shape.y };
|
|
64
|
+
const dx = p2.x - p1.x;
|
|
65
|
+
const dy = p2.y - p1.y;
|
|
66
|
+
const lenSq = dx * dx + dy * dy;
|
|
67
|
+
if (lenSq === 0) {
|
|
68
|
+
const d = Math.hypot(point.x - p1.x, point.y - p1.y);
|
|
69
|
+
return d <= 8;
|
|
70
|
+
}
|
|
71
|
+
const t = Math.max(0, Math.min(1, ((point.x - p1.x) * dx + (point.y - p1.y) * dy) / lenSq));
|
|
72
|
+
const projX = p1.x + t * dx;
|
|
73
|
+
const projY = p1.y + t * dy;
|
|
74
|
+
return Math.hypot(point.x - projX, point.y - projY) <= 8;
|
|
75
|
+
},
|
|
76
|
+
};
|
|
77
|
+
//# sourceMappingURL=geometry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"geometry.js","sourceRoot":"","sources":["../../../src/shapes/arrow/geometry.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ShapeDefinition } from '../../registry.js';
|
|
2
|
+
import { type ArrowProps } from './defs.js';
|
|
3
|
+
export * from './defs.js';
|
|
4
|
+
export * from './geometry.js';
|
|
5
|
+
export * from './render.js';
|
|
6
|
+
export declare const arrowDefinition: ShapeDefinition<ArrowProps>;
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shapes/arrow/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,CAevD,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { DEFAULT_ARROW_PROPS } from './defs.js';
|
|
2
|
+
import { arrowGeometry, resolveArrowEndpoints } from './geometry.js';
|
|
3
|
+
import { renderArrow, updateArrow } from './render.js';
|
|
4
|
+
export * from './defs.js';
|
|
5
|
+
export * from './geometry.js';
|
|
6
|
+
export * from './render.js';
|
|
7
|
+
export const arrowDefinition = {
|
|
8
|
+
type: 'arrow',
|
|
9
|
+
defaultProps: () => ({ ...DEFAULT_ARROW_PROPS }),
|
|
10
|
+
geometry: arrowGeometry,
|
|
11
|
+
render: renderArrow,
|
|
12
|
+
update: updateArrow,
|
|
13
|
+
capabilities: {
|
|
14
|
+
connector: {
|
|
15
|
+
getSnapPoints: (shape) => {
|
|
16
|
+
const { start, end } = resolveArrowEndpoints(shape);
|
|
17
|
+
return [start, end];
|
|
18
|
+
},
|
|
19
|
+
getConnectionAnchor: (_shape, target) => target,
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/shapes/arrow/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAmB,MAAM,WAAW,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACrE,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,SAAS,EAAE;YACT,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;gBACpD,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;YACtB,CAAC;YACD,mBAAmB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM;SAChD;KACF;CACF,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { ShapeRecord } from '@open-draw/schema';
|
|
2
|
+
import type { RenderContext } from '../../registry.js';
|
|
3
|
+
import { type ArrowProps } from './defs.js';
|
|
4
|
+
export declare function renderArrow(shape: ShapeRecord<ArrowProps>, ctx: RenderContext): SVGElement[];
|
|
5
|
+
export declare function updateArrow(element: SVGElement, shape: ShapeRecord<ArrowProps>, _prevShape: ShapeRecord<ArrowProps>, ctx: RenderContext): void;
|
|
6
|
+
//# sourceMappingURL=render.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/shapes/arrow/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;AAGjE,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC,EAAE,GAAG,EAAE,aAAa,GAAG,UAAU,EAAE,CAwC5F;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,CA0BN"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { DEFAULT_ARROW_PROPS } from './defs.js';
|
|
2
|
+
import { resolveArrowEndpoints } from './geometry.js';
|
|
3
|
+
export function renderArrow(shape, ctx) {
|
|
4
|
+
const { start, end } = resolveArrowEndpoints(shape, ctx.store, ctx.registry);
|
|
5
|
+
const stroke = shape.props.stroke ?? DEFAULT_ARROW_PROPS.stroke ?? '#1e293b';
|
|
6
|
+
const strokeWidth = shape.props.strokeWidth ?? DEFAULT_ARROW_PROPS.strokeWidth ?? 2;
|
|
7
|
+
const labelText = shape.props.label;
|
|
8
|
+
const lx1 = start.x - shape.x;
|
|
9
|
+
const ly1 = start.y - shape.y;
|
|
10
|
+
const lx2 = end.x - shape.x;
|
|
11
|
+
const ly2 = end.y - shape.y;
|
|
12
|
+
const defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs');
|
|
13
|
+
const marker = document.createElementNS('http://www.w3.org/2000/svg', 'marker');
|
|
14
|
+
marker.setAttribute('id', `od-arrowhead-${shape.id}`);
|
|
15
|
+
marker.setAttribute('viewBox', '0 0 10 10');
|
|
16
|
+
marker.setAttribute('refX', '8');
|
|
17
|
+
marker.setAttribute('refY', '5');
|
|
18
|
+
marker.setAttribute('markerWidth', '6');
|
|
19
|
+
marker.setAttribute('markerHeight', '6');
|
|
20
|
+
marker.setAttribute('orient', 'auto-start-reverse');
|
|
21
|
+
const markerPath = document.createElementNS('http://www.w3.org/2000/svg', 'path');
|
|
22
|
+
markerPath.setAttribute('d', 'M 0 0 L 10 5 L 0 10 z');
|
|
23
|
+
markerPath.setAttribute('fill', stroke);
|
|
24
|
+
marker.appendChild(markerPath);
|
|
25
|
+
defs.appendChild(marker);
|
|
26
|
+
const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
|
|
27
|
+
path.setAttribute('class', 'od-arrow-path');
|
|
28
|
+
path.setAttribute('d', `M ${lx1} ${ly1} L ${lx2} ${ly2}`);
|
|
29
|
+
path.setAttribute('stroke', stroke);
|
|
30
|
+
path.setAttribute('stroke-width', String(strokeWidth));
|
|
31
|
+
path.setAttribute('fill', 'none');
|
|
32
|
+
path.setAttribute('marker-end', `url(#od-arrowhead-${shape.id})`);
|
|
33
|
+
if (ctx.overlaySlot) {
|
|
34
|
+
updateArrowOverlayLabel(ctx.overlaySlot, lx1, ly1, lx2, ly2, labelText);
|
|
35
|
+
}
|
|
36
|
+
return [defs, path];
|
|
37
|
+
}
|
|
38
|
+
export function updateArrow(element, shape, _prevShape, ctx) {
|
|
39
|
+
const { start, end } = resolveArrowEndpoints(shape, ctx.store, ctx.registry);
|
|
40
|
+
const stroke = shape.props.stroke ?? DEFAULT_ARROW_PROPS.stroke ?? '#1e293b';
|
|
41
|
+
const strokeWidth = shape.props.strokeWidth ?? DEFAULT_ARROW_PROPS.strokeWidth ?? 2;
|
|
42
|
+
const labelText = shape.props.label;
|
|
43
|
+
const lx1 = start.x - shape.x;
|
|
44
|
+
const ly1 = start.y - shape.y;
|
|
45
|
+
const lx2 = end.x - shape.x;
|
|
46
|
+
const ly2 = end.y - shape.y;
|
|
47
|
+
const path = element.querySelector('.od-arrow-path');
|
|
48
|
+
if (path) {
|
|
49
|
+
path.setAttribute('d', `M ${lx1} ${ly1} L ${lx2} ${ly2}`);
|
|
50
|
+
path.setAttribute('stroke', stroke);
|
|
51
|
+
path.setAttribute('stroke-width', String(strokeWidth));
|
|
52
|
+
}
|
|
53
|
+
const markerPath = element.querySelector(`#od-arrowhead-${shape.id} path`);
|
|
54
|
+
if (markerPath) {
|
|
55
|
+
markerPath.setAttribute('fill', stroke);
|
|
56
|
+
}
|
|
57
|
+
if (ctx.overlaySlot) {
|
|
58
|
+
updateArrowOverlayLabel(ctx.overlaySlot, lx1, ly1, lx2, ly2, labelText);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
function updateArrowOverlayLabel(slot, lx1, ly1, lx2, ly2, labelText) {
|
|
62
|
+
let label = slot.querySelector('.od-arrow-label');
|
|
63
|
+
if (!labelText) {
|
|
64
|
+
if (label)
|
|
65
|
+
label.remove();
|
|
66
|
+
return;
|
|
67
|
+
}
|
|
68
|
+
const midX = (lx1 + lx2) / 2;
|
|
69
|
+
const midY = (ly1 + ly2) / 2;
|
|
70
|
+
if (!label) {
|
|
71
|
+
label = document.createElementNS('http://www.w3.org/2000/svg', 'text');
|
|
72
|
+
label.setAttribute('class', 'od-arrow-label');
|
|
73
|
+
label.setAttribute('font-size', '11');
|
|
74
|
+
label.setAttribute('font-family', 'sans-serif');
|
|
75
|
+
label.setAttribute('font-weight', '500');
|
|
76
|
+
label.setAttribute('fill', '#334155');
|
|
77
|
+
label.setAttribute('text-anchor', 'middle');
|
|
78
|
+
slot.appendChild(label);
|
|
79
|
+
}
|
|
80
|
+
label.setAttribute('x', String(midX));
|
|
81
|
+
label.setAttribute('y', String(midY - 6));
|
|
82
|
+
label.textContent = labelText;
|
|
83
|
+
}
|
|
84
|
+
//# sourceMappingURL=render.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"render.js","sourceRoot":"","sources":["../../../src/shapes/arrow/render.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAmB,MAAM,WAAW,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,MAAM,UAAU,WAAW,CAAC,KAA8B,EAAE,GAAkB;IAC5E,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,qBAAqB,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC7E,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,mBAAmB,CAAC,MAAM,IAAI,SAAS,CAAC;IAC7E,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,IAAI,mBAAmB,CAAC,WAAW,IAAI,CAAC,CAAC;IACpF,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;IAEpC,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;IAC9B,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;IAC9B,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;IAC5B,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;IAE5B,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,MAAM,CAAC,CAAC;IAC5E,MAAM,MAAM,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,QAAQ,CAAC,CAAC;IAChF,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,gBAAgB,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IACtD,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAC5C,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjC,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjC,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC;IACxC,MAAM,CAAC,YAAY,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;IACzC,MAAM,CAAC,YAAY,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAC;IAEpD,MAAM,UAAU,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,MAAM,CAAC,CAAC;IAClF,UAAU,CAAC,YAAY,CAAC,GAAG,EAAE,uBAAuB,CAAC,CAAC;IACtD,UAAU,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC/B,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAEzB,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,MAAM,CAAC,CAAC;IAC5E,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;IAC5C,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC,CAAC;IAC1D,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACpC,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;IACvD,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,qBAAqB,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;IAElE,IAAI,GAAG,CAAC,WAAW,EAAE,CAAC;QACpB,uBAAuB,CAAC,GAAG,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;IAC1E,CAAC;IAED,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,WAAW,CACzB,OAAmB,EACnB,KAA8B,EAC9B,UAAmC,EACnC,GAAkB;IAElB,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,qBAAqB,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC7E,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,mBAAmB,CAAC,MAAM,IAAI,SAAS,CAAC;IAC7E,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,IAAI,mBAAmB,CAAC,WAAW,IAAI,CAAC,CAAC;IACpF,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;IAEpC,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;IAC9B,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;IAC9B,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;IAC5B,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;IAE5B,MAAM,IAAI,GAAG,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACrD,IAAI,IAAI,EAAE,CAAC;QACT,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC,CAAC;QAC1D,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QACpC,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;IACzD,CAAC;IAED,MAAM,UAAU,GAAG,OAAO,CAAC,aAAa,CAAC,iBAAiB,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3E,IAAI,UAAU,EAAE,CAAC;QACf,UAAU,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1C,CAAC;IAED,IAAI,GAAG,CAAC,WAAW,EAAE,CAAC;QACpB,uBAAuB,CAAC,GAAG,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;IAC1E,CAAC;AACH,CAAC;AAED,SAAS,uBAAuB,CAC9B,IAAiB,EACjB,GAAW,EACX,GAAW,EACX,GAAW,EACX,GAAW,EACX,SAAkB;IAElB,IAAI,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAA0B,CAAC;IAC3E,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,IAAI,KAAK;YAAE,KAAK,CAAC,MAAM,EAAE,CAAC;QAC1B,OAAO;IACT,CAAC;IAED,MAAM,IAAI,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7B,MAAM,IAAI,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;IAE7B,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,MAAM,CAAC,CAAC;QACvE,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;QAC9C,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QACtC,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;QAChD,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;QACzC,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QACtC,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;QAC5C,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;IAED,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IACtC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;IAC1C,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;AAChC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/shapes/ellipse/defs.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defs.js","sourceRoot":"","sources":["../../../src/shapes/ellipse/defs.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Bounds, Point, ShapeRecord } from '@open-draw/schema';
|
|
2
|
+
import type { ResizeHandle } from '../../registry.js';
|
|
3
|
+
import type { EllipseProps } from './defs.js';
|
|
4
|
+
export declare const ellipseGeometry: {
|
|
5
|
+
bounds(shape: ShapeRecord<EllipseProps>): Bounds;
|
|
6
|
+
resize(shape: ShapeRecord<EllipseProps>, handleOrBounds: ResizeHandle | Bounds, point?: Point): Partial<ShapeRecord<EllipseProps>>;
|
|
7
|
+
hit(shape: ShapeRecord<EllipseProps>, point: Point): boolean;
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=geometry.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../src/shapes/ellipse/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,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,eAAO,MAAM,eAAe;IAC1B,MAAM,QAAQ,WAAW,CAAC,YAAY,CAAC,GAAG,MAAM;IAShD,MAAM,QAAQ,WAAW,CAAC,YAAY,CAAC,kBAAkB,YAAY,GAAG,MAAM,UAAU,KAAK,GAAG,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAwDlI,GAAG,QAAQ,WAAW,CAAC,YAAY,CAAC,SAAS,KAAK,GAAG,OAAO;CAY7D,CAAC"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
export const ellipseGeometry = {
|
|
2
|
+
bounds(shape) {
|
|
3
|
+
return {
|
|
4
|
+
x: shape.x,
|
|
5
|
+
y: shape.y,
|
|
6
|
+
width: shape.props.width,
|
|
7
|
+
height: shape.props.height,
|
|
8
|
+
};
|
|
9
|
+
},
|
|
10
|
+
resize(shape, handleOrBounds, point) {
|
|
11
|
+
if (typeof handleOrBounds === 'object' && 'width' in handleOrBounds && 'height' in handleOrBounds) {
|
|
12
|
+
return {
|
|
13
|
+
x: handleOrBounds.x,
|
|
14
|
+
y: handleOrBounds.y,
|
|
15
|
+
props: {
|
|
16
|
+
...shape.props,
|
|
17
|
+
width: Math.max(10, handleOrBounds.width),
|
|
18
|
+
height: Math.max(10, handleOrBounds.height),
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
let { x, y } = shape;
|
|
23
|
+
let width = shape.props.width;
|
|
24
|
+
let height = shape.props.height;
|
|
25
|
+
const pt = point ?? { x, y };
|
|
26
|
+
switch (handleOrBounds) {
|
|
27
|
+
case 'bottom-right':
|
|
28
|
+
case 'se':
|
|
29
|
+
width = Math.max(10, pt.x - x);
|
|
30
|
+
height = Math.max(10, pt.y - y);
|
|
31
|
+
break;
|
|
32
|
+
case 'bottom-left':
|
|
33
|
+
case 'sw':
|
|
34
|
+
width = Math.max(10, x + width - pt.x);
|
|
35
|
+
height = Math.max(10, pt.y - y);
|
|
36
|
+
x = pt.x;
|
|
37
|
+
break;
|
|
38
|
+
case 'top-right':
|
|
39
|
+
case 'ne':
|
|
40
|
+
width = Math.max(10, pt.x - x);
|
|
41
|
+
height = Math.max(10, y + height - pt.y);
|
|
42
|
+
y = pt.y;
|
|
43
|
+
break;
|
|
44
|
+
case 'top-left':
|
|
45
|
+
case 'nw':
|
|
46
|
+
width = Math.max(10, x + width - pt.x);
|
|
47
|
+
height = Math.max(10, y + height - pt.y);
|
|
48
|
+
x = pt.x;
|
|
49
|
+
y = pt.y;
|
|
50
|
+
break;
|
|
51
|
+
}
|
|
52
|
+
return {
|
|
53
|
+
x,
|
|
54
|
+
y,
|
|
55
|
+
props: {
|
|
56
|
+
...shape.props,
|
|
57
|
+
width,
|
|
58
|
+
height,
|
|
59
|
+
},
|
|
60
|
+
};
|
|
61
|
+
},
|
|
62
|
+
hit(shape, point) {
|
|
63
|
+
const rx = shape.props.width / 2;
|
|
64
|
+
const ry = shape.props.height / 2;
|
|
65
|
+
if (rx <= 0 || ry <= 0)
|
|
66
|
+
return false;
|
|
67
|
+
const cx = shape.x + rx;
|
|
68
|
+
const cy = shape.y + ry;
|
|
69
|
+
const dx = point.x - cx;
|
|
70
|
+
const dy = point.y - cy;
|
|
71
|
+
return (dx * dx) / (rx * rx) + (dy * dy) / (ry * ry) <= 1.0;
|
|
72
|
+
},
|
|
73
|
+
};
|
|
74
|
+
//# sourceMappingURL=geometry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"geometry.js","sourceRoot":"","sources":["../../../src/shapes/ellipse/geometry.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ShapeDefinition } from '../../registry.js';
|
|
2
|
+
import type { EllipseProps } from './defs.js';
|
|
3
|
+
export * from './defs.js';
|
|
4
|
+
export * from './geometry.js';
|
|
5
|
+
export * from './render.js';
|
|
6
|
+
export declare const ellipseDefinition: ShapeDefinition<EllipseProps>;
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shapes/ellipse/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAI9C,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAE5B,eAAO,MAAM,iBAAiB,EAAE,eAAe,CAAC,YAAY,CAc3D,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ellipseGeometry } from './geometry.js';
|
|
2
|
+
import { renderEllipse, updateEllipse } from './render.js';
|
|
3
|
+
export * from './defs.js';
|
|
4
|
+
export * from './geometry.js';
|
|
5
|
+
export * from './render.js';
|
|
6
|
+
export const ellipseDefinition = {
|
|
7
|
+
type: 'ellipse',
|
|
8
|
+
defaultProps() {
|
|
9
|
+
return {
|
|
10
|
+
width: 100,
|
|
11
|
+
height: 100,
|
|
12
|
+
fill: '#10b981',
|
|
13
|
+
stroke: '#059669',
|
|
14
|
+
strokeWidth: 2,
|
|
15
|
+
};
|
|
16
|
+
},
|
|
17
|
+
geometry: ellipseGeometry,
|
|
18
|
+
render: renderEllipse,
|
|
19
|
+
update: updateEllipse,
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/shapes/ellipse/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE3D,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAE5B,MAAM,CAAC,MAAM,iBAAiB,GAAkC;IAC9D,IAAI,EAAE,SAAS;IACf,YAAY;QACV,OAAO;YACL,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,SAAS;YACjB,WAAW,EAAE,CAAC;SACf,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,eAAe;IACzB,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,aAAa;CACtB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { ShapeRecord } from '@open-draw/schema';
|
|
2
|
+
import type { RenderContext } from '../../registry.js';
|
|
3
|
+
import type { EllipseProps } from './defs.js';
|
|
4
|
+
export declare function renderEllipse(shape: ShapeRecord<EllipseProps>, _ctx: RenderContext): SVGElement;
|
|
5
|
+
export declare function updateEllipse(element: SVGElement, shape: ShapeRecord<EllipseProps>, _prevShape: ShapeRecord<EllipseProps>, _ctx: RenderContext): void;
|
|
6
|
+
//# sourceMappingURL=render.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/shapes/ellipse/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,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,wBAAgB,aAAa,CAAC,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,aAAa,GAAG,UAAU,CAe/F;AAED,wBAAgB,aAAa,CAC3B,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC,EAChC,UAAU,EAAE,WAAW,CAAC,YAAY,CAAC,EACrC,IAAI,EAAE,aAAa,GAClB,IAAI,CAoBN"}
|