@syncfusion/ej2-image-editor 20.4.51 → 21.1.36

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 (112) hide show
  1. package/.eslintrc.json +1 -0
  2. package/CHANGELOG.md +55 -5
  3. package/dist/ej2-image-editor.umd.min.js +2 -2
  4. package/dist/ej2-image-editor.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-image-editor.es2015.js +20032 -11350
  6. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-image-editor.es5.js +20027 -11313
  8. package/dist/es6/ej2-image-editor.es5.js.map +1 -1
  9. package/dist/global/ej2-image-editor.min.js +2 -2
  10. package/dist/global/ej2-image-editor.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +12 -12
  13. package/src/image-editor/action/crop.d.ts +36 -0
  14. package/src/image-editor/action/crop.js +829 -0
  15. package/src/image-editor/action/draw.d.ts +125 -0
  16. package/src/image-editor/action/draw.js +3263 -0
  17. package/src/image-editor/action/export.d.ts +23 -0
  18. package/src/image-editor/action/export.js +364 -0
  19. package/src/image-editor/action/filter.d.ts +35 -0
  20. package/src/image-editor/action/filter.js +699 -0
  21. package/src/image-editor/action/freehand-draw.d.ts +61 -0
  22. package/src/image-editor/action/freehand-draw.js +1015 -0
  23. package/src/image-editor/action/index.d.ts +9 -0
  24. package/src/image-editor/action/index.js +9 -0
  25. package/src/image-editor/action/selection.d.ts +139 -0
  26. package/src/image-editor/action/selection.js +4518 -0
  27. package/src/image-editor/action/shape.d.ts +94 -0
  28. package/src/image-editor/action/shape.js +2745 -0
  29. package/src/image-editor/action/transform.d.ts +67 -0
  30. package/src/image-editor/action/transform.js +1859 -0
  31. package/src/image-editor/action/undo-redo.d.ts +43 -0
  32. package/src/image-editor/action/undo-redo.js +800 -0
  33. package/src/image-editor/base/enum.d.ts +189 -0
  34. package/src/image-editor/base/enum.js +198 -0
  35. package/src/image-editor/base/image-editor-model.d.ts +626 -0
  36. package/src/image-editor/base/image-editor.d.ts +1300 -0
  37. package/src/image-editor/base/image-editor.js +2270 -0
  38. package/src/image-editor/base/index.d.ts +4 -0
  39. package/src/image-editor/base/index.js +2 -0
  40. package/src/image-editor/base/interface.d.ts +1128 -0
  41. package/src/image-editor/base/interface.js +1 -0
  42. package/src/image-editor/index.d.ts +3 -5
  43. package/src/image-editor/index.js +3 -4
  44. package/src/image-editor/renderer/index.d.ts +1 -0
  45. package/src/image-editor/renderer/index.js +1 -0
  46. package/src/image-editor/renderer/toolbar.d.ts +105 -0
  47. package/src/image-editor/renderer/toolbar.js +3018 -0
  48. package/styles/bootstrap-dark.css +79 -8
  49. package/styles/bootstrap.css +79 -8
  50. package/styles/bootstrap4.css +79 -8
  51. package/styles/bootstrap5-dark.css +81 -11
  52. package/styles/bootstrap5.css +81 -11
  53. package/styles/fabric-dark.css +79 -8
  54. package/styles/fabric.css +79 -8
  55. package/styles/fluent-dark.css +79 -8
  56. package/styles/fluent.css +79 -8
  57. package/styles/highcontrast-light.css +81 -10
  58. package/styles/highcontrast.css +82 -10
  59. package/styles/image-editor/_highcontrast-definition.scss +1 -1
  60. package/styles/image-editor/_highcontrast-light-definition.scss +1 -1
  61. package/styles/image-editor/_layout.scss +28 -18
  62. package/styles/image-editor/_material3-dark-definition.scss +1 -0
  63. package/styles/image-editor/_material3-definition.scss +10 -10
  64. package/styles/image-editor/_theme.scss +11 -6
  65. package/styles/image-editor/bootstrap-dark.css +79 -8
  66. package/styles/image-editor/bootstrap.css +79 -8
  67. package/styles/image-editor/bootstrap4.css +79 -8
  68. package/styles/image-editor/bootstrap5-dark.css +81 -11
  69. package/styles/image-editor/bootstrap5.css +81 -11
  70. package/styles/image-editor/fabric-dark.css +79 -8
  71. package/styles/image-editor/fabric.css +79 -8
  72. package/styles/image-editor/fluent-dark.css +79 -8
  73. package/styles/image-editor/fluent.css +79 -8
  74. package/styles/image-editor/highcontrast-light.css +81 -10
  75. package/styles/image-editor/highcontrast.css +82 -10
  76. package/styles/image-editor/icons/_bootstrap-dark.scss +132 -0
  77. package/styles/image-editor/icons/_bootstrap.scss +132 -0
  78. package/styles/image-editor/icons/_bootstrap4.scss +132 -0
  79. package/styles/image-editor/icons/_bootstrap5.scss +132 -0
  80. package/styles/image-editor/icons/_fabric-dark.scss +132 -0
  81. package/styles/image-editor/icons/_fabric.scss +132 -0
  82. package/styles/image-editor/icons/_fluent.scss +132 -0
  83. package/styles/image-editor/icons/_fusionnew.scss +132 -0
  84. package/styles/image-editor/icons/_highcontrast-light.scss +132 -0
  85. package/styles/image-editor/icons/_highcontrast.scss +132 -0
  86. package/styles/image-editor/icons/_material-dark.scss +132 -0
  87. package/styles/image-editor/icons/_material.scss +132 -0
  88. package/styles/image-editor/icons/_material3-dark.scss +1 -0
  89. package/styles/image-editor/icons/_material3.scss +133 -1
  90. package/styles/image-editor/icons/_tailwind.scss +132 -0
  91. package/styles/image-editor/material-dark.css +79 -16
  92. package/styles/image-editor/material.css +79 -11
  93. package/styles/image-editor/material3-dark.css +453 -0
  94. package/styles/image-editor/material3-dark.scss +14 -0
  95. package/styles/image-editor/material3.css +509 -0
  96. package/styles/image-editor/material3.scss +14 -0
  97. package/styles/image-editor/tailwind-dark.css +79 -8
  98. package/styles/image-editor/tailwind.css +79 -8
  99. package/styles/material-dark.css +79 -16
  100. package/styles/material.css +79 -11
  101. package/styles/material3-dark.css +453 -0
  102. package/styles/material3-dark.scss +3 -0
  103. package/styles/material3.css +509 -0
  104. package/styles/material3.scss +3 -0
  105. package/styles/tailwind-dark.css +79 -8
  106. package/styles/tailwind.css +79 -8
  107. package/GitLeaksReport.json +0 -1
  108. package/gitleaks-ci/gitleaks +0 -0
  109. package/gitleaks-ci.tar.gz +0 -0
  110. package/src/image-editor/image-editor-model.d.ts +0 -331
  111. package/src/image-editor/image-editor.d.ts +0 -1428
  112. package/src/image-editor/image-editor.js +0 -12849
