@syncfusion/ej2-image-editor 26.2.10 → 27.1.48

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 (187) hide show
  1. package/README.md +1 -1
  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 +3207 -732
  5. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-image-editor.es5.js +3286 -797
  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 +14 -13
  12. package/src/image-editor/action/crop.d.ts +0 -1
  13. package/src/image-editor/action/crop.js +8 -19
  14. package/src/image-editor/action/draw.d.ts +4 -0
  15. package/src/image-editor/action/draw.js +377 -45
  16. package/src/image-editor/action/export.js +21 -13
  17. package/src/image-editor/action/filter.d.ts +13 -0
  18. package/src/image-editor/action/filter.js +272 -1
  19. package/src/image-editor/action/freehand-draw.d.ts +1 -0
  20. package/src/image-editor/action/freehand-draw.js +44 -23
  21. package/src/image-editor/action/selection.d.ts +6 -0
  22. package/src/image-editor/action/selection.js +382 -97
  23. package/src/image-editor/action/shape.d.ts +5 -0
  24. package/src/image-editor/action/shape.js +287 -141
  25. package/src/image-editor/action/transform.js +56 -82
  26. package/src/image-editor/action/undo-redo.d.ts +2 -0
  27. package/src/image-editor/action/undo-redo.js +100 -1
  28. package/src/image-editor/base/enum.d.ts +11 -0
  29. package/src/image-editor/base/enum.js +12 -0
  30. package/src/image-editor/base/image-editor-model.d.ts +13 -1
  31. package/src/image-editor/base/image-editor.d.ts +142 -20
  32. package/src/image-editor/base/image-editor.js +816 -149
  33. package/src/image-editor/base/interface.d.ts +140 -1
  34. package/src/image-editor/renderer/toolbar.d.ts +8 -0
  35. package/src/image-editor/renderer/toolbar.js +873 -191
  36. package/styles/bootstrap-dark-lite.css +746 -0
  37. package/styles/bootstrap-dark-lite.scss +13 -0
  38. package/styles/bootstrap-dark.css +150 -105
  39. package/styles/bootstrap-dark.scss +1 -0
  40. package/styles/bootstrap-lite.css +747 -0
  41. package/styles/bootstrap-lite.scss +13 -0
  42. package/styles/bootstrap.css +151 -106
  43. package/styles/bootstrap.scss +1 -0
  44. package/styles/bootstrap4-lite.css +747 -0
  45. package/styles/bootstrap4-lite.scss +13 -0
  46. package/styles/bootstrap4.css +150 -105
  47. package/styles/bootstrap4.scss +1 -0
  48. package/styles/bootstrap5-dark-lite.css +757 -0
  49. package/styles/bootstrap5-dark-lite.scss +13 -0
  50. package/styles/bootstrap5-dark.css +152 -113
  51. package/styles/bootstrap5-dark.scss +1 -0
  52. package/styles/bootstrap5-lite.css +757 -0
  53. package/styles/bootstrap5-lite.scss +13 -0
  54. package/styles/bootstrap5.3-lite.css +760 -0
  55. package/styles/bootstrap5.3-lite.scss +13 -0
  56. package/styles/bootstrap5.3.css +867 -0
  57. package/styles/bootstrap5.3.scss +14 -0
  58. package/styles/bootstrap5.css +152 -113
  59. package/styles/bootstrap5.scss +1 -0
  60. package/styles/fabric-dark-lite.css +749 -0
  61. package/styles/fabric-dark-lite.scss +13 -0
  62. package/styles/fabric-dark.css +150 -105
  63. package/styles/fabric-dark.scss +1 -0
  64. package/styles/fabric-lite.css +751 -0
  65. package/styles/fabric-lite.scss +13 -0
  66. package/styles/fabric.css +151 -106
  67. package/styles/fabric.scss +1 -0
  68. package/styles/fluent-dark-lite.css +758 -0
  69. package/styles/fluent-dark-lite.scss +13 -0
  70. package/styles/fluent-dark.css +150 -111
  71. package/styles/fluent-dark.scss +1 -0
  72. package/styles/fluent-lite.css +758 -0
  73. package/styles/fluent-lite.scss +13 -0
  74. package/styles/fluent.css +150 -111
  75. package/styles/fluent.scss +1 -0
  76. package/styles/fluent2-lite.css +791 -0
  77. package/styles/fluent2-lite.scss +13 -0
  78. package/styles/fluent2.css +173 -117
  79. package/styles/fluent2.scss +1 -0
  80. package/styles/highcontrast-light-lite.css +748 -0
  81. package/styles/highcontrast-light-lite.scss +13 -0
  82. package/styles/highcontrast-light.css +149 -104
  83. package/styles/highcontrast-light.scss +1 -0
  84. package/styles/highcontrast-lite.css +753 -0
  85. package/styles/highcontrast-lite.scss +13 -0
  86. package/styles/highcontrast.css +150 -104
  87. package/styles/highcontrast.scss +1 -0
  88. package/styles/image-editor/_bds-definition.scss +3 -1
  89. package/styles/image-editor/_bigger.scss +216 -0
  90. package/styles/image-editor/_bootstrap-dark-definition.scss +3 -1
  91. package/styles/image-editor/_bootstrap-definition.scss +3 -1
  92. package/styles/image-editor/_bootstrap4-definition.scss +3 -1
  93. package/styles/image-editor/_bootstrap5-definition.scss +3 -1
  94. package/styles/image-editor/_bootstrap5.3-definition.scss +3 -1
  95. package/styles/image-editor/_fabric-dark-definition.scss +3 -1
  96. package/styles/image-editor/_fabric-definition.scss +3 -1
  97. package/styles/image-editor/_fluent-definition.scss +3 -1
  98. package/styles/image-editor/_fluent2-definition.scss +4 -2
  99. package/styles/image-editor/_fusionnew-definition.scss +3 -1
  100. package/styles/image-editor/_highcontrast-definition.scss +3 -1
  101. package/styles/image-editor/_highcontrast-light-definition.scss +3 -1
  102. package/styles/image-editor/_layout.scss +75 -212
  103. package/styles/image-editor/_material-dark-definition.scss +3 -1
  104. package/styles/image-editor/_material-definition.scss +3 -1
  105. package/styles/image-editor/_material3-definition.scss +5 -3
  106. package/styles/image-editor/_tailwind-definition.scss +5 -3
  107. package/styles/image-editor/_theme.scss +48 -11
  108. package/styles/image-editor/bootstrap-dark.css +150 -105
  109. package/styles/image-editor/bootstrap-dark.scss +1 -0
  110. package/styles/image-editor/bootstrap.css +151 -106
  111. package/styles/image-editor/bootstrap.scss +1 -0
  112. package/styles/image-editor/bootstrap4.css +150 -105
  113. package/styles/image-editor/bootstrap4.scss +1 -0
  114. package/styles/image-editor/bootstrap5-dark.css +152 -113
  115. package/styles/image-editor/bootstrap5-dark.scss +1 -0
  116. package/styles/image-editor/bootstrap5.3.css +867 -0
  117. package/styles/image-editor/bootstrap5.3.scss +14 -0
  118. package/styles/image-editor/bootstrap5.css +152 -113
  119. package/styles/image-editor/bootstrap5.scss +1 -0
  120. package/styles/image-editor/fabric-dark.css +150 -105
  121. package/styles/image-editor/fabric-dark.scss +1 -0
  122. package/styles/image-editor/fabric.css +151 -106
  123. package/styles/image-editor/fabric.scss +1 -0
  124. package/styles/image-editor/fluent-dark.css +150 -111
  125. package/styles/image-editor/fluent-dark.scss +1 -0
  126. package/styles/image-editor/fluent.css +150 -111
  127. package/styles/image-editor/fluent.scss +1 -0
  128. package/styles/image-editor/fluent2.css +173 -117
  129. package/styles/image-editor/fluent2.scss +1 -0
  130. package/styles/image-editor/highcontrast-light.css +149 -104
  131. package/styles/image-editor/highcontrast-light.scss +1 -0
  132. package/styles/image-editor/highcontrast.css +150 -104
  133. package/styles/image-editor/highcontrast.scss +1 -0
  134. package/styles/image-editor/icons/_bds.scss +10 -1
  135. package/styles/image-editor/icons/_bootstrap-dark.scss +10 -1
  136. package/styles/image-editor/icons/_bootstrap.scss +10 -1
  137. package/styles/image-editor/icons/_bootstrap4.scss +10 -1
  138. package/styles/image-editor/icons/_bootstrap5.3.scss +10 -1
  139. package/styles/image-editor/icons/_bootstrap5.scss +10 -1
  140. package/styles/image-editor/icons/_fabric-dark.scss +10 -1
  141. package/styles/image-editor/icons/_fabric.scss +10 -1
  142. package/styles/image-editor/icons/_fluent.scss +10 -1
  143. package/styles/image-editor/icons/_fluent2.scss +10 -1
  144. package/styles/image-editor/icons/_fusionnew.scss +10 -1
  145. package/styles/image-editor/icons/_highcontrast-light.scss +10 -1
  146. package/styles/image-editor/icons/_highcontrast.scss +10 -1
  147. package/styles/image-editor/icons/_material-dark.scss +10 -1
  148. package/styles/image-editor/icons/_material.scss +10 -1
  149. package/styles/image-editor/icons/_material3.scss +10 -1
  150. package/styles/image-editor/icons/_tailwind.scss +10 -1
  151. package/styles/image-editor/material-dark.css +153 -108
  152. package/styles/image-editor/material-dark.scss +1 -0
  153. package/styles/image-editor/material.css +159 -114
  154. package/styles/image-editor/material.scss +1 -0
  155. package/styles/image-editor/material3-dark.css +171 -123
  156. package/styles/image-editor/material3-dark.scss +1 -0
  157. package/styles/image-editor/material3.css +171 -123
  158. package/styles/image-editor/material3.scss +1 -0
  159. package/styles/image-editor/tailwind-dark.css +154 -116
  160. package/styles/image-editor/tailwind-dark.scss +1 -0
  161. package/styles/image-editor/tailwind.css +154 -116
  162. package/styles/image-editor/tailwind.scss +1 -0
  163. package/styles/material-dark-lite.css +767 -0
  164. package/styles/material-dark-lite.scss +13 -0
  165. package/styles/material-dark.css +153 -108
  166. package/styles/material-dark.scss +1 -0
  167. package/styles/material-lite.css +769 -0
  168. package/styles/material-lite.scss +13 -0
  169. package/styles/material.css +159 -114
  170. package/styles/material.scss +1 -0
  171. package/styles/material3-dark-lite.css +799 -0
  172. package/styles/material3-dark-lite.scss +13 -0
  173. package/styles/material3-dark.css +171 -123
  174. package/styles/material3-dark.scss +1 -0
  175. package/styles/material3-lite.css +801 -0
  176. package/styles/material3-lite.scss +13 -0
  177. package/styles/material3.css +171 -123
  178. package/styles/material3.scss +1 -0
  179. package/styles/tailwind-dark-lite.css +751 -0
  180. package/styles/tailwind-dark-lite.scss +13 -0
  181. package/styles/tailwind-dark.css +154 -116
  182. package/styles/tailwind-dark.scss +1 -0
  183. package/styles/tailwind-lite.css +751 -0
  184. package/styles/tailwind-lite.scss +13 -0
  185. package/styles/tailwind.css +154 -116
  186. package/styles/tailwind.scss +1 -0
  187. package/hotfix/26.1.35_Vol2.txt +0 -1
