@syncfusion/ej2-image-editor 29.1.38 → 29.2.4

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 (80) hide show
  1. package/dist/ej2-image-editor.umd.min.js +2 -2
  2. package/dist/ej2-image-editor.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-image-editor.es2015.js +68 -9
  4. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  5. package/dist/es6/ej2-image-editor.es5.js +68 -9
  6. package/dist/es6/ej2-image-editor.es5.js.map +1 -1
  7. package/dist/global/ej2-image-editor.min.js +2 -2
  8. package/dist/global/ej2-image-editor.min.js.map +1 -1
  9. package/dist/global/index.d.ts +1 -1
  10. package/package.json +12 -12
  11. package/src/image-editor/action/draw.js +1 -0
  12. package/src/image-editor/base/image-editor-model.d.ts +25 -0
  13. package/src/image-editor/base/image-editor.d.ts +24 -0
  14. package/src/image-editor/base/image-editor.js +14 -0
  15. package/src/image-editor/renderer/toolbar.d.ts +1 -0
  16. package/src/image-editor/renderer/toolbar.js +53 -9
  17. package/styles/bds-lite.css +2 -2
  18. package/styles/bds.css +2 -2
  19. package/styles/bootstrap-dark-lite.css +2 -2
  20. package/styles/bootstrap-dark.css +2 -2
  21. package/styles/bootstrap-lite.css +2 -2
  22. package/styles/bootstrap.css +2 -2
  23. package/styles/bootstrap4-lite.css +2 -2
  24. package/styles/bootstrap4.css +2 -2
  25. package/styles/bootstrap5-dark-lite.css +2 -2
  26. package/styles/bootstrap5-dark.css +2 -2
  27. package/styles/bootstrap5-lite.css +2 -2
  28. package/styles/bootstrap5.3-lite.css +2 -2
  29. package/styles/bootstrap5.3.css +2 -2
  30. package/styles/bootstrap5.css +2 -2
  31. package/styles/fabric-dark-lite.css +2 -2
  32. package/styles/fabric-dark.css +2 -2
  33. package/styles/fabric-lite.css +2 -2
  34. package/styles/fabric.css +2 -2
  35. package/styles/fluent-dark-lite.css +2 -2
  36. package/styles/fluent-dark.css +2 -2
  37. package/styles/fluent-lite.css +2 -2
  38. package/styles/fluent.css +2 -2
  39. package/styles/fluent2-lite.css +2 -2
  40. package/styles/fluent2.css +2 -2
  41. package/styles/highcontrast-light-lite.css +2 -2
  42. package/styles/highcontrast-light.css +2 -2
  43. package/styles/highcontrast-lite.css +2 -2
  44. package/styles/highcontrast.css +2 -2
  45. package/styles/image-editor/_layout.scss +2 -2
  46. package/styles/image-editor/bds.css +2 -2
  47. package/styles/image-editor/bootstrap-dark.css +2 -2
  48. package/styles/image-editor/bootstrap.css +2 -2
  49. package/styles/image-editor/bootstrap4.css +2 -2
  50. package/styles/image-editor/bootstrap5-dark.css +2 -2
  51. package/styles/image-editor/bootstrap5.3.css +2 -2
  52. package/styles/image-editor/bootstrap5.css +2 -2
  53. package/styles/image-editor/fabric-dark.css +2 -2
  54. package/styles/image-editor/fabric.css +2 -2
  55. package/styles/image-editor/fluent-dark.css +2 -2
  56. package/styles/image-editor/fluent.css +2 -2
  57. package/styles/image-editor/fluent2.css +2 -2
  58. package/styles/image-editor/highcontrast-light.css +2 -2
  59. package/styles/image-editor/highcontrast.css +2 -2
  60. package/styles/image-editor/material-dark.css +2 -2
  61. package/styles/image-editor/material.css +2 -2
  62. package/styles/image-editor/material3-dark.css +2 -2
  63. package/styles/image-editor/material3.css +2 -2
  64. package/styles/image-editor/tailwind-dark.css +2 -2
  65. package/styles/image-editor/tailwind.css +2 -2
  66. package/styles/image-editor/tailwind3.css +2 -2
  67. package/styles/material-dark-lite.css +2 -2
  68. package/styles/material-dark.css +2 -2
  69. package/styles/material-lite.css +2 -2
  70. package/styles/material.css +2 -2
  71. package/styles/material3-dark-lite.css +2 -2
  72. package/styles/material3-dark.css +2 -2
  73. package/styles/material3-lite.css +2 -2
  74. package/styles/material3.css +2 -2
  75. package/styles/tailwind-dark-lite.css +2 -2
  76. package/styles/tailwind-dark.css +2 -2
  77. package/styles/tailwind-lite.css +2 -2
  78. package/styles/tailwind.css +2 -2
  79. package/styles/tailwind3-lite.css +2 -2
  80. package/styles/tailwind3.css +2 -2
