@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/tailwind.css CHANGED
@@ -71,6 +71,66 @@
71
71
  .e-image-editor .e-fill.e-template .e-caret::before {
72
72
  content: "\e783";
73
73
  }
74
+ .e-image-editor .e-custom::before {
75
+ content: "\e8a9";
76
+ }
77
+ .e-image-editor .e-circle::before {
78
+ content: "\e7ca";
79
+ }
80
+ .e-image-editor .e-square::before {
81
+ content: "\e8aa";
82
+ }
83
+ .e-image-editor .e-custom-a::before {
84
+ content: "\e8ab";
85
+ }
86
+ .e-image-editor .e-custom-b::before {
87
+ content: "\e8ac";
88
+ }
89
+ .e-image-editor .e-custom-c::before {
90
+ content: "\e8ad";
91
+ }
92
+ .e-image-editor .e-custom-d::before {
93
+ content: "\e8ae";
94
+ }
95
+ .e-image-editor .e-custom-e::before {
96
+ content: "\e8af";
97
+ }
98
+ .e-image-editor .e-horizontal-flip::before {
99
+ content: "\e8a3";
100
+ }
101
+ .e-image-editor .e-vertical-flip::before {
102
+ content: "\e8a4";
103
+ }
104
+ .e-image-editor .e-clock-wise::before {
105
+ content: "\e8a6";
106
+ }
107
+ .e-image-editor .e-anti-clock-wise::before {
108
+ content: "\e8a5";
109
+ }
110
+ .e-image-editor .e-rectangle::before {
111
+ content: "\e723";
112
+ }
113
+ .e-image-editor .e-circle::before {
114
+ content: "\e7ca";
115
+ }
116
+ .e-image-editor .e-triangle::before {
117
+ content: "\e89c";
118
+ }
119
+ .e-image-editor .e-line::before {
120
+ content: "\e819";
121
+ }
122
+ .e-image-editor .e-add-text::before {
123
+ content: "\e82e";
124
+ }
125
+ .e-image-editor .e-free-pen::before {
126
+ content: "\e7db";
127
+ }
128
+ .e-image-editor .e-arrow::before {
129
+ content: "\e669";
130
+ }
131
+ .e-image-editor .e-path::before {
132
+ content: "\e931";
133
+ }
74
134
 
