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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/blueprint.polotno.css +269 -39
  2. package/canvas/audio.d.ts +1 -1
  3. package/canvas/context-menu/context-menu.d.ts +1 -1
  4. package/canvas/drawing-layer.d.ts +1 -1
  5. package/canvas/element.d.ts +1 -1
  6. package/canvas/image-element.d.ts +1 -1
  7. package/canvas/page-controls.d.ts +1 -1
  8. package/canvas/rules.d.ts +4 -2
  9. package/canvas/rules.js +3 -3
  10. package/canvas/tooltip.d.ts +1 -1
  11. package/canvas/use-color.d.ts +2 -2
  12. package/canvas/video-element.d.ts +1 -1
  13. package/canvas/workspace-canvas.d.ts +2 -1
  14. package/canvas/workspace-canvas.js +1 -1
  15. package/model/audio-model.d.ts +6 -6
  16. package/model/figure-model.d.ts +112 -88
  17. package/model/gif-model.d.ts +125 -101
  18. package/model/group-model.d.ts +843 -675
  19. package/model/history.d.ts +2 -2
  20. package/model/history.js +1 -1
  21. package/model/image-model.d.ts +122 -98
  22. package/model/line-model.d.ts +112 -88
  23. package/model/node-model.d.ts +72 -40
  24. package/model/node-model.js +1 -1
  25. package/model/page-model.d.ts +11 -11
  26. package/model/page-model.js +1 -1
  27. package/model/shape-model.d.ts +112 -88
  28. package/model/shape-model.js +1 -1
  29. package/model/store.d.ts +346 -309
  30. package/model/store.js +1 -1
  31. package/model/svg-model.d.ts +114 -90
  32. package/model/text-model.d.ts +131 -107
  33. package/model/video-model.d.ts +127 -103
  34. package/package.json +16 -13
  35. package/pages-timeline/audio-track.js +1 -1
  36. package/pages-timeline/audios.d.ts +1 -1
  37. package/pages-timeline/elements.d.ts +1 -1
  38. package/pages-timeline/waveform.d.ts +2 -2
  39. package/polotno.bundle.js +73 -73
  40. package/side-panel/animations-panel.d.ts +1 -1
  41. package/side-panel/effects-panel.d.ts +1 -1
  42. package/side-panel/select-video.d.ts +236 -199
  43. package/side-panel/videos-grid.d.ts +1 -1
  44. package/toolbar/element-container.d.ts +1 -1
  45. package/toolbar/figure-toolbar.d.ts +1 -1
  46. package/toolbar/sketch.d.ts +7 -7
  47. package/toolbar/text-ai-write.d.ts +1 -1
  48. package/toolbar/toolbar.d.ts +1 -1
  49. package/toolbar/use-copy-style.d.ts +2 -2
  50. package/toolbar/video-toolbar.d.ts +1 -1
  51. package/utils/clipboard.js +1 -1
  52. package/utils/font-metric.d.ts +4 -4
  53. package/utils/from-svg.js +1 -1
  54. package/utils/gif-lib.d.ts +5 -0
  55. package/utils/goober.d.ts +5 -0
  56. package/utils/gradient.js +1 -1
  57. package/utils/l10n.d.ts +5 -1
  58. package/utils/l10n.js +1 -1
  59. package/utils/luma.js +1 -1
  60. package/utils/pdf.d.ts +6 -1
  61. package/utils/pdf.js +1 -1
  62. package/utils/react-color/components/common/ColorWrap.d.ts +2 -2
  63. package/utils/react-color/components/common/Swatch.d.ts +3 -3
  64. package/utils/react-color/helpers/interaction.d.ts +3 -3
  65. package/utils/reactcss/components/active.d.ts +3 -3
  66. package/utils/reactcss/components/hover.d.ts +3 -3
  67. package/utils/styled.js +1 -1
  68. package/utils/svg.d.ts +1 -1
  69. package/utils/svg.js +1 -1
  70. package/utils/to-canvas.d.ts +3 -1
  71. package/utils/to-canvas.js +1 -1
  72. package/utils/to-pptx.d.ts +1 -1
  73. package/utils/to-svg.d.ts +9 -7
  74. package/utils/use-api.d.ts +3 -3
  75. package/utils/validate-key.js +1 -1
package/model/group-model.d.ts CHANGED
@@ -34,98 +34,123 @@ export declare const GroupElement: any;
34
34
  export declare const TYPES_MAP: {
35
35
  svg: import("mobx-state-tree").IModelType<{
36
36
  id: import("mobx-state-tree").ISimpleType<string>;
37
- type: import("mobx-state-tree").IType<string, string, string>;
38
- name: import("mobx-state-tree").IType<string, string, string>;
39
- opacity: import("mobx-state-tree").IType<number, number, number>;
37
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
38
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
39
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
40
40
  custom: import("mobx-state-tree").IType<any, any, any>;
41
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
42
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
43
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
44
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
45
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
41
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
42
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
43
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
44
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
45
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
46
46
  } & {
47
- x: import("mobx-state-tree").IType<number, number, number>;
48
- y: import("mobx-state-tree").IType<number, number, number>;
49
- width: import("mobx-state-tree").IType<number, number, number>;
50
- height: import("mobx-state-tree").IType<number, number, number>;
51
- rotation: import("mobx-state-tree").IType<number, number, number>;
52
- opacity: import("mobx-state-tree").IType<number, number, number>;
47
+ x: import("mobx-state-tree").IType<number | undefined, number, number>;
48
+ y: import("mobx-state-tree").IType<number | undefined, number, number>;
49
+ width: import("mobx-state-tree").IType<number | undefined, number, number>;
50
+ height: import("mobx-state-tree").IType<number | undefined, number, number>;
51
+ rotation: import("mobx-state-tree").IType<number | undefined, number, number>;
52
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
53
53
  animations: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
54
- delay: import("mobx-state-tree").IType<number, number, number>;
55
- duration: import("mobx-state-tree").IType<number, number, number>;
56
- enabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
54
+ delay: import("mobx-state-tree").IType<number | undefined, number, number>;
55
+ duration: import("mobx-state-tree").IType<number | undefined, number, number>;
56
+ enabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
57
57
  type: import("mobx-state-tree").ISimpleType<string>;
58
- name: import("mobx-state-tree").IType<string, string, string>;
59
- data: import("mobx-state-tree").IType<{}, {}, {}>;
58
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
59
+ data: import("mobx-state-tree").IType<{} | null | undefined, {}, {}>;
60
60
  }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
61
- blurEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
62
- blurRadius: import("mobx-state-tree").IType<number, number, number>;
63
- brightnessEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
64
- brightness: import("mobx-state-tree").IType<number, number, number>;
65
- sepiaEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
66
- grayscaleEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
61
+ blurEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
62
+ blurRadius: import("mobx-state-tree").IType<number | undefined, number, number>;
63
+ brightnessEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
64
+ brightness: import("mobx-state-tree").IType<number | undefined, number, number>;
65
+ sepiaEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
66
+ grayscaleEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
67
67
  filters: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
68
- intensity: import("mobx-state-tree").IType<number, number, number>;
68
+ intensity: import("mobx-state-tree").IType<number | undefined, number, number>;
69
69
  }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
