@excalidraw/excalidraw 0.17.1-7441-4e2c539 → 0.17.1-a38e82f

package/dist/excalidraw/actions/actionProperties.js

@@ -11,7 +11,7 @@ import { ArrowheadArrowIcon, ArrowheadBarIcon, ArrowheadCircleIcon, ArrowheadTri
 import { DEFAULT_FONT_FAMILY, DEFAULT_FONT_SIZE, FONT_FAMILY, ROUNDNESS, STROKE_WIDTH, VERTICAL_ALIGN, } from "../constants";
 import { getNonDeletedElements, isTextElement, redrawTextBoundingBox, } from "../element";
 import { mutateElement, newElementWith } from "../element/mutateElement";
-import { getBoundTextElement, getContainerElement, getDefaultLineHeight, } from "../element/textElement";
+import { getBoundTextElement, getDefaultLineHeight, } from "../element/textElement";
 import { isBoundToContainer, isLinearElement, isUsingAdaptiveRadius, } from "../element/typeChecks";
 import { getLanguage, t } from "../i18n";
 import { KEYS } from "../keys";
@@ -73,7 +73,7 @@ const offsetElementAfterFontResize = (prevElement, nextElement) => {
         y: prevElement.y + (prevElement.height - nextElement.height) / 2,
     }, false);
 };
