@myoc/excalidraw 0.18.4 → 0.18.6

package/dist/dev/{chunk-RE5EMAXD.js → chunk-4OALG4EH.js}

@@ -1,7 +1,7 @@
 // <define:import.meta.env>
-var define_import_meta_env_default = { 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:3015", 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: "3000", 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: "@myoc/excalidraw", PKG_VERSION: "0.18.3", DEV: true };
+var define_import_meta_env_default = { 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:3015", 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: "3000", 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: "@myoc/excalidraw", PKG_VERSION: "0.18.5", DEV: true };
 
 export {
   define_import_meta_env_default
 };
-//# sourceMappingURL=chunk-RE5EMAXD.js.map
+//# sourceMappingURL=chunk-4OALG4EH.js.map

package/dist/dev/{chunk-RAK2YFHC.js → chunk-LRA2BMXO.js}

@@ -1,6 +1,6 @@
 import {
   define_import_meta_env_default
-} from "./chunk-RE5EMAXD.js";
+} from "./chunk-4OALG4EH.js";
 import {
   __publicField
 } from "./chunk-XDFCUUT6.js";
@@ -1872,6 +1872,12 @@ var elementCenterPoint = (element, xOffset = 0, yOffset = 0) => {
   const centerYPoint = y + height / 2 + yOffset;
   return pointFrom(centerXPoint, centerYPoint);
 };
+var isReadonlyArray = (value) => {
+  return Array.isArray(value);
+};
+var sizeOf = (value) => {
+  return isReadonlyArray(value) ? value.length : value instanceof Map ? value.size : Object.keys(value).length;
+};
 
 // ../common/src/random.ts
 var random = new Random(Date.now());
@@ -4440,6 +4446,20 @@ var elementLinkIcon = createIcon(
   ] }),
   tablerIconProps
 );
+var TableCellsIcon = createIcon(
+  /* @__PURE__ */ jsxs("g", { strokeWidth: "1.25", children: [
+    /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "1" }),
+    /* @__PURE__ */ jsx("rect", { x: "10", y: "4", width: "4", height: "4", rx: "1" }),
+    /* @__PURE__ */ jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "1" }),
+    /* @__PURE__ */ jsx("rect", { x: "4", y: "10", width: "4", height: "4", rx: "1" }),
+    /* @__PURE__ */ jsx("rect", { x: "10", y: "10", width: "4", height: "4", rx: "1" }),
+    /* @__PURE__ */ jsx("rect", { x: "16", y: "10", width: "4", height: "4", rx: "1" }),
+    /* @__PURE__ */ jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "1" }),
+    /* @__PURE__ */ jsx("rect", { x: "10", y: "16", width: "4", height: "4", rx: "1" }),
+    /* @__PURE__ */ jsx("rect", { x: "16", y: "16", width: "4", height: "4", rx: "1" })
+  ] }),
+  tablerIconProps
+);
 
 // ../math/src/ellipse.ts
 function ellipse(center, halfWidth, halfHeight) {
@@ -6122,13 +6142,13 @@ var getLinearElementEdgeCoors = (linearElement, startOrEnd, elementsMap) => {
     )
   );
 };