70
- shadowEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
71
- shadowBlur: import("mobx-state-tree").IType<number, number, number>;
72
- shadowOffsetX: import("mobx-state-tree").IType<number, number, number>;
73
- shadowOffsetY: import("mobx-state-tree").IType<number, number, number>;
74
- shadowColor: import("mobx-state-tree").IType<string, string, string>;
75
- shadowOpacity: import("mobx-state-tree").IType<number, number, number>;
76
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
77
- draggable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
78
- resizable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
79
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
80
- contentEditable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
81
- styleEditable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
82
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
83
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
70
+ shadowEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
71
+ shadowBlur: import("mobx-state-tree").IType<number | undefined, number, number>;
72
+ shadowOffsetX: import("mobx-state-tree").IType<number | undefined, number, number>;
73
+ shadowOffsetY: import("mobx-state-tree").IType<number | undefined, number, number>;
74
+ shadowColor: import("mobx-state-tree").IType<string | undefined, string, string>;
75
+ shadowOpacity: import("mobx-state-tree").IType<number | undefined, number, number>;
76
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
77
+ draggable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
78
+ resizable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
79
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
80
+ contentEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
81
+ styleEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
82
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
83
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
84
84
  } & {
85
- type: import("mobx-state-tree").IType<string, string, string>;
86
- src: import("mobx-state-tree").IType<string, string, string>;
87
- maskSrc: import("mobx-state-tree").IType<string, string, string>;
88
- cropX: import("mobx-state-tree").IType<number, number, number>;
89
- cropY: import("mobx-state-tree").IType<number, number, number>;
90
- cropWidth: import("mobx-state-tree").IType<number, number, number>;
91
- cropHeight: import("mobx-state-tree").IType<number, number, number>;
92
- keepRatio: import("mobx-state-tree").IType<boolean, boolean, boolean>;
93
- stretchEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
94
- flipX: import("mobx-state-tree").IType<boolean, boolean, boolean>;
95
- flipY: import("mobx-state-tree").IType<boolean, boolean, boolean>;
96
- width: import("mobx-state-tree").IType<number, number, number>;
97
- height: import("mobx-state-tree").IType<number, number, number>;
98
- borderColor: import("mobx-state-tree").IType<string, string, string>;
99
- borderSize: import("mobx-state-tree").IType<number, number, number>;
100
- cornerRadius: import("mobx-state-tree").IType<number, number, number>;
85
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
86
+ src: import("mobx-state-tree").IType<string | undefined, string, string>;
87
+ maskSrc: import("mobx-state-tree").IType<string | undefined, string, string>;
88
+ cropX: import("mobx-state-tree").IType<number | undefined, number, number>;
89
+ cropY: import("mobx-state-tree").IType<number | undefined, number, number>;
90
+ cropWidth: import("mobx-state-tree").IType<number | undefined, number, number>;
91
+ cropHeight: import("mobx-state-tree").IType<number | undefined, number, number>;
92
+ keepRatio: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
93
+ stretchEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
94
+ flipX: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
95
+ flipY: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
96
+ width: import("mobx-state-tree").IType<number | undefined, number, number>;
97
+ height: import("mobx-state-tree").IType<number | undefined, number, number>;
98
+ borderColor: import("mobx-state-tree").IType<string | undefined, string, string>;
99
+ borderSize: import("mobx-state-tree").IType<number | undefined, number, number>;
100
+ cornerRadius: import("mobx-state-tree").IType<number | undefined, number, number>;
101
101
  colorsReplace: import("mobx-state-tree").IMapType<import("mobx-state-tree").ISimpleType<string>>;
102
102
  }, {
103
- readonly locked: boolean;
104
103
  readonly page: any;
105
104
  readonly store: any;
106
105
  readonly top: import("mobx-state-tree").ModelInstanceTypeProps<{
107
106
  id: import("mobx-state-tree").ISimpleType<string>;
108
- type: import("mobx-state-tree").IType<string, string, string>;
109
- name: import("mobx-state-tree").IType<string, string, string>;
110
- opacity: import("mobx-state-tree").IType<number, number, number>;
107
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
108
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
109
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
111
110
  custom: import("mobx-state-tree").IType<any, any, any>;
112
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
113
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
114
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
115
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
116
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
111
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
112
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
113
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
114
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
115
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
117
116
  }> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
118
117
  id: import("mobx-state-tree").ISimpleType<string>;
119
- type: import("mobx-state-tree").IType<string, string, string>;
120
- name: import("mobx-state-tree").IType<string, string, string>;
121
- opacity: import("mobx-state-tree").IType<number, number, number>;
118
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
119
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
120
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
122
121
  custom: import("mobx-state-tree").IType<any, any, any>;
123
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
124
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
125
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
126
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
127
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
122
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
123
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
124
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
125
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
126
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
128
127
  }, {}, import("mobx-state-tree").ModelCreationType<{
128
+ id: string;
129
+ type: string | undefined;
130
+ name: string | undefined;
131
+ opacity: number | undefined;
132
+ custom: any;
133
+ visible: boolean | undefined;
134
+ selectable: boolean | undefined;
135
+ removable: boolean | undefined;
136
+ alwaysOnTop: boolean | undefined;
137
+ showInExport: boolean | undefined;
138
+ }>, import("mobx-state-tree").ModelSnapshotType<{
139
+ id: import("mobx-state-tree").ISimpleType<string>;
140
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
141
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
142
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
143
+ custom: import("mobx-state-tree").IType<any, any, any>;
144
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
145
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
146
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
147
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
148
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
149
+ }>>>;
150
+ readonly parent: any;
151
+ readonly zIndex: any;
152
+ } & {
153
+ toJSON(): {
129
154
  id: string;
130
155
  type: string;
131
156
  name: string;
@@ -136,14 +161,10 @@ export declare const TYPES_MAP: {
136
161
  removable: boolean;
137
162
  alwaysOnTop: boolean;
138
163
  showInExport: boolean;
139
- }>, {}>>;
140
- readonly parent: any;
141
- readonly zIndex: any;
142
- } & {
143
- toJSON(): {};
164
+ };
144
165
  } & {
145
166
  clone(attrs?: any, { skipSelect }?: {
146
- skipSelect?: boolean;
167
+ skipSelect?: boolean | undefined;
147
168
  }): NodeType;
148
169
  set(attrs: any): void;
149
170
  moveUp(): void;
@@ -153,126 +174,154 @@ export declare const TYPES_MAP: {
153
174
  setZIndex(zIndex: number): void;
154
175
  beforeDestroy(): void;
155
176
  } & {
156
- readonly a: {
157
- x: number;
158
- y: number;
159
- width: number;
160
- height: number;
161
- rotation: number;
162
- opacity: number;
163
- color: any;
164
- fontSize: any;
165
- };
177
+ readonly locked: boolean;
178
+ readonly a: Record<string, any>;
166
179
  animated(attr: any): any;
167
180
  } & {
168
181
  setAnimation(type: any, attrs: any): void;
169
182
  setFilter(type: any, value: any): void;
170
183
  } & {
171
184
  replaceColor(oldColor: any, newColor: any): void;
172
- }, any, {}>;
185
+ }, any, import("mobx-state-tree").ModelSnapshotType<{
186
+ id: import("mobx-state-tree").ISimpleType<string>;
187
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
188
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
189
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
190
+ custom: import("mobx-state-tree").IType<any, any, any>;
191
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
192
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
193
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
194
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
195
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
196
+ }>>;
173
197
  text: import("mobx-state-tree").IModelType<{
174
198
  id: import("mobx-state-tree").ISimpleType<string>;
175
- type: import("mobx-state-tree").IType<string, string, string>;
176
- name: import("mobx-state-tree").IType<string, string, string>;
177
- opacity: import("mobx-state-tree").IType<number, number, number>;
199
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
200
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
201
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
178
202
  custom: import("mobx-state-tree").IType<any, any, any>;
179
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
180
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
181
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
182
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
183
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
203
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
204
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
205
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
206
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
207
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
184
208
  } & {
185
- x: import("mobx-state-tree").IType<number, number, number>;
186
- y: import("mobx-state-tree").IType<number, number, number>;
187
- width: import("mobx-state-tree").IType<number, number, number>;
188
- height: import("mobx-state-tree").IType<number, number, number>;
189
- rotation: import("mobx-state-tree").IType<number, number, number>;
190
- opacity: import("mobx-state-tree").IType<number, number, number>;
209
+ x: import("mobx-state-tree").IType<number | undefined, number, number>;
210
+ y: import("mobx-state-tree").IType<number | undefined, number, number>;
211
+ width: import("mobx-state-tree").IType<number | undefined, number, number>;
212
+ height: import("mobx-state-tree").IType<number | undefined, number, number>;
213
+ rotation: import("mobx-state-tree").IType<number | undefined, number, number>;
214
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
191
215
  animations: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
192
- delay: import("mobx-state-tree").IType<number, number, number>;
193
- duration: import("mobx-state-tree").IType<number, number, number>;
194
- enabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
216
+ delay: import("mobx-state-tree").IType<number | undefined, number, number>;
217
+ duration: import("mobx-state-tree").IType<number | undefined, number, number>;
218
+ enabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
195
219
  type: import("mobx-state-tree").ISimpleType<string>;
196
- name: import("mobx-state-tree").IType<string, string, string>;
197
- data: import("mobx-state-tree").IType<{}, {}, {}>;
220
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
221
+ data: import("mobx-state-tree").IType<{} | null | undefined, {}, {}>;
198
222
  }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
199
- blurEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
200
- blurRadius: import("mobx-state-tree").IType<number, number, number>;
201
- brightnessEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
202
- brightness: import("mobx-state-tree").IType<number, number, number>;
203
- sepiaEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
204
- grayscaleEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
223
+ blurEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
224
+ blurRadius: import("mobx-state-tree").IType<number | undefined, number, number>;
225
+ brightnessEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
226
+ brightness: import("mobx-state-tree").IType<number | undefined, number, number>;
227
+ sepiaEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
228
+ grayscaleEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
205
229
  filters: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
206
- intensity: import("mobx-state-tree").IType<number, number, number>;
230
+ intensity: import("mobx-state-tree").IType<number | undefined, number, number>;
207
231
  }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
208
- shadowEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
209
- shadowBlur: import("mobx-state-tree").IType<number, number, number>;
210
- shadowOffsetX: import("mobx-state-tree").IType<number, number, number>;
211
- shadowOffsetY: import("mobx-state-tree").IType<number, number, number>;
212
- shadowColor: import("mobx-state-tree").IType<string, string, string>;
213
- shadowOpacity: import("mobx-state-tree").IType<number, number, number>;
214
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
215
- draggable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
216
- resizable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
217
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
218
- contentEditable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
219
- styleEditable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
220
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
221
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
232
+ shadowEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
233
+ shadowBlur: import("mobx-state-tree").IType<number | undefined, number, number>;
234
+ shadowOffsetX: import("mobx-state-tree").IType<number | undefined, number, number>;
235
+ shadowOffsetY: import("mobx-state-tree").IType<number | undefined, number, number>;
236
+ shadowColor: import("mobx-state-tree").IType<string | undefined, string, string>;
237
+ shadowOpacity: import("mobx-state-tree").IType<number | undefined, number, number>;
238
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
239
+ draggable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
240
+ resizable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
241
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
242
+ contentEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
243
+ styleEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
244
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
245
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
222
246
  } & {
223
- type: import("mobx-state-tree").IType<string, string, string>;
224
- text: import("mobx-state-tree").IType<string, string, string>;
225
- placeholder: import("mobx-state-tree").IType<string, string, string>;
226
- fontSize: import("mobx-state-tree").IType<number, number, number>;
227
- fontFamily: import("mobx-state-tree").IType<string, string, string>;
228
- fontStyle: import("mobx-state-tree").IType<string, string, string>;
229
- fontWeight: import("mobx-state-tree").IType<string, string, string>;
230
- textDecoration: import("mobx-state-tree").IType<string, string, string>;
231
- textTransform: import("mobx-state-tree").IType<string, string, string>;
232
- fill: import("mobx-state-tree").IType<string, string, string>;
233
- align: import("mobx-state-tree").IType<string, string, string>;
234
- width: import("mobx-state-tree").IType<number, number, number>;
235
- height: import("mobx-state-tree").IType<number, number, number>;
236
- verticalAlign: import("mobx-state-tree").IType<string, string, string>;
237
- strokeWidth: import("mobx-state-tree").IType<number, number, number>;
238
- stroke: import("mobx-state-tree").IType<string, string, string>;
247
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
248
+ text: import("mobx-state-tree").IType<string | undefined, string, string>;
249
+ placeholder: import("mobx-state-tree").IType<string | undefined, string, string>;
250
+ fontSize: import("mobx-state-tree").IType<number | undefined, number, number>;
251
+ fontFamily: import("mobx-state-tree").IType<string | undefined, string, string>;
252
+ fontStyle: import("mobx-state-tree").IType<string | undefined, string, string>;
253
+ fontWeight: import("mobx-state-tree").IType<string | undefined, string, string>;
254
+ textDecoration: import("mobx-state-tree").IType<string | undefined, string, string>;
255
+ textTransform: import("mobx-state-tree").IType<string | undefined, string, string>;
256
+ fill: import("mobx-state-tree").IType<string | undefined, string, string>;
257
+ align: import("mobx-state-tree").IType<string | undefined, string, string>;
258
+ width: import("mobx-state-tree").IType<number | undefined, number, number>;
259
+ height: import("mobx-state-tree").IType<number | undefined, number, number>;
260
+ verticalAlign: import("mobx-state-tree").IType<string | undefined, string, string>;
261
+ strokeWidth: import("mobx-state-tree").IType<number | undefined, number, number>;
262
+ stroke: import("mobx-state-tree").IType<string | undefined, string, string>;
239
263
  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]>;
