@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,41 @@
1
+ import { noteGeometry } from './geometry.js';
2
+ import { renderNote, updateNote } from './render.js';
3
+ export * from './defs.js';
4
+ export * from './geometry.js';
5
+ export * from './render.js';
6
+ export const noteDefinition = {
7
+ type: 'note',
8
+ defaultProps() {
9
+ return {
10
+ width: 200,
11
+ height: 160,
12
+ color: '#fef08a',
13
+ text: '',
14
+ };
15
+ },
16
+ geometry: noteGeometry,
17
+ render: renderNote,
18
+ update: updateNote,
19
+ capabilities: {
20
+ text: {
21
+ canEditText: () => true,
22
+ getText: (shape) => shape.props.text ?? '',
23
+ setText: (shape, newText) => {
24
+ const lines = newText.split('\n');
25
+ const maxLen = Math.max(...lines.map((l) => l.length), 1);
26
+ const fontSize = 14;
27
+ const width = Math.max(200, Math.round(maxLen * fontSize * 0.65 + 32));
28
+ const height = Math.max(160, Math.round(lines.length * fontSize * 1.4 + 40));
29
+ return {
30
+ props: {
31
+ ...shape.props,
32
+ text: newText,
33
+ width,
34
+ height,
35
+ },
36
+ };
37
+ },
38
+ },
39
+ },
40
+ };
41
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/shapes/note/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAErD,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAE5B,MAAM,CAAC,MAAM,cAAc,GAA+B;IACxD,IAAI,EAAE,MAAM;IACZ,YAAY;QACV,OAAO;YACL,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,EAAE;SACT,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,YAAY;IACtB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,YAAY,EAAE;QACZ,IAAI,EAAE;YACJ,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI;YACvB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE;YAC1C,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;gBAC1B,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBAClC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;gBAC1D,MAAM,QAAQ,GAAG,EAAE,CAAC;gBACpB,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC;gBACvE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,GAAG,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC;gBAC7E,OAAO;oBACL,KAAK,EAAE;wBACL,GAAG,KAAK,CAAC,KAAK;wBACd,IAAI,EAAE,OAAO;wBACb,KAAK;wBACL,MAAM;qBACP;iBACF,CAAC;YACJ,CAAC;SACF;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 { NoteProps } from './defs.js';
4
+ export declare function renderNote(shape: ShapeRecord<NoteProps>, _ctx: RenderContext): SVGElement;
5
+ export declare function updateNote(element: SVGElement, shape: ShapeRecord<NoteProps>, _prevShape: ShapeRecord<NoteProps>, _ctx: RenderContext): void;
6
+ //# sourceMappingURL=render.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/shapes/note/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,SAAS,EAAE,MAAM,WAAW,CAAC;AAE3C,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,aAAa,GAAG,UAAU,CA2BzF;AAED,wBAAgB,UAAU,CACxB,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,EAC7B,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,EAClC,IAAI,EAAE,aAAa,GAClB,IAAI,CAYN"}
@@ -0,0 +1,38 @@
1
+ export function renderNote(shape, _ctx) {
2
+ const group = document.createElementNS('http://www.w3.org/2000/svg', 'g');
3
+ group.setAttribute('class', 'od-shape-body');
4
+ const bg = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
5
+ bg.setAttribute('class', 'od-note-bg');
6
+ bg.setAttribute('x', '0');
7
+ bg.setAttribute('y', '0');
8
+ bg.setAttribute('width', String(shape.props.width));
9
+ bg.setAttribute('height', String(shape.props.height));
10
+ bg.setAttribute('rx', '4');
11
+ bg.setAttribute('fill', shape.props.color ?? '#fef08a');
12
+ bg.setAttribute('stroke', '#facc15');
13
+ bg.setAttribute('stroke-width', '1');
14
+ group.appendChild(bg);
15
+ const text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
16
+ text.setAttribute('class', 'od-note-text');
17
+ text.setAttribute('x', '12');
18
+ text.setAttribute('y', '24');
19
+ text.setAttribute('fill', '#713f12');
20
+ text.setAttribute('font-family', 'system-ui, sans-serif');
21
+ text.setAttribute('font-size', '14');
22
+ text.textContent = shape.props.text ?? '';
23
+ group.appendChild(text);
24
+ return group;
25
+ }
26
+ export function updateNote(element, shape, _prevShape, _ctx) {
27
+ const bg = element.querySelector('.od-note-bg');
28
+ if (bg) {
29
+ bg.setAttribute('width', String(shape.props.width));
30
+ bg.setAttribute('height', String(shape.props.height));
31
+ bg.setAttribute('fill', shape.props.color ?? '#fef08a');
32
+ }
33
+ const text = element.querySelector('.od-note-text');
34
+ if (text) {
35
+ text.textContent = shape.props.text ?? '';
36
+ }
37
+ }
38
+ //# sourceMappingURL=render.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"render.js","sourceRoot":"","sources":["../../../src/shapes/note/render.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,UAAU,CAAC,KAA6B,EAAE,IAAmB;IAC3E,MAAM,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,GAAG,CAAC,CAAC;IAC1E,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;IAE7C,MAAM,EAAE,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,MAAM,CAAC,CAAC;IAC1E,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IACvC,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAC1B,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAC1B,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IACpD,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IACtD,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAC3B,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC;IACxD,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACrC,EAAE,CAAC,YAAY,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;IACrC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAEtB,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,MAAM,CAAC,CAAC;IAC5E,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IAC3C,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IAC7B,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IAC7B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACrC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,uBAAuB,CAAC,CAAC;IAC1D,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IACrC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;IAC1C,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAExB,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,UAAU,CACxB,OAAmB,EACnB,KAA6B,EAC7B,UAAkC,EAClC,IAAmB;IAEnB,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,CAAiB,aAAa,CAAC,CAAC;IAChE,IAAI,EAAE,EAAE,CAAC;QACP,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QACpD,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;QACtD,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC;IAC1D,CAAC;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,aAAa,CAAiB,eAAe,CAAC,CAAC;IACpE,IAAI,IAAI,EAAE,CAAC;QACT,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;IAC5C,CAAC;AACH,CAAC"}
@@ -0,0 +1,9 @@
1
+ export interface RectProps {
2
+ width: number;
3
+ height: number;
4
+ fill?: string;
5
+ stroke?: string;
6
+ strokeWidth?: number;
7
+ rx?: number;
8
+ }
9
+ //# sourceMappingURL=defs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/shapes/rect/defs.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,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;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=defs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defs.js","sourceRoot":"","sources":["../../../src/shapes/rect/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 { RectProps } from './defs.js';
4
+ export declare const rectGeometry: {
5
+ bounds(shape: ShapeRecord<RectProps>): Bounds;
6
+ resize(shape: ShapeRecord<RectProps>, handleOrBounds: ResizeHandle | Bounds, point?: Point): Partial<ShapeRecord<RectProps>>;
7
+ hit(shape: ShapeRecord<RectProps>, point: Point): boolean;
8
+ };
9
+ //# sourceMappingURL=geometry.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../src/shapes/rect/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,SAAS,EAAE,MAAM,WAAW,CAAC;AAE3C,eAAO,MAAM,YAAY;IACvB,MAAM,QAAQ,WAAW,CAAC,SAAS,CAAC,GAAG,MAAM;IAS7C,MAAM,QAAQ,WAAW,CAAC,SAAS,CAAC,kBAAkB,YAAY,GAAG,MAAM,UAAU,KAAK,GAAG,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAwD5H,GAAG,QAAQ,WAAW,CAAC,SAAS,CAAC,SAAS,KAAK,GAAG,OAAO;CAK1D,CAAC"}
@@ -0,0 +1,68 @@
1
+ export const rectGeometry = {
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 localX = point.x - shape.x;
64
+ const localY = point.y - shape.y;
65
+ return localX >= 0 && localX <= shape.props.width && localY >= 0 && localY <= shape.props.height;
66
+ },
67
+ };
68
+ //# sourceMappingURL=geometry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"geometry.js","sourceRoot":"","sources":["../../../src/shapes/rect/geometry.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,7 @@
1
+ import type { ShapeDefinition } from '../../registry.js';
2
+ import type { RectProps } from './defs.js';
3
+ export * from './defs.js';
4
+ export * from './geometry.js';
5
+ export * from './render.js';
6
+ export declare const rectDefinition: ShapeDefinition<RectProps>;
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shapes/rect/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAI3C,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAE5B,eAAO,MAAM,cAAc,EAAE,eAAe,CAAC,SAAS,CAerD,CAAC"}
@@ -0,0 +1,22 @@
1
+ import { rectGeometry } from './geometry.js';
2
+ import { renderRect, updateRect } from './render.js';
3
+ export * from './defs.js';
4
+ export * from './geometry.js';
5
+ export * from './render.js';
6
+ export const rectDefinition = {
7
+ type: 'rect',
8
+ defaultProps() {
9
+ return {
10
+ width: 100,
11
+ height: 100,
12
+ fill: '#3b82f6',
13
+ stroke: '#1d4ed8',
14
+ strokeWidth: 2,
15
+ rx: 0,
16
+ };
17
+ },
18
+ geometry: rectGeometry,
19
+ render: renderRect,
20
+ update: updateRect,
21
+ };
22
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/shapes/rect/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAErD,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAE5B,MAAM,CAAC,MAAM,cAAc,GAA+B;IACxD,IAAI,EAAE,MAAM;IACZ,YAAY;QACV,OAAO;YACL,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,SAAS;YACjB,WAAW,EAAE,CAAC;YACd,EAAE,EAAE,CAAC;SACN,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,YAAY;IACtB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;CACnB,CAAC"}
@@ -0,0 +1,6 @@
1
+ import type { ShapeRecord } from '@open-draw/schema';
2
+ import type { RenderContext } from '../../registry.js';
3
+ import type { RectProps } from './defs.js';
4
+ export declare function renderRect(shape: ShapeRecord<RectProps>, _ctx: RenderContext): SVGElement;
5
+ export declare function updateRect(element: SVGElement, shape: ShapeRecord<RectProps>, _prevShape: ShapeRecord<RectProps>, _ctx: RenderContext): void;
6
+ //# sourceMappingURL=render.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/shapes/rect/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,SAAS,EAAE,MAAM,WAAW,CAAC;AAE3C,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,aAAa,GAAG,UAAU,CAgBzF;AAED,wBAAgB,UAAU,CACxB,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,EAC7B,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,EAClC,IAAI,EAAE,aAAa,GAClB,IAAI,CAqBN"}
@@ -0,0 +1,42 @@
1
+ export function renderRect(shape, _ctx) {
2
+ const rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
3
+ rect.setAttribute('class', 'od-shape-body');
4
+ rect.setAttribute('x', '0');
5
+ rect.setAttribute('y', '0');
6
+ rect.setAttribute('width', String(shape.props.width));
7
+ rect.setAttribute('height', String(shape.props.height));
8
+ rect.setAttribute('fill', shape.props.fill ?? '#3b82f6');
9
+ if (shape.props.stroke) {
10
+ rect.setAttribute('stroke', shape.props.stroke);
11
+ rect.setAttribute('stroke-width', String(shape.props.strokeWidth ?? 1));
12
+ }
13
+ if (shape.props.rx) {
14
+ rect.setAttribute('rx', String(shape.props.rx));
15
+ }
16
+ return rect;
17
+ }
18
+ export function updateRect(element, shape, _prevShape, _ctx) {
19
+ const rect = element.classList.contains('od-shape-body')
20
+ ? element
21
+ : element.querySelector('.od-shape-body');
22
+ if (rect) {
23
+ rect.setAttribute('width', String(shape.props.width));
24
+ rect.setAttribute('height', String(shape.props.height));
25
+ rect.setAttribute('fill', shape.props.fill ?? '#3b82f6');
26
+ if (shape.props.stroke) {
27
+ rect.setAttribute('stroke', shape.props.stroke);
28
+ rect.setAttribute('stroke-width', String(shape.props.strokeWidth ?? 1));
29
+ }
30
+ else {
31
+ rect.removeAttribute('stroke');
32
+ rect.removeAttribute('stroke-width');
33
+ }
34
+ if (shape.props.rx) {
35
+ rect.setAttribute('rx', String(shape.props.rx));
36
+ }
37
+ else {
38
+ rect.removeAttribute('rx');
39
+ }
40
+ }
41
+ }
42
+ //# sourceMappingURL=render.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"render.js","sourceRoot":"","sources":["../../../src/shapes/rect/render.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,UAAU,CAAC,KAA6B,EAAE,IAAmB;IAC3E,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,GAAG,CAAC,CAAC;IAC5B,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAC5B,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IACtD,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IACxD,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC;IACzD,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QACvB,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAChD,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC,CAAC;IAC1E,CAAC;IACD,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;QACnB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAClD,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,UAAU,CACxB,OAAmB,EACnB,KAA6B,EAC7B,UAAkC,EAClC,IAAmB;IAEnB,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC;QACtD,CAAC,CAAE,OAA0B;QAC7B,CAAC,CAAC,OAAO,CAAC,aAAa,CAAiB,gBAAgB,CAAC,CAAC;IAC5D,IAAI,IAAI,EAAE,CAAC;QACT,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QACtD,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;QACxD,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC;QACzD,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACvB,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAChD,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC,CAAC;QAC1E,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;YAC/B,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;QACvC,CAAC;QACD,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;YACnB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;QAClD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC;AACH,CAAC"}
@@ -0,0 +1,9 @@
1
+ export interface TextProps {
2
+ text: string;
3
+ width: number;
4
+ height: number;
5
+ fontSize?: number;
6
+ fontFamily?: string;
7
+ fill?: string;
8
+ }
9
+ //# sourceMappingURL=defs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/shapes/text/defs.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=defs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defs.js","sourceRoot":"","sources":["../../../src/shapes/text/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 { TextProps } from './defs.js';
4
+ export declare const textGeometry: {
5
+ bounds(shape: ShapeRecord<TextProps>): Bounds;
6
+ resize(shape: ShapeRecord<TextProps>, handleOrBounds: ResizeHandle | Bounds, point?: Point): Partial<ShapeRecord<TextProps>>;
7
+ hit(shape: ShapeRecord<TextProps>, point: Point): boolean;
8
+ };
9
+ //# sourceMappingURL=geometry.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../src/shapes/text/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,SAAS,EAAE,MAAM,WAAW,CAAC;AAE3C,eAAO,MAAM,YAAY;IACvB,MAAM,QAAQ,WAAW,CAAC,SAAS,CAAC,GAAG,MAAM;IAS7C,MAAM,QAAQ,WAAW,CAAC,SAAS,CAAC,kBAAkB,YAAY,GAAG,MAAM,UAAU,KAAK,GAAG,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAwD5H,GAAG,QAAQ,WAAW,CAAC,SAAS,CAAC,SAAS,KAAK,GAAG,OAAO;CAK1D,CAAC"}
@@ -0,0 +1,68 @@
1
+ export const textGeometry = {
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(30, handleOrBounds.width),
18
+ height: Math.max(20, 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(30, pt.x - x);
30
+ height = Math.max(20, pt.y - y);
31
+ break;
32
+ case 'bottom-left':
33
+ case 'sw':
34
+ width = Math.max(30, x + width - pt.x);
35
+ height = Math.max(20, pt.y - y);
36
+ x = pt.x;
37
+ break;
38
+ case 'top-right':
39
+ case 'ne':
40
+ width = Math.max(30, pt.x - x);
41
+ height = Math.max(20, y + height - pt.y);
42
+ y = pt.y;
43
+ break;
44
+ case 'top-left':
45
+ case 'nw':
46
+ width = Math.max(30, x + width - pt.x);
47
+ height = Math.max(20, 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 localX = point.x - shape.x;
64
+ const localY = point.y - shape.y;
65
+ return localX >= 0 && localX <= shape.props.width && localY >= 0 && localY <= shape.props.height;
66
+ },
67
+ };
68
+ //# sourceMappingURL=geometry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"geometry.js","sourceRoot":"","sources":["../../../src/shapes/text/geometry.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,7 @@
1
+ import type { ShapeDefinition } from '../../registry.js';
2
+ import type { TextProps } from './defs.js';
3
+ export * from './defs.js';
4
+ export * from './geometry.js';
5
+ export * from './render.js';
6
+ export declare const textDefinition: ShapeDefinition<TextProps>;
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shapes/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAI3C,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAE5B,eAAO,MAAM,cAAc,EAAE,eAAe,CAAC,SAAS,CAoCrD,CAAC"}
@@ -0,0 +1,43 @@
1
+ import { textGeometry } from './geometry.js';
2
+ import { renderText, updateText } from './render.js';
3
+ export * from './defs.js';
4
+ export * from './geometry.js';
5
+ export * from './render.js';
6
+ export const textDefinition = {
7
+ type: 'text',
8
+ defaultProps() {
9
+ return {
10
+ text: 'Text',
11
+ fontSize: 16,
12
+ fontFamily: 'system-ui, sans-serif',
13
+ fill: '#1e293b',
14
+ width: 100,
15
+ height: 30,
16
+ };
17
+ },
18
+ geometry: textGeometry,
19
+ render: renderText,
20
+ update: updateText,
21
+ capabilities: {
22
+ text: {
23
+ canEditText: () => true,
24
+ getText: (shape) => shape.props.text,
25
+ setText: (shape, newText) => {
26
+ const lines = newText.split('\n');
27
+ const maxLen = Math.max(...lines.map((l) => l.length), 1);
28
+ const fontSize = shape.props.fontSize ?? 16;
29
+ const width = Math.max(60, Math.round(maxLen * fontSize * 0.65 + 16));
30
+ const height = Math.max(30, Math.round(lines.length * fontSize * 1.35 + 8));
31
+ return {
32
+ props: {
33
+ ...shape.props,
34
+ text: newText,
35
+ width,
36
+ height,
37
+ },
38
+ };
39
+ },
40
+ },
41
+ },
42
+ };
43
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/shapes/text/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAErD,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAE5B,MAAM,CAAC,MAAM,cAAc,GAA+B;IACxD,IAAI,EAAE,MAAM;IACZ,YAAY;QACV,OAAO;YACL,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,uBAAuB;YACnC,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,EAAE;SACX,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,YAAY;IACtB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,YAAY,EAAE;QACZ,IAAI,EAAE;YACJ,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI;YACvB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI;YACpC,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;gBAC1B,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBAClC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;gBAC1D,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC;gBAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC;gBACtE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;gBAC5E,OAAO;oBACL,KAAK,EAAE;wBACL,GAAG,KAAK,CAAC,KAAK;wBACd,IAAI,EAAE,OAAO;wBACb,KAAK;wBACL,MAAM;qBACP;iBACF,CAAC;YACJ,CAAC;SACF;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 { TextProps } from './defs.js';
4
+ export declare function renderText(shape: ShapeRecord<TextProps>, _ctx: RenderContext): SVGElement;
5
+ export declare function updateText(element: SVGElement, shape: ShapeRecord<TextProps>, _prevShape: ShapeRecord<TextProps>, _ctx: RenderContext): void;
6
+ //# sourceMappingURL=render.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/shapes/text/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,SAAS,EAAE,MAAM,WAAW,CAAC;AAE3C,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,aAAa,GAAG,UAAU,CAUzF;AAED,wBAAgB,UAAU,CACxB,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,EAC7B,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,EAClC,IAAI,EAAE,aAAa,GAClB,IAAI,CAUN"}
@@ -0,0 +1,23 @@
1
+ export function renderText(shape, _ctx) {
2
+ const text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
3
+ text.setAttribute('class', 'od-shape-body od-text-body');
4
+ text.setAttribute('x', '0');
5
+ text.setAttribute('y', String(shape.props.fontSize ?? 16));
6
+ text.setAttribute('font-size', String(shape.props.fontSize ?? 16));
7
+ text.setAttribute('font-family', shape.props.fontFamily ?? 'system-ui, sans-serif');
8
+ text.setAttribute('fill', shape.props.fill ?? '#1e293b');
9
+ text.textContent = shape.props.text;
10
+ return text;
11
+ }
12
+ export function updateText(element, shape, _prevShape, _ctx) {
13
+ const text = element.classList.contains('od-shape-body')
14
+ ? element
15
+ : element.querySelector('.od-shape-body');
16
+ if (text) {
17
+ text.setAttribute('y', String(shape.props.fontSize ?? 16));
18
+ text.setAttribute('font-size', String(shape.props.fontSize ?? 16));
19
+ text.setAttribute('fill', shape.props.fill ?? '#1e293b');
20
+ text.textContent = shape.props.text;
21
+ }
22
+ }
23
+ //# sourceMappingURL=render.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"render.js","sourceRoot":"","sources":["../../../src/shapes/text/render.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,UAAU,CAAC,KAA6B,EAAE,IAAmB;IAC3E,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,MAAM,CAAC,CAAC;IAC5E,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,4BAA4B,CAAC,CAAC;IACzD,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAC5B,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC;IAC3D,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC;IACnE,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,IAAI,uBAAuB,CAAC,CAAC;IACpF,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC;IACzD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;IACpC,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,UAAU,CACxB,OAAmB,EACnB,KAA6B,EAC7B,UAAkC,EAClC,IAAmB;IAEnB,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC;QACtD,CAAC,CAAE,OAA0B;QAC7B,CAAC,CAAC,OAAO,CAAC,aAAa,CAAiB,gBAAgB,CAAC,CAAC;IAC5D,IAAI,IAAI,EAAE,CAAC;QACT,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC;QAC3D,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC;QACnE,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC;QACzD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;IACtC,CAAC;AACH,CAAC"}
@@ -0,0 +1,5 @@
1
+ export * from './types.js';
2
+ export * from './snapshot.js';
3
+ export * from './store.js';
4
+ export * from './zorder.js';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/store/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}
@@ -0,0 +1,5 @@
1
+ export * from './types.js';
2
+ export * from './snapshot.js';
3
+ export * from './store.js';
4
+ export * from './zorder.js';
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/store/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { type ShapeId, type ShapeRecord } from '@open-draw/schema';
2
+ import type { MetaValidator, StoreDiff } from './types.js';
3
+ export declare function parseAndValidateSnapshot(snapshot: unknown, metaValidators: Map<string, MetaValidator>): Map<ShapeId, ShapeRecord>;
4
+ export declare function computeDiff(before: Map<ShapeId, ShapeRecord>, after: Map<ShapeId, ShapeRecord>): StoreDiff;
5
+ //# sourceMappingURL=snapshot.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"snapshot.d.ts","sourceRoot":"","sources":["../../src/store/snapshot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,OAAO,EAAE,KAAK,WAAW,EAAiB,MAAM,mBAAmB,CAAC;AACxG,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE3D,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,OAAO,EACjB,cAAc,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,GACzC,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,CAqE3B;AAED,wBAAgB,WAAW,CACzB,MAAM,EAAE,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,EACjC,KAAK,EAAE,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,GAC/B,SAAS,CAoBX"}