@linker-design-plus/timeline-track 2.0.0 → 2.0.2

package/dist/components/panel/ClipConfigPanel.d.ts

@@ -1,4 +1,4 @@
-import { Clip } from '../../core/models';
+import type { Clip } from '../../core/models';
 export interface ClipConfigPanelTheme {
     backgroundColor: string;
     borderColor: string;
@@ -25,24 +25,44 @@ export declare class ClipConfigPanel {
     private theme;
     private onClipUpdate?;
     private currentClip;
+    private activeTab;
+    private tabBar;
+    private contentArea;
+    private visualPanel;
+    private audioPanel;
     private xSlider;
     private xInput;
     private ySlider;
     private yInput;
     private scaleSlider;
     private scaleInput;
+    private volumeSlider;
+    private volumeInput;
     constructor(config: ClipConfigPanelConfig);
     setClip(clip: Clip | null): void;
     destroy(): void;
+    private getAvailableTabs;
     private render;
+    private applyBaseTheme;
     private renderEmptyState;
-    private renderConfigPanel;
+    private renderPanel;
+    private renderTabBar;
+    private updateTabBarState;
+    private renderContentArea;
+    private updateContentVisibility;
+    private renderVisualPanel;
+    private renderAudioPanel;
+    private renderActionBar;
     private renderPositionControl;
     private renderPresetGrid;
+    private calculatePresetPosition;
     private renderScaleControl;
+    private renderVolumeControl;
+    private handleVolumeChange;
+    private updateVolumeControls;
     private clampValue;
     private updateUIControls;
+    private updateSliderAndInput;
     private handleTransformChange;
     private handleTransformChanges;
-    private applyTheme;
 }

package/dist/components/timeline/ManagedPlayhead.d.ts

@@ -14,7 +14,7 @@ export declare class ManagedPlayhead {
     private handleGlobalPointerMove;
     private handleGlobalPointerEnd;
     private handleVisibilityChange;
-    constructor(container: HTMLElement, initialTime: TimeMs, zoom: number, height: number, theme: Theme, onTimeChange: (time: TimeMs) => void);
+    constructor(container: HTMLElement, initialTime: TimeMs, zoom: number, height: number, theme: Theme, onTimeChange: (time: TimeMs, mode?: 'seek' | 'scrub') => void);
     setCurrentTime(time: TimeMs): void;
     setTime(time: TimeMs): void;
     setZoom(zoom: number): void;
@@ -22,6 +22,7 @@ export declare class ManagedPlayhead {
     setHeight(height: number): void;
     destroy(): void;
     private handleMouseDown;
+    private handleHandleClick;
     private bindGlobalPointerListeners;
     private unbindGlobalPointerListeners;
     private updateTimeFromClientX;

package/dist/components/timeline/TimelineHeaderView.d.ts

@@ -17,7 +17,7 @@ export declare class TimelineHeaderView {
     private handleGlobalPointerMove;
     private handleGlobalPointerEnd;
     private handleVisibilityChange;
-    constructor(stage: Konva.Stage, layer: Konva.Layer, config: Partial<TimelineConfig>, onTimeChange: (time: TimeMs) => void, onScrollChange: (scrollLeft: number) => void);
+    constructor(stage: Konva.Stage, layer: Konva.Layer, config: Partial<TimelineConfig>, onTimeChange: (time: TimeMs, mode?: 'seek' | 'scrub') => void, onScrollChange: (scrollLeft: number) => void);
     setCurrentTime(_time: TimeMs): void;
     setZoom(zoom: number): void;
     setDuration(duration: TimeMs): void;

package/dist/core/models/types.d.ts

@@ -51,6 +51,7 @@ export interface ClipConfig {
     separatedAudioClipId?: string;
     separatedFromVideoClipId?: string;
     trackId?: string;
+    volume?: number;
 }
 export interface ClipEntity {
     id: string;
@@ -70,6 +71,7 @@ export interface ClipEntity {
     visualTransform?: ClipVisualTransform;
     separatedAudioClipId?: string;
     separatedFromVideoClipId?: string;
+    volume?: number;
 }
 export interface ClipViewState {
     isDragging: boolean;
@@ -397,4 +399,5 @@ export interface ClipExportData {
     visualTransform?: ClipVisualTransform;
     separatedAudioClipId?: string;
     separatedFromVideoClipId?: string;
+    volume?: number;
 }