240
- letterSpacing: import("mobx-state-tree").IType<number, number, number>;
241
- _editModeEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
242
- backgroundEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
243
- backgroundColor: import("mobx-state-tree").IType<string, string, string>;
244
- backgroundOpacity: import("mobx-state-tree").IType<number, number, number>;
245
- backgroundCornerRadius: import("mobx-state-tree").IType<number, number, number>;
246
- backgroundPadding: import("mobx-state-tree").IType<number, number, number>;
247
- curveEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
248
- curvePower: import("mobx-state-tree").IType<number, number, number>;
264
+ letterSpacing: import("mobx-state-tree").IType<number | undefined, number, number>;
265
+ _editModeEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
266
+ backgroundEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
267
+ backgroundColor: import("mobx-state-tree").IType<string | undefined, string, string>;
268
+ backgroundOpacity: import("mobx-state-tree").IType<number | undefined, number, number>;
269
+ backgroundCornerRadius: import("mobx-state-tree").IType<number | undefined, number, number>;
270
+ backgroundPadding: import("mobx-state-tree").IType<number | undefined, number, number>;
271
+ curveEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
272
+ curvePower: import("mobx-state-tree").IType<number | undefined, number, number>;
249
273
  }, {
250
- readonly locked: boolean;
251
274
  readonly page: any;
252
275
  readonly store: any;
253
276
  readonly top: import("mobx-state-tree").ModelInstanceTypeProps<{
254
277
  id: import("mobx-state-tree").ISimpleType<string>;
255
- type: import("mobx-state-tree").IType<string, string, string>;
256
- name: import("mobx-state-tree").IType<string, string, string>;
257
- opacity: import("mobx-state-tree").IType<number, number, number>;
278
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
279
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
280
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
258
281
  custom: import("mobx-state-tree").IType<any, any, any>;
259
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
260
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
261
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
262
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
263
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
282
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
283
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
284
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
285
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
286
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
264
287
  }> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
265
288
  id: import("mobx-state-tree").ISimpleType<string>;
266
- type: import("mobx-state-tree").IType<string, string, string>;
267
- name: import("mobx-state-tree").IType<string, string, string>;
268
- opacity: import("mobx-state-tree").IType<number, number, number>;
289
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
290
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
291
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
269
292
  custom: import("mobx-state-tree").IType<any, any, any>;
270
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
271
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
272
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
273
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
274
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
293
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
294
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
295
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
296
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
297
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
275
298
  }, {}, import("mobx-state-tree").ModelCreationType<{
299
+ id: string;
300
+ type: string | undefined;
301
+ name: string | undefined;
302
+ opacity: number | undefined;
303
+ custom: any;
304
+ visible: boolean | undefined;
305
+ selectable: boolean | undefined;
306
+ removable: boolean | undefined;
307
+ alwaysOnTop: boolean | undefined;
308
+ showInExport: boolean | undefined;
309
+ }>, import("mobx-state-tree").ModelSnapshotType<{
310
+ id: import("mobx-state-tree").ISimpleType<string>;
311
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
312
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
313
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
314
+ custom: import("mobx-state-tree").IType<any, any, any>;
315
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
316
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
317
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
318
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
319
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
320
+ }>>>;
321
+ readonly parent: any;
322
+ readonly zIndex: any;
323
+ } & {
324
+ toJSON(): {
276
325
  id: string;
277
326
  type: string;
278
327
  name: string;
@@ -283,14 +332,10 @@ export declare const TYPES_MAP: {
283
332
  removable: boolean;
284
333
  alwaysOnTop: boolean;
285
334
  showInExport: boolean;
286
- }>, {}>>;
287
- readonly parent: any;
288
- readonly zIndex: any;
289
- } & {
290
- toJSON(): {};
335
+ };
291
336
  } & {
292
337
  clone(attrs?: any, { skipSelect }?: {
293
- skipSelect?: boolean;
338
+ skipSelect?: boolean | undefined;
294
339
  }): NodeType;
295
340
  set(attrs: any): void;
296
341
  moveUp(): void;
@@ -300,16 +345,8 @@ export declare const TYPES_MAP: {
300
345
  setZIndex(zIndex: number): void;
301
346
  beforeDestroy(): void;
302
347
  } & {
303
- readonly a: {
304
- x: number;
305
- y: number;
306
- width: number;
307
- height: number;
308
- rotation: number;
309
- opacity: number;
310
- color: any;
311
- fontSize: any;
312
- };
348
+ readonly locked: boolean;
349
+ readonly a: Record<string, any>;
313
350
  animated(attr: any): any;
314
351
  } & {
315
352
  setAnimation(type: any, attrs: any): void;
@@ -318,109 +355,145 @@ export declare const TYPES_MAP: {
318
355
  toggleEditMode(editing?: boolean): void;
319
356
  }, import("mobx-state-tree").ModelCreationType<{
320
357
  id: string;
321
- type: string;
322
- name: string;
323
- opacity: number;
358
+ type: string | undefined;
359
+ name: string | undefined;
360
+ opacity: number | undefined;
324
361
  custom: any;
325
- visible: boolean;
326
- selectable: boolean;
327
- removable: boolean;
328
- alwaysOnTop: boolean;
329
- showInExport: boolean;
330
- }>, {}>;
362
+ visible: boolean | undefined;
363
+ selectable: boolean | undefined;
364
+ removable: boolean | undefined;
365
+ alwaysOnTop: boolean | undefined;
366
+ showInExport: boolean | undefined;
367
+ }>, import("mobx-state-tree").ModelSnapshotType<{
368
+ id: import("mobx-state-tree").ISimpleType<string>;
369
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
370
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
371
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
372
+ custom: import("mobx-state-tree").IType<any, any, any>;
373
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
374
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
375
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
376
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
377
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
378
+ }>>;
331
379
  image: import("mobx-state-tree").IModelType<{
332
380
  id: import("mobx-state-tree").ISimpleType<string>;
333
- type: import("mobx-state-tree").IType<string, string, string>;
334
- name: import("mobx-state-tree").IType<string, string, string>;
335
- opacity: import("mobx-state-tree").IType<number, number, number>;
381
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
382
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
383
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
336
384
  custom: import("mobx-state-tree").IType<any, any, any>;
337
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
338
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
339
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
340
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
341
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
385
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
386
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
387
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
388
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
389
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
342
390
  } & {
343
- x: import("mobx-state-tree").IType<number, number, number>;
344
- y: import("mobx-state-tree").IType<number, number, number>;
345
- width: import("mobx-state-tree").IType<number, number, number>;
346
- height: import("mobx-state-tree").IType<number, number, number>;
347
- rotation: import("mobx-state-tree").IType<number, number, number>;
348
- opacity: import("mobx-state-tree").IType<number, number, number>;
391
+ x: import("mobx-state-tree").IType<number | undefined, number, number>;
392
+ y: import("mobx-state-tree").IType<number | undefined, number, number>;
393
+ width: import("mobx-state-tree").IType<number | undefined, number, number>;
394
+ height: import("mobx-state-tree").IType<number | undefined, number, number>;
395
+ rotation: import("mobx-state-tree").IType<number | undefined, number, number>;
396
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
349
397
  animations: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
350
- delay: import("mobx-state-tree").IType<number, number, number>;
351
- duration: import("mobx-state-tree").IType<number, number, number>;
352
- enabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
398
+ delay: import("mobx-state-tree").IType<number | undefined, number, number>;
399
+ duration: import("mobx-state-tree").IType<number | undefined, number, number>;
400
+ enabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
353
401
  type: import("mobx-state-tree").ISimpleType<string>;
354
- name: import("mobx-state-tree").IType<string, string, string>;
355
- data: import("mobx-state-tree").IType<{}, {}, {}>;
402
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
403
+ data: import("mobx-state-tree").IType<{} | null | undefined, {}, {}>;
356
404
  }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
357
- blurEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
358
- blurRadius: import("mobx-state-tree").IType<number, number, number>;
359
- brightnessEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
360
- brightness: import("mobx-state-tree").IType<number, number, number>;
361
- sepiaEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
362
- grayscaleEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
405
+ blurEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
406
+ blurRadius: import("mobx-state-tree").IType<number | undefined, number, number>;
407
+ brightnessEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
408
+ brightness: import("mobx-state-tree").IType<number | undefined, number, number>;
409
+ sepiaEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
410
+ grayscaleEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
363
411
  filters: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
364
- intensity: import("mobx-state-tree").IType<number, number, number>;
412
+ intensity: import("mobx-state-tree").IType<number | undefined, number, number>;
365
413
  }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