75
135
  .e-dropdown-popup.e-image-popup .e-custom::before {
76
136
  content: "\e8a9";
@@ -129,6 +189,17 @@
129
189
  .e-dropdown-popup.e-image-popup .e-add-text::before {
130
190
  content: "\e82e";
131
191
  }
192
+ .e-dropdown-popup.e-image-popup .e-arrow::before {
193
+ content: "\e669";
194
+ }
195
+ .e-dropdown-popup.e-image-popup .e-path::before {
196
+ content: "\e931";
197
+ }
198
+
199
+ .e-ie-toolbar-upload-div.e-hide,
200
+ .e-ie-toolbar-upload-btn.e-hide {
201
+ display: none;
202
+ }
132
203
 
133
204
  .e-device.e-image-editor .e-img-font-style.e-template {
134
205
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
@@ -233,7 +304,7 @@
233
304
  .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
234
305
  border-top: 1px solid #e5e7eb;
235
306
  }
236
- .e-image-editor .e-canvas-wrapper .e-textarea {
307
+ .e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
237
308
  line-height: initial !important; /* stylelint-disable-line declaration-no-important */
238
309
  }
239
310
  .e-image-editor .e-bottom-toolbar {
@@ -252,11 +323,11 @@
252
323
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item {
253
324
  height: auto !important; /* stylelint-disable-line declaration-no-important */
254
325
  }
255
- .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper {
326
+ .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filter-wrapper {
256
327
  border: 2px solid transparent;
257
328
  height: 100px;
258
329
  }
259
- .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 {
330
+ .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 {
260
331
  border-top: 2px solid;
261
332
  }
262
333
  .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container {
@@ -272,7 +343,7 @@
272
343
  border-top: 1px solid #e5e7eb;
273
344
  border-bottom: 1px solid #e5e7eb;
274
345
  }
275
- .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 {
346
+ .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 {
276
347
  border-color: #e5e7eb;
277
348
  }
278
349
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-icons {
@@ -285,24 +356,24 @@
285
356
  background: inherit;
286
357
  border: none;
287
358
  margin-top: 2px;
288
- background-color: #f3f4f6;
359
+ background: #f3f4f6;
289
360
  color: #6b7280;
290
361
  }
291
362
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
292
363
  display: none !important; /* stylelint-disable-line declaration-no-important */
293
364
  }
294
365
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
295
- background-color: #f3f4f6;
366
+ background: #f3f4f6;
296
367
  box-shadow: none;
297
368
  color: #374151;
298
369
  }
299
370
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
300
- background-color: #f3f4f6;
371
+ background: #f3f4f6;
301
372
  box-shadow: none;
302
373
  color: #374151;
303
374
  }
304
375
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
305
- background-color: #e5e7eb;
376
+ background: #e5e7eb;
306
377
  box-shadow: none;
307
378
  color: #374151;
308
379
  }
package/styles/material-dark.css CHANGED
@@ -77,6 +77,66 @@
77
77
  .e-image-editor .e-fill.e-template .e-caret::before {
78
78
  content: "\e35c";
79
79
  }
80
+ .e-image-editor .e-custom::before {
81
+ content: "\e964";
82
+ }
83
+ .e-image-editor .e-circle::before {
84
+ content: "\e671";
85
+ }
86
+ .e-image-editor .e-square::before {
87
+ content: "\e965";
88
+ }
89
+ .e-image-editor .e-custom-a::before {
90
+ content: "\e966";
91
+ }
92
+ .e-image-editor .e-custom-b::before {
93
+ content: "\e967";
94
+ }
95
+ .e-image-editor .e-custom-c::before {
96
+ content: "\e968";
97
+ }
98
+ .e-image-editor .e-custom-d::before {
99
+ content: "\e96a";
100
+ }
101
+ .e-image-editor .e-custom-e::before {
102
+ content: "\e96b";
103
+ }
104
+ .e-image-editor .e-horizontal-flip::before {
105
+ content: "\e95c";
106
+ }
107
+ .e-image-editor .e-vertical-flip::before {
108
+ content: "\e95d";
109
+ }
110
+ .e-image-editor .e-clock-wise::before {
111
+ content: "\e960";
112
+ }
113
+ .e-image-editor .e-anti-clock-wise::before {
114
+ content: "\e95f";
115
+ }
116
+ .e-image-editor .e-rectangle::before {
117
+ content: "\e670";
118
+ }
119
+ .e-image-editor .e-circle::before {
120
+ content: "\e671";
121
+ }
122
+ .e-image-editor .e-triangle::before {
123
+ content: "\e954";
124
+ }
125
+ .e-image-editor .e-line::before {
126
+ content: "\e668";
127
+ }
128
+ .e-image-editor .e-add-text::before {
129
+ content: "\e35b";
130
+ }
131
+ .e-image-editor .e-free-pen::before {
132
+ content: "\e737";
133
+ }
134
+ .e-image-editor .e-arrow::before {
135
+ content: "\e669";
136
+ }
137
+ .e-image-editor .e-path::before {
138
+ content: "\e931";
139
+ }
80
140
 
81
141
  .e-dropdown-popup.e-image-popup .e-custom::before {
82
142
  content: "\e964";
@@ -132,6 +192,17 @@
132
192
  .e-dropdown-popup.e-image-popup .e-vertical-flip::before {
133
193
  content: "\e95d";
134
194
  }
195
+ .e-dropdown-popup.e-image-popup .e-arrow::before {
196
+ content: "\e669";
197
+ }
198
+ .e-dropdown-popup.e-image-popup .e-path::before {
199
+ content: "\e931";
200
+ }
201
+
202
+ .e-ie-toolbar-upload-div.e-hide,
203
+ .e-ie-toolbar-upload-btn.e-hide {
204
+ display: none;
205
+ }
135
206
 
136
207
  .e-device.e-image-editor .e-img-font-style.e-template {
137
208
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
@@ -146,11 +217,6 @@
146
217
  height: 48px !important; /* stylelint-disable-line declaration-no-important */
147
218
  min-height: 48px !important; /* stylelint-disable-line declaration-no-important */
148
219
  }
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
220
  .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
221
  .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
222
  font-size: 18px;
@@ -218,9 +284,6 @@
218
284
  .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-image-upload .e-upload {
219
285
  border: none;
220
286
  }
221
- .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-icons.e-upload-icon {
222
- margin-top: 7px;
223
- }
224
287
  .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
288
  font-size: 16px;
226
289
  }
@@ -244,7 +307,7 @@
244
307
  .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
245
308
  border-top: 1px solid #757575;
246
309
  }
