@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
@@ -1,10 +1,10 @@
1
1
  /// <reference types="react" />
2
2
  import { ExcalidrawElement } from "../element/types";
3
- import { AppState, NormalizedZoomValue } from "../types";
3
+ import { AppClassProperties, AppState, NormalizedZoomValue } from "../types";
4
4
  export declare const actionChangeViewBackgroundColor: {
5
5
  name: "changeViewBackgroundColor";
6
6
  trackEvent: false;
7
- predicate: (elements: readonly ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
7
+ predicate: (elements: readonly ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: AppClassProperties) => boolean;
8
8
  perform: (_: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
9
9
  appState: any;
10
10
  commitToHistory: boolean;
@@ -18,12 +18,12 @@ export declare const actionClearCanvas: {
18
18
  trackEvent: {
19
19
  category: "canvas";
20
20
  };
21
- predicate: (elements: readonly ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
22
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
21
+ predicate: (elements: readonly ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: AppClassProperties) => boolean;
22
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
23
23
  elements: ExcalidrawElement[];
24
24
  appState: {
25
25
  files: {};
26
- theme: string;
26
+ theme: import("../element/types").Theme;
27
27
  penMode: boolean;
28
28
  penDetected: boolean;
29
29
  exportBackground: boolean;
@@ -41,7 +41,7 @@ export declare const actionClearCanvas: {
41
41
  lastActiveTool: import("../types").LastActiveTool;
42
42
  locked: boolean;
43
43
  } & ({
44
- 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";
45
45
  customType: null;
46
46
  } | {
47
47
  type: "custom";
@@ -71,7 +71,7 @@ export declare const actionClearCanvas: {
71
71
  showWelcomeScreen: boolean;
72
72
  isLoading: boolean;
73
73
  errorMessage: import("react").ReactNode;
74
- activeIFrame: {
74
+ activeEmbeddable: {
75
75
  element: import("../element/types").NonDeletedExcalidrawElement;
76
76
  state: "active" | "hover";
77
77
  } | null;
@@ -83,7 +83,12 @@ export declare const actionClearCanvas: {
83
83
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
84
84
  suggestedBindings: import("../element/binding").SuggestedBinding[];
85
85
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
86
- shouldRenderFrames: boolean;
86
+ frameRendering: {
87
+ enabled: boolean;
88
+ name: boolean;
89
+ outline: boolean;
90
+ clip: boolean;
91
+ };
87
92
  editingFrame: string | null;
88
93
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
89
94
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -166,7 +171,7 @@ export declare const actionZoomIn: {
166
171
  trackEvent: {
167
172
  category: "canvas";
168
173
  };
169
- perform: (_elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
174
+ perform: (_elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
170
175
  appState: {
171
176
  scrollX: number;
172
177
  scrollY: number;
@@ -181,7 +186,7 @@ export declare const actionZoomIn: {
181
186
  showWelcomeScreen: boolean;
182
187
  isLoading: boolean;
183
188
  errorMessage: import("react").ReactNode;
184
- activeIFrame: {
189
+ activeEmbeddable: {
185
190
  element: import("../element/types").NonDeletedExcalidrawElement;
186
191
  state: "active" | "hover";
187
192
  } | null;
@@ -193,7 +198,12 @@ export declare const actionZoomIn: {
193
198
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
194
199
  suggestedBindings: import("../element/binding").SuggestedBinding[];
195
200
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
196
- shouldRenderFrames: boolean;
201
+ frameRendering: {
202
+ enabled: boolean;
203
+ name: boolean;
204
+ outline: boolean;
205
+ clip: boolean;
206
+ };
197
207
  editingFrame: string | null;
198
208
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
199
209
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -202,7 +212,7 @@ export declare const actionZoomIn: {
202
212
  lastActiveTool: import("../types").LastActiveTool;
203
213
  locked: boolean;
204
214
  } & ({
205
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
215
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
206
216
  customType: null;
207
217
  } | {
208
218
  type: "custom";
@@ -256,7 +266,7 @@ export declare const actionZoomIn: {
256
266
  duration?: number | undefined;
257
267
  } | null;
258
268
  zenModeEnabled: boolean;
259
- theme: string;
269
+ theme: import("../element/types").Theme;
260
270
  gridSize: number | null;
261
271
  previousGridSize: number | null;
262
272
  viewModeEnabled: boolean;
@@ -317,7 +327,7 @@ export declare const actionZoomOut: {
317
327
  trackEvent: {
318
328
  category: "canvas";
319
329
  };
320
- perform: (_elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
330
+ perform: (_elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
321
331
  appState: {
322
332
  scrollX: number;
323
333
  scrollY: number;
@@ -332,7 +342,7 @@ export declare const actionZoomOut: {
332
342
  showWelcomeScreen: boolean;
333
343
  isLoading: boolean;
334
344
  errorMessage: import("react").ReactNode;
335
- activeIFrame: {
345
+ activeEmbeddable: {
336
346
  element: import("../element/types").NonDeletedExcalidrawElement;
337
347
  state: "active" | "hover";
338
348
  } | null;
@@ -344,7 +354,12 @@ export declare const actionZoomOut: {
344
354
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
345
355
  suggestedBindings: import("../element/binding").SuggestedBinding[];
346
356
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
347
- shouldRenderFrames: boolean;
357
+ frameRendering: {
358
+ enabled: boolean;
359
+ name: boolean;
360
+ outline: boolean;
361
+ clip: boolean;
362
+ };
348
363
  editingFrame: string | null;
349
364
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
350
365
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -353,7 +368,7 @@ export declare const actionZoomOut: {
353
368
  lastActiveTool: import("../types").LastActiveTool;
354
369
  locked: boolean;
355
370
  } & ({
356
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
371
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
357
372
  customType: null;
358
373
  } | {
359
374
  type: "custom";
@@ -407,7 +422,7 @@ export declare const actionZoomOut: {
407
422
  duration?: number | undefined;
408
423
  } | null;
409
424
  zenModeEnabled: boolean;
410
- theme: string;
425
+ theme: import("../element/types").Theme;
411
426
  gridSize: number | null;
412
427
  previousGridSize: number | null;
413
428
  viewModeEnabled: boolean;
@@ -468,7 +483,7 @@ export declare const actionResetZoom: {
468
483
  trackEvent: {
469
484
  category: "canvas";
470
485
  };
471
- perform: (_elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
486
+ perform: (_elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
472
487
  appState: {
473
488
  scrollX: number;
474
489
  scrollY: number;
@@ -483,7 +498,7 @@ export declare const actionResetZoom: {
483
498
  showWelcomeScreen: boolean;
484
499
  isLoading: boolean;
485
500
  errorMessage: import("react").ReactNode;
486
- activeIFrame: {
501
+ activeEmbeddable: {
487
502
  element: import("../element/types").NonDeletedExcalidrawElement;
488
503
  state: "active" | "hover";
489
504
  } | null;
@@ -495,7 +510,12 @@ export declare const actionResetZoom: {
495
510
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
496
511
  suggestedBindings: import("../element/binding").SuggestedBinding[];
497
512
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
498
- shouldRenderFrames: boolean;
513
+ frameRendering: {
514
+ enabled: boolean;
515
+ name: boolean;
516
+ outline: boolean;
517
+ clip: boolean;
518
+ };
499
519
  editingFrame: string | null;
500
520
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
501
521
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -504,7 +524,7 @@ export declare const actionResetZoom: {
504
524
  lastActiveTool: import("../types").LastActiveTool;
505
525
  locked: boolean;
506
526
  } & ({
507
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
527
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
508
528
  customType: null;
509
529
  } | {
510
530
  type: "custom";
@@ -558,7 +578,7 @@ export declare const actionResetZoom: {
558
578
  duration?: number | undefined;
559
579
  } | null;
560
580
  zenModeEnabled: boolean;
561
- theme: string;
581
+ theme: import("../element/types").Theme;
562
582
  gridSize: number | null;
563
583
  previousGridSize: number | null;
564
584
  viewModeEnabled: boolean;
@@ -635,7 +655,7 @@ export declare const zoomToFit: ({ targetElements, appState, fitToViewport, view
635
655
  showWelcomeScreen: boolean;
636
656
  isLoading: boolean;
637
657
  errorMessage: import("react").ReactNode;
638
- activeIFrame: {
658
+ activeEmbeddable: {
639
659
  element: import("../element/types").NonDeletedExcalidrawElement;
640
660
  state: "active" | "hover";
641
661
  } | null;
@@ -647,7 +667,12 @@ export declare const zoomToFit: ({ targetElements, appState, fitToViewport, view
647
667
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
648
668
  suggestedBindings: import("../element/binding").SuggestedBinding[];
649
669
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
650
- shouldRenderFrames: boolean;
670
+ frameRendering: {
671
+ enabled: boolean;
672
+ name: boolean;
673
+ outline: boolean;
674
+ clip: boolean;
675
+ };
651
676
  editingFrame: string | null;
652
677
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
653
678
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -656,7 +681,7 @@ export declare const zoomToFit: ({ targetElements, appState, fitToViewport, view
656
681
  lastActiveTool: import("../types").LastActiveTool;
657
682
  locked: boolean;
658
683
  } & ({
659
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
684
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
660
685
  customType: null;
661
686
  } | {
662
687
  type: "custom";
@@ -710,7 +735,7 @@ export declare const zoomToFit: ({ targetElements, appState, fitToViewport, view
710
735
  duration?: number | undefined;
711
736
  } | null;
712
737
  zenModeEnabled: boolean;
713
- theme: string;
738
+ theme: import("../element/types").Theme;
714
739
  gridSize: number | null;
715
740
  previousGridSize: number | null;
716
741
  viewModeEnabled: boolean;
@@ -765,7 +790,7 @@ export declare const actionZoomToFitSelectionInViewport: {
765
790
  trackEvent: {
766
791
  category: "canvas";
767
792
  };
768
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
793
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
769
794
  appState: {
770
795
  scrollX: number;
771
796
  scrollY: number;
@@ -780,7 +805,7 @@ export declare const actionZoomToFitSelectionInViewport: {
780
805
  showWelcomeScreen: boolean;
781
806
  isLoading: boolean;
782
807
  errorMessage: import("react").ReactNode;
783
- activeIFrame: {
808
+ activeEmbeddable: {
784
809
  element: import("../element/types").NonDeletedExcalidrawElement;
785
810
  state: "active" | "hover";
786
811
  } | null;
@@ -792,7 +817,12 @@ export declare const actionZoomToFitSelectionInViewport: {
792
817
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
793
818
  suggestedBindings: import("../element/binding").SuggestedBinding[];
794
819
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
795
- shouldRenderFrames: boolean;
820
+ frameRendering: {
821
+ enabled: boolean;
822
+ name: boolean;
823
+ outline: boolean;
824
+ clip: boolean;
825
+ };
796
826
  editingFrame: string | null;
797
827
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
798
828
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -801,7 +831,7 @@ export declare const actionZoomToFitSelectionInViewport: {
801
831
  lastActiveTool: import("../types").LastActiveTool;
802
832
  locked: boolean;
803
833
  } & ({
804
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
834
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
805
835
  customType: null;
806
836
  } | {
807
837
  type: "custom";
@@ -855,7 +885,7 @@ export declare const actionZoomToFitSelectionInViewport: {
855
885
  duration?: number | undefined;
856
886
  } | null;
857
887
  zenModeEnabled: boolean;
858
- theme: string;
888
+ theme: import("../element/types").Theme;
859
889
  gridSize: number | null;
860
890
  previousGridSize: number | null;
861
891
  viewModeEnabled: boolean;
@@ -914,7 +944,7 @@ export declare const actionZoomToFitSelection: {
914
944
  trackEvent: {
915
945
  category: "canvas";
916
946
  };
917
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
947
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
918
948
  appState: {
919
949
  scrollX: number;
920
950
  scrollY: number;
@@ -929,7 +959,7 @@ export declare const actionZoomToFitSelection: {
929
959
  showWelcomeScreen: boolean;
930
960
  isLoading: boolean;
931
961
  errorMessage: import("react").ReactNode;
932
- activeIFrame: {
962
+ activeEmbeddable: {
933
963
  element: import("../element/types").NonDeletedExcalidrawElement;
934
964
  state: "active" | "hover";
935
965
  } | null;
@@ -941,7 +971,12 @@ export declare const actionZoomToFitSelection: {
941
971
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
942
972
  suggestedBindings: import("../element/binding").SuggestedBinding[];
943
973
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
944
- shouldRenderFrames: boolean;
974
+ frameRendering: {
975
+ enabled: boolean;
976
+ name: boolean;
977
+ outline: boolean;
978
+ clip: boolean;
979
+ };
945
980
  editingFrame: string | null;
946
981
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
947
982
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -950,7 +985,7 @@ export declare const actionZoomToFitSelection: {
950
985
  lastActiveTool: import("../types").LastActiveTool;
951
986
  locked: boolean;
952
987
  } & ({
953
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
988
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
954
989
  customType: null;
955
990
  } | {
956
991
  type: "custom";
@@ -1004,7 +1039,7 @@ export declare const actionZoomToFitSelection: {
1004
1039
  duration?: number | undefined;
1005
1040
  } | null;
1006
1041
  zenModeEnabled: boolean;
1007
- theme: string;
1042
+ theme: import("../element/types").Theme;
1008
1043
  gridSize: number | null;
1009
1044
  previousGridSize: number | null;
1010
1045
  viewModeEnabled: boolean;
@@ -1079,7 +1114,7 @@ export declare const actionZoomToFit: {
1079
1114
  showWelcomeScreen: boolean;
1080
1115
  isLoading: boolean;
1081
1116
  errorMessage: import("react").ReactNode;
1082
- activeIFrame: {
1117
+ activeEmbeddable: {
1083
1118
  element: import("../element/types").NonDeletedExcalidrawElement;
1084
1119
  state: "active" | "hover";
1085
1120
  } | null;
@@ -1091,7 +1126,12 @@ export declare const actionZoomToFit: {
1091
1126
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
1092
1127
  suggestedBindings: import("../element/binding").SuggestedBinding[];
1093
1128
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
1094
- shouldRenderFrames: boolean;
1129
+ frameRendering: {
1130
+ enabled: boolean;
1131
+ name: boolean;
1132
+ outline: boolean;
1133
+ clip: boolean;
1134
+ };
1095
1135
  editingFrame: string | null;
1096
1136
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
1097
1137
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -1100,7 +1140,7 @@ export declare const actionZoomToFit: {
1100
1140
  lastActiveTool: import("../types").LastActiveTool;
1101
1141
  locked: boolean;
1102
1142
  } & ({
1103
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1143
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1104
1144
  customType: null;
1105
1145
  } | {
1106
1146
  type: "custom";
@@ -1154,7 +1194,7 @@ export declare const actionZoomToFit: {
1154
1194
  duration?: number | undefined;
1155
1195
  } | null;
1156
1196
  zenModeEnabled: boolean;
1157
- theme: string;
1197
+ theme: import("../element/types").Theme;
1158
1198
  gridSize: number | null;
1159
1199
  previousGridSize: number | null;
1160
1200
  viewModeEnabled: boolean;
@@ -1214,7 +1254,7 @@ export declare const actionToggleTheme: {
1214
1254
  trackEvent: {
1215
1255
  category: "canvas";
1216
1256
  };
1217
- perform: (_: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: import("../types").AppClassProperties) => {
1257
+ perform: (_: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
1218
1258
  appState: {
1219
1259
  theme: any;
1220
1260
  contextMenu: {
@@ -1225,7 +1265,7 @@ export declare const actionToggleTheme: {
1225
1265
  showWelcomeScreen: boolean;
1226
1266
  isLoading: boolean;
1227
1267
  errorMessage: import("react").ReactNode;
1228
- activeIFrame: {
1268
+ activeEmbeddable: {
1229
1269
  element: import("../element/types").NonDeletedExcalidrawElement;
1230
1270
  state: "active" | "hover";
1231
1271
  } | null;
@@ -1237,7 +1277,12 @@ export declare const actionToggleTheme: {
1237
1277
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
1238
1278
  suggestedBindings: import("../element/binding").SuggestedBinding[];
1239
1279
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
1240
- shouldRenderFrames: boolean;
1280
+ frameRendering: {
1281
+ enabled: boolean;
1282
+ name: boolean;
1283
+ outline: boolean;
1284
+ clip: boolean;
1285
+ };
1241
1286
  editingFrame: string | null;
1242
1287
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
1243
1288
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -1246,7 +1291,7 @@ export declare const actionToggleTheme: {
1246
1291
  lastActiveTool: import("../types").LastActiveTool;
1247
1292
  locked: boolean;
1248
1293
  } & ({
1249
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1294
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1250
1295
  customType: null;
1251
1296
  } | {
1252
1297
  type: "custom";
@@ -1355,7 +1400,7 @@ export declare const actionToggleTheme: {
1355
1400
  commitToHistory: false;
1356
1401
  };
1357
1402
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
1358
- predicate: (elements: readonly ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
1403
+ predicate: (elements: readonly ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: AppClassProperties) => boolean;
1359
1404
  } & {
1360
1405
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
1361
1406
  };
@@ -1368,12 +1413,12 @@ export declare const actionToggleEraserTool: {
1368
1413
  appState: {
1369
1414
  selectedElementIds: {};
1370
1415
  selectedGroupIds: {};
1371
- activeIFrame: null;
1416
+ activeEmbeddable: null;
1372
1417
  activeTool: {
1373
1418
  lastActiveTool: import("../types").LastActiveTool;
1374
1419
  locked: boolean;
1375
1420
  } & ({
1376
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1421
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1377
1422
  customType: null;
1378
1423
  } | {
1379
1424
  type: "custom";
@@ -1395,7 +1440,12 @@ export declare const actionToggleEraserTool: {
1395
1440
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
1396
1441
  suggestedBindings: import("../element/binding").SuggestedBinding[];
1397
1442
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
1398
- shouldRenderFrames: boolean;
1443
+ frameRendering: {
1444
+ enabled: boolean;
1445
+ name: boolean;
1446
+ outline: boolean;
1447
+ clip: boolean;
1448
+ };
1399
1449
  editingFrame: string | null;
1400
1450
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
1401
1451
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -1450,7 +1500,7 @@ export declare const actionToggleEraserTool: {
1450
1500
  duration?: number | undefined;
1451
1501
  } | null;
1452
1502
  zenModeEnabled: boolean;
1453
- theme: string;
1503
+ theme: import("../element/types").Theme;
1454
1504
  gridSize: number | null;
1455
1505
  previousGridSize: number | null;
1456
1506
  viewModeEnabled: boolean;
@@ -1506,16 +1556,16 @@ export declare const actionToggleHandTool: {
1506
1556
  trackEvent: {
1507
1557
  category: "toolbar";
1508
1558
  };
1509
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
1559
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
1510
1560
  appState: {
1511
1561
  selectedElementIds: {};
1512
1562
  selectedGroupIds: {};
1513
- activeIFrame: null;
1563
+ activeEmbeddable: null;
1514
1564
  activeTool: {
1515
1565
  lastActiveTool: import("../types").LastActiveTool;
1516
1566
  locked: boolean;
1517
1567
  } & ({
1518
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1568
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1519
1569
  customType: null;
1520
1570
  } | {
1521
1571
  type: "custom";
@@ -1537,7 +1587,12 @@ export declare const actionToggleHandTool: {
1537
1587
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
1538
1588
  suggestedBindings: import("../element/binding").SuggestedBinding[];
1539
1589
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
1540
- shouldRenderFrames: boolean;
1590
+ frameRendering: {
1591
+ enabled: boolean;
1592
+ name: boolean;
1593
+ outline: boolean;
1594
+ clip: boolean;
1595
+ };
1541
1596
  editingFrame: string | null;
1542
1597
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
1543
1598
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -1592,7 +1647,7 @@ export declare const actionToggleHandTool: {
1592
1647
  duration?: number | undefined;
1593
1648
  } | null;
1594
1649
  zenModeEnabled: boolean;
1595
- theme: string;
1650
+ theme: import("../element/types").Theme;
1596
1651
  gridSize: number | null;
1597
1652
  previousGridSize: number | null;
1598
1653
  viewModeEnabled: boolean;
@@ -1643,7 +1698,7 @@ export declare const actionToggleHandTool: {
1643
1698
  } & {
1644
1699
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
1645
1700
  };
1646
- export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, zoomToSelection: boolean, maxZoom?: number, margin?: number) => {
1701
+ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, zoomToSelection: boolean, app: AppClassProperties, maxZoom?: number, margin?: number) => {
1647
1702
  appState: {
1648
1703
  zoom: {
1649
1704
  value: NormalizedZoomValue;
@@ -1658,7 +1713,7 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
1658
1713
  showWelcomeScreen: boolean;
1659
1714
  isLoading: boolean;
1660
1715
  errorMessage: import("react").ReactNode;
1661
- activeIFrame: {
1716
+ activeEmbeddable: {
1662
1717
  element: import("../element/types").NonDeletedExcalidrawElement;
1663
1718
  state: "active" | "hover";
1664
1719
  } | null;
@@ -1670,7 +1725,12 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
1670
1725
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
1671
1726
  suggestedBindings: import("../element/binding").SuggestedBinding[];
1672
1727
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
1673
- shouldRenderFrames: boolean;
1728
+ frameRendering: {
1729
+ enabled: boolean;
1730
+ name: boolean;
1731
+ outline: boolean;
1732
+ clip: boolean;
1733
+ };
1674
1734
  editingFrame: string | null;
1675
1735
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
1676
1736
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -1679,7 +1739,7 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
1679
1739
  lastActiveTool: import("../types").LastActiveTool;
1680
1740
  locked: boolean;
1681
1741
  } & ({
1682
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "iframe" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1742
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1683
1743
  customType: null;
1684
1744
  } | {
1685
1745
  type: "custom";
@@ -1733,7 +1793,7 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
1733
1793
  duration?: number | undefined;
1734
1794
  } | null;
1735
1795
  zenModeEnabled: boolean;
1736
- theme: string;
1796
+ theme: import("../element/types").Theme;
1737
1797
  gridSize: number | null;
1738
1798
  previousGridSize: number | null;
1739
1799
  viewModeEnabled: boolean;