366
- shadowEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
367
- shadowBlur: import("mobx-state-tree").IType<number, number, number>;
368
- shadowOffsetX: import("mobx-state-tree").IType<number, number, number>;
369
- shadowOffsetY: import("mobx-state-tree").IType<number, number, number>;
370
- shadowColor: import("mobx-state-tree").IType<string, string, string>;
371
- shadowOpacity: import("mobx-state-tree").IType<number, number, number>;
372
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
373
- draggable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
374
- resizable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
375
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
376
- contentEditable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
377
- styleEditable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
378
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
379
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
414
+ shadowEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
415
+ shadowBlur: import("mobx-state-tree").IType<number | undefined, number, number>;
416
+ shadowOffsetX: import("mobx-state-tree").IType<number | undefined, number, number>;
417
+ shadowOffsetY: import("mobx-state-tree").IType<number | undefined, number, number>;
418
+ shadowColor: import("mobx-state-tree").IType<string | undefined, string, string>;
419
+ shadowOpacity: import("mobx-state-tree").IType<number | undefined, number, number>;
420
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
421
+ draggable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
422
+ resizable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
423
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
424
+ contentEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
425
+ styleEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
426
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
427
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
380
428
  } & {
381
- type: import("mobx-state-tree").IType<string, string, string>;
382
- width: import("mobx-state-tree").IType<number, number, number>;
383
- height: import("mobx-state-tree").IType<number, number, number>;
384
- src: import("mobx-state-tree").IType<string, string, string>;
385
- cropX: import("mobx-state-tree").IType<number, number, number>;
386
- cropY: import("mobx-state-tree").IType<number, number, number>;
387
- cropWidth: import("mobx-state-tree").IType<number, number, number>;
388
- cropHeight: import("mobx-state-tree").IType<number, number, number>;
389
- cornerRadius: import("mobx-state-tree").IType<number, number, number>;
390
- flipX: import("mobx-state-tree").IType<boolean, boolean, boolean>;
391
- flipY: import("mobx-state-tree").IType<boolean, boolean, boolean>;
392
- clipSrc: import("mobx-state-tree").IType<string, string, string>;
393
- borderColor: import("mobx-state-tree").IType<string, string, string>;
394
- borderSize: import("mobx-state-tree").IType<number, number, number>;
395
- keepRatio: import("mobx-state-tree").IType<boolean, boolean, boolean>;
396
- stretchEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
429
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
430
+ width: import("mobx-state-tree").IType<number | undefined, number, number>;
431
+ height: import("mobx-state-tree").IType<number | undefined, number, number>;
432
+ src: import("mobx-state-tree").IType<string | undefined, string, string>;
433
+ cropX: import("mobx-state-tree").IType<number | undefined, number, number>;
434
+ cropY: import("mobx-state-tree").IType<number | undefined, number, number>;
435
+ cropWidth: import("mobx-state-tree").IType<number | undefined, number, number>;
436
+ cropHeight: import("mobx-state-tree").IType<number | undefined, number, number>;
437
+ cornerRadius: import("mobx-state-tree").IType<number | undefined, number, number>;
438
+ flipX: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
439
+ flipY: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
440
+ clipSrc: import("mobx-state-tree").IType<string | undefined, string, string>;
441
+ borderColor: import("mobx-state-tree").IType<string | undefined, string, string>;
442
+ borderSize: import("mobx-state-tree").IType<number | undefined, number, number>;
443
+ keepRatio: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
444
+ stretchEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
397
445
  }, {
398
- readonly locked: boolean;
399
446
  readonly page: any;
400
447
  readonly store: any;
401
448
  readonly top: import("mobx-state-tree").ModelInstanceTypeProps<{
402
449
  id: import("mobx-state-tree").ISimpleType<string>;
403
- type: import("mobx-state-tree").IType<string, string, string>;
404
- name: import("mobx-state-tree").IType<string, string, string>;
405
- opacity: import("mobx-state-tree").IType<number, number, number>;
450
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
451
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
452
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
406
453
  custom: import("mobx-state-tree").IType<any, any, any>;
407
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
408
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
409
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
410
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
411
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
454
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
455
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
456
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
457
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
458
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
412
459
  }> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
413
460
  id: import("mobx-state-tree").ISimpleType<string>;
414
- type: import("mobx-state-tree").IType<string, string, string>;
415
- name: import("mobx-state-tree").IType<string, string, string>;
416
- opacity: import("mobx-state-tree").IType<number, number, number>;
461
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
462
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
463
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
417
464
  custom: import("mobx-state-tree").IType<any, any, any>;
418
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
419
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
420
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
421
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
422
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
465
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
466
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
467
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
468
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
469
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
423
470
  }, {}, import("mobx-state-tree").ModelCreationType<{
471
+ id: string;
472
+ type: string | undefined;
473
+ name: string | undefined;
474
+ opacity: number | undefined;
475
+ custom: any;
476
+ visible: boolean | undefined;
477
+ selectable: boolean | undefined;
478
+ removable: boolean | undefined;
479
+ alwaysOnTop: boolean | undefined;
480
+ showInExport: boolean | undefined;
481
+ }>, import("mobx-state-tree").ModelSnapshotType<{
482
+ id: import("mobx-state-tree").ISimpleType<string>;
483
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
484
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
485
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
486
+ custom: import("mobx-state-tree").IType<any, any, any>;
487
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
488
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
489
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
490
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
491
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
492
+ }>>>;
493
+ readonly parent: any;
494
+ readonly zIndex: any;
495
+ } & {
496
+ toJSON(): {
424
497
  id: string;
425
498
  type: string;
426
499
  name: string;
@@ -431,14 +504,10 @@ export declare const TYPES_MAP: {
431
504
  removable: boolean;
432
505
  alwaysOnTop: boolean;
433
506
  showInExport: boolean;
434
- }>, {}>>;
435
- readonly parent: any;
436
- readonly zIndex: any;
437
- } & {
438
- toJSON(): {};
507
+ };
439
508
  } & {
440
509
  clone(attrs?: any, { skipSelect }?: {
441
- skipSelect?: boolean;
510
+ skipSelect?: boolean | undefined;
442
511
  }): NodeType;
443
512
  set(attrs: any): void;
444
513
  moveUp(): void;
@@ -448,16 +517,8 @@ export declare const TYPES_MAP: {
448
517
  setZIndex(zIndex: number): void;
449
518
  beforeDestroy(): void;
450
519
  } & {
451
- readonly a: {
452
- x: number;
453
- y: number;
454
- width: number;
455
- height: number;
456
- rotation: number;
457
- opacity: number;
458
- color: any;
459
- fontSize: any;
460
- };
520
+ readonly locked: boolean;
521
+ readonly a: Record<string, any>;
461
522
  animated(attr: any): any;
462
523
  } & {
463
524
  setAnimation(type: any, attrs: any): void;
@@ -469,101 +530,137 @@ export declare const TYPES_MAP: {
469
530
  readonly _cropModeEnabled: boolean;
470
531
  }, import("mobx-state-tree").ModelCreationType<{
471
532
  id: string;
472
- type: string;
473
- name: string;
474
- opacity: number;
533
+ type: string | undefined;
534
+ name: string | undefined;
535
+ opacity: number | undefined;
475
536
  custom: any;
476
- visible: boolean;
477
- selectable: boolean;
478
- removable: boolean;
479
- alwaysOnTop: boolean;
480
- showInExport: boolean;
481
- }>, {}>;
537
+ visible: boolean | undefined;
538
+ selectable: boolean | undefined;
539
+ removable: boolean | undefined;
540
+ alwaysOnTop: boolean | undefined;
541
+ showInExport: boolean | undefined;
542
+ }>, import("mobx-state-tree").ModelSnapshotType<{
543
+ id: import("mobx-state-tree").ISimpleType<string>;
544
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
545
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
546
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
547
+ custom: import("mobx-state-tree").IType<any, any, any>;
548
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
549
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
550
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
551
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
552
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
553
+ }>>;
482
554
  group: any;
483
555
  line: import("mobx-state-tree").IModelType<{
484
556
  id: import("mobx-state-tree").ISimpleType<string>;
485
- type: import("mobx-state-tree").IType<string, string, string>;
486
- name: import("mobx-state-tree").IType<string, string, string>;
487
- opacity: import("mobx-state-tree").IType<number, number, number>;
557
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
558
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
559
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
488
560
  custom: import("mobx-state-tree").IType<any, any, any>;
489
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
490
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
491
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
492
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
493
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
561
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
562
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
563
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
564
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
565
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
494
566
  } & {
495
- x: import("mobx-state-tree").IType<number, number, number>;
496
- y: import("mobx-state-tree").IType<number, number, number>;
497
- width: import("mobx-state-tree").IType<number, number, number>;
498
- height: import("mobx-state-tree").IType<number, number, number>;
499
- rotation: import("mobx-state-tree").IType<number, number, number>;
500
- opacity: import("mobx-state-tree").IType<number, number, number>;
567
+ x: import("mobx-state-tree").IType<number | undefined, number, number>;
568
+ y: import("mobx-state-tree").IType<number | undefined, number, number>;
569
+ width: import("mobx-state-tree").IType<number | undefined, number, number>;
570
+ height: import("mobx-state-tree").IType<number | undefined, number, number>;
571
+ rotation: import("mobx-state-tree").IType<number | undefined, number, number>;
572
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
501
573
  animations: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
502
- delay: import("mobx-state-tree").IType<number, number, number>;
503
- duration: import("mobx-state-tree").IType<number, number, number>;
504
- enabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
574
+ delay: import("mobx-state-tree").IType<number | undefined, number, number>;
575
+ duration: import("mobx-state-tree").IType<number | undefined, number, number>;
576
+ enabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
505
577
  type: import("mobx-state-tree").ISimpleType<string>;
506
- name: import("mobx-state-tree").IType<string, string, string>;
507
- data: import("mobx-state-tree").IType<{}, {}, {}>;
578
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
579
+ data: import("mobx-state-tree").IType<{} | null | undefined, {}, {}>;
508
580
  }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
509
- blurEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
510
- blurRadius: import("mobx-state-tree").IType<number, number, number>;
511
- brightnessEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
512
- brightness: import("mobx-state-tree").IType<number, number, number>;
513
- sepiaEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
514
- grayscaleEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
581
+ blurEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
582
+ blurRadius: import("mobx-state-tree").IType<number | undefined, number, number>;
583
+ brightnessEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
584
+ brightness: import("mobx-state-tree").IType<number | undefined, number, number>;
585
+ sepiaEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
586
+ grayscaleEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
515
587
  filters: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
516
- intensity: import("mobx-state-tree").IType<number, number, number>;
588
+ intensity: import("mobx-state-tree").IType<number | undefined, number, number>;
517
589
  }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
