@itisyang/excalidraw 0.18.0 → 0.18.1

package/dist/dev/{chunk-LWYHXCPK.js → chunk-APTQZKPL.js}

@@ -1,6 +1,6 @@
 import {
   define_import_meta_env_default
-} from "./chunk-Y3BTNZQY.js";
+} from "./chunk-ZYZ25BNE.js";
 import {
   __publicField
 } from "./chunk-XDFCUUT6.js";
@@ -5077,7 +5077,7 @@ var parseFileContents = async (blob) => {
   let contents;
   if (blob.type === MIME_TYPES6.png) {
     try {
-      return await (await import("./data/image-3J4DLBV6.js")).decodePngMetadata(blob);
+      return await (await import("./data/image-WACQI5F2.js")).decodePngMetadata(blob);
     } catch (error) {
       if (error.message === "INVALID") {
         throw new ImageSceneDataError(
@@ -5511,4 +5511,4 @@ export {
   createFile,
   normalizeFile
 };
-//# sourceMappingURL=chunk-LWYHXCPK.js.map
+//# sourceMappingURL=chunk-APTQZKPL.js.map

package/dist/dev/{chunk-Y3BTNZQY.js → chunk-ZYZ25BNE.js}

@@ -1,7 +1,7 @@
 // <define:import.meta.env>
-var define_import_meta_env_default = { MODE: "development", VITE_APP_BACKEND_V2_GET_URL: "https://json-dev.excalidraw.com/api/v2/", VITE_APP_BACKEND_V2_POST_URL: "https://json-dev.excalidraw.com/api/v2/post/", VITE_APP_LIBRARY_URL: "https://libraries.excalidraw.com", VITE_APP_LIBRARY_BACKEND: "https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries", VITE_APP_WS_SERVER_URL: "http://localhost:3002", VITE_APP_PLUS_LP: "https://plus.excalidraw.com", VITE_APP_PLUS_APP: "http://localhost:3000", VITE_APP_AI_BACKEND: "http://localhost:3016", VITE_APP_FIREBASE_CONFIG: '{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}', VITE_APP_DEV_DISABLE_LIVE_RELOAD: "", VITE_APP_ENABLE_TRACKING: "true", FAST_REFRESH: "false", VITE_APP_PORT: "3001", VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX: "", VITE_APP_COLLAPSE_OVERLAY: "true", VITE_APP_ENABLE_ESLINT: "true", VITE_APP_ENABLE_PWA: "false", VITE_APP_PLUS_EXPORT_PUBLIC_KEY: "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\nHQIDAQAB", VITE_APP_DISABLE_PREVENT_UNLOAD: "", PKG_NAME: "@excalidraw/excalidraw", PKG_VERSION: "0.18.0", DEV: true };
+var define_import_meta_env_default = { MODE: "development", VITE_APP_BACKEND_V2_GET_URL: "https://json-dev.excalidraw.com/api/v2/", VITE_APP_BACKEND_V2_POST_URL: "https://json-dev.excalidraw.com/api/v2/post/", VITE_APP_LIBRARY_URL: "https://libraries.excalidraw.com", VITE_APP_LIBRARY_BACKEND: "https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries", VITE_APP_WS_SERVER_URL: "http://localhost:3002", VITE_APP_PLUS_LP: "https://plus.excalidraw.com", VITE_APP_PLUS_APP: "http://localhost:3000", VITE_APP_AI_BACKEND: "http://localhost:3016", VITE_APP_FIREBASE_CONFIG: '{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}', VITE_APP_DEV_DISABLE_LIVE_RELOAD: "", VITE_APP_ENABLE_TRACKING: "true", FAST_REFRESH: "false", VITE_APP_PORT: "3001", VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX: "", VITE_APP_COLLAPSE_OVERLAY: "true", VITE_APP_ENABLE_ESLINT: "true", VITE_APP_ENABLE_PWA: "false", VITE_APP_PLUS_EXPORT_PUBLIC_KEY: "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\nHQIDAQAB", VITE_APP_DISABLE_PREVENT_UNLOAD: "", PKG_NAME: "@itisyang/excalidraw", PKG_VERSION: "0.18.0", DEV: true };
 
 export {
   define_import_meta_env_default
 };
-//# sourceMappingURL=chunk-Y3BTNZQY.js.map
+//# sourceMappingURL=chunk-ZYZ25BNE.js.map

package/dist/dev/{chunk-Y3BTNZQY.js.map → chunk-ZYZ25BNE.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["<define:import.meta.env>"],
   "sourcesContent": [""],
-  "mappings": ";AAAA,uCAAC,MAAO,eAAc,6BAA8B,2CAA0C,8BAA+B,gDAA+C,sBAAuB,oCAAmC,0BAA2B,gFAA+E,wBAAyB,yBAAwB,kBAAmB,+BAA8B,mBAAoB,yBAAwB,qBAAsB,yBAAwB,0BAA2B,mRAA0S,kCAAmC,IAAG,0BAA2B,QAAO,cAAe,SAAQ,eAAgB,QAAO,mDAAoD,IAAG,2BAA4B,QAAO,wBAAyB,QAAO,qBAAsB,SAAQ,iCAAkC,wZAAuZ,iCAAkC,IAAG,UAAW,0BAAyB,aAAc,UAAS,KAAM,KAAI;",
+  "mappings": ";AAAA,uCAAC,MAAO,eAAc,6BAA8B,2CAA0C,8BAA+B,gDAA+C,sBAAuB,oCAAmC,0BAA2B,gFAA+E,wBAAyB,yBAAwB,kBAAmB,+BAA8B,mBAAoB,yBAAwB,qBAAsB,yBAAwB,0BAA2B,mRAA0S,kCAAmC,IAAG,0BAA2B,QAAO,cAAe,SAAQ,eAAgB,QAAO,mDAAoD,IAAG,2BAA4B,QAAO,wBAAyB,QAAO,qBAAsB,SAAQ,iCAAkC,wZAAuZ,iCAAkC,IAAG,UAAW,wBAAuB,aAAc,UAAS,KAAM,KAAI;",
   "names": []
 }

package/dist/dev/components/TTDDialog/{CodeMirrorEditor-XRUBL3LG.js → CodeMirrorEditor-FJPU3KZX.js}

@@ -1,4 +1,4 @@
-import "../../chunk-Y3BTNZQY.js";
+import "../../chunk-ZYZ25BNE.js";
 import "../../chunk-XDFCUUT6.js";
 
 // components/TTDDialog/CodeMirrorEditor.tsx
@@ -256,4 +256,4 @@ var CodeMirrorEditor_default = CodeMirrorEditor;
 export {
   CodeMirrorEditor_default as default
 };
-//# sourceMappingURL=CodeMirrorEditor-XRUBL3LG.js.map
+//# sourceMappingURL=CodeMirrorEditor-FJPU3KZX.js.map

package/dist/dev/data/{image-3J4DLBV6.js → image-WACQI5F2.js}

@@ -2,12 +2,12 @@ import {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
-} from "../chunk-LWYHXCPK.js";
-import "../chunk-Y3BTNZQY.js";
+} from "../chunk-APTQZKPL.js";
+import "../chunk-ZYZ25BNE.js";
 import "../chunk-XDFCUUT6.js";
 export {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-3J4DLBV6.js.map
+//# sourceMappingURL=image-WACQI5F2.js.map

package/dist/dev/index.js

@@ -65,10 +65,10 @@ import {
   serializeAsJSON,
   serializeLibraryAsJSON,
   strokeRectWithRotation_simple
-} from "./chunk-LWYHXCPK.js";
+} from "./chunk-APTQZKPL.js";
 import {
   define_import_meta_env_default
-} from "./chunk-Y3BTNZQY.js";
+} from "./chunk-ZYZ25BNE.js";
 import {
   en_default
 } from "./chunk-PNUNMPKU.js";
@@ -225,7 +225,7 @@ import {
   deepCopyElement as deepCopyElement5,
   duplicateElements as duplicateElements3,
   hasBoundTextElement as hasBoundTextElement9,
-  isArrowElement as isArrowElement14,
+  isArrowElement as isArrowElement15,
   isBindingElement as isBindingElement4,
   isBindingElementType,
   isBoundToContainer as isBoundToContainer9,
@@ -9487,7 +9487,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-3J4DLBV6.js").then(
+        (blob2) => import("./data/image-WACQI5F2.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -28086,7 +28086,7 @@ var TTDDialogInput = ({
         setShowSpinner(true);
       }
     }, SPINNER_DELAY_MS);
-    import("./components/TTDDialog/CodeMirrorEditor-XRUBL3LG.js").then((mod) => {
+    import("./components/TTDDialog/CodeMirrorEditor-FJPU3KZX.js").then((mod) => {
       if (!cancelled) {
         setEditorState({ type: "ready", component: mod.default });
       }
@@ -30481,7 +30481,7 @@ import { elementsAreInSameGroup as elementsAreInSameGroup2 } from "@excalidraw/e
 // components/Stats/Angle.tsx
 import { degreesToRadians as degreesToRadians2, radiansToDegrees } from "@excalidraw/math";
 import { getBoundTextElement as getBoundTextElement10 } from "@excalidraw/element";
-import { isArrowElement as isArrowElement11, isElbowArrow as isElbowArrow8 } from "@excalidraw/element";
+import { isArrowElement as isArrowElement12, isElbowArrow as isElbowArrow8 } from "@excalidraw/element";
 import { updateBindings as updateBindings3 } from "@excalidraw/element";
 
 // components/Stats/DragInput.tsx
@@ -30495,8 +30495,8 @@ import { CaptureUpdateAction as CaptureUpdateAction38 } from "@excalidraw/elemen
 import { pointFrom as pointFrom25, pointRotateRads as pointRotateRads16 } from "@excalidraw/math";
 import {
   getBoundTextElement as getBoundTextElement9,
-  isBindingElement as isBindingElement3,
-  unbindBindingElement
+  isArrowElement as isArrowElement11,
+  isBindingElement as isBindingElement3
 } from "@excalidraw/element";
 import { isFrameLikeElement as isFrameLikeElement11 } from "@excalidraw/element";
 import {
@@ -30507,6 +30507,26 @@ import {
 import { getFrameChildren as getFrameChildren5 } from "@excalidraw/element";
 import { updateBindings as updateBindings2 } from "@excalidraw/element";
 import { DRAGGING_THRESHOLD as DRAGGING_THRESHOLD2 } from "@excalidraw/common";
+var unbindArrowBindings = (element, scene) => {
+  if (!isArrowElement11(element) || element.isDeleted)
+    return;
+  const elementsMap = scene.getNonDeletedElementsMap();
+  for (const field of ["startBinding", "endBinding"]) {
+    const binding = element[field];
+    if (!binding)
+      continue;
+    const opposite = field === "startBinding" ? element.endBinding : element.startBinding;
+    const boundElement = elementsMap.get(binding.elementId);
+    if (boundElement && "boundElements" in boundElement && (!opposite || opposite.elementId !== binding.elementId)) {
+      scene.mutateElement(boundElement, {
+        boundElements: boundElement.boundElements?.filter(
+          (be) => be.id !== element.id
+        )
+      });
+    }
+    scene.mutateElement(element, { [field]: null });
+  }
+};
 var SMALLEST_DELTA = 0.01;
 var STEP_SIZE = 10;
 var isPropertyEditable = (element, property) => {
@@ -30530,8 +30550,7 @@ var moveElement = (newTopLeftX, newTopLeftY, originalElement, scene, appState, o
     if (Math.abs(newTopLeftX - originalElement.x) < DRAGGING_THRESHOLD2 && Math.abs(newTopLeftY - originalElement.y) < DRAGGING_THRESHOLD2) {
       return;
     }
-    unbindBindingElement(originalElement, "start", scene);
-    unbindBindingElement(originalElement, "end", scene);
+    unbindArrowBindings(originalElement, scene);
   }
   const elementsMap = scene.getNonDeletedElementsMap();
   const latestElement = elementsMap.get(originalElement.id);
@@ -30908,7 +30927,7 @@ var handleDegreeChange = ({
       });
       updateBindings3(latestElement, scene, app.state);
       const boundTextElement2 = getBoundTextElement10(latestElement, elementsMap);
-      if (boundTextElement2 && !isArrowElement11(latestElement)) {
+      if (boundTextElement2 && !isArrowElement12(latestElement)) {
         scene.mutateElement(boundTextElement2, { angle: nextAngle2 });
       }
       return;
@@ -30926,7 +30945,7 @@ var handleDegreeChange = ({
     });
     updateBindings3(latestElement, scene, app.state);
     const boundTextElement = getBoundTextElement10(latestElement, elementsMap);
-    if (boundTextElement && !isArrowElement11(latestElement)) {
+    if (boundTextElement && !isArrowElement12(latestElement)) {
       scene.mutateElement(boundTextElement, { angle: nextAngle });
     }
   }
@@ -31340,7 +31359,7 @@ var FontSize_default = FontSize;
 // components/Stats/MultiAngle.tsx
 import { degreesToRadians as degreesToRadians3, radiansToDegrees as radiansToDegrees2 } from "@excalidraw/math";
 import { getBoundTextElement as getBoundTextElement12 } from "@excalidraw/element";
-import { isArrowElement as isArrowElement12 } from "@excalidraw/element";
+import { isArrowElement as isArrowElement13 } from "@excalidraw/element";
 import { isInGroup as isInGroup2 } from "@excalidraw/element";
 import { jsx as jsx140 } from "react/jsx-runtime";
 var STEP_SIZE6 = 15;
@@ -31367,7 +31386,7 @@ var handleDegreeChange2 = ({
         angle: nextAngle
       });
       const boundTextElement = getBoundTextElement12(element, elementsMap);
-      if (boundTextElement && !isArrowElement12(element)) {
+      if (boundTextElement && !isArrowElement13(element)) {
         scene.mutateElement(boundTextElement, { angle: nextAngle });
       }
     }
@@ -31392,7 +31411,7 @@ var handleDegreeChange2 = ({
       angle: nextAngle
     });
     const boundTextElement = getBoundTextElement12(latestElement, elementsMap);
-    if (boundTextElement && !isArrowElement12(latestElement)) {
+    if (boundTextElement && !isArrowElement13(latestElement)) {
       scene.mutateElement(boundTextElement, { angle: nextAngle });
     }
   }
@@ -34801,7 +34820,7 @@ import {
   getTransformHandlesFromCoords,
   hasBoundingBox,
   hitElementItself as hitElementItself2,
-  isArrowElement as isArrowElement13,
+  isArrowElement as isArrowElement14,
   isBindableElement as isBindableElement2,
   isElbowArrow as isElbowArrow9,
   isFrameLikeElement as isFrameLikeElement14,
@@ -36090,7 +36109,7 @@ var _renderInteractiveScene = ({
         renderLinearElementPointHighlight(context, appState, elementsMap);
       }
     }
-    if (isArrowElement13(selectedLinearElement)) {
+    if (isArrowElement14(selectedLinearElement)) {
       renderFocusPointIndicator({
         arrow: selectedLinearElement,
         elementsMap: allElementsMap,
@@ -38795,7 +38814,7 @@ var App = class _App extends React46.Component {
       }
       if (isArrowKey2(event.key)) {
         bindOrUnbindBindingElements2(
-          this.scene.getSelectedElements(this.state).filter(isArrowElement14),
+          this.scene.getSelectedElements(this.state).filter(isArrowElement15),
           this.scene,
           this.state
         );
@@ -39063,7 +39082,7 @@ var App = class _App extends React46.Component {
       const fontFamily = existingTextElement?.fontFamily || this.state.currentItemFontFamily;
       const lineHeight = existingTextElement?.lineHeight || getLineHeight6(fontFamily);
       const fontSize = this.state.currentItemFontSize;
-      if (!existingTextElement && shouldBindToContainer && container && !isArrowElement14(container)) {
+      if (!existingTextElement && shouldBindToContainer && container && !isArrowElement15(container)) {
         const fontString = {
           fontSize,
           fontFamily
@@ -39112,7 +39131,7 @@ var App = class _App extends React46.Component {
         containerId: shouldBindToContainer ? container?.id : void 0,
         groupIds: container?.groupIds ?? [],
         lineHeight,
-        angle: container ? isArrowElement14(container) ? 0 : container.angle : 0,
+        angle: container ? isArrowElement15(container) ? 0 : container.angle : 0,
         frameId: topLayerFrame ? topLayerFrame.id : null
       });
       if (!existingTextElement && shouldBindToContainer && container) {
@@ -39538,7 +39557,7 @@ var App = class _App extends React46.Component {
         const { lastCommittedPoint } = selectedLinearElement;
         setCursorForShape(this.interactiveCanvas, this.state);
         if (lastPoint === lastCommittedPoint) {
-          const hoveredElement = isArrowElement14(this.state.newElement) && isBindingEnabled2(this.state) && getHoveredElementForBinding2(
+          const hoveredElement = isArrowElement15(this.state.newElement) && isBindingEnabled2(this.state) && getHoveredElementForBinding2(
             pointFrom31(scenePointerX, scenePointerY),
             this.scene.getNonDeletedElements(),
             this.scene.getNonDeletedElementsMap(),
@@ -44010,7 +44029,7 @@ var App = class _App extends React46.Component {
         elements[index],
         this.scene.getNonDeletedElementsMap()
       );
-      if (isArrowElement14(elements[index]) && hitElementItself3({
+      if (isArrowElement15(elements[index]) && hitElementItself3({
         point: pointFrom31(x, y),
         element: elements[index],
         elementsMap: this.scene.getNonDeletedElementsMap(),
@@ -45613,7 +45632,7 @@ var App = class _App extends React46.Component {
         this.store.scheduleCapture();
       }
       if (pointerDownState.drag.hasOccurred && !this.state.selectedLinearElement || isResizing || isRotating || isCropping) {
-        const linearElements = this.scene.getSelectedElements(this.state).filter(isArrowElement14);
+        const linearElements = this.scene.getSelectedElements(this.state).filter(isArrowElement15);
         bindOrUnbindBindingElements2(linearElements, this.scene, this.state);
       }
       if (activeTool.type === "laser") {