@open-draw/canvas 0.0.0-stage → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +77 -2
- package/dist/a11y.d.ts +13 -0
- package/dist/a11y.d.ts.map +1 -0
- package/dist/a11y.js +41 -0
- package/dist/a11y.js.map +1 -0
- package/dist/camera.d.ts +96 -0
- package/dist/camera.d.ts.map +1 -0
- package/dist/camera.js +208 -0
- package/dist/camera.js.map +1 -0
- package/dist/capabilities/clipping/defs.d.ts +7 -0
- package/dist/capabilities/clipping/defs.d.ts.map +1 -0
- package/dist/capabilities/clipping/defs.js +2 -0
- package/dist/capabilities/clipping/defs.js.map +1 -0
- package/dist/capabilities/clipping/index.d.ts +3 -0
- package/dist/capabilities/clipping/index.d.ts.map +1 -0
- package/dist/capabilities/clipping/index.js +3 -0
- package/dist/capabilities/clipping/index.js.map +1 -0
- package/dist/capabilities/clipping/manager.d.ts +14 -0
- package/dist/capabilities/clipping/manager.d.ts.map +1 -0
- package/dist/capabilities/clipping/manager.js +75 -0
- package/dist/capabilities/clipping/manager.js.map +1 -0
- package/dist/capabilities/connector/defs.d.ts +9 -0
- package/dist/capabilities/connector/defs.d.ts.map +1 -0
- package/dist/capabilities/connector/defs.js +2 -0
- package/dist/capabilities/connector/defs.js.map +1 -0
- package/dist/capabilities/connector/index.d.ts +3 -0
- package/dist/capabilities/connector/index.d.ts.map +1 -0
- package/dist/capabilities/connector/index.js +3 -0
- package/dist/capabilities/connector/index.js.map +1 -0
- package/dist/capabilities/connector/manager.d.ts +19 -0
- package/dist/capabilities/connector/manager.d.ts.map +1 -0
- package/dist/capabilities/connector/manager.js +108 -0
- package/dist/capabilities/connector/manager.js.map +1 -0
- package/dist/capabilities/text-editing/defs.d.ts +2 -0
- package/dist/capabilities/text-editing/defs.d.ts.map +1 -0
- package/dist/capabilities/text-editing/defs.js +2 -0
- package/dist/capabilities/text-editing/defs.js.map +1 -0
- package/dist/capabilities/text-editing/index.d.ts +3 -0
- package/dist/capabilities/text-editing/index.d.ts.map +1 -0
- package/dist/capabilities/text-editing/index.js +3 -0
- package/dist/capabilities/text-editing/index.js.map +1 -0
- package/dist/capabilities/text-editing/manager.d.ts +20 -0
- package/dist/capabilities/text-editing/manager.d.ts.map +1 -0
- package/dist/capabilities/text-editing/manager.js +153 -0
- package/dist/capabilities/text-editing/manager.js.map +1 -0
- package/dist/editor.d.ts +94 -0
- package/dist/editor.d.ts.map +1 -0
- package/dist/editor.js +241 -0
- package/dist/editor.js.map +1 -0
- package/dist/eraser/eraser.d.ts +21 -0
- package/dist/eraser/eraser.d.ts.map +1 -0
- package/dist/eraser/eraser.js +147 -0
- package/dist/eraser/eraser.js.map +1 -0
- package/dist/eraser/index.d.ts +2 -0
- package/dist/eraser/index.d.ts.map +1 -0
- package/dist/eraser/index.js +2 -0
- package/dist/eraser/index.js.map +1 -0
- package/dist/export/index.d.ts +2 -0
- package/dist/export/index.d.ts.map +1 -0
- package/dist/export/index.js +2 -0
- package/dist/export/index.js.map +1 -0
- package/dist/export/png.d.ts +17 -0
- package/dist/export/png.d.ts.map +1 -0
- package/dist/export/png.js +130 -0
- package/dist/export/png.js.map +1 -0
- package/dist/gesture/gesture.d.ts +36 -0
- package/dist/gesture/gesture.d.ts.map +1 -0
- package/dist/gesture/gesture.js +268 -0
- package/dist/gesture/gesture.js.map +1 -0
- package/dist/gesture/index.d.ts +2 -0
- package/dist/gesture/index.d.ts.map +1 -0
- package/dist/gesture/index.js +2 -0
- package/dist/gesture/index.js.map +1 -0
- package/dist/index.d.ts +36 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +37 -0
- package/dist/index.js.map +1 -0
- package/dist/input/commands.d.ts +12 -0
- package/dist/input/commands.d.ts.map +1 -0
- package/dist/input/commands.js +195 -0
- package/dist/input/commands.js.map +1 -0
- package/dist/input/index.d.ts +5 -0
- package/dist/input/index.d.ts.map +1 -0
- package/dist/input/index.js +5 -0
- package/dist/input/index.js.map +1 -0
- package/dist/input/keyboard.d.ts +13 -0
- package/dist/input/keyboard.d.ts.map +1 -0
- package/dist/input/keyboard.js +83 -0
- package/dist/input/keyboard.js.map +1 -0
- package/dist/input/keymap.d.ts +10 -0
- package/dist/input/keymap.d.ts.map +1 -0
- package/dist/input/keymap.js +75 -0
- package/dist/input/keymap.js.map +1 -0
- package/dist/input/utils.d.ts +5 -0
- package/dist/input/utils.d.ts.map +1 -0
- package/dist/input/utils.js +4 -0
- package/dist/input/utils.js.map +1 -0
- package/dist/interaction.d.ts +29 -0
- package/dist/interaction.d.ts.map +1 -0
- package/dist/interaction.js +248 -0
- package/dist/interaction.js.map +1 -0
- package/dist/perf/index.d.ts +2 -0
- package/dist/perf/index.d.ts.map +1 -0
- package/dist/perf/index.js +2 -0
- package/dist/perf/index.js.map +1 -0
- package/dist/perf/telemetry.d.ts +33 -0
- package/dist/perf/telemetry.d.ts.map +1 -0
- package/dist/perf/telemetry.js +145 -0
- package/dist/perf/telemetry.js.map +1 -0
- package/dist/registry.d.ts +68 -0
- package/dist/registry.d.ts.map +1 -0
- package/dist/registry.js +34 -0
- package/dist/registry.js.map +1 -0
- package/dist/renderer.d.ts +29 -0
- package/dist/renderer.d.ts.map +1 -0
- package/dist/renderer.js +257 -0
- package/dist/renderer.js.map +1 -0
- package/dist/selection/defs.d.ts +6 -0
- package/dist/selection/defs.d.ts.map +1 -0
- package/dist/selection/defs.js +2 -0
- package/dist/selection/defs.js.map +1 -0
- package/dist/selection/group.d.ts +7 -0
- package/dist/selection/group.d.ts.map +1 -0
- package/dist/selection/group.js +25 -0
- package/dist/selection/group.js.map +1 -0
- package/dist/selection/handles.d.ts +9 -0
- package/dist/selection/handles.d.ts.map +1 -0
- package/dist/selection/handles.js +19 -0
- package/dist/selection/handles.js.map +1 -0
- package/dist/selection/handlesView.d.ts +4 -0
- package/dist/selection/handlesView.d.ts.map +1 -0
- package/dist/selection/handlesView.js +98 -0
- package/dist/selection/handlesView.js.map +1 -0
- package/dist/selection/index.d.ts +10 -0
- package/dist/selection/index.d.ts.map +1 -0
- package/dist/selection/index.js +10 -0
- package/dist/selection/index.js.map +1 -0
- package/dist/selection/manager.d.ts +29 -0
- package/dist/selection/manager.d.ts.map +1 -0
- package/dist/selection/manager.js +195 -0
- package/dist/selection/manager.js.map +1 -0
- package/dist/selection/marquee.d.ts +11 -0
- package/dist/selection/marquee.d.ts.map +1 -0
- package/dist/selection/marquee.js +52 -0
- package/dist/selection/marquee.js.map +1 -0
- package/dist/selection/reparent.d.ts +12 -0
- package/dist/selection/reparent.d.ts.map +1 -0
- package/dist/selection/reparent.js +57 -0
- package/dist/selection/reparent.js.map +1 -0
- package/dist/selection/resize.d.ts +10 -0
- package/dist/selection/resize.d.ts.map +1 -0
- package/dist/selection/resize.js +66 -0
- package/dist/selection/resize.js.map +1 -0
- package/dist/selection/rotate.d.ts +18 -0
- package/dist/selection/rotate.d.ts.map +1 -0
- package/dist/selection/rotate.js +39 -0
- package/dist/selection/rotate.js.map +1 -0
- package/dist/shapes/arrow/defs.d.ts +17 -0
- package/dist/shapes/arrow/defs.d.ts.map +1 -0
- package/dist/shapes/arrow/defs.js +7 -0
- package/dist/shapes/arrow/defs.js.map +1 -0
- package/dist/shapes/arrow/geometry.d.ts +11 -0
- package/dist/shapes/arrow/geometry.d.ts.map +1 -0
- package/dist/shapes/arrow/geometry.js +77 -0
- package/dist/shapes/arrow/geometry.js.map +1 -0
- package/dist/shapes/arrow/index.d.ts +7 -0
- package/dist/shapes/arrow/index.d.ts.map +1 -0
- package/dist/shapes/arrow/index.js +23 -0
- package/dist/shapes/arrow/index.js.map +1 -0
- package/dist/shapes/arrow/render.d.ts +6 -0
- package/dist/shapes/arrow/render.d.ts.map +1 -0
- package/dist/shapes/arrow/render.js +84 -0
- package/dist/shapes/arrow/render.js.map +1 -0
- package/dist/shapes/ellipse/defs.d.ts +8 -0
- package/dist/shapes/ellipse/defs.d.ts.map +1 -0
- package/dist/shapes/ellipse/defs.js +2 -0
- package/dist/shapes/ellipse/defs.js.map +1 -0
- package/dist/shapes/ellipse/geometry.d.ts +9 -0
- package/dist/shapes/ellipse/geometry.d.ts.map +1 -0
- package/dist/shapes/ellipse/geometry.js +74 -0
- package/dist/shapes/ellipse/geometry.js.map +1 -0
- package/dist/shapes/ellipse/index.d.ts +7 -0
- package/dist/shapes/ellipse/index.d.ts.map +1 -0
- package/dist/shapes/ellipse/index.js +21 -0
- package/dist/shapes/ellipse/index.js.map +1 -0
- package/dist/shapes/ellipse/render.d.ts +6 -0
- package/dist/shapes/ellipse/render.d.ts.map +1 -0
- package/dist/shapes/ellipse/render.js +39 -0
- package/dist/shapes/ellipse/render.js.map +1 -0
- package/dist/shapes/frame/defs.d.ts +9 -0
- package/dist/shapes/frame/defs.d.ts.map +1 -0
- package/dist/shapes/frame/defs.js +8 -0
- package/dist/shapes/frame/defs.js.map +1 -0
- package/dist/shapes/frame/geometry.d.ts +4 -0
- package/dist/shapes/frame/geometry.d.ts.map +1 -0
- package/dist/shapes/frame/geometry.js +66 -0
- package/dist/shapes/frame/geometry.js.map +1 -0
- package/dist/shapes/frame/index.d.ts +7 -0
- package/dist/shapes/frame/index.d.ts.map +1 -0
- package/dist/shapes/frame/index.js +20 -0
- package/dist/shapes/frame/index.js.map +1 -0
- package/dist/shapes/frame/render.d.ts +6 -0
- package/dist/shapes/frame/render.d.ts.map +1 -0
- package/dist/shapes/frame/render.js +73 -0
- package/dist/shapes/frame/render.js.map +1 -0
- package/dist/shapes/group/defs.d.ts +6 -0
- package/dist/shapes/group/defs.d.ts.map +1 -0
- package/dist/shapes/group/defs.js +2 -0
- package/dist/shapes/group/defs.js.map +1 -0
- package/dist/shapes/group/geometry.d.ts +8 -0
- package/dist/shapes/group/geometry.d.ts.map +1 -0
- package/dist/shapes/group/geometry.js +19 -0
- package/dist/shapes/group/geometry.js.map +1 -0
- package/dist/shapes/group/index.d.ts +7 -0
- package/dist/shapes/group/index.d.ts.map +1 -0
- package/dist/shapes/group/index.js +23 -0
- package/dist/shapes/group/index.js.map +1 -0
- package/dist/shapes/group/render.d.ts +6 -0
- package/dist/shapes/group/render.d.ts.map +1 -0
- package/dist/shapes/group/render.js +9 -0
- package/dist/shapes/group/render.js.map +1 -0
- package/dist/shapes/image/defs.d.ts +10 -0
- package/dist/shapes/image/defs.d.ts.map +1 -0
- package/dist/shapes/image/defs.js +2 -0
- package/dist/shapes/image/defs.js.map +1 -0
- package/dist/shapes/image/geometry.d.ts +21 -0
- package/dist/shapes/image/geometry.d.ts.map +1 -0
- package/dist/shapes/image/geometry.js +79 -0
- package/dist/shapes/image/geometry.js.map +1 -0
- package/dist/shapes/image/handlers.d.ts +10 -0
- package/dist/shapes/image/handlers.d.ts.map +1 -0
- package/dist/shapes/image/handlers.js +85 -0
- package/dist/shapes/image/handlers.js.map +1 -0
- package/dist/shapes/image/index.d.ts +8 -0
- package/dist/shapes/image/index.d.ts.map +1 -0
- package/dist/shapes/image/index.js +21 -0
- package/dist/shapes/image/index.js.map +1 -0
- package/dist/shapes/image/render.d.ts +6 -0
- package/dist/shapes/image/render.d.ts.map +1 -0
- package/dist/shapes/image/render.js +28 -0
- package/dist/shapes/image/render.js.map +1 -0
- package/dist/shapes/ink/defs.d.ts +10 -0
- package/dist/shapes/ink/defs.d.ts.map +1 -0
- package/dist/shapes/ink/defs.js +13 -0
- package/dist/shapes/ink/defs.js.map +1 -0
- package/dist/shapes/ink/geometry.d.ts +4 -0
- package/dist/shapes/ink/geometry.d.ts.map +1 -0
- package/dist/shapes/ink/geometry.js +67 -0
- package/dist/shapes/ink/geometry.js.map +1 -0
- package/dist/shapes/ink/index.d.ts +9 -0
- package/dist/shapes/ink/index.d.ts.map +1 -0
- package/dist/shapes/ink/index.js +22 -0
- package/dist/shapes/ink/index.js.map +1 -0
- package/dist/shapes/ink/rdp.d.ts +2 -0
- package/dist/shapes/ink/rdp.d.ts.map +1 -0
- package/dist/shapes/ink/rdp.js +37 -0
- package/dist/shapes/ink/rdp.js.map +1 -0
- package/dist/shapes/ink/render.d.ts +7 -0
- package/dist/shapes/ink/render.d.ts.map +1 -0
- package/dist/shapes/ink/render.js +81 -0
- package/dist/shapes/ink/render.js.map +1 -0
- package/dist/shapes/note/defs.d.ts +7 -0
- package/dist/shapes/note/defs.d.ts.map +1 -0
- package/dist/shapes/note/defs.js +2 -0
- package/dist/shapes/note/defs.js.map +1 -0
- package/dist/shapes/note/geometry.d.ts +11 -0
- package/dist/shapes/note/geometry.d.ts.map +1 -0
- package/dist/shapes/note/geometry.js +70 -0
- package/dist/shapes/note/geometry.js.map +1 -0
- package/dist/shapes/note/index.d.ts +7 -0
- package/dist/shapes/note/index.d.ts.map +1 -0
- package/dist/shapes/note/index.js +41 -0
- package/dist/shapes/note/index.js.map +1 -0
- package/dist/shapes/note/render.d.ts +6 -0
- package/dist/shapes/note/render.d.ts.map +1 -0
- package/dist/shapes/note/render.js +38 -0
- package/dist/shapes/note/render.js.map +1 -0
- package/dist/shapes/rect/defs.d.ts +9 -0
- package/dist/shapes/rect/defs.d.ts.map +1 -0
- package/dist/shapes/rect/defs.js +2 -0
- package/dist/shapes/rect/defs.js.map +1 -0
- package/dist/shapes/rect/geometry.d.ts +9 -0
- package/dist/shapes/rect/geometry.d.ts.map +1 -0
- package/dist/shapes/rect/geometry.js +68 -0
- package/dist/shapes/rect/geometry.js.map +1 -0
- package/dist/shapes/rect/index.d.ts +7 -0
- package/dist/shapes/rect/index.d.ts.map +1 -0
- package/dist/shapes/rect/index.js +22 -0
- package/dist/shapes/rect/index.js.map +1 -0
- package/dist/shapes/rect/render.d.ts +6 -0
- package/dist/shapes/rect/render.d.ts.map +1 -0
- package/dist/shapes/rect/render.js +42 -0
- package/dist/shapes/rect/render.js.map +1 -0
- package/dist/shapes/text/defs.d.ts +9 -0
- package/dist/shapes/text/defs.d.ts.map +1 -0
- package/dist/shapes/text/defs.js +2 -0
- package/dist/shapes/text/defs.js.map +1 -0
- package/dist/shapes/text/geometry.d.ts +9 -0
- package/dist/shapes/text/geometry.d.ts.map +1 -0
- package/dist/shapes/text/geometry.js +68 -0
- package/dist/shapes/text/geometry.js.map +1 -0
- package/dist/shapes/text/index.d.ts +7 -0
- package/dist/shapes/text/index.d.ts.map +1 -0
- package/dist/shapes/text/index.js +43 -0
- package/dist/shapes/text/index.js.map +1 -0
- package/dist/shapes/text/render.d.ts +6 -0
- package/dist/shapes/text/render.d.ts.map +1 -0
- package/dist/shapes/text/render.js +23 -0
- package/dist/shapes/text/render.js.map +1 -0
- package/dist/store/index.d.ts +5 -0
- package/dist/store/index.d.ts.map +1 -0
- package/dist/store/index.js +5 -0
- package/dist/store/index.js.map +1 -0
- package/dist/store/snapshot.d.ts +5 -0
- package/dist/store/snapshot.d.ts.map +1 -0
- package/dist/store/snapshot.js +76 -0
- package/dist/store/snapshot.js.map +1 -0
- package/dist/store/store.d.ts +52 -0
- package/dist/store/store.d.ts.map +1 -0
- package/dist/store/store.js +252 -0
- package/dist/store/store.js.map +1 -0
- package/dist/store/types.d.ts +13 -0
- package/dist/store/types.d.ts.map +1 -0
- package/dist/store/types.js +2 -0
- package/dist/store/types.js.map +1 -0
- package/dist/store/zorder.d.ts +4 -0
- package/dist/store/zorder.d.ts.map +1 -0
- package/dist/store/zorder.js +53 -0
- package/dist/store/zorder.js.map +1 -0
- package/package.json +29 -4
|
@@ -0,0 +1,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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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":"AAIA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM,CAAC,KAA6B;QAClC,OAAO;YACL,CAAC,EAAE,KAAK,CAAC,CAAC;YACV,CAAC,EAAE,KAAK,CAAC,CAAC;YACV,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK;YACxB,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM;SAC3B,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,KAA6B,EAAE,cAAqC,EAAE,KAAa;QACxF,IAAI,OAAO,cAAc,KAAK,QAAQ,IAAI,OAAO,IAAI,cAAc,IAAI,QAAQ,IAAI,cAAc,EAAE,CAAC;YAClG,OAAO;gBACL,CAAC,EAAE,cAAc,CAAC,CAAC;gBACnB,CAAC,EAAE,cAAc,CAAC,CAAC;gBACnB,KAAK,EAAE;oBACL,GAAG,KAAK,CAAC,KAAK;oBACd,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC;oBACzC,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,cAAc,CAAC,MAAM,CAAC;iBAC5C;aACF,CAAC;QACJ,CAAC;QAED,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC;QACrB,IAAI,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;QAC9B,IAAI,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;QAChC,MAAM,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QAE7B,QAAQ,cAAc,EAAE,CAAC;YACvB,KAAK,cAAc,CAAC;YACpB,KAAK,IAAI;gBACP,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBAC/B,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBAChC,MAAM;YACR,KAAK,aAAa,CAAC;YACnB,KAAK,IAAI;gBACP,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;gBACvC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBAChC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;gBACT,MAAM;YACR,KAAK,WAAW,CAAC;YACjB,KAAK,IAAI;gBACP,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBAC/B,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;gBACzC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;gBACT,MAAM;YACR,KAAK,UAAU,CAAC;YAChB,KAAK,IAAI;gBACP,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;gBACvC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;gBACzC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;gBACT,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;gBACT,MAAM;QACV,CAAC;QAED,OAAO;YACL,CAAC;YACD,CAAC;YACD,KAAK,EAAE;gBACL,GAAG,KAAK,CAAC,KAAK;gBACd,KAAK;gBACL,MAAM;aACP;SACF,CAAC;IACJ,CAAC;IAED,GAAG,CAAC,KAA6B,EAAE,KAAY;QAC7C,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;QACjC,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;QACjC,OAAO,MAAM,IAAI,CAAC,IAAI,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM,IAAI,CAAC,IAAI,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;IACnG,CAAC;CACF,CAAC"}
|
|
@@ -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 @@
|
|
|
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 @@
|
|
|
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"}
|