@dwelle/excalidraw 0.5.0-72ab619 → 0.5.0-d1a02c2

package/dist/browser/dev/excalidraw-assets-dev/{c4Diagram-9cddb37f-DKJ2IAHI.js → c4Diagram-9cddb37f-Y4APMIVS.js}

@@ -1,7 +1,7 @@
 import {
   drawRect,
   getNoteRect
-} from "./chunk-WX4ZY67D.js";
+} from "./chunk-EP5CC2KG.js";
 import {
   assignWithDepth$1,
   calculateTextHeight,
@@ -21,10 +21,10 @@ import {
   setAccDescription,
   setAccTitle,
   wrapLabel
-} from "./chunk-2J7JEVOB.js";
+} from "./chunk-MYGJDT47.js";
 import {
   init_define_import_meta_env
-} from "./chunk-TEKJGOPF.js";
+} from "./chunk-TRDLQSKX.js";
 import {
   __toESM
 } from "./chunk-F3UQABQJ.js";
@@ -2525,4 +2525,4 @@ var diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=c4Diagram-9cddb37f-DKJ2IAHI.js.map
+//# sourceMappingURL=c4Diagram-9cddb37f-Y4APMIVS.js.map

package/dist/browser/dev/excalidraw-assets-dev/{chunk-N7YZGSSJ.js → chunk-3S2A4FIQ.js}

@@ -28,15 +28,15 @@ import {
   uniqueId_default,
   values_default,
   zipObject_default
-} from "./chunk-EY54EY6E.js";
+} from "./chunk-ROSMSNOB.js";
 import {
   isArray_default,
   isEmpty_default,
   isFunction_default
-} from "./chunk-2J7JEVOB.js";
+} from "./chunk-MYGJDT47.js";
 import {
   init_define_import_meta_env
-} from "./chunk-TEKJGOPF.js";
+} from "./chunk-TRDLQSKX.js";
 
 // ../../node_modules/dagre-d3-es/src/graphlib/graph.js
 init_define_import_meta_env();
@@ -2609,4 +2609,4 @@ export {
   Graph,
   layout
 };
-//# sourceMappingURL=chunk-N7YZGSSJ.js.map
+//# sourceMappingURL=chunk-3S2A4FIQ.js.map

package/dist/browser/dev/excalidraw-assets-dev/{chunk-XABLHOXP.js → chunk-3ZXK45LV.js}

@@ -11,10 +11,10 @@ import {
   setAccDescription,
   setAccTitle,
   setDiagramTitle
-} from "./chunk-2J7JEVOB.js";
+} from "./chunk-MYGJDT47.js";
 import {
   init_define_import_meta_env
-} from "./chunk-TEKJGOPF.js";
+} from "./chunk-TRDLQSKX.js";
 
 // ../../node_modules/mermaid/dist/styles-fa41df25.js
 init_define_import_meta_env();
@@ -1414,4 +1414,4 @@ export {
   db,
   styles
 };
-//# sourceMappingURL=chunk-XABLHOXP.js.map
+//# sourceMappingURL=chunk-3ZXK45LV.js.map

package/dist/browser/dev/excalidraw-assets-dev/{chunk-6S5M5H6W.js → chunk-AWRUK6MK.js}

@@ -4,10 +4,10 @@ import {
   log$1,
   parseGenericTypes,
   utils
-} from "./chunk-2J7JEVOB.js";
+} from "./chunk-MYGJDT47.js";
 import {
   init_define_import_meta_env
-} from "./chunk-TEKJGOPF.js";
+} from "./chunk-TRDLQSKX.js";
 
 // ../../node_modules/mermaid/dist/svgDraw-0fcc813d.js
 init_define_import_meta_env();
@@ -282,4 +282,4 @@ export {
   parseMember,
   svgDraw
 };
-//# sourceMappingURL=chunk-6S5M5H6W.js.map
+//# sourceMappingURL=chunk-AWRUK6MK.js.map

package/dist/browser/dev/excalidraw-assets-dev/{chunk-XOMUXZZ6.js → chunk-B7ARRD7G.js}

@@ -1,7 +1,7 @@
 import {
   define_import_meta_env_default,
   init_define_import_meta_env
-} from "./chunk-TEKJGOPF.js";
+} from "./chunk-TRDLQSKX.js";
 import {
   en_default
 } from "./chunk-BHNA7NJW.js";