247
- .e-image-editor .e-canvas-wrapper .e-textarea {
310
+ .e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
248
311
  line-height: initial !important; /* stylelint-disable-line declaration-no-important */
249
312
  }
250
313
  .e-image-editor .e-bottom-toolbar {
@@ -263,11 +326,11 @@
263
326
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item {
264
327
  height: auto !important; /* stylelint-disable-line declaration-no-important */
265
328
  }
266
- .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper {
329
+ .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filter-wrapper {
267
330
  border: 2px solid transparent;
268
331
  height: 100px;
269
332
  }
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 {
333
+ .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 {
271
334
  border-top: 2px solid;
272
335
  }
273
336
  .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container {
@@ -283,7 +346,7 @@
283
346
  border-top: 1px solid #757575;
284
347
  border-bottom: 1px solid #757575;
285
348
  }
286
- .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 {
349
+ .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 {
287
350
  border-color: #7d7d7d;
288
351
  }
289
352
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-icons {
@@ -296,24 +359,24 @@
296
359
  background: inherit;
297
360
  border: none;
298
361
  margin-top: 0;
299
- background-color: #212121;
362
+ background: #212121;
300
363
  color: #fff;
301
364
  }
302
365
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
303
366
  display: none !important; /* stylelint-disable-line declaration-no-important */
304
367
  }
305
368
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
306
- background-color: #6e6e6e;
369
+ background: #6e6e6e;
307
370
  box-shadow: none;
308
371
  color: #fff;
309
372
  }
310
373
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
311
- background-color: #878787;
374
+ background: #878787;
312
375
  box-shadow: none;
313
376
  color: #fff;
314
377
  }
315
378
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
316
- background-color: #7d7d7d;
379
+ background: #7d7d7d;
317
380
  box-shadow: none;
318
381
  color: #fff;
319
382
  }
package/styles/material.css CHANGED
@@ -77,6 +77,66 @@
77
77
  .e-image-editor .e-fill.e-template .e-caret::before {
78
78
  content: "\e35c";
79
79
  }
80
+ .e-image-editor .e-custom::before {
81
+ content: "\e964";
82
+ }
83
+ .e-image-editor .e-circle::before {
84
+ content: "\e671";
85
+ }
86
+ .e-image-editor .e-square::before {
87
+ content: "\e965";
88
+ }
89
+ .e-image-editor .e-custom-a::before {
90
+ content: "\e966";
91
+ }
92
+ .e-image-editor .e-custom-b::before {
93
+ content: "\e967";
94
+ }
95
+ .e-image-editor .e-custom-c::before {
96
+ content: "\e968";
97
+ }
98
+ .e-image-editor .e-custom-d::before {
99
+ content: "\e96a";
100
+ }
101
+ .e-image-editor .e-custom-e::before {
102
+ content: "\e96b";
103
+ }
104
+ .e-image-editor .e-horizontal-flip::before {
105
+ content: "\e95c";
106
+ }
107
+ .e-image-editor .e-vertical-flip::before {
108
+ content: "\e95d";
109
+ }
110
+ .e-image-editor .e-clock-wise::before {
111
+ content: "\e960";
112
+ }
113
+ .e-image-editor .e-anti-clock-wise::before {
114
+ content: "\e95f";
115
+ }
116
+ .e-image-editor .e-rectangle::before {
117
+ content: "\e670";
118
+ }
119
+ .e-image-editor .e-circle::before {
120
+ content: "\e671";
121
+ }
122
+ .e-image-editor .e-triangle::before {
123
+ content: "\e954";
124
+ }
125
+ .e-image-editor .e-line::before {
126
+ content: "\e668";
127
+ }
128
+ .e-image-editor .e-add-text::before {
129
+ content: "\e35b";
130
+ }
131
+ .e-image-editor .e-free-pen::before {
132
+ content: "\e737";
133
+ }
134
+ .e-image-editor .e-arrow::before {
135
+ content: "\e669";
136
+ }
137
+ .e-image-editor .e-path::before {
138
+ content: "\e931";
139
+ }
80
140
 