@@ -0,0 +1,13 @@
1
+ @import 'ej2-base/styles/definition/tailwind.scss';
2
+ @import 'ej2-buttons/styles/button/tailwind-definition.scss';
3
+ @import 'ej2-splitbuttons/styles/drop-down-button/tailwind-definition.scss';
4
+ @import 'ej2-inputs/styles/numerictextbox/tailwind-definition.scss';
5
+ @import 'ej2-inputs/styles/textbox/tailwind-definition.scss';
6
+ @import 'ej2-inputs/styles/uploader/tailwind-definition.scss';
7
+ @import 'ej2-popups/styles/tooltip/tailwind-definition.scss';
8
+ @import 'ej2-inputs/styles/color-picker/tailwind-definition.scss';
9
+ @import 'ej2-navigations/styles/toolbar/tailwind-definition.scss';
10
+ @import 'ej2-popups/styles/spinner/tailwind-definition.scss';
11
+ @import 'image-editor/tailwind-definition.scss';
12
+ @import 'image-editor/icons/tailwind.scss';
13
+ @import 'image-editor/all.scss';
@@ -1,10 +1,4 @@
1
1
  /* stylelint-disable-line no-empty-source */
2
- .e-upload .e-upload-actions,
3
- .e-bigger.e-small .e-upload .e-upload-actions {
4
- background-color: #f9fafb;
5
- border-radius: 0 0 6px 6px;
6
- }
7
-
8
2
  /* stylelint-disable property-no-vendor-prefix */
