@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
@@ -66,12 +66,6 @@
66
66
  }
67
67
  }
68
68
 
69
- & .e-custom {
70
- &::before {
71
- content: '\e964';
72
- }
73
- }
74
-
75
69
  & .e-close {
76
70
  &::before {
77
71
  content: '\eb36';
@@ -105,159 +99,10 @@
105
99
  }
106
100
  }
107
101
  }
108
-
109
- & .e-custom {
110
- &::before {
111
- content: '\e964';
112
- }
113
- }
114
-
115
- & .e-circle {
116
- &::before {
117
- content: '\e671';
118
- }
119
- }
120
-
121
- & .e-square{
122
- &::before {
123
- content: '\e965';
124
- }
125
- }
126
-
127
- & .e-custom-a {
128
- &::before {
129
- content: '\e966';
130
- }
131
- }
132
-
133
- & .e-custom-b {
134
- &::before {
135
- content: '\e967';
136
- }
137
- }
138
-
139
- & .e-custom-c {
140
- &::before {
141
- content: '\e968';
142
- }
143
- }
144
-
145
- & .e-custom-d {
146
- &::before {
147
- content: '\e96a';
148
- }
149
- }
150
-
151
- & .e-custom-e {
152
- &::before {
153
- content: '\e96b';
154
- }
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
- }
186
-
187
- & .e-horizontal-flip {
188
- &::before {
189
- content: '\e95c';
190
- }
191
- }
192
-
193
- & .e-vertical-flip {
194
- &::before {
195
- content: '\e95d';
196
- }
197
- }
198
-
199
- & .e-clock-wise {
200
- &::before {
201
- content: '\e960';
202
- }
203
- }
204
-
205
- & .e-anti-clock-wise {
206
- &::before {
207
- content: '\e95f';
208
- }
209
- }
210
-
211
- & .e-rectangle {
212
- &::before {
213
- content: '\e670';
214
- }
215
- }
216
-
217
- & .e-circle {
218
- &::before {
219
- content: '\e671';
220
- }
221
- }
222
-
223
- & .e-triangle {
224
- &::before {
225
- content: '\e954';
226
- }
227
- }
228
-
229
- & .e-line {
230
- &::before {
231
- content: '\e668';
232
- }
233
- }
234
-
235
- & .e-add-text {
236
- &::before {
237
- content: '\e35b';
238
- }
239
- }
240
-
241
- & .e-free-pen {
242
- &::before {
243
- content: '\e737';
244
- }
245
- }
246
-
247
- & .e-arrow {
248
- &::before {
249
- content: '\e669';
250
- }
251
- }
252
-
253
- & .e-path {
254
- &::before {
255
- content: '\e931';
256
- }
257
- }
258
102
  }
259
103
  }
260
104
 
105
+ .e-image-editor,
261
106
  .e-dropdown-popup.e-image-popup {
262
107
  & .e-custom {
263
108
  &::before {
@@ -343,12 +188,6 @@
343
188
  }
344
189
  }
345
190
 
346
- & .e-circle {
347
- &::before {
348
- content: '\e671';
349
- }
350
- }
351
-
352
191
  & .e-triangle {
353
192
  &::before {
354
193
  content: '\e954';
@@ -68,13 +68,7 @@
68
68
 
69
69
  & .e-btn-save {
70
70
  &::before {
71
- content: '\e735';
72
- }
73
- }
74
-
75
- & .e-custom {
76
- &::before {
77
- content: '\e8a9';
71
+ content: '\e7c8';
78
72
  }
79
73
  }
80
74
 
@@ -111,159 +105,10 @@
111
105
  }
112
106
  }
113
107
  }
114
-
115
- & .e-custom {
116
- &::before {
117
- content: '\e8a9';
118
- }
119
- }
120
-
121
- & .e-circle {
122
- &::before {
123
- content: '\e7ca';
124
- }
125
- }
126
-
127
- & .e-square{
128
- &::before {
129
- content: '\e8aa';
130
- }
131
- }
132
-
133
- & .e-custom-a {
134
- &::before {
135
- content: '\e8ab';
136
- }
137
- }
138
-
139
- & .e-custom-b {
140
- &::before {
141
- content: '\e8ac';
142
- }
143
- }
144
-
145
- & .e-custom-c {
146
- &::before {
147
- content: '\e8ad';
148
- }
149
- }
150
-
151
- & .e-custom-d {
152
- &::before {
153
- content: '\e8ae';
154
- }
155
- }
156
-
157
- & .e-custom-e {
158
- &::before {
159
- content: '\e8af';
160
- }
161
- }
162
-
163
- & .e-custom-f {
164
- &::before {
165
- content: '\e8dd';
166
- }
167
- }
168
-
169
- & .e-custom-g {
170
- &::before {
171
- content: '\e8de';
172
- }
173
- }
174
-
175
- & .e-custom-h {
176
- &::before {
177
- content: '\e8df';
178
- }
179
- }
180
-
181
- & .e-custom-i {
182
- &::before {
183
- content: '\e8e0';
184
- }
185
- }
186
-
187
- & .e-custom-j {
188
- &::before {
189
- content: '\e8e1';
190
- }
191
- }
192
-
193
- & .e-horizontal-flip {
194
- &::before {
195
- content: '\e8a3';
196
- }
197
- }
198
-
199
- & .e-vertical-flip {
200
- &::before {
201
- content: '\e8a4';
202
- }
203
- }
204
-
205
- & .e-clock-wise {
206
- &::before {
207
- content: '\e8a6';
208
- }
209
- }
210
-
211
- & .e-anti-clock-wise {
212
- &::before {
213
- content: '\e8a5';
214
- }
215
- }
216
-
217
- & .e-rectangle {
218
- &::before {
219
- content: '\e723';
220
- }
221
- }
222
-
223
- & .e-circle {
224
- &::before {
225
- content: '\e7ca';
226
- }
227
- }
228
-
229
- & .e-triangle {
230
- &::before {
231
- content: '\e89c';
232
- }
233
- }
234
-
235
- & .e-line {
236
- &::before {
237
- content: '\e819';
238
- }
239
- }
240
-
241
- & .e-add-text {
242
- &::before {
243
- content: '\e82e';
244
- }
245
- }
246
-
247
- & .e-free-pen {
248
- &::before {
249
- content: '\e7db';
250
- }
251
- }
252
-
253
- & .e-arrow {
254
- &::before {
255
- content: '\e669';
256
- }
257
- }
258
-
259
- & .e-path {
260
- &::before {
261
- content: '\e931';
262
- }
263
- }
264
108
  }
