@syncfusion/ej2-image-editor 23.2.6 → 24.1.41

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 (99) hide show
  1. package/CHANGELOG.md +3 -51
  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 +7151 -4321
  5. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-image-editor.es5.js +7269 -4426
  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 +12 -12
  12. package/src/image-editor/action/crop.d.ts +6 -0
  13. package/src/image-editor/action/crop.js +347 -188
  14. package/src/image-editor/action/draw.d.ts +35 -2
  15. package/src/image-editor/action/draw.js +1682 -881
  16. package/src/image-editor/action/export.js +90 -29
  17. package/src/image-editor/action/filter.d.ts +3 -1
  18. package/src/image-editor/action/filter.js +74 -94
  19. package/src/image-editor/action/freehand-draw.d.ts +4 -0
  20. package/src/image-editor/action/freehand-draw.js +259 -149
  21. package/src/image-editor/action/selection.d.ts +6 -1
  22. package/src/image-editor/action/selection.js +1133 -1091
  23. package/src/image-editor/action/shape.d.ts +7 -0
  24. package/src/image-editor/action/shape.js +921 -550
  25. package/src/image-editor/action/transform.d.ts +2 -0
  26. package/src/image-editor/action/transform.js +514 -346
  27. package/src/image-editor/action/undo-redo.d.ts +2 -0
  28. package/src/image-editor/action/undo-redo.js +137 -36
  29. package/src/image-editor/base/enum.d.ts +2 -1
  30. package/src/image-editor/base/enum.js +1 -0
  31. package/src/image-editor/base/image-editor-model.d.ts +37 -2
  32. package/src/image-editor/base/image-editor.d.ts +124 -3
  33. package/src/image-editor/base/image-editor.js +672 -171
  34. package/src/image-editor/base/interface.d.ts +69 -15
  35. package/src/image-editor/renderer/toolbar.d.ts +10 -0
  36. package/src/image-editor/renderer/toolbar.js +1371 -822
  37. package/styles/bootstrap-dark.css +113 -8
  38. package/styles/bootstrap.css +112 -7
  39. package/styles/bootstrap4.css +113 -8
  40. package/styles/bootstrap5-dark.css +113 -8
  41. package/styles/bootstrap5.css +113 -8
  42. package/styles/fabric-dark.css +114 -9
  43. package/styles/fabric.css +113 -8
  44. package/styles/fluent-dark.css +118 -9
  45. package/styles/fluent.css +118 -9
  46. package/styles/highcontrast-light.css +112 -7
  47. package/styles/highcontrast.css +116 -7
  48. package/styles/image-editor/_bootstrap-dark-definition.scss +3 -0
  49. package/styles/image-editor/_bootstrap-definition.scss +3 -0
  50. package/styles/image-editor/_bootstrap4-definition.scss +3 -0
  51. package/styles/image-editor/_bootstrap5-definition.scss +3 -0
  52. package/styles/image-editor/_fabric-dark-definition.scss +3 -0
  53. package/styles/image-editor/_fabric-definition.scss +3 -0
  54. package/styles/image-editor/_fluent-definition.scss +3 -0
  55. package/styles/image-editor/_fusionnew-definition.scss +3 -0
  56. package/styles/image-editor/_highcontrast-definition.scss +3 -0
  57. package/styles/image-editor/_highcontrast-light-definition.scss +3 -0
  58. package/styles/image-editor/_layout.scss +138 -4
  59. package/styles/image-editor/_material-dark-definition.scss +3 -0
  60. package/styles/image-editor/_material-definition.scss +3 -0
  61. package/styles/image-editor/_material3-definition.scss +3 -0
  62. package/styles/image-editor/_tailwind-definition.scss +3 -0
  63. package/styles/image-editor/_theme.scss +2 -4
  64. package/styles/image-editor/bootstrap-dark.css +113 -8
  65. package/styles/image-editor/bootstrap.css +112 -7
  66. package/styles/image-editor/bootstrap4.css +113 -8
  67. package/styles/image-editor/bootstrap5-dark.css +113 -8
  68. package/styles/image-editor/bootstrap5.css +113 -8
  69. package/styles/image-editor/fabric-dark.css +114 -9
  70. package/styles/image-editor/fabric.css +113 -8
  71. package/styles/image-editor/fluent-dark.css +118 -9
  72. package/styles/image-editor/fluent.css +118 -9
  73. package/styles/image-editor/highcontrast-light.css +112 -7
  74. package/styles/image-editor/highcontrast.css +116 -7
  75. package/styles/image-editor/icons/_bootstrap-dark.scss +60 -0
  76. package/styles/image-editor/icons/_bootstrap.scss +60 -0
  77. package/styles/image-editor/icons/_bootstrap4.scss +60 -0
  78. package/styles/image-editor/icons/_bootstrap5.scss +60 -0
  79. package/styles/image-editor/icons/_fabric-dark.scss +60 -0
  80. package/styles/image-editor/icons/_fabric.scss +60 -0
  81. package/styles/image-editor/icons/_fluent.scss +66 -0
  82. package/styles/image-editor/icons/_highcontrast-light.scss +60 -0
  83. package/styles/image-editor/icons/_highcontrast.scss +60 -0
  84. package/styles/image-editor/icons/_material-dark.scss +60 -0
  85. package/styles/image-editor/icons/_material.scss +60 -0
  86. package/styles/image-editor/icons/_material3.scss +60 -0
  87. package/styles/image-editor/icons/_tailwind.scss +60 -0
  88. package/styles/image-editor/material-dark.css +113 -8
  89. package/styles/image-editor/material.css +113 -8
  90. package/styles/image-editor/material3-dark.css +126 -9
  91. package/styles/image-editor/material3.css +126 -9
  92. package/styles/image-editor/tailwind-dark.css +114 -9
  93. package/styles/image-editor/tailwind.css +114 -9
  94. package/styles/material-dark.css +113 -8
  95. package/styles/material.css +113 -8
  96. package/styles/material3-dark.css +126 -9
  97. package/styles/material3.css +126 -9
  98. package/styles/tailwind-dark.css +114 -9
  99. package/styles/tailwind.css +114 -9