@@ -22209,12 +22209,12 @@ var e2 = (() => {
     return "showOpenFilePicker";
   return false;
 })();
-var t3 = e2 ? import("./file-open-002ab408-XNOFPWFO.js") : import("./file-open-7c801643-5ZG3JTVH.js");
+var t3 = e2 ? import("./file-open-002ab408-2TWBU6ZY.js") : import("./file-open-7c801643-DS36U6Y5.js");
 async function n3(...e3) {
   return (await t3).default(...e3);
 }
-var i3 = e2 ? import("./directory-open-4ed118d0-74QPN3TS.js") : import("./directory-open-01563666-R7NBFJTY.js");
-var o3 = e2 ? import("./file-save-745eba88-BCPIBVT5.js") : import("./file-save-3189631c-B7D5SDKB.js");
+var i3 = e2 ? import("./directory-open-4ed118d0-2IDDL6C6.js") : import("./directory-open-01563666-J6LW3UR7.js");
+var o3 = e2 ? import("./file-save-745eba88-NGCJXPHK.js") : import("./file-save-3189631c-2IMLSZKV.js");
 async function s3(...e3) {
   return (await o3).default(...e3);
 }
@@ -23170,7 +23170,7 @@ var exportToSvg = async (elements, appState, files, opts) => {
   let metadata = "";
   if (exportEmbedScene) {
     try {
-      metadata = await (await import("./image-NXWFXUSU.js")).encodeSvgMetadata({
+      metadata = await (await import("./image-E4R43SEL.js")).encodeSvgMetadata({
         // when embedding scene, we want to embed the origionally supplied
         // elements which don't contain the temp frame labels.
         // But it also requires that the exportToSvg is being supplied with
@@ -23363,7 +23363,7 @@ var exportAsImage = async (type, elements, appState, files, {
   if (type === "png") {
     let blob = await canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
-      blob = await (await import("./image-NXWFXUSU.js")).encodePngMetadata({
+      blob = await (await import("./image-E4R43SEL.js")).encodePngMetadata({
         blob,
         metadata: serializeAsJSON(elements, appState, files, "local")
       });
@@ -24177,7 +24177,7 @@ var actionGoToCollaborator = register({
               isCurrentUser: collaborator.isCurrentUser === true
             }
           ),
-          collaborator.username,
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "UserList__collaborator-name", children: collaborator.username }),
           /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             "div",
             {
@@ -35633,7 +35633,7 @@ TTD mermaid definition render errror: ${error3.message}`,
     refOnGenerate.current = onGenerate;
     const [mermaidToExcalidrawLib, setMermaidToExcalidrawLib] = (0, import_react88.useState)({
       loaded: false,
-      api: import("./dist-O6Q6M4PZ.js")
+      api: import("./dist-KTPSEHXU.js")
     });
     (0, import_react88.useEffect)(() => {
       const fn = async () => {
@@ -40865,7 +40865,11 @@ var App = class _App extends import_react95.default.Component {
     ];
     const topLayerFrame = this.getTopLayerFrameAtSceneCoords({ x: x3, y: y3 });
     if (topLayerFrame) {
-      addElementsToFrame(allElements, newElements, topLayerFrame);
+      const eligibleElements = filterElementsEligibleAsFrameChildren(
+        newElements,
+        topLayerFrame
+      );
+      addElementsToFrame(allElements, eligibleElements, topLayerFrame);
     }
     this.scene.replaceAllElements(allElements);
     newElements.forEach((newElement2) => {
@@ -52480,9 +52484,9 @@ var isElementContainingFrame = (elements, element, frame) => {
   );
 };
 var elementsAreInFrameBounds = (elements, frame) => {
-  const [selectionX1, selectionY1, selectionX2, selectionY2] = getElementAbsoluteCoords(frame);
+  const [frameX1, frameY1, frameX2, frameY2] = getElementAbsoluteCoords(frame);
   const [elementX1, elementY1, elementX2, elementY2] = getCommonBounds(elements);
-  return selectionX1 <= elementX1 && selectionY1 <= elementY1 && selectionX2 >= elementX2 && selectionY2 >= elementY2;
+  return frameX1 <= elementX1 && frameY1 <= elementY1 && frameX2 >= elementX2 && frameY2 >= elementY2;
 };
 var elementOverlapsWithFrame = (element, frame) => {
   return elementsAreInFrameBounds([element], frame) || isElementIntersectingFrame(element, frame) || isElementContainingFrame([frame], element, frame);
@@ -52602,6 +52606,40 @@ var getContainingFrame = (element, elementsMap) => {
   }
   return null;
 };
+var filterElementsEligibleAsFrameChildren = (elements, frame) => {
+  const otherFrames = /* @__PURE__ */ new Set();
+  elements = omitGroupsContainingFrameLikes(elements);
+  for (const element of elements) {
+    if (isFrameLikeElement(element) && element.id !== frame.id) {
+      otherFrames.add(element.id);
+    }
+  }
+  const processedGroups = /* @__PURE__ */ new Set();
+  const eligibleElements = [];
+  for (const element of elements) {
+    if (isFrameLikeElement(element) || element.frameId && otherFrames.has(element.frameId)) {
+      continue;
+    }
+    if (element.groupIds.length) {
+      const shallowestGroupId = element.groupIds.at(-1);
+      if (!processedGroups.has(shallowestGroupId)) {
+        processedGroups.add(shallowestGroupId);
+        const groupElements = getElementsInGroup(elements, shallowestGroupId);
+        if (groupElements.some((el) => elementOverlapsWithFrame(el, frame))) {
+          for (const child of groupElements) {
+            eligibleElements.push(child);
+          }
+        }
+      }
+    } else {
+      const overlaps = elementOverlapsWithFrame(element, frame);
+      if (overlaps) {
+        eligibleElements.push(element);
+      }
+    }
+  }
+  return eligibleElements;
+};
 var addElementsToFrame = (allElements, elementsToAdd, frame) => {
   const { currTargetFrameChildrenMap } = allElements.reduce(
     (acc, element, index2) => {
@@ -52773,11 +52811,7 @@ var isElementInFrame = (element, allElements, appState) => {
   return false;
 };
 var getFrameLikeTitle = (element, frameIdx) => {
-  const existingName = element.name?.trim();
-  if (existingName) {
-    return existingName;
-  }
-  return isFrameElement(element) ? `Frame ${frameIdx}` : `AI Frame ${frameIdx}`;
+  return element.name === null ? isFrameElement(element) ? `Frame ${frameIdx}` : `AI Frame $${frameIdx}` : element.name;
 };
 var getElementsOverlappingFrame = (elements, frame) => {
   return elementsOverlappingBBox({
@@ -53537,7 +53571,7 @@ var parseFileContents = async (blob) => {
   let contents;
   if (blob.type === MIME_TYPES.png) {
     try {
-      return await (await import("./image-NXWFXUSU.js")).decodePngMetadata(blob);
+      return await (await import("./image-E4R43SEL.js")).decodePngMetadata(blob);
     } catch (error) {
       if (error.message === "INVALID") {
         throw new ImageSceneDataError(
@@ -53564,7 +53598,7 @@ var parseFileContents = async (blob) => {
     }
     if (blob.type === MIME_TYPES.svg) {
       try {
-        return await (await import("./image-NXWFXUSU.js")).decodeSvgMetadata({
+        return await (await import("./image-E4R43SEL.js")).decodeSvgMetadata({
           svg: contents
         });
       } catch (error) {
@@ -53730,9 +53764,9 @@ var resizeImageFile = async (file2, opts) => {
     return file2;
   }
   const [pica, imageBlobReduce] = await Promise.all([
-    import("./pica-XHQVZF5L.js").then((res) => res.default),
+    import("./pica-VEU24GCT.js").then((res) => res.default),
     // a wrapper for pica for better API
-    import("./image-blob-reduce.esm-ZVB2GYDZ.js").then((res) => res.default)
+    import("./image-blob-reduce.esm-6G2MYOEN.js").then((res) => res.default)
   ]);
   const reduce = imageBlobReduce({
     pica: pica({ features: ["js", "wasm"] })
@@ -54128,4 +54162,4 @@ use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.developme
    * LICENSE file in the root directory of this source tree.
    *)
 */
-//# sourceMappingURL=chunk-XOMUXZZ6.js.map
+//# sourceMappingURL=chunk-B7ARRD7G.js.map