@dwelle/excalidraw 0.4.0-d68dd48 → 0.4.0-da7ef3e

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 (199) hide show
  1. package/CHANGELOG.md +280 -2
  2. package/README.md +4 -0
  3. package/dist/excalidraw-assets/{vendor-2002fe1b8862917b36c1.js → vendor-d415b28e9024dee4bb1b.js} +2 -2
  4. package/dist/excalidraw-assets-dev/{vendor-e6df8519da951026ff69.js → vendor-a14cd58fa2db417e42b2.js} +6 -6
  5. package/dist/excalidraw.development.js +2863 -1610
  6. package/dist/excalidraw.production.min.js +1 -1
  7. package/main.js +1 -8
  8. package/package.json +8 -3
  9. package/types/actions/actionAddToLibrary.d.ts +99 -31
  10. package/types/actions/actionAlign.d.ts +25 -20
  11. package/types/actions/actionBoundText.d.ts +70 -24
  12. package/types/actions/actionCanvas.d.ts +477 -109
  13. package/types/actions/actionClipboard.d.ts +161 -50
  14. package/types/actions/actionDeleteSelected.d.ts +93 -28
  15. package/types/actions/actionDistribute.d.ts +7 -8
  16. package/types/actions/actionDuplicateSelection.d.ts +0 -1
  17. package/types/actions/actionElementLock.d.ts +283 -0
  18. package/types/actions/actionExport.d.ts +342 -135
  19. package/types/actions/actionFinalize.d.ts +64 -22
  20. package/types/actions/actionFlip.d.ts +4 -7
  21. package/types/actions/actionFrame.d.ts +441 -0
  22. package/types/actions/actionGroup.d.ts +258 -9
  23. package/types/actions/actionHistory.d.ts +1 -1
  24. package/types/actions/actionLinearEditor.d.ts +35 -13
  25. package/types/actions/actionMenu.d.ts +100 -33
  26. package/types/actions/actionNavigate.d.ts +1 -1
  27. package/types/actions/actionProperties.d.ts +433 -133
  28. package/types/actions/actionSelectAll.d.ts +127 -2
  29. package/types/actions/actionStyles.d.ts +33 -11
  30. package/types/actions/actionToggleGridMode.d.ts +33 -11
  31. package/types/actions/{actionToggleLock.d.ts → actionToggleObjectsSnapMode.d.ts} +47 -23
  32. package/types/actions/actionToggleStats.d.ts +33 -11
  33. package/types/actions/actionToggleViewMode.d.ts +33 -11
  34. package/types/actions/actionToggleZenMode.d.ts +33 -11
  35. package/types/actions/actionZindex.d.ts +4 -4
  36. package/types/actions/index.d.ts +2 -1
  37. package/types/actions/manager.d.ts +1 -1
  38. package/types/actions/shortcuts.d.ts +1 -1
  39. package/types/actions/types.d.ts +10 -9
  40. package/types/appState.d.ts +13 -9
  41. package/types/charts.d.ts +2 -2
  42. package/types/clients.d.ts +5 -6
  43. package/types/clipboard.d.ts +3 -2
  44. package/types/colors.d.ts +60 -5
  45. package/types/components/Actions.d.ts +7 -7
  46. package/types/components/ActiveConfirmDialog.d.ts +1 -21
  47. package/types/components/App.d.ts +62 -15
  48. package/types/components/Avatar.d.ts +1 -2
  49. package/types/components/Button.d.ts +3 -2
  50. package/types/components/Card.d.ts +0 -1
  51. package/types/components/ColorPicker/ColorInput.d.ts +9 -0
  52. package/types/components/ColorPicker/ColorPicker.d.ts +19 -0
  53. package/types/components/ColorPicker/CustomColorList.d.ts +8 -0
  54. package/types/components/ColorPicker/HotkeyLabel.d.ts +8 -0
  55. package/types/components/ColorPicker/Picker.d.ts +18 -0
  56. package/types/components/ColorPicker/PickerColorList.d.ts +10 -0
  57. package/types/components/ColorPicker/PickerHeading.d.ts +5 -0
  58. package/types/components/ColorPicker/ShadeList.d.ts +8 -0
  59. package/types/components/ColorPicker/TopPicks.d.ts +9 -0
  60. package/types/components/ColorPicker/colorPickerUtils.d.ts +21 -0
  61. package/types/components/ColorPicker/keyboardNavHandlers.d.ts +20 -0
  62. package/types/components/ContextMenu.d.ts +3 -3
  63. package/types/components/DefaultSidebar.d.ts +29 -0
  64. package/types/components/Dialog.d.ts +3 -4
  65. package/types/components/ExcalidrawLogo.d.ts +15 -0
  66. package/types/components/EyeDropper.d.ts +28 -0
  67. package/types/components/FilledButton.d.ts +17 -0
  68. package/types/components/FixedSideContainer.d.ts +1 -1
  69. package/types/components/HandButton.d.ts +1 -1
  70. package/types/components/HelpButton.d.ts +1 -1
  71. package/types/components/HintViewer.d.ts +4 -5
  72. package/types/components/HomeButton.d.ts +1 -1
  73. package/types/components/ImageExportDialog.d.ts +8 -13
  74. package/types/components/Island.d.ts +1 -1
  75. package/types/components/JSONExportDialog.d.ts +5 -5
  76. package/types/components/LayerUI.d.ts +7 -11
  77. package/types/components/LibraryMenu.d.ts +13 -14
  78. package/types/components/LibraryMenuBrowseButton.d.ts +2 -2
  79. package/types/components/LibraryMenuControlButtons.d.ts +9 -0
  80. package/types/components/LibraryMenuHeaderContent.d.ts +10 -28
  81. package/types/components/LibraryMenuItems.d.ts +6 -7
  82. package/types/components/LibraryMenuSection.d.ts +22 -0
  83. package/types/components/LibraryUnit.d.ts +6 -3
  84. package/types/components/LoadingMessage.d.ts +0 -1
  85. package/types/components/LockButton.d.ts +1 -1
  86. package/types/components/MobileMenu.d.ts +7 -6
  87. package/types/components/OverwriteConfirm/OverwriteConfirm.d.ts +17 -0
  88. package/types/components/OverwriteConfirm/OverwriteConfirmActions.d.ts +17 -0
  89. package/types/components/OverwriteConfirm/OverwriteConfirmState.d.ts +22 -0
  90. package/types/components/PasteChartDialog.d.ts +4 -5
  91. package/types/components/PenModeButton.d.ts +1 -1
  92. package/types/components/Popover.d.ts +1 -1
  93. package/types/components/ProjectName.d.ts +2 -1
  94. package/types/components/PublishLibrary.d.ts +2 -2
  95. package/types/components/RadioGroup.d.ts +12 -0
  96. package/types/components/Section.d.ts +1 -1
  97. package/types/components/Sidebar/Sidebar.d.ts +66 -63
  98. package/types/components/Sidebar/SidebarHeader.d.ts +6 -19
  99. package/types/components/Sidebar/SidebarTab.d.ts +8 -0
  100. package/types/components/Sidebar/SidebarTabTrigger.d.ts +9 -0
  101. package/types/components/Sidebar/SidebarTabTriggers.d.ts +6 -0
  102. package/types/components/Sidebar/SidebarTabs.d.ts +6 -0
  103. package/types/components/Sidebar/SidebarTrigger.d.ts +6 -0
  104. package/types/components/Sidebar/common.d.ts +24 -7
  105. package/types/components/Spinner.d.ts +2 -1
  106. package/types/components/Stack.d.ts +4 -3
  107. package/types/components/Stats.d.ts +3 -3
  108. package/types/components/Switch.d.ts +9 -0
  109. package/types/components/ToolButton.d.ts +5 -4
  110. package/types/components/Tooltip.d.ts +1 -1
  111. package/types/components/Trans.d.ts +9 -0
  112. package/types/components/canvases/InteractiveCanvas.d.ts +27 -0
  113. package/types/components/canvases/StaticCanvas.d.ts +18 -0
  114. package/types/components/canvases/index.d.ts +3 -0
  115. package/types/components/dropdownMenu/DropdownMenu.d.ts +3 -2
  116. package/types/components/dropdownMenu/DropdownMenuTrigger.d.ts +3 -2
  117. package/types/components/footer/Footer.d.ts +2 -2
  118. package/types/components/icons.d.ts +12 -1
  119. package/types/components/live-collaboration/LiveCollaborationTrigger.d.ts +0 -1
  120. package/types/components/main-menu/MainMenu.d.ts +3 -2
  121. package/types/components/welcome-screen/WelcomeScreen.Center.d.ts +0 -1
  122. package/types/components/welcome-screen/WelcomeScreen.d.ts +0 -1
  123. package/types/constants.d.ts +64 -9
  124. package/types/context/tunnels.d.ts +19 -0
  125. package/types/context/ui-appState.d.ts +4 -0
  126. package/types/data/blob.d.ts +2 -2
  127. package/types/data/encode.d.ts +1 -1
  128. package/types/data/filesystem.d.ts +2 -1
  129. package/types/data/library.d.ts +3 -45
  130. package/types/data/restore.d.ts +2 -2
  131. package/types/data/transform.d.ts +71 -0
  132. package/types/data/types.d.ts +3 -5
  133. package/types/data/url.d.ts +7 -0
  134. package/types/element/Hyperlink.d.ts +44 -18
  135. package/types/element/binding.d.ts +4 -3
  136. package/types/element/bounds.d.ts +30 -6
  137. package/types/element/collision.d.ts +7 -7
  138. package/types/element/dragElements.d.ts +12 -2
  139. package/types/element/embeddable.d.ts +159 -0
  140. package/types/element/image.d.ts +11 -1
  141. package/types/element/index.d.ts +3 -2
  142. package/types/element/linearElementEditor.d.ts +38 -16
  143. package/types/element/mutateElement.d.ts +1 -1
  144. package/types/element/newElement.d.ts +21 -7
  145. package/types/element/resizeElements.d.ts +3 -2
  146. package/types/element/showSelectedShapeActions.d.ts +2 -2
  147. package/types/element/sizeHelpers.d.ts +8 -1
  148. package/types/element/textElement.d.ts +7 -8
  149. package/types/element/textWysiwyg.d.ts +1 -1
  150. package/types/element/transformHandles.d.ts +15 -8
  151. package/types/element/typeChecks.d.ts +3 -1
  152. package/types/element/types.d.ts +51 -35
  153. package/types/emitter.d.ts +1 -1
  154. package/types/errors.d.ts +1 -1
  155. package/types/frame.d.ts +40 -0
  156. package/types/ga.d.ts +5 -5
  157. package/types/groups.d.ts +15 -11
  158. package/types/history.d.ts +3 -3
  159. package/types/hooks/useCreatePortalContainer.d.ts +4 -0
  160. package/types/hooks/useLibraryItemSvg.d.ts +11 -0
  161. package/types/hooks/useOutsideClick.d.ts +19 -2
  162. package/types/hooks/useScrollPosition.d.ts +1 -0
  163. package/types/hooks/useStable.d.ts +1 -0
  164. package/types/hooks/useTransition.d.ts +2 -0
  165. package/types/i18n.d.ts +7 -4
  166. package/types/jotai.d.ts +16 -104
  167. package/types/keys.d.ts +5 -1
  168. package/types/math.d.ts +3 -0
  169. package/types/packages/excalidraw/example/initialData.d.ts +182 -64
  170. package/types/packages/excalidraw/index.d.ts +5 -2
  171. package/types/packages/excalidraw/main.d.ts +3 -1
  172. package/types/packages/excalidraw/webpack.dev.config.d.ts +5 -2
  173. package/types/packages/excalidraw/webpack.prod.config.d.ts +3 -0
  174. package/types/packages/utils.d.ts +5 -2
  175. package/types/renderer/renderElement.d.ts +11 -22
  176. package/types/renderer/renderScene.d.ts +19 -27
  177. package/types/renderer/renderSnaps.d.ts +2 -0
  178. package/types/renderer/roundRect.d.ts +1 -1
  179. package/types/scene/Renderer.d.ts +25 -0
  180. package/types/scene/Scene.d.ts +27 -5
  181. package/types/scene/Shape.d.ts +12 -0
  182. package/types/scene/ShapeCache.d.ts +20 -0
  183. package/types/scene/export.d.ts +37 -11
  184. package/types/scene/scroll.d.ts +1 -1
  185. package/types/scene/scrollbars.d.ts +2 -6
  186. package/types/scene/selection.d.ts +27 -6
  187. package/types/scene/types.d.ts +69 -34
  188. package/types/snapping.d.ts +108 -0
  189. package/types/types.d.ts +161 -56
  190. package/types/utility-types.d.ts +16 -14
  191. package/types/utils.d.ts +64 -24
  192. package/types/zindex.d.ts +4 -4
  193. package/types/components/ColorPicker.d.ts +0 -14
  194. package/types/components/LibraryButton.d.ts +0 -8
  195. package/types/components/context/tunnels.d.ts +0 -16
  196. package/types/components/hoc/withUpstreamOverride.d.ts +0 -10
  197. /package/dist/excalidraw-assets/{vendor-2002fe1b8862917b36c1.js.LICENSE.txt → vendor-d415b28e9024dee4bb1b.js.LICENSE.txt} +0 -0
  198. /package/types/packages/excalidraw/dist/excalidraw-assets/{vendor-2002fe1b8862917b36c1.d.ts → vendor-d415b28e9024dee4bb1b.d.ts} +0 -0
  199. /package/types/packages/excalidraw/dist/excalidraw-assets-dev/{vendor-e6df8519da951026ff69.d.ts → vendor-a14cd58fa2db417e42b2.d.ts} +0 -0