518
- shadowEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
519
- shadowBlur: import("mobx-state-tree").IType<number, number, number>;
520
- shadowOffsetX: import("mobx-state-tree").IType<number, number, number>;
521
- shadowOffsetY: import("mobx-state-tree").IType<number, number, number>;
522
- shadowColor: import("mobx-state-tree").IType<string, string, string>;
523
- shadowOpacity: import("mobx-state-tree").IType<number, number, number>;
524
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
525
- draggable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
526
- resizable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
527
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
528
- contentEditable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
529
- styleEditable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
530
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
531
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
590
+ shadowEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
591
+ shadowBlur: import("mobx-state-tree").IType<number | undefined, number, number>;
592
+ shadowOffsetX: import("mobx-state-tree").IType<number | undefined, number, number>;
593
+ shadowOffsetY: import("mobx-state-tree").IType<number | undefined, number, number>;
594
+ shadowColor: import("mobx-state-tree").IType<string | undefined, string, string>;
595
+ shadowOpacity: import("mobx-state-tree").IType<number | undefined, number, number>;
596
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
597
+ draggable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
598
+ resizable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
599
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
600
+ contentEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
601
+ styleEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
602
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
603
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
532
604
  } & {
533
- type: import("mobx-state-tree").IType<string, string, string>;
534
- width: import("mobx-state-tree").IType<number, number, number>;
535
- height: import("mobx-state-tree").IType<number, number, number>;
536
- color: import("mobx-state-tree").IType<string, string, string>;
605
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
606
+ width: import("mobx-state-tree").IType<number | undefined, number, number>;
607
+ height: import("mobx-state-tree").IType<number | undefined, number, number>;
608
+ color: import("mobx-state-tree").IType<string | undefined, string, string>;
537
609
  dash: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
538
- startHead: import("mobx-state-tree").IType<string, string, string>;
539
- endHead: import("mobx-state-tree").IType<string, string, string>;
610
+ startHead: import("mobx-state-tree").IType<string | undefined, string, string>;
611
+ endHead: import("mobx-state-tree").IType<string | undefined, string, string>;
540
612
  }, {
541
- readonly locked: boolean;
542
613
  readonly page: any;
543
614
  readonly store: any;
544
615
  readonly top: import("mobx-state-tree").ModelInstanceTypeProps<{
545
616
  id: import("mobx-state-tree").ISimpleType<string>;
546
- type: import("mobx-state-tree").IType<string, string, string>;
547
- name: import("mobx-state-tree").IType<string, string, string>;
548
- opacity: import("mobx-state-tree").IType<number, number, number>;
617
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
618
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
619
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
549
620
  custom: import("mobx-state-tree").IType<any, any, any>;
550
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
551
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
552
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
553
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
554
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
621
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
622
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
623
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
624
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
625
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
555
626
  }> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
556
627
  id: import("mobx-state-tree").ISimpleType<string>;
557
- type: import("mobx-state-tree").IType<string, string, string>;
558
- name: import("mobx-state-tree").IType<string, string, string>;
559
- opacity: import("mobx-state-tree").IType<number, number, number>;
628
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
629
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
630
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
560
631
  custom: import("mobx-state-tree").IType<any, any, any>;
561
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
562
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
563
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
564
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
565
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
632
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
633
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
634
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
635
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
636
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
566
637
  }, {}, import("mobx-state-tree").ModelCreationType<{
638
+ id: string;
639
+ type: string | undefined;
640
+ name: string | undefined;
641
+ opacity: number | undefined;
642
+ custom: any;
643
+ visible: boolean | undefined;
644
+ selectable: boolean | undefined;
645
+ removable: boolean | undefined;
646
+ alwaysOnTop: boolean | undefined;
647
+ showInExport: boolean | undefined;
648
+ }>, import("mobx-state-tree").ModelSnapshotType<{
649
+ id: import("mobx-state-tree").ISimpleType<string>;
650
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
651
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
652
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
653
+ custom: import("mobx-state-tree").IType<any, any, any>;
654
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
655
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
656
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
657
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
658
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
659
+ }>>>;
660
+ readonly parent: any;
661
+ readonly zIndex: any;
662
+ } & {
663
+ toJSON(): {
567
664
  id: string;
568
665
  type: string;
569
666
  name: string;
@@ -574,14 +671,10 @@ export declare const TYPES_MAP: {
574
671
  removable: boolean;
575
672
  alwaysOnTop: boolean;
576
673
  showInExport: boolean;
577
- }>, {}>>;
578
- readonly parent: any;
579
- readonly zIndex: any;
580
- } & {
581
- toJSON(): {};
674
+ };
582
675
  } & {
583
676
  clone(attrs?: any, { skipSelect }?: {
584
- skipSelect?: boolean;
677
+ skipSelect?: boolean | undefined;
585
678
  }): NodeType;
586
679
  set(attrs: any): void;
587
680
  moveUp(): void;
@@ -591,131 +684,159 @@ export declare const TYPES_MAP: {
591
684
  setZIndex(zIndex: number): void;
592
685
  beforeDestroy(): void;
593
686
  } & {
594
- readonly a: {
595
- x: number;
596
- y: number;
597
- width: number;
598
- height: number;
599
- rotation: number;
600
- opacity: number;
601
- color: any;
602
- fontSize: any;
603
- };
687
+ readonly locked: boolean;
688
+ readonly a: Record<string, any>;
604
689
  animated(attr: any): any;
605
690
  } & {
606
691
  setAnimation(type: any, attrs: any): void;
607
692
  setFilter(type: any, value: any): void;
608
693
  }, import("mobx-state-tree").ModelCreationType<{
609
694
  id: string;
610
- type: string;
611
- name: string;
612
- opacity: number;
695
+ type: string | undefined;
696
+ name: string | undefined;
697
+ opacity: number | undefined;
613
698
  custom: any;
614
- visible: boolean;
615
- selectable: boolean;
616
- removable: boolean;
617
- alwaysOnTop: boolean;
618
- showInExport: boolean;
619
- }>, {}>;
699
+ visible: boolean | undefined;
700
+ selectable: boolean | undefined;
701
+ removable: boolean | undefined;
702
+ alwaysOnTop: boolean | undefined;
703
+ showInExport: boolean | undefined;
704
+ }>, import("mobx-state-tree").ModelSnapshotType<{
705
+ id: import("mobx-state-tree").ISimpleType<string>;
706
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
707
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
708
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
709
+ custom: import("mobx-state-tree").IType<any, any, any>;
710
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
711
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
712
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
713
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
714
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
715
+ }>>;
620
716
  video: import("mobx-state-tree").IModelType<{
621
717
  id: import("mobx-state-tree").ISimpleType<string>;
622
- type: import("mobx-state-tree").IType<string, string, string>;
623
- name: import("mobx-state-tree").IType<string, string, string>;
624
- opacity: import("mobx-state-tree").IType<number, number, number>;
718
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
719
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
720
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
625
721
  custom: import("mobx-state-tree").IType<any, any, any>;
626
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
627
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
628
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
629
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
630
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
722
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
723
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
724
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
725
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
726
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
631
727
  } & {
632
- x: import("mobx-state-tree").IType<number, number, number>;
633
- y: import("mobx-state-tree").IType<number, number, number>;
634
- width: import("mobx-state-tree").IType<number, number, number>;
635
- height: import("mobx-state-tree").IType<number, number, number>;
636
- rotation: import("mobx-state-tree").IType<number, number, number>;
637
- opacity: import("mobx-state-tree").IType<number, number, number>;
728
+ x: import("mobx-state-tree").IType<number | undefined, number, number>;
729
+ y: import("mobx-state-tree").IType<number | undefined, number, number>;
730
+ width: import("mobx-state-tree").IType<number | undefined, number, number>;
731
+ height: import("mobx-state-tree").IType<number | undefined, number, number>;
732
+ rotation: import("mobx-state-tree").IType<number | undefined, number, number>;
733
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
638
734
  animations: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
639
- delay: import("mobx-state-tree").IType<number, number, number>;
640
- duration: import("mobx-state-tree").IType<number, number, number>;
641
- enabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
735
+ delay: import("mobx-state-tree").IType<number | undefined, number, number>;
736
+ duration: import("mobx-state-tree").IType<number | undefined, number, number>;
737
+ enabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
642
738
  type: import("mobx-state-tree").ISimpleType<string>;
643
- name: import("mobx-state-tree").IType<string, string, string>;
644
- data: import("mobx-state-tree").IType<{}, {}, {}>;
739
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
740
+ data: import("mobx-state-tree").IType<{} | null | undefined, {}, {}>;
645
741
  }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
646
- blurEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
647
- blurRadius: import("mobx-state-tree").IType<number, number, number>;
648
- brightnessEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
649
- brightness: import("mobx-state-tree").IType<number, number, number>;
650
- sepiaEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
651
- grayscaleEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
742
+ blurEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
743
+ blurRadius: import("mobx-state-tree").IType<number | undefined, number, number>;
744
+ brightnessEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
745
+ brightness: import("mobx-state-tree").IType<number | undefined, number, number>;
746
+ sepiaEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
747
+ grayscaleEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
652
748
  filters: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
653
- intensity: import("mobx-state-tree").IType<number, number, number>;
749
+ intensity: import("mobx-state-tree").IType<number | undefined, number, number>;
654
750
  }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
