@zsviczian/excalidraw 0.18.0-37 → 0.18.0-39

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 (61) hide show
  1. package/dist/excalidraw.development.js +172 -150
  2. package/dist/excalidraw.production.min.js +1 -1
  3. package/dist/styles.development.css +690 -499
  4. package/dist/styles.production.css +12 -12
  5. package/package.json +2 -2
  6. package/types/common/src/constants.d.ts +20 -4
  7. package/types/common/src/utils.d.ts +3 -0
  8. package/types/element/src/bounds.d.ts +1 -1
  9. package/types/element/src/delta.d.ts +0 -1
  10. package/types/element/src/index.d.ts +1 -0
  11. package/types/element/src/positionElementsOnGrid.d.ts +2 -0
  12. package/types/element/src/renderElement.d.ts +4 -1
  13. package/types/element/src/textElement.d.ts +1 -1
  14. package/types/excalidraw/actions/actionAddToLibrary.d.ts +6 -3
  15. package/types/excalidraw/actions/actionBoundText.d.ts +4 -2
  16. package/types/excalidraw/actions/actionCanvas.d.ts +63 -32
  17. package/types/excalidraw/actions/actionClipboard.d.ts +12 -6
  18. package/types/excalidraw/actions/actionCropEditor.d.ts +2 -1
  19. package/types/excalidraw/actions/actionDeleteSelected.d.ts +6 -3
  20. package/types/excalidraw/actions/actionElementLink.d.ts +2 -1
  21. package/types/excalidraw/actions/actionElementLock.d.ts +4 -2
  22. package/types/excalidraw/actions/actionEmbeddable.d.ts +2 -1
  23. package/types/excalidraw/actions/actionExport.d.ts +18 -9
  24. package/types/excalidraw/actions/actionFinalize.d.ts +6 -3
  25. package/types/excalidraw/actions/actionFrame.d.ts +8 -4
  26. package/types/excalidraw/actions/actionGroup.d.ts +4 -2
  27. package/types/excalidraw/actions/actionLinearEditor.d.ts +3 -2
  28. package/types/excalidraw/actions/actionLink.d.ts +2 -1
  29. package/types/excalidraw/actions/actionMenu.d.ts +6 -3
  30. package/types/excalidraw/actions/actionNavigate.d.ts +4 -2
  31. package/types/excalidraw/actions/actionProperties.d.ts +50 -25
  32. package/types/excalidraw/actions/actionSelectAll.d.ts +2 -1
  33. package/types/excalidraw/actions/actionStyles.d.ts +2 -1
  34. package/types/excalidraw/actions/actionToggleGridMode.d.ts +2 -1
  35. package/types/excalidraw/actions/actionToggleObjectsSnapMode.d.ts +2 -1
  36. package/types/excalidraw/actions/actionToggleSearchMenu.d.ts +2 -1
  37. package/types/excalidraw/actions/actionToggleStats.d.ts +2 -1
  38. package/types/excalidraw/actions/actionToggleViewMode.d.ts +2 -1
  39. package/types/excalidraw/actions/actionToggleZenMode.d.ts +2 -1
  40. package/types/excalidraw/actions/index.d.ts +1 -1
  41. package/types/excalidraw/actions/types.d.ts +1 -1
  42. package/types/excalidraw/appState.d.ts +1 -0
  43. package/types/excalidraw/clipboard.d.ts +64 -1
  44. package/types/excalidraw/components/Actions.d.ts +8 -1
  45. package/types/excalidraw/components/App.d.ts +8 -6
  46. package/types/excalidraw/components/ColorPicker/ColorPicker.d.ts +2 -1
  47. package/types/excalidraw/components/CommandPalette/CommandPalette.d.ts +1 -0
  48. package/types/excalidraw/components/FontPicker/FontPicker.d.ts +2 -1
  49. package/types/excalidraw/components/FontPicker/FontPickerTrigger.d.ts +2 -1
  50. package/types/excalidraw/components/InlineIcon.d.ts +3 -1
  51. package/types/excalidraw/components/LibraryMenuSection.d.ts +1 -1
  52. package/types/excalidraw/components/PropertiesPopover.d.ts +1 -0
  53. package/types/excalidraw/components/TextField.d.ts +1 -0
  54. package/types/excalidraw/components/icons.d.ts +6 -0
  55. package/types/excalidraw/components/shapes.d.ts +117 -1
  56. package/types/excalidraw/data/blob.d.ts +3 -7
  57. package/types/excalidraw/data/types.d.ts +4 -1
  58. package/types/excalidraw/hooks/useLibraryItemSvg.d.ts +1 -1
  59. package/types/excalidraw/hooks/useTextEditorFocus.d.ts +14 -0
  60. package/types/excalidraw/types.d.ts +5 -1
  61. package/types/math/src/segment.d.ts +1 -0