package/styles/bootstrap5.css CHANGED
@@ -75,6 +75,66 @@
75
75
  .e-image-editor .e-fill.e-template .e-caret::before {
76
76
  content: "\e783";
77
77
  }
78
+ .e-image-editor .e-custom::before {
79
+ content: "\e8a9";
80
+ }
81
+ .e-image-editor .e-circle::before {
82
+ content: "\e7ca";
83
+ }
84
+ .e-image-editor .e-square::before {
85
+ content: "\e8aa";
86
+ }
87
+ .e-image-editor .e-custom-a::before {
88
+ content: "\e8ab";
89
+ }
90
+ .e-image-editor .e-custom-b::before {
91
+ content: "\e8ac";
92
+ }
93
+ .e-image-editor .e-custom-c::before {
94
+ content: "\e8ad";
95
+ }
96
+ .e-image-editor .e-custom-d::before {
97
+ content: "\e8ae";
98
+ }
99
+ .e-image-editor .e-custom-e::before {
100
+ content: "\e8af";
101
+ }
102
+ .e-image-editor .e-horizontal-flip::before {
103
+ content: "\e8a3";
104
+ }
105
+ .e-image-editor .e-vertical-flip::before {
106
+ content: "\e8a4";
107
+ }
108
+ .e-image-editor .e-clock-wise::before {
109
+ content: "\e8a6";
110
+ }
111
+ .e-image-editor .e-anti-clock-wise::before {
112
+ content: "\e8a5";
113
+ }
114
+ .e-image-editor .e-rectangle::before {
115
+ content: "\e723";
116
+ }
117
+ .e-image-editor .e-circle::before {
118
+ content: "\e7ca";
119
+ }
120
+ .e-image-editor .e-triangle::before {
121
+ content: "\e89c";
122
+ }
123
+ .e-image-editor .e-line::before {
124
+ content: "\e819";
125
+ }
126
+ .e-image-editor .e-add-text::before {
127
+ content: "\e82e";
128
+ }
129
+ .e-image-editor .e-free-pen::before {
130
+ content: "\e7db";
131
+ }
132
+ .e-image-editor .e-arrow::before {
133
+ content: "\e669";
134
+ }
135
+ .e-image-editor .e-path::before {
136
+ content: "\e931";
137
+ }
78
138
 
