@excalidraw/excalidraw 0.15.2-b7350f9 → 0.15.2-fc9a9a2

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 (99) hide show
  1. package/CHANGELOG.md +22 -1
  2. package/dist/excalidraw-assets/locales/{es-ES-json-f2467c6a875a9e288756.js → es-ES-json-4f3da97feff33cb00e6d.js} +1 -1
  3. package/dist/excalidraw-assets/locales/{hi-IN-json-e22f4ad73126c2971850.js → hi-IN-json-3898c9c1216b44476529.js} +1 -1
  4. package/dist/excalidraw-assets/locales/{id-ID-json-0e69caf5d919807ed234.js → id-ID-json-43d505d7071a0e359681.js} +1 -1
  5. package/dist/excalidraw-assets/locales/{kk-KZ-json-106d2a41c68f69765668.js → kk-KZ-json-f648362328b839e9313f.js} +1 -1
  6. package/dist/excalidraw-assets/locales/{pa-IN-json-0fd029451b07248c5194.js → pa-IN-json-d9ee09801ed220840b2b.js} +1 -1
  7. package/dist/excalidraw-assets/{vendor-53d1c69ef585b6dd219b.js → vendor-ef3c5d81a00ef582b871.js} +2 -2
  8. package/dist/excalidraw-assets-dev/{vendor-e6df8519da951026ff69.js → vendor-a14cd58fa2db417e42b2.js} +6 -6
  9. package/dist/excalidraw.development.js +2189 -2123
  10. package/dist/excalidraw.production.min.js +1 -1
  11. package/dist/excalidraw.production.min.js.LICENSE.txt +15 -0
  12. package/package.json +7 -2
  13. package/types/actions/actionAddToLibrary.d.ts +51 -25
  14. package/types/actions/actionAlign.d.ts +19 -20
  15. package/types/actions/actionBoundText.d.ts +38 -20
  16. package/types/actions/actionCanvas.d.ts +310 -88
  17. package/types/actions/actionClipboard.d.ts +81 -40
  18. package/types/actions/actionDeleteSelected.d.ts +45 -22
  19. package/types/actions/actionDistribute.d.ts +5 -6
  20. package/types/actions/actionDuplicateSelection.d.ts +0 -1
  21. package/types/actions/actionElementLock.d.ts +36 -19
  22. package/types/actions/actionExport.d.ts +161 -80
  23. package/types/actions/actionFinalize.d.ts +31 -17
  24. package/types/actions/actionFlip.d.ts +2 -3
  25. package/types/actions/actionFrame.d.ts +56 -30
  26. package/types/actions/actionGroup.d.ts +5 -6
  27. package/types/actions/actionLinearEditor.d.ts +19 -11
  28. package/types/actions/actionMenu.d.ts +51 -25
  29. package/types/actions/actionProperties.d.ts +221 -105
  30. package/types/actions/actionSelectAll.d.ts +0 -1
  31. package/types/actions/actionStyles.d.ts +17 -9
  32. package/types/actions/actionToggleGridMode.d.ts +17 -9
  33. package/types/actions/actionToggleStats.d.ts +17 -9
  34. package/types/actions/actionToggleViewMode.d.ts +17 -9
  35. package/types/actions/actionToggleZenMode.d.ts +17 -9
  36. package/types/actions/types.d.ts +4 -3
  37. package/types/appState.d.ts +7 -7
  38. package/types/colors.d.ts +9 -9
  39. package/types/components/App.d.ts +27 -1
  40. package/types/components/Button.d.ts +0 -1
  41. package/types/components/Card.d.ts +0 -1
  42. package/types/components/ColorPicker/keyboardNavHandlers.d.ts +0 -1
  43. package/types/components/DefaultSidebar.d.ts +0 -1
  44. package/types/components/EyeDropper.d.ts +0 -1
  45. package/types/components/HintViewer.d.ts +3 -4
  46. package/types/components/LayerUI.d.ts +2 -1
  47. package/types/components/LibraryMenuHeaderContent.d.ts +0 -1
  48. package/types/components/LibraryUnit.d.ts +0 -1
  49. package/types/components/LoadingMessage.d.ts +0 -1
  50. package/types/components/MobileMenu.d.ts +3 -2
  51. package/types/components/Section.d.ts +1 -1
  52. package/types/components/Sidebar/SidebarTab.d.ts +0 -1
  53. package/types/components/Sidebar/SidebarTabTrigger.d.ts +0 -1
  54. package/types/components/Sidebar/SidebarTabTriggers.d.ts +0 -1
  55. package/types/components/Sidebar/SidebarTabs.d.ts +0 -1
  56. package/types/components/Stack.d.ts +2 -2
  57. package/types/components/Trans.d.ts +2 -1
  58. package/types/components/dropdownMenu/DropdownMenuTrigger.d.ts +0 -1
  59. package/types/components/icons.d.ts +1 -0
  60. package/types/components/live-collaboration/LiveCollaborationTrigger.d.ts +0 -1
  61. package/types/components/welcome-screen/WelcomeScreen.Center.d.ts +0 -1
  62. package/types/components/welcome-screen/WelcomeScreen.d.ts +0 -1
  63. package/types/constants.d.ts +13 -3
  64. package/types/data/url.d.ts +7 -0
  65. package/types/element/Hyperlink.d.ts +26 -14
  66. package/types/element/collision.d.ts +2 -2
  67. package/types/element/embeddable.d.ts +153 -0
  68. package/types/element/linearElementEditor.d.ts +18 -10
  69. package/types/element/newElement.d.ts +5 -2
  70. package/types/element/transformHandles.d.ts +1 -1
  71. package/types/element/typeChecks.d.ts +2 -1
  72. package/types/element/types.d.ts +13 -2
  73. package/types/frame.d.ts +2 -2
  74. package/types/groups.d.ts +3 -3
  75. package/types/history.d.ts +3 -3
  76. package/types/hooks/useOutsideClick.d.ts +0 -1
  77. package/types/hooks/useScrollPosition.d.ts +0 -1
  78. package/types/i18n.d.ts +5 -2
  79. package/types/keys.d.ts +2 -0
  80. package/types/packages/excalidraw/index.d.ts +1 -0
  81. package/types/packages/excalidraw/webpack.dev.config.d.ts +5 -2
  82. package/types/packages/excalidraw/webpack.prod.config.d.ts +3 -0
  83. package/types/packages/utils.d.ts +2 -1
  84. package/types/renderer/renderElement.d.ts +1 -1
  85. package/types/renderer/renderScene.d.ts +2 -1
  86. package/types/scene/Scene.d.ts +13 -0
  87. package/types/scene/export.d.ts +1 -0
  88. package/types/scene/selection.d.ts +11 -1
  89. package/types/types.d.ts +20 -9
  90. package/types/utility-types.d.ts +3 -1
  91. package/types/utils.d.ts +42 -15
  92. /package/dist/excalidraw-assets/{vendor-53d1c69ef585b6dd219b.js.LICENSE.txt → vendor-ef3c5d81a00ef582b871.js.LICENSE.txt} +0 -0
  93. /package/types/packages/excalidraw/dist/excalidraw-assets/locales/{es-ES-json-f2467c6a875a9e288756.d.ts → es-ES-json-4f3da97feff33cb00e6d.d.ts} +0 -0
  94. /package/types/packages/excalidraw/dist/excalidraw-assets/locales/{hi-IN-json-e22f4ad73126c2971850.d.ts → hi-IN-json-3898c9c1216b44476529.d.ts} +0 -0
  95. /package/types/packages/excalidraw/dist/excalidraw-assets/locales/{id-ID-json-0e69caf5d919807ed234.d.ts → id-ID-json-43d505d7071a0e359681.d.ts} +0 -0
  96. /package/types/packages/excalidraw/dist/excalidraw-assets/locales/{kk-KZ-json-106d2a41c68f69765668.d.ts → kk-KZ-json-f648362328b839e9313f.d.ts} +0 -0
  97. /package/types/packages/excalidraw/dist/excalidraw-assets/locales/{pa-IN-json-0fd029451b07248c5194.d.ts → pa-IN-json-d9ee09801ed220840b2b.d.ts} +0 -0
  98. /package/types/packages/excalidraw/dist/excalidraw-assets/{vendor-53d1c69ef585b6dd219b.d.ts → vendor-ef3c5d81a00ef582b871.d.ts} +0 -0
  99. /package/types/packages/excalidraw/dist/excalidraw-assets-dev/{vendor-e6df8519da951026ff69.d.ts → vendor-a14cd58fa2db417e42b2.d.ts} +0 -0
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ExcalidrawElement } from "../element/types";
3
2
  import { AppState, NormalizedZoomValue } from "../types";
