@syncfusion/ej2-image-editor 25.2.4 → 26.1.35
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/.eslintrc.json +3 -2
- 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 +2679 -830
- package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
- package/dist/es6/ej2-image-editor.es5.js +2762 -873
- 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 +13 -12
- package/src/image-editor/action/crop.d.ts +0 -1
- package/src/image-editor/action/crop.js +35 -77
- package/src/image-editor/action/draw.d.ts +3 -0
- package/src/image-editor/action/draw.js +190 -81
- package/src/image-editor/action/export.d.ts +3 -0
- package/src/image-editor/action/export.js +99 -41
- package/src/image-editor/action/filter.d.ts +0 -1
- package/src/image-editor/action/filter.js +4 -24
- package/src/image-editor/action/freehand-draw.js +30 -8
- package/src/image-editor/action/selection.d.ts +10 -0
- package/src/image-editor/action/selection.js +444 -99
- package/src/image-editor/action/shape.d.ts +11 -1
- package/src/image-editor/action/shape.js +520 -127
- package/src/image-editor/action/transform.d.ts +0 -1
- package/src/image-editor/action/transform.js +53 -69
- package/src/image-editor/action/undo-redo.d.ts +2 -0
- package/src/image-editor/action/undo-redo.js +114 -29
- package/src/image-editor/base/enum.d.ts +5 -1
- package/src/image-editor/base/enum.js +4 -0
- package/src/image-editor/base/image-editor-model.d.ts +8 -6
- package/src/image-editor/base/image-editor.d.ts +116 -7
- package/src/image-editor/base/image-editor.js +378 -52
- package/src/image-editor/base/interface.d.ts +17 -0
- package/src/image-editor/base/interface.js +0 -1
- package/src/image-editor/renderer/toolbar.d.ts +14 -1
- package/src/image-editor/renderer/toolbar.js +831 -191
- package/styles/bootstrap-dark.css +279 -97
- package/styles/bootstrap-dark.scss +13 -1
- package/styles/bootstrap.css +282 -98
- package/styles/bootstrap.scss +13 -1
- package/styles/bootstrap4.css +280 -97
- package/styles/bootstrap4.scss +13 -1
- package/styles/bootstrap5-dark.css +280 -101
- package/styles/bootstrap5-dark.scss +13 -1
- package/styles/bootstrap5.css +280 -101
- package/styles/bootstrap5.scss +13 -1
- package/styles/fabric-dark.css +281 -97
- package/styles/fabric-dark.scss +13 -1
- package/styles/fabric.css +284 -97
- package/styles/fabric.scss +13 -1
- package/styles/fluent-dark.css +287 -101
- package/styles/fluent-dark.scss +13 -1
- package/styles/fluent.css +287 -101
- package/styles/fluent.scss +13 -1
- package/styles/fluent2.css +1851 -0
- package/styles/fluent2.scss +13 -0
- package/styles/highcontrast-light.css +279 -97
- package/styles/highcontrast-light.scss +13 -1
- package/styles/highcontrast.css +284 -97
- package/styles/highcontrast.scss +13 -1
- package/styles/image-editor/_bds-definition.scss +5 -0
- package/styles/image-editor/_bootstrap-dark-definition.scss +5 -0
- package/styles/image-editor/_bootstrap-definition.scss +5 -0
- package/styles/image-editor/_bootstrap4-definition.scss +5 -0
- package/styles/image-editor/_bootstrap5-definition.scss +5 -0
- package/styles/image-editor/_bootstrap5.3-definition.scss +26 -0
- package/styles/image-editor/_fabric-dark-definition.scss +5 -0
- package/styles/image-editor/_fabric-definition.scss +5 -0
- package/styles/image-editor/_fluent-definition.scss +5 -0
- package/styles/image-editor/_fluent2-definition.scss +26 -0
- package/styles/image-editor/_fusionnew-definition.scss +5 -0
- package/styles/image-editor/_highcontrast-definition.scss +5 -0
- package/styles/image-editor/_highcontrast-light-definition.scss +5 -0
- package/styles/image-editor/_layout.scss +352 -13
- package/styles/image-editor/_material-dark-definition.scss +5 -0
- package/styles/image-editor/_material-definition.scss +5 -0
- package/styles/image-editor/_material3-definition.scss +5 -0
- package/styles/image-editor/_tailwind-definition.scss +5 -0
- package/styles/image-editor/bootstrap-dark.css +279 -97
- package/styles/image-editor/bootstrap.css +282 -98
- package/styles/image-editor/bootstrap4.css +280 -97
- package/styles/image-editor/bootstrap5-dark.css +280 -101
- package/styles/image-editor/bootstrap5.css +280 -101
- package/styles/image-editor/fabric-dark.css +281 -97
- package/styles/image-editor/fabric.css +284 -97
- package/styles/image-editor/fluent-dark.css +287 -101
- package/styles/image-editor/fluent.css +287 -101
- package/styles/image-editor/fluent2.css +1851 -0
- package/styles/image-editor/fluent2.scss +13 -0
- package/styles/image-editor/highcontrast-light.css +279 -97
- package/styles/image-editor/highcontrast.css +284 -97
- package/styles/image-editor/icons/_bds.scss +1 -162
- package/styles/image-editor/icons/_bootstrap-dark.scss +1 -162
- package/styles/image-editor/icons/_bootstrap.scss +1 -162
- package/styles/image-editor/icons/_bootstrap4.scss +1 -162
- package/styles/image-editor/icons/_bootstrap5.3.scss +250 -0
- package/styles/image-editor/icons/_bootstrap5.scss +1 -168
- package/styles/image-editor/icons/_fabric-dark.scss +1 -162
- package/styles/image-editor/icons/_fabric.scss +1 -162
- package/styles/image-editor/icons/_fluent.scss +1 -168
- package/styles/image-editor/icons/_fluent2.scss +256 -0
- package/styles/image-editor/icons/_fusionnew.scss +1 -138
- package/styles/image-editor/icons/_highcontrast-light.scss +1 -162
- package/styles/image-editor/icons/_highcontrast.scss +1 -162
- package/styles/image-editor/icons/_material-dark.scss +2 -163
- package/styles/image-editor/icons/_material.scss +1 -162
- package/styles/image-editor/icons/_material3.scss +2 -169
- package/styles/image-editor/icons/_tailwind.scss +1 -162
- package/styles/image-editor/material-dark.css +299 -100
- package/styles/image-editor/material.css +302 -100
- package/styles/image-editor/material3-dark.css +314 -103
- package/styles/image-editor/material3.css +314 -103
- package/styles/image-editor/tailwind-dark.css +284 -97
- package/styles/image-editor/tailwind.css +284 -97
- package/styles/material-dark.css +299 -100
- package/styles/material-dark.scss +13 -1
- package/styles/material.css +302 -100
- package/styles/material.scss +13 -1
- package/styles/material3-dark.css +314 -103
- package/styles/material3-dark.scss +13 -1
- package/styles/material3.css +314 -103
- package/styles/material3.scss +13 -1
- package/styles/tailwind-dark.css +284 -97
- package/styles/tailwind-dark.scss +13 -1
- package/styles/tailwind.css +284 -97
- package/styles/tailwind.scss +13 -1
- package/CHANGELOG.md +0 -289
|
@@ -25,6 +25,7 @@ export interface ImageFinetuneValue {
|
|
|
25
25
|
}
|
|
26
26
|
/**
|
|
27
27
|
* The Interface which contains the properties for zoom transition occur in the Image Editor.
|
|
28
|
+
*
|
|
28
29
|
* @remarks
|
|
29
30
|
* The `cancel` and `previousZoomFactor` properties were used for `zooming` event.
|
|
30
31
|
*/
|
|
@@ -93,6 +94,7 @@ export interface PanEventArgs {
|
|
|
93
94
|
}
|
|
94
95
|
/**
|
|
95
96
|
* The Interface which contains the properties for crop transition occurs in the Image Editor.
|
|
97
|
+
*
|
|
96
98
|
* @remarks
|
|
97
99
|
* The `cancel` and `preventScaling` properties were used for `cropping` event.
|
|
98
100
|
*/
|
|
@@ -124,6 +126,7 @@ export interface CropEventArgs {
|
|
|
124
126
|
}
|
|
125
127
|
/**
|
|
126
128
|
* The Interface which contains the properties for rotate transition in the Image Editor.
|
|
129
|
+
*
|
|
127
130
|
* @remarks
|
|
128
131
|
* The `cancel` and `previousDegree` properties were used for `rotating` event.
|
|
129
132
|
*/
|
|
@@ -143,6 +146,7 @@ export interface RotateEventArgs {
|
|
|
143
146
|
}
|
|
144
147
|
/**
|
|
145
148
|
* The Interface which contains the properties for flip transition in the Image Editor.
|
|
149
|
+
*
|
|
146
150
|
* @remarks
|
|
147
151
|
* The `cancel` and `previousDirection` properties were used for `flipping` event.
|
|
148
152
|
*/
|
|
@@ -162,6 +166,7 @@ export interface FlipEventArgs {
|
|
|
162
166
|
}
|
|
163
167
|
/**
|
|
164
168
|
* The Interface which contains the properties for shape change in Image Editor.
|
|
169
|
+
*
|
|
165
170
|
* @remarks
|
|
166
171
|
* The `cancel` and `previousShapeSettings` properties were used for `shapeChanging` event.
|
|
167
172
|
*/
|
|
@@ -439,9 +444,14 @@ export interface ShapeSettings {
|
|
|
439
444
|
* Returns the tail type of an arrow.
|
|
440
445
|
*/
|
|
441
446
|
arrowTail?: ArrowheadType;
|
|
447
|
+
/**
|
|
448
|
+
* Returns the order of the annotation in which it is placed on the image.
|
|
449
|
+
*/
|
|
450
|
+
index?: number;
|
|
442
451
|
}
|
|
443
452
|
/**
|
|
444
453
|
* The interface which contains the properties for filter option for the image.
|
|
454
|
+
*
|
|
445
455
|
* @remarks
|
|
446
456
|
* The `cancel` property is used for `imageFiltering` event.
|
|
447
457
|
*/
|
|
@@ -457,6 +467,7 @@ export interface ImageFilterEventArgs {
|
|
|
457
467
|
}
|
|
458
468
|
/**
|
|
459
469
|
* The interface which contains the properties for fine tunes option for the image.
|
|
470
|
+
*
|
|
460
471
|
* @remarks
|
|
461
472
|
* The `cancel` property is used for `finetuneValueChanging` event.
|
|
462
473
|
*/
|
|
@@ -507,6 +518,7 @@ export interface ImageEditorClickEventArgs {
|
|
|
507
518
|
}
|
|
508
519
|
/**
|
|
509
520
|
* The Interface which contains the properties for resize action in the Image Editor.
|
|
521
|
+
*
|
|
510
522
|
* @remarks
|
|
511
523
|
* The `cancel`, `previousWidth`, and `previousHeight` properties were used for `resizing` event.
|
|
512
524
|
*/
|
|
@@ -568,6 +580,7 @@ export interface QuickAccessToolbarEventArgs {
|
|
|
568
580
|
}
|
|
569
581
|
/**
|
|
570
582
|
* The Interface which contains the properties for frame action in the Image Editor.
|
|
583
|
+
*
|
|
571
584
|
* @remarks
|
|
572
585
|
* The `cancel` and `previousFrameSetting` properties were used for `frameChange` event.
|
|
573
586
|
*/
|
|
@@ -1317,6 +1330,10 @@ export interface SelectionPoint {
|
|
|
1317
1330
|
* Gets angle of rotated shape.
|
|
1318
1331
|
*/
|
|
1319
1332
|
rotatedAngle: number;
|
|
1333
|
+
/**
|
|
1334
|
+
* Gets order of shape.
|
|
1335
|
+
*/
|
|
1336
|
+
order: number;
|
|
1320
1337
|
/**
|
|
1321
1338
|
* Gets start and end x, y Point with radius.
|
|
1322
1339
|
*/
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -21,6 +21,13 @@ export declare class ToolbarModule {
|
|
|
21
21
|
imageWidth: number;
|
|
22
22
|
imageHeight: number;
|
|
23
23
|
private popupLeft;
|
|
24
|
+
fileName: string;
|
|
25
|
+
fileSize: number;
|
|
26
|
+
private isSlider;
|
|
27
|
+
private currentQuality;
|
|
28
|
+
private initialSize;
|
|
29
|
+
private fileType;
|
|
30
|
+
private imageQuality;
|
|
24
31
|
constructor(parent: ImageEditor);
|
|
25
32
|
destroy(): void;
|
|
26
33
|
private addEventListener;
|
|
@@ -61,7 +68,12 @@ export declare class ToolbarModule {
|
|
|
61
68
|
private renderStraightenSlider;
|
|
62
69
|
private renderCropBtn;
|
|
63
70
|
private renderTransformBtn;
|
|
64
|
-
private
|
|
71
|
+
private saveDialogPopup;
|
|
72
|
+
private saveDialogClosed;
|
|
73
|
+
private onBeforeopen;
|
|
74
|
+
private qualityBtnClickHandler;
|
|
75
|
+
private updateImageSize;
|
|
76
|
+
private download;
|
|
65
77
|
private getCropTransformToolbarItem;
|
|
66
78
|
private getShapesToolbarItem;
|
|
67
79
|
private initCropTransformToolbar;
|
|
@@ -71,6 +83,7 @@ export declare class ToolbarModule {
|
|
|
71
83
|
private beforeModeSwitch;
|
|
72
84
|
private createShapeColor;
|
|
73
85
|
private createShapeBtn;
|
|
86
|
+
private createZOrderBtn;
|
|
74
87
|
private createStartBtn;
|
|
75
88
|
private createEndBtn;
|
|
76
89
|
private getTextToolbarItem;
|