79
139
  .e-dropdown-popup.e-image-popup .e-custom::before {
80
140
  content: "\e8a9";
@@ -133,6 +193,17 @@
133
193
  .e-dropdown-popup.e-image-popup .e-add-text::before {
134
194
  content: "\e82e";
135
195
  }
196
+ .e-dropdown-popup.e-image-popup .e-arrow::before {
197
+ content: "\e669";
198
+ }
199
+ .e-dropdown-popup.e-image-popup .e-path::before {
200
+ content: "\e931";
201
+ }
202
+
203
+ .e-ie-toolbar-upload-div.e-hide,
204
+ .e-ie-toolbar-upload-btn.e-hide {
205
+ display: none;
206
+ }
136
207
 
137
208
  .e-device.e-image-editor .e-img-font-style.e-template {
138
209
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
@@ -155,6 +226,7 @@
155
226
  .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
156
227
  font-size: 20px;
157
228
  padding-top: 4px;
229
+ padding-bottom: 4px;
158
230
  }
159
231
  .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-fill.e-template .e-dropdown-btn .e-icons.e-caret, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-stroke.e-template .e-dropdown-btn .e-icons.e-caret, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-pen-stroke-color.e-template .e-dropdown-btn .e-icons.e-caret, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-text-font-color.e-template .e-dropdown-btn .e-icons.e-caret, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-save.e-template .e-dropdown-btn .e-icons.e-caret,
160
232
  .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-fill.e-template .e-dropdown-btn .e-icons.e-caret,
@@ -203,6 +275,7 @@
203
275
  .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
204
276
  font-size: 18px;
205
277
  padding-top: 4px;
278
+ padding-bottom: 4px;
206
279
  }
207
280
  .e-image-editor .e-toolbar .e-toolbar-items .e-upload {
208
281
  border: none;
@@ -210,9 +283,6 @@
210
283
  .e-image-editor .e-toolbar .e-toolbar-items .e-file-select-wrap {
211
284
  padding: 0;
212
285
  }
213
- .e-image-editor .e-toolbar .e-toolbar-items .e-file-select-wrap .e-btn-icon {
214
- margin-top: -2px !important; /* stylelint-disable-line declaration-no-important */
215
- }
216
286
  .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-file-select, .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-file-drop, .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-upload-files {
217
287
  display: none;
218
288
  }
@@ -245,7 +315,7 @@
245
315
  .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
246
316
  border-top: 1px solid #e9ecef;
247
317
  }
248
- .e-image-editor .e-canvas-wrapper .e-textarea {
318
+ .e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
249
319
  line-height: initial !important; /* stylelint-disable-line declaration-no-important */
250
320
  }
