@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.
Files changed (331) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +77 -2
  3. package/dist/a11y.d.ts +13 -0
  4. package/dist/a11y.d.ts.map +1 -0
  5. package/dist/a11y.js +41 -0
  6. package/dist/a11y.js.map +1 -0
  7. package/dist/camera.d.ts +96 -0
  8. package/dist/camera.d.ts.map +1 -0
  9. package/dist/camera.js +208 -0
  10. package/dist/camera.js.map +1 -0
  11. package/dist/capabilities/clipping/defs.d.ts +7 -0
  12. package/dist/capabilities/clipping/defs.d.ts.map +1 -0
  13. package/dist/capabilities/clipping/defs.js +2 -0
  14. package/dist/capabilities/clipping/defs.js.map +1 -0
  15. package/dist/capabilities/clipping/index.d.ts +3 -0
  16. package/dist/capabilities/clipping/index.d.ts.map +1 -0
  17. package/dist/capabilities/clipping/index.js +3 -0
  18. package/dist/capabilities/clipping/index.js.map +1 -0
  19. package/dist/capabilities/clipping/manager.d.ts +14 -0
  20. package/dist/capabilities/clipping/manager.d.ts.map +1 -0
  21. package/dist/capabilities/clipping/manager.js +75 -0
  22. package/dist/capabilities/clipping/manager.js.map +1 -0
  23. package/dist/capabilities/connector/defs.d.ts +9 -0
  24. package/dist/capabilities/connector/defs.d.ts.map +1 -0
  25. package/dist/capabilities/connector/defs.js +2 -0
  26. package/dist/capabilities/connector/defs.js.map +1 -0
  27. package/dist/capabilities/connector/index.d.ts +3 -0
  28. package/dist/capabilities/connector/index.d.ts.map +1 -0
  29. package/dist/capabilities/connector/index.js +3 -0
  30. package/dist/capabilities/connector/index.js.map +1 -0
  31. package/dist/capabilities/connector/manager.d.ts +19 -0
  32. package/dist/capabilities/connector/manager.d.ts.map +1 -0
  33. package/dist/capabilities/connector/manager.js +108 -0
  34. package/dist/capabilities/connector/manager.js.map +1 -0
  35. package/dist/capabilities/text-editing/defs.d.ts +2 -0
  36. package/dist/capabilities/text-editing/defs.d.ts.map +1 -0
  37. package/dist/capabilities/text-editing/defs.js +2 -0
  38. package/dist/capabilities/text-editing/defs.js.map +1 -0
  39. package/dist/capabilities/text-editing/index.d.ts +3 -0
  40. package/dist/capabilities/text-editing/index.d.ts.map +1 -0
  41. package/dist/capabilities/text-editing/index.js +3 -0
  42. package/dist/capabilities/text-editing/index.js.map +1 -0
  43. package/dist/capabilities/text-editing/manager.d.ts +20 -0
  44. package/dist/capabilities/text-editing/manager.d.ts.map +1 -0
  45. package/dist/capabilities/text-editing/manager.js +153 -0
  46. package/dist/capabilities/text-editing/manager.js.map +1 -0
  47. package/dist/editor.d.ts +94 -0
  48. package/dist/editor.d.ts.map +1 -0
  49. package/dist/editor.js +241 -0
  50. package/dist/editor.js.map +1 -0
  51. package/dist/eraser/eraser.d.ts +21 -0
  52. package/dist/eraser/eraser.d.ts.map +1 -0
  53. package/dist/eraser/eraser.js +147 -0
  54. package/dist/eraser/eraser.js.map +1 -0
  55. package/dist/eraser/index.d.ts +2 -0
  56. package/dist/eraser/index.d.ts.map +1 -0
  57. package/dist/eraser/index.js +2 -0
  58. package/dist/eraser/index.js.map +1 -0
  59. package/dist/export/index.d.ts +2 -0
  60. package/dist/export/index.d.ts.map +1 -0
  61. package/dist/export/index.js +2 -0
  62. package/dist/export/index.js.map +1 -0
  63. package/dist/export/png.d.ts +17 -0
  64. package/dist/export/png.d.ts.map +1 -0
  65. package/dist/export/png.js +130 -0
  66. package/dist/export/png.js.map +1 -0
  67. package/dist/gesture/gesture.d.ts +36 -0
  68. package/dist/gesture/gesture.d.ts.map +1 -0
  69. package/dist/gesture/gesture.js +268 -0
  70. package/dist/gesture/gesture.js.map +1 -0
  71. package/dist/gesture/index.d.ts +2 -0
  72. package/dist/gesture/index.d.ts.map +1 -0
  73. package/dist/gesture/index.js +2 -0
  74. package/dist/gesture/index.js.map +1 -0
  75. package/dist/index.d.ts +36 -0
  76. package/dist/index.d.ts.map +1 -0
  77. package/dist/index.js +37 -0
  78. package/dist/index.js.map +1 -0
  79. package/dist/input/commands.d.ts +12 -0
  80. package/dist/input/commands.d.ts.map +1 -0
  81. package/dist/input/commands.js +195 -0
  82. package/dist/input/commands.js.map +1 -0
  83. package/dist/input/index.d.ts +5 -0
  84. package/dist/input/index.d.ts.map +1 -0
  85. package/dist/input/index.js +5 -0
  86. package/dist/input/index.js.map +1 -0
  87. package/dist/input/keyboard.d.ts +13 -0
  88. package/dist/input/keyboard.d.ts.map +1 -0
  89. package/dist/input/keyboard.js +83 -0
  90. package/dist/input/keyboard.js.map +1 -0
  91. package/dist/input/keymap.d.ts +10 -0
  92. package/dist/input/keymap.d.ts.map +1 -0
  93. package/dist/input/keymap.js +75 -0
  94. package/dist/input/keymap.js.map +1 -0
  95. package/dist/input/utils.d.ts +5 -0
  96. package/dist/input/utils.d.ts.map +1 -0
  97. package/dist/input/utils.js +4 -0
  98. package/dist/input/utils.js.map +1 -0
  99. package/dist/interaction.d.ts +29 -0
  100. package/dist/interaction.d.ts.map +1 -0
  101. package/dist/interaction.js +248 -0
  102. package/dist/interaction.js.map +1 -0
  103. package/dist/perf/index.d.ts +2 -0
  104. package/dist/perf/index.d.ts.map +1 -0
  105. package/dist/perf/index.js +2 -0
  106. package/dist/perf/index.js.map +1 -0
  107. package/dist/perf/telemetry.d.ts +33 -0
  108. package/dist/perf/telemetry.d.ts.map +1 -0
  109. package/dist/perf/telemetry.js +145 -0
  110. package/dist/perf/telemetry.js.map +1 -0
  111. package/dist/registry.d.ts +68 -0
  112. package/dist/registry.d.ts.map +1 -0
  113. package/dist/registry.js +34 -0
  114. package/dist/registry.js.map +1 -0
  115. package/dist/renderer.d.ts +29 -0
  116. package/dist/renderer.d.ts.map +1 -0
  117. package/dist/renderer.js +257 -0
  118. package/dist/renderer.js.map +1 -0
  119. package/dist/selection/defs.d.ts +6 -0
  120. package/dist/selection/defs.d.ts.map +1 -0
  121. package/dist/selection/defs.js +2 -0
  122. package/dist/selection/defs.js.map +1 -0
  123. package/dist/selection/group.d.ts +7 -0
  124. package/dist/selection/group.d.ts.map +1 -0
  125. package/dist/selection/group.js +25 -0
  126. package/dist/selection/group.js.map +1 -0
  127. package/dist/selection/handles.d.ts +9 -0
  128. package/dist/selection/handles.d.ts.map +1 -0
  129. package/dist/selection/handles.js +19 -0
  130. package/dist/selection/handles.js.map +1 -0
  131. package/dist/selection/handlesView.d.ts +4 -0
  132. package/dist/selection/handlesView.d.ts.map +1 -0
  133. package/dist/selection/handlesView.js +98 -0
  134. package/dist/selection/handlesView.js.map +1 -0
  135. package/dist/selection/index.d.ts +10 -0
  136. package/dist/selection/index.d.ts.map +1 -0
  137. package/dist/selection/index.js +10 -0
  138. package/dist/selection/index.js.map +1 -0
  139. package/dist/selection/manager.d.ts +29 -0
  140. package/dist/selection/manager.d.ts.map +1 -0
  141. package/dist/selection/manager.js +195 -0
  142. package/dist/selection/manager.js.map +1 -0
  143. package/dist/selection/marquee.d.ts +11 -0
  144. package/dist/selection/marquee.d.ts.map +1 -0
  145. package/dist/selection/marquee.js +52 -0
  146. package/dist/selection/marquee.js.map +1 -0
  147. package/dist/selection/reparent.d.ts +12 -0
  148. package/dist/selection/reparent.d.ts.map +1 -0
  149. package/dist/selection/reparent.js +57 -0
  150. package/dist/selection/reparent.js.map +1 -0
  151. package/dist/selection/resize.d.ts +10 -0
  152. package/dist/selection/resize.d.ts.map +1 -0
  153. package/dist/selection/resize.js +66 -0
  154. package/dist/selection/resize.js.map +1 -0
  155. package/dist/selection/rotate.d.ts +18 -0
  156. package/dist/selection/rotate.d.ts.map +1 -0
  157. package/dist/selection/rotate.js +39 -0
  158. package/dist/selection/rotate.js.map +1 -0
  159. package/dist/shapes/arrow/defs.d.ts +17 -0
  160. package/dist/shapes/arrow/defs.d.ts.map +1 -0
  161. package/dist/shapes/arrow/defs.js +7 -0
  162. package/dist/shapes/arrow/defs.js.map +1 -0
  163. package/dist/shapes/arrow/geometry.d.ts +11 -0
  164. package/dist/shapes/arrow/geometry.d.ts.map +1 -0
  165. package/dist/shapes/arrow/geometry.js +77 -0
  166. package/dist/shapes/arrow/geometry.js.map +1 -0
  167. package/dist/shapes/arrow/index.d.ts +7 -0
  168. package/dist/shapes/arrow/index.d.ts.map +1 -0
  169. package/dist/shapes/arrow/index.js +23 -0
  170. package/dist/shapes/arrow/index.js.map +1 -0
  171. package/dist/shapes/arrow/render.d.ts +6 -0
  172. package/dist/shapes/arrow/render.d.ts.map +1 -0
  173. package/dist/shapes/arrow/render.js +84 -0
  174. package/dist/shapes/arrow/render.js.map +1 -0
  175. package/dist/shapes/ellipse/defs.d.ts +8 -0
  176. package/dist/shapes/ellipse/defs.d.ts.map +1 -0
  177. package/dist/shapes/ellipse/defs.js +2 -0
  178. package/dist/shapes/ellipse/defs.js.map +1 -0
  179. package/dist/shapes/ellipse/geometry.d.ts +9 -0
  180. package/dist/shapes/ellipse/geometry.d.ts.map +1 -0
  181. package/dist/shapes/ellipse/geometry.js +74 -0
  182. package/dist/shapes/ellipse/geometry.js.map +1 -0
  183. package/dist/shapes/ellipse/index.d.ts +7 -0
  184. package/dist/shapes/ellipse/index.d.ts.map +1 -0
  185. package/dist/shapes/ellipse/index.js +21 -0
  186. package/dist/shapes/ellipse/index.js.map +1 -0
  187. package/dist/shapes/ellipse/render.d.ts +6 -0
  188. package/dist/shapes/ellipse/render.d.ts.map +1 -0
  189. package/dist/shapes/ellipse/render.js +39 -0
  190. package/dist/shapes/ellipse/render.js.map +1 -0
  191. package/dist/shapes/frame/defs.d.ts +9 -0
  192. package/dist/shapes/frame/defs.d.ts.map +1 -0
  193. package/dist/shapes/frame/defs.js +8 -0
  194. package/dist/shapes/frame/defs.js.map +1 -0
  195. package/dist/shapes/frame/geometry.d.ts +4 -0
  196. package/dist/shapes/frame/geometry.d.ts.map +1 -0
  197. package/dist/shapes/frame/geometry.js +66 -0
  198. package/dist/shapes/frame/geometry.js.map +1 -0
  199. package/dist/shapes/frame/index.d.ts +7 -0
  200. package/dist/shapes/frame/index.d.ts.map +1 -0
  201. package/dist/shapes/frame/index.js +20 -0
  202. package/dist/shapes/frame/index.js.map +1 -0
  203. package/dist/shapes/frame/render.d.ts +6 -0
  204. package/dist/shapes/frame/render.d.ts.map +1 -0
  205. package/dist/shapes/frame/render.js +73 -0
  206. package/dist/shapes/frame/render.js.map +1 -0
  207. package/dist/shapes/group/defs.d.ts +6 -0
  208. package/dist/shapes/group/defs.d.ts.map +1 -0
  209. package/dist/shapes/group/defs.js +2 -0
  210. package/dist/shapes/group/defs.js.map +1 -0
  211. package/dist/shapes/group/geometry.d.ts +8 -0
  212. package/dist/shapes/group/geometry.d.ts.map +1 -0
  213. package/dist/shapes/group/geometry.js +19 -0
  214. package/dist/shapes/group/geometry.js.map +1 -0
  215. package/dist/shapes/group/index.d.ts +7 -0
  216. package/dist/shapes/group/index.d.ts.map +1 -0
  217. package/dist/shapes/group/index.js +23 -0
  218. package/dist/shapes/group/index.js.map +1 -0
  219. package/dist/shapes/group/render.d.ts +6 -0
  220. package/dist/shapes/group/render.d.ts.map +1 -0
  221. package/dist/shapes/group/render.js +9 -0
  222. package/dist/shapes/group/render.js.map +1 -0
  223. package/dist/shapes/image/defs.d.ts +10 -0
  224. package/dist/shapes/image/defs.d.ts.map +1 -0
  225. package/dist/shapes/image/defs.js +2 -0
  226. package/dist/shapes/image/defs.js.map +1 -0
  227. package/dist/shapes/image/geometry.d.ts +21 -0
  228. package/dist/shapes/image/geometry.d.ts.map +1 -0
  229. package/dist/shapes/image/geometry.js +79 -0
  230. package/dist/shapes/image/geometry.js.map +1 -0
  231. package/dist/shapes/image/handlers.d.ts +10 -0
  232. package/dist/shapes/image/handlers.d.ts.map +1 -0
  233. package/dist/shapes/image/handlers.js +85 -0
  234. package/dist/shapes/image/handlers.js.map +1 -0
  235. package/dist/shapes/image/index.d.ts +8 -0
  236. package/dist/shapes/image/index.d.ts.map +1 -0
  237. package/dist/shapes/image/index.js +21 -0
  238. package/dist/shapes/image/index.js.map +1 -0
  239. package/dist/shapes/image/render.d.ts +6 -0
  240. package/dist/shapes/image/render.d.ts.map +1 -0
  241. package/dist/shapes/image/render.js +28 -0
  242. package/dist/shapes/image/render.js.map +1 -0
  243. package/dist/shapes/ink/defs.d.ts +10 -0
  244. package/dist/shapes/ink/defs.d.ts.map +1 -0
  245. package/dist/shapes/ink/defs.js +13 -0
  246. package/dist/shapes/ink/defs.js.map +1 -0
  247. package/dist/shapes/ink/geometry.d.ts +4 -0
  248. package/dist/shapes/ink/geometry.d.ts.map +1 -0
  249. package/dist/shapes/ink/geometry.js +67 -0
  250. package/dist/shapes/ink/geometry.js.map +1 -0
  251. package/dist/shapes/ink/index.d.ts +9 -0
  252. package/dist/shapes/ink/index.d.ts.map +1 -0
  253. package/dist/shapes/ink/index.js +22 -0
  254. package/dist/shapes/ink/index.js.map +1 -0
  255. package/dist/shapes/ink/rdp.d.ts +2 -0
  256. package/dist/shapes/ink/rdp.d.ts.map +1 -0
  257. package/dist/shapes/ink/rdp.js +37 -0
  258. package/dist/shapes/ink/rdp.js.map +1 -0
  259. package/dist/shapes/ink/render.d.ts +7 -0
  260. package/dist/shapes/ink/render.d.ts.map +1 -0
  261. package/dist/shapes/ink/render.js +81 -0
  262. package/dist/shapes/ink/render.js.map +1 -0
  263. package/dist/shapes/note/defs.d.ts +7 -0
  264. package/dist/shapes/note/defs.d.ts.map +1 -0
  265. package/dist/shapes/note/defs.js +2 -0
  266. package/dist/shapes/note/defs.js.map +1 -0
  267. package/dist/shapes/note/geometry.d.ts +11 -0
  268. package/dist/shapes/note/geometry.d.ts.map +1 -0
  269. package/dist/shapes/note/geometry.js +70 -0
  270. package/dist/shapes/note/geometry.js.map +1 -0
  271. package/dist/shapes/note/index.d.ts +7 -0
  272. package/dist/shapes/note/index.d.ts.map +1 -0
  273. package/dist/shapes/note/index.js +41 -0
  274. package/dist/shapes/note/index.js.map +1 -0
  275. package/dist/shapes/note/render.d.ts +6 -0
  276. package/dist/shapes/note/render.d.ts.map +1 -0
  277. package/dist/shapes/note/render.js +38 -0
  278. package/dist/shapes/note/render.js.map +1 -0
  279. package/dist/shapes/rect/defs.d.ts +9 -0
  280. package/dist/shapes/rect/defs.d.ts.map +1 -0
  281. package/dist/shapes/rect/defs.js +2 -0
  282. package/dist/shapes/rect/defs.js.map +1 -0
  283. package/dist/shapes/rect/geometry.d.ts +9 -0
  284. package/dist/shapes/rect/geometry.d.ts.map +1 -0
  285. package/dist/shapes/rect/geometry.js +68 -0
  286. package/dist/shapes/rect/geometry.js.map +1 -0
  287. package/dist/shapes/rect/index.d.ts +7 -0
  288. package/dist/shapes/rect/index.d.ts.map +1 -0
  289. package/dist/shapes/rect/index.js +22 -0
  290. package/dist/shapes/rect/index.js.map +1 -0
  291. package/dist/shapes/rect/render.d.ts +6 -0
  292. package/dist/shapes/rect/render.d.ts.map +1 -0
  293. package/dist/shapes/rect/render.js +42 -0
  294. package/dist/shapes/rect/render.js.map +1 -0
  295. package/dist/shapes/text/defs.d.ts +9 -0
  296. package/dist/shapes/text/defs.d.ts.map +1 -0
  297. package/dist/shapes/text/defs.js +2 -0
  298. package/dist/shapes/text/defs.js.map +1 -0
  299. package/dist/shapes/text/geometry.d.ts +9 -0
  300. package/dist/shapes/text/geometry.d.ts.map +1 -0
  301. package/dist/shapes/text/geometry.js +68 -0
  302. package/dist/shapes/text/geometry.js.map +1 -0
  303. package/dist/shapes/text/index.d.ts +7 -0
  304. package/dist/shapes/text/index.d.ts.map +1 -0
  305. package/dist/shapes/text/index.js +43 -0
  306. package/dist/shapes/text/index.js.map +1 -0
  307. package/dist/shapes/text/render.d.ts +6 -0
  308. package/dist/shapes/text/render.d.ts.map +1 -0
  309. package/dist/shapes/text/render.js +23 -0
  310. package/dist/shapes/text/render.js.map +1 -0
  311. package/dist/store/index.d.ts +5 -0
  312. package/dist/store/index.d.ts.map +1 -0
  313. package/dist/store/index.js +5 -0
  314. package/dist/store/index.js.map +1 -0
  315. package/dist/store/snapshot.d.ts +5 -0
  316. package/dist/store/snapshot.d.ts.map +1 -0
  317. package/dist/store/snapshot.js +76 -0
  318. package/dist/store/snapshot.js.map +1 -0
  319. package/dist/store/store.d.ts +52 -0
  320. package/dist/store/store.d.ts.map +1 -0
  321. package/dist/store/store.js +252 -0
  322. package/dist/store/store.js.map +1 -0
  323. package/dist/store/types.d.ts +13 -0
  324. package/dist/store/types.d.ts.map +1 -0
  325. package/dist/store/types.js +2 -0
  326. package/dist/store/types.js.map +1 -0
  327. package/dist/store/zorder.d.ts +4 -0
  328. package/dist/store/zorder.d.ts.map +1 -0
  329. package/dist/store/zorder.js +53 -0
  330. package/dist/store/zorder.js.map +1 -0
  331. 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,7 @@
