@zsviczian/excalidraw 0.10.0-obsidian-39 → 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 (39) hide show
  1. package/dist/excalidraw.development.js +72 -29
  2. package/dist/excalidraw.production.min.js +1 -1
  3. package/package.json +1 -1
  4. package/types/actions/actionAddToLibrary.d.ts +9 -15
  5. package/types/actions/actionCanvas.d.ts +45 -61
  6. package/types/actions/actionClipboard.d.ts +15 -25
  7. package/types/actions/actionDeleteSelected.d.ts +9 -15
  8. package/types/actions/actionExport.d.ts +27 -45
  9. package/types/actions/actionFinalize.d.ts +6 -10
  10. package/types/actions/actionMenu.d.ts +9 -15
  11. package/types/actions/actionProperties.d.ts +36 -60
  12. package/types/actions/actionStyles.d.ts +3 -5
  13. package/types/actions/actionToggleGridMode.d.ts +3 -5
  14. package/types/actions/actionToggleStats.d.ts +3 -5
  15. package/types/actions/actionToggleViewMode.d.ts +3 -5
  16. package/types/actions/actionToggleZenMode.d.ts +3 -5
  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 +1 -1
  21. package/types/appState.d.ts +0 -5
  22. package/types/components/App.d.ts +9 -1
  23. package/types/components/LayerUI.d.ts +2 -2
  24. package/types/components/MobileMenu.d.ts +2 -2
  25. package/types/components/PenModeButton.d.ts +3 -3
  26. package/types/components/Tooltip.d.ts +7 -0
  27. package/types/components/icons.d.ts +1 -0
  28. package/types/constants.d.ts +1 -0
  29. package/types/element/Hyperlink.d.ts +116 -0
  30. package/types/element/collision.d.ts +1 -0
  31. package/types/element/linearElementEditor.d.ts +3 -6
  32. package/types/element/newElement.d.ts +1 -1
  33. package/types/element/textWysiwyg.d.ts +1 -3
  34. package/types/element/types.d.ts +1 -0
  35. package/types/keys.d.ts +1 -0
  36. package/types/renderer/renderElement.d.ts +1 -0
  37. package/types/scene/index.d.ts +1 -1
  38. package/types/scene/zoom.d.ts +12 -5
  39. package/types/types.d.ts +4 -5
package/types/actions/actionExport.d.ts CHANGED
@@ -18,7 +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
- penLocked: boolean;
21
+ penMode: boolean;
22
+ penDetected: boolean;
22
23
  exportBackground: boolean;
23
24
  exportEmbedScene: boolean;
24
25
  exportWithDarkMode: boolean;
@@ -46,10 +47,6 @@ export declare const actionChangeProjectName: {
46
47
  isRotating: boolean;
47
48
  zoom: Readonly<{
48
49
  value: import("../types").NormalizedZoomValue;
49
- translation: Readonly<{
50
- x: number;
51
- y: number;
52
- }>;
53
50
  }>;
54
51
  openMenu: "canvas" | "shape" | null;
55
52
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -88,6 +85,7 @@ export declare const actionChangeProjectName: {
88
85
  data: import("../charts").Spreadsheet;
89
86
  };
90
87
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
88
+ showHyperlinkPopup: false | "info" | "editor";
91
89
  };
92
90
  commitToHistory: false;
93
91
  };
@@ -113,7 +111,8 @@ export declare const actionChangeExportScale: {
113
111
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
114
112
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
115
113
  elementLocked: boolean;
116
- penLocked: boolean;
114
+ penMode: boolean;
115
+ penDetected: boolean;
117
116
  exportBackground: boolean;
118
117
  exportEmbedScene: boolean;
119
118
  exportWithDarkMode: boolean;
@@ -141,10 +140,6 @@ export declare const actionChangeExportScale: {
141
140
  isRotating: boolean;
142
141
  zoom: Readonly<{
143
142
  value: import("../types").NormalizedZoomValue;
144
- translation: Readonly<{
145
- x: number;
146
- y: number;
147
- }>;
148
143
  }>;
149
144
  openMenu: "canvas" | "shape" | null;
150
145
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -183,6 +178,7 @@ export declare const actionChangeExportScale: {
183
178
  data: import("../charts").Spreadsheet;
184
179
  };
185
180
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
181
+ showHyperlinkPopup: false | "info" | "editor";
186
182
  };
187
183
  commitToHistory: false;
188
184
  };
