@designcombo/state 5.0.1 → 5.0.3

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

@@ -1,4 +1,4 @@
-import { IAudio, ICaption, IComposition, IDisplay, IIllustration, IImage, ILinealAudioBars, IProgressBar, IProgressFrame, IRadialAudioBars, IShape, ISize, ITemplate, IText, ITrack, ITrackItem, ITrim, IVideo, IVideoDetails } from '@designcombo/types';
+import { IAudio, ICaption, IComposition, IDisplay, IIllustration, IImage, ILinealAudioBars, IProgressBar, IProgressFrame, IRadialAudioBars, IRect, IShape, ISize, ITemplate, IText, ITrack, ITrackItem, ITrim, IVideo, IVideoDetails } from '@designcombo/types';
 
 type OptionsType = {
     size: {
@@ -14,17 +14,17 @@ export declare const loadVideoItem: (layer: ITrackItem & IVideo, options: Partia
     type: string;
     name: string;
     details: IVideoDetails;
+    animations: {
+        in: import('@designcombo/types').IBasicAnimation;
+        out: import('@designcombo/types').IBasicAnimation;
+        loop: import('@designcombo/types').IBasicAnimation;
+    } | undefined;
     playbackRate: number;
     display: IDisplay;
     duration: number;
     id: string;
     preview?: string;
     isMain?: boolean;
-    animations?: {
-        in: import('@designcombo/types').IBasicAnimation;
-        out: import('@designcombo/types').IBasicAnimation;
-        loop: import('@designcombo/types').IBasicAnimation;
-    };
     modifier?: IDisplay;
     activeEdit?: boolean;
     metadata: Record<string, any>;
@@ -283,6 +283,46 @@ export declare const loadShapeItem: (payload: ITrackItem & IShape, options: {
     };
     metadata: Record<string, any>;
 }>;
+export declare const loadRectItem: (payload: ITrackItem & IRect, options: {
+    size?: {
+        width: number;
+        height: number;
+    };
+    scaleMode?: string;
+    scaleAspectRatio?: number;
+}) => Promise<{
+    id: string;
+    name: string;
+    type: "rect";
+    display: IDisplay;
+    playbackRate: number;
+    details: {
+        width: any;
+        height: any;
+        opacity: any;
+        transform: any;
+        border: any;
+        borderRadius: any;
+        top: any;
+        left: any;
+        borderWidth: any;
+        borderColor: any;
+        flipX: any;
+        flipY: any;
+        rotate: any;
+        visibility: any;
+        backgroundColor: any;
+        boxShadow: any;
+        blur: any;
+        brightness: any;
+    };
+    animations: {
+        in: import('@designcombo/types').IBasicAnimation;
+        out: import('@designcombo/types').IBasicAnimation;
+        loop: import('@designcombo/types').IBasicAnimation;
+    } | undefined;
+    metadata: Record<string, any>;
+}>;
 export declare const loadImageItem: (payload: ITrackItem & IImage, options: {
     origin?: number;
     size?: {
@@ -317,6 +357,11 @@ export declare const loadImageItem: (payload: ITrackItem & IImage, options: {
         rotate: any;
         visibility: any;
     };
+    animations: {
+        in: import('@designcombo/types').IBasicAnimation;
+        out: import('@designcombo/types').IBasicAnimation;
+        loop: import('@designcombo/types').IBasicAnimation;
+    } | undefined;
     metadata: Record<string, any>;
 }>;
 export declare const loadCaptionItem: (trackItem: ITrackItem, options: {
@@ -420,6 +465,11 @@ export declare const loadTextItem: (payload: ITrackItem & IText, options: {
         transform?: string;
         borderRadius?: number;
     };
+    animations: {
+        in: import('@designcombo/types').IBasicAnimation;
+        out: import('@designcombo/types').IBasicAnimation;
+        loop: import('@designcombo/types').IBasicAnimation;
+    } | undefined;
     metadata: {};
 }>;
 export declare const loadTrackItem: (payload: ITrackItem & (IVideo | IAudio | IImage | IText | ICaption | ITemplate), options?: {
@@ -435,17 +485,17 @@ export declare const loadTrackItem: (payload: ITrackItem & (IVideo | IAudio | II
     type: string;
     name: string;
     details: IVideoDetails;
+    animations: {
+        in: import('@designcombo/types').IBasicAnimation;
+        out: import('@designcombo/types').IBasicAnimation;
+        loop: import('@designcombo/types').IBasicAnimation;
+    } | undefined;
     playbackRate: number;
     display: IDisplay;
     duration: number;
     id: string;
     preview?: string;
     isMain?: boolean;
-    animations?: {
-        in: import('@designcombo/types').IBasicAnimation;
-        out: import('@designcombo/types').IBasicAnimation;
-        loop: import('@designcombo/types').IBasicAnimation;
-    };
     modifier?: IDisplay;
     activeEdit?: boolean;
     metadata: Record<string, any>;
@@ -513,6 +563,60 @@ export declare const loadTrackItem: (payload: ITrackItem & (IVideo | IAudio | II
         rotate: any;
         visibility: any;
     };
+    animations: {
+        in: import('@designcombo/types').IBasicAnimation;
+        out: import('@designcombo/types').IBasicAnimation;
+        loop: import('@designcombo/types').IBasicAnimation;
+    } | undefined;
+    metadata: Record<string, any>;
+} | {
+    id: string;
+    name: string;
+    type: string;
+    display: IDisplay;
+    details: {
+        text: string;
+        height: number;
+        fontUrl: string;
+        top: string | number;
+        left: string | number;
+        borderWidth: number;
+        borderColor: string;
+        boxShadow: {
+            color: string;
+            x: number;
+            y: number;
+            blur: number;
+        };
+        words: import('@designcombo/types').ICaptionWord[];
+        appearedColor: string;
+        activeColor: string;
+        activeFillColor: string;
+        skewX: number;
+        skewY: number;
+        fontSize: number;
+        fontFamily: string;
+        color: string;
+        lineHeight: number | string;
+        letterSpacing: number | string;
+        fontWeight: number;
+        fontStyle: string;
+        textDecoration: string;
+        textAlign: "center" | "left" | "right";
+        wordSpacing: number | string;
+        textShadow: string;
+        backgroundColor: string;
+        opacity: number;
+        width: number;
+        textTransform: "capitalize" | "uppercase" | "lowercase";
+        border: string;
+        wordWrap: "normal" | "break-word";
+        wordBreak: "normal" | "break-word" | "break-all";
+        WebkitTextStrokeColor: string;
+        WebkitTextStrokeWidth: string;
+        transform?: string;
+        borderRadius?: number;
+    };
     metadata: Record<string, any>;
 } | {
     id: string;
@@ -553,6 +657,11 @@ export declare const loadTrackItem: (payload: ITrackItem & (IVideo | IAudio | II
         transform?: string;
         borderRadius?: number;
     };
+    animations: {
+        in: import('@designcombo/types').IBasicAnimation;
+        out: import('@designcombo/types').IBasicAnimation;
+        loop: import('@designcombo/types').IBasicAnimation;
+    } | undefined;
     metadata: {};
 }>;
 export declare function checkIfItemIsInTrack(tracks: ITrack[], trackItemIds: string[]): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcombo/state",
-  "version": "5.0.1",
+  "version": "5.0.3",
   "private": false,
   "files": [
     "dist"
@@ -25,7 +25,7 @@
     "typescript": "^5.3.3",
     "vite": "^5.2.0",
     "vite-plugin-dts": "^3.9.1",
-    "@designcombo/types": "5.0.1",
+    "@designcombo/types": "5.0.3",
     "@designcombo/typescript-config": "0.0.0"
   },
   "dependencies": {
@@ -39,7 +39,7 @@
   },
   "peerDependencies": {
     "@designcombo/events": "^1.0.2",
-    "@designcombo/types": "5.0.1"
+    "@designcombo/types": "5.0.3"
   },
   "scripts": {
     "dev": "vite",