@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,4 @@
1
- /// <reference types="react" />
1
+ import { Theme } from "../element/types";
2
2
  import "../components/ToolIcon.scss";
3
3
  export declare const actionChangeProjectName: {
4
4
  name: "changeProjectName";
@@ -14,6 +14,10 @@ export declare const actionChangeProjectName: {
14
14
  showWelcomeScreen: boolean;
15
15
  isLoading: boolean;
16
16
  errorMessage: import("react").ReactNode;
17
+ activeEmbeddable: {
18
+ element: import("../element/types").NonDeletedExcalidrawElement;
19
+ state: "active" | "hover";
20
+ } | null;
17
21
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
18
22
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
19
23
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -22,7 +26,12 @@ export declare const actionChangeProjectName: {
22
26
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
23
27
  suggestedBindings: import("../element/binding").SuggestedBinding[];
24
28
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
25
- shouldRenderFrames: boolean;
29
+ frameRendering: {
30
+ enabled: boolean;
31
+ name: boolean;
32
+ outline: boolean;
33
+ clip: boolean;
34
+ };
26
35
  editingFrame: string | null;
27
36
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
28
37
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -31,7 +40,7 @@ export declare const actionChangeProjectName: {
31
40
  lastActiveTool: import("../types").LastActiveTool;
32
41
  locked: boolean;
33
42
  } & ({
34
- 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";
35
44
  customType: null;
36
45
  } | {
37
46
  type: "custom";
@@ -75,11 +84,11 @@ export declare const actionChangeProjectName: {
75
84
  openDialog: "imageExport" | "help" | "jsonExport" | null;
76
85
  defaultSidebarDockedPreference: boolean;
77
86
  lastPointerDownWith: import("../element/types").PointerType;
78
- selectedElementIds: {
79
- [id: string]: boolean;
80
- };
87
+ selectedElementIds: Readonly<{
88
+ [id: string]: true;
89
+ }>;
81
90
  previousSelectedElementIds: {
82
- [id: string]: boolean;
91
+ [id: string]: true;
83
92
  };
84
93
  selectedElementsAreBeingDragged: boolean;
85
94
  shouldCacheIgnoreZoom: boolean;
@@ -89,7 +98,7 @@ export declare const actionChangeProjectName: {
89
98
  duration?: number | undefined;
90
99
  } | null;
91
100
  zenModeEnabled: boolean;
92
- theme: string;
101
+ theme: Theme;
93
102
  gridSize: number | null;
94
103
  viewModeEnabled: boolean;
95
104
  selectedGroupIds: {
@@ -112,7 +121,7 @@ export declare const actionChangeProjectName: {
112
121
  data: import("../charts").Spreadsheet;
113
122
  };
114
123
  pendingImageElementId: string | null;
115
- showHyperlinkPopup: false | "info" | "editor";
124
+ showHyperlinkPopup: false | "editor" | "info";
116
125
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
117
126
  };
118
127
  commitToHistory: false;
@@ -138,6 +147,10 @@ export declare const actionChangeExportScale: {
138
147
  showWelcomeScreen: boolean;
139
148
  isLoading: boolean;
140
149
  errorMessage: import("react").ReactNode;
150
+ activeEmbeddable: {
151
+ element: import("../element/types").NonDeletedExcalidrawElement;
152
+ state: "active" | "hover";
153
+ } | null;
141
154
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
142
155
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
143
156
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -146,7 +159,12 @@ export declare const actionChangeExportScale: {
146
159
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
147
160
  suggestedBindings: import("../element/binding").SuggestedBinding[];
148
161
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
149
- shouldRenderFrames: boolean;
162
+ frameRendering: {
163
+ enabled: boolean;
164
+ name: boolean;
165
+ outline: boolean;
166
+ clip: boolean;
167
+ };
150
168
  editingFrame: string | null;
151
169
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
152
170
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -155,7 +173,7 @@ export declare const actionChangeExportScale: {
155
173
  lastActiveTool: import("../types").LastActiveTool;
156
174
  locked: boolean;
157
175
  } & ({
158
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
176
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
159
177
  customType: null;
160
178
  } | {
161
179
  type: "custom";
@@ -199,11 +217,11 @@ export declare const actionChangeExportScale: {
199
217
  openDialog: "imageExport" | "help" | "jsonExport" | null;
200
218
  defaultSidebarDockedPreference: boolean;
201
219
  lastPointerDownWith: import("../element/types").PointerType;
202
- selectedElementIds: {
203
- [id: string]: boolean;
204
- };
220
+ selectedElementIds: Readonly<{
221
+ [id: string]: true;
222
+ }>;
205
223
  previousSelectedElementIds: {
206
- [id: string]: boolean;
224
+ [id: string]: true;
207
225
  };
208
226
  selectedElementsAreBeingDragged: boolean;
209
227
  shouldCacheIgnoreZoom: boolean;
@@ -213,7 +231,7 @@ export declare const actionChangeExportScale: {
213
231
  duration?: number | undefined;
214
232
  } | null;
215
233
  zenModeEnabled: boolean;
216
- theme: string;
234
+ theme: Theme;
217
235
  gridSize: number | null;
218
236
  viewModeEnabled: boolean;
219
237
  selectedGroupIds: {
@@ -236,7 +254,7 @@ export declare const actionChangeExportScale: {
236
254
  data: import("../charts").Spreadsheet;
237
255
  };
238
256
  pendingImageElementId: string | null;
239
- showHyperlinkPopup: false | "info" | "editor";
257
+ showHyperlinkPopup: false | "editor" | "info";
240
258
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
241
259
  };
242
260
  commitToHistory: false;
@@ -262,6 +280,10 @@ export declare const actionChangeExportBackground: {
262
280
  showWelcomeScreen: boolean;
263
281
  isLoading: boolean;
264
282
  errorMessage: import("react").ReactNode;
283
+ activeEmbeddable: {
284
+ element: import("../element/types").NonDeletedExcalidrawElement;
285
+ state: "active" | "hover";
286
+ } | null;
265
287
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
266
288
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
267
289
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -270,7 +292,12 @@ export declare const actionChangeExportBackground: {
270
292
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
271
293
  suggestedBindings: import("../element/binding").SuggestedBinding[];
272
294
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
273
- shouldRenderFrames: boolean;
295
+ frameRendering: {
296
+ enabled: boolean;
297
+ name: boolean;
298
+ outline: boolean;
299
+ clip: boolean;
300
+ };
274
301
  editingFrame: string | null;
275
302
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
276
303
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -279,7 +306,7 @@ export declare const actionChangeExportBackground: {
279
306
  lastActiveTool: import("../types").LastActiveTool;
280
307
  locked: boolean;
281
308
  } & ({
282
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
309
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
283
310
  customType: null;
284
311
  } | {
285
312
  type: "custom";
@@ -323,11 +350,11 @@ export declare const actionChangeExportBackground: {
323
350
  openDialog: "imageExport" | "help" | "jsonExport" | null;
324
351
  defaultSidebarDockedPreference: boolean;
325
352
  lastPointerDownWith: import("../element/types").PointerType;
326
- selectedElementIds: {
327
- [id: string]: boolean;
328
- };
353
+ selectedElementIds: Readonly<{
354
+ [id: string]: true;
355
+ }>;
329
356
  previousSelectedElementIds: {
330
- [id: string]: boolean;
357
+ [id: string]: true;
331
358
  };
332
359
  selectedElementsAreBeingDragged: boolean;
333
360
  shouldCacheIgnoreZoom: boolean;
@@ -337,7 +364,7 @@ export declare const actionChangeExportBackground: {
337
364
  duration?: number | undefined;
338
365
  } | null;
339
366
  zenModeEnabled: boolean;
340
- theme: string;
367
+ theme: Theme;
341
368
  gridSize: number | null;
342
369
  viewModeEnabled: boolean;
343
370
  selectedGroupIds: {
@@ -360,7 +387,7 @@ export declare const actionChangeExportBackground: {
360
387
  data: import("../charts").Spreadsheet;
361
388
  };
362
389
  pendingImageElementId: string | null;
363
- showHyperlinkPopup: false | "info" | "editor";
390
+ showHyperlinkPopup: false | "editor" | "info";
364
391
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
365
392
  };
366
393
  commitToHistory: false;
@@ -386,6 +413,10 @@ export declare const actionChangeExportEmbedScene: {
386
413
  showWelcomeScreen: boolean;
387
414
  isLoading: boolean;
388
415
  errorMessage: import("react").ReactNode;
416
+ activeEmbeddable: {
417
+ element: import("../element/types").NonDeletedExcalidrawElement;
418
+ state: "active" | "hover";
419
+ } | null;
389
420
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
390
421
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
391
422
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -394,7 +425,12 @@ export declare const actionChangeExportEmbedScene: {
394
425
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
395
426
  suggestedBindings: import("../element/binding").SuggestedBinding[];
396
427
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
397
- shouldRenderFrames: boolean;
428
+ frameRendering: {
429
+ enabled: boolean;
430
+ name: boolean;
431
+ outline: boolean;
432
+ clip: boolean;
433
+ };
398
434
  editingFrame: string | null;
399
435
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
400
436
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -403,7 +439,7 @@ export declare const actionChangeExportEmbedScene: {
403
439
  lastActiveTool: import("../types").LastActiveTool;
404
440
  locked: boolean;
405
441
  } & ({
406
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
442
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
407
443
  customType: null;
408
444
  } | {
409
445
  type: "custom";
@@ -447,11 +483,11 @@ export declare const actionChangeExportEmbedScene: {
447
483
  openDialog: "imageExport" | "help" | "jsonExport" | null;
448
484
  defaultSidebarDockedPreference: boolean;
449
485
  lastPointerDownWith: import("../element/types").PointerType;
450
- selectedElementIds: {
451
- [id: string]: boolean;
452
- };
486
+ selectedElementIds: Readonly<{
487
+ [id: string]: true;
488
+ }>;
453
489
  previousSelectedElementIds: {
454
- [id: string]: boolean;
490
+ [id: string]: true;
455
491
  };
456
492
  selectedElementsAreBeingDragged: boolean;
457
493
  shouldCacheIgnoreZoom: boolean;
@@ -461,7 +497,7 @@ export declare const actionChangeExportEmbedScene: {
461
497
  duration?: number | undefined;
462
498
  } | null;
463
499
  zenModeEnabled: boolean;
464
- theme: string;
500
+ theme: Theme;
465
501
  gridSize: number | null;
466
502
  viewModeEnabled: boolean;
467
503
  selectedGroupIds: {
@@ -484,7 +520,7 @@ export declare const actionChangeExportEmbedScene: {
484
520
  data: import("../charts").Spreadsheet;
485
521
  };
486
522
  pendingImageElementId: string | null;
487
- showHyperlinkPopup: false | "info" | "editor";
523
+ showHyperlinkPopup: false | "editor" | "info";
488
524
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
489
525
  };
490
526
  commitToHistory: false;
@@ -514,6 +550,10 @@ export declare const actionSaveToActiveFile: {
514
550
  showWelcomeScreen: boolean;
515
551
  isLoading: boolean;
516
552
  errorMessage: import("react").ReactNode;
553
+ activeEmbeddable: {
554
+ element: import("../element/types").NonDeletedExcalidrawElement;
555
+ state: "active" | "hover";
556
+ } | null;
517
557
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
518
558
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
519
559
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -522,7 +562,12 @@ export declare const actionSaveToActiveFile: {
522
562
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
523
563
  suggestedBindings: import("../element/binding").SuggestedBinding[];
524
564
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
525
- shouldRenderFrames: boolean;
565
+ frameRendering: {
566
+ enabled: boolean;
567
+ name: boolean;
568
+ outline: boolean;
569
+ clip: boolean;
570
+ };
526
571
  editingFrame: string | null;
527
572
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
528
573
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -531,7 +576,7 @@ export declare const actionSaveToActiveFile: {
531
576
  lastActiveTool: import("../types").LastActiveTool;
532
577
  locked: boolean;
533
578
  } & ({
534
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
579
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
535
580
  customType: null;
536
581
  } | {
537
582
  type: "custom";
@@ -576,16 +621,16 @@ export declare const actionSaveToActiveFile: {
576
621
  openDialog: "imageExport" | "help" | "jsonExport" | null;
577
622
  defaultSidebarDockedPreference: boolean;
578
623
  lastPointerDownWith: import("../element/types").PointerType;
579
- selectedElementIds: {
580
- [id: string]: boolean;
581
- };
624
+ selectedElementIds: Readonly<{
625
+ [id: string]: true;
626
+ }>;
582
627
  previousSelectedElementIds: {
583
- [id: string]: boolean;
628
+ [id: string]: true;
584
629
  };
585
630
  selectedElementsAreBeingDragged: boolean;
586
631
  shouldCacheIgnoreZoom: boolean;
587
632
  zenModeEnabled: boolean;
588
- theme: string;
633
+ theme: Theme;
589
634
  gridSize: number | null;
590
635
  viewModeEnabled: boolean;
591
636
  selectedGroupIds: {
@@ -607,7 +652,7 @@ export declare const actionSaveToActiveFile: {
607
652
  data: import("../charts").Spreadsheet;
608
653
  };
609
654
  pendingImageElementId: string | null;
610
- showHyperlinkPopup: false | "info" | "editor";
655
+ showHyperlinkPopup: false | "editor" | "info";
611
656
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
612
657
  };
613
658
  } | {
@@ -636,6 +681,10 @@ export declare const actionSaveFileToDisk: {
636
681
  showWelcomeScreen: boolean;
637
682
  isLoading: boolean;
638
683
  errorMessage: import("react").ReactNode;
684
+ activeEmbeddable: {
685
+ element: import("../element/types").NonDeletedExcalidrawElement;
686
+ state: "active" | "hover";
687
+ } | null;
639
688
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
640
689
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
641
690
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -644,7 +693,12 @@ export declare const actionSaveFileToDisk: {
644
693
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
645
694
  suggestedBindings: import("../element/binding").SuggestedBinding[];
646
695
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
647
- shouldRenderFrames: boolean;
696
+ frameRendering: {
697
+ enabled: boolean;
698
+ name: boolean;
699
+ outline: boolean;
700
+ clip: boolean;
701
+ };
648
702
  editingFrame: string | null;
649
703
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
650
704
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -653,7 +707,7 @@ export declare const actionSaveFileToDisk: {
653
707
  lastActiveTool: import("../types").LastActiveTool;
654
708
  locked: boolean;
655
709
  } & ({
656
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
710
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
657
711
  customType: null;
658
712
  } | {
659
713
  type: "custom";
@@ -698,11 +752,11 @@ export declare const actionSaveFileToDisk: {
698
752
  openDialog: "imageExport" | "help" | "jsonExport" | null;
699
753
  defaultSidebarDockedPreference: boolean;
700
754
  lastPointerDownWith: import("../element/types").PointerType;
701
- selectedElementIds: {
702
- [id: string]: boolean;
703
- };
755
+ selectedElementIds: Readonly<{
756
+ [id: string]: true;
757
+ }>;
704
758
  previousSelectedElementIds: {
705
- [id: string]: boolean;
759
+ [id: string]: true;
706
760
  };
707
761
  selectedElementsAreBeingDragged: boolean;
708
762
  shouldCacheIgnoreZoom: boolean;
@@ -712,7 +766,7 @@ export declare const actionSaveFileToDisk: {
712
766
  duration?: number | undefined;
713
767
  } | null;
714
768
  zenModeEnabled: boolean;
715
- theme: string;
769
+ theme: Theme;
716
770
  gridSize: number | null;
717
771
  viewModeEnabled: boolean;
718
772
  selectedGroupIds: {
@@ -734,7 +788,7 @@ export declare const actionSaveFileToDisk: {
734
788
  data: import("../charts").Spreadsheet;
735
789
  };
736
790
  pendingImageElementId: string | null;
737
- showHyperlinkPopup: false | "info" | "editor";
791
+ showHyperlinkPopup: false | "editor" | "info";
738
792
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
739
793
  };
740
794
  } | {
@@ -755,18 +809,25 @@ export declare const actionLoadScene: {
755
809
  perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => Promise<false | {
756
810
  elements: import("../element/types").ExcalidrawElement[];
757
811
  appState: {
758
- theme: string;
812
+ theme: Theme;
759
813
  name: string;
760
814
  activeTool: {
761
815
  lastActiveTool: import("../types").LastActiveTool;
762
816
  locked: boolean;
763
817
  } & ({
764
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
818
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
765
819
  customType: null;
766
820
  } | {
767
821
  type: "custom";
768
822
  customType: string;
769
823
  });
824
+ toast: {
825
+ message: string;
826
+ closable?: boolean | undefined;
827
+ duration?: number | undefined;
828
+ } | null;
829
+ collaborators: Map<string, import("../types").Collaborator>;
830
+ penMode: boolean;
770
831
  contextMenu: {
771
832
  items: import("../components/ContextMenu").ContextMenuItems;
772
833
  top: number;
@@ -775,6 +836,10 @@ export declare const actionLoadScene: {
775
836
  showWelcomeScreen: boolean;
776
837
  isLoading: boolean;
777
838
  errorMessage: import("react").ReactNode;
839
+ activeEmbeddable: {
840
+ element: import("../element/types").NonDeletedExcalidrawElement;
841
+ state: "active" | "hover";
842
+ } | null;
778
843
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
779
844
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
780
845
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -783,12 +848,16 @@ export declare const actionLoadScene: {
783
848
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
784
849
  suggestedBindings: import("../element/binding").SuggestedBinding[];
785
850
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
786
- shouldRenderFrames: boolean;
851
+ frameRendering: {
852
+ enabled: boolean;
853
+ name: boolean;
854
+ outline: boolean;
855
+ clip: boolean;
856
+ };
787
857
  editingFrame: string | null;
788
858
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
789
859
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
790
860
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
791
- penMode: boolean;
792
861
  penDetected: boolean;
793
862
  exportBackground: boolean;
794
863
  exportEmbedScene: boolean;
@@ -826,19 +895,14 @@ export declare const actionLoadScene: {
826
895
  openDialog: "imageExport" | "help" | "jsonExport" | null;
827
896
  defaultSidebarDockedPreference: boolean;
828
897
  lastPointerDownWith: import("../element/types").PointerType;
829
- selectedElementIds: {
830
- [id: string]: boolean;
831
- };
898
+ selectedElementIds: Readonly<{
899
+ [id: string]: true;
900
+ }>;
832
901
  previousSelectedElementIds: {
833
- [id: string]: boolean;
902
+ [id: string]: true;
834
903
  };
835
904
  selectedElementsAreBeingDragged: boolean;
836
905
  shouldCacheIgnoreZoom: boolean;
837
- toast: {
838
- message: string;
839
- closable?: boolean | undefined;
840
- duration?: number | undefined;
841
- } | null;
842
906
  zenModeEnabled: boolean;
843
907
  gridSize: number | null;
844
908
  viewModeEnabled: boolean;
@@ -847,7 +911,6 @@ export declare const actionLoadScene: {
847
911
  };
848
912
  editingGroupId: string | null;
849
913
  fileHandle: import("browser-fs-access").FileSystemHandle | null;
850
- collaborators: Map<string, import("../types").Collaborator>;
851
914
  showStats: boolean;
852
915
  currentChartType: import("../element/types").ChartType;
853
916
  pasteDialog: {
@@ -858,7 +921,7 @@ export declare const actionLoadScene: {
858
921
  data: import("../charts").Spreadsheet;
859
922
  };
860
923
  pendingImageElementId: string | null;
861
- showHyperlinkPopup: false | "info" | "editor";
924
+ showHyperlinkPopup: false | "editor" | "info";
862
925
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
863
926
  };
864
927
  files: import("../types").BinaryFiles;
@@ -874,6 +937,10 @@ export declare const actionLoadScene: {
874
937
  } | null;
875
938
  showWelcomeScreen: boolean;
876
939
  isLoading: boolean;
940
+ activeEmbeddable: {
941
+ element: import("../element/types").NonDeletedExcalidrawElement;
942
+ state: "active" | "hover";
943
+ } | null;
877
944
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
878
945
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
879
946
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -882,7 +949,12 @@ export declare const actionLoadScene: {
882
949
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
883
950
  suggestedBindings: import("../element/binding").SuggestedBinding[];
884
951
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
885
- shouldRenderFrames: boolean;
952
+ frameRendering: {
953
+ enabled: boolean;
954
+ name: boolean;
955
+ outline: boolean;
956
+ clip: boolean;
957
+ };
886
958
  editingFrame: string | null;
887
959
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
888
960
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -891,7 +963,7 @@ export declare const actionLoadScene: {
891
963
  lastActiveTool: import("../types").LastActiveTool;
892
964
  locked: boolean;
893
965
  } & ({
894
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
966
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
895
967
  customType: null;
896
968
  } | {
897
969
  type: "custom";
@@ -936,11 +1008,11 @@ export declare const actionLoadScene: {
936
1008
  openDialog: "imageExport" | "help" | "jsonExport" | null;
937
1009
  defaultSidebarDockedPreference: boolean;
938
1010
  lastPointerDownWith: import("../element/types").PointerType;
939
- selectedElementIds: {
940
- [id: string]: boolean;
941
- };
1011
+ selectedElementIds: Readonly<{
1012
+ [id: string]: true;
1013
+ }>;
942
1014
  previousSelectedElementIds: {
943
- [id: string]: boolean;
1015
+ [id: string]: true;
944
1016
  };
945
1017
  selectedElementsAreBeingDragged: boolean;
946
1018
  shouldCacheIgnoreZoom: boolean;
@@ -950,7 +1022,7 @@ export declare const actionLoadScene: {
950
1022
  duration?: number | undefined;
951
1023
  } | null;
952
1024
  zenModeEnabled: boolean;
953
- theme: string;
1025
+ theme: Theme;
954
1026
  gridSize: number | null;
955
1027
  viewModeEnabled: boolean;
956
1028
  selectedGroupIds: {
@@ -973,7 +1045,7 @@ export declare const actionLoadScene: {
973
1045
  data: import("../charts").Spreadsheet;
974
1046
  };
975
1047
  pendingImageElementId: string | null;
976
- showHyperlinkPopup: false | "info" | "editor";
1048
+ showHyperlinkPopup: false | "editor" | "info";
977
1049
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
978
1050
  };
979
1051
  files: import("../types").BinaryFiles;
@@ -1000,6 +1072,10 @@ export declare const actionExportWithDarkMode: {
1000
1072
  showWelcomeScreen: boolean;
1001
1073
  isLoading: boolean;
1002
1074
  errorMessage: import("react").ReactNode;
1075
+ activeEmbeddable: {
1076
+ element: import("../element/types").NonDeletedExcalidrawElement;
1077
+ state: "active" | "hover";
1078
+ } | null;
1003
1079
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
1004
1080
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
1005
1081
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -1008,7 +1084,12 @@ export declare const actionExportWithDarkMode: {
1008
1084
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
1009
1085
  suggestedBindings: import("../element/binding").SuggestedBinding[];
1010
1086
  frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
1011
- shouldRenderFrames: boolean;
1087
+ frameRendering: {
1088
+ enabled: boolean;
1089
+ name: boolean;
1090
+ outline: boolean;
1091
+ clip: boolean;
1092
+ };
1012
1093
  editingFrame: string | null;
1013
1094
  elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
1014
1095
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -1017,7 +1098,7 @@ export declare const actionExportWithDarkMode: {
1017
1098
  lastActiveTool: import("../types").LastActiveTool;
1018
1099
  locked: boolean;
1019
1100
  } & ({
1020
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1101
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
1021
1102
  customType: null;
1022
1103
  } | {
1023
1104
  type: "custom";
@@ -1061,11 +1142,11 @@ export declare const actionExportWithDarkMode: {
1061
1142
  openDialog: "imageExport" | "help" | "jsonExport" | null;
1062
1143
  defaultSidebarDockedPreference: boolean;
1063
1144
  lastPointerDownWith: import("../element/types").PointerType;
1064
- selectedElementIds: {
1065
- [id: string]: boolean;
1066
- };
1145
+ selectedElementIds: Readonly<{
1146
+ [id: string]: true;
1147
+ }>;
1067
1148
  previousSelectedElementIds: {
1068
- [id: string]: boolean;
1149
+ [id: string]: true;
1069
1150
  };
1070
1151
  selectedElementsAreBeingDragged: boolean;
1071
1152
  shouldCacheIgnoreZoom: boolean;
@@ -1075,7 +1156,7 @@ export declare const actionExportWithDarkMode: {
1075
1156
  duration?: number | undefined;
1076
1157
  } | null;
1077
1158
  zenModeEnabled: boolean;
1078
- theme: string;
1159
+ theme: Theme;
1079
1160
  gridSize: number | null;
1080
1161
  viewModeEnabled: boolean;
1081
1162
  selectedGroupIds: {
@@ -1098,7 +1179,7 @@ export declare const actionExportWithDarkMode: {
1098
1179
  data: import("../charts").Spreadsheet;
1099
1180
  };
1100
1181
  pendingImageElementId: string | null;
1101
- showHyperlinkPopup: false | "info" | "editor";
1182
+ showHyperlinkPopup: false | "editor" | "info";
1102
1183
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
1103
1184
  };
1104
1185
  commitToHistory: false;