@@ -153,6 +153,36 @@
153
153
  content: '\e97b';
154
154
  }
155
155
  }
156
+
157
+ & .e-custom-f {
158
+ &::before {
159
+ content: '\e118';
160
+ }
161
+ }
162
+
163
+ & .e-custom-g {
164
+ &::before {
165
+ content: '\e119';
166
+ }
167
+ }
168
+
169
+ & .e-custom-h {
170
+ &::before {
171
+ content: '\e11a';
172
+ }
173
+ }
174
+
175
+ & .e-custom-i {
176
+ &::before {
177
+ content: '\e11b';
178
+ }
179
+ }
180
+
181
+ & .e-custom-j {
182
+ &::before {
183
+ content: '\e11c';
184
+ }
185
+ }
156
186
 
157
187
  & .e-horizontal-flip {
158
188
  &::before {
@@ -276,6 +306,36 @@
276
306
  content: '\e97b';
277
307
  }
278
308
  }
309
+
310
+ & .e-custom-f {
311
+ &::before {
312
+ content: '\e118';
313
+ }
314
+ }
315
+
316
+ & .e-custom-g {
317
+ &::before {
318
+ content: '\e119';
319
+ }
320
+ }
321
+
322
+ & .e-custom-h {
323
+ &::before {
324
+ content: '\e11a';
325
+ }
326
+ }
327
+
328
+ & .e-custom-i {
329
+ &::before {
330
+ content: '\e11b';
331
+ }
332
+ }
333
+
334
+ & .e-custom-j {
335
+ &::before {
336
+ content: '\e11c';
337
+ }
338
+ }
279
339
 
280
340
  & .e-rectangle {
281
341
  &::before {
@@ -153,6 +153,36 @@
153
153
  content: '\e96b';
154
154
  }
155
155
  }
156
+
157
+ & .e-custom-f {
158
+ &::before {
159
+ content: '\e999';
160
+ }
161
+ }
162
+
163
+ & .e-custom-g {
164
+ &::before {
165
+ content: '\e99a';
166
+ }
167
+ }
168
+
169
+ & .e-custom-h {
170
+ &::before {
171
+ content: '\e99b';
172
+ }
173
+ }
174
+
175
+ & .e-custom-i {
176
+ &::before {
177
+ content: '\e99c';
178
+ }
179
+ }
180
+
181
+ & .e-custom-j {
182
+ &::before {
183
+ content: '\e99d';
184
+ }
185
+ }
156
186
 
