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/gif-model.d.ts CHANGED
@@ -1,101 +1,126 @@
1
1
  import { Instance } from 'mobx-state-tree';
2
2
  export declare const GifElement: import("mobx-state-tree").IModelType<{
3
3
  id: import("mobx-state-tree").ISimpleType<string>;
4
- type: import("mobx-state-tree").IType<string, string, string>;
5
- name: import("mobx-state-tree").IType<string, string, string>;
6
- opacity: import("mobx-state-tree").IType<number, number, number>;
4
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
5
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
6
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
7
7
  custom: import("mobx-state-tree").IType<any, any, any>;
8
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
9
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
10
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
11
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
12
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
8
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
9
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
10
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
11
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
12
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
13
13
  } & {
14
- x: import("mobx-state-tree").IType<number, number, number>;
15
- y: import("mobx-state-tree").IType<number, number, number>;
16
- width: import("mobx-state-tree").IType<number, number, number>;
17
- height: import("mobx-state-tree").IType<number, number, number>;
18
- rotation: import("mobx-state-tree").IType<number, number, number>;
19
- opacity: import("mobx-state-tree").IType<number, number, number>;
14
+ x: import("mobx-state-tree").IType<number | undefined, number, number>;
15
+ y: import("mobx-state-tree").IType<number | undefined, number, number>;
16
+ width: import("mobx-state-tree").IType<number | undefined, number, number>;
17
+ height: import("mobx-state-tree").IType<number | undefined, number, number>;
18
+ rotation: import("mobx-state-tree").IType<number | undefined, number, number>;
19
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
20
20
  animations: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
21
- delay: import("mobx-state-tree").IType<number, number, number>;
22
- duration: import("mobx-state-tree").IType<number, number, number>;
23
- enabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
21
+ delay: import("mobx-state-tree").IType<number | undefined, number, number>;
22
+ duration: import("mobx-state-tree").IType<number | undefined, number, number>;
23
+ enabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
24
24
  type: import("mobx-state-tree").ISimpleType<string>;
25
- name: import("mobx-state-tree").IType<string, string, string>;
26
- data: import("mobx-state-tree").IType<{}, {}, {}>;
25
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
26
+ data: import("mobx-state-tree").IType<{} | null | undefined, {}, {}>;
27
27
  }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
28
- blurEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
29
- blurRadius: import("mobx-state-tree").IType<number, number, number>;
30
- brightnessEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
31
- brightness: import("mobx-state-tree").IType<number, number, number>;
32
- sepiaEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
33
- grayscaleEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
28
+ blurEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
29
+ blurRadius: import("mobx-state-tree").IType<number | undefined, number, number>;
30
+ brightnessEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
31
+ brightness: import("mobx-state-tree").IType<number | undefined, number, number>;
32
+ sepiaEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
33
+ grayscaleEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
34
34
  filters: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
35
- intensity: import("mobx-state-tree").IType<number, number, number>;
35
+ intensity: import("mobx-state-tree").IType<number | undefined, number, number>;
36
36
  }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
