@syncfusion/ej2-image-editor 24.2.8 → 25.1.35

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 (76) hide show
  1. package/CHANGELOG.md +3 -51
  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 +942 -1874
  5. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-image-editor.es5.js +974 -1923
  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 +12 -12
  12. package/src/image-editor/action/crop.js +9 -45
  13. package/src/image-editor/action/draw.js +52 -207
  14. package/src/image-editor/action/export.js +6 -35
  15. package/src/image-editor/action/freehand-draw.js +26 -80
  16. package/src/image-editor/action/selection.js +122 -326
  17. package/src/image-editor/action/shape.js +130 -242
  18. package/src/image-editor/action/transform.d.ts +0 -1
  19. package/src/image-editor/action/transform.js +77 -289
  20. package/src/image-editor/action/undo-redo.js +32 -101
  21. package/src/image-editor/base/image-editor-model.d.ts +1 -1
  22. package/src/image-editor/base/image-editor.d.ts +51 -42
  23. package/src/image-editor/base/image-editor.js +302 -423
  24. package/src/image-editor/renderer/toolbar.d.ts +1 -0
  25. package/src/image-editor/renderer/toolbar.js +228 -185
  26. package/styles/bootstrap-dark.css +0 -12
  27. package/styles/bootstrap.css +0 -12
  28. package/styles/bootstrap4.css +0 -12
  29. package/styles/bootstrap5-dark.css +0 -12
  30. package/styles/bootstrap5.css +0 -12
  31. package/styles/fabric-dark.css +0 -12
  32. package/styles/fabric.css +0 -12
  33. package/styles/fluent-dark.css +0 -12
  34. package/styles/fluent.css +0 -12
  35. package/styles/highcontrast-light.css +0 -12
  36. package/styles/highcontrast.css +0 -12
  37. package/styles/image-editor/_bds-definition.scss +21 -0
  38. package/styles/image-editor/_bootstrap-dark-definition.scss +0 -1
  39. package/styles/image-editor/_bootstrap-definition.scss +0 -1
  40. package/styles/image-editor/_bootstrap4-definition.scss +0 -1
  41. package/styles/image-editor/_bootstrap5-definition.scss +0 -1
  42. package/styles/image-editor/_fabric-dark-definition.scss +0 -1
  43. package/styles/image-editor/_fabric-definition.scss +0 -1
  44. package/styles/image-editor/_fluent-definition.scss +0 -1
  45. package/styles/image-editor/_fusionnew-definition.scss +0 -1
  46. package/styles/image-editor/_highcontrast-definition.scss +0 -1
  47. package/styles/image-editor/_highcontrast-light-definition.scss +0 -1
  48. package/styles/image-editor/_layout.scss +2 -32
  49. package/styles/image-editor/_material-dark-definition.scss +0 -1
  50. package/styles/image-editor/_material-definition.scss +0 -1
  51. package/styles/image-editor/_material3-definition.scss +2 -3
  52. package/styles/image-editor/_tailwind-definition.scss +0 -1
  53. package/styles/image-editor/bootstrap-dark.css +0 -12
  54. package/styles/image-editor/bootstrap.css +0 -12
  55. package/styles/image-editor/bootstrap4.css +0 -12
  56. package/styles/image-editor/bootstrap5-dark.css +0 -12
  57. package/styles/image-editor/bootstrap5.css +0 -12
  58. package/styles/image-editor/fabric-dark.css +0 -12
  59. package/styles/image-editor/fabric.css +0 -12
  60. package/styles/image-editor/fluent-dark.css +0 -12
  61. package/styles/image-editor/fluent.css +0 -12
  62. package/styles/image-editor/highcontrast-light.css +0 -12
  63. package/styles/image-editor/highcontrast.css +0 -12
  64. package/styles/image-editor/icons/_bds.scss +411 -0
  65. package/styles/image-editor/material-dark.css +0 -12
  66. package/styles/image-editor/material.css +0 -12
  67. package/styles/image-editor/material3-dark.css +4 -25
  68. package/styles/image-editor/material3.css +4 -25
  69. package/styles/image-editor/tailwind-dark.css +2 -15
  70. package/styles/image-editor/tailwind.css +2 -15
  71. package/styles/material-dark.css +0 -12
  72. package/styles/material.css +0 -12
  73. package/styles/material3-dark.css +4 -25
  74. package/styles/material3.css +4 -25
  75. package/styles/tailwind-dark.css +2 -15
  76. package/styles/tailwind.css +2 -15
package/styles/material3-dark.css CHANGED
@@ -596,24 +596,23 @@
596
596
  }
597
597
 
598
598
  .e-ie-finetune-value-span {
599
- top: 30% !important; /* stylelint-disable-line declaration-no-important */
599
+ top: 29% !important; /* stylelint-disable-line declaration-no-important */
600
600
  }
601
601
 
602
602
  .e-ie-finetune-slider-label {
603
- top: 30% !important; /* stylelint-disable-line declaration-no-important */
603
+ top: 28% !important; /* stylelint-disable-line declaration-no-important */
604
604
  }
