@zsviczian/excalidraw 0.15.2-obsidian-4 → 0.15.2-obsidian-5

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 (71) hide show
  1. package/README.md +4 -0
  2. package/dist/excalidraw.development.js +249 -141
  3. package/dist/excalidraw.production.min.js +1 -1
  4. package/dist/excalidraw.production.min.js.LICENSE.txt +2 -0
  5. package/package.json +1 -1
  6. package/types/actions/actionAddToLibrary.d.ts +30 -3
  7. package/types/actions/actionAlign.d.ts +12 -6
  8. package/types/actions/actionBoundText.d.ts +21 -3
  9. package/types/actions/actionCanvas.d.ts +94 -10
  10. package/types/actions/actionClipboard.d.ts +47 -5
  11. package/types/actions/actionDeleteSelected.d.ts +27 -3
  12. package/types/actions/actionDistribute.d.ts +2 -2
  13. package/types/actions/actionElementLock.d.ts +21 -2
  14. package/types/actions/actionExport.d.ts +90 -9
  15. package/types/actions/actionFinalize.d.ts +20 -2
  16. package/types/actions/actionFlip.d.ts +2 -2
  17. package/types/actions/actionFrame.d.ts +475 -0
  18. package/types/actions/actionGroup.d.ts +2 -2
  19. package/types/actions/actionLinearEditor.d.ts +10 -1
  20. package/types/actions/actionMenu.d.ts +30 -3
  21. package/types/actions/actionNavigate.d.ts +1 -1
  22. package/types/actions/actionProperties.d.ts +130 -13
  23. package/types/actions/actionStyles.d.ts +10 -1
  24. package/types/actions/actionToggleGridMode.d.ts +10 -1
  25. package/types/actions/actionToggleStats.d.ts +10 -1
  26. package/types/actions/actionToggleViewMode.d.ts +10 -1
  27. package/types/actions/actionToggleZenMode.d.ts +10 -1
  28. package/types/actions/actionZindex.d.ts +4 -4
  29. package/types/actions/types.d.ts +1 -1
  30. package/types/appState.d.ts +1 -1
  31. package/types/clients.d.ts +1 -5
  32. package/types/components/App.d.ts +17 -2
  33. package/types/components/Avatar.d.ts +0 -1
  34. package/types/components/Dialog.d.ts +2 -1
  35. package/types/components/FilledButton.d.ts +2 -1
  36. package/types/components/OverwriteConfirm/OverwriteConfirm.d.ts +17 -0
  37. package/types/components/OverwriteConfirm/OverwriteConfirmActions.d.ts +17 -0
  38. package/types/components/OverwriteConfirm/OverwriteConfirmState.d.ts +22 -0
  39. package/types/components/ToolButton.d.ts +2 -1
  40. package/types/components/dropdownMenu/DropdownMenu.d.ts +3 -2
  41. package/types/components/dropdownMenu/DropdownMenuTrigger.d.ts +4 -2
  42. package/types/components/icons.d.ts +4 -0
  43. package/types/components/main-menu/MainMenu.d.ts +3 -2
  44. package/types/constants.d.ts +23 -1
  45. package/types/context/tunnels.d.ts +1 -0
  46. package/types/element/Hyperlink.d.ts +21 -6
  47. package/types/element/binding.d.ts +1 -1
  48. package/types/element/bounds.d.ts +31 -6
  49. package/types/element/collision.d.ts +7 -7
  50. package/types/element/dragElements.d.ts +2 -1
  51. package/types/element/iframe.d.ts +173 -0
  52. package/types/element/index.d.ts +3 -2
  53. package/types/element/linearElementEditor.d.ts +11 -2
  54. package/types/element/newElement.d.ts +8 -2
  55. package/types/element/transformHandles.d.ts +8 -1
  56. package/types/element/typeChecks.d.ts +5 -3
  57. package/types/element/types.d.ts +13 -4
  58. package/types/frame.d.ts +40 -0
  59. package/types/groups.d.ts +4 -0
  60. package/types/keys.d.ts +2 -0
  61. package/types/math.d.ts +1 -0
  62. package/types/packages/excalidraw/example/initialData.d.ts +6 -0
  63. package/types/renderer/renderElement.d.ts +3 -2
  64. package/types/renderer/renderScene.d.ts +12 -3
  65. package/types/renderer/roundRect.d.ts +1 -1
  66. package/types/scene/Scene.d.ts +8 -1
  67. package/types/scene/export.d.ts +1 -0
  68. package/types/scene/selection.d.ts +13 -3
  69. package/types/types.d.ts +34 -3
  70. package/types/utils.d.ts +5 -2
  71. package/types/zindex.d.ts +4 -4