157
187
  & .e-horizontal-flip {
158
188
  &::before {
@@ -276,6 +306,36 @@
276
306
  content: '\e96b';
277
307
  }
278
308
  }
309
+
310
+ & .e-custom-f {
311
+ &::before {
312
+ content: '\e999';
313
+ }
314
+ }
315
+
316
+ & .e-custom-g {
317
+ &::before {
318
+ content: '\e99a';
319
+ }
320
+ }
321
+
322
+ & .e-custom-h {
323
+ &::before {
324
+ content: '\e99b';
325
+ }
326
+ }
327
+
328
+ & .e-custom-i {
329
+ &::before {
330
+ content: '\e99c';
331
+ }
332
+ }
333
+
334
+ & .e-custom-j {
335
+ &::before {
336
+ content: '\e99d';
337
+ }
338
+ }
279
339
 
280
340
  & .e-rectangle {
281
341
  &::before {
@@ -153,6 +153,36 @@
153
153
  content: '\e8af';
154
154
  }
155
155
  }
156
+
157
+ & .e-custom-f {
158
+ &::before {
159
+ content: '\e8dd';
160
+ }
161
+ }
162
+
163
+ & .e-custom-g {
164
+ &::before {
165
+ content: '\e8de';
166
+ }
167
+ }
168
+
169
+ & .e-custom-h {
170
+ &::before {
171
+ content: '\e8df';
172
+ }
173
+ }
174
+
175
+ & .e-custom-i {
176
+ &::before {
177
+ content: '\e8e0';
178
+ }
179
+ }
180
+
181
+ & .e-custom-j {
182
+ &::before {
183
+ content: '\e8e1';
184
+ }
185
+ }
156
186
 
157
187
  & .e-horizontal-flip {
158
188
  &::before {
@@ -276,6 +306,36 @@
276
306
  content: '\e8af';
277
307
  }
278
308
  }
309
+
310
+ & .e-custom-f {
311
+ &::before {
312
+ content: '\e8dd';
313
+ }
314
+ }
315
+
316
+ & .e-custom-g {
317
+ &::before {
318
+ content: '\e8de';
319
+ }
320
+ }
321
+
322
+ & .e-custom-h {
323
+ &::before {
324
+ content: '\e8df';
325
+ }
326
+ }
327
+
328
+ & .e-custom-i {
329
+ &::before {
330
+ content: '\e8e0';
331
+ }
332
+ }
333
+
334
+ & .e-custom-j {
335
+ &::before {
336
+ content: '\e8e1';
337
+ }
338
+ }
279
339
 
280
340
  & .e-rectangle {
281
341
  &::before {
@@ -153,6 +153,36 @@
153
153
  content: '\e960';
154
154
  }
155
155
  }
156
+
157
+ & .e-custom-f {
158
+ &::before {
159
+ content: '\e9a3';
160
+ }
161
+ }
162
+
163
+ & .e-custom-g {
164
+ &::before {
165
+ content: '\e9a4';
166
+ }
167
+ }
168
+
169
+ & .e-custom-h {
170
+ &::before {
171
+ content: '\e9a5';
172
+ }
173
+ }
174
+
175
+ & .e-custom-i {
176
+ &::before {
177
+ content: '\e9a6';
178
+ }
179
+ }
180
+
181
+ & .e-custom-j {
182
+ &::before {
183
+ content: '\e9a7';
184
+ }
185
+ }
156
186
 
157
187
  & .e-horizontal-flip {
158
188
  &::before {
@@ -276,6 +306,36 @@
276
306
  content: '\e960';
277
307
  }
278
308
  }
309
+
310
+ & .e-custom-f {
311
+ &::before {
312
+ content: '\e9a3';
313
+ }
314
+ }
315
+
316
+ & .e-custom-g {
317
+ &::before {
318
+ content: '\e9a4';
319
+ }
320
+ }
321
+
322
+ & .e-custom-h {
323
+ &::before {
324
+ content: '\e9a5';
325
+ }
326
+ }
327
+
328
+ & .e-custom-i {
329
+ &::before {
330
+ content: '\e9a6';
331
+ }
332
+ }
333
+
334
+ & .e-custom-j {
335
+ &::before {
336
+ content: '\e9a7';
337
+ }
338
+ }
279
339
 
280
340
  & .e-rectangle {
281
341
  &::before {
@@ -153,6 +153,36 @@
153
153
  content: '\e960';
154
154
  }
155
155
  }
