@syncfusion/ej2-image-editor 29.2.5 → 30.1.38

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 +898 -227
  5. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-image-editor.es5.js +920 -237
  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 +43 -5
  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 +50 -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 +121 -80
  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 +39 -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 +24 -1
  78. package/styles/image-editor/material3.css +24 -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 +15 -0
  87. package/styles/material3-dark.css +24 -1
  88. package/styles/material3-lite.css +15 -0
  89. package/styles/material3.css +24 -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-dark.css CHANGED
@@ -310,6 +310,9 @@
310
310
  .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
311
311
  font-size: 16px;
312
312
  }
313
+ .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-icon-btn {
314
+ padding: 8px 16px;
315
+ }
313
316
  .e-image-editor .e-toolbar .e-toolbar-items .e-upload {
314
317
  border: none;
315
318
  }
@@ -429,6 +432,9 @@
429
432
  top: calc(50% - 10px) !important; /* stylelint-disable-line declaration-no-important */
430
433
  width: 16px !important; /* stylelint-disable-line declaration-no-important */
431
434
  }
435
+ .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 {
436
+ padding: 8px 13px;
437
+ }
432
438
 
433
439
  .e-ie-img-save-dlg .e-btn {
434
440
  background: transparent;
@@ -731,6 +737,15 @@
731
737
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
732
738
  }
733
739
 
740
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
741
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
742
+ }
743
+
744
+ .e-device.e-image-editor .e-ie-save-dialog .e-slider-container .e-slider .e-handle,
745
+ .e-device.e-image-editor .e-blr-ie-save-dialog .e-slider-container .e-slider .e-handle {
746
+ top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
747
+ }
748
+
734
749
  .e-image-editor {
735
750
  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
751
  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 +911,11 @@
896
911
  .e-image-editor.e-bigger .e-ie-save-dialog .e-ie-img-save-dlg .e-btn {
897
912
  margin-top: 5px !important; /* stylelint-disable-line declaration-no-important */
898
913
  }
899
-
914
+ .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,
915
+ .e-image-editor.e-bigger .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
916
+ .e-image-editor.e-bigger .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
917
+ padding: 10px;
918
+ }
900
919
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
901
920
  height: 22px !important; /* stylelint-disable-line declaration-no-important */
902
921
  width: 22px !important; /* stylelint-disable-line declaration-no-important */
@@ -933,4 +952,8 @@
933
952
 
934
953
  .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
935
954
  width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
955
+ }
956
+
957
+ .e-bigger .e-device.e-image-editor .e-ie-img-save-dlg {
958
+ width: 106px;
936
959
  }
package/styles/image-editor/material3.css CHANGED
@@ -312,6 +312,9 @@
312
312
  .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
313
313
  font-size: 16px;
314
314
  }
315
+ .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-icon-btn {
316
+ padding: 8px 16px;
317
+ }
315
318
  .e-image-editor .e-toolbar .e-toolbar-items .e-upload {
316
319
  border: none;
317
320
  }
@@ -431,6 +434,9 @@
431
434
  top: calc(50% - 10px) !important; /* stylelint-disable-line declaration-no-important */
432
435
  width: 16px !important; /* stylelint-disable-line declaration-no-important */
433
436
  }
437
+ .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 {
438
+ padding: 8px 13px;
439
+ }
434
440
 
435
441
  .e-ie-img-save-dlg .e-btn {
436
442
  background: transparent;
@@ -733,6 +739,15 @@
733
739
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
734
740
  }
735
741
 
742
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
743
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
744
+ }
745
+
746
+ .e-device.e-image-editor .e-ie-save-dialog .e-slider-container .e-slider .e-handle,
747
+ .e-device.e-image-editor .e-blr-ie-save-dialog .e-slider-container .e-slider .e-handle {
748
+ top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
749
+ }
750
+
736
751
  .e-image-editor {
737
752
  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
753
  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 +913,11 @@
898
913
  .e-image-editor.e-bigger .e-ie-save-dialog .e-ie-img-save-dlg .e-btn {
899
914
  margin-top: 5px !important; /* stylelint-disable-line declaration-no-important */
900
915
  }
901
-
916
+ .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,
917
+ .e-image-editor.e-bigger .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
918
+ .e-image-editor.e-bigger .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
919
+ padding: 10px;
920
+ }
902
921
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
903
922
  height: 22px !important; /* stylelint-disable-line declaration-no-important */
904
923
  width: 22px !important; /* stylelint-disable-line declaration-no-important */
@@ -935,4 +954,8 @@
935
954
 
936
955
  .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
937
956
  width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
957
+ }
958
+
959
+ .e-bigger .e-device.e-image-editor .e-ie-img-save-dlg {
960
+ width: 106px;
938
961
  }
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
@@ -310,6 +310,9 @@
310
310
  .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
311
311
  font-size: 16px;
312
312
  }
313
+ .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-icon-btn {
314
+ padding: 8px 16px;
315
+ }
313
316
  .e-image-editor .e-toolbar .e-toolbar-items .e-upload {
314
317
  border: none;
315
318
  }
@@ -429,6 +432,9 @@
429
432
  top: calc(50% - 10px) !important; /* stylelint-disable-line declaration-no-important */
430
433
  width: 16px !important; /* stylelint-disable-line declaration-no-important */
431
434
  }
435
+ .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 {
436
+ padding: 8px 13px;
437
+ }
432
438
 
433
439
  .e-ie-img-save-dlg .e-btn {
434
440
  background: transparent;
@@ -731,6 +737,15 @@
731
737
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
732
738
  }
733
739
 