605
605
 
606
606
  .e-ie-finetune-slider-wrap {
607
- top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
607
+ top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
608
608
  }
609
609
 
610
610
  .e-transparency-slider-wrap {
611
- top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
611
+ top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
612
612
  }
613
613
 
614
614
  .e-ie-slider-wrap {
615
615
  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
616
- top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
617
616
  }
618
617
 
619
618
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -635,26 +634,6 @@
635
634
  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
636
635
  }
637
636
 
638
- .e-device .e-transparency-slider-wrap {
639
- top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
640
- }
641
-
642
- .e-device .e-ie-finetune-slider-wrap {
643
- top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
644
- }
645
-
646
- .e-device .e-ie-finetune-value-span {
647
- top: 29% !important; /* stylelint-disable-line declaration-no-important */
648
- }
649
-
650
- .e-device .e-ie-finetune-slider-label {
651
- top: 28% !important; /* stylelint-disable-line declaration-no-important */
652
- }
653
-
654
- .e-device .e-ie-slider-wrap {
655
- top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
656
- }
657
-
658
637
  .e-image-editor {
659
638
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
660
639
  }
package/styles/material3.css CHANGED
@@ -652,24 +652,23 @@
652
652
  }
653
653
 
654
654
  .e-ie-finetune-value-span {
655
- top: 30% !important; /* stylelint-disable-line declaration-no-important */
655
+ top: 29% !important; /* stylelint-disable-line declaration-no-important */
656
656
  }
657
657
 
658
658
  .e-ie-finetune-slider-label {
659
- top: 30% !important; /* stylelint-disable-line declaration-no-important */
659
+ top: 28% !important; /* stylelint-disable-line declaration-no-important */
660
660
  }
661
661
 
662
662
  .e-ie-finetune-slider-wrap {
663
- top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
663
+ top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
664
664
  }
665
665
 
666
666
  .e-transparency-slider-wrap {
667
- top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
667
+ top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
668
668
  }
669
669
 
670
670
  .e-ie-slider-wrap {
671
671
  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
672
- top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
673
672
  }
674
673
 
675
674
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -691,26 +690,6 @@
691
690
  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
692
691
  }
693
692
 
694
- .e-device .e-transparency-slider-wrap {
695
- top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
696
- }
697
-
698
- .e-device .e-ie-finetune-slider-wrap {
699
- top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
700
- }
701
-
702
- .e-device .e-ie-finetune-value-span {
703
- top: 29% !important; /* stylelint-disable-line declaration-no-important */
704
- }
705
-
706
- .e-device .e-ie-finetune-slider-label {
707
- top: 28% !important; /* stylelint-disable-line declaration-no-important */
708
- }
709
-
710
- .e-device .e-ie-slider-wrap {
711
- top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
712
- }
713
-
714
693
  .e-image-editor {
715
694
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
716
695
  }
package/styles/tailwind-dark.css CHANGED
@@ -535,16 +535,15 @@
535
535
  }
536
536
 
537
537
  .e-ie-finetune-slider-wrap {
538
- top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
538
+ top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
539
539
  }
540
540
 
541
541
  .e-transparency-slider-wrap {
542
- top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
542
+ top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
543
543
  }
544
544
 
545
545
  .e-ie-slider-wrap {
546
546
  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
547
- top: calc(50% - 13px) !important; /* stylelint-disable-line declaration-no-important */
548
547
  }
549
548
 
550
549
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -564,18 +563,6 @@
564
563
  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
565
564
  }
566
565
 
567
- .e-device .e-transparency-slider-wrap {
568
- top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
569
- }
570
-
571
- .e-device .e-ie-finetune-slider-wrap {
572
- top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
573
- }
574
-
575
- .e-device .e-ie-slider-wrap {
576
- top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
577
- }
578
-
579
566
  .e-image-editor {
580
567
  background: #4b5563;
581
568
  }
package/styles/tailwind.css CHANGED
@@ -535,16 +535,15 @@
535
535
  }
536
536
 
537
537
  .e-ie-finetune-slider-wrap {
538
- top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
538
+ top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
539
539
  }
540
540
 
541
541
  .e-transparency-slider-wrap {
542
- top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
542
+ top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
543
543
  }
544
544
 
545
545
  .e-ie-slider-wrap {
546
546
  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
547
- top: calc(50% - 13px) !important; /* stylelint-disable-line declaration-no-important */
548
547
  }
549
548
 
550
549
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -564,18 +563,6 @@
564
563
  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
565
564
  }
566
565
 
567
- .e-device .e-transparency-slider-wrap {
568
- top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
569
- }
570
-
571
- .e-device .e-ie-finetune-slider-wrap {
572
- top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
573
- }
574
-
575
- .e-device .e-ie-slider-wrap {
576
- top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
577
- }
578
-
579
566
  .e-image-editor {
580
567
  background: #e5e7eb;
581
568
  }