package/types/actions/actionClipboard.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const actionCopy: {
3
2
  name: "copy";
4
3
  trackEvent: {
@@ -44,6 +43,10 @@ export declare const actionCut: {
44
43
  showWelcomeScreen: boolean;
45
44
  isLoading: boolean;
46
45
  errorMessage: import("react").ReactNode;
46
+ activeEmbeddable: {
47
+ element: import("../element/types").NonDeletedExcalidrawElement;
48
+ state: "active" | "hover";
49
+ } | null;
47
50
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
48
51
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
49
52
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -51,12 +54,21 @@ export declare const actionCut: {
51
54
  isBindingEnabled: boolean;
52
55
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
53
56
  suggestedBindings: import("../element/binding").SuggestedBinding[];
57
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
58
+ frameRendering: {
59
+ enabled: boolean;
60
+ name: boolean;
61
+ outline: boolean;
62
+ clip: boolean;
63
+ };
64
+ editingFrame: string | null;
65
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
54
66
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
55
67
  activeTool: {
56
68
  lastActiveTool: import("../types").LastActiveTool;
57
69
  locked: boolean;
58
70
  } & ({
59
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
71
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
60
72
  customType: null;
61
73
  } | {
62
74
  type: "custom";
@@ -93,17 +105,21 @@ export declare const actionCut: {
93
105
  value: import("../types").NormalizedZoomValue;
94
106
  }>;
95
107
  openMenu: "canvas" | "shape" | null;
96
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
97
- openSidebar: "library" | "customSidebar" | null;
108
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
109
+ openSidebar: {
110
+ name: string;
111
+ tab?: string | undefined;
112
+ } | null;
98
113
  openDialog: "imageExport" | "help" | "jsonExport" | null;
99
- isSidebarDocked: boolean;
114
+ defaultSidebarDockedPreference: boolean;
100
115
  lastPointerDownWith: import("../element/types").PointerType;
101
- selectedElementIds: {
102
- [id: string]: boolean;
103
- };
116
+ selectedElementIds: Readonly<{
117
+ [id: string]: true;
118
+ }>;
104
119
  previousSelectedElementIds: {
105
- [id: string]: boolean;
120
+ [id: string]: true;
106
121
  };
122
+ selectedElementsAreBeingDragged: boolean;
107
123
  shouldCacheIgnoreZoom: boolean;
108
124
  toast: {
109
125
  message: string;
@@ -111,7 +127,7 @@ export declare const actionCut: {
111
127
  duration?: number | undefined;
112
128
  } | null;
113
129
  zenModeEnabled: boolean;
114
- theme: string;
130
+ theme: import("../element/types").Theme;
115
131
  gridSize: number | null;
116
132
  viewModeEnabled: boolean;
117
133
  selectedGroupIds: {
@@ -134,8 +150,14 @@ export declare const actionCut: {
134
150
  data: import("../charts").Spreadsheet;
135
151
  };
136
152
  pendingImageElementId: string | null;
137
- showHyperlinkPopup: false | "info" | "editor";
153
+ showHyperlinkPopup: false | "editor" | "info";
138
154
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
155
+ snapLines: import("../snapping").SnapLine[];
156
+ originSnapOffset: {
157
+ x: number;
158
+ y: number;
159
+ } | null;
160
+ objectsSnapModeEnabled: boolean;
139
161
  };
140
162
  commitToHistory: false;
141
163
  } | {
@@ -178,6 +200,10 @@ export declare const actionCut: {
178
200
  showWelcomeScreen: boolean;
179
201
  isLoading: boolean;
180
202
  errorMessage: import("react").ReactNode;
203
+ activeEmbeddable: {
204
+ element: import("../element/types").NonDeletedExcalidrawElement;
205
+ state: "active" | "hover";
206
+ } | null;
181
207
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
182
208
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
183
209
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -185,12 +211,21 @@ export declare const actionCut: {
185
211
  isBindingEnabled: boolean;
186
212
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
187
213
  suggestedBindings: import("../element/binding").SuggestedBinding[];
214
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
215
+ frameRendering: {
216
+ enabled: boolean;
217
+ name: boolean;
218
+ outline: boolean;
219
+ clip: boolean;
220
+ };
221
+ editingFrame: string | null;
222
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
188
223
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
189
224
  activeTool: {
190
225
  lastActiveTool: import("../types").LastActiveTool;
191
226
  locked: boolean;
192
227
  } & ({
193
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
228
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
194
229
  customType: null;
195
230
  } | {
196
231
  type: "custom";
@@ -227,17 +262,21 @@ export declare const actionCut: {
227
262
  value: import("../types").NormalizedZoomValue;
228
263
  }>;
229
264
  openMenu: "canvas" | "shape" | null;
230
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
231
- openSidebar: "library" | "customSidebar" | null;
265
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
266
+ openSidebar: {
267
+ name: string;
268
+ tab?: string | undefined;
269
+ } | null;
232
270
  openDialog: "imageExport" | "help" | "jsonExport" | null;
233
- isSidebarDocked: boolean;
271
+ defaultSidebarDockedPreference: boolean;
234
272
  lastPointerDownWith: import("../element/types").PointerType;
235
- selectedElementIds: {
236
- [id: string]: boolean;
237
- };
273
+ selectedElementIds: Readonly<{
274
+ [id: string]: true;
275
+ }>;
238
276
  previousSelectedElementIds: {
239
- [id: string]: boolean;
277
+ [id: string]: true;
240
278
  };
279
+ selectedElementsAreBeingDragged: boolean;
241
280
  shouldCacheIgnoreZoom: boolean;
242
281
  toast: {
243
282
  message: string;
@@ -245,7 +284,7 @@ export declare const actionCut: {
245
284
  duration?: number | undefined;
246
285
  } | null;
247
286
  zenModeEnabled: boolean;
248
- theme: string;
287
+ theme: import("../element/types").Theme;
249
288
  gridSize: number | null;
250
289
  viewModeEnabled: boolean;
251
290
  selectedGroupIds: {
@@ -268,8 +307,14 @@ export declare const actionCut: {
268
307
  data: import("../charts").Spreadsheet;
269
308
  };
270
309
  pendingImageElementId: string | null;
271
- showHyperlinkPopup: false | "info" | "editor";
310
+ showHyperlinkPopup: false | "editor" | "info";
272
311
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
312
+ snapLines: import("../snapping").SnapLine[];
313
+ originSnapOffset: {
314
+ x: number;
315
+ y: number;
316
+ } | null;
317
+ objectsSnapModeEnabled: boolean;
273
318
  };
274
319
  commitToHistory: true;
275
320
  } | {
@@ -279,13 +324,14 @@ export declare const actionCut: {
279
324
  lastActiveTool: import("../types").LastActiveTool;
280
325
  locked: boolean;
281
326
  } & ({
282
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
327
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
283
328
  customType: null;
284
329
  } | {
285
330
  type: "custom";
286
331
  customType: string;
287
332
  });
288
333
  multiElement: null;
334
+ activeEmbeddable: null;
289
335
  selectedElementIds: {};
290
336
  contextMenu: {
291
337
  items: import("../components/ContextMenu").ContextMenuItems;
@@ -301,6 +347,15 @@ export declare const actionCut: {
301
347
  isBindingEnabled: boolean;
302
348
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
303
349
  suggestedBindings: import("../element/binding").SuggestedBinding[];
350
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
351
+ frameRendering: {
352
+ enabled: boolean;
353
+ name: boolean;
354
+ outline: boolean;
355
+ clip: boolean;
356
+ };
357
+ editingFrame: string | null;
358
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
304
359
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
305
360
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
306
361
  penMode: boolean;
@@ -334,14 +389,18 @@ export declare const actionCut: {
334
389
  value: import("../types").NormalizedZoomValue;
335
390
  }>;
336
391
  openMenu: "canvas" | "shape" | null;
337
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
338
- openSidebar: "library" | "customSidebar" | null;
392
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
393
+ openSidebar: {
394
+ name: string;
395
+ tab?: string | undefined;
396
+ } | null;
339
397
  openDialog: "imageExport" | "help" | "jsonExport" | null;
340
- isSidebarDocked: boolean;
398
+ defaultSidebarDockedPreference: boolean;
341
399
  lastPointerDownWith: import("../element/types").PointerType;
342
400
  previousSelectedElementIds: {
343
- [id: string]: boolean;
401
+ [id: string]: true;
344
402
  };
403
+ selectedElementsAreBeingDragged: boolean;
345
404
  shouldCacheIgnoreZoom: boolean;
346
405
  toast: {
347
406
  message: string;
@@ -349,7 +408,7 @@ export declare const actionCut: {
349
408
  duration?: number | undefined;
350
409
  } | null;
351
410
  zenModeEnabled: boolean;
352
- theme: string;
411
+ theme: import("../element/types").Theme;
353
412
  gridSize: number | null;
354
413
  viewModeEnabled: boolean;
355
414
  selectedGroupIds: {
@@ -372,8 +431,14 @@ export declare const actionCut: {
372
431
  data: import("../charts").Spreadsheet;
373
432
  };
374
433
  pendingImageElementId: string | null;
375
- showHyperlinkPopup: false | "info" | "editor";
434
+ showHyperlinkPopup: false | "editor" | "info";
376
435
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
436
+ snapLines: import("../snapping").SnapLine[];
437
+ originSnapOffset: {
438
+ x: number;
439
+ y: number;
440
+ } | null;
441
+ objectsSnapModeEnabled: boolean;
377
442
  };
378
443
  commitToHistory: boolean;
379
444
  };
@@ -401,6 +466,10 @@ export declare const actionCopyAsSvg: {
401
466
  } | null;
402
467
  showWelcomeScreen: boolean;
403
468
  isLoading: boolean;
469
+ activeEmbeddable: {
470
+ element: import("../element/types").NonDeletedExcalidrawElement;
471
+ state: "active" | "hover";
472
+ } | null;
404
473
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
405
474
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
406
475
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -408,13 +477,22 @@ export declare const actionCopyAsSvg: {
408
477
  isBindingEnabled: boolean;
409
478
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
410
479
  suggestedBindings: import("../element/binding").SuggestedBinding[];
480
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
481
+ frameRendering: {
482
+ enabled: boolean;
483
+ name: boolean;
484
+ outline: boolean;
485
+ clip: boolean;
486
+ };
487
+ editingFrame: string | null;
488
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
411
489
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
412
490
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
413
491
  activeTool: {
414
492
  lastActiveTool: import("../types").LastActiveTool;
415
493
  locked: boolean;
416
494
  } & ({
417
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
495
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
418
496
  customType: null;
419
497
  } | {
420
498
  type: "custom";
@@ -451,17 +529,21 @@ export declare const actionCopyAsSvg: {
451
529
  value: import("../types").NormalizedZoomValue;
452
530
  }>;
453
531
  openMenu: "canvas" | "shape" | null;
454
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
455
- openSidebar: "library" | "customSidebar" | null;
532
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
533
+ openSidebar: {
534
+ name: string;
535
+ tab?: string | undefined;
536
+ } | null;
456
537
  openDialog: "imageExport" | "help" | "jsonExport" | null;
457
- isSidebarDocked: boolean;
538
+ defaultSidebarDockedPreference: boolean;
458
539
  lastPointerDownWith: import("../element/types").PointerType;
459
- selectedElementIds: {
460
- [id: string]: boolean;
461
- };
540
+ selectedElementIds: Readonly<{
541
+ [id: string]: true;
542
+ }>;
462
543
  previousSelectedElementIds: {
463
- [id: string]: boolean;
544
+ [id: string]: true;
464
545
  };
546
+ selectedElementsAreBeingDragged: boolean;
465
547
  shouldCacheIgnoreZoom: boolean;
466
548
  toast: {
467
549
  message: string;
@@ -469,7 +551,7 @@ export declare const actionCopyAsSvg: {
469
551
  duration?: number | undefined;
470
552
  } | null;
471
553
  zenModeEnabled: boolean;
472
- theme: string;
554
+ theme: import("../element/types").Theme;
473
555
  gridSize: number | null;
474
556
  viewModeEnabled: boolean;
475
557
  selectedGroupIds: {
@@ -492,8 +574,14 @@ export declare const actionCopyAsSvg: {
492
574
  data: import("../charts").Spreadsheet;
493
575
  };
494
576
  pendingImageElementId: string | null;
495
- showHyperlinkPopup: false | "info" | "editor";
577
+ showHyperlinkPopup: false | "editor" | "info";
496
578
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
579
+ snapLines: import("../snapping").SnapLine[];
580
+ originSnapOffset: {
581
+ x: number;
582
+ y: number;
583
+ } | null;
584
+ objectsSnapModeEnabled: boolean;
497
585
  };
498
586
  commitToHistory: false;
499
587
  }>;
@@ -520,6 +608,10 @@ export declare const actionCopyAsPng: {
520
608
  } | null;
521
609
  showWelcomeScreen: boolean;
522
610
  isLoading: boolean;
611
+ activeEmbeddable: {
612
+ element: import("../element/types").NonDeletedExcalidrawElement;
613
+ state: "active" | "hover";
614
+ } | null;
523
615
  draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
524
616
  resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
525
617
  multiElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawLinearElement> | null;
@@ -527,13 +619,22 @@ export declare const actionCopyAsPng: {
527
619
  isBindingEnabled: boolean;
528
620
  startBoundElement: import("../element/types").NonDeleted<import("../element/types").ExcalidrawBindableElement> | null;
529
621
  suggestedBindings: import("../element/binding").SuggestedBinding[];
622
+ frameToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawFrameElement> | null;
623
+ frameRendering: {
624
+ enabled: boolean;
625
+ name: boolean;
626
+ outline: boolean;
627
+ clip: boolean;
628
+ };
629
+ editingFrame: string | null;
630
+ elementsToHighlight: import("../element/types").NonDeleted<import("../element/types").ExcalidrawElement>[] | null;
530
631
  editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
531
632
  editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
532
633
  activeTool: {
533
634
  lastActiveTool: import("../types").LastActiveTool;
534
635
  locked: boolean;
535
636
  } & ({
536
- type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser" | "hand";
637
+ type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "embeddable" | "image" | "frame" | "freedraw" | "eraser" | "hand";
537
638
  customType: null;
538
639
  } | {
539
640
  type: "custom";
@@ -570,17 +671,21 @@ export declare const actionCopyAsPng: {
570
671
  value: import("../types").NormalizedZoomValue;
571
672
  }>;
572
673
  openMenu: "canvas" | "shape" | null;
573
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
574
- openSidebar: "library" | "customSidebar" | null;
674
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
675
+ openSidebar: {
676
+ name: string;
677
+ tab?: string | undefined;
678
+ } | null;
575
679
  openDialog: "imageExport" | "help" | "jsonExport" | null;
576
- isSidebarDocked: boolean;
680
+ defaultSidebarDockedPreference: boolean;
577
681
  lastPointerDownWith: import("../element/types").PointerType;
578
- selectedElementIds: {
579
- [id: string]: boolean;
580
- };
682
+ selectedElementIds: Readonly<{
683
+ [id: string]: true;
684
+ }>;
581
685
  previousSelectedElementIds: {
582
- [id: string]: boolean;
686
+ [id: string]: true;
583
687
  };
688
+ selectedElementsAreBeingDragged: boolean;
584
689
  shouldCacheIgnoreZoom: boolean;
585
690
  toast: {
586
691
  message: string;
@@ -588,7 +693,7 @@ export declare const actionCopyAsPng: {
588
693
  duration?: number | undefined;
589
694
  } | null;
590
695
  zenModeEnabled: boolean;
591
- theme: string;
696
+ theme: import("../element/types").Theme;
592
697
  gridSize: number | null;
593
698
  viewModeEnabled: boolean;
594
699
  selectedGroupIds: {
@@ -611,8 +716,14 @@ export declare const actionCopyAsPng: {
611
716
  data: import("../charts").Spreadsheet;
612
717
  };
613
718
  pendingImageElementId: string | null;
614
- showHyperlinkPopup: false | "info" | "editor";
719
+ showHyperlinkPopup: false | "editor" | "info";
615
720
  selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
721
+ snapLines: import("../snapping").SnapLine[];
722
+ originSnapOffset: {
723
+ x: number;
724
+ y: number;
725
+ } | null;
726
+ objectsSnapModeEnabled: boolean;
616
727
  };
617
728
  commitToHistory: false;
618
729
  }>;
@@ -627,10 +738,10 @@ export declare const copyText: {
627
738
  trackEvent: {
628
739
  category: "element";
629
740
  };
630
- perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
741
+ perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: import("../types").AppClassProperties) => {
631
742
  commitToHistory: false;
632
743
  };
633
- predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState) => boolean;
744
+ predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, _: import("../types").ExcalidrawProps, app: import("../types").AppClassProperties) => boolean;
634
745
  contextItemLabel: string;
635
746
  } & {
636
747
  keyTest?: undefined;