polotno 3.0.0-beta.13 → 3.0.0-beta.15

package/model/text-model.d.ts

@@ -1,107 +1,132 @@
 import { Instance } from 'mobx-state-tree';
 export declare const TextElement: import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").ISimpleType<string>;
-    type: import("mobx-state-tree").IType<string, string, string>;
-    name: import("mobx-state-tree").IType<string, string, string>;
-    opacity: import("mobx-state-tree").IType<number, number, number>;
+    type: import("mobx-state-tree").IType<string | undefined, string, string>;
+    name: import("mobx-state-tree").IType<string | undefined, string, string>;
+    opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
     custom: import("mobx-state-tree").IType<any, any, any>;
-    visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
+    visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
 } & {
-    x: import("mobx-state-tree").IType<number, number, number>;
-    y: import("mobx-state-tree").IType<number, number, number>;
-    width: import("mobx-state-tree").IType<number, number, number>;
-    height: import("mobx-state-tree").IType<number, number, number>;
-    rotation: import("mobx-state-tree").IType<number, number, number>;
-    opacity: import("mobx-state-tree").IType<number, number, number>;
+    x: import("mobx-state-tree").IType<number | undefined, number, number>;
+    y: import("mobx-state-tree").IType<number | undefined, number, number>;
+    width: import("mobx-state-tree").IType<number | undefined, number, number>;
+    height: import("mobx-state-tree").IType<number | undefined, number, number>;
+    rotation: import("mobx-state-tree").IType<number | undefined, number, number>;
+    opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
     animations: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-        delay: import("mobx-state-tree").IType<number, number, number>;
-        duration: import("mobx-state-tree").IType<number, number, number>;
-        enabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
+        delay: import("mobx-state-tree").IType<number | undefined, number, number>;
+        duration: import("mobx-state-tree").IType<number | undefined, number, number>;
+        enabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
         type: import("mobx-state-tree").ISimpleType<string>;
-        name: import("mobx-state-tree").IType<string, string, string>;
-        data: import("mobx-state-tree").IType<{}, {}, {}>;
+        name: import("mobx-state-tree").IType<string | undefined, string, string>;
+        data: import("mobx-state-tree").IType<{} | null | undefined, {}, {}>;
     }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-    blurEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    blurRadius: import("mobx-state-tree").IType<number, number, number>;
-    brightnessEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    brightness: import("mobx-state-tree").IType<number, number, number>;
-    sepiaEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    grayscaleEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
+    blurEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    blurRadius: import("mobx-state-tree").IType<number | undefined, number, number>;
+    brightnessEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    brightness: import("mobx-state-tree").IType<number | undefined, number, number>;
+    sepiaEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    grayscaleEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     filters: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
-        intensity: import("mobx-state-tree").IType<number, number, number>;
+        intensity: import("mobx-state-tree").IType<number | undefined, number, number>;
     }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-    shadowEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    shadowBlur: import("mobx-state-tree").IType<number, number, number>;
