@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.es5.js CHANGED
@@ -19894,10 +19894,10 @@ var ImageEditor = /** @__PURE__ @class */ (function (_super) {
19894
19894
  if (!this.element.getAttribute('class')) {
19895
19895
  this.element.removeAttribute('class');
19896
19896
  }
19897
+ this.unwireEvent();
19897
19898
  this.notify('toolbar', { prop: 'destroySubComponents', onPropertyChange: false });
19898
19899
  this.notify('destroyed', null);
19899
19900
  _super.prototype.destroy.call(this);
19900
- this.unwireEvent();
19901
19901
  this.element.innerHTML = '';
19902
19902
  };
19903
19903
  ImageEditor.prototype.initialize = function () {
@@ -23766,27 +23766,27 @@ var ToolbarModule = /** @__PURE__ @class */ (function () {
23766
23766
  var id = parent.element.id;
23767
23767
  var toolbarItems = [];
23768
23768
  if (isFrame) {
23769
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('None') > -1)) {
23769
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('None') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23770
23770
  toolbarItems.push({ id: id + '_none', prefixIcon: 'e-icons e-frame-none', cssClass: 'top-icon e-frame-none',
23771
23771
  tooltipText: this.l10n.getConstant('None'), align: 'Center' });
23772
23772
  }
23773
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Mat') > -1)) {
23773
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Mat') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23774
23774
  toolbarItems.push({ id: id + '_mat', prefixIcon: 'e-icons e-frame-mat', cssClass: 'top-icon e-frame-mat',
23775
23775
  tooltipText: this.l10n.getConstant('Mat'), align: 'Center' });
23776
23776
  }
23777
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Bevel') > -1)) {
23777
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Bevel') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23778
23778
  toolbarItems.push({ id: id + '_bevel', prefixIcon: 'e-icons e-frame-bevel', cssClass: 'top-icon e-frame-bevel',
23779
23779
  tooltipText: this.l10n.getConstant('Bevel'), align: 'Center' });
23780
23780
  }
23781
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Line') > -1)) {
23781
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Line') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23782
23782
  toolbarItems.push({ id: id + '_line', prefixIcon: 'e-icons e-frame-line', cssClass: 'top-icon e-frame-line',
23783
23783
  tooltipText: this.l10n.getConstant('Line'), align: 'Center' });
23784
23784
  }
23785
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Inset') > -1)) {
23785
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Inset') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23786
23786
  toolbarItems.push({ id: id + '_inset', prefixIcon: 'e-icons e-frame-inset', cssClass: 'top-icon e-frame-inset',
23787
23787
  tooltipText: this.l10n.getConstant('Inset'), align: 'Center' });
23788
23788
  }
23789
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Hook') > -1)) {
23789
+ if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Hook') > -1) || parent.toolbar.indexOf('Frame') > -1) {
23790
23790
  toolbarItems.push({ id: id + '_hook', prefixIcon: 'e-icons e-frame-hook', cssClass: 'top-icon e-frame-hook',
23791
23791
  tooltipText: this.l10n.getConstant('Hook'), align: 'Center' });
23792
23792
  }
@@ -24258,7 +24258,7 @@ var ToolbarModule = /** @__PURE__ @class */ (function () {
24258
24258
  var isCustomized = false;
24259
24259
  var items = [];
24260
24260
  var id = parent.element.id;
24261
- var defItems = ['Ellipse', 'Arrow', 'Line', 'Rectangle', 'Pen', 'Path', 'Text'];
24261
+ var defItems = ['Ellipse', 'Arrow', 'Line', 'Rectangle', 'Pen', 'Path', 'Text', 'Image'];
24262
24262
  if (parent.toolbar) {
24263
24263
  for (var i = 0; i < defItems.length; i++) {
24264
24264
  if (parent.toolbar.indexOf(defItems[i]) !== -1) {
@@ -24288,7 +24288,7 @@ var ToolbarModule = /** @__PURE__ @class */ (function () {
24288
24288
  if (isNullOrUndefined(parent.toolbar) || !isCustomized || (parent.toolbar && parent.toolbar.indexOf('Text') > -1)) {
24289
24289
  items.push({ text: this.l10n.getConstant('Text'), id: 'text', iconCss: 'e-icons e-add-text' });
24290
24290
  }
24291
- if (isNullOrUndefined(parent.toolbar) || (!isNullOrUndefined(parent.toolbar) && parent.toolbar.indexOf('Image') > -1)) {
24291
+ if (isNullOrUndefined(parent.toolbar) || !isCustomized || (parent.toolbar && parent.toolbar.indexOf('Image') > -1)) {
24292
24292
  items.push({ text: this.l10n.getConstant('Image'), id: 'image', iconCss: 'e-icons e-image' });
24293
24293
  }
24294
24294
  var obj = { freehandDrawSelectedId: null };