@syncfusion/ej2-image-editor 20.4.51 → 21.1.37

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 (50) hide show
  1. package/CHANGELOG.md +15 -7
  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 +3286 -1351
  5. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-image-editor.es5.js +3315 -1375
  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/image-editor-model.d.ts +306 -100
  13. package/src/image-editor/image-editor.d.ts +841 -273
  14. package/src/image-editor/image-editor.js +3313 -1384
  15. package/styles/bootstrap-dark.css +10 -5
  16. package/styles/bootstrap.css +10 -5
  17. package/styles/bootstrap4.css +10 -5
  18. package/styles/bootstrap5-dark.css +12 -8
  19. package/styles/bootstrap5.css +12 -8
  20. package/styles/fabric-dark.css +10 -5
  21. package/styles/fabric.css +10 -5
  22. package/styles/fluent-dark.css +10 -5
  23. package/styles/fluent.css +10 -5
  24. package/styles/highcontrast-light.css +10 -5
  25. package/styles/highcontrast.css +10 -5
  26. package/styles/image-editor/_layout.scss +7 -11
  27. package/styles/image-editor/_theme.scss +4 -4
  28. package/styles/image-editor/bootstrap-dark.css +10 -5
  29. package/styles/image-editor/bootstrap.css +10 -5
  30. package/styles/image-editor/bootstrap4.css +10 -5
  31. package/styles/image-editor/bootstrap5-dark.css +12 -8
  32. package/styles/image-editor/bootstrap5.css +12 -8
  33. package/styles/image-editor/fabric-dark.css +10 -5
  34. package/styles/image-editor/fabric.css +10 -5
  35. package/styles/image-editor/fluent-dark.css +10 -5
  36. package/styles/image-editor/fluent.css +10 -5
  37. package/styles/image-editor/highcontrast-light.css +10 -5
  38. package/styles/image-editor/highcontrast.css +10 -5
  39. package/styles/image-editor/material-dark.css +10 -13
  40. package/styles/image-editor/material.css +10 -8
  41. package/styles/image-editor/tailwind-dark.css +10 -5
  42. package/styles/image-editor/tailwind.css +10 -5
  43. package/styles/material-dark.css +10 -13
  44. package/styles/material.css +10 -8
  45. package/styles/tailwind-dark.css +10 -5
  46. package/styles/tailwind.css +10 -5
  47. package/GitLeaksReport.json +0 -1
  48. package/gitleaks-ci/gitleaks +0 -0
  49. package/gitleaks-ci.tar.gz +0 -0
  50. package/styles/image-editor/_material3-definition.scss +0 -11
package/styles/image-editor/material.css CHANGED
@@ -133,6 +133,11 @@
133
133
  content: "\e95d";
134
134
  }
135
135
 
136
+ .e-ie-toolbar-upload-div.e-hide,
137
+ .e-ie-toolbar-upload-btn.e-hide {
138
+ display: none;
139
+ }
140
+
136
141
  .e-device.e-image-editor .e-img-font-style.e-template {
137
142
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
138
143
  }
@@ -218,9 +223,6 @@
218
223
  .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-image-upload .e-upload {
219
224
  border: none;
220
225
  }
221
- .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-icons.e-upload-icon {
222
- margin-top: 7px;
223
- }
224
226
  .e-image-editor .e-toolbar .e-toolbar-items .e-fill.e-template .e-dropdown-btn .e-icons.e-caret, .e-image-editor .e-toolbar .e-toolbar-items .e-stroke.e-template .e-dropdown-btn .e-icons.e-caret, .e-image-editor .e-toolbar .e-toolbar-items .e-pen-stroke-color.e-template .e-dropdown-btn .e-icons.e-caret, .e-image-editor .e-toolbar .e-toolbar-items .e-text-font-color.e-template .e-dropdown-btn .e-icons.e-caret, .e-image-editor .e-toolbar .e-toolbar-items .e-save.e-template .e-dropdown-btn .e-icons.e-caret {
225
227
  font-size: 16px;
226
228
  }