-    shadowOffsetX: import("mobx-state-tree").IType<number, number, number>;
-    shadowOffsetY: import("mobx-state-tree").IType<number, number, number>;
-    shadowColor: import("mobx-state-tree").IType<string, string, string>;
-    shadowOpacity: import("mobx-state-tree").IType<number, number, number>;
-    visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    draggable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    resizable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    contentEditable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    styleEditable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
+    shadowEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    shadowBlur: import("mobx-state-tree").IType<number | undefined, number, number>;
+    shadowOffsetX: import("mobx-state-tree").IType<number | undefined, number, number>;
+    shadowOffsetY: import("mobx-state-tree").IType<number | undefined, number, number>;
+    shadowColor: import("mobx-state-tree").IType<string | undefined, string, string>;
+    shadowOpacity: import("mobx-state-tree").IType<number | undefined, number, number>;
+    visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    draggable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    resizable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    contentEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    styleEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
 } & {
-    type: import("mobx-state-tree").IType<string, string, string>;
-    text: import("mobx-state-tree").IType<string, string, string>;
-    placeholder: import("mobx-state-tree").IType<string, string, string>;
-    fontSize: import("mobx-state-tree").IType<number, number, number>;
-    fontFamily: import("mobx-state-tree").IType<string, string, string>;
-    fontStyle: import("mobx-state-tree").IType<string, string, string>;
-    fontWeight: import("mobx-state-tree").IType<string, string, string>;
-    textDecoration: import("mobx-state-tree").IType<string, string, string>;
-    textTransform: import("mobx-state-tree").IType<string, string, string>;
-    fill: import("mobx-state-tree").IType<string, string, string>;
-    align: import("mobx-state-tree").IType<string, string, string>;
-    width: import("mobx-state-tree").IType<number, number, number>;
-    height: import("mobx-state-tree").IType<number, number, number>;
-    verticalAlign: import("mobx-state-tree").IType<string, string, string>;
-    strokeWidth: import("mobx-state-tree").IType<number, number, number>;
-    stroke: import("mobx-state-tree").IType<string, string, string>;
+    type: import("mobx-state-tree").IType<string | undefined, string, string>;
+    text: import("mobx-state-tree").IType<string | undefined, string, string>;
+    placeholder: import("mobx-state-tree").IType<string | undefined, string, string>;
+    fontSize: import("mobx-state-tree").IType<number | undefined, number, number>;
+    fontFamily: import("mobx-state-tree").IType<string | undefined, string, string>;
+    fontStyle: import("mobx-state-tree").IType<string | undefined, string, string>;
+    fontWeight: import("mobx-state-tree").IType<string | undefined, string, string>;
+    textDecoration: import("mobx-state-tree").IType<string | undefined, string, string>;
+    textTransform: import("mobx-state-tree").IType<string | undefined, string, string>;
+    fill: import("mobx-state-tree").IType<string | undefined, string, string>;
+    align: import("mobx-state-tree").IType<string | undefined, string, string>;
+    width: import("mobx-state-tree").IType<number | undefined, number, number>;
+    height: import("mobx-state-tree").IType<number | undefined, number, number>;
+    verticalAlign: import("mobx-state-tree").IType<string | undefined, string, string>;
+    strokeWidth: import("mobx-state-tree").IType<number | undefined, number, number>;
+    stroke: import("mobx-state-tree").IType<string | undefined, string, string>;
     lineHeight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree/dist/internal").IUnionType<[import("mobx-state-tree").ISimpleType<number>, import("mobx-state-tree").ISimpleType<string>]>, [undefined]>;
-    letterSpacing: import("mobx-state-tree").IType<number, number, number>;
-    _editModeEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    backgroundEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    backgroundColor: import("mobx-state-tree").IType<string, string, string>;
-    backgroundOpacity: import("mobx-state-tree").IType<number, number, number>;
-    backgroundCornerRadius: import("mobx-state-tree").IType<number, number, number>;
-    backgroundPadding: import("mobx-state-tree").IType<number, number, number>;
-    curveEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    curvePower: import("mobx-state-tree").IType<number, number, number>;
+    letterSpacing: import("mobx-state-tree").IType<number | undefined, number, number>;
+    _editModeEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    backgroundEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    backgroundColor: import("mobx-state-tree").IType<string | undefined, string, string>;
+    backgroundOpacity: import("mobx-state-tree").IType<number | undefined, number, number>;
+    backgroundCornerRadius: import("mobx-state-tree").IType<number | undefined, number, number>;
+    backgroundPadding: import("mobx-state-tree").IType<number | undefined, number, number>;
+    curveEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    curvePower: import("mobx-state-tree").IType<number | undefined, number, number>;
 }, {
-    readonly locked: boolean;
     readonly page: any;
     readonly store: any;
     readonly top: import("mobx-state-tree").ModelInstanceTypeProps<{
         id: import("mobx-state-tree").ISimpleType<string>;
-        type: import("mobx-state-tree").IType<string, string, string>;
-        name: import("mobx-state-tree").IType<string, string, string>;
-        opacity: import("mobx-state-tree").IType<number, number, number>;
+        type: import("mobx-state-tree").IType<string | undefined, string, string>;
+        name: import("mobx-state-tree").IType<string | undefined, string, string>;
+        opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
         custom: import("mobx-state-tree").IType<any, any, any>;
-        visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-        selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-        removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-        alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-        showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
+        visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     }> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
         id: import("mobx-state-tree").ISimpleType<string>;
-        type: import("mobx-state-tree").IType<string, string, string>;
-        name: import("mobx-state-tree").IType<string, string, string>;
-        opacity: import("mobx-state-tree").IType<number, number, number>;
+        type: import("mobx-state-tree").IType<string | undefined, string, string>;
+        name: import("mobx-state-tree").IType<string | undefined, string, string>;
+        opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
         custom: import("mobx-state-tree").IType<any, any, any>;
-        visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-        selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-        removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-        alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-        showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
+        visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     }, {}, import("mobx-state-tree").ModelCreationType<{
+        id: string;
+        type: string | undefined;
+        name: string | undefined;
+        opacity: number | undefined;
+        custom: any;
+        visible: boolean | undefined;
+        selectable: boolean | undefined;
+        removable: boolean | undefined;
+        alwaysOnTop: boolean | undefined;
+        showInExport: boolean | undefined;
+    }>, import("mobx-state-tree").ModelSnapshotType<{
+        id: import("mobx-state-tree").ISimpleType<string>;
+        type: import("mobx-state-tree").IType<string | undefined, string, string>;
+        name: import("mobx-state-tree").IType<string | undefined, string, string>;
+        opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
+        custom: import("mobx-state-tree").IType<any, any, any>;
+        visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    }>>>;
+    readonly parent: any;
+    readonly zIndex: any;
+} & {
+    toJSON(): {
         id: string;
         type: string;
         name: string;
@@ -112,14 +137,10 @@ export declare const TextElement: import("mobx-state-tree").IModelType<{
         removable: boolean;
         alwaysOnTop: boolean;
         showInExport: boolean;
-    }>, {}>>;
-    readonly parent: any;
-    readonly zIndex: any;
-} & {
-    toJSON(): {};
+    };
 } & {
     clone(attrs?: any, { skipSelect }?: {
-        skipSelect?: boolean;
+        skipSelect?: boolean | undefined;
     }): import("./node-model.js").NodeType;
     set(attrs: any): void;
     moveUp(): void;
@@ -129,16 +150,8 @@ export declare const TextElement: import("mobx-state-tree").IModelType<{
     setZIndex(zIndex: number): void;
     beforeDestroy(): void;
 } & {
-    readonly a: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-        rotation: number;
-        opacity: number;
-        color: any;
-        fontSize: any;
-    };
+    readonly locked: boolean;
+    readonly a: Record<string, any>;
     animated(attr: any): any;
 } & {
     setAnimation(type: any, attrs: any): void;
@@ -147,14 +160,25 @@ export declare const TextElement: import("mobx-state-tree").IModelType<{
     toggleEditMode(editing?: boolean): void;
 }, import("mobx-state-tree").ModelCreationType<{
     id: string;
-    type: string;
-    name: string;
-    opacity: number;
+    type: string | undefined;
+    name: string | undefined;
+    opacity: number | undefined;
     custom: any;
-    visible: boolean;
-    selectable: boolean;
-    removable: boolean;
-    alwaysOnTop: boolean;
-    showInExport: boolean;
-}>, {}>;
+    visible: boolean | undefined;
+    selectable: boolean | undefined;
+    removable: boolean | undefined;
+    alwaysOnTop: boolean | undefined;
+    showInExport: boolean | undefined;
+}>, import("mobx-state-tree").ModelSnapshotType<{
+    id: import("mobx-state-tree").ISimpleType<string>;
+    type: import("mobx-state-tree").IType<string | undefined, string, string>;
+    name: import("mobx-state-tree").IType<string | undefined, string, string>;
+    opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
+    custom: import("mobx-state-tree").IType<any, any, any>;
+    visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+}>>;
 export type TextElementType = Instance<typeof TextElement>;