1
+ export const DEFAULT_ARROW_PROPS = {
2
+ startPoint: { x: 0, y: 0 },
3
+ endPoint: { x: 100, y: 0 },
4
+ stroke: '#1e293b',
5
+ strokeWidth: 2,
6
+ };
7
+ //# sourceMappingURL=defs.js.map
@@ -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":"AAKA,MAAM,UAAU,cAAc,CAAC,MAAc,EAAE,MAAsB;IACnE,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,KAAK;YACR,OAAO,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC;QACzD,KAAK,OAAO;YACV,OAAO,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACzE,KAAK,QAAQ;YACX,OAAO,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC;QACzE,KAAK,MAAM;YACT,OAAO,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC1D,KAAK,QAAQ;YACX,OAAO,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;IAC/E,CAAC;AACH,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,KAA8B,EAC9B,KAAmB,EACnB,QAAwB;IAExB,IAAI,KAAK,GAAU,KAAK,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC;IACxE,IAAI,GAAG,GAAU,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC;IAE1E,IAAI,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,KAAK,IAAI,QAAQ,EAAE,CAAC;QAClD,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAChE,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACtC,IAAI,GAAG,EAAE,CAAC;gBACR,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YACvF,CAAC;QACH,CAAC;IACH,CAAC;IAED,IAAI,KAAK,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,IAAI,QAAQ,EAAE,CAAC;QAChD,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC9D,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACtC,IAAI,GAAG,EAAE,CAAC;gBACR,GAAG,GAAG,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YACnF,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AACxB,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAA8B;IACtD,MAAM,CAAC,KAA8B;QACnC,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC;QAChE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC;QACpE,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QACtC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QACtC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QACtC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QACtC,OAAO;YACL,CAAC,EAAE,IAAI;YACP,CAAC,EAAE,IAAI;YACP,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,GAAG,IAAI,CAAC;YAChC,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,GAAG,IAAI,CAAC;SAClC,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,KAA8B,EAAE,OAAqB,EAAE,KAAY;QACxE,OAAO;YACL,KAAK,EAAE;gBACL,GAAG,KAAK,CAAC,KAAK;gBACd,QAAQ,EAAE,KAAK;aAChB;SACF,CAAC;IACJ,CAAC;IAED,GAAG,CAAC,KAA8B,EAAE,KAAY;QAC9C,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC;QAChE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC;QACpE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QACvB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QACvB,MAAM,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;QAChC,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;YAChB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;YACrD,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC;QACD,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;QAC5F,MAAM,KAAK,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;QAC5B,MAAM,KAAK,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;CACF,CAAC"}
@@ -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":"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"}
@@ -0,0 +1,8 @@
1
+ export interface EllipseProps {
2
+ width: number;
3
+ height: number;
4
+ fill?: string;
5
+ stroke?: string;
6
+ strokeWidth?: number;
7
+ }
8
+ //# sourceMappingURL=defs.d.ts.map
@@ -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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=defs.js.map
@@ -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"}