@zsviczian/excalidraw 0.15.2-obsidian-7 → 0.15.2-obsidian-9

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 (45) hide show
  1. package/dist/excalidraw.development.js +50 -50
  2. package/dist/excalidraw.production.min.js +1 -1
  3. package/package.json +1 -1
  4. package/types/actions/actionAddToLibrary.d.ts +27 -12
  5. package/types/actions/actionAlign.d.ts +19 -19
  6. package/types/actions/actionBoundText.d.ts +24 -14
  7. package/types/actions/actionCanvas.d.ts +120 -60
  8. package/types/actions/actionClipboard.d.ts +47 -22
  9. package/types/actions/actionDeleteSelected.d.ts +27 -12
  10. package/types/actions/actionDistribute.d.ts +5 -5
  11. package/types/actions/actionElementLock.d.ts +23 -13
  12. package/types/actions/actionExport.d.ts +82 -36
  13. package/types/actions/actionFinalize.d.ts +18 -11
  14. package/types/actions/actionFlip.d.ts +2 -2
  15. package/types/actions/actionFrame.d.ts +35 -20
  16. package/types/actions/actionGroup.d.ts +5 -5
  17. package/types/actions/actionLinearEditor.d.ts +11 -6
  18. package/types/actions/actionMenu.d.ts +27 -12
  19. package/types/actions/actionProperties.d.ts +117 -52
  20. package/types/actions/actionStyles.d.ts +9 -4
  21. package/types/actions/actionToggleGridMode.d.ts +9 -4
  22. package/types/actions/actionToggleStats.d.ts +9 -4
  23. package/types/actions/actionToggleViewMode.d.ts +9 -4
  24. package/types/actions/actionToggleZenMode.d.ts +9 -4
  25. package/types/actions/types.d.ts +4 -3
  26. package/types/appState.d.ts +2 -2
  27. package/types/components/App.d.ts +13 -8
  28. package/types/components/HintViewer.d.ts +3 -4
  29. package/types/components/LayerUI.d.ts +2 -1
  30. package/types/components/MobileMenu.d.ts +3 -2
  31. package/types/constants.d.ts +2 -2
  32. package/types/data/url.d.ts +5 -0
  33. package/types/element/Hyperlink.d.ts +9 -4
  34. package/types/element/collision.d.ts +2 -2
  35. package/types/element/embeddable.d.ts +176 -0
  36. package/types/element/linearElementEditor.d.ts +9 -4
  37. package/types/element/newElement.d.ts +4 -4
  38. package/types/element/typeChecks.d.ts +4 -4
  39. package/types/element/types.d.ts +6 -6
  40. package/types/frame.d.ts +2 -2
  41. package/types/groups.d.ts +3 -3
  42. package/types/scene/Scene.d.ts +13 -0
  43. package/types/types.d.ts +15 -10
  44. package/types/utility-types.d.ts +2 -0
  45. package/types/utils.d.ts +1 -1
package/types/actions/actionExport.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import { Theme } from "../element/types";
2
3
  import "../components/ToolIcon.scss";
