@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/image-editor/fluent.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 #edebe9;
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 #edebe9;
275
346
  border-bottom: 1px solid #edebe9;
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: #edebe9;
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: #f3f2f1;
361
+ background: #f3f2f1;
291
362
  color: #605e5c;
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: #f3f2f1;
368
+ background: #f3f2f1;
298
369
  box-shadow: none;
299
370
  color: #323130;
300
371
  }
301
372
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
302
- background-color: #f3f2f1;
373
+ background: #f3f2f1;
303
374
  box-shadow: none;
304
375
  color: #323130;
305
376
  }
306
377
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
307
- background-color: #edebe9;
378
+ background: #edebe9;
308
379
  box-shadow: none;
309
380
  color: #323130;
310
381
  }
package/styles/image-editor/highcontrast-light.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 */
@@ -226,7 +297,7 @@
226
297
  .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
227
298
  border-top: 1px solid #000;
228
299
  }
229
- .e-image-editor .e-canvas-wrapper .e-textarea {
300
+ .e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
230
301
  line-height: initial !important; /* stylelint-disable-line declaration-no-important */
231
302
  }
232
303
  .e-image-editor .e-bottom-toolbar {
@@ -245,11 +316,11 @@
245
316
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item {
246
317
  height: auto !important; /* stylelint-disable-line declaration-no-important */
247
318
  }
248
- .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper {
319
+ .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filter-wrapper {
249
320
  border: 2px solid transparent;
250
321
  height: 100px;
251
322
  }
252
- .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 {
323
+ .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 {
253
324
  border-top: 2px solid;
254
325
  }
255
326
  .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container {
@@ -265,37 +336,37 @@
265
336
  border-top: 1px solid #000;
266
337
  border-bottom: 1px solid #000;
267
338
  }
268
- .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 {
339
+ .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 {
269
340
  border-color: #400074;
270
341
  }
271
342
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-icons {
272
343
  color: #000;
273
344
  }
274
345
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-selected-btn {
275
- background: #000 !important; /* stylelint-disable-line declaration-no-important */
346
+ background: #400074 !important; /* stylelint-disable-line declaration-no-important */
276
347
  }
277
348
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn {
278
349
  background: inherit;
279
350
  border: none;
280
351
  margin-top: 0;
281
- background-color: #fff;
352
+ background: #fff;
282
353
  color: #000;
283
354
  }
284
355
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
285
356
  display: none !important; /* stylelint-disable-line declaration-no-important */
286
357
  }
287
358
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
288
- background-color: #ecf;
359
+ background: #ecf;
289
360
  box-shadow: none;
290
361
  color: #000;
291
362
  }
292
363
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
293
- background-color: #fff;
364
+ background: #fff;
294
365
  box-shadow: none;
295
366
  color: #000;
296
367
  }
297
368
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
298
- background-color: #400074;
369
+ background: #400074;
299
370
  box-shadow: none;
300
371
  color: #fff;
301
372
  }
@@ -316,5 +387,5 @@
316
387
  }
317
388
 
318
389
  .e-dropdown-popup .e-selected-btn {
319
- background: #000 !important; /* stylelint-disable-line declaration-no-important */
390
+ background: #400074 !important; /* stylelint-disable-line declaration-no-important */
320
391
  }
package/styles/image-editor/highcontrast.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 */
@@ -226,7 +297,7 @@
226
297
  .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
227
298
  border-top: 1px solid #fff;
228
299
  }
229
- .e-image-editor .e-canvas-wrapper .e-textarea {
300
+ .e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
230
301
  line-height: initial !important; /* stylelint-disable-line declaration-no-important */
231
302
  }