package/types/actions/actionProperties.d.ts CHANGED
@@ -32,6 +32,10 @@ export declare const actionChangeFillStyle: {
32
32
  showWelcomeScreen: boolean;
33
33
  isLoading: boolean;
34
34
  errorMessage: import("react").ReactNode;
35
+ activeIFrame: {
36
+ element: import("../element/types").NonDeletedExcalidrawElement;
37
+ state: "active" | "hover";
38
+ } | null;
35
39
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
36
40
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
37
41
  multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -39,13 +43,17 @@ export declare const actionChangeFillStyle: {
39
43
  isBindingEnabled: boolean;
40
44
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
41
45
  suggestedBindings: import("../element/binding").SuggestedBinding[];
46
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
47
+ shouldRenderFrames: boolean;
48
+ editingFrame: string | null;
49
+ elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
42
50
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
43
51
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
44
52
  activeTool: {
45
53
  lastActiveTool: import("../../src/types").LastActiveTool;
46
54
  locked: boolean;
47
55
  } & ({
48
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
56
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
49
57
  customType: null;
50
58
  } | {
51
59
  type: "custom";
@@ -95,6 +103,7 @@ export declare const actionChangeFillStyle: {
95
103
  previousSelectedElementIds: {
96
104
  [id: string]: boolean;
97
105
  };
106
+ selectedElementsAreBeingDragged: boolean;
98
107
  shouldCacheIgnoreZoom: boolean;
99
108
  toast: {
100
109
  message: string;
@@ -171,6 +180,10 @@ export declare const actionChangeStrokeWidth: {
171
180
  showWelcomeScreen: boolean;
172
181
  isLoading: boolean;
173
182
  errorMessage: import("react").ReactNode;
183
+ activeIFrame: {
184
+ element: import("../element/types").NonDeletedExcalidrawElement;
185
+ state: "active" | "hover";
186
+ } | null;
174
187
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
175
188
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
176
189
  multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -178,13 +191,17 @@ export declare const actionChangeStrokeWidth: {
178
191
  isBindingEnabled: boolean;
179
192
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
180
193
  suggestedBindings: import("../element/binding").SuggestedBinding[];
194
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
195
+ shouldRenderFrames: boolean;
196
+ editingFrame: string | null;
197
+ elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
181
198
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
182
199
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
183
200
  activeTool: {
184
201
  lastActiveTool: import("../../src/types").LastActiveTool;
185
202
  locked: boolean;
186
203
  } & ({
187
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
204
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
188
205
  customType: null;
189
206
  } | {
190
207
  type: "custom";
@@ -234,6 +251,7 @@ export declare const actionChangeStrokeWidth: {
234
251
  previousSelectedElementIds: {
235
252
  [id: string]: boolean;
236
253
  };
254
+ selectedElementsAreBeingDragged: boolean;
237
255
  shouldCacheIgnoreZoom: boolean;
238
256
  toast: {
239
257
  message: string;
@@ -310,6 +328,10 @@ export declare const actionChangeSloppiness: {
310
328
  showWelcomeScreen: boolean;
311
329
  isLoading: boolean;
312
330
  errorMessage: import("react").ReactNode;
331
+ activeIFrame: {
332
+ element: import("../element/types").NonDeletedExcalidrawElement;
333
+ state: "active" | "hover";
334
+ } | null;
313
335
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
314
336
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
315
337
  multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -317,13 +339,17 @@ export declare const actionChangeSloppiness: {
317
339
  isBindingEnabled: boolean;
318
340
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
319
341
  suggestedBindings: import("../element/binding").SuggestedBinding[];
342
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
343
+ shouldRenderFrames: boolean;
344
+ editingFrame: string | null;
345
+ elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
320
346
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
321
347
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
322
348
  activeTool: {
323
349
  lastActiveTool: import("../../src/types").LastActiveTool;
324
350
  locked: boolean;
325
351
  } & ({
326
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
352
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
327
353
  customType: null;
328
354
  } | {
329
355
  type: "custom";
@@ -373,6 +399,7 @@ export declare const actionChangeSloppiness: {
373
399
  previousSelectedElementIds: {
374
400
  [id: string]: boolean;
375
401
  };
402
+ selectedElementsAreBeingDragged: boolean;
376
403
  shouldCacheIgnoreZoom: boolean;
377
404
  toast: {
378
405
  message: string;
@@ -449,6 +476,10 @@ export declare const actionChangeStrokeStyle: {
449
476
  showWelcomeScreen: boolean;
450
477
  isLoading: boolean;
451
478
  errorMessage: import("react").ReactNode;
479
+ activeIFrame: {
480
+ element: import("../element/types").NonDeletedExcalidrawElement;
481
+ state: "active" | "hover";
482
+ } | null;
452
483
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
453
484
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
454
485
  multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -456,13 +487,17 @@ export declare const actionChangeStrokeStyle: {
456
487
  isBindingEnabled: boolean;
457
488
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
458
489
  suggestedBindings: import("../element/binding").SuggestedBinding[];
490
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
491
+ shouldRenderFrames: boolean;
492
+ editingFrame: string | null;
493
+ elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
459
494
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
460
495
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
461
496
  activeTool: {
462
497
  lastActiveTool: import("../../src/types").LastActiveTool;
463
498
  locked: boolean;
464
499
  } & ({
465
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
500
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
466
501
  customType: null;
467
502
  } | {
468
503
  type: "custom";
@@ -512,6 +547,7 @@ export declare const actionChangeStrokeStyle: {
512
547
  previousSelectedElementIds: {
513
548
  [id: string]: boolean;
514
549
  };
550
+ selectedElementsAreBeingDragged: boolean;
515
551
  shouldCacheIgnoreZoom: boolean;
516
552
  toast: {
517
553
  message: string;
@@ -588,6 +624,10 @@ export declare const actionChangeOpacity: {
588
624
  showWelcomeScreen: boolean;
589
625
  isLoading: boolean;
590
626
  errorMessage: import("react").ReactNode;
627
+ activeIFrame: {
628
+ element: import("../element/types").NonDeletedExcalidrawElement;
629
+ state: "active" | "hover";
630
+ } | null;
591
631
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
592
632
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
593
633
  multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -595,13 +635,17 @@ export declare const actionChangeOpacity: {
595
635
  isBindingEnabled: boolean;
596
636
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
597
637
  suggestedBindings: import("../element/binding").SuggestedBinding[];
638
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
639
+ shouldRenderFrames: boolean;
640
+ editingFrame: string | null;
641
+ elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
598
642
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
599
643
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
600
644
  activeTool: {
601
645
  lastActiveTool: import("../../src/types").LastActiveTool;
602
646
  locked: boolean;
603
647
  } & ({
604
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
648
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
605
649
  customType: null;
606
650
  } | {
607
651
  type: "custom";
@@ -651,6 +695,7 @@ export declare const actionChangeOpacity: {
651
695
  previousSelectedElementIds: {
652
696
  [id: string]: boolean;
653
697
  };
698
+ selectedElementsAreBeingDragged: boolean;
654
699
  shouldCacheIgnoreZoom: boolean;
655
700
  toast: {
656
701
  message: string;
@@ -727,6 +772,10 @@ export declare const actionChangeFontSize: {
727
772
  showWelcomeScreen: boolean;
728
773
  isLoading: boolean;
729
774
  errorMessage: import("react").ReactNode;
775
+ activeIFrame: {
776
+ element: import("../element/types").NonDeletedExcalidrawElement;
777
+ state: "active" | "hover";
778
+ } | null;
730
779
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
731
780
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
732
781
  multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -734,13 +783,17 @@ export declare const actionChangeFontSize: {
734
783
  isBindingEnabled: boolean;
735
784
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
736
785
  suggestedBindings: import("../element/binding").SuggestedBinding[];
786
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
787
+ shouldRenderFrames: boolean;
788
+ editingFrame: string | null;
789
+ elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
737
790
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
738
791
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
739
792
  activeTool: {
740
793
  lastActiveTool: import("../../src/types").LastActiveTool;
741
794
  locked: boolean;
742
795
  } & ({
743
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
796
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
744
797
  customType: null;
745
798
  } | {
746
799
  type: "custom";
@@ -790,6 +843,7 @@ export declare const actionChangeFontSize: {
790
843
  previousSelectedElementIds: {
791
844
  [id: string]: boolean;
792
845
  };
846
+ selectedElementsAreBeingDragged: boolean;
793
847
  shouldCacheIgnoreZoom: boolean;
794
848
  toast: {
795
849
  message: string;
@@ -866,6 +920,10 @@ export declare const actionDecreaseFontSize: {
866
920
  showWelcomeScreen: boolean;
867
921
  isLoading: boolean;
868
922
  errorMessage: import("react").ReactNode;
923
+ activeIFrame: {
924
+ element: import("../element/types").NonDeletedExcalidrawElement;
925
+ state: "active" | "hover";
926
+ } | null;
869
927
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
870
928
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
871
929
  multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -873,13 +931,17 @@ export declare const actionDecreaseFontSize: {
873
931
  isBindingEnabled: boolean;
874
932
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
875
933
  suggestedBindings: import("../element/binding").SuggestedBinding[];
934
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
935
+ shouldRenderFrames: boolean;
936
+ editingFrame: string | null;
937
+ elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
876
938
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
877
939
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
878
940
  activeTool: {
879
941
  lastActiveTool: import("../../src/types").LastActiveTool;
880
942
  locked: boolean;
881
943
  } & ({
882
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
944
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
883
945
  customType: null;
884
946
  } | {
885
947
  type: "custom";
@@ -929,6 +991,7 @@ export declare const actionDecreaseFontSize: {
929
991
  previousSelectedElementIds: {
930
992
  [id: string]: boolean;
931
993
  };
994
+ selectedElementsAreBeingDragged: boolean;
932
995
  shouldCacheIgnoreZoom: boolean;
933
996
  toast: {
934
997
  message: string;
@@ -1005,6 +1068,10 @@ export declare const actionIncreaseFontSize: {
1005
1068
  showWelcomeScreen: boolean;
1006
1069
  isLoading: boolean;
1007
1070
  errorMessage: import("react").ReactNode;
1071
+ activeIFrame: {
1072
+ element: import("../element/types").NonDeletedExcalidrawElement;
1073
+ state: "active" | "hover";
1074
+ } | null;
1008
1075
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
1009
1076
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
1010
1077
  multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -1012,13 +1079,17 @@ export declare const actionIncreaseFontSize: {
1012
1079
  isBindingEnabled: boolean;
1013
1080
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
1014
1081
  suggestedBindings: import("../element/binding").SuggestedBinding[];
1082
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
1083
+ shouldRenderFrames: boolean;
1084
+ editingFrame: string | null;
1085
+ elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
1015
1086
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
1016
1087
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
1017
1088
  activeTool: {
1018
1089
  lastActiveTool: import("../../src/types").LastActiveTool;
1019
1090
  locked: boolean;
1020
1091
  } & ({
1021
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
1092
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1022
1093
  customType: null;
1023
1094
  } | {
1024
1095
  type: "custom";
@@ -1068,6 +1139,7 @@ export declare const actionIncreaseFontSize: {
1068
1139
  previousSelectedElementIds: {
1069
1140
  [id: string]: boolean;
1070
1141
  };
1142
+ selectedElementsAreBeingDragged: boolean;
1071
1143
  shouldCacheIgnoreZoom: boolean;
1072
1144
  toast: {
1073
1145
  message: string;
@@ -1144,6 +1216,10 @@ export declare const actionChangeFontFamily: {
1144
1216
  showWelcomeScreen: boolean;
1145
1217
  isLoading: boolean;
1146
1218
  errorMessage: import("react").ReactNode;
1219
+ activeIFrame: {
1220
+ element: import("../element/types").NonDeletedExcalidrawElement;
1221
+ state: "active" | "hover";
1222
+ } | null;
1147
1223
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
1148
1224
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
1149
1225
  multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -1151,13 +1227,17 @@ export declare const actionChangeFontFamily: {
1151
1227
  isBindingEnabled: boolean;
1152
1228
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
1153
1229
  suggestedBindings: import("../element/binding").SuggestedBinding[];
1230
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
1231
+ shouldRenderFrames: boolean;
1232
+ editingFrame: string | null;
1233
+ elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
1154
1234
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
1155
1235
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
1156
1236
  activeTool: {
1157
1237
  lastActiveTool: import("../../src/types").LastActiveTool;
1158
1238
  locked: boolean;
1159
1239
  } & ({
1160
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
1240
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1161
1241
  customType: null;
1162
1242
  } | {
1163
1243
  type: "custom";
@@ -1207,6 +1287,7 @@ export declare const actionChangeFontFamily: {
1207
1287
  previousSelectedElementIds: {
1208
1288
  [id: string]: boolean;
1209
1289
  };
1290
+ selectedElementsAreBeingDragged: boolean;
1210
1291
  shouldCacheIgnoreZoom: boolean;
1211
1292
  toast: {
1212
1293
  message: string;
@@ -1283,6 +1364,10 @@ export declare const actionChangeTextAlign: {
1283
1364
  showWelcomeScreen: boolean;
1284
1365
  isLoading: boolean;
1285
1366
  errorMessage: import("react").ReactNode;
1367
+ activeIFrame: {
1368
+ element: import("../element/types").NonDeletedExcalidrawElement;
1369
+ state: "active" | "hover";
1370
+ } | null;
1286
1371
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
1287
1372
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
1288
1373
  multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -1290,13 +1375,17 @@ export declare const actionChangeTextAlign: {
1290
1375
  isBindingEnabled: boolean;
1291
1376
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
1292
1377
  suggestedBindings: import("../element/binding").SuggestedBinding[];
1378
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
1379
+ shouldRenderFrames: boolean;
1380
+ editingFrame: string | null;
1381
+ elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
1293
1382
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
1294
1383
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
1295
1384
  activeTool: {
1296
1385
  lastActiveTool: import("../../src/types").LastActiveTool;
1297
1386
  locked: boolean;
1298
1387
  } & ({
1299
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
1388
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1300
1389
  customType: null;
1301
1390
  } | {
1302
1391
  type: "custom";
@@ -1346,6 +1435,7 @@ export declare const actionChangeTextAlign: {
1346
1435
  previousSelectedElementIds: {
1347
1436
  [id: string]: boolean;
1348
1437
  };
1438
+ selectedElementsAreBeingDragged: boolean;
1349
1439
  shouldCacheIgnoreZoom: boolean;
1350
1440
  toast: {
1351
1441
  message: string;
@@ -1423,6 +1513,10 @@ export declare const actionChangeVerticalAlign: {
1423
1513
  showWelcomeScreen: boolean;
1424
1514
  isLoading: boolean;
1425
1515
  errorMessage: import("react").ReactNode;
1516
+ activeIFrame: {
1517
+ element: import("../element/types").NonDeletedExcalidrawElement;
1518
+ state: "active" | "hover";
1519
+ } | null;
1426
1520
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
1427
1521
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
1428
1522
  multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -1430,13 +1524,17 @@ export declare const actionChangeVerticalAlign: {
1430
1524
  isBindingEnabled: boolean;
1431
1525
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
1432
1526
  suggestedBindings: import("../element/binding").SuggestedBinding[];
1527
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
1528
+ shouldRenderFrames: boolean;
1529
+ editingFrame: string | null;
1530
+ elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
1433
1531
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
1434
1532
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
1435
1533
  activeTool: {
1436
1534
  lastActiveTool: import("../../src/types").LastActiveTool;
1437
1535
  locked: boolean;
1438
1536
  } & ({
1439
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
1537
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1440
1538
  customType: null;
1441
1539
  } | {
1442
1540
  type: "custom";
@@ -1487,6 +1585,7 @@ export declare const actionChangeVerticalAlign: {
1487
1585
  previousSelectedElementIds: {
1488
1586
  [id: string]: boolean;
1489
1587
  };
1588
+ selectedElementsAreBeingDragged: boolean;
1490
1589
  shouldCacheIgnoreZoom: boolean;
1491
1590
  toast: {
1492
1591
  message: string;
@@ -1563,6 +1662,10 @@ export declare const actionChangeRoundness: {
1563
1662
  showWelcomeScreen: boolean;
1564
1663
  isLoading: boolean;
1565
1664
  errorMessage: import("react").ReactNode;
1665
+ activeIFrame: {
1666
+ element: import("../element/types").NonDeletedExcalidrawElement;
1667
+ state: "active" | "hover";
1668
+ } | null;
1566
1669
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
1567
1670
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
1568
1671
  multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -1570,13 +1673,17 @@ export declare const actionChangeRoundness: {
1570
1673
  isBindingEnabled: boolean;
1571
1674
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
1572
1675
  suggestedBindings: import("../element/binding").SuggestedBinding[];
1676
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
1677
+ shouldRenderFrames: boolean;
1678
+ editingFrame: string | null;
1679
+ elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
1573
1680
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
1574
1681
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
1575
1682
  activeTool: {
1576
1683
  lastActiveTool: import("../../src/types").LastActiveTool;
1577
1684
  locked: boolean;
1578
1685
  } & ({
1579
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
1686
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1580
1687
  customType: null;
1581
1688
  } | {
1582
1689
  type: "custom";
@@ -1626,6 +1733,7 @@ export declare const actionChangeRoundness: {
1626
1733
  previousSelectedElementIds: {
1627
1734
  [id: string]: boolean;
1628
1735
  };
1736
+ selectedElementsAreBeingDragged: boolean;
1629
1737
  shouldCacheIgnoreZoom: boolean;
1630
1738
  toast: {
1631
1739
  message: string;
@@ -1704,6 +1812,10 @@ export declare const actionChangeArrowhead: {
1704
1812
  showWelcomeScreen: boolean;
1705
1813
  isLoading: boolean;
1706
1814
  errorMessage: import("react").ReactNode;
1815
+ activeIFrame: {
1816
+ element: import("../element/types").NonDeletedExcalidrawElement;
1817
+ state: "active" | "hover";
1818
+ } | null;
1707
1819
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
1708
1820
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
1709
1821
  multiElement: import("../element/types").NonDeleted<ExcalidrawLinearElement> | null;
@@ -1711,13 +1823,17 @@ export declare const actionChangeArrowhead: {
1711
1823
  isBindingEnabled: boolean;
1712
1824
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
1713
1825
  suggestedBindings: import("../element/binding").SuggestedBinding[];
1826
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
1827
+ shouldRenderFrames: boolean;
1828
+ editingFrame: string | null;
1829
+ elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
1714
1830
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
1715
1831
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
1716
1832
  activeTool: {
1717
1833
  lastActiveTool: import("../../src/types").LastActiveTool;
1718
1834
  locked: boolean;
1719
1835
  } & ({
1720
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
1836
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1721
1837
  customType: null;
1722
1838
  } | {
1723
1839
  type: "custom";
@@ -1768,6 +1884,7 @@ export declare const actionChangeArrowhead: {
1768
1884
  previousSelectedElementIds: {
1769
1885
  [id: string]: boolean;
1770
1886
  };
1887
+ selectedElementsAreBeingDragged: boolean;
1771
1888
  shouldCacheIgnoreZoom: boolean;
1772
1889
  toast: {
1773
1890
  message: string;
package/types/actions/actionStyles.d.ts CHANGED
@@ -18,6 +18,10 @@ export declare const actionCopyStyles: {
18
18
  showWelcomeScreen: boolean;
19
19
  isLoading: boolean;
20
20
  errorMessage: import("react").ReactNode;
21
+ activeIFrame: {
22
+ element: import("../element/types").NonDeletedExcalidrawElement;
23
+ state: "active" | "hover";
24
+ } | null;
21
25
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
22
26
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
23
27
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -25,13 +29,17 @@ export declare const actionCopyStyles: {
25
29
  isBindingEnabled: boolean;
26
30
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
27
31
  suggestedBindings: import("../element/binding").SuggestedBinding[];
32
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
33
+ shouldRenderFrames: boolean;
34
+ editingFrame: string | null;
35
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
28
36
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
29
37
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
30
38
  activeTool: {
31
39
  lastActiveTool: import("../types").LastActiveTool;
32
40
  locked: boolean;
33
41
  } & ({
34
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
42
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
35
43
  customType: null;
36
44
  } | {
37
45
  type: "custom";
@@ -82,6 +90,7 @@ export declare const actionCopyStyles: {
82
90
  previousSelectedElementIds: {
83
91
  [id: string]: boolean;
84
92
  };
93
+ selectedElementsAreBeingDragged: boolean;
85
94
  shouldCacheIgnoreZoom: boolean;
86
95
  zenModeEnabled: boolean;
87
96
  theme: string;
package/types/actions/actionToggleGridMode.d.ts CHANGED
@@ -18,6 +18,10 @@ export declare const actionToggleGridMode: {
18
18
  showWelcomeScreen: boolean;
19
19
  isLoading: boolean;
20
20
  errorMessage: import("react").ReactNode;
21
+ activeIFrame: {
22
+ element: import("../element/types").NonDeletedExcalidrawElement;
23
+ state: "active" | "hover";
24
+ } | null;
21
25
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
22
26
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
23
27
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -25,13 +29,17 @@ export declare const actionToggleGridMode: {
25
29
  isBindingEnabled: boolean;
26
30
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
27
31
  suggestedBindings: import("../element/binding").SuggestedBinding[];
32
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
33
+ shouldRenderFrames: boolean;
34
+ editingFrame: string | null;
35
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
28
36
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
29
37
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
30
38
  activeTool: {
31
39
  lastActiveTool: import("../types").LastActiveTool;
32
40
  locked: boolean;
33
41
  } & ({
34
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
42
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
35
43
  customType: null;
36
44
  } | {
37
45
  type: "custom";
@@ -82,6 +90,7 @@ export declare const actionToggleGridMode: {
82
90
  previousSelectedElementIds: {
83
91
  [id: string]: boolean;
84
92
  };
93
+ selectedElementsAreBeingDragged: boolean;
85
94
  shouldCacheIgnoreZoom: boolean;
86
95
  toast: {
87
96
  message: string;
package/types/actions/actionToggleStats.d.ts CHANGED
@@ -16,6 +16,10 @@ export declare const actionToggleStats: {
16
16
  showWelcomeScreen: boolean;
17
17
  isLoading: boolean;
18
18
  errorMessage: import("react").ReactNode;
19
+ activeIFrame: {
20
+ element: import("../element/types").NonDeletedExcalidrawElement;
21
+ state: "active" | "hover";
22
+ } | null;
19
23
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
20
24
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
21
25
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -23,13 +27,17 @@ export declare const actionToggleStats: {
23
27
  isBindingEnabled: boolean;
24
28
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
25
29
  suggestedBindings: import("../element/binding").SuggestedBinding[];
30
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
31
+ shouldRenderFrames: boolean;
32
+ editingFrame: string | null;
33
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
26
34
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
27
35
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
28
36
  activeTool: {
29
37
  lastActiveTool: import("../types").LastActiveTool;
30
38
  locked: boolean;
31
39
  } & ({
32
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
40
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
33
41
  customType: null;
34
42
  } | {
35
43
  type: "custom";
@@ -80,6 +88,7 @@ export declare const actionToggleStats: {
80
88
  previousSelectedElementIds: {
81
89
  [id: string]: boolean;
82
90
  };
91
+ selectedElementsAreBeingDragged: boolean;
83
92
  shouldCacheIgnoreZoom: boolean;
84
93
  toast: {
85
94
  message: string;
package/types/actions/actionToggleViewMode.d.ts CHANGED
@@ -17,6 +17,10 @@ export declare const actionToggleViewMode: {
17
17
  showWelcomeScreen: boolean;
18
18
  isLoading: boolean;
19
19
  errorMessage: import("react").ReactNode;
20
+ activeIFrame: {
21
+ element: import("../element/types").NonDeletedExcalidrawElement;
22
+ state: "active" | "hover";
23
+ } | null;
20
24
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
21
25
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
22
26
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -24,13 +28,17 @@ export declare const actionToggleViewMode: {
24
28
  isBindingEnabled: boolean;
25
29
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
26
30
  suggestedBindings: import("../element/binding").SuggestedBinding[];
31
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
32
+ shouldRenderFrames: boolean;
33
+ editingFrame: string | null;
34
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
27
35
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
28
36
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
29
37
  activeTool: {
30
38
  lastActiveTool: import("../types").LastActiveTool;
31
39
  locked: boolean;
32
40
  } & ({
33
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
41
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
34
42
  customType: null;
35
43
  } | {
36
44
  type: "custom";
@@ -81,6 +89,7 @@ export declare const actionToggleViewMode: {
81
89
  previousSelectedElementIds: {
82
90
  [id: string]: boolean;
83
91
  };
92
+ selectedElementsAreBeingDragged: boolean;
84
93
  shouldCacheIgnoreZoom: boolean;
85
94
  toast: {
86
95
  message: string;