@syncfusion/ej2-image-editor 31.2.16 → 32.1.19

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 (195) hide show
  1. package/README.md +2 -12
  2. package/aceconfig.js +17 -0
  3. package/dist/ej2-image-editor.umd.min.js +1 -10
  4. package/dist/ej2-image-editor.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-image-editor.es2015.js +28 -82
  6. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-image-editor.es5.js +28 -82
  8. package/dist/es6/ej2-image-editor.es5.js.map +1 -1
  9. package/dist/global/ej2-image-editor.min.js +1 -10
  10. package/dist/global/ej2-image-editor.min.js.map +1 -1
  11. package/dist/global/index.d.ts +0 -9
  12. package/package.json +8 -8
  13. package/src/image-editor/action/draw.js +1 -1
  14. package/src/image-editor/action/export.js +1 -5
  15. package/src/image-editor/action/freehand-draw.js +0 -5
  16. package/src/image-editor/action/selection.js +6 -14
  17. package/src/image-editor/action/shape.d.ts +0 -1
  18. package/src/image-editor/action/shape.js +2 -20
  19. package/src/image-editor/base/image-editor.js +3 -11
  20. package/src/image-editor/renderer/toolbar.js +15 -26
  21. package/styles/bds-lite.css +58 -57
  22. package/styles/bds-lite.scss +12 -13
  23. package/styles/bds.css +82 -60
  24. package/styles/bds.scss +13 -14
  25. package/styles/bootstrap-dark-lite.css +58 -57
  26. package/styles/bootstrap-dark-lite.scss +12 -13
  27. package/styles/bootstrap-dark.css +82 -60
  28. package/styles/bootstrap-dark.scss +13 -14
  29. package/styles/bootstrap-lite.css +58 -57
  30. package/styles/bootstrap-lite.scss +12 -13
  31. package/styles/bootstrap.css +82 -60
  32. package/styles/bootstrap.scss +13 -14
  33. package/styles/bootstrap4-lite.css +58 -57
  34. package/styles/bootstrap4-lite.scss +12 -13
  35. package/styles/bootstrap4.css +82 -60
  36. package/styles/bootstrap4.scss +13 -14
  37. package/styles/bootstrap5-dark-lite.css +58 -57
  38. package/styles/bootstrap5-dark-lite.scss +12 -13
  39. package/styles/bootstrap5-dark.css +82 -60
  40. package/styles/bootstrap5-dark.scss +13 -14
  41. package/styles/bootstrap5-lite.css +58 -57
  42. package/styles/bootstrap5-lite.scss +13 -13
  43. package/styles/bootstrap5.3-lite.css +138 -57
  44. package/styles/bootstrap5.3-lite.scss +13 -13
  45. package/styles/bootstrap5.3.css +162 -60
  46. package/styles/bootstrap5.3.scss +14 -14
  47. package/styles/bootstrap5.css +82 -60
  48. package/styles/bootstrap5.scss +14 -14
  49. package/styles/fabric-dark-lite.css +58 -57
  50. package/styles/fabric-dark-lite.scss +13 -13
  51. package/styles/fabric-dark.css +82 -60
  52. package/styles/fabric-dark.scss +14 -14
  53. package/styles/fabric-lite.css +58 -57
  54. package/styles/fabric-lite.scss +13 -13
  55. package/styles/fabric.css +82 -60
  56. package/styles/fabric.scss +14 -14
  57. package/styles/fluent-dark-lite.css +58 -57
  58. package/styles/fluent-dark-lite.scss +13 -13
  59. package/styles/fluent-dark.css +82 -60
  60. package/styles/fluent-dark.scss +14 -14
  61. package/styles/fluent-lite.css +58 -57
  62. package/styles/fluent-lite.scss +13 -13
  63. package/styles/fluent.css +82 -60
  64. package/styles/fluent.scss +14 -14
  65. package/styles/fluent2-lite.css +139 -60
  66. package/styles/fluent2-lite.scss +13 -13
  67. package/styles/fluent2.css +163 -63
  68. package/styles/fluent2.scss +14 -14
  69. package/styles/highcontrast-light-lite.css +58 -57
  70. package/styles/highcontrast-light-lite.scss +13 -13
  71. package/styles/highcontrast-light.css +82 -60
  72. package/styles/highcontrast-light.scss +14 -14
  73. package/styles/highcontrast-lite.css +57 -57
  74. package/styles/highcontrast-lite.scss +13 -13
  75. package/styles/highcontrast.css +81 -60
  76. package/styles/highcontrast.scss +14 -14
  77. package/styles/image-editor/_all.scss +2 -2
  78. package/styles/image-editor/_bds-definition.scss +51 -0
  79. package/styles/image-editor/_bigger.scss +61 -9
  80. package/styles/image-editor/_bootstrap-dark-definition.scss +51 -0
  81. package/styles/image-editor/_bootstrap-definition.scss +51 -0
  82. package/styles/image-editor/_bootstrap4-definition.scss +55 -0
  83. package/styles/image-editor/_bootstrap5-dark-definition.scss +81 -1
  84. package/styles/image-editor/_bootstrap5-definition.scss +52 -0
  85. package/styles/image-editor/_bootstrap5.3-definition.scss +51 -0
  86. package/styles/image-editor/_fabric-dark-definition.scss +51 -0
  87. package/styles/image-editor/_fabric-definition.scss +51 -0
  88. package/styles/image-editor/_fluent-dark-definition.scss +81 -1
  89. package/styles/image-editor/_fluent-definition.scss +52 -0
  90. package/styles/image-editor/_fluent2-definition.scss +51 -0
  91. package/styles/image-editor/_fusionnew-definition.scss +51 -0
  92. package/styles/image-editor/_highcontrast-definition.scss +51 -0
  93. package/styles/image-editor/_highcontrast-light-definition.scss +51 -0
  94. package/styles/image-editor/_layout.scss +198 -115
  95. package/styles/image-editor/_material-dark-definition.scss +51 -0
  96. package/styles/image-editor/_material-definition.scss +51 -0
  97. package/styles/image-editor/_material3-dark-definition.scss +82 -1
  98. package/styles/image-editor/_material3-definition.scss +53 -0
  99. package/styles/image-editor/_tailwind-dark-definition.scss +81 -1
  100. package/styles/image-editor/_tailwind-definition.scss +52 -0
  101. package/styles/image-editor/_tailwind3-definition.scss +75 -1
  102. package/styles/image-editor/_theme-variables.scss +1 -0
  103. package/styles/image-editor/_theme.scss +59 -11
  104. package/styles/image-editor/bds.css +82 -60
  105. package/styles/image-editor/bds.scss +14 -14
  106. package/styles/image-editor/bootstrap-dark.css +82 -60
  107. package/styles/image-editor/bootstrap-dark.scss +14 -14
  108. package/styles/image-editor/bootstrap.css +82 -60
  109. package/styles/image-editor/bootstrap.scss +14 -14
  110. package/styles/image-editor/bootstrap4.css +82 -60
  111. package/styles/image-editor/bootstrap4.scss +14 -14
  112. package/styles/image-editor/bootstrap5-dark.css +82 -60
  113. package/styles/image-editor/bootstrap5-dark.scss +14 -14
  114. package/styles/image-editor/bootstrap5.3.css +162 -60
  115. package/styles/image-editor/bootstrap5.3.scss +14 -14
  116. package/styles/image-editor/bootstrap5.css +82 -60
  117. package/styles/image-editor/bootstrap5.scss +14 -14
  118. package/styles/image-editor/fabric-dark.css +82 -60
  119. package/styles/image-editor/fabric-dark.scss +14 -14
  120. package/styles/image-editor/fabric.css +82 -60
  121. package/styles/image-editor/fabric.scss +14 -14
  122. package/styles/image-editor/fluent-dark.css +82 -60
  123. package/styles/image-editor/fluent-dark.scss +14 -14
  124. package/styles/image-editor/fluent.css +82 -60
  125. package/styles/image-editor/fluent.scss +14 -14
  126. package/styles/image-editor/fluent2.css +163 -63
  127. package/styles/image-editor/fluent2.scss +14 -14
  128. package/styles/image-editor/highcontrast-light.css +82 -60
  129. package/styles/image-editor/highcontrast-light.scss +14 -14
  130. package/styles/image-editor/highcontrast.css +81 -60
  131. package/styles/image-editor/highcontrast.scss +14 -14
  132. package/styles/image-editor/icons/_bds.scss +1 -0
  133. package/styles/image-editor/icons/_bootstrap-dark.scss +1 -0
  134. package/styles/image-editor/icons/_bootstrap.scss +1 -0
  135. package/styles/image-editor/icons/_bootstrap4.scss +1 -0
  136. package/styles/image-editor/icons/_bootstrap5-dark.scss +1 -1
  137. package/styles/image-editor/icons/_bootstrap5.3.scss +1 -0
  138. package/styles/image-editor/icons/_bootstrap5.scss +1 -0
  139. package/styles/image-editor/icons/_fabric-dark.scss +1 -0
  140. package/styles/image-editor/icons/_fabric.scss +1 -0
  141. package/styles/image-editor/icons/_fluent-dark.scss +1 -1
  142. package/styles/image-editor/icons/_fluent.scss +1 -0
  143. package/styles/image-editor/icons/_fluent2.scss +1 -0
  144. package/styles/image-editor/icons/_fusionnew.scss +1 -0
  145. package/styles/image-editor/icons/_highcontrast-light.scss +1 -0
  146. package/styles/image-editor/icons/_highcontrast.scss +1 -0
  147. package/styles/image-editor/icons/_material-dark.scss +1 -0
  148. package/styles/image-editor/icons/_material.scss +1 -0
  149. package/styles/image-editor/icons/_material3-dark.scss +1 -1
  150. package/styles/image-editor/icons/_material3.scss +1 -0
  151. package/styles/image-editor/icons/_tailwind-dark.scss +1 -1
  152. package/styles/image-editor/icons/_tailwind.scss +1 -0
  153. package/styles/image-editor/icons/_tailwind3.scss +1 -0
  154. package/styles/image-editor/material-dark.css +82 -60
  155. package/styles/image-editor/material-dark.scss +14 -14
  156. package/styles/image-editor/material.css +82 -60
  157. package/styles/image-editor/material.scss +14 -14
  158. package/styles/image-editor/material3-dark.css +161 -60
  159. package/styles/image-editor/material3-dark.scss +14 -15
  160. package/styles/image-editor/material3.css +161 -60
  161. package/styles/image-editor/material3.scss +14 -15
  162. package/styles/image-editor/tailwind-dark.css +82 -60
  163. package/styles/image-editor/tailwind-dark.scss +14 -14
  164. package/styles/image-editor/tailwind.css +82 -60
  165. package/styles/image-editor/tailwind.scss +14 -14
  166. package/styles/image-editor/tailwind3.css +235 -84
  167. package/styles/image-editor/tailwind3.scss +14 -14
  168. package/styles/material-dark-lite.css +58 -57
  169. package/styles/material-dark-lite.scss +13 -13
  170. package/styles/material-dark.css +82 -60
  171. package/styles/material-dark.scss +14 -14
  172. package/styles/material-lite.css +58 -57
  173. package/styles/material-lite.scss +12 -13
  174. package/styles/material.css +82 -60
  175. package/styles/material.scss +13 -14
  176. package/styles/material3-dark-lite.css +137 -57
  177. package/styles/material3-dark-lite.scss +13 -13
  178. package/styles/material3-dark.css +161 -60
  179. package/styles/material3-dark.scss +14 -16
  180. package/styles/material3-lite.css +137 -57
  181. package/styles/material3-lite.scss +13 -13
  182. package/styles/material3.css +161 -60
  183. package/styles/material3.scss +14 -16
  184. package/styles/tailwind-dark-lite.css +58 -57
  185. package/styles/tailwind-dark-lite.scss +13 -13
  186. package/styles/tailwind-dark.css +82 -60
  187. package/styles/tailwind-dark.scss +14 -14
  188. package/styles/tailwind-lite.css +58 -57
  189. package/styles/tailwind-lite.scss +13 -13
  190. package/styles/tailwind.css +82 -60
  191. package/styles/tailwind.scss +14 -14
  192. package/styles/tailwind3-lite.css +195 -72
  193. package/styles/tailwind3-lite.scss +13 -13
  194. package/styles/tailwind3.css +235 -84
  195. package/styles/tailwind3.scss +14 -14