package/model/video-model.d.ts

@@ -1,103 +1,128 @@
 import { Instance } from 'mobx-state-tree';
 export declare const VideoElement: import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").ISimpleType<string>;
-    type: import("mobx-state-tree").IType<string, string, string>;
-    name: import("mobx-state-tree").IType<string, string, string>;
-    opacity: import("mobx-state-tree").IType<number, number, number>;
+    type: import("mobx-state-tree").IType<string | undefined, string, string>;
+    name: import("mobx-state-tree").IType<string | undefined, string, string>;
+    opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
     custom: import("mobx-state-tree").IType<any, any, any>;
-    visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
+    visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
 } & {
-    x: import("mobx-state-tree").IType<number, number, number>;
-    y: import("mobx-state-tree").IType<number, number, number>;
-    width: import("mobx-state-tree").IType<number, number, number>;
-    height: import("mobx-state-tree").IType<number, number, number>;
-    rotation: import("mobx-state-tree").IType<number, number, number>;
-    opacity: import("mobx-state-tree").IType<number, number, number>;
+    x: import("mobx-state-tree").IType<number | undefined, number, number>;
+    y: import("mobx-state-tree").IType<number | undefined, number, number>;
+    width: import("mobx-state-tree").IType<number | undefined, number, number>;
+    height: import("mobx-state-tree").IType<number | undefined, number, number>;
+    rotation: import("mobx-state-tree").IType<number | undefined, number, number>;
+    opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
     animations: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-        delay: import("mobx-state-tree").IType<number, number, number>;
-        duration: import("mobx-state-tree").IType<number, number, number>;
-        enabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
+        delay: import("mobx-state-tree").IType<number | undefined, number, number>;
+        duration: import("mobx-state-tree").IType<number | undefined, number, number>;
+        enabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
         type: import("mobx-state-tree").ISimpleType<string>;
-        name: import("mobx-state-tree").IType<string, string, string>;
-        data: import("mobx-state-tree").IType<{}, {}, {}>;
+        name: import("mobx-state-tree").IType<string | undefined, string, string>;
+        data: import("mobx-state-tree").IType<{} | null | undefined, {}, {}>;
     }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-    blurEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    blurRadius: import("mobx-state-tree").IType<number, number, number>;