@@ -1,6 +1,7 @@
1
+ import { type GlobalPoint } from "@excalidraw/math";
1
2
  import type { AppState, StaticCanvasAppState, InteractiveCanvasAppState, ElementsPendingErasure, PendingExcalidrawElements } from "@excalidraw/excalidraw/types";
2
3
  import type { StaticCanvasRenderConfig, RenderableElementsMap, InteractiveCanvasRenderConfig } from "@excalidraw/excalidraw/scene/types";
3
- import type { ExcalidrawElement, ExcalidrawTextElement, NonDeletedExcalidrawElement, ExcalidrawFreeDrawElement, ExcalidrawImageElement, ExcalidrawFrameLikeElement, NonDeletedSceneElementsMap } from "./types";
4
+ import type { ExcalidrawElement, ExcalidrawTextElement, NonDeletedExcalidrawElement, ExcalidrawFreeDrawElement, ExcalidrawImageElement, ExcalidrawFrameLikeElement, NonDeletedSceneElementsMap, ElementsMap } from "./types";
4
5
  import type { RoughCanvas } from "roughjs/bin/canvas";
5
6
  export declare const IMAGE_INVERT_FILTER = "invert(100%) hue-rotate(180deg) saturate(1.25)";
6
7
  export declare const getRenderOpacity: (element: ExcalidrawElement, containingFrame: ExcalidrawFrameLikeElement | null, elementsPendingErasure: ElementsPendingErasure, pendingNodes: Readonly<PendingExcalidrawElements> | null, globalAlpha?: number) => number;
@@ -26,3 +27,5 @@ export declare const pathsCache: WeakMap<ExcalidrawFreeDrawElement, Path2D>;
26
27
  export declare function generateFreeDrawShape(element: ExcalidrawFreeDrawElement): Path2D;
27
28
  export declare function getFreeDrawPath2D(element: ExcalidrawFreeDrawElement): Path2D | undefined;
28
29
  export declare function getFreeDrawSvgPath(element: ExcalidrawFreeDrawElement): string;
30
+ export declare function getFreedrawOutlineAsSegments(element: ExcalidrawFreeDrawElement, points: [number, number][], elementsMap: ElementsMap): import("@excalidraw/math").LineSegment<GlobalPoint>[];
31
+ export declare function getFreedrawOutlinePoints(element: ExcalidrawFreeDrawElement): [number, number][];
@@ -1,6 +1,6 @@
1
+ import { type Radians } from "@excalidraw/math";
1
2
  import type { AppState } from "@excalidraw/excalidraw/types";
2
3
  import type { ExtractSetType } from "@excalidraw/common/utility-types";
3
- import type { Radians } from "@excalidraw/math";
4
4
  import type { Scene } from "./Scene";
5
5
  import type { MaybeTransformHandleType } from "./transformHandles";
6
6
  import type { ElementsMap, ExcalidrawElement, ExcalidrawElementType, ExcalidrawTextContainer, ExcalidrawTextElement, ExcalidrawTextElementWithContainer, NonDeletedExcalidrawElement } from "./types";
@@ -79,7 +79,7 @@ export declare const actionAddToLibrary: {
79
79
  value: import("../types").NormalizedZoomValue;
80
80
  }>;
81
81
  openMenu: "canvas" | "shape" | null;