156
+
157
+ & .e-custom-f {
158
+ &::before {
159
+ content: '\e9a3';
160
+ }
161
+ }
162
+
163
+ & .e-custom-g {
164
+ &::before {
165
+ content: '\e9a4';
166
+ }
167
+ }
168
+
169
+ & .e-custom-h {
170
+ &::before {
171
+ content: '\e9a5';
172
+ }
173
+ }
174
+
175
+ & .e-custom-i {
176
+ &::before {
177
+ content: '\e9a6';
178
+ }
179
+ }
180
+
181
+ & .e-custom-j {
182
+ &::before {
183
+ content: '\e9a7';
184
+ }
185
+ }
156
186
 
157
187
  & .e-horizontal-flip {
158
188
  &::before {
@@ -276,6 +306,36 @@
276
306
  content: '\e960';
277
307
  }
278
308
  }
309
+
310
+ & .e-custom-f {
311
+ &::before {
312
+ content: '\e9a3';
313
+ }
314
+ }
315
+
316
+ & .e-custom-g {
317
+ &::before {
318
+ content: '\e9a4';
319
+ }
320
+ }
321
+
322
+ & .e-custom-h {
323
+ &::before {
324
+ content: '\e9a5';
325
+ }
326
+ }
327
+
328
+ & .e-custom-i {
329
+ &::before {
330
+ content: '\e9a6';
331
+ }
332
+ }
333
+
334
+ & .e-custom-j {
335
+ &::before {
336
+ content: '\e9a7';
337
+ }
338
+ }
279
339
 
280
340
  & .e-rectangle {
281
341
  &::before {
@@ -153,6 +153,36 @@
153
153
  content: '\e8af';
154
154
  }
155
155
  }
156
+
157
+ & .e-custom-f {
158
+ &::before {
159
+ content: '\e8dd';
160
+ }
161
+ }
162
+
163
+ & .e-custom-g {
164
+ &::before {
165
+ content: '\e8de';
166
+ }
167
+ }
168
+
169
+ & .e-custom-h {
170
+ &::before {
171
+ content: '\e8df';
172
+ }
173
+ }
174
+
175
+ & .e-custom-i {
176
+ &::before {
177
+ content: '\e8e0';
178
+ }
179
+ }
180
+
181
+ & .e-custom-j {
182
+ &::before {
183
+ content: '\e8e1';
184
+ }
185
+ }
156
186
 
157
187
  & .e-horizontal-flip {
158
188
  &::before {
@@ -276,6 +306,42 @@
276
306
  content: '\e8af';
277
307
  }
278
308
  }
309
+
310
+ & .e-custom-e {
311
+ &::before {
312
+ content: '\e8af';
313
+ }
314
+ }
315
+
316
+ & .e-custom-f {
317
+ &::before {
318
+ content: '\e8dd';
319
+ }
320
+ }
321
+
322
+ & .e-custom-g {
323
+ &::before {
324
+ content: '\e8de';
325
+ }
326
+ }
327
+
328
+ & .e-custom-h {
329
+ &::before {
330
+ content: '\e8df';
331
+ }
332
+ }
333
+
334
+ & .e-custom-i {
335
+ &::before {
336
+ content: '\e8e0';
337
+ }
338
+ }
339
+
340
+ & .e-custom-j {
341
+ &::before {
342
+ content: '\e8e1';
343
+ }
344
+ }
279
345
 
280
346
  & .e-rectangle {
281
347
  &::before {
@@ -153,6 +153,36 @@
153
153
  content: '\e960';
154
154
  }
155
155
  }
156
+
157
+ & .e-custom-f {
158
+ &::before {
159
+ content: '\e9a3';
160
+ }
161
+ }
162
+
163
+ & .e-custom-g {
164
+ &::before {
165
+ content: '\e9a4';
166
+ }
167
+ }
168
+
169
+ & .e-custom-h {
170
+ &::before {
171
+ content: '\e9a5';
172
+ }
173
+ }
174
+
175
+ & .e-custom-i {
176
+ &::before {
177
+ content: '\e9a6';
178
+ }
179
+ }
180
+
181
+ & .e-custom-j {
182
+ &::before {
183
+ content: '\e9a7';
184
+ }
185
+ }
156
186
 