9
3
  @-webkit-keyframes material-spinner-rotate {
10
4
  0% {
@@ -91,9 +85,12 @@
91
85
  .e-image-editor .e-stroke.e-template .e-caret::before, .e-image-editor .e-frame-stroke.e-template .e-caret::before, .e-image-editor .e-pen-stroke-color.e-template .e-caret::before {
92
86
  content: "\e739";
93
87
  }
94
- .e-image-editor .e-fill.e-template .e-caret::before {
88
+ .e-image-editor .e-fill.e-template .e-caret::before, .e-image-editor .e-text-background-color.e-template .e-caret::before {
95
89
  content: "\e783";
96
90
  }
91
+ .e-image-editor .e-stroke-text-font-color.e-template .e-caret::before {
92
+ content: "\e908";
93
+ }
97
94
 
98
95
  .e-image-editor .e-custom::before,
99
96
  .e-dropdown-popup.e-image-popup .e-custom::before {
@@ -242,70 +239,6 @@
242
239
  height: auto !important; /* stylelint-disable-line declaration-no-important */
243
240
  }
244
241
 
245
- .e-bigger .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container .e-slider .e-handle,
246
- .e-image-editor.e-bigger .e-contextual-toolbar-wrapper .e-slider-container .e-slider .e-handle {
247
- top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
248
- }
249
- .e-bigger .e-image-editor .e-toolbar,
250
- .e-image-editor.e-bigger .e-toolbar {
251
- height: 48px !important; /* stylelint-disable-line declaration-no-important */
252
- min-height: 48px !important; /* stylelint-disable-line declaration-no-important */
253
- }
254
- .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-height span, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-width span,
255
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-height span,
256
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-width span {
257
- font-size: 16px;
258
- }
259
- .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,
260
- .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 {
261
- font-size: 20px;
262
- }
263
- .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
264
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
265
- font-size: 20px;
266
- }
267
- .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-frame-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,
268
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-fill.e-template .e-dropdown-btn .e-icons.e-caret,
269
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-stroke.e-template .e-dropdown-btn .e-icons.e-caret,
270
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-frame-stroke.e-template .e-dropdown-btn .e-icons.e-caret,
271
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-pen-stroke-color.e-template .e-dropdown-btn .e-icons.e-caret,
272
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-text-font-color.e-template .e-dropdown-btn .e-icons.e-caret,
273
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-save.e-template .e-dropdown-btn .e-icons.e-caret {
274
- font-size: 20px;
275
- }
276
- .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-text-font-color.e-template .e-dropdown-btn .e-icons.e-caret,
277
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-text-font-color.e-template .e-dropdown-btn .e-icons.e-caret {
278
- margin-top: -4px;
279
- }
280
- .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-btn-icon.e-dropdownbtn-preview,
281
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-btn-icon.e-dropdownbtn-preview {
282
- margin-top: -2px !important; /* stylelint-disable-line declaration-no-important */
283
- margin-left: -6px;
284
- }
285
- .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-select, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-annotation, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-transform,
286
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-select,
287
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-annotation,
288
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-transform {
289
- font-size: 20px;
290
- }
291
- .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-select .e-icons.e-caret, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-annotation .e-icons.e-caret, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-transform .e-icons.e-caret,
292
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-select .e-icons.e-caret,
293
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-annotation .e-icons.e-caret,
294
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-transform .e-icons.e-caret {
295
- font-size: 10px;
296
- }
297
- .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-save,
298
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-dropdown-btn .e-save {
299
- font-size: 20px;
300
- }
301
- .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-save .e-icons.e-caret,
302
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-dropdown-btn .e-save .e-icons.e-caret {
303
- font-size: 10px;
304
- }
305
- .e-bigger .e-image-editor .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left,
306
- .e-image-editor.e-bigger .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left {
307
- line-height: 1;
308
- }
309
242
  .e-image-editor {
310
243
  border: 1px solid #e5e7eb;
311
244
  position: relative;
@@ -380,7 +313,7 @@
380
313
  .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-image-upload .e-upload {
381
314
  border: none;
382
315
  }
383
- .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-frame-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 {
316
+ .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-frame-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, .e-image-editor .e-toolbar .e-toolbar-items .e-text-background-color.e-template .e-dropdown-btn .e-icons.e-caret, .e-image-editor .e-toolbar .e-toolbar-items .e-stroke-text-font-color.e-template .e-dropdown-btn .e-icons.e-caret {
384
317
  font-size: 18px;
385
318
  }
386
319
  .e-image-editor .e-toolbar .e-toolbar-items .e-text-font-color.e-template .e-dropdown-btn .e-icons.e-caret {
@@ -462,13 +395,10 @@
462
395
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item {
463
396
  height: auto !important; /* stylelint-disable-line declaration-no-important */
464
397
  }
465
- .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filter-wrapper {
398
+ .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filter-wrapper canvas {
466
399
  border: 2px solid transparent;
467
400
  height: 100px;
468
401
  }
469
- .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 {
470
- border-top: 2px solid;
471
- }
472
402
  .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container {
473
403
  margin-left: calc(50% - 137px);
474
404
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
@@ -501,16 +431,15 @@
501
431
  }
502
432
 
503
433
  .e-ie-finetune-value-span {
504
- top: 28% !important; /* stylelint-disable-line declaration-no-important */
434
+ top: 33% !important; /* stylelint-disable-line declaration-no-important */
505
435
  }
506
436
 
507
437
  .e-ie-finetune-slider-label {
508
- top: 28% !important; /* stylelint-disable-line declaration-no-important */
438
+ top: 33% !important; /* stylelint-disable-line declaration-no-important */
509
439
  }
510
440
 
511
441
  .e-ie-finetune-slider-wrap {
512
- top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
513
- top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
442
+ top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
514
443
  }
515
444
 
516
445
  .e-transparency-slider-wrap {
@@ -518,11 +447,7 @@
518
447
  }
519
448
 
520
449
  .e-ie-slider-wrap {
521
- top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
522
- }
523
-
524
- .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
525
- top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
450
+ top: calc(50% - 10px) !important; /* stylelint-disable-line declaration-no-important */
526
451
  }
527
452
 
528
453
  .e-dropdown-popup.e-ie-crop-ddb-popup ul {
@@ -664,10 +589,6 @@
664
589
  margin-left: calc(100% - 163px) !important; /* stylelint-disable-line declaration-no-important */
665
590
  }
666
591
 
667
- .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
668
- width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
669
- }
670
-
671
592
  .e-device.e-ie-save-dialog .e-ie-img-save-name {
672
593
  width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
673
594
  width: calc(71% - 31px) !important; /* stylelint-disable-line declaration-no-important */
@@ -683,31 +604,11 @@
683
604
  padding-bottom: 4px;
684
605
  }
685
606
 
686
- .e-bigger .e-image-editor .e-dlg-container .e-dialog,
687
- .e-bigger.e-image-editor .e-dlg-container .e-dialog {
688
- width: 656px;
689
- }
690
-
691
- .e-bigger .e-ie-img-save-dlg {
692
- width: 106px;
693
- }
694
-
695
- .e-bigger .e-image-editor .e-control-wrapper.e-slider-container.e-horizontal,
696
- .e-bigger.e-image-editor .e-control-wrapper.e-slider-container.e-horizontal {
697
- width: 217px;
698
- }
699
-
700
607
  .e-ie-quality-option-container .e-btn-group .e-btn {
701
608
  padding-left: 13px;
702
609
  padding-right: 13px;
703
610
  }
704
611
 
705
- .e-bigger .e-dialog.e-blr-ie-save-dialog:not(.e-device) {
706
- width: 625px !important; /* stylelint-disable-line declaration-no-important */
707
- }
708
- .e-bigger .e-dialog.e-blr-ie-save-dialog:not(.e-device) .e-ie-img-icon-button {
709
- padding: 4px 15px;
710
- }
711
612
  .e-blr-ie-save-dialog .e-ie-img-save-name {
712
613
  width: calc(67% - 13px);
713
614
  }
@@ -743,9 +644,34 @@
743
644
  .e-blr-ie-save-dialog.e-device .e-btn-group .e-btn {
744
645
  padding: 4px 9px;
745
646
  }
746
- .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
747
- width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
748
- width: calc(65% - 13px) !important; /* stylelint-disable-line declaration-no-important */
647
+ .e-ie-straighten-value-span {
648
+ margin-left: 7px !important; /* stylelint-disable-line declaration-no-important */
649
+ }
650
+
651
+ .e-device.e-image-editor .e-ie-straighten-value-span {
652
+ margin-left: 15px !important; /* stylelint-disable-line declaration-no-important */
653
+ }
654
+
655
+ @media only screen and (max-width: 390px) {
656
+ .e-device.e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-ie-img-quality-name .e-btn-group .e-btn {
657
+ padding-left: 6px;
658
+ padding-right: 6px;
659
+ }
660
+ .e-device.e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-ie-img-save-name {
661
+ width: calc(65% - 30px) !important; /* stylelint-disable-line declaration-no-important */
662
+ }
663
+ }
664
+ .e-device.e-image-editor .e-contextual-toolbar-wrapper .e-ie-finetune-slider-label {
665
+ left: calc(50% - 145px) !important; /* stylelint-disable-line declaration-no-important */
666
+ }
667
+
668
+ .e-device.e-image-editor .e-contextual-toolbar-wrapper .e-slider-container {
669
+ width: 170px !important; /* stylelint-disable-line declaration-no-important */
670
+ margin-left: calc(50% - 62px) !important; /* stylelint-disable-line declaration-no-important */
671
+ }
672
+
673
+ .e-device.e-image-editor .e-contextual-toolbar-wrapper .e-ie-finetune-value-span {
674
+ margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
749
675
  }
750
676
 
751
677
  .e-image-editor {
@@ -754,8 +680,11 @@
754
680
  .e-image-editor .e-contextual-toolbar-wrapper {
755
681
  background: #f3f4f6;
756
682
  }
757
- .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 {
758
- border-color: #e5e7eb;
683
+ .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper canvas {
684
+ border-color: #e5e7eb !important; /* stylelint-disable-line declaration-no-important */
685
+ }
686
+ .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper:focus canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper:focus canvas {
687
+ border-color: #e5e7eb !important; /* stylelint-disable-line declaration-no-important */
759
688
  }
760
689
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-icons {
761
690
  color: #6b7280;
@@ -806,14 +735,123 @@
806
735
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") !important; /* stylelint-disable-line declaration-no-important */
807
736
  background-size: 8px !important; /* stylelint-disable-line declaration-no-important */
808
737
  }
738
+ .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-btn {
739
+ -webkit-box-shadow: none !important;
740
+ box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
741
+ }
809
742
 
810
743
  .e-dropdown-popup .e-selected-btn {
811
744
  background: #e5e7eb !important; /* stylelint-disable-line declaration-no-important */
812
745
  }
813
-
814
746
  .e-ie-filter-canvas:focus,
815
747
  .filter-wrapper:focus .e-ie-filter-canvas,
816
748
  .filter-wrapper:focus canvas,
817
749
  .filter-wrapper canvas:focus {
818
- border: 1px solid #374151;
750
+ border-color: #374151 !important; /* stylelint-disable-line declaration-no-important */
751
+ }
752
+
753
+ .e-bigger .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container .e-slider .e-handle,
754
+ .e-image-editor.e-bigger .e-contextual-toolbar-wrapper .e-slider-container .e-slider .e-handle {
755
+ top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
756
+ }
757
+ .e-bigger .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar,
758
+ .e-image-editor.e-bigger .e-contextual-toolbar-wrapper .e-toolbar {
759
+ height: 130px !important; /* stylelint-disable-line declaration-no-important */
760
+ }
761
+ .e-bigger .e-image-editor .e-contextual-toolbar-wrapper .e-frame-wrapper .e-toolbar, .e-bigger .e-image-editor .e-contextual-toolbar-wrapper.e-frame-wrapper .e-toolbar,
762
+ .e-image-editor.e-bigger .e-contextual-toolbar-wrapper .e-frame-wrapper .e-toolbar,
763
+ .e-image-editor.e-bigger .e-contextual-toolbar-wrapper.e-frame-wrapper .e-toolbar {
764
+ height: inherit !important; /* stylelint-disable-line declaration-no-important */
765
+ }
766
+ .e-bigger .e-image-editor .e-toolbar,
767
+ .e-image-editor.e-bigger .e-toolbar {
768
+ height: 48px !important; /* stylelint-disable-line declaration-no-important */
769
+ min-height: 48px !important; /* stylelint-disable-line declaration-no-important */
770
+ }
771
+ .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-height span, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-width span,
772
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-height span,
773
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-ie-resize-width span {
774
+ font-size: 16px;
775
+ }
776
+ .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,
777
+ .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 {
778
+ font-size: 20px;
779
+ }
780
+ .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
781
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
782
+ font-size: 20px;
783
+ }
784
+ .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-frame-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,
785
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-fill.e-template .e-dropdown-btn .e-icons.e-caret,
786
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-stroke.e-template .e-dropdown-btn .e-icons.e-caret,
787
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-frame-stroke.e-template .e-dropdown-btn .e-icons.e-caret,
788
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-pen-stroke-color.e-template .e-dropdown-btn .e-icons.e-caret,
789
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-text-font-color.e-template .e-dropdown-btn .e-icons.e-caret,
790
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-save.e-template .e-dropdown-btn .e-icons.e-caret {
791
+ font-size: 20px;
792
+ }
793
+ .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-text-font-color.e-template .e-dropdown-btn .e-icons.e-caret,
794
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-text-font-color.e-template .e-dropdown-btn .e-icons.e-caret {
795
+ margin-top: -4px;
796
+ }
797
+ .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-btn-icon.e-dropdownbtn-preview,
798
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-btn-icon.e-dropdownbtn-preview {
799
+ margin-top: -2px !important; /* stylelint-disable-line declaration-no-important */
800
+ margin-left: -6px;
801
+ }
802
+ .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-select, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-annotation, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-transform,
803
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-select,
804
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-annotation,
805
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-transform {
806
+ font-size: 20px;
807
+ }
808
+ .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-select .e-icons.e-caret, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-annotation .e-icons.e-caret, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-transform .e-icons.e-caret,
809
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-select .e-icons.e-caret,
810
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-annotation .e-icons.e-caret,
811
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-dropdown-btn.e-image-popup .e-transform .e-icons.e-caret {
812
+ font-size: 10px;
813
+ }
814
+ .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-save,
815
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-dropdown-btn .e-save {
816
+ font-size: 20px;
817
+ }
818
+ .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-save .e-icons.e-caret,
819
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-dropdown-btn .e-save .e-icons.e-caret {
820
+ font-size: 10px;
821
+ }
822
+ .e-bigger .e-image-editor .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left,
823
+ .e-image-editor.e-bigger .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left {
824
+ line-height: 1;
825
+ }
826
+ .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
827
+ top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
828
+ }
829
+
830
+ .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
831
+ width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
832
+ }
833
+
834
+ .e-bigger .e-image-editor .e-dlg-container .e-dialog,
835
+ .e-bigger.e-image-editor .e-dlg-container .e-dialog {
836
+ width: 656px;
837
+ }
838
+
839
+ .e-bigger .e-ie-img-save-dlg {
840
+ width: 100px;
841
+ }
842
+
843
+ .e-bigger .e-image-editor .e-control-wrapper.e-slider-container.e-horizontal,
844
+ .e-bigger.e-image-editor .e-control-wrapper.e-slider-container.e-horizontal {
845
+ width: 217px;
846
+ }
847
+
848
+ .e-bigger .e-dialog.e-blr-ie-save-dialog:not(.e-device) {
849
+ width: 625px !important; /* stylelint-disable-line declaration-no-important */
850
+ }
851
+ .e-bigger .e-dialog.e-blr-ie-save-dialog:not(.e-device) .e-ie-img-icon-button {
852
+ padding: 4px 15px;
853
+ }
854
+ .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
855
+ width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
856
+ width: calc(65% - 13px) !important; /* stylelint-disable-line declaration-no-important */
819
857
  }
@@ -11,3 +11,4 @@
11
11
  @import 'image-editor/tailwind-definition.scss';
12
12
  @import 'image-editor/icons/tailwind.scss';
13
13
  @import 'image-editor/all.scss';
14
+ @import 'image-editor/bigger.scss';
@@ -1 +0,0 @@
1
- hotfix/26.1.35_Vol2