@syncfusion/ej2-image-editor 22.1.34 → 22.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 (35) hide show
  1. package/CHANGELOG.md +16 -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 +1018 -1064
  5. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-image-editor.es5.js +1016 -1066
  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 +9 -9
  12. package/src/image-editor/action/crop.d.ts +1 -0
  13. package/src/image-editor/action/crop.js +12 -1
  14. package/src/image-editor/action/draw.d.ts +4 -1
  15. package/src/image-editor/action/draw.js +137 -127
  16. package/src/image-editor/action/filter.js +1 -1
  17. package/src/image-editor/action/freehand-draw.js +9 -9
  18. package/src/image-editor/action/selection.d.ts +1 -1
  19. package/src/image-editor/action/selection.js +64 -226
  20. package/src/image-editor/action/shape.d.ts +1 -0
  21. package/src/image-editor/action/shape.js +97 -9
  22. package/src/image-editor/action/transform.js +211 -22
  23. package/src/image-editor/action/undo-redo.js +9 -7
  24. package/src/image-editor/base/image-editor-model.d.ts +2 -2
  25. package/src/image-editor/base/image-editor.d.ts +0 -15
  26. package/src/image-editor/base/image-editor.js +35 -225
  27. package/src/image-editor/base/interface.d.ts +11 -3
  28. package/src/image-editor/renderer/toolbar.js +362 -363
  29. package/styles/highcontrast-light.css +2 -2
  30. package/styles/highcontrast.css +6 -1
  31. package/styles/image-editor/_highcontrast-definition.scss +1 -1
  32. package/styles/image-editor/_highcontrast-light-definition.scss +1 -1
  33. package/styles/image-editor/_theme.scss +2 -4
  34. package/styles/image-editor/highcontrast-light.css +2 -2
  35. package/styles/image-editor/highcontrast.css +6 -1
package/styles/highcontrast-light.css CHANGED
@@ -343,7 +343,7 @@
343
343
  color: #000;
344
344
  }
345
345
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-selected-btn {
346
- background: #000 !important; /* stylelint-disable-line declaration-no-important */
346
+ background: #400074 !important; /* stylelint-disable-line declaration-no-important */
347
347
  }
348
348
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn {
349
349
  background: inherit;
@@ -387,5 +387,5 @@
387
387
  }
388
388
 
389
389
  .e-dropdown-popup .e-selected-btn {
390
- background: #000 !important; /* stylelint-disable-line declaration-no-important */
390
+ background: #400074 !important; /* stylelint-disable-line declaration-no-important */
391
391
  }
package/styles/highcontrast.css CHANGED
@@ -343,7 +343,7 @@
343
343
  color: #fff;
344
344
  }
345
345
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-selected-btn {
346
- background: #fff !important; /* stylelint-disable-line declaration-no-important */
346
+ background: #ffd939 !important; /* stylelint-disable-line declaration-no-important */
347
347
  }
348
348
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn {
349
349
  background: inherit;
@@ -384,4 +384,9 @@
384
384
  .e-image-editor .e-toolbar .e-toolbar-items .e-nocolor-item {
385
385
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") !important; /* stylelint-disable-line declaration-no-important */
386
386
  background-size: 8px !important; /* stylelint-disable-line declaration-no-important */
387
+ }
388
+
389
+ .e-dropdown-popup .e-selected-btn {
390
+ background: #ffd939 !important; /* stylelint-disable-line declaration-no-important */
391
+ color: #000 !important; /* stylelint-disable-line declaration-no-important */
387
392
  }
package/styles/image-editor/_highcontrast-definition.scss CHANGED
@@ -2,7 +2,7 @@ $image-editor-background: $bg-base-0 !default;
2
2
  $image-editor-border: 1px solid $border-fg !default;
3
3
  $image-editor-toolbar-icon-color: $content-font !default;
4
4
  $img-editor-cp-preview-border-bottom-color: $selection-font !default;
5
- $image-editor-icon-sel-bg-color: $content-font !default;
5
+ $image-editor-icon-sel-bg-color: $selection-bg !default;
6
6
  $image-editor-ddbtn-margin-top: 0 !default;
7
7
  $image-editor-tbar-height: 38px !default;
8
8
  $image-editor-bigger-tbar-height: 48px !default;
package/styles/image-editor/_highcontrast-light-definition.scss CHANGED
@@ -2,7 +2,7 @@ $image-editor-background: $bg-base-0 !default;
2
2
  $image-editor-border: 1px solid $border-fg !default;
3
3
  $image-editor-toolbar-icon-color: $content-font !default;
4
4
  $img-editor-cp-preview-border-bottom-color: $border-fg !default;
5
- $image-editor-icon-sel-bg-color: $content-font !default;
5
+ $image-editor-icon-sel-bg-color: $selection-bg !default;
6
6
  $image-editor-ddbtn-margin-top: 0 !default;
7
7
  $image-editor-tbar-height: 38px !default;
8
8
  $image-editor-bigger-tbar-height: 48px !default;
package/styles/image-editor/_theme.scss CHANGED
@@ -102,13 +102,11 @@
102
102
 
103
103
  .e-dropdown-popup {
104
104
  & .e-selected-btn {
105
- @if $skin-name != 'highcontrast' {
106
- background: $image-editor-icon-sel-bg-color !important; /* stylelint-disable-line declaration-no-important */
107
- }
105
+ background: $image-editor-icon-sel-bg-color !important; /* stylelint-disable-line declaration-no-important */
108
106
  @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' {
109
107
  color: $secondary-text-color-focus !important; /* stylelint-disable-line declaration-no-important */
110
108
  }
111
- @if $skin-name == 'bootstrap4' {
109
+ @if $skin-name == 'bootstrap4' or $skin-name == 'highcontrast' {
112
110
  color: $drop-down-btn-selected-color !important; /* stylelint-disable-line declaration-no-important */
113
111
  }
114
112
  }
package/styles/image-editor/highcontrast-light.css CHANGED
@@ -343,7 +343,7 @@
343
343
  color: #000;
344
344
  }
345
345
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-selected-btn {
346
- background: #000 !important; /* stylelint-disable-line declaration-no-important */
346
+ background: #400074 !important; /* stylelint-disable-line declaration-no-important */
347
347
  }
348
348
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn {
349
349
  background: inherit;
@@ -387,5 +387,5 @@
387
387
  }
388
388
 
389
389
  .e-dropdown-popup .e-selected-btn {
390
- background: #000 !important; /* stylelint-disable-line declaration-no-important */
390
+ background: #400074 !important; /* stylelint-disable-line declaration-no-important */
391
391
  }
package/styles/image-editor/highcontrast.css CHANGED
@@ -343,7 +343,7 @@
343
343
  color: #fff;
344
344
  }
345
345
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-selected-btn {
346
- background: #fff !important; /* stylelint-disable-line declaration-no-important */
346
+ background: #ffd939 !important; /* stylelint-disable-line declaration-no-important */
347
347
  }
348
348
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn {
349
349
  background: inherit;
@@ -384,4 +384,9 @@
384
384
  .e-image-editor .e-toolbar .e-toolbar-items .e-nocolor-item {
385
385
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") !important; /* stylelint-disable-line declaration-no-important */
386
386
  background-size: 8px !important; /* stylelint-disable-line declaration-no-important */
387
+ }
388
+
389
+ .e-dropdown-popup .e-selected-btn {
390
+ background: #ffd939 !important; /* stylelint-disable-line declaration-no-important */
391
+ color: #000 !important; /* stylelint-disable-line declaration-no-important */
387
392
  }