655
- shadowEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
656
- shadowBlur: import("mobx-state-tree").IType<number, number, number>;
657
- shadowOffsetX: import("mobx-state-tree").IType<number, number, number>;
658
- shadowOffsetY: import("mobx-state-tree").IType<number, number, number>;
659
- shadowColor: import("mobx-state-tree").IType<string, string, string>;
660
- shadowOpacity: import("mobx-state-tree").IType<number, number, number>;
661
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
662
- draggable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
663
- resizable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
664
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
665
- contentEditable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
666
- styleEditable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
667
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
668
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
751
+ shadowEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
752
+ shadowBlur: import("mobx-state-tree").IType<number | undefined, number, number>;
753
+ shadowOffsetX: import("mobx-state-tree").IType<number | undefined, number, number>;
754
+ shadowOffsetY: import("mobx-state-tree").IType<number | undefined, number, number>;
755
+ shadowColor: import("mobx-state-tree").IType<string | undefined, string, string>;
756
+ shadowOpacity: import("mobx-state-tree").IType<number | undefined, number, number>;
757
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
758
+ draggable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
759
+ resizable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
760
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
761
+ contentEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
762
+ styleEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
763
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
764
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
669
765
  } & {
670
- type: import("mobx-state-tree").IType<string, string, string>;
671
- width: import("mobx-state-tree").IType<number, number, number>;
672
- height: import("mobx-state-tree").IType<number, number, number>;
673
- src: import("mobx-state-tree").IType<string, string, string>;
674
- cropX: import("mobx-state-tree").IType<number, number, number>;
675
- cropY: import("mobx-state-tree").IType<number, number, number>;
676
- cropWidth: import("mobx-state-tree").IType<number, number, number>;
677
- cropHeight: import("mobx-state-tree").IType<number, number, number>;
678
- cornerRadius: import("mobx-state-tree").IType<number, number, number>;
679
- flipX: import("mobx-state-tree").IType<boolean, boolean, boolean>;
680
- flipY: import("mobx-state-tree").IType<boolean, boolean, boolean>;
681
- clipSrc: import("mobx-state-tree").IType<string, string, string>;
682
- borderColor: import("mobx-state-tree").IType<string, string, string>;
683
- borderSize: import("mobx-state-tree").IType<number, number, number>;
684
- keepRatio: import("mobx-state-tree").IType<boolean, boolean, boolean>;
685
- stretchEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
766
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
767
+ width: import("mobx-state-tree").IType<number | undefined, number, number>;
768
+ height: import("mobx-state-tree").IType<number | undefined, number, number>;
769
+ src: import("mobx-state-tree").IType<string | undefined, string, string>;
770
+ cropX: import("mobx-state-tree").IType<number | undefined, number, number>;
771
+ cropY: import("mobx-state-tree").IType<number | undefined, number, number>;
772
+ cropWidth: import("mobx-state-tree").IType<number | undefined, number, number>;
773
+ cropHeight: import("mobx-state-tree").IType<number | undefined, number, number>;
774
+ cornerRadius: import("mobx-state-tree").IType<number | undefined, number, number>;
775
+ flipX: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
776
+ flipY: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
777
+ clipSrc: import("mobx-state-tree").IType<string | undefined, string, string>;
778
+ borderColor: import("mobx-state-tree").IType<string | undefined, string, string>;
779
+ borderSize: import("mobx-state-tree").IType<number | undefined, number, number>;
780
+ keepRatio: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
781
+ stretchEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
686
782
  } & {
687
- type: import("mobx-state-tree").IType<string, string, string>;
688
- duration: import("mobx-state-tree").IType<number, number, number>;
689
- startTime: import("mobx-state-tree").IType<number, number, number>;
690
- endTime: import("mobx-state-tree").IType<number, number, number>;
691
- volume: import("mobx-state-tree").IType<number, number, number>;
783
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
784
+ duration: import("mobx-state-tree").IType<number | undefined, number, number>;
785
+ startTime: import("mobx-state-tree").IType<number | undefined, number, number>;
786
+ endTime: import("mobx-state-tree").IType<number | undefined, number, number>;
787
+ volume: import("mobx-state-tree").IType<number | undefined, number, number>;
692
788
  }, {
693
- readonly locked: boolean;
694
789
  readonly page: any;
695
790
  readonly store: any;
696
791
  readonly top: import("mobx-state-tree").ModelInstanceTypeProps<{
697
792
  id: import("mobx-state-tree").ISimpleType<string>;
698
- type: import("mobx-state-tree").IType<string, string, string>;
699
- name: import("mobx-state-tree").IType<string, string, string>;
700
- opacity: import("mobx-state-tree").IType<number, number, number>;
793
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
794
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
795
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
701
796
  custom: import("mobx-state-tree").IType<any, any, any>;
702
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
703
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
704
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
705
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
706
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
797
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
798
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
799
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
800
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
801
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
707
802
  }> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
708
803
  id: import("mobx-state-tree").ISimpleType<string>;
709
- type: import("mobx-state-tree").IType<string, string, string>;
710
- name: import("mobx-state-tree").IType<string, string, string>;
711
- opacity: import("mobx-state-tree").IType<number, number, number>;
804
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
805
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
806
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
712
807
  custom: import("mobx-state-tree").IType<any, any, any>;
713
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
714
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
715
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
716
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
717
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
808
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
809
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
810
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
811
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
812
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
718
813
  }, {}, import("mobx-state-tree").ModelCreationType<{
814
+ id: string;
815
+ type: string | undefined;
816
+ name: string | undefined;
817
+ opacity: number | undefined;
818
+ custom: any;
819
+ visible: boolean | undefined;
820
+ selectable: boolean | undefined;
821
+ removable: boolean | undefined;
822
+ alwaysOnTop: boolean | undefined;
823
+ showInExport: boolean | undefined;
824
+ }>, import("mobx-state-tree").ModelSnapshotType<{
825
+ id: import("mobx-state-tree").ISimpleType<string>;
826
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
827
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
828
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
829
+ custom: import("mobx-state-tree").IType<any, any, any>;
830
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
831
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
832
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
833
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
834
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
835
+ }>>>;
836
+ readonly parent: any;
837
+ readonly zIndex: any;
838
+ } & {
839
+ toJSON(): {
719
840
  id: string;
720
841
  type: string;
721
842
  name: string;
@@ -726,14 +847,10 @@ export declare const TYPES_MAP: {
726
847
  removable: boolean;
727
848
  alwaysOnTop: boolean;
728
849
  showInExport: boolean;
729
- }>, {}>>;
730
- readonly parent: any;
731
- readonly zIndex: any;
732
- } & {
733
- toJSON(): {};
850
+ };
734
851
  } & {
735
852
  clone(attrs?: any, { skipSelect }?: {
736
- skipSelect?: boolean;
853
+ skipSelect?: boolean | undefined;
737
854
  }): NodeType;
738
855
  set(attrs: any): void;
739
856
  moveUp(): void;
@@ -743,16 +860,8 @@ export declare const TYPES_MAP: {
743
860
  setZIndex(zIndex: number): void;
744
861
  beforeDestroy(): void;
745
862
  } & {
746
- readonly a: {
747
- x: number;
748
- y: number;
749
- width: number;
750
- height: number;
751
- rotation: number;
752
- opacity: number;
753
- color: any;
754
- fontSize: any;
755
- };
863
+ readonly locked: boolean;
864
+ readonly a: Record<string, any>;
756
865
  animated(attr: any): any;
757
866
  } & {
758
867
  setAnimation(type: any, attrs: any): void;
@@ -764,100 +873,136 @@ export declare const TYPES_MAP: {
764
873
  readonly _cropModeEnabled: boolean;
765
874
  }, import("mobx-state-tree").ModelCreationType<{
766
875
  id: string;
767
- type: string;
768
- name: string;
769
- opacity: number;
876
+ type: string | undefined;
877
+ name: string | undefined;
878
+ opacity: number | undefined;
770
879
  custom: any;
771
- visible: boolean;
772
- selectable: boolean;
773
- removable: boolean;
774
- alwaysOnTop: boolean;
775
- showInExport: boolean;
776
- }>, {}>;
880
+ visible: boolean | undefined;
881
+ selectable: boolean | undefined;
882
+ removable: boolean | undefined;
883
+ alwaysOnTop: boolean | undefined;
884
+ showInExport: boolean | undefined;
885
+ }>, import("mobx-state-tree").ModelSnapshotType<{
886
+ id: import("mobx-state-tree").ISimpleType<string>;
887
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
888
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
889
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
890
+ custom: import("mobx-state-tree").IType<any, any, any>;
891
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
892
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
893
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
894
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
895
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
896
+ }>>;
777
897
  figure: import("mobx-state-tree").IModelType<{
778
898
  id: import("mobx-state-tree").ISimpleType<string>;
779
- type: import("mobx-state-tree").IType<string, string, string>;
780
- name: import("mobx-state-tree").IType<string, string, string>;
781
- opacity: import("mobx-state-tree").IType<number, number, number>;
899
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
900
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
901
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
782
902
  custom: import("mobx-state-tree").IType<any, any, any>;
783
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
784
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
785
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
786
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
787
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
903
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
904
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
905
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
906
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
907
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
788
908
  } & {
789
- x: import("mobx-state-tree").IType<number, number, number>;
790
- y: import("mobx-state-tree").IType<number, number, number>;
791
- width: import("mobx-state-tree").IType<number, number, number>;
792
- height: import("mobx-state-tree").IType<number, number, number>;
793
- rotation: import("mobx-state-tree").IType<number, number, number>;
794
- opacity: import("mobx-state-tree").IType<number, number, number>;
909
+ x: import("mobx-state-tree").IType<number | undefined, number, number>;
910
+ y: import("mobx-state-tree").IType<number | undefined, number, number>;
911
+ width: import("mobx-state-tree").IType<number | undefined, number, number>;
912
+ height: import("mobx-state-tree").IType<number | undefined, number, number>;
913
+ rotation: import("mobx-state-tree").IType<number | undefined, number, number>;
914
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
795
915
  animations: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
796
- delay: import("mobx-state-tree").IType<number, number, number>;
797
- duration: import("mobx-state-tree").IType<number, number, number>;
798
- enabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
916
+ delay: import("mobx-state-tree").IType<number | undefined, number, number>;
917
+ duration: import("mobx-state-tree").IType<number | undefined, number, number>;
918
+ enabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
799
919
  type: import("mobx-state-tree").ISimpleType<string>;
800
- name: import("mobx-state-tree").IType<string, string, string>;
801
- data: import("mobx-state-tree").IType<{}, {}, {}>;
920
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
921
+ data: import("mobx-state-tree").IType<{} | null | undefined, {}, {}>;
802
922
  }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
803
- blurEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
804
- blurRadius: import("mobx-state-tree").IType<number, number, number>;
805
- brightnessEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
806
- brightness: import("mobx-state-tree").IType<number, number, number>;
807
- sepiaEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
808
- grayscaleEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
923
+ blurEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
924
+ blurRadius: import("mobx-state-tree").IType<number | undefined, number, number>;
925
+ brightnessEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
926
+ brightness: import("mobx-state-tree").IType<number | undefined, number, number>;
927
+ sepiaEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
928
+ grayscaleEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
809
929
  filters: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
810
- intensity: import("mobx-state-tree").IType<number, number, number>;
930
+ intensity: import("mobx-state-tree").IType<number | undefined, number, number>;
811
931
  }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