@@ -244,7 +246,7 @@
244
246
  .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
245
247
  border-top: 1px solid #bdbdbd;
246
248
  }
247
- .e-image-editor .e-canvas-wrapper .e-textarea {
249
+ .e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
248
250
  line-height: initial !important; /* stylelint-disable-line declaration-no-important */
249
251
  }
250
252
  .e-image-editor .e-bottom-toolbar {
@@ -296,24 +298,24 @@
296
298
  background: inherit;
297
299
  border: none;
298
300
  margin-top: 0;
299
- background-color: #fafafa;
301
+ background: #fafafa;
300
302
  color: rgba(0, 0, 0, 0.54);
301
303
  }
302
304
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
303
305
  display: none !important; /* stylelint-disable-line declaration-no-important */
304
306
  }
305
307
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
306
- background-color: rgba(226, 226, 226, 0.9844);
308
+ background: rgba(226, 226, 226, 0.9844);
307
309
  box-shadow: none;
308
310
  color: rgba(0, 0, 0, 0.87);
309
311
  }
310
312
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
311
- background-color: rgba(0, 0, 0, 0.18);
313
+ background: rgba(0, 0, 0, 0.18);
312
314
  box-shadow: none;
313
315
  color: rgba(0, 0, 0, 0.87);
314
316
  }
315
317
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
316
- background-color: rgba(184, 184, 184, 0.9584);
318
+ background: rgba(184, 184, 184, 0.9584);
317
319
  box-shadow: none;
318
320
  color: rgba(0, 0, 0, 0.87);
319
321
  }
package/styles/image-editor/tailwind-dark.css CHANGED
@@ -130,6 +130,11 @@
130
130
  content: "\e82e";
131
131
  }
132
132
 
133
+ .e-ie-toolbar-upload-div.e-hide,
134
+ .e-ie-toolbar-upload-btn.e-hide {
135
+ display: none;
136
+ }
137
+
133
138
  .e-device.e-image-editor .e-img-font-style.e-template {
134
139
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
135
140
  }
@@ -233,7 +238,7 @@
233
238
  .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
234
239
  border-top: 1px solid #4b5563;
235
240
  }
236
- .e-image-editor .e-canvas-wrapper .e-textarea {
241
+ .e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
237
242
  line-height: initial !important; /* stylelint-disable-line declaration-no-important */
238
243
  }
239
244
  .e-image-editor .e-bottom-toolbar {
@@ -285,24 +290,24 @@
285
290
  background: inherit;
286
291
  border: none;
287
292
  margin-top: 2px;
288
- background-color: #374151;
293
+ background: #374151;
289
294
  color: #d1d5db;
290
295
  }
291
296
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
292
297
  display: none !important; /* stylelint-disable-line declaration-no-important */
293
298
  }
294
299
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
295
- background-color: #374151;
300
+ background: #374151;
296
301
  box-shadow: none;
297
302
  color: #fff;
298
303
  }
299
304
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
300
- background-color: #374151;
305
+ background: #374151;
301
306
  box-shadow: none;
302
307
  color: #fff;
303
308
  }
304
309
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
305
- background-color: #4b5563;
310
+ background: #4b5563;
306
311
  box-shadow: none;
307
312
  color: #fff;
308
313
  }
package/styles/image-editor/tailwind.css CHANGED
@@ -130,6 +130,11 @@
130
130
  content: "\e82e";
131
131
  }
132
132
 
133
+ .e-ie-toolbar-upload-div.e-hide,
134
+ .e-ie-toolbar-upload-btn.e-hide {
135
+ display: none;
136
+ }
137
+
133
138
  .e-device.e-image-editor .e-img-font-style.e-template {
134
139
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
135
140
  }
@@ -233,7 +238,7 @@
233
238
  .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
234
239
  border-top: 1px solid #e5e7eb;
235
240
  }
