@dwelle/excalidraw 0.5.0-e56eec7 → 0.5.0-e8bcd96

package/dist/excalidraw/actions/actionAlign.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ExcalidrawElement } from "../element/types";
-import { AppClassProperties, AppState, UIAppState } from "../types";
+import type { ExcalidrawElement } from "../element/types";
+import type { AppClassProperties, AppState, UIAppState } from "../types";
 export declare const actionAlignTop: {
     name: "alignTop";
     label: string;

package/dist/excalidraw/actions/actionBoundText.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ExcalidrawElement, ExcalidrawLinearElement } from "../element/types";
-import { AppState } from "../types";
-import { Mutable } from "../utility-types";
+import type { ExcalidrawElement, ExcalidrawLinearElement } from "../element/types";
+import type { AppState } from "../types";
+import type { Mutable } from "../utility-types";
 export declare const actionUnbindText: {
     name: "unbindText";
     label: string;

package/dist/excalidraw/actions/actionBoundText.js

@@ -1,4 +1,4 @@
-import { BOUND_TEXT_PADDING, ROUNDNESS, VERTICAL_ALIGN, TEXT_ALIGN, } from "../constants";
+import { BOUND_TEXT_PADDING, ROUNDNESS, TEXT_ALIGN, VERTICAL_ALIGN, } from "../constants";
 import { isTextElement, newElement } from "../element";
 import { mutateElement } from "../element/mutateElement";
 import { computeBoundTextPosition, computeContainerDimensionForBoundText, getBoundTextElement, measureText, redrawTextBoundingBox, } from "../element/textElement";
@@ -90,6 +90,7 @@ export const actionBindText = register({
             containerId: container.id,
             verticalAlign: VERTICAL_ALIGN.MIDDLE,
             textAlign: TEXT_ALIGN.CENTER,
+            autoResize: true,
         });
         mutateElement(container, {
             boundElements: (container.boundElements || []).concat({
@@ -199,6 +200,7 @@ export const actionWrapTextInContainer = register({
                     verticalAlign: VERTICAL_ALIGN.MIDDLE,
                     boundElements: null,
                     textAlign: TEXT_ALIGN.CENTER,
+                    autoResize: true,
                 }, false);
                 redrawTextBoundingBox(textElement, container, app.scene.getNonDeletedElementsMap());
                 updatedElements = pushContainerBelowText([...updatedElements, container], container, textElement);

package/dist/excalidraw/actions/actionCanvas.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ExcalidrawElement } from "../element/types";
-import { AppState, NormalizedZoomValue } from "../types";
-import { SceneBounds } from "../element/bounds";
+import type { ExcalidrawElement } from "../element/types";
+import type { AppState, NormalizedZoomValue } from "../types";
+import type { SceneBounds } from "../element/bounds";
 export declare const actionChangeViewBackgroundColor: {
     name: "changeViewBackgroundColor";
     label: string;

package/dist/excalidraw/actions/actionDeleteSelected.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ExcalidrawElement } from "../element/types";
-import { AppState } from "../types";
+import type { ExcalidrawElement } from "../element/types";
+import type { AppState } from "../types";
 import { LinearElementEditor } from "../element/linearElementEditor";
 export declare const actionDeleteSelected: {
     name: "deleteSelectedElements";

package/dist/excalidraw/actions/actionDistribute.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ExcalidrawElement } from "../element/types";
-import { AppClassProperties, AppState } from "../types";
+import type { ExcalidrawElement } from "../element/types";
+import type { AppClassProperties, AppState } from "../types";
 export declare const distributeHorizontally: {
     name: "distributeHorizontally";
     label: string;

package/dist/excalidraw/actions/actionDuplicateSelection.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ExcalidrawElement } from "../element/types";
-import { AppState } from "../types";
+import type { ExcalidrawElement } from "../element/types";
+import type { AppState } from "../types";
 export declare const actionDuplicateSelection: {
     name: "duplicateSelection";
     label: string;

package/dist/excalidraw/actions/actionElementLock.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ExcalidrawElement } from "../element/types";
+import type { ExcalidrawElement } from "../element/types";
 export declare const actionToggleElementLock: {
     name: "toggleElementLock";
     label: (elements: readonly ExcalidrawElement[], appState: Readonly<import("../types").AppState>, app: import("../types").AppClassProperties) => "labels.elementLock.unlock" | "labels.elementLock.lock" | "labels.elementLock.lockAll" | "labels.elementLock.unlockAll";

package/dist/excalidraw/actions/actionExport.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { NonDeletedExcalidrawElement, Theme } from "../element/types";
+import type { NonDeletedExcalidrawElement, Theme } from "../element/types";
 import "../components/ToolIcon.scss";
 export declare const actionChangeProjectName: {
     name: "changeProjectName";

package/dist/excalidraw/actions/actionFinalize.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { LinearElementEditor } from "../element/linearElementEditor";
-import { AppState } from "../types";
+import type { AppState } from "../types";
 export declare const actionFinalize: {
     name: "finalize";
     label: string;

package/dist/excalidraw/actions/actionFlip.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ExcalidrawElement } from "../element/types";
-import { AppClassProperties, AppState } from "../types";
+import type { ExcalidrawElement } from "../element/types";
+import type { AppClassProperties, AppState } from "../types";
 export declare const actionFlipHorizontal: {
     name: "flipHorizontal";
     label: string;

package/dist/excalidraw/actions/actionFlip.js

@@ -5,10 +5,11 @@ import { resizeMultipleElements } from "../element/resizeElements";
 import { arrayToMap } from "../utils";
 import { CODES, KEYS } from "../keys";
 import { getCommonBoundingBox } from "../element/bounds";
-import { bindOrUnbindSelectedElements, isBindingEnabled, unbindLinearElements, } from "../element/binding";
+import { bindOrUnbindLinearElements, isBindingEnabled, } from "../element/binding";
 import { updateFrameMembershipOfSelectedElements } from "../frame";
 import { flipHorizontal, flipVertical } from "../components/icons";
 import { StoreAction } from "../store";
+import { isLinearElement } from "../element/typeChecks";
 export const actionFlipHorizontal = register({
     name: "flipHorizontal",
     label: "labels.flipHorizontal",
@@ -42,15 +43,13 @@ const flipSelectedElements = (elements, elementsMap, appState, flipDirection, ap
         includeBoundTextElement: true,
         includeElementsInFrames: true,
     });
-    const updatedElements = flipElements(selectedElements, elements, elementsMap, appState, flipDirection, app);
+    const updatedElements = flipElements(selectedElements, elementsMap, appState, flipDirection, app);
     const updatedElementsMap = arrayToMap(updatedElements);
     return elements.map((element) => updatedElementsMap.get(element.id) || element);
 };
-const flipElements = (selectedElements, elements, elementsMap, appState, flipDirection, app) => {
+const flipElements = (selectedElements, elementsMap, appState, flipDirection, app) => {
     const { minX, minY, maxX, maxY } = getCommonBoundingBox(selectedElements);
     resizeMultipleElements(elementsMap, selectedElements, elementsMap, "nw", true, true, flipDirection === "horizontal" ? maxX : minX, flipDirection === "horizontal" ? minY : maxY);
-    isBindingEnabled(appState)
-        ? bindOrUnbindSelectedElements(selectedElements, app)
-        : unbindLinearElements(selectedElements, elementsMap);
+    bindOrUnbindLinearElements(selectedElements.filter(isLinearElement), app, isBindingEnabled(appState), []);
     return selectedElements;
 };

package/dist/excalidraw/actions/actionFrame.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ExcalidrawElement } from "../element/types";
-import { AppClassProperties, AppState } from "../types";
+import type { ExcalidrawElement } from "../element/types";
+import type { AppClassProperties, AppState } from "../types";
 export declare const actionSelectAllElementsInFrame: {
     name: "selectAllElementsInFrame";
     label: string;

package/dist/excalidraw/actions/actionGroup.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ExcalidrawElement, OrderedExcalidrawElement } from "../element/types";
-import { AppClassProperties, AppState } from "../types";
+import type { ExcalidrawElement, OrderedExcalidrawElement } from "../element/types";
+import type { AppClassProperties, AppState } from "../types";
 export declare const actionGroup: {
     name: "group";
     label: string;

package/dist/excalidraw/actions/actionHistory.d.ts

@@ -1,6 +1,6 @@
-import { Action } from "./types";
-import { History } from "../history";
-import { Store } from "../store";
+import type { Action } from "./types";
+import type { History } from "../history";
+import type { Store } from "../store";
 type ActionCreator = (history: History, store: Store) => Action;
 export declare const createUndoAction: ActionCreator;
 export declare const createRedoAction: ActionCreator;

package/dist/excalidraw/actions/actionLinearEditor.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import { LinearElementEditor } from "../element/linearElementEditor";
-import { ExcalidrawLinearElement } from "../element/types";
+import type { ExcalidrawLinearElement } from "../element/types";
 export declare const actionToggleLinearEditor: {
     name: "toggleLinearEditor";
     category: string;
-    label: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, app: import("../types").AppClassProperties) => "labels.lineEditor.exit" | "labels.lineEditor.edit";
+    label: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, app: import("../types").AppClassProperties) => "labels.lineEditor.editArrow" | "labels.lineEditor.edit";
+    keywords: string[];
     trackEvent: {
         category: "element";
     };
@@ -164,6 +165,7 @@ export declare const actionToggleLinearEditor: {
         };
         storeAction: import("../store").StoreActionType;
     };
+    PanelComponent: ({ appState, updateData, app }: import("./types").PanelComponentProps) => JSX.Element;
 } & {
     keyTest?: undefined;
 };

package/dist/excalidraw/actions/actionLinearEditor.js

@@ -1,26 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { DEFAULT_CATEGORIES } from "../components/CommandPalette/CommandPalette";
 import { LinearElementEditor } from "../element/linearElementEditor";
 import { isLinearElement } from "../element/typeChecks";
 import { StoreAction } from "../store";
 import { register } from "./register";
+import { ToolButton } from "../components/ToolButton";
+import { t } from "../i18n";
+import { lineEditorIcon } from "../components/icons";
 export const actionToggleLinearEditor = register({
     name: "toggleLinearEditor",
     category: DEFAULT_CATEGORIES.elements,
     label: (elements, appState, app) => {
         const selectedElement = app.scene.getSelectedElements({
             selectedElementIds: appState.selectedElementIds,
-            includeBoundTextElement: true,
         })[0];
-        return appState.editingLinearElement?.elementId === selectedElement?.id
-            ? "labels.lineEditor.exit"
+        return selectedElement?.type === "arrow"
+            ? "labels.lineEditor.editArrow"
             : "labels.lineEditor.edit";
     },
+    keywords: ["line"],
     trackEvent: {
         category: "element",
     },
     predicate: (elements, appState, _, app) => {
         const selectedElements = app.scene.getSelectedElements(appState);
-        if (selectedElements.length === 1 && isLinearElement(selectedElements[0])) {
+        if (!appState.editingLinearElement &&
+            selectedElements.length === 1 &&
+            isLinearElement(selectedElements[0])) {
             return true;
         }
         return false;
@@ -41,4 +47,13 @@ export const actionToggleLinearEditor = register({
             storeAction: StoreAction.CAPTURE,
         };
     },
+    PanelComponent: ({ appState, updateData, app }) => {
+        const selectedElement = app.scene.getSelectedElements({
+            selectedElementIds: appState.selectedElementIds,
+        })[0];
+        const label = t(selectedElement.type === "arrow"
+            ? "labels.lineEditor.editArrow"
+            : "labels.lineEditor.edit");
+        return (_jsx(ToolButton, { type: "button", icon: lineEditorIcon, title: label, "aria-label": label, onClick: () => updateData(null) }));
+    },
 });

package/dist/excalidraw/actions/actionNavigate.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Collaborator } from "../types";
+import type { Collaborator } from "../types";
 export declare const actionGoToCollaborator: {
     name: "goToCollaborator";
     label: string;

package/dist/excalidraw/actions/actionProperties.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { AppClassProperties, AppState, Primitive } from "../types";
-import { Arrowhead, ExcalidrawElement, ExcalidrawLinearElement } from "../element/types";
+import type { AppClassProperties, AppState, Primitive } from "../types";
+import type { Arrowhead, ExcalidrawElement, ExcalidrawLinearElement } from "../element/types";
 export declare const changeProperty: (elements: readonly ExcalidrawElement[], appState: AppState, callback: (element: ExcalidrawElement) => ExcalidrawElement, includeBoundText?: boolean) => ExcalidrawElement[];
 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;
 export declare const actionChangeStrokeColor: {

package/dist/excalidraw/actions/actionProperties.js

@@ -60,7 +60,7 @@ export const getFormValue = function (elements, appState, getAttribute, isReleva
     return ret;
 };
 const offsetElementAfterFontResize = (prevElement, nextElement) => {
-    if (isBoundToContainer(nextElement)) {
+    if (isBoundToContainer(nextElement) || !nextElement.autoResize) {
         return nextElement;
     }
     return mutateElement(nextElement, {

package/dist/excalidraw/actions/actionSelectAll.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ExcalidrawElement } from "../element/types";
+import type { ExcalidrawElement } from "../element/types";
 import { LinearElementEditor } from "../element/linearElementEditor";
 export declare const actionSelectAll: {
     name: "selectAll";

package/dist/excalidraw/actions/actionTextAutoResize.d.ts

@@ -0,0 +1,17 @@
+import type { AppClassProperties } from "../types";
+export declare const actionTextAutoResize: {
+    name: "autoResize";
+    label: string;
+    icon: null;
+    trackEvent: {
+        category: "element";
+    };
+    predicate: (elements: readonly import("../element/types").ExcalidrawElement[], appState: import("../types").AppState, _: unknown, app: AppClassProperties) => boolean;
+    perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>, _: any, app: AppClassProperties) => {
+        appState: Readonly<import("../types").AppState>;
+        elements: import("../element/types").OrderedExcalidrawElement[];
+        storeAction: import("../store").StoreActionType;
+    };
+} & {
+    keyTest?: undefined;
+};

package/dist/excalidraw/actions/actionTextAutoResize.js

@@ -0,0 +1,38 @@
+import { isTextElement } from "../element";
+import { newElementWith } from "../element/mutateElement";
+import { measureText } from "../element/textElement";
+import { getSelectedElements } from "../scene";
+import { StoreAction } from "../store";
+import { getFontString } from "../utils";
+import { register } from "./register";
+export const actionTextAutoResize = register({
+    name: "autoResize",
+    label: "labels.autoResize",
+    icon: null,
+    trackEvent: { category: "element" },
+    predicate: (elements, appState, _, app) => {
+        const selectedElements = getSelectedElements(elements, appState);
+        return (selectedElements.length === 1 &&
+            isTextElement(selectedElements[0]) &&
+            !selectedElements[0].autoResize);
+    },
+    perform: (elements, appState, _, app) => {
+        const selectedElements = getSelectedElements(elements, appState);
+        return {
+            appState,
+            elements: elements.map((element) => {
+                if (element.id === selectedElements[0].id && isTextElement(element)) {
+                    const metrics = measureText(element.originalText, getFontString(element), element.lineHeight);
+                    return newElementWith(element, {
+                        autoResize: true,
+                        width: metrics.width,
+                        height: metrics.height,
+                        text: element.originalText,
+                    });
+                }
+                return element;
+            }),
+            storeAction: StoreAction.CAPTURE,
+        };
+    },
+});

package/dist/excalidraw/actions/actionToggleGridMode.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AppState } from "../types";
+import type { AppState } from "../types";
 export declare const actionToggleGridMode: {
     name: "gridMode";
     icon: JSX.Element;

package/dist/excalidraw/actions/actionZindex.d.ts

@@ -2,6 +2,7 @@
 export declare const actionSendBackward: {
     name: "sendBackward";
     label: string;
+    keywords: string[];
     icon: JSX.Element;
     trackEvent: {
         category: "element";
@@ -20,6 +21,7 @@ export declare const actionSendBackward: {
 export declare const actionBringForward: {
     name: "bringForward";
     label: string;
+    keywords: string[];
     icon: JSX.Element;
     trackEvent: {
         category: "element";
@@ -38,6 +40,7 @@ export declare const actionBringForward: {
 export declare const actionSendToBack: {
     name: "sendToBack";
     label: string;
+    keywords: string[];
     icon: JSX.Element;
     trackEvent: {
         category: "element";
@@ -55,6 +58,7 @@ export declare const actionSendToBack: {
 export declare const actionBringToFront: {
     name: "bringToFront";
     label: string;
+    keywords: string[];
     icon: JSX.Element;
     trackEvent: {
         category: "element";

package/dist/excalidraw/actions/actionZindex.js

@@ -10,6 +10,7 @@ import { StoreAction } from "../store";
 export const actionSendBackward = register({
     name: "sendBackward",
     label: "labels.sendBackward",
+    keywords: ["move down", "zindex", "layer"],
     icon: SendBackwardIcon,
     trackEvent: { category: "element" },
     perform: (elements, appState) => {
@@ -28,6 +29,7 @@ export const actionSendBackward = register({
 export const actionBringForward = register({
     name: "bringForward",
     label: "labels.bringForward",
+    keywords: ["move up", "zindex", "layer"],
     icon: BringForwardIcon,
     trackEvent: { category: "element" },
     perform: (elements, appState) => {
@@ -46,6 +48,7 @@ export const actionBringForward = register({
 export const actionSendToBack = register({
     name: "sendToBack",
     label: "labels.sendToBack",
+    keywords: ["move down", "zindex", "layer"],
     icon: SendToBackIcon,
     trackEvent: { category: "element" },
     perform: (elements, appState) => {
@@ -69,6 +72,7 @@ export const actionSendToBack = register({
 export const actionBringToFront = register({
     name: "bringToFront",
     label: "labels.bringToFront",
+    keywords: ["move up", "zindex", "layer"],
     icon: BringToFrontIcon,
     trackEvent: { category: "element" },
     perform: (elements, appState) => {

package/dist/excalidraw/actions/manager.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { Action, UpdaterFn, ActionName, ActionResult, PanelComponentProps, ActionSource } from "./types";
-import { OrderedExcalidrawElement } from "../element/types";
-import { AppClassProperties, AppState } from "../types";
+import type { Action, UpdaterFn, ActionName, ActionResult, PanelComponentProps, ActionSource } from "./types";
+import type { OrderedExcalidrawElement } from "../element/types";
+import type { AppClassProperties, AppState } from "../types";
 export declare class ActionManager {
     actions: Record<ActionName, Action>;
     updater: (actionResult: ActionResult | Promise<ActionResult>) => void;

package/dist/excalidraw/actions/register.d.ts

@@ -1,4 +1,4 @@
-import { Action } from "./types";
+import type { Action } from "./types";
 export declare let actions: readonly Action[];
 export declare const register: <T extends Action>(action: T) => T & {
     keyTest?: (unknown extends T["keyTest"] ? never : T["keyTest"]) | undefined;

package/dist/excalidraw/actions/shortcuts.d.ts

@@ -1,4 +1,4 @@
-import { SubtypeOf } from "../utility-types";
-import { ActionName } from "./types";
+import type { SubtypeOf } from "../utility-types";
+import type { ActionName } from "./types";
 export type ShortcutName = SubtypeOf<ActionName, "toggleTheme" | "loadScene" | "clearCanvas" | "cut" | "copy" | "paste" | "copyStyles" | "pasteStyles" | "selectAll" | "deleteSelectedElements" | "duplicateSelection" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyAsPng" | "copyAsSvg" | "group" | "ungroup" | "gridMode" | "zenMode" | "objectsSnapMode" | "stats" | "addToLibrary" | "viewMode" | "flipHorizontal" | "flipVertical" | "hyperlink" | "toggleElementLock" | "resetZoom" | "zoomOut" | "zoomIn" | "zoomToFit" | "zoomToFitSelectionInViewport" | "zoomToFitSelection" | "toggleEraserTool" | "toggleHandTool" | "setFrameAsActiveTool" | "saveFileToDisk" | "saveToActiveFile" | "toggleShortcuts"> | "saveScene" | "imageExport" | "commandPalette";
 export declare const getShortcutFromShortcutName: (name: ShortcutName, idx?: number) => string;

package/dist/excalidraw/actions/types.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
-import { ExcalidrawElement, OrderedExcalidrawElement } from "../element/types";
-import { AppClassProperties, AppState, ExcalidrawProps, BinaryFiles, UIAppState } from "../types";
-import { MarkOptional } from "../utility-types";
-import { StoreActionType } from "../store";
+import type React from "react";
+import type { ExcalidrawElement, OrderedExcalidrawElement } from "../element/types";
+import type { AppClassProperties, AppState, ExcalidrawProps, BinaryFiles, UIAppState } from "../types";
+import type { MarkOptional } from "../utility-types";
+import type { StoreActionType } from "../store";
 export type ActionSource = "ui" | "keyboard" | "contextMenu" | "api" | "commandPalette";
 /** if false, the action should be prevented */
 export type ActionResult = {
@@ -15,7 +15,7 @@ export type ActionResult = {
 type ActionFn = (elements: readonly OrderedExcalidrawElement[], appState: Readonly<AppState>, formData: any, app: AppClassProperties) => ActionResult | Promise<ActionResult>;
 export type UpdaterFn = (res: ActionResult) => void;
 export type ActionFilterFn = (action: Action) => void;
-export type ActionName = "copy" | "cut" | "paste" | "copyAsPng" | "copyAsSvg" | "copyText" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyStyles" | "selectAll" | "pasteStyles" | "gridMode" | "zenMode" | "objectsSnapMode" | "stats" | "changeStrokeColor" | "changeBackgroundColor" | "changeFillStyle" | "changeStrokeWidth" | "changeStrokeShape" | "changeSloppiness" | "changeStrokeStyle" | "changeArrowhead" | "changeOpacity" | "changeFontSize" | "toggleCanvasMenu" | "toggleEditMenu" | "undo" | "redo" | "finalize" | "changeProjectName" | "changeExportBackground" | "changeExportEmbedScene" | "changeExportScale" | "saveToActiveFile" | "saveFileToDisk" | "loadScene" | "duplicateSelection" | "deleteSelectedElements" | "changeViewBackgroundColor" | "clearCanvas" | "zoomIn" | "zoomOut" | "resetZoom" | "zoomToFit" | "zoomToFitSelection" | "zoomToFitSelectionInViewport" | "changeFontFamily" | "changeTextAlign" | "changeVerticalAlign" | "toggleFullScreen" | "toggleShortcuts" | "group" | "ungroup" | "goToCollaborator" | "addToLibrary" | "changeRoundness" | "alignTop" | "alignBottom" | "alignLeft" | "alignRight" | "alignVerticallyCentered" | "alignHorizontallyCentered" | "distributeHorizontally" | "distributeVertically" | "flipHorizontal" | "flipVertical" | "viewMode" | "exportWithDarkMode" | "toggleTheme" | "increaseFontSize" | "decreaseFontSize" | "unbindText" | "hyperlink" | "bindText" | "unlockAllElements" | "toggleElementLock" | "toggleLinearEditor" | "toggleEraserTool" | "toggleHandTool" | "selectAllElementsInFrame" | "removeAllElementsFromFrame" | "updateFrameRendering" | "setFrameAsActiveTool" | "setEmbeddableAsActiveTool" | "createContainerFromText" | "wrapTextInContainer" | "commandPalette";
+export type ActionName = "copy" | "cut" | "paste" | "copyAsPng" | "copyAsSvg" | "copyText" | "sendBackward" | "bringForward" | "sendToBack" | "bringToFront" | "copyStyles" | "selectAll" | "pasteStyles" | "gridMode" | "zenMode" | "objectsSnapMode" | "stats" | "changeStrokeColor" | "changeBackgroundColor" | "changeFillStyle" | "changeStrokeWidth" | "changeStrokeShape" | "changeSloppiness" | "changeStrokeStyle" | "changeArrowhead" | "changeOpacity" | "changeFontSize" | "toggleCanvasMenu" | "toggleEditMenu" | "undo" | "redo" | "finalize" | "changeProjectName" | "changeExportBackground" | "changeExportEmbedScene" | "changeExportScale" | "saveToActiveFile" | "saveFileToDisk" | "loadScene" | "duplicateSelection" | "deleteSelectedElements" | "changeViewBackgroundColor" | "clearCanvas" | "zoomIn" | "zoomOut" | "resetZoom" | "zoomToFit" | "zoomToFitSelection" | "zoomToFitSelectionInViewport" | "changeFontFamily" | "changeTextAlign" | "changeVerticalAlign" | "toggleFullScreen" | "toggleShortcuts" | "group" | "ungroup" | "goToCollaborator" | "addToLibrary" | "changeRoundness" | "alignTop" | "alignBottom" | "alignLeft" | "alignRight" | "alignVerticallyCentered" | "alignHorizontallyCentered" | "distributeHorizontally" | "distributeVertically" | "flipHorizontal" | "flipVertical" | "viewMode" | "exportWithDarkMode" | "toggleTheme" | "increaseFontSize" | "decreaseFontSize" | "unbindText" | "hyperlink" | "bindText" | "unlockAllElements" | "toggleElementLock" | "toggleLinearEditor" | "toggleEraserTool" | "toggleHandTool" | "selectAllElementsInFrame" | "removeAllElementsFromFrame" | "updateFrameRendering" | "setFrameAsActiveTool" | "setEmbeddableAsActiveTool" | "createContainerFromText" | "wrapTextInContainer" | "commandPalette" | "autoResize";
 export type PanelComponentProps = {
     elements: readonly ExcalidrawElement[];
     appState: AppState;

package/dist/excalidraw/align.d.ts

@@ -1,4 +1,4 @@
-import { ElementsMap, ExcalidrawElement } from "./element/types";
+import type { ElementsMap, ExcalidrawElement } from "./element/types";
 export interface Alignment {
     position: "start" | "center" | "end";
     axis: "x" | "y";

package/dist/excalidraw/animated-trail.d.ts

@@ -1,5 +1,5 @@
-import { LaserPointerOptions } from "@excalidraw/laser-pointer";
-import { AnimationFrameHandler } from "./animation-frame-handler";
+import type { LaserPointerOptions } from "@excalidraw/laser-pointer";
+import type { AnimationFrameHandler } from "./animation-frame-handler";
 import type App from "./components/App";
 export interface Trail {
     start(container: SVGSVGElement): void;

package/dist/excalidraw/appState.d.ts

@@ -1,4 +1,4 @@
-import { AppState } from "./types";
+import type { AppState } from "./types";
 export declare const getDefaultAppState: () => Omit<AppState, "offsetTop" | "offsetLeft" | "width" | "height">;
 export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>) => {
     zenModeEnabled?: boolean | undefined;

package/dist/excalidraw/change.d.ts

@@ -1,7 +1,7 @@
-import { ElementUpdate } from "./element/mutateElement";
-import { OrderedExcalidrawElement, SceneElementsMap } from "./element/types";
-import { AppState, ObservedAppState } from "./types";
-import { ValueOf } from "./utility-types";
+import type { ElementUpdate } from "./element/mutateElement";
+import type { OrderedExcalidrawElement, SceneElementsMap } from "./element/types";
+import type { AppState, ObservedAppState } from "./types";
+import type { ValueOf } from "./utility-types";
 /**
  * Represents the difference between two objects of the same type.
  *

package/dist/excalidraw/change.js

@@ -1,7 +1,7 @@
 import { ENV } from "./constants";
 import { BoundElement, BindableElement, bindingProperties, updateBoundElements, } from "./element/binding";
 import { LinearElementEditor } from "./element/linearElementEditor";
-import { mutateElement, newElementWith, } from "./element/mutateElement";
+import { mutateElement, newElementWith } from "./element/mutateElement";
 import { getBoundTextElementId, redrawTextBoundingBox, } from "./element/textElement";
 import { hasBoundTextElement, isBindableElement, isBoundToContainer, isTextElement, } from "./element/typeChecks";
 import { orderByFractionalIndex, syncMovedIndices } from "./fractionalIndex";

package/dist/excalidraw/charts.d.ts

@@ -1,4 +1,4 @@
-import { NonDeletedExcalidrawElement } from "./element/types";
+import type { NonDeletedExcalidrawElement } from "./element/types";
 export type ChartElements = readonly NonDeletedExcalidrawElement[];
 export interface Spreadsheet {
     title: string | null;

package/dist/excalidraw/clients.d.ts

@@ -1,5 +1,5 @@
-import { InteractiveCanvasRenderConfig } from "./scene/types";
-import { Collaborator, InteractiveCanvasAppState, SocketId } from "./types";
+import type { InteractiveCanvasRenderConfig } from "./scene/types";
+import type { Collaborator, InteractiveCanvasAppState, SocketId } from "./types";
 export declare const getClientColor: (socketId: SocketId, collaborator: Collaborator | undefined) => string;
 /**
  * returns first char, capitalized

package/dist/excalidraw/clients.js

@@ -1,6 +1,6 @@
 import { COLOR_CHARCOAL_BLACK, COLOR_VOICE_CALL, COLOR_WHITE, THEME, } from "./constants";
 import { roundRect } from "./renderer/roundRect";
-import { UserIdleState, } from "./types";
+import { UserIdleState } from "./types";
 function hashToInteger(id) {
     let hash = 0;
     if (id.length === 0) {

package/dist/excalidraw/clipboard.d.ts

@@ -1,6 +1,6 @@
-import { ExcalidrawElement, NonDeletedExcalidrawElement } from "./element/types";
-import { BinaryFiles } from "./types";
-import { Spreadsheet } from "./charts";
+import type { ExcalidrawElement, NonDeletedExcalidrawElement } from "./element/types";
+import type { BinaryFiles } from "./types";
+import type { Spreadsheet } from "./charts";
 import { ALLOWED_PASTE_MIME_TYPES } from "./constants";
 export type PastedMixedContent = {
     type: "text" | "imageUrl";

package/dist/excalidraw/colors.d.ts

@@ -1,6 +1,6 @@
 import oc from "open-color";
 import { COLOR_WHITE, COLOR_CHARCOAL_BLACK, COLOR_TRANSPARENT } from "./constants";
-import { Merge } from "./utility-types";
+import type { Merge } from "./utility-types";
 export type ColorPickerColor = Exclude<keyof oc, "indigo" | "lime" | "black"> | "transparent" | "charcoal" | "bronze";
 export type ColorTuple = readonly [string, string, string, string, string];
 export type ColorPalette = Merge<Record<ColorPickerColor, ColorTuple>, {

package/dist/excalidraw/components/Actions.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ActionManager } from "../actions/manager";
-import { ExcalidrawElement, NonDeletedElementsMap, NonDeletedSceneElementsMap } from "../element/types";
-import { AppClassProperties, AppProps, UIAppState, Zoom } from "../types";
+import type { ActionManager } from "../actions/manager";
+import type { ExcalidrawElement, NonDeletedElementsMap, NonDeletedSceneElementsMap } from "../element/types";
+import type { AppClassProperties, AppProps, UIAppState, Zoom } from "../types";
 import "./Actions.scss";
 export declare const canChangeStrokeColor: (appState: UIAppState, targetElements: ExcalidrawElement[]) => boolean;
 export declare const canChangeBackgroundColor: (appState: UIAppState, targetElements: ExcalidrawElement[]) => boolean;