@syncfusion/ej2-image-editor 29.2.4 → 30.1.37

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 (95) hide show
  1. package/.eslintrc.json +2 -0
  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 +884 -225
  5. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-image-editor.es5.js +906 -235
  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 +15 -47
  12. package/src/image-editor/action/crop.js +1 -1
  13. package/src/image-editor/action/draw.d.ts +1 -0
  14. package/src/image-editor/action/draw.js +103 -31
  15. package/src/image-editor/action/export.js +3 -0
  16. package/src/image-editor/action/selection.d.ts +1 -0
  17. package/src/image-editor/action/selection.js +39 -4
  18. package/src/image-editor/action/shape.d.ts +1 -0
  19. package/src/image-editor/action/shape.js +334 -49
  20. package/src/image-editor/action/transform.js +51 -43
  21. package/src/image-editor/action/undo-redo.d.ts +2 -0
  22. package/src/image-editor/action/undo-redo.js +22 -1
  23. package/src/image-editor/base/enum.d.ts +3 -1
  24. package/src/image-editor/base/enum.js +2 -0
  25. package/src/image-editor/base/image-editor.d.ts +13 -2
  26. package/src/image-editor/base/image-editor.js +242 -27
  27. package/src/image-editor/base/interface.d.ts +17 -1
  28. package/src/image-editor/renderer/toolbar.d.ts +2 -0
  29. package/src/image-editor/renderer/toolbar.js +110 -79
  30. package/styles/bds-lite.css +4 -0
  31. package/styles/bds.css +8 -0
  32. package/styles/bootstrap-dark-lite.css +4 -0
  33. package/styles/bootstrap-dark.css +4 -0
  34. package/styles/bootstrap-lite.css +4 -0
  35. package/styles/bootstrap.css +4 -0
  36. package/styles/bootstrap4-lite.css +4 -0
  37. package/styles/bootstrap4.css +4 -0
  38. package/styles/bootstrap5-dark-lite.css +4 -0
  39. package/styles/bootstrap5-dark.css +4 -0
  40. package/styles/bootstrap5-lite.css +4 -0
  41. package/styles/bootstrap5.3-lite.css +4 -0
  42. package/styles/bootstrap5.3.css +4 -0
  43. package/styles/bootstrap5.css +4 -0
  44. package/styles/fabric-dark-lite.css +4 -0
  45. package/styles/fabric-dark.css +19 -0
  46. package/styles/fabric-lite.css +4 -0
  47. package/styles/fabric.css +19 -0
  48. package/styles/fluent-dark-lite.css +4 -0
  49. package/styles/fluent-dark.css +13 -0
  50. package/styles/fluent-lite.css +4 -0
  51. package/styles/fluent.css +13 -0
  52. package/styles/fluent2-lite.css +8 -0
  53. package/styles/fluent2.css +12 -0
  54. package/styles/highcontrast-light-lite.css +4 -0
  55. package/styles/highcontrast-light.css +4 -0
  56. package/styles/highcontrast-lite.css +9 -1
  57. package/styles/highcontrast.css +14 -1
  58. package/styles/image-editor/_bigger.scss +56 -0
  59. package/styles/image-editor/_highcontrast-definition.scss +1 -1
  60. package/styles/image-editor/_layout.scss +36 -0
  61. package/styles/image-editor/bds.css +8 -0
  62. package/styles/image-editor/bootstrap-dark.css +4 -0
  63. package/styles/image-editor/bootstrap.css +4 -0
  64. package/styles/image-editor/bootstrap4.css +4 -0
  65. package/styles/image-editor/bootstrap5-dark.css +4 -0
  66. package/styles/image-editor/bootstrap5.3.css +4 -0
  67. package/styles/image-editor/bootstrap5.css +4 -0
  68. package/styles/image-editor/fabric-dark.css +19 -0
  69. package/styles/image-editor/fabric.css +19 -0
  70. package/styles/image-editor/fluent-dark.css +13 -0
  71. package/styles/image-editor/fluent.css +13 -0
  72. package/styles/image-editor/fluent2.css +12 -0
  73. package/styles/image-editor/highcontrast-light.css +4 -0
  74. package/styles/image-editor/highcontrast.css +14 -1
  75. package/styles/image-editor/material-dark.css +4 -0
  76. package/styles/image-editor/material.css +8 -0
  77. package/styles/image-editor/material3-dark.css +21 -1
  78. package/styles/image-editor/material3.css +21 -1
  79. package/styles/image-editor/tailwind-dark.css +8 -0
  80. package/styles/image-editor/tailwind.css +8 -0
  81. package/styles/image-editor/tailwind3.css +4 -0
  82. package/styles/material-dark-lite.css +4 -0
  83. package/styles/material-dark.css +4 -0
  84. package/styles/material-lite.css +4 -0
  85. package/styles/material.css +8 -0
  86. package/styles/material3-dark-lite.css +12 -0
  87. package/styles/material3-dark.css +21 -1
  88. package/styles/material3-lite.css +12 -0
  89. package/styles/material3.css +21 -1
  90. package/styles/tailwind-dark-lite.css +4 -0
  91. package/styles/tailwind-dark.css +8 -0
  92. package/styles/tailwind-lite.css +4 -0
  93. package/styles/tailwind.css +8 -0
  94. package/styles/tailwind3-lite.css +4 -0
  95. package/styles/tailwind3.css +4 -0