236
- .e-image-editor .e-canvas-wrapper .e-textarea {
241
+ .e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
237
242
  line-height: initial !important; /* stylelint-disable-line declaration-no-important */
238
243
  }
239
244
  .e-image-editor .e-bottom-toolbar {
@@ -285,24 +290,24 @@
285
290
  background: inherit;
286
291
  border: none;
287
292
  margin-top: 2px;
288
- background-color: #f3f4f6;
293
+ background: #f3f4f6;
289
294
  color: #6b7280;
290
295
  }
291
296
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
292
297
  display: none !important; /* stylelint-disable-line declaration-no-important */
293
298
  }
294
299
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
295
- background-color: #f3f4f6;
300
+ background: #f3f4f6;
296
301
  box-shadow: none;
297
302
  color: #374151;
298
303
  }
299
304
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
300
- background-color: #f3f4f6;
305
+ background: #f3f4f6;
301
306
  box-shadow: none;
302
307
  color: #374151;
303
308
  }
304
309
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
305
- background-color: #e5e7eb;
310
+ background: #e5e7eb;
306
311
  box-shadow: none;
307
312
  color: #374151;
308
313
  }
package/styles/material-dark.css CHANGED
@@ -133,6 +133,11 @@
133
133
  content: "\e95d";
134
134
  }
135
135
 
136
+ .e-ie-toolbar-upload-div.e-hide,
137
+ .e-ie-toolbar-upload-btn.e-hide {
138
+ display: none;
139
+ }
140
+
136
141
  .e-device.e-image-editor .e-img-font-style.e-template {
137
142
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
138
143
  }
@@ -146,11 +151,6 @@
146
151
  height: 48px !important; /* stylelint-disable-line declaration-no-important */
147
152
  min-height: 48px !important; /* stylelint-disable-line declaration-no-important */
148
153
  }
149
- .e-bigger .e-image-editor .e-toolbar .e-toolbar-items,
150
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items {
151
- height: 48px !important; /* stylelint-disable-line declaration-no-important */
152
- min-height: 48px !important; /* stylelint-disable-line declaration-no-important */
153
- }
154
154
  .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
155
155
  .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
156
156
  font-size: 18px;
@@ -218,9 +218,6 @@
218
218
  .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-image-upload .e-upload {
219
219
  border: none;
220
220
  }
221
- .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-icons.e-upload-icon {
222
- margin-top: 7px;
223
- }
224
221
  .e-image-editor .e-toolbar .e-toolbar-items .e-fill.e-template .e-dropdown-btn .e-icons.e-caret, .e-image-editor .e-toolbar .e-toolbar-items .e-stroke.e-template .e-dropdown-btn .e-icons.e-caret, .e-image-editor .e-toolbar .e-toolbar-items .e-pen-stroke-color.e-template .e-dropdown-btn .e-icons.e-caret, .e-image-editor .e-toolbar .e-toolbar-items .e-text-font-color.e-template .e-dropdown-btn .e-icons.e-caret, .e-image-editor .e-toolbar .e-toolbar-items .e-save.e-template .e-dropdown-btn .e-icons.e-caret {
225
222
  font-size: 16px;
226
223
  }
@@ -244,7 +241,7 @@
244
241
  .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
245
242
  border-top: 1px solid #757575;
246
243
  }
247
- .e-image-editor .e-canvas-wrapper .e-textarea {
244
+ .e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
248
245
  line-height: initial !important; /* stylelint-disable-line declaration-no-important */
249
246
  }
250
247
  .e-image-editor .e-bottom-toolbar {
@@ -296,24 +293,24 @@
296
293
  background: inherit;
297
294
  border: none;
298
295
  margin-top: 0;
299
- background-color: #212121;
296
+ background: #212121;
300
297
  color: #fff;
301
298
  }
302
299
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
303
300
  display: none !important; /* stylelint-disable-line declaration-no-important */
304
301
  }
305
302
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
306
- background-color: #6e6e6e;
303
+ background: #6e6e6e;
307
304
  box-shadow: none;
