@syncfusion/ej2-image-editor 25.1.42 → 25.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 (49) 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 -8
  5. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-image-editor.es5.js +9 -8
  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/action/export.js +2 -1
  13. package/src/image-editor/base/image-editor.js +1 -1
  14. package/src/image-editor/renderer/toolbar.js +6 -6
  15. package/styles/bootstrap-dark.css +2 -2
  16. package/styles/bootstrap.css +2 -2
  17. package/styles/bootstrap4.css +2 -2
  18. package/styles/bootstrap5-dark.css +2 -2
  19. package/styles/bootstrap5.css +2 -2
  20. package/styles/fabric-dark.css +2 -2
  21. package/styles/fabric.css +2 -2
  22. package/styles/fluent-dark.css +2 -2
  23. package/styles/fluent.css +2 -2
  24. package/styles/highcontrast-light.css +2 -2
  25. package/styles/highcontrast.css +2 -2
  26. package/styles/image-editor/_layout.scss +2 -2
  27. package/styles/image-editor/bootstrap-dark.css +2 -2
  28. package/styles/image-editor/bootstrap.css +2 -2
  29. package/styles/image-editor/bootstrap4.css +2 -2
  30. package/styles/image-editor/bootstrap5-dark.css +2 -2
  31. package/styles/image-editor/bootstrap5.css +2 -2
  32. package/styles/image-editor/fabric-dark.css +2 -2
  33. package/styles/image-editor/fabric.css +2 -2
  34. package/styles/image-editor/fluent-dark.css +2 -2
  35. package/styles/image-editor/fluent.css +2 -2
  36. package/styles/image-editor/highcontrast-light.css +2 -2
  37. package/styles/image-editor/highcontrast.css +2 -2
  38. package/styles/image-editor/material-dark.css +2 -2
  39. package/styles/image-editor/material.css +2 -2
  40. package/styles/image-editor/material3-dark.css +2 -2
  41. package/styles/image-editor/material3.css +2 -2
  42. package/styles/image-editor/tailwind-dark.css +2 -2
  43. package/styles/image-editor/tailwind.css +2 -2
  44. package/styles/material-dark.css +2 -2
  45. package/styles/material.css +2 -2
  46. package/styles/material3-dark.css +2 -2
  47. package/styles/material3.css +2 -2
  48. package/styles/tailwind-dark.css +2 -2
  49. package/styles/tailwind.css +2 -2
package/dist/es6/ej2-image-editor.es2015.js CHANGED
@@ -5879,13 +5879,14 @@ class Export {
5879
5879
  showSpinner(parent.element);
5880
5880
  parent.element.style.opacity = '0.5';
5881
5881
  const tempCanvas = this.exportToCanvas();
5882
+ const imagetype = (type === 'jpeg') ? 'image/jpeg' : 'image/png';
5882
5883
  // eslint-disable-next-line @typescript-eslint/tslint/config
5883
5884
  tempCanvas.toBlob(function (blob) {
5884
5885
  const blobUrl = URL.createObjectURL(blob);
5885
5886
  proxy.downloadImg(blobUrl, fileName + '.' + type);
5886
5887
  hideSpinner(parent.element);
5887
5888
  parent.element.style.opacity = '1';
5888
- }, 'image/png');
5889
+ }, imagetype);
5889
5890
  }
5890
5891
  exportToCanvas(object) {
5891
5892
  const parent = this.parent;
@@ -19835,10 +19836,10 @@ let ImageEditor = ImageEditor_1 = class ImageEditor extends Component {
19835
19836
  if (!this.element.getAttribute('class')) {
19836
19837
  this.element.removeAttribute('class');
19837
19838
  }
19839
+ this.unwireEvent();
19838
19840
  this.notify('toolbar', { prop: 'destroySubComponents', onPropertyChange: false });
19839
19841
  this.notify('destroyed', null);
19840
19842
  super.destroy();
19841
- this.unwireEvent();
19842
19843
  this.element.innerHTML = '';
19843
19844
  }
19844
19845
  initialize() {
@@ -23701,27 +23702,27 @@ class ToolbarModule {
23701
23702
  const id = parent.element.id;
23702
23703
  const toolbarItems = [];
23703
23704
  if (isFrame) {
23704
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('None') > -1)) {
23705
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('None') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23705
23706
  toolbarItems.push({ id: id + '_none', prefixIcon: 'e-icons e-frame-none', cssClass: 'top-icon e-frame-none',
23706
23707
  tooltipText: this.l10n.getConstant('None'), align: 'Center' });
23707
23708
  }
23708
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Mat') > -1)) {
23709
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Mat') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23709
23710
  toolbarItems.push({ id: id + '_mat', prefixIcon: 'e-icons e-frame-mat', cssClass: 'top-icon e-frame-mat',
23710
23711
  tooltipText: this.l10n.getConstant('Mat'), align: 'Center' });
23711
23712
  }
23712
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Bevel') > -1)) {
23713
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Bevel') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23713
23714
  toolbarItems.push({ id: id + '_bevel', prefixIcon: 'e-icons e-frame-bevel', cssClass: 'top-icon e-frame-bevel',
23714
23715
  tooltipText: this.l10n.getConstant('Bevel'), align: 'Center' });
23715
23716
  }
23716
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Line') > -1)) {
23717
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Line') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23717
23718
  toolbarItems.push({ id: id + '_line', prefixIcon: 'e-icons e-frame-line', cssClass: 'top-icon e-frame-line',
23718
23719
  tooltipText: this.l10n.getConstant('Line'), align: 'Center' });
23719
23720
  }
23720
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Inset') > -1)) {
23721
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Inset') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23721
23722
  toolbarItems.push({ id: id + '_inset', prefixIcon: 'e-icons e-frame-inset', cssClass: 'top-icon e-frame-inset',
23722
23723
  tooltipText: this.l10n.getConstant('Inset'), align: 'Center' });
23723
23724
  }
23724
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Hook') > -1)) {
23725
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Hook') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23725
23726
  toolbarItems.push({ id: id + '_hook', prefixIcon: 'e-icons e-frame-hook', cssClass: 'top-icon e-frame-hook',
23726
23727
  tooltipText: this.l10n.getConstant('Hook'), align: 'Center' });
23727
23728
  }