package/styles/image-editor/bds.css CHANGED
@@ -624,8 +624,8 @@
624
624
  }
625
625
 
626
626
  .e-ie-img-dlg-canvas {
627
- width: 100%;
628
- height: 100%;
627
+ width: auto;
628
+ height: auto;
629
629
  }
630
630
 
631
631
  .e-ie-img-size {
package/styles/image-editor/bootstrap-dark.css CHANGED
@@ -515,8 +515,8 @@
515
515
  }
516
516
 
517
517
  .e-ie-img-dlg-canvas {
518
- width: 100%;
519
- height: 100%;
518
+ width: auto;
519
+ height: auto;
520
520
  }
521
521
 
522
522
  .e-ie-img-size {
package/styles/image-editor/bootstrap.css CHANGED
@@ -515,8 +515,8 @@
515
515
  }
516
516
 
517
517
  .e-ie-img-dlg-canvas {
518
- width: 100%;
519
- height: 100%;
518
+ width: auto;
519
+ height: auto;
520
520
  }
521
521
 
522
522
  .e-ie-img-size {
package/styles/image-editor/bootstrap4.css CHANGED
@@ -514,8 +514,8 @@
514
514
  }
515
515
 
516
516
  .e-ie-img-dlg-canvas {
517
- width: 100%;
518
- height: 100%;
517
+ width: auto;
518
+ height: auto;
519
519
  }
520
520
 
521
521
  .e-ie-img-size {
package/styles/image-editor/bootstrap5-dark.css CHANGED
@@ -520,8 +520,8 @@
520
520
  }
521
521
 
522
522
  .e-ie-img-dlg-canvas {
523
- width: 100%;
524
- height: 100%;
523
+ width: auto;
524
+ height: auto;
525
525
  }
526
526
 
527
527
  .e-ie-img-size {
package/styles/image-editor/bootstrap5.3.css CHANGED
@@ -524,8 +524,8 @@
524
524
  }
525
525
 
526
526
  .e-ie-img-dlg-canvas {
527
- width: 100%;
528
- height: 100%;
527
+ width: auto;
528
+ height: auto;
529
529
  }
530
530
 
531
531
  .e-ie-img-size {
package/styles/image-editor/bootstrap5.css CHANGED
@@ -520,8 +520,8 @@
520
520
  }
521
521
 
522
522
  .e-ie-img-dlg-canvas {
523
- width: 100%;
524
- height: 100%;
523
+ width: auto;
524
+ height: auto;
525
525
  }
526
526
 
527
527
  .e-ie-img-size {
package/styles/image-editor/fabric-dark.css CHANGED
@@ -515,8 +515,8 @@
515
515
  }
516
516
 
517
517
  .e-ie-img-dlg-canvas {
518
- width: 100%;
519
- height: 100%;
518
+ width: auto;
519
+ height: auto;
520
520
  }
521
521
 
522
522
  .e-ie-img-size {
package/styles/image-editor/fabric.css CHANGED
@@ -515,8 +515,8 @@
515
515
  }
516
516
 
517
517
  .e-ie-img-dlg-canvas {
518
- width: 100%;
519
- height: 100%;
518
+ width: auto;
519
+ height: auto;
520
520
  }
521
521
 
522
522
  .e-ie-img-size {
package/styles/image-editor/fluent-dark.css CHANGED
@@ -520,8 +520,8 @@
520
520
  }
521
521
 
522
522
  .e-ie-img-dlg-canvas {
523
- width: 100%;
524
- height: 100%;
523
+ width: auto;
524
+ height: auto;
525
525
  }
526
526
 
527
527
  .e-ie-img-size {
package/styles/image-editor/fluent.css CHANGED
@@ -520,8 +520,8 @@
520
520
  }
521
521
 