-    brightnessEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    brightness: import("mobx-state-tree").IType<number, number, number>;
-    sepiaEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    grayscaleEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
+    blurEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    blurRadius: import("mobx-state-tree").IType<number | undefined, number, number>;
+    brightnessEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    brightness: import("mobx-state-tree").IType<number | undefined, number, number>;
+    sepiaEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    grayscaleEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     filters: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
-        intensity: import("mobx-state-tree").IType<number, number, number>;
+        intensity: import("mobx-state-tree").IType<number | undefined, number, number>;
     }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-    shadowEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    shadowBlur: import("mobx-state-tree").IType<number, number, number>;
-    shadowOffsetX: import("mobx-state-tree").IType<number, number, number>;
-    shadowOffsetY: import("mobx-state-tree").IType<number, number, number>;
-    shadowColor: import("mobx-state-tree").IType<string, string, string>;
-    shadowOpacity: import("mobx-state-tree").IType<number, number, number>;
-    visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    draggable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    resizable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    contentEditable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    styleEditable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
+    shadowEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    shadowBlur: import("mobx-state-tree").IType<number | undefined, number, number>;
+    shadowOffsetX: import("mobx-state-tree").IType<number | undefined, number, number>;
+    shadowOffsetY: import("mobx-state-tree").IType<number | undefined, number, number>;
+    shadowColor: import("mobx-state-tree").IType<string | undefined, string, string>;
+    shadowOpacity: import("mobx-state-tree").IType<number | undefined, number, number>;
+    visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    draggable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    resizable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    contentEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    styleEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
 } & {
-    type: import("mobx-state-tree").IType<string, string, string>;
-    width: import("mobx-state-tree").IType<number, number, number>;
-    height: import("mobx-state-tree").IType<number, number, number>;
-    src: import("mobx-state-tree").IType<string, string, string>;
-    cropX: import("mobx-state-tree").IType<number, number, number>;
-    cropY: import("mobx-state-tree").IType<number, number, number>;
-    cropWidth: import("mobx-state-tree").IType<number, number, number>;
-    cropHeight: import("mobx-state-tree").IType<number, number, number>;
-    cornerRadius: import("mobx-state-tree").IType<number, number, number>;
-    flipX: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    flipY: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    clipSrc: import("mobx-state-tree").IType<string, string, string>;
-    borderColor: import("mobx-state-tree").IType<string, string, string>;
-    borderSize: import("mobx-state-tree").IType<number, number, number>;
-    keepRatio: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-    stretchEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
+    type: import("mobx-state-tree").IType<string | undefined, string, string>;
+    width: import("mobx-state-tree").IType<number | undefined, number, number>;
+    height: import("mobx-state-tree").IType<number | undefined, number, number>;
+    src: import("mobx-state-tree").IType<string | undefined, string, string>;
+    cropX: import("mobx-state-tree").IType<number | undefined, number, number>;
+    cropY: import("mobx-state-tree").IType<number | undefined, number, number>;
+    cropWidth: import("mobx-state-tree").IType<number | undefined, number, number>;
+    cropHeight: import("mobx-state-tree").IType<number | undefined, number, number>;
+    cornerRadius: import("mobx-state-tree").IType<number | undefined, number, number>;
+    flipX: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    flipY: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    clipSrc: import("mobx-state-tree").IType<string | undefined, string, string>;
+    borderColor: import("mobx-state-tree").IType<string | undefined, string, string>;
+    borderSize: import("mobx-state-tree").IType<number | undefined, number, number>;
+    keepRatio: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    stretchEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
 } & {
-    type: import("mobx-state-tree").IType<string, string, string>;
-    duration: import("mobx-state-tree").IType<number, number, number>;
-    startTime: import("mobx-state-tree").IType<number, number, number>;
-    endTime: import("mobx-state-tree").IType<number, number, number>;
-    volume: import("mobx-state-tree").IType<number, number, number>;
+    type: import("mobx-state-tree").IType<string | undefined, string, string>;
+    duration: import("mobx-state-tree").IType<number | undefined, number, number>;
+    startTime: import("mobx-state-tree").IType<number | undefined, number, number>;
+    endTime: import("mobx-state-tree").IType<number | undefined, number, number>;
+    volume: import("mobx-state-tree").IType<number | undefined, number, number>;
 }, {
-    readonly locked: boolean;
     readonly page: any;
     readonly store: any;
     readonly top: import("mobx-state-tree").ModelInstanceTypeProps<{
         id: import("mobx-state-tree").ISimpleType<string>;
-        type: import("mobx-state-tree").IType<string, string, string>;
-        name: import("mobx-state-tree").IType<string, string, string>;
-        opacity: import("mobx-state-tree").IType<number, number, number>;
+        type: import("mobx-state-tree").IType<string | undefined, string, string>;
+        name: import("mobx-state-tree").IType<string | undefined, string, string>;
+        opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
         custom: import("mobx-state-tree").IType<any, any, any>;
-        visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-        selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-        removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-        alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-        showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
+        visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     }> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
         id: import("mobx-state-tree").ISimpleType<string>;
-        type: import("mobx-state-tree").IType<string, string, string>;
-        name: import("mobx-state-tree").IType<string, string, string>;
-        opacity: import("mobx-state-tree").IType<number, number, number>;
+        type: import("mobx-state-tree").IType<string | undefined, string, string>;
+        name: import("mobx-state-tree").IType<string | undefined, string, string>;
+        opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
         custom: import("mobx-state-tree").IType<any, any, any>;
-        visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-        selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-        removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-        alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
-        showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
+        visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     }, {}, import("mobx-state-tree").ModelCreationType<{
+        id: string;
+        type: string | undefined;
+        name: string | undefined;
+        opacity: number | undefined;
+        custom: any;
+        visible: boolean | undefined;
+        selectable: boolean | undefined;
+        removable: boolean | undefined;
+        alwaysOnTop: boolean | undefined;
+        showInExport: boolean | undefined;
+    }>, import("mobx-state-tree").ModelSnapshotType<{
+        id: import("mobx-state-tree").ISimpleType<string>;
+        type: import("mobx-state-tree").IType<string | undefined, string, string>;
+        name: import("mobx-state-tree").IType<string | undefined, string, string>;
+        opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
+        custom: import("mobx-state-tree").IType<any, any, any>;
+        visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    }>>>;
+    readonly parent: any;
+    readonly zIndex: any;
+} & {
+    toJSON(): {
         id: string;
         type: string;
         name: string;
@@ -108,14 +133,10 @@ export declare const VideoElement: import("mobx-state-tree").IModelType<{
         removable: boolean;
         alwaysOnTop: boolean;
         showInExport: boolean;
-    }>, {}>>;
-    readonly parent: any;
-    readonly zIndex: any;
-} & {
-    toJSON(): {};
+    };
 } & {
     clone(attrs?: any, { skipSelect }?: {
-        skipSelect?: boolean;
+        skipSelect?: boolean | undefined;
     }): import("./node-model.js").NodeType;
     set(attrs: any): void;
     moveUp(): void;
@@ -125,16 +146,8 @@ export declare const VideoElement: import("mobx-state-tree").IModelType<{
     setZIndex(zIndex: number): void;
     beforeDestroy(): void;
 } & {
-    readonly a: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-        rotation: number;
-        opacity: number;
-        color: any;
-        fontSize: any;
-    };
+    readonly locked: boolean;
+    readonly a: Record<string, any>;
     animated(attr: any): any;
 } & {
     setAnimation(type: any, attrs: any): void;
@@ -146,14 +159,25 @@ export declare const VideoElement: import("mobx-state-tree").IModelType<{
     readonly _cropModeEnabled: boolean;
 }, import("mobx-state-tree").ModelCreationType<{
     id: string;
-    type: string;
-    name: string;
-    opacity: number;
+    type: string | undefined;
+    name: string | undefined;
+    opacity: number | undefined;
     custom: any;
-    visible: boolean;
-    selectable: boolean;
-    removable: boolean;
-    alwaysOnTop: boolean;
-    showInExport: boolean;
-}>, {}>;
+    visible: boolean | undefined;
+    selectable: boolean | undefined;
+    removable: boolean | undefined;
+    alwaysOnTop: boolean | undefined;
+    showInExport: boolean | undefined;
+}>, import("mobx-state-tree").ModelSnapshotType<{
+    id: import("mobx-state-tree").ISimpleType<string>;
+    type: import("mobx-state-tree").IType<string | undefined, string, string>;
+    name: import("mobx-state-tree").IType<string | undefined, string, string>;
+    opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
+    custom: import("mobx-state-tree").IType<any, any, any>;
+    visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+}>>;
 export type VideoElementType = Instance<typeof VideoElement>;