@syncfusion/ej2-image-editor 24.1.41 → 24.1.44

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 (54) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-image-editor.umd.min.js +2 -2
  4. package/dist/ej2-image-editor.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-image-editor.es2015.js +117 -54
  6. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-image-editor.es5.js +114 -51
  8. package/dist/es6/ej2-image-editor.es5.js.map +1 -1
  9. package/dist/global/ej2-image-editor.min.js +2 -2
  10. package/dist/global/ej2-image-editor.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +8 -8
  13. package/src/image-editor/action/draw.js +29 -26
  14. package/src/image-editor/action/selection.js +8 -0
  15. package/src/image-editor/action/shape.js +2 -0
  16. package/src/image-editor/action/transform.js +9 -5
  17. package/src/image-editor/action/undo-redo.js +11 -1
  18. package/src/image-editor/base/image-editor.js +3 -1
  19. package/src/image-editor/renderer/toolbar.js +52 -18
  20. package/styles/bootstrap-dark.css +9 -2
  21. package/styles/bootstrap.css +9 -2
  22. package/styles/bootstrap4.css +9 -2
  23. package/styles/bootstrap5-dark.css +9 -2
  24. package/styles/bootstrap5.css +9 -2
  25. package/styles/fabric-dark.css +9 -2
  26. package/styles/fabric.css +9 -2
  27. package/styles/fluent-dark.css +9 -2
  28. package/styles/fluent.css +9 -2
  29. package/styles/highcontrast-light.css +9 -2
  30. package/styles/highcontrast.css +9 -2
  31. package/styles/image-editor/_layout.scss +9 -6
  32. package/styles/image-editor/bootstrap-dark.css +9 -2
  33. package/styles/image-editor/bootstrap.css +9 -2
  34. package/styles/image-editor/bootstrap4.css +9 -2
  35. package/styles/image-editor/bootstrap5-dark.css +9 -2
  36. package/styles/image-editor/bootstrap5.css +9 -2
  37. package/styles/image-editor/fabric-dark.css +9 -2
  38. package/styles/image-editor/fabric.css +9 -2
  39. package/styles/image-editor/fluent-dark.css +9 -2
  40. package/styles/image-editor/fluent.css +9 -2
  41. package/styles/image-editor/highcontrast-light.css +9 -2
  42. package/styles/image-editor/highcontrast.css +9 -2
  43. package/styles/image-editor/material-dark.css +9 -2
  44. package/styles/image-editor/material.css +9 -2
  45. package/styles/image-editor/material3-dark.css +7 -2
  46. package/styles/image-editor/material3.css +7 -2
  47. package/styles/image-editor/tailwind-dark.css +9 -2
  48. package/styles/image-editor/tailwind.css +9 -2
  49. package/styles/material-dark.css +9 -2
  50. package/styles/material.css +9 -2
  51. package/styles/material3-dark.css +7 -2
  52. package/styles/material3.css +7 -2
  53. package/styles/tailwind-dark.css +9 -2
  54. package/styles/tailwind.css +9 -2
package/styles/image-editor/material.css CHANGED
@@ -508,14 +508,17 @@
508
508
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
509
509
  }
510
510
  .e-ie-straighten-value-span,
511
- .e-ie-straighten-span {
512
- font-size: 14px;
511
+ .e-ie-straighten-span,
512
+ .e-ie-toolbar-straighten {
513
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
513
514
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
514
515
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
515
516
  }
516
517
 
517
518
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
518
519
  height: auto;
520
+ margin-left: 8px;
521
+ padding-right: 2px;
519
522
  }
520
523
 
521
524
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -531,6 +534,10 @@
531
534
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
532
535
  }
533
536
 
537
+ .e-ie-finetune-value-span {
538
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
539
+ }
540
+
534
541
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
535
542
  top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
536
543
  }
package/styles/image-editor/material3-dark.css CHANGED
@@ -567,8 +567,9 @@
567
567
  }
568
568
 
569
569
  .e-ie-straighten-value-span,