522
522
  .e-ie-img-dlg-canvas {
523
- width: 100%;
524
- height: 100%;
523
+ width: auto;
524
+ height: auto;
525
525
  }
526
526
 
527
527
  .e-ie-img-size {
package/styles/image-editor/fluent2.css CHANGED
@@ -538,8 +538,8 @@
538
538
  }
539
539
 
540
540
  .e-ie-img-dlg-canvas {
541
- width: 100%;
542
- height: 100%;
541
+ width: auto;
542
+ height: auto;
543
543
  }
544
544
 
545
545
  .e-ie-img-size {
package/styles/image-editor/highcontrast-light.css CHANGED
@@ -514,8 +514,8 @@
514
514
  }
515
515
 
516
516
  .e-ie-img-dlg-canvas {
517
- width: 100%;
518
- height: 100%;
517
+ width: auto;
518
+ height: auto;
519
519
  }
520
520
 
521
521
  .e-ie-img-size {
package/styles/image-editor/highcontrast.css CHANGED
@@ -518,8 +518,8 @@
518
518
  }
519
519
 
520
520
  .e-ie-img-dlg-canvas {
521
- width: 100%;
522
- height: 100%;
521
+ width: auto;
522
+ height: auto;
523
523
  }
524
524
 
525
525
  .e-ie-img-size {
package/styles/image-editor/material-dark.css CHANGED
@@ -536,8 +536,8 @@
536
536
  }
537
537
 
538
538
  .e-ie-img-dlg-canvas {
539
- width: 100%;
540
- height: 100%;
539
+ width: auto;
540
+ height: auto;
541
541
  }
542
542
 
543
543
  .e-ie-img-size {
package/styles/image-editor/material.css CHANGED
@@ -536,8 +536,8 @@
536
536
  }
537
537
 
538
538
  .e-ie-img-dlg-canvas {
539
- width: 100%;
540
- height: 100%;
539
+ width: auto;
540
+ height: auto;
541
541
  }
542
542
 
543
543
  .e-ie-img-size {
package/styles/image-editor/material3-dark.css CHANGED
@@ -548,8 +548,8 @@
548
548
  }
549
549
 
550
550
  .e-ie-img-dlg-canvas {
551
- width: 100%;
552
- height: 100%;
551
+ width: auto;
552
+ height: auto;
553
553
  }
554
554
 
555
555
  .e-ie-img-size {
package/styles/image-editor/material3.css CHANGED
@@ -550,8 +550,8 @@
550
550
  }
551
551
 
552
552
  .e-ie-img-dlg-canvas {
553
- width: 100%;
554
- height: 100%;
553
+ width: auto;
554
+ height: auto;
555
555
  }
556
556
 
557
557
  .e-ie-img-size {
package/styles/image-editor/tailwind-dark.css CHANGED
@@ -514,8 +514,8 @@
514
514
  }
515
515
 
516
516
  .e-ie-img-dlg-canvas {
517
- width: 100%;
518
- height: 100%;
517
+ width: auto;
518
+ height: auto;
519
519
  }
520
520
 
521
521
  .e-ie-img-size {
package/styles/image-editor/tailwind.css CHANGED
@@ -514,8 +514,8 @@
514
514
  }
515
515
 
516
516
  .e-ie-img-dlg-canvas {
517
- width: 100%;
518
- height: 100%;
517
+ width: auto;
518
+ height: auto;
519
519
  }
520
520
 
521
521
  .e-ie-img-size {
package/styles/image-editor/tailwind3.css CHANGED
@@ -519,8 +519,8 @@
519
519
  }
520
520
 
521
521
  .e-ie-img-dlg-canvas {
522
- width: 100%;
523
- height: 100%;
522
+ width: auto;
523
+ height: auto;
524
524
  }
525
525
 
526
526
  .e-ie-img-size {
package/styles/material-dark-lite.css CHANGED
@@ -536,8 +536,8 @@
536
536
  }
537
537
 
538
538
  .e-ie-img-dlg-canvas {
539
- width: 100%;
540
- height: 100%;
539
+ width: auto;
540
+ height: auto;
541
541
  }
542
542
 
543
543
  .e-ie-img-size {
package/styles/material-dark.css CHANGED
@@ -536,8 +536,8 @@
536
536
  }
537
537
 