308
305
  color: #fff;
309
306
  }
310
307
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
311
- background-color: #878787;
308
+ background: #878787;
312
309
  box-shadow: none;
313
310
  color: #fff;
314
311
  }
315
312
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
316
- background-color: #7d7d7d;
313
+ background: #7d7d7d;
317
314
  box-shadow: none;
318
315
  color: #fff;
319
316
  }
package/styles/material.css CHANGED
@@ -133,6 +133,11 @@
133
133
  content: "\e95d";
134
134
  }
135
135
 
136
+ .e-ie-toolbar-upload-div.e-hide,
137
+ .e-ie-toolbar-upload-btn.e-hide {
138
+ display: none;
139
+ }
140
+
136
141
  .e-device.e-image-editor .e-img-font-style.e-template {
137
142
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
138
143
  }
@@ -218,9 +223,6 @@
218
223
  .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-image-upload .e-upload {
219
224
  border: none;
220
225
  }
221
- .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-icons.e-upload-icon {
222
- margin-top: 7px;
223
- }
224
226
  .e-image-editor .e-toolbar .e-toolbar-items .e-fill.e-template .e-dropdown-btn .e-icons.e-caret, .e-image-editor .e-toolbar .e-toolbar-items .e-stroke.e-template .e-dropdown-btn .e-icons.e-caret, .e-image-editor .e-toolbar .e-toolbar-items .e-pen-stroke-color.e-template .e-dropdown-btn .e-icons.e-caret, .e-image-editor .e-toolbar .e-toolbar-items .e-text-font-color.e-template .e-dropdown-btn .e-icons.e-caret, .e-image-editor .e-toolbar .e-toolbar-items .e-save.e-template .e-dropdown-btn .e-icons.e-caret {
225
227
  font-size: 16px;
226
228
  }
@@ -244,7 +246,7 @@
244
246
  .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
245
247
  border-top: 1px solid #bdbdbd;
246
248
  }
247
- .e-image-editor .e-canvas-wrapper .e-textarea {
249
+ .e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
248
250
  line-height: initial !important; /* stylelint-disable-line declaration-no-important */
249
251
  }
250
252
  .e-image-editor .e-bottom-toolbar {
@@ -296,24 +298,24 @@
296
298
  background: inherit;
297
299
  border: none;
298
300
  margin-top: 0;
299
- background-color: #fafafa;
301
+ background: #fafafa;
300
302
  color: rgba(0, 0, 0, 0.54);
301
303
  }
302
304
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
303
305
  display: none !important; /* stylelint-disable-line declaration-no-important */
304
306
  }
305
307
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
306
- background-color: rgba(226, 226, 226, 0.9844);
308
+ background: rgba(226, 226, 226, 0.9844);
307
309
  box-shadow: none;
308
310
  color: rgba(0, 0, 0, 0.87);
309
311
  }
310
312
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
311
- background-color: rgba(0, 0, 0, 0.18);
313
+ background: rgba(0, 0, 0, 0.18);
312
314
  box-shadow: none;
313
315
  color: rgba(0, 0, 0, 0.87);
314
316
  }
315
317
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
316
- background-color: rgba(184, 184, 184, 0.9584);
318
+ background: rgba(184, 184, 184, 0.9584);
317
319
  box-shadow: none;
318
320
  color: rgba(0, 0, 0, 0.87);
319
321
  }
package/styles/tailwind-dark.css CHANGED
@@ -130,6 +130,11 @@
130
130
  content: "\e82e";
131
131
  }
132
132
 
133
+ .e-ie-toolbar-upload-div.e-hide,
134
+ .e-ie-toolbar-upload-btn.e-hide {
135
+ display: none;
136
+ }
137
+
133
138
  .e-device.e-image-editor .e-img-font-style.e-template {
134
139
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
135
140
  }
@@ -233,7 +238,7 @@
233
238
  .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
234
239
  border-top: 1px solid #4b5563;