251
321
  .e-image-editor .e-bottom-toolbar {
@@ -264,11 +334,11 @@
264
334
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item {
265
335
  height: auto !important; /* stylelint-disable-line declaration-no-important */
266
336
  }
267
- .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper {
337
+ .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filter-wrapper {
268
338
  border: 2px solid transparent;
269
339
  height: 100px;
270
340
  }
271
- .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper {
341
+ .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper {
272
342
  border-top: 2px solid;
273
343
  }
274
344
  .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container {
@@ -284,7 +354,7 @@
284
354
  border-top: 1px solid #e9ecef;
285
355
  border-bottom: 1px solid #e9ecef;
286
356
  }
287
- .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper {
357
+ .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper {
288
358
  border-color: #565e64;
289
359
  }
290
360
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-selected-btn {
@@ -297,24 +367,24 @@
297
367
  background: inherit;
298
368
  border: none;
299
369
  margin-top: -1px;
300
- background-color: #f8f9fa;
370
+ background: #f8f9fa;
301
371
  color: #6c757d;
302
372
  }
303
373
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
304
374
  display: none !important; /* stylelint-disable-line declaration-no-important */
305
375
  }
306
376
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
307
- background-color: #5c636a;
377
+ background: #5c636a;
308
378
  box-shadow: none;
309
379
  color: #fff;
310
380
  }
311
381
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
312
- background-color: #5c636a;
382
+ background: #5c636a;
313
383
  box-shadow: none;
314
384
  color: #fff;
315
385
  }
316
386
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
317
- background-color: #565e64;
387
+ background: #565e64;
318
388
  box-shadow: none;
319
389
  color: #fff;
320
390
  }
package/styles/fabric-dark.css CHANGED
@@ -67,6 +67,66 @@
67
67
  .e-image-editor .e-fill.e-template .e-caret::before {
68
68
  content: "\e35c";
69
69
  }
70
+ .e-image-editor .e-custom::before {
71
+ content: "\e959";
72
+ }
73
+ .e-image-editor .e-circle::before {
74
+ content: "\e671";
75
+ }
76
+ .e-image-editor .e-square::before {
77
+ content: "\e95a";
78
+ }
79
+ .e-image-editor .e-custom-a::before {
80
+ content: "\e95b";
81
+ }
82
+ .e-image-editor .e-custom-b::before {
83
+ content: "\e95c";
84
+ }
85
+ .e-image-editor .e-custom-c::before {
86
+ content: "\e95d";
87
+ }
88
+ .e-image-editor .e-custom-d::before {
89
+ content: "\e95e";
90
+ }
91
+ .e-image-editor .e-custom-e::before {
92
+ content: "\e960";
93
+ }
94
+ .e-image-editor .e-horizontal-flip::before {
95
+ content: "\e951";
96
+ }
97
+ .e-image-editor .e-vertical-flip::before {
98
+ content: "\e952";
99
+ }
100
+ .e-image-editor .e-clock-wise::before {
101
+ content: "\e956";
102
+ }
103
+ .e-image-editor .e-anti-clock-wise::before {
104
+ content: "\e955";
105
+ }
106
+ .e-image-editor .e-rectangle::before {
107
+ content: "\e670";
108
+ }
109
+ .e-image-editor .e-circle::before {
110
+ content: "\e671";
111
+ }
112
+ .e-image-editor .e-triangle::before {
113
+ content: "\e949";
114
+ }
115
+ .e-image-editor .e-line::before {
116
+ content: "\e668";
117
+ }
118
+ .e-image-editor .e-add-text::before {
119
+ content: "\e35b";
120
+ }
121
+ .e-image-editor .e-free-pen::before {
122
+ content: "\e739";
123
+ }
124
+ .e-image-editor .e-arrow::before {
125
+ content: "\e669";
126
+ }
127
+ .e-image-editor .e-path::before {
128
+ content: "\e931";
129
+ }
70
130
 