-var fixDuplicatedBindingsAfterDuplication = (newElements, oldIdToDuplicatedId, duplicatedElementsMap) => {
-  for (const element of newElements) {
-    if ("boundElements" in element && element.boundElements) {
-      Object.assign(element, {
-        boundElements: element.boundElements.reduce(
+var fixDuplicatedBindingsAfterDuplication = (duplicatedElements, origIdToDuplicateId, duplicateElementsMap) => {
+  for (const duplicateElement of duplicatedElements) {
+    if ("boundElements" in duplicateElement && duplicateElement.boundElements) {
+      Object.assign(duplicateElement, {
+        boundElements: duplicateElement.boundElements.reduce(
           (acc, binding) => {
-            const newBindingId = oldIdToDuplicatedId.get(binding.id);
+            const newBindingId = origIdToDuplicateId.get(binding.id);
             if (newBindingId) {
               acc.push({ ...binding, id: newBindingId });
             }
@@ -6138,191 +6158,46 @@ var fixDuplicatedBindingsAfterDuplication = (newElements, oldIdToDuplicatedId, d
         )
       });
     }
-    if ("containerId" in element && element.containerId) {
-      Object.assign(element, {
-        containerId: oldIdToDuplicatedId.get(element.containerId) ?? null
+    if ("containerId" in duplicateElement && duplicateElement.containerId) {
+      Object.assign(duplicateElement, {
+        containerId: origIdToDuplicateId.get(duplicateElement.containerId) ?? null
       });
     }
-    if ("endBinding" in element && element.endBinding) {
-      const newEndBindingId = oldIdToDuplicatedId.get(
-        element.endBinding.elementId
+    if ("endBinding" in duplicateElement && duplicateElement.endBinding) {
+      const newEndBindingId = origIdToDuplicateId.get(
+        duplicateElement.endBinding.elementId
       );
-      Object.assign(element, {
+      Object.assign(duplicateElement, {
         endBinding: newEndBindingId ? {
-          ...element.endBinding,
+          ...duplicateElement.endBinding,
           elementId: newEndBindingId
         } : null
       });
     }
-    if ("startBinding" in element && element.startBinding) {
-      const newEndBindingId = oldIdToDuplicatedId.get(
-        element.startBinding.elementId
+    if ("startBinding" in duplicateElement && duplicateElement.startBinding) {
+      const newEndBindingId = origIdToDuplicateId.get(
+        duplicateElement.startBinding.elementId
       );
-      Object.assign(element, {
+      Object.assign(duplicateElement, {
         startBinding: newEndBindingId ? {
-          ...element.startBinding,
+          ...duplicateElement.startBinding,
           elementId: newEndBindingId
         } : null
       });
     }
-    if (isElbowArrow(element)) {
+    if (isElbowArrow(duplicateElement)) {
       Object.assign(
-        element,
-        updateElbowArrowPoints(element, duplicatedElementsMap, {
+        duplicateElement,
+        updateElbowArrowPoints(duplicateElement, duplicateElementsMap, {
           points: [
-            element.points[0],
-            element.points[element.points.length - 1]
+            duplicateElement.points[0],
+            duplicateElement.points[duplicateElement.points.length - 1]
           ]
         })
       );
     }
   }
 };
-var fixReversedBindingsForBindables = (original, duplicate, originalElements, elementsWithClones, oldIdToDuplicatedId) => {
-  original.boundElements?.forEach((binding, idx) => {
-    if (binding.type !== "arrow") {
-      return;
-    }
-    const oldArrow = elementsWithClones.find((el) => el.id === binding.id);
-    if (!isBindingElement(oldArrow)) {
-      return;
-    }
-    if (originalElements.has(binding.id)) {
-      const newArrowId = oldIdToDuplicatedId.get(binding.id) ?? binding.id;
-      const newArrow = elementsWithClones.find(
-        (el) => el.id === newArrowId
-      );
-      mutateElement(newArrow, {
-        startBinding: oldArrow.startBinding?.elementId === binding.id ? {
-          ...oldArrow.startBinding,
-          elementId: duplicate.id
-        } : newArrow.startBinding,
-        endBinding: oldArrow.endBinding?.elementId === binding.id ? {
-          ...oldArrow.endBinding,
-          elementId: duplicate.id
-        } : newArrow.endBinding
-      });
-      mutateElement(duplicate, {
-        boundElements: [
-          ...(duplicate.boundElements ?? []).filter(
-            (el) => el.id !== binding.id && el.id !== newArrowId
-          ),
-          {
-            type: "arrow",
-            id: newArrowId
-          }
-        ]
-      });
-    } else {
-      mutateElement(oldArrow, {
-        startBinding: oldArrow.startBinding?.elementId === original.id ? {
-          ...oldArrow.startBinding,
-          elementId: duplicate.id
-        } : oldArrow.startBinding,
-        endBinding: oldArrow.endBinding?.elementId === original.id ? {
-          ...oldArrow.endBinding,
-          elementId: duplicate.id
-        } : oldArrow.endBinding
-      });
-      mutateElement(duplicate, {
-        boundElements: [
-          ...duplicate.boundElements ?? [],
-          {
-            type: "arrow",
-            id: oldArrow.id
-          }
-        ]
-      });
-      mutateElement(original, {
-        boundElements: original.boundElements?.filter((_, i) => i !== idx) ?? null
-      });
-    }
-  });
-};
-var fixReversedBindingsForArrows = (original, duplicate, originalElements, bindingProp, oldIdToDuplicatedId, elementsWithClones) => {
-  const oldBindableId = original[bindingProp]?.elementId;
-  if (oldBindableId) {
-    if (originalElements.has(oldBindableId)) {
-      const newBindableId = oldIdToDuplicatedId.get(oldBindableId) ?? oldBindableId;
-      const newBindable = elementsWithClones.find(
-        (el) => el.id === newBindableId
-      );
-      mutateElement(duplicate, {
-        [bindingProp]: {
-          ...original[bindingProp],
-          elementId: newBindableId
-        }
-      });
-      mutateElement(newBindable, {
-        boundElements: [
-          ...(newBindable.boundElements ?? []).filter(
-            (el) => el.id !== original.id && el.id !== duplicate.id
-          ),
-          {
-            id: duplicate.id,
-            type: "arrow"
-          }
-        ]
-      });
-    } else {
-      const originalBindable = elementsWithClones.find(
-        (el) => el.id === oldBindableId
-      );
-      if (originalBindable) {
-        mutateElement(duplicate, {
-          [bindingProp]: original[bindingProp]
-        });
-        mutateElement(original, {
-          [bindingProp]: null
-        });
-        mutateElement(originalBindable, {
-          boundElements: [
-            ...originalBindable.boundElements?.filter(
-              (el) => el.id !== original.id
-            ) ?? [],
-            {
-              id: duplicate.id,
-              type: "arrow"
-            }
-          ]
-        });
-      }
-    }
-  }
-};
-var fixReversedBindings = (originalElements, elementsWithClones, oldIdToDuplicatedId) => {
-  for (const original of originalElements.values()) {
-    const duplicate = elementsWithClones.find(
-      (el) => el.id === oldIdToDuplicatedId.get(original.id)
-    );
-    if (isBindableElement(original) && isBindableElement(duplicate)) {
-      fixReversedBindingsForBindables(
-        original,
-        duplicate,
-        originalElements,
-        elementsWithClones,
-        oldIdToDuplicatedId
-      );
-    } else if (isArrowElement(original) && isArrowElement(duplicate)) {
-      fixReversedBindingsForArrows(
-        original,
-        duplicate,
-        originalElements,
-        "startBinding",
-        oldIdToDuplicatedId,
-        elementsWithClones
-      );
-      fixReversedBindingsForArrows(
-        original,
-        duplicate,
-        originalElements,
-        "endBinding",
-        oldIdToDuplicatedId,
-        elementsWithClones
-      );
-    }
-  }
-};
 var fixBindingsAfterDeletion = (sceneElements, deletedElements) => {
   const elements = arrayToMap(sceneElements);
   for (const element of deletedElements) {
@@ -9272,23 +9147,21 @@ var elementsOverlappingBBox = ({
 };
 
 // ../element/src/frame.ts
-var bindElementsToFramesAfterDuplication = (nextElements, oldElements, oldIdToDuplicatedId) => {
+var bindElementsToFramesAfterDuplication = (nextElements, origElements, origIdToDuplicateId) => {
   const nextElementMap = arrayToMap(nextElements);
-  for (const element of oldElements) {
+  for (const element of origElements) {
     if (element.frameId) {
-      const nextElementId = oldIdToDuplicatedId.get(element.id);
-      const nextFrameId = oldIdToDuplicatedId.get(element.frameId);
-      if (nextElementId) {
-        const nextElement = nextElementMap.get(nextElementId);
-        if (nextElement) {
-          mutateElement(
-            nextElement,
-            {
-              frameId: nextFrameId ?? element.frameId
-            },
-            false
-          );
-        }
+      const nextElementId = origIdToDuplicateId.get(element.id);
+      const nextFrameId = origIdToDuplicateId.get(element.frameId);
+      const nextElement = nextElementId && nextElementMap.get(nextElementId);
+      if (nextElement) {
+        mutateElement(
+          nextElement,
+          {
+            frameId: nextFrameId ?? null
+          },
+          false
+        );
       }
     }
   }
@@ -9898,6 +9771,41 @@ var makeNextSelectedElementIds = (nextSelectedElementIds, prevState) => {
   }
   return nextSelectedElementIds;
 };
+var _getLinearElementEditor = (targetElements) => {
+  const linears = targetElements.filter(isLinearElement);
+  if (linears.length === 1) {
+    const linear = linears[0];
+    const boundElements = linear.boundElements?.map((def) => def.id) ?? [];
+    const onlySingleLinearSelected = targetElements.every(
+      (el) => el.id === linear.id || boundElements.includes(el.id)
+    );
+    if (onlySingleLinearSelected) {
+      return new LinearElementEditor(linear);
+    }
+  }
+  return null;
+};
+var getSelectionStateForElements = (targetElements, allElements, appState) => {
+  return {
+    selectedLinearElement: _getLinearElementEditor(targetElements),
+    ...selectGroupsForSelectedElements(
+      {
+        editingGroupId: appState.editingGroupId,
+        selectedElementIds: excludeElementsInFramesFromSelection(
+          targetElements
+        ).reduce((acc, element) => {
+          if (!isBoundToContainer(element)) {
+            acc[element.id] = true;
+          }
+          return acc;
+        }, {})
+      },
+      allElements,
+      appState,
+      null
+    )
+  };
+};
 
 // ../element/src/groups.ts
 var selectGroup = (groupId, appState, elements) => {
@@ -10546,10 +10454,7 @@ var _Scene = class _Scene {
     return didChange;
   }
   replaceAllElements(nextElements) {
-    const _nextElements = (
-      // ts doesn't like `Array.isArray` of `instanceof Map`
-      nextElements instanceof Array ? nextElements : Array.from(nextElements.values())
-    );
+    const _nextElements = isReadonlyArray(nextElements) ? nextElements : Array.from(nextElements.values());
     const nextFrameLikes = [];
     validateIndicesThrottled(_nextElements);
     this.elements = syncInvalidIndices(_nextElements);
@@ -14345,7 +14250,7 @@ var getElementBounds = (element, elementsMap) => {
   return ElementBounds.getBounds(element, elementsMap);
 };
 var getCommonBounds = (elements, elementsMap) => {
-  if (!elements.length) {
+  if (!sizeOf(elements)) {
     return [0, 0, 0, 0];
   }
   let minX = Infinity;
@@ -14618,6 +14523,10 @@ var getDefaultAppState = () => {
     showWelcomeScreen: false,
     myocSimplifiedMode: true,
     hideMainMenus: false,
+    arrangeConfiguration: {
+      gap: 10,
+      algorithm: "bin-packing"
+    },
     theme: THEME.LIGHT,
     collaborators: /* @__PURE__ */ new Map(),
     currentChartType: "bar",
@@ -14723,6 +14632,7 @@ var APP_STATE_STORAGE_CONF = /* @__PURE__ */ ((config) => config)({
   myocSimplifiedMode: { browser: true, export: false, server: false },
   hideMainMenus: { browser: true, export: false, server: false },
   wheelZoomsOnDefault: { browser: true, export: false, server: false },
+  arrangeConfiguration: { 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 },
@@ -20103,7 +20013,7 @@ var parseFileContents = async (blob) => {
   let contents;
   if (blob.type === MIME_TYPES.png) {
     try {
-      return await (await import("./data/image-KBZ4SRRJ.js")).decodePngMetadata(blob);
+      return await (await import("./data/image-OTIQTZCO.js")).decodePngMetadata(blob);
     } catch (error) {
       if (error.message === "INVALID") {
         throw new ImageSceneDataError(
@@ -20355,9 +20265,13 @@ var ImageURLToFile = async (imageUrl, filename = "") => {
   throw new Error("Error: unsupported file type", { cause: "UNSUPPORTED" });
 };
 var getFileFromEvent = async (event) => {
-  const file2 = event.dataTransfer.files.item(0);
+  const dataTransferFiles = Array.from(event.dataTransfer.files);
   const fileHandle = await getFileHandle(event);
-  return { file: file2 ? await normalizeFile(file2) : null, fileHandle };
+  const files = dataTransferFiles ? await Promise.all(dataTransferFiles.map((file2) => normalizeFile(file2))) : null;
+  return {
+    files,
+    fileHandle
+  };
 };
 var getFileHandle = async (event) => {
   if (nativeFileSystemSupported) {
@@ -20865,6 +20779,7 @@ export {
   upIcon,
   cropIcon,
   elementLinkIcon,
+  TableCellsIcon,
   shouldTestInside,
   hitElementItself,
   hitElementBoundingBox,
@@ -20920,7 +20835,6 @@ export {
   bindPointToSnapToElementOutline,
   calculateFixedPointForElbowArrowBinding,
   fixDuplicatedBindingsAfterDuplication,
-  fixReversedBindings,
   fixBindingsAfterDeletion,
   maxBindingGap,
   bindingProperties,
@@ -20974,6 +20888,7 @@ export {
   getSelectedElements,
   getTargetElements,
   makeNextSelectedElementIds,
+  getSelectionStateForElements,
   selectGroup,
   selectGroupsForSelectedElements,
   isSelectedViaGroup,
@@ -21112,4 +21027,4 @@ export {
   createFile,
   normalizeFile
 };
-//# sourceMappingURL=chunk-RAK2YFHC.js.map
+//# sourceMappingURL=chunk-LRA2BMXO.js.map