232
303
  .e-image-editor .e-bottom-toolbar {
@@ -245,11 +316,11 @@
245
316
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item {
246
317
  height: auto !important; /* stylelint-disable-line declaration-no-important */
247
318
  }
248
- .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper {
319
+ .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filter-wrapper {
249
320
  border: 2px solid transparent;
250
321
  height: 100px;
251
322
  }
252
- .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 {
323
+ .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 {
253
324
  border-top: 2px solid;
254
325
  }
255
326
  .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container {
@@ -265,37 +336,37 @@
265
336
  border-top: 1px solid #fff;
266
337
  border-bottom: 1px solid #fff;
267
338
  }
268
- .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 {
339
+ .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 {
269
340
  border-color: #ffd939;
270
341
  }
271
342
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-icons {
272
343
  color: #fff;
273
344
  }
274
345
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-selected-btn {
275
- background: #fff !important; /* stylelint-disable-line declaration-no-important */
346
+ background: #ffd939 !important; /* stylelint-disable-line declaration-no-important */
276
347
  }
277
348
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn {
278
349
  background: inherit;
279
350
  border: none;
280
351
  margin-top: 0;
281
- background-color: #000;
352
+ background: #000;
282
353
  color: #fff;
283
354
  }
284
355
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
285
356
  display: none !important; /* stylelint-disable-line declaration-no-important */
286
357
  }
287
358
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
288
- background-color: #685708;
359
+ background: #685708;
289
360
  box-shadow: none;
290
361
  color: #fff;
291
362
  }
292
363
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
293
- background-color: #000;
364
+ background: #000;
294
365
  box-shadow: none;
295
366
  color: #fff;
296
367
  }
297
368
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
298
- background-color: #ffd939;
369
+ background: #ffd939;
299
370
  box-shadow: none;
300
371
  color: #000;
301
372
  }
@@ -316,5 +387,6 @@
316
387
  }
317
388
 
318
389
  .e-dropdown-popup .e-selected-btn {
319
- background: #fff !important; /* stylelint-disable-line declaration-no-important */
390
+ background: #ffd939 !important; /* stylelint-disable-line declaration-no-important */
391
+ color: #000 !important; /* stylelint-disable-line declaration-no-important */
320
392
  }
package/styles/image-editor/icons/_bootstrap-dark.scss CHANGED
@@ -104,6 +104,126 @@
104
104
  }
105
105
  }
106
106
  }
107
+
108
+ & .e-custom {
109
+ &::before {
110
+ content: '\e974';
111
+ }
112
+ }
113
+
114
+ & .e-circle {
115
+ &::before {
116
+ content: '\e671';
117
+ }
118
+ }
119
+
120
+ & .e-square{
121
+ &::before {
122
+ content: '\e976';
123
+ }
124
+ }
125
+
126
+ & .e-custom-a {
127
+ &::before {
128
+ content: '\e977';
129
+ }
130
+ }
131
+
132
+ & .e-custom-b {
133
+ &::before {
134
+ content: '\e978';
135
+ }
136
+ }
137
+
138
+ & .e-custom-c {
139
+ &::before {
140
+ content: '\e979';
141
+ }
142
+ }
143
+
144
+ & .e-custom-d {
145
+ &::before {
146
+ content: '\e97a';
147
+ }
148
+ }
149
+
150
+ & .e-custom-e {
151
+ &::before {
152
+ content: '\e97b';
153
+ }
154
+ }
155
+
156
+ & .e-horizontal-flip {
157
+ &::before {
158
+ content: '\e95b';
159
+ }
160
+ }
161
+
162
+ & .e-vertical-flip {
163
+ &::before {
164
+ content: '\e96f';
165
+ }
166
+ }
167
+
168
+ & .e-clock-wise {
169
+ &::before {
170
+ content: '\e971';
171
+ }
172
+ }
173
+
174
+ & .e-anti-clock-wise {
175
+ &::before {
176
+ content: '\e970';
177
+ }
178
+ }
179
+
180
+ & .e-rectangle {
181
+ &::before {
182
+ content: '\e670';
183
+ }
184
+ }
185
+
186
+ & .e-circle {
187
+ &::before {
188
+ content: '\e671';
189
+ }
190
+ }
191
+
192
+ & .e-triangle {
193
+ &::before {
194
+ content: '\e954';
195
+ }
196
+ }
197
+
198
+ & .e-line {
199
+ &::before {
200
+ content: '\e668';
201
+ }
202
+ }
203
+
204
+ & .e-add-text {
205
+ &::before {
206
+ content: '\e35b';
207
+ }
208
+ }
209
+
210
+ & .e-free-pen {
211
+ &::before {
212
+ content: '\e767';
213
+ }
214
+ }
215
+
216
+ & .e-arrow {
217
+ &::before {
218
+ content: '\e669';
219
+ }
220
+ }
221
+
222
+ & .e-path {
223
+ &::before {
224
+ content: '\e931';
225
+ }
226
+ }
107
227
  }
108
228
  }
109
229
 
@@ -215,4 +335,16 @@
215
335
  content: '\e970';
216
336
  }
217
337
  }
338
+
339
+ & .e-arrow {
340
+ &::before {
341
+ content: '\e669';
342
+ }
343
+ }
344
+
345
+ & .e-path {
346
+ &::before {
347
+ content: '\e931';
348
+ }
349
+ }
218
350
  }