@syncfusion/ej2-image-editor 20.4.42 → 20.4.48

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 (44) hide show
  1. package/dist/ej2-image-editor.umd.min.js +2 -2
  2. package/dist/ej2-image-editor.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-image-editor.es2015.js +6618 -3832
  4. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  5. package/dist/es6/ej2-image-editor.es5.js +6622 -3838
  6. package/dist/es6/ej2-image-editor.es5.js.map +1 -1
  7. package/dist/global/ej2-image-editor.min.js +2 -2
  8. package/dist/global/ej2-image-editor.min.js.map +1 -1
  9. package/dist/global/index.d.ts +1 -1
  10. package/package.json +11 -11
  11. package/src/image-editor/image-editor-model.d.ts +23 -85
  12. package/src/image-editor/image-editor.d.ts +279 -235
  13. package/src/image-editor/image-editor.js +6620 -3835
  14. package/styles/bootstrap-dark.css +3 -0
  15. package/styles/bootstrap.css +3 -0
  16. package/styles/bootstrap4.css +3 -0
  17. package/styles/bootstrap5-dark.css +3 -0
  18. package/styles/bootstrap5.css +3 -0
  19. package/styles/fabric-dark.css +3 -0
  20. package/styles/fabric.css +3 -0
  21. package/styles/fluent-dark.css +3 -0
  22. package/styles/fluent.css +3 -0
  23. package/styles/highcontrast-light.css +3 -0
  24. package/styles/highcontrast.css +3 -0
  25. package/styles/image-editor/_layout.scss +6 -0
  26. package/styles/image-editor/bootstrap-dark.css +3 -0
  27. package/styles/image-editor/bootstrap.css +3 -0
  28. package/styles/image-editor/bootstrap4.css +3 -0
  29. package/styles/image-editor/bootstrap5-dark.css +3 -0
  30. package/styles/image-editor/bootstrap5.css +3 -0
  31. package/styles/image-editor/fabric-dark.css +3 -0
  32. package/styles/image-editor/fabric.css +3 -0
  33. package/styles/image-editor/fluent-dark.css +3 -0
  34. package/styles/image-editor/fluent.css +3 -0
  35. package/styles/image-editor/highcontrast-light.css +3 -0
  36. package/styles/image-editor/highcontrast.css +3 -0
  37. package/styles/image-editor/material-dark.css +3 -0
  38. package/styles/image-editor/material.css +3 -0
  39. package/styles/image-editor/tailwind-dark.css +3 -0
  40. package/styles/image-editor/tailwind.css +3 -0
  41. package/styles/material-dark.css +3 -0
  42. package/styles/material.css +3 -0
  43. package/styles/tailwind-dark.css +3 -0
  44. package/styles/tailwind.css +3 -0
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 20.4.42
3
+ * version : 20.4.48
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-image-editor@*",
3
- "_id": "@syncfusion/ej2-image-editor@20.4.40",
3
+ "_id": "@syncfusion/ej2-image-editor@20.4.42",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-8VN4D9ZIGSJSw4OWQWRwe4yoj2O5UNx/hjKRYAVAGTJlKyyEnEAktmpQ6E/FVVdi7GrCW7HYvLEpp5BfhcUITg==",
5
+ "_integrity": "sha512-YNQsBfoGesthRU7nLZ+iQeHTrrIg+B8x8xtNb9cwdqdoOxoE6xJDsXnkRs1dkovu+kF+vGvSu2hUeC9rs2IhLQ==",
6
6
  "_location": "/@syncfusion/ej2-image-editor",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -23,8 +23,8 @@
23
23
  "/@syncfusion/ej2-react-image-editor",
24
24
  "/@syncfusion/ej2-vue-image-editor"
25
25
  ],
26
- "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-image-editor/-/ej2-image-editor-20.4.40.tgz",
27
- "_shasum": "70dac911346a58ae94139bb69f71ea927f5151f4",
26
+ "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-image-editor/-/ej2-image-editor-20.4.42.tgz",
27
+ "_shasum": "5f6c62de8067705e6224bbf8a3a5557c7c5ed1fc",
28
28
  "_spec": "@syncfusion/ej2-image-editor@*",
29
29
  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
30
30
  "author": {
@@ -32,12 +32,12 @@
32
32
  },
33
33
  "bundleDependencies": false,
