@zsviczian/excalidraw 0.17.1-obsidian-12 → 0.17.1-obsidian-14

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 (74) hide show
  1. package/dist/excalidraw.development.js +66 -55
  2. package/dist/excalidraw.production.min.js +1 -1
  3. package/dist/styles.development.css +633 -627
  4. package/dist/styles.production.css +4 -4
  5. package/package.json +1 -1
  6. package/types/excalidraw/actions/actionAddToLibrary.d.ts +3 -3
  7. package/types/excalidraw/actions/actionAlign.d.ts +6 -6
  8. package/types/excalidraw/actions/actionBoundText.d.ts +2 -2
  9. package/types/excalidraw/actions/actionCanvas.d.ts +28 -28
  10. package/types/excalidraw/actions/actionClipboard.d.ts +7 -7
  11. package/types/excalidraw/actions/actionDeleteSelected.d.ts +3 -3
  12. package/types/excalidraw/actions/actionDistribute.d.ts +2 -2
  13. package/types/excalidraw/actions/actionElementLock.d.ts +2 -2
  14. package/types/excalidraw/actions/actionExport.d.ts +8 -8
  15. package/types/excalidraw/actions/actionFinalize.d.ts +2 -2
  16. package/types/excalidraw/actions/actionFlip.d.ts +2 -2
  17. package/types/excalidraw/actions/actionFrame.d.ts +4 -4
  18. package/types/excalidraw/actions/actionGroup.d.ts +2 -2
  19. package/types/excalidraw/actions/actionLinearEditor.d.ts +1 -1
  20. package/types/excalidraw/actions/actionMenu.d.ts +2 -2
  21. package/types/excalidraw/actions/actionNavigate.d.ts +2 -2
  22. package/types/excalidraw/actions/actionProperties.d.ts +26 -26
  23. package/types/excalidraw/actions/actionSelectAll.d.ts +1 -1
  24. package/types/excalidraw/actions/actionStyles.d.ts +3 -3
  25. package/types/excalidraw/actions/actionToggleGridMode.d.ts +1 -1
  26. package/types/excalidraw/actions/actionToggleObjectsSnapMode.d.ts +1 -1
  27. package/types/excalidraw/actions/actionToggleStats.d.ts +1 -1
  28. package/types/excalidraw/actions/actionToggleViewMode.d.ts +1 -1
  29. package/types/excalidraw/actions/actionToggleZenMode.d.ts +1 -1
  30. package/types/excalidraw/align.d.ts +2 -2
  31. package/types/excalidraw/components/Actions.d.ts +3 -3
  32. package/types/excalidraw/components/canvases/InteractiveCanvas.d.ts +2 -2
  33. package/types/excalidraw/components/canvases/StaticCanvas.d.ts +4 -3
  34. package/types/excalidraw/constants.d.ts +1 -0
  35. package/types/excalidraw/distribute.d.ts +2 -2
  36. package/types/excalidraw/element/Hyperlink.d.ts +1 -1
  37. package/types/excalidraw/element/bounds.d.ts +2 -2
  38. package/types/excalidraw/element/collision.d.ts +3 -3
  39. package/types/excalidraw/element/containerCache.d.ts +11 -0
  40. package/types/excalidraw/element/embeddable.d.ts +7 -8
  41. package/types/excalidraw/element/index.d.ts +0 -1
  42. package/types/excalidraw/element/linearElementEditor.d.ts +8 -8
  43. package/types/excalidraw/element/newElement.d.ts +2 -2
  44. package/types/excalidraw/element/resizeElements.d.ts +5 -5
  45. package/types/excalidraw/element/textElement.d.ts +9 -12
  46. package/types/excalidraw/element/textWysiwyg.d.ts +1 -6
  47. package/types/excalidraw/element/transformHandles.d.ts +2 -2
  48. package/types/excalidraw/element/types.d.ts +24 -2
  49. package/types/excalidraw/frame.d.ts +16 -10
  50. package/types/excalidraw/groups.d.ts +3 -3
  51. package/types/excalidraw/index.d.ts +1 -1
  52. package/types/excalidraw/renderer/renderElement.d.ts +4 -4
  53. package/types/excalidraw/renderer/renderScene.d.ts +5 -7
  54. package/types/excalidraw/scene/Renderer.d.ts +1 -1
  55. package/types/excalidraw/scene/Scene.d.ts +9 -3
  56. package/types/excalidraw/scene/index.d.ts +0 -1
  57. package/types/excalidraw/scene/scrollbars.d.ts +2 -3
  58. package/types/excalidraw/scene/selection.d.ts +3 -3
  59. package/types/excalidraw/scene/types.d.ts +7 -4
  60. package/types/excalidraw/types.d.ts +2 -1
  61. package/types/excalidraw/utility-types.d.ts +5 -0
  62. package/types/excalidraw/utils.d.ts +16 -1
  63. package/types/excalidraw/components/LaserTool/LaserPathManager.d.ts +0 -28
  64. package/types/excalidraw/components/LaserTool/LaserPointerButton.d.ts +0 -10
  65. package/types/excalidraw/components/LaserTool/LaserTool.d.ts +0 -7
  66. package/types/excalidraw/example/App.d.ts +0 -14
  67. package/types/excalidraw/example/CustomFooter.d.ts +0 -5
  68. package/types/excalidraw/example/MobileFooter.d.ts +0 -5
  69. package/types/excalidraw/example/index.d.ts +0 -1
  70. package/types/excalidraw/example/initialData.d.ts +0 -290
  71. package/types/excalidraw/example/sidebar/ExampleSidebar.d.ts +0 -4
  72. package/types/excalidraw/rollup.config.d.ts +0 -10
  73. package/types/excalidraw/vite.config.d.mts +0 -2
  74. package/types/utils/index.d.ts +0 -1