@@ -208,7 +204,8 @@ export declare const actionChangeExportBackground: {
208
204
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
209
205
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
210
206
  elementLocked: boolean;
211
- penLocked: boolean;
207
+ penMode: boolean;
208
+ penDetected: boolean;
212
209
  exportEmbedScene: boolean;
213
210
  exportWithDarkMode: boolean;
214
211
  exportScale: number;
@@ -236,10 +233,6 @@ export declare const actionChangeExportBackground: {
236
233
  isRotating: boolean;
237
234
  zoom: Readonly<{
238
235
  value: import("../types").NormalizedZoomValue;
239
- translation: Readonly<{
240
- x: number;
241
- y: number;
242
- }>;
243
236
  }>;
244
237
  openMenu: "canvas" | "shape" | null;
245
238
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -278,6 +271,7 @@ export declare const actionChangeExportBackground: {
278
271
  data: import("../charts").Spreadsheet;
279
272
  };
280
273
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
274
+ showHyperlinkPopup: false | "info" | "editor";
281
275
  };
282
276
  commitToHistory: false;
283
277
  };
@@ -303,7 +297,8 @@ export declare const actionChangeExportEmbedScene: {
303
297
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
304
298
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
305
299
  elementLocked: boolean;
306
- penLocked: boolean;
300
+ penMode: boolean;
301
+ penDetected: boolean;
307
302
  exportBackground: boolean;
308
303
  exportWithDarkMode: boolean;
309
304
  exportScale: number;
@@ -331,10 +326,6 @@ export declare const actionChangeExportEmbedScene: {
331
326
  isRotating: boolean;
332
327
  zoom: Readonly<{
333
328
  value: import("../types").NormalizedZoomValue;
334
- translation: Readonly<{
335
- x: number;
336
- y: number;
337
- }>;
338
329
  }>;
339
330
  openMenu: "canvas" | "shape" | null;
340
331
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -373,6 +364,7 @@ export declare const actionChangeExportEmbedScene: {
373
364
  data: import("../charts").Spreadsheet;
374
365
  };
375
366
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
367
+ showHyperlinkPopup: false | "info" | "editor";
376
368
  };
377
369
  commitToHistory: false;
378
370
  };
