@twick/video-editor 0.15.25 → 0.15.27

package/dist/helpers/constants.d.ts

@@ -112,16 +112,8 @@ export declare const AVAILABLE_TEXT_FONTS: {
     readonly PATTAYA: "Pattaya";
     /** Unique display font */
     readonly PERALTA: "Peralta";
-    /** Bold impact font */
-    readonly IMPACT: "Impact";
     /** Handwritten-style font */
     readonly LUMANOSIMO: "Lumanosimo";
     /** Custom display font */
     readonly KAPAKANA: "Kapakana";
-    /** Handwritten font */
-    readonly HANDYRUSH: "HandyRush";
-    /** Decorative font */
-    readonly DASHER: "Dasher";
-    /** Signature-style font */
-    readonly BRITTANY_SIGNATURE: "Brittany Signature";
 };

package/dist/index.js

@@ -9190,18 +9190,10 @@ const AVAILABLE_TEXT_FONTS = {
   // CDN Fonts
   /** Unique display font */
   PERALTA: "Peralta",
-  /** Bold impact font */
-  IMPACT: "Impact",
   /** Handwritten-style font */
   LUMANOSIMO: "Lumanosimo",
   /** Custom display font */
-  KAPAKANA: "Kapakana",
-  /** Handwritten font */
-  HANDYRUSH: "HandyRush",
-  /** Decorative font */
-  DASHER: "Dasher",
-  /** Signature-style font */
-  BRITTANY_SIGNATURE: "Brittany Signature"
+  KAPAKANA: "Kapakana"
 };
 const DEFAULT_DROP_DURATION = 5;
 function useTimelineDrop({
@@ -19607,15 +19599,28 @@ function TimelineView({
   const handleDragWithDrop = React.useCallback(
     (payload, dropPointer) => {
       var _a;
-      if (dropPointer && onElementDrop) {
-        const rect = (_a = timelineContentRef.current) == null ? void 0 : _a.getBoundingClientRect();
-        const dropTarget = rect ? getTrackOrSeparatorAt(dropPointer.clientY, rect.top, TRACK_HEIGHT) : null;
-        onElementDrop({ ...payload, dropTarget });
-      } else {
+      if (!dropPointer || !onElementDrop) {
+        onElementDrag(payload);
+        return;
+      }
+      const rect = (_a = timelineContentRef.current) == null ? void 0 : _a.getBoundingClientRect();
+      const dropTarget = rect ? getTrackOrSeparatorAt(dropPointer.clientY, rect.top, TRACK_HEIGHT) : null;
+      if ((dropTarget == null ? void 0 : dropTarget.type) === "track") {
+        const elementTrackId = payload.element.getTrackId();
+        const elementTrackIndex = (tracks || []).findIndex(
+          (t2) => t2.getId() === elementTrackId
+        );
+        if (elementTrackIndex === dropTarget.trackIndex) {
+          onElementDrag(payload);
+          return;
+        }
+      } else if (!dropTarget) {
         onElementDrag(payload);
+        return;
       }
+      onElementDrop({ ...payload, dropTarget });
     },
-    [onElementDrag, onElementDrop]
+    [onElementDrag, onElementDrop, tracks]
   );
   useEdgeAutoScroll({
     isActive: !!draggingElementId,
@@ -19887,13 +19892,14 @@ const useTimelineManager = () => {
         const deltaMin = -minStart;
         const deltaMax = duration - maxEnd;
         const clampedDelta = Math.max(deltaMin, Math.min(deltaMax, delta));
-        for (const el of elements) {
-          const newStart = el.getStart() + clampedDelta;
-          const newEnd = el.getEnd() + clampedDelta;
-          el.setStart(newStart);
-          el.setEnd(newEnd);
-          editor.updateElement(el);
-        }
+        const batchUpdates = elements.map((el) => ({
+          elementId: el.getId(),
+          updates: {
+            s: el.getStart() + clampedDelta,
+            e: el.getEnd() + clampedDelta
+          }
+        }));
+        editor.updateElements(batchUpdates);
         setSelectedItem(element);
         editor.refresh();
         return;
@@ -19910,10 +19916,10 @@ const useTimelineManager = () => {
         }
       }
     }
-    element.setStart(updates.start);
-    element.setEnd(updates.end);
-    const updatedElement = editor.updateElement(element);
-    setSelectedItem(updatedElement);
+    editor.updateElements([
+      { elementId: element.getId(), updates: { s: updates.start, e: updates.end } }
+    ]);
+    setSelectedItem(element);
     editor.refresh();
   };
   const isElementTrackType = (track) => track.getType() === timeline.TRACK_TYPES.ELEMENT;