@shotstack/shotstack-studio 2.0.3 → 2.1.0

package/dist/index.d.ts

@@ -28,6 +28,9 @@ export declare class Canvas {
     private minZoom;
     private maxZoom;
     private currentZoom;
+    private isPanning;
+    private panStart;
+    private panStartPosition;
     private onTickBound;
     private onBackgroundClickBound;
     private onWheelBound;
@@ -36,6 +39,9 @@ export declare class Canvas {
     load(): Promise<void>;
     private setupTouchHandling;
     private onWheel;
+    private onPanPointerDown;
+    private onPanPointerMove;
+    private onPanPointerUp;
     centerEdit(): void;
     zoomToFit(padding?: number): void;
     resize(): void;
@@ -261,6 +267,7 @@ declare const EditEvent: {
     readonly OutputFormatChanged: "output:formatChanged";
     readonly OutputDestinationsChanged: "output:destinationsChanged";
     readonly MergeFieldChanged: "mergefield:changed";
+    readonly TimelineResized: "timeline:resized";
 };
 
 declare type EditEventMap = {
@@ -333,6 +340,9 @@ declare type EditEventMap = {
     [EditEvent.MergeFieldChanged]: {
         fields: MergeField[];
     };
+    [EditEvent.TimelineResized]: {
+        height: number;
+    };
 };
 
 declare type EventPayloadMap<TPayload = any> = Record<string, TPayload>;
@@ -373,6 +383,7 @@ export declare class Timeline {
     private readonly edit;
     readonly element: HTMLElement;
     private readonly container;
+    private readonly options;
     private readonly stateManager;
     private clipRenderers;
     private thumbnailGenerator;
@@ -385,6 +396,7 @@ export declare class Timeline {
     private playheadGhost;
     private feedbackLayer;
     private interactionController;
+    private resizeHandle;
     private animationFrameId;
     private isRenderLoopActive;
     private lastFrameTime;
@@ -398,7 +410,7 @@ export declare class Timeline {
     private readonly handleClipLoadFailed;
     private readonly handleClipUpdated;
     private readonly handleRulerMouseMove;
-    constructor(edit: Edit, container: HTMLElement);
+    constructor(edit: Edit, container: HTMLElement, options?: TimelineOptions);
     /** Initialize and mount the timeline */
     load(): Promise<void>;
     /** Clean up and unmount the timeline */
@@ -423,6 +435,11 @@ export declare class Timeline {
     zoomOut(): void;
 }
 
+declare interface TimelineOptions {
+    /** Enable the drag-to-resize handle. Default: true */
+    resizable?: boolean;
+}
+
 /**
  * Configuration for a toolbar button.
  */

package/dist/internal.d.ts

@@ -181,6 +181,7 @@ declare const EditEvent: {
     readonly OutputFormatChanged: "output:formatChanged";
     readonly OutputDestinationsChanged: "output:destinationsChanged";
     readonly MergeFieldChanged: "mergefield:changed";
+    readonly TimelineResized: "timeline:resized";
 };
 
 declare type EditEventMap = {
@@ -253,6 +254,9 @@ declare type EditEventMap = {
     [EditEvent.MergeFieldChanged]: {
         fields: MergeField[];
     };
+    [EditEvent.TimelineResized]: {
+        height: number;
+    };
 };
 
 declare class EventEmitter<TEventPayloadMap extends EventPayloadMap = EventPayloadMap> {