812
- shadowEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
813
- shadowBlur: import("mobx-state-tree").IType<number, number, number>;
814
- shadowOffsetX: import("mobx-state-tree").IType<number, number, number>;
815
- shadowOffsetY: import("mobx-state-tree").IType<number, number, number>;
816
- shadowColor: import("mobx-state-tree").IType<string, string, string>;
817
- shadowOpacity: import("mobx-state-tree").IType<number, number, number>;
818
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
819
- draggable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
820
- resizable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
821
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
822
- contentEditable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
823
- styleEditable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
824
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
825
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
932
+ shadowEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
933
+ shadowBlur: import("mobx-state-tree").IType<number | undefined, number, number>;
934
+ shadowOffsetX: import("mobx-state-tree").IType<number | undefined, number, number>;
935
+ shadowOffsetY: import("mobx-state-tree").IType<number | undefined, number, number>;
936
+ shadowColor: import("mobx-state-tree").IType<string | undefined, string, string>;
937
+ shadowOpacity: import("mobx-state-tree").IType<number | undefined, number, number>;
938
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
939
+ draggable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
940
+ resizable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
941
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
942
+ contentEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
943
+ styleEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
944
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
945
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
826
946
  } & {
827
- type: import("mobx-state-tree").IType<string, string, string>;
828
- subType: import("mobx-state-tree").IType<string, string, string>;
829
- fill: import("mobx-state-tree").IType<string, string, string>;
947
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
948
+ subType: import("mobx-state-tree").IType<string | undefined, string, string>;
949
+ fill: import("mobx-state-tree").IType<string | undefined, string, string>;
830
950
  dash: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<number>>;
831
- strokeWidth: import("mobx-state-tree").IType<number, number, number>;
832
- stroke: import("mobx-state-tree").IType<string, string, string>;
833
- cornerRadius: import("mobx-state-tree").IType<number, number, number>;
951
+ strokeWidth: import("mobx-state-tree").IType<number | undefined, number, number>;
952
+ stroke: import("mobx-state-tree").IType<string | undefined, string, string>;
953
+ cornerRadius: import("mobx-state-tree").IType<number | undefined, number, number>;
834
954
  }, {
835
- readonly locked: boolean;
836
955
  readonly page: any;
837
956
  readonly store: any;
838
957
  readonly top: import("mobx-state-tree").ModelInstanceTypeProps<{
839
958
  id: import("mobx-state-tree").ISimpleType<string>;
840
- type: import("mobx-state-tree").IType<string, string, string>;
841
- name: import("mobx-state-tree").IType<string, string, string>;
842
- opacity: import("mobx-state-tree").IType<number, number, number>;
959
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
960
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
961
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
843
962
  custom: import("mobx-state-tree").IType<any, any, any>;
844
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
845
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
846
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
847
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
848
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
963
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
964
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
965
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
966
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
967
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
849
968
  }> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
850
969
  id: import("mobx-state-tree").ISimpleType<string>;
851
- type: import("mobx-state-tree").IType<string, string, string>;
852
- name: import("mobx-state-tree").IType<string, string, string>;
853
- opacity: import("mobx-state-tree").IType<number, number, number>;
970
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
971
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
972
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
854
973
  custom: import("mobx-state-tree").IType<any, any, any>;
855
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
856
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
857
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
858
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
859
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
974
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
975
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
976
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
977
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
978
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
860
979
  }, {}, import("mobx-state-tree").ModelCreationType<{
980
+ id: string;
981
+ type: string | undefined;
982
+ name: string | undefined;
983
+ opacity: number | undefined;
984
+ custom: any;
985
+ visible: boolean | undefined;
986
+ selectable: boolean | undefined;
987
+ removable: boolean | undefined;
988
+ alwaysOnTop: boolean | undefined;
989
+ showInExport: boolean | undefined;
990
+ }>, import("mobx-state-tree").ModelSnapshotType<{
991
+ id: import("mobx-state-tree").ISimpleType<string>;
992
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
993
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
994
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
995
+ custom: import("mobx-state-tree").IType<any, any, any>;
996
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
997
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
998
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
999
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1000
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1001
+ }>>>;
1002
+ readonly parent: any;
1003
+ readonly zIndex: any;
1004
+ } & {
1005
+ toJSON(): {
861
1006
  id: string;
862
1007
  type: string;
863
1008
  name: string;
@@ -868,14 +1013,10 @@ export declare const TYPES_MAP: {
868
1013
  removable: boolean;
869
1014
  alwaysOnTop: boolean;
870
1015
  showInExport: boolean;
871
- }>, {}>>;
872
- readonly parent: any;
873
- readonly zIndex: any;
874
- } & {
875
- toJSON(): {};
1016
+ };
876
1017
  } & {
877
1018
  clone(attrs?: any, { skipSelect }?: {
878
- skipSelect?: boolean;
1019
+ skipSelect?: boolean | undefined;
879
1020
  }): NodeType;
880
1021
  set(attrs: any): void;
881
1022
  moveUp(): void;
@@ -885,129 +1026,157 @@ export declare const TYPES_MAP: {
885
1026
  setZIndex(zIndex: number): void;
886
1027
  beforeDestroy(): void;
887
1028
  } & {
888
- readonly a: {
889
- x: number;
890
- y: number;
891
- width: number;
892
- height: number;
893
- rotation: number;
894
- opacity: number;
895
- color: any;
896
- fontSize: any;
897
- };
1029
+ readonly locked: boolean;
1030
+ readonly a: Record<string, any>;
898
1031
  animated(attr: any): any;
899
1032
  } & {
900
1033
  setAnimation(type: any, attrs: any): void;
901
1034
  setFilter(type: any, value: any): void;
902
1035
  }, import("mobx-state-tree").ModelCreationType<{
903
1036
  id: string;
904
- type: string;
905
- name: string;
906
- opacity: number;
1037
+ type: string | undefined;
1038
+ name: string | undefined;
1039
+ opacity: number | undefined;
907
1040
  custom: any;
908
- visible: boolean;
909
- selectable: boolean;
910
- removable: boolean;
911
- alwaysOnTop: boolean;
912
- showInExport: boolean;
913
- }>, {}>;
1041
+ visible: boolean | undefined;
1042
+ selectable: boolean | undefined;
1043
+ removable: boolean | undefined;
1044
+ alwaysOnTop: boolean | undefined;
1045
+ showInExport: boolean | undefined;
1046
+ }>, import("mobx-state-tree").ModelSnapshotType<{
1047
+ id: import("mobx-state-tree").ISimpleType<string>;
1048
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
1049
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
1050
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
1051
+ custom: import("mobx-state-tree").IType<any, any, any>;
1052
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1053
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1054
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1055
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1056
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1057
+ }>>;
914
1058
  gif: import("mobx-state-tree").IModelType<{
915
1059
  id: import("mobx-state-tree").ISimpleType<string>;
916
- type: import("mobx-state-tree").IType<string, string, string>;
917
- name: import("mobx-state-tree").IType<string, string, string>;
918
- opacity: import("mobx-state-tree").IType<number, number, number>;
1060
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
1061
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
1062
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
919
1063
  custom: import("mobx-state-tree").IType<any, any, any>;
920
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
921
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
922
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
923
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
924
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
1064
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1065
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1066
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1067
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1068
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
925
1069
  } & {
926
- x: import("mobx-state-tree").IType<number, number, number>;
927
- y: import("mobx-state-tree").IType<number, number, number>;
928
- width: import("mobx-state-tree").IType<number, number, number>;
929
- height: import("mobx-state-tree").IType<number, number, number>;
930
- rotation: import("mobx-state-tree").IType<number, number, number>;
931
- opacity: import("mobx-state-tree").IType<number, number, number>;
1070
+ x: import("mobx-state-tree").IType<number | undefined, number, number>;
1071
+ y: import("mobx-state-tree").IType<number | undefined, number, number>;
1072
+ width: import("mobx-state-tree").IType<number | undefined, number, number>;
1073
+ height: import("mobx-state-tree").IType<number | undefined, number, number>;
1074
+ rotation: import("mobx-state-tree").IType<number | undefined, number, number>;
1075
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
932
1076
  animations: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
933
- delay: import("mobx-state-tree").IType<number, number, number>;
934
- duration: import("mobx-state-tree").IType<number, number, number>;
935
- enabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
1077
+ delay: import("mobx-state-tree").IType<number | undefined, number, number>;
1078
+ duration: import("mobx-state-tree").IType<number | undefined, number, number>;
1079
+ enabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
936
1080
  type: import("mobx-state-tree").ISimpleType<string>;
937
- name: import("mobx-state-tree").IType<string, string, string>;
938
- data: import("mobx-state-tree").IType<{}, {}, {}>;
1081
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
1082
+ data: import("mobx-state-tree").IType<{} | null | undefined, {}, {}>;
939
1083
  }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
