@myoc/excalidraw 0.18.5 → 0.18.7

package/dist/dev/{chunk-XKDJIA35.js → chunk-3PM7AKUW.js}

@@ -1,6 +1,6 @@
 import {
   define_import_meta_env_default
-} from "./chunk-626MKRIR.js";
+} from "./chunk-FAI3BF6J.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,33 @@ 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
+);
+var arrowsToEyeIcon = createIcon(
+  /* @__PURE__ */ jsx(
+    "svg",
+    {
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: 0.5,
+      viewBox: "0 0 640 512",
+      children: /* @__PURE__ */ jsx("path", { d: "M15 15C24.4 5.7 39.6 5.7 49 15l63 63L112 40c0-13.3 10.7-24 24-24s24 10.7 24 24l0 96c0 13.3-10.7 24-24 24l-96 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l38.1 0L15 49C5.7 39.6 5.7 24.4 15 15zM133.5 243.9C158.6 193.6 222.7 112 320 112s161.4 81.6 186.5 131.9c3.8 7.6 3.8 16.5 0 24.2C481.4 318.4 417.3 400 320 400s-161.4-81.6-186.5-131.9c-3.8-7.6-3.8-16.5 0-24.2zM320 320a64 64 0 1 0 0-128 64 64 0 1 0 0 128zM591 15c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-63 63 38.1 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-96 0c-13.3 0-24-10.7-24-24l0-96c0-13.3 10.7-24 24-24s24 10.7 24 24l0 38.1 63-63zM15 497c-9.4-9.4-9.4-24.6 0-33.9l63-63L40 400c-13.3 0-24-10.7-24-24s10.7-24 24-24l96 0c13.3 0 24 10.7 24 24l0 96c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-38.1L49 497c-9.4 9.4-24.6 9.4-33.9 0zm576 0l-63-63 0 38.1c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-96c0-13.3 10.7-24 24-24l96 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-38.1 0 63 63c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0z" })
+    }
+  ),
+  tablerIconProps
+);
 
 // ../math/src/ellipse.ts
 function ellipse(center, halfWidth, halfHeight) {
@@ -6122,13 +6155,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 +6171,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 +9160,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 +9784,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 +10467,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 +14263,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 +14536,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 +14645,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 +20026,7 @@ var parseFileContents = async (blob) => {
   let contents;
   if (blob.type === MIME_TYPES.png) {
     try {
-      return await (await import("./data/image-M4KEBNT4.js")).decodePngMetadata(blob);
+      return await (await import("./data/image-PLZ7Q7VH.js")).decodePngMetadata(blob);
     } catch (error) {
       if (error.message === "INVALID") {
         throw new ImageSceneDataError(
@@ -20355,9 +20278,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 +20792,8 @@ export {
   upIcon,
   cropIcon,
   elementLinkIcon,
+  TableCellsIcon,
+  arrowsToEyeIcon,
   shouldTestInside,
   hitElementItself,
   hitElementBoundingBox,
@@ -20920,7 +20849,6 @@ export {
   bindPointToSnapToElementOutline,
   calculateFixedPointForElbowArrowBinding,
   fixDuplicatedBindingsAfterDuplication,
-  fixReversedBindings,
   fixBindingsAfterDeletion,
   maxBindingGap,
   bindingProperties,
@@ -20974,6 +20902,7 @@ export {
   getSelectedElements,
   getTargetElements,
   makeNextSelectedElementIds,
+  getSelectionStateForElements,
   selectGroup,
   selectGroupsForSelectedElements,
   isSelectedViaGroup,
@@ -21112,4 +21041,4 @@ export {
   createFile,
   normalizeFile
 };
-//# sourceMappingURL=chunk-XKDJIA35.js.map
+//# sourceMappingURL=chunk-3PM7AKUW.js.map