82
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
82
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
83
83
  openSidebar: {
84
84
  name: string;
85
85
  tab?: string | undefined;
@@ -211,6 +211,7 @@ export declare const actionAddToLibrary: {
211
211
  lockedMultiSelections: {
212
212
  [groupId: string]: true;
213
213
  };
214
+ stylesPanelMode: "compact" | "full";
214
215
  };
215
216
  } | {
216
217
  captureUpdate: "EVENTUALLY";
@@ -285,7 +286,7 @@ export declare const actionAddToLibrary: {
285
286
  value: import("../types").NormalizedZoomValue;
286
287
  }>;
287
288
  openMenu: "canvas" | "shape" | null;
288
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
289
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
289
290
  openSidebar: {
290
291
  name: string;
291
292
  tab?: string | undefined;
@@ -422,6 +423,7 @@ export declare const actionAddToLibrary: {
422
423
  lockedMultiSelections: {
423
424
  [groupId: string]: true;
424
425
  };
426
+ stylesPanelMode: "compact" | "full";
425
427
  };
426
428
  }> | {
427
429
  captureUpdate: "EVENTUALLY";
@@ -496,7 +498,7 @@ export declare const actionAddToLibrary: {
496
498
  value: import("../types").NormalizedZoomValue;
497
499
  }>;
498
500
  openMenu: "canvas" | "shape" | null;
499
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
501
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
500
502
  openSidebar: {
501
503
  name: string;
502
504
  tab?: string | undefined;
@@ -633,6 +635,7 @@ export declare const actionAddToLibrary: {
633
635
  lockedMultiSelections: {
634
636
  [groupId: string]: true;
635
637
  };
638
+ stylesPanelMode: "compact" | "full";
636
639
  };
637
640
  };
638
641
  label: string;
@@ -99,7 +99,7 @@ export declare const actionBindText: {
99
99
  value: import("../types").NormalizedZoomValue;
100
100
  }>;
101
101
  openMenu: "canvas" | "shape" | null;
102
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
102
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
103
103
  openSidebar: {
104
104
  name: string;
105
105
  tab?: string | undefined;
@@ -233,6 +233,7 @@ export declare const actionBindText: {
233
233
  lockedMultiSelections: {
234
234
  [groupId: string]: true;
235
235
  };
236
+ stylesPanelMode: "compact" | "full";
236
237
  };
237
238
  captureUpdate: "IMMEDIATELY";
238
239
  };
@@ -322,7 +323,7 @@ export declare const actionWrapTextInContainer: {
322
323
  value: import("../types").NormalizedZoomValue;
323
324
  }>;
324
325
  openMenu: "canvas" | "shape" | null;
325
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
326
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
326
327
  openSidebar: {
327
328
  name: string;
328
329
  tab?: string | undefined;
@@ -456,6 +457,7 @@ export declare const actionWrapTextInContainer: {
456
457
  lockedMultiSelections: {
457
458
  [groupId: string]: true;
458
459
  };
460
+ stylesPanelMode: "compact" | "full";
459
461
  };
460
462
  captureUpdate: "IMMEDIATELY";
461
463
  };
@@ -10,7 +10,7 @@ export declare const actionChangeViewBackgroundColor: {
10
10
  appState: any;
11
11
  captureUpdate: "IMMEDIATELY" | "EVENTUALLY";
12
12
  };
13
- PanelComponent: ({ elements, appState, updateData, appProps }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
13
+ PanelComponent: ({ elements, appState, updateData, appProps, data }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
14
14
  } & {
15
15
  keyTest?: undefined;
16
16
  };
@@ -95,7 +95,8 @@ export declare const actionClearCanvas: {
95
95
  name: "commandPalette";
96
96
  } | {
97
97
  name: "elementLinkSelector";
98
- sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
98
+ /** whether to fit content to viewport (beyond >100%) */
99
+ sourceElementId: string;
99
100
  } | null;
100
101
  editingGroupId: string | null;
101
102
  selectedElementIds: Readonly<{
@@ -189,7 +190,7 @@ export declare const actionClearCanvas: {
189
190
  scrolledOutside: boolean;
190
191
  isResizing: boolean;
191
192
  openMenu: "canvas" | "shape" | null;
192
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
193
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
193
194
  openSidebar: {
194
195
  name: string;
195
196
  tab?: string | undefined;
@@ -229,6 +230,7 @@ export declare const actionClearCanvas: {
229
230
  lockedMultiSelections: {
230
231
  [groupId: string]: true;
231
232
  };
233
+ stylesPanelMode: "compact" | "full";
232
234
  };
233
235
  captureUpdate: "IMMEDIATELY";
234
236
  };
@@ -316,7 +318,7 @@ export declare const actionZoomIn: {
316
318
  isResizing: boolean;
317
319
  isRotating: boolean;
318
320
  openMenu: "canvas" | "shape" | null;
319
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
321
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
320
322
  openSidebar: {
321
323
  name: string;
322
324
  tab?: string | undefined;
@@ -330,7 +332,8 @@ export declare const actionZoomIn: {
330
332
  name: "commandPalette";
331
333
  } | {
332
334
  name: "elementLinkSelector";
333
- sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
335
+ /** whether to fit content to viewport (beyond >100%) */
336
+ sourceElementId: string;
334
337
  } | null;
335
338
  defaultSidebarDockedPreference: boolean;
336
339
  lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -452,6 +455,7 @@ export declare const actionZoomIn: {
452
455
  lockedMultiSelections: {
453
456
  [groupId: string]: true;
454
457
  };
458
+ stylesPanelMode: "compact" | "full";
455
459
  };
456
460
  captureUpdate: "EVENTUALLY";
457
461
  };
@@ -541,7 +545,7 @@ export declare const actionZoomOut: {
541
545
  isResizing: boolean;
542
546
  isRotating: boolean;
543
547
  openMenu: "canvas" | "shape" | null;
544
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
548
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
545
549
  openSidebar: {
546
550
  name: string;
547
551
  tab?: string | undefined;
@@ -555,7 +559,8 @@ export declare const actionZoomOut: {
555
559
  name: "commandPalette";
556
560
  } | {
557
561
  name: "elementLinkSelector";
558
- sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
562
+ /** whether to fit content to viewport (beyond >100%) */
563
+ sourceElementId: string;
559
564
  } | null;
560
565
  defaultSidebarDockedPreference: boolean;
561
566
  lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -677,6 +682,7 @@ export declare const actionZoomOut: {
677
682
  lockedMultiSelections: {
678
683
  [groupId: string]: true;
679
684
  };
685
+ stylesPanelMode: "compact" | "full";
680
686
  };
681
687
  captureUpdate: "EVENTUALLY";
682
688
  };
@@ -766,7 +772,7 @@ export declare const actionResetZoom: {
766
772
  isResizing: boolean;
767
773
  isRotating: boolean;
768
774
  openMenu: "canvas" | "shape" | null;
769
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
775
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
770
776
  openSidebar: {
771
777
  name: string;
772
778
  tab?: string | undefined;
@@ -780,7 +786,8 @@ export declare const actionResetZoom: {
780
786
  name: "commandPalette";
781
787
  } | {
782
788
  name: "elementLinkSelector";
783
- sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
789
+ /** whether to fit content to viewport (beyond >100%) */
790
+ sourceElementId: string;
784
791
  } | null;
785
792
  defaultSidebarDockedPreference: boolean;
786
793
  lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -902,6 +909,7 @@ export declare const actionResetZoom: {
902
909
  lockedMultiSelections: {
903
910
  [groupId: string]: true;
904
911
  };
912
+ stylesPanelMode: "compact" | "full";
905
913
  };
906
914
  captureUpdate: "EVENTUALLY";
907
915
  };
@@ -997,7 +1005,7 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
997
1005
  isResizing: boolean;
998
1006
  isRotating: boolean;
999
1007
  openMenu: "canvas" | "shape" | null;
1000
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
1008
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
1001
1009
  openSidebar: {
1002
1010
  name: string;
1003
1011
  tab?: string | undefined;
@@ -1011,7 +1019,8 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
1011
1019
  name: "commandPalette";
1012
1020
  } | {
1013
1021
  name: "elementLinkSelector";
1014
- sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
1022
+ /** whether to fit content to viewport (beyond >100%) */
1023
+ sourceElementId: string;
1015
1024
  } | null;
1016
1025
  defaultSidebarDockedPreference: boolean;
1017
1026
  lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -1134,6 +1143,7 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
1134
1143
  lockedMultiSelections: {
1135
1144
  [groupId: string]: true;
1136
1145
  };
1146
+ stylesPanelMode: "compact" | "full";
1137
1147
  };
1138
1148
  captureUpdate: "EVENTUALLY";
1139
1149
  };
@@ -1224,7 +1234,7 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
1224
1234
  isResizing: boolean;
1225
1235
  isRotating: boolean;
1226
1236
  openMenu: "canvas" | "shape" | null;
1227
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
1237
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
1228
1238
  openSidebar: {
1229
1239
  name: string;
1230
1240
  tab?: string | undefined;
@@ -1238,7 +1248,8 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
1238
1248
  name: "commandPalette";
1239
1249
  } | {
1240
1250
  name: "elementLinkSelector";
1241
- sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
1251
+ /** whether to fit content to viewport (beyond >100%) */
1252
+ sourceElementId: string;
1242
1253
  } | null;
1243
1254
  defaultSidebarDockedPreference: boolean;
1244
1255
  lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -1361,6 +1372,7 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
1361
1372
  lockedMultiSelections: {
1362
1373
  [groupId: string]: true;
1363
1374
  };
1375
+ stylesPanelMode: "compact" | "full";
1364
1376
  };
1365
1377
  captureUpdate: "EVENTUALLY";
1366
1378
  };
@@ -1443,7 +1455,7 @@ export declare const actionZoomToFitSelectionInViewport: {
1443
1455
  isResizing: boolean;
1444
1456
  isRotating: boolean;
1445
1457
  openMenu: "canvas" | "shape" | null;
1446
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
1458
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
1447
1459
  openSidebar: {
1448
1460
  name: string;
1449
1461
  tab?: string | undefined;
@@ -1457,7 +1469,8 @@ export declare const actionZoomToFitSelectionInViewport: {
1457
1469
  name: "commandPalette";
1458
1470
  } | {
1459
1471
  name: "elementLinkSelector";
1460
- sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
1472
+ /** whether to fit content to viewport (beyond >100%) */
1473
+ sourceElementId: string;
1461
1474
  } | null;
1462
1475
  defaultSidebarDockedPreference: boolean;
1463
1476
  lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -1580,6 +1593,7 @@ export declare const actionZoomToFitSelectionInViewport: {
1580
1593
  lockedMultiSelections: {
1581
1594
  [groupId: string]: true;
1582
1595
  };
1596
+ stylesPanelMode: "compact" | "full";
1583
1597
  };
1584
1598
  captureUpdate: "EVENTUALLY";
1585
1599
  };
@@ -1666,7 +1680,7 @@ export declare const actionZoomToFitSelection: {
1666
1680
  isResizing: boolean;
1667
1681
  isRotating: boolean;
1668
1682
  openMenu: "canvas" | "shape" | null;
1669
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
1683
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
1670
1684
  openSidebar: {
1671
1685
  name: string;
1672
1686
  tab?: string | undefined;
@@ -1680,7 +1694,8 @@ export declare const actionZoomToFitSelection: {
1680
1694
  name: "commandPalette";
1681
1695
  } | {
1682
1696
  name: "elementLinkSelector";
1683
- sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
1697
+ /** whether to fit content to viewport (beyond >100%) */
1698
+ sourceElementId: string;
1684
1699
  } | null;
1685
1700
  defaultSidebarDockedPreference: boolean;
1686
1701
  lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -1803,6 +1818,7 @@ export declare const actionZoomToFitSelection: {
1803
1818
  lockedMultiSelections: {
1804
1819
  [groupId: string]: true;
1805
1820
  };
1821
+ stylesPanelMode: "compact" | "full";
1806
1822
  };
1807
1823
  captureUpdate: "EVENTUALLY";
1808
1824
  };
@@ -1890,7 +1906,7 @@ export declare const actionZoomToFit: {
1890
1906
  isResizing: boolean;
1891
1907
  isRotating: boolean;
1892
1908
  openMenu: "canvas" | "shape" | null;
1893
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
1909
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
1894
1910
  openSidebar: {
1895
1911
  name: string;
1896
1912
  tab?: string | undefined;
@@ -1904,7 +1920,8 @@ export declare const actionZoomToFit: {
1904
1920
  name: "commandPalette";
1905
1921
  } | {
1906
1922
  name: "elementLinkSelector";
1907
- sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
1923
+ /** whether to fit content to viewport (beyond >100%) */
1924
+ sourceElementId: string;
1908
1925
  } | null;
1909
1926
  defaultSidebarDockedPreference: boolean;
1910
1927
  lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -2027,6 +2044,7 @@ export declare const actionZoomToFit: {
2027
2044
  lockedMultiSelections: {
2028
2045
  [groupId: string]: true;
2029
2046
  };
2047
+ stylesPanelMode: "compact" | "full";
2030
2048
  };
2031
2049
  captureUpdate: "EVENTUALLY";
2032
2050
  };
@@ -2116,7 +2134,7 @@ export declare const actionToggleTheme: {
2116
2134
  value: import("../types").NormalizedZoomValue;
2117
2135
  }>;
2118
2136
  openMenu: "canvas" | "shape" | null;
2119
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
2137
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
2120
2138
  openSidebar: {
2121
2139
  name: string;
2122
2140
  tab?: string | undefined;
@@ -2130,7 +2148,8 @@ export declare const actionToggleTheme: {
2130
2148
  name: "commandPalette";
2131
2149
  } | {
2132
2150
  name: "elementLinkSelector";
2133
- sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
2151
+ /** whether to fit content to viewport (beyond >100%) */
2152
+ sourceElementId: string;
2134
2153
  } | null;
2135
2154
  defaultSidebarDockedPreference: boolean;
2136
2155
  lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -2252,6 +2271,7 @@ export declare const actionToggleTheme: {
2252
2271
  lockedMultiSelections: {
2253
2272
  [groupId: string]: true;
2254
2273
  };
2274
+ stylesPanelMode: "compact" | "full";
2255
2275
  };
2256
2276
  captureUpdate: "EVENTUALLY";
2257
2277
  };
@@ -2266,7 +2286,7 @@ export declare const actionToggleEraserTool: {
2266
2286
  trackEvent: {
2267
2287
  category: "toolbar";
2268
2288
  };
2269
- perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>) => {
2289
+ perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
2270
2290
  appState: {
2271
2291
  selectedElementIds: {};
2272
2292
  selectedGroupIds: {};
@@ -2337,7 +2357,7 @@ export declare const actionToggleEraserTool: {
2337
2357
  value: import("../types").NormalizedZoomValue;
2338
2358
  }>;
2339
2359
  openMenu: "canvas" | "shape" | null;
2340
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
2360
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
2341
2361
  openSidebar: {
2342
2362
  name: string;
2343
2363
  tab?: string | undefined;
@@ -2351,7 +2371,8 @@ export declare const actionToggleEraserTool: {
2351
2371
  name: "commandPalette";
2352
2372
  } | {
2353
2373
  name: "elementLinkSelector";
2354
- sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
2374
+ /** whether to fit content to viewport (beyond >100%) */
2375
+ sourceElementId: string;
2355
2376
  } | null;
2356
2377
  defaultSidebarDockedPreference: boolean;
2357
2378
  lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -2468,6 +2489,7 @@ export declare const actionToggleEraserTool: {
2468
2489
  lockedMultiSelections: {
2469
2490
  [groupId: string]: true;
2470
2491
  };
2492
+ stylesPanelMode: "compact" | "full";
2471
2493
  };
2472
2494
  captureUpdate: "IMMEDIATELY";
2473
2495
  };
@@ -2482,6 +2504,7 @@ export declare const actionToggleLassoTool: {
2482
2504
  trackEvent: {
2483
2505
  category: "toolbar";
2484
2506
  };
2507
+ predicate: (elements: readonly ExcalidrawElement[], appState: AppState, props: import("../types").ExcalidrawProps, app: AppClassProperties) => boolean;
2485
2508
  perform: (elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
2486
2509
  appState: {
2487
2510
  selectedElementIds: {};
@@ -2553,7 +2576,7 @@ export declare const actionToggleLassoTool: {
2553
2576
  value: import("../types").NormalizedZoomValue;
2554
2577
  }>;
2555
2578
  openMenu: "canvas" | "shape" | null;
2556
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
2579
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
2557
2580
  openSidebar: {
2558
2581
  name: string;
2559
2582
  tab?: string | undefined;
@@ -2567,7 +2590,8 @@ export declare const actionToggleLassoTool: {
2567
2590
  name: "commandPalette";
2568
2591
  } | {
2569
2592
  name: "elementLinkSelector";
2570
- sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
2593
+ /** whether to fit content to viewport (beyond >100%) */
2594
+ sourceElementId: string;
2571
2595
  } | null;
2572
2596
  defaultSidebarDockedPreference: boolean;
2573
2597
  lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -2684,6 +2708,7 @@ export declare const actionToggleLassoTool: {
2684
2708
  lockedMultiSelections: {
2685
2709
  [groupId: string]: true;
2686
2710
  };
2711
+ stylesPanelMode: "compact" | "full";
2687
2712
  };
2688
2713
  captureUpdate: "NEVER";
2689
2714
  };
@@ -2769,7 +2794,7 @@ export declare const actionToggleHandTool: {
2769
2794
  value: import("../types").NormalizedZoomValue;
2770
2795
  }>;
2771
2796
  openMenu: "canvas" | "shape" | null;
2772
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
2797
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
2773
2798
  openSidebar: {
2774
2799
  name: string;
2775
2800
  tab?: string | undefined;
@@ -2783,7 +2808,8 @@ export declare const actionToggleHandTool: {
2783
2808
  name: "commandPalette";
2784
2809
  } | {
2785
2810
  name: "elementLinkSelector";
2786
- sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
2811
+ /** whether to fit content to viewport (beyond >100%) */
2812
+ sourceElementId: string;
2787
2813
  } | null;
2788
2814
  defaultSidebarDockedPreference: boolean;
2789
2815
  lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -2900,6 +2926,7 @@ export declare const actionToggleHandTool: {
2900
2926
  lockedMultiSelections: {
2901
2927
  [groupId: string]: true;
2902
2928
  };
2929
+ stylesPanelMode: "compact" | "full";
2903
2930
  };
2904
2931
  captureUpdate: "IMMEDIATELY";
2905
2932
  };
@@ -2984,7 +3011,7 @@ export declare const actionToggleLaserPointer: {
2984
3011
  value: import("../types").NormalizedZoomValue;
2985
3012
  }>;
2986
3013
  openMenu: "canvas" | "shape" | null;
2987
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
3014
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
2988
3015
  openSidebar: {
2989
3016
  name: string;
2990
3017
  tab?: string | undefined;
@@ -2998,7 +3025,8 @@ export declare const actionToggleLaserPointer: {
2998
3025
  name: "commandPalette";
2999
3026
  } | {
3000
3027
  name: "elementLinkSelector";
3001
- sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
3028
+ /** whether to fit content to viewport (beyond >100%) */
3029
+ sourceElementId: string;
3002
3030
  } | null;
3003
3031
  defaultSidebarDockedPreference: boolean;
3004
3032
  lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -3115,6 +3143,7 @@ export declare const actionToggleLaserPointer: {
3115
3143
  lockedMultiSelections: {
3116
3144
  [groupId: string]: true;
3117
3145
  };
3146
+ stylesPanelMode: "compact" | "full";
3118
3147
  };
3119
3148
  captureUpdate: "NEVER";
3120
3149
  };
@@ -3196,7 +3225,7 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
3196
3225
  isResizing: boolean;
3197
3226
  isRotating: boolean;
3198
3227
  openMenu: "canvas" | "shape" | null;
3199
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
3228
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
3200
3229
  openSidebar: {
3201
3230
  name: string;
3202
3231
  tab?: string | undefined;
@@ -3210,7 +3239,8 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
3210
3239
  name: "commandPalette";
3211
3240
  } | {
3212
3241
  name: "elementLinkSelector";
3213
- sourceElementId: string; /** whether to fit content to viewport (beyond >100%) */
3242
+ /** whether to fit content to viewport (beyond >100%) */
3243
+ sourceElementId: string;
3214
3244
  } | null;
3215
3245
  defaultSidebarDockedPreference: boolean;
3216
3246
  lastPointerDownWith: import("@excalidraw/element/types").PointerType;
@@ -3333,6 +3363,7 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
3333
3363
  lockedMultiSelections: {
3334
3364
  [groupId: string]: true;
3335
3365
  };
3366
+ stylesPanelMode: "compact" | "full";
3336
3367
  };
3337
3368
  commitToHistory: boolean;
3338
3369
  };
@@ -78,7 +78,7 @@ export declare const actionCopy: {
78
78
  value: import("../types").NormalizedZoomValue;
79
79
  }>;
80
80
  openMenu: "canvas" | "shape" | null;
81
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
81
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
82
82
  openSidebar: {
83
83
  name: string;
84
84
  tab?: string | undefined;
@@ -215,6 +215,7 @@ export declare const actionCopy: {
215
215
  lockedMultiSelections: {
216
216
  [groupId: string]: true;
217
217
  };
218
+ stylesPanelMode: "compact" | "full";
218
219
  };
219
220
  } | {
220
221
  captureUpdate: "EVENTUALLY";
@@ -303,7 +304,7 @@ export declare const actionPaste: {
303
304
  value: import("../types").NormalizedZoomValue;
304
305
  }>;
305
306
  openMenu: "canvas" | "shape" | null;
306
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
307
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
307
308
  openSidebar: {
308
309
  name: string;
309
310
  tab?: string | undefined;
@@ -440,6 +441,7 @@ export declare const actionPaste: {
440
441
  lockedMultiSelections: {
441
442
  [groupId: string]: true;
442
443
  };
444
+ stylesPanelMode: "compact" | "full";
443
445
  };
444
446
  } | {
445
447
  captureUpdate: "EVENTUALLY";
@@ -530,7 +532,7 @@ export declare const actionCut: {
530
532
  value: import("../types").NormalizedZoomValue;
531
533
  }>;
532
534
  openMenu: "canvas" | "shape" | null;
533
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
535
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
534
536
  openSidebar: {
535
537
  name: string;
536
538
  tab?: string | undefined;
@@ -666,6 +668,7 @@ export declare const actionCut: {
666
668
  lockedMultiSelections: {
667
669
  [groupId: string]: true;
668
670
  };
671
+ stylesPanelMode: "compact" | "full";
669
672
  };
670
673
  captureUpdate: "IMMEDIATELY";
671
674
  } | {
@@ -774,7 +777,7 @@ export declare const actionCut: {
774
777
  value: import("../types").NormalizedZoomValue;
775
778
  }>;
776
779
  openMenu: "canvas" | "shape" | null;
777
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
780
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
778
781
  openSidebar: {
779
782
  name: string;
780
783
  tab?: string | undefined;
@@ -910,6 +913,7 @@ export declare const actionCut: {
910
913
  lockedMultiSelections: {
911
914
  [groupId: string]: true;
912
915
  };
916
+ stylesPanelMode: "compact" | "full";
913
917
  };
914
918
  captureUpdate: "IMMEDIATELY";
915
919
  } | {
@@ -990,7 +994,7 @@ export declare const actionCut: {
990
994
  value: import("../types").NormalizedZoomValue;
991
995
  }>;
992
996
  openMenu: "canvas" | "shape" | null;
993
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
997
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
994
998
  openSidebar: {
995
999
  name: string;
996
1000
  tab?: string | undefined;
@@ -1119,6 +1123,7 @@ export declare const actionCut: {
1119
1123
  lockedMultiSelections: {
1120
1124
  [groupId: string]: true;
1121
1125
  };
1126
+ stylesPanelMode: "compact" | "full";
1122
1127
  };
1123
1128
  captureUpdate: "IMMEDIATELY" | "EVENTUALLY";
1124
1129
  };
@@ -1238,7 +1243,7 @@ export declare const actionCopyAsPng: {
1238
1243
  value: import("../types").NormalizedZoomValue;
1239
1244
  }>;
1240
1245
  openMenu: "canvas" | "shape" | null;
1241
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
1246
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
1242
1247
  openSidebar: {
1243
1248
  name: string;
1244
1249
  tab?: string | undefined;
@@ -1375,6 +1380,7 @@ export declare const actionCopyAsPng: {
1375
1380
  lockedMultiSelections: {
1376
1381
  [groupId: string]: true;
1377
1382
  };
1383
+ stylesPanelMode: "compact" | "full";
1378
1384
  };
1379
1385
  captureUpdate: "EVENTUALLY";
1380
1386
  }>;
@@ -81,7 +81,7 @@ export declare const actionToggleCropEditor: {
81
81
  value: import("../types").NormalizedZoomValue;
82
82
  }>;
83
83
  openMenu: "canvas" | "shape" | null;
84
- openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | null;
84
+ openPopup: "fontFamily" | "canvasBackground" | "elementBackground" | "elementStroke" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
85
85
  openSidebar: {
86
86
  name: string;
87
87
  tab?: string | undefined;
@@ -216,6 +216,7 @@ export declare const actionToggleCropEditor: {
216
216
  lockedMultiSelections: {
217
217
  [groupId: string]: true;
218
218
  };
219
+ stylesPanelMode: "compact" | "full";
219
220
  };
220
221
  captureUpdate: "IMMEDIATELY";
221
222
  };