-const changeFontSize = (elements, appState, getNewFontSize, fallbackValue) => {
+const changeFontSize = (elements, appState, app, getNewFontSize, fallbackValue) => {
     const newFontSizes = new Set();
     return {
         elements: changeProperty(elements, appState, (oldElement) => {
@@ -83,7 +83,7 @@ const changeFontSize = (elements, appState, getNewFontSize, fallbackValue) => {
                 let newElement = newElementWith(oldElement, {
                     fontSize: newFontSize,
                 });
-                redrawTextBoundingBox(newElement, getContainerElement(oldElement));
+                redrawTextBoundingBox(newElement, app.scene.getContainerElement(oldElement), app.scene.getNonDeletedElementsMap());
                 newElement = offsetElementAfterFontResize(oldElement, newElement);
                 return newElement;
             }
@@ -301,10 +301,10 @@ export const actionChangeOpacity = register({
 export const actionChangeFontSize = register({
     name: "changeFontSize",
     trackEvent: false,
-    perform: (elements, appState, value) => {
-        return changeFontSize(elements, appState, () => value, value);
+    perform: (elements, appState, value, app) => {
+        return changeFontSize(elements, appState, app, () => value, value);
     },
-    PanelComponent: ({ elements, appState, updateData }) => (_jsxs("fieldset", { children: [_jsx("legend", { children: t("labels.fontSize") }), _jsx(ButtonIconSelect, { group: "font-size", options: [
+    PanelComponent: ({ elements, appState, updateData, app }) => (_jsxs("fieldset", { children: [_jsx("legend", { children: t("labels.fontSize") }), _jsx(ButtonIconSelect, { group: "font-size", options: [
                     {
                         value: 16,
                         text: t("labels.small"),
@@ -333,20 +333,21 @@ export const actionChangeFontSize = register({
                     if (isTextElement(element)) {
                         return element.fontSize;
                     }
-                    const boundTextElement = getBoundTextElement(element);
+                    const boundTextElement = getBoundTextElement(element, app.scene.getNonDeletedElementsMap());
                     if (boundTextElement) {
                         return boundTextElement.fontSize;
                     }
                     return null;
-                }, (element) => isTextElement(element) || getBoundTextElement(element) !== null, (hasSelection) => hasSelection
+                }, (element) => isTextElement(element) ||
+                    getBoundTextElement(element, app.scene.getNonDeletedElementsMap()) !== null, (hasSelection) => hasSelection
                     ? null
                     : appState.currentItemFontSize || DEFAULT_FONT_SIZE), onChange: (value) => updateData(value) })] })),
 });
 export const actionDecreaseFontSize = register({
     name: "decreaseFontSize",
     trackEvent: false,
-    perform: (elements, appState, value) => {
-        return changeFontSize(elements, appState, (element) => Math.round(
+    perform: (elements, appState, value, app) => {
+        return changeFontSize(elements, appState, app, (element) => Math.round(
         // get previous value before relative increase (doesn't work fully
         // due to rounding and float precision issues)
         (1 / (1 + FONT_SIZE_RELATIVE_INCREASE_STEP)) * element.fontSize));
@@ -361,8 +362,8 @@ export const actionDecreaseFontSize = register({
 export const actionIncreaseFontSize = register({
     name: "increaseFontSize",
     trackEvent: false,
-    perform: (elements, appState, value) => {
-        return changeFontSize(elements, appState, (element) => Math.round(element.fontSize * (1 + FONT_SIZE_RELATIVE_INCREASE_STEP)));
+    perform: (elements, appState, value, app) => {
+        return changeFontSize(elements, appState, app, (element) => Math.round(element.fontSize * (1 + FONT_SIZE_RELATIVE_INCREASE_STEP)));
     },
     keyTest: (event) => {
         return (event[KEYS.CTRL_OR_CMD] &&
@@ -374,7 +375,7 @@ export const actionIncreaseFontSize = register({
 export const actionChangeFontFamily = register({
     name: "changeFontFamily",
     trackEvent: false,
-    perform: (elements, appState, value) => {
+    perform: (elements, appState, value, app) => {
         return {
             elements: changeProperty(elements, appState, (oldElement) => {
                 if (isTextElement(oldElement)) {
@@ -382,7 +383,7 @@ export const actionChangeFontFamily = register({
                         fontFamily: value,
                         lineHeight: getDefaultLineHeight(value),
                     });
-                    redrawTextBoundingBox(newElement, getContainerElement(oldElement));
+                    redrawTextBoundingBox(newElement, app.scene.getContainerElement(oldElement), app.scene.getNonDeletedElementsMap());
                     return newElement;
                 }
                 return oldElement;
@@ -394,7 +395,7 @@ export const actionChangeFontFamily = register({
             commitToHistory: true,
         };
     },
-    PanelComponent: ({ elements, appState, updateData }) => {
+    PanelComponent: ({ elements, appState, updateData, app }) => {
         const options = [
             {
                 value: FONT_FAMILY.Virgil,
@@ -419,12 +420,13 @@ export const actionChangeFontFamily = register({
                         if (isTextElement(element)) {
                             return element.fontFamily;
                         }
-                        const boundTextElement = getBoundTextElement(element);
+                        const boundTextElement = getBoundTextElement(element, app.scene.getNonDeletedElementsMap());
                         if (boundTextElement) {
                             return boundTextElement.fontFamily;
                         }
                         return null;
-                    }, (element) => isTextElement(element) || getBoundTextElement(element) !== null, (hasSelection) => hasSelection
+                    }, (element) => isTextElement(element) ||
+                        getBoundTextElement(element, app.scene.getNonDeletedElementsMap()) !== null, (hasSelection) => hasSelection
                         ? null
                         : appState.currentItemFontFamily || DEFAULT_FONT_FAMILY), onChange: (value) => updateData(value) })] }));
     },
@@ -432,12 +434,12 @@ export const actionChangeFontFamily = register({
 export const actionChangeTextAlign = register({
     name: "changeTextAlign",
     trackEvent: false,
-    perform: (elements, appState, value) => {
+    perform: (elements, appState, value, app) => {
         return {
             elements: changeProperty(elements, appState, (oldElement) => {
                 if (isTextElement(oldElement)) {
                     const newElement = newElementWith(oldElement, { textAlign: value });
-                    redrawTextBoundingBox(newElement, getContainerElement(oldElement));
+                    redrawTextBoundingBox(newElement, app.scene.getContainerElement(oldElement), app.scene.getNonDeletedElementsMap());
                     return newElement;
                 }
                 return oldElement;
@@ -449,7 +451,8 @@ export const actionChangeTextAlign = register({
             commitToHistory: true,
         };
     },
-    PanelComponent: ({ elements, appState, updateData }) => {
+    PanelComponent: ({ elements, appState, updateData, app }) => {
+        const elementsMap = app.scene.getNonDeletedElementsMap();
         return (_jsxs("fieldset", { children: [_jsx("legend", { children: t("labels.textAlign") }), _jsx(ButtonIconSelect, { group: "text-align", options: [
                         {
                             value: "left",
@@ -473,23 +476,24 @@ export const actionChangeTextAlign = register({
                         if (isTextElement(element)) {
                             return element.textAlign;
                         }
-                        const boundTextElement = getBoundTextElement(element);
+                        const boundTextElement = getBoundTextElement(element, elementsMap);
                         if (boundTextElement) {
                             return boundTextElement.textAlign;
                         }
                         return null;
-                    }, (element) => isTextElement(element) || getBoundTextElement(element) !== null, (hasSelection) => hasSelection ? null : appState.currentItemTextAlign), onChange: (value) => updateData(value) })] }));
+                    }, (element) => isTextElement(element) ||
+                        getBoundTextElement(element, elementsMap) !== null, (hasSelection) => hasSelection ? null : appState.currentItemTextAlign), onChange: (value) => updateData(value) })] }));
     },
 });
 export const actionChangeVerticalAlign = register({
     name: "changeVerticalAlign",
     trackEvent: { category: "element" },
-    perform: (elements, appState, value) => {
+    perform: (elements, appState, value, app) => {
         return {
             elements: changeProperty(elements, appState, (oldElement) => {
                 if (isTextElement(oldElement)) {
                     const newElement = newElementWith(oldElement, { verticalAlign: value });
-                    redrawTextBoundingBox(newElement, getContainerElement(oldElement));
+                    redrawTextBoundingBox(newElement, app.scene.getContainerElement(oldElement), app.scene.getNonDeletedElementsMap());
                     return newElement;
                 }
                 return oldElement;
@@ -500,7 +504,7 @@ export const actionChangeVerticalAlign = register({
             commitToHistory: true,
         };
     },
-    PanelComponent: ({ elements, appState, updateData }) => {
+    PanelComponent: ({ elements, appState, updateData, app }) => {
         return (_jsx("fieldset", { children: _jsx(ButtonIconSelect, { group: "text-align", options: [
                     {
                         value: VERTICAL_ALIGN.TOP,
@@ -524,12 +528,13 @@ export const actionChangeVerticalAlign = register({
                     if (isTextElement(element) && element.containerId) {
                         return element.verticalAlign;
                     }
-                    const boundTextElement = getBoundTextElement(element);
+                    const boundTextElement = getBoundTextElement(element, app.scene.getNonDeletedElementsMap());
                     if (boundTextElement) {
                         return boundTextElement.verticalAlign;
                     }
                     return null;
-                }, (element) => isTextElement(element) || getBoundTextElement(element) !== null, (hasSelection) => (hasSelection ? null : VERTICAL_ALIGN.MIDDLE)), onChange: (value) => updateData(value) }) }));
+                }, (element) => isTextElement(element) ||
+                    getBoundTextElement(element, app.scene.getNonDeletedElementsMap()) !== null, (hasSelection) => (hasSelection ? null : VERTICAL_ALIGN.MIDDLE)), onChange: (value) => updateData(value) }) }));
     },
 });
 export const actionChangeRoundness = register({

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

@@ -26,7 +26,7 @@ export declare const actionSelectAll: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -74,7 +74,7 @@ export declare const actionSelectAll: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -94,7 +94,7 @@ export declare const actionSelectAll: {
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -144,7 +144,7 @@ export declare const actionSelectAll: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
                 x: number;

package/dist/excalidraw/actions/actionSelectAll.js

@@ -29,7 +29,7 @@ export const actionSelectAll = register({
                 // single linear element selected
                 Object.keys(selectedElementIds).length === 1 &&
                     isLinearElement(elements[0])
-                    ? new LinearElementEditor(elements[0], app.scene)
+                    ? new LinearElementEditor(elements[0])
                     : null,
             },
             commitToHistory: true,

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

@@ -5,7 +5,7 @@ export declare const actionCopyStyles: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
+    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, formData: any, app: import("../types").AppClassProperties) => {
         appState: {
             toast: {
                 message: string;
@@ -20,7 +20,7 @@ export declare const actionCopyStyles: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -68,7 +68,7 @@ export declare const actionCopyStyles: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -88,7 +88,7 @@ export declare const actionCopyStyles: {
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -140,7 +140,7 @@ export declare const actionCopyStyles: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {
@@ -163,7 +163,7 @@ export declare const actionPasteStyles: {
     trackEvent: {
         category: "element";
     };
-    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>) => {
+    perform: (elements: readonly import("../element/types").ExcalidrawElement[], appState: Readonly<import("../types").AppState>, formData: any, app: import("../types").AppClassProperties) => {
         elements: readonly import("../element/types").ExcalidrawElement[];
         commitToHistory: false;
     } | {

package/dist/excalidraw/actions/actionStyles.js

@@ -12,12 +12,12 @@ export let copiedStyles = "{}";
 export const actionCopyStyles = register({
     name: "copyStyles",
     trackEvent: { category: "element" },
-    perform: (elements, appState) => {
+    perform: (elements, appState, formData, app) => {
         const elementsCopied = [];
         const element = elements.find((el) => appState.selectedElementIds[el.id]);
         elementsCopied.push(element);
         if (element && hasBoundTextElement(element)) {
-            const boundTextElement = getBoundTextElement(element);
+            const boundTextElement = getBoundTextElement(element, app.scene.getNonDeletedElementsMap());
             elementsCopied.push(boundTextElement);
         }
         if (element) {
@@ -37,7 +37,7 @@ export const actionCopyStyles = register({
 export const actionPasteStyles = register({
     name: "pasteStyles",
     trackEvent: { category: "element" },
-    perform: (elements, appState) => {
+    perform: (elements, appState, formData, app) => {
         const elementsCopied = JSON.parse(copiedStyles);
         const pastedElement = elementsCopied[0];
         const boundTextElement = elementsCopied[1];
@@ -91,7 +91,7 @@ export const actionPasteStyles = register({
                                 selectedElements.find((element) => isTextElement(newElement) &&
                                     element.id === newElement.containerId) || null;
                         }
-                        redrawTextBoundingBox(newElement, container);
+                        redrawTextBoundingBox(newElement, container, app.scene.getNonDeletedElementsMap());
                     }
                     if (newElement.type === "arrow" &&
                         isArrowElement(elementStylesToCopyFrom)) {

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

@@ -21,7 +21,7 @@ export declare const actionToggleGridMode: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -69,7 +69,7 @@ export declare const actionToggleGridMode: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -89,7 +89,7 @@ export declare const actionToggleGridMode: {
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -145,7 +145,7 @@ export declare const actionToggleGridMode: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {

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

@@ -20,7 +20,7 @@ export declare const actionToggleObjectsSnapMode: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -68,7 +68,7 @@ export declare const actionToggleObjectsSnapMode: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -88,7 +88,7 @@ export declare const actionToggleObjectsSnapMode: {
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -144,7 +144,7 @@ export declare const actionToggleObjectsSnapMode: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {

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

@@ -18,7 +18,7 @@ export declare const actionToggleStats: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -66,7 +66,7 @@ export declare const actionToggleStats: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -86,7 +86,7 @@ export declare const actionToggleStats: {
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -142,7 +142,7 @@ export declare const actionToggleStats: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {

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

@@ -19,7 +19,7 @@ export declare const actionToggleViewMode: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -67,7 +67,7 @@ export declare const actionToggleViewMode: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -87,7 +87,7 @@ export declare const actionToggleViewMode: {
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -143,7 +143,7 @@ export declare const actionToggleViewMode: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {

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

@@ -19,7 +19,7 @@ export declare const actionToggleZenMode: {
             errorMessage: import("react").ReactNode;
             activeEmbeddable: {
                 element: import("../element/types").NonDeletedExcalidrawElement;
-                state: "active" | "hover";
+                state: "hover" | "active";
             } | null;
             draggingElement: import("../element/types").NonDeletedExcalidrawElement | null;
             resizingElement: import("../element/types").NonDeletedExcalidrawElement | null;
@@ -67,7 +67,7 @@ export declare const actionToggleZenMode: {
             scrollY: number;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            name: string;
+            name: string | null;
             isResizing: boolean;
             isRotating: boolean;
             zoom: Readonly<{
@@ -87,7 +87,7 @@ export declare const actionToggleZenMode: {
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
                 name: "ttd";
-                tab: "mermaid" | "text-to-diagram";
+                tab: "text-to-diagram" | "mermaid";
             } | null;
             defaultSidebarDockedPreference: boolean;
             lastPointerDownWith: import("../element/types").PointerType;
@@ -143,7 +143,7 @@ export declare const actionToggleZenMode: {
                 data: import("../charts").Spreadsheet;
             };
             pendingImageElementId: string | null;
-            showHyperlinkPopup: false | "editor" | "info";
+            showHyperlinkPopup: false | "info" | "editor";
             selectedLinearElement: import("../element/linearElementEditor").LinearElementEditor | null;
             snapLines: readonly import("../snapping").SnapLine[];
             originSnapOffset: {

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

@@ -20,6 +20,6 @@ export { actionToggleZenMode } from "./actionToggleZenMode";
 export { actionToggleObjectsSnapMode } from "./actionToggleObjectsSnapMode";
 export { actionToggleStats } from "./actionToggleStats";
 export { actionUnbindText, actionBindText } from "./actionBoundText";
-export { actionLink } from "../element/Hyperlink";
+export { actionLink } from "./actionLink";
 export { actionToggleElementLock } from "./actionElementLock";
 export { actionToggleLinearEditor } from "./actionLinearEditor";

package/dist/excalidraw/actions/index.js

@@ -20,6 +20,6 @@ export { actionToggleZenMode } from "./actionToggleZenMode";
 export { actionToggleObjectsSnapMode } from "./actionToggleObjectsSnapMode";
 export { actionToggleStats } from "./actionToggleStats";
 export { actionUnbindText, actionBindText } from "./actionBoundText";
-export { actionLink } from "../element/Hyperlink";
+export { actionLink } from "./actionLink";
 export { actionToggleElementLock } from "./actionElementLock";
 export { actionToggleLinearEditor } from "./actionLinearEditor";

package/dist/excalidraw/actions/manager.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { trackEvent } from "../analytics";
+import { isPromiseLike } from "../utils";
 const trackAction = (action, source, appState, elements, app, value) => {
     if (action.trackEvent) {
         try {
@@ -25,7 +26,7 @@ export class ActionManager {
     app;
     constructor(updater, getAppState, getElementsIncludingDeleted, app) {
         this.updater = (actionResult) => {
-            if (actionResult && "then" in actionResult) {
+            if (isPromiseLike(actionResult)) {
                 actionResult.then((actionResult) => {
                     return updater(actionResult);
                 });

package/dist/excalidraw/align.d.ts

@@ -1,6 +1,6 @@
-import { ExcalidrawElement } from "./element/types";
+import { ElementsMap, ExcalidrawElement } from "./element/types";
 export interface Alignment {
     position: "start" | "center" | "end";
     axis: "x" | "y";
 }
-export declare const alignElements: (selectedElements: ExcalidrawElement[], alignment: Alignment) => ExcalidrawElement[];
+export declare const alignElements: (selectedElements: ExcalidrawElement[], elementsMap: ElementsMap, alignment: Alignment) => ExcalidrawElement[];

package/dist/excalidraw/align.js

@@ -1,8 +1,8 @@
 import { newElementWith } from "./element/mutateElement";
 import { getCommonBoundingBox } from "./element/bounds";
 import { getMaximumGroups } from "./groups";
-export const alignElements = (selectedElements, alignment) => {
-    const groups = getMaximumGroups(selectedElements);
+export const alignElements = (selectedElements, elementsMap, alignment) => {
+    const groups = getMaximumGroups(selectedElements, elementsMap);
     const selectionBoundingBox = getCommonBoundingBox(selectedElements);
     return groups.flatMap((group) => {
         const translation = calculateTranslation(group, selectionBoundingBox, alignment);

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

@@ -0,0 +1,33 @@
+import { LaserPointerOptions } from "@excalidraw/laser-pointer";
+import { AnimationFrameHandler } from "./animation-frame-handler";
+import type App from "./components/App";
+export interface Trail {
+    start(container: SVGSVGElement): void;
+    stop(): void;
+    startPath(x: number, y: number): void;
+    addPointToPath(x: number, y: number): void;
+    endPath(): void;
+}
+export interface AnimatedTrailOptions {
+    fill: (trail: AnimatedTrail) => string;
+}
+export declare class AnimatedTrail implements Trail {
+    private animationFrameHandler;
+    private app;
+    private options;
+    private currentTrail?;
+    private pastTrails;
+    private container?;
+    private trailElement;
+    constructor(animationFrameHandler: AnimationFrameHandler, app: App, options: Partial<LaserPointerOptions> & Partial<AnimatedTrailOptions>);
+    get hasCurrentTrail(): boolean;
+    hasLastPoint(x: number, y: number): boolean;
+    start(container?: SVGSVGElement): void;
+    stop(): void;
+    startPath(x: number, y: number): void;
+    addPointToPath(x: number, y: number): void;
+    endPath(): void;
+    private update;
+    private onFrame;
+    private drawTrail;
+}