@syncfusion/ej2-image-editor 25.1.40 → 25.2.3

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 (48) hide show
  1. package/CHANGELOG.md +22 -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 +9 -9
  5. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-image-editor.es5.js +9 -9
  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 +11 -11
  12. package/src/image-editor/base/image-editor.js +1 -1
  13. package/src/image-editor/renderer/toolbar.js +8 -8
  14. package/styles/bootstrap-dark.css +2 -2
  15. package/styles/bootstrap.css +2 -2
  16. package/styles/bootstrap4.css +2 -2
  17. package/styles/bootstrap5-dark.css +2 -2
  18. package/styles/bootstrap5.css +2 -2
  19. package/styles/fabric-dark.css +2 -2
  20. package/styles/fabric.css +2 -2
  21. package/styles/fluent-dark.css +2 -2
  22. package/styles/fluent.css +2 -2
  23. package/styles/highcontrast-light.css +2 -2
  24. package/styles/highcontrast.css +2 -2
  25. package/styles/image-editor/_layout.scss +2 -2
  26. package/styles/image-editor/bootstrap-dark.css +2 -2
  27. package/styles/image-editor/bootstrap.css +2 -2
  28. package/styles/image-editor/bootstrap4.css +2 -2
  29. package/styles/image-editor/bootstrap5-dark.css +2 -2
  30. package/styles/image-editor/bootstrap5.css +2 -2
  31. package/styles/image-editor/fabric-dark.css +2 -2
  32. package/styles/image-editor/fabric.css +2 -2
  33. package/styles/image-editor/fluent-dark.css +2 -2
  34. package/styles/image-editor/fluent.css +2 -2
  35. package/styles/image-editor/highcontrast-light.css +2 -2
  36. package/styles/image-editor/highcontrast.css +2 -2
  37. package/styles/image-editor/material-dark.css +2 -2
  38. package/styles/image-editor/material.css +2 -2
  39. package/styles/image-editor/material3-dark.css +2 -2
  40. package/styles/image-editor/material3.css +2 -2
  41. package/styles/image-editor/tailwind-dark.css +2 -2
  42. package/styles/image-editor/tailwind.css +2 -2
  43. package/styles/material-dark.css +2 -2
  44. package/styles/material.css +2 -2
  45. package/styles/material3-dark.css +2 -2
  46. package/styles/material3.css +2 -2
  47. package/styles/tailwind-dark.css +2 -2
  48. package/styles/tailwind.css +2 -2
package/dist/es6/ej2-image-editor.es2015.js CHANGED
@@ -19835,10 +19835,10 @@ let ImageEditor = ImageEditor_1 = class ImageEditor extends Component {
19835
19835
  if (!this.element.getAttribute('class')) {
19836
19836
  this.element.removeAttribute('class');
19837
19837
  }
19838
+ this.unwireEvent();
19838
19839
  this.notify('toolbar', { prop: 'destroySubComponents', onPropertyChange: false });
19839
19840
  this.notify('destroyed', null);
19840
19841
  super.destroy();
19841
- this.unwireEvent();
19842
19842
  this.element.innerHTML = '';
19843
19843
  }
19844
19844
  initialize() {
@@ -23701,27 +23701,27 @@ class ToolbarModule {
23701
23701
  const id = parent.element.id;
23702
23702
  const toolbarItems = [];
23703
23703
  if (isFrame) {
23704
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('None') > -1)) {
23704
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('None') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23705
23705
  toolbarItems.push({ id: id + '_none', prefixIcon: 'e-icons e-frame-none', cssClass: 'top-icon e-frame-none',
23706
23706
  tooltipText: this.l10n.getConstant('None'), align: 'Center' });
23707
23707
  }
23708
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Mat') > -1)) {
23708
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Mat') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23709
23709
  toolbarItems.push({ id: id + '_mat', prefixIcon: 'e-icons e-frame-mat', cssClass: 'top-icon e-frame-mat',
23710
23710
  tooltipText: this.l10n.getConstant('Mat'), align: 'Center' });
23711
23711
  }
23712
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Bevel') > -1)) {
23712
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Bevel') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23713
23713
  toolbarItems.push({ id: id + '_bevel', prefixIcon: 'e-icons e-frame-bevel', cssClass: 'top-icon e-frame-bevel',
23714
23714
  tooltipText: this.l10n.getConstant('Bevel'), align: 'Center' });
23715
23715
  }
23716
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Line') > -1)) {
23716
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Line') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23717
23717
  toolbarItems.push({ id: id + '_line', prefixIcon: 'e-icons e-frame-line', cssClass: 'top-icon e-frame-line',
23718
23718
  tooltipText: this.l10n.getConstant('Line'), align: 'Center' });
23719
23719
  }
23720
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Inset') > -1)) {
23720
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Inset') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23721
23721
  toolbarItems.push({ id: id + '_inset', prefixIcon: 'e-icons e-frame-inset', cssClass: 'top-icon e-frame-inset',
23722
23722
  tooltipText: this.l10n.getConstant('Inset'), align: 'Center' });
23723
23723
  }
23724
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Hook') > -1)) {
23724
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Hook') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23725
23725
  toolbarItems.push({ id: id + '_hook', prefixIcon: 'e-icons e-frame-hook', cssClass: 'top-icon e-frame-hook',
23726
23726
  tooltipText: this.l10n.getConstant('Hook'), align: 'Center' });
23727
23727
  }
@@ -24191,7 +24191,7 @@ class ToolbarModule {
24191
24191
  let isCustomized = false;
24192
24192
  const items = [];
24193
24193
  const id = parent.element.id;
24194
- const defItems = ['Ellipse', 'Arrow', 'Line', 'Rectangle', 'Pen', 'Path', 'Text'];
24194
+ const defItems = ['Ellipse', 'Arrow', 'Line', 'Rectangle', 'Pen', 'Path', 'Text', 'Image'];
24195
24195
  if (parent.toolbar) {
24196
24196
  for (let i = 0; i < defItems.length; i++) {
24197
24197
  if (parent.toolbar.indexOf(defItems[i]) !== -1) {
@@ -24221,7 +24221,7 @@ class ToolbarModule {
24221
24221
  if (isNullOrUndefined(parent.toolbar) || !isCustomized || (parent.toolbar && parent.toolbar.indexOf('Text') > -1)) {
24222
24222
  items.push({ text: this.l10n.getConstant('Text'), id: 'text', iconCss: 'e-icons e-add-text' });
24223
24223
  }
24224
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Image') > -1)) {
24224
+ if (isNullOrUndefined(parent.toolbar) || !isCustomized || (parent.toolbar && parent.toolbar.indexOf('Image') > -1)) {
24225
24225
  items.push({ text: this.l10n.getConstant('Image'), id: 'image', iconCss: 'e-icons e-image' });
24226
24226
  }
24227
24227
  const obj = { freehandDrawSelectedId: null };