@zsviczian/excalidraw 0.10.0-obsidian-36 → 0.10.0-obsidian-40

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 (40) hide show
  1. package/dist/excalidraw.development.js +85 -31
  2. package/dist/excalidraw.production.min.js +1 -1
  3. package/package.json +1 -1
  4. package/types/actions/actionAddToLibrary.d.ts +9 -12
  5. package/types/actions/actionCanvas.d.ts +45 -53
  6. package/types/actions/actionClipboard.d.ts +15 -20
  7. package/types/actions/actionDeleteSelected.d.ts +9 -12
  8. package/types/actions/actionExport.d.ts +27 -36
  9. package/types/actions/actionFinalize.d.ts +6 -8
  10. package/types/actions/actionMenu.d.ts +9 -12
  11. package/types/actions/actionProperties.d.ts +36 -48
  12. package/types/actions/actionStyles.d.ts +3 -4
  13. package/types/actions/actionToggleGridMode.d.ts +3 -4
  14. package/types/actions/actionToggleStats.d.ts +3 -4
  15. package/types/actions/actionToggleViewMode.d.ts +3 -4
  16. package/types/actions/actionToggleZenMode.d.ts +3 -4
  17. package/types/actions/actionUnbindText.d.ts +11 -0
  18. package/types/actions/index.d.ts +2 -0
  19. package/types/actions/shortcuts.d.ts +1 -1
  20. package/types/actions/types.d.ts +2 -2
  21. package/types/appState.d.ts +0 -4
  22. package/types/components/App.d.ts +14 -0
  23. package/types/components/ContextMenu.d.ts +3 -0
  24. package/types/components/LayerUI.d.ts +2 -1
  25. package/types/components/MobileMenu.d.ts +2 -1
  26. package/types/components/PenModeButton.d.ts +13 -0
  27. package/types/components/Tooltip.d.ts +7 -0
  28. package/types/components/icons.d.ts +1 -0
  29. package/types/constants.d.ts +1 -0
  30. package/types/element/Hyperlink.d.ts +116 -0
  31. package/types/element/collision.d.ts +1 -0
  32. package/types/element/linearElementEditor.d.ts +3 -4
  33. package/types/element/newElement.d.ts +1 -1
  34. package/types/element/textWysiwyg.d.ts +1 -3
  35. package/types/element/types.d.ts +1 -0
  36. package/types/keys.d.ts +1 -0
  37. package/types/renderer/renderElement.d.ts +1 -0
  38. package/types/scene/index.d.ts +1 -1
  39. package/types/scene/zoom.d.ts +12 -5
  40. package/types/types.d.ts +9 -4
package/types/actions/actionExport.d.ts CHANGED
@@ -18,6 +18,8 @@ export declare const actionChangeProjectName: {
18
18
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
19
19
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
20
20
  elementLocked: boolean;
21
+ penMode: boolean;
22
+ penDetected: boolean;
21
23
  exportBackground: boolean;
22
24
  exportEmbedScene: boolean;
23
25
  exportWithDarkMode: boolean;
@@ -45,10 +47,6 @@ export declare const actionChangeProjectName: {
45
47
  isRotating: boolean;
46
48
  zoom: Readonly<{
47
49
  value: import("../types").NormalizedZoomValue;
48
- translation: Readonly<{
49
- x: number;
50
- y: number;
51
- }>;
52
50
  }>;
53
51
  openMenu: "canvas" | "shape" | null;
54
52
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -87,6 +85,7 @@ export declare const actionChangeProjectName: {
87
85
  data: import("../charts").Spreadsheet;
88
86
  };
89
87
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
88
+ showHyperlinkPopup: false | "info" | "editor";
90
89
  };
91
90
  commitToHistory: false;
92
91
  };
@@ -112,6 +111,8 @@ export declare const actionChangeExportScale: {
112
111
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
113
112
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
114
113
  elementLocked: boolean;
114
+ penMode: boolean;
115
+ penDetected: boolean;
115
116
  exportBackground: boolean;
116
117
  exportEmbedScene: boolean;
117
118
  exportWithDarkMode: boolean;
@@ -139,10 +140,6 @@ export declare const actionChangeExportScale: {
139
140
  isRotating: boolean;
140
141
  zoom: Readonly<{
141
142
  value: import("../types").NormalizedZoomValue;
142
- translation: Readonly<{
143
- x: number;
144
- y: number;
145
- }>;
146
143
  }>;
147
144
  openMenu: "canvas" | "shape" | null;
148
145
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -181,6 +178,7 @@ export declare const actionChangeExportScale: {
181
178
  data: import("../charts").Spreadsheet;
182
179
  };
183
180
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
181
+ showHyperlinkPopup: false | "info" | "editor";
184
182
  };
185
183
  commitToHistory: false;
186
184
  };