37
- shadowEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
38
- shadowBlur: import("mobx-state-tree").IType<number, number, number>;
39
- shadowOffsetX: import("mobx-state-tree").IType<number, number, number>;
40
- shadowOffsetY: import("mobx-state-tree").IType<number, number, number>;
41
- shadowColor: import("mobx-state-tree").IType<string, string, string>;
42
- shadowOpacity: import("mobx-state-tree").IType<number, number, number>;
43
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
44
- draggable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
45
- resizable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
46
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
47
- contentEditable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
48
- styleEditable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
49
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
50
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
37
+ shadowEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
38
+ shadowBlur: import("mobx-state-tree").IType<number | undefined, number, number>;
39
+ shadowOffsetX: import("mobx-state-tree").IType<number | undefined, number, number>;
40
+ shadowOffsetY: import("mobx-state-tree").IType<number | undefined, number, number>;
41
+ shadowColor: import("mobx-state-tree").IType<string | undefined, string, string>;
42
+ shadowOpacity: import("mobx-state-tree").IType<number | undefined, number, number>;
43
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
44
+ draggable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
45
+ resizable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
46
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
47
+ contentEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
48
+ styleEditable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
49
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
50
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
51
51
  } & {
52
- type: import("mobx-state-tree").IType<string, string, string>;
53
- width: import("mobx-state-tree").IType<number, number, number>;
54
- height: import("mobx-state-tree").IType<number, number, number>;
55
- src: import("mobx-state-tree").IType<string, string, string>;
56
- cropX: import("mobx-state-tree").IType<number, number, number>;
57
- cropY: import("mobx-state-tree").IType<number, number, number>;
58
- cropWidth: import("mobx-state-tree").IType<number, number, number>;
59
- cropHeight: import("mobx-state-tree").IType<number, number, number>;
60
- cornerRadius: import("mobx-state-tree").IType<number, number, number>;
61
- flipX: import("mobx-state-tree").IType<boolean, boolean, boolean>;
62
- flipY: import("mobx-state-tree").IType<boolean, boolean, boolean>;
63
- clipSrc: import("mobx-state-tree").IType<string, string, string>;
64
- borderColor: import("mobx-state-tree").IType<string, string, string>;
65
- borderSize: import("mobx-state-tree").IType<number, number, number>;
66
- keepRatio: import("mobx-state-tree").IType<boolean, boolean, boolean>;
67
- stretchEnabled: import("mobx-state-tree").IType<boolean, boolean, boolean>;
52
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
53
+ width: import("mobx-state-tree").IType<number | undefined, number, number>;
54
+ height: import("mobx-state-tree").IType<number | undefined, number, number>;
55
+ src: import("mobx-state-tree").IType<string | undefined, string, string>;
56
+ cropX: import("mobx-state-tree").IType<number | undefined, number, number>;
57
+ cropY: import("mobx-state-tree").IType<number | undefined, number, number>;
58
+ cropWidth: import("mobx-state-tree").IType<number | undefined, number, number>;
59
+ cropHeight: import("mobx-state-tree").IType<number | undefined, number, number>;
60
+ cornerRadius: import("mobx-state-tree").IType<number | undefined, number, number>;
61
+ flipX: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
62
+ flipY: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
63
+ clipSrc: import("mobx-state-tree").IType<string | undefined, string, string>;
64
+ borderColor: import("mobx-state-tree").IType<string | undefined, string, string>;
65
+ borderSize: import("mobx-state-tree").IType<number | undefined, number, number>;
66
+ keepRatio: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
67
+ stretchEnabled: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
68
68
  } & {
69
- type: import("mobx-state-tree").IType<string, string, string>;
70
- duration: import("mobx-state-tree").IType<number, number, number>;
71
- keepRatio: import("mobx-state-tree").IType<boolean, boolean, boolean>;
69
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
70
+ duration: import("mobx-state-tree").IType<number | undefined, number, number>;
71
+ keepRatio: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
72
72
  }, {
73
- readonly locked: boolean;
74
73
  readonly page: any;
75
74
  readonly store: any;
76
75
  readonly top: import("mobx-state-tree").ModelInstanceTypeProps<{
77
76
  id: import("mobx-state-tree").ISimpleType<string>;
78
- type: import("mobx-state-tree").IType<string, string, string>;
79
- name: import("mobx-state-tree").IType<string, string, string>;
80
- opacity: import("mobx-state-tree").IType<number, number, number>;
77
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
78
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
79
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
81
80
  custom: import("mobx-state-tree").IType<any, any, any>;
82
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
83
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
84
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
85
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
86
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
81
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
82
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
83
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
84
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
85
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
87
86
  }> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
88
87
  id: import("mobx-state-tree").ISimpleType<string>;
89
- type: import("mobx-state-tree").IType<string, string, string>;
90
- name: import("mobx-state-tree").IType<string, string, string>;
91
- opacity: import("mobx-state-tree").IType<number, number, number>;
88
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
89
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
90
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
92
91
  custom: import("mobx-state-tree").IType<any, any, any>;
93
- visible: import("mobx-state-tree").IType<boolean, boolean, boolean>;
94
- selectable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
95
- removable: import("mobx-state-tree").IType<boolean, boolean, boolean>;
96
- alwaysOnTop: import("mobx-state-tree").IType<boolean, boolean, boolean>;
97
- showInExport: import("mobx-state-tree").IType<boolean, boolean, boolean>;
92
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
93
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
94
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
95
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
96
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
98
97
  }, {}, import("mobx-state-tree").ModelCreationType<{
98
+ id: string;
99
+ type: string | undefined;
100
+ name: string | undefined;
101
+ opacity: number | undefined;
102
+ custom: any;
103
+ visible: boolean | undefined;
104
+ selectable: boolean | undefined;
105
+ removable: boolean | undefined;
106
+ alwaysOnTop: boolean | undefined;
107
+ showInExport: boolean | undefined;
108
+ }>, import("mobx-state-tree").ModelSnapshotType<{
109
+ id: import("mobx-state-tree").ISimpleType<string>;
110
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
111
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
112
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
113
+ custom: import("mobx-state-tree").IType<any, any, any>;
114
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
115
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
116
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
117
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
118
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
119
+ }>>>;
120
+ readonly parent: any;
121
+ readonly zIndex: any;
122
+ } & {
123
+ toJSON(): {
99
124
  id: string;
100
125
  type: string;
101
126
  name: string;
@@ -106,14 +131,10 @@ export declare const GifElement: import("mobx-state-tree").IModelType<{
106
131
  removable: boolean;
107
132
  alwaysOnTop: boolean;
108
133
  showInExport: boolean;
109
- }>, {}>>;
110
- readonly parent: any;
111
- readonly zIndex: any;
112
- } & {
113
- toJSON(): {};
134
+ };
114
135
  } & {
115
136
  clone(attrs?: any, { skipSelect }?: {
116
- skipSelect?: boolean;
137
+ skipSelect?: boolean | undefined;
117
138
  }): import("./node-model.js").NodeType;
118
139
  set(attrs: any): void;
119
140
  moveUp(): void;
@@ -123,16 +144,8 @@ export declare const GifElement: import("mobx-state-tree").IModelType<{
123
144
  setZIndex(zIndex: number): void;
124
145
  beforeDestroy(): void;
125
146
  } & {
126
- readonly a: {
127
- x: number;
128
- y: number;
129
- width: number;
130
- height: number;
131
- rotation: number;
132
- opacity: number;
133
- color: any;
134
- fontSize: any;
135
- };
147
+ readonly locked: boolean;
148
+ readonly a: Record<string, any>;
136
149
  animated(attr: any): any;
137
150
  } & {
138
151
  setAnimation(type: any, attrs: any): void;
@@ -144,14 +157,25 @@ export declare const GifElement: import("mobx-state-tree").IModelType<{
144
157
  readonly _cropModeEnabled: boolean;
145
158
  }, import("mobx-state-tree").ModelCreationType<{
146
159
  id: string;
147
- type: string;
148
- name: string;
149
- opacity: number;
160
+ type: string | undefined;
161
+ name: string | undefined;
162
+ opacity: number | undefined;
150
163
  custom: any;
151
- visible: boolean;
152
- selectable: boolean;
153
- removable: boolean;
154
- alwaysOnTop: boolean;
155
- showInExport: boolean;
156
- }>, {}>;
164
+ visible: boolean | undefined;
165
+ selectable: boolean | undefined;
166
+ removable: boolean | undefined;
167
+ alwaysOnTop: boolean | undefined;
168
+ showInExport: boolean | undefined;
169
+ }>, import("mobx-state-tree").ModelSnapshotType<{
170
+ id: import("mobx-state-tree").ISimpleType<string>;
171
+ type: import("mobx-state-tree").IType<string | undefined, string, string>;
172
+ name: import("mobx-state-tree").IType<string | undefined, string, string>;
173
+ opacity: import("mobx-state-tree").IType<number | undefined, number, number>;
174
+ custom: import("mobx-state-tree").IType<any, any, any>;
175
+ visible: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
176
+ selectable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
177
+ removable: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
178
+ alwaysOnTop: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
179
+ showInExport: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
180
+ }>>;
157
181
  export type GifElementType = Instance<typeof GifElement>;