@syncfusion/ej2-image-editor 24.2.8 → 25.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 (77) hide show
  1. package/CHANGELOG.md +5 -45
  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 +958 -1922
  5. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-image-editor.es5.js +993 -1974
  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 +133 -242
  18. package/src/image-editor/action/transform.d.ts +0 -1
  19. package/src/image-editor/action/transform.js +80 -291
  20. package/src/image-editor/action/undo-redo.d.ts +0 -1
  21. package/src/image-editor/action/undo-redo.js +32 -127
  22. package/src/image-editor/base/image-editor-model.d.ts +1 -1
  23. package/src/image-editor/base/image-editor.d.ts +51 -42
  24. package/src/image-editor/base/image-editor.js +316 -425
  25. package/src/image-editor/renderer/toolbar.d.ts +1 -0
  26. package/src/image-editor/renderer/toolbar.js +228 -207
  27. package/styles/bootstrap-dark.css +0 -12
  28. package/styles/bootstrap.css +0 -12
  29. package/styles/bootstrap4.css +0 -12
  30. package/styles/bootstrap5-dark.css +0 -12
  31. package/styles/bootstrap5.css +0 -12
  32. package/styles/fabric-dark.css +0 -12
  33. package/styles/fabric.css +0 -12
  34. package/styles/fluent-dark.css +0 -12
  35. package/styles/fluent.css +0 -12
  36. package/styles/highcontrast-light.css +0 -12
  37. package/styles/highcontrast.css +0 -12
  38. package/styles/image-editor/_bds-definition.scss +21 -0
  39. package/styles/image-editor/_bootstrap-dark-definition.scss +0 -1
  40. package/styles/image-editor/_bootstrap-definition.scss +0 -1
  41. package/styles/image-editor/_bootstrap4-definition.scss +0 -1
  42. package/styles/image-editor/_bootstrap5-definition.scss +0 -1
  43. package/styles/image-editor/_fabric-dark-definition.scss +0 -1
  44. package/styles/image-editor/_fabric-definition.scss +0 -1
  45. package/styles/image-editor/_fluent-definition.scss +0 -1
  46. package/styles/image-editor/_fusionnew-definition.scss +0 -1
  47. package/styles/image-editor/_highcontrast-definition.scss +0 -1
  48. package/styles/image-editor/_highcontrast-light-definition.scss +0 -1
  49. package/styles/image-editor/_layout.scss +5 -32
  50. package/styles/image-editor/_material-dark-definition.scss +0 -1
  51. package/styles/image-editor/_material-definition.scss +0 -1
  52. package/styles/image-editor/_material3-definition.scss +2 -3
  53. package/styles/image-editor/_tailwind-definition.scss +0 -1
  54. package/styles/image-editor/bootstrap-dark.css +0 -12
  55. package/styles/image-editor/bootstrap.css +0 -12
  56. package/styles/image-editor/bootstrap4.css +0 -12
  57. package/styles/image-editor/bootstrap5-dark.css +0 -12
  58. package/styles/image-editor/bootstrap5.css +0 -12
  59. package/styles/image-editor/fabric-dark.css +0 -12
  60. package/styles/image-editor/fabric.css +0 -12
  61. package/styles/image-editor/fluent-dark.css +0 -12
  62. package/styles/image-editor/fluent.css +0 -12
  63. package/styles/image-editor/highcontrast-light.css +0 -12
  64. package/styles/image-editor/highcontrast.css +0 -12
  65. package/styles/image-editor/icons/_bds.scss +411 -0
  66. package/styles/image-editor/material-dark.css +0 -12
  67. package/styles/image-editor/material.css +0 -12
  68. package/styles/image-editor/material3-dark.css +5 -25
  69. package/styles/image-editor/material3.css +5 -25
  70. package/styles/image-editor/tailwind-dark.css +2 -14
  71. package/styles/image-editor/tailwind.css +2 -14
  72. package/styles/material-dark.css +0 -12
  73. package/styles/material.css +0 -12
  74. package/styles/material3-dark.css +5 -25
  75. package/styles/material3.css +5 -25
  76. package/styles/tailwind-dark.css +2 -14
  77. package/styles/tailwind.css +2 -14
package/styles/material3-dark.css CHANGED
@@ -596,24 +596,24 @@
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
+ top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
608
609
  }
609
610
 
610
611
  .e-transparency-slider-wrap {
611
- top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
612
+ top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
612
613
  }
613
614
 
614
615
  .e-ie-slider-wrap {
615
616
  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
616
- top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
617
617
  }
618
618
 
619
619
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -635,26 +635,6 @@
635
635
  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
636
636
  }
637
637
 
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
638
  .e-image-editor {
659
639
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
660
640
  }
package/styles/material3.css CHANGED
@@ -652,24 +652,24 @@
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
+ top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
664
665
  }
665
666
 
666
667
  .e-transparency-slider-wrap {
667
- top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
668
+ top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
668
669
  }
669
670
 
670
671
  .e-ie-slider-wrap {
671
672
  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
672
- top: calc(50% - 12px) !important; /* stylelint-disable-line declaration-no-important */
673
673
  }
674
674
 
675
675
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -691,26 +691,6 @@
691
691
  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
692
692
  }
693
693
 
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
694
  .e-image-editor {
715
695
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
716
696
  }
package/styles/tailwind-dark.css CHANGED
@@ -535,16 +535,16 @@
535
535
  }
536
536
 
537
537
  .e-ie-finetune-slider-wrap {
538
+ top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
538
539
  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
539
540
  }
540
541
 
541
542
  .e-transparency-slider-wrap {
542
- top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
543
+ top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
543
544
  }
544
545
 
545
546
  .e-ie-slider-wrap {
546
547
  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
547
- top: calc(50% - 13px) !important; /* stylelint-disable-line declaration-no-important */
548
548
  }
549
549
 
550
550
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -564,18 +564,6 @@
564
564
  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
565
565
  }
566
566
 
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
567
  .e-image-editor {
580
568
  background: #4b5563;
581
569
  }
package/styles/tailwind.css CHANGED
@@ -535,16 +535,16 @@
535
535
  }
536
536
 
537
537
  .e-ie-finetune-slider-wrap {
538
+ top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
538
539
  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
539
540
  }
540
541
 
541
542
  .e-transparency-slider-wrap {
542
- top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
543
+ top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
543
544
  }
544
545
 
545
546
  .e-ie-slider-wrap {
546
547
  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
547
- top: calc(50% - 13px) !important; /* stylelint-disable-line declaration-no-important */
548
548
  }
549
549
 
550
550
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -564,18 +564,6 @@
564
564
  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
565
565
  }
566
566
 
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
567
  .e-image-editor {
580
568
  background: #e5e7eb;
581
569
  }