570
- .e-ie-straighten-span {
571
- font-size: 14px;
570
+ .e-ie-straighten-span,
571
+ .e-ie-toolbar-straighten {
572
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
572
573
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
573
574
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
574
575
  }
@@ -594,6 +595,10 @@
594
595
  width: 16px !important; /* stylelint-disable-line declaration-no-important */
595
596
  }
596
597
 
598
+ .e-ie-finetune-value-span {
599
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
600
+ }
601
+
597
602
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
598
603
  height: 22px !important; /* stylelint-disable-line declaration-no-important */
599
604
  width: 22px !important; /* stylelint-disable-line declaration-no-important */
package/styles/image-editor/material3.css CHANGED
@@ -623,8 +623,9 @@
623
623
  }
624
624
 
625
625
  .e-ie-straighten-value-span,
626
- .e-ie-straighten-span {
627
- font-size: 14px;
626
+ .e-ie-straighten-span,
627
+ .e-ie-toolbar-straighten {
628
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
628
629
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
629
630
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
630
631
  }
@@ -650,6 +651,10 @@
650
651
  width: 16px !important; /* stylelint-disable-line declaration-no-important */
651
652
  }
652
653
 
654
+ .e-ie-finetune-value-span {
655
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
656
+ }
657
+
653
658
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
654
659
  height: 22px !important; /* stylelint-disable-line declaration-no-important */
655
660
  width: 22px !important; /* stylelint-disable-line declaration-no-important */
package/styles/image-editor/tailwind-dark.css CHANGED
@@ -500,14 +500,17 @@
500
500
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
501
501
  }
502
502
  .e-ie-straighten-value-span,
503
- .e-ie-straighten-span {
504
- font-size: 14px;
503
+ .e-ie-straighten-span,
504
+ .e-ie-toolbar-straighten {
505
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
505
506
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
506
507
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
507
508
  }
508
509
 
509
510
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
510
511
  height: auto;
512
+ margin-left: 8px;
513
+ padding-right: 2px;
511
514
  }
512
515
 
513
516
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -523,6 +526,10 @@
523
526
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
524
527
  }
525
528
 
529
+ .e-ie-finetune-value-span {
530
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
531
+ }
532
+
526
533
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
527
534
  top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
528
535
  }
package/styles/image-editor/tailwind.css CHANGED
@@ -500,14 +500,17 @@
500
500
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
501
501
  }
502
502
  .e-ie-straighten-value-span,
503
- .e-ie-straighten-span {
504
- font-size: 14px;
503
+ .e-ie-straighten-span,
504
+ .e-ie-toolbar-straighten {
505
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
505
506
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
506
507
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
507
508
  }
508
509
 
509
510
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
510
511
  height: auto;
512
+ margin-left: 8px;
513
+ padding-right: 2px;
511
514
  }
512
515
 
513
516
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -523,6 +526,10 @@
523
526
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
524
527
  }
525
528
 
529
+ .e-ie-finetune-value-span {
530
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
531
+ }
532
+
526
533
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
527
534
  top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
528
535
  }
package/styles/material-dark.css CHANGED
@@ -503,14 +503,17 @@
503
503
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
504
504
  }
505
505
  .e-ie-straighten-value-span,
506
- .e-ie-straighten-span {
507
- font-size: 14px;
506
+ .e-ie-straighten-span,
507
+ .e-ie-toolbar-straighten {
508
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
508
509
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
509
510
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
510
511
  }
511
512
 
512
513
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
513
514
  height: auto;
515
+ margin-left: 8px;
516
+ padding-right: 2px;
514
517
  }
515
518
 
516
519
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -526,6 +529,10 @@
526
529
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
527
530
  }
528
531
 
532
+ .e-ie-finetune-value-span {
533
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
534
+ }
535
+
529
536
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
530
537
  top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
531
538
  }
package/styles/material.css CHANGED
@@ -508,14 +508,17 @@
508
508
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
509
509
  }
510
510
  .e-ie-straighten-value-span,