@@ -206,6 +204,8 @@ export declare const actionChangeExportBackground: {
206
204
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
207
205
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
208
206
  elementLocked: boolean;
207
+ penMode: boolean;
208
+ penDetected: boolean;
209
209
  exportEmbedScene: boolean;
210
210
  exportWithDarkMode: boolean;
211
211
  exportScale: number;
@@ -233,10 +233,6 @@ export declare const actionChangeExportBackground: {
233
233
  isRotating: boolean;
234
234
  zoom: Readonly<{
235
235
  value: import("../types").NormalizedZoomValue;
236
- translation: Readonly<{
237
- x: number;
238
- y: number;
239
- }>;
240
236
  }>;
241
237
  openMenu: "canvas" | "shape" | null;
242
238
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -275,6 +271,7 @@ export declare const actionChangeExportBackground: {
275
271
  data: import("../charts").Spreadsheet;
276
272
  };
277
273
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
274
+ showHyperlinkPopup: false | "info" | "editor";
278
275
  };
279
276
  commitToHistory: false;
280
277
  };
@@ -300,6 +297,8 @@ export declare const actionChangeExportEmbedScene: {
300
297
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
301
298
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
302
299
  elementLocked: boolean;
300
+ penMode: boolean;
301
+ penDetected: boolean;
303
302
  exportBackground: boolean;
304
303
  exportWithDarkMode: boolean;
305
304
  exportScale: number;
@@ -327,10 +326,6 @@ export declare const actionChangeExportEmbedScene: {
327
326
  isRotating: boolean;
328
327
  zoom: Readonly<{
329
328
  value: import("../types").NormalizedZoomValue;
330
- translation: Readonly<{
331
- x: number;
332
- y: number;
333
- }>;
334
329
  }>;
335
330
  openMenu: "canvas" | "shape" | null;
336
331
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -369,6 +364,7 @@ export declare const actionChangeExportEmbedScene: {
369
364
  data: import("../charts").Spreadsheet;
370
365
  };
371
366
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
367
+ showHyperlinkPopup: false | "info" | "editor";
372
368
  };
373
369
  commitToHistory: false;
374
370
  };