235
240
  }
236
- .e-image-editor .e-canvas-wrapper .e-textarea {
241
+ .e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
237
242
  line-height: initial !important; /* stylelint-disable-line declaration-no-important */
238
243
  }
239
244
  .e-image-editor .e-bottom-toolbar {
@@ -285,24 +290,24 @@
285
290
  background: inherit;
286
291
  border: none;
287
292
  margin-top: 2px;
288
- background-color: #374151;
293
+ background: #374151;
289
294
  color: #d1d5db;
290
295
  }
291
296
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
292
297
  display: none !important; /* stylelint-disable-line declaration-no-important */
293
298
  }
294
299
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
295
- background-color: #374151;
300
+ background: #374151;
296
301
  box-shadow: none;
297
302
  color: #fff;
298
303
  }
299
304
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
300
- background-color: #374151;
305
+ background: #374151;
301
306
  box-shadow: none;
302
307
  color: #fff;
303
308
  }
304
309
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
305
- background-color: #4b5563;
310
+ background: #4b5563;
306
311
  box-shadow: none;
307
312
  color: #fff;
308
313
  }
package/styles/tailwind.css CHANGED
@@ -130,6 +130,11 @@
130
130
  content: "\e82e";
131
131
  }
132
132
 
133
+ .e-ie-toolbar-upload-div.e-hide,
134
+ .e-ie-toolbar-upload-btn.e-hide {
135
+ display: none;
136
+ }
137
+
133
138
  .e-device.e-image-editor .e-img-font-style.e-template {
134
139
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
135
140
  }
@@ -233,7 +238,7 @@
233
238
  .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
234
239
  border-top: 1px solid #e5e7eb;
235
240
  }
236
- .e-image-editor .e-canvas-wrapper .e-textarea {
241
+ .e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
237
242
  line-height: initial !important; /* stylelint-disable-line declaration-no-important */
238
243
  }
239
244
  .e-image-editor .e-bottom-toolbar {
@@ -285,24 +290,24 @@
285
290
  background: inherit;
286
291
  border: none;
287
292
  margin-top: 2px;
288
- background-color: #f3f4f6;
293
+ background: #f3f4f6;
289
294
  color: #6b7280;
290
295
  }
291
296
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
292
297
  display: none !important; /* stylelint-disable-line declaration-no-important */
293
298
  }
294
299
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
295
- background-color: #f3f4f6;
300
+ background: #f3f4f6;
296
301
  box-shadow: none;
297
302
  color: #374151;
298
303
  }
299
304
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
300
- background-color: #f3f4f6;
305
+ background: #f3f4f6;
301
306
  box-shadow: none;
302
307
  color: #374151;
303
308
  }
304
309
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
305
- background-color: #e5e7eb;
310
+ background: #e5e7eb;
306
311
  box-shadow: none;
307
312
  color: #374151;
308
313
  }
package/GitLeaksReport.json DELETED
@@ -1 +0,0 @@
1
- []
package/gitleaks-ci/gitleaks DELETED
Binary file
package/gitleaks-ci.tar.gz DELETED
Binary file
package/styles/image-editor/_material3-definition.scss DELETED
@@ -1,11 +0,0 @@
1
- $image-editor-border: 1px solid $gray-900 !default;
2
- $image-editor-background: $gray-900 !default;
3
- $image-editor-toolbar-icon-color: $icon-color;
4
- $img-editor-cp-preview-border-bottom-color: $black !default;
5
- $image-editor-icon-sel-bg-color: $gray-900 !default;
6
- $image-editor-ddbtn-margin-top: 0 !default;
7
- $image-editor-tbar-height: 38px !default;
8
- $image-editor-bigger-tbar-height: 48px !default;
9
- $image-editor-tbar-btn-fontsize: 14px !default;
10
- $image-editor-bigger-tbar-btn-fontsize: 16px !default;
11
- $image-editor-contextual-toolbar: $content-bg-color-alt1 !default;