511
- .e-ie-straighten-span {
512
- font-size: 14px;
511
+ .e-ie-straighten-span,
512
+ .e-ie-toolbar-straighten {
513
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
513
514
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
514
515
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
515
516
  }
516
517
 
517
518
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
518
519
  height: auto;
520
+ margin-left: 8px;
521
+ padding-right: 2px;
519
522
  }
520
523
 
521
524
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -531,6 +534,10 @@
531
534
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
532
535
  }
533
536
 
537
+ .e-ie-finetune-value-span {
538
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
539
+ }
540
+
534
541
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
535
542
  top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
536
543
  }
package/styles/material3-dark.css CHANGED
@@ -567,8 +567,9 @@
567
567
  }
568
568
 
569
569
  .e-ie-straighten-value-span,
570
- .e-ie-straighten-span {
571
- font-size: 14px;
570
+ .e-ie-straighten-span,
571
+ .e-ie-toolbar-straighten {
572
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
572
573
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
573
574
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
574
575
  }
@@ -594,6 +595,10 @@
594
595
  width: 16px !important; /* stylelint-disable-line declaration-no-important */
595
596
  }
596
597
 
598
+ .e-ie-finetune-value-span {
599
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
600
+ }
601
+
597
602
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
598
603
  height: 22px !important; /* stylelint-disable-line declaration-no-important */
599
604
  width: 22px !important; /* stylelint-disable-line declaration-no-important */
package/styles/material3.css CHANGED
@@ -623,8 +623,9 @@
623
623
  }
624
624
 
625
625
  .e-ie-straighten-value-span,
626
- .e-ie-straighten-span {
627
- font-size: 14px;
626
+ .e-ie-straighten-span,
627
+ .e-ie-toolbar-straighten {
628
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
628
629
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
629
630
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
630
631
  }
@@ -650,6 +651,10 @@
650
651
  width: 16px !important; /* stylelint-disable-line declaration-no-important */
651
652
  }
652
653
 
654
+ .e-ie-finetune-value-span {
655
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
656
+ }
657
+
653
658
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
654
659
  height: 22px !important; /* stylelint-disable-line declaration-no-important */
655
660
  width: 22px !important; /* stylelint-disable-line declaration-no-important */
package/styles/tailwind-dark.css CHANGED
@@ -500,14 +500,17 @@
500
500
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
501
501
  }
502
502
  .e-ie-straighten-value-span,
503
- .e-ie-straighten-span {
504
- font-size: 14px;
503
+ .e-ie-straighten-span,
504
+ .e-ie-toolbar-straighten {
505
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
505
506
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
506
507
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
507
508
  }
508
509
 
509
510
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
510
511
  height: auto;
512
+ margin-left: 8px;
513
+ padding-right: 2px;
511
514
  }
512
515
 
513
516
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -523,6 +526,10 @@
523
526
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
524
527
  }
525
528
 
529
+ .e-ie-finetune-value-span {
530
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
531
+ }
532
+
526
533
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
527
534
  top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
528
535
  }
package/styles/tailwind.css CHANGED
@@ -500,14 +500,17 @@
500
500
  height: 54px !important; /* stylelint-disable-line declaration-no-important */
501
501
  }
502
502
  .e-ie-straighten-value-span,
503
- .e-ie-straighten-span {
504
- font-size: 14px;
503
+ .e-ie-straighten-span,
504
+ .e-ie-toolbar-straighten {
505
+ font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
505
506
  padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
506
507
  padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
507
508
  }
508
509
 
509
510
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
510
511
  height: auto;
512
+ margin-left: 8px;
513
+ padding-right: 2px;
511
514
  }
512
515
 
513
516
  .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -523,6 +526,10 @@
523
526
  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
524
527
  }
525
528
 
529
+ .e-ie-finetune-value-span {
530
+ top: 26% !important; /* stylelint-disable-line declaration-no-important */
531
+ }
532
+
526
533
  .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
527
534
  top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
528
535
  }