265
109
  }
266
110
 
111
+ .e-image-editor,
267
112
  .e-dropdown-popup.e-image-popup {
268
113
  & .e-custom {
269
114
  &::before {
@@ -349,12 +194,6 @@
349
194
  }
350
195
  }
351
196
 
352
- & .e-circle {
353
- &::before {
354
- content: '\e7ca';
355
- }
356
- }
357
-
358
197
  & .e-triangle {
359
198
  &::before {
360
199
  content: '\e89c';
@@ -385,12 +224,6 @@
385
224
  }
386
225
  }
387
226
 
388
- & .e-custom {
389
- &::before {
390
- content: '\e8a9';
391
- }
392
- }
393
-
394
227
  & .e-clock-wise {
395
228
  &::before {
396
229
  content: '\e8a6';
@@ -99,159 +99,10 @@
99
99
  }
100
100
  }
101
101
  }
102
-
103
- & .e-custom {
104
- &::before {
105
- content: '\e8a9';
106
- }
107
- }
108
-
109
- & .e-circle {
110
- &::before {
111
- content: '\e7ca';
112
- }
113
- }
114
-
115
- & .e-square{
116
- &::before {
117
- content: '\e8aa';
118
- }
119
- }
120
-
121
- & .e-custom-a {
122
- &::before {
123
- content: '\e8ab';
124
- }
125
- }
126
-
127
- & .e-custom-b {
128
- &::before {
129
- content: '\e8ac';
130
- }
131
- }
132
-
133
- & .e-custom-c {
134
- &::before {
135
- content: '\e8ad';
136
- }
137
- }
138
-
139
- & .e-custom-d {
140
- &::before {
141
- content: '\e8ae';
142
- }
143
- }
144
-
145
- & .e-custom-e {
146
- &::before {
147
- content: '\e8af';
148
- }
149
- }
150
-
151
- & .e-custom-f {
152
- &::before {
153
- content: '\e8dd';
154
- }
155
- }
156
-
157
- & .e-custom-g {
158
- &::before {
159
- content: '\e8de';
160
- }
161
- }
162
-
163
- & .e-custom-h {
164
- &::before {
165
- content: '\e8df';
166
- }
167
- }
168
-
169
- & .e-custom-i {
170
- &::before {
171
- content: '\e8e0';
172
- }
173
- }
174
-
175
- & .e-custom-j {
176
- &::before {
177
- content: '\e8e1';
178
- }
179
- }
180
-
181
- & .e-horizontal-flip {
182
- &::before {
183
- content: '\e8a3';
184
- }
185
- }
186
-
187
- & .e-vertical-flip {
188
- &::before {
189
- content: '\e8a4';
190
- }
191
- }
192
-
193
- & .e-clock-wise {
194
- &::before {
195
- content: '\e8a6';
196
- }
197
- }
198
-
199
- & .e-anti-clock-wise {
200
- &::before {
201
- content: '\e8a5';
202
- }
203
- }
204
-
205
- & .e-rectangle {
206
- &::before {
207
- content: '\e723';
208
- }
209
- }
210
-
211
- & .e-circle {
212
- &::before {
213
- content: '\e7ca';
214
- }
215
- }
216
-
217
- & .e-triangle {
218
- &::before {
219
- content: '\e89c';
220
- }
221
- }
222
-
223
- & .e-line {
224
- &::before {
225
- content: '\e819';
226
- }
227
- }
228
-
229
- & .e-add-text {
230
- &::before {
231
- content: '\e82e';
232
- }
233
- }
234
-
235
- & .e-free-pen {
236
- &::before {
237
- content: '\e7db';
238
- }
239
- }
240
-
241
- & .e-arrow {
242
- &::before {
243
- content: '\e669';
244
- }
245
- }
246
-
247
- & .e-path {
248
- &::before {
249
- content: '\e931';
250
- }
251
- }
252
102
  }
253
103
  }
254
104
 
105
+ .e-image-editor,
255
106
  .e-dropdown-popup.e-image-popup {
256
107
  & .e-custom {
257
108
  &::before {
@@ -337,12 +188,6 @@
337
188
  }
338
189
  }
339
190
 
340
- & .e-circle {
341
- &::before {
342
- content: '\e7ca';
343
- }
344
- }
345
-
346
191
  & .e-triangle {
347
192
  &::before {
348
193
  content: '\e89c';
@@ -373,12 +218,6 @@
373
218
  }
374
219
  }
375
220
 
376
- & .e-custom {
377
- &::before {
378
- content: '\e8a9';
379
- }
380
- }
381
-
382
221
  & .e-clock-wise {
383
222
  &::before {
384
223
  content: '\e8a6';