@cliquify.me/types 3.1.13 → 3.1.15

package/dist/index.d.ts

@@ -12,7 +12,7 @@ export interface State {
     structure: ItemStructure[];
     fps: number;
 }
-export type ItemType = "text" | "image" | "video" | "audio" | "helper" | "caption" | "template" | "composition";
+export type ItemType = "text" | "image" | "video" | "audio" | "helper" | "caption" | "template" | "composition" | "illustration" | "shape";
 export interface IDisplay {
     from: number;
     to: number;
@@ -75,6 +75,10 @@ export type ITrackItem = (ITrackItemBase & {
     type: "template";
 }) | (ITrackItemBase & {
     type: "composition";
+}) | (ITrackItemBase & {
+    type: "illustration";
+}) | (ITrackItemBase & {
+    type: "shape";
 });
 export interface IStateManager {
     getState(): State;
@@ -232,6 +236,7 @@ export interface ICaptionDetails extends ICommonDetails {
     appearedColor?: string;
     activeColor?: string;
     activeFillColor?: string;
+    animation?: string;
 }
 export interface ITextDetails extends ICommonDetails {
     skewX: number;
@@ -270,6 +275,40 @@ export interface ITextDetails extends ICommonDetails {
         blur: number;
     };
 }
+export interface IIllustrationDetails extends ICommonDetails {
+    path: string;
+    src: string;
+    width: number;
+    height: number;
+    opacity: number;
+    transform: string;
+    border: string;
+    top: string;
+    left: string;
+    flipX: boolean;
+    flipY: boolean;
+    rotate: string;
+    svgString: string;
+    initialSvgString: string;
+    visibility: "visible" | "hidden";
+    colorMap: Record<string, string>;
+}
+export interface IShapeDetails extends ICommonDetails {
+    path: string;
+    src: string;
+    width: number;
+    height: number;
+    opacity: number;
+    transform: string;
+    border: string;
+    top: string;
+    left: string;
+    flipX: boolean;
+    flipY: boolean;
+    rotate: string;
+    visibility: "visible" | "hidden";
+    backgroundColor: string;
+}
 export interface IImageDetails extends ICommonDetails {
     src: string;
     background: string;
@@ -330,7 +369,7 @@ export interface ITimelineScaleState {
     segments: number;
     index: number;
 }
-export type IItem = IAudio | IImage | IText | IVideo | ICaption | ITemplate | IComposition;
+export type IItem = IAudio | IImage | IText | IVideo | ICaption | ITemplate | IComposition | IIllustration | IShape;
 export interface IComposition extends ITrackItemBase {
     type: "composition";
     trackItemIds: string[];
@@ -364,6 +403,14 @@ export interface IImage extends ITrackItemBase {
     type: "image";
     details: IImageDetails;
 }
+export interface IIllustration extends ITrackItemBase {
+    type: "illustration";
+    details: IIllustrationDetails;
+}
+export interface IShape extends ITrackItemBase {
+    type: "shape";
+    details: IShapeDetails;
+}
 export interface IVideo extends ITrackItemBase {
     type: "video";
     details: IVideoDetails;
@@ -393,7 +440,7 @@ export interface ITrack {
 }
 export type ITrackItemAndDetails = ITrackItem & IItem;
 export type IRecordItemAndDetails = Record<string, ITrackItem & IItem>;
-export type ITrackType = "main" | "text" | "image" | "video" | "audio" | "helper" | "caption" | "template" | "composition";
+export type ITrackType = "main" | "text" | "image" | "video" | "audio" | "helper" | "caption" | "template" | "composition" | "illustration" | "shape";
 export interface ITimelineScrollState {
     /**
      * Timeline scroll state by X-axis.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cliquify.me/types",
-  "version": "3.1.13",
+  "version": "3.1.15",
   "private": false,
   "files": [
     "dist"