@bensitu/image-editor 1.2.1 → 1.2.2

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.
package/image-editor.d.ts CHANGED
@@ -124,6 +124,9 @@ declare module '@bensitu/image-editor' {
124
124
  export interface Base64ExportOptions {
125
125
  exportImageArea?: boolean;
126
126
  multiplier?: number;
127
+ quality?: number;
128
+ fileType?: 'jpeg' | 'jpg' | 'png' | 'webp' | 'image/jpeg' | 'image/png' | 'image/webp';
129
+ format?: 'jpeg' | 'jpg' | 'png' | 'webp' | 'image/jpeg' | 'image/png' | 'image/webp';
127
130
  }
128
131
 
129
132
  export interface ImageFileExportOptions {
@@ -134,11 +137,22 @@ declare module '@bensitu/image-editor' {
134
137
  fileName?: string;
135
138
  }
136
139
 
140
+ export interface RemoveAllMasksOptions {
141
+ saveHistory?: boolean;
142
+ }
143
+
137
144
  export class ImageEditor {
138
145
  readonly options: ImageEditorOptions;
139
146
  readonly canvas: Canvas | null;
147
+ readonly canvasElement: HTMLCanvasElement | null;
148
+ readonly containerElement: HTMLElement | null;
149
+ readonly placeholderElement: HTMLElement | null;
150
+ /** @deprecated Use canvasElement instead. */
140
151
  readonly canvasEl: HTMLCanvasElement | null;
152
+ /** @deprecated Use containerElement instead. */
141
153
  readonly containerEl: HTMLElement | null;
154
+ /** @deprecated Use placeholderElement instead. */
155
+ readonly placeholderEl: HTMLElement | null;
142
156
  readonly originalImage: FabricImage | null;
143
157
  readonly currentScale: number;
144
158
  readonly currentRotation: number;
@@ -149,30 +163,38 @@ declare module '@bensitu/image-editor' {
149
163
  constructor(options?: ImageEditorOptions);
150
164
 
151
165
  init(idMap?: ElementIdMap): void;
152
- loadImage(base64: string): Promise<void>;
166
+ loadImage(imageBase64: string): Promise<void>;
153
167
  isImageLoaded(): boolean;
154
168
 
155
169
  scaleImage(factor: number): Promise<void>;
156
170
  rotateImage(degrees: number): Promise<void>;
171
+ resetImageTransform(): Promise<void>;
172
+ /** @deprecated Use resetImageTransform() instead. */
157
173
  reset(): Promise<void>;
158
174
 
175
+ createMask(config?: MaskConfig): MaskObject | null;
176
+ /** @deprecated Use createMask() instead. */
159
177
  addMask(config?: MaskConfig): MaskObject | null;
160
178
  removeSelectedMask(): void;
161
- removeAllMasks(): void;
179
+ removeAllMasks(options?: RemoveAllMasksOptions): void;
162
180
 
181
+ mergeMasks(): Promise<void>;
182
+ /** @deprecated Use mergeMasks() instead. */
163
183
  merge(): Promise<void>;
164
184
  downloadImage(fileName?: string): void;
165
- getImageBase64(opts?: Base64ExportOptions): Promise<string>;
166
- exportImageFile(opts?: ImageFileExportOptions): Promise<File>;
185
+ exportImageBase64(options?: Base64ExportOptions): Promise<string>;
186
+ /** @deprecated Use exportImageBase64() instead. */
187
+ getImageBase64(options?: Base64ExportOptions): Promise<string>;
188
+ exportImageFile(options?: ImageFileExportOptions): Promise<File>;
167
189
 
168
190
  enterCropMode(): void;
169
191
  cancelCrop(): void;
170
192
  applyCrop(): Promise<void>;
171
193
 
172
- undo(): void;
173
- redo(): void;
194
+ undo(): Promise<void>;
195
+ redo(): Promise<void>;
174
196
  saveState(): void;
175
- loadFromState(jsonString: string | object): void;
197
+ loadFromState(jsonString: string | object): Promise<void>;
176
198
 
177
199
  dispose(): void;
178
200
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bensitu/image-editor",
3
- "version": "1.2.1",
3
+ "version": "1.2.2",
4
4
  "description": "Lightweight canvas-based image editor",
5
5
  "main": "./dist/image-editor.js",
6
6
  "module": "./dist/image-editor.esm.mjs",