538
538
  .e-ie-img-dlg-canvas {
539
- width: 100%;
540
- height: 100%;
539
+ width: auto;
540
+ height: auto;
541
541
  }
542
542
 
543
543
  .e-ie-img-size {
package/styles/material-lite.css CHANGED
@@ -536,8 +536,8 @@
536
536
  }
537
537
 
538
538
  .e-ie-img-dlg-canvas {
539
- width: 100%;
540
- height: 100%;
539
+ width: auto;
540
+ height: auto;
541
541
  }
542
542
 
543
543
  .e-ie-img-size {
package/styles/material.css CHANGED
@@ -536,8 +536,8 @@
536
536
  }
537
537
 
538
538
  .e-ie-img-dlg-canvas {
539
- width: 100%;
540
- height: 100%;
539
+ width: auto;
540
+ height: auto;
541
541
  }
542
542
 
543
543
  .e-ie-img-size {
package/styles/material3-dark-lite.css CHANGED
@@ -548,8 +548,8 @@
548
548
  }
549
549
 
550
550
  .e-ie-img-dlg-canvas {
551
- width: 100%;
552
- height: 100%;
551
+ width: auto;
552
+ height: auto;
553
553
  }
554
554
 
555
555
  .e-ie-img-size {
package/styles/material3-dark.css CHANGED
@@ -548,8 +548,8 @@
548
548
  }
549
549
 
550
550
  .e-ie-img-dlg-canvas {
551
- width: 100%;
552
- height: 100%;
551
+ width: auto;
552
+ height: auto;
553
553
  }
554
554
 
555
555
  .e-ie-img-size {
package/styles/material3-lite.css CHANGED
@@ -550,8 +550,8 @@
550
550
  }
551
551
 
552
552
  .e-ie-img-dlg-canvas {
553
- width: 100%;
554
- height: 100%;
553
+ width: auto;
554
+ height: auto;
555
555
  }
556
556
 
557
557
  .e-ie-img-size {
package/styles/material3.css CHANGED
@@ -550,8 +550,8 @@
550
550
  }
551
551
 
552
552
  .e-ie-img-dlg-canvas {
553
- width: 100%;
554
- height: 100%;
553
+ width: auto;
554
+ height: auto;
555
555
  }
556
556
 
557
557
  .e-ie-img-size {
package/styles/tailwind-dark-lite.css CHANGED
@@ -514,8 +514,8 @@
514
514
  }
515
515
 
516
516
  .e-ie-img-dlg-canvas {
517
- width: 100%;
518
- height: 100%;
517
+ width: auto;
518
+ height: auto;
519
519
  }
520
520
 
521
521
  .e-ie-img-size {
package/styles/tailwind-dark.css CHANGED
@@ -514,8 +514,8 @@
514
514
  }
515
515
 
516
516
  .e-ie-img-dlg-canvas {
517
- width: 100%;
518
- height: 100%;
517
+ width: auto;
518
+ height: auto;
519
519
  }
520
520
 
521
521
  .e-ie-img-size {
package/styles/tailwind-lite.css CHANGED
@@ -514,8 +514,8 @@
514
514
  }
515
515
 
516
516
  .e-ie-img-dlg-canvas {
517
- width: 100%;
518
- height: 100%;
517
+ width: auto;
518
+ height: auto;
519
519
  }
520
520
 
521
521
  .e-ie-img-size {
package/styles/tailwind.css CHANGED
@@ -514,8 +514,8 @@
514
514
  }
515
515
 
516
516
  .e-ie-img-dlg-canvas {
517
- width: 100%;
518
- height: 100%;
517
+ width: auto;
518
+ height: auto;
519
519
  }
520
520
 
521
521
  .e-ie-img-size {
package/styles/tailwind3-lite.css CHANGED
@@ -519,8 +519,8 @@
519
519
  }
520
520
 
521
521
  .e-ie-img-dlg-canvas {
522
- width: 100%;
523
- height: 100%;
522
+ width: auto;
523
+ height: auto;
524
524
  }
525
525
 
526
526
  .e-ie-img-size {
package/styles/tailwind3.css CHANGED
@@ -519,8 +519,8 @@
519
519
  }
520
520
 
521
521
  .e-ie-img-dlg-canvas {
522
- width: 100%;
523
- height: 100%;
522
+ width: auto;
523
+ height: auto;
524
524
  }
525
525
 
526
526
  .e-ie-img-size {