157
187
  & .e-horizontal-flip {
158
188
  &::before {
@@ -276,6 +306,36 @@
276
306
  content: '\e960';
277
307
  }
278
308
  }
309
+
310
+ & .e-custom-f {
311
+ &::before {
312
+ content: '\e9a3';
313
+ }
314
+ }
315
+
316
+ & .e-custom-g {
317
+ &::before {
318
+ content: '\e9a4';
319
+ }
320
+ }
321
+
322
+ & .e-custom-h {
323
+ &::before {
324
+ content: '\e9a5';
325
+ }
326
+ }
327
+
328
+ & .e-custom-i {
329
+ &::before {
330
+ content: '\e9a6';
331
+ }
332
+ }
333
+
334
+ & .e-custom-j {
335
+ &::before {
336
+ content: '\e9a7';
337
+ }
338
+ }
279
339
 
280
340
  & .e-rectangle {
281
341
  &::before {
@@ -153,6 +153,36 @@
153
153
  content: '\e960';
154
154
  }
155
155
  }
156
+
157
+ & .e-custom-f {
158
+ &::before {
159
+ content: '\e9a3';
160
+ }
161
+ }
162
+
163
+ & .e-custom-g {
164
+ &::before {
165
+ content: '\e9a4';
166
+ }
167
+ }
168
+
169
+ & .e-custom-h {
170
+ &::before {
171
+ content: '\e9a5';
172
+ }
173
+ }
174
+
175
+ & .e-custom-i {
176
+ &::before {
177
+ content: '\e9a6';
178
+ }
179
+ }
180
+
181
+ & .e-custom-j {
182
+ &::before {
183
+ content: '\e9a7';
184
+ }
185
+ }
156
186
 
157
187
  & .e-horizontal-flip {
158
188
  &::before {
@@ -276,6 +306,36 @@
276
306
  content: '\e960';
277
307
  }
278
308
  }
309
+
310
+ & .e-custom-f {
311
+ &::before {
312
+ content: '\e9a3';
313
+ }
314
+ }
315
+
316
+ & .e-custom-g {
317
+ &::before {
318
+ content: '\e9a4';
319
+ }
320
+ }
321
+
322
+ & .e-custom-h {
323
+ &::before {
324
+ content: '\e9a5';
325
+ }
326
+ }
327
+
328
+ & .e-custom-i {
329
+ &::before {
330
+ content: '\e9a6';
331
+ }
332
+ }
333
+
334
+ & .e-custom-j {
335
+ &::before {
336
+ content: '\e9a7';
337
+ }
338
+ }
279
339
 
280
340
  & .e-rectangle {
281
341
  &::before {
@@ -153,6 +153,36 @@
153
153
  content: '\e96b';
154
154
  }
155
155
  }
156
+
157
+ & .e-custom-f {
158
+ &::before {
159
+ content: '\e9a1';
160
+ }
161
+ }
162
+
163
+ & .e-custom-g {
164
+ &::before {
165
+ content: '\e9a2';
166
+ }
167
+ }
168
+
169
+ & .e-custom-h {
170
+ &::before {
171
+ content: '\e9a3';
172
+ }
173
+ }
174
+
175
+ & .e-custom-i {
176
+ &::before {
177
+ content: '\e9a4';
178
+ }
179
+ }
180
+
181
+ & .e-custom-j {
182
+ &::before {
183
+ content: '\e9a5';
184
+ }
185
+ }
156
186
 
157
187
  & .e-horizontal-flip {
158
188
  &::before {
@@ -276,6 +306,36 @@
276
306
  content: '\e96b';
277
307
  }
278
308
  }
309
+
310
+ & .e-custom-f {
311
+ &::before {
312
+ content: '\e9a1';
313
+ }
314
+ }
315
+
316
+ & .e-custom-g {
317
+ &::before {
318
+ content: '\e9a2';
319
+ }
320
+ }
321
+
322
+ & .e-custom-h {
323
+ &::before {
324
+ content: '\e9a3';
325
+ }
326
+ }
327
+
328
+ & .e-custom-i {
329
+ &::before {
330
+ content: '\e9a4';
331
+ }
332
+ }
333
+
334
+ & .e-custom-j {
335
+ &::before {
336
+ content: '\e9a5';
337
+ }
338
+ }
279
339
 
280
340
  & .e-rectangle {
281
341
  &::before {