package/styles/image-editor/_fabric-definition.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use 'ej2-base/styles/definition/fabric' as *;
2
+ @forward 'ej2-base/styles/definition/fabric';
1
3
  $image-editor-background: $neutral-white !default;
2
4
  $image-editor-border: 1px solid $neutral-light !default;
3
5
  $image-editor-toolbar-icon-color: $neutral-light-font !default;
@@ -27,3 +29,52 @@ $image-editor-icon-button: 4px !default;
27
29
  $image-editor-filter-canvas-focus: $neutral-light-fontalt !default;
28
30
  $image-editor-button-label-mobile: 7px !default;
29
31
  $image-editor-button-width-mobile: calc(64% - 30px) !default;
32
+ $ie-toolbar-img-font-style-margin-left: 0 !default;
33
+ $ie-scroll-device-padding-right: 0 !default;
34
+ $ie-quality-option-slider-container-margin-left: 0 !default;
35
+ $ie-spin-btn-margin: 0 !default;
36
+ $ie-drop-area-border-radius: 10px !default;
37
+ $ie-drop-area-margin: 10px !default;
38
+ $ie-drop-icon-font-size: 50px !default;
39
+ $ie-drop-content-font-size: 14px !default;
40
+ $ie-drop-info-font-size: 14px !default;
41
+ $ie-min-drop-content-font-size: 14px !default;
42
+ $ie-toolbar-item-margin-left: 20px !default;
43
+ $ie-file-select-padding: 0 !default;
44
+ $ie-font-color-caret-margin-top: -4px !default;
45
+ $ie-caret-font-size: 10px !default;
46
+ $ie-toolbar-left-line-height: 1 !default;
47
+ $ie-toolbar-item-span-font-weight: 500 !default;
48
+ $ie-toolbar-item-span-margin: 4px !default;
49
+ $ie-dropdown-btn-margin: 0 auto !default;
50
+ $ie-toolbar-item-canvas-border: 2px solid transparent !default;
51
+ $ie-straighten-font-size: 14px !default;
52
+ $ie-straighten-padding-x: 10px !default;
53
+ $ie-straighten-slider-padding-right: 2px !default;
54
+ $ie-straighten-slider-margin-left: 8px !default;
55
+ $ie-quality-slider-icon-margin-left: 20px !default;
56
+ $ie-img-size-margin: 10px 10px 0 !default;
57
+ $ie-img-size-font-size: 14px !default;
58
+ $ie-img-save-name-margin-right: 10px !default;
59
+ $ie-img-label-name-margin-bottom: 5px !default;
60
+ $ie-quality-info-margin: 0 !default;
61
+ $ie-quality-span-margin-left: 5px !default;
62
+ $ie-img-size-value-span-margin-top: 4px !default;
63
+ $ie-img-icon-btn-margin-left: 10px !default;
64
+ $ie-quality-option-icon-margin-left: 0 !default;
65
+ $ie-finetune-font-size: 14px !default;
66
+ $ie-finetune-line-height: 20px !default;
67
+ $ie-finetune-letter-spacing: normal !default;
68
+ $ie-finetune-font-weight: 400 !default;
69
+ $ie-finetune-slider-container: 0 16px 1px 16px !default;
70
+ $ie-default-toolbar-font-size: 12px !default;
71
+ $ie-bigger-default-toolbar-font-size: 14px !default;
72
+ $ie-tbtn-txt-padding: 0 !default;
73
+ $ie-head-wrapper-height: 58px !default;
74
+ $ie-dropdownbtn-preview-size: 18px !default;
75
+ $ie-bigger-caret-margin-top: -4px !default;
76
+ $ie-bigger-dropdown-caret-font-size: 10px !default;
77
+ $ie-bigger-toolbar-left-line-height: 1 !default;
78
+ $ie-bigger-device-finetune-font-size: 16px !default;
79
+ $ie-bigger-device-finetune-line-height: 24px !default;
80
+ $ie-bigger-head-wrapper-height: 58px !default;
package/styles/image-editor/_fluent-dark-definition.scss CHANGED
@@ -1 +1,81 @@
1
- @import './fluent-definition.scss';
1
+ @use 'ej2-base/styles/definition/fluent-dark' as *;
2
+ @forward 'ej2-base/styles/definition/fluent-dark';
3
+
4
+ $image-editor-background: $content-bg-color-alt1 !default;
5
+ $image-editor-border: 1px solid $border-light !default;
6
+ $image-editor-toolbar-icon-color: $icon-color;
7
+ $img-editor-cp-preview-border-bottom-color: $black !default;
8
+ $image-editor-icon-sel-bg-color: $content-bg-color-alt4 !default;
9
+ $image-editor-ddbtn-margin-top: 2px !default;
10
+ $image-editor-tbar-height: 40px !default;
11
+ $image-editor-bigger-tbar-height: 48px !default;
12
+ $image-editor-tbar-btn-fontsize: $text-lg !default;
13
+ $image-editor-bigger-tbar-btn-fontsize: $text-xl !default;
14
+ $image-editor-contextual-toolbar: $content-bg-color-alt2 !default;
15
+ $image-editor-drop-border: 2px dashed $icon-color !default;
16
+ $image-editor-dropdown-btn-preview-top: -4px !default;
17
+ $image-editor-dropdown-btn-preview-left: -4px !default;
18
+ $image-editor-bigger-dropdown-btn-preview-top: -4px !default;
19
+ $image-editor-bigger-dropdown-btn-preview-left: -4px !default;
20
+ $image-editor-slider-handler: calc(50% - 8px) !default;
21
+ $image-editor-bigger-slider-handler: calc(50% - 8px) !default;
22
+ $image-editor-device-slider-handler: calc(50% - 8px) !default;
23
+ $image-editor-finetune-value-span: 29% !default;
24
+ $image-editor-finetune-span: 29% !default;
25
+ $image-editor-button-label: 11.9px !default;
26
+ $image-editor-save-dlg-big-btn-pad: 4px 15px !default;
27
+ $image-editor-save-dlg-grp-btn-padding: 4px 11px !default;
28
+ $image-editor-save-dlg-dev-grp-btn-padding: 7px 10px !default;
29
+ $image-editor-icon-button: 5px !default;
30
+ $image-editor-filter-canvas-focus: $secondary-text-color !default;
31
+ $image-editor-button-label-mobile: 6px !default;
32
+ $image-editor-button-width-mobile: calc(64% - 30px) !default;
33
+ $ie-toolbar-img-font-style-margin-left: 0 !default;
34
+ $ie-scroll-device-padding-right: 0 !default;
35
+ $ie-quality-option-slider-container-margin-left: 0 !default;
36
+ $ie-spin-btn-margin: 0 !default;
37
+ $ie-drop-area-border-radius: 10px !default;
38
+ $ie-drop-area-margin: 10px !default;
39
+ $ie-drop-icon-font-size: 50px !default;
40
+ $ie-drop-content-font-size: 14px !default;
41
+ $ie-drop-info-font-size: 14px !default;
42
+ $ie-min-drop-content-font-size: 14px !default;
43
+ $ie-toolbar-item-margin-left: 20px !default;
44
+ $ie-file-select-padding: 0 !default;
45
+ $ie-font-color-caret-margin-top: -4px !default;
46
+ $ie-caret-font-size: 10px !default;
47
+ $ie-toolbar-left-line-height: 1 !default;
48
+ $ie-toolbar-item-span-font-weight: 500 !default;
49
+ $ie-toolbar-item-span-margin: 4px !default;
50
+ $ie-dropdown-btn-margin: 0 auto !default;
51
+ $ie-toolbar-item-canvas-border: 2px solid transparent !default;
52
+ $ie-straighten-font-size: 14px !default;
53
+ $ie-straighten-padding-x: 10px !default;
54
+ $ie-straighten-slider-padding-right: 2px !default;
55
+ $ie-straighten-slider-margin-left: 8px !default;
56
+ $ie-quality-slider-icon-margin-left: 20px !default;
57
+ $ie-img-size-margin: 10px 10px 0 !default;
58
+ $ie-img-size-font-size: 14px !default;
59
+ $ie-img-save-name-margin-right: 10px !default;
60
+ $ie-img-label-name-margin-bottom: 5px !default;
61
+ $ie-quality-info-margin: 0 !default;
62
+ $ie-quality-span-margin-left: 5px !default;
63
+ $ie-img-size-value-span-margin-top: 4px !default;
64
+ $ie-img-icon-btn-margin-left: 10px !default;
65
+ $ie-quality-option-icon-margin-left: 0 !default;
66
+ $ie-finetune-font-size: 14px !default;
67
+ $ie-finetune-line-height: 20px !default;
68
+ $ie-finetune-letter-spacing: normal !default;
69
+ $ie-finetune-font-weight: 400 !default;
70
+ $ie-finetune-slider-container: 0 16px 1px 16px !default;
71
+ $ie-default-toolbar-font-size: 12px !default;
72
+ $ie-bigger-default-toolbar-font-size: 14px !default;
73
+ $ie-tbtn-txt-padding: 0 !default;
74
+ $ie-head-wrapper-height: 58px !default;
75
+ $ie-dropdownbtn-preview-size: 18px !default;
76
+ $ie-bigger-caret-margin-top: -4px !default;
77
+ $ie-bigger-dropdown-caret-font-size: 10px !default;
78
+ $ie-bigger-toolbar-left-line-height: 1 !default;
79
+ $ie-bigger-device-finetune-font-size: 16px !default;
80
+ $ie-bigger-device-finetune-line-height: 24px !default;
81
+ $ie-bigger-head-wrapper-height: 58px !default;
package/styles/image-editor/_fluent-definition.scss CHANGED
@@ -1,3 +1,6 @@
1
+ @use 'ej2-base/styles/definition/fluent' as *;
2
+ @forward 'ej2-base/styles/definition/fluent';
3
+
1
4
  $image-editor-background: $content-bg-color-alt1 !default;
