import { Instance } from 'mobx-state-tree'; import { NodeType } from './node-model'; import { TextElementType } from './text-model'; import { ImageElementType } from './image-model'; import { VideoElementType } from './video-model'; import { LineElementType } from './line-model'; import { SVGElementType } from './svg-model'; import { FigureElementType } from './figure-model'; import { GifElementType } from './gif-model'; export declare const forEveryChild: (node: any, cb: any) => void; export declare const ElementTypes: any; type ElementUnion = (SVGElementType & { type: 'svg'; }) | (TextElementType & { type: 'text'; }) | (ImageElementType & { type: 'image'; }) | (LineElementType & { type: 'line'; }) | (VideoElementType & { type: 'video'; }) | (FigureElementType & { type: 'figure'; }) | (GifElementType & { type: 'gif'; }); type UnknownElementType = { type: string; [key: string]: any; }; export type ElementType = ElementUnion | UnknownElementType; export type ElementsArray = ElementType[]; export declare const GroupElement: any; export declare const TYPES_MAP: { svg: import("mobx-state-tree").IModelType<{ id: import("mobx-state-tree").ISimpleType; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; } & { x: import("mobx-state-tree").IType; y: import("mobx-state-tree").IType; width: import("mobx-state-tree").IType; height: import("mobx-state-tree").IType; rotation: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; animations: import("mobx-state-tree").IArrayType; duration: import("mobx-state-tree").IType; enabled: import("mobx-state-tree").IType; type: import("mobx-state-tree").ISimpleType; name: import("mobx-state-tree").IType; data: import("mobx-state-tree").IType<{}, {}, {}>; }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; blurEnabled: import("mobx-state-tree").IType; blurRadius: import("mobx-state-tree").IType; brightnessEnabled: import("mobx-state-tree").IType; brightness: import("mobx-state-tree").IType; sepiaEnabled: import("mobx-state-tree").IType; grayscaleEnabled: import("mobx-state-tree").IType; filters: import("mobx-state-tree").IMapType; }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; shadowEnabled: import("mobx-state-tree").IType; shadowBlur: import("mobx-state-tree").IType; shadowOffsetX: import("mobx-state-tree").IType; shadowOffsetY: import("mobx-state-tree").IType; shadowColor: import("mobx-state-tree").IType; shadowOpacity: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; draggable: import("mobx-state-tree").IType; resizable: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; contentEditable: import("mobx-state-tree").IType; styleEditable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; } & { type: import("mobx-state-tree").IType; src: import("mobx-state-tree").IType; maskSrc: import("mobx-state-tree").IType; cropX: import("mobx-state-tree").IType; cropY: import("mobx-state-tree").IType; cropWidth: import("mobx-state-tree").IType; cropHeight: import("mobx-state-tree").IType; keepRatio: import("mobx-state-tree").IType; stretchEnabled: import("mobx-state-tree").IType; flipX: import("mobx-state-tree").IType; flipY: import("mobx-state-tree").IType; width: import("mobx-state-tree").IType; height: import("mobx-state-tree").IType; borderColor: import("mobx-state-tree").IType; borderSize: import("mobx-state-tree").IType; cornerRadius: import("mobx-state-tree").IType; colorsReplace: import("mobx-state-tree").IMapType>; }, { readonly locked: boolean; readonly page: any; readonly store: any; readonly top: import("mobx-state-tree").ModelInstanceTypeProps<{ id: import("mobx-state-tree").ISimpleType; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; }> & import("mobx-state-tree").IStateTreeNode; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; }, {}, import("mobx-state-tree").ModelCreationType<{ id: string; type: string; name: string; opacity: number; custom: any; visible: boolean; selectable: boolean; removable: boolean; alwaysOnTop: boolean; showInExport: boolean; }>, {}>>; readonly parent: any; readonly zIndex: any; } & { toJSON(): {}; } & { clone(attrs?: any, { skipSelect }?: { skipSelect?: boolean; }): NodeType; set(attrs: any): void; moveUp(): void; moveTop(): void; moveDown(): void; moveBottom(): void; setZIndex(zIndex: number): void; beforeDestroy(): void; } & { readonly a: { x: number; y: number; width: number; height: number; rotation: number; opacity: number; color: any; fontSize: any; }; animated(attr: any): any; } & { setAnimation(type: any, attrs: any): void; setFilter(type: any, value: any): void; } & { replaceColor(oldColor: any, newColor: any): void; }, any, {}>; text: import("mobx-state-tree").IModelType<{ id: import("mobx-state-tree").ISimpleType; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; } & { x: import("mobx-state-tree").IType; y: import("mobx-state-tree").IType; width: import("mobx-state-tree").IType; height: import("mobx-state-tree").IType; rotation: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; animations: import("mobx-state-tree").IArrayType; duration: import("mobx-state-tree").IType; enabled: import("mobx-state-tree").IType; type: import("mobx-state-tree").ISimpleType; name: import("mobx-state-tree").IType; data: import("mobx-state-tree").IType<{}, {}, {}>; }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; blurEnabled: import("mobx-state-tree").IType; blurRadius: import("mobx-state-tree").IType; brightnessEnabled: import("mobx-state-tree").IType; brightness: import("mobx-state-tree").IType; sepiaEnabled: import("mobx-state-tree").IType; grayscaleEnabled: import("mobx-state-tree").IType; filters: import("mobx-state-tree").IMapType; }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; shadowEnabled: import("mobx-state-tree").IType; shadowBlur: import("mobx-state-tree").IType; shadowOffsetX: import("mobx-state-tree").IType; shadowOffsetY: import("mobx-state-tree").IType; shadowColor: import("mobx-state-tree").IType; shadowOpacity: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; draggable: import("mobx-state-tree").IType; resizable: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; contentEditable: import("mobx-state-tree").IType; styleEditable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; } & { type: import("mobx-state-tree").IType; text: import("mobx-state-tree").IType; placeholder: import("mobx-state-tree").IType; fontSize: import("mobx-state-tree").IType; fontFamily: import("mobx-state-tree").IType; fontStyle: import("mobx-state-tree").IType; fontWeight: import("mobx-state-tree").IType; textDecoration: import("mobx-state-tree").IType; textTransform: import("mobx-state-tree").IType; fill: import("mobx-state-tree").IType; align: import("mobx-state-tree").IType; width: import("mobx-state-tree").IType; height: import("mobx-state-tree").IType; verticalAlign: import("mobx-state-tree").IType; strokeWidth: import("mobx-state-tree").IType; stroke: import("mobx-state-tree").IType; lineHeight: import("mobx-state-tree").IOptionalIType, import("mobx-state-tree").ISimpleType]>, [undefined]>; letterSpacing: import("mobx-state-tree").IType; _editModeEnabled: import("mobx-state-tree").IType; backgroundEnabled: import("mobx-state-tree").IType; backgroundColor: import("mobx-state-tree").IType; backgroundOpacity: import("mobx-state-tree").IType; backgroundCornerRadius: import("mobx-state-tree").IType; backgroundPadding: import("mobx-state-tree").IType; }, { readonly locked: boolean; readonly page: any; readonly store: any; readonly top: import("mobx-state-tree").ModelInstanceTypeProps<{ id: import("mobx-state-tree").ISimpleType; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; }> & import("mobx-state-tree").IStateTreeNode; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; }, {}, import("mobx-state-tree").ModelCreationType<{ id: string; type: string; name: string; opacity: number; custom: any; visible: boolean; selectable: boolean; removable: boolean; alwaysOnTop: boolean; showInExport: boolean; }>, {}>>; readonly parent: any; readonly zIndex: any; } & { toJSON(): {}; } & { clone(attrs?: any, { skipSelect }?: { skipSelect?: boolean; }): NodeType; set(attrs: any): void; moveUp(): void; moveTop(): void; moveDown(): void; moveBottom(): void; setZIndex(zIndex: number): void; beforeDestroy(): void; } & { readonly a: { x: number; y: number; width: number; height: number; rotation: number; opacity: number; color: any; fontSize: any; }; animated(attr: any): any; } & { setAnimation(type: any, attrs: any): void; setFilter(type: any, value: any): void; } & { toggleEditMode(editing?: boolean): void; }, import("mobx-state-tree").ModelCreationType<{ id: string; type: string; name: string; opacity: number; custom: any; visible: boolean; selectable: boolean; removable: boolean; alwaysOnTop: boolean; showInExport: boolean; }>, {}>; image: import("mobx-state-tree").IModelType<{ id: import("mobx-state-tree").ISimpleType; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; } & { x: import("mobx-state-tree").IType; y: import("mobx-state-tree").IType; width: import("mobx-state-tree").IType; height: import("mobx-state-tree").IType; rotation: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; animations: import("mobx-state-tree").IArrayType; duration: import("mobx-state-tree").IType; enabled: import("mobx-state-tree").IType; type: import("mobx-state-tree").ISimpleType; name: import("mobx-state-tree").IType; data: import("mobx-state-tree").IType<{}, {}, {}>; }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; blurEnabled: import("mobx-state-tree").IType; blurRadius: import("mobx-state-tree").IType; brightnessEnabled: import("mobx-state-tree").IType; brightness: import("mobx-state-tree").IType; sepiaEnabled: import("mobx-state-tree").IType; grayscaleEnabled: import("mobx-state-tree").IType; filters: import("mobx-state-tree").IMapType; }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; shadowEnabled: import("mobx-state-tree").IType; shadowBlur: import("mobx-state-tree").IType; shadowOffsetX: import("mobx-state-tree").IType; shadowOffsetY: import("mobx-state-tree").IType; shadowColor: import("mobx-state-tree").IType; shadowOpacity: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; draggable: import("mobx-state-tree").IType; resizable: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; contentEditable: import("mobx-state-tree").IType; styleEditable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; } & { type: import("mobx-state-tree").IType; width: import("mobx-state-tree").IType; height: import("mobx-state-tree").IType; src: import("mobx-state-tree").IType; cropX: import("mobx-state-tree").IType; cropY: import("mobx-state-tree").IType; cropWidth: import("mobx-state-tree").IType; cropHeight: import("mobx-state-tree").IType; cornerRadius: import("mobx-state-tree").IType; flipX: import("mobx-state-tree").IType; flipY: import("mobx-state-tree").IType; clipSrc: import("mobx-state-tree").IType; borderColor: import("mobx-state-tree").IType; borderSize: import("mobx-state-tree").IType; keepRatio: import("mobx-state-tree").IType; stretchEnabled: import("mobx-state-tree").IType; _cropModeEnabled: import("mobx-state-tree").IType; }, { readonly locked: boolean; readonly page: any; readonly store: any; readonly top: import("mobx-state-tree").ModelInstanceTypeProps<{ id: import("mobx-state-tree").ISimpleType; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; }> & import("mobx-state-tree").IStateTreeNode; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; }, {}, import("mobx-state-tree").ModelCreationType<{ id: string; type: string; name: string; opacity: number; custom: any; visible: boolean; selectable: boolean; removable: boolean; alwaysOnTop: boolean; showInExport: boolean; }>, {}>>; readonly parent: any; readonly zIndex: any; } & { toJSON(): {}; } & { clone(attrs?: any, { skipSelect }?: { skipSelect?: boolean; }): NodeType; set(attrs: any): void; moveUp(): void; moveTop(): void; moveDown(): void; moveBottom(): void; setZIndex(zIndex: number): void; beforeDestroy(): void; } & { readonly a: { x: number; y: number; width: number; height: number; rotation: number; opacity: number; color: any; fontSize: any; }; animated(attr: any): any; } & { setAnimation(type: any, attrs: any): void; setFilter(type: any, value: any): void; } & { toggleCropMode(flag?: boolean): void; beforeDestroy(): void; }, import("mobx-state-tree").ModelCreationType<{ id: string; type: string; name: string; opacity: number; custom: any; visible: boolean; selectable: boolean; removable: boolean; alwaysOnTop: boolean; showInExport: boolean; }>, {}>; group: any; line: import("mobx-state-tree").IModelType<{ id: import("mobx-state-tree").ISimpleType; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; } & { x: import("mobx-state-tree").IType; y: import("mobx-state-tree").IType; width: import("mobx-state-tree").IType; height: import("mobx-state-tree").IType; rotation: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; animations: import("mobx-state-tree").IArrayType; duration: import("mobx-state-tree").IType; enabled: import("mobx-state-tree").IType; type: import("mobx-state-tree").ISimpleType; name: import("mobx-state-tree").IType; data: import("mobx-state-tree").IType<{}, {}, {}>; }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; blurEnabled: import("mobx-state-tree").IType; blurRadius: import("mobx-state-tree").IType; brightnessEnabled: import("mobx-state-tree").IType; brightness: import("mobx-state-tree").IType; sepiaEnabled: import("mobx-state-tree").IType; grayscaleEnabled: import("mobx-state-tree").IType; filters: import("mobx-state-tree").IMapType; }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; shadowEnabled: import("mobx-state-tree").IType; shadowBlur: import("mobx-state-tree").IType; shadowOffsetX: import("mobx-state-tree").IType; shadowOffsetY: import("mobx-state-tree").IType; shadowColor: import("mobx-state-tree").IType; shadowOpacity: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; draggable: import("mobx-state-tree").IType; resizable: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; contentEditable: import("mobx-state-tree").IType; styleEditable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; } & { type: import("mobx-state-tree").IType; width: import("mobx-state-tree").IType; height: import("mobx-state-tree").IType; color: import("mobx-state-tree").IType; dash: import("mobx-state-tree").IArrayType>; startHead: import("mobx-state-tree").IType; endHead: import("mobx-state-tree").IType; }, { readonly locked: boolean; readonly page: any; readonly store: any; readonly top: import("mobx-state-tree").ModelInstanceTypeProps<{ id: import("mobx-state-tree").ISimpleType; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; }> & import("mobx-state-tree").IStateTreeNode; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; }, {}, import("mobx-state-tree").ModelCreationType<{ id: string; type: string; name: string; opacity: number; custom: any; visible: boolean; selectable: boolean; removable: boolean; alwaysOnTop: boolean; showInExport: boolean; }>, {}>>; readonly parent: any; readonly zIndex: any; } & { toJSON(): {}; } & { clone(attrs?: any, { skipSelect }?: { skipSelect?: boolean; }): NodeType; set(attrs: any): void; moveUp(): void; moveTop(): void; moveDown(): void; moveBottom(): void; setZIndex(zIndex: number): void; beforeDestroy(): void; } & { readonly a: { x: number; y: number; width: number; height: number; rotation: number; opacity: number; color: any; fontSize: any; }; animated(attr: any): any; } & { setAnimation(type: any, attrs: any): void; setFilter(type: any, value: any): void; }, import("mobx-state-tree").ModelCreationType<{ id: string; type: string; name: string; opacity: number; custom: any; visible: boolean; selectable: boolean; removable: boolean; alwaysOnTop: boolean; showInExport: boolean; }>, {}>; video: import("mobx-state-tree").IModelType<{ id: import("mobx-state-tree").ISimpleType; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; } & { x: import("mobx-state-tree").IType; y: import("mobx-state-tree").IType; width: import("mobx-state-tree").IType; height: import("mobx-state-tree").IType; rotation: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; animations: import("mobx-state-tree").IArrayType; duration: import("mobx-state-tree").IType; enabled: import("mobx-state-tree").IType; type: import("mobx-state-tree").ISimpleType; name: import("mobx-state-tree").IType; data: import("mobx-state-tree").IType<{}, {}, {}>; }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; blurEnabled: import("mobx-state-tree").IType; blurRadius: import("mobx-state-tree").IType; brightnessEnabled: import("mobx-state-tree").IType; brightness: import("mobx-state-tree").IType; sepiaEnabled: import("mobx-state-tree").IType; grayscaleEnabled: import("mobx-state-tree").IType; filters: import("mobx-state-tree").IMapType; }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; shadowEnabled: import("mobx-state-tree").IType; shadowBlur: import("mobx-state-tree").IType; shadowOffsetX: import("mobx-state-tree").IType; shadowOffsetY: import("mobx-state-tree").IType; shadowColor: import("mobx-state-tree").IType; shadowOpacity: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; draggable: import("mobx-state-tree").IType; resizable: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; contentEditable: import("mobx-state-tree").IType; styleEditable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; } & { type: import("mobx-state-tree").IType; width: import("mobx-state-tree").IType; height: import("mobx-state-tree").IType; src: import("mobx-state-tree").IType; cropX: import("mobx-state-tree").IType; cropY: import("mobx-state-tree").IType; cropWidth: import("mobx-state-tree").IType; cropHeight: import("mobx-state-tree").IType; cornerRadius: import("mobx-state-tree").IType; flipX: import("mobx-state-tree").IType; flipY: import("mobx-state-tree").IType; clipSrc: import("mobx-state-tree").IType; borderColor: import("mobx-state-tree").IType; borderSize: import("mobx-state-tree").IType; keepRatio: import("mobx-state-tree").IType; stretchEnabled: import("mobx-state-tree").IType; _cropModeEnabled: import("mobx-state-tree").IType; } & { type: import("mobx-state-tree").IType; duration: import("mobx-state-tree").IType; startTime: import("mobx-state-tree").IType; endTime: import("mobx-state-tree").IType; volume: import("mobx-state-tree").IType; }, { readonly locked: boolean; readonly page: any; readonly store: any; readonly top: import("mobx-state-tree").ModelInstanceTypeProps<{ id: import("mobx-state-tree").ISimpleType; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; }> & import("mobx-state-tree").IStateTreeNode; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; }, {}, import("mobx-state-tree").ModelCreationType<{ id: string; type: string; name: string; opacity: number; custom: any; visible: boolean; selectable: boolean; removable: boolean; alwaysOnTop: boolean; showInExport: boolean; }>, {}>>; readonly parent: any; readonly zIndex: any; } & { toJSON(): {}; } & { clone(attrs?: any, { skipSelect }?: { skipSelect?: boolean; }): NodeType; set(attrs: any): void; moveUp(): void; moveTop(): void; moveDown(): void; moveBottom(): void; setZIndex(zIndex: number): void; beforeDestroy(): void; } & { readonly a: { x: number; y: number; width: number; height: number; rotation: number; opacity: number; color: any; fontSize: any; }; animated(attr: any): any; } & { setAnimation(type: any, attrs: any): void; setFilter(type: any, value: any): void; } & { toggleCropMode(flag?: boolean): void; beforeDestroy(): void; }, import("mobx-state-tree").ModelCreationType<{ id: string; type: string; name: string; opacity: number; custom: any; visible: boolean; selectable: boolean; removable: boolean; alwaysOnTop: boolean; showInExport: boolean; }>, {}>; figure: import("mobx-state-tree").IModelType<{ id: import("mobx-state-tree").ISimpleType; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; } & { x: import("mobx-state-tree").IType; y: import("mobx-state-tree").IType; width: import("mobx-state-tree").IType; height: import("mobx-state-tree").IType; rotation: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; animations: import("mobx-state-tree").IArrayType; duration: import("mobx-state-tree").IType; enabled: import("mobx-state-tree").IType; type: import("mobx-state-tree").ISimpleType; name: import("mobx-state-tree").IType; data: import("mobx-state-tree").IType<{}, {}, {}>; }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; blurEnabled: import("mobx-state-tree").IType; blurRadius: import("mobx-state-tree").IType; brightnessEnabled: import("mobx-state-tree").IType; brightness: import("mobx-state-tree").IType; sepiaEnabled: import("mobx-state-tree").IType; grayscaleEnabled: import("mobx-state-tree").IType; filters: import("mobx-state-tree").IMapType; }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; shadowEnabled: import("mobx-state-tree").IType; shadowBlur: import("mobx-state-tree").IType; shadowOffsetX: import("mobx-state-tree").IType; shadowOffsetY: import("mobx-state-tree").IType; shadowColor: import("mobx-state-tree").IType; shadowOpacity: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; draggable: import("mobx-state-tree").IType; resizable: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; contentEditable: import("mobx-state-tree").IType; styleEditable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; } & { type: import("mobx-state-tree").IType; subType: import("mobx-state-tree").IType; fill: import("mobx-state-tree").IType; dash: import("mobx-state-tree").IArrayType>; strokeWidth: import("mobx-state-tree").IType; stroke: import("mobx-state-tree").IType; cornerRadius: import("mobx-state-tree").IType; }, { readonly locked: boolean; readonly page: any; readonly store: any; readonly top: import("mobx-state-tree").ModelInstanceTypeProps<{ id: import("mobx-state-tree").ISimpleType; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; }> & import("mobx-state-tree").IStateTreeNode; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; }, {}, import("mobx-state-tree").ModelCreationType<{ id: string; type: string; name: string; opacity: number; custom: any; visible: boolean; selectable: boolean; removable: boolean; alwaysOnTop: boolean; showInExport: boolean; }>, {}>>; readonly parent: any; readonly zIndex: any; } & { toJSON(): {}; } & { clone(attrs?: any, { skipSelect }?: { skipSelect?: boolean; }): NodeType; set(attrs: any): void; moveUp(): void; moveTop(): void; moveDown(): void; moveBottom(): void; setZIndex(zIndex: number): void; beforeDestroy(): void; } & { readonly a: { x: number; y: number; width: number; height: number; rotation: number; opacity: number; color: any; fontSize: any; }; animated(attr: any): any; } & { setAnimation(type: any, attrs: any): void; setFilter(type: any, value: any): void; }, import("mobx-state-tree").ModelCreationType<{ id: string; type: string; name: string; opacity: number; custom: any; visible: boolean; selectable: boolean; removable: boolean; alwaysOnTop: boolean; showInExport: boolean; }>, {}>; gif: import("mobx-state-tree").IModelType<{ id: import("mobx-state-tree").ISimpleType; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; } & { x: import("mobx-state-tree").IType; y: import("mobx-state-tree").IType; width: import("mobx-state-tree").IType; height: import("mobx-state-tree").IType; rotation: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; animations: import("mobx-state-tree").IArrayType; duration: import("mobx-state-tree").IType; enabled: import("mobx-state-tree").IType; type: import("mobx-state-tree").ISimpleType; name: import("mobx-state-tree").IType; data: import("mobx-state-tree").IType<{}, {}, {}>; }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; blurEnabled: import("mobx-state-tree").IType; blurRadius: import("mobx-state-tree").IType; brightnessEnabled: import("mobx-state-tree").IType; brightness: import("mobx-state-tree").IType; sepiaEnabled: import("mobx-state-tree").IType; grayscaleEnabled: import("mobx-state-tree").IType; filters: import("mobx-state-tree").IMapType; }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; shadowEnabled: import("mobx-state-tree").IType; shadowBlur: import("mobx-state-tree").IType; shadowOffsetX: import("mobx-state-tree").IType; shadowOffsetY: import("mobx-state-tree").IType; shadowColor: import("mobx-state-tree").IType; shadowOpacity: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; draggable: import("mobx-state-tree").IType; resizable: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; contentEditable: import("mobx-state-tree").IType; styleEditable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; } & { type: import("mobx-state-tree").IType; width: import("mobx-state-tree").IType; height: import("mobx-state-tree").IType; src: import("mobx-state-tree").IType; cropX: import("mobx-state-tree").IType; cropY: import("mobx-state-tree").IType; cropWidth: import("mobx-state-tree").IType; cropHeight: import("mobx-state-tree").IType; cornerRadius: import("mobx-state-tree").IType; flipX: import("mobx-state-tree").IType; flipY: import("mobx-state-tree").IType; clipSrc: import("mobx-state-tree").IType; borderColor: import("mobx-state-tree").IType; borderSize: import("mobx-state-tree").IType; keepRatio: import("mobx-state-tree").IType; stretchEnabled: import("mobx-state-tree").IType; _cropModeEnabled: import("mobx-state-tree").IType; } & { type: import("mobx-state-tree").IType; duration: import("mobx-state-tree").IType; keepRatio: import("mobx-state-tree").IType; }, { readonly locked: boolean; readonly page: any; readonly store: any; readonly top: import("mobx-state-tree").ModelInstanceTypeProps<{ id: import("mobx-state-tree").ISimpleType; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; }> & import("mobx-state-tree").IStateTreeNode; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; }, {}, import("mobx-state-tree").ModelCreationType<{ id: string; type: string; name: string; opacity: number; custom: any; visible: boolean; selectable: boolean; removable: boolean; alwaysOnTop: boolean; showInExport: boolean; }>, {}>>; readonly parent: any; readonly zIndex: any; } & { toJSON(): {}; } & { clone(attrs?: any, { skipSelect }?: { skipSelect?: boolean; }): NodeType; set(attrs: any): void; moveUp(): void; moveTop(): void; moveDown(): void; moveBottom(): void; setZIndex(zIndex: number): void; beforeDestroy(): void; } & { readonly a: { x: number; y: number; width: number; height: number; rotation: number; opacity: number; color: any; fontSize: any; }; animated(attr: any): any; } & { setAnimation(type: any, attrs: any): void; setFilter(type: any, value: any): void; } & { toggleCropMode(flag?: boolean): void; beforeDestroy(): void; }, import("mobx-state-tree").ModelCreationType<{ id: string; type: string; name: string; opacity: number; custom: any; visible: boolean; selectable: boolean; removable: boolean; alwaysOnTop: boolean; showInExport: boolean; }>, {}>; }; export declare function registerShapeModel(defaultAttributes: any, extendFunc?: any): void; export type GroupElementType = Instance; export {};