@syncfusion/ej2-image-editor 25.2.4 → 26.1.38

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 (128) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-image-editor.umd.min.js +2 -2
  3. package/dist/ej2-image-editor.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-image-editor.es2015.js +2691 -830
  5. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-image-editor.es5.js +2788 -887
  7. package/dist/es6/ej2-image-editor.es5.js.map +1 -1
  8. package/dist/global/ej2-image-editor.min.js +2 -2
  9. package/dist/global/ej2-image-editor.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +13 -12
  12. package/src/image-editor/action/crop.d.ts +0 -1
  13. package/src/image-editor/action/crop.js +35 -77
  14. package/src/image-editor/action/draw.d.ts +3 -0
  15. package/src/image-editor/action/draw.js +198 -83
  16. package/src/image-editor/action/export.d.ts +3 -0
  17. package/src/image-editor/action/export.js +99 -41
  18. package/src/image-editor/action/filter.d.ts +0 -1
  19. package/src/image-editor/action/filter.js +4 -24
  20. package/src/image-editor/action/freehand-draw.js +30 -8
  21. package/src/image-editor/action/selection.d.ts +10 -0
  22. package/src/image-editor/action/selection.js +444 -99
  23. package/src/image-editor/action/shape.d.ts +11 -1
  24. package/src/image-editor/action/shape.js +520 -127
  25. package/src/image-editor/action/transform.d.ts +0 -1
  26. package/src/image-editor/action/transform.js +53 -69
  27. package/src/image-editor/action/undo-redo.d.ts +2 -0
  28. package/src/image-editor/action/undo-redo.js +114 -29
  29. package/src/image-editor/base/enum.d.ts +5 -1
  30. package/src/image-editor/base/enum.js +4 -0
  31. package/src/image-editor/base/image-editor-model.d.ts +8 -6
  32. package/src/image-editor/base/image-editor.d.ts +116 -7
  33. package/src/image-editor/base/image-editor.js +385 -53
  34. package/src/image-editor/base/interface.d.ts +17 -0
  35. package/src/image-editor/base/interface.js +0 -1
  36. package/src/image-editor/renderer/toolbar.d.ts +14 -1
  37. package/src/image-editor/renderer/toolbar.js +831 -191
  38. package/styles/bootstrap-dark.css +279 -97
  39. package/styles/bootstrap-dark.scss +13 -1
  40. package/styles/bootstrap.css +282 -98
  41. package/styles/bootstrap.scss +13 -1
  42. package/styles/bootstrap4.css +280 -97
  43. package/styles/bootstrap4.scss +13 -1
  44. package/styles/bootstrap5-dark.css +280 -101
  45. package/styles/bootstrap5-dark.scss +13 -1
  46. package/styles/bootstrap5.css +280 -101
  47. package/styles/bootstrap5.scss +13 -1
  48. package/styles/fabric-dark.css +281 -97
  49. package/styles/fabric-dark.scss +13 -1
  50. package/styles/fabric.css +284 -97
  51. package/styles/fabric.scss +13 -1
  52. package/styles/fluent-dark.css +287 -101
  53. package/styles/fluent-dark.scss +13 -1
  54. package/styles/fluent.css +287 -101
  55. package/styles/fluent.scss +13 -1
  56. package/styles/fluent2.css +1852 -0
  57. package/styles/fluent2.scss +13 -0
  58. package/styles/highcontrast-light.css +279 -97
  59. package/styles/highcontrast-light.scss +13 -1
  60. package/styles/highcontrast.css +284 -97
  61. package/styles/highcontrast.scss +13 -1
  62. package/styles/image-editor/_bds-definition.scss +5 -0
  63. package/styles/image-editor/_bootstrap-dark-definition.scss +5 -0
  64. package/styles/image-editor/_bootstrap-definition.scss +5 -0
  65. package/styles/image-editor/_bootstrap4-definition.scss +5 -0
  66. package/styles/image-editor/_bootstrap5-definition.scss +5 -0
  67. package/styles/image-editor/_bootstrap5.3-definition.scss +26 -0
  68. package/styles/image-editor/_fabric-dark-definition.scss +5 -0
  69. package/styles/image-editor/_fabric-definition.scss +5 -0
  70. package/styles/image-editor/_fluent-definition.scss +5 -0
  71. package/styles/image-editor/_fluent2-definition.scss +26 -0
  72. package/styles/image-editor/_fusionnew-definition.scss +5 -0
  73. package/styles/image-editor/_highcontrast-definition.scss +5 -0
  74. package/styles/image-editor/_highcontrast-light-definition.scss +5 -0
  75. package/styles/image-editor/_layout.scss +355 -13
  76. package/styles/image-editor/_material-dark-definition.scss +5 -0
  77. package/styles/image-editor/_material-definition.scss +5 -0
  78. package/styles/image-editor/_material3-definition.scss +5 -0
  79. package/styles/image-editor/_tailwind-definition.scss +5 -0
  80. package/styles/image-editor/bootstrap-dark.css +279 -97
  81. package/styles/image-editor/bootstrap.css +282 -98
  82. package/styles/image-editor/bootstrap4.css +280 -97
  83. package/styles/image-editor/bootstrap5-dark.css +280 -101
  84. package/styles/image-editor/bootstrap5.css +280 -101
  85. package/styles/image-editor/fabric-dark.css +281 -97
  86. package/styles/image-editor/fabric.css +284 -97
  87. package/styles/image-editor/fluent-dark.css +287 -101
  88. package/styles/image-editor/fluent.css +287 -101
  89. package/styles/image-editor/fluent2.css +1852 -0
  90. package/styles/image-editor/fluent2.scss +13 -0
  91. package/styles/image-editor/highcontrast-light.css +279 -97
  92. package/styles/image-editor/highcontrast.css +284 -97
  93. package/styles/image-editor/icons/_bds.scss +1 -162
  94. package/styles/image-editor/icons/_bootstrap-dark.scss +1 -162
  95. package/styles/image-editor/icons/_bootstrap.scss +1 -162
  96. package/styles/image-editor/icons/_bootstrap4.scss +1 -162
  97. package/styles/image-editor/icons/_bootstrap5.3.scss +250 -0
  98. package/styles/image-editor/icons/_bootstrap5.scss +1 -168
  99. package/styles/image-editor/icons/_fabric-dark.scss +1 -162
  100. package/styles/image-editor/icons/_fabric.scss +1 -162
  101. package/styles/image-editor/icons/_fluent.scss +1 -168
  102. package/styles/image-editor/icons/_fluent2.scss +256 -0
  103. package/styles/image-editor/icons/_fusionnew.scss +1 -138
  104. package/styles/image-editor/icons/_highcontrast-light.scss +1 -162
  105. package/styles/image-editor/icons/_highcontrast.scss +1 -162
  106. package/styles/image-editor/icons/_material-dark.scss +2 -163
  107. package/styles/image-editor/icons/_material.scss +1 -162
  108. package/styles/image-editor/icons/_material3.scss +2 -169
  109. package/styles/image-editor/icons/_tailwind.scss +1 -162
  110. package/styles/image-editor/material-dark.css +299 -100
  111. package/styles/image-editor/material.css +302 -100
  112. package/styles/image-editor/material3-dark.css +314 -103
  113. package/styles/image-editor/material3.css +314 -103
  114. package/styles/image-editor/tailwind-dark.css +284 -97
  115. package/styles/image-editor/tailwind.css +284 -97
  116. package/styles/material-dark.css +299 -100
  117. package/styles/material-dark.scss +13 -1
  118. package/styles/material.css +302 -100
  119. package/styles/material.scss +13 -1
  120. package/styles/material3-dark.css +314 -103
  121. package/styles/material3-dark.scss +13 -1
  122. package/styles/material3.css +314 -103
  123. package/styles/material3.scss +13 -1
  124. package/styles/tailwind-dark.css +284 -97
  125. package/styles/tailwind-dark.scss +13 -1
  126. package/styles/tailwind.css +284 -97
  127. package/styles/tailwind.scss +13 -1
  128. 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 renderSaveBtn;
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;