2
5
  $image-editor-border: 1px solid $border-light !default;
3
6
  $image-editor-toolbar-icon-color: $icon-color;
@@ -27,3 +30,52 @@ $image-editor-icon-button: 5px !default;
27
30
  $image-editor-filter-canvas-focus: $secondary-text-color !default;
28
31
  $image-editor-button-label-mobile: 6px !default;
29
32
  $image-editor-button-width-mobile: calc(64% - 30px) !default;
33
+ $ie-toolbar-img-font-style-margin-left: 0 !default;
34
+ $ie-scroll-device-padding-right: 0 !default;
35
+ $ie-quality-option-slider-container-margin-left: 0 !default;
36
+ $ie-spin-btn-margin: 0 !default;
37
+ $ie-drop-area-border-radius: 10px !default;
38
+ $ie-drop-area-margin: 10px !default;
39
+ $ie-drop-icon-font-size: 50px !default;
40
+ $ie-drop-content-font-size: 14px !default;
41
+ $ie-drop-info-font-size: 14px !default;
42
+ $ie-min-drop-content-font-size: 14px !default;
43
+ $ie-toolbar-item-margin-left: 20px !default;
44
+ $ie-file-select-padding: 0 !default;
45
+ $ie-font-color-caret-margin-top: -4px !default;
46
+ $ie-caret-font-size: 10px !default;
47
+ $ie-toolbar-left-line-height: 1 !default;
48
+ $ie-toolbar-item-span-font-weight: 500 !default;
49
+ $ie-toolbar-item-span-margin: 4px !default;
50
+ $ie-dropdown-btn-margin: 0 auto !default;
51
+ $ie-toolbar-item-canvas-border: 2px solid transparent !default;
52
+ $ie-straighten-font-size: 14px !default;
53
+ $ie-straighten-padding-x: 10px !default;
54
+ $ie-straighten-slider-padding-right: 2px !default;
55
+ $ie-straighten-slider-margin-left: 8px !default;
56
+ $ie-quality-slider-icon-margin-left: 20px !default;
57
+ $ie-img-size-margin: 10px 10px 0 !default;
58
+ $ie-img-size-font-size: 14px !default;
59
+ $ie-img-save-name-margin-right: 10px !default;
60
+ $ie-img-label-name-margin-bottom: 5px !default;
61
+ $ie-quality-info-margin: 0 !default;
62
+ $ie-quality-span-margin-left: 5px !default;
63
+ $ie-img-size-value-span-margin-top: 4px !default;
64
+ $ie-img-icon-btn-margin-left: 10px !default;
65
+ $ie-quality-option-icon-margin-left: 0 !default;
66
+ $ie-finetune-font-size: 14px !default;
67
+ $ie-finetune-line-height: 20px !default;
68
+ $ie-finetune-letter-spacing: normal !default;
69
+ $ie-finetune-font-weight: 400 !default;
70
+ $ie-finetune-slider-container: 0 16px 1px 16px !default;
71
+ $ie-default-toolbar-font-size: 12px !default;
72
+ $ie-bigger-default-toolbar-font-size: 14px !default;
73
+ $ie-tbtn-txt-padding: 0 !default;
74
+ $ie-head-wrapper-height: 58px !default;
75
+ $ie-dropdownbtn-preview-size: 18px !default;
76
+ $ie-bigger-caret-margin-top: -4px !default;
77
+ $ie-bigger-dropdown-caret-font-size: 10px !default;
78
+ $ie-bigger-toolbar-left-line-height: 1 !default;
79
+ $ie-bigger-device-finetune-font-size: 16px !default;
80
+ $ie-bigger-device-finetune-line-height: 24px !default;
81
+ $ie-bigger-head-wrapper-height: 58px !default;
package/styles/image-editor/_fluent2-definition.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use 'ej2-base/styles/definition/fluent2' as *;
2
+ @forward 'ej2-base/styles/definition/fluent2';
1
3
  $image-editor-background: $content-bg-color-alt1 !default;