@@ -400,7 +392,8 @@ export declare const actionSaveToActiveFile: {
400
392
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
401
393
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
402
394
  elementLocked: boolean;
403
- penLocked: boolean;
395
+ penMode: boolean;
396
+ penDetected: boolean;
404
397
  exportBackground: boolean;
405
398
  exportEmbedScene: boolean;
406
399
  exportWithDarkMode: boolean;
@@ -429,10 +422,6 @@ export declare const actionSaveToActiveFile: {
429
422
  isRotating: boolean;
430
423
  zoom: Readonly<{
431
424
  value: import("../types").NormalizedZoomValue;
432
- translation: Readonly<{
433
- x: number;
434
- y: number;
435
- }>;
436
425
  }>;
437
426
  openMenu: "canvas" | "shape" | null;
438
427
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -469,6 +458,7 @@ export declare const actionSaveToActiveFile: {
469
458
  data: import("../charts").Spreadsheet;
470
459
  };
471
460
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
461
+ showHyperlinkPopup: false | "info" | "editor";
472
462
  };
473
463
  } | {
474
464
  commitToHistory: false;
@@ -498,7 +488,8 @@ export declare const actionSaveFileToDisk: {
498
488
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
499
489
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
500
490
  elementLocked: boolean;
501
- penLocked: boolean;
491
+ penMode: boolean;
492
+ penDetected: boolean;
502
493
  exportBackground: boolean;
503
494
  exportEmbedScene: boolean;
504
495
  exportWithDarkMode: boolean;
@@ -527,10 +518,6 @@ export declare const actionSaveFileToDisk: {
527
518
  isRotating: boolean;
528
519
  zoom: Readonly<{
529
520
  value: import("../types").NormalizedZoomValue;
530
- translation: Readonly<{
531
- x: number;
532
- y: number;
533
- }>;
534
521
  }>;
535
522
  openMenu: "canvas" | "shape" | null;
536
523
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -568,6 +555,7 @@ export declare const actionSaveFileToDisk: {
568
555
  data: import("../charts").Spreadsheet;
569
556
  };
570
557
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
558
+ showHyperlinkPopup: false | "info" | "editor";
571
559
  };
572
560
  } | {
573
561
  commitToHistory: false;
@@ -588,10 +576,6 @@ export declare const actionLoadScene: {
588
576
  viewBackgroundColor: string;
589
577
  zoom: Readonly<{
590
578
  value: import("../types").NormalizedZoomValue;
591
- translation: Readonly<{
592
- x: number;
593
- y: number;
594
- }>;
595
579
  }>;
596
580
  shouldCacheIgnoreZoom: boolean;
597
581
  theme: string;
@@ -609,7 +593,8 @@ export declare const actionLoadScene: {
609
593
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
610
594
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
611
595
  elementLocked: boolean;
612
- penLocked: boolean;
596
+ penMode: boolean;
597
+ penDetected: boolean;
613
598
  exportBackground: boolean;
614
599
  exportEmbedScene: boolean;
615
600
  exportWithDarkMode: boolean;
@@ -663,6 +648,7 @@ export declare const actionLoadScene: {
663
648
  data: import("../charts").Spreadsheet;
664
649
  };
665
650
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
651
+ showHyperlinkPopup: false | "info" | "editor";
666
652
  };
667
653
  files: import("../types").BinaryFiles;
668
654
  commitToHistory: true;
@@ -682,7 +668,8 @@ export declare const actionLoadScene: {
682
668
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
683
669
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
684
670
  elementLocked: boolean;
685
- penLocked: boolean;
671
+ penMode: boolean;
672
+ penDetected: boolean;
686
673
  exportBackground: boolean;
687
674
  exportEmbedScene: boolean;
688
675
  exportWithDarkMode: boolean;
@@ -711,10 +698,6 @@ export declare const actionLoadScene: {
711
698
  isRotating: boolean;
712
699
  zoom: Readonly<{
713
700
  value: import("../types").NormalizedZoomValue;
714
- translation: Readonly<{
715
- x: number;
716
- y: number;
717
- }>;
718
701
  }>;
719
702
  openMenu: "canvas" | "shape" | null;
720
703
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -753,6 +736,7 @@ export declare const actionLoadScene: {
753
736
  data: import("../charts").Spreadsheet;
754
737
  };
755
738
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
739
+ showHyperlinkPopup: false | "info" | "editor";
756
740
  };
757
741
  files: import("../types").BinaryFiles;
758
742
  commitToHistory: false;
@@ -780,7 +764,8 @@ export declare const actionExportWithDarkMode: {
780
764
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
781
765
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
782
766
  elementLocked: boolean;
783
- penLocked: boolean;
767
+ penMode: boolean;
768
+ penDetected: boolean;
784
769
  exportBackground: boolean;
785
770
  exportEmbedScene: boolean;
786
771
  exportScale: number;
@@ -808,10 +793,6 @@ export declare const actionExportWithDarkMode: {
808
793
  isRotating: boolean;
809
794
  zoom: Readonly<{
810
795
  value: import("../types").NormalizedZoomValue;
811
- translation: Readonly<{
812
- x: number;
813
- y: number;
814
- }>;
815
796
  }>;
816
797
  openMenu: "canvas" | "shape" | null;
817
798
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -850,6 +831,7 @@ export declare const actionExportWithDarkMode: {
850
831
  data: import("../charts").Spreadsheet;
851
832
  };
852
833
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
834
+ showHyperlinkPopup: false | "info" | "editor";
853
835
  };
854
836
  commitToHistory: false;
855
837
  };
package/types/actions/actionFinalize.d.ts CHANGED
@@ -18,7 +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
- penLocked: boolean;
21
+ penMode: boolean;
22
+ penDetected: boolean;
22
23
  exportBackground: boolean;
23
24
  exportEmbedScene: boolean;
24
25
  exportWithDarkMode: boolean;
@@ -47,10 +48,6 @@ export declare const actionFinalize: {
47
48
  isRotating: boolean;
48
49
  zoom: Readonly<{
49
50
  value: import("../types").NormalizedZoomValue;
50
- translation: Readonly<{
51
- x: number;
52
- y: number;
53
- }>;
54
51
  }>;
55
52
  openMenu: "canvas" | "shape" | null;
56
53
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -89,6 +86,7 @@ export declare const actionFinalize: {
89
86
  data: import("../charts").Spreadsheet;
90
87
  };
91
88
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
89
+ showHyperlinkPopup: false | "info" | "editor";
92
90
  };
93
91
  commitToHistory: true;
94
92
  } | {
@@ -111,7 +109,8 @@ export declare const actionFinalize: {
111
109
  isBindingEnabled: boolean;
112
110
  editingLinearElement: LinearElementEditor | null;
113
111
  elementLocked: boolean;
114
- penLocked: boolean;
112
+ penMode: boolean;
113
+ penDetected: boolean;
115
114
  exportBackground: boolean;
116
115
  exportEmbedScene: boolean;
117
116
  exportWithDarkMode: boolean;
@@ -140,10 +139,6 @@ export declare const actionFinalize: {
140
139
  isRotating: boolean;
141
140
  zoom: Readonly<{
142
141
  value: import("../types").NormalizedZoomValue;
143
- translation: Readonly<{
144
- x: number;
145
- y: number;
146
- }>;
147
142
  }>;
148
143
  openMenu: "canvas" | "shape" | null;
149
144
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -178,6 +173,7 @@ export declare const actionFinalize: {
178
173
  shown: true;
179
174
  data: import("../charts").Spreadsheet;
180
175
  };
176
+ showHyperlinkPopup: false | "info" | "editor";
181
177
  };
182
178
  commitToHistory: boolean;
183
179
  };
package/types/actions/actionMenu.d.ts CHANGED
@@ -17,7 +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
- penLocked: boolean;
20
+ penMode: boolean;
21
+ penDetected: boolean;
21
22
  exportBackground: boolean;
22
23
  exportEmbedScene: boolean;
23
24
  exportWithDarkMode: boolean;
@@ -46,10 +47,6 @@ export declare const actionToggleCanvasMenu: {
46
47
  isRotating: boolean;
47
48
  zoom: Readonly<{
48
49
  value: import("../types").NormalizedZoomValue;
49
- translation: Readonly<{
50
- x: number;
51
- y: number;
52
- }>;
53
50
  }>;
54
51
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
55
52
  lastPointerDownWith: import("../element/types").PointerType;
@@ -87,6 +84,7 @@ export declare const actionToggleCanvasMenu: {
87
84
  data: import("../charts").Spreadsheet;
88
85
  };
89
86
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
87
+ showHyperlinkPopup: false | "info" | "editor";
90
88
  };
91
89
  commitToHistory: false;
92
90
  };
@@ -112,7 +110,8 @@ export declare const actionToggleEditMenu: {
112
110
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
113
111
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
114
112
  elementLocked: boolean;
115
- penLocked: boolean;
113
+ penMode: boolean;
114
+ penDetected: boolean;
116
115
  exportBackground: boolean;
117
116
  exportEmbedScene: boolean;
118
117
  exportWithDarkMode: boolean;
@@ -141,10 +140,6 @@ export declare const actionToggleEditMenu: {
141
140
  isRotating: boolean;
142
141
  zoom: Readonly<{
143
142
  value: import("../types").NormalizedZoomValue;
144
- translation: Readonly<{
145
- x: number;
146
- y: number;
147
- }>;
148
143
  }>;
149
144
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
150
145
  lastPointerDownWith: import("../element/types").PointerType;
@@ -182,6 +177,7 @@ export declare const actionToggleEditMenu: {
182
177
  data: import("../charts").Spreadsheet;
183
178
  };
184
179
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
180
+ showHyperlinkPopup: false | "info" | "editor";
185
181
  };
186
182
  commitToHistory: false;
187
183
  };
@@ -216,7 +212,8 @@ export declare const actionShortcuts: {
216
212
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
217
213
  elementType: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw";
218
214
  elementLocked: boolean;
219
- penLocked: boolean;
215
+ penMode: boolean;
216
+ penDetected: boolean;
220
217
  exportBackground: boolean;
221
218
  exportEmbedScene: boolean;
222
219
  exportWithDarkMode: boolean;
@@ -245,10 +242,6 @@ export declare const actionShortcuts: {
245
242
  isRotating: boolean;
246
243
  zoom: Readonly<{
247
244
  value: import("../types").NormalizedZoomValue;
248
- translation: Readonly<{
249
- x: number;
250
- y: number;
251
- }>;
252
245
  }>;
253
246
  openMenu: "canvas" | "shape" | null;
254
247
  openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
@@ -286,6 +279,7 @@ export declare const actionShortcuts: {
286
279
  data: import("../charts").Spreadsheet;
287
280
  };
288
281
  pendingImageElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawImageElement> | null;
282
+ showHyperlinkPopup: false | "info" | "editor";
289
283
  };
290
284
  commitToHistory: false;
291
285
  };