@twick/video-editor 0.15.27 → 0.15.28

package/dist/components/timeline/timeline-view.d.ts

@@ -2,7 +2,7 @@ import { Track, TrackElement, Size, ChapterMarker } from '@twick/timeline';
 import { ElementColors } from '../../helpers/types';
 import { DropTarget } from '../../utils/drop-target';
 
-declare function TimelineView({ zoomLevel, selectedItem, duration, tracks, seekTrack, onAddTrack, onReorder, onItemSelect, onEmptyClick, onMarqueeSelect, onElementDrag, onElementDrop, onSeek, elementColors, selectedIds, playheadPositionPx, isPlayheadActive, onDropOnTimeline, videoResolution, enableDropOnTimeline, chapters, }: {
+declare function TimelineView({ zoomLevel, selectedItem, duration, tracks, seekTrack, onAddTrack, onReorder, onItemSelect, onEmptyClick, onMarqueeSelect, onElementDrag, onElementDrop, onSeek, elementColors, selectedIds, playheadPositionPx, isPlayheadActive, onDropOnTimeline, videoResolution, enableDropOnTimeline, chapters, currentTime, onContextMenuTarget, onDeleteElement, onSplitElement, }: {
     zoomLevel: number;
     duration: number;
     tracks: Track[];
@@ -50,5 +50,10 @@ declare function TimelineView({ zoomLevel, selectedItem, duration, tracks, seekT
     /** Whether to enable drop-on-timeline */
     enableDropOnTimeline?: boolean;
     chapters?: ChapterMarker[];
+    /** Playhead time for clip context menu “split at playhead” */
+    currentTime?: number;
+    onContextMenuTarget?: (element: TrackElement) => void;
+    onDeleteElement?: (element: TrackElement) => void;
+    onSplitElement?: (element: TrackElement, splitTime: number) => void;
 }): import("react/jsx-runtime").JSX.Element;
 export default TimelineView;

package/dist/components/track/track-base.d.ts

@@ -14,6 +14,10 @@ interface TrackBaseProps {
     onDrag: (payload: TrackElementDragPayload, dropPointer?: DropPointer) => void;
     onDragStateChange?: (isDragging: boolean, element?: TrackElement) => void;
     elementColors?: ElementColors;
+    currentTime?: number;
+    onContextMenuTarget?: (element: TrackElement) => void;
+    onDeleteElement?: (element: TrackElement) => void;
+    onSplitElement?: (element: TrackElement, splitTime: number) => void;
 }
-declare const TrackBase: ({ duration, zoom, track, trackWidth, selectedItem, selectedIds, onItemSelection, onDrag, allowOverlap, onDragStateChange, elementColors, }: TrackBaseProps) => import("react/jsx-runtime").JSX.Element;
+declare const TrackBase: ({ duration, zoom, track, trackWidth, selectedItem, selectedIds, onItemSelection, onDrag, allowOverlap, onDragStateChange, elementColors, currentTime, onContextMenuTarget, onDeleteElement, onSplitElement, }: TrackBaseProps) => import("react/jsx-runtime").JSX.Element;
 export default TrackBase;

package/dist/components/track/track-element-context-menu.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+
+export interface TrackElementContextMenuProps {
+    x: number;
+    y: number;
+    canSplit: boolean;
+    onSplit: () => void;
+    onDelete: () => void;
+    onClose: () => void;
+}
+/**
+ * Timeline clip context menu: split at playhead, delete.
+ * Uses the same styles as the canvas context menu; portals to document.body
+ * so it is not clipped by timeline overflow or motion transforms.
+ */
+export declare const TrackElementContextMenu: React.FC<TrackElementContextMenuProps>;

package/dist/components/track/track-element.d.ts

@@ -26,5 +26,11 @@ export declare const TrackElementView: React.FC<{
     onDrag: (payload: TrackElementDragPayload, dropPointer?: DropPointer) => void;
     onDragStateChange?: (isDragging: boolean, element?: TrackElement) => void;
     elementColors?: ElementColors;
+    /** Playhead time (seconds); used for “Split at playhead” */
+    currentTime?: number;
+    /** Selects this element when opening the context menu */
+    onContextMenuTarget?: (element: TrackElement) => void;
+    onDeleteElement?: (element: TrackElement) => void;
+    onSplitElement?: (element: TrackElement, splitTime: number) => void;
 }>;
 export default TrackElementView;

package/dist/helpers/types.d.ts

@@ -135,6 +135,7 @@ export interface ElementColors {
     text: string;
     caption: string;
     icon: string;
+    emoji: string;
     circle: string;
     rect: string;
     element: string;