2
4
  $image-editor-border: 1px solid $border-light !default;
3
5
  $image-editor-toolbar-icon-color: $icon-color !default;
@@ -27,3 +29,52 @@ $image-editor-icon-button: 5px !default;
27
29
  $image-editor-filter-canvas-focus: $secondary-text-color !default;
28
30
  $image-editor-button-label-mobile: 9px !default;
29
31
  $image-editor-button-width-mobile: calc(65% - 30px) !default;
32
+ $ie-toolbar-img-font-style-margin-left: 0 !default;
33
+ $ie-scroll-device-padding-right: 0 !default;
34
+ $ie-quality-option-slider-container-margin-left: 0 !default;
35
+ $ie-spin-btn-margin: 0 !default;
36
+ $ie-drop-area-border-radius: 10px !default;
37
+ $ie-drop-area-margin: 10px !default;
38
+ $ie-drop-icon-font-size: 50px !default;
39
+ $ie-drop-content-font-size: 14px !default;
40
+ $ie-drop-info-font-size: 14px !default;
41
+ $ie-min-drop-content-font-size: 14px !default;
42
+ $ie-toolbar-item-margin-left: 20px !default;
43
+ $ie-file-select-padding: 0 !default;
44
+ $ie-font-color-caret-margin-top: -4px !default;
45
+ $ie-caret-font-size: 10px !default;
46
+ $ie-toolbar-left-line-height: 1 !default;
47
+ $ie-toolbar-item-span-font-weight: 500 !default;
48
+ $ie-toolbar-item-span-margin: 4px !default;
49
+ $ie-dropdown-btn-margin: 0 auto !default;
50
+ $ie-toolbar-item-canvas-border: 2px solid transparent !default;
51
+ $ie-straighten-font-size: 14px !default;
52
+ $ie-straighten-padding-x: 10px !default;
53
+ $ie-straighten-slider-padding-right: 2px !default;
54
+ $ie-straighten-slider-margin-left: 8px !default;
55
+ $ie-quality-slider-icon-margin-left: 20px !default;
56
+ $ie-img-size-margin: 10px 10px 0 !default;
57
+ $ie-img-size-font-size: 14px !default;
58
+ $ie-img-save-name-margin-right: 10px !default;
59
+ $ie-img-label-name-margin-bottom: 5px !default;
60
+ $ie-quality-info-margin: 0 !default;
61
+ $ie-quality-span-margin-left: 5px !default;
62
+ $ie-img-size-value-span-margin-top: 4px !default;
63
+ $ie-img-icon-btn-margin-left: 10px !default;
64
+ $ie-quality-option-icon-margin-left: 0 !default;
65
+ $ie-finetune-font-size: 14px !default;
66
+ $ie-finetune-line-height: 20px !default;
67
+ $ie-finetune-letter-spacing: normal !default;
68
+ $ie-finetune-font-weight: 400 !default;
69
+ $ie-finetune-slider-container: 0 16px 1px 16px !default;
70
+ $ie-default-toolbar-font-size: 12px !default;
71
+ $ie-bigger-default-toolbar-font-size: 14px !default;
72
+ $ie-tbtn-txt-padding: 0 !default;
73
+ $ie-head-wrapper-height: 58px !default;
74
+ $ie-dropdownbtn-preview-size: 18px !default;
75
+ $ie-bigger-caret-margin-top: -4px !default;
76
+ $ie-bigger-dropdown-caret-font-size: 10px !default;
77
+ $ie-bigger-toolbar-left-line-height: 1 !default;
78
+ $ie-bigger-device-finetune-font-size: 16px !default;
79
+ $ie-bigger-device-finetune-line-height: 24px !default;
80
+ $ie-bigger-head-wrapper-height: 58px !default;
package/styles/image-editor/_fusionnew-definition.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use 'ej2-base/styles/definition/fusionnew' as *;
2
+ @forward 'ej2-base/styles/definition/fusionnew';
1
3
  $image-editor-border: 1px solid $gray-400 !default;
2
4
  $image-editor-background: $gray-400 !default;
3
5
  $image-editor-toolbar-icon-color: $icon-color;
@@ -25,3 +27,52 @@ $image-editor-icon-button: 5px !default;
25
27
  $image-editor-filter-canvas-focus: $secondary-text-color !default;
26
28
  $image-editor-button-label-mobile: 9px !default;
27
29
  $image-editor-button-width-mobile: calc(65% - 30px) !default;
30
+ $ie-toolbar-img-font-style-margin-left: 0 !default;
31
+ $ie-scroll-device-padding-right: 0 !default;
32
+ $ie-quality-option-slider-container-margin-left: 0 !default;
33
+ $ie-spin-btn-margin: 0 !default;
34
+ $ie-drop-area-border-radius: 10px !default;
35
+ $ie-drop-area-margin: 10px !default;
36
+ $ie-drop-icon-font-size: 50px !default;
37
+ $ie-drop-content-font-size: 14px !default;
38
+ $ie-drop-info-font-size: 14px !default;
39
+ $ie-min-drop-content-font-size: 14px !default;
40
+ $ie-toolbar-item-margin-left: 20px !default;
41
+ $ie-file-select-padding: 0 !default;
42
+ $ie-font-color-caret-margin-top: -4px !default;
43
+ $ie-caret-font-size: 10px !default;
44
+ $ie-toolbar-left-line-height: 1 !default;
45
+ $ie-toolbar-item-span-font-weight: 500 !default;
46
+ $ie-toolbar-item-span-margin: 4px !default;
47
+ $ie-dropdown-btn-margin: 0 auto !default;
48
+ $ie-toolbar-item-canvas-border: 2px solid transparent !default;
49
+ $ie-straighten-font-size: 14px !default;
50
+ $ie-straighten-padding-x: 10px !default;
51
+ $ie-straighten-slider-padding-right: 2px !default;
52
+ $ie-straighten-slider-margin-left: 8px !default;
53
+ $ie-quality-slider-icon-margin-left: 20px !default;
54
+ $ie-img-size-margin: 10px 10px 0 !default;
55
+ $ie-img-size-font-size: 14px !default;
56
+ $ie-img-save-name-margin-right: 10px !default;
57
+ $ie-img-label-name-margin-bottom: 5px !default;
58
+ $ie-quality-info-margin: 0 !default;
59
+ $ie-quality-span-margin-left: 5px !default;
60
+ $ie-img-size-value-span-margin-top: 4px !default;
61
+ $ie-img-icon-btn-margin-left: 10px !default;
62
+ $ie-quality-option-icon-margin-left: 0 !default;
63
+ $ie-finetune-font-size: 14px !default;
64
+ $ie-finetune-line-height: 20px !default;
65
+ $ie-finetune-letter-spacing: normal !default;
66
+ $ie-finetune-font-weight: 400 !default;
67
+ $ie-finetune-slider-container: 0 16px 1px 16px !default;
68
+ $ie-default-toolbar-font-size: 12px !default;
69
+ $ie-bigger-default-toolbar-font-size: 14px !default;
70
+ $ie-tbtn-txt-padding: 0 !default;
71
+ $ie-head-wrapper-height: 58px !default;
72
+ $ie-dropdownbtn-preview-size: 18px !default;
73
+ $ie-bigger-caret-margin-top: -4px !default;
74
+ $ie-bigger-dropdown-caret-font-size: 10px !default;
75
+ $ie-bigger-toolbar-left-line-height: 1 !default;
76
+ $ie-bigger-device-finetune-font-size: 16px !default;
77
+ $ie-bigger-device-finetune-line-height: 24px !default;
78
+ $ie-bigger-head-wrapper-height: 58px !default;
package/styles/image-editor/_highcontrast-definition.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use 'ej2-base/styles/definition/highcontrast' as *;
2
+ @forward 'ej2-base/styles/definition/highcontrast';
1
3
  $image-editor-background: $bg-base-0 !default;
2
4
  $image-editor-border: 1px solid $border-fg !default;
3
5
  $image-editor-toolbar-icon-color: $content-font !default;
@@ -27,3 +29,52 @@ $image-editor-icon-button: 5px !default;
27
29
  $image-editor-filter-canvas-focus: $content-font !default;
28
30
  $image-editor-button-label-mobile: 7px !default;
29
31
  $image-editor-button-width-mobile: calc(64% - 30px) !default;
32
+ $ie-toolbar-img-font-style-margin-left: 0 !default;
33
+ $ie-scroll-device-padding-right: 0 !default;
34
+ $ie-quality-option-slider-container-margin-left: 0 !default;
35
+ $ie-spin-btn-margin: 0 !default;
36
+ $ie-drop-area-border-radius: 10px !default;
37
+ $ie-drop-area-margin: 10px !default;
38
+ $ie-drop-icon-font-size: 50px !default;
39
+ $ie-drop-content-font-size: 14px !default;
40
+ $ie-drop-info-font-size: 14px !default;
41
+ $ie-min-drop-content-font-size: 14px !default;
42
+ $ie-toolbar-item-margin-left: 20px !default;
43
+ $ie-file-select-padding: 0 !default;
44
+ $ie-font-color-caret-margin-top: -4px !default;
45
+ $ie-caret-font-size: 10px !default;
46
+ $ie-toolbar-left-line-height: 1 !default;
47
+ $ie-toolbar-item-span-font-weight: 500 !default;
48
+ $ie-toolbar-item-span-margin: 4px !default;
49
+ $ie-dropdown-btn-margin: 0 auto !default;
50
+ $ie-toolbar-item-canvas-border: 2px solid transparent !default;
51
+ $ie-straighten-font-size: 14px !default;
52
+ $ie-straighten-padding-x: 10px !default;
53
+ $ie-straighten-slider-padding-right: 2px !default;
54
+ $ie-straighten-slider-margin-left: 8px !default;
55
+ $ie-quality-slider-icon-margin-left: 20px !default;
56
+ $ie-img-size-margin: 10px 10px 0 !default;
57
+ $ie-img-size-font-size: 14px !default;
58
+ $ie-img-save-name-margin-right: 10px !default;
59
+ $ie-img-label-name-margin-bottom: 5px !default;
60
+ $ie-quality-info-margin: 0 !default;
61
+ $ie-quality-span-margin-left: 5px !default;
62
+ $ie-img-size-value-span-margin-top: 4px !default;
63
+ $ie-img-icon-btn-margin-left: 10px !default;
64
+ $ie-quality-option-icon-margin-left: 0 !default;
65
+ $ie-finetune-font-size: 14px !default;
66
+ $ie-finetune-line-height: 20px !default;
67
+ $ie-finetune-letter-spacing: normal !default;
68
+ $ie-finetune-font-weight: 400 !default;
69
+ $ie-finetune-slider-container: 0 16px 1px 16px !default;
70
+ $ie-default-toolbar-font-size: 12px !default;
71
+ $ie-bigger-default-toolbar-font-size: 14px !default;
72
+ $ie-tbtn-txt-padding: 0 !default;
73
+ $ie-head-wrapper-height: 58px !default;
74
+ $ie-dropdownbtn-preview-size: 18px !default;
75
+ $ie-bigger-caret-margin-top: -4px !default;
76
+ $ie-bigger-dropdown-caret-font-size: 10px !default;
77
+ $ie-bigger-toolbar-left-line-height: 1 !default;
78
+ $ie-bigger-device-finetune-font-size: 16px !default;
79
+ $ie-bigger-device-finetune-line-height: 24px !default;
80
+ $ie-bigger-head-wrapper-height: 58px !default;
package/styles/image-editor/_highcontrast-light-definition.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use 'ej2-base/styles/definition/highcontrast-light' as *;
2
+ @forward 'ej2-base/styles/definition/highcontrast-light';
1
3
  $image-editor-background: $bg-base-0 !default;
2
4
  $image-editor-border: 1px solid $border-fg !default;
3
5
  $image-editor-toolbar-icon-color: $content-font !default;
@@ -27,3 +29,52 @@ $image-editor-icon-button: 5px !default;
27
29
  $image-editor-filter-canvas-focus: $content-font !default;
28
30
  $image-editor-button-label-mobile: 7px !default;
29
31
  $image-editor-button-width-mobile: calc(64% - 30px) !default;
32
+ $ie-toolbar-img-font-style-margin-left: 0 !default;
33
+ $ie-scroll-device-padding-right: 0 !default;
34
+ $ie-quality-option-slider-container-margin-left: 0 !default;
35
+ $ie-spin-btn-margin: 0 !default;
36
+ $ie-drop-area-border-radius: 10px !default;
37
+ $ie-drop-area-margin: 10px !default;
38
+ $ie-drop-icon-font-size: 50px !default;
39
+ $ie-drop-content-font-size: 14px !default;
40
+ $ie-drop-info-font-size: 14px !default;
41
+ $ie-min-drop-content-font-size: 14px !default;
42
+ $ie-toolbar-item-margin-left: 20px !default;
43
+ $ie-file-select-padding: 0 !default;
44
+ $ie-font-color-caret-margin-top: -4px !default;
45
+ $ie-caret-font-size: 10px !default;
46
+ $ie-toolbar-left-line-height: 1 !default;
47
+ $ie-toolbar-item-span-font-weight: 500 !default;
48
+ $ie-toolbar-item-span-margin: 4px !default;
49
+ $ie-dropdown-btn-margin: 0 auto !default;
50
+ $ie-toolbar-item-canvas-border: 2px solid transparent !default;
51
+ $ie-straighten-font-size: 14px !default;
52
+ $ie-straighten-padding-x: 10px !default;
53
+ $ie-straighten-slider-padding-right: 2px !default;
54
+ $ie-straighten-slider-margin-left: 8px !default;
55
+ $ie-quality-slider-icon-margin-left: 20px !default;
56
+ $ie-img-size-margin: 10px 10px 0 !default;
57
+ $ie-img-size-font-size: 14px !default;
58
+ $ie-img-save-name-margin-right: 10px !default;
59
+ $ie-img-label-name-margin-bottom: 5px !default;
60
+ $ie-quality-info-margin: 0 !default;
61
+ $ie-quality-span-margin-left: 5px !default;
62
+ $ie-img-size-value-span-margin-top: 4px !default;
63
+ $ie-img-icon-btn-margin-left: 10px !default;
64
+ $ie-quality-option-icon-margin-left: 0 !default;
65
+ $ie-finetune-font-size: 14px !default;
66
+ $ie-finetune-line-height: 20px !default;
67
+ $ie-finetune-letter-spacing: normal !default;
68
+ $ie-finetune-font-weight: 400 !default;
69
+ $ie-finetune-slider-container: 0 16px 1px 16px !default;
70
+ $ie-default-toolbar-font-size: 12px !default;
71
+ $ie-bigger-default-toolbar-font-size: 14px !default;
72
+ $ie-tbtn-txt-padding: 0 !default;
73
+ $ie-head-wrapper-height: 58px !default;
74
+ $ie-dropdownbtn-preview-size: 18px !default;
75
+ $ie-bigger-caret-margin-top: -4px !default;
76
+ $ie-bigger-dropdown-caret-font-size: 10px !default;
77
+ $ie-bigger-toolbar-left-line-height: 1 !default;
78
+ $ie-bigger-device-finetune-font-size: 16px !default;
79
+ $ie-bigger-device-finetune-line-height: 24px !default;
80
+ $ie-bigger-head-wrapper-height: 58px !default;