34
34
  "dependencies": {
35
- "@syncfusion/ej2-base": "~20.4.42",
36
- "@syncfusion/ej2-buttons": "~20.4.42",
37
- "@syncfusion/ej2-inputs": "~20.4.42",
38
- "@syncfusion/ej2-navigations": "~20.4.42",
39
- "@syncfusion/ej2-popups": "~20.4.42",
40
- "@syncfusion/ej2-splitbuttons": "~20.4.42"
35
+ "@syncfusion/ej2-base": "~20.4.48",
36
+ "@syncfusion/ej2-buttons": "~20.4.48",
37
+ "@syncfusion/ej2-inputs": "~20.4.48",
38
+ "@syncfusion/ej2-navigations": "~20.4.48",
39
+ "@syncfusion/ej2-popups": "~20.4.48",
40
+ "@syncfusion/ej2-splitbuttons": "~20.4.48"
41
41
  },
42
42
  "deprecated": false,
43
43
  "description": "Essential JS 2 ImageEditor",
@@ -67,7 +67,7 @@
67
67
  "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/imageeditor"
68
68
  },
69
69
  "typings": "index.d.ts",
70
- "version": "20.4.42",
70
+ "version": "20.4.48",
71
71
  "sideEffects": false,
72
72
  "homepage": "https://www.syncfusion.com/javascript-ui-controls"
73
73
  }
@@ -1,5 +1,6 @@
1
- import { NotifyPropertyChanges, INotifyPropertyChanged, Property, addClass, removeClass, extend } from '@syncfusion/ej2-base';
2
- import {ImageFinetuneValue,Theme,ImageEditorCommands,SaveEventArgs,BeforeSaveEventArgs,ZoomEventArgs,PanEventArgs,CropEventArgs,RotateEventArgs,FlipEventArgs,ShapeChangeEventArgs,FileOpenEventArgs,ToolbarEventArgs,ImageFilterEventArgs,FinetuneEventArgs} from "./image-editor";
1
+ import { Component, NotifyPropertyChanges, INotifyPropertyChanged, Property, addClass, removeClass, extend } from '@syncfusion/ej2-base';
2
+ import {ImageFinetuneValue,Theme,ImageEditorCommands,SaveEventArgs,BeforeSaveEventArgs,ZoomEventArgs,PanEventArgs,CropEventArgs,RotateEventArgs,FlipEventArgs,ShapeChangeEventArgs,OpenEventArgs,ToolbarEventArgs,ImageFilterEventArgs,FinetuneEventArgs} from "./image-editor";
3
+ import {ComponentModel} from '@syncfusion/ej2-base';
3
4
 
4
5
  /**
5
6
  * Interface for a class FinetuneSettings
@@ -60,7 +61,7 @@ export interface FinetuneSettingsModel {
60
61
  /**
61
62
  * Interface for a class ImageEditor
62
63
  */