@@ -396,6 +392,8 @@ export declare const actionSaveToActiveFile: {
396
392
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
397
393
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
398
394
  elementLocked: boolean;
395
+ penMode: boolean;
396
+ penDetected: boolean;
399
397
  exportBackground: boolean;
400
398
  exportEmbedScene: boolean;
401
399
  exportWithDarkMode: boolean;
@@ -424,10 +422,6 @@ export declare const actionSaveToActiveFile: {
424
422
  isRotating: boolean;
425
423
  zoom: Readonly<{
426
424
  value: import("../types").NormalizedZoomValue;
427
- translation: Readonly<{
428
- x: number;
429
- y: number;
430
- }>;
431
425
  }>;
432
426
  openMenu: "canvas" | "shape" | null;
433
427
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -464,6 +458,7 @@ export declare const actionSaveToActiveFile: {
464
458
  data: import("../charts").Spreadsheet;
465
459
  };
466
460
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
461
+ showHyperlinkPopup: false | "info" | "editor";
467
462
  };
468
463
  } | {
469
464
  commitToHistory: false;
@@ -493,6 +488,8 @@ export declare const actionSaveFileToDisk: {
493
488
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
494
489
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
495
490
  elementLocked: boolean;
491
+ penMode: boolean;
492
+ penDetected: boolean;
496
493
  exportBackground: boolean;
497
494
  exportEmbedScene: boolean;
498
495
  exportWithDarkMode: boolean;
@@ -521,10 +518,6 @@ export declare const actionSaveFileToDisk: {
521
518
  isRotating: boolean;
522
519
  zoom: Readonly<{
523
520
  value: import("../types").NormalizedZoomValue;
524
- translation: Readonly<{
525
- x: number;
526
- y: number;
527
- }>;
528
521
  }>;
529
522
  openMenu: "canvas" | "shape" | null;
530
523
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -562,6 +555,7 @@ export declare const actionSaveFileToDisk: {
562
555
  data: import("../charts").Spreadsheet;
563
556
  };
564
557
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
558
+ showHyperlinkPopup: false | "info" | "editor";
565
559
  };
566
560
  } | {
567
561
  commitToHistory: false;
@@ -582,10 +576,6 @@ export declare const actionLoadScene: {
582
576
  viewBackgroundColor: string;
583
577
  zoom: Readonly<{
584
578
  value: import("../types").NormalizedZoomValue;
585
- translation: Readonly<{
586
- x: number;
587
- y: number;
588
- }>;
589
579
  }>;
590
580
  shouldCacheIgnoreZoom: boolean;
591
581
  theme: string;
@@ -603,6 +593,8 @@ export declare const actionLoadScene: {
603
593
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
604
594
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
605
595
  elementLocked: boolean;
596
+ penMode: boolean;
597
+ penDetected: boolean;
606
598
  exportBackground: boolean;
607
599
  exportEmbedScene: boolean;
608
600
  exportWithDarkMode: boolean;
@@ -656,6 +648,7 @@ export declare const actionLoadScene: {
656
648
  data: import("../charts").Spreadsheet;
657
649
  };
658
650
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
651
+ showHyperlinkPopup: false | "info" | "editor";
659
652
  };
660
653
  files: import("../types").BinaryFiles;
661
654
  commitToHistory: true;
@@ -675,6 +668,8 @@ export declare const actionLoadScene: {
675
668
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
676
669
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
677
670
  elementLocked: boolean;
671
+ penMode: boolean;
672
+ penDetected: boolean;
678
673
  exportBackground: boolean;
679
674
  exportEmbedScene: boolean;
680
675
  exportWithDarkMode: boolean;
@@ -703,10 +698,6 @@ export declare const actionLoadScene: {
703
698
  isRotating: boolean;
704
699
  zoom: Readonly<{
705
700
  value: import("../types").NormalizedZoomValue;
706
- translation: Readonly<{
707
- x: number;
708
- y: number;
709
- }>;
710
701
  }>;
711
702
  openMenu: "canvas" | "shape" | null;
712
703
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -745,6 +736,7 @@ export declare const actionLoadScene: {
745
736
  data: import("../charts").Spreadsheet;
746
737
  };
747
738
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
739
+ showHyperlinkPopup: false | "info" | "editor";
748
740
  };
749
741
  files: import("../types").BinaryFiles;
750
742
  commitToHistory: false;
@@ -772,6 +764,8 @@ export declare const actionExportWithDarkMode: {
772
764
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
773
765
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
774
766
  elementLocked: boolean;
767
+ penMode: boolean;
768
+ penDetected: boolean;
775
769
  exportBackground: boolean;
776
770
  exportEmbedScene: boolean;
777
771
  exportScale: number;
@@ -799,10 +793,6 @@ export declare const actionExportWithDarkMode: {
799
793
  isRotating: boolean;
800
794
  zoom: Readonly<{
801
795
  value: import("../types").NormalizedZoomValue;
802
- translation: Readonly<{
803
- x: number;
804
- y: number;
805
- }>;
806
796
  }>;
807
797
  openMenu: "canvas" | "shape" | null;
808
798
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -841,6 +831,7 @@ export declare const actionExportWithDarkMode: {
841
831
  data: import("../charts").Spreadsheet;
842
832
  };
843
833
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
834
+ showHyperlinkPopup: false | "info" | "editor";
844
835
  };
845
836
  commitToHistory: false;
846
837
  };
package/types/actions/actionFinalize.d.ts CHANGED
@@ -18,6 +18,8 @@ export declare const actionFinalize: {
18
18
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
19
19
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
20
20
  elementLocked: boolean;
21
+ penMode: boolean;
22
+ penDetected: boolean;
21
23
  exportBackground: boolean;
22
24
  exportEmbedScene: boolean;
23
25
  exportWithDarkMode: boolean;
@@ -46,10 +48,6 @@ export declare const actionFinalize: {
46
48
  isRotating: boolean;
47
49
  zoom: Readonly<{
48
50
  value: import("../types").NormalizedZoomValue;
49
- translation: Readonly<{
50
- x: number;
51
- y: number;
52
- }>;
53
51
  }>;
54
52
  openMenu: "canvas" | "shape" | null;
55
53
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -88,6 +86,7 @@ export declare const actionFinalize: {
88
86
  data: import("../charts").Spreadsheet;
89
87
  };
90
88
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
89
+ showHyperlinkPopup: false | "info" | "editor";
91
90
  };
92
91
  commitToHistory: true;
93
92
  } | {
@@ -110,6 +109,8 @@ export declare const actionFinalize: {
110
109
  isBindingEnabled: boolean;
111
110
  editingLinearElement: LinearElementEditor | null;
112
111
  elementLocked: boolean;
112
+ penMode: boolean;
113
+ penDetected: boolean;
113
114
  exportBackground: boolean;
114
115
  exportEmbedScene: boolean;
115
116
  exportWithDarkMode: boolean;
@@ -138,10 +139,6 @@ export declare const actionFinalize: {
138
139
  isRotating: boolean;
139
140
  zoom: Readonly<{
140
141
  value: import("../types").NormalizedZoomValue;
141
- translation: Readonly<{
142
- x: number;
143
- y: number;
144
- }>;
145
142
  }>;
146
143
  openMenu: "canvas" | "shape" | null;
147
144
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -176,6 +173,7 @@ export declare const actionFinalize: {
176
173
  shown: true;
177
174
  data: import("../charts").Spreadsheet;
178
175
  };
176
+ showHyperlinkPopup: false | "info" | "editor";
179
177
  };
180
178
  commitToHistory: boolean;
181
179
  };
package/types/actions/actionMenu.d.ts CHANGED
@@ -17,6 +17,8 @@ export declare const actionToggleCanvasMenu: {
17
17
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
18
18
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
19
19
  elementLocked: boolean;
20
+ penMode: boolean;
21
+ penDetected: boolean;
20
22
  exportBackground: boolean;
21
23
  exportEmbedScene: boolean;
22
24
  exportWithDarkMode: boolean;
@@ -45,10 +47,6 @@ export declare const actionToggleCanvasMenu: {
45
47
  isRotating: boolean;
46
48
  zoom: Readonly<{
47
49
  value: import("../types").NormalizedZoomValue;
48
- translation: Readonly<{
49
- x: number;
50
- y: number;
51
- }>;
52
50
  }>;
53
51
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
54
52
  lastPointerDownWith: import("../element/types").PointerType;
@@ -86,6 +84,7 @@ export declare const actionToggleCanvasMenu: {
86
84
  data: import("../charts").Spreadsheet;
87
85
  };
88
86
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
87
+ showHyperlinkPopup: false | "info" | "editor";
89
88
  };
90
89
  commitToHistory: false;
91
90
  };
@@ -111,6 +110,8 @@ export declare const actionToggleEditMenu: {
111
110
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
112
111
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
113
112
  elementLocked: boolean;
113
+ penMode: boolean;
114
+ penDetected: boolean;
114
115
  exportBackground: boolean;
115
116
  exportEmbedScene: boolean;
116
117
  exportWithDarkMode: boolean;
@@ -139,10 +140,6 @@ export declare const actionToggleEditMenu: {
139
140
  isRotating: boolean;
140
141
  zoom: Readonly<{
141
142
  value: import("../types").NormalizedZoomValue;
142
- translation: Readonly<{
143
- x: number;
144
- y: number;
145
- }>;
146
143
  }>;
147
144
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
148
145
  lastPointerDownWith: import("../element/types").PointerType;
@@ -180,6 +177,7 @@ export declare const actionToggleEditMenu: {
180
177
  data: import("../charts").Spreadsheet;
181
178
  };
182
179
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
180
+ showHyperlinkPopup: false | "info" | "editor";
183
181
  };
184
182
  commitToHistory: false;
185
183
  };
@@ -214,6 +212,8 @@ export declare const actionShortcuts: {
214
212
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
215
213
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
216
214
  elementLocked: boolean;
215
+ penMode: boolean;
216
+ penDetected: boolean;
217
217
  exportBackground: boolean;
218
218
  exportEmbedScene: boolean;
219
219
  exportWithDarkMode: boolean;
@@ -242,10 +242,6 @@ export declare const actionShortcuts: {
242
242
  isRotating: boolean;
243
243
  zoom: Readonly<{
244
244
  value: import("../types").NormalizedZoomValue;
245
- translation: Readonly<{
246
- x: number;
247
- y: number;
248
- }>;
249
245
  }>;
250
246
  openMenu: "canvas" | "shape" | null;
251
247
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -283,6 +279,7 @@ export declare const actionShortcuts: {
283
279
  data: import("../charts").Spreadsheet;
284
280
  };
285
281
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
282
+ showHyperlinkPopup: false | "info" | "editor";
286
283
  };
287
284
  commitToHistory: false;
288
285
  };