740
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
741
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
742
+ }
743
+
744
+ .e-device.e-image-editor .e-ie-save-dialog .e-slider-container .e-slider .e-handle,
745
+ .e-device.e-image-editor .e-blr-ie-save-dialog .e-slider-container .e-slider .e-handle {
746
+ top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
747
+ }
748
+
734
749
  .e-image-editor {
735
750
  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
751
  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
@@ -310,6 +310,9 @@
310
310
  .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
311
311
  font-size: 16px;
312
312
  }
313
+ .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-icon-btn {
314
+ padding: 8px 16px;
315
+ }
313
316
  .e-image-editor .e-toolbar .e-toolbar-items .e-upload {
314
317
  border: none;
315
318
  }
@@ -429,6 +432,9 @@
429
432
  top: calc(50% - 10px) !important; /* stylelint-disable-line declaration-no-important */
430
433
  width: 16px !important; /* stylelint-disable-line declaration-no-important */
431
434
  }
435
+ .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 {
436
+ padding: 8px 13px;
437
+ }
432
438
 
433
439
  .e-ie-img-save-dlg .e-btn {
434
440
  background: transparent;
@@ -731,6 +737,15 @@
731
737
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
732
738
  }
733
739
 
740
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
741
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
742
+ }
743
+
744
+ .e-device.e-image-editor .e-ie-save-dialog .e-slider-container .e-slider .e-handle,
745
+ .e-device.e-image-editor .e-blr-ie-save-dialog .e-slider-container .e-slider .e-handle {
746
+ top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
747
+ }
748
+
734
749
  .e-image-editor {
735
750
  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
751
  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 +911,11 @@
896
911
  .e-image-editor.e-bigger .e-ie-save-dialog .e-ie-img-save-dlg .e-btn {
897
912
  margin-top: 5px !important; /* stylelint-disable-line declaration-no-important */
898
913
  }
899
-
914
+ .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,
915
+ .e-image-editor.e-bigger .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
916
+ .e-image-editor.e-bigger .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
917
+ padding: 10px;
918
+ }
900
919
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
901
920
  height: 22px !important; /* stylelint-disable-line declaration-no-important */
902
921
  width: 22px !important; /* stylelint-disable-line declaration-no-important */
@@ -933,4 +952,8 @@
933
952
 
934
953
  .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
935
954
  width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
955
+ }
956
+
957
+ .e-bigger .e-device.e-image-editor .e-ie-img-save-dlg {
958
+ width: 106px;
936
959
  }
package/styles/material3-lite.css CHANGED
@@ -312,6 +312,9 @@
312
312
  .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
313
313
  font-size: 16px;
314
314
  }
315
+ .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-icon-btn {
316
+ padding: 8px 16px;
317
+ }
315
318
  .e-image-editor .e-toolbar .e-toolbar-items .e-upload {
316
319
  border: none;
317
320
  }
@@ -431,6 +434,9 @@
431
434
  top: calc(50% - 10px) !important; /* stylelint-disable-line declaration-no-important */
432
435
  width: 16px !important; /* stylelint-disable-line declaration-no-important */
433
436
  }
437
+ .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 {
438
+ padding: 8px 13px;
439
+ }
434
440
 
435
441
  .e-ie-img-save-dlg .e-btn {
436
442
  background: transparent;
@@ -733,6 +739,15 @@
733
739
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
734
740
  }
735
741
 
742
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
743
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
744
+ }
745
+
746
+ .e-device.e-image-editor .e-ie-save-dialog .e-slider-container .e-slider .e-handle,
747
+ .e-device.e-image-editor .e-blr-ie-save-dialog .e-slider-container .e-slider .e-handle {
748
+ top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
749
+ }
750
+
736
751
  .e-image-editor {
737
752
  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
753
  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
@@ -312,6 +312,9 @@
312
312
  .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
313
313
  font-size: 16px;
314
314
  }
315
+ .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-icon-btn {
316
+ padding: 8px 16px;
317
+ }
315
318
  .e-image-editor .e-toolbar .e-toolbar-items .e-upload {
316
319
  border: none;
317
320
  }
@@ -431,6 +434,9 @@
431
434
  top: calc(50% - 10px) !important; /* stylelint-disable-line declaration-no-important */
432
435
  width: 16px !important; /* stylelint-disable-line declaration-no-important */
433
436
  }
437
+ .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 {
438
+ padding: 8px 13px;
439
+ }
434
440
 
435
441
  .e-ie-img-save-dlg .e-btn {
436
442
  background: transparent;
@@ -733,6 +739,15 @@
733
739
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
734
740
  }
735
741
 
742
+ .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
743
+ top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
744
+ }
745
+
746
+ .e-device.e-image-editor .e-ie-save-dialog .e-slider-container .e-slider .e-handle,
747
+ .e-device.e-image-editor .e-blr-ie-save-dialog .e-slider-container .e-slider .e-handle {
748
+ top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
749
+ }
750
+
736
751
  .e-image-editor {
737
752
  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
753
  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 +913,11 @@
898
913
  .e-image-editor.e-bigger .e-ie-save-dialog .e-ie-img-save-dlg .e-btn {
899
914
  margin-top: 5px !important; /* stylelint-disable-line declaration-no-important */
900
915
  }
901
-
916
+ .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,
917
+ .e-image-editor.e-bigger .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
918
+ .e-image-editor.e-bigger .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
919
+ padding: 10px;
920
+ }
902
921
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
903
922
  height: 22px !important; /* stylelint-disable-line declaration-no-important */
904
923
  width: 22px !important; /* stylelint-disable-line declaration-no-important */
@@ -935,4 +954,8 @@
935
954
 
936
955
  .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
937
956
  width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
957
+ }
958
+
959
+ .e-bigger .e-device.e-image-editor .e-ie-img-save-dlg {
960
+ width: 106px;
938
961
  }
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
  }