@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.es5.js CHANGED
@@ -5889,13 +5889,14 @@ var Export = /** @__PURE__ @class */ (function () {
5889
5889
  showSpinner(parent.element);
5890
5890
  parent.element.style.opacity = '0.5';
5891
5891
  var tempCanvas = this.exportToCanvas();
5892
+ var imagetype = (type === 'jpeg') ? 'image/jpeg' : 'image/png';
5892
5893
  // eslint-disable-next-line @typescript-eslint/tslint/config
5893
5894
  tempCanvas.toBlob(function (blob) {
5894
5895
  var blobUrl = URL.createObjectURL(blob);
5895
5896
  proxy.downloadImg(blobUrl, fileName + '.' + type);
5896
5897
  hideSpinner(parent.element);
5897
5898
  parent.element.style.opacity = '1';
5898
- }, 'image/png');
5899
+ }, imagetype);
5899
5900
  };
5900
5901
  Export.prototype.exportToCanvas = function (object) {
5901
5902
  var parent = this.parent;
@@ -19894,10 +19895,10 @@ var ImageEditor = /** @__PURE__ @class */ (function (_super) {
19894
19895
  if (!this.element.getAttribute('class')) {
19895
19896
  this.element.removeAttribute('class');
19896
19897
  }
19898
+ this.unwireEvent();
19897
19899
  this.notify('toolbar', { prop: 'destroySubComponents', onPropertyChange: false });
19898
19900
  this.notify('destroyed', null);
19899
19901
  _super.prototype.destroy.call(this);
19900
- this.unwireEvent();
19901
19902
  this.element.innerHTML = '';
19902
19903
  };
19903
19904
  ImageEditor.prototype.initialize = function () {
@@ -23766,27 +23767,27 @@ var ToolbarModule = /** @__PURE__ @class */ (function () {
23766
23767
  var id = parent.element.id;
23767
23768
  var toolbarItems = [];
23768
23769
  if (isFrame) {
23769
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('None') > -1)) {
23770
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('None') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23770
23771
  toolbarItems.push({ id: id + '_none', prefixIcon: 'e-icons e-frame-none', cssClass: 'top-icon e-frame-none',
23771
23772
  tooltipText: this.l10n.getConstant('None'), align: 'Center' });
23772
23773
  }
23773
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Mat') > -1)) {
23774
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Mat') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23774
23775
  toolbarItems.push({ id: id + '_mat', prefixIcon: 'e-icons e-frame-mat', cssClass: 'top-icon e-frame-mat',
23775
23776
  tooltipText: this.l10n.getConstant('Mat'), align: 'Center' });
23776
23777
  }
23777
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Bevel') > -1)) {
23778
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Bevel') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23778
23779
  toolbarItems.push({ id: id + '_bevel', prefixIcon: 'e-icons e-frame-bevel', cssClass: 'top-icon e-frame-bevel',
23779
23780
  tooltipText: this.l10n.getConstant('Bevel'), align: 'Center' });
23780
23781
  }
23781
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Line') > -1)) {
23782
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Line') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23782
23783
  toolbarItems.push({ id: id + '_line', prefixIcon: 'e-icons e-frame-line', cssClass: 'top-icon e-frame-line',
23783
23784
  tooltipText: this.l10n.getConstant('Line'), align: 'Center' });
23784
23785
  }
23785
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Inset') > -1)) {
23786
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Inset') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23786
23787
  toolbarItems.push({ id: id + '_inset', prefixIcon: 'e-icons e-frame-inset', cssClass: 'top-icon e-frame-inset',
23787
23788
  tooltipText: this.l10n.getConstant('Inset'), align: 'Center' });
23788
23789
  }
23789
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Hook') > -1)) {
23790
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Hook') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23790
23791
  toolbarItems.push({ id: id + '_hook', prefixIcon: 'e-icons e-frame-hook', cssClass: 'top-icon e-frame-hook',
23791
23792
  tooltipText: this.l10n.getConstant('Hook'), align: 'Center' });
23792
23793
  }