@cliquify.me/timeline 3.1.25 → 4.0.1

package/dist/mixins/track-items.d.ts

@@ -13,7 +13,6 @@ declare class TrackItemsMixin {
     deleteTrackItemById(this: Timeline, ids: string[]): void;
     deleteActiveTrackItem(this: Timeline): false | undefined;
     updateTrackItemCoords(this: Timeline, updateActiveObject?: boolean): void;
-    refreshTrackItemsForTransitions(this: Timeline): void;
     getTrackItems(this: Timeline): FabricObject<Partial<import('fabric').FabricObjectProps>, import('fabric').SerializedObjectProps, import('fabric').ObjectEvents>[];
     setTrackItemCoords(this: Timeline): void;
     setActiveTrackItemCoords(this: Timeline): void;

package/dist/objects/index.d.ts

@@ -1,14 +1,7 @@
-export { default as Image, type ImageProps } from './image';
-export { default as Video, type VideoProps } from './video';
-export { default as Audio, type AudioProps } from './audio';
-export { default as Text, type TextProps } from './text';
 export { default as Track, type TrackItemProps } from './track';
 export { default as Helper, type HelperProps } from './helper';
 export { default as Placeholder } from './placeholder';
 export { default as Transition } from './transition';
-export { default as Caption, type CaptionsProps } from './captions';
-export { default as Template, type TemplateProps } from './template';
-export { default as Illustration, type IllustrationProps } from './illustration';
-export { default as Shape, type ShapeProps } from './shape';
-export { default as Composition, type CompositionProps } from './composition';
+export { default as Trimmable, type TrimmableProps } from './trimmable';
+export { default as Resizable, type ResizableProps } from './resizable';
 export { default as PreviewTrackItem, type PreviewTrackItemProps } from './drag-track-item';

package/dist/objects/{text.d.ts → resizable.d.ts}

@@ -1,16 +1,18 @@
 import { Control, Rect, RectProps } from 'fabric';
 import { IDisplay } from '@cliquify.me/types';
 
-export interface TextProps extends Pick<RectProps, "width" | "height" | "top" | "left"> {
+export interface ResizableBaseProps extends Pick<RectProps, "width" | "height" | "top" | "left"> {
     id: string;
-    text: string;
     tScale: number;
     display: IDisplay;
 }
-declare class TextItem extends Rect {
+export type ResizableProps<T extends object = {}> = ResizableBaseProps & T;
+declare class Resizable extends Rect {
     static type: string;
+    id: string;
     isSelected: boolean;
-    text: string;
+    tScale: number;
+    display: IDisplay;
     static createControls(): {
         controls: Record<string, Control>;
     };
@@ -26,9 +28,9 @@ declare class TextItem extends Rect {
         borderOpacityWhenMoving: number;
         hoverCursor: string;
     };
-    constructor(props: TextProps);
+    constructor(props: ResizableProps);
     setSelected(selected: boolean): void;
     _render(ctx: CanvasRenderingContext2D): void;
     updateSelected(ctx: CanvasRenderingContext2D): void;
 }
-export default TextItem;
+export default Resizable;

package/dist/objects/{audio.d.ts → trimmable.d.ts}

@@ -1,22 +1,27 @@
 import { Control, Rect, RectProps } from 'fabric';
-import { IDisplay, ITrim } from '@cliquify.me/types';
+import { ITrim } from '@cliquify.me/types';
 
-export interface AudioProps extends Pick<RectProps, "width" | "height" | "top" | "left"> {
+interface IDisplay {
+    from: number;
+    to: number;
+}
+export interface TrimmableBaseProps extends Pick<RectProps, "width" | "height" | "top" | "left"> {
     id: string;
     tScale: number;
     display: IDisplay;
     trim: ITrim;
-    duration: number;
-    src: string;
 }
-declare class Audio extends Rect {
+export type TrimmableProps<T extends object = {}> = TrimmableBaseProps & T;
+declare class Trimmable extends Rect {
     static type: string;
-    itemType: string;
+    id: string;
+    resourceId: string;
+    tScale: number;
     isSelected: boolean;
+    display: IDisplay;
     trim: ITrim;
-    src: string;
     duration: number;
-    static getDefaults(): Record<string, any>;
+    src: string;
     static createControls(): {
         controls: Record<string, Control>;
     };
@@ -31,10 +36,11 @@ declare class Audio extends Rect {
         borderOpacityWhenMoving: number;
         hoverCursor: string;
     };
-    constructor(props: AudioProps);
-    setSelected(selected: boolean): void;
+    constructor(options: TrimmableProps);
     _render(ctx: CanvasRenderingContext2D): void;
+    setSelected(selected: boolean): void;
     updateSelected(ctx: CanvasRenderingContext2D): void;
+    onResizeSnap(): void;
     setSrc(src: string): void;
 }
-export default Audio;
+export default Trimmable;

package/dist/timeline.d.ts

@@ -54,7 +54,6 @@ declare class Timeline extends Canvas {
     activeIds: string[];
     spacing: CanvasSpacing;
     guideLineColor: string;
-    transitionGroups: (ITrackItem | ITransition)[][];
     constructor(canvasEl: HTMLCanvasElement, options: Partial<TimelineOptions> & {
         scale: ITimelineScaleState;
         duration: number;

package/dist/utils/load-object.d.ts

@@ -1,14 +1,9 @@
-import { Audio, Caption, Image, Text, Video } from '../objects';
 import { IAudio, IDisplay, ITextDetails, ITrackItem, ITrackItemAndDetails, ITrim, IVideo } from '@cliquify.me/types';
-import { default as Template } from '../objects/template';
-import { default as Composition } from '../objects/composition';
-import { default as Illustration } from '../objects/illustration';
-import { default as Shape } from '../objects/shape';
 
 export declare const loadVideoObject: (item: IVideo, options: {
     tScale: number;
     sizesMap: Record<string, number>;
-}) => Video;
+}) => any;
 export declare const loadTextObject: (item: {
     display: IDisplay;
     id: string;
@@ -16,7 +11,7 @@ export declare const loadTextObject: (item: {
 }, options: {
     tScale: number;
     sizesMap: Record<string, number>;
-}) => Text;
+}) => any;
 export declare const loadCaptionObject: (item: {
     display: IDisplay;
     id: string;
@@ -24,37 +19,41 @@ export declare const loadCaptionObject: (item: {
 }, options: {
     tScale: number;
     sizesMap: Record<string, number>;
-}) => Caption;
+}) => any;
 export declare const loadImageObject: (item: ITrackItem, options: {
     tScale: number;
     sizesMap: Record<string, number>;
-}) => Image;
+}) => any;
 export declare const loadAudioObject: (item: IAudio, options: {
     tScale: number;
     sizesMap: Record<string, number>;
-}) => Audio;
+}) => any;
 export declare const loadTemplateObject: (item: {
     id: string;
     display: IDisplay;
     trim?: ITrim;
 }, options: {
     tScale: number;
-}) => Template;
+}) => any;
 export declare const loadCompositionObject: (item: {
     id: string;
     display: IDisplay;
 }, options: {
     tScale: number;
-}) => Composition;
+}) => any;
 export declare const loadIllustrationObject: (item: ITrackItemAndDetails, options: {
     tScale: number;
     sizesMap: Record<string, number>;
-}) => Illustration;
+}) => any;
 export declare const loadShapeObject: (item: ITrackItemAndDetails, options: {
     tScale: number;
     sizesMap: Record<string, number>;
-}) => Shape;
+}) => any;
+export declare const loadCustomObject: (item: ITrackItemAndDetails, options: {
+    tScale: number;
+    sizesMap: Record<string, number>;
+}) => any;
 export declare const loadMediaObject: (item: ITrackItemAndDetails, options: {
     tScale: number;
     sizesMap: Record<string, number>;
-}) => Image | Video | Audio | Text | Caption | Template | Illustration | Shape | Composition | undefined;
+}) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cliquify.me/timeline",
-  "version": "3.1.25",
+  "version": "4.0.1",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -37,7 +37,7 @@
   "peerDependencies": {
     "@types/lodash-es": "^4.17.12",
     "@designcombo/events": "^1.0.2",
-    "@cliquify.me/types": "3.1.25"
+    "@cliquify.me/types": "4.0.1"
   },
   "scripts": {
     "dev": "vite",

package/dist/objects/captions.d.ts

@@ -1,34 +0,0 @@
-import { Control, Rect, RectProps } from 'fabric';
-import { IDisplay } from '@cliquify.me/types';
-
-export interface CaptionsProps extends Pick<RectProps, "width" | "height" | "top" | "left"> {
-    id: string;
-    text: string;
-    tScale: number;
-    display: IDisplay;
-}
-declare class CaptionItem extends Rect {
-    static type: string;
-    isSelected: boolean;
-    text: string;
-    static createControls(): {
-        controls: Record<string, Control>;
-    };
-    static getDefaults(): Record<string, any>;
-    static ownDefaults: {
-        rx: number;
-        ry: number;
-        objectCaching: boolean;
-        borderColor: string;
-        stroke: string;
-        strokeWidth: number;
-        fill: string;
-        borderOpacityWhenMoving: number;
-        hoverCursor: string;
-    };
-    constructor(props: CaptionsProps);
-    setSelected(selected: boolean): void;
-    _render(ctx: CanvasRenderingContext2D): void;
-    updateSelected(ctx: CanvasRenderingContext2D): void;
-}
-export default CaptionItem;

package/dist/objects/composition.d.ts

@@ -1,34 +0,0 @@
-import { IDisplay } from '@cliquify.me/types';
-import { Rect, RectProps } from 'fabric';
-
-export interface CompositionProps extends Pick<RectProps, "width" | "height" | "top" | "left"> {
-    id: string;
-    tScale: number;
-    display: IDisplay;
-    duration: number;
-}
-declare class Composition extends Rect {
-    static type: string;
-    itemType: string;
-    isSelected: boolean;
-    static getDefaults(): Record<string, any>;
-    static createControls(): {
-        controls: Record<string, any>;
-    };
-    static ownDefaults: {
-        rx: number;
-        ry: number;
-        objectCaching: boolean;
-        borderColor: string;
-        stroke: string;
-        strokeWidth: number;
-        fill: string;
-        borderOpacityWhenMoving: number;
-        hoverCursor: string;
-    };
-    constructor(props: CompositionProps);
-    setSelected(selected: boolean): void;
-    _render(ctx: CanvasRenderingContext2D): void;
-    updateSelected(ctx: CanvasRenderingContext2D): void;
-}
-export default Composition;

package/dist/objects/illustration.d.ts

@@ -1,39 +0,0 @@
-import { Control, Rect, RectProps } from 'fabric';
-import { IDisplay } from '@cliquify.me/types';
-
-export interface IllustrationProps extends Pick<RectProps, "width" | "height" | "left" | "top"> {
-    id: string;
-    src: string;
-    tScale: number;
-    display: IDisplay;
-    svgString: string;
-}
-declare class Illustration extends Rect {
-    static type: string;
-    itemType: string;
-    src: string;
-    isSelected: boolean;
-    svgString: string;
-    static createControls(): {
-        controls: Record<string, Control>;
-    };
-    static getDefaults(): Record<string, any>;
-    static ownDefaults: {
-        rx: number;
-        ry: number;
-        objectCaching: boolean;
-        borderColor: string;
-        stroke: string;
-        strokeWidth: number;
-        fill: string;
-        borderOpacityWhenMoving: number;
-        hoverCursor: string;
-        svgString: string;
-    };
-    constructor(props: IllustrationProps);
-    setSelected(selected: boolean): void;
-    _render(ctx: CanvasRenderingContext2D): void;
-    updateSelected(ctx: CanvasRenderingContext2D): void;
-    setSrc(src: string): void;
-}
-export default Illustration;

package/dist/objects/image.d.ts

@@ -1,36 +0,0 @@
-import { Control, Rect, RectProps } from 'fabric';
-import { IDisplay } from '@cliquify.me/types';
-
-export interface ImageProps extends Pick<RectProps, "width" | "height" | "left" | "top"> {
-    id: string;
-    src: string;
-    tScale: number;
-    display: IDisplay;
-}
-declare class Image extends Rect {
-    static type: string;
-    itemType: string;
-    src: string;
-    isSelected: boolean;
-    static createControls(): {
-        controls: Record<string, Control>;
-    };
-    static getDefaults(): Record<string, any>;
-    static ownDefaults: {
-        rx: number;
-        ry: number;
-        objectCaching: boolean;
-        borderColor: string;
-        stroke: string;
-        strokeWidth: number;
-        borderOpacityWhenMoving: number;
-        hoverCursor: string;
-        fill: string;
-    };
-    constructor(props: ImageProps);
-    _render(ctx: CanvasRenderingContext2D): void;
-    setSelected(selected: boolean): void;
-    updateSelected(ctx: CanvasRenderingContext2D): void;
-    setSrc(src: string): void;
-}
-export default Image;

package/dist/objects/shape.d.ts

@@ -1,39 +0,0 @@
-import { Control, Rect, RectProps } from 'fabric';
-import { IDisplay } from '@cliquify.me/types';
-
-export interface ShapeProps extends Pick<RectProps, "width" | "height" | "left" | "top"> {
-    id: string;
-    src: string;
-    tScale: number;
-    display: IDisplay;
-    backgroundColorDiv: string;
-}
-declare class Shape extends Rect {
-    static type: string;
-    itemType: string;
-    src: string;
-    isSelected: boolean;
-    backgroundColorDiv: string;
-    static createControls(): {
-        controls: Record<string, Control>;
-    };
-    static getDefaults(): Record<string, any>;
-    static ownDefaults: {
-        rx: number;
-        ry: number;
-        objectCaching: boolean;
-        borderColor: string;
-        stroke: string;
-        strokeWidth: number;
-        fill: string;
-        borderOpacityWhenMoving: number;
-        hoverCursor: string;
-        backgroundColordDiv: string;
-    };
-    constructor(props: ShapeProps);
-    setSelected(selected: boolean): void;
-    _render(ctx: CanvasRenderingContext2D): void;
-    updateSelected(ctx: CanvasRenderingContext2D): void;
-    setSrc(src: string): void;
-}
-export default Shape;

package/dist/objects/template.d.ts

@@ -1,36 +0,0 @@
-import { Control, Rect, RectProps } from 'fabric';
-import { IDisplay, ITrim } from '@cliquify.me/types';
-
-export interface TemplateProps extends Pick<RectProps, "width" | "height" | "top" | "left"> {
-    id: string;
-    tScale: number;
-    display: IDisplay;
-    duration: number;
-    trim: ITrim;
-}
-declare class Template extends Rect {
-    static type: string;
-    itemType: string;
-    isSelected: boolean;
-    trim: ITrim;
-    static getDefaults(): Record<string, any>;
-    static createControls(): {
-        controls: Record<string, Control>;
-    };
-    static ownDefaults: {
-        rx: number;
-        ry: number;
-        objectCaching: boolean;
-        borderColor: string;
-        stroke: string;
-        strokeWidth: number;
-        fill: string;
-        borderOpacityWhenMoving: number;
-        hoverCursor: string;
-    };
-    constructor(props: TemplateProps);
-    setSelected(selected: boolean): void;
-    _render(ctx: CanvasRenderingContext2D): void;
-    updateSelected(ctx: CanvasRenderingContext2D): void;
-}
-export default Template;

package/dist/objects/video.d.ts

@@ -1,43 +0,0 @@
-import { Control, Rect } from 'fabric';
-import { IMetadata, ITrim } from '@cliquify.me/types';
-
-interface IDisplay {
-    from: number;
-    to: number;
-}
-export interface VideoProps {
-    id: string;
-    width: number;
-    height?: number;
-    tScale: number;
-    fill: string;
-    resourceId: string;
-    src: string;
-    top?: number;
-    left?: number;
-    display: IDisplay;
-    trim: ITrim;
-    metadata?: Partial<IMetadata>;
-    duration: number;
-}
-declare class Video extends Rect {
-    static type: string;
-    id: string;
-    resourceId: string;
-    tScale: number;
-    isSelected: boolean;
-    display: IDisplay;
-    trim: ITrim;
-    duration: number;
-    src: string;
-    static createControls(): {
-        controls: Record<string, Control>;
-    };
-    constructor(options: VideoProps);
-    _render(ctx: CanvasRenderingContext2D): void;
-    setSelected(selected: boolean): void;
-    updateSelected(ctx: CanvasRenderingContext2D): void;
-    onResizeSnap(): void;
-    setSrc(src: string): void;
-}
-export default Video;