3
4
  export declare const actionChangeProjectName: {
4
5
  name: "changeProjectName";
@@ -14,7 +15,7 @@ export declare const actionChangeProjectName: {
14
15
  showWelcomeScreen: boolean;
15
16
  isLoading: boolean;
16
17
  errorMessage: import("react").ReactNode;
17
- activeIFrame: {
18
+ activeEmbeddable: {
18
19
  element: import("../element/types").NonDeletedExcalidrawElement;
19
20
  state: "active" | "hover";
20
21
  } | null;
@@ -26,7 +27,12 @@ export declare const actionChangeProjectName: {
26
27
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
27
28
  suggestedBindings: import("../element/binding").SuggestedBinding[];
28
29
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
29
- shouldRenderFrames: boolean;
30
+ frameRendering: {
31
+ enabled: boolean;
32
+ name: boolean;
33
+ outline: boolean;
34
+ clip: boolean;
35
+ };
30
36
  editingFrame: string | null;
31
37
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
32
38
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -35,7 +41,7 @@ export declare const actionChangeProjectName: {
35
41
  lastActiveTool: import("../types").LastActiveTool;
36
42
  locked: boolean;
37
43
  } & ({
38
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
44
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
39
45
  customType: null;
40
46
  } | {
41
47
  type: "custom";
@@ -93,7 +99,7 @@ export declare const actionChangeProjectName: {
93
99
  duration?: number | undefined;
94
100
  } | null;
95
101
  zenModeEnabled: boolean;
96
- theme: string;
102
+ theme: Theme;
97
103
  gridSize: number | null;
98
104
  previousGridSize: number | null;
99
105
  viewModeEnabled: boolean;
@@ -164,7 +170,7 @@ export declare const actionChangeExportScale: {
164
170
  showWelcomeScreen: boolean;
165
171
  isLoading: boolean;
166
172
  errorMessage: import("react").ReactNode;
167
- activeIFrame: {
173
+ activeEmbeddable: {
168
174
  element: import("../element/types").NonDeletedExcalidrawElement;
169
175
  state: "active" | "hover";
170
176
  } | null;
@@ -176,7 +182,12 @@ export declare const actionChangeExportScale: {
176
182
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
177
183
  suggestedBindings: import("../element/binding").SuggestedBinding[];
178
184
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
179
- shouldRenderFrames: boolean;
185
+ frameRendering: {
186
+ enabled: boolean;
187
+ name: boolean;
188
+ outline: boolean;
189
+ clip: boolean;
190
+ };
180
191
  editingFrame: string | null;
181
192
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
182
193
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -185,7 +196,7 @@ export declare const actionChangeExportScale: {
185
196
  lastActiveTool: import("../types").LastActiveTool;
186
197
  locked: boolean;
187
198
  } & ({
188
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
199
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
189
200
  customType: null;
190
201
  } | {
191
202
  type: "custom";
@@ -243,7 +254,7 @@ export declare const actionChangeExportScale: {
243
254
  duration?: number | undefined;
244
255
  } | null;
245
256
  zenModeEnabled: boolean;
246
- theme: string;
257
+ theme: Theme;
247
258
  gridSize: number | null;
248
259
  previousGridSize: number | null;
249
260
  viewModeEnabled: boolean;
@@ -314,7 +325,7 @@ export declare const actionChangeExportBackground: {
314
325
  showWelcomeScreen: boolean;
315
326
  isLoading: boolean;
316
327
  errorMessage: import("react").ReactNode;
317
- activeIFrame: {
328
+ activeEmbeddable: {
318
329
  element: import("../element/types").NonDeletedExcalidrawElement;
319
330
  state: "active" | "hover";
320
331
  } | null;
@@ -326,7 +337,12 @@ export declare const actionChangeExportBackground: {
326
337
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
327
338
  suggestedBindings: import("../element/binding").SuggestedBinding[];
328
339
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
329
- shouldRenderFrames: boolean;
340
+ frameRendering: {
341
+ enabled: boolean;
342
+ name: boolean;
343
+ outline: boolean;
344
+ clip: boolean;
345
+ };
330
346
  editingFrame: string | null;
331
347
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
332
348
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -335,7 +351,7 @@ export declare const actionChangeExportBackground: {
335
351
  lastActiveTool: import("../types").LastActiveTool;
336
352
  locked: boolean;
337
353
  } & ({
338
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
354
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
339
355
  customType: null;
340
356
  } | {
341
357
  type: "custom";
@@ -393,7 +409,7 @@ export declare const actionChangeExportBackground: {
393
409
  duration?: number | undefined;
394
410
  } | null;
395
411
  zenModeEnabled: boolean;
396
- theme: string;
412
+ theme: Theme;
397
413
  gridSize: number | null;
398
414
  previousGridSize: number | null;
399
415
  viewModeEnabled: boolean;
@@ -464,7 +480,7 @@ export declare const actionChangeExportEmbedScene: {
464
480
  showWelcomeScreen: boolean;
465
481
  isLoading: boolean;
466
482
  errorMessage: import("react").ReactNode;
467
- activeIFrame: {
483
+ activeEmbeddable: {
468
484
  element: import("../element/types").NonDeletedExcalidrawElement;
469
485
  state: "active" | "hover";
470
486
  } | null;
@@ -476,7 +492,12 @@ export declare const actionChangeExportEmbedScene: {
476
492
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
477
493
  suggestedBindings: import("../element/binding").SuggestedBinding[];
478
494
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
479
- shouldRenderFrames: boolean;
495
+ frameRendering: {
496
+ enabled: boolean;
497
+ name: boolean;
498
+ outline: boolean;
499
+ clip: boolean;
500
+ };
480
501
  editingFrame: string | null;
481
502
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
482
503
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -485,7 +506,7 @@ export declare const actionChangeExportEmbedScene: {
485
506
  lastActiveTool: import("../types").LastActiveTool;
486
507
  locked: boolean;
487
508
  } & ({
488
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
509
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
489
510
  customType: null;
490
511
  } | {
491
512
  type: "custom";
@@ -543,7 +564,7 @@ export declare const actionChangeExportEmbedScene: {
543
564
  duration?: number | undefined;
544
565
  } | null;
545
566
  zenModeEnabled: boolean;
546
- theme: string;
567
+ theme: Theme;
547
568
  gridSize: number | null;
548
569
  previousGridSize: number | null;
549
570
  viewModeEnabled: boolean;
@@ -618,7 +639,7 @@ export declare const actionSaveToActiveFile: {
618
639
  showWelcomeScreen: boolean;
619
640
  isLoading: boolean;
620
641
  errorMessage: import("react").ReactNode;
621
- activeIFrame: {
642
+ activeEmbeddable: {
622
643
  element: import("../element/types").NonDeletedExcalidrawElement;
623
644
  state: "active" | "hover";
624
645
  } | null;
@@ -630,7 +651,12 @@ export declare const actionSaveToActiveFile: {
630
651
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
631
652
  suggestedBindings: import("../element/binding").SuggestedBinding[];
632
653
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
633
- shouldRenderFrames: boolean;
654
+ frameRendering: {
655
+ enabled: boolean;
656
+ name: boolean;
657
+ outline: boolean;
658
+ clip: boolean;
659
+ };
634
660
  editingFrame: string | null;
635
661
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
636
662
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -639,7 +665,7 @@ export declare const actionSaveToActiveFile: {
639
665
  lastActiveTool: import("../types").LastActiveTool;
640
666
  locked: boolean;
641
667
  } & ({
642
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
668
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
643
669
  customType: null;
644
670
  } | {
645
671
  type: "custom";
@@ -693,7 +719,7 @@ export declare const actionSaveToActiveFile: {
693
719
  selectedElementsAreBeingDragged: boolean;
694
720
  shouldCacheIgnoreZoom: boolean;
695
721
  zenModeEnabled: boolean;
696
- theme: string;
722
+ theme: Theme;
697
723
  gridSize: number | null;
698
724
  previousGridSize: number | null;
699
725
  viewModeEnabled: boolean;
@@ -766,7 +792,7 @@ export declare const actionSaveFileToDisk: {
766
792
  showWelcomeScreen: boolean;
767
793
  isLoading: boolean;
768
794
  errorMessage: import("react").ReactNode;
769
- activeIFrame: {
795
+ activeEmbeddable: {
770
796
  element: import("../element/types").NonDeletedExcalidrawElement;
771
797
  state: "active" | "hover";
772
798
  } | null;
@@ -778,7 +804,12 @@ export declare const actionSaveFileToDisk: {
778
804
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
779
805
  suggestedBindings: import("../element/binding").SuggestedBinding[];
780
806
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
781
- shouldRenderFrames: boolean;
807
+ frameRendering: {
808
+ enabled: boolean;
809
+ name: boolean;
810
+ outline: boolean;
811
+ clip: boolean;
812
+ };
782
813
  editingFrame: string | null;
783
814
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
784
815
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -787,7 +818,7 @@ export declare const actionSaveFileToDisk: {
787
818
  lastActiveTool: import("../types").LastActiveTool;
788
819
  locked: boolean;
789
820
  } & ({
790
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
821
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
791
822
  customType: null;
792
823
  } | {
793
824
  type: "custom";
@@ -846,7 +877,7 @@ export declare const actionSaveFileToDisk: {
846
877
  duration?: number | undefined;
847
878
  } | null;
848
879
  zenModeEnabled: boolean;
849
- theme: string;
880
+ theme: Theme;
850
881
  gridSize: number | null;
851
882
  previousGridSize: number | null;
852
883
  viewModeEnabled: boolean;
@@ -911,13 +942,13 @@ export declare const actionLoadScene: {
911
942
  perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => Promise<false | {
912
943
  elements: import("../element/types").ExcalidrawElement[];
913
944
  appState: {
914
- theme: string;
945
+ theme: Theme;
915
946
  name: string;
916
947
  activeTool: {
917
948
  lastActiveTool: import("../types").LastActiveTool;
918
949
  locked: boolean;
919
950
  } & ({
920
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
951
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
921
952
  customType: null;
922
953
  } | {
923
954
  type: "custom";
@@ -931,7 +962,7 @@ export declare const actionLoadScene: {
931
962
  showWelcomeScreen: boolean;
932
963
  isLoading: boolean;
933
964
  errorMessage: import("react").ReactNode;
934
- activeIFrame: {
965
+ activeEmbeddable: {
935
966
  element: import("../element/types").NonDeletedExcalidrawElement;
936
967
  state: "active" | "hover";
937
968
  } | null;
@@ -943,7 +974,12 @@ export declare const actionLoadScene: {
943
974
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
944
975
  suggestedBindings: import("../element/binding").SuggestedBinding[];
945
976
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
946
- shouldRenderFrames: boolean;
977
+ frameRendering: {
978
+ enabled: boolean;
979
+ name: boolean;
980
+ outline: boolean;
981
+ clip: boolean;
982
+ };
947
983
  editingFrame: string | null;
948
984
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
949
985
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -1056,7 +1092,7 @@ export declare const actionLoadScene: {
1056
1092
  } | null;
1057
1093
  showWelcomeScreen: boolean;
1058
1094
  isLoading: boolean;
1059
- activeIFrame: {
1095
+ activeEmbeddable: {
1060
1096
  element: import("../element/types").NonDeletedExcalidrawElement;
1061
1097
  state: "active" | "hover";
1062
1098
  } | null;
@@ -1068,7 +1104,12 @@ export declare const actionLoadScene: {
1068
1104
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
1069
1105
  suggestedBindings: import("../element/binding").SuggestedBinding[];
1070
1106
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
1071
- shouldRenderFrames: boolean;
1107
+ frameRendering: {
1108
+ enabled: boolean;
1109
+ name: boolean;
1110
+ outline: boolean;
1111
+ clip: boolean;
1112
+ };
1072
1113
  editingFrame: string | null;
1073
1114
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
1074
1115
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -1077,7 +1118,7 @@ export declare const actionLoadScene: {
1077
1118
  lastActiveTool: import("../types").LastActiveTool;
1078
1119
  locked: boolean;
1079
1120
  } & ({
1080
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1121
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1081
1122
  customType: null;
1082
1123
  } | {
1083
1124
  type: "custom";
@@ -1136,7 +1177,7 @@ export declare const actionLoadScene: {
1136
1177
  duration?: number | undefined;
1137
1178
  } | null;
1138
1179
  zenModeEnabled: boolean;
1139
- theme: string;
1180
+ theme: Theme;
1140
1181
  gridSize: number | null;
1141
1182
  previousGridSize: number | null;
1142
1183
  viewModeEnabled: boolean;
@@ -1208,7 +1249,7 @@ export declare const actionExportWithDarkMode: {
1208
1249
  showWelcomeScreen: boolean;
1209
1250
  isLoading: boolean;
1210
1251
  errorMessage: import("react").ReactNode;
1211
- activeIFrame: {
1252
+ activeEmbeddable: {
1212
1253
  element: import("../element/types").NonDeletedExcalidrawElement;
1213
1254
  state: "active" | "hover";
1214
1255
  } | null;
@@ -1220,7 +1261,12 @@ export declare const actionExportWithDarkMode: {
1220
1261
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
1221
1262
  suggestedBindings: import("../element/binding").SuggestedBinding[];
1222
1263
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
1223
- shouldRenderFrames: boolean;
1264
+ frameRendering: {
1265
+ enabled: boolean;
1266
+ name: boolean;
1267
+ outline: boolean;
1268
+ clip: boolean;
1269
+ };
1224
1270
  editingFrame: string | null;
1225
1271
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
1226
1272
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -1229,7 +1275,7 @@ export declare const actionExportWithDarkMode: {
1229
1275
  lastActiveTool: import("../types").LastActiveTool;
1230
1276
  locked: boolean;
1231
1277
  } & ({
1232
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1278
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1233
1279
  customType: null;
1234
1280
  } | {
1235
1281
  type: "custom";
@@ -1287,7 +1333,7 @@ export declare const actionExportWithDarkMode: {
1287
1333
  duration?: number | undefined;
1288
1334
  } | null;
1289
1335
  zenModeEnabled: boolean;
1290
- theme: string;
1336
+ theme: Theme;
1291
1337
  gridSize: number | null;
1292
1338
  previousGridSize: number | null;
1293
1339
  viewModeEnabled: boolean;
package/types/actions/actionFinalize.d.ts CHANGED
@@ -17,7 +17,7 @@ export declare const actionFinalize: {
17
17
  showWelcomeScreen: boolean;
18
18
  isLoading: boolean;
19
19
  errorMessage: import("react").ReactNode;
20
- activeIFrame: {
20
+ activeEmbeddable: {
21
21
  element: import("../element/types").NonDeletedExcalidrawElement;
22
22
  state: "active" | "hover";
23
23
  } | null;
@@ -29,7 +29,12 @@ export declare const actionFinalize: {
29
29
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
30
30
  suggestedBindings: import("../element/binding").SuggestedBinding[];
31
31
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
32
- shouldRenderFrames: boolean;
32
+ frameRendering: {
33
+ enabled: boolean;
34
+ name: boolean;
35
+ outline: boolean;
36
+ clip: boolean;
37
+ };
33
38
  editingFrame: string | null;
34
39
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
35
40
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -37,7 +42,7 @@ export declare const actionFinalize: {
37
42
  lastActiveTool: import("../types").LastActiveTool;
38
43
  locked: boolean;
39
44
  } & ({
40
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
45
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
41
46
  customType: null;
42
47
  } | {
43
48
  type: "custom";
@@ -95,7 +100,7 @@ export declare const actionFinalize: {
95
100
  duration?: number | undefined;
96
101
  } | null;
97
102
  zenModeEnabled: boolean;
98
- theme: string;
103
+ theme: import("../element/types").Theme;
99
104
  gridSize: number | null;
100
105
  previousGridSize: number | null;
101
106
  viewModeEnabled: boolean;
@@ -152,12 +157,13 @@ export declare const actionFinalize: {
152
157
  lastActiveTool: import("../types").LastActiveTool;
153
158
  locked: boolean;
154
159
  } & ({
155
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
160
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
156
161
  customType: null;
157
162
  } | {
158
163
  type: "custom";
159
164
  customType: string;
160
165
  });
166
+ activeEmbeddable: null;
161
167
  draggingElement: null;
162
168
  multiElement: null;
163
169
  editingElement: null;
@@ -176,15 +182,16 @@ export declare const actionFinalize: {
176
182
  showWelcomeScreen: boolean;
177
183
  isLoading: boolean;
178
184
  errorMessage: import("react").ReactNode;
179
- activeIFrame: {
180
- element: import("../element/types").NonDeletedExcalidrawElement;
181
- state: "active" | "hover";
182
- } | null;
183
185
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
184
186
  selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
185
187
  isBindingEnabled: boolean;
186
188
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
187
- shouldRenderFrames: boolean;
189
+ frameRendering: {
190
+ enabled: boolean;
191
+ name: boolean;
192
+ outline: boolean;
193
+ clip: boolean;
194
+ };
188
195
  editingFrame: string | null;
189
196
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
190
197
  editingLinearElement: LinearElementEditor | null;
@@ -237,7 +244,7 @@ export declare const actionFinalize: {
237
244
  duration?: number | undefined;
238
245
  } | null;
239
246
  zenModeEnabled: boolean;
240
- theme: string;
247
+ theme: import("../element/types").Theme;
241
248
  gridSize: number | null;
242
249
  previousGridSize: number | null;
243
250
  viewModeEnabled: boolean;
package/types/actions/actionFlip.d.ts CHANGED
@@ -6,7 +6,7 @@ export declare const actionFlipHorizontal: {
6
6
  trackEvent: {
7
7
  category: "element";
8
8
  };
9
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
9
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
10
10
  elements: import("../scene/Scene").ExcalidrawElementsIncludingDeleted;
11
11
  appState: Readonly<AppState>;
12
12
  commitToHistory: true;
@@ -21,7 +21,7 @@ export declare const actionFlipVertical: {
21
21
  trackEvent: {
22
22
  category: "element";
23
23
  };
24
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
24
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
25
25
  elements: import("../scene/Scene").ExcalidrawElementsIncludingDeleted;
26
26
  appState: Readonly<AppState>;
27
27
  commitToHistory: true;
package/types/actions/actionFrame.d.ts CHANGED
@@ -1,18 +1,18 @@
1
1
  /// <reference types="react" />
2
2
  import { ExcalidrawElement } from "../element/types";
3
- import { AppState } from "../types";
3
+ import { AppClassProperties, AppState } from "../types";
4
4
  export declare const actionSelectAllElementsInFrame: {
5
5
  name: "selectAllElementsInFrame";
6
6
  trackEvent: {
7
7
  category: "canvas";
8
8
  };
9
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
9
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
10
10
  elements: readonly ExcalidrawElement[];
11
11
  appState: Readonly<AppState>;
12
12
  commitToHistory: false;
13
13
  };
14
14
  contextItemLabel: string;
15
- predicate: (elements: readonly ExcalidrawElement[], appState: AppState) => boolean;
15
+ predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: import("../types").ExcalidrawProps, app: AppClassProperties) => boolean;
16
16
  } & {
17
17
  keyTest?: undefined;
18
18
  };
@@ -21,7 +21,7 @@ export declare const actionRemoveAllElementsFromFrame: {
21
21
  trackEvent: {
22
22
  category: "history";
23
23
  };
24
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
24
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
25
25
  elements: ExcalidrawElement[];
26
26
  appState: {
27
27
  selectedElementIds: {
@@ -35,7 +35,7 @@ export declare const actionRemoveAllElementsFromFrame: {
35
35
  showWelcomeScreen: boolean;
36
36
  isLoading: boolean;
37
37
  errorMessage: import("react").ReactNode;
38
- activeIFrame: {
38
+ activeEmbeddable: {
39
39
  element: import("../element/types").NonDeletedExcalidrawElement;
40
40
  state: "active" | "hover";
41
41
  } | null;
@@ -47,7 +47,12 @@ export declare const actionRemoveAllElementsFromFrame: {
47
47
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
48
48
  suggestedBindings: import("../element/binding").SuggestedBinding[];
49
49
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
50
- shouldRenderFrames: boolean;
50
+ frameRendering: {
51
+ enabled: boolean;
52
+ name: boolean;
53
+ outline: boolean;
54
+ clip: boolean;
55
+ };
51
56
  editingFrame: string | null;
52
57
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
53
58
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -56,7 +61,7 @@ export declare const actionRemoveAllElementsFromFrame: {
56
61
  lastActiveTool: import("../types").LastActiveTool;
57
62
  locked: boolean;
58
63
  } & ({
59
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
64
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
60
65
  customType: null;
61
66
  } | {
62
67
  type: "custom";
@@ -112,7 +117,7 @@ export declare const actionRemoveAllElementsFromFrame: {
112
117
  duration?: number | undefined;
113
118
  } | null;
114
119
  zenModeEnabled: boolean;
115
- theme: string;
120
+ theme: import("../element/types").Theme;
116
121
  gridSize: number | null;
117
122
  previousGridSize: number | null;
118
123
  viewModeEnabled: boolean;
@@ -167,12 +172,12 @@ export declare const actionRemoveAllElementsFromFrame: {
167
172
  commitToHistory: false;
168
173
  };
169
174
  contextItemLabel: string;
170
- predicate: (elements: readonly ExcalidrawElement[], appState: AppState) => boolean;
175
+ predicate: (elements: readonly ExcalidrawElement[], appState: AppState, _: import("../types").ExcalidrawProps, app: AppClassProperties) => boolean;
171
176
  } & {
172
177
  keyTest?: undefined;
173
178
  };
174
- export declare const actionToggleFrameRendering: {
175
- name: "toggleFrameRendering";
179
+ export declare const actionupdateFrameRendering: {
180
+ name: "updateFrameRendering";
176
181
  viewMode: true;
177
182
  trackEvent: {
178
183
  category: "canvas";
@@ -180,7 +185,12 @@ export declare const actionToggleFrameRendering: {
180
185
  perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
181
186
  elements: readonly ExcalidrawElement[];
182
187
  appState: {
183
- shouldRenderFrames: boolean;
188
+ frameRendering: {
189
+ enabled: boolean;
190
+ name: boolean;
191
+ outline: boolean;
192
+ clip: boolean;
193
+ };
184
194
  contextMenu: {
185
195
  items: import("../components/ContextMenu").ContextMenuItems;
186
196
  top: number;
@@ -189,7 +199,7 @@ export declare const actionToggleFrameRendering: {
189
199
  showWelcomeScreen: boolean;
190
200
  isLoading: boolean;
191
201
  errorMessage: import("react").ReactNode;
192
- activeIFrame: {
202
+ activeEmbeddable: {
193
203
  element: import("../element/types").NonDeletedExcalidrawElement;
194
204
  state: "active" | "hover";
195
205
  } | null;
@@ -209,7 +219,7 @@ export declare const actionToggleFrameRendering: {
209
219
  lastActiveTool: import("../types").LastActiveTool;
210
220
  locked: boolean;
211
221
  } & ({
212
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
222
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
213
223
  customType: null;
214
224
  } | {
215
225
  type: "custom";
@@ -268,7 +278,7 @@ export declare const actionToggleFrameRendering: {
268
278
  duration?: number | undefined;
269
279
  } | null;
270
280
  zenModeEnabled: boolean;
271
- theme: string;
281
+ theme: import("../element/types").Theme;
272
282
  gridSize: number | null;
273
283
  previousGridSize: number | null;
274
284
  viewModeEnabled: boolean;
@@ -328,14 +338,14 @@ export declare const actionSetFrameAsActiveTool: {
328
338
  trackEvent: {
329
339
  category: "toolbar";
330
340
  };
331
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
341
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
332
342
  elements: readonly ExcalidrawElement[];
333
343
  appState: {
334
344
  activeTool: {
335
345
  lastActiveTool: import("../types").LastActiveTool;
336
346
  locked: boolean;
337
347
  } & ({
338
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
348
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
339
349
  customType: null;
340
350
  } | {
341
351
  type: "custom";
@@ -349,7 +359,7 @@ export declare const actionSetFrameAsActiveTool: {
349
359
  showWelcomeScreen: boolean;
350
360
  isLoading: boolean;
351
361
  errorMessage: import("react").ReactNode;
352
- activeIFrame: {
362
+ activeEmbeddable: {
353
363
  element: import("../element/types").NonDeletedExcalidrawElement;
354
364
  state: "active" | "hover";
355
365
  } | null;
@@ -361,7 +371,12 @@ export declare const actionSetFrameAsActiveTool: {
361
371
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
362
372
  suggestedBindings: import("../element/binding").SuggestedBinding[];
363
373
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
364
- shouldRenderFrames: boolean;
374
+ frameRendering: {
375
+ enabled: boolean;
376
+ name: boolean;
377
+ outline: boolean;
378
+ clip: boolean;
379
+ };
365
380
  editingFrame: string | null;
366
381
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
367
382
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -419,7 +434,7 @@ export declare const actionSetFrameAsActiveTool: {
419
434
  duration?: number | undefined;
420
435
  } | null;
421
436
  zenModeEnabled: boolean;
422
- theme: string;
437
+ theme: import("../element/types").Theme;
423
438
  gridSize: number | null;
424
439
  previousGridSize: number | null;
425
440
  viewModeEnabled: boolean;