@orangecatai/element 0.0.2 → 0.0.4

package/dist/dev/index.js

@@ -3222,6 +3222,9 @@ var isInitializedImageElement = (element) => {
 var isImageElement = (element) => {
   return !!element && element.type === "image";
 };
+var isVideoElement = (element) => {
+  return !!element && element.type === "video";
+};
 var isEmbeddableElement = (element) => {
   return !!element && element.type === "embeddable";
 };
@@ -3309,6 +3312,7 @@ var isExcalidrawElement = (element) => {
     case "frame":
     case "magicframe":
     case "image":
+    case "video":
     case "selection": {
       return true;
     }
@@ -4793,6 +4797,7 @@ var distanceToElement = (element, elementsMap, p) => {
     case "selection":
     case "rectangle":
     case "image":
+    case "video":
     case "text":
     case "iframe":
     case "embeddable":
@@ -5044,6 +5049,7 @@ var intersectElementWithLineSegment = (element, elementsMap, line2, offset = 0,
   switch (element.type) {
     case "rectangle":
     case "image":
+    case "video":
     case "text":
     case "iframe":
     case "embeddable":
@@ -11855,6 +11861,7 @@ var drawElementOnCanvas = (element, rc, context, renderConfig) => {
     case "rectangle":
     case "iframe":
     case "embeddable":
+    case "video":
     case "diamond":
     case "ellipse": {
       context.lineJoin = "round";
@@ -12201,7 +12208,8 @@ var renderElement = (element, elementsMap, allElementsMap, rc, context, renderCo
     case "image":
     case "text":
     case "iframe":
-    case "embeddable": {
+    case "embeddable":
+    case "video": {
       if (renderConfig.isExporting) {
         const [x1, y1, x2, y2] = getElementAbsoluteCoords2(element, elementsMap);
         const cx = (x1 + x2) / 2 + appState.scrollX;
@@ -12483,6 +12491,7 @@ var generateRoughOptions = (element, continuousPath = false, isDarkMode = false)
     case "rectangle":
     case "iframe":
     case "embeddable":
+    case "video":
     case "diamond":
     case "ellipse": {
       options.fillStyle = element.fillStyle;
@@ -12785,7 +12794,8 @@ var _generateElementShape = (element, generator, {
   switch (element.type) {
     case "rectangle":
     case "iframe":
-    case "embeddable": {
+    case "embeddable":
+    case "video": {
       let shape;
       if (element.roundness) {
         const w = element.width;
@@ -13022,6 +13032,7 @@ var getElementShape = (element, elementsMap) => {
     case "magicframe":
     case "embeddable":
     case "image":
+    case "video":
     case "iframe":
     case "text":
     case "selection":
@@ -15832,14 +15843,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) {
@@ -17846,6 +17894,19 @@ var newImageElement = (opts) => {
     crop: opts.crop ?? null
   };
 };
+var newVideoElement = (opts) => {
+  return {
+    ..._newElementBase("video", opts),
+    strokeColor: "transparent",
+    status: opts.status ?? "idle",
+    videoUrl: opts.videoUrl ?? null,
+    mimeType: opts.mimeType ?? null,
+    thumbnailDataUrl: opts.thumbnailDataUrl ?? null,
+    duration: opts.duration ?? 0,
+    naturalWidth: opts.naturalWidth ?? 0,
+    naturalHeight: opts.naturalHeight ?? 0
+  };
+};
 
 // src/embeddable.ts
 var embeddedLinkCache = /* @__PURE__ */ new Map();
@@ -21869,6 +21930,7 @@ export {
   isUsingProportionalRadius,
   isValidPolygon,
   isValidTextContainer,
+  isVideoElement,
   loadHTMLImageElement,
   makeNextSelectedElementIds,
   maxBindingDistance_simple,
@@ -21893,6 +21955,7 @@ export {
   newLinearElement,
   newMagicFrameElement,
   newTextElement,
+  newVideoElement,
   normalizeElementOrder,
   normalizeFixedPoint,
   normalizeSVG,