940
- blurEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
941
- blurRadius: import("mobx-state-tree").IType<number, number, number>;
942
- brightnessEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
943
- brightness: import("mobx-state-tree").IType<number, number, number>;
944
- sepiaEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
945
- grayscaleEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
1084
+ blurEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1085
+ blurRadius: import("mobx-state-tree").IType<number | undefined, number, number>;
1086
+ brightnessEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1087
+ brightness: import("mobx-state-tree").IType<number | undefined, number, number>;
1088
+ sepiaEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1089
+ grayscaleEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
946
1090
  filters: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
947
- intensity: import("mobx-state-tree").IType<number, number, number>;
1091
+ intensity: import("mobx-state-tree").IType<number | undefined, number, number>;
948
1092
  }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
949
- shadowEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
950
- shadowBlur: import("mobx-state-tree").IType<number, number, number>;
951
- shadowOffsetX: import("mobx-state-tree").IType<number, number, number>;
952
- shadowOffsetY: import("mobx-state-tree").IType<number, number, number>;
953
- shadowColor: import("mobx-state-tree").IType<string, string, string>;
954
- shadowOpacity: import("mobx-state-tree").IType<number, number, number>;
955
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
956
- draggable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
957
- resizable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
958
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
959
- contentEditable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
960
- styleEditable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
961
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
962
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
1093
+ shadowEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1094
+ shadowBlur: import("mobx-state-tree").IType<number | undefined, number, number>;
1095
+ shadowOffsetX: import("mobx-state-tree").IType<number | undefined, number, number>;
1096
+ shadowOffsetY: import("mobx-state-tree").IType<number | undefined, number, number>;
1097
+ shadowColor: import("mobx-state-tree").IType<string | undefined, string, string>;
1098
+ shadowOpacity: import("mobx-state-tree").IType<number | undefined, number, number>;
1099
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1100
+ draggable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1101
+ resizable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1102
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1103
+ contentEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1104
+ styleEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1105
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1106
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
963
1107
  } & {
964
- type: import("mobx-state-tree").IType<string, string, string>;
965
- width: import("mobx-state-tree").IType<number, number, number>;
966
- height: import("mobx-state-tree").IType<number, number, number>;
967
- src: import("mobx-state-tree").IType<string, string, string>;
968
- cropX: import("mobx-state-tree").IType<number, number, number>;
969
- cropY: import("mobx-state-tree").IType<number, number, number>;
970
- cropWidth: import("mobx-state-tree").IType<number, number, number>;
971
- cropHeight: import("mobx-state-tree").IType<number, number, number>;
972
- cornerRadius: import("mobx-state-tree").IType<number, number, number>;
973
- flipX: import("mobx-state-tree").IType<boolean, boolean, boolean>;
974
- flipY: import("mobx-state-tree").IType<boolean, boolean, boolean>;
975
- clipSrc: import("mobx-state-tree").IType<string, string, string>;
976
- borderColor: import("mobx-state-tree").IType<string, string, string>;
977
- borderSize: import("mobx-state-tree").IType<number, number, number>;
978
- keepRatio: import("mobx-state-tree").IType<boolean, boolean, boolean>;
979
- stretchEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
1108
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
1109
+ width: import("mobx-state-tree").IType<number | undefined, number, number>;
1110
+ height: import("mobx-state-tree").IType<number | undefined, number, number>;
1111
+ src: import("mobx-state-tree").IType<string | undefined, string, string>;
1112
+ cropX: import("mobx-state-tree").IType<number | undefined, number, number>;
1113
+ cropY: import("mobx-state-tree").IType<number | undefined, number, number>;
1114
+ cropWidth: import("mobx-state-tree").IType<number | undefined, number, number>;
1115
+ cropHeight: import("mobx-state-tree").IType<number | undefined, number, number>;
1116
+ cornerRadius: import("mobx-state-tree").IType<number | undefined, number, number>;
1117
+ flipX: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1118
+ flipY: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1119
+ clipSrc: import("mobx-state-tree").IType<string | undefined, string, string>;
1120
+ borderColor: import("mobx-state-tree").IType<string | undefined, string, string>;
1121
+ borderSize: import("mobx-state-tree").IType<number | undefined, number, number>;
1122
+ keepRatio: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1123
+ stretchEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
980
1124
  } & {
981
- type: import("mobx-state-tree").IType<string, string, string>;
982
- duration: import("mobx-state-tree").IType<number, number, number>;
983
- keepRatio: import("mobx-state-tree").IType<boolean, boolean, boolean>;
1125
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
1126
+ duration: import("mobx-state-tree").IType<number | undefined, number, number>;
1127
+ keepRatio: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
984
1128
  }, {
985
- readonly locked: boolean;
986
1129
  readonly page: any;
987
1130
  readonly store: any;
988
1131
  readonly top: import("mobx-state-tree").ModelInstanceTypeProps<{
989
1132
  id: import("mobx-state-tree").ISimpleType<string>;
990
- type: import("mobx-state-tree").IType<string, string, string>;
991
- name: import("mobx-state-tree").IType<string, string, string>;
992
- opacity: import("mobx-state-tree").IType<number, number, number>;
1133
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
1134
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
1135
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
993
1136
  custom: import("mobx-state-tree").IType<any, any, any>;
994
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
995
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
996
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
997
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
998
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
1137
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1138
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1139
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1140
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1141
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
999
1142
  }> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
1000
1143
  id: import("mobx-state-tree").ISimpleType<string>;
1001
- type: import("mobx-state-tree").IType<string, string, string>;
1002
- name: import("mobx-state-tree").IType<string, string, string>;
1003
- opacity: import("mobx-state-tree").IType<number, number, number>;
1144
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
1145
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
1146
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
1004
1147
  custom: import("mobx-state-tree").IType<any, any, any>;
1005
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
1006
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
1007
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
1008
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
1009
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
1148
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1149
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1150
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1151
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1152
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1010
1153
  }, {}, import("mobx-state-tree").ModelCreationType<{
1154
+ id: string;
1155
+ type: string | undefined;
1156
+ name: string | undefined;
1157
+ opacity: number | undefined;
1158
+ custom: any;
1159
+ visible: boolean | undefined;
1160
+ selectable: boolean | undefined;
1161
+ removable: boolean | undefined;
1162
+ alwaysOnTop: boolean | undefined;
1163
+ showInExport: boolean | undefined;
1164
+ }>, import("mobx-state-tree").ModelSnapshotType<{
1165
+ id: import("mobx-state-tree").ISimpleType<string>;
1166
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
1167
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
1168
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
1169
+ custom: import("mobx-state-tree").IType<any, any, any>;
1170
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1171
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1172
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1173
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1174
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1175
+ }>>>;
1176
+ readonly parent: any;
1177
+ readonly zIndex: any;
1178
+ } & {
1179
+ toJSON(): {
1011
1180
  id: string;
1012
1181
  type: string;
1013
1182
  name: string;
@@ -1018,14 +1187,10 @@ export declare const TYPES_MAP: {
1018
1187
  removable: boolean;
1019
1188
  alwaysOnTop: boolean;
1020
1189
  showInExport: boolean;
1021
- }>, {}>>;
1022
- readonly parent: any;
1023
- readonly zIndex: any;
1024
- } & {
1025
- toJSON(): {};
1190
+ };
1026
1191
  } & {
1027
1192
  clone(attrs?: any, { skipSelect }?: {
1028
- skipSelect?: boolean;
1193
+ skipSelect?: boolean | undefined;
1029
1194
  }): NodeType;
1030
1195
  set(attrs: any): void;
1031
1196
  moveUp(): void;
@@ -1035,16 +1200,8 @@ export declare const TYPES_MAP: {
1035
1200
  setZIndex(zIndex: number): void;
1036
1201
  beforeDestroy(): void;
1037
1202
  } & {
1038
- readonly a: {
1039
- x: number;
1040
- y: number;
1041
- width: number;
1042
- height: number;
1043
- rotation: number;
1044
- opacity: number;
1045
- color: any;
1046
- fontSize: any;
1047
- };
1203
+ readonly locked: boolean;
1204
+ readonly a: Record<string, any>;
1048
1205
  animated(attr: any): any;
1049
1206
  } & {
1050
1207
  setAnimation(type: any, attrs: any): void;
@@ -1056,16 +1213,27 @@ export declare const TYPES_MAP: {
1056
1213
  readonly _cropModeEnabled: boolean;
1057
1214
  }, import("mobx-state-tree").ModelCreationType<{
1058
1215
  id: string;
1059
- type: string;
1060
- name: string;
1061
- opacity: number;
1216
+ type: string | undefined;
1217
+ name: string | undefined;
1218
+ opacity: number | undefined;
1062
1219
  custom: any;
1063
- visible: boolean;
1064
- selectable: boolean;
1065
- removable: boolean;
1066
- alwaysOnTop: boolean;
1067
- showInExport: boolean;
1068
- }>, {}>;
1220
+ visible: boolean | undefined;
1221
+ selectable: boolean | undefined;
1222
+ removable: boolean | undefined;
1223
+ alwaysOnTop: boolean | undefined;
1224
+ showInExport: boolean | undefined;
1225
+ }>, import("mobx-state-tree").ModelSnapshotType<{
1226
+ id: import("mobx-state-tree").ISimpleType<string>;
1227
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
1228
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
1229
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
1230
+ custom: import("mobx-state-tree").IType<any, any, any>;
1231
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1232
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1233
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1234
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1235
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
1236
+ }>>;
1069
1237
  };
1070
1238
  export declare function registerShapeModel(defaultAttributes: any, extendFunc?: any): void;
1071
1239
  export type GroupElementType = Instance<typeof GroupElement>;