63
- export interface ImageEditorModel {
64
+ export interface ImageEditorModel extends ComponentModel{
64
65
 
65
66
  /**
66
67
  * Defines class/multiple classes separated by a space for customizing Image Editor UI.
@@ -95,13 +96,13 @@ export interface ImageEditorModel {
95
96
  /**
96
97
  * Specifies the theme of the Image Editor. The shape selection appearance will be decided based on this property.
97
98
  * The property supports all the built-in themes of Syncfusion.
99
+ * default 'Bootstrap5'
98
100
  *
99
101
  * @isenumeration true
100
102
  * @default Theme.Bootstrap5
101
103
  * @asptype Theme
102
104
  *
103
105
  */
104
-
105
106
  theme?: string | Theme;
106
107
 
107
108
  /**
@@ -109,16 +110,18 @@ export interface ImageEditorModel {
109
110
  * If the property is defined as empty collection, the toolbar will not be rendered.
110
111
  * Suppose the property is not defined in control, an image editor’s toolbar will be rendered with preconfigured toolbar commands.
111
112
  * The preconfigured toolbar commands are
112
- * Crop: helps to crop an image as ellipse, square, various ratio aspects, custom selection with resize, drag and drop.
113
- * Annotate: help to insert a shape on image that supports rectangle, ellipse, line, text and freehand drawing with resize, drag and drop, and customize its appearance.
114
- * Transform: helps to rotate and flip an image.
115
- * ZoomIn: performs zoom-in an image.
116
- * ZoomOut: performs zoom-out an image.
117
- * Pan: performs panning once zoomed an image.
118
- * Move: disable the pan action and move to perform other actions such as insert a shape, transform, and more.
119
- * Save: save the modified image.
120
- * Open: open an image to perform editing.
121
- * Reset: reset the modification and restore the original image.
113
+ * Crop: helps to crop an image as ellipse, square, various ratio aspects, custom selection with resize, drag and drop.
114
+ * Annotate: help to insert a shape on image that supports rectangle, ellipse, line, text and freehand drawing with resize, drag and drop, and customize its appearance.
115
+ * Transform: helps to rotate and flip an image.
116
+ * ZoomIn: performs zoom-in an image.
117
+ * ZoomOut: performs zoom-out an image.
118
+ * Pan: performs panning once zoomed an image.
119
+ * Move: disable the pan action and move to perform other actions such as insert a shape, transform, and more.
120
+ * Save: save the modified image.
121
+ * Open: open an image to perform editing.
122
+ * Reset: reset the modification and restore the original image.
123
+ *
124
+ * @default null
122
125
  ```html
123
126
  * <div id='imageeditor'></div>
124
127
  * ```
@@ -166,22 +169,12 @@ export interface ImageEditorModel {
166
169
  width?: string;
167
170
 
168
171
  /**
169
- * Gets or sets the background color of the component.
170
- * The background color of the component that accepts hex value, rgb and text (like 'red'). The default value is ''.
171
- *
172
- * @default ''
173
- * @private
174
- */
175
- backgroundColor?: string;
176
-
177
- /**
178
- * Gets or sets the background image for the component.
179
- * An image that used to fill the background of the component. The default value is ''.
172
+ * Specifies whether to perform undo / redo operation.
180
173
  *
181
- * @default ''
174
+ * @default false
182
175
  * @private
183
176
  */
184
- backgroundImage?: string;
177
+ allowUndoRedo?: boolean;
185
178
 
186
179
  /**
187
180
  * Gets or sets whether to prevent the interaction in signature component.
@@ -192,54 +185,6 @@ export interface ImageEditorModel {
192
185
  */
193
186
  isReadOnly?: boolean;
194
187
 
195
- /**
196
- * Gets or sets whether to save the signature along with Background Color and background Image while saving.
197
- * True, if signature component to save with background. The default value is true.
198
- *
199
- * @default true
200
- * @private
201
- */
202
- saveWithBackground?: boolean;
203
-
204
- /**
205
- * Gets or sets the stroke color of the signature.
206
- * The color of the signature stroke that accepts hex value, rgb and text (like 'red'). The default value is "#000000".
207
- *
208
- * @default '#000000'
209
- * @private
210
- */
211
- strokeColor?: string;
212
-
213
- /**
214
- * Gets or sets the minimum stroke width for signature.
215
- * The signature component calculates stroke width based on Velocity, MinStrokeWidth and MaxStrokeWidth.
216
- * The minimum width of stroke. The default value is 0.5.
217
- *
218
- * @default 0.5
219
- * @private
220
- */
221
- minStrokeWidth?: number;
222
-
223
- /**
224
- * Gets or sets the maximum stroke width for signature.
225
- * The signature component calculates stroke width based on Velocity, MinStrokeWidth and MaxStrokeWidth.
226
- * The maximum width of stroke. The default value is 2.0.
227
- *
228
- * @default 2
229
- * @private
230
- */
231
- maxStrokeWidth?: number;
232
-
233
- /**
234
- * Gets or sets the velocity to calculate the stroke thickness based on the pressure of the contact on the digitizer surface.
235
- * The Signature component calculates stroke thickness based on Velocity, MinStrokeWidth and MaxStrokeWidth.
236
- * The default value is 0.7.
237
- *
238
- * @default 0.7
239
- * @private
240
- */
241
- velocity?: number;
242
-
243
188
  /**
244
189
  * Specifies the Signature in RTL mode that displays the content in the right-to-left direction.
245
190
  *
@@ -271,13 +216,6 @@ export interface ImageEditorModel {
271
216
  */
272
217
  finetuneSettings?: FinetuneSettingsModel;
273
218
 
274
- /**
275
- * Gets or sets the last signature url to maintain the persist state.
276
- *
277
- * @private
278
- */
279
- signatureValue?: string;
280
-
281
219
  /**
282
220
  * Triggers before an image is saved.
283
221
  *
@@ -346,7 +284,7 @@ export interface ImageEditorModel {
346
284
  *
347
285
  * @event fileOpened
348
286
  */
349
- fileOpened?: EmitType<FileOpenEventArgs>
287
+ fileOpened?: EmitType<OpenEventArgs>
350
288
 
351
289
  /**
352
290
  * Triggers once an image is saved.
@@ -386,8 +324,8 @@ export interface ImageEditorModel {
386
324
  /**
387
325
  * Triggers when applying fine tune to an image.
388
326
  *
389
- * @event fineTuneValueChanging
327
+ * @event finetuneValueChanging
390
328
  */
391
- fineTuneValueChanging?: EmitType<FinetuneEventArgs>
329
+ finetuneValueChanging?: EmitType<FinetuneEventArgs>
392
330
 
393
331
  }