@@ -76,7 +76,7 @@ export declare const actionChangeProjectName: {
76
76
  tab?: string | undefined;
77
77
  } | null;
78
78
  openDialog: {
79
- name: "help" | "imageExport" | "jsonExport";
79
+ name: "imageExport" | "help" | "jsonExport";
80
80
  } | {
81
81
  name: "settings";
82
82
  source: "settings" | "tool" | "generation";
@@ -269,7 +269,7 @@ export declare const actionChangeExportScale: {
269
269
  tab?: string | undefined;
270
270
  } | null;
271
271
  openDialog: {
272
- name: "help" | "imageExport" | "jsonExport";
272
+ name: "imageExport" | "help" | "jsonExport";
273
273
  } | {
274
274
  name: "settings";
275
275
  source: "settings" | "tool" | "generation";
@@ -462,7 +462,7 @@ export declare const actionChangeExportBackground: {
462
462
  tab?: string | undefined;
463
463
  } | null;
464
464
  openDialog: {
465
- name: "help" | "imageExport" | "jsonExport";
465
+ name: "imageExport" | "help" | "jsonExport";
466
466
  } | {
467
467
  name: "settings";
468
468
  source: "settings" | "tool" | "generation";
@@ -655,7 +655,7 @@ export declare const actionChangeExportEmbedScene: {
655
655
  tab?: string | undefined;
656
656
  } | null;
657
657
  openDialog: {
658
- name: "help" | "imageExport" | "jsonExport";
658
+ name: "imageExport" | "help" | "jsonExport";
659
659
  } | {
660
660
  name: "settings";
661
661
  source: "settings" | "tool" | "generation";
@@ -853,7 +853,7 @@ export declare const actionSaveToActiveFile: {
853
853
  tab?: string | undefined;
854
854
  } | null;
855
855
  openDialog: {
856
- name: "help" | "imageExport" | "jsonExport";
856
+ name: "imageExport" | "help" | "jsonExport";
857
857
  } | {
858
858
  name: "settings";
859
859
  source: "settings" | "tool" | "generation";
@@ -1229,7 +1229,7 @@ export declare const actionLoadScene: {
1229
1229
  tab?: string | undefined;
1230
1230
  } | null;
1231
1231
  openDialog: {
1232
- name: "help" | "imageExport" | "jsonExport";
1232
+ name: "imageExport" | "help" | "jsonExport";
1233
1233
  } | {
1234
1234
  name: "settings";
1235
1235
  source: "settings" | "tool" | "generation";
@@ -1409,7 +1409,7 @@ export declare const actionLoadScene: {
1409
1409
  tab?: string | undefined;
1410
1410
  } | null;
1411
1411
  openDialog: {
1412
- name: "help" | "imageExport" | "jsonExport";
1412
+ name: "imageExport" | "help" | "jsonExport";
1413
1413
  } | {
1414
1414
  name: "settings";
1415
1415
  source: "settings" | "tool" | "generation";
@@ -1603,7 +1603,7 @@ export declare const actionExportWithDarkMode: {
1603
1603
  tab?: string | undefined;
1604
1604
  } | null;
1605
1605
  openDialog: {
1606
- name: "help" | "imageExport" | "jsonExport";
1606
+ name: "imageExport" | "help" | "jsonExport";
1607
1607
  } | {
1608
1608
  name: "settings";
1609
1609
  source: "settings" | "tool" | "generation";
@@ -77,7 +77,7 @@ export declare const actionFinalize: {
77
77
  tab?: string | undefined;
78
78
  } | null;
79
79
  openDialog: {
80
- name: "help" | "imageExport" | "jsonExport";
80
+ name: "imageExport" | "help" | "jsonExport";
81
81
  } | {
82
82
  name: "settings";
83
83
  source: "settings" | "tool" | "generation";
@@ -262,7 +262,7 @@ export declare const actionFinalize: {
262
262
  tab?: string | undefined;
263
263
  } | null;
264
264
  openDialog: {
265
- name: "help" | "imageExport" | "jsonExport";
265
+ name: "imageExport" | "help" | "jsonExport";
266
266
  } | {
267
267
  name: "settings";
268
268
  source: "settings" | "tool" | "generation";
@@ -6,7 +6,7 @@ export declare const actionFlipHorizontal: {
6
6
  category: "element";
7
7
  };
8
8
  perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
9
- elements: import("../scene/Scene").ExcalidrawElementsIncludingDeleted;
9
+ elements: ExcalidrawElement[];
10
10
  appState: Readonly<AppState>;
11
11
  commitToHistory: true;
12
12
  };
@@ -21,7 +21,7 @@ export declare const actionFlipVertical: {
21
21
  category: "element";
22
22
  };
23
23
  perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: import("../types").AppClassProperties) => {
24
- elements: import("../scene/Scene").ExcalidrawElementsIncludingDeleted;
24
+ elements: ExcalidrawElement[];
25
25
  appState: Readonly<AppState>;
26
26
  commitToHistory: true;
27
27
  };
@@ -21,7 +21,7 @@ export declare const actionRemoveAllElementsFromFrame: {
21
21
  category: "history";
22
22
  };
23
23
  perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
24
- elements: ExcalidrawElement[];
24
+ elements: readonly ExcalidrawElement[];
25
25
  appState: {
26
26
  selectedElementIds: {
27
27
  [x: string]: true;
@@ -97,7 +97,7 @@ export declare const actionRemoveAllElementsFromFrame: {
97
97
  tab?: string | undefined;
98
98
  } | null;
99
99
  openDialog: {
100
- name: "help" | "imageExport" | "jsonExport";
100
+ name: "imageExport" | "help" | "jsonExport";
101
101
  } | {
102
102
  name: "settings";
103
103
  source: "settings" | "tool" | "generation";
@@ -293,7 +293,7 @@ export declare const actionupdateFrameRendering: {
293
293
  tab?: string | undefined;
294
294
  } | null;
295
295
  openDialog: {
296
- name: "help" | "imageExport" | "jsonExport";
296
+ name: "imageExport" | "help" | "jsonExport";
297
297
  } | {
298
298
  name: "settings";
299
299
  source: "settings" | "tool" | "generation";
@@ -487,7 +487,7 @@ export declare const actionSetFrameAsActiveTool: {
487
487
  tab?: string | undefined;
488
488
  } | null;
489
489
  openDialog: {
490
- name: "help" | "imageExport" | "jsonExport";
490
+ name: "imageExport" | "help" | "jsonExport";
491
491
  } | {
492
492
  name: "settings";
493
493
  source: "settings" | "tool" | "generation";
@@ -89,7 +89,7 @@ export declare const actionGroup: {
89
89
  tab?: string | undefined;
90
90
  } | null;
91
91
  openDialog: {
92
- name: "help" | "imageExport" | "jsonExport";
92
+ name: "imageExport" | "help" | "jsonExport";
93
93
  } | {
94
94
  name: "settings";
95
95
  source: "settings" | "tool" | "generation";
@@ -289,7 +289,7 @@ export declare const actionUngroup: {
289
289
  tab?: string | undefined;
290
290
  } | null;
291
291
  openDialog: {
292
- name: "help" | "imageExport" | "jsonExport";
292
+ name: "imageExport" | "help" | "jsonExport";
293
293
  } | {
294
294
  name: "settings";
295
295
  source: "settings" | "tool" | "generation";
@@ -79,7 +79,7 @@ export declare const actionToggleLinearEditor: {
79
79
  tab?: string | undefined;
80
80
  } | null;
81
81
  openDialog: {
82
- name: "help" | "imageExport" | "jsonExport";
82
+ name: "imageExport" | "help" | "jsonExport";
83
83
  } | {
84
84
  name: "settings";
85
85
  source: "settings" | "tool" | "generation";
@@ -76,7 +76,7 @@ export declare const actionToggleCanvasMenu: {
76
76
  tab?: string | undefined;
77
77
  } | null;
78
78
  openDialog: {
79
- name: "help" | "imageExport" | "jsonExport";
79
+ name: "imageExport" | "help" | "jsonExport";
80
80
  } | {
81
81
  name: "settings";
82
82
  source: "settings" | "tool" | "generation";
@@ -268,7 +268,7 @@ export declare const actionToggleEditMenu: {
268
268
  tab?: string | undefined;
269
269
  } | null;
270
270
  openDialog: {
271
- name: "help" | "imageExport" | "jsonExport";
271
+ name: "imageExport" | "help" | "jsonExport";
272
272
  } | {
273
273
  name: "settings";
274
274
  source: "settings" | "tool" | "generation";
@@ -79,7 +79,7 @@ export declare const actionGoToCollaborator: {
79
79
  tab?: string | undefined;
80
80
  } | null;
81
81
  openDialog: {
82
- name: "help" | "imageExport" | "jsonExport";
82
+ name: "imageExport" | "help" | "jsonExport";
83
83
  } | {
84
84
  name: "settings";
85
85
  source: "settings" | "tool" | "generation";
@@ -264,7 +264,7 @@ export declare const actionGoToCollaborator: {
264
264
  tab?: string | undefined;
265
265
  } | null;
266
266
  openDialog: {
267
- name: "help" | "imageExport" | "jsonExport";
267
+ name: "imageExport" | "help" | "jsonExport";
268
268
  } | {
269
269
  name: "settings";
270
270
  source: "settings" | "tool" | "generation";
@@ -1,11 +1,11 @@
1
- import { AppState, Primitive } from "../types";
1
+ import { AppClassProperties, AppState, Primitive } from "../types";
2
2
  import { Arrowhead, ExcalidrawElement, ExcalidrawLinearElement } from "../element/types";
3
3
  export declare const changeProperty: (elements: readonly ExcalidrawElement[], appState: AppState, callback: (element: ExcalidrawElement) => ExcalidrawElement, includeBoundText?: boolean) => ExcalidrawElement[];
4
4
  export declare const getFormValue: <T extends Primitive>(elements: readonly ExcalidrawElement[], appState: AppState, getAttribute: (element: ExcalidrawElement) => T, isRelevantElement: true | ((element: ExcalidrawElement) => boolean), defaultValue: T | ((isSomeElementSelected: boolean) => T)) => T;
5
5
  export declare const actionChangeStrokeColor: {
6
6
  name: "changeStrokeColor";
7
7
  trackEvent: false;
8
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
8
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => any;
9
9
  PanelComponent: ({ elements, appState, updateData, appProps }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
10
10
  } & {
11
11
  keyTest?: undefined;
@@ -21,7 +21,7 @@ export declare const actionChangeBackgroundColor: {
21
21
  export declare const actionChangeFillStyle: {
22
22
  name: "changeFillStyle";
23
23
  trackEvent: false;
24
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: import("../types").AppClassProperties) => {
24
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
25
25
  elements: ExcalidrawElement[];
26
26
  appState: {
27
27
  currentItemFillStyle: any;
@@ -95,7 +95,7 @@ export declare const actionChangeFillStyle: {
95
95
  tab?: string | undefined;
96
96
  } | null;
97
97
  openDialog: {
98
- name: "help" | "imageExport" | "jsonExport";
98
+ name: "imageExport" | "help" | "jsonExport";
99
99
  } | {
100
100
  name: "settings";
101
101
  source: "settings" | "tool" | "generation";
@@ -286,7 +286,7 @@ export declare const actionChangeStrokeWidth: {
286
286
  tab?: string | undefined;
287
287
  } | null;
288
288
  openDialog: {
289
- name: "help" | "imageExport" | "jsonExport";
289
+ name: "imageExport" | "help" | "jsonExport";
290
290
  } | {
291
291
  name: "settings";
292
292
  source: "settings" | "tool" | "generation";
@@ -477,7 +477,7 @@ export declare const actionChangeSloppiness: {
477
477
  tab?: string | undefined;
478
478
  } | null;
479
479
  openDialog: {
480
- name: "help" | "imageExport" | "jsonExport";
480
+ name: "imageExport" | "help" | "jsonExport";
481
481
  } | {
482
482
  name: "settings";
483
483
  source: "settings" | "tool" | "generation";
@@ -668,7 +668,7 @@ export declare const actionChangeStrokeStyle: {
668
668
  tab?: string | undefined;
669
669
  } | null;
670
670
  openDialog: {
671
- name: "help" | "imageExport" | "jsonExport";
671
+ name: "imageExport" | "help" | "jsonExport";
672
672
  } | {
673
673
  name: "settings";
674
674
  source: "settings" | "tool" | "generation";
@@ -859,7 +859,7 @@ export declare const actionChangeOpacity: {
859
859
  tab?: string | undefined;
860
860
  } | null;
861
861
  openDialog: {
862
- name: "help" | "imageExport" | "jsonExport";
862
+ name: "imageExport" | "help" | "jsonExport";
863
863
  } | {
864
864
  name: "settings";
865
865
  source: "settings" | "tool" | "generation";
@@ -977,7 +977,7 @@ export declare const getFontSize: (size: number, zoom: number) => number;
977
977
  export declare const actionChangeFontSize: {
978
978
  name: "changeFontSize";
979
979
  trackEvent: false;
980
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
980
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
981
981
  elements: ExcalidrawElement[];
982
982
  appState: {
983
983
  currentItemFontSize: number;
@@ -1051,7 +1051,7 @@ export declare const actionChangeFontSize: {
1051
1051
  tab?: string | undefined;
1052
1052
  } | null;
1053
1053
  openDialog: {
1054
- name: "help" | "imageExport" | "jsonExport";
1054
+ name: "imageExport" | "help" | "jsonExport";
1055
1055
  } | {
1056
1056
  name: "settings";
1057
1057
  source: "settings" | "tool" | "generation";
@@ -1161,14 +1161,14 @@ export declare const actionChangeFontSize: {
1161
1161
  };
1162
1162
  commitToHistory: boolean;
1163
1163
  };
1164
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
1164
+ PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
1165
1165
  } & {
1166
1166
  keyTest?: undefined;
1167
1167
  };
1168
1168
  export declare const actionDecreaseFontSize: {
1169
1169
  name: "decreaseFontSize";
1170
1170
  trackEvent: false;
1171
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
1171
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
1172
1172
  elements: ExcalidrawElement[];
1173
1173
  appState: {
1174
1174
  currentItemFontSize: number;
@@ -1242,7 +1242,7 @@ export declare const actionDecreaseFontSize: {
1242
1242
  tab?: string | undefined;
1243
1243
  } | null;
1244
1244
  openDialog: {
1245
- name: "help" | "imageExport" | "jsonExport";
1245
+ name: "imageExport" | "help" | "jsonExport";
1246
1246
  } | {
1247
1247
  name: "settings";
1248
1248
  source: "settings" | "tool" | "generation";
@@ -1359,7 +1359,7 @@ export declare const actionDecreaseFontSize: {
1359
1359
  export declare const actionIncreaseFontSize: {
1360
1360
  name: "increaseFontSize";
1361
1361
  trackEvent: false;
1362
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
1362
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
1363
1363
  elements: ExcalidrawElement[];
1364
1364
  appState: {
1365
1365
  currentItemFontSize: number;
@@ -1433,7 +1433,7 @@ export declare const actionIncreaseFontSize: {
1433
1433
  tab?: string | undefined;
1434
1434
  } | null;
1435
1435
  openDialog: {
1436
- name: "help" | "imageExport" | "jsonExport";
1436
+ name: "imageExport" | "help" | "jsonExport";
1437
1437
  } | {
1438
1438
  name: "settings";
1439
1439
  source: "settings" | "tool" | "generation";
@@ -1550,7 +1550,7 @@ export declare const actionIncreaseFontSize: {
1550
1550
  export declare const actionChangeFontFamily: {
1551
1551
  name: "changeFontFamily";
1552
1552
  trackEvent: false;
1553
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
1553
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
1554
1554
  elements: ExcalidrawElement[];
1555
1555
  appState: {
1556
1556
  currentItemFontFamily: any;
@@ -1624,7 +1624,7 @@ export declare const actionChangeFontFamily: {
1624
1624
  tab?: string | undefined;
1625
1625
  } | null;
1626
1626
  openDialog: {
1627
- name: "help" | "imageExport" | "jsonExport";
1627
+ name: "imageExport" | "help" | "jsonExport";
1628
1628
  } | {
1629
1629
  name: "settings";
1630
1630
  source: "settings" | "tool" | "generation";
@@ -1734,14 +1734,14 @@ export declare const actionChangeFontFamily: {
1734
1734
  };
1735
1735
  commitToHistory: true;
1736
1736
  };
1737
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
1737
+ PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
1738
1738
  } & {
1739
1739
  keyTest?: undefined;
1740
1740
  };
1741
1741
  export declare const actionChangeTextAlign: {
1742
1742
  name: "changeTextAlign";
1743
1743
  trackEvent: false;
1744
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
1744
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
1745
1745
  elements: ExcalidrawElement[];
1746
1746
  appState: {
1747
1747
  currentItemTextAlign: any;
@@ -1815,7 +1815,7 @@ export declare const actionChangeTextAlign: {
1815
1815
  tab?: string | undefined;
1816
1816
  } | null;
1817
1817
  openDialog: {
1818
- name: "help" | "imageExport" | "jsonExport";
1818
+ name: "imageExport" | "help" | "jsonExport";
1819
1819
  } | {
1820
1820
  name: "settings";
1821
1821
  source: "settings" | "tool" | "generation";
@@ -1925,7 +1925,7 @@ export declare const actionChangeTextAlign: {
1925
1925
  };
1926
1926
  commitToHistory: true;
1927
1927
  };
1928
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
1928
+ PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
1929
1929
  } & {
1930
1930
  keyTest?: undefined;
1931
1931
  };
@@ -1934,7 +1934,7 @@ export declare const actionChangeVerticalAlign: {
1934
1934
  trackEvent: {
1935
1935
  category: "element";
1936
1936
  };
1937
- perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => {
1937
+ perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any, app: AppClassProperties) => {
1938
1938
  elements: ExcalidrawElement[];
1939
1939
  appState: {
1940
1940
  contextMenu: {
@@ -2008,7 +2008,7 @@ export declare const actionChangeVerticalAlign: {
2008
2008
  tab?: string | undefined;
2009
2009
  } | null;
2010
2010
  openDialog: {
2011
- name: "help" | "imageExport" | "jsonExport";
2011
+ name: "imageExport" | "help" | "jsonExport";
2012
2012
  } | {
2013
2013
  name: "settings";
2014
2014
  source: "settings" | "tool" | "generation";
@@ -2118,7 +2118,7 @@ export declare const actionChangeVerticalAlign: {
2118
2118
  };
2119
2119
  commitToHistory: true;
2120
2120
  };
2121
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
2121
+ PanelComponent: ({ elements, appState, updateData, app }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
2122
2122
  } & {
2123
2123
  keyTest?: undefined;
2124
2124
  };
@@ -2199,7 +2199,7 @@ export declare const actionChangeRoundness: {
2199
2199
  tab?: string | undefined;
2200
2200
  } | null;
2201
2201
  openDialog: {
2202
- name: "help" | "imageExport" | "jsonExport";
2202
+ name: "imageExport" | "help" | "jsonExport";
2203
2203
  } | {
2204
2204
  name: "settings";
2205
2205
  source: "settings" | "tool" | "generation";
@@ -2393,7 +2393,7 @@ export declare const actionChangeArrowhead: {
2393
2393
  tab?: string | undefined;
2394
2394
  } | null;
2395
2395
  openDialog: {
2396
- name: "help" | "imageExport" | "jsonExport";
2396
+ name: "imageExport" | "help" | "jsonExport";
2397
2397
  } | {
2398
2398
  name: "settings";
2399
2399
  source: "settings" | "tool" | "generation";
@@ -86,7 +86,7 @@ export declare const actionSelectAll: {
86
86
  tab?: string | undefined;
87
87
  } | null;
88
88
  openDialog: {
89
- name: "help" | "imageExport" | "jsonExport";
89
+ name: "imageExport" | "help" | "jsonExport";
90
90
  } | {
91
91
  name: "settings";
92
92
  source: "settings" | "tool" | "generation";
@@ -4,7 +4,7 @@ export declare const actionCopyStyles: {
4
4
  trackEvent: {
5
5
  category: "element";
6
6
  };
7
- perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
7
+ perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, formData: any, app: import("../types").AppClassProperties) => {
8
8
  appState: {
9
9
  toast: {
10
10
  message: string;
@@ -80,7 +80,7 @@ export declare const actionCopyStyles: {
80
80
  tab?: string | undefined;
81
81
  } | null;
82
82
  openDialog: {
83
- name: "help" | "imageExport" | "jsonExport";
83
+ name: "imageExport" | "help" | "jsonExport";
84
84
  } | {
85
85
  name: "settings";
86
86
  source: "settings" | "tool" | "generation";
@@ -195,7 +195,7 @@ export declare const actionPasteStyles: {
195
195
  trackEvent: {
196
196
  category: "element";
197
197
  };
198
- perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
198
+ perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, formData: any, app: import("../types").AppClassProperties) => {
199
199
  elements: readonly import("../element/types").ExcalidrawElement[];
200
200
  commitToHistory: false;
201
201
  } | {
@@ -81,7 +81,7 @@ export declare const actionToggleGridMode: {
81
81
  tab?: string | undefined;
82
82
  } | null;
83
83
  openDialog: {
84
- name: "help" | "imageExport" | "jsonExport";
84
+ name: "imageExport" | "help" | "jsonExport";
85
85
  } | {
86
86
  name: "settings";
87
87
  source: "settings" | "tool" | "generation";
@@ -80,7 +80,7 @@ export declare const actionToggleObjectsSnapMode: {
80
80
  tab?: string | undefined;
81
81
  } | null;
82
82
  openDialog: {
83
- name: "help" | "imageExport" | "jsonExport";
83
+ name: "imageExport" | "help" | "jsonExport";
84
84
  } | {
85
85
  name: "settings";
86
86
  source: "settings" | "tool" | "generation";
@@ -78,7 +78,7 @@ export declare const actionToggleStats: {
78
78
  tab?: string | undefined;
79
79
  } | null;
80
80
  openDialog: {
81
- name: "help" | "imageExport" | "jsonExport";
81
+ name: "imageExport" | "help" | "jsonExport";
82
82
  } | {
83
83
  name: "settings";
84
84
  source: "settings" | "tool" | "generation";
@@ -79,7 +79,7 @@ export declare const actionToggleViewMode: {
79
79
  tab?: string | undefined;
80
80
  } | null;
81
81
  openDialog: {
82
- name: "help" | "imageExport" | "jsonExport";
82
+ name: "imageExport" | "help" | "jsonExport";
83
83
  } | {
84
84
  name: "settings";
85
85
  source: "settings" | "tool" | "generation";
@@ -79,7 +79,7 @@ export declare const actionToggleZenMode: {
79
79
  tab?: string | undefined;
80
80
  } | null;
81
81
  openDialog: {
82
- name: "help" | "imageExport" | "jsonExport";
82
+ name: "imageExport" | "help" | "jsonExport";
83
83
  } | {
84
84
  name: "settings";
85
85
  source: "settings" | "tool" | "generation";
@@ -1,6 +1,6 @@
1
- import { ExcalidrawElement } from "./element/types";
1
+ import { ElementsMap, ExcalidrawElement } from "./element/types";
2
2
  export interface Alignment {
3
3
  position: "start" | "center" | "end";
4
4
  axis: "x" | "y";
5
5
  }
6
- export declare const alignElements: (selectedElements: ExcalidrawElement[], alignment: Alignment) => ExcalidrawElement[];
6
+ export declare const alignElements: (selectedElements: ExcalidrawElement[], elementsMap: ElementsMap, alignment: Alignment) => ExcalidrawElement[];
@@ -1,10 +1,10 @@
1
1
  import { ActionManager } from "../actions/manager";
2
- import { ExcalidrawElement } from "../element/types";
2
+ import { NonDeletedElementsMap, NonDeletedSceneElementsMap } from "../element/types";
3
3
  import { AppClassProperties, AppProps, UIAppState, Zoom } from "../types";
4
4
  import "./Actions.scss";
5
- export declare const SelectedShapeActions: ({ appState, elements, renderAction, }: {
5
+ export declare const SelectedShapeActions: ({ appState, elementsMap, renderAction, }: {
6
6
  appState: UIAppState;
7
- elements: readonly ExcalidrawElement[];
7
+ elementsMap: NonDeletedElementsMap | NonDeletedSceneElementsMap;
8
8
  renderAction: ActionManager["renderAction"];
9
9
  }) => import("react/jsx-runtime").JSX.Element;
10
10
  export declare const ShapesSwitcher: ({ activeTool, appState, app, UIOptions, }: {
@@ -1,12 +1,12 @@
1
1
  import React from "react";
2
2
  import type { DOMAttributes } from "react";
3
3
  import type { InteractiveCanvasAppState } from "../../types";
4
- import type { RenderInteractiveSceneCallback } from "../../scene/types";
4
+ import type { RenderableElementsMap, RenderInteractiveSceneCallback } from "../../scene/types";
5
5
  import type { NonDeletedExcalidrawElement } from "../../element/types";
6
6
  type InteractiveCanvasProps = {
7
7
  containerRef: React.RefObject<HTMLDivElement>;
8
8
  canvas: HTMLCanvasElement | null;
9
- elements: readonly NonDeletedExcalidrawElement[];
9
+ elementsMap: RenderableElementsMap;
10
10
  visibleElements: readonly NonDeletedExcalidrawElement[];
11
11
  selectedElements: readonly NonDeletedExcalidrawElement[];
12
12
  versionNonce: number | undefined;
@@ -1,12 +1,13 @@
1
1
  import React from "react";
2
2
  import { RoughCanvas } from "roughjs/bin/canvas";
3
3
  import type { StaticCanvasAppState } from "../../types";
4
- import type { StaticCanvasRenderConfig } from "../../scene/types";
5
- import type { NonDeletedExcalidrawElement } from "../../element/types";
4
+ import type { RenderableElementsMap, StaticCanvasRenderConfig } from "../../scene/types";
5
+ import type { NonDeletedExcalidrawElement, NonDeletedSceneElementsMap } from "../../element/types";
6
6
  type StaticCanvasProps = {
7
7
  canvas: HTMLCanvasElement;
8
8
  rc: RoughCanvas;
9
- elements: readonly NonDeletedExcalidrawElement[];
9
+ elementsMap: RenderableElementsMap;
10
+ allElementsMap: NonDeletedSceneElementsMap;
10
11
  visibleElements: readonly NonDeletedExcalidrawElement[];
11
12
  versionNonce: number | undefined;
12
13
  selectionNonce: number | undefined;
@@ -121,6 +121,7 @@ export declare const DEFAULT_FONT_FAMILY: FontFamilyValues;
121
121
  export declare const DEFAULT_TEXT_ALIGN = "left";
122
122
  export declare const DEFAULT_VERTICAL_ALIGN = "top";
123
123
  export declare const DEFAULT_VERSION = "{version}";
124
+ export declare const DEFAULT_TRANSFORM_HANDLE_SPACING = 2;
124
125
  export declare const CANVAS_ONLY_ACTIONS: string[];
125
126
  export declare const GRID_SIZE = 20;
126
127
  export declare const IMAGE_MIME_TYPES: {
@@ -1,6 +1,6 @@
1
- import { ExcalidrawElement } from "./element/types";
1
+ import type { ElementsMap, ExcalidrawElement } from "./element/types";
2
2
  export interface Distribution {
3
3
  space: "between";
4
4
  axis: "x" | "y";
5
5
  }
6
- export declare const distributeElements: (selectedElements: ExcalidrawElement[], distribution: Distribution) => ExcalidrawElement[];
6
+ export declare const distributeElements: (selectedElements: ExcalidrawElement[], elementsMap: ElementsMap, distribution: Distribution) => ExcalidrawElement[];
@@ -91,7 +91,7 @@ export declare const actionLink: {
91
91
  tab?: string | undefined;
92
92
  } | null;
93
93
  openDialog: {
94
- name: "help" | "imageExport" | "jsonExport";
94
+ name: "imageExport" | "help" | "jsonExport";
95
95
  } | {
96
96
  name: "settings";
97
97
  source: "settings" | "tool" | "generation";
@@ -1,4 +1,4 @@
1
- import { ExcalidrawElement, ExcalidrawLinearElement, Arrowhead, ExcalidrawFreeDrawElement, NonDeleted } from "./types";
1
+ import { ExcalidrawElement, ExcalidrawLinearElement, Arrowhead, ExcalidrawFreeDrawElement, NonDeleted, ElementsMapOrArray } from "./types";
2
2
  import { Drawable, Op } from "roughjs/bin/core";
3
3
  import { AppState, Point } from "../types";
4
4
  export type RectangleBox = {
@@ -47,7 +47,7 @@ export declare const getArrowheadSize: (arrowhead: Arrowhead) => number;
47
47
  export declare const getArrowheadAngle: (arrowhead: Arrowhead) => number;
48
48
  export declare const getArrowheadPoints: (element: ExcalidrawLinearElement, shape: Drawable[], position: "start" | "end", arrowhead: Arrowhead) => number[] | null;
49
49
  export declare const getElementBounds: (element: ExcalidrawElement) => Bounds;
50
- export declare const getCommonBounds: (elements: readonly ExcalidrawElement[]) => Bounds;
50
+ export declare const getCommonBounds: (elements: ElementsMapOrArray) => Bounds;
51
51
  export declare const getDraggedElementsBounds: (elements: ExcalidrawElement[], dragOffset: {
52
52
  x: number;
53
53
  y: number;