@cliquify.me/timeline 3.1.24 → 4.0.0

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/audio.d.ts

@@ -8,6 +8,7 @@ export interface AudioProps extends Pick<RectProps, "width" | "height" | "top" |
     trim: ITrim;
     duration: number;
     src: string;
+    playbackRate?: number;
 }
 declare class Audio extends Rect {
     static type: string;

package/dist/objects/custom.d.ts

@@ -0,0 +1,44 @@
+import { Control, Rect, RectProps } from 'fabric';
+import { IDisplay, ITrim } from '@cliquify.me/types';
+
+export interface CustomProps extends Pick<RectProps, "width" | "height" | "left" | "top"> {
+    id: string;
+    tScale: number;
+    display: IDisplay;
+    duration: number;
+    backgroundColorDiv: string;
+    srcs?: string[];
+    trim?: ITrim;
+}
+declare class Custom extends Rect {
+    static type: string;
+    itemType: string;
+    src: string;
+    isSelected: boolean;
+    backgroundColorDiv: string;
+    duration: number;
+    srcs?: string[];
+    trim?: ITrim;
+    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: CustomProps);
+    setSelected(selected: boolean): void;
+    _render(ctx: CanvasRenderingContext2D): void;
+    updateSelected(ctx: CanvasRenderingContext2D): void;
+    setSrc(src: string): void;
+}
+export default Custom;

package/dist/objects/index.d.ts

@@ -12,3 +12,4 @@ 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 PreviewTrackItem, type PreviewTrackItemProps } from './drag-track-item';
+export { default as Custom, type CustomProps } from './custom';

package/dist/objects/video.d.ts

@@ -19,6 +19,7 @@ export interface VideoProps {
     trim: ITrim;
     metadata?: Partial<IMetadata>;
     duration: number;
+    playbackRate?: number;
 }
 declare class Video extends Rect {
     static type: string;

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,4 +1,4 @@
-import { Audio, Caption, Image, Text, Video } from '../objects';
+import { Audio, Caption, Custom, 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';
@@ -54,7 +54,11 @@ export declare const loadShapeObject: (item: ITrackItemAndDetails, options: {
     tScale: number;
     sizesMap: Record<string, number>;
 }) => Shape;
+export declare const loadCustomObject: (item: ITrackItemAndDetails, options: {
+    tScale: number;
+    sizesMap: Record<string, number>;
+}) => Custom;
 export declare const loadMediaObject: (item: ITrackItemAndDetails, options: {
     tScale: number;
     sizesMap: Record<string, number>;
-}) => Image | Video | Audio | Text | Caption | Template | Illustration | Shape | Composition | undefined;
+}) => Custom | Image | Video | Audio | Text | Caption | Template | Illustration | Shape | Composition | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cliquify.me/timeline",
-  "version": "3.1.24",
+  "version": "4.0.0",
   "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.24"
+    "@cliquify.me/types": "4.0.0"
   },
   "scripts": {
     "dev": "vite",