81
141
  .e-dropdown-popup.e-image-popup .e-custom::before {
82
142
  content: "\e964";
@@ -132,6 +192,17 @@
132
192
  .e-dropdown-popup.e-image-popup .e-vertical-flip::before {
133
193
  content: "\e95d";
134
194
  }
195
+ .e-dropdown-popup.e-image-popup .e-arrow::before {
196
+ content: "\e669";
197
+ }
198
+ .e-dropdown-popup.e-image-popup .e-path::before {
199
+ content: "\e931";
200
+ }
201
+
202
+ .e-ie-toolbar-upload-div.e-hide,
203
+ .e-ie-toolbar-upload-btn.e-hide {
204
+ display: none;
205
+ }
135
206
 
136
207
  .e-device.e-image-editor .e-img-font-style.e-template {
137
208
  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
@@ -218,9 +289,6 @@
218
289
  .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-image-upload .e-upload {
219
290
  border: none;
220
291
  }
221
- .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-icons.e-upload-icon {
222
- margin-top: 7px;
223
- }
224
292
  .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
293
  font-size: 16px;
226
294
  }
@@ -244,7 +312,7 @@
244
312
  .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
245
313
  border-top: 1px solid #bdbdbd;
246
314
  }
247
- .e-image-editor .e-canvas-wrapper .e-textarea {
315
+ .e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
248
316
  line-height: initial !important; /* stylelint-disable-line declaration-no-important */
249
317
  }
250
318
  .e-image-editor .e-bottom-toolbar {
@@ -263,11 +331,11 @@
263
331
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item {
264
332
  height: auto !important; /* stylelint-disable-line declaration-no-important */
265
333
  }
266
- .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper {
334
+ .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filter-wrapper {
267
335
  border: 2px solid transparent;
268
336
  height: 100px;
269
337
  }
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 {
338
+ .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 {
271
339
  border-top: 2px solid;
272
340
  }
273
341
  .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container {
@@ -283,7 +351,7 @@
283
351
  border-top: 1px solid #bdbdbd;
284
352
  border-bottom: 1px solid #bdbdbd;
285
353
  }
286
- .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 {
354
+ .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 {
287
355
  border-color: rgba(184, 184, 184, 0.9584);
288
356
  }
289
357
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-icons {
@@ -296,24 +364,24 @@
296
364
  background: inherit;
297
365
  border: none;
298
366
  margin-top: 0;
299
- background-color: #fafafa;
367
+ background: #fafafa;
300
368
  color: rgba(0, 0, 0, 0.54);
301
369
  }
302
370
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
303
371
  display: none !important; /* stylelint-disable-line declaration-no-important */
304
372
  }
305
373
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
306
- background-color: rgba(226, 226, 226, 0.9844);
374
+ background: rgba(226, 226, 226, 0.9844);
307
375
  box-shadow: none;
308
376
  color: rgba(0, 0, 0, 0.87);
309
377
  }
310
378
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
311
- background-color: rgba(0, 0, 0, 0.18);
379
+ background: rgba(0, 0, 0, 0.18);
312
380
  box-shadow: none;
313
381
  color: rgba(0, 0, 0, 0.87);
314
382
  }
315
383
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
316
- background-color: rgba(184, 184, 184, 0.9584);
384
+ background: rgba(184, 184, 184, 0.9584);
317
385
  box-shadow: none;
318
386
  color: rgba(0, 0, 0, 0.87);
319
387
  }