///
import { AppState } from "../../src/types";
import { Arrowhead, ExcalidrawElement, ExcalidrawLinearElement, TextAlign } from "../element/types";
export declare const actionChangeStrokeColor: {
name: "changeStrokeColor";
trackEvent: false;
perform: (elements: readonly ExcalidrawElement[], appState: Readonly, value: any) => any;
PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren) => JSX.Element;
} & {
keyTest?: undefined;
};
export declare const actionChangeBackgroundColor: {
name: "changeBackgroundColor";
trackEvent: false;
perform: (elements: readonly ExcalidrawElement[], appState: Readonly, value: any) => any;
PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren) => JSX.Element;
} & {
keyTest?: undefined;
};
export declare const actionChangeFillStyle: {
name: "changeFillStyle";
trackEvent: false;
perform: (elements: readonly ExcalidrawElement[], appState: Readonly, value: any) => {
elements: ExcalidrawElement[];
appState: {
currentItemFillStyle: any;
isLoading: boolean;
errorMessage: string | null;
draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
multiElement: import("../element/types").NonDeleted | null;
selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
isBindingEnabled: boolean;
startBoundElement: import("../element/types").NonDeleted | null;
suggestedBindings: import("../element/binding").SuggestedBinding[];
editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
activeTool: {
type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
customType: null;
} | {
type: "custom";
customType: string;
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
};
penMode: boolean;
penDetected: boolean;
exportBackground: boolean;
exportEmbedScene: boolean;
exportWithDarkMode: boolean;
exportScale: number;
currentItemStrokeColor: string;
currentItemBackgroundColor: string;
currentItemStrokeWidth: number;
currentItemStrokeStyle: import("../element/types").StrokeStyle;
currentItemRoughness: number;
currentItemOpacity: number;
currentItemFontFamily: number;
currentItemFontSize: number;
currentItemTextAlign: TextAlign;
currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
currentItemStartArrowhead: Arrowhead | null;
currentItemEndArrowhead: Arrowhead | null;
currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
viewBackgroundColor: string;
scrollX: number;
scrollY: number;
cursorButton: "up" | "down";
scrolledOutside: boolean;
name: string;
isResizing: boolean;
isRotating: boolean;
zoom: Readonly<{
value: import("../../src/types").NormalizedZoomValue;
}>;
openMenu: "canvas" | "shape" | null;
openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
lastPointerDownWith: import("../element/types").PointerType;
selectedElementIds: {
[id: string]: boolean;
};
previousSelectedElementIds: {
[id: string]: boolean;
};
shouldCacheIgnoreZoom: boolean;
showHelpDialog: boolean;
toastMessage: string | null;
zenModeEnabled: boolean;
theme: string;
gridSize: number | null;
viewModeEnabled: boolean;
selectedGroupIds: {
[groupId: string]: boolean;
};
editingGroupId: string | null;
width: number;
height: number;
offsetTop: number;
offsetLeft: number;
isLibraryOpen: boolean;
isLibraryMenuDocked: boolean;
fileHandle: import("browser-fs-access").FileSystemHandle | null;
collaborators: Map;
showStats: boolean;
currentChartType: import("../element/types").ChartType;
pasteDialog: {
shown: false;
data: null;
} | {
shown: true;
data: import("../charts").Spreadsheet;
};
pendingImageElementId: string | null;
showHyperlinkPopup: false | "info" | "editor";
};
commitToHistory: true;
};
PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren) => JSX.Element;
} & {
keyTest?: undefined;
};
export declare const actionChangeStrokeWidth: {
name: "changeStrokeWidth";
trackEvent: false;
perform: (elements: readonly ExcalidrawElement[], appState: Readonly, value: any) => {
elements: ExcalidrawElement[];
appState: {
currentItemStrokeWidth: any;
isLoading: boolean;
errorMessage: string | null;
draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
multiElement: import("../element/types").NonDeleted | null;
selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
isBindingEnabled: boolean;
startBoundElement: import("../element/types").NonDeleted | null;
suggestedBindings: import("../element/binding").SuggestedBinding[];
editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
activeTool: {
type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
customType: null;
} | {
type: "custom";
customType: string;
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
};
penMode: boolean;
penDetected: boolean;
exportBackground: boolean;
exportEmbedScene: boolean;
exportWithDarkMode: boolean;
exportScale: number;
currentItemStrokeColor: string;
currentItemBackgroundColor: string;
currentItemFillStyle: import("../element/types").FillStyle;
currentItemStrokeStyle: import("../element/types").StrokeStyle;
currentItemRoughness: number;
currentItemOpacity: number;
currentItemFontFamily: number;
currentItemFontSize: number;
currentItemTextAlign: TextAlign;
currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
currentItemStartArrowhead: Arrowhead | null;
currentItemEndArrowhead: Arrowhead | null;
currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
viewBackgroundColor: string;
scrollX: number;
scrollY: number;
cursorButton: "up" | "down";
scrolledOutside: boolean;
name: string;
isResizing: boolean;
isRotating: boolean;
zoom: Readonly<{
value: import("../../src/types").NormalizedZoomValue;
}>;
openMenu: "canvas" | "shape" | null;
openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
lastPointerDownWith: import("../element/types").PointerType;
selectedElementIds: {
[id: string]: boolean;
};
previousSelectedElementIds: {
[id: string]: boolean;
};
shouldCacheIgnoreZoom: boolean;
showHelpDialog: boolean;
toastMessage: string | null;
zenModeEnabled: boolean;
theme: string;
gridSize: number | null;
viewModeEnabled: boolean;
selectedGroupIds: {
[groupId: string]: boolean;
};
editingGroupId: string | null;
width: number;
height: number;
offsetTop: number;
offsetLeft: number;
isLibraryOpen: boolean;
isLibraryMenuDocked: boolean;
fileHandle: import("browser-fs-access").FileSystemHandle | null;
collaborators: Map;
showStats: boolean;
currentChartType: import("../element/types").ChartType;
pasteDialog: {
shown: false;
data: null;
} | {
shown: true;
data: import("../charts").Spreadsheet;
};
pendingImageElementId: string | null;
showHyperlinkPopup: false | "info" | "editor";
};
commitToHistory: true;
};
PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren) => JSX.Element;
} & {
keyTest?: undefined;
};
export declare const actionChangeSloppiness: {
name: "changeSloppiness";
trackEvent: false;
perform: (elements: readonly ExcalidrawElement[], appState: Readonly, value: any) => {
elements: ExcalidrawElement[];
appState: {
currentItemRoughness: any;
isLoading: boolean;
errorMessage: string | null;
draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
multiElement: import("../element/types").NonDeleted | null;
selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
isBindingEnabled: boolean;
startBoundElement: import("../element/types").NonDeleted | null;
suggestedBindings: import("../element/binding").SuggestedBinding[];
editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
activeTool: {
type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
customType: null;
} | {
type: "custom";
customType: string;
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
};
penMode: boolean;
penDetected: boolean;
exportBackground: boolean;
exportEmbedScene: boolean;
exportWithDarkMode: boolean;
exportScale: number;
currentItemStrokeColor: string;
currentItemBackgroundColor: string;
currentItemFillStyle: import("../element/types").FillStyle;
currentItemStrokeWidth: number;
currentItemStrokeStyle: import("../element/types").StrokeStyle;
currentItemOpacity: number;
currentItemFontFamily: number;
currentItemFontSize: number;
currentItemTextAlign: TextAlign;
currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
currentItemStartArrowhead: Arrowhead | null;
currentItemEndArrowhead: Arrowhead | null;
currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
viewBackgroundColor: string;
scrollX: number;
scrollY: number;
cursorButton: "up" | "down";
scrolledOutside: boolean;
name: string;
isResizing: boolean;
isRotating: boolean;
zoom: Readonly<{
value: import("../../src/types").NormalizedZoomValue;
}>;
openMenu: "canvas" | "shape" | null;
openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
lastPointerDownWith: import("../element/types").PointerType;
selectedElementIds: {
[id: string]: boolean;
};
previousSelectedElementIds: {
[id: string]: boolean;
};
shouldCacheIgnoreZoom: boolean;
showHelpDialog: boolean;
toastMessage: string | null;
zenModeEnabled: boolean;
theme: string;
gridSize: number | null;
viewModeEnabled: boolean;
selectedGroupIds: {
[groupId: string]: boolean;
};
editingGroupId: string | null;
width: number;
height: number;
offsetTop: number;
offsetLeft: number;
isLibraryOpen: boolean;
isLibraryMenuDocked: boolean;
fileHandle: import("browser-fs-access").FileSystemHandle | null;
collaborators: Map;
showStats: boolean;
currentChartType: import("../element/types").ChartType;
pasteDialog: {
shown: false;
data: null;
} | {
shown: true;
data: import("../charts").Spreadsheet;
};
pendingImageElementId: string | null;
showHyperlinkPopup: false | "info" | "editor";
};
commitToHistory: true;
};
PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren) => JSX.Element;
} & {
keyTest?: undefined;
};
export declare const actionChangeStrokeStyle: {
name: "changeStrokeStyle";
trackEvent: false;
perform: (elements: readonly ExcalidrawElement[], appState: Readonly, value: any) => {
elements: ExcalidrawElement[];
appState: {
currentItemStrokeStyle: any;
isLoading: boolean;
errorMessage: string | null;
draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
multiElement: import("../element/types").NonDeleted | null;
selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
isBindingEnabled: boolean;
startBoundElement: import("../element/types").NonDeleted | null;
suggestedBindings: import("../element/binding").SuggestedBinding[];
editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
activeTool: {
type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
customType: null;
} | {
type: "custom";
customType: string;
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
};
penMode: boolean;
penDetected: boolean;
exportBackground: boolean;
exportEmbedScene: boolean;
exportWithDarkMode: boolean;
exportScale: number;
currentItemStrokeColor: string;
currentItemBackgroundColor: string;
currentItemFillStyle: import("../element/types").FillStyle;
currentItemStrokeWidth: number;
currentItemRoughness: number;
currentItemOpacity: number;
currentItemFontFamily: number;
currentItemFontSize: number;
currentItemTextAlign: TextAlign;
currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
currentItemStartArrowhead: Arrowhead | null;
currentItemEndArrowhead: Arrowhead | null;
currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
viewBackgroundColor: string;
scrollX: number;
scrollY: number;
cursorButton: "up" | "down";
scrolledOutside: boolean;
name: string;
isResizing: boolean;
isRotating: boolean;
zoom: Readonly<{
value: import("../../src/types").NormalizedZoomValue;
}>;
openMenu: "canvas" | "shape" | null;
openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
lastPointerDownWith: import("../element/types").PointerType;
selectedElementIds: {
[id: string]: boolean;
};
previousSelectedElementIds: {
[id: string]: boolean;
};
shouldCacheIgnoreZoom: boolean;
showHelpDialog: boolean;
toastMessage: string | null;
zenModeEnabled: boolean;
theme: string;
gridSize: number | null;
viewModeEnabled: boolean;
selectedGroupIds: {
[groupId: string]: boolean;
};
editingGroupId: string | null;
width: number;
height: number;
offsetTop: number;
offsetLeft: number;
isLibraryOpen: boolean;
isLibraryMenuDocked: boolean;
fileHandle: import("browser-fs-access").FileSystemHandle | null;
collaborators: Map;
showStats: boolean;
currentChartType: import("../element/types").ChartType;
pasteDialog: {
shown: false;
data: null;
} | {
shown: true;
data: import("../charts").Spreadsheet;
};
pendingImageElementId: string | null;
showHyperlinkPopup: false | "info" | "editor";
};
commitToHistory: true;
};
PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren) => JSX.Element;
} & {
keyTest?: undefined;
};
export declare const actionChangeOpacity: {
name: "changeOpacity";
trackEvent: false;
perform: (elements: readonly ExcalidrawElement[], appState: Readonly, value: any) => {
elements: ExcalidrawElement[];
appState: {
currentItemOpacity: any;
isLoading: boolean;
errorMessage: string | null;
draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
multiElement: import("../element/types").NonDeleted | null;
selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
isBindingEnabled: boolean;
startBoundElement: import("../element/types").NonDeleted | null;
suggestedBindings: import("../element/binding").SuggestedBinding[];
editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
activeTool: {
type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
customType: null;
} | {
type: "custom";
customType: string;
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
};
penMode: boolean;
penDetected: boolean;
exportBackground: boolean;
exportEmbedScene: boolean;
exportWithDarkMode: boolean;
exportScale: number;
currentItemStrokeColor: string;
currentItemBackgroundColor: string;
currentItemFillStyle: import("../element/types").FillStyle;
currentItemStrokeWidth: number;
currentItemStrokeStyle: import("../element/types").StrokeStyle;
currentItemRoughness: number;
currentItemFontFamily: number;
currentItemFontSize: number;
currentItemTextAlign: TextAlign;
currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
currentItemStartArrowhead: Arrowhead | null;
currentItemEndArrowhead: Arrowhead | null;
currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
viewBackgroundColor: string;
scrollX: number;
scrollY: number;
cursorButton: "up" | "down";
scrolledOutside: boolean;
name: string;
isResizing: boolean;
isRotating: boolean;
zoom: Readonly<{
value: import("../../src/types").NormalizedZoomValue;
}>;
openMenu: "canvas" | "shape" | null;
openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
lastPointerDownWith: import("../element/types").PointerType;
selectedElementIds: {
[id: string]: boolean;
};
previousSelectedElementIds: {
[id: string]: boolean;
};
shouldCacheIgnoreZoom: boolean;
showHelpDialog: boolean;
toastMessage: string | null;
zenModeEnabled: boolean;
theme: string;
gridSize: number | null;
viewModeEnabled: boolean;
selectedGroupIds: {
[groupId: string]: boolean;
};
editingGroupId: string | null;
width: number;
height: number;
offsetTop: number;
offsetLeft: number;
isLibraryOpen: boolean;
isLibraryMenuDocked: boolean;
fileHandle: import("browser-fs-access").FileSystemHandle | null;
collaborators: Map;
showStats: boolean;
currentChartType: import("../element/types").ChartType;
pasteDialog: {
shown: false;
data: null;
} | {
shown: true;
data: import("../charts").Spreadsheet;
};
pendingImageElementId: string | null;
showHyperlinkPopup: false | "info" | "editor";
};
commitToHistory: true;
};
PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren) => JSX.Element;
} & {
keyTest?: undefined;
};
export declare const actionChangeFontSize: {
name: "changeFontSize";
trackEvent: false;
perform: (elements: readonly ExcalidrawElement[], appState: Readonly, value: any) => {
elements: ExcalidrawElement[];
appState: {
currentItemFontSize: number;
isLoading: boolean;
errorMessage: string | null;
draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
multiElement: import("../element/types").NonDeleted | null;
selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
isBindingEnabled: boolean;
startBoundElement: import("../element/types").NonDeleted | null;
suggestedBindings: import("../element/binding").SuggestedBinding[];
editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
activeTool: {
type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
customType: null;
} | {
type: "custom";
customType: string;
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
};
penMode: boolean;
penDetected: boolean;
exportBackground: boolean;
exportEmbedScene: boolean;
exportWithDarkMode: boolean;
exportScale: number;
currentItemStrokeColor: string;
currentItemBackgroundColor: string;
currentItemFillStyle: import("../element/types").FillStyle;
currentItemStrokeWidth: number;
currentItemStrokeStyle: import("../element/types").StrokeStyle;
currentItemRoughness: number;
currentItemOpacity: number;
currentItemFontFamily: number;
currentItemTextAlign: TextAlign;
currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
currentItemStartArrowhead: Arrowhead | null;
currentItemEndArrowhead: Arrowhead | null;
currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
viewBackgroundColor: string;
scrollX: number;
scrollY: number;
cursorButton: "up" | "down";
scrolledOutside: boolean;
name: string;
isResizing: boolean;
isRotating: boolean;
zoom: Readonly<{
value: import("../../src/types").NormalizedZoomValue;
}>;
openMenu: "canvas" | "shape" | null;
openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
lastPointerDownWith: import("../element/types").PointerType;
selectedElementIds: {
[id: string]: boolean;
};
previousSelectedElementIds: {
[id: string]: boolean;
};
shouldCacheIgnoreZoom: boolean;
showHelpDialog: boolean;
toastMessage: string | null;
zenModeEnabled: boolean;
theme: string;
gridSize: number | null;
viewModeEnabled: boolean;
selectedGroupIds: {
[groupId: string]: boolean;
};
editingGroupId: string | null;
width: number;
height: number;
offsetTop: number;
offsetLeft: number;
isLibraryOpen: boolean;
isLibraryMenuDocked: boolean;
fileHandle: import("browser-fs-access").FileSystemHandle | null;
collaborators: Map;
showStats: boolean;
currentChartType: import("../element/types").ChartType;
pasteDialog: {
shown: false;
data: null;
} | {
shown: true;
data: import("../charts").Spreadsheet;
};
pendingImageElementId: string | null;
showHyperlinkPopup: false | "info" | "editor";
};
commitToHistory: boolean;
};
PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren) => JSX.Element;
} & {
keyTest?: undefined;
};
export declare const actionDecreaseFontSize: {
name: "decreaseFontSize";
trackEvent: false;
perform: (elements: readonly ExcalidrawElement[], appState: Readonly, value: any) => {
elements: ExcalidrawElement[];
appState: {
currentItemFontSize: number;
isLoading: boolean;
errorMessage: string | null;
draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
multiElement: import("../element/types").NonDeleted | null;
selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
isBindingEnabled: boolean;
startBoundElement: import("../element/types").NonDeleted | null;
suggestedBindings: import("../element/binding").SuggestedBinding[];
editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
activeTool: {
type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
customType: null;
} | {
type: "custom";
customType: string;
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
};
penMode: boolean;
penDetected: boolean;
exportBackground: boolean;
exportEmbedScene: boolean;
exportWithDarkMode: boolean;
exportScale: number;
currentItemStrokeColor: string;
currentItemBackgroundColor: string;
currentItemFillStyle: import("../element/types").FillStyle;
currentItemStrokeWidth: number;
currentItemStrokeStyle: import("../element/types").StrokeStyle;
currentItemRoughness: number;
currentItemOpacity: number;
currentItemFontFamily: number;
currentItemTextAlign: TextAlign;
currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
currentItemStartArrowhead: Arrowhead | null;
currentItemEndArrowhead: Arrowhead | null;
currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
viewBackgroundColor: string;
scrollX: number;
scrollY: number;
cursorButton: "up" | "down";
scrolledOutside: boolean;
name: string;
isResizing: boolean;
isRotating: boolean;
zoom: Readonly<{
value: import("../../src/types").NormalizedZoomValue;
}>;
openMenu: "canvas" | "shape" | null;
openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
lastPointerDownWith: import("../element/types").PointerType;
selectedElementIds: {
[id: string]: boolean;
};
previousSelectedElementIds: {
[id: string]: boolean;
};
shouldCacheIgnoreZoom: boolean;
showHelpDialog: boolean;
toastMessage: string | null;
zenModeEnabled: boolean;
theme: string;
gridSize: number | null;
viewModeEnabled: boolean;
selectedGroupIds: {
[groupId: string]: boolean;
};
editingGroupId: string | null;
width: number;
height: number;
offsetTop: number;
offsetLeft: number;
isLibraryOpen: boolean;
isLibraryMenuDocked: boolean;
fileHandle: import("browser-fs-access").FileSystemHandle | null;
collaborators: Map;
showStats: boolean;
currentChartType: import("../element/types").ChartType;
pasteDialog: {
shown: false;
data: null;
} | {
shown: true;
data: import("../charts").Spreadsheet;
};
pendingImageElementId: string | null;
showHyperlinkPopup: false | "info" | "editor";
};
commitToHistory: boolean;
};
keyTest: (event: KeyboardEvent | import("react").KeyboardEvent) => boolean;
} & {
keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent) => boolean) | undefined;
};
export declare const actionIncreaseFontSize: {
name: "increaseFontSize";
trackEvent: false;
perform: (elements: readonly ExcalidrawElement[], appState: Readonly, value: any) => {
elements: ExcalidrawElement[];
appState: {
currentItemFontSize: number;
isLoading: boolean;
errorMessage: string | null;
draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
multiElement: import("../element/types").NonDeleted | null;
selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
isBindingEnabled: boolean;
startBoundElement: import("../element/types").NonDeleted | null;
suggestedBindings: import("../element/binding").SuggestedBinding[];
editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
activeTool: {
type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
customType: null;
} | {
type: "custom";
customType: string;
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
};
penMode: boolean;
penDetected: boolean;
exportBackground: boolean;
exportEmbedScene: boolean;
exportWithDarkMode: boolean;
exportScale: number;
currentItemStrokeColor: string;
currentItemBackgroundColor: string;
currentItemFillStyle: import("../element/types").FillStyle;
currentItemStrokeWidth: number;
currentItemStrokeStyle: import("../element/types").StrokeStyle;
currentItemRoughness: number;
currentItemOpacity: number;
currentItemFontFamily: number;
currentItemTextAlign: TextAlign;
currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
currentItemStartArrowhead: Arrowhead | null;
currentItemEndArrowhead: Arrowhead | null;
currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
viewBackgroundColor: string;
scrollX: number;
scrollY: number;
cursorButton: "up" | "down";
scrolledOutside: boolean;
name: string;
isResizing: boolean;
isRotating: boolean;
zoom: Readonly<{
value: import("../../src/types").NormalizedZoomValue;
}>;
openMenu: "canvas" | "shape" | null;
openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
lastPointerDownWith: import("../element/types").PointerType;
selectedElementIds: {
[id: string]: boolean;
};
previousSelectedElementIds: {
[id: string]: boolean;
};
shouldCacheIgnoreZoom: boolean;
showHelpDialog: boolean;
toastMessage: string | null;
zenModeEnabled: boolean;
theme: string;
gridSize: number | null;
viewModeEnabled: boolean;
selectedGroupIds: {
[groupId: string]: boolean;
};
editingGroupId: string | null;
width: number;
height: number;
offsetTop: number;
offsetLeft: number;
isLibraryOpen: boolean;
isLibraryMenuDocked: boolean;
fileHandle: import("browser-fs-access").FileSystemHandle | null;
collaborators: Map;
showStats: boolean;
currentChartType: import("../element/types").ChartType;
pasteDialog: {
shown: false;
data: null;
} | {
shown: true;
data: import("../charts").Spreadsheet;
};
pendingImageElementId: string | null;
showHyperlinkPopup: false | "info" | "editor";
};
commitToHistory: boolean;
};
keyTest: (event: KeyboardEvent | import("react").KeyboardEvent) => boolean;
} & {
keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent) => boolean) | undefined;
};
export declare const actionChangeFontFamily: {
name: "changeFontFamily";
trackEvent: false;
perform: (elements: readonly ExcalidrawElement[], appState: Readonly, value: any) => {
elements: ExcalidrawElement[];
appState: {
currentItemFontFamily: any;
isLoading: boolean;
errorMessage: string | null;
draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
multiElement: import("../element/types").NonDeleted | null;
selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
isBindingEnabled: boolean;
startBoundElement: import("../element/types").NonDeleted | null;
suggestedBindings: import("../element/binding").SuggestedBinding[];
editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
activeTool: {
type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
customType: null;
} | {
type: "custom";
customType: string;
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
};
penMode: boolean;
penDetected: boolean;
exportBackground: boolean;
exportEmbedScene: boolean;
exportWithDarkMode: boolean;
exportScale: number;
currentItemStrokeColor: string;
currentItemBackgroundColor: string;
currentItemFillStyle: import("../element/types").FillStyle;
currentItemStrokeWidth: number;
currentItemStrokeStyle: import("../element/types").StrokeStyle;
currentItemRoughness: number;
currentItemOpacity: number;
currentItemFontSize: number;
currentItemTextAlign: TextAlign;
currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
currentItemStartArrowhead: Arrowhead | null;
currentItemEndArrowhead: Arrowhead | null;
currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
viewBackgroundColor: string;
scrollX: number;
scrollY: number;
cursorButton: "up" | "down";
scrolledOutside: boolean;
name: string;
isResizing: boolean;
isRotating: boolean;
zoom: Readonly<{
value: import("../../src/types").NormalizedZoomValue;
}>;
openMenu: "canvas" | "shape" | null;
openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
lastPointerDownWith: import("../element/types").PointerType;
selectedElementIds: {
[id: string]: boolean;
};
previousSelectedElementIds: {
[id: string]: boolean;
};
shouldCacheIgnoreZoom: boolean;
showHelpDialog: boolean;
toastMessage: string | null;
zenModeEnabled: boolean;
theme: string;
gridSize: number | null;
viewModeEnabled: boolean;
selectedGroupIds: {
[groupId: string]: boolean;
};
editingGroupId: string | null;
width: number;
height: number;
offsetTop: number;
offsetLeft: number;
isLibraryOpen: boolean;
isLibraryMenuDocked: boolean;
fileHandle: import("browser-fs-access").FileSystemHandle | null;
collaborators: Map;
showStats: boolean;
currentChartType: import("../element/types").ChartType;
pasteDialog: {
shown: false;
data: null;
} | {
shown: true;
data: import("../charts").Spreadsheet;
};
pendingImageElementId: string | null;
showHyperlinkPopup: false | "info" | "editor";
};
commitToHistory: true;
};
PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren) => JSX.Element;
} & {
keyTest?: undefined;
};
export declare const actionChangeTextAlign: {
name: "changeTextAlign";
trackEvent: false;
perform: (elements: readonly ExcalidrawElement[], appState: Readonly, value: any) => {
elements: ExcalidrawElement[];
appState: {
currentItemTextAlign: any;
isLoading: boolean;
errorMessage: string | null;
draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
multiElement: import("../element/types").NonDeleted | null;
selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
isBindingEnabled: boolean;
startBoundElement: import("../element/types").NonDeleted | null;
suggestedBindings: import("../element/binding").SuggestedBinding[];
editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
activeTool: {
type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
customType: null;
} | {
type: "custom";
customType: string;
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
};
penMode: boolean;
penDetected: boolean;
exportBackground: boolean;
exportEmbedScene: boolean;
exportWithDarkMode: boolean;
exportScale: number;
currentItemStrokeColor: string;
currentItemBackgroundColor: string;
currentItemFillStyle: import("../element/types").FillStyle;
currentItemStrokeWidth: number;
currentItemStrokeStyle: import("../element/types").StrokeStyle;
currentItemRoughness: number;
currentItemOpacity: number;
currentItemFontFamily: number;
currentItemFontSize: number;
currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
currentItemStartArrowhead: Arrowhead | null;
currentItemEndArrowhead: Arrowhead | null;
currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
viewBackgroundColor: string;
scrollX: number;
scrollY: number;
cursorButton: "up" | "down";
scrolledOutside: boolean;
name: string;
isResizing: boolean;
isRotating: boolean;
zoom: Readonly<{
value: import("../../src/types").NormalizedZoomValue;
}>;
openMenu: "canvas" | "shape" | null;
openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
lastPointerDownWith: import("../element/types").PointerType;
selectedElementIds: {
[id: string]: boolean;
};
previousSelectedElementIds: {
[id: string]: boolean;
};
shouldCacheIgnoreZoom: boolean;
showHelpDialog: boolean;
toastMessage: string | null;
zenModeEnabled: boolean;
theme: string;
gridSize: number | null;
viewModeEnabled: boolean;
selectedGroupIds: {
[groupId: string]: boolean;
};
editingGroupId: string | null;
width: number;
height: number;
offsetTop: number;
offsetLeft: number;
isLibraryOpen: boolean;
isLibraryMenuDocked: boolean;
fileHandle: import("browser-fs-access").FileSystemHandle | null;
collaborators: Map;
showStats: boolean;
currentChartType: import("../element/types").ChartType;
pasteDialog: {
shown: false;
data: null;
} | {
shown: true;
data: import("../charts").Spreadsheet;
};
pendingImageElementId: string | null;
showHyperlinkPopup: false | "info" | "editor";
};
commitToHistory: true;
};
PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren) => JSX.Element;
} & {
keyTest?: undefined;
};
export declare const actionChangeVerticalAlign: {
name: "changeVerticalAlign";
trackEvent: {
category: "element";
};
perform: (elements: readonly ExcalidrawElement[], appState: Readonly, value: any) => {
elements: ExcalidrawElement[];
appState: {
isLoading: boolean;
errorMessage: string | null;
draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
multiElement: import("../element/types").NonDeleted | null;
selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
isBindingEnabled: boolean;
startBoundElement: import("../element/types").NonDeleted | null;
suggestedBindings: import("../element/binding").SuggestedBinding[];
editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
activeTool: {
type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
customType: null;
} | {
type: "custom";
customType: string;
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
};
penMode: boolean;
penDetected: boolean;
exportBackground: boolean;
exportEmbedScene: boolean;
exportWithDarkMode: boolean;
exportScale: number;
currentItemStrokeColor: string;
currentItemBackgroundColor: string;
currentItemFillStyle: import("../element/types").FillStyle;
currentItemStrokeWidth: number;
currentItemStrokeStyle: import("../element/types").StrokeStyle;
currentItemRoughness: number;
currentItemOpacity: number;
currentItemFontFamily: number;
currentItemFontSize: number;
currentItemTextAlign: TextAlign;
currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
currentItemStartArrowhead: Arrowhead | null;
currentItemEndArrowhead: Arrowhead | null;
currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
viewBackgroundColor: string;
scrollX: number;
scrollY: number;
cursorButton: "up" | "down";
scrolledOutside: boolean;
name: string;
isResizing: boolean;
isRotating: boolean;
zoom: Readonly<{
value: import("../../src/types").NormalizedZoomValue;
}>;
openMenu: "canvas" | "shape" | null;
openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
lastPointerDownWith: import("../element/types").PointerType;
selectedElementIds: {
[id: string]: boolean;
};
previousSelectedElementIds: {
[id: string]: boolean;
};
shouldCacheIgnoreZoom: boolean;
showHelpDialog: boolean;
toastMessage: string | null;
zenModeEnabled: boolean;
theme: string;
gridSize: number | null;
viewModeEnabled: boolean;
selectedGroupIds: {
[groupId: string]: boolean;
};
editingGroupId: string | null;
width: number;
height: number;
offsetTop: number;
offsetLeft: number;
isLibraryOpen: boolean;
isLibraryMenuDocked: boolean;
fileHandle: import("browser-fs-access").FileSystemHandle | null;
collaborators: Map;
showStats: boolean;
currentChartType: import("../element/types").ChartType;
pasteDialog: {
shown: false;
data: null;
} | {
shown: true;
data: import("../charts").Spreadsheet;
};
pendingImageElementId: string | null;
showHyperlinkPopup: false | "info" | "editor";
};
commitToHistory: true;
};
PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren) => JSX.Element;
} & {
keyTest?: undefined;
};
export declare const actionChangeSharpness: {
name: "changeSharpness";
trackEvent: false;
perform: (elements: readonly ExcalidrawElement[], appState: Readonly, value: any) => {
elements: ExcalidrawElement[];
appState: {
currentItemStrokeSharpness: any;
currentItemLinearStrokeSharpness: any;
isLoading: boolean;
errorMessage: string | null;
draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
multiElement: import("../element/types").NonDeleted | null;
selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
isBindingEnabled: boolean;
startBoundElement: import("../element/types").NonDeleted | null;
suggestedBindings: import("../element/binding").SuggestedBinding[];
editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
activeTool: {
type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
customType: null;
} | {
type: "custom";
customType: string;
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
};
penMode: boolean;
penDetected: boolean;
exportBackground: boolean;
exportEmbedScene: boolean;
exportWithDarkMode: boolean;
exportScale: number;
currentItemStrokeColor: string;
currentItemBackgroundColor: string;
currentItemFillStyle: import("../element/types").FillStyle;
currentItemStrokeWidth: number;
currentItemStrokeStyle: import("../element/types").StrokeStyle;
currentItemRoughness: number;
currentItemOpacity: number;
currentItemFontFamily: number;
currentItemFontSize: number;
currentItemTextAlign: TextAlign;
currentItemStartArrowhead: Arrowhead | null;
currentItemEndArrowhead: Arrowhead | null;
viewBackgroundColor: string;
scrollX: number;
scrollY: number;
cursorButton: "up" | "down";
scrolledOutside: boolean;
name: string;
isResizing: boolean;
isRotating: boolean;
zoom: Readonly<{
value: import("../../src/types").NormalizedZoomValue;
}>;
openMenu: "canvas" | "shape" | null;
openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
lastPointerDownWith: import("../element/types").PointerType;
selectedElementIds: {
[id: string]: boolean;
};
previousSelectedElementIds: {
[id: string]: boolean;
};
shouldCacheIgnoreZoom: boolean;
showHelpDialog: boolean;
toastMessage: string | null;
zenModeEnabled: boolean;
theme: string;
gridSize: number | null;
viewModeEnabled: boolean;
selectedGroupIds: {
[groupId: string]: boolean;
};
editingGroupId: string | null;
width: number;
height: number;
offsetTop: number;
offsetLeft: number;
isLibraryOpen: boolean;
isLibraryMenuDocked: boolean;
fileHandle: import("browser-fs-access").FileSystemHandle | null;
collaborators: Map;
showStats: boolean;
currentChartType: import("../element/types").ChartType;
pasteDialog: {
shown: false;
data: null;
} | {
shown: true;
data: import("../charts").Spreadsheet;
};
pendingImageElementId: string | null;
showHyperlinkPopup: false | "info" | "editor";
};
commitToHistory: true;
};
PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren) => JSX.Element;
} & {
keyTest?: undefined;
};
export declare const actionChangeArrowhead: {
name: "changeArrowhead";
trackEvent: false;
perform: (elements: readonly ExcalidrawElement[], appState: Readonly, value: {
position: "start" | "end";
type: Arrowhead;
}) => {
elements: ExcalidrawElement[];
appState: {
isLoading: boolean;
errorMessage: string | null;
draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
multiElement: import("../element/types").NonDeleted | null;
selectionElement: import("../element/types").NonDeletedExcalidrawElement | null;
isBindingEnabled: boolean;
startBoundElement: import("../element/types").NonDeleted | null;
suggestedBindings: import("../element/binding").SuggestedBinding[];
editingElement: import("../element/types").NonDeletedExcalidrawElement | null;
editingLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
activeTool: {
type: "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "eraser";
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
customType: null;
} | {
type: "custom";
customType: string;
lastActiveToolBeforeEraser: import("../../src/types").LastActiveToolBeforeEraser;
locked: boolean;
};
penMode: boolean;
penDetected: boolean;
exportBackground: boolean;
exportEmbedScene: boolean;
exportWithDarkMode: boolean;
exportScale: number;
currentItemStrokeColor: string;
currentItemBackgroundColor: string;
currentItemFillStyle: import("../element/types").FillStyle;
currentItemStrokeWidth: number;
currentItemStrokeStyle: import("../element/types").StrokeStyle;
currentItemRoughness: number;
currentItemOpacity: number;
currentItemFontFamily: number;
currentItemFontSize: number;
currentItemTextAlign: TextAlign;
currentItemStrokeSharpness: import("../element/types").StrokeSharpness;
currentItemStartArrowhead: Arrowhead | null;
currentItemEndArrowhead: Arrowhead | null;
currentItemLinearStrokeSharpness: import("../element/types").StrokeSharpness;
viewBackgroundColor: string;
scrollX: number;
scrollY: number;
cursorButton: "up" | "down";
scrolledOutside: boolean;
name: string;
isResizing: boolean;
isRotating: boolean;
zoom: Readonly<{
value: import("../../src/types").NormalizedZoomValue;
}>;
openMenu: "canvas" | "shape" | null;
openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
lastPointerDownWith: import("../element/types").PointerType;
selectedElementIds: {
[id: string]: boolean;
};
previousSelectedElementIds: {
[id: string]: boolean;
};
shouldCacheIgnoreZoom: boolean;
showHelpDialog: boolean;
toastMessage: string | null;
zenModeEnabled: boolean;
theme: string;
gridSize: number | null;
viewModeEnabled: boolean;
selectedGroupIds: {
[groupId: string]: boolean;
};
editingGroupId: string | null;
width: number;
height: number;
offsetTop: number;
offsetLeft: number;
isLibraryOpen: boolean;
isLibraryMenuDocked: boolean;
fileHandle: import("browser-fs-access").FileSystemHandle | null;
collaborators: Map;
showStats: boolean;
currentChartType: import("../element/types").ChartType;
pasteDialog: {
shown: false;
data: null;
} | {
shown: true;
data: import("../charts").Spreadsheet;
};
pendingImageElementId: string | null;
showHyperlinkPopup: false | "info" | "editor";
};
commitToHistory: true;
};
PanelComponent: ({ elements, appState, updateData }: import("react").PropsWithChildren) => JSX.Element;
} & {
keyTest?: undefined;
};