@cliquify.me/timeline 3.1.13 → 3.1.15

package/dist/objects/illustration.d.ts

@@ -0,0 +1,36 @@
+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;
+}
+declare class Illustration 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;
+        fill: string;
+        borderOpacityWhenMoving: number;
+        hoverCursor: 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/shape.d.ts

@@ -0,0 +1,36 @@
+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;
+}
+declare class Shape 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;
+        fill: string;
+        borderOpacityWhenMoving: number;
+        hoverCursor: 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/timeline.d.ts

@@ -1,4 +1,4 @@
-import { Canvas, CanvasOptions, TPointerEvent } from 'fabric';
+import { Canvas, CanvasOptions, FabricObject, TPointerEvent } from 'fabric';
 import { default as CanvasMixin } from './mixins/canvas';
 import { default as TrackItemsMixin } from './mixins/track-items';
 import { default as TracksMixin } from './mixins/tracks';
@@ -38,6 +38,7 @@ declare class Timeline extends Canvas {
     acceptsMap: Record<string, string[]>;
     sizesMap: Record<string, number>;
     tracks: ITrack[];
+    hoverCornerItem: boolean;
     trackItemsMap: Record<string, ITrackItem>;
     trackItemIds: string[];
     transitionIds: string[];
@@ -61,6 +62,7 @@ declare class Timeline extends Canvas {
     });
     private initializeCanvasDefaults;
     __onMouseDown(e: TPointerEvent): void;
+    _setupCurrentTransform(e: TPointerEvent, target: FabricObject, alreadySelected: boolean): void;
     initEventListeners(): void;
     setActiveIds(activeIds: string[]): void;
     updateState(dataHistory?: IUpdateStateOptions): void;

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

@@ -2,6 +2,8 @@ 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;
@@ -44,7 +46,15 @@ export declare const loadCompositionObject: (item: {
 }, options: {
     tScale: number;
 }) => Composition;
+export declare const loadIllustrationObject: (item: ITrackItemAndDetails, options: {
+    tScale: number;
+    sizesMap: Record<string, number>;
+}) => Illustration;
+export declare const loadShapeObject: (item: ITrackItemAndDetails, options: {
+    tScale: number;
+    sizesMap: Record<string, number>;
+}) => Shape;
 export declare const loadMediaObject: (item: ITrackItemAndDetails, options: {
     tScale: number;
     sizesMap: Record<string, number>;
-}) => Image | Video | Audio | Text | Caption | Template | Composition | undefined;
+}) => Image | Video | Audio | Text | Caption | Template | Composition | Illustration | Shape | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cliquify.me/timeline",
-  "version": "3.1.13",
+  "version": "3.1.15",
   "private": false,
   "files": [
     "dist"
@@ -34,7 +34,7 @@
   "peerDependencies": {
     "@types/lodash-es": "^4.17.12",
     "@designcombo/events": "^1.0.2",
-    "@cliquify.me/types": "3.1.13"
+    "@cliquify.me/types": "3.1.15"
   },
   "scripts": {
     "dev": "vite",