71
131
  .e-dropdown-popup.e-image-popup .e-custom::before {
72
132
  content: "\e959";
@@ -122,6 +182,17 @@
122
182
  .e-dropdown-popup.e-image-popup .e-vertical-flip::before {
123
183
  content: "\e952";
124
184
  }
185
+ .e-dropdown-popup.e-image-popup .e-arrow::before {
186
+ content: "\e669";
187
+ }
188
+ .e-dropdown-popup.e-image-popup .e-path::before {
189
+ content: "\e931";
190
+ }
191
+
192
+ .e-ie-toolbar-upload-div.e-hide,
193
+ .e-ie-toolbar-upload-btn.e-hide {
194
+ display: none;
195
+ }
125
196
 
126
197
  .e-device.e-image-editor .e-img-font-style.e-template {
127
198
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
@@ -228,7 +299,7 @@
228
299
  .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
229
300
  border-top: 1px solid #414040;
230
301
  }
231
- .e-image-editor .e-canvas-wrapper .e-textarea {
302
+ .e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
232
303
  line-height: initial !important; /* stylelint-disable-line declaration-no-important */
233
304
  }
234
305
  .e-image-editor .e-bottom-toolbar {
@@ -247,11 +318,11 @@
247
318
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item {
248
319
  height: auto !important; /* stylelint-disable-line declaration-no-important */
249
320
  }
250
- .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper {
321
+ .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filter-wrapper {
251
322
  border: 2px solid transparent;
252
323
  height: 100px;
253
324
  }
254
- .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper {
325
+ .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper {
255
326
  border-top: 2px solid;
256
327
  }
257
328
  .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container {
@@ -267,7 +338,7 @@
267
338
  border-top: 1px solid #414040;
268
339
  border-bottom: 1px solid #414040;
269
340
  }
270
- .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper {
341
+ .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper {
271
342
  border-color: #6f6c6c;
272
343
  }
273
344
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-icons {
@@ -280,24 +351,24 @@
280
351
  background: inherit;
281
352
  border: none;
282
353
  margin-top: 0;
283
- background-color: #333232;
354
+ background: #333232;
284
355
  color: #dadada;
285
356
  }
286
357
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
287
358
  display: none !important; /* stylelint-disable-line declaration-no-important */
288
359
  }
289
360
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
290
- background-color: #514f4f;
361
+ background: #514f4f;
291
362
  box-shadow: none;
292
363
  color: #fff;
293
364
  }
294
365
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
295
- background-color: #414040;
366
+ background: #414040;
296
367
  box-shadow: none;
297
368
  color: #fff;
298
369
  }
299
370
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
300
- background-color: #6f6c6c;
371
+ background: #6f6c6c;
301
372
  box-shadow: none;
302
373
  color: #fff;
303
374
  }
package/styles/fabric.css CHANGED
@@ -67,6 +67,66 @@
67
67
  .e-image-editor .e-fill.e-template .e-caret::before {
68
68
  content: "\e35c";
69
69
  }
70
+ .e-image-editor .e-custom::before {
71
+ content: "\e959";
72
+ }
73
+ .e-image-editor .e-circle::before {
74
+ content: "\e671";
75
+ }
76
+ .e-image-editor .e-square::before {
77
+ content: "\e95a";
78
+ }
79
+ .e-image-editor .e-custom-a::before {
80
+ content: "\e95b";
81
+ }
82
+ .e-image-editor .e-custom-b::before {
83
+ content: "\e95c";
84
+ }
85
+ .e-image-editor .e-custom-c::before {
86
+ content: "\e95d";
87
+ }
88
+ .e-image-editor .e-custom-d::before {
89
+ content: "\e95e";
90
+ }
91
+ .e-image-editor .e-custom-e::before {
92
+ content: "\e960";
93
+ }
94
+ .e-image-editor .e-horizontal-flip::before {
95
+ content: "\e951";
96
+ }
97
+ .e-image-editor .e-vertical-flip::before {
98
+ content: "\e952";
99
+ }
100
+ .e-image-editor .e-clock-wise::before {
101
+ content: "\e956";
102
+ }
103
+ .e-image-editor .e-anti-clock-wise::before {
104
+ content: "\e955";
105
+ }
106
+ .e-image-editor .e-rectangle::before {
107
+ content: "\e670";
108
+ }
109
+ .e-image-editor .e-circle::before {
110
+ content: "\e671";
111
+ }
112
+ .e-image-editor .e-triangle::before {
113
+ content: "\e949";
114
+ }
115
+ .e-image-editor .e-line::before {
116
+ content: "\e668";
117
+ }
118
+ .e-image-editor .e-add-text::before {
119
+ content: "\e35b";
120
+ }
121
+ .e-image-editor .e-free-pen::before {
122
+ content: "\e739";
123
+ }
124
+ .e-image-editor .e-arrow::before {
125
+ content: "\e669";
126
+ }
127
+ .e-image-editor .e-path::before {
128
+ content: "\e931";
129
+ }
70
130
 
71
131
  .e-dropdown-popup.e-image-popup .e-custom::before {
72
132
  content: "\e959";
@@ -122,6 +182,17 @@
122
182
  .e-dropdown-popup.e-image-popup .e-vertical-flip::before {
123
183
  content: "\e952";
124
184
  }
185
+ .e-dropdown-popup.e-image-popup .e-arrow::before {
186
+ content: "\e669";
187
+ }
188
+ .e-dropdown-popup.e-image-popup .e-path::before {
189
+ content: "\e931";
190
+ }
191
+
192
+ .e-ie-toolbar-upload-div.e-hide,
193
+ .e-ie-toolbar-upload-btn.e-hide {
194
+ display: none;
195
+ }
125
196
 
126
197
  .e-device.e-image-editor .e-img-font-style.e-template {
127
198
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
@@ -228,7 +299,7 @@
228
299
  .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
229
300
  border-top: 1px solid #eaeaea;
230
301
  }
231
- .e-image-editor .e-canvas-wrapper .e-textarea {
302
+ .e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
232
303
  line-height: initial !important; /* stylelint-disable-line declaration-no-important */
233
304
  }
234
305
  .e-image-editor .e-bottom-toolbar {
@@ -247,11 +318,11 @@
247
318
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item {
248
319
  height: auto !important; /* stylelint-disable-line declaration-no-important */
249
320
  }
250
- .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper {
321
+ .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filter-wrapper {
251
322
  border: 2px solid transparent;
252
323
  height: 100px;
253
324
  }
254
- .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper {
325
+ .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper {
255
326
  border-top: 2px solid;
256
327
  }
257
328
  .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container {
@@ -267,7 +338,7 @@
267
338
  border-top: 1px solid #eaeaea;
268
339
  border-bottom: 1px solid #eaeaea;
269
340
  }
270
- .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper {
341
+ .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper {
271
342
  border-color: #c8c8c8;
272
343
  }
273
344
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-icons {
@@ -280,24 +351,24 @@
280
351
  background: inherit;
281
352
  border: none;
282
353
  margin-top: 0;
283
- background-color: #fff;
354
+ background: #fff;
284
355
  color: #333;
285
356
  }
286
357
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
287
358
  display: none !important; /* stylelint-disable-line declaration-no-important */
288
359
  }
289
360
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
290
- background-color: #eaeaea;
361
+ background: #eaeaea;
291
362
  box-shadow: none;
292
363
  color: #000;
293
364
  }
294
365
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
295
- background-color: #f4f4f4;
366
+ background: #f4f4f4;
296
367
  box-shadow: none;
297
368
  color: #333;
298
369
  }
299
370
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
300
- background-color: #c8c8c8;
371
+ background: #c8c8c8;
301
372
  box-shadow: none;
302
373
  color: #000;
303
374
  }
package/styles/fluent-dark.css CHANGED
@@ -73,6 +73,66 @@
73
73
  .e-image-editor .e-fill.e-template .e-caret::before {
74
74
  content: "\e783";
75
75
  }
76
+ .e-image-editor .e-custom::before {
77
+ content: "\e8a9";
78
+ }
79
+ .e-image-editor .e-circle::before {
80
+ content: "\e7ca";
81
+ }
82
+ .e-image-editor .e-square::before {
83
+ content: "\e8aa";
84
+ }
85
+ .e-image-editor .e-custom-a::before {
86
+ content: "\e8ab";
87
+ }
88
+ .e-image-editor .e-custom-b::before {
89
+ content: "\e8ac";
90
+ }
91
+ .e-image-editor .e-custom-c::before {
92
+ content: "\e8ad";
93
+ }
94
+ .e-image-editor .e-custom-d::before {
95
+ content: "\e8ae";
96
+ }
97
+ .e-image-editor .e-custom-e::before {
98
+ content: "\e8af";
99
+ }
100
+ .e-image-editor .e-horizontal-flip::before {
101
+ content: "\e8a3";
102
+ }
103
+ .e-image-editor .e-vertical-flip::before {
104
+ content: "\e8a4";
105
+ }
106
+ .e-image-editor .e-clock-wise::before {
107
+ content: "\e8a6";
108
+ }
109
+ .e-image-editor .e-anti-clock-wise::before {
110
+ content: "\e8a5";
111
+ }
112
+ .e-image-editor .e-rectangle::before {
113
+ content: "\e723";
114
+ }
115
+ .e-image-editor .e-circle::before {
116
+ content: "\e7ca";
117
+ }
118
+ .e-image-editor .e-triangle::before {
119
+ content: "\e89c";
120
+ }
121
+ .e-image-editor .e-line::before {
122
+ content: "\e819";
123
+ }
124
+ .e-image-editor .e-add-text::before {
125
+ content: "\e82e";
126
+ }
127
+ .e-image-editor .e-free-pen::before {
128
+ content: "\e7db";
129
+ }
130
+ .e-image-editor .e-arrow::before {
131
+ content: "\e669";
132
+ }
133
+ .e-image-editor .e-path::before {
134
+ content: "\e931";
135
+ }
76
136
 
77
137
  .e-dropdown-popup.e-image-popup .e-custom::before {
78
138
  content: "\e8a9";
@@ -131,6 +191,17 @@
131
191
  .e-dropdown-popup.e-image-popup .e-add-text::before {
132
192
  content: "\e82e";
133
193
  }
194
+ .e-dropdown-popup.e-image-popup .e-arrow::before {
195
+ content: "\e669";
196
+ }
197
+ .e-dropdown-popup.e-image-popup .e-path::before {
198
+ content: "\e931";
199
+ }
200
+
201
+ .e-ie-toolbar-upload-div.e-hide,
202
+ .e-ie-toolbar-upload-btn.e-hide {
203
+ display: none;
204
+ }
134
205
 
135
206
  .e-device.e-image-editor .e-img-font-style.e-template {
136
207
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
@@ -235,7 +306,7 @@
235
306
  .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
236
307
  border-top: 1px solid #292827;
237
308
  }
238
- .e-image-editor .e-canvas-wrapper .e-textarea {
309
+ .e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
239
310
  line-height: initial !important; /* stylelint-disable-line declaration-no-important */
240
311
  }
241
312
  .e-image-editor .e-bottom-toolbar {
@@ -254,11 +325,11 @@
254
325
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item {
255
326
  height: auto !important; /* stylelint-disable-line declaration-no-important */
256
327
  }
257
- .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper {
328
+ .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filter-wrapper {
258
329
  border: 2px solid transparent;
259
330
  height: 100px;
260
331
  }
261
- .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper {
332
+ .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper {
262
333
  border-top: 2px solid;
263
334
  }
264
335
  .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container {
@@ -274,7 +345,7 @@
274
345
  border-top: 1px solid #292827;
275
346
  border-bottom: 1px solid #292827;
276
347
  }
277
- .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper {
348
+ .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper {
278
349
  border-color: #292827;
279
350
  }
280
351
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-icons {
@@ -287,24 +358,24 @@
287
358
  background: inherit;
288
359
  border: none;
289
360
  margin-top: 2px;
290
- background-color: #252423;
361
+ background: #252423;
291
362
  color: #a19f9d;
292
363
  }
293
364
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
294
365
  display: none !important; /* stylelint-disable-line declaration-no-important */
295
366
  }
296
367
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
297
- background-color: #252423;
368
+ background: #252423;
298
369
  box-shadow: none;
299
370
  color: #fff;
300
371
  }
301
372
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
302
- background-color: #252423;
373
+ background: #252423;
303
374
  box-shadow: none;
304
375
  color: #fff;
305
376
  }
306
377
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
307
- background-color: #292827;
378
+ background: #292827;
308
379
  box-shadow: none;
309
380
  color: #fff;
310
381
  }