@orangecatai/element 0.0.1 → 0.0.3

package/README.md

@@ -6,7 +6,7 @@
 npm install @orangecatai/element
 ```
 
-If you prefer Yarn over npm, use this command to install the Excalidraw utils package:
+If you prefer Yarn over npm, use this command to install the OrangeCat element package:
 
 ```bash
 yarn add @orangecatai/element

package/dist/dev/index.js

@@ -15832,14 +15832,51 @@ var Scene = class {
     this.replaceAllElements(nextElements);
   }
   insertElement = (element) => {
-    const index = element.frameId ? this.getElementIndex(element.frameId) : this.elements.length;
+    let index;
+    if (element.frameId) {
+      const frameIndex = this.getElementIndex(element.frameId);
+      if (frameIndex === -1) {
+        index = this.elements.length;
+      } else {
+        let lastChildIndex = frameIndex;
+        for (let i = frameIndex + 1; i < this.elements.length; i++) {
+          if (this.elements[i].frameId === element.frameId) {
+            lastChildIndex = i;
+          } else {
+            break;
+          }
+        }
+        index = lastChildIndex + 1;
+      }
+    } else {
+      index = this.elements.length;
+    }
     this.insertElementAtIndex(element, index);
   };
   insertElements = (elements) => {
     if (!elements.length) {
       return;
     }
-    const index = elements[0]?.frameId ? this.getElementIndex(elements[0].frameId) : this.elements.length;
+    let index;
+    const firstElement = elements[0];
+    if (firstElement?.frameId) {
+      const frameIndex = this.getElementIndex(firstElement.frameId);
+      if (frameIndex === -1) {
+        index = this.elements.length;
+      } else {
+        let lastChildIndex = frameIndex;
+        for (let i = frameIndex + 1; i < this.elements.length; i++) {
+          if (this.elements[i].frameId === firstElement.frameId) {
+            lastChildIndex = i;
+          } else {
+            break;
+          }
+        }
+        index = lastChildIndex + 1;
+      }
+    } else {
+      index = this.elements.length;
+    }
     this.insertElementsAtIndex(elements, index);
   };
   getElementIndex(elementId) {
@@ -18257,7 +18294,9 @@ var embeddableURLValidator = (url, validateEmbeddable) => {
 // src/flowchart.ts
 init_define_import_meta_env();
 import { KEYS as KEYS3, invariant as invariant11, toBrandedType as toBrandedType2 } from "@orangecatai/common";
-import { pointFrom as pointFrom15 } from "@orangecatai/math";
+import {
+  pointFrom as pointFrom15
+} from "@orangecatai/math";
 var VERTICAL_OFFSET = 100;
 var HORIZONTAL_OFFSET = 100;
 var getLinkDirectionFromKey = (key) => {