4
3
  export declare const actionChangeViewBackgroundColor: {
@@ -23,7 +22,7 @@ export declare const actionClearCanvas: {
23
22
  elements: ExcalidrawElement[];
24
23
  appState: {
25
24
  files: {};
26
- theme: string;
25
+ theme: import("../element/types").Theme;
27
26
  penMode: boolean;
28
27
  penDetected: boolean;
29
28
  exportBackground: boolean;
@@ -41,13 +40,19 @@ export declare const actionClearCanvas: {
41
40
  lastActiveTool: import("../types").LastActiveTool;
42
41
  locked: boolean;
43
42
  } & ({
44
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
43
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
45
44
  customType: null;
46
45
  } | {
47
46
  type: "custom";
48
47
  customType: string;
49
48
  });
50
49
  name: string;
50
+ toast: {
51
+ message: string;
52
+ closable?: boolean | undefined;
53
+ duration?: number | undefined;
54
+ } | null;
55
+ collaborators: Map<string, import("../types").Collaborator>;
51
56
  contextMenu: {
52
57
  items: import("../components/ContextMenu").ContextMenuItems;
53
58
  top: number;
@@ -56,6 +61,10 @@ export declare const actionClearCanvas: {
56
61
  showWelcomeScreen: boolean;
57
62
  isLoading: boolean;
58
63
  errorMessage: import("react").ReactNode;
64
+ activeEmbeddable: {
65
+ element: import("../element/types").NonDeletedExcalidrawElement;
66
+ state: "active" | "hover";
67
+ } | null;
59
68
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
60
69
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
61
70
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -64,7 +73,12 @@ export declare const actionClearCanvas: {
64
73
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
65
74
  suggestedBindings: import("../element/binding").SuggestedBinding[];
66
75
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
67
- shouldRenderFrames: boolean;
76
+ frameRendering: {
77
+ enabled: boolean;
78
+ name: boolean;
79
+ outline: boolean;
80
+ clip: boolean;
81
+ };
68
82
  editingFrame: string | null;
69
83
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
70
84
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -103,19 +117,14 @@ export declare const actionClearCanvas: {
103
117
  openDialog: "imageExport" | "help" | "jsonExport" | null;
104
118
  defaultSidebarDockedPreference: boolean;
105
119
  lastPointerDownWith: import("../element/types").PointerType;
106
- selectedElementIds: {
107
- [id: string]: boolean;
108
- };
120
+ selectedElementIds: Readonly<{
121
+ [id: string]: true;
122
+ }>;
109
123
  previousSelectedElementIds: {
110
- [id: string]: boolean;
124
+ [id: string]: true;
111
125
  };
112
126
  selectedElementsAreBeingDragged: boolean;
113
127
  shouldCacheIgnoreZoom: boolean;
114
- toast: {
115
- message: string;
116
- closable?: boolean | undefined;
117
- duration?: number | undefined;
118
- } | null;
119
128
  zenModeEnabled: boolean;
120
129
  viewModeEnabled: boolean;
121
130
  selectedGroupIds: {
@@ -123,10 +132,9 @@ export declare const actionClearCanvas: {
123
132
  };
124
133
  editingGroupId: string | null;
125
134
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
126
- collaborators: Map<string, import("../types").Collaborator>;
127
135
  currentChartType: import("../element/types").ChartType;
128
136
  pendingImageElementId: string | null;
129
- showHyperlinkPopup: false | "info" | "editor";
137
+ showHyperlinkPopup: false | "editor" | "info";
130
138
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
131
139
  };
132
140
  commitToHistory: true;
@@ -155,6 +163,10 @@ export declare const actionZoomIn: {
155
163
  showWelcomeScreen: boolean;
156
164
  isLoading: boolean;
157
165
  errorMessage: import("react").ReactNode;
166
+ activeEmbeddable: {
167
+ element: import("../element/types").NonDeletedExcalidrawElement;
168
+ state: "active" | "hover";
169
+ } | null;
158
170
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
159
171
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
160
172
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -163,7 +175,12 @@ export declare const actionZoomIn: {
163
175
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
164
176
  suggestedBindings: import("../element/binding").SuggestedBinding[];
165
177
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
166
- shouldRenderFrames: boolean;
178
+ frameRendering: {
179
+ enabled: boolean;
180
+ name: boolean;
181
+ outline: boolean;
182
+ clip: boolean;
183
+ };
167
184
  editingFrame: string | null;
168
185
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
169
186
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -172,7 +189,7 @@ export declare const actionZoomIn: {
172
189
  lastActiveTool: import("../types").LastActiveTool;
173
190
  locked: boolean;
174
191
  } & ({
175
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
192
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
176
193
  customType: null;
177
194
  } | {
178
195
  type: "custom";
@@ -212,11 +229,11 @@ export declare const actionZoomIn: {
212
229
  openDialog: "imageExport" | "help" | "jsonExport" | null;
213
230
  defaultSidebarDockedPreference: boolean;
214
231
  lastPointerDownWith: import("../element/types").PointerType;
215
- selectedElementIds: {
216
- [id: string]: boolean;
217
- };
232
+ selectedElementIds: Readonly<{
233
+ [id: string]: true;
234
+ }>;
218
235
  previousSelectedElementIds: {
219
- [id: string]: boolean;
236
+ [id: string]: true;
220
237
  };
221
238
  selectedElementsAreBeingDragged: boolean;
222
239
  shouldCacheIgnoreZoom: boolean;
@@ -226,7 +243,7 @@ export declare const actionZoomIn: {
226
243
  duration?: number | undefined;
227
244
  } | null;
228
245
  zenModeEnabled: boolean;
229
- theme: string;
246
+ theme: import("../element/types").Theme;
230
247
  gridSize: number | null;
231
248
  viewModeEnabled: boolean;
232
249
  selectedGroupIds: {
@@ -249,7 +266,7 @@ export declare const actionZoomIn: {
249
266
  data: import("../charts").Spreadsheet;
250
267
  };
251
268
  pendingImageElementId: string | null;
252
- showHyperlinkPopup: false | "info" | "editor";
269
+ showHyperlinkPopup: false | "editor" | "info";
253
270
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
254
271
  };
255
272
  commitToHistory: false;
@@ -280,6 +297,10 @@ export declare const actionZoomOut: {
280
297
  showWelcomeScreen: boolean;
281
298
  isLoading: boolean;
282
299
  errorMessage: import("react").ReactNode;
300
+ activeEmbeddable: {
301
+ element: import("../element/types").NonDeletedExcalidrawElement;
302
+ state: "active" | "hover";
303
+ } | null;
283
304
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
284
305
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
285
306
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -288,7 +309,12 @@ export declare const actionZoomOut: {
288
309
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
289
310
  suggestedBindings: import("../element/binding").SuggestedBinding[];
290
311
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
291
- shouldRenderFrames: boolean;
312
+ frameRendering: {
313
+ enabled: boolean;
314
+ name: boolean;
315
+ outline: boolean;
316
+ clip: boolean;
317
+ };
292
318
  editingFrame: string | null;
293
319
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
294
320
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -297,7 +323,7 @@ export declare const actionZoomOut: {
297
323
  lastActiveTool: import("../types").LastActiveTool;
298
324
  locked: boolean;
299
325
  } & ({
300
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
326
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
301
327
  customType: null;
302
328
  } | {
303
329
  type: "custom";
@@ -337,11 +363,11 @@ export declare const actionZoomOut: {
337
363
  openDialog: "imageExport" | "help" | "jsonExport" | null;
338
364
  defaultSidebarDockedPreference: boolean;
339
365
  lastPointerDownWith: import("../element/types").PointerType;
340
- selectedElementIds: {
341
- [id: string]: boolean;
342
- };
366
+ selectedElementIds: Readonly<{
367
+ [id: string]: true;
368
+ }>;
343
369
  previousSelectedElementIds: {
344
- [id: string]: boolean;
370
+ [id: string]: true;
345
371
  };
346
372
  selectedElementsAreBeingDragged: boolean;
347
373
  shouldCacheIgnoreZoom: boolean;
@@ -351,7 +377,7 @@ export declare const actionZoomOut: {
351
377
  duration?: number | undefined;
352
378
  } | null;
353
379
  zenModeEnabled: boolean;
354
- theme: string;
380
+ theme: import("../element/types").Theme;
355
381
  gridSize: number | null;
356
382
  viewModeEnabled: boolean;
357
383
  selectedGroupIds: {
@@ -374,7 +400,7 @@ export declare const actionZoomOut: {
374
400
  data: import("../charts").Spreadsheet;
375
401
  };
376
402
  pendingImageElementId: string | null;
377
- showHyperlinkPopup: false | "info" | "editor";
403
+ showHyperlinkPopup: false | "editor" | "info";
378
404
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
379
405
  };
380
406
  commitToHistory: false;
@@ -405,6 +431,10 @@ export declare const actionResetZoom: {
405
431
  showWelcomeScreen: boolean;
406
432
  isLoading: boolean;
407
433
  errorMessage: import("react").ReactNode;
434
+ activeEmbeddable: {
435
+ element: import("../element/types").NonDeletedExcalidrawElement;
436
+ state: "active" | "hover";
437
+ } | null;
408
438
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
409
439
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
410
440
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -413,7 +443,12 @@ export declare const actionResetZoom: {
413
443
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
414
444
  suggestedBindings: import("../element/binding").SuggestedBinding[];
415
445
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
416
- shouldRenderFrames: boolean;
446
+ frameRendering: {
447
+ enabled: boolean;
448
+ name: boolean;
449
+ outline: boolean;
450
+ clip: boolean;
451
+ };
417
452
  editingFrame: string | null;
418
453
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
419
454
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -422,7 +457,7 @@ export declare const actionResetZoom: {
422
457
  lastActiveTool: import("../types").LastActiveTool;
423
458
  locked: boolean;
424
459
  } & ({
425
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
460
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
426
461
  customType: null;
427
462
  } | {
428
463
  type: "custom";
@@ -462,11 +497,11 @@ export declare const actionResetZoom: {
462
497
  openDialog: "imageExport" | "help" | "jsonExport" | null;
463
498
  defaultSidebarDockedPreference: boolean;
464
499
  lastPointerDownWith: import("../element/types").PointerType;
465
- selectedElementIds: {
466
- [id: string]: boolean;
467
- };
500
+ selectedElementIds: Readonly<{
501
+ [id: string]: true;
502
+ }>;
468
503
  previousSelectedElementIds: {
469
- [id: string]: boolean;
504
+ [id: string]: true;
470
505
  };
471
506
  selectedElementsAreBeingDragged: boolean;
472
507
  shouldCacheIgnoreZoom: boolean;
@@ -476,7 +511,7 @@ export declare const actionResetZoom: {
476
511
  duration?: number | undefined;
477
512
  } | null;
478
513
  zenModeEnabled: boolean;
479
- theme: string;
514
+ theme: import("../element/types").Theme;
480
515
  gridSize: number | null;
481
516
  viewModeEnabled: boolean;
482
517
  selectedGroupIds: {
@@ -499,7 +534,7 @@ export declare const actionResetZoom: {
499
534
  data: import("../charts").Spreadsheet;
500
535
  };
501
536
  pendingImageElementId: string | null;
502
- showHyperlinkPopup: false | "info" | "editor";
537
+ showHyperlinkPopup: false | "editor" | "info";
503
538
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
504
539
  };
505
540
  commitToHistory: false;
@@ -509,13 +544,20 @@ export declare const actionResetZoom: {
509
544
  } & {
510
545
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
511
546
  };
512
- export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, zoomToSelection: boolean) => {
547
+ export declare const zoomToFit: ({ targetElements, appState, fitToViewport, viewportZoomFactor, }: {
548
+ targetElements: readonly ExcalidrawElement[];
549
+ appState: Readonly<AppState>;
550
+ /** whether to fit content to viewport (beyond >100%) */
551
+ fitToViewport: boolean;
552
+ /** zoom content to cover X of the viewport, when fitToViewport=true */
553
+ viewportZoomFactor?: number | undefined;
554
+ }) => {
513
555
  appState: {
556
+ scrollX: number;
557
+ scrollY: number;
514
558
  zoom: {
515
559
  value: NormalizedZoomValue;
516
560
  };
517
- scrollX: number;
518
- scrollY: number;
519
561
  contextMenu: {
520
562
  items: import("../components/ContextMenu").ContextMenuItems;
521
563
  top: number;
@@ -524,6 +566,10 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
524
566
  showWelcomeScreen: boolean;
525
567
  isLoading: boolean;
526
568
  errorMessage: import("react").ReactNode;
569
+ activeEmbeddable: {
570
+ element: import("../element/types").NonDeletedExcalidrawElement;
571
+ state: "active" | "hover";
572
+ } | null;
527
573
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
528
574
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
529
575
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -532,7 +578,12 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
532
578
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
533
579
  suggestedBindings: import("../element/binding").SuggestedBinding[];
534
580
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
535
- shouldRenderFrames: boolean;
581
+ frameRendering: {
582
+ enabled: boolean;
583
+ name: boolean;
584
+ outline: boolean;
585
+ clip: boolean;
586
+ };
536
587
  editingFrame: string | null;
537
588
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
538
589
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -541,7 +592,7 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
541
592
  lastActiveTool: import("../types").LastActiveTool;
542
593
  locked: boolean;
543
594
  } & ({
544
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
595
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
545
596
  customType: null;
546
597
  } | {
547
598
  type: "custom";
@@ -581,11 +632,11 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
581
632
  openDialog: "imageExport" | "help" | "jsonExport" | null;
582
633
  defaultSidebarDockedPreference: boolean;
583
634
  lastPointerDownWith: import("../element/types").PointerType;
584
- selectedElementIds: {
585
- [id: string]: boolean;
586
- };
635
+ selectedElementIds: Readonly<{
636
+ [id: string]: true;
637
+ }>;
587
638
  previousSelectedElementIds: {
588
- [id: string]: boolean;
639
+ [id: string]: true;
589
640
  };
590
641
  selectedElementsAreBeingDragged: boolean;
591
642
  shouldCacheIgnoreZoom: boolean;
@@ -595,7 +646,7 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
595
646
  duration?: number | undefined;
596
647
  } | null;
597
648
  zenModeEnabled: boolean;
598
- theme: string;
649
+ theme: import("../element/types").Theme;
599
650
  gridSize: number | null;
600
651
  viewModeEnabled: boolean;
601
652
  selectedGroupIds: {
@@ -618,23 +669,155 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
618
669
  data: import("../charts").Spreadsheet;
619
670
  };
620
671
  pendingImageElementId: string | null;
621
- showHyperlinkPopup: false | "info" | "editor";
672
+ showHyperlinkPopup: false | "editor" | "info";
622
673
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
623
674
  };
624
675
  commitToHistory: boolean;
625
676
  };
626
- export declare const actionZoomToSelected: {
627
- name: "zoomToSelection";
677
+ export declare const actionZoomToFitSelectionInViewport: {
678
+ name: "zoomToFitSelectionInViewport";
628
679
  trackEvent: {
629
680
  category: "canvas";
630
681
  };
631
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
682
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
632
683
  appState: {
684
+ scrollX: number;
685
+ scrollY: number;
633
686
  zoom: {
634
687
  value: NormalizedZoomValue;
635
688
  };
689
+ contextMenu: {
690
+ items: import("../components/ContextMenu").ContextMenuItems;
691
+ top: number;
692
+ left: number;
693
+ } | null;
694
+ showWelcomeScreen: boolean;
695
+ isLoading: boolean;
696
+ errorMessage: import("react").ReactNode;
697
+ activeEmbeddable: {
698
+ element: import("../element/types").NonDeletedExcalidrawElement;
699
+ state: "active" | "hover";
700
+ } | null;
701
+ draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
702
+ resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
703
+ multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
704
+ selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
705
+ isBindingEnabled: boolean;
706
+ startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
707
+ suggestedBindings: import("../element/binding").SuggestedBinding[];
708
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
709
+ frameRendering: {
710
+ enabled: boolean;
711
+ name: boolean;
712
+ outline: boolean;
713
+ clip: boolean;
714
+ };
715
+ editingFrame: string | null;
716
+ elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
717
+ editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
718
+ editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
719
+ activeTool: {
720
+ lastActiveTool: import("../types").LastActiveTool;
721
+ locked: boolean;
722
+ } & ({
723
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
724
+ customType: null;
725
+ } | {
726
+ type: "custom";
727
+ customType: string;
728
+ });
729
+ penMode: boolean;
730
+ penDetected: boolean;
731
+ exportBackground: boolean;
732
+ exportEmbedScene: boolean;
733
+ exportWithDarkMode: boolean;
734
+ exportScale: number;
735
+ currentItemStrokeColor: string;
736
+ currentItemBackgroundColor: string;
737
+ currentItemFillStyle: import("../element/types").FillStyle;
738
+ currentItemStrokeWidth: number;
739
+ currentItemStrokeStyle: import("../element/types").StrokeStyle;
740
+ currentItemRoughness: number;
741
+ currentItemOpacity: number;
742
+ currentItemFontFamily: number;
743
+ currentItemFontSize: number;
744
+ currentItemTextAlign: string;
745
+ currentItemStartArrowhead: import("../element/types").Arrowhead | null;
746
+ currentItemEndArrowhead: import("../element/types").Arrowhead | null;
747
+ currentItemRoundness: import("../element/types").StrokeRoundness;
748
+ viewBackgroundColor: string;
749
+ cursorButton: "up" | "down";
750
+ scrolledOutside: boolean;
751
+ name: string;
752
+ isResizing: boolean;
753
+ isRotating: boolean;
754
+ openMenu: "canvas" | "shape" | null;
755
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
756
+ openSidebar: {
757
+ name: string;
758
+ tab?: string | undefined;
759
+ } | null;
760
+ openDialog: "imageExport" | "help" | "jsonExport" | null;
761
+ defaultSidebarDockedPreference: boolean;
762
+ lastPointerDownWith: import("../element/types").PointerType;
763
+ selectedElementIds: Readonly<{
764
+ [id: string]: true;
765
+ }>;
766
+ previousSelectedElementIds: {
767
+ [id: string]: true;
768
+ };
769
+ selectedElementsAreBeingDragged: boolean;
770
+ shouldCacheIgnoreZoom: boolean;
771
+ toast: {
772
+ message: string;
773
+ closable?: boolean | undefined;
774
+ duration?: number | undefined;
775
+ } | null;
776
+ zenModeEnabled: boolean;
777
+ theme: import("../element/types").Theme;
778
+ gridSize: number | null;
779
+ viewModeEnabled: boolean;
780
+ selectedGroupIds: {
781
+ [groupId: string]: boolean;
782
+ };
783
+ editingGroupId: string | null;
784
+ width: number;
785
+ height: number;
786
+ offsetTop: number;
787
+ offsetLeft: number;
788
+ fileHandle: import("browser-fs-access").FileSystemHandle | null;
789
+ collaborators: Map<string, import("../types").Collaborator>;
790
+ showStats: boolean;
791
+ currentChartType: import("../element/types").ChartType;
792
+ pasteDialog: {
793
+ shown: false;
794
+ data: null;
795
+ } | {
796
+ shown: true;
797
+ data: import("../charts").Spreadsheet;
798
+ };
799
+ pendingImageElementId: string | null;
800
+ showHyperlinkPopup: false | "editor" | "info";
801
+ selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
802
+ };
803
+ commitToHistory: boolean;
804
+ };
805
+ keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
806
+ } & {
807
+ keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
808
+ };
809
+ export declare const actionZoomToFitSelection: {
810
+ name: "zoomToFitSelection";
811
+ trackEvent: {
812
+ category: "canvas";
813
+ };
814
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
815
+ appState: {
636
816
  scrollX: number;
637
817
  scrollY: number;
818
+ zoom: {
819
+ value: NormalizedZoomValue;
820
+ };
638
821
  contextMenu: {
639
822
  items: import("../components/ContextMenu").ContextMenuItems;
640
823
  top: number;
@@ -643,6 +826,10 @@ export declare const actionZoomToSelected: {
643
826
  showWelcomeScreen: boolean;
644
827
  isLoading: boolean;
645
828
  errorMessage: import("react").ReactNode;
829
+ activeEmbeddable: {
830
+ element: import("../element/types").NonDeletedExcalidrawElement;
831
+ state: "active" | "hover";
832
+ } | null;
646
833
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
647
834
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
648
835
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -651,7 +838,12 @@ export declare const actionZoomToSelected: {
651
838
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
652
839
  suggestedBindings: import("../element/binding").SuggestedBinding[];
653
840
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
654
- shouldRenderFrames: boolean;
841
+ frameRendering: {
842
+ enabled: boolean;
843
+ name: boolean;
844
+ outline: boolean;
845
+ clip: boolean;
846
+ };
655
847
  editingFrame: string | null;
656
848
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
657
849
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -660,7 +852,7 @@ export declare const actionZoomToSelected: {
660
852
  lastActiveTool: import("../types").LastActiveTool;
661
853
  locked: boolean;
662
854
  } & ({
663
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
855
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
664
856
  customType: null;
665
857
  } | {
666
858
  type: "custom";
@@ -700,11 +892,11 @@ export declare const actionZoomToSelected: {
700
892
  openDialog: "imageExport" | "help" | "jsonExport" | null;
701
893
  defaultSidebarDockedPreference: boolean;
702
894
  lastPointerDownWith: import("../element/types").PointerType;
703
- selectedElementIds: {
704
- [id: string]: boolean;
705
- };
895
+ selectedElementIds: Readonly<{
896
+ [id: string]: true;
897
+ }>;
706
898
  previousSelectedElementIds: {
707
- [id: string]: boolean;
899
+ [id: string]: true;
708
900
  };
709
901
  selectedElementsAreBeingDragged: boolean;
710
902
  shouldCacheIgnoreZoom: boolean;
@@ -714,7 +906,7 @@ export declare const actionZoomToSelected: {
714
906
  duration?: number | undefined;
715
907
  } | null;
716
908
  zenModeEnabled: boolean;
717
- theme: string;
909
+ theme: import("../element/types").Theme;
718
910
  gridSize: number | null;
719
911
  viewModeEnabled: boolean;
720
912
  selectedGroupIds: {
@@ -737,7 +929,7 @@ export declare const actionZoomToSelected: {
737
929
  data: import("../charts").Spreadsheet;
738
930
  };
739
931
  pendingImageElementId: string | null;
740
- showHyperlinkPopup: false | "info" | "editor";
932
+ showHyperlinkPopup: false | "editor" | "info";
741
933
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
742
934
  };
743
935
  commitToHistory: boolean;
@@ -754,11 +946,11 @@ export declare const actionZoomToFit: {
754
946
  };
755
947
  perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
756
948
  appState: {
949
+ scrollX: number;
950
+ scrollY: number;
757
951
  zoom: {
758
952
  value: NormalizedZoomValue;
759
953
  };
760
- scrollX: number;
761
- scrollY: number;
762
954
  contextMenu: {
763
955
  items: import("../components/ContextMenu").ContextMenuItems;
764
956
  top: number;
@@ -767,6 +959,10 @@ export declare const actionZoomToFit: {
767
959
  showWelcomeScreen: boolean;
768
960
  isLoading: boolean;
769
961
  errorMessage: import("react").ReactNode;
962
+ activeEmbeddable: {
963
+ element: import("../element/types").NonDeletedExcalidrawElement;
964
+ state: "active" | "hover";
965
+ } | null;
770
966
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
771
967
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
772
968
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -775,7 +971,12 @@ export declare const actionZoomToFit: {
775
971
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
776
972
  suggestedBindings: import("../element/binding").SuggestedBinding[];
777
973
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
778
- shouldRenderFrames: boolean;
974
+ frameRendering: {
975
+ enabled: boolean;
976
+ name: boolean;
977
+ outline: boolean;
978
+ clip: boolean;
979
+ };
779
980
  editingFrame: string | null;
780
981
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
781
982
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -784,7 +985,7 @@ export declare const actionZoomToFit: {
784
985
  lastActiveTool: import("../types").LastActiveTool;
785
986
  locked: boolean;
786
987
  } & ({
787
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
988
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
788
989
  customType: null;
789
990
  } | {
790
991
  type: "custom";
@@ -824,11 +1025,11 @@ export declare const actionZoomToFit: {
824
1025
  openDialog: "imageExport" | "help" | "jsonExport" | null;
825
1026
  defaultSidebarDockedPreference: boolean;
826
1027
  lastPointerDownWith: import("../element/types").PointerType;
827
- selectedElementIds: {
828
- [id: string]: boolean;
829
- };
1028
+ selectedElementIds: Readonly<{
1029
+ [id: string]: true;
1030
+ }>;
830
1031
  previousSelectedElementIds: {
831
- [id: string]: boolean;
1032
+ [id: string]: true;
832
1033
  };
833
1034
  selectedElementsAreBeingDragged: boolean;
834
1035
  shouldCacheIgnoreZoom: boolean;
@@ -838,7 +1039,7 @@ export declare const actionZoomToFit: {
838
1039
  duration?: number | undefined;
839
1040
  } | null;
840
1041
  zenModeEnabled: boolean;
841
- theme: string;
1042
+ theme: import("../element/types").Theme;
842
1043
  gridSize: number | null;
843
1044
  viewModeEnabled: boolean;
844
1045
  selectedGroupIds: {
@@ -861,7 +1062,7 @@ export declare const actionZoomToFit: {
861
1062
  data: import("../charts").Spreadsheet;
862
1063
  };
863
1064
  pendingImageElementId: string | null;
864
- showHyperlinkPopup: false | "info" | "editor";
1065
+ showHyperlinkPopup: false | "editor" | "info";
865
1066
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
866
1067
  };
867
1068
  commitToHistory: boolean;
@@ -887,6 +1088,10 @@ export declare const actionToggleTheme: {
887
1088
  showWelcomeScreen: boolean;
888
1089
  isLoading: boolean;
889
1090
  errorMessage: import("react").ReactNode;
1091
+ activeEmbeddable: {
1092
+ element: import("../element/types").NonDeletedExcalidrawElement;
1093
+ state: "active" | "hover";
1094
+ } | null;
890
1095
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
891
1096
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
892
1097
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -895,7 +1100,12 @@ export declare const actionToggleTheme: {
895
1100
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
896
1101
  suggestedBindings: import("../element/binding").SuggestedBinding[];
897
1102
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
898
- shouldRenderFrames: boolean;
1103
+ frameRendering: {
1104
+ enabled: boolean;
1105
+ name: boolean;
1106
+ outline: boolean;
1107
+ clip: boolean;
1108
+ };
899
1109
  editingFrame: string | null;
900
1110
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
901
1111
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -904,7 +1114,7 @@ export declare const actionToggleTheme: {
904
1114
  lastActiveTool: import("../types").LastActiveTool;
905
1115
  locked: boolean;
906
1116
  } & ({
907
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1117
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
908
1118
  customType: null;
909
1119
  } | {
910
1120
  type: "custom";
@@ -949,11 +1159,11 @@ export declare const actionToggleTheme: {
949
1159
  openDialog: "imageExport" | "help" | "jsonExport" | null;
950
1160
  defaultSidebarDockedPreference: boolean;
951
1161
  lastPointerDownWith: import("../element/types").PointerType;
952
- selectedElementIds: {
953
- [id: string]: boolean;
954
- };
1162
+ selectedElementIds: Readonly<{
1163
+ [id: string]: true;
1164
+ }>;
955
1165
  previousSelectedElementIds: {
956
- [id: string]: boolean;
1166
+ [id: string]: true;
957
1167
  };
958
1168
  selectedElementsAreBeingDragged: boolean;
959
1169
  shouldCacheIgnoreZoom: boolean;
@@ -985,7 +1195,7 @@ export declare const actionToggleTheme: {
985
1195
  data: import("../charts").Spreadsheet;
986
1196
  };
987
1197
  pendingImageElementId: string | null;
988
- showHyperlinkPopup: false | "info" | "editor";
1198
+ showHyperlinkPopup: false | "editor" | "info";
989
1199
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
990
1200
  };
991
1201
  commitToHistory: false;
@@ -1004,11 +1214,12 @@ export declare const actionToggleEraserTool: {
1004
1214
  appState: {
1005
1215
  selectedElementIds: {};
1006
1216
  selectedGroupIds: {};
1217
+ activeEmbeddable: null;
1007
1218
  activeTool: {
1008
1219
  lastActiveTool: import("../types").LastActiveTool;
1009
1220
  locked: boolean;
1010
1221
  } & ({
1011
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1222
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1012
1223
  customType: null;
1013
1224
  } | {
1014
1225
  type: "custom";
@@ -1030,7 +1241,12 @@ export declare const actionToggleEraserTool: {
1030
1241
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
1031
1242
  suggestedBindings: import("../element/binding").SuggestedBinding[];
1032
1243
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
1033
- shouldRenderFrames: boolean;
1244
+ frameRendering: {
1245
+ enabled: boolean;
1246
+ name: boolean;
1247
+ outline: boolean;
1248
+ clip: boolean;
1249
+ };
1034
1250
  editingFrame: string | null;
1035
1251
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
1036
1252
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -1075,7 +1291,7 @@ export declare const actionToggleEraserTool: {
1075
1291
  defaultSidebarDockedPreference: boolean;
1076
1292
  lastPointerDownWith: import("../element/types").PointerType;
1077
1293
  previousSelectedElementIds: {
1078
- [id: string]: boolean;
1294
+ [id: string]: true;
1079
1295
  };
1080
1296
  selectedElementsAreBeingDragged: boolean;
1081
1297
  shouldCacheIgnoreZoom: boolean;
@@ -1085,7 +1301,7 @@ export declare const actionToggleEraserTool: {
1085
1301
  duration?: number | undefined;
1086
1302
  } | null;
1087
1303
  zenModeEnabled: boolean;
1088
- theme: string;
1304
+ theme: import("../element/types").Theme;
1089
1305
  gridSize: number | null;
1090
1306
  viewModeEnabled: boolean;
1091
1307
  editingGroupId: string | null;
@@ -1105,7 +1321,7 @@ export declare const actionToggleEraserTool: {
1105
1321
  data: import("../charts").Spreadsheet;
1106
1322
  };
1107
1323
  pendingImageElementId: string | null;
1108
- showHyperlinkPopup: false | "info" | "editor";
1324
+ showHyperlinkPopup: false | "editor" | "info";
1109
1325
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
1110
1326
  };
1111
1327
  commitToHistory: true;
@@ -1123,11 +1339,12 @@ export declare const actionToggleHandTool: {
1123
1339
  appState: {
1124
1340
  selectedElementIds: {};
1125
1341
  selectedGroupIds: {};
1342
+ activeEmbeddable: null;
1126
1343
  activeTool: {
1127
1344
  lastActiveTool: import("../types").LastActiveTool;
1128
1345
  locked: boolean;
1129
1346
  } & ({
1130
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1347
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1131
1348
  customType: null;
1132
1349
  } | {
1133
1350
  type: "custom";
@@ -1149,7 +1366,12 @@ export declare const actionToggleHandTool: {
1149
1366
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
1150
1367
  suggestedBindings: import("../element/binding").SuggestedBinding[];
1151
1368
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
1152
- shouldRenderFrames: boolean;
1369
+ frameRendering: {
1370
+ enabled: boolean;
1371
+ name: boolean;
1372
+ outline: boolean;
1373
+ clip: boolean;
1374
+ };
1153
1375
  editingFrame: string | null;
1154
1376
  elementsToHighlight: import("../element/types").NonDeleted<ExcalidrawElement>[] | null;
1155
1377
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -1194,7 +1416,7 @@ export declare const actionToggleHandTool: {
1194
1416
  defaultSidebarDockedPreference: boolean;
1195
1417
  lastPointerDownWith: import("../element/types").PointerType;
1196
1418
  previousSelectedElementIds: {
1197
- [id: string]: boolean;
1419
+ [id: string]: true;
1198
1420
  };
1199
1421
  selectedElementsAreBeingDragged: boolean;
1200
1422
  shouldCacheIgnoreZoom: boolean;
@@ -1204,7 +1426,7 @@ export declare const actionToggleHandTool: {
1204
1426
  duration?: number | undefined;
1205
1427
  } | null;
1206
1428
  zenModeEnabled: boolean;
1207
- theme: string;
1429
+ theme: import("../element/types").Theme;
1208
1430
  gridSize: number | null;
1209
1431
  viewModeEnabled: boolean;
1210
1432
  editingGroupId: string | null;
@@ -1224,7 +1446,7 @@ export declare const actionToggleHandTool: {
1224
1446
  data: import("../charts").Spreadsheet;
1225
1447
  };
1226
1448
  pendingImageElementId: string | null;
1227
- showHyperlinkPopup: false | "info" | "editor";
1449
+ showHyperlinkPopup: false | "editor" | "info";
1228
1450
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
1229
1451
  };
1230
1452
  commitToHistory: true;