@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.
- package/dist/ej2-image-editor.umd.min.js +2 -2
- package/dist/ej2-image-editor.umd.min.js.map +1 -1
- package/dist/es6/ej2-image-editor.es2015.js +6618 -3832
- package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
- package/dist/es6/ej2-image-editor.es5.js +6622 -3838
- package/dist/es6/ej2-image-editor.es5.js.map +1 -1
- package/dist/global/ej2-image-editor.min.js +2 -2
- package/dist/global/ej2-image-editor.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +11 -11
- package/src/image-editor/image-editor-model.d.ts +23 -85
- package/src/image-editor/image-editor.d.ts +279 -235
- package/src/image-editor/image-editor.js +6620 -3835
- package/styles/bootstrap-dark.css +3 -0
- package/styles/bootstrap.css +3 -0
- package/styles/bootstrap4.css +3 -0
- package/styles/bootstrap5-dark.css +3 -0
- package/styles/bootstrap5.css +3 -0
- package/styles/fabric-dark.css +3 -0
- package/styles/fabric.css +3 -0
- package/styles/fluent-dark.css +3 -0
- package/styles/fluent.css +3 -0
- package/styles/highcontrast-light.css +3 -0
- package/styles/highcontrast.css +3 -0
- package/styles/image-editor/_layout.scss +6 -0
- package/styles/image-editor/bootstrap-dark.css +3 -0
- package/styles/image-editor/bootstrap.css +3 -0
- package/styles/image-editor/bootstrap4.css +3 -0
- package/styles/image-editor/bootstrap5-dark.css +3 -0
- package/styles/image-editor/bootstrap5.css +3 -0
- package/styles/image-editor/fabric-dark.css +3 -0
- package/styles/image-editor/fabric.css +3 -0
- package/styles/image-editor/fluent-dark.css +3 -0
- package/styles/image-editor/fluent.css +3 -0
- package/styles/image-editor/highcontrast-light.css +3 -0
- package/styles/image-editor/highcontrast.css +3 -0
- package/styles/image-editor/material-dark.css +3 -0
- package/styles/image-editor/material.css +3 -0
- package/styles/image-editor/tailwind-dark.css +3 -0
- package/styles/image-editor/tailwind.css +3 -0
- package/styles/material-dark.css +3 -0
- package/styles/material.css +3 -0
- package/styles/tailwind-dark.css +3 -0
- package/styles/tailwind.css +3 -0
package/dist/global/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: index.d.ts
|
|
3
|
-
* version : 20.4.
|
|
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.
|
|
3
|
+
"_id": "@syncfusion/ej2-image-editor@20.4.42",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
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.
|
|
27
|
-
"_shasum": "
|
|
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.
|
|
36
|
-
"@syncfusion/ej2-buttons": "~20.4.
|
|
37
|
-
"@syncfusion/ej2-inputs": "~20.4.
|
|
38
|
-
"@syncfusion/ej2-navigations": "~20.4.
|
|
39
|
-
"@syncfusion/ej2-popups": "~20.4.
|
|
40
|
-
"@syncfusion/ej2-splitbuttons": "~20.4.
|
|
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.
|
|
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,
|
|
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
|
-
*
|
|
113
|
-
*
|
|
114
|
-
*
|
|
115
|
-
*
|
|
116
|
-
*
|
|
117
|
-
*
|
|
118
|
-
*
|
|
119
|
-
*
|
|
120
|
-
*
|
|
121
|
-
*
|
|
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
|
-
*
|
|
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
|
-
|
|
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<
|
|
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
|
|
327
|
+
* @event finetuneValueChanging
|
|
390
328
|
*/
|
|
391
|
-
|
|
329
|
+
finetuneValueChanging?: EmitType<FinetuneEventArgs>
|
|
392
330
|
|
|
393
331
|
}
|