package/styles/image-editor/material3.css CHANGED
@@ -431,6 +431,9 @@
431
431
  top: calc(50% - 10px) !important; /* stylelint-disable-line declaration-no-important */
432
432
  width: 16px !important; /* stylelint-disable-line declaration-no-important */
433
433
  }
434
+ .e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
435
+ padding: 8px 13px;
436
+ }
434
437
 
435
438
  .e-ie-img-save-dlg .e-btn {
436
439
  background: transparent;
@@ -733,6 +736,15 @@
733
736
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
734
737
  }
735
738
 
739
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
740
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
741
+ }
742
+
743
+ .e-device.e-image-editor .e-ie-save-dialog .e-slider-container .e-slider .e-handle,
744
+ .e-device.e-image-editor .e-blr-ie-save-dialog .e-slider-container .e-slider .e-handle {
745
+ top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
746
+ }
747
+
736
748
  .e-image-editor {
737
749
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.14)), to(rgba(var(--color-sf-primary), 0.14))), rgba(var(--color-sf-surface));
738
750
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
@@ -898,7 +910,11 @@
898
910
  .e-image-editor.e-bigger .e-ie-save-dialog .e-ie-img-save-dlg .e-btn {
899
911
  margin-top: 5px !important; /* stylelint-disable-line declaration-no-important */
900
912
  }
901
-
913
+ .e-bigger .e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-bigger .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
914
+ .e-image-editor.e-bigger .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
915
+ .e-image-editor.e-bigger .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
916
+ padding: 10px;
917
+ }
902
918
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
903
919
  height: 22px !important; /* stylelint-disable-line declaration-no-important */
904
920
  width: 22px !important; /* stylelint-disable-line declaration-no-important */
@@ -935,4 +951,8 @@
935
951
 
936
952
  .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
937
953
  width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
954
+ }
955
+
956
+ .e-bigger .e-device.e-image-editor .e-ie-img-save-dlg {
957
+ width: 106px;
938
958
  }
package/styles/image-editor/tailwind-dark.css CHANGED
@@ -691,6 +691,10 @@
691
691
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
692
692
  }
693
693
 
694
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
695
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
696
+ }
697
+
694
698
  .e-image-editor {
695
699
  background: #4b5563;
696
700
  }
@@ -871,4 +875,8 @@
871
875
  .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
872
876
  width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
873
877
  width: calc(65% - 13px) !important; /* stylelint-disable-line declaration-no-important */
878
+ }
879
+
880
+ .e-bigger .e-device.e-image-editor .e-ie-img-save-dlg {
881
+ width: 106px;
874
882
  }
package/styles/image-editor/tailwind.css CHANGED
@@ -691,6 +691,10 @@
691
691
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
692
692
  }
693
693
 
694
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
695
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
696
+ }
697
+
694
698
  .e-image-editor {
695
699
  background: #e5e7eb;
696
700
  }
@@ -871,4 +875,8 @@
871
875
  .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
872
876
  width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
873
877
  width: calc(65% - 13px) !important; /* stylelint-disable-line declaration-no-important */
878
+ }
879
+
880
+ .e-bigger .e-device.e-image-editor .e-ie-img-save-dlg {
881
+ width: 106px;
874
882
  }
package/styles/image-editor/tailwind3.css CHANGED
@@ -695,6 +695,10 @@
695
695
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
696
696
  }
697
697
 
698
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
699
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
700
+ }
701
+
698
702
  .e-image-editor {
699
703
  background: var(--color-sf-content-bg-color);
700
704
  }
package/styles/material-dark-lite.css CHANGED
@@ -709,6 +709,10 @@
709
709
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
710
710
  }
711
711
 
712
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
713
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
714
+ }
715
+
712
716
  .e-image-editor {
713
717
  background: rgb(40.8, 40.8, 40.8);
714
718
  }
package/styles/material-dark.css CHANGED
@@ -709,6 +709,10 @@
709
709
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
710
710
  }
711
711
 
712
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
713
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
714
+ }
715
+
712
716
  .e-image-editor {
713
717
  background: rgb(40.8, 40.8, 40.8);
714
718
  }
package/styles/material-lite.css CHANGED
@@ -711,6 +711,10 @@
711
711
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
712
712
  }
713
713
 
714
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
715
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
716
+ }
717
+
714
718
  .e-image-editor {
715
719
  background: #eee;
716
720
  }
package/styles/material.css CHANGED
@@ -711,6 +711,10 @@
711
711
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
712
712
  }
713
713
 
714
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
715
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
716
+ }
717
+
714
718
  .e-image-editor {
715
719
  background: #eee;
716
720
  }
@@ -898,4 +902,8 @@
898
902
  .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
899
903
  width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
900
904
  width: calc(65% - 13px) !important; /* stylelint-disable-line declaration-no-important */
905
+ }
906
+
907
+ .e-bigger .e-device.e-image-editor .e-ie-img-save-dlg {
908
+ width: 102px;
901
909
  }
package/styles/material3-dark-lite.css CHANGED
@@ -429,6 +429,9 @@
429
429
  top: calc(50% - 10px) !important; /* stylelint-disable-line declaration-no-important */
430
430
  width: 16px !important; /* stylelint-disable-line declaration-no-important */
431
431
  }
432
+ .e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
433
+ padding: 8px 13px;
434
+ }
432
435
 
433
436
  .e-ie-img-save-dlg .e-btn {
434
437
  background: transparent;
@@ -731,6 +734,15 @@
731
734
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
732
735
  }
733
736
 
737
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
738
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
739
+ }
740
+
741
+ .e-device.e-image-editor .e-ie-save-dialog .e-slider-container .e-slider .e-handle,
742
+ .e-device.e-image-editor .e-blr-ie-save-dialog .e-slider-container .e-slider .e-handle {
743
+ top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
744
+ }
745
+
734
746
  .e-image-editor {
735
747
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.14)), to(rgba(var(--color-sf-primary), 0.14))), rgba(var(--color-sf-surface));
736
748
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
package/styles/material3-dark.css CHANGED
@@ -429,6 +429,9 @@
429
429
  top: calc(50% - 10px) !important; /* stylelint-disable-line declaration-no-important */
430
430
  width: 16px !important; /* stylelint-disable-line declaration-no-important */
431
431
  }
432
+ .e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
433
+ padding: 8px 13px;
434
+ }
432
435
 
433
436
  .e-ie-img-save-dlg .e-btn {
434
437
  background: transparent;
@@ -731,6 +734,15 @@
731
734
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
732
735
  }
733
736
 
737
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
738
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
739
+ }
740
+
741
+ .e-device.e-image-editor .e-ie-save-dialog .e-slider-container .e-slider .e-handle,
742
+ .e-device.e-image-editor .e-blr-ie-save-dialog .e-slider-container .e-slider .e-handle {
743
+ top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
744
+ }
745
+
734
746
  .e-image-editor {
735
747
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.14)), to(rgba(var(--color-sf-primary), 0.14))), rgba(var(--color-sf-surface));
736
748
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
@@ -896,7 +908,11 @@
896
908
  .e-image-editor.e-bigger .e-ie-save-dialog .e-ie-img-save-dlg .e-btn {
897
909
  margin-top: 5px !important; /* stylelint-disable-line declaration-no-important */
898
910
  }
899
-
911
+ .e-bigger .e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-bigger .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
912
+ .e-image-editor.e-bigger .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
913
+ .e-image-editor.e-bigger .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
914
+ padding: 10px;
915
+ }
900
916
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
901
917
  height: 22px !important; /* stylelint-disable-line declaration-no-important */
902
918
  width: 22px !important; /* stylelint-disable-line declaration-no-important */
@@ -933,4 +949,8 @@
933
949
 
934
950
  .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
935
951
  width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
952
+ }
953
+
954
+ .e-bigger .e-device.e-image-editor .e-ie-img-save-dlg {
955
+ width: 106px;
936
956
  }
package/styles/material3-lite.css CHANGED
@@ -431,6 +431,9 @@
431
431
  top: calc(50% - 10px) !important; /* stylelint-disable-line declaration-no-important */
432
432
  width: 16px !important; /* stylelint-disable-line declaration-no-important */
433
433
  }
434
+ .e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
435
+ padding: 8px 13px;
436
+ }
434
437
 
435
438
  .e-ie-img-save-dlg .e-btn {
436
439
  background: transparent;
@@ -733,6 +736,15 @@
733
736
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
734
737
  }
735
738
 
739
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
740
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
741
+ }
742
+
743
+ .e-device.e-image-editor .e-ie-save-dialog .e-slider-container .e-slider .e-handle,
744
+ .e-device.e-image-editor .e-blr-ie-save-dialog .e-slider-container .e-slider .e-handle {
745
+ top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
746
+ }
747
+
736
748
  .e-image-editor {
737
749
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.14)), to(rgba(var(--color-sf-primary), 0.14))), rgba(var(--color-sf-surface));
738
750
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
package/styles/material3.css CHANGED
@@ -431,6 +431,9 @@
431
431
  top: calc(50% - 10px) !important; /* stylelint-disable-line declaration-no-important */
432
432
  width: 16px !important; /* stylelint-disable-line declaration-no-important */
433
433
  }
434
+ .e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
435
+ padding: 8px 13px;
436
+ }
434
437
 
435
438
  .e-ie-img-save-dlg .e-btn {
436
439
  background: transparent;
@@ -733,6 +736,15 @@
733
736
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
734
737
  }
735
738
 
739
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
740
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
741
+ }
742
+
743
+ .e-device.e-image-editor .e-ie-save-dialog .e-slider-container .e-slider .e-handle,
744
+ .e-device.e-image-editor .e-blr-ie-save-dialog .e-slider-container .e-slider .e-handle {
745
+ top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
746
+ }
747
+
736
748
  .e-image-editor {
737
749
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.14)), to(rgba(var(--color-sf-primary), 0.14))), rgba(var(--color-sf-surface));
738
750
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
@@ -898,7 +910,11 @@
898
910
  .e-image-editor.e-bigger .e-ie-save-dialog .e-ie-img-save-dlg .e-btn {
899
911
  margin-top: 5px !important; /* stylelint-disable-line declaration-no-important */
900
912
  }
901
-
913
+ .e-bigger .e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-bigger .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
914
+ .e-image-editor.e-bigger .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
915
+ .e-image-editor.e-bigger .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
916
+ padding: 10px;
917
+ }
902
918
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
903
919
  height: 22px !important; /* stylelint-disable-line declaration-no-important */
904
920
  width: 22px !important; /* stylelint-disable-line declaration-no-important */
@@ -935,4 +951,8 @@
935
951
 
936
952
  .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
937
953
  width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
954
+ }
955
+
956
+ .e-bigger .e-device.e-image-editor .e-ie-img-save-dlg {
957
+ width: 106px;
938
958
  }
package/styles/tailwind-dark-lite.css CHANGED
@@ -691,6 +691,10 @@
691
691
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
692
692
  }
693
693
 
694
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
695
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
696
+ }
697
+
694
698
  .e-image-editor {
695
699
  background: #4b5563;
696
700
  }
package/styles/tailwind-dark.css CHANGED
@@ -691,6 +691,10 @@
691
691
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
692
692
  }
693
693
 
694
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
695
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
696
+ }
697
+
694
698
  .e-image-editor {
695
699
  background: #4b5563;
696
700
  }
@@ -871,4 +875,8 @@
871
875
  .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
872
876
  width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
873
877
  width: calc(65% - 13px) !important; /* stylelint-disable-line declaration-no-important */
878
+ }
879
+
880
+ .e-bigger .e-device.e-image-editor .e-ie-img-save-dlg {
881
+ width: 106px;
874
882
  }
package/styles/tailwind-lite.css CHANGED
@@ -691,6 +691,10 @@
691
691
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
692
692
  }
693
693
 
694
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
695
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
696
+ }
697
+
694
698
  .e-image-editor {
695
699
  background: #e5e7eb;
696
700
  }
package/styles/tailwind.css CHANGED
@@ -691,6 +691,10 @@
691
691
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
692
692
  }
693
693
 
694
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
695
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
696
+ }
697
+
694
698
  .e-image-editor {
695
699
  background: #e5e7eb;
696
700
  }
@@ -871,4 +875,8 @@
871
875
  .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
872
876
  width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
873
877
  width: calc(65% - 13px) !important; /* stylelint-disable-line declaration-no-important */
878
+ }
879
+
880
+ .e-bigger .e-device.e-image-editor .e-ie-img-save-dlg {
881
+ width: 106px;
874
882
  }
package/styles/tailwind3-lite.css CHANGED
@@ -695,6 +695,10 @@
695
695
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
696
696
  }
697
697
 
698
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
699
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
700
+ }
701
+
698
702
  .e-image-editor {
699
703
  background: var(--color-sf-content-bg-color);
700
704
  }
package/styles/tailwind3.css CHANGED
@@ -695,6 +695,10 @@
695
695
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
696
696
  }
697
697
 
698
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
699
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
700
+ }
701
+
698
702
  .e-image-editor {
699
703
  background: var(--color-sf-content-bg-color);
700
704
  }