@myoc/excalidraw 0.19.502 → 0.19.504

package/dist/dev/{chunk-WGIZZ2NT.js → chunk-Z5DMFRJ5.js}

@@ -1,6 +1,6 @@
 import {
   define_import_meta_env_default
-} from "./chunk-ERXRO4IP.js";
+} from "./chunk-OF725VHI.js";
 import {
   __publicField
 } from "./chunk-XDFCUUT6.js";
@@ -52,7 +52,6 @@ var getDefaultAppState = () => {
     },
     theme: THEME.LIGHT,
     collaborators: /* @__PURE__ */ new Map(),
-    currentChartType: "bar",
     currentItemBackgroundColor: DEFAULT_ELEMENT_PROPS.backgroundColor,
     currentItemEndArrowhead: "arrow",
     currentItemFillStyle: DEFAULT_ELEMENT_PROPS.fillStyle,
@@ -96,6 +95,8 @@ var getDefaultAppState = () => {
     gridStep: DEFAULT_GRID_STEP,
     gridModeEnabled: false,
     isBindingEnabled: true,
+    bindingPreference: "enabled",
+    isMidpointSnappingEnabled: true,
     defaultSidebarDockedPreference: false,
     isLoading: false,
     isResizing: false,
@@ -108,7 +109,6 @@ var getDefaultAppState = () => {
     openPopup: null,
     openSidebar: null,
     openDialog: null,
-    pasteDialog: { shown: false, data: null },
     previousSelectedElementIds: {},
     resizingElement: null,
     scrolledOutside: false,
@@ -165,7 +165,6 @@ var APP_STATE_STORAGE_CONF = /* @__PURE__ */ ((config) => config)({
   normaliseConfiguration: { browser: true, export: false, server: false },
   theme: { browser: true, export: false, server: false },
   collaborators: { browser: false, export: false, server: false },
-  currentChartType: { browser: true, export: false, server: false },
   currentItemBackgroundColor: { browser: true, export: false, server: false },
   currentItemEndArrowhead: { browser: true, export: false, server: false },
   currentItemFillStyle: { browser: true, export: false, server: false },
@@ -208,7 +207,9 @@ var APP_STATE_STORAGE_CONF = /* @__PURE__ */ ((config) => config)({
   gridStep: { browser: true, export: true, server: true },
   gridModeEnabled: { browser: true, export: true, server: true },
   height: { browser: false, export: false, server: false },
-  isBindingEnabled: { browser: false, export: false, server: false },
+  isBindingEnabled: { browser: true, export: false, server: false },
+  bindingPreference: { browser: true, export: false, server: false },
+  isMidpointSnappingEnabled: { browser: true, export: false, server: false },
   defaultSidebarDockedPreference: {
     browser: true,
     export: false,
@@ -227,7 +228,6 @@ var APP_STATE_STORAGE_CONF = /* @__PURE__ */ ((config) => config)({
   openPopup: { browser: false, export: false, server: false },
   openSidebar: { browser: true, export: false, server: false },
   openDialog: { browser: false, export: false, server: false },
-  pasteDialog: { browser: false, export: false, server: false },
   previousSelectedElementIds: { browser: true, export: false, server: false },
   resizingElement: { browser: false, export: false, server: false },
   scrolledOutside: { browser: true, export: false, server: false },
@@ -534,7 +534,6 @@ var decode = (data) => {
 
 // data/json.ts
 import {
-  DEFAULT_FILENAME,
   EXPORT_DATA_TYPES,
   getExportSource,
   MIME_TYPES as MIME_TYPES2,
@@ -547,8 +546,7 @@ import {
   fileSave as _fileSave,
   supported as nativeFileSystemSupported
 } from "browser-fs-access";
-import { EVENT, MIME_TYPES, debounce } from "@excalidraw/common";
-var INPUT_CHANGE_INTERVAL_MS = 5e3;
+import { MIME_TYPES } from "@excalidraw/common";
 var fileOpen = async (opts) => {
   const mimeTypes = opts.extensions?.reduce((mimeTypes2, type) => {
     mimeTypes2.push(MIME_TYPES[type]);
@@ -564,39 +562,7 @@ var fileOpen = async (opts) => {
     description: opts.description,
     extensions,
     mimeTypes,
-    multiple: opts.multiple ?? false,
-    legacySetup: (resolve, reject, input) => {
-      const scheduleRejection = debounce(reject, INPUT_CHANGE_INTERVAL_MS);
-      const focusHandler = () => {
-        checkForFile();
-        document.addEventListener(EVENT.KEYUP, scheduleRejection);
-        document.addEventListener(EVENT.POINTER_UP, scheduleRejection);
-        scheduleRejection();
-      };
-      const checkForFile = () => {
-        if (input.files?.length) {
-          const ret = opts.multiple ? [...input.files] : input.files[0];
-          resolve(ret);
-        }
-      };
-      requestAnimationFrame(() => {
-        window.addEventListener(EVENT.FOCUS, focusHandler);
-      });
-      const interval = window.setInterval(() => {
-        checkForFile();
-      }, INPUT_CHANGE_INTERVAL_MS);
-      return (rejectPromise) => {
-        clearInterval(interval);
-        scheduleRejection.cancel();
-        window.removeEventListener(EVENT.FOCUS, focusHandler);
-        document.removeEventListener(EVENT.KEYUP, scheduleRejection);
-        document.removeEventListener(EVENT.POINTER_UP, scheduleRejection);
-        if (rejectPromise) {
-          console.warn("Opening the file was canceled (legacy-fs).");
-          rejectPromise(new AbortError());
-        }
-      };
-    }
+    multiple: opts.multiple ?? false
   });
   if (Array.isArray(files)) {
     return await Promise.all(
@@ -614,7 +580,8 @@ var fileSave = (blob, opts) => {
       extensions: [`.${opts.extension}`],
       mimeTypes: opts.mimeTypes
     },
-    opts.fileHandle
+    opts.fileHandle,
+    false
   );
 };
 
@@ -642,18 +609,24 @@ var serializeAsJSON = (elements, appState, files, type) => {
   };
   return JSON.stringify(data, null, 2);
 };
-var saveAsJSON = async (elements, appState, files, name = appState.name || DEFAULT_FILENAME) => {
-  const serialized = serializeAsJSON(elements, appState, files, "local");
-  const blob = new Blob([serialized], {
-    type: MIME_TYPES2.excalidraw
+var saveAsJSON = async ({
+  data,
+  filename,
+  fileHandle
+}) => {
+  const blob = Promise.resolve(data).then(({ elements, appState, files }) => {
+    const serialized = serializeAsJSON(elements, appState, files, "local");
+    return new Blob([serialized], {
+      type: MIME_TYPES2.excalidraw
+    });
   });
-  const fileHandle = await fileSave(blob, {
-    name,
+  const savedFileHandle = await fileSave(blob, {
+    name: filename,
     extension: "excalidraw",
     description: "Excalidraw file",
-    fileHandle: isImageFileHandle(appState.fileHandle) ? null : appState.fileHandle
+    fileHandle: isImageFileHandle(fileHandle) ? null : fileHandle
   });
-  return { fileHandle };
+  return { fileHandle: savedFileHandle };
 };
 var loadFromJSON = async (localAppState, localElements) => {
   const file = await fileOpen({
@@ -777,7 +750,7 @@ import { promiseTry as promiseTry2, LOCAL_FONT_PROTOCOL as LOCAL_FONT_PROTOCOL2
 import { isServerEnv, promiseTry } from "@excalidraw/common";
 
 // workers.ts
-import { debounce as debounce2 } from "@excalidraw/common";
+import { debounce } from "@excalidraw/common";
 var IdleWorker = class {
   constructor(workerUrl) {
     __publicField(this, "instance");
@@ -851,7 +824,7 @@ var WorkerPool = class _WorkerPool {
    */
   async createWorker() {
     const worker = new IdleWorker(this.workerUrl);
-    worker.debounceTerminate = debounce2((reject) => {
+    worker.debounceTerminate = debounce((reject) => {
       worker.instance.terminate();
       if (this.idleWorkers.has(worker)) {
         this.idleWorkers.delete(worker);
@@ -3544,8 +3517,7 @@ var _renderStaticScene = ({
 var renderStaticSceneThrottled = throttleRAF(
   (config) => {
     _renderStaticScene(config);
-  },
-  { trailing: true }
+  }
 );
 var renderStaticScene = (renderConfig, throttle) => {
   if (throttle) {
@@ -3576,7 +3548,7 @@ import {
   createPlaceholderEmbeddableLabel as createPlaceholderEmbeddableLabel2,
   getEmbedLink
 } from "@excalidraw/element";
-import { LinearElementEditor } from "@excalidraw/element";
+import { LinearElementEditor } from "@excalidraw/element/linearElementEditor";
 import { getBoundTextElement as getBoundTextElement2, getContainerElement as getContainerElement2 } from "@excalidraw/element";
 import { getLineHeightInPx } from "@excalidraw/element";
 import {
@@ -4507,6 +4479,7 @@ import {
 import {
   calculateFixedPointForNonElbowArrowBinding,
   getNonDeletedElements,
+  normalizeArrowhead,
   isPointInElement,
   isValidPolygon,
   projectFixedPointOntoDiagonal
@@ -4516,7 +4489,7 @@ import {
   updateElbowArrowPoints,
   validateElbowPoints
 } from "@excalidraw/element";
-import { LinearElementEditor as LinearElementEditor2 } from "@excalidraw/element";
+import { LinearElementEditor as LinearElementEditor2 } from "@excalidraw/element/linearElementEditor";
 import { bumpVersion } from "@excalidraw/element";
 import { getContainerElement as getContainerElement3 } from "@excalidraw/element";
 import { detectLineHeight } from "@excalidraw/element";
@@ -4566,7 +4539,7 @@ var repairBinding = (element, binding, targetElementsMap, existingElementsMap, s
     if (isElbowArrow(element)) {
       const fixedPointBinding = {
         ...binding,
-        fixedPoint: normalizeFixedPoint(binding.fixedPoint ?? [0, 0]),
+        fixedPoint: normalizeFixedPoint(binding.fixedPoint),
         mode: binding.mode || "orbit"
       };
       return fixedPointBinding;
@@ -4576,15 +4549,13 @@ var repairBinding = (element, binding, targetElementsMap, existingElementsMap, s
         return {
           elementId: binding.elementId,
           mode: binding.mode,
-          fixedPoint: normalizeFixedPoint(binding.fixedPoint || [0.5, 0.5])
+          fixedPoint: normalizeFixedPoint(binding.fixedPoint)
         };
       }
       return null;
     }
-    const targetBoundElement = targetElementsMap.get(binding.elementId) || void 0;
-    const boundElement = targetBoundElement || existingElementsMap?.get(
-      binding.elementId
-    ) || void 0;
+    const targetBoundElement = targetElementsMap.get(binding.elementId);
+    const boundElement = targetBoundElement || existingElementsMap?.get(binding.elementId);
     const elementsMap = targetBoundElement ? targetElementsMap : existingElementsMap;
     if (boundElement && elementsMap) {
       const p = LinearElementEditor2.getPointAtIndexGlobalCoordinates(
@@ -4593,15 +4564,29 @@ var repairBinding = (element, binding, targetElementsMap, existingElementsMap, s
         elementsMap
       );
       const mode = isPointInElement(p, boundElement, elementsMap) ? "inside" : "orbit";
+      const safeElement = {
+        ...element,
+        startBinding: element.startBinding?.elementId ? {
+          ...element.startBinding,
+          mode,
+          fixedPoint: normalizeFixedPoint(element.startBinding.fixedPoint)
+        } : null,
+        endBinding: element.endBinding?.elementId ? {
+          ...element.endBinding,
+          mode,
+          fixedPoint: normalizeFixedPoint(element.endBinding.fixedPoint)
+        } : null
+      };
       const focusPoint = mode === "inside" ? p : projectFixedPointOntoDiagonal(
-        element,
+        safeElement,
         p,
         boundElement,
         startOrEnd,
-        elementsMap
+        elementsMap,
+        { value: 1 }
       ) || p;
       const { fixedPoint } = calculateFixedPointForNonElbowArrowBinding(
-        element,
+        safeElement,
         boundElement,
         startOrEnd,
         elementsMap,
@@ -4613,7 +4598,9 @@ var repairBinding = (element, binding, targetElementsMap, existingElementsMap, s
         fixedPoint
       };
     }
-    console.error(`could not repair binding for element`);
+    console.error(
+      `Could not repair binding for element "${boundElement?.id}" out of (${elementsMap?.size}) elements`
+    );
   } catch (error) {
     console.error("Error repairing binding:", error);
   }
@@ -4723,7 +4710,8 @@ var restoreElement = (element, targetElementsMap, existingElementsMap, opts) =>
       });
     case "line":
     case "draw":
-      const { startArrowhead = null, endArrowhead = null } = element;
+      const startArrowhead = normalizeArrowhead(element.startArrowhead);
+      const endArrowhead = normalizeArrowhead(element.endArrowhead);
       let x = element.x;
       let y = element.y;
       let points = (
@@ -4748,7 +4736,8 @@ var restoreElement = (element, targetElementsMap, existingElementsMap, opts) =>
         ...getSizeFromPoints(points)
       });
     case "arrow": {
-      const { startArrowhead: startArrowhead2 = null, endArrowhead: endArrowhead2 = "arrow" } = element;
+      const startArrowhead2 = normalizeArrowhead(element.startArrowhead);
+      const endArrowhead2 = element.endArrowhead === void 0 ? "arrow" : normalizeArrowhead(element.endArrowhead);
       const x2 = element.x;
       const y2 = element.y;
       const points2 = (
@@ -5089,7 +5078,7 @@ var parseFileContents = async (blob) => {
   let contents;
   if (blob.type === MIME_TYPES6.png) {
     try {
-      return await (await import("./data/image-BOZX7YCK.js")).decodePngMetadata(blob);
+      return await (await import("./data/image-ZR5DXOGS.js")).decodePngMetadata(blob);
     } catch (error) {
       if (error.message === "INVALID") {
         throw new ImageSceneDataError(
@@ -5483,7 +5472,6 @@ export {
   serializeLibraryAsJSON,
   saveLibraryAsJSON,
   getLinkHandleFromCoords,
-  isPointHittingLinkIcon,
   isPointHittingLink,
   fillCircle,
   getNormalizedCanvasDimensions,
@@ -5523,4 +5511,4 @@ export {
   createFile,
   normalizeFile
 };
-//# sourceMappingURL=chunk-WGIZZ2NT.js.map
+//# sourceMappingURL=chunk-Z5DMFRJ5.js.map