@elserlabs/timeline 0.0.2

package/LICENSE

@@ -0,0 +1,46 @@
+DESIGNCOMBO COMMERCIAL LICENSE
+Copyright (c) 2024 Layerhub LLC
+
+This is a commercial license agreement between Layerhub LLC ("Licensor") and the purchaser ("Licensee") of the DesignCombo software package.
+
+1. GRANT OF LICENSE
+   Subject to the terms and conditions of this Agreement, Licensor grants Licensee a non-exclusive, non-transferable license to:
+   a) Use the DesignCombo software package for commercial and non-commercial purposes
+   b) Modify the source code to suit Licensee's specific needs
+   c) Deploy the modified version in production environments
+
+2. SUBSCRIPTION TERMS
+   a) The license is granted for a specified subscription period (e.g., 12 months)
+   b) During the subscription period, Licensee will receive:
+      - Access to the source code
+      - Regular updates and improvements
+      - Technical support
+   c) After the subscription period ends:
+      - Licensee may continue using the last version received during the subscription
+      - Licensee may continue using any modifications made to that version
+      - Licensee will no longer receive updates or technical support
+      - Licensee may renew the subscription to receive updates and support
+
+3. RESTRICTIONS
+   Licensee may not:
+   a) Redistribute, resell, or sublicense the original or modified software
+   b) Remove or alter any copyright notices or proprietary markings
+   c) Use the software to create a competing product
+   d) Transfer the license to another party
+
+4. INTELLECTUAL PROPERTY
+   The original DesignCombo software and all its components remain the exclusive property of Layerhub.
+   Licensee retains rights to their specific modifications, but not to the underlying software.
+
+5. WARRANTY
+   The software is provided "as is" without warranty of any kind. Layerhub is not liable for any damages arising from the use of the software.
+
+6. TERMINATION
+   This license is effective until terminated. Layerhub may terminate this license if Licensee fails to comply with any of its terms and conditions.
+
+7. GOVERNING LAW
+   This Agreement shall be governed by and construed in accordance with the laws of the jurisdiction in which Layerhub LLC is established.
+
+For licensing inquiries, please contact Layerhub LLC at [contact information].
+
+Version 1.1 - Effective Date: March 19, 2024 

package/README.md

@@ -0,0 +1,7 @@
+```ts
+interface TimelineOptions {
+  itemTypes: string[];
+  sizesMap: Records<string, number>;
+  acceptsMap: Records<string, string[]>;
+}
+```

package/dist/constants/constants.d.ts

@@ -0,0 +1,25 @@
+export declare const GIANT_ICON_SIZE = 100;
+export declare const LARGE_ICON_SIZE = 30;
+export declare const NORMAL_ICON_SIZE = 18;
+export declare const SMALL_ICON_SIZE = 14;
+export declare const SPACE_TO_RESIZE_X = 3;
+export declare const SPACE_TO_RESIZE_Y = 4;
+export declare const LARGER_FONT_SIZE = 30;
+export declare const LARGE_FONT_SIZE = 24;
+export declare const NORMAL_FONT_SIZE = 16;
+export declare const SMALL_FONT_SIZE = 12;
+export declare const DEFAULT_FONT = "Roboto";
+export declare const DEFAULT_WEIGHT = "Regular";
+export declare const SECONDARY_FONT = "sans-serif";
+export declare const PREVIEW_FRAME_WIDTH = 188;
+export declare const TIMELINE_OFFSET_X = 40;
+export declare const BASE_TIMELINE_ELEMENT_DURATION_MS = 4000;
+export declare const DEFAULT_VIDEO_WIDTH = 1920;
+export declare const DEFAULT_VIDEO_HEIGHT = 1080;
+export declare const DEFAULT_FRAMERATE = 60;
+export declare const FRAME_INTERVAL: number;
+export declare const DEFAULT_VIDEO_MIN_BITRATE = 2000000;
+export declare const DEFAULT_VIDEO_MAX_BITRATE = 10000000;
+export declare const DEFAULT_AUDIO_SAMPLE_RATE = 48000;
+export declare const DEFAULT_AUDIO_BITRATE = 192000;
+export declare const DEFAULT_PREVIEW_SCALE = 2.3;

package/dist/constants/fabric.d.ts

@@ -0,0 +1,6 @@
+export declare const CENTER = "center";
+export declare const LEFT = "left";
+export declare const TOP = "top";
+export declare const BOTTOM = "bottom";
+export declare const RIGHT = "right";
+export declare const NONE = "none";

package/dist/constants/index.d.ts

@@ -0,0 +1 @@
+export * from './fabric';

package/dist/constants/objects.d.ts

@@ -0,0 +1,5 @@
+export declare const ACTIVE_SELECTION_WIDTH = 1;
+export declare const ACTIVE_SELECTION_COLOR = "rgba(255, 255, 255,1.0)";
+export declare const SELECTION_COLOR = "rgba(255, 211, 42,0.1)";
+export declare const SELECTION_BORDER_COLOR = "rgba(255, 211, 42,1.0)";
+export declare const INTERNAL_OBJECT_TYPES: string[];

package/dist/controls/controls.d.ts

@@ -0,0 +1,22 @@
+import { Control } from 'fabric';
+
+export declare const createResizeControls: () => {
+    mr: Control;
+    ml: Control;
+};
+export declare const createTemplateControls: () => {
+    mr: Control;
+    ml: Control;
+};
+export declare const createAudioControls: () => {
+    mr: Control;
+    ml: Control;
+};
+export declare const createMediaControls: () => {
+    mr: Control;
+    ml: Control;
+};
+export declare const createTransitionControls: () => {
+    mr: Control;
+    ml: Control;
+};

package/dist/controls/draw.d.ts

@@ -0,0 +1,3 @@
+import { Control, FabricObject } from 'fabric';
+
+export declare function drawVerticalLine(this: Control, ctx: CanvasRenderingContext2D, __: number, ___: number, _: {}, fabricObject: FabricObject): void;

package/dist/controls/index.d.ts

@@ -0,0 +1,5 @@
+export * from '../resize/audio';
+export * from '../resize/media';
+export * from '../resize/transition';
+export * from '../resize/common';
+export * from './controls';

package/dist/events/canvas/before-transform.d.ts

@@ -0,0 +1,4 @@
+import { default as Timeline } from '../../timeline';
+
+export declare function addBeforeTransformEvents(timeline: Timeline): void;
+export declare function removeBeforeTransformEvents(timeline: Timeline): void;

package/dist/events/canvas/drag.d.ts

@@ -0,0 +1,4 @@
+import { default as Timeline } from '../../timeline';
+
+export declare function addDragEvents(timeline: Timeline): void;
+export declare function removeDragEvents(timeline: Timeline): void;

package/dist/events/canvas/events.d.ts

@@ -0,0 +1,4 @@
+import { default as Timeline } from '../../timeline';
+
+export declare const addCanvasEvents: (timeline: Timeline) => void;
+export declare const removeCanvasEvents: (timeline: Timeline) => void;

package/dist/events/canvas/guidelines.d.ts

@@ -0,0 +1,6 @@
+import { ModifiedEvent, TPointerEvent } from 'fabric';
+import { default as Timeline } from '../../timeline';
+
+export declare function onObjectMoving(this: Timeline, e: ModifiedEvent<TPointerEvent>): void;
+export declare function addGuidelineEvents(timeline: Timeline): void;
+export declare function removeGuidelineEvents(timeline: Timeline): void;

package/dist/events/canvas/hover-control.d.ts

@@ -0,0 +1,4 @@
+import { default as Timeline } from '../../timeline';
+
+export declare function addHoverControlEvents(timeline: Timeline): void;
+export declare function removeHoverControlsEvents(timeline: Timeline): void;

package/dist/events/canvas/internal.d.ts

@@ -0,0 +1,36 @@
+import { Canvas, FabricObject } from 'fabric';
+import { Helper, Placeholder, Track } from '../../objects';
+
+export interface MovingState {
+    canvas: Canvas | null;
+    enableGuideRedraw: boolean;
+    isPointerOverHelperTrack: boolean;
+    draggingOverTrack: Track | Helper | null | undefined;
+    placeholderMovingObjects: Placeholder[];
+    primaryMovingObjects: FabricObject[];
+    secondaryMovingObjects: FabricObject[];
+    objectInitialPositions: Record<string, {
+        top: number;
+        left: number;
+    }>;
+    originTrack: Track | Record<string, any>;
+    trackToItemsMap: Record<string, FabricObject[]>;
+    activeTrackToItemsMap: Record<string, FabricObject[]>;
+    trackTopToIdMap: Record<number, string>;
+    trackTops: number[];
+    activeObjects: FabricObject[];
+    primaryTracks: Record<string, {
+        objects: FabricObject[];
+        index: number;
+    }>;
+    secondaryTracks: Record<string, {
+        objects: FabricObject[];
+        index: number;
+    }>;
+    isDragOver: boolean;
+    initialTrackPoints: number[];
+    updateItemsInTrack: string | null;
+    orderNormalTrack: boolean;
+}
+export declare const getState: () => MovingState;
+export declare const setState: (updates: Partial<MovingState>) => void;

package/dist/events/canvas/modified.d.ts

@@ -0,0 +1,4 @@
+import { default as Timeline } from '../../timeline';
+
+export declare const addModifiedEvents: (timeline: Timeline) => void;
+export declare const removeModifiedEvents: (timeline: Timeline) => void;

package/dist/events/canvas/moving.d.ts

@@ -0,0 +1,4 @@
+import { default as Timeline } from '../../timeline';
+
+export declare function addMovingEvents(timeline: Timeline): void;
+export declare function removeMovingEvents(timeline: Timeline): void;

package/dist/events/canvas/placeholder.d.ts

@@ -0,0 +1,4 @@
+import { default as Timeline } from '../../timeline';
+
+export declare function addPlaceholderEvents(timeline: Timeline): void;
+export declare function removePlaceholderEvents(timeline: Timeline): void;

package/dist/events/canvas/resized.d.ts

@@ -0,0 +1,4 @@
+import { default as Timeline } from '../../timeline';
+
+export declare function addResizedEvents(timeline: Timeline): void;
+export declare function removeResizedEvents(timeline: Timeline): void;

package/dist/events/canvas/resizing.d.ts

@@ -0,0 +1,8 @@
+import { default as Timeline } from '../../timeline';
+import { BasicTransformEvent, FabricObject, FabricObjectProps, ObjectEvents, SerializedObjectProps, TPointerEvent } from 'fabric';
+
+export default function onObjectResizing(this: Timeline, e: BasicTransformEvent<TPointerEvent> & {
+    target: FabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>;
+}): void;
+export declare function addResizingEvents(timeline: Timeline): void;
+export declare function removeResizingEvents(timeline: Timeline): void;

package/dist/events/canvas/scrolling.d.ts

@@ -0,0 +1,7 @@
+import { ModifiedEvent, TPointerEvent } from 'fabric';
+import { default as Timeline } from '../../timeline';
+
+export declare function onMouseUpForScroll(): void;
+export declare function scrollOnMovingForScroll(this: Timeline, e: ModifiedEvent<TPointerEvent>): void;
+export declare function addScrollEvents(timeline: Timeline): void;
+export declare function removeScrollEvents(timeline: Timeline): void;

package/dist/events/canvas/selection.d.ts

@@ -0,0 +1,4 @@
+import { default as Timeline } from '../../timeline';
+
+export declare const addSelectionEvents: (timeline: Timeline) => void;
+export declare const removeSelectionEvents: (timeline: Timeline) => void;

package/dist/events/canvas/timeline.d.ts

@@ -0,0 +1,4 @@
+import { default as Timeline } from '../../timeline';
+
+export declare const addTimelineEvents: (timeline: Timeline) => void;
+export declare function removeTimelineEvents(timeline: Timeline): void;

package/dist/events/store/connect.d.ts

@@ -0,0 +1,4 @@
+import { default as Timeline } from '../../timeline';
+
+export declare const addStateEvents: (timeline: Timeline) => void;
+export declare const removeStateEvents: (_: Timeline) => void;

package/dist/global/events.d.ts

@@ -0,0 +1,6 @@
+export declare const DRAG_PREFIX = "drag";
+export declare const DRAG_START = "drag:start";
+export declare const DRAG_END = "drag:end";
+export declare const TIMELINE_PREFIX = "timeline";
+export declare const TIMELINE_BOUNDING_CHANGED = "timeline:boundingChanged";
+export declare const TIMELINE_SEEK = "timeline:seek";

package/dist/global/index.d.ts

@@ -0,0 +1 @@
+export * from './events';

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export { drawVerticalLine } from './controls/draw';
+export * from './objects';
+export { default } from './timeline';
+export * from './utils';
+export * from './constants';
+export * from './resize';
+export * from './global';
+export * from './timeline';
+export { FabricObject, Control, classRegistry, Rect, util, controlsUtils, Pattern